/* @import url("https://cdnimage.artimannovin.ir/fonts/iransans/all.css"); */
@font-face {
    font-family: IRANSans;
    src: url(fonts/iransans/IRANSans-web.eot), url(fonts/iransans/IRANSans-web.woff), url(fonts/iransans/IRANSans-web.woff2), url(fonts/iransans/IRANSans-web.ttf);
}


:root {
    /* primary */
    --primary-900: #11151b;
    --primary-800: #222a36;
    --primary-700: #344051;
    --primary-600: #45556c;
    --primary-500: #748091;
    --primary-400: #a2aab5;
    --primary-300: #d1d5da;
    --primary-200: #e3e5e9;
    --primary-100: #F8F8F8;
    --primary-900-RGB: 17, 21, 27;
    --primary-800-RGB: 34, 42, 54;
    --primary-700-RGB: 52, 64, 81;
    --primary-600-RGB: 69, 85, 108;
    --primary-500-RGB: 116, 128, 145;
    --primary-400-RGB: 162, 170, 181;
    --primary-300-RGB: 209, 213, 218;
    --primary-200-RGB: 227, 229, 233;
    --primary-100-RGB: 248, 248, 248;
    /* قهوه ای */
    --artBrown-900: #321D0F;
    --artBrown-800: #64391E;
    --artBrown-700: #97562E;
    --artBrown-600: #C9733D;
    --artBrown-500: #D6966E;
    --artBrown-400: #E4B99E;
    --artBrown-300: #F1DCCF;
    --artBrown-900-RGB: 50, 29, 15;
    --artBrown-800-RGB: 100, 57, 30;
    --artBrown-700-RGB: 151, 86, 46;
    --artBrown-600-RGB: 201, 115, 61;
    --artBrown-500-RGB: 214, 150, 110;
    --artBrown-400-RGB: 228, 185, 158;
    --artBrown-300-RGB: 241, 220, 207;
    /* آبی روشن */
    --artBlue-900: #012A3D;
    --artBlue-800: #01547A;
    --artBlue-700: #027FB7;
    --artBlue-600: #03A9F4;
    --artBlue-500: #42BFF7;
    --artBlue-400: #81D4F9;
    --artBlue-300: #C0E9FC;
    --artBlue-900-RGB: 1, 42, 61;
    --artBlue-800-RGB: 1, 84, 122;
    --artBlue-700-RGB: 2, 127, 183;
    --artBlue-600-RGB: 3, 169, 244;
    --artBlue-500-RGB: 66, 191, 247;
    --artBlue-400-RGB: 129, 212, 249;
    --artBlue-300-RGB: 192, 233, 252;
    /* خاکستری */
    --artGray-900: #222528;
    --artGray-800: #333746;
    --artGray-700: #444955;
    --artGray-600: #737780;
    --artGray-500: #A1A4AA;
    --artGray-400: #D0D1D4;
    --artGray-300: #ECEDEE;
    --artGray-900-RGB: 34, 37, 40;
    --artGray-800-RGB: 51, 55, 70;
    --artGray-700-RGB: 68, 73, 85;
    --artGray-600-RGB: 115, 119, 128;
    --artGray-500-RGB: 161, 164, 170;
    --artGray-400-RGB: 208, 209, 212;
    --artGray-300-RGB: 236, 237, 238;
    /* قرمز */
    --artRed-900: #390E0D;
    --artRed-800: #721C1A;
    --artRed-700: #AC2B28;
    --artRed-600: #E53935;
    --artRed-500: #EB6A68;
    --artRed-400: #F29C9A;
    --artRed-300: #F8CDCD;
    --artRed-900-RGB: #390E0D;
    --artRed-800-RGB: #721C1A;
    --artRed-700-RGB: #AC2B28;
    --artRed-600-RGB: #E53935;
    --artRed-500-RGB: #EB6A68;
    --artRed-400-RGB: #F29C9A;
    --artRed-300-RGB: #F8CDCD;
    /* سبز */
    --artGreen-900: #0A2A11;
    --artGreen-800: #145322;
    --artGreen-700: #1E7D34;
    --artGreen-600: #28A745;
    --artGreen-500: #5EBD74;
    --artGreen-400: #93D3A2;
    --artGreen-300: #C9E9D1;
    /* زرد */
    --artYellow-900: #403002;
    --artYellow-800: #806003;
    --artYellow-700: #BF9105;
    --artYellow-600: #FFC107;
    --artYellow-500: #FFD045;
    --artYellow-400: #FFE083;
    --artYellow-300: #FFEFC1;
    /* -----------------------------------| Font Size |-------------------------------------- */
    --FSize-h5: 16px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.rotate-none {
    transform: none;
}

.rotate-0 {
    transform: rotate(0deg);
}

.rotate-1 {
    transform: rotate(1deg);
}

.rotate-2 {
    transform: rotate(2deg);
}

.rotate-3 {
    transform: rotate(3deg);
}

.rotate-6 {
    transform: rotate(6deg);
}

.rotate-12 {
    transform: rotate(12deg);
}

.rotate-45 {
    transform: rotate(45deg);
}

.rotate-75 {
    transform: rotate(75deg);
}

.rotate-90 {
    transform: rotate(90deg);
}

.rotate-135 {
    transform: rotate(135deg);
}

.rotate-180 {
    transform: rotate(180deg);
}

.-rotate-1 {
    transform: rotate(-1deg);
}

.-rotate-2 {
    transform: rotate(-2deg);
}

.-rotate-3 {
    transform: rotate(-3deg);
}

.-rotate-6 {
    transform: rotate(-6deg);
}

.-rotate-12 {
    transform: rotate(-12deg);
}

.-rotate-45 {
    transform: rotate(-45deg);
}

.-rotate-75 {
    transform: rotate(-75deg);
}

.-rotate-90 {
    transform: rotate(-90deg);
}

.-rotate-135 {
    transform: rotate(-135deg);
}

.-rotate-180 {
    transform: rotate(-180deg);
}

.h-fitContent {
    height: fit-content;
}

.w-fitContent {
    width: fit-content;
}

.w-95 {
    width: 95% !important;
}

.w-90 {
    width: 90% !important;
}

.w-85 {
    width: 85% !important;
}

.w-80 {
    width: 80% !important;
}

.w-70 {
    width: 70% !important;
}

.w-65 {
    width: 65% !important;
}

.w-60 {
    width: 60% !important;
}

.w-55 {
    width: 55% !important;
}

.w-50 {
    width: 50% !important;
}

.w-45 {
    width: 45% !important;
}

.w-40 {
    width: 40% !important;
}

.w-35 {
    width: 35% !important;
}

.w-30 {
    width: 30% !important;
}

.w-20 {
    width: 20% !important;
}

.w-15 {
    width: 15% !important;
}

.w-10 {
    width: 10% !important;
}

.w-5 {
    width: 5% !important;
}

.w-0 {
    width: 0% !important;
}

.line-Height-1 {
    line-height: 1;
}

.line-Height-1-5 {
    line-height: 1.5;
}

.line-Height-2 {
    line-height: 2;
}

.line-Height-2-5 {
    line-height: 2.5;
}

.line-Height-3 {
    line-height: 3;
}

.line-Height-3-5 {
    line-height: 3.5;
}

.line-Height-4 {
    line-height: 4;
}

.text-brown {
    color: var(--artBrown-600)
}


    /* برای Chrome, Edge, Safari */
    body::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }

    body::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 5px;
    }

    body::-webkit-scrollbar-thumb {
        background-color: #888;
        border-radius: 5px;
    }

        body::-webkit-scrollbar-thumb:hover {
            background-color: #555;
        }

    /* حذف فلش‌های ابتدا و انتها در Chrome و WebKit */
    body::-webkit-scrollbar-button {
        display: none;
    }


body {
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
}

    body::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }

    body::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 5px;
    }

    body::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 5px;
    }

        body::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

    body .img-success {
        width: 250px;
    }
/* حذف فلش‌ها در Firefox (روشی غیررسمی ولی کارا) */
@-moz-document url-prefix() {
    scrollbar {
        -moz-appearance: none !important;
        background: #f1f1f1;
    }

    scrollbarbutton {
        display: none !important;
    }
}

button {
    text-wrap: nowrap;
}

.btn-decrement, .btn-increment {
    width: 41px !important;
    height: 41px !important;
}


.SearchMenu ul li {
    color: var(--primary-400);
}

    .SearchMenu ul li a {
        transition: ease-in .2s;
    }

        .SearchMenu ul li a.active, .SearchMenu ul li a:hover {
            border-bottom: 1px solid var(--primary-600);
            color: var(--primary-600);
            font-size: 16px;
            font-weight: 700;
        }

        .SearchMenu ul li a i {
            font-weight: 450;
        }

        .SearchMenu ul li a span {
            color: var(--primary-500);
        }

        .SearchMenu ul li a.active span, .SearchMenu ul li a.active i {
            color: var(--primary-600);
        }


.header {
    top: 0;
    right: 0;
    left: 0;
    z-index: 1000;
    position: fixed;
}

    .header .top-nav {
        height: 32px;
        overflow: hidden;
    }

    .header .menuOpen {
        transform: rotate(90deg);
    }
/* وقتی اسکرول پایین رفت */
#header.scrolled {
    position: fixed;
    top: 0;
    left: 0;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
    border: none !important;
    padding: 10px !important;
    min-width: 220px !important;
    box-shadow: 0 0 10px 1px rgba(0,0,0,.2);
}

    .navbar-expand-lg .navbar-nav .dropdown-menu li {
        padding: 5px 0;
    }

        .navbar-expand-lg .navbar-nav .dropdown-menu li a i {
            display: none;
        }

        .navbar-expand-lg .navbar-nav .dropdown-menu li a:hover i {
            display: flex;
        }

        .navbar-expand-lg .navbar-nav .dropdown-menu li a {
            color: var(--primary-400) !important;
            border-radius: 5px !important;
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            padding-left: 0;
            font-size: 14px;
        }

.navbar-expand-lg .navbar-nav .artDropdown-menu {
    right: calc(50% - 649px) !important;
    width: 1313px !important;
    z-index: 100000 !important;
    background: none;
    border: none;
    transition: ease-in 0.2s;
    display: none !important;
    max-height: 500px;
    overflow: hidden;
    position: fixed !important;
}

.menu-backdrop {
    opacity: 0;
    right: 0;
    width: 100%;
    position: fixed;
    background: rgba(0,0,0,0.2);
    backdrop-filter: blur(5px);
    top: 0;
    bottom: 0;
    z-index: -1;
}

    .menu-backdrop.open {
        opacity: 1;
        z-index: 1;
    }
/*.navbar-expand-lg .navbar-nav .artDropdown-menu:before {
    content: "";
    width: 150%;
    height: 200%;
    position: fixed;
    background: rgba(0,0,0,0.2);
    backdrop-filter: blur(2px);
    top: -100px;
    right: -310px;
    z-index: -151;
}*/
.hamburger:hover {
    cursor: pointer !important;
}

.dropdown:hover .artDropdown-menu, .dropdown:hover .dropdown-menu, .dropdown:hover .menu-backdrop {
    display: block !important;
}

.dropdown-menu .height-500 {
    height: 500px !important;
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
}

    .dropdown-menu .height-500::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }

    .dropdown-menu .height-500::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 5px;
    }

    .dropdown-menu .height-500::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 5px;
    }

        .dropdown-menu .height-500::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

.dropdown-item {
    text-align: start;
}


.navbar-nav .megaMenu-Title {
    color: var(--primary-600);
    text-align: right;
    font-family: IRANSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 180%;
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
}

    .navbar-nav .megaMenu-Title:before {
        content: "";
        width: 3px;
        height: 18px;
        background-color: var(--artBrown-600);
        position: absolute;
        border-radius: 10px;
        top: 2.5px;
        right: -10px;
    }

.navbar-nav .megaMenu-SubTitle {
    font-size: 14px;
    color: var(--primary-500);
    margin: 5px;
    transition: ease-in;
}

    .navbar-nav .megaMenu-SubTitle:hover {
        color: var(--primary-600) !important;
        cursor: pointer;
    }

.navbar-nav .dropdown-toggle::after {
    border-top: none;
    position: relative;
    top: 5px;
    right: 10px;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-light);
    content: "\f078";
}


    input:disabled, .input-Container.disable, select {
        border: 1px solid var(--primary-300);
        background: var(--artGray-300);
    }

body {
    font-family: "IRANSans";
    background: var(--primary-100);
    scrollbar-width: thin; /* فقط در Firefox */
    direction: rtl;
    text-align: right,justify;
    unicode-bidi: bidi-override;
    transition: ease-in 0.2s !important;
}

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

body::-webkit-scrollbar {
    width: 6px; /* عرض اسکرول‌بار */
}

body::-webkit-scrollbar-thumb {
    background-color: #888; /* رنگ دسته اسکرول */
    border-radius: 4px;
}

.body-content {
    min-height: 845px;
}

.navbar .navbar-brand {
    width: 65px;
}


    .btn:hover {
        color: var(--primary-600);
    }

.btn-primary, .btn-white, .btn-outline-white, .btn-secondary {
    background-color: var(--primary-600) !important;
    border: 1px solid var(--primary-600) !important;
    color: #fff !important;
}


.btn-Brown {
    background: var(--artBrown-600) !important;
    color: white !important;
}

.filterBTN {
    border-radius: 50px 0 0 50px !important;
    right: 0px;
    position: relative;
    bottom: 0px;
}

.filterContainer {
    height: 70px;
}

    .filterContainer.show {
        box-shadow: 0 0 20px 0px #7d7c7c;
        height: 450px;
    }

.filterBTN:hover {
    cursor: pointer;
    right: 0px;
}

.btn-white, .btn-outline-white {
    background-color: white !important;
    color: var(--primary-600) !important;
    border: 1px solid white;
}

.btn-outline-white {
    border: 1px solid var(--primary-600) !important;
}

    .btn-outline-white:hover {
        background-color: var(--primary-600) !important;
        color: white !important;
        border: 1px solid var(--primary-600) !important;
    }

.btn-outline-primary {
    border: 1px solid var(--primary-600);
    color: var(--primary-600);
}

    .btn-outline-primary:hover {
        background: var(--primary-600);
        color: white !important;
    }

.text-primary {
    color: var(--primary-600) !important;
}

.text-secondary, .text-sub-secondary, .text-sub-secondary2 {
    color: var(--primary-500) !important;
}

.text-gray-600 {
    color: var(--artGray-600)
}

.dashed-HR {
    border-top: 2px dashed;
    width: 85%;
    top: -1px;
}

.border-right-gray-fade {
    border-right: 2px solid rgba(0, 0, 0,0.2);
}

.text-danger {
    color: var(--artRed-600) !important;
}

.text-warning {
    color: var(--artYellow-600) !important;
}

.text-success {
    color: var(--artGreen-600) !important;
}

.text-body {
    color: var(--primary-500) !important;
}

.text-title {
    color: var(--primary-600);
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 19.6px */
    position: relative;
}

    .text-title:before {
        content: "";
        background-color: var(--artYellow-500);
        width: 2px;
        height: 14px;
        position: absolute;
        right: 0;
        top: calc(50% - 14px);
    }


.btn-success-fade, .btn-danger-fade {
    display: flex;
    height: 34px;
    padding: 0 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    border-radius: 14px;
    background-color: var(--artGreen-300) !important;
    color: var(--artGreen-700) !important;
}

    .btn-success-fade:hover {
        background-color: var(--artGreen-700) !important;
        color: white !important;
    }

.btn-danger-fade {
    background-color: var(--artRed-300) !important;
    color: var(--artRed-700) !important;
}

    .btn-danger-fade:hover {
        background-color: var(--artRed-700);
        color: white;
    }



.bg-primary {
    background-color: var(--primary-800) !important;
}

.bg-secondary {
    background-color: var(--primary-300)
}

.border-dashed {
    border: 1px dashed;
}

/*Footer Styles Started*/
footer {
    min-height: 465px;
    overflow: hidden;
    color: var(--Text-OnDark, #FFF);
    text-align: right;
    /* body/md */
    font-family: IRANSans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%; /* 28.8px */
}


    footer .certificate img {
        height: 75px;
    }

    footer .footer-bottom {
    }

    footer .social-icons li {
        width: 35px;
        height: 35px;
        border-radius: 5px;
        transition: ease-in 0.2s;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        cursor: pointer;
    }

        footer .social-icons li:hover {
            background-color: white;
        }

        footer .social-icons li a {
            display: flex;
            justify-content: center;
            align-items: center;
            color: white;
            width: 100%;
            height: 100%;
            line-height: 0;
            text-decoration: none;
        }

        footer .social-icons li:hover a {
            color: var(--primary-600) !important;
        }

        footer .social-icons li a i {
            height: fit-content;
        }

    footer .contact form .input-Container input {
        width: 100%;
        color: white;
        padding: 5px 15px;
        font-size: 14px;
    }

    footer .contact form button {
        width: 15%;
    }

    footer .footer-bottom p {
        font-size: 10pt;
    }

.text-brown {
    color: var(--artBrown-600);
}

footer .footer-bottom p a {
    color: var(--artBrown-600) !important;
}

footer .links h5 {
    font-weight: bold;
}

footer .links ul.list-unstyled li a {
    font-size: 12px;
    transition: ease 0.2s;
    padding: 0 0 2px 0;
}

    footer .links ul.list-unstyled li a:hover {
        border-bottom: 1px solid white;
    }

footer .outlink {
    overflow: hidden;
    width: 50px;
    height: 50px;
    margin: 5px;
    transition: ease-in 0.2s;
}

    footer .outlink:hover {
        cursor: pointer;
        transform: translateY(-5px);
    }
/*Footer Styles Ended*/


.textInput, .textInputSecondary {
    background-color: transparent;
    border: 1px solid var(--primary-600);
    border-radius: 12px;
    display: flex;
    padding: 7.5px 0;
    justify-content: center;
    align-items: center;
    gap: 19px;
}

.textInputSecondary {
    border-color: transparent;
}

.content-HR, .content-VR {
    background: linear-gradient(90deg, #FFF 0%, var(--artGray-600) 50.96%, #FFF 100%);
    height: 2px;
    border-top: none !important;
    width: 100%;
    opacity: .25;
}

.content-VR {
    background: linear-gradient(0deg, #FFF 0%, var(--artGray-600) 50.96%, #FFF 100%) !important;
    width: 2px !important;
    min-height: 220px !important;
    height: 90% !important;
}

.top-banner .banner-Container::before, .top-banner-tour .banner-Container::before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    z-index: 1;
    background-color: rgba(0,0,0,.3);
    backdrop-filter: blur(1px);
}

.top-banner {
    height: 220px;
}

.top-banner-tour {
    height: 320px;
}

.bottom-banner {
    border-radius: 0 0 15px 15px;
}

.services.active {
    border: 1px solid var(--primary-600) !important;
}

.trash {
    color: var(--artRed-500);
}

.inner-Header {
    height: 339px !important;
    overflow: hidden;
}

.text-Blue {
    color: var(--artBlue-500);
}

@media (max-width: 576px) {
    .SearchMenu ul li a {
        transition: ease-in .2s;
        font-weight: bold;
    }

        .SearchMenu ul li a.active, .SearchMenu ul li a:hover {
            border-bottom: 1px solid var(--primary-600);
            color: var(--primary-600);
        }

        .SearchMenu ul li a i {
            font-weight: 450;
            width: 20px;
            height: 20px;
            color: var(--primary-400);
        }

        .SearchMenu ul li a span {
            color: var(--primary-400);
            font-size: 10pt;
        }

    .navbar a span {
        font-size: 12px;
    }

    .logo-container {
        margin: 0 0 0 -55px;
    }

    .top-banner {
        border-radius: 0;
    }

    .navbar .navbar-brand {
        width: 45px;
    }
}

.accordion-button:focus {
    box-shadow: none !important;
}

.offcanvas {
    z-index: 9999999;
}