@font-face {
    font-family: "yekanbakhBold";
    src: url("../../../assets/all-fonts/yekanbakhBold/Yekan-Bakh-FaNum-06-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: "yekanbakhmedium";
    src: url("../../../assets/all-fonts/yekanbakhmedium/Yekan-Bakh-FaNum-05-Medium.woff") format("woff")
}

@font-face {
    font-family: "iranbold";
    src: url("../../../assets/all-fonts/iranbold/IRANSansWeb_Bold.eot") format("eot");
    src: url("../../../assets/all-fonts/iranbold/IRANSansWeb_Bold.woff") format("woff");
    src: url("../../../assets/all-fonts/iranbold/IRANSansWeb_Bold.woff2") format("woff2");
    src: url("../../../assets/all-fonts/iranbold/IRANSansWeb_Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal
}

:root {
    --fontFamilyfontFamily: 'yekanbakhmedium';
    --fontFamilyBold: "iranbold";
    --fontFamilyBold2: "yekanbakhBold";
    --fontTitle: 'iranbold';
    --rounded: 16px;
    --mainColor: #0e1d42;
    --secondColor: #cc1d54;
    --hoverColor: #cc1d54;
    --transition: all .3s;
}

.main-navigation__sub-menu2 {
    right: unset !important;
    left: 0;
    top: 130% !important;
}

.box_button_header {
    display: flex;
    gap: 10px;
    margin-right: auto;
    position: relative;
}

.logIn > i {
    display: none
}

.button_header {
    border: 1px solid var(--mainColor);
    padding: 10px 17px;
    border-radius: 999px;
    background: var(--mainColor);
    font-family: var(--fontFamilyBold2);
    color: #fff;
    font-size: 14px;
    transition: all .3s;
    display: flex;
    align-items: center;
    justify-content: center
}

.nav-header img {
    width: 130px
}

.fixicone:hover {
    color: var(--secondColor);
}

.button_header:hover {
    background: var(--secondColor);
    color: #fff;
    border-color: var(--secondColor);
}

.my-breadcrumbs:has(+ .banner-slider-display) {
    left: 0;
    position: absolute !important;
    top: 110px !important;
}

.my-breadcrumbs:has(+ .banner-slider-display) .breadcrumb-item a ,
.my-breadcrumbs:has(+ .banner-slider-display) .breadcrumb-item h1,
.my-breadcrumbs:has(+ .banner-slider-display) .breadcrumb-item.active h1 {
    color: #fff !important;
    font-size: 15px !important;
}

.my-breadcrumbs:has(+ .banner-slider-display) .breadcrumb-item + .breadcrumb-item::before {
    content: '\f053' !important;
    color: #fff;
    font-family: "Font Awesome 6 Pro", "FontAwesome", sans-serif;
    font-size: 11px;
    display: flex;
    align-items: center;
}

.header_area {
    position: absolute;
    z-index: 250;
    top: 0;
    left: 0;
    min-height: 95px;
    width: 100%
}

#navbar {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 10px 0;
}

.nav-menus-wrapper {
    margin-right: 40px;
    display: flex;
    align-items: center
}

.nav-toggle:hover {
    background: var(--secondColor);
}

.nav-toggle:hover svg {
    fill: #666
}

.nav-toggle {
    width: 42px;
    height: 42px;
    display: none;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    padding: 7px;
    border: 1px solid var(--mainColor);
    border-radius: 999px;
    background: var(--mainColor);
    color: #666;
    font-size: 14px;
    transition: all .3s;
    display: none;
    align-items: center;
    justify-content: center
}

.nav-toggle > svg {
    width: 100%;
    height: 100%;
    fill: #fff;
    transition: all .3s
}

.navigation-portrait .nav-toggle {
    display: flex
}

.navigation-portrait .nav-menus-wrapper {
    width: 320px;
    height: 100%;
    top: 0;
    left: -400px;
    position: fixed;
    background-color: #fff;
    z-index: 102;
    overflow-y: auto;
    transition: all .3s;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open {
    left: 0
}

.nav-menus-wrapper-close-button {
    display: none
}

.navigation-portrait .nav-menus-wrapper-close-button > svg {
    height: 100%;
    fill: #777;
    transition: all .3s
}

.navigation-portrait .nav-menus-wrapper-close-button:hover svg {
    fill: red
}

.navigation-portrait .nav-menus-wrapper-close-button {
    display: flex;
    justify-content: start;
    align-items: center;
    cursor: pointer;
    width: 50px;
    height: 50px;
    padding: 10px 0
}

.nav-menu {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-items: center
}

.navigation-portrait .nav-menu {
    width: 100%
}

.nav-menu > li {
    display: flex;
    text-align: right;
    height: 100%;
    position: relative
}

.navigation-portrait .nav-menu > li {
    width: 100%;
    position: relative;
    border-top: solid 1px #ccc
}

.nav-menu > li:hover > a, .nav-menu > li:hover > a > .submenu-indicator > svg {
    color: var(--mainColor);
    fill: var(--mainColor)
}

.nav-menu > li > a {
    display: flex;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    transition: all .3s;
    align-items: center;
    justify-content: center;
    position: relative;
    gap: 5px;
    font-size: 16px;
    padding: 15px;
    height: 95px;
    font-family: var(--fontFamilyBold2)
}

.navigation-portrait .nav-menu > li > a {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.nav-overlay-panel {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: none;
    z-index: 101
}

.no-scroll {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.nav-dropdown {
    min-width: 140px;
    margin: 0;
    display: none;
    position: absolute;
    list-style: none;
    z-index: 98;
    white-space: nowrap;
    background: #fff;
    padding: 10px;
    box-shadow: 0 10px 60px 0 rgba(5, 16, 54, .051);
    top: 100%;
    border-radius: 4px
}

.nav-dropdown.nav-submenu .nav-submenu {
    top: -10px
}

.nav-dropdown > li {
    display: flex;
    position: relative;
    border-bottom: 1px solid #eee
}

.nav-dropdown > li:last-child {
    border-bottom: 0
}

.a_header_active {
    color: #fff !important;
    transition: all .3s;
    background: #8d8d8d
}

.a_header_active:hover {
    background: #549bf4
}

.navigation-portrait .nav-dropdown {
    width: 100%;
    position: static;
    left: 0
}

.nav-dropdown li:hover svg, .nav-dropdown li:focus svg {
    fill: #fff
}

.nav-dropdown .submenu-indicator svg {
    transform: rotate(90deg)
}

.navigation-portrait .submenu-indicator.submenu-indicator-up svg {
    fill: #fff
}

.nav-dropdown .nav-dropdown {
    right: 100%
}

.nav-dropdown > li > a {
    width: 100%;
    padding: 5px;
    float: right;
    text-decoration: none;
    font-size: 13px;
    color: #555;
    font-family: var(--fontFamilyBold2);
    text-align: right;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all .3s;
    cursor: pointer;
    border-radius: 5px
}

.nav-dropdown > li.focus > a, .nav-dropdown > li:hover > a {
    background: var(--mainColor);
    color: #fff !important
}

.nav-dropdown > li.focus > a svg, .nav-dropdown > li:hover > a svg {
    fill: #fff !important
}

.nav-dropdown.nav-dropdown-left {
    right: 0
}

.nav-dropdown > li > .nav-dropdown-left {
    left: auto;
    right: 100%
}

.navigation-landscape .nav-dropdown.nav-dropdown-left > li > a {
    text-align: right
}

.navigation-portrait .nav-dropdown > li > a {
    padding: 10px
}

.nav-dropdown-horizontal {
    width: 100%;
    left: 0;
    background-color: #fdfdfd;
    border-top: solid 1px #f0f0f0
}

.nav-dropdown-horizontal .nav-dropdown-horizontal {
    width: 100%;
    top: 100%;
    left: 0
}

.navigation-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal {
    border-top: none
}

.nav-dropdown-horizontal > li {
    width: auto;
    clear: none;
    position: static
}

.navigation-portrait .nav-dropdown-horizontal > li {
    width: 100%
}

.nav-dropdown-horizontal > li > a {
    position: relative
}

.navigation-portrait .nav-dropdown-horizontal .submenu-indicator {
    transform: rotate(0)
}

.nav-dropdown-horizontal .submenu-indicator {
    transform: rotate(90deg)
}

.navigation-portrait .nav-dropdown-horizontal .submenu-indicator.submenu-indicator-up, .navigation-portrait .submenu-indicator.submenu-indicator-up {
    transform: rotate(-180deg)
}

.submenu-indicator {
    transition: all .2s;
    width: 13px;
    height: 13px;
    display: flex;
    justify-content: center;
    align-items: center
}

.nav-dropdown.nav-submenu svg {
    fill: #555 !important
}

.submenu-indicator > svg {
    width: 100%;
    height: 100%;
    transition: all .3s;
    fill: #fff
}

.navigation-portrait .nav-menu > li > a {
    width: 100%;
    height: auto;
    color: #333 !important;
    padding: 10px !important
}

.box_button_header  i {
    display: none
}

.text-nav-brand {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-right: 9px;
    gap: 8px
}

.text-nav-brand h1 {
    font-family: var(--fontFamilyBold2);
    color: #fff;
    font-size: 1.3rem;
    padding: 0;
    margin: 0
}

.text-nav-brand h2 {
    font-family: var(--fontFamilyBold2);
    color: #fff;
    font-size: 12px;
    padding: 0;
    margin: 0;
    text-transform: uppercase
}

@media (max-width: 1024px) {
    .box_button_header_phone {
        display: none
    }
}

.nav-dropdown > div > li {
    display: flex;
    position: relative
}

.nav-dropdown > div > li > a {
    width: 100%;
    padding: 10px 10px;
    float: right;
    text-decoration: none;
    font-size: 13px;
    color: #555;
    text-align: right;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all .3s;
    cursor: pointer;
    border-radius: 5px
}

@media (max-width: 1200px) {
    .nav-menus-wrapper {
        padding-right: 10px
    }

    .text-count-passenger {
        font-size: 11px
    }

    .nav-menu > li > a {
        padding: 10px
    }
}

@media (max-width: 992px) {
    .special_tour_banner > .container > h3 {
        display: none !important
    }

    .text-count-passenger {
        font-size: 14px
    }
}

@media (max-width: 991px) {
    .main-navigation__sub-menu2 {
        left: -51px;
    }
    .nav-dropdown {
        box-shadow: none !important
    }

    .submenu-indicator > svg {
        fill: #333 !important
    }

    .nav-toggle {
        display: flex
    }

    .footer_main > ul {
        grid-template-columns:repeat(2, 1fr)
    }

    #navbar {
        position: static;
        border-bottom: none;
    }

    .nav-dropdown > li {
        flex-direction: column
    }

    .logIn {
        width: 42px;
        height: 42px;
        padding: 0;
    }

    .logIn svg {
        fill: #fff !important;
        width: 26px;
        height: 26px
    }

    .logIn:hover {
        background: var(--mainColor)
    }

    .button_header {
        padding: 0;
        width: 42px;
        height: 42px;
    }

    .box_button_header  i {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
        font-size: 21px;
        color: #fff;
    }
    .button_header span {
        display: none;
    }

    .logIn > span {
        display: none
    }

    .box_button_header {
        margin-right: auto
    }

    .nav-menu {
        height: unset
    }

    .navigation-portrait .nav-menu > li {
        height: unset;
        flex-direction: column
    }

    .nav-dropdown .submenu-indicator svg {
        transform: rotate(0)
    }

    .navigation-portrait .nav-dropdown > li > a {
        padding: 12px 15px 12px 26px
    }
}

@media (max-width: 768px) {
    .footer_main > ul {
        grid-template-columns:repeat(1, 1fr)
    }
}

.div-footer-parent {
    background: #f1f2f2;
    padding: 20px 0
}

.parent-item-footer {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding-left: 10px
}

.img-box-footer {
    display: flex;
    align-items: center;
    margin-bottom: 5px
}

.parent-item-footer img {
    width: 130px
}

.text-logo-footer {
    text-align: right;
    margin-right: 5px
}

.text-logo-footer span {
    color: #797f86;
    font-size: 14px
}

.text-logo-footer h4 {
    color: #000;
    font-size: 18px;
    font-family: var(--fontFamilyBold2);
    margin-bottom: 0
}

.child-item-footer {
    color: #666;
    font-size: 14px
}

.child-item-footer i {
    margin-left: 5px
}

.child-item-footer span {
    color: #222;
    margin-right: 5px;
    transition: all ease .3s;
    font-size: 16px
}

.child-item-footer a {
    color: #222;
    margin-right: 5px;
    transition: all .3s;
    font-size: 16px
}

.child-item-footer a:hover {
    color: var(--mainColor);
    text-decoration: none
}

.footer-icon {
    display: flex;
    align-items: center;
    justify-content: right;
    margin-top: 0;
    gap: 30px
}

.footer-icon a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    transition: all .3s;
    border-radius: 50%;
    font-size: 28px
}

.footer-icon a:hover {
    text-decoration: none;
    color: var(--mainColor)
}

.footer_instagram:hover {
    color: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%)
}

.box-item-footer {
    margin-top: 24px
}

.box-item-footer h3 {
    color: #333;
    font-family: var(--fontFamilyBold2);
    margin-bottom: 27px;
    font-size: 23px
}

.box-item-footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 15px
}

.box-item-footer ul li a {
    color: #222;
    transition: all ease .3s;
    display: flex;
    align-items: center
}

.box-item-footer ul li a:hover {
    color: var(--mainColor);
    text-decoration: none
}

.box-item-footer ul li a i {
    margin-left: 7px;
    transition: all .3s
}

.parent-namad {
    margin-top: 24px;
    text-align: right
}

.namads {
    display: flex;
    flex-wrap: wrap;
    width: 230px;
    gap: 10px
}

.namads > a {
    width: 90px;
    height: 85px;
    background: #fff;
    border-radius: 5px;
    padding: 5px 10px;
    border: 1px solid #ccc
}

.namads > a > img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.last_text a {
    color: #fff;
    transition: all .3s
}

.last_text p {
    margin: 0;
    color: #fff;
    margin-right: 3px
}

.last_text a:hover {
    color: var(--mainColor);
    text-decoration: none
}

.last_text {
    display: flex;
    justify-content: center;
    border-top: 1px solid #ccc;
    font-size: 14px;
    padding: 10px 0;
    align-items: center;
    background: var(--secondColor);
}

.footer-gisoo {
    margin-top: 50px;
    border-top: 1px solid #ccc
}

.header-page {
    position: relative;
    background: rgba(87, 87, 87, .62)
}

.parent-namad h3 {
    color: #333;
    font-family: var(--fontFamilyBold2);
    margin-bottom: 27px;
    font-size: 23px
}

.fixicone {
    z-index: 10;
    font-size: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all ease .5s;
    bottom: 30px;
    position: fixed;
    right: 20px;
    color: var(--mainColor);
    animation: bounce 3000ms infinite
}

.fixicone:hover {
    animation: none
}

@keyframes bounce {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-30px)
    }
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
    80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media (max-width: 991px) {
    .footer-icon {
        margin-top: 0
    }
}

@media (max-width: 768px) {
    .footer-icon {
        margin-top: 0
    }

    .namads > a {
        width: 80px;
        height: 75px
    }

    .footer-icon a {
        font-size: 25px
    }

    .namads {
        width: unset
    }

    .parent-item-footer img {
        width: 125px
    }

    .img-box-footer {
        margin-bottom: -5px
    }

    .box-item-footer {
        margin-top: 25px
    }

    .box-item-footer h3 {
        margin-bottom: 20px;
        font-size: 20px
    }

    .parent-namad h3 {
        font-size: 20px;
        margin-bottom: 20px
    }

    .parent-namad {
        margin-top: 25px
    }

    .div-footer-parent {
        padding: 10px 0 20px 0
    }
}

@media (max-width: 576px) {
    #scroll-top {
        display: none !important
    }

    .namads {
        grid-template-columns:repeat(4, 1fr)
    }

    .nav-header img {
        width: 120px
    }

    .namads > a {
        width: 70px;
        height: 65px
    }
}

/*# sourceMappingURL=header.css.map */