@charset "utf-8";
@font-face {
    font-display: swap;
    font-family: "IRANSansWeb";
    src: url("../fonts/IRANSansWeb(FaNum).ttf") format("truetype"),
    url("../fonts/IRANSansWeb(FaNum).eot") format("embedded-opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: "IRANSansWebEnNum";
    font-style: normal;
    font-weight: lighter;
    src: url("../fonts/IRANSansWeb_Medium.eot");
    src: url("../fonts/IRANSansWeb_Medium.eot") format("embedded-opentype"),
    url("../fonts/IRANSansWeb_Medium.woff") format("woff"),
    url("../fonts/IRANSansWeb_Medium.ttf") format("truetype");
}

@font-face {
    font-display: swap;
    font-family: "flaticon";
    src: url("../fonts/fontFlaticon.ttf") format("truetype"),
    url("../fonts/fontFlaticon.woff") format("woff"),
    url("../fonts/fontFlaticon.eot#iefix") format("embedded-opentype"),
    url("../fonts/fontFlaticon.svg#flaticon") format("svg");
}

i[class^="flaticon-"]:before,
i[class*=" flaticon-"]:before {
    font-family: flaticon !important;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-display: swap;
    font-family: "fontawesome";
    src: url("../fonts/fontAwesome.eot") format("embedded-opentype"),
    url("../fonts/fontAwesome.woff") format("woff"),
    url("../fonts/fontAwesome.ttf") format("truetype"),
    url("../fonts/fontAwesome.svg") format("svg"),
    url("../fonts/fontAwesome-brands.eot") format("embedded-opentype");
    font-weight: 400;
    font-style: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

@font-face {
    font-display: swap;
    font-family: "fontawesome";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../fonts/fontAwesome-brands.eot");
    src: url("../fonts/fontAwesome-brands.eot") format("embedded-opentype"),
    url("../fonts/fontAwesome-brands.woff") format("woff"),
    url("../fonts/fontAwesome-brands.ttf") format("truetype"),
    url("../fonts/fontAwesome-brands.svg") format("svg");
}

.fab {
    font-family: "fontawesome";
    font-weight: 400;
}

@font-face {
    font-display: swap;
    font-family: "fontawesome";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../fonts/fontAwesome-regular.eot");
    src: url("../fonts/fontAwesome-regular.eot") format("embedded-opentype"),
    url("../fonts/fontAwesome-regular.woff") format("woff"),
    url("../fonts/fontAwesome-regular.ttf") format("truetype"),
    url("../fonts/fontAwesome-regular.svg") format("svg");
}

.far {
    font-family: "fontawesome";
    font-weight: 400;
}

@font-face {
    font-display: swap;
    font-family: "fontawesome";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("../fonts/fontAwesome-solid.eot");
    src: url("../fonts/fontAwesome-solid.eot") format("embedded-opentype"),
    url("../fonts/fontAwesome-solid.ttf") format("truetype"),
    url("../fonts/fontAwesome-solid.svg") format("svg");
}

.fa,
.fas {
    font-family: "fontawesome";
    font-weight: 900;
}

@font-face {
    font-display: swap;
    font-family: "fontIcon";
    src: url("../fonts/fontIcon.eot");
    src: url("../fonts/fontIcon.eot") format("embedded-opentype"),
    url("../fonts/fontIcon.woff") format("woff"),
    url("../fonts/fontIcon.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: "fontawesome";
    src: url("../fonts/reservation_fontawesome-webfont.eot") format("embedded-opentype"),
    url("../fonts/reservation_fontawesome-webfont.woff") format("woff"),
    url("../fonts/reservation_fontawesome-webfont.ttf") format("truetype"),
    url("../fonts/reservation_fontawesome-webfont.svg") format("svg"),
    url("../fonts/reservation_fa-brands.eot") format("embedded-opentype");
    font-weight: normal;
    font-style: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@font-face {
    font-display: swap;
    font-family: "fontawesome";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../fonts/reservation_fa-brands.eot");
    src: url("../fonts/reservation_fa-brands.eot") format("embedded-opentype"),
    url("../fonts/reservation_fa-brands.ttf") format("truetype"),
    url("../fonts/reservation_fa-brands.svg") format("svg");
}

@font-face {
    font-display: swap;
    font-family: "fontawesome";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../fonts/reservation_fa-regular.eot");
    src: url("../fonts/reservation_fa-regular.eot") format("embedded-opentype"),
    url("../fonts/reservation_fa-regular.ttf") format("truetype"),
    url("../fonts/reservation_fa-regular.svg") format("svg");
}

.far {
    font-family: "fontawesome";
    font-weight: 400;
}

@font-face {
    font-display: swap;
    font-family: "fontawesome";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("../fonts/reservation_fa-solid.eot");
    src: url("../fonts/reservation_fa-solid.eot") format("embedded-opentype"),
    url("../fonts/reservation_fa-solid.ttf") format("truetype"),
    url("../fonts/reservation_fa-solid.svg") format("svg");
}

@font-face {
    font-display: swap;
    font-family: "IRANSansWeb";
    src: url("../fonts/reservation_IRANSansWeb(FaNum).ttf") format("truetype"),
    url("../fonts/reservation_IRANSansWeb(FaNum).eot") format("embedded-opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: "IRANSansWebEnNum";
    font-style: normal;
    font-weight: lighter;
    src: url("../fonts/reservation_IRANSansWeb_Medium.eot");
    src: url("../fonts/reservation_IRANSansWeb_Medium.eot?#iefix") format("embedded-opentype"),
    url("../fonts/reservation_IRANSansWeb_Medium.woff") format("woff"),
    url("../fonts/reservation_IRANSansWeb_Medium.ttf") format("truetype");
}

@font-face {
    font-display: swap;
    font-family: "fontIcon";
    src: url("../fonts/reservation_FG.eot?n1z373");
    src: url("../fonts/reservation_FG.eot?#iefixn1z373") format("embedded-opentype"),
    url("../fonts/reservation_FG.woff?n1z373") format("woff"),
    url("../fonts/reservation_FG.ttf?n1z373") format("truetype"),
    url("../fonts/reservation_FG.svg?n1z373#lg") format("svg");
    font-weight: normal;
    font-style: normal;
}

i[class*=" flaticon-"]:before,
i[class^="flaticon-"]:before {
    font-family: flaticon !important;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa,
.fas,
.fal {
    font-family: "fontawesome";
    font-weight: 900;
}

.fa,
.fas,
.fal {
    font-family: "fontawesome";
    font-weight: 900;
}

html {
    font-family: "IRANSansWeb";
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

select,
input,
textarea,
option {
    font-family: "IRANSansWeb";
}

html,
body {
    height: 100%;
    background-size: cover;
    background-attachment: fixed;
    background-position: center -20px;
}

body {
    margin: 0;
    position: relative;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

* {
    text-decoration: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.en-font {
    font-family: "IRANSansWebEnNum" !important;
}

::placeholder {
    color: #ccc;
    opacity: 1;
}

I {
    font-family: "FontAwesome";
    font-style: normal;
}

input:focus,
textarea:focus,
select:focus {
    outline: none !important;
}

input,
button,
select {
    font-family: "IRANSansWeb";
}

a {
    color: #737373;
}

a,
i,
span {
    letter-spacing: 0.6px;
    display: inline-block;
    font-style: normal;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

p {
    letter-spacing: 0.6px;
}

@keyframes ldio-f6u7lwzvbkg {

0
{
    transform: translate(-50%, -50%) rotate(0)
;
}
100
%
{
    transform: translate(-50%, -50%) rotate(360deg)
;
}
}
.clr {
    clear: both;
    margin: 0 auto;
    display: block;
}

main {
    width: 100%;
    height: auto;
}

.fa-star:before {
    content: "\f005";
}

.fa-suitcase:before {
    content: "\f0f2";
}

.fa-calendar-alt:before {
    content: "\f073";
}

.fa-user:before {
    content: "\f007";
}

.font_9 {
    font-size: 9px;
}

.font_10 {
    font-size: 10px;
}

.font_11 {
    font-size: 11px;
}

.font_12 {
    font-size: 12px;
}

.font_13 {
    font-size: 13px;
}

.font_14 {
    font-size: 14px;
}

.font_15 {
    font-size: 15px;
}

.font_16 {
    font-size: 16px;
}

.font_17 {
    font-size: 17px;
}

.font_18 {
    font-size: 18px;
}

.font_19 {
    font-size: 29px;
}

.font_20 {
    font-size: 20px;
}

.width_5 {
    width: 5%;
}

.width_10 {
    width: 10%;
}

.width_15 {
    width: 15%;
}

.width_20 {
    width: 20%;
}

.width_25 {
    width: 25%;
}

.width_30 {
    width: 30%;
}

.width_40 {
    width: 40%;
}

.width_50 {
    width: 50%;
}

.width_49 {
    width: 49%;
}

.width_60 {
    width: 60%;
}

.width_70 {
    width: 70%;
}

.width_80 {
    width: 80%;
}

.width_90 {
    width: 90%;
}

.width_95 {
    width: 95%;
}

.width_100 {
    width: 100%;
}

.p-relative {
    position: relative;
}

.p-absolute {
    position: absolute;
}

.d-row {
    display: flex;
    flex-wrap: wrap;
}

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

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.EnNum {
    font-family: "IRANSansWebEnNum";
}

.visible {
    display: block;
}

.unvisible {
    display: none;
}

.font-weight {
    font-weight: bold;
}

.cursor-pointer {
    cursor: pointer;
}

.border-radius {
    border-radius: 7px;
}

.dir-rtl {
    direction: rtl;
}

#header-resize.is-sticky {
    transition: unset;
    position: fixed !important;
    top: 0;
    padding: 0 !important;
    box-shadow: 2px 3px 4.7px 0.3px rgba(49, 45, 101, 0.24);
    z-index: 999;
    background: #fff;
}

.dir-ltr {
    direction: ltr;
}

.hidden-h1 h1 {
    opacity: 0;
    height: 0;
}

#header-resize {
    width: 100%;
    height: auto;
    margin: 0 auto;
    float: right;
    direction: rtl;
}

.header-bottom {
    padding: 10px 0;
}

.inner-resize {
    width: 1200px;
    margin: 0 auto;
    clear: both;
    height: auto;
}

.flaticon-phone-call:before {
    content: "\f136";
}

.header-call {
    display: inline-block;
    margin-left: 1em;
    font-size: 12px;
}

.header-call a {
    color: #4b5259;
    font-weight: bold;
}

.header-call a i {
    font-weight: normal;
    font-size: 15px;
    color: #000;
    vertical-align: middle;
}

.header-call a:hover {
    color: #ff4800;
}

.search-content {
    float: left;
    width: 20%;
}

.search-content .search-content-item {
    float: right;
    width: 78%;
    margin-left: 2%;
}

.search-content .search-content-item .search_input {
    width: 100%;
    background: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    height: 40px;
    line-height: 40px;
    text-align: right;
    padding-right: 10px;
    border: 1px solid rgba(65, 62, 62, 0.1);
}

.search-content .search_subumit {
    width: 20%;
    background: #ff4800;
    cursor: pointer;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid rgba(65, 62, 62, 0.1);
    border: 1px solid #ff4800;
}

.fa-search::before {
    content: "\f002";
    font-family: "fontawesome";
}

.search-content .search_subumit:hover {
    background: #fff;
    color: #ff4800;
}

.second-part-header .col1-second-part-header a::before,
.second-part-header .col1-second-part-header a::after,
.second-part-header .col1-second-part-header a span {
    background-color: #ff4800;
}

.header-top {
    line-height: 35px;
    margin-bottom: 10px;
    background: #ff4800;
    color: #fff;
    display: none;
}

.first-part-header .width_50 {
    margin-top: 15px;
    padding-right: 20px;
}

.section-menu .nav-bar > li {
    padding-left: 2em;
    position: relative;
    line-height: 75px;
    float: right;
}

.section-menu .nav-bar > li.inactive-menu::before {
    width: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.section-menu .nav-bar > li a,
.section-menu .nav-bar > li span {
    transition: unset;
    color: #4b5259;
    font-size: 14px;
}

.header .nav-bar > li > .sub-menu {
    background: #fbfbfb;
    width: 250px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    position: absolute;
    border-radius: 7px;
    top: 110%;
    right: 0;
    visibility: hidden;
    z-index: 9999;
    min-width: 250px;
}

.header .nav-bar > li:hover > .sub-menu,
.header .nav-bar > li.has-mega-menu:hover > .magaMenu-resize {
    visibility: visible;
}

.header .nav-bar > li > .sub-menu li {
    position: relative;
}

.header .menu-item-has-children::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: transparent;
    border-top-color: transparent;
    border-top-color: #838383;
    left: 25px;
    top: 37px;
    -webkit-transition: border-top-color 0.2s ease-in-out;
    transition: border-top-color 0.2s ease-in-out;
}

.header .menu-item-has-children .mega-tlt::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: transparent;
    border-top-color: transparent;
    border-top-color: #838383;
    left: -10px;
    top: 37px;
    -webkit-transition: border-top-color 0.2s ease-in-out;
    transition: border-top-color 0.2s ease-in-out;
}

.header .menu-item-has-children.has-mega-menu::after {
    content: unset;
}

.header .nav-bar > li > .sub-menu li > a {
    color: #454545;
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 28px;
    padding: 0 15px;
    text-align: right;
}

.header .nav-bar > li > .sub-menu .sub-menu li a {
    padding: 5px 20px;
}

.header .sub-menu .icon-arrow:before {
    content: "\f0d9";
    display: inline-block;
    font-family: "fontawesome";
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: 100%;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: inherit;
    text-rendering: auto;
    transform: translate(0, 0);
}

.header .nav-bar > li > .sub-menu li {
    padding: 0;
    transition: padding 0.3s linear 0;
    -webkit-transition: padding 0.3s linear 0;
}

.header .nav-bar > li:hover > .sub-menu > li {
    padding: 3px 0;
}

.header .nav-bar > li > .sub-menu li .sub-menu {
    border-radius: 5px;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 80%;
    visibility: hidden;
    -webkit-transition: opacity 0.3s linear, left 0.3s linear;
    transition: opacity 0.3s linear, left 0.3s linear;
    z-index: 0;
}

.header .nav-bar > li > .sub-menu li:hover > .sub-menu {
    visibility: visible;
    opacity: 1;
    right: 100%;
    z-index: 10;
    background: #fbfbfb;
    width: 250px;
}

.section-menu .nav-bar .fa-angle-down {
    color: #b9b9b9;
    vertical-align: sub;
    padding-right: 5px;
}

*.header .nav-bar > li > .sub-menu li > a:hover,
.section-menu .nav-bar > li:not(:first-child) a:hover {
    color: #ff4800;
}

.section-menu .nav-bar > li.has-mega-menu {
    position: unset;
}

.magaMenu-resize {
    width: 98%;
    height: auto;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 999;
    top: 85px;
    margin: 0 auto;
    background: #fff;
    direction: rtl;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(65, 62, 62, 0.1);
    border-radius: 10px;
    padding: 10px;
    visibility: hidden;
}

.mega-menu-inner {
    max-height: 300px;
    width: 100%;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #bdbdbd #fff;
}

li.firstCountry {
    padding: 7px;
    box-sizing: border-box;
    width: 25%;
    float: right;
    padding-top: 3px;
    border-radius: 3px;
    line-height: 32px;
    margin-bottom: 20px;
}

li.firstCountry:hover {
    background: #f3f8f9;
}

li.firstCountry .title {
    font-weight: 400;
    margin-bottom: 10px;
    background: #f3f8f9;
    border-radius: 3px;
    padding: 5px 7px;
    display: block;
}

li.firstCountry .title span::before {
    content: "\f1bb";
    font-family: "fontawesome";
    color: #0077db;
    font-weight: normal;
    font-size: 14px;
    margin-left: 7px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #e5edef;
    border-radius: 3px;
    vertical-align: middle;
    display: inherit;
    line-height: 30px;
}

li.firstCountry .title span a {
    color: #000;
    font-size: 15px !important;
}

li.firstCountry ul {
    height: 210px;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #bdbdbd #fff;
}

li.firstCountry ul li a {
    width: 100%;
    padding: 0 7px;
    border-radius: 3px;
}

li.firstCountry ul li a:hover {
    background: #e5edef;
}

.magaMenu-resize,
.mega-menu-inner,
.magaMenu-resize div,
.magaMenu-resize a,
.magaMenu-resize span,
.magaMenu-resize ul,
.magaMenu-resize li {
    -webkit-transition: unset !important;
    -moz-transition: unset !important;
    -ms-transition: unset !important;
    -o-transition: unset !important;
    transition: unset !important;
}

.section-menu .nav-bar > li .magaMenu-resize ul li a {
    font-size: 13px;
}

.fa-arrow-circle-o-left {
    font-family: "fontawesome";
    font-size: 10px !important;
    color: #ff4800 !important;
    line-height: 10px;
    text-align: right;
    margin-left: 5px;
}

.fa-arrow-circle-o-left::before {
    content: "\f060 ";
}

#header-resize .first-part-header .float-right a.color_2 {
    color: #ff4800;
}

#header-resize .logo-contain {
    margin-left: 15px;
}

#header-resize img.logo {
    vertical-align: middle;
}

.nav-bar {
    margin-top: 0;
}

.support-link i {
    font-size: 23px;
    vertical-align: middle;
}

.icon-container {
    padding: 0 0.2em;
}

.Login_Information {
    display: inline-block;
    background: unset;
    color: #383838 !important;
    margin-top: 0;
    padding: 0;
    background-color: unset !important;
}

.Login_Information:hover {
    box-shadow: unset;
}

.btnstyle {
    border: unset;
    font-weight: bold;
    padding: 0;
    border-radius: 0;
    color: #4b5259;
    font-size: 12px;
    cursor: pointer;
}

.Login_Information .btnstyle::after {
    display: none;
}

.col3-style {
    direction: rtl;
    text-align: right;
    width: 100%;
    position: absolute;
    bottom: 0;
    padding-right: 0 !important;
    font-weight: bold;
    position: relative;
}

.fa-times::before {
    content: "\f00d";
}

.fa-user::before {
    content: "\f007";
}

.fa-lock::before {
    content: "\f023";
}

.fa-hand-point-left::before {
    content: "\f0a5";
}

#Login_box .shine-hover {
    color: #fff;
    background-color: #ff4800;
    border: 1px solid #ff4800;
}

#Login_box .shine-hover:hover {
    background-color: #ff4800;
}

.login_info i {
    color: #ff4800 !important;
}

.login-link {
    border: 1px solid #ff4800;
}

.login-link:hover {
    background-color: #ff4800;
    color: #fff !important;
}

.login-btn {
    background-color: #ff4800;
}

.login-title i {
    color: #ff4800;
}

.login-btn:hover {
    background-color: #ff4800;
}

.bottom-content .action-loading {
    background-color: #ff4800;
}

.Panel-Dashboard_link {
    color: white;
}

.information-user span {
    margin: 0 3px !important;
}

.Logout_link {
    color: white;
}

.fa-times::before {
    content: "\f00d";
}

.Logout_link::before,
.Panel-Dashboard_link::before {
    content: unset;
}

.fa-sync::before {
    content: "\f021";
}

.infoUser,
.info-section,
.Panel-Dashboard_link,
.Logout_link {
    display: inline-block;
    font-size: 11px;
}

.Panel-Dashboard_link {
    color: green;
}

.information-user::before {
    content: "\f2bd";
    font-family: "fontawesome";
    margin: 0 0.2em;
    font-size: 15px;
    vertical-align: middle;
}

.information-user span {
    margin: 0 1px !important;
}

.Logout_link {
    color: red;
}

.Panel-Dashboard_link::before,
.Logout_link::before {
    content: "|";
    color: #525252;
}

.email-item-container {
    max-height: 100px;
    overflow: auto;
    text-align: right;
}

.email-item-container .inner-input label {
    color: #444449;
    margin-right: 0 !important;
}

.email-item-container .inner-input label span {
    padding-right: 1.5em;
}

.email-item-container .inner-input span::before,
.email-item-container .inner-input span::after,
.email-item-container .radioButton {
    right: 0 !important;
}

.inner-input span::after {
    content: "\f111";
    font-family: "FontAwesome";
    right: 20px;
    top: 0;
    color: transparent;
    transition: color 0.2s;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -ms-transition: color 0.2s;
    -o-transition: color 0.2s;
    width: 10px;
    height: 10px;
    line-height: 10px;
    text-align: center;
    border-radius: 50%;
    font-size: 6px;
}

.inner-input span::before,
.inner-input span::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.inner-input span::before {
    right: 20px;
    width: 10px;
    height: 10px;
    border: 3px solid #ccc;
    transition: border-color 0.2s;
    -webkit-transition: border-color 0.2s;
    -moz-transition: border-color 0.2s;
    -ms-transition: border-color 0.2s;
    -o-transition: border-color 0.2s;
    border-radius: 50%;
}

.inner-input span::after {
    content: "\f111";
    font-family: "FontAwesome";
    right: 20px;
    top: 0;
    color: transparent;
    transition: color 0.2s;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -ms-transition: color 0.2s;
    -o-transition: color 0.2s;
    width: 10px;
    height: 10px;
    line-height: 10px;
    text-align: center;
    border-radius: 50%;
    font-size: 6px;
}

.section-input {
    margin: 10px 0;
}

.radioButton {
    width: 10px !important;
    height: 10px !important;
    top: 3px;
    bottom: 0;
    z-index: 99;
    opacity: 0;
    right: 20px;
}

.section-input label {
    margin-right: 20px;
}

.radioButton:checked + label span {
    color: #2e2813;
}

.section-input span::before {
    right: 20px;
    width: 10px;
    height: 10px;
    border: 2px solid #827979;
    transition: border-color 0.2s;
    border-radius: 50%;
}

.section-input span::before,
.section-input span::after {
    content: "";
    position: absolute;
    top: 3px;
    bottom: 0;
}

.radioButton:checked + label span::before {
    border: 0;
}

.section-input span::after {
    content: "\f111";
    font-family: "FontAwesome";
    right: 20px;
    top: 3px;
    color: transparent;
    transition: color 0.2s;
    width: 10px;
    height: 10px;
    line-height: 10px;
    text-align: center;
    border-radius: 50%;
    font-size: 6px;
}

.Wrapper-logininfo-def .form-title {
    text-align: center;
    color: #fff !important;
}

.Wrapper-logininfo-def .timing {
    color: #fff !important;
    margin: 1em auto;
}

.form-title {
    text-align: center;
    color: #444449;
    direction: rtl;
}

.timing {
    color: #444449;
    margin: 1em auto;
}

#time-text {
    color: red;
}

.new-user {
    color: green;
    font-size: 12px;
}

.login_info input:disabled {
    cursor: not-allowed;
}

.login_info.result-container {
    height: 40px;
    border-radius: 5px;
    margin: 15px auto !important;
    background: #fff;
}

.not-allowedLogin {
    background: #606060 !important;
    cursor: not-allowed !important;
    color: #fff !important;
}

.not-login {
    cursor: pointer;
}

.section-login input {
    width: 100%;
    border-radius: 5px;
    height: 38px;
    padding: 0 10px;
    box-sizing: border-box;
    background: #ff4800;
    border: unset;
}

.section-login {
    padding: 0 !important;
    margin: 15px auto !important;
    width: 90%;
}

.Form_User-btn {
    width: 100% !important;
    color: #fff !important;
    text-align: center !important;
    cursor: pointer;
    background: #ff4800;
    border: 1px solid #ff4800;
}

.CheckCaptcha,
.CheckCaptcha-Reg-Mail,
.CheckCaptchaReg-SMS,
.CheckCaptcha-forgetPass,
.CheckCaptcha-forgetPass {
    text-align: center;
    margin: 10px 0;
    color: red;
}

#ballsWaveG {
    position: relative;
    width: 70px;
    height: 16px;
    margin: auto;
}

.ballsWaveG {
    position: absolute;
    top: 0;
    background-color: #bababa;
    width: 9px;
    height: 9px;
    animation-name: ballsWaveG;
    -o-animation-name: ballsWaveG;
    -ms-animation-name: ballsWaveG;
    -webkit-animation-name: ballsWaveG;
    -moz-animation-name: ballsWaveG;
    animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#ballsWaveG_1 {
    left: 0;
    animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
}

#ballsWaveG_2 {
    left: 9px;
    animation-delay: 0.75s;
    -o-animation-delay: 0.75s;
    -ms-animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
    -moz-animation-delay: 0.75s;
}

#ballsWaveG_3 {
    left: 18px;
    animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
}

#ballsWaveG_4 {
    left: 26px;
    animation-delay: 1.05s;
    -o-animation-delay: 1.05s;
    -ms-animation-delay: 1.05s;
    -webkit-animation-delay: 1.05s;
    -moz-animation-delay: 1.05s;
}

#ballsWaveG_5 {
    left: 35px;
    animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
}

#ballsWaveG_6 {
    left: 44px;
    animation-delay: 1.35s;
    -o-animation-delay: 1.35s;
    -ms-animation-delay: 1.35s;
    -webkit-animation-delay: 1.35s;
    -moz-animation-delay: 1.35s;
}

#ballsWaveG_7 {
    left: 53px;
    animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
}

#ballsWaveG_8 {
    left: 62px;
    animation-delay: 1.64s;
    -o-animation-delay: 1.64s;
    -ms-animation-delay: 1.64s;
    -webkit-animation-delay: 1.64s;
    -moz-animation-delay: 1.64s;
}

@keyframes ballsWaveG {

0
{
    background-color: rgba(158, 158, 158, 0.97)
;
}
100
%
{
    background-color: #fff
;
}
}
@-o-keyframes ballsWaveG {

0
{
    background-color: rgba(158, 158, 158, 0.97)
;
}
100
%
{
    background-color: #fff
;
}
}
@-ms-keyframes ballsWaveG {

0
{
    background-color: rgba(158, 158, 158, 0.97)
;
}
100
%
{
    background-color: #fff
;
}
}
@-webkit-keyframes ballsWaveG {

0
{
    background-color: rgba(158, 158, 158, 0.97)
;
}
100
%
{
    background-color: #fff
;
}
}
@-moz-keyframes ballsWaveG {

0
{
    background-color: rgba(158, 158, 158, 0.97)
;
}
100
%
{
    background-color: #fff
;
}
}
.Link-Login-def-new,
.Link-Login-def-prev,
.Link-Forgetpass,
.Link-Register,
.Link-ResendMail,
.Link-Login,
.Link-Forgetpass-def,
.Link-Register-def,
.Link-ResendMail-def,
.Link-Login-def {
    text-align: center;
    width: 100%;
    cursor: pointer;
}

.Message-LoginRegister {
    text-align: center;
    margin: 10px 0;
    color: #444;
}

.section-box {
    background: none !important;
    box-shadow: none !important;
    height: auto !important;
    text-align: center !important;
}

.captcha-input {
    width: 40% !important;
}

.Wrapper h3,
.Wrapper-registerinfo h3 {
    font-size: 15px;
    text-align: center;
    padding: 15px 0;
    color: #444449;
}

#login .mm-spn--open {
    margin-top: 30px !important;
}

.login_info.method {
    width: 90%;
    margin: 0 auto;
    direction: rtl;
    font-size: 13px;
}

.section-login::before {
    display: none !important;
}

.captcha_img {
    width: 30%;
    text-align: left;
    float: left;
}

.captcha_img img {
    width: 100%;
}

.fa.fa-refresh {
    border-left: none !important;
}

.height_80 {
    height: 80%;
    padding: 0 10px !important;
}

.refresh-img {
    width: 10%;
    color: #fff !important;
    font-size: 17px;
    border: none !important;
    height: 38px;
    line-height: 38px;
    text-align: center;
    padding: 0 !important;
}

.fa.fa-refresh {
    border-left: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 20px !important;
}

.loader {
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {

0
{
    -webkit-transform: rotate(0)
;
}
100
%
{
    -webkit-transform: rotate(360deg)
;
}
}
@keyframes spin {

0
{
    transform: rotate(0)
;
}
100
%
{
    transform: rotate(360deg)
;
}
}
.fa.fa-user.is-login {
    color: green;
    padding: 0 5px !important;
    font-size: 20px;
}

.errorMsg {
    color: red;
}

.successMsg {
    color: green;
}

.UserInfo {
    text-align: left;
}

.icon-dashboard::before {
    content: "\f0e4";
}

.Link-Register,
.Link-ResendMail,
.Link-Login-Prev {
    font-size: 15px !important;
    color: #888;
    width: 90% !important;
    border-bottom: 1px solid;
    margin: 0 auto !important;
}

.Register_info.method {
    width: 95%;
    margin: 0 auto;
    direction: rtl;
}

.Register_info.method label {
    width: 35%;
}

.change-method {
    border-radius: 5px;
    border: 0;
    color: #fff;
    width: 65%;
    box-sizing: border-box;
    padding: 0 5px;
}

.Register_info.method .fa-arrow-down::before {
    color: #fff !important;
}

.Register_info.method .fa-arrow-down {
    left: 6px;
    top: 6px;
}

.container-login {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 100%;
    left: 0;
    z-index: 9999999999999;
    overflow: hidden;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    background: rgba(0, 0, 0, 0);
    -webkit-transition-property: bottom, background-color;
    -o-transition-property: bottom, background-color;
    transition-property: bottom, background-color;
    -webkit-transition-duration: 0, 0.3s;
    -o-transition-duration: 0, 0.3s;
    transition-duration: 0, 0.3s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0.45s, 0.15s;
    -o-transition-delay: 0.45s, 0.15s;
    transition-delay: 0.45s, 0.15s;
}

.container-login-content {
    right: -100%;
    top: 0;
    bottom: 0;
    z-index: 2;
    width: 80%;
    width: var(--mm-ocd-width);
    min-width: 200px;
    min-width: var(--mm-ocd-min-width);
    max-width: 440px;
    max-width: var(--mm-ocd-max-width);
    background: #f4f7f8;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}

.container-login-open {
    bottom: 0;
    background: rgba(0, 0, 0, 0.25);
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

.container-login li,
.container-login span,
.container-login ul {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.container-login ul {
    line-height: 24px;
    line-height: var(--mm-spn-line-height);
    overflow: visible;
    overflow-y: auto;
    background: inherit;
    -webkit-transition: left 0.3s ease 0;
    -o-transition: left 0.3s ease 0;
    transition: left 0.3s ease 0;
    cursor: default;
}

.container-login li {
    position: relative;
    background: inherit;
    cursor: pointer;
    direction: rtl;
    text-align: right;
    font-size: 13px;
    width: 95%;
    background-color: #fff;
    padding: 5px 10px;
    display: block;
    border-radius: 5px;
    color: #888;
    margin: 5px auto;
    height: 40px;
}

.login_info {
    border: 1px solid #e0e0e0;
}

.login_info .label {
    display: block;
    font-size: 13px;
    width: 20%;
    float: right;
    line-height: 37px;
    border-left: 1px solid #eaeaea;
    height: 37px;
    text-align: center;
}

.login_info input {
    float: left;
    text-align: right;
    font-size: 12px;
    width: 80%;
    border-radius: 5px 0 0 5px;
    background: #f3f3f3;
}

.container-login span {
    position: relative;
    background: 0;
    z-index: 1;
}

.loadingLog,
.ResendSMS {
    display: none;
}

.ResultInfo {
    margin: 20px 0;
    font-size: 13px;
    color: #313131;
    text-align: center;
}

.loginRegister {
    direction: rtl;
}

.Wrapper-registerinfo label {
    color: #313131 !important;
}

.first-part-header .float-left {
    margin-top: 20px;
    float: left;
    width: auto;
    text-align: center;
}

.fa-tel::before {
    content: "\f2a0";
}

.btnstyle::before {
    content: "\f007";
    font-weight: normal;
    font-family: "FontAwesome";
    font-size: 15px;
    vertical-align: middle;
    color: #4b5259;
    display: inline-block;
    text-align: center;
}

.fa-redo-alt::before {
    content: "\f2f9";
}

.call-mobile {
    text-align: center;
    background: #36ae03;
    font-size: 15px;
    position: sticky;
    bottom: 0;
    right: 0;
    z-index: 10000;
    height: 40px;
    width: 100%;
    line-height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    display: none;
}

.call-mobile a {
    color: #fff;
}

#footer-resize {
    padding-top: 40px;
    background: url(../images/footer-bg.png) no-repeat top center;
    padding-top: 81px;
}

.footer-resize-top {
    background: #cacaca;
    padding-top: 20px;
    padding-bottom: 40px;
}

.col-footer {
    width: 50%;
    float: right;
    text-align: right;
}

.col-footer:first-child {
    padding-left: 50px;
}

.col-footer:nth-child(2) {
    padding-right: 50px;
}

.footer-logo {
    margin-bottom: 0.2rem;
}

.social-icons {
    margin-bottom: 0.75rem;
    direction: rtl;
}

.social-icons li {
    display: inline-block;
    list-style: none;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #d9d9d9;
    border: 1px solid #ff4800;
    margin-left: 8px;
    border-radius: 50%;
}

.social-icons li i {
    vertical-align: middle;
}

.social-icons li:hover {
    background: #ff4800;
}

.footer-support .social-icons li:hover i {
    color: #fff;
}

.list-footer a,
.list-footer span,
.about-footer-text {
    color: #000;
    font-size: 14px;
    font-weight: 300;
    line-height: 34px;
    text-align: justify;
    direction: rtl;
}

.list-footer a:hover span {
    color: #ff4b00;
}

#footer-resize .fa-angle-double-left,
.list-footer .fa {
    margin-left: 0.5rem !important;
}

.row-footer-top {
    position: relative;
    z-index: 1;
}

.row-footer-botton {
    position: relative;
    z-index: 1;
    color: #737373;
    padding: 0.75rem !important;
    border-top: 1px solid rgba(167, 180, 201, 0.2);
}

.row-footer-botton img {
    position: relative;
    top: 4px;
    margin-right: 7px;
}

.signs li {
    display: inline-block;
    margin: 0 1em;
}

.signs img {
    vertical-align: middle;
    width: 80%;
    height: auto;
    max-width: max-content;
}

.fa-facebook-f::before {
    content: "\f39e";
}

.fa-twitter::before {
    content: "\f099";
}

.fa-linkedin-in::before {
    content: "\f0e1";
}

.fa-youtube::before {
    content: "\f167";
}

.fa-paper-plane::before {
    content: "\f1d8";
}

.fa-instagram::before {
    content: "\f16d";
}

.flaticon-location-pin-1::before {
    content: "\f132";
}

.flaticon-phone::before {
    content: "\f136";
}

.flaticon-envelope-1::before {
    content: "\f13d";
}

.footer-support .list-footer li {
    direction: rtl;
    margin-bottom: 10px;
}

.footer-support .list-footer li a::after {
    content: " , ";
}

.footer-support .list-footer li a:last-child::after {
    content: unset;
}

.footer-support .social-icons li i {
    font-size: 18px;
    color: #ff4800;
    display: inline-block;
    vertical-align: middle;
}

.footer-support .list-footer li .f-icon {
    display: inline-block;
    background: #ff4800;
    margin-left: 10px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
}

.footer-support .list-footer li .f-icon img {
    vertical-align: middle;
}

.signs-inner {
    display: block;
    clear: both;
    margin: 20px auto;
    float: left;
    width: 100%;
}

.signs-inner li {
    display: inline-block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    margin: 1%;
    border-radius: 10px;
    background: #fff;
    vertical-align: middle;
}

.signs-inner li a {
    height: 100%;
    height: 100% !important;
    width: auto !important;
}

.footer-frm {
    direction: rtl;
    width: 280px;
    float: right;
}

.footer-frm input[type="text"],
.footer-frm input[type="email"] {
    line-height: 40px;
    border-radius: 10px;
    border: 1px solid #ff4800;
    background: #d9d9d9;
    padding: 0 5px;
    width: 100%;
    clear: both;
    display: block;
    margin-bottom: 5px;
}

.footer-frm input[name="Captcha"] {
    width: 50%;
    float: right;
}

.footer-frm .field-captcha {
    width: 50%;
    text-align: left;
}

.footer-frm .field-captcha .load-captcha {
    float: left;
}

.footer-frm .field-captcha i {
    line-height: 40px;
    margin-left: 10px;
}

.footer-frm .field-captcha i:hover {
    color: #ff4800;
}

.footer-frm .load-captcha img {
    height: 40px;
    width: 80px;
    border: 1px solid #ff4800;
    border-radius: 10px;
}

.footer-frm .submit {
    width: 50%;
    line-height: 40px;
    border: 1px solid #ff4800;
    border-radius: 10px;
    background: #ff4800;
    font-size: 16px;
    cursor: pointer;
}

.footer-frm .submit:hover {
    background: #fff;
    color: #ff4800;
}

.footer-frm .Message-Form,
.footer-frm .Loading_Form {
    margin-top: 10px;
}

.footer-frm ::placeholder {
    color: #959ea6;
}

#ballsWaveG {
    position: relative;
    width: 70px;
    height: 16px;
    margin: auto;
}

.ballsWaveG {
    position: absolute;
    top: 0;
    background-color: #bababa;
    width: 9px;
    height: 9px;
    animation-name: ballsWaveG;
    -o-animation-name: ballsWaveG;
    -ms-animation-name: ballsWaveG;
    -webkit-animation-name: ballsWaveG;
    -moz-animation-name: ballsWaveG;
    animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#ballsWaveG_1 {
    left: 0;
    animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
}

#ballsWaveG_2 {
    left: 9px;
    animation-delay: 0.75s;
    -o-animation-delay: 0.75s;
    -ms-animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
    -moz-animation-delay: 0.75s;
}

#ballsWaveG_3 {
    left: 18px;
    animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
}

#ballsWaveG_4 {
    left: 26px;
    animation-delay: 1.05s;
    -o-animation-delay: 1.05s;
    -ms-animation-delay: 1.05s;
    -webkit-animation-delay: 1.05s;
    -moz-animation-delay: 1.05s;
}

#ballsWaveG_5 {
    left: 35px;
    animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
}

#ballsWaveG_6 {
    left: 44px;
    animation-delay: 1.35s;
    -o-animation-delay: 1.35s;
    -ms-animation-delay: 1.35s;
    -webkit-animation-delay: 1.35s;
    -moz-animation-delay: 1.35s;
}

#ballsWaveG_7 {
    left: 53px;
    animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
}

#ballsWaveG_8 {
    left: 62px;
    animation-delay: 1.64s;
    -o-animation-delay: 1.64s;
    -ms-animation-delay: 1.64s;
    -webkit-animation-delay: 1.64s;
    -moz-animation-delay: 1.64s;
}

@keyframes ballsWaveG {

0
{
    background-color: rgba(158, 158, 158, 0.97)
;
}
100
%
{
    background-color: #fff
;
}
}
@-o-keyframes ballsWaveG {

0
{
    background-color: rgba(158, 158, 158, 0.97)
;
}
100
%
{
    background-color: #fff
;
}
}
@-ms-keyframes ballsWaveG {

0
{
    background-color: rgba(158, 158, 158, 0.97)
;
}
100
%
{
    background-color: #fff
;
}
}
@-webkit-keyframes ballsWaveG {

0
{
    background-color: rgba(158, 158, 158, 0.97)
;
}
100
%
{
    background-color: #fff
;
}
}
@-moz-keyframes ballsWaveG {

0
{
    background-color: rgba(158, 158, 158, 0.97)
;
}
100
%
{
    background-color: #fff
;
}
}
.send-mail-fixed {
    position: fixed;
    right: 2em;
    bottom: 3em;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 100%;
    text-align: center;
    z-index: 999;
    cursor: pointer;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    background: #ff4800;
}

.send-mail-fixed i {
    font-size: 30px;
}

.send-mail-box {
    display: none;
    transition: unset;
    position: fixed;
    right: 5.5em;
    bottom: 7em;
    z-index: 999;
    padding: 1.5em;
    border-radius: 10px;
    border-bottom-right-radius: 0;
    border: 1px solid #ff4800;
    background: #e9e8e8;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.send-mail-box input {
    line-height: 40px;
    border-radius: 10px;
    border: 1px solid #ff4800;
    background: #fff;
    padding: 0 5px;
    width: 100%;
    clear: both;
    display: block;
    margin-bottom: 5px;
    direction: rtl;
}

.send-mail-box input[name="Captcha"] {
    width: 50%;
    float: right;
}

.send-mail-box .field-captcha {
    width: 50%;
    text-align: left;
}

.send-mail-box .field-captcha .load-captcha {
    float: left;
}

.send-mail-box .load-captcha img {
    height: 40px;
    width: 80px;
    border: 1px solid #ff4800;
    border-radius: 10px;
}

.send-mail-box .field-captcha i {
    line-height: 40px;
    margin-left: 10px;
    color: #0077db;
}

.send-mail-box input.submit {
    cursor: pointer;
    background: #ff4800;
}

.send-mail-box input.submit:hover {
    background: #fff;
    color: #ff4800;
}

.close-fixed-form {
    float: left;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: #fff;
    text-align: center;
    border-radius: 50%;
    font-size: 14px;
    position: relative;
    top: -7px;
    cursor: pointer;
    color: #0077db;
}

.send-mail-tlt {
    font-size: 12px;
    color: #4b5259;
    text-align: center;
    width: 100%;
}

.copyright {
    padding: 5px 0;
}

.copy-trust {
    float: right;
    width: 100%;
    text-align: center;
    direction: rtl;
}

.footer-social-icons {
    float: left;
    width: 30%;
    text-align: left;
}

.rights-web {
    direction: rtl;
    line-height: 32px;
    font-size: 10px;
    color: #4b5259;
    display: inline-block;
}

.rights-web a {
    font-size: 10px;
    color: #4b5259;
}

.rights-web img {
    vertical-align: middle;
    margin-top: 3px;
}

#footer-resize .copyright a {
    font-size: 0.7rem;
    font-weight: 400;
}

#box1-resize,
#box2-resize,
#box3-resize,
#box4-resize,
#box5-resize {
    padding: 20px 0;
}

.owl-carousel {
    width: 100%;
    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    float: left;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel,
.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
}

.owl-carousel .owl-wrapper {
    padding: 30px 0;
}

.owl-pagination {
    display: none;
}

.owl-buttons div {
    display: inline-block;
    color: #fff;
    width: 28px;
    height: 28px;
    line-height: 27px;
    text-align: center;
    margin-right: 5px;
    border-radius: 50%;
    background: #ff4800;
    cursor: pointer;
    border: 1px solid #ff4800;
}

.owl-buttons div span {
    font-family: "fontawesome";
}

.fa-angle-left::before {
    content: "\f104";
}

.fa-angle-right::before {
    content: "\f105";
}

.owl-buttons div:hover {
    color: #ff4800;
    background: #fff;
}

.tour-Popular-list {
    clear: both;
}

.tour-Popular-list .owl-controls {
    float: right;
}

.tour-Popular-list .col-tour .item-card {
    display: block;
    position: relative;
    line-height: 29px;
    margin: 0 auto;
    width: 350px;
    height: 510px;
    background: #fff;
    box-shadow: 0 0 12.48px 0.52px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    padding: 10px;
}

.tour-Popular-list .col-tour figure {
    overflow: hidden;
    width: 330px;
    height: 290px;
    margin: 0 auto;
}

.tour-Popular-list .col-tour figure figcaption {
    display: none;
    position: absolute;
    top: -12px;
    left: -39px;
    z-index: 1;
    width: 180px;
    text-align: center;
    padding: 2px 30px;
}

.tour-Popular-list .col-tour figure figcaption img {
    width: 100%;
    height: auto;
    color: transparent;
}

.tour-Popular-list .col-tour figure img {
    width: 100%;
    height: 100%;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.tour-Popular-list .col-tour header {
    direction: rtl;
    padding-top: 10px;
    color: #989898;
    float: right;
    width: 100%;
    font-size: 14px;
}

.tour-Popular-list .col-tour header .tour-name {
    font-size: 16px;
    font-weight: bold;
    clear: both;
    color: #000;
}

.tour-Popular-list .col-tour .item-card:hover header .tour-name {
    color: #0077db;
}

.tour-Popular-list .col-tour header .tour-price {
    direction: rtl;
}

.tour-Popular-list .col-tour header .tour-price .cost {
    color: #ff4800;
    font-weight: bold;
}

.tour-Popular-list .tour-duration::before {
    content: "\f017";
    font-family: "FontAwesome";
    margin-left: 5px;
}

.tour-Popular-list .tour-date::before {
    content: "\f073";
    font-family: "FontAwesome";
    margin-left: 5px;
}

.tour-Popular-list .col-tour footer {
    width: 100%;
    float: right;
    position: absolute;
    bottom: 5px;
    right: 0;
    padding: 0 10px;
}

.tour-Popular-list .col-tour footer .airline-logo {
    width: 100%;
    border-top: 2px solid #ebebeb;
    clear: both;
    float: right;
    padding-top: 5px;
}

.tour-Popular-list .col-tour footer .airline-logo img {
    float: right;
}

.tour-Popular-list .col-tour footer .airline-logo span {
    float: left;
    color: #989898;
    font-size: 13px;
    direction: rtl;
    line-height: 35px;
}

.tour-Popular-list .col-tour footer .airline-logo i {
    vertical-align: middle;
    display: inline;
}

.tour-Popular-list .col-tour footer .airline-logo i::before {
    content: "\f072";
    font-family: "FontAwesome";
    margin-right: 5px;
}

.last-tour-list .col-tour {
    width: 100%;
    margin-bottom: 20px;
}

.last-tour-list .col-tour .item-card {
    width: 100%;
    border: 2px solid #6c7680;
    border-radius: 10px;
    display: block;
    overflow: hidden;
    height: 60px;
    line-height: 60px;
    background: #fff;
    direction: rtl;
}

.last-tour-list .col-tour .item-card:hover {
    background: #e9e8e8;
}

.last-tour-list .tour-header-items {
    float: right;
    font-size: 12px;
    font-weight: bold;
}

.last-tour-list .tour-header-items .tour-name {
    font-size: 12px;
    font-weight: bold;
    clear: both;
    color: #000;
}

.tour-header-items div {
    display: inline-block;
    margin: 0 10px;
}

.tour-header-items svg {
    vertical-align: middle;
    margin-left: 5px;
}

.tour-header-items.mid-info div {
    margin: 0;
    float: right;
}

.tour-header-items .airline-logo img {
    vertical-align: middle;
    margin-left: 5px;
}

.tour-header-items .tour-label span {
    height: 25px;
    line-height: 22px;
    padding: 0 15px;
    background: #ff4800;
    color: #fff;
    border-radius: 15px;
}

.last-tour-head {
    margin-bottom: 10px;
}

.sp-tours-cat {
    clear: both;
    margin-bottom: 30px;
    margin-top: 10px;
    display: block;
    float: right;
    width: 100%;
}

.sp-tours-cat ul {
    border-radius: 15px;
    direction: rtl;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.sp-tours-cat ul li {
    width: 10%;
    margin: 5px 0;
    padding: 0 5px;
    text-align: center;
    height: 50px;
    line-height: 50px;
}

.sp-tours-cat ul li span {
    width: 100%;
    background: #fff;
    color: #000;
    font-size: 12px;
    cursor: pointer;
    border: 2px solid #6c7680;
    border-radius: 10px;
}

.sp-tours-cat ul li span.selected {
    background: #ff4800;
    color: #fff;
    border: 1px solid #ff4800;
}

.sp-tours-cat ul li span:hover {
    border: 1px solid #ff4800;
}

.col-tour-cat .item-card {
    width: 215px;
    height: 335px;
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    border-radius: 10px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.col-tour-cat .item-card figure {
    position: relative;
}

.col-tour-cat .item-card figcaption {
    color: #4b5259;
    font-size: 14px;
    text-align: center;
    padding: 20px 0;
}

.col-tour-cat .item-card header {
    border-radius: 10px;
    background: #fff;
    text-align: center;
    position: absolute;
    bottom: 20px;
    right: 0;
    left: 0;
    width: 75%;
    margin: 0 auto;
    padding: 7px 0;
}

.col-tour-cat .item-card header h2 {
    color: #4b5259;
    font-size: 16px;
}

.col-tour-cat .item-card:hover header {
    transform: translateY(-8px);
    background: #ff4800;
}

.col-tour-cat .item-card:hover header h2 {
    color: #fff;
}

.article-cat-list {
    clear: both;
}

.col-article-cat .item-card {
    width: 280px;
    height: 180px;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    border-radius: 10px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    position: relative;
}

.col-article-cat .item-card figcaption {
    color: #4b5259;
    font-size: 14px;
    text-align: center;
    padding: 20px 0;
}

.col-article-cat .item-card header {
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    margin: 0 auto;
    padding: 7px 0;
    height: 100%;
    top: 0;
    text-align: right;
    background: #3c383080;
    border-radius: 10px;
}

.col-article-cat .item-card header h2 {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    padding-right: 30px;
    padding-top: 15px;
}

.col-article-cat .item-card:hover {
    transform: translateY(-8px);
}

.article-cat-list .owl-controls {
    top: 105px;
    position: absolute;
    width: 100%;
    display: block;
    margin: 0 auto;
    right: 0;
    left: 0;
}

.article-cat-list .owl-prev {
    left: -30px;
    position: absolute;
}

.article-cat-list .owl-next {
    right: -30px;
    position: absolute;
}

#access-resize {
    padding-top: 40px;
    padding-bottom: 20px;
}

.bg-light-white {
    background-color: #f5f5f5;
}

.section-title {
    margin: 1rem 0;
    float: right;
    width: 100%;
    direction: ltr;
    text-align: right;
}

.section-title small {
    float: left;
    font-size: 80px;
    line-height: 80px;
    float: left;
    color: rgba(217, 217, 217, 0.5);
}

.section-title h3 {
    font-family: "IranSansWeb";
    font-size: 26px;
    font-weight: 700;
    line-height: 80px;
    margin-top: 10px;
    color: #413d42;
    direction: rtl;
    width: 30%;
    float: right;
    position: relative;
}

.more-result {
    float: left;
}

.more-result a {
    font-size: 14px;
    color: #ff4800;
    direction: rtl;
}

.more-result a::after {
    content: "\f104";
    font-family: "fontawesome";
    color: #ff4800;
    vertical-align: middle;
    margin-right: 5px;
}

.more-result a:hover,
.more-result a:hover::after {
    color: #0077db;
}

.bg-light-white .section-title h3 {
    background: #f5f5f5;
}

#box1-resize .section-title span::after {
    display: none;
}

@-webkit-keyframes hvr-icon-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

@keyframes hvr-icon-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

.hvr-icon-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-icon-buzz:hover i {
    -webkit-animation-name: hvr-icon-buzz;
    animation-name: hvr-icon-buzz;
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

#top-banner-resize {
    text-align: center;
}

#top-banner-resize img {
    width: 100%;
    height: auto;
}

#search-box-resize {
    margin-top: 10px;
}

.fa-building::before {
    content: "\f1ad";
}

.fa-map-marker::before {
    content: "\f041";
}

.fa-usd::before {
    content: "\f155";
}

.fa-comments-o::before {
    content: "\f27b";
}

.fa-exchange-alt::before {
    content: "\f362";
}

.lds-ripple {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-ripple div {
    position: absolute;
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    border: 4px solid #ff4800;
}

.lds-ripple div:nth-child(2) {
    animation-delay: -0.5s;
}

@keyframes lds-ripple {

0
{
    top: 36px
;
    left: 36px
;
    width: 0
;
    height: 0
;
    opacity: 1
;
}
100
%
{
    top: 0
;
    left: 0
;
    width: 72px
;
    height: 72px
;
    opacity: 0
;
}
}
.banner-transparent {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #00000085;
}

.banner-content {
    position: absolute;
    line-height: 45px;
    padding-top: 50px;
    right: 0;
    left: 0;
    width: 70%;
    display: block;
    margin: 0 auto;
    max-width: 1200px;
    color: #fff;
    direction: rtl;
}

.banner-content h1 {
    margin-bottom: 20px;
    font-size: 40px;
}

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

.banner-content div i {
    color: #0ca3dc;
    margin-left: 25px;
    font-weight: normal;
    vertical-align: middle;
    width: 20px;
}

.banner-content .banner-link-button {
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin-top: 20px;
    background: #ff4800;
    border-radius: 50px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
    overflow: hidden;
}

.banner-link-button.hvr-sweep-to-left:before {
    border-radius: 50px;
}

.loading-image {
    display: block;
    margin: 0 auto;
}

#reservation-search-resize {
    width: 100%;
    height: auto;
    float: right;
}

#rezerve {
    width: 100%;
    height: auto;
    border-radius: 6px;
    position: relative;
    margin: 0 auto;
    float: right;
}

.select {
    width: 60%;
    text-align: center;
    direction: rtl;
    clear: both;
    margin: 0 auto;
    margin-bottom: 15px;
}

.r-flight ul.return-oneway {
    width: auto;
    float: right;
    text-align: right;
    direction: rtl;
    margin: 0 auto;
    position: absolute;
    top: 15px;
    right: 25px;
}

.CloseHotelPassengers {
    width: 100%;
    clear: both;
    background: #ff4800;
    border: 1px solid #ff4800;
    color: #fff;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    margin-top: 10px;
    cursor: pointer;
    clear: both;
    display: block;
    float: right;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.CloseHotelPassengers:hover {
    background: #fff;
    color: #ff4800;
}

.HotelPassengers .countRoom {
    clear: both;
    display: block;
    float: right;
    width: 100%;
}

.r-flight,
.r-hotel,
.r-tour,
.r-flighthotel,
.r-insurance,
.r-cip,
.r-visa {
    position: relative;
    width: 100%;
    float: right;
    padding: 70px 25px;
    background: #e9e8e8;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
}

.r-flight,
.r-hotel,
.r-tour,
.r-flighthotel,
.r-insurance,
.r-cip,
.r-visa {
    display: none;
}

.r-btn {
    width: auto;
    font-size: 13px;
    position: relative;
    margin-left: 20px;
    display: inline-block;
    color: #415762;
    cursor: pointer;
}

.direct {
    display: none;
    width: 100%;
    float: right;
}

.r-btn label {
    cursor: pointer;
}

.r-btn.inactive-r-btn label {
    color: #0077db;
    font-weight: bold;
    border-bottom: 2px solid #0077db;
}

.r-btn input[type="radio"] {
    width: 2px;
    position: absolute;
    left: 0;
    right: 0;
    height: 47px;
    opacity: 0;
}

.r-btn:hover {
    color: #faa944;
}

.r-btn.inactive-r-btn {
    color: #fff;
}

.city {
    float: right;
    position: relative;
    width: 22%;
    cursor: pointer;
    padding-left: 7px;
}

.city.pass-box {
    width: 12%;
}

.city.Classname-box {
    width: 11%;
}

.inner-city {
    background: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    height: 65px;
    line-height: 65px;
    padding: 0 7px;
    border-radius: 10px;
}

#cipSearch .check-type .inner-city {
    padding: 0;
}

.notification {
    color: #dc2c2b;
    font-size: 20px;
    top: 0;
    line-height: 60px;
}

.Basis_Date_Box {
    float: right;
    width: 22%;
}

.r-cip .city {
    width: 18%;
}

.r-cip .Basis_Date_Box {
    width: 14%;
}

.r-cip .check-type {
    width: 19%;
}

.city p.auto-fit {
    direction: rtl;
    height: 35px;
    line-height: 35px;
    color: #4b5259;
    font-size: 14px;
}

.Wrapper-ExteraHoteldate .city p.auto-fit {
    display: none;
}

.selected-number,
.selected-day {
    margin-left: 0.3em;
    font-size: 12px;
}

.city.date-city .inner-city {
    padding: 0 7px;
}

.Basis_Date_Box .city {
    width: 50% !important;
}

.r-visa .Basis_Date_Box .city {
    width: 100% !important;
}

.Basis_Date_Box .city:first-child .inner-city[type="text"] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.Basis_Date_Box .city:nth-child(2) .inner-city[type="text"] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.r-cip .Basis_Date_Box .city:first-child .inner-city[type="text"] {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.r-cip .Basis_Date_Box .city:nth-child(2) .inner-city[type="text"] {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.gregorian_date {
    left: 11px !important;
    bottom: 0;
    line-height: 32px !important;
    font-size: 8px !important;
}

.radio-btns-container {
    width: 100%;
    height: 60px;
    line-height: 60px;
    direction: rtl;
    color: #8e939b;
    font-size: 13px;
    font-family: "IRANSansWeb";
    border-radius: 3px;
    background: #fff;
}

.radio-selected {
    border-radius: 28px;
    width: 33%;
    display: block;
    height: 30px;
    line-height: 60px;
    right: 1px;
    top: 19px;
    background: #ff4800;
    position: absolute;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.radio-btn-container {
    position: relative;
    text-align: center;
    width: 33.3%;
    float: right;
    font-size: 11px;
}

.radio-label-all {
    color: #fff;
}

.radio-btn-container label {
    border-radius: 28px;
    width: 100%;
    display: block;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.radio-btn-container input {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100%;
    opacity: 0;
    outline: 0;
}

#r-tour .city,
.direct.returnOneWay2 .city,
.r-hotel.returnOneWay2 .city,
.r-tour .city,
.r-insurance .city {
    width: 33.5%;
}

.frm input[type="text"],
.frm select {
    width: 100%;
    border: 0;
    text-align: right;
    direction: rtl;
    color: #4b5259;
    font-size: 11px;
    font-family: "IRANSansWeb";
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    background: unset;
    outline: 0;
    float: right;
    position: relative;
    cursor: pointer;
}

#insuranceSearch .inner-city input.country,
#tourSearch .inner-city select,
#cipSearch .inner-city input.country,
#visaSearch .inner-city input.country {
    height: 50px;
    line-height: 50px;
    border-radius: 16px;
    font-size: 14px;
    color: #37323e;
    border: unset;
    margin: 0;
}

.Basis_Date_Box .city input[type="text"]:disabled {
    background: #cacaca !important;
    right: 0;
    left: unset !important;
    width: calc(100% - 7px) !important;
    border-radius: 10px;
}

.text-value,
.Basis_Date {
    height: 25px;
    line-height: 25px;
}

.frm input[type="text"].Basis_Date {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    padding: 0 7px;
    z-index: 99;
    background: unset;
    color: #777;
    padding-top: 32px;
    cursor: pointer;
}

.Wrapper-ExteraHoteldate input[type="text"].Basis_Date {
    line-height: 65px;
    padding-top: 0;
}

#reservation-search .country::placeholder {
    color: #b1b4b9;
}

#reservation-search .country:-ms-input-placeholder {
    font-size: 10px;
    color: #b1b4b9;
}

#reservation-search .country::-ms-input-placeholder {
    font-size: 10px;
    color: #b1b4b9;
}

.label {
    display: none;
    width: 100%;
    direction: rtl;
    text-align: right;
    float: right;
    font-size: 14px;
    color: #b2b4c1;
    margin-bottom: 15px;
}

.age-selection .label {
    display: block;
}

.frm input::-moz-placeholder {
    opacity: 1;
}

.frm select::-moz-placeholder {
    opacity: 1;
}

.frm input::-webkit-placeholder {
    opacity: 1;
}

.frm select::-webkit-placeholder {
    opacity: 1;
}

.frm input.hotel-input::placeholder {
    color: #4b5259;
    font-weight: bold;
    font-size: 12px;
}

.frm input.hotel-input {
    line-height: 65px;
    border-radius: 16px;
    color: #2f3f46;
}

.custom-select {
    width: 100%;
    direction: rtl;
    position: relative;
    display: block;
}

.frm-submit-btn {
    text-align: center;
    width: 11%;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    float: right;
}

.frm-submit-btn button,
.frm-submit-btn span {
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    font-size: 16px;
    margin: 0 auto;
    float: none;
    width: 100%;
    text-align: center;
    border: 1px solid #ff4800;
    background: #ff4800;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
    display: block;
    height: 65px;
    line-height: 65px;
    font-family: "IRANSansWeb";
}

.frm-submit-btn button:hover {
    background: #fff;
    color: #ff4800;
}

.fa-calendar::before {
    content: "\f073";
}

.fa-plane::before {
    content: "\f072";
}

.fa-map-marker::before {
    content: "\f041";
}

.city .customized-icon-searchbox-exchange {
    position: absolute;
    top: 19px;
    left: 14x;
    color: #000;
    cursor: pointer;
    border-radius: 50%;
    background-color: #ff4800;
    transform: rotateZ(0);
    transition: all 0.2s ease-in-out;
    z-index: 9;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.frm-submit-btn button.hvr-sweep-to-left:before {
    border-radius: 50px;
}

.city .customized-icon-searchbox-exchange:hover {
    color: #fff;
    transform: rotateZ(180deg);
}

.city.date-city:nth-child(2) .custom-select input {
    padding-right: 20px;
}

.city.CheckHotelDate {
    width: 100%;
    position: absolute;
    bottom: 15px;
    right: 25px;
}

.researchii .customized-icon-searchbox-exchange {
    bottom: -20px !important;
    left: 0 !important;
    transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}

.researchii .customized-icon-searchbox-exchange:hover {
    transform: rotateZ(90deg) !important;
}

.researchii .searchList,
.researchii .countryFlight {
    width: 60%;
    left: 0;
    right: auto;
    background-color: #f4f5f6 !important;
    border-radius: 5px;
}

.researchii .selectCountry {
    background-color: #f4f5f6 !important;
    border-radius: 5px;
}

.Wrapper-CheckHotelDate {
    font-size: 12px;
    text-align: right;
    direction: rtl;
    color: #4b5259;
    position: relative;
}

.Wrapper-ExteraHoteldate {
    display: none;
    margin-top: 40px;
}

.Wrapper-CheckHotelDate input {
    float: right;
    width: 20px;
    height: 20px;
    opacity: 0;
    margin-left: 10px;
}

.Wrapper-CheckHotelDate input ~ .needhotel-label::before {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    cursor: pointer;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    content: "";
    user-select: none;
    background-color: #eff1f4;
    box-shadow: 0;
}

.Wrapper-CheckHotelDate input:checked ~ .needhotel-label::after {
    background-color: #eff1f4;
    cursor: pointer;
    content: "\f00c";
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 3px;
    text-align: center;
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    color: #ff4800;
    font-family: "FontAwesome";
    font-weight: 600;
    font-size: 13px;
}

.countryFlight {
    position: absolute;
    background-color: #fff;
    font-size: 13px;
    color: #161616;
    width: 100%;
    line-height: 25px;
    z-index: 999999999999;
    left: auto;
    right: 0;
    box-shadow: 0 15px 60px rgba(53, 55, 57, 0.1);
    margin-top: -2px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.38);
}

#insuranceSearch .countryFlight,
#cipSearch .countryFlight,
#visaSearch .countryFlight {
    top: 60px;
    margin-top: 10px;
    border-radius: 3px;
}

.countryFlight .selectCountry span.txtcountry::before {
    display: none;
    content: "\f061";
    margin-right: 5px;
    color: #ff4800;
    font-family: "FontAwesome";
    font-weight: 600;
    font-size: 12px;
}

.selectCountry {
    width: 100%;
    float: right;
    color: #2e2813;
    cursor: pointer;
    padding: 0 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    line-height: 30px;
    font-size: 9px;
    border-bottom: 1px solid #f1f1f1;
}

.selectCountry:hover {
    background: rgba(53, 55, 57, 0.07);
}

.countryFlight .fa {
    color: #ff4800 !important;
}

.selectCountry .txtcountry.txtcountryAllAirP {
    padding-left: 0;
}

.sectionBorder {
    width: 100%;
    float: right;
    padding: 300px 0;
}

.frm input[type="text"].form-search-input {
    height: 30px;
    background-color: #fff;
    border: 1px solid #e5e4f0;
    padding: 0.375rem 0.75rem;
    margin: 5px auto;
    width: 97%;
    float: none;
    display: block;
    font-size: 11px;
}

.searchList {
    width: calc(100% - 7px);
    min-width: 240px;
    text-align: right;
    float: right;
    margin: 10px auto 0;
    direction: rtl;
    font-size: 12px;
    background: #fff;
    display: none;
    position: absolute;
    top: 60px;
    right: 0;
    z-index: 9999;
    border-radius: 10px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.38);
}

.fa-spinner::before {
    content: "\f110";
}

.category-title {
    background-color: #ff4800;
    color: #fff !important;
    cursor: none !important;
}

.searchList ul li {
    padding: 0 7px !important;
    border-bottom: 1px solid #f1f1f1;
    color: #2e2813;
    cursor: pointer;
    float: none !important;
    line-height: 30px;
    height: 30px;
    clear: both;
    font-size: 11px;
}

.searchList ul li i {
    margin-left: 5px;
}

.fa-chevron-down::before {
    content: "\f078";
}

.mini-loading {
    position: absolute;
    left: 1em;
    top: 0.5em;
    height: 30px;
    line-height: 30px;
    display: none;
}

.HotelPassengers {
    height: auto;
    clear: both;
    padding: 15px 15px;
    background-color: #fff;
    float: left;
    margin: 0 auto 0;
    border-radius: 3px;
    top: 60px;
    left: 0;
    z-index: 99;
    position: absolute;
    display: none;
    width: 100%;
    min-width: 250px;
    right: 0;
    margin-top: 10px;
}

.HotelPassengers::before {
    display: none;
    content: "\f0d8";
    font-family: "FontAwesome";
    font-weight: 600;
    color: #fff;
    position: absolute;
    left: 20px;
    top: -19px;
    font-size: 25px;
}

.HotelPassengers .itemlable2 {
    width: 100%;
    float: left;
    clear: both;
    margin-bottom: 10px;
    position: relative;
}

.Classname-box .inner-city {
    position: relative;
}

.Classname-box .inner-city select {
    text-align: center;
    height: 100%;
}

.contentRooms label {
    direction: rtl;
    white-space: nowrap;
    display: block;
    clear: both;
    font-size: 11px;
}

.HotelPassengers .itemlable2 label,
.HotelPassengers .childDropdowns .label {
    width: 35%;
    height: auto;
    margin-bottom: 0;
    line-height: 30px;
    color: #8e939b;
    float: right;
    text-align: right;
    font-size: 11px;
}

.createChildDropdown {
    clear: both;
    display: block;
    float: right;
    width: 100%;
}

.createChildDropdown label {
    width: 100%;
    float: right;
    color: #8e939b;
    text-align: right;
    height: 30px;
    line-height: 30px;
}

.HotelPassengers .itemlable2 ul {
    background-color: rgba(255, 255, 255, 0.6);
    float: left;
    font-weight: bold;
    width: 75px;
    height: 30px;
    line-height: 30px;
}

.HotelPassengers .itemlable2 ul li {
    float: left;
    display: block;
    font-size: 16px;
    width: 25px;
    text-align: center;
    color: #ff4800;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.HotelPassengers .itemlable2 ul li:first-child {
    float: right;
}

.HotelPassengers .itemlable2 input[type="text"] {
    background: 0;
    width: 25px;
    position: absolute;
    height: 25px;
    left: 25px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    font-size: 12px;
}

.frm .itemlable2 ul li .button {
    display: block;
    cursor: pointer;
    color: #fff;
    background-color: #ff4800;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    line-height: 30px;
    font-size: 20px;
    font-weight: 400;
    cursor: pointer;
}

.frm .itemlable2 ul li:first-child a {
    background-color: #ff4800;
}

.fclass {
    width: 30%;
    color: #777;
    font-size: 11px;
    position: absolute;
    right: 60%;
    text-align: right;
    padding: 0 5px;
    line-height: 65px;
    top: 0;
}

.firstfclass {
    position: relative;
    right: 0;
    float: right;
    display: block;
    line-height: normal;
    padding: 0;
    top: 4px;
}

.passenger-counts {
    display: none;
}

.count-child {
    color: #777;
    font-size: 11px;
    position: absolute;
    right: 7px;
    text-align: right;
    line-height: 20px;
    top: 37px;
    width: 100%;
}

.count-adult {
    color: #777;
    font-size: 10px;
    position: absolute;
    right: 7px;
    line-height: 20px;
    top: 7px;
    text-align: right;
    width: 100%;
}

.count-room {
    color: #777;
    font-size: 11px;
    position: absolute;
    line-height: 20px;
    text-align: center;
    top: 22px;
    right: 0;
    width: 33%;
}

.count-childRoom {
    color: #777;
    font-size: 11px;
    position: absolute;
    text-align: center;
    line-height: 20px;
    top: 22px;
    right: 66%;
    width: 33%;
}

.count-adultRoom {
    color: #777;
    font-size: 11px;
    position: absolute;
    text-align: center;
    line-height: 20px;
    right: 33%;
    top: 22px;
    width: 33%;
}

#flightHotelSearch .count-room {
    text-align: right;
    right: 7px;
    top: 4px;
    width: 100%;
}

#flightHotelSearch .count-childRoom {
    text-align: right;
    top: 41px;
    right: 7px;
    width: 100%;
}

#flightHotelSearch .count-adultRoom {
    text-align: right;
    right: 7px;
    top: 22px;
    width: 100%;
}

.numberOfRooms {
    width: 100%;
    font-weight: 500;
    float: right;
    text-align: right;
    font-size: 11px;
    line-height: 30px;
    color: #ff4800;
    border-bottom: 1px solid rgba(255, 117, 85, 0.15);
}

#flighthotel-form .fclass {
    width: 25%;
    color: #777;
    font-size: 9px;
    position: absolute;
    right: 65%;
    text-align: right;
    padding: 0 5px;
    line-height: 40px;
    bottom: 5px;
}

.BirthdatePassenger input[type="text"],
.childDropdowns select {
    height: 30px !important;
    line-height: 30px !important;
    font-size: 11px !important;
    background-color: #f4f5f6;
    border: 1px solid rgba(65, 62, 62, 0.1);
    border-radius: 3px;
    margin-bottom: 5px;
    padding-right: 5px;
}

.HotelPassengers.block {
    display: block;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.38);
    padding-top: 25px;
    border-radius: 3px;
    padding: 20px 5px;
}

.highlight {
    color: #ff4800;
}

.Basis_Calendar .current_year {
    border-radius: unset;
}

.Basis_Calendar .month {
    border-top-right-radius: unset;
    border-top-left-radius: unset;
}

.Basis_Calendar .date_info_selected {
    border-bottom-right-radius: unset;
    border-bottom-left-radius: unset;
}

.Basis_Calendar .month_day_list table td:hover,
.ui-datepicker table thead th,
.ui-datepicker-today .ui-state-highlight,
.ui-datepicker .ui-datepicker-buttonpane button {
    background-color: #ff4800 !important;
}

.ui-datepicker th,
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    color: #ff4800;
}

.ui-datepicker .ui-datepicker-header a span {
    color: #fff;
}

.ui-datepicker .ui-datepicker-prev span::after {
    content: "ماه قبل";
    font-size: 11px;
    display: block;
    line-height: 20px;
    position: absolute;
    bottom: 8px;
    right: 0;
    color: #ff4800;
}

.ui-datepicker .ui-datepicker-prev span::before,
.ui-datepicker .ui-datepicker-next span::before {
    color: #ff4800;
}

.ui-datepicker .ui-datepicker-next span::after {
    content: "ماه بعد";
    font-size: 11px;
    display: block;
    line-height: 20px;
    position: absolute;
    bottom: 8px;
    left: 0;
    color: #ff4800;
}

.col-access {
    width: 25%;
    float: right;
}

.col-access .item-card {
    display: block;
    padding: 0 20px;
    margin: 0 auto;
    width: 295px;
    height: 72px;
    line-height: 72px;
    border-radius: 10px;
    text-align: center;
    border: 1px solid #6c7680;
    font-size: 12px;
    transition: 0.3s ease;
    -webkit-font-smoothing: antialiased;
}

.first-access .item-card {
    float: right;
}

.last-access .item-card {
    float: left;
}

.col-access .item-card header {
    color: #4b5259;
    font-size: 16px;
}

.col-access .item-card:hover {
    background: #ff4800;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    border: 1px solid #ff4800;
}

.col-access .item-card:hover header {
    color: #fff;
}

.col-access figure.item-card-img {
    float: right;
}

.col-access figure.item-card-img img {
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

.question-list {
    clear: both;
}

.qu-content-inner {
    direction: rtl;
    position: relative;
    padding: 15px 20px;
    background: #e9e8e8;
    border-radius: 10px;
    margin-bottom: 15px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.qu-content-inner:last-child {
    border-bottom: unset;
}

.qu-content-inner .question {
    cursor: pointer;
    width: 100%;
    line-height: 38px;
}

.qu-content-inner .question .qu-text {
    width: calc(100% - 50px);
    float: right;
    font-size: 16px;
    font-weight: normal;
    text-align: right;
    color: #0077db;
}

.qu-content-inner .question .fas.fa-chevron-down {
    color: #0077db;
    float: left;
    font-size: 16px;
    line-height: 40px;
}

.fa-chevron-down::before {
    content: "\f078";
    font-family: "FontAwesome";
}

.qu-content-inner .answer {
    display: none;
    padding: 0 20px;
    text-align: justify;
}

.qu-content-inner.active-question .answer {
    color: #4b5259;
    display: block;
    font-size: 14px;
}

.qu-content-inner.active-question .question .qu-icon i,
.qu-content-inner.active-question .question .qu-text {
    color: #ff4800;
}

.qu-content-inner.active-question .question .fas.fa-chevron-down {
    color: #ff4800;
    transform: rotate(90deg);
}

.qu-content-inner.active-question .question .qu-icon i,
.qu-content-inner.active-question .question .qu-text {
    color: #ff4800;
}

#box5-resize {
    padding-bottom: 100px;
}

.opinion-list {
    background-image: url(../images/customer-opinion-bg.jpg);
    clear: both;
    padding: 30px 0;
}

.col-opinion {
    width: 25%;
    float: right;
}

.col-opinion .item-card {
    width: 270px;
    height: 260px;
    direction: rtl;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    position: relative;
    background: #fff;
    text-align: center;
    border-radius: 10px;
    padding: 30px 0;
}

.col-opinion .item-card .opinoin-inset {
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-color: #bdbdbd #fff;
    scrollbar-width: thin;
    height: 100%;
    padding: 0 30px;
}

.col-opinion:first-child .item-card {
    float: right;
}

.col-opinion .item-card header {
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #4b5259;
}

.col-opinion .item-card footer .customer-name {
    color: #4b5259;
    font-weight: bold;
}

.opinoin-inset img {
    width: 130px;
    height: 24px;
}

@media (max-width: 1270px) {
    .article-cat-list .owl-controls {
        position: relative;
        top: unset;
    }

    .article-cat-list .owl-prev {
        position: relative;
        left: unset;
    }

    .article-cat-list .owl-next {
        position: relative;
        right: unset;
    }
}

@media (max-width: 1200px) {
    .call-mobile {
        display: block;
    }

    #header-resize {
        width: 100%;
        display: block;
    }

    .inner-resize {
        width: 100%;
        padding: 0 10px;
    }

    .search-content {
        float: right;
        width: 100%;
        clear: both;
        display: block;
        margin-top: 20px;
    }

    .search-content .search_form {
        width: 50%;
        margin: 0 auto;
    }

    .section-menu,
    .header-call {
        display: none;
    }

    .header-top {
        display: none;
    }

    .second-part-header {
        display: inline-block;
    }

    .header {
        padding-bottom: 1em;
    }

    .col1-second-part-header,
    .col2-second-part-header {
        width: 33.3%;
    }

    .col3-second-part-header {
        width: 33.33%;
        display: block;
        position: relative;
        text-align: right;
        direction: rtl;
        left: 0;
    }

    .col3-second-part-header a {
        float: left;
        right: inherit;
        left: 11px;
    }

    .second-part-header .not-login-section {
        display: block;
        width: 38px;
        position: relative;
        top: 12px;
    }

    .col3-second-part-header .fa-user {
        padding: 2px 20px;
        font-size: 24px;
        color: #ff4800;
    }

    .menu_link {
        display: block;
        width: 38px;
        position: relative;
        top: 12px;
        right: 11px;
        z-index: 1;
    }

    #header-resize img.logo {
        width: 100px;
        height: auto;
    }

    #header-resize .logo-contain {
        margin: 0 4em;
    }

    .user-profile-content {
        right: unset !important;
    }

    .second-part-header {
        float: right;
        padding: 2px 0;
        border-radius: 0 0 5px 5px;
    }

    .second-part-header .col1-second-part-header a:before,
    .second-part-header .col1-second-part-header a:after {
        content: "";
        display: block;
        height: 5px;
    }

    .second-part-header .col1-second-part-header a span {
        display: block;
        height: 5px;
        margin: 6px 0;
    }

    .second-part-header .col2-second-part-header a {
        line-height: 50px;
    }

    .second-part-header .col2-second-part-header a img {
        vertical-align: middle;
        z-index: 1;
        position: relative;
        max-width: 100%;
        height: auto;
    }

    .top-menu {
        color: #fff;
        text-align: center;
        width: 100%;
        padding: 10px 0 5px 0;
    }

    .top-menu img {
        width: auto !important;
    }

    :root {
        --mm-ocd-width: 80%;
        --mm-ocd-min-width: 200px;
        --mm-ocd-max-width: 440px;
    }

    body.mm-ocd-opened {
        overflow-y: hidden;
        -ms-scroll-chaining: none;
        overscroll-behavior: none;
    }

    .mm-ocd {
        transition: unset;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 100%;
        left: 0;
        z-index: 9999;
        overflow: hidden;
        -ms-scroll-chaining: none;
        overscroll-behavior: contain;
        background: rgba(0, 0, 0, 0);
        -webkit-transition-property: bottom, background-color;
        -o-transition-property: bottom, background-color;
        transition-property: bottom, background-color;
        -webkit-transition-duration: 0, 0.3s;
        -o-transition-duration: 0, 0.3s;
        transition-duration: 0, 0.3s;
        -webkit-transition-timing-function: ease;
        -o-transition-timing-function: ease;
        transition-timing-function: ease;
        -webkit-transition-delay: 0.45s, 0.15s;
        -o-transition-delay: 0.45s, 0.15s;
        transition-delay: 0.45s, 0.15s;
        font-family: IRANSansWeb;
    }

    .mm-ocd--open {
        bottom: 0;
        background: rgba(0, 0, 0, 0.25);
        -webkit-transition-delay: 0;
        -o-transition-delay: 0;
        transition-delay: 0;
    }

    .mm-ocd__content {
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 2;
        width: 80%;
        width: var(--mm-ocd-width);
        min-width: 200px;
        min-width: var(--mm-ocd-min-width);
        max-width: 440px;
        max-width: var(--mm-ocd-max-width);
        background: #fff;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        -o-transition-property: transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        -webkit-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease;
        -o-transition-timing-function: ease;
        transition-timing-function: ease;
    }

    .mm-ocd--left .mm-ocd__content {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    .mm-ocd--right .mm-ocd__content {
        right: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    .mm-ocd--open .mm-ocd__content {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .mm-ocd__backdrop {
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 3;
        width: calc(100% - 80%);
        width: calc(100% - var(--mm-ocd-width));
        min-width: calc(100% - 440px);
        min-width: calc(100% - var(--mm-ocd-max-width));
        max-width: calc(100% - 200px);
        max-width: calc(100% - var(--mm-ocd-min-width));
        background: rgba(3, 2, 1, 0);
    }

    .mm-ocd--left .mm-ocd__backdrop {
        right: 0;
    }

    .mm-ocd--right .mm-ocd__backdrop {
        left: 0;
    }

    .mm-spn,
    .mm-spn a,
    .mm-spn li,
    .mm-spn span,
    .mm-spn ul {
        display: block !important;
        padding: 0;
        margin: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    :root {
        --mm-spn-item-height: 50px;
        --mm-spn-item-indent: 20px;
        --mm-spn-line-height: 24px;
    }

    .mm-spn {
        width: 100%;
        height: 100%;
        -webkit-tap-highlight-color: transparent;
        -webkit-overflow-scrolling: touch;
        overflow: hidden;
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .mm-spn ul {
        -webkit-overflow-scrolling: touch;
        position: fixed;
        top: 0;
        left: 100%;
        bottom: 0;
        z-index: 2;
        width: 130%;
        padding-right: 30%;
        line-height: 24px;
        line-height: var(--mm-spn-line-height);
        overflow: visible;
        overflow-y: auto;
        background: inherit;
        -webkit-transition: left 0.3s ease 0;
        -o-transition: left 0.3s ease 0;
        transition: left 0.3s ease 0;
        cursor: default;
    }

    .mm-spn ul:after {
        content: "";
        display: block;
        height: 50px;
        height: var(--mm-spn-item-height);
    }

    .mm-spn > ul {
        left: 0;
    }

    .mm-spn ul.mm-spn--open {
        left: 0;
    }

    .mm-spn ul.mm-spn--parent {
        left: -30%;
        overflow-y: hidden;
    }

    .mm-spn li {
        position: relative;
        background: inherit;
        cursor: pointer;
        direction: rtl;
        text-align: right;
        font-size: 13px;
        width: 95%;
        background-color: #fff;
        padding: 5px 10px;
        display: block;
        border-radius: 5px;
        color: #505050;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        margin: 10px auto;
        height: 40px;
    }

    .mm-spn li:before {
        content: "";
        display: block;
        position: absolute;
        top: 25px;
        top: calc(var(--mm-spn-item-height) / 4);
        left: 25px;
        left: calc(var(--mm-spn-item-height) / 2);
        z-index: 0;
        width: 8px;
        height: 8px;
        border-top: 2px solid;
        border-right: 2px solid;
        -webkit-transform: rotate(-135deg) translate(0, -50%);
        -ms-transform: rotate(-135deg) translate(0, -50%);
        transform: rotate(-135deg) translate(0, -50%);
    }

    .mm-spn li:after {
        content: "";
        display: block;
        margin-left: 20px;
        margin-left: var(--mm-spn-item-indent);
        opacity: 0.5;
    }

    .mm-spn a,
    .mm-spn span {
        position: relative;
        z-index: 1;
        padding: 5px 2px;
    }

    .mm-spn a {
        background: inherit;
        color: inherit;
        text-decoration: none;
        direction: rtl;
        text-align: right;
        font-size: 13px;
    }

    .mm-spn a:not(:last-child) {
        width: calc(100% - 50px);
        width: calc(100% - var(--mm-spn-item-height));
    }

    .mm-spn a:not(:last-child):after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        border-right: 1px solid;
    }

    .mm-spn span {
        background: 0;
        display: inline-block !important;
    }

    .mm-spn.mm-spn--navbar {
        cursor: pointer;
    }

    .mm-spn.mm-spn--navbar:before {
        content: "";
        display: block;
        position: absolute;
        top: 121px;
        left: 20px;
        left: var(--mm-spn-item-indent);
        width: 10px;
        height: 10px;
        margin-top: 2px;
        border-top: 2px solid;
        border-left: 2px solid;
        -webkit-transform: rotate(-45deg) translate(50%, -50%);
        -ms-transform: rotate(-45deg) translate(50%, -50%);
        transform: rotate(-45deg) translate(50%, -50%);
        opacity: 0.8;
    }

    .mm-spn.mm-spn--navbar.mm-spn--main {
        cursor: default;
    }

    .mm-spn.mm-spn--navbar.mm-spn--main:before {
        content: none;
        display: none;
    }

    .mm-spn.mm-spn--navbar:after {
        content: attr(data-mm-spn-title);
        display: block;
        top: 0;
        left: 0;
        right: 0;
        height: 50px;
        height: var(--mm-spn-item-height);
        padding: 0 40px;
        padding: 0 calc(var(--mm-spn-item-indent) * 2);
        line-height: 50px;
        line-height: var(--mm-spn-item-height);
        text-align: center;
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    .mm-spn.mm-spn--navbar.mm-spn--main:after {
        padding-left: 20px;
        padding-left: var(--mm-spn-item-indent);
    }

    .mm-spn.mm-spn--navbar ul {
        top: 50px;
    }

    .mm-spn.mm-spn--navbar ul:before {
        content: "";
        display: block;
        position: fixed;
        top: inherit;
        z-index: 2;
        width: 100%;
        opacity: 0.5;
    }

    .mm-spn.mm-spn--light {
        color: #505050;
        background: linear-gradient(90deg, #f6fafc 0, #ededed 50%, #fff 100%);
    }

    .mm-spn.mm-spn--dark {
        color: #fff;
        background: #505050;
    }

    .mm-spn.mm-spn--vertical {
        overflow-y: auto;
    }

    .mm-spn.mm-spn--vertical ul {
        width: 100%;
        padding-right: 0;
        position: static;
    }

    .mm-spn.mm-spn--vertical ul ul {
        display: none;
        padding-left: 20px;
        padding-left: var(--mm-spn-item-indent);
    }

    .mm-spn.mm-spn--vertical ul ul:after {
        height: 25px;
        height: calc(var(--mm-spn-item-height) / 2);
    }

    .mm-spn.mm-spn--vertical ul.mm-spn--open {
        display: block;
    }

    .mm-spn.mm-spn--vertical li.mm-spn--open:before {
        -webkit-transform: rotate(135deg) translate(-50%, 0);
        -ms-transform: rotate(135deg) translate(-50%, 0);
        transform: rotate(135deg) translate(-50%, 0);
    }

    .mm-spn.mm-spn--vertical ul ul li:last-child:after {
        content: none;
        display: none;
    }

    .mm-spn li .fa {
        display: inline-block;
        margin-left: 7px;
        padding-left: 7px;
        border-left: 1px solid #aaa;
        font-size: 15px;
        vertical-align: middle;
        min-width: 16px;
        text-align: center;
    }

    .mm-spn--open {
        margin-top: 120px !important;
    }

    #footer-resize {
        background: unset;
        padding-top: 0;
    }

    .col-footer {
        width: 100%;
        padding: 0 !important;
    }

    .list-footer a,
    .list-footer span,
    .about-footer-text {
        text-align: center;
    }

    .footer-logo img {
        display: block;
        margin: 0 auto;
    }

    .signs-inner {
        text-align: center;
    }

    .signs-inner li {
        width: 60px;
        height: 60px;
        line-height: 60px;
        margin: 15px;
    }

    .social-icons {
        text-align: center;
        margin-top: 1em;
        margin-bottom: 1.5em;
    }

    .social-icons li {
        margin: 15px;
    }

    .footer-support .list-footer li {
        text-align: center;
        margin-bottom: 25px;
    }

    .footer-support .list-footer li .f-icon {
        margin: 0 auto;
        display: block;
    }

    .footer-frm,
    .footer-frm .submit {
        width: 100%;
    }

    #box5-resize {
        padding-bottom: 0;
    }

    .section-title {
        text-align: center;
        margin: 0;
        margin-bottom: 0.5em;
    }

    .section-title small {
        width: 100%;
    }

    .section-title h3 {
        width: 100%;
        margin-top: 0;
        font-size: 20px;
        line-height: 50px;
    }

    .col-access {
        width: 50%;
        margin-bottom: 20px;
    }

    .last-access .item-card,
    .first-access .item-card {
        float: none;
    }

    .col-tour-cat .item-card header {
        width: 95%;
    }

    .tour-Popular-list .owl-controls .owl-buttons,
    .more-result {
        margin-top: 0.5em;
    }

    .owl-buttons div {
        margin: 0 10px;
    }

    .col-opinion {
        width: 50%;
        margin-bottom: 30px;
    }

    .col-opinion .item-card {
        float: none !important;
    }

    .select {
        width: 100%;
    }

    #top-banner-resize {
        display: none;
    }

    .city {
        width: 100% !important;
        padding-left: 0;
        margin-bottom: 20px;
    }

    .Basis_Date_Box,
    .frm-submit-btn {
        width: 100%;
    }

    .Basis_Date_Box .city input[type="text"]:disabled {
        width: 100% !important;
    }

    .Basis_Date_Box .city:first-child {
        padding-left: 5px;
    }

    .Basis_Date_Box .city:nth-child(2) {
        padding-right: 5px;
    }

    .Classname-box .inner-city select {
        text-align: right;
    }

    .section-title small {
        display: none;
    }

    .sp-tours-cat ul li {
        width: 20%;
        margin: 15px 0;
    }

    .last-tour-head {
        display: none;
    }

    .last-tour-list .col-tour .item-card {
        height: auto;
        line-height: 32px;
        padding: 10px 0;
    }

    .last-tour-list .tour-header-items,
    .tour-header-items.mid-info div {
        width: 100%;
        text-align: center;
    }

    .tour-header-items .tour-label {
        float: none;
    }
}

@media (max-width: 750px) {
    .col-access {
        width: 100%;
        margin-bottom: 30px;
    }

    .col-access .item-card {
        width: 100%;
    }

    .col-access .item-card header,
    .col-tour-cat .item-card header h2,
    .col-article-cat .item-card header h2,
    .qu-content-inner .question .qu-text,
    .qu-content-inner .question .fas.fa-chevron-down {
        font-size: 14px;
    }

    .qu-content-inner .answer {
        padding: 0;
    }

    .qu-content-inner.active-question .answer {
        font-size: 12px;
    }

    .col-opinion {
        width: 100%;
    }

    .col-opinion .item-card {
        height: auto;
    }

    .col-opinion .item-card header {
        font-size: 12px;
    }

    .col-opinion .item-card footer .customer-name {
        font-size: 14px;
    }

    .qu-content-inner {
        margin-bottom: 30px;
    }

    .send-mail-fixed {
        width: 30px;
        height: 30px;
        line-height: 30px;
        right: 0.5em;
        bottom: 5em;
    }

    .send-mail-fixed i {
        font-size: 18px;
    }

    .send-mail-box {
        right: 1em;
        bottom: 7.2em;
        padding: 0.2em;
        width: 70%;
    }

    .send-mail-box input {
        line-height: 30px;
        margin-bottom: 15px;
    }

    .close-fixed-form {
        top: unset;
        margin-bottom: 10px;
    }

    .send-mail-box .load-captcha img {
        height: 32px;
        width: 60px;
    }

    .send-mail-box .field-captcha i {
        line-height: 30px;
    }

    .sp-tours-cat ul li {
        height: 40px;
        line-height: 40px;
        width: 33.33%;
    }

    .sp-tours-cat ul li span {
        font-size: 12px;
    }

    .more-result a {
        font-size: 12px;
    }
}

@media (max-width: 550px) {
    .rezervation-item li {
        margin: 10px 5px;
        padding: 6px 0;
        width: 56px;
        height: 60px;
        font-size: 11px;
    }

    .rezervation-item li p {
        margin-bottom: 0;
    }

    .rezervation-item li p img {
        width: 25px;
        height: 25px;
    }

    .search-content .search_form {
        width: 100%;
    }

    .sp-tours-cat ul li {
        width: 50%;
    }
}

@media (max-width: 400px) {
    .tour-Popular-list .col-tour .item-card {
        width: 90%;
    }

    .tour-Popular-list .col-tour figure {
        width: 100%;
        height: auto;
        max-height: 290px;
    }

    .nowrouz-banner {
        display: none !important;
    }
}

.cover-image {
    object-fit: cover;
}

.nowrouz-banner {
    position: absolute;
    color: white !important;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background: #ff4800; */
    border-style: solid;
    border-width: 135px 185px 0 0;
    border-color: #ff4800 transparent transparent transparent;
    height: 135px;
    width: 130px;
    -webkit-animation: BLINK 1s infinite;
    -moz-animation: BLINK 1s infinite;
    -o-animation: BLINK 1s infinite;
    animation: BLINK 1s infinite;
}

.nowrouz-banner a {
    color: white !important;
    white-space: nowrap;
    font-size: 14px;
    transform: rotate(-36deg);
    position: absolute;
    top: -78px;
    left: 14px;
}

@-webkit-keyframes BLINK {
    0%, 49% {
        border-color: #ff4800 transparent transparent transparent;
    }
    50%, 100% {
        border-color: #fff transparent transparent transparent;
    }
}

.nowrouz-banner img {
    width: 100px;
    transform: rotate(-36deg);
    position: absolute;
    top: -135px;
    left: -17px;
}


/*search-engine*/
.c-container {
    max-width: 1200px;
    margin-inline: auto;
}

.r-flight, .r-tour, .r-hotel, .r-flighthotel, .r-insurance {
    display: flex;
}

/*btn-tab-search*/
.reservation-item {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 12px;
}

.reserve-btn {
    position: relative;
    margin: 0 !important;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    font-weight: bold;
    cursor: pointer;
    padding: 10px 20px;
    font-size: 12px;
    background: #e9e8e8;
    border-radius: 10px;
    width: 110px;
    height: 90px !important;
    display: flex !important;
    flex-direction: column;
}

.reserve-btn .module-name {
    line-height: 20px;
    font-size: 13px;
    color: #646464;
}

.reserve-btn .module-icon {
    height: 50px;
}

.reserve-btn .module-icon svg {
    width: 40px;
    height: 40px;
}

.search-box-container .reserve-btn.active-module {
    background: #ff4800 !important;
}

.search-box-container .reserve-btn.active-module .module-name {
    color: #000;
}

.search-box-container .reserve-btn.active-module .module-icon-deactive {
    display: flex !important;
    margin-inline: auto;
}

.search-box-container .reserve-btn.active-module .module-icon-active {
    display: none !important;
}


/*flight*/
.r-flight, .r-flighthotel, .r-hotel, .r-tour, .r-insurance {
    display: flex;
    flex-direction: column;
    padding: 1rem 20px 60px 20px;
}

.r-flight .form-search, .r-flighthotel .form-search, .r-hotel .form-search, .r-tour .form-search, .r-insurance .form-search {
    width: 100%;
    margin-top: 1rem;
}

.flighttype-field .book-module__type label span {
    color: #415762;
    font-size: 13px;
    padding-bottom: 5px;
}

.search-box-container .active-r-btn span {
    color: #0077db !important;
    font-weight: bold;
    border-bottom: 2px solid #0077db;
}

.r-flight .flight-routes,
.r-flighthotel .flight-routes,
.r-insurance .flight-routes,
.r-hotel .flight-routes,
.r-tour .flight-routes {
    width: 42% !important;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
}

.r-flight .flight-routes .departure-route,
.r-flighthotel .flight-routes .departure-route,
.r-hotel .flight-routes .departure-route,
.r-tour .flight-routes .departure-route,
.r-insurance .flight-routes .departure-route {
    background: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    height: 65px;
    line-height: 65px;
    padding: 0 7px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.r-hotel .departure-route,
.r-tour .departure-route,
.r-insurance .departure-route {
    background: #fff;
    width: 33%;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    height: 65px;
    line-height: 65px;
    padding: 0 7px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.r-flight .flight-routes .departure-route .click-content,
.r-flighthotel .flight-routes .departure-route .click-content,
.r-hotel .flight-routes .departure-route .click-content,
.r-tour .flight-routes .departure-route .click-content,
.r-insurance .flight-routes .departure-route .click-content {
    height: auto;
}

.r-flight .flight-routes .departure-route label,
.r-flighthotel .flight-routes .departure-route label,
.r-tour .departure-route label,
.r-hotel .departure-route label,
.r-insurance .departure-route label {
    display: none;
}

.r-flight .flight-routes .departure-route input,
.r-flighthotel .flight-routes .departure-route input,
.r-tour .departure-route input,
.r-insurance .departure-route input,
.r-hotel .departure-route input {
    font-size: 12px;
}

.r-flight .flight-routes .destination-route,
.r-flighthotel .flight-routes .destination-route,
.r-tour .destination-route,
.r-hotel .destination-route,
.r-insurance .destination-route {
    background: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    height: 65px !important;
    line-height: 65px;
    padding: 0 7px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.r-flight .flight-routes .destination-route .click-content,
.r-flighthotel .flight-routes .destination-route .click-content,
.r-tour .destination-route .click-content,
.r-hotel .destination-route .click-content,
.r-insurance .destination-route .click-content {
    height: auto;
}

.r-flight .flight-routes .destination-route label,
.r-flighthotel .flight-routes .destination-route label,
.r-tour .destination-route label,
.r-hotel .destination-route label,
.r-insurance .destination-route label {
    display: none;
}

.r-flight .flight-routes .destination-route input,
.r-flighthotel .flight-routes .destination-route input,
.r-tour .destination-route input,
.r-hotel .destination-route input,
.r-insurance .destination-route input {
    font-size: 12px;
}

.r-flight .date__searched__container,
.r-flighthotel .date__searched__container,
.r-tour .date__searched__container,
.r-hotel .date__searched__container,
.r-insurance .date__searched__container {
    width: 22% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 6px !important;
}

.r-flight .date__searched__container .departure-date,
.r-flighthotel .date__searched__container .departure-date,
.r-tour .date__searched__container .departure-date,
.r-hotel .date__searched__container .departure-date,
.r-insurance .date__searched__container .departure-date {
    width: 100% !important;
    background: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    height: 65px;
    line-height: 65px;
    padding: 0 7px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.r-flight .date__searched__container .departure-date input,
.r-flighthotel .date__searched__container .departure-date input,
.r-tour .date__searched__container .departure-date input,
.r-hotel .date__searched__container .departure-date input,
.r-insurance .date__searched__container .departure-date input {
    margin: 0;
    padding: 0 9px;
    font-size: 12px;
}

.r-flight .date__searched__container .return-date,
.r-flighthotel .date__searched__container .return-date,
.r-tour .date__searched__container .return-date,
.r-hotel .date__searched__container .return-date,
.r-insurance .date__searched__container .return-date {
    width: 100% !important;
    background: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    height: 65px;
    line-height: 65px;
    padding: 0 7px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.r-flight .date__searched__container .return-date input,
.r-flighthotel .date__searched__container .return-date input,
.r-tour .date__searched__container .return-date input,
.r-hotel .date__searched__container .return-date input,
.r-insurance .date__searched__container .return-date input {
    margin: 0;
    padding: 0 9px;
    font-size: 12px;
}

.r-flight .date__searched__container .return-date label, .r-flight .date__searched__container .departure-date label,
.r-flighthotel .date__searched__container .return-date label, .r-flighthotel .date__searched__container .departure-date label,
.r-tour .date__searched__container .return-date label, .r-tour .date__searched__container .departure-date label,
.r-hotel .date__searched__container .return-date label, .r-hotel .date__searched__container .departure-date label,
.r-insurance .date__searched__container .return-date label, .r-insurance .date__searched__container .departure-date label {
    display: none;
}

.r-flight .searchList, .r-flighthotel .searchList,
.r-tour .searchList, .r-hotel .searchList,
.r-insurance .searchList {
    display: block;
}

.r-flight .searchList .form-search-input,
.r-flighthotel .searchList .form-search-input,
.r-tour .searchList .form-search-input,
.r-hotel .searchList .form-search-input,
.r-insurance .searchList .form-search-input {
    height: 30px;
    background-color: #fff;
    border: 1px solid #e5e4f0;
    padding: 0.375rem 0.75rem;
    margin: 5px auto;
    width: 97%;
    float: none;
    display: block;
    font-size: 11px;
    border-radius: 8px;
}

.r-flight .searchList .clear-both div,
.r-flighthotel .searchList .clear-both div,
.r-tour .searchList .clear-both div,
.r-hotel .searchList .clear-both div,
.r-insurance .searchList .clear-both div {
    display: none;
}

.Wrapper-ExteraHoteldate {
    display: flex;
}

.Wrapper-ExteraHoteldate .date__searched__container {
    width: 100% !important;
}

.load-location-options ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px !important;
}

.Basis_Date_Box .no-activedate {
    background-color: #cacaca !important;
    opacity: 1 !important;
}

.Flightclass-Passenger {
    width: 24% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 6px !important;
}

.Flightclass-Passenger .passengers-field div.cursor-pointer,
.r-tour .passengers-field div.cursor-pointer,
.r-hotel .passengers-field div.cursor-pointer,
.r-insurance .passengers-field div.cursor-pointer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.Flightclass-Passenger .passengers-field div.cursor-pointer span,
.r-tour .passengers-field div.cursor-pointer span,
.r-hotel .passengers-field div.cursor-pointer span,
.r-insurance .passengers-field div.cursor-pointer span {
    font-size: 11px;
}

.Flightclass-Passenger .reserve-field {
    width: 100% !important;
    background: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    height: 65px !important;
    line-height: 65px;
    padding: 0 7px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.r-tour .reserve-field,
.r-hotel .reserve-field,
.r-insurance .reserve-field {
    width: 30% !important;
    background: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    height: 65px !important;
    line-height: 65px;
    padding: 0 7px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.r-tour .reserve-field .click-content,
.r-hotel .reserve-field .click-content,
.r-insurance .reserve-field .click-content {
    height: auto;
}

.Flightclass-Passenger .reserve-field input,
.r-tour .reserve-field input,
.r-hotel .reserve-field input,
.r-insurance .reserve-field input {
    font-size: 13px;
}

.Flightclass-Passenger .reserve-field input,
.r-tour .reserve-field input,
.r-hotel .reserve-field input,
.r-insurance .reserve-field input {
    font-size: 13px;
}

.Flightclass-Passenger .reserve-field .FlightClass-text,
.r-tour .reserve-field .FlightClass-text,
.r-hotel .reserve-field .FlightClass-text,
.r-insurance .reserve-field .FlightClass-text {
    font-size: 13px;
}

.Flightclass-Passenger .reserve-field label,
.r-tour .reserve-field label,
.r-hotel .reserve-field label,
.r-insurance .reserve-field label {
    display: none;
}

.r-flight .reserve-search,
.r-tour .reserve-search,
.r-hotel .reserve-search,
.r-insurance .reserve-search {
    width: 11% !important;
    height: auto;
}

.r-flighthotel .reserve-search {
    width: 11% !important;
    height: auto;
    position: relative;
    top: -7px;
}

.r-flight .reserve-search button,
.r-flighthotel .reserve-search button,
.r-tour .reserve-search button,
.r-hotel .reserve-search button,
.r-insurance .reserve-search button {
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    font-size: 16px;
    margin: 0 auto;
    float: none;
    width: 100%;
    text-align: center;
    border: 1px solid #ff4800;
    background: #ff4800;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
    display: block;
    height: 65px;
    line-height: 65px;
    font-family: "IRANSansWeb";
}

.r-flight .reserve-search button svg,
.r-flighthotel .reserve-search button svg,
.r-tour .reserve-search button svg,
.r-hotel .reserve-search button svg,
.r-insurance .reserve-search button svg {
    display: none;
}

.exchangeRoute {
    position: absolute;
    top: 19px;
    left: -19px !important;
    color: #000;
    cursor: pointer;
    border-radius: 50%;
    background-color: #ff4800 !important;
    transform: rotateZ(0);
    transition: all 0.2s ease-in-out;
    z-index: 9;
    width: 30px !important;
    height: 30px !important;
    line-height: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.exchangeRoute svg {
    rotate: 90deg;
    width: 18px;
    height: 18px;
    filter: invert(1);
}

.add-routs {
    height: 65px !important;
    background: green !important;
    position: relative !important;
    font-size: 14px !important;
    color: white !important;
    width: 100% !important;
    border-radius: 10px;
}

.add-routs svg {
    display: none;
}

.remove-routs {
    height: 65px !important;
    background: #dc2626 !important;
    position: relative !important;
    font-size: 14px !important;
    color: white !important;
    width: 100% !important;
    border-radius: 10px;

}

.remove-routs svg {
    display: none;
}

.Add-Remove div {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.route-content-inner .flight-routes {
    width: 60% !important;
}

.route-content-inner .date__searched__container {
    width: 30% !important;
}

.route-content-inner .route-minus-btn {
    width: 9% !important;
    font-size: 14px !important;
}

.passengerbox {
    top: 70px !important;
    left: 0 !important;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
}

.passengerbox .confirm-passenger {
    width: 100%;
    clear: both;
    background: #ff4800;
    border: 1px solid #ff4800;
    color: #fff;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    margin-top: 10px;
    cursor: pointer;
    clear: both;
    display: flex;
    float: right;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    justify-content: center;
}

.passengerbox .confirm-passenger span {
    font-size: 14px !important;
}

.r-flighthotel .passengerbox, .r-flight .passengerbox {
    width: 277px !important;
}

.passengerbox .plus-count, .passengerbox .minus-count {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #fff;
    background-color: #ff4800;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    line-height: 30px;
    font-size: 20px;
    font-weight: 400;
    cursor: pointer;
}

.passengerbox label {
    display: flex !important;
}

.passengerbox label span {
    font-size: 13px;
}

.book-flex button:first-child {
    border: 1px solid #ccc !important;
    background: unset !important;
    color: #000 !important;
    cursor: pointer;
}

.book-flex button[data-ok] {
    border: none !important;
    background: #ff4800 !important;
    color: #fff !important;
    cursor: pointer;
}

.FlightClass {
    display: flex;
    position: absolute;
    top: 70px;
    height: 200px;
    right: 0;
    flex-direction: column;
    gap: 12px;
    padding: 12px 0;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
}

.FlightClass .label-flightclassitem {
    display: flex;
    justify-content: center;
}

.FlightClass label {
    display: flex !important;
}

.FlightClass label {
    width: 100%;
    text-align: center;
}

@media only screen and (max-width: 1000px) {
    .FlightClass {
        height: auto;
    }


    input, textarea, select, button, a, [role="button"] {
        -webkit-tap-highlight-color: transparent !important;
    }

    input:focus, input:focus-visible, textarea:focus, textarea:focus-visible, select:focus, select:focus-visible {
        outline: none;
        box-shadow: none;
    }

    html, body, * {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
    }

    input, textarea, select {
        outline: none !important;
        -webkit-appearance: none;
        appearance: none;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        background-clip: padding-box;
    }

    input:focus, input:focus-visible, input:active, textarea:focus, textarea:focus-visible, textarea:active, select:focus, select:focus-visible, select:active {
        outline: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    *:focus-within {
        outline: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .FlightClass {
        z-index: 9999 !important;
    }
    .passengerbox .createPassengerDropdown input{
        background: #f0f0f0 !important;
    }
    .load-location-options ul{
        width: 100% !important;
        border: none;
        margin-top: 8px;
    }
    .passengerbox{
        position: fixed;
        right: 0;
        top: 0 !important;
        width: 100% !important;
        min-height: 100%;
        z-index: 100;
        background: white;
        min-width: 100%;
    }

    .header-menu {
        transform: translateX(1024px);
    }

    .c-container {
        max-width: 1200px;
        margin-inline: auto;
    }

    .r-flight, .r-tour, .r-hotel, .r-flighthotel, .r-insurance {
        display: flex;
    }

    /*btn-tab-search*/
    .reservation-item {
        display: flex !important;
        justify-content: center;
        gap: 10px !important;
        margin-top: 12px;
    }

    .reserve-btn {
        position: relative;
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
        font-weight: bold;
        cursor: pointer;
        background: #e9e8e8;
        border-radius: 10px;
        display: flex !important;
        flex-direction: column;
        padding: 6px 0 !important;
        width: 56px !important;
        height: 60px !important;
        font-size: 11px;
    }

    .reserve-btn .module-name {
        line-height: 20px;
        font-size: 11px;
        color: #646464;
    }


    .reserve-btn .module-icon svg {
        width: 25px;
        height: 25px;
    }

    .search-box-container .reserve-btn.active-module {
        background: #ff4800 !important;
    }

    .search-box-container .reserve-btn.active-module .module-name {
        color: #000;
    }

    .search-box-container .reserve-btn.active-module .module-icon-deactive {
        display: flex !important;
        margin-inline: auto;
    }

    .search-box-container .reserve-btn.active-module .module-icon-active {
        display: none !important;
    }


    /*flight*/
    .r-flight, .r-flighthotel, .r-hotel, .r-tour, .r-insurance {
        display: flex;
        flex-direction: column;
        padding: 1rem 20px 60px 20px;
    }

    .r-flight .form-search, .r-flighthotel .form-search, .r-hotel .form-search, .r-tour .form-search, .r-insurance .form-search {
        width: 100%;
        margin-top: 1rem;
    }

    .flighttype-field .book-module__type label span {
        color: #415762;
        font-size: 13px;
        padding-bottom: 5px;
    }

    .search-box-container .active-r-btn span {
        color: #0077db !important;
        font-weight: bold;
        border-bottom: 2px solid #0077db;
    }

    .r-flight .flight-routes,
    .r-flighthotel .flight-routes,
    .r-insurance .flight-routes,
    .r-hotel .flight-routes,
    .r-tour .flight-routes {
        width: 100% !important;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 6px;
    }

    .r-flight .flight-routes .departure-route,
    .r-flighthotel .flight-routes .departure-route,
    .r-hotel .flight-routes .departure-route,
    .r-tour .flight-routes .departure-route,
    .r-insurance .flight-routes .departure-route {
        background: #fff;
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
        height: 65px;
        line-height: 65px;
        padding: 0 7px;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .r-hotel .departure-route,
    .r-tour .departure-route,
    .r-insurance .departure-route {
        background: #fff;
        width: 33%;
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
        height: 65px;
        line-height: 65px;
        padding: 0 7px;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .r-flight .flight-routes .departure-route .click-content,
    .r-flighthotel .flight-routes .departure-route .click-content,
    .r-hotel .flight-routes .departure-route .click-content,
    .r-tour .flight-routes .departure-route .click-content,
    .r-insurance .flight-routes .departure-route .click-content {
        height: auto;
    }

    .r-flight .flight-routes .departure-route label,
    .r-flighthotel .flight-routes .departure-route label,
    .r-tour .departure-route label,
    .r-hotel .departure-route label,
    .r-insurance .departure-route label {
        display: none;
    }

    .r-flight .flight-routes .departure-route input,
    .r-flighthotel .flight-routes .departure-route input,
    .r-tour .departure-route input,
    .r-insurance .departure-route input,
    .r-hotel .departure-route input {
        font-size: 12px;
    }

    .r-flight .flight-routes .destination-route,
    .r-flighthotel .flight-routes .destination-route,
    .r-tour .destination-route,
    .r-hotel .destination-route,
    .r-insurance .destination-route {
        background: #fff;
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
        height: 65px !important;
        line-height: 65px;
        padding: 0 7px;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .r-flight .flight-routes .destination-route .click-content,
    .r-flighthotel .flight-routes .destination-route .click-content,
    .r-tour .destination-route .click-content,
    .r-hotel .destination-route .click-content,
    .r-insurance .destination-route .click-content {
        height: auto;
    }

    .r-flight .flight-routes .destination-route label,
    .r-flighthotel .flight-routes .destination-route label,
    .r-tour .destination-route label,
    .r-hotel .destination-route label,
    .r-insurance .destination-route label {
        display: none;
    }

    .r-flight .flight-routes .destination-route input,
    .r-flighthotel .flight-routes .destination-route input,
    .r-tour .destination-route input,
    .r-hotel .destination-route input,
    .r-insurance .destination-route input {
        font-size: 12px;
    }

    .r-flight .date__searched__container,
    .r-flighthotel .date__searched__container,
    .r-tour .date__searched__container,
    .r-hotel .date__searched__container,
    .r-insurance .date__searched__container {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 6px !important;
    }

    .r-flight .date__searched__container .departure-date,
    .r-flighthotel .date__searched__container .departure-date,
    .r-tour .date__searched__container .departure-date,
    .r-hotel .date__searched__container .departure-date,
    .r-insurance .date__searched__container .departure-date {
        width: 100% !important;
        background: #fff;
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
        height: 65px;
        line-height: 65px;
        padding: 0 7px;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .r-flight .date__searched__container .departure-date input,
    .r-flighthotel .date__searched__container .departure-date input,
    .r-tour .date__searched__container .departure-date input,
    .r-hotel .date__searched__container .departure-date input,
    .r-insurance .date__searched__container .departure-date input {
        margin: 0;
        padding: 0 9px;
        font-size: 12px;
    }

    .r-flight .date__searched__container .return-date,
    .r-flighthotel .date__searched__container .return-date,
    .r-tour .date__searched__container .return-date,
    .r-hotel .date__searched__container .return-date,
    .r-insurance .date__searched__container .return-date {
        width: 100% !important;
        background: #fff;
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
        height: 65px;
        line-height: 65px;
        padding: 0 7px;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .r-flight .date__searched__container .return-date input,
    .r-flighthotel .date__searched__container .return-date input,
    .r-tour .date__searched__container .return-date input,
    .r-hotel .date__searched__container .return-date input,
    .r-insurance .date__searched__container .return-date input {
        margin: 0;
        padding: 0 9px;
        font-size: 12px;
    }

    .r-flight .date__searched__container .return-date label, .r-flight .date__searched__container .departure-date label,
    .r-flighthotel .date__searched__container .return-date label, .r-flighthotel .date__searched__container .departure-date label,
    .r-tour .date__searched__container .return-date label, .r-tour .date__searched__container .departure-date label,
    .r-hotel .date__searched__container .return-date label, .r-hotel .date__searched__container .departure-date label,
    .r-insurance .date__searched__container .return-date label, .r-insurance .date__searched__container .departure-date label {
        display: none;
    }

    .r-flight .searchList, .r-flighthotel .searchList,
    .r-tour .searchList, .r-hotel .searchList,
    .r-insurance .searchList {
        display: block;
    }
    .searchList{
        position: fixed !important;
        right: 0 !important;
        top: 0 !important;
        width: 100% !important;
        border-radius: 0;
        margin: 0;
        min-height: 100%;
        background: white;
    }
    .searchList .close-searchList{
      background: #ff0000 !important;
    }

    .r-flight .searchList .form-search-input,
    .r-flighthotel .searchList .form-search-input,
    .r-tour .searchList .form-search-input,
    .r-hotel .searchList .form-search-input,
    .r-insurance .searchList .form-search-input {
        height: 30px;
        background-color: #fff;
        border: 1px solid #e5e4f0;
        padding: 0.375rem 0.75rem;
        margin: 5px auto;
        width: 97%;
        float: none;
        display: block;
        font-size: 11px;
        border-radius: 8px;
    }

    .r-flight .searchList .clear-both div,
    .r-flighthotel .searchList .clear-both div,
    .r-tour .searchList .clear-both div,
    .r-hotel .searchList .clear-both div,
    .r-insurance .searchList .clear-both div {
        display: none;
    }

    .Wrapper-ExteraHoteldate {
        display: flex;
    }

    .Wrapper-ExteraHoteldate .date__searched__container {
        width: 100% !important;
    }

    .load-location-options ul li {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 12px !important;
    }

    .Basis_Date_Box .no-activedate {
        background-color: #cacaca !important;
        opacity: 1 !important;
    }

    .Flightclass-Passenger {
        width: 100% !important;
        display: grid !important;
        gap: 6px !important;
    }

    .Flightclass-Passenger .passengers-field div.cursor-pointer,
    .r-tour .passengers-field div.cursor-pointer,
    .r-hotel .passengers-field div.cursor-pointer,
    .r-insurance .passengers-field div.cursor-pointer {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .Flightclass-Passenger .passengers-field div.cursor-pointer span,
    .r-tour .passengers-field div.cursor-pointer span,
    .r-hotel .passengers-field div.cursor-pointer span,
    .r-insurance .passengers-field div.cursor-pointer span {
        font-size: 11px;
    }

    .Flightclass-Passenger .reserve-field {
        width: 100% !important;
        background: #fff;
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
        height: 65px !important;
        line-height: 65px;
        padding: 0 7px;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .r-tour .reserve-field,
    .r-hotel .reserve-field,
    .r-insurance .reserve-field {
        width: 100% !important;
        background: #fff;
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
        height: 65px !important;
        line-height: 65px;
        padding: 0 7px;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .r-tour .reserve-field .click-content,
    .r-hotel .reserve-field .click-content,
    .r-insurance .reserve-field .click-content {
        height: auto;
    }

    .Flightclass-Passenger .reserve-field input,
    .r-tour .reserve-field input,
    .r-hotel .reserve-field input,
    .r-insurance .reserve-field input {
        font-size: 13px;
    }

    .Flightclass-Passenger .reserve-field input,
    .r-tour .reserve-field input,
    .r-hotel .reserve-field input,
    .r-insurance .reserve-field input {
        font-size: 13px;
    }

    .Flightclass-Passenger .reserve-field .FlightClass-text,
    .r-tour .reserve-field .FlightClass-text,
    .r-hotel .reserve-field .FlightClass-text,
    .r-insurance .reserve-field .FlightClass-text {
        font-size: 13px;
    }

    .Flightclass-Passenger .reserve-field label,
    .r-tour .reserve-field label,
    .r-hotel .reserve-field label,
    .r-insurance .reserve-field label {
        display: none;
    }

    .r-flight .reserve-search,
    .r-tour .reserve-search,
    .r-hotel .reserve-search,
    .r-insurance .reserve-search {
        width: 100% !important;
        height: auto;
    }

    .r-flighthotel .reserve-search {
        width: 100% !important;
        height: auto;
    }

    .r-flight .reserve-search button,
    .r-flighthotel .reserve-search button,
    .r-tour .reserve-search button,
    .r-hotel .reserve-search button,
    .r-insurance .reserve-search button {
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 10px;
        font-size: 16px;
        margin: 0 auto;
        float: none;
        width: 100%;
        text-align: center;
        border: 1px solid #ff4800;
        background: #ff4800;
        overflow: hidden;
        cursor: pointer;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        position: relative;
        display: block;
        height: 65px;
        line-height: 65px;
        font-family: "IRANSansWeb";
    }

    .r-flight .reserve-search button svg,
    .r-flighthotel .reserve-search button svg,
    .r-tour .reserve-search button svg,
    .r-hotel .reserve-search button svg,
    .r-insurance .reserve-search button svg {
        display: none;
    }

    .exchangeRoute {
        position: absolute;
        left: 15px !important;
        top: 57px !important;
        rotate: 90deg !important;
        color: #000;
        cursor: pointer;
        border-radius: 50%;
        background-color: #ff4800 !important;
        transition: all 0.2s ease-in-out;
        z-index: 9;
        width: 30px !important;
        height: 30px !important;
        line-height: 30px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .exchangeRoute svg {
        rotate: 90deg !important;
        width: 18px;
        height: 18px;
        filter: invert(1);
        top: 58px !important;
    }

    .add-routs {
        height: 65px !important;
        background: green !important;
        position: relative !important;
        font-size: 14px !important;
        color: white !important;
        width: 100% !important;
        border-radius: 10px;
    }

    .add-routs svg {
        display: none;
    }

    .remove-routs {
        height: 65px !important;
        background: #dc2626 !important;
        position: relative !important;
        font-size: 14px !important;
        color: white !important;
        width: 100% !important;
        border-radius: 10px;

    }

    .remove-routs svg {
        display: none;
    }

    .Add-Remove div {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }

    .route-content-inner {
        display: grid;
    }

    .route-content-inner .flight-routes {
        width: 100% !important;
    }

    .route-content-inner .return-date {
        display: none !important;
    }

    .route-content-inner .date__searched__container {
        width: 100% !important;
        grid-template-columns: 1fr !important;
    }

    .route-content-inner .route-minus-btn {
        width: 100% !important;
        font-size: 14px !important;
        top: 82px !important;
    }



    .passengerbox .plus-count, .passengerbox .minus-count {
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        color: #fff;
        background-color: #ff4800;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        line-height: 30px;
        font-size: 20px;
        font-weight: 400;
        cursor: pointer;
    }

    .passengerbox label {
        display: flex !important;
    }

    .passengerbox label span {
        font-size: 13px;
    }

    .c-container {
        padding-inline: 12px;
    }

    .passengerbox .confirm-passenger {
        width: 100%;
        clear: both;
        background: #ff4800;
        border: 1px solid #ff4800;
        color: #fff;
        text-align: center;
        height: 30px;
        line-height: 30px;
        border-radius: 3px;
        margin-top: 10px;
        cursor: pointer;
        clear: both;
        display: flex;
        float: right;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        justify-content: center;
    }

    .passengerbox .confirm-passenger span {
        font-size: 14px !important;
    }

    .close-module-form {
        display: none;
    }

    .label-flightclassitem {
        display: flex !important;
    }

    .Flightclass-Passenger .FlightClass {
        min-height: 100%;
        position: fixed !important;
        top: 0 !important;
        right: 0;
        z-index: 9999;
    }
    .Flightclass-Passenger .FlightClass label{
        padding: 12px 0;
    }
    .Flightclass-Passenger .FlightClass label span{
       text-align: center;
    }
    .Flightclass-Passenger .FlightClass ul{
       gap: 12px;
    }
    .Flightclass-Passenger .FlightClass .active-FlightClass{
        background: var(--primary) !important;
        border-radius: 8px;
    }
    .Flightclass-Passenger .FlightClass .active-FlightClass span{
        color: white !important;
    }
}


/* positioning */
:root {
    --color-zinc-50: oklch(98.5% 0 0);
    --color-zinc-100: oklch(96.7% 0.001 286.375);
    --color-zinc-200: oklch(92% 0.004 286.32);
    --color-zinc-300: oklch(87.1% 0.006 286.286);
    --color-zinc-400: oklch(70.5% 0.015 286.067);
    --color-zinc-500: oklch(55.2% 0.016 285.938);
    --color-zinc-600: oklch(44.2% 0.017 285.786);
    --color-zinc-700: oklch(37% 0.013 285.805);
    --color-zinc-800: oklch(27.4% 0.006 286.033);
    --color-zinc-900: oklch(21% 0.006 285.885);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-bold: 700;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.top-0 {
    top: 0;
}

.top-3 {
    top: calc(var(--spacing) * 3);
}

.top-5 {
    top: calc(var(--spacing) * 5);
}

.top-7 {
    top: calc(var(--spacing) * 7);
}

.top-8 {
    top: calc(var(--spacing) * 8);
}

.top-10 {
    top: calc(var(--spacing) * 10);
}

.top-\[1px\] {
    top: 1px;
}

.top-\[2px\] {
    top: 2px;
}

.top-\[40px\] {
    top: 40px;
}

.top-\[150px\] {
    top: 150px;
}

.right-0 {
    right: 0;
}

.right-3 {
    right: calc(var(--spacing) * 3);
}

.bottom-1 {
    bottom: calc(var(--spacing) * 1);
}

.bottom-2 {
    bottom: calc(var(--spacing) * 2);
}

.bottom-3 {
    bottom: calc(var(--spacing) * 3);
}

.bottom-22 {
    bottom: calc(var(--spacing) * 22);
}

.bottom-\[36px\] {
    bottom: 36px;
}

.left-0 {
    left: 0;
}

.left-4 {
    left: calc(var(--spacing) * 4);
}

.z-0 {
    z-index: 0;
}

.z-5 {
    z-index: 5;
}

.z-10,
.z-\[10\] {
    z-index: 10;
}

/* grid columns */
.col-1 {
    grid-column: 1;
}

.col-2 {
    grid-column: 2;
}

.col-3 {
    grid-column: 3;
}

.col-4 {
    grid-column: 4;
}

/* container */
.container {
    width: 100%;
}

@media (min-width: 40rem) {
    .container {
        max-width: 40rem;
    }
}

@media (min-width: 48rem) {
    .container {
        max-width: 48rem;
    }
}

@media (min-width: 64rem) {
    .container {
        max-width: 64rem;
    }
}

@media (min-width: 80rem) {
    .container {
        max-width: 80rem;
    }
}

@media (min-width: 96rem) {
    .container {
        max-width: 96rem;
    }
}

/* margin */
.mx-auto {
    margin-inline: auto;
}

.mx-4 {
    margin-inline: calc(var(--spacing) * 4);
}

.mx-5 {
    margin-inline: calc(var(--spacing) * 5);
}

.my-2 {
    margin-block: calc(var(--spacing) * 2);
}

.my-5 {
    margin-block: calc(var(--spacing) * 5);
}

.my-6 {
    margin-block: calc(var(--spacing) * 6);
}

.my-8 {
    margin-block: calc(var(--spacing) * 8);
}

.my-10 {
    margin-block: calc(var(--spacing) * 10);
}

.my-12 {
    margin-block: calc(var(--spacing) * 12);
}

.my-14 {
    margin-block: calc(var(--spacing) * 14);
}

.my-16 {
    margin-block: calc(var(--spacing) * 16);
}

.my-18 {
    margin-block: calc(var(--spacing) * 18);
}

.my-20 {
    margin-block: calc(var(--spacing) * 20);
}

.my-60 {
    margin-block: calc(var(--spacing) * 60);
}

.my-80 {
    margin-block: calc(var(--spacing) * 80);
}

.mt-1 {
    margin-top: calc(var(--spacing) * 1);
}

.mt-2 {
    margin-top: calc(var(--spacing) * 2);
}

.mt-3 {
    margin-top: calc(var(--spacing) * 3);
}

.mt-4 {
    margin-top: calc(var(--spacing) * 4);
}

.mt-5 {
    margin-top: calc(var(--spacing) * 5);
}

.mt-6 {
    margin-top: calc(var(--spacing) * 6);
}

.mt-7 {
    margin-top: calc(var(--spacing) * 7);
}

.mt-8 {
    margin-top: calc(var(--spacing) * 8);
}

.mt-10 {
    margin-top: calc(var(--spacing) * 10);
}

.mt-12 {
    margin-top: calc(var(--spacing) * 12);
}

.mt-14 {
    margin-top: calc(var(--spacing) * 14);
}

.mt-15 {
    margin-top: calc(var(--spacing) * 15);
}

.mt-16 {
    margin-top: calc(var(--spacing) * 16);
}

.mt-18 {
    margin-top: calc(var(--spacing) * 18);
}

.mt-20 {
    margin-top: calc(var(--spacing) * 20);
}

.mt-22 {
    margin-top: calc(var(--spacing) * 22);
}

.mt-24 {
    margin-top: calc(var(--spacing) * 24);
}

.mt-25 {
    margin-top: calc(var(--spacing) * 25);
}

.mt-\[4rem\] {
    margin-top: 4rem;
}

.mt-\[7rem\] {
    margin-top: 7rem;
}

.mt-\[8rem\] {
    margin-top: 8rem;
}

.mt-\[9rem\] {
    margin-top: 9rem;
}

.mt-\[10rem\] {
    margin-top: 10rem;
}

.mb-0 {
    margin-bottom: 0;
}

.mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
}

.mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
}

.mb-7 {
    margin-bottom: calc(var(--spacing) * 7);
}

.mb-9 {
    margin-bottom: calc(var(--spacing) * 9);
}

.mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
}

.mb-11 {
    margin-bottom: calc(var(--spacing) * 11);
}

.mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
}

.mb-13 {
    margin-bottom: calc(var(--spacing) * 13);
}

.mb-14 {
    margin-bottom: calc(var(--spacing) * 14);
}

.mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
}

.mb-18 {
    margin-bottom: calc(var(--spacing) * 18);
}

.mb-20 {
    margin-bottom: calc(var(--spacing) * 20);
}

/* display */
.flex {
    display: flex;
}

.grid {
    display: grid;
}

.hidden {
    display: none;
}

.table {
    display: table;
}

/* flex/grid utils */
.flex-col {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.items-center {
    align-items: center;
}

.items-start {
    align-items: flex-start;
}

.items-end {
    align-items: flex-end;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

/* sizes */
.h-full {
    height: 100%;
}

.h-auto {
    height: auto;
}

.w-full {
    width: 100%;
}

.w-auto {
    width: auto;
}

/* overflow */
.overflow-hidden {
    overflow: hidden;
}

.overflow-x-auto {
    overflow-x: auto;
}

.overflow-x-scroll {
    overflow-x: scroll;
}

.overflow-y-hidden {
    overflow-y: hidden;
}

/* border & radius */
.rounded {
    border-radius: 0.25rem;
}

.rounded-lg {
    border-radius: var(--radius-lg);
}

.rounded-xl {
    border-radius: var(--radius-xl);
}

.rounded-2xl {
    border-radius: var(--radius-2xl);
}

.rounded-3xl {
    border-radius: var(--radius-3xl);
}

.rounded-\[50\%\] {
    border-radius: 50%;
}

.border {
    border: 1px solid var(--color-zinc-200);
}

.border-zinc-200 {
    border-color: var(--color-zinc-200);
}

.border-zinc-300 {
    border-color: var(--color-zinc-300);
}

/* background */
.bg-white {
    background-color: var(--color-white);
}

.bg-zinc-50 {
    background-color: var(--color-zinc-50);
}

.bg-zinc-100 {
    background-color: var(--color-zinc-100);
}

.bg-\[\#D1AB66\] {
    background-color: #D1AB66;
}

/* text */
.text-center {
    text-align: center;
}

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

.font-bold {
    font-weight: var(--font-weight-bold);
}

.text-black {
    color: var(--color-black);
}

.text-white {
    color: var(--color-white);
}

.text-\[\#D1AB66\] {
    color: #D1AB66;
}

/* hover */
.hover\:bg-\[\#F6F0E6\]:hover {
    background-color: #F6F0E6;
}

.hover\:bg-zinc-300:hover {
    background-color: var(--color-zinc-300);
}

.hover\:scale-\[1\.3\]:hover {
    transform: scale(1.3);
}

.inset-0 {
    inset: 0px;
}

.translate-x-\[1024px\] {
    --tw-translate-x: 1024px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-2 {
    --tw-translate-y: 0.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-full {
    --tw-translate-y: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-0 {
    --tw-scale-x: 0;
    --tw-scale-y: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.fixed {
    position: fixed;
}

.z-30 {
    z-index: 30;
}

.overflow-scroll {
    overflow: scroll;
}

.divide-x > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 1;
}

.divide-zinc-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(244 244 245 / var(--tw-divide-opacity, 1));
}

.divide-zinc-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(228 228 231 / var(--tw-divide-opacity, 1));
}

/* transition */
.transition {
    transition: all 0.3s ease;
}

.pb-5 {
    padding-bottom: 1.25rem;
}

.pt-2 {
    padding-top: calc(var(--spacing) * 2);
}

.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.text-zinc-900 {
    color: var(--color-zinc-900);
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.max-h-0 {
    max-height: 0px;
}

.opacity-0 {
    opacity: 0;
}

.px-2 {
    padding-inline: calc(var(--spacing) * 2);
}

.w-\[90\%\] {
    width: 90%;
}

.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

@layer base {
    *, ::after, ::before, ::backdrop, ::file-selector-button {
        border: 0 solid #ccc;
    }
}
.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

:root {
    --primary: #1a8be3;
}

.search-box-container .active-r-btn {
    background: unset !important;
}

.search-box-container .Wrapper-CheckHotelDate input:checked ~ .needhotel-label::after, .search-box-container .Wrapper-PrivateCompartment input:checked ~ .PrivateCompartment-label::after {
    background: #ff4800 !important;
}

.route-content-inner .return-date {
    display: none !important;

}

.passengerbox .deleteRoom {
    background: #ff0000;
    color: #fff;
    float: left !important;
    height: 35px !important;
    width: 25% !important;
    border-radius: 8px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.passengerbox select , .passengerbox .toggle-calendar {
    border-radius: 8px;
}
.search-box-container .birthdate-dates div::after {
    content: "\f107";
    top: 0 !important;
}

#picker .book-inline-flex button {
    background: white;
}
.passenger-birthday-dropdown{
    z-index: 9999 !important;
}
.FlightClass {
    height: auto;
    padding: 12px 0;
}
#picker .book-inline-block button{
    border: none !important;
    cursor: pointer;
}
#picker .book-flex button{
    cursor: pointer;
}
#picker .book-shadow-sm {
    background: white !important;
}
#picker{
    transition: unset !important;
}