html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, sidebar, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
article, sidebar, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
color: inherit;
vertical-align: baseline;
text-decoration: none;
}
del {
text-decoration: line-through;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
input, select {
vertical-align: middle;
}
* {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}
:focus {
outline: 0;
}
html {
scroll-behavior: smooth;
}
iframe{
max-width: 100%;
}  @font-face {
font-family: 'YekanBakhFaNum-VF';
src: url(//jimbo.travel/wp-content/themes/jimbotraveltheme/assets/fonts/YekanBakhFaNum-VF.woff2) format('woff2-variations');
font-weight: 100 1000;
font-display: swap;
} :root {
--white: #fff;
--black: #0D1922;
--body: #f1f1f1;
--header: rgba(0, 0, 0, 0.4);
--primary-text-color: #50555B;
--secondary--text-color: #94989B; --primary-color: #0E428A; --secondary-color: #00ABC9; --tertiary-color: #FF8031;
--box-shadow: 0px 7px 29px 0px rgba(14,66,138, 0.1);
--box-shadow-hover: 0px 2px 4px 0px rgba(14,66,138, 0.12), 0px 2px 16px 0px rgba(14,66,138, 0.12);
--transparent: transparent;
--YekanBakh: 'YekanBakhFaNum-VF', tahoma;
--fontWeight200: "wght" 200, "dots" 1;
--fontWeight300: "wght" 300, "dots" 1;
--fontWeight400: "wght" 400, "dots" 1;
--fontWeight500: "wght" 500, "dots" 1;
--fontWeight600: "wght" 600, "dots" 1;
--fontWeight700: "wght" 700, "dots" 1;
--title-huge: 34px;
--title-big: 28px;
--title-regular: 22px;
--title-small: 18px;
--paragraph-big: 16px;
--paragraph-regular: 14px;
--paragraph-small: 12px;
} .container {
max-width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
body {
direction: rtl;
width: 100%;
background: var(--body);
color: var(--primary-text-color);
font-family: var(--YekanBakh);
font-size: var(--paragraph-regular);
line-height: 30px;
word-spacing: -2px;
}
body.menu-open {
overflow: hidden;
}
body.menu-open::after {
content: "";
background: rgba(0, 0, 0, 0.1);
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 98;
transition: 0.3s all;
}
p {
font-family: var(--YekanBakh);
font-size: var(--paragraph-regular);
color: var(--black);
}
a {
font-family: var(--YekanBakh);
font-size: var(--paragraph-regular);
text-decoration: none;
color: var(--black);
}
input[type=search]::-ms-clear, input[type=search]::-moz-clear {
display: none;
width: 0;
height: 0;
}
input[type=search]::-ms-reveal {
display: none;
width: 0;
height: 0;
}
.img-style {
width: 100%;
height: auto;
margin-bottom: 20px;
border-radius: 16px;
}
input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
display: none;
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
cursor: pointer;
}
.transparent-highlight {
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.section-margin {
margin-bottom: 30px;
}
.section-margin--top{
margin-top: 30px;
}
.box-style {
padding: 30px 20px;
background: var(--white);
border-radius: 16px;
box-shadow: var(--box-shadow);
}
.box-style:not(:last-child) {
margin-bottom: 20px;
}
.tours-carousel .swiper-button-next{
left: 0;
}
.tours-carousel .swiper-button-prev{
right: 0;
}
.tours-carousel .swiper-button-next, .tours-carousel .swiper-button-prev {
width: 40px;
height: 40px;
background: var(--white);
border: 1px solid #c7c7c7;
border-radius: 100%;
box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}
.tours-carousel .swiper-button-next::after, .tours-carousel .swiper-button-prev::after {
font-size: 12px;
font-weight: 700;
color: var(--black);
}
.section-title {
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
position: relative;
}
.section-title__slogan {
display: none;
}
.section-title__text {
margin-bottom: 30px;
font-family: var(--YekanBakh);
font-size: 15px;
line-height: 32px;
text-align: justify;
}
.section-title__heading {
padding-right: 34px;
background: var(--body);
font-family: var(--YekanBakh);
font-size: 24px;
line-height: 36px;
letter-spacing: -0.6px;
color: var(--primary-text-color);
}
.section-title__heading::before {
content: "";
background: url(//jimbo.travel/wp-content/themes/jimbotraveltheme/assets/images/tick.svg) no-repeat;
background-size: contain;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 8px;
}
.section-title__heading--search::before{
content: "";
background: url(//jimbo.travel/wp-content/themes/jimbotraveltheme/assets/images/search.svg) no-repeat;
background-size: contain;
}
.primary-title {
margin-bottom: 20px;    
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
.primary-title__heading {
padding-right: 26px;
padding-left: 10px;
background: var(--body);
font-family: var(--YekanBakh);
font-size: 24px;
line-height: 36px;
letter-spacing: -0.6px;
color: var(--primary-text-color);
}
.primary-title__heading::before {
content: "";
background: url(//jimbo.travel/wp-content/themes/jimbotraveltheme/assets/images/tick.svg) no-repeat;
background-size: contain;
width: 24px;
height: 24px;
position: absolute;
right: 0;
top: 8px;
}
.primary-title__link{
padding: 5px 16px;
background: var(--primary-color);
border-radius: 10px;
font-family: var(--YekanBakh);
font-variation-settings: var(--fontWeight500);
font-weight: 500;
font-size: 14px;
line-height: 30px;
text-align: center;
color: var(--white);
display: flex;
gap: 10px;
align-items: center;
}
.primary-title__link--text{
display: none;
}
.tertiary-title{
margin-bottom: 20px;
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
position: relative;
}
.tertiary-title__heading{
background: var(--white);
font-family: var(--YekanBakh);
font-size: 22px;
line-height: 36px;
font-weight: 700;
font-variation-settings: var(--fontWeight700);
color: var(--primary-color);
display: flex;
align-items: center;
z-index: 2;
}
.tertiary-title__discount--wrapper{
background: var(--white);
display: flex;
align-items: center;
gap: 4px;
position: relative;
z-index: 1;
cursor: pointer;
}
.discount-placeholder{
display: flex;
align-items: center;
gap: 4px;
}
.tertiary-title__discount--wrapper span,.tertiary-title__discount--wrapper p{
font-family: var(--YekanBakh);
font-size: 18px;
line-height: 50px;
letter-spacing: -0.4px;
}
.tertiary-title__discount--wrapper span{
color: var(--primary-color);
}
.tertiary-title__discount--wrapper p{
color: var(--secondary--text-color);
}
.fourth-title {
margin-bottom: 20px;
font-family: var(--YekanBakh);
font-size: var(--title-regular);
line-height: 40px;
color: var(--primary-text-color);
text-align: center;
position: relative; display: flex;
justify-content: center;
align-items: center;
}
.fourth-title__heading {
padding: 0 10px;
background: var(--body);
z-index: 1;
}
.discount-input{
width: 125px;
padding: 0 5px;
background: var(--white);
border: 2px solid #d1d1d1;
border-radius: 3px;
font-family: var(--YekanBakh);
font-size: 12px;
line-height: 26px;
color: var(--black);
transition: 0.4s all;
}
.discount-submit {
width: 50px;
padding: 2px 5px 2px;
background: var(--primary-color);
color: #fff;
border: 0;
border-radius: 3px;
font-family: var(--YekanBakh);
font-size: var(--paragraph-small);
line-height: 26px;
text-align: center;
}
.secondary-title, .archive-title {
margin-bottom: 20px;
font-family: var(--YekanBakh);
font-size: 22px;
line-height: 36px;
font-weight: 700;
font-variation-settings: var(--fontWeight700);
color: var(--primary-color);
display: flex;
align-items: center;
position: relative;
}
.secondary-title::after {
content: "";
width: 100%;
height: 26px;
margin-right: 10px;
background-image: url(//jimbo.travel/wp-content/themes/jimbotraveltheme/assets/images/title-pattern.png);
background-repeat: repeat-x;
background-size: contain;
background-position: left;
flex: 1;
}
.page-title {
margin-bottom: 30px;
font-family: var(--YekanBakh);
font-size: var(--title-huge);
line-height: 52px;
text-align: center;
color: var(--primary-color);
}
.two-col {
display: flex;
flex-direction: column;
gap: 20px;
}
.two-col .col {
width: 100%;
}
.three-quarters,.one-quarters{
width: 100%;
}
.three-col {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}
.four-col,.five-col {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}
.tour-card {
background: var(--white);
border-radius: 16px;
box-shadow: var(--box-shadow);
transition: all 0.4s;
position: relative;
overflow: hidden;
cursor: pointer;
}
.tour-card:hover {
box-shadow: var(--box-shadow-hover);
}
.tours-carousel .tour-card,.tours-carousel .tour-card:hover{
box-shadow: none;
}
.tour-card__image {
width: 100%;
height: 180px;
object-fit: cover;
display: block;
}
.tour-card__body {
height: calc(100% - 180px);
padding: 20px 15px 0;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
gap: 5px;
}
.tour-card__title {
width: 100%;
margin-bottom: 10px;
text-align: center;
}
.tour-card__link {
height: 64px;
font-family: var(--YekanBakh);
font-size: clamp(18px, 4vw, 22px);
line-height: 32px;
letter-spacing: -1px;
color: var(--primary-text-color);
display: inline-block; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.five-col .tour-card__link{
font-size: clamp(16px, 4vw, 18px);
line-height: 30px;
letter-spacing: -0.4px;
}
.tour-card__english {
max-width: 100%;
direction: ltr;
font-family: var(--YekanBakh);
font-size: clamp(22px, 4vw, 38px);
font-weight: 700;
font-variation-settings: var(--fontWeight700);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: clamp(26px, 4vw, 40px);
letter-spacing: -0.4px;
text-align: center;
text-transform: uppercase;
color: #e8e8e8;
display: block;
transition: all 0.4s;
}
.five-col .tour-card__english {
font-size: clamp(20px, 4vw, 32px);
line-height: clamp(20px, 4vw, 30px);
}
.tour-card:hover .tour-card__english {
color: #a3a3a3;
}
.tour-card__price {
width: 100%;
margin: 10px 5px 0;
padding: 13px 20px;
background: #ebebeb;
border-radius: 20px 20px 0 0;
font-family: var(--YekanBakh);
font-size: 18px;
line-height: 100%;
letter-spacing: -0.4px;
text-align: center;
color: var(--primary-color);
transition: all 0.4s;
}
.five-col .tour-card__price{
padding: 10px 25px;
font-size: 16px;
}
.tour-card:hover .tour-card__price {
background: var(--primary-color);
color: var(--white);
}
.all-tours {
position: relative;
border-radius: 16px;
box-shadow: var(--box-shadow);
overflow: hidden;
display: grid;
}
.all-tours:hover {
box-shadow: var(--box-shadow-hover);
}
.all-tours__image {
width: 100%;
height: 100%;
grid-column: 1;
grid-row: 1;
object-fit: cover;
}
.all-tours__body {
padding: 20px;
background: rgba(14,66,138, 0.7);
background: linear-gradient(0deg, rgba(14,66,138, 0.7) 35%, rgba(255, 255, 255, 0.1) 120%);
grid-column: 1;
grid-row: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20px;
}
.all-tours__title {
font-family: var(--YekanBakh);
font-size: 28px;
font-weight: 500;
font-variation-settings: var(--fontWeight500);
line-height: 40px;
letter-spacing: -0.8px;
text-align: center;
color: var(--white);
z-index: 1;
}
.all-tours__english {
font-family: var(--YekanBakh);
font-size: 28px;
font-weight: 500;
font-variation-settings: var(--fontWeight500);
line-height: 100%;
letter-spacing: -0.4px;
text-align: center;
text-transform: uppercase;
color: #e8e8e8;
display: block;
transition: all 0.4s;
}
.all-tours__btn {
width: 50px;
height: 50px;
border-radius: 100%;
background: rgba(255, 255, 255, 0.4);
display: flex;
justify-content: center;
align-items: center;
}
.mobile-column{
display: flex;
flex-direction: column-reverse;
}  .sticky-header {
position: absolute;
z-index: 100;
width: 100%;
}
#main-menu.no-sticky .mobile-nav{
margin: 0 0 20px;
padding: 15px 0;
}
#main-menu.no-sticky .mobile-nav__wrapper {
padding: 10px;
background: var(--primary-color);
border-radius: 16px;
}
.mobile-nav__wrapper {
display: grid;
grid-template-columns: 60px 1fr 100px;
justify-content: space-between;
align-items: center;
gap: 10px;
}
.navbar-toggler {
height: 64px;
padding: 0 10px 0 0;
display: flex;
justify-content: flex-start;
align-items: center;
background: transparent;
border: 0;
outline: transparent;
cursor: pointer;
}
.nav-icon, .nav-icon::after, .nav-icon::before {
position: relative;
}
.nav-icon, .nav-icon::after, .nav-icon::before {
content: "";
display: block;
width: 20px;
height: 3px;
border-radius: 1px;
background: var(--white);
backface-visibility: hidden;
transition: 0.4s ease-in-out;
}
.nav-icon::before {
position: absolute;
top: -6px;
}
.nav-icon::after {
position: absolute;
top: 6px;
}
.nav-icon.open, .open.nav-icon::before, .open.nav-icon::after {
transform: rotate(45deg);
}
.nav-icon.open::before {
transform: translate(0px, 5px) rotate(-90deg);
}
.nav-icon.open::after {
transform: translate(0px, -5px) rotate(-90deg);
}
.mobile-nav__phone--wrapper{
text-align: center;
}
.mobile-nav__phone{
padding: 3px;
background: var(--white);
border-radius: 14px;
outline: 4px solid rgba(0, 0, 0, 0.4);
font-family: var(--YekanBakh);
font-size: 14px;
line-height: 24px;
text-align: center;
color: var(--black);
}
.main-menu__wrapper {
display: none;
}
.main-menu__wrapper--mobile {
width: 320px;
height: calc(100vh - 100px);
padding: 24px;
background: var(--white);
border-top: 1px solid var(--primary-color);
border-left: 1px solid var(--primary-color);
border-top-left-radius: 16px;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 30px 1fr 30px;
justify-content: center;
align-items: start;
position: fixed;
right: -320px;
transition: right .2s ease;
z-index: 99;
overflow: auto;
}
.main-menu__wrapper--mobile.open {
opacity: 1;
pointer-events: all;
transform: translateY(0);
right: 0;
}
.header-brand__link {
display: flex;
position: relative;
}
.header-brand__link--logo {
width: 100%;
height: 100%;
}
.header-brand__link--text {
position: absolute;
overflow: hidden;
clip: rect(0, 0, 0, 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
text-indent: -99999em;
}
.main-menu__nav {
display: flex;
flex-direction: column;
gap: 20px;
border-radius: 36px;
}
.main-menu__item {
width: 100%;
display: block;
position: relative;
}
.main-menu__link {
width: 100%;
height: 100%;
padding: 12px;
display: flex;
justify-content: start;
align-items: center;
font-family: var(--YekanBakh);
font-size: 16px;
line-height: 26px;
font-weight: 600;
font-variation-settings: var(--fontWeight600);
color: var(--primary-text-color);
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.main-menu__nav .menu-item-has-children::after {
content: '';
position: absolute;
display: inline-block;
mask: url(//jimbo.travel/wp-content/themes/jimbotraveltheme/assets/images/submenu-indicator.svg) no-repeat center / contain;
-webkit-mask: url(//jimbo.travel/wp-content/themes/jimbotraveltheme/assets/images/submenu-indicator.svg) no-repeat center / contain;
background-color: var(--secondary-color);
width: 16px;
height: 16px;
top: 18px;
left: 0;
transform: rotate(0);
transition: .5s all ease;
cursor: pointer;
user-select: none;
pointer-events: none;
}
.main-menu__nav .menu-item-has-children.expanded::after {
transform: rotate(180deg);
}
.main-menu__list>.main-menu__item>.sub-menu {
margin-right: 16px;
transition: max-height 0.3s ease;
max-height: 0;
overflow: hidden;
}
.main-menu__nav .menu-item-has-children .menu-item-has-children::after {
display: none;
}
.menu-item-has-children .sub-menu .main-menu__link {
position: relative;
}
.menu-item-has-children .sub-menu .main-menu__link {
font-family: var(--YekanBakh);
}
.main-menu__wrapper--mobile .main-menu__item>.sub-menu>.main-menu__item::before {
content: "";
position: absolute;
width: 12px;
height: 12px;
background: var(--secondary-color);
border-radius: 4px;
top: 4px;
right: 0;
}
.main-menu__item .sub-menu .sub-menu .main-menu__item::before {
display: none;
}
.main-menu__item .sub-menu .sub-menu .main-menu__link {
font-family: var(--YekanBakh);
}
.menu-item-has-children .sub-menu .main-menu__link {
height: initial;
margin-bottom: 12px;
padding: 0 20px 0 0;
line-height: 22px;
}
.menu-item-has-children>.sub-menu .main-menu__link::before {
display: none;
}
.main-menu__left {
display: flex;
justify-content: end;
align-items: center;
gap: 9px;
}
.main-menu__left--call-text{
color: var(--white);
}
.main-menu__left--link {
width: 35px;
height: 35px;
color: var(--white);
cursor: pointer;
display: block;
}
.main-menu__left--call{
width: initial;
height: initial;
display: flex;
gap: 3px;
justify-content: center;
align-items: center;
}
.main-menu__left--img {
width: 100%;
height: 100%;
} #hero {
width: 100%;
height: auto;
display: grid;
position: relative; }
#hero::before{
content: "";
background: rgba(14, 66, 138, 0.65);
position: absolute;
width: 100%;
height: 100%;
}
.hero__featured {
width: 100%;
height: inherit;
grid-column: 1;
grid-row: 1;
object-fit: cover;
object-position: center;
}
.hero__wrapper {
padding: 80px 0 130px;
grid-column: 1;
grid-row: 1;
}
.hero__home .hero__wrapper {
align-self: start;
}
.hero__single .hero__wrapper {
padding: 120px 0 20px;
align-self: end;
}
#hero .container {
position: relative;
z-index: 1 
}
#hero.hero__home {
height: 100%;
margin-bottom: 30px;
}
.hero__wave {
position: absolute;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 80px;
}
.wavies>use {
-webkit-animation: waveAround 12s linear infinite;
animation: waveAround 12s linear infinite;
}
.wavies>use:nth-child(1) {
-webkit-animation-delay: -60s;
animation-delay: -60s;
}
.wavies>use:nth-child(2) {
-webkit-animation-delay: -90s;
animation-delay: -90s;
-webkit-animation-duration: 50s;
animation-duration: 50s;
}
.wavies>use:nth-child(3) {
-webkit-animation-delay: -58s;
animation-delay: -58s;
-webkit-animation-duration: 56s;
animation-duration: 56s;
}
@-webkit-keyframes waveAround {
0% {
transform: translate(-90px, 0%);
}
100% {
transform: translate(85px, 0%);
}
}
@keyframes waveAround {
0% {
transform: translate(-90px, 0%);
}
100% {
transform: translate(85px, 0%);
}
}
.hero__home--wrapper {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
justify-content: start;
align-items: start;
gap: 30px;
}
.hero-slogan {
display: none;
} #tour-search{
width: 100%;
padding: 20px;
background: rgba(255, 255, 255, 0.2);
border-radius: 16px;
}
.tour-search__welcome{
margin-bottom: 20px;
font-size: 18px;
color: var(--white);
}
.tour-search__wrapper{
display: grid;
grid-template-columns: 1fr 1fr;
justify-content: start;
align-items: center;
gap: 10px;
}
.tour-option__list{
border: 1px solid var(--secondary--text-color);
border-radius: 8px;
display: flex;
flex-wrap: wrap;
justify-content: start;
align-items: center;
gap: 20px;
}
.tour-option__item{
padding: 5px 10px;
background: var(--white);
border-radius: 8px;
position: relative;
}
.tour-option__item--input{
width: 100%;
padding: 10px;
border: 0;
border-radius: 8px;
font-family: var(--YekanBakh);
font-size: 16px;
color: var(--black);
}
.tour-option__list--dropdown {
width: 150px;
border-radius: 8px;
display: none;
position: absolute;
right: 0;
top: 60px;
background: white;
border: 1px solid #ddd;
max-height: 200px;
overflow-y: auto;
z-index: 100;
}
.tour-option__list--item {
padding: 8px 12px;
cursor: pointer;
}
.tour-option__list--item:hover {
background: #f0f0f0;
}
.tour-option__item--input:focus {
border-color: var(--primary-color);
outline: 0;
}
.tour-option__item--label {
position: absolute;
top: 15px;
right: 0;
margin: 0 20px 0 0;
transition: all 0.2s;
opacity: 0.5;
font-size: 18px;
color: #8a8a8a;
height: 25px;
background: var(--white);
z-index: 10;
user-select: none;
pointer-events: none;
}
.tour-option__item--input.has-value+.tour-option__item--label {
height: 19px;
margin: 0 10px 0 0;
color: var(--primary-color);
transform: translate3d(0, -22px, 15px);
font-size: 10px;
padding: 0 5px;
line-height: 21px;
top: 22px;
opacity: 1;
}
.tour-option__dropdown-btn {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
background: transparent;
border: none;
cursor: pointer;
z-index: 15;
}
.tour-option__clear-btn {
display: none;
position: absolute;
top: 50%;
left: 10px;
transform: translateY(-50%);
background: transparent;
border: none;
cursor: pointer;
z-index: 15;
}
.tour-option__clear-btn.visible {
display: inline;
}
.date-picker {
padding: 5px;
background: var(--white);
position: relative;
display: inline-block;
border-radius: 8px;
}
#jalaliDateInput {
width: 100%;
padding: 10px;
border: 0;
font-family: var(--YekanBakh);
font-size: 14px;
text-align: center;
}
.date-picker__calendar {
padding: 10px;
background: var(--white);
border-radius: 8px;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
position: absolute;
top: 60px;
right: 0;
left: initial;
display: none;
z-index: 100;
}
.date-picker__navigation {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.date-picker__navigation button {
padding: 5px 10px;
background-color: var(--primary-color);
font-family: var(--YekanBakh);
color: white;
border: none;
cursor: pointer;
border-radius: 3px;
}
.date-picker__navigation button:hover {
background-color: var(--primary-color);
}
.date-picker__day-headers, .date-picker__days {
display: grid;
grid-template-columns: repeat(7, 30px);
gap: 5px;
}
.date-picker__day-headers{
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #ccc;
}
.date-picker__day-header {
font-weight: 700;
font-variation-settings: var(--fontWeight700);
text-align: center;
line-height: 15px;
color: #666;
}
.date-picker__day{
font-family: var(--YekanBakh);
font-weight: 400;
font-variation-settings: var(--fontWeight400);
line-height: 20px;
font-size: 16px;
padding: 5px;
cursor: pointer;
background-color: #f0f0f0;
border: none;
border-radius: 3px;
text-align: center;
}
.date-picker__day:hover {
background-color: #e0e0e0;
}
.date-picker__day:active {
background-color: #ccc;
}
.date-picker__empty-day {
visibility: hidden;
}
.date-picker__month-wrapper {
height: 244px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
gap: 20px;
overflow-y: hidden;
}
.date-picker__month-title {
font-weight: bold;
text-align: center;
margin-bottom: 5px;
}
.date-picker__today {
background-color: var(--primary-color);
color: white;
}
.date-picker__past-day {
color: #999;
cursor: not-allowed;
opacity: 0.5;
}
.date-picker__selected {
background-color: #4caf50;
color: white;
}
.tour-search-submit__wrapper{
position: relative;
border-radius: 32px;
overflow: hidden;
animation: pulse-tertiary 2s infinite;
}
.tour-search-submit__wrapper:after{
content: "";
width: 18px;
height: 18px;
mask: url(//jimbo.travel/wp-content/themes/jimbotraveltheme/assets/images/search-icon-primary.svg) no-repeat center / contain;
-webkit-mask: url(//jimbo.travel/wp-content/themes/jimbotraveltheme/assets/images/search-icon-primary.svg) no-repeat center / contain;
background-color: var(--white);
position: absolute;
top: 19px;
left: 16px;
}
#tour-search-submit{
width: 100%;
height: 55px;
padding: 0 16px 0 50px;
background-color: var(--tertiary-color);
border: 0;
font-family: var(--YekanBakh);
font-size: 16px;
text-align: start;
color: var(--white);
}
@keyframes pulse-tertiary {
0% {
box-shadow: 0 0 0 0 #ff8031ab;
}
70% {
box-shadow: 0 0 0 8px rgba(150, 72, 0, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(150, 72, 0, 0);
}
} .hero-tours{
margin-top: 30px;
}
.hero-tours__list{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(80px,1fr));
gap: 20px;
align-items: center;
}
.hero-tours__link{
display: block;
}
.hero-tours__img{
width: 100%;
height: 100%;
display: block;
} .child-pages{
margin-bottom: 25px;
}
.child-pages__item{
width: 95px;
height: 100%;
flex-shrink: 0;
padding: 10px;
background: var(--white);
border-radius: 16px;
transition: all 0.6s;
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
gap: 10px;
cursor: pointer;
position: relative;
}
.child-pages__item:not(:last-child){
margin-left: 15px;
}
.child-pages__item:hover{
background: var(--secondary-color);
}
.child-pages__item--img{
width: 100%;
height: 100%;
aspect-ratio: 1/1;
border-radius: 16px;
display: block;
object-fit: cover;
}
.child-pages__item--link{
width: 100%;
font-family: var(--YekanBakh);
font-size: 14px;
font-weight: 500;
font-variation-settings: var(--fontWeight500);
line-height: 24px;
text-align: center;
color: var(--primary-text-color);
display: block;
transition: all 0.6s;
}
.child-pages__item:hover .child-pages__item--link{
color: var(--white);
} .tour-ads{
margin-bottom: 40px;
}
.tour-ads__list {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
}
.tour-ads__link{
border-radius: 16px;
overflow: hidden;
}
.tour-ads__banner--img{
display: block;
width: 100%;
height: auto;
} .primary-banner__link {
border-radius: 16px;
box-shadow: var(--box-shadow);
display: block;
overflow: hidden;
}
.primary-banner__img {
width: 100%;
height: auto;
border-radius: 16px;
display: block;
} .social-banner{
margin-bottom: 20px;
display: grid;
border-radius: 16px;
overflow: hidden;
}
.social-banner__picture{
grid-row: 1;
grid-column: 1;
}
.social-banner__img{
display: block;
width: 100%;
height: auto;
}
.social-banner__link{
margin: 0 10% 18% 0;
padding: 0 20px;
border-radius: 20px;
font-family: var(--paragraph-regular);
font-size: 16px;
line-height: 40px;
text-wrap: nowrap;
color: var(--white);
grid-row: 1;
grid-column: 1;
justify-self: start;
align-self: end;
}
.social-banner__link--telegram{
animation: pulse-telegram 2s infinite;
}
.social-banner__link--instagram{
animation: pulse-instagram 2s infinite;
}
@keyframes pulse-telegram {
0% {
box-shadow: 0 0 0 0 #35b3c494;
}
70% {
box-shadow: 0 0 0 16px rgba(118, 170, 219, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(3, 78, 148, 0);
}
}
@keyframes pulse-instagram {
0% {
box-shadow: 0 0 0 0 #e8576398;
}
70% {
box-shadow: 0 0 0 16px rgba(150, 0, 32, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(118, 170, 219, 0);
}
} .home-consult__title {
margin-bottom: 30px;
display: flex;
justify-content: center;
position: relative;
}
.home-consult__title:before {
content: "";
position: absolute;
top: 23px;
right: 0;
left: 0;
width: 100%;
height: 1px;
background: var(--primary-color);
z-index: -1;
}
.home-consult__heading {
padding: 0 15px;
border-radius: 32px;
background: var(--primary-color);
font-family: var(--YekanBakh);
font-size: 16px;
line-height: 46px;
letter-spacing: 1px;
color: var(--white);
}
.home-consult__list {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}
.home-consult__item {
padding: 20px;
background: var(--white);
border-radius: 16px;
box-shadow: var(--box-shadow);
display: flex;
flex-direction: column;
gap: 20px;
transition: 0.6s all;
}
.home-consult__item:hover {
box-shadow: var(--box-shadow-hover);
}
.home-consult__item--title {
display: flex;
justify-content: start;
align-items: center;
gap: 10px;
position: relative;
}
.home-consult__item--title:after {
content: "";
width: 100%;
height: 6px;
background: url(//jimbo.travel/wp-content/themes/jimbotraveltheme/assets/images/dot-single.svg);
background-size: contain;
position: absolute;
z-index: 1;
}
.home-consult__item--heading {
padding-left: 10px;
background-color: var(--white);
font-family: var(--YekanBakh);
font-size: var(--title-small);
color: var(--primary-color);
z-index: 2;
}
.home-consult__item--img {
width: 100%;
aspect-ratio: 16/9;
object-fit: cover;
object-position: top;
border-radius: 16px;
}
.home-consult__item--text {
font-family: var(--YekanBakh);
font-size: 16px;
line-height: 30px;
color: var(--secondary--text-color);
}
.home-consult__item--btn {
padding: 5px 30px;
background: var(--primary-color);
border-radius: 8px;
font-family: var(--YekanBakh);
font-size: 16px;
line-height: 30px;
color: var(--white);
align-self: end;
} .home-services {
padding: 40px 0;
}
.home-services__list {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}
.home-services__item {
padding: 20px;
background: rgb(9, 172, 201);
background: linear-gradient(180deg, rgba(9, 172, 201, 0.8015581232492998) 0%, rgba(96, 200, 187, 1) 100%);
border-radius: 16px;
display: flex;
flex-direction: column;
align-items: center;
gap: 15px;
}
.home-services__item--back {
width: 100px;
height: 100px;
background: var(--body);
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.home-services__item--title {
font-family: var(--YekanBakh);
font-size: 18px;
line-height: 30px;
color: var(--black);
text-align: center;
}
.home-services__item--text {
font-family: var(--YekanBakh);
font-size: var(--paragraph-regular);
line-height: 30px;
color: var(--black);
text-align: center;
} .services-box__wrapper {
padding: 40px 0;
}
.services-box__list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.services-box__item {
padding: 10px;
display: flex;
flex-direction: column;
align-items: center;
}
.services-box__item--img {
object-fit: contain;
display: block;
}
.services-box__item--title {
margin: 20px 0 10px;
font-family: var(--YekanBakh);
font-weight: 700;
font-variation-settings: var(--fontWeight700);
font-size: 18px;
line-height: 30px;
text-align: center;
color: #bad8ff;
}
.services-box__item--text {
font-family: var(--YekanBakh);
font-size: 16px;
line-height: 26px;
text-align: center;
color: #bad8ff;
} footer {
margin-top: 70px;
padding-top: 50px;
background: var(--primary-color);
position: relative;
}
#back-to-top{
position: absolute;
top: 0;
right: 50%;
transform: translate(50%, -40px);
cursor: pointer;
} .footer-main__wrapper {
padding: 40px 0 10px;
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}
.footer__left {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
gap: 20px 10px;
}
.footer__nav--title {
margin-bottom: 10px;
font-family: var(--YekanBakh);
font-size: 20px;
line-height: 26px;
color: var(--white);
}
.footer__nav--item:not(:last-child) {
margin-bottom: 10px;
}
.footer__nav--link {
font-family: var(--YekanBakh);
font-size: 15px;
line-height: 26px;
color: var(--white);
}
.footer__brand {
margin-bottom: 10px;
text-align: center;
}
.footer-license{
margin: 40px 0 20px;
}
.footer-license__list {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 5px;
}
.footer-license__item {
width: 50px;
height: 50px;
padding: 5px;
display: flex;
justify-content: center;
align-items: center;
background: var(--white);
border: 1px solid #e8e8e8;
border-radius: 8px;
}
.footer-license__link {
display: block;
width: 35px;
height: 35px;
}
.footer-middle{
margin: 60px 0 30px;
} .footer-middle{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.footer__tel {
margin-bottom: 10px;
font-family: var(--YekanBakh);
font-size: 26px;
font-weight: 600;
line-height: 30px;
font-variation-settings: var(--fontWeight600);
color: var(--white);
}
.footer__tel a {
margin-right: 10px;
font-family: var(--YekanBakh);
font-size: 26px;
text-align: right;
color: var(--white);
}
.footer__address {
margin-top: 20px;
font-family: var(--YekanBakh);
font-size: 18px;
line-height: 26px;
font-weight: 300;
font-variation-settings: var(--fontWeight300);
text-align: right;
color: var(--white);
}
.footer-social__heading{
margin-bottom: 15px;
font-size: 18px;
line-height: 30px;
font-weight: 500;
font-variation-settings: var(--fontWeight500);
color: var(--white);
text-align: center;
}
.footer-social {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 20px;
}
.footer-social--link {
width: 35px;
height: 35px;
display: block;
} .footer-bottom {
padding: 20px 0;
background: #00214a;
}
.footer-bottom__wrapper {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: start;
align-items: center;
gap: 20px;
}
.footer-bottom__copyright {
font-family: var(--YekanBakh);
font-size: 16px;
line-height: 34px;
font-weight: 500;
font-variation-settings: var(--fontWeight500);
text-align: center;
color: var(--white);
}
.footer-bottom__hire{
font-family: var(--YekanBakh);
font-size: 16px;
line-height: 26px;
font-weight: 500;
font-variation-settings: var(--fontWeight500);
text-align: center;
color: var(--white);
}
.footer-bottom__hire span:nth-child(2){
margin-right: 5px;
padding: 3px 10px;
background: var(--tertiary-color);
border-radius: 18px;
animation: pulse-tertiary 2s infinite;
} .search-modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 100;
}
.search-modal__wrapper {
width: 300px;
padding: 35px 20px 20px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
border-radius: 8px;
display: flex;
flex-direction: column;
align-items: center;
z-index: 1;
overflow: hidden;
}
.search-modal__close{
width: 30px;
height: 30px;
border-bottom-left-radius: 8px;
background: var(--primary-color);
font-size: 20px;
line-height: 30px;
text-align: center;
color: var(--white);
position: absolute;
top: -1px;
right: -1px;
cursor: pointer;
}
.search-modal__field {
width: 100%;
display: flex;
align-items: center;
position: relative;
}
#search-modal__field--input {
width: 100%;
height: 50px;
padding: 8px 20px;
display: block;
border: 1px solid#BFC8CA;
border-radius: 4px;
font-family: var(--paragraph-regular);
font-size: 14px;
color: var(--primary-text-color);
}
.search-modal__field--btn {
border: 0px;
position: absolute;
top: 14px;
left: 14px;
cursor: pointer;
object-fit: contain;
}
#search-modal__results {
width: 100%;
max-height: 150px;
margin-top: 16px;
display: block;
overflow-y: auto;
white-space: nowrap;
}
#search-modal__results::-webkit-scrollbar {
width: 3px;
display: block;
}
#search-modal__results::-webkit-scrollbar-thumb {
height: 48px;
background: #BFC8CA;
border-radius: 3px;
}
#search-modal__results::-webkit-scrollbar-track {
width: 1px;
background: transparent;
border-radius: 3px;
}
.search-modal__results-item {
padding-bottom: 10px;
margin-left: 8px;
}
.search-modal__results-item:not(:last-child) {
margin-bottom: 10px;
border-bottom: 1px solid #b3c4c2;
} #hero.hero__single {
height: 100%;
}
.hero__single {
margin-bottom: 20px;
}
.hero__single:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.3);
}
.hero__single:after {
content: "";
width: 100%;
height: 200px;
position: absolute;
right: 0;
bottom: 0;
left: 0;
background: rgb(241, 241, 241);
background: linear-gradient(180deg, rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, 1) 100%);
}
.tour-head {
padding-top: 50px;
padding-bottom: 20px;
position: relative;
z-index: 10;
}
.tour-head__top {
margin-bottom: 20px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 35px 20px;
}
.tour-head__catalog {
padding: 7px 20px;
background: var(--white);
outline: 10px solid rgba(255, 255, 255, 0.4);
border-radius: 30px;
display: flex;
align-items: center;
font-size: var(--paragraph-regular);
}
.tour-head__catalog--img {
margin-left: 10px;
}
.tour-head__catalog b {
margin-left: 3px;
}
.tour-head__title {
font-family: var(--YekanBakh);
font-size: 26px;
line-height: 44px;
text-align: center;
word-spacing: -3px;
color: var(--white);
text-shadow: 2px 2px 8px #000;
}
.tour-page__title {
margin-bottom: 10px;
font-family: var(--YekanBakh);
font-size: 46px;
line-height: 50px;
text-align: center;
color: var(--white);
text-shadow: 2px 2px 8px #000;
}
.tour-page__subtitle {
font-family: var(--YekanBakh);
font-size: var(--paragraph-big);
line-height: 30px;
text-align: center;
color: var(--white);
}
.latest-update {
padding: 7px 20px;
background: var(--white);
outline: 10px solid rgba(255, 255, 255, 0.4);
border-radius: 30px;
font-family: var(--YekanBakh);
font-size: 16px;
color: var(--primary-text-color);
}
.breadcrumb {
width: calc(100% - 20px);
padding: 7px 20px;
background: var(--white);
outline: 10px solid rgba(255, 255, 255, 0.4);
border-radius: 30px;
}
.breadcrumb__list {
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px 20px;
}
.breadcrumb__item {
position: relative;
font-family: var(--YekanBakh);
font-size: 14px;
word-spacing: -1px;
}
.breadcrumb__item:not(:last-child):after {
content: "\276D\276D";
position: absolute;
top: 2px;
left: -15px;
color: var(--secondary-color);
}
.breadcrumb__link {
font-size: 14px;
word-spacing: -1px;
color: var(--primary-color);
}
.tour-head__summery {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
position: relative;
white-space: nowrap;
}
.tour-head__summery--item {
padding: 7px 10px;
background: var(--white);
border: 1px solid var(--primary-color);
border-radius: 30px;
font-family: var(--YekanBakh);
color: var(--primary-text-color);
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
}
.tour-head__summery--item:nth-child(1) {
width: 100%;
background: var(--primary-color);
color: var(--white);
}
.tour-head__summery--item:nth-child(n+2){
width: initial;
flex: 1 1 0;
}
.tour-head__summery--title {
font-family: var(--YekanBakh);
font-size: var(--paragraph-regular);
position: relative;
}
.tour-head__summery--title::after {
content: "\276F";
position: absolute;
top: 2px;
left: -8px;
font-size: 10px;
color: var(--tertiary-color);
}
.combo-register__btn{
margin-right: auto;
background: var(--primary-color);
font-family: var(--YekanBakh);
font-size: var(--paragraph-big);
color: var(--white);
}
.tour-head__summery--amount {
font-family: var(--YekanBakh);
font-size: var(--paragraph-regular);
position: relative;
}
.tour-head__summery--item:nth-child(1) .tour-head__summery--amount {
font-size: 18px;
} .single__excerpt {
margin-bottom: 30px;
font-family: var(--YekanBakh);
font-size: var(--paragraph-big);
line-height: 30px;
text-align: center;
}
.single__wrapper {
display: grid;
grid-template-columns: 100%;
gap: 30px;
}
.single__nav {
margin-bottom: 30px;
display: grid;
grid-template-columns: 1fr;
gap: 20px;
}
.single__nav--link {
background: var(--white);
border: 1px solid var(--body);
border-radius: 24px;
box-shadow: var(--box-shadow);
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: start;
align-items: center;
transition: 0.6s all;
overflow: hidden;
}
.single__nav--link:hover {
border: 1px solid var(--primary-color);
box-shadow: var(--box-shadow-hover);
}
.single__reserve{
background: var(--white);
border: 1px solid var(--body);
border-radius: 24px;
box-shadow: var(--box-shadow);
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
overflow: hidden;
}
.single__reserve--img{
width: 100%;
height: 100%;
object-fit: cover;
}
.single__reserve--text-wrapper{
padding: 10px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
}
.single__reserve--text{
font-family: var(--YekanBakh);
font-size: 17px;
font-weight: 600;
font-variation-settings: var(--fontWeight600);
text-align: center;
color: var(--primary-text-color);
display: block;
}
.single__nav--img {
width: 50px;
height: 50px;
padding: 10px;
}
.single__nav--text {
padding: 10px;
font-family: var(--YekanBakh);
font-size: 17px;
text-align: center;
color: var(--primary-text-color);
display: block;
}
.single__package--list {
width: 100%;
display: grid;
gap: 10px;
}
.single__package--item {
padding: 10px;
box-shadow: 0px 4px 22px 0px rgba(100, 100, 111, 0.2);
border-radius: 16px;
display: grid;
grid-template-columns: 1fr;
justify-content: center;
align-items: start;
gap: 10px;
position: relative;
}
.single__package__departure-date-header{
margin: 10px 0;
font-size: 18px;
color: var(--primary-color);
grid-column: 1 / -1;
display: flex;
align-items: center;
position: relative;
}
.single__package__departure-date-header span:nth-child(1){
padding-left: 15px;
background: var(--white);
position: relative;
z-index: 2;
}
.single__package__departure-date-header span:nth-child(2){
width: 100%;
height: 2px;
background: var(--primary-color);
z-index: 1;
position: absolute;
z-index: 1;
right: 0;
display: flex;
justify-content: end;
align-items: center;
}
.single__package__departure-date-more {
font-family: var(--YekanBakh);
font-size: 14px;
line-height: 12px;
color: var(--primary-color);
transition: 0.4s all;
}
.single__package--item-hotel {
display: flex;
flex-direction: column;
gap: 5px;
}
.single__package--item-hotel:not(:last-child) {
margin-bottom: 5px;
}
.single__package--img {
width: 100%;
height: 140px;
margin: 0;
object-fit: cover;
border-radius: 8px;
}
.single__package--col {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 5px;
}
.single__package--title-star{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 5px;
}
.single__package--title,.single__package--title a{
font-family: var(--YekanBakh);
font-size: 20px;
line-height: 32px;
}
.single__package--star {
font-size: 14px;
font-weight: 700;
font-variation-settings: var(--fontWeight700);
line-height: 18px;
letter-spacing: -1.5px;
color: rgb(218, 165, 32);
}
.single__package--star span {
line-height: 18px;
}
.single__package--meal {
font-family: var(--YekanBakh);
font-size: 14px;
letter-spacing: -0.6px;
}
.single__package--price{
padding-right: 23px;
position: relative;
}
.single__package--price-dish:before{
content: "";
background: url(//jimbo.travel/wp-content/themes/jimbotraveltheme/assets/images/dish.svg) no-repeat center / cover;
width: 20px;
height: 20px;
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%);
}
.single__package--price-two:before{
content: "";
background: url(//jimbo.travel/wp-content/themes/jimbotraveltheme/assets/images/double-bed.svg) no-repeat center / cover;
width: 20px;
height: 20px;
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%);
}
.single__package--price-one:before{
content: "";
background: url(//jimbo.travel/wp-content/themes/jimbotraveltheme/assets/images/single-bed.svg) no-repeat center / cover;
width: 20px;
height: 20px;
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%);
}
.single__package--price-wrapper{
display: flex;
justify-content: start;
align-items: center;
gap: 5px;
}
.single__package--price-amount {
font-family: var(--YekanBakh);
font-size: 18px;
letter-spacing: -1px;
color: var(--primary-color);
}
.single__package--not {
font-family: var(--YekanBakh);
font-size: var(--paragraph-big);
color: var(--primary-color);
}
.single__package--price-currency {
font-family: var(--YekanBakh);
font-size: var(--paragraph-small);
color: var(--primary-text-color);
}
.single__package--cash-installments {
padding-right: 23px;
font-family: var(--YekanBakh);
font-size: 15px;
letter-spacing: -0.6px;
text-align: start;
position: relative;
}
.single__package--cash-installments:before{
content: "";
background: url(//jimbo.travel/wp-content/themes/jimbotraveltheme/assets/images/pay.svg) no-repeat center / cover;
width: 20px;
height: 20px;
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%);
}
.single__package--cash-installments span:nth-child(2) {
font-weight: 700;
font-variation-settings: var(--fontWeight700);
color: var(--primary-color);
}
.single__package--plus {
font-weight: 700;
font-variation-settings: var(--fontWeight700);
font-size: 20px !important;
}
.single__package--currency-cost {
font-size: 15px !important;
letter-spacing: -0.4px;
color: var(--primary-color);
}
.register-modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 12;
}
.register-modal__wrapper {
width: 480px;
max-width: 90%;
padding: 40px 20px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
border-radius: 8px;
display: flex;
flex-direction: column;
align-items: center;
z-index: 1;
overflow: hidden;
}
.register-modal__close{
width: 30px;
height: 30px;
border-bottom-left-radius: 8px;
background: var(--primary-color);
font-size: 20px;
line-height: 30px;
text-align: center;
color: var(--white);
position: absolute;
top: -1px;
right: -1px;
cursor: pointer;
}
.register-modal__heading {
margin-bottom: 20px;
text-align: center;
}
.register-modal__heading--one, .register-modal__heading--two, .register-modal__heading-three {
font-size: 20px;
font-weight: 700;
font-variation-settings: var(--fontWeight700);
line-height: 32px;
position: relative;
}
.register-modal__heading--one{
color: #33b249;
}
.register-modal__heading--two, .register-modal__heading-three span {
color: var(--primary-color);
}
.register-modal__heading--three {
font-style: 18px;
line-height: 32px;
}
.register-modal__telegram,.register-modal__telegram--img{
width: 100%;
max-width: 360px;
height: auto;
display: block;
}
.last-minute{
margin-bottom: 20px;
padding: 10px 20px;
border: 2px solid #33b249;
border-radius: 12px;
display: grid;
grid-template-columns: 1fr;
justify-content: center;
gap: 10px;
}
.last-minute__right{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 15px;
}
.last-minute__right--first{
display: flex;
align-items: center;
gap: 10px;
}
.last-minute__clock{
width:60px;
height:60px;
background:url(https://jimbo.travel/wp-content/uploads/2024/11/last-minute.gif) no-repeat;
background-position: center center;
background-size: contain;
}
.last-minute__title{
font-size: var(--title-small);
font-weight: 700;
font-variation-settings: var(--fontWeight700);
color: var(--black);
}
.last-minute__arrow{
display: none;
}
.last-minute__text{
font-size: var(--paragraph-big);
font-weight: 700;
font-variation-settings: var(--fontWeight700);
color: #33b249;
}
.last-minute__link{
font-size: var(--paragraph-regular);
font-weight: 500;
font-variation-settings: var(--fontWeight500);
color: var(--black);
display: inline-block;
}
.last-minute__left{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 10px;
}
.last-minute__left--text{
font-size: var(--paragraph-regular);
font-weight: 500;
font-variation-settings: var(--fontWeight500);
color: var(--black);
}
.single__information--row {
margin-bottom: 15px;
display: grid;
grid-template-columns: 100%;
gap: 15px;
}
.single__information--box {
height: 120px;
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
border: 1px solid #ccc;
border-radius: 16px;
position: relative;
overflow: hidden;
}
.single__information--title {
width: 100px;
text-align: center;
}
.single__information--title p {
font-family: var(--YekanBakh);
font-size: 16px;
position: relative;
z-index: 2;
}
.single__information--text {
height: 100%;
padding: 10px 20px 10px 10px;
border-right: 1px solid #ccc;
}
.single__information--text, .single__information--box time {
font-size: 16px;
position: relative;
z-index: 2;
}
.single__information--box img {
width: 30px;
height: 30px;
object-fit: contain;
z-index: 1;
}
.single__information--line {
min-height: 120px;
border: 1px solid #ccc;
border-radius: 16px;
overflow: hidden;
}
.single__information--line:not(:last-child) {
margin-bottom: 15px;
}
.single__information--line {
display: grid;
grid-template-columns: 100px 1fr;
}
.single__information--other-title, .single__information--id-title, .single__information--services-title, .single__information--description-title {
padding: 40px 10px 0;
font-family: var(--YekanBakh);
font-size: 16px;
align-self: center;
letter-spacing: -1px;
position: relative;
text-align: center;
}
.single__information--other-title::before, .single__information--id-title::before, .single__information--services-title::before, .single__information--description-title::before {
content: "";
width: 30px;
height: 30px;
background-size: contain;
position: absolute;
right: 35px;
top: 0;
}
.single__information--other-title::before {
background-image: url(//jimbo.travel/wp-content/themes/jimbotraveltheme/assets/images/calendar-svgrepo-com.svg);
}
.single__information--id-title::before {
background-image: url(//jimbo.travel/wp-content/themes/jimbotraveltheme/assets/images/id-card-svgrepo-com.svg);
}
.single__information--services-title::before {
background-image: url(//jimbo.travel/wp-content/themes/jimbotraveltheme/assets/images/services.svg);
}
.single__information--description-title::before {
background-image: url(//jimbo.travel/wp-content/themes/jimbotraveltheme/assets/images/file-document-svgrepo-com.svg);
}
.single__information--line-full {
padding-right: 10px;
border-right: 1px solid #ccc;
font-size: 16px;
line-height: 30px;
color: var(--black);
display: flex;
align-items: center;
}
.single__information--line-full-inside {
padding: 10px;
}
.single__information--line-full-inside p {
font-size: 16px;
}
.single__information--line-full ul li {
font-size: 16px;
list-style: none;
}
.single__information--line-full ol{
margin-right: 10px;
}
.single__information--line-full ol li{
font-size: 16px;
}
.single__information--line-full-inside p:not(:last-child), .single__information--line-full ul li:not(:last-child),.single__information--line-full ol li:not(:last-child) {
margin-bottom: 5px;
}
.aside-box {
box-shadow: var(--box-shadow);
border-radius: 24px;
overflow: hidden;
}
.aside-box:not(:last-child) {
margin-bottom: 30px;
}
.single__call {
padding: 0;
display: block;
position: relative;
}
.single__call--img{
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.single__call--title{
font-family: var(--YekanBakh);
font-size: 20px;
color: var(--white);
}
.single__call--phone {
width: 100%;
font-family: var(--YekanBakh);
color: var(--white);
position: absolute;
right: 0;
bottom: 0;
left: 0;
}
.single__call--row {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 5px;
}
.single__call--phone-number {
font-size: 32px;
line-height: 40px;
}
.single__call--area-code {
font-size: 22px;
line-height: 40px;
color: var(--body);
}
.custom-podcast {
width: 100%;
}
.single__aside .all-tours__body {
padding: 80px 0;
}
.aside__title {
margin-bottom: 20px;
font-family: var(--YekanBakh);
font-size: 24px;
line-height: 30px;
text-align: center;
color: var(--primary-color);
}
.send-tour, .share-tour {
padding: 40px 30px;
background: var(--white);
}
#send-tour-input {
width: 100%;
padding: 10px;
background: #ebebeb;
border: 0;
border-radius: 24px;
font-family: var(--YekanBakh);
font-size: 16px;
text-align: center;
line-height: 26px;
color: var(--black);
}
#send-tour__input::placeholder {
color: var(--black);
}
.label__btn-center {
width: 100%;
display: flex;
justify-content: center;
position: relative;
}
.label__btn-center .wpcf7-spinner {
position: absolute;
bottom: -30px;
}
#send-tour__submit {
padding: 5px 20px;
background: #d5d5d5;
border: 0;
border-radius: 16px;
font-family: var(--YekanBakh);
font-size: 14px;
}
.share-tour__list {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 10px;
}
.share-tour__item {
width: 45px;
height: 45px;
display: inline-block;
}
.share-tour__item--img {
width: 100%;
height: 100%;
aspect-ratio: 1/1;
object-fit: contain;
}
.table-of-content {
margin: 30px 0;
background: var(--white);
box-shadow: var(--box-shadow);
border: 1px solid var(--secondary-color);
border-radius: 24px;
overflow: hidden;
}
.table-of-content__title {
width: 100%;
padding: 10px 30px;
background: var(--secondary-color);
font-family: var(--YekanBakh);
font-size: 22px;
line-height: 30px;
color: var(--white);
display: block;
position: relative;
cursor: pointer;
}
.table-of-content__title::after {
content: "";
background: url(//jimbo.travel/wp-content/themes/jimbotraveltheme/assets/images/chevron-down.svg);
background-size: 16px 16px;
width: 16px;
height: 16px;
position: absolute;
top: 16px;
left: 20px;
transition: transform 0.3s ease;
}
.table-of-content__title--open::after {
transform: rotate(180deg);
}
.table-of-content__list {
max-height: 0;
margin-bottom: 0 !important;
padding-top: 0;
padding-right: 30px;
padding-left: 30px;
padding-bottom: 0;
box-sizing: content-box;
overflow: hidden;
transition: max-height 0.3s ease, padding 0.3s ease; }
.table-of-content__list.open {
max-height: 1000px;
padding-top: 20px;
padding-bottom: 20px;
}
.table-of-content__item {
list-style: none;
}
.table-of-content__item:not(:last-child) {
margin-bottom: 10px;
}
.table-of-content__link {
padding-right: 25px;
font-family: var(--YekanBakh);
font-size: 16px;
line-height: 34px;
letter-spacing: -0.4px;
color: var(--secondary--text-color) !important;
position: relative;
transition: 0.4s all;
}
.table-of-content__item:hover .table-of-content__link, .table-of-content__item--active .table-of-content__link {
color: var(--primary-color) !important;
}
.table-of-content__link:before {
content: "";
background: var(--white);
width: 14px;
height: 14px;
border: 2px solid var(--secondary--text-color);
border-radius: 100%;
position: absolute;
top: 5px;
right: 0;
transition: 0.4s all;
}
.table-of-content__item:hover .table-of-content__link:before {
background: var(--primary-color);
border: 2px solid var(--primary-color);
} .bottom-slogan__wrapper {
padding: 30px 0;
}
.bottom-slogan__list {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}
.bottom-slogan__item {
display: grid;
grid-template-columns: 80px 1fr;
align-items: center;
gap: 10px;
}
.bottom-slogan__item--img {
width: 100%;
grid-column: 1/2;
}
.bottom-slogan__item--left {
grid-template-columns: 2/-1;
}
.bottom-slogan__item--title {
margin-bottom: 10px;
font-family: var(--YekanBakh);
font-size: 18px;
line-height: 30px;
color: #bad8ff;
}
.bottom-slogan__item--text{
font-family: var(--YekanBakh);
font-size: 14px;
line-height: 26px;
color: #bad8ff;
} .tours__package--list {
width: 100%;
}
.tours__package--item {
padding: 0;
box-shadow: 0px 4px 22px 0px rgba(100, 100, 111, 0.2);
border-radius: 16px;
font-family: var(--YekanBakh);
font-size: 16px;
overflow: hidden;
display: grid;
grid-template-columns: 1fr;
gap: 0;
align-items: center;
cursor: pointer;
}
.tours__package--item:not(:last-child) {
margin-bottom: 20px;
}
.tours__package--featured{
width: 100%;
min-height: 180px;
object-fit: cover;
}
.tours__package--two{
padding: 10px 20px;
display: flex;
flex-direction: column;
gap: 6px;
}
.tours__package--title {
font-family: var(--YekanBakh);
font-size: 18px;
font-weight: 500;
font-variation-settings: var(--fontWeight500);
line-height: 30px;
letter-spacing: -0.3px;
}
.tours__package--title a {
font-family: inherit;
font-size: inherit;
}
.tours__package--duration,.tours__package--departure{
position: relative;
padding-right: 25px;
}
.tours__package--duration::before {
content: "";
background: url(//jimbo.travel/wp-content/themes/jimbotraveltheme/assets/images/timer.svg) no-repeat center / cover;
width: 20px;
height: 20px;
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%);
}
.tours__package--departure::before{
content: "";
background: url(//jimbo.travel/wp-content/themes/jimbotraveltheme/assets/images/calendar.svg) no-repeat center / cover;
width: 20px;
height: 20px;
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%);
}
.tours__package--item span {
font-family: var(--YekanBakh);
font-size: 14px;
line-height: 30px;
}
.tours__package--item span p {
line-height: 24px;
}
.tours__package--transport {
height: 100%;
padding: 10px 0;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.tours__package--transport::after {
content: "";
border-top: 1px dashed var(--tertiary-color);
width: 100%;
height: 1px;
position: absolute;
top: 50%;
right: 0;
left: 0;
transform: translate(0, 50%);
}
.tours__package--transport-border{
background: var(--white);
border: 1px dashed var(--tertiary-color);
border-radius: 100%;
display: flex;
z-index: 2;
}
.tours__package--transport img {
width: 35px;
height: 35px;
padding: 5px;
}
.tours__package--transport span {
display: none;
padding: 0 5px;
background: var(--tertiary-color);
border-radius: 4px;
font-family: var(--YekanBakh);
font-size: 12px !important;
line-height: 24px;
letter-spacing: -0.2px;
text-wrap: nowrap;
color: var(--white);
position: absolute;
top: 50%;
left: 50px;
transform: translate(0, -50%);
opacity: 0;
transition: .4s all;
}
.tours__package--transport:hover span {
opacity: 0.9;
}
.tours__package--four{
padding: 10px 0 10px 10px;
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}
.tours__package--price-amount {
font-family: var(--YekanBakh) !important;
font-size: 20px !important;
color: var(--primary-color);
}
.tours__package--reserve {
width: 250px;
display: flex;
align-items: center;
gap: 5px;
position: relative;
}
.tours__package--phone {
direction: ltr;
text-align: left;
}
.tours__package--btn {
width: 100%;
height: 40px;
margin: 10px auto -10px;
border-radius: 6px 6px 0 0;
background: linear-gradient(-180deg, #00D775, #00BD68);
font-family: var(--YekanBakh);
font-size: 16px;
color: var(--white);
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.tours__package--btn span{
font-size: inherit;
}
.tours__package--register {
width: 70%;
max-width: 300px;
height: 40px;
margin: 10px auto -10px;
border: solid transparent;
border-radius: 8px 8px 0 0;
border-width: 0 0 4px;
box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
cursor: pointer;
}
.tours__package--register:after {
content: "";
position: absolute;
bottom: -4px;
left: 0;
right: 0;
top: 0;
background-color: #00D775;
border: solid transparent;
border-radius: 8px;
border-width: 0 0 4px;
z-index: -1;
}
.single__package--item-special{
position: absolute;
padding: 0 5px;
background: var(--tertiary-color);
border-radius: 16px 0 8px 0;
font-size: 12px;
top: 0;
left: 0;
color: var(--white);
}
.tours__package--noitem{
font-family: var(--YekanBakh);
font-size: 20px;
font-weight: 500;
font-variation-settings: var(--fontWeight500);
line-height: 30px;
letter-spacing: -0.3px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}
.tours__package--noitem p,.tours__package--noitem a{
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.tours__package--noitem a{
color: var(--tertiary-color);
}
.custom-video {
max-width: 100%;
border-radius: 16px;
display: block;
position: relative;
overflow: hidden;
}
#custom-video__video {
width: 100%;
height: auto;
display: block;
z-index: 1;
}
.custom-video__cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
}
.custom-video__play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60px;
height: 60px;
background-color: rgba(255, 255, 255, 0.24);
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
transition: 0.6s all;
cursor: pointer;
z-index: 3;
}
.custom-video__play:hover {
width: 70px;
height: 70px;
}
.custom-video__play::before {
content: "";
position: absolute;
width: 70px;
height: 70px;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.5);
border-radius: 100%;
transition: 0.6s all;
}
.custom-video__play:hover::before {
width: 80px;
height: 80px;
}
.custom-video__play--icon {
width: 24px;
height: 24px;
background: url(//jimbo.travel/wp-content/themes/jimbotraveltheme/assets/images/play-icon.svg) no-repeat;
background-size: contain;
transition: 0.6s all;
}
.custom-video__play:hover .custom-video__play--icon {
width: 40px;
height: 40px;
}
.h_iframe-aparat_embed_frame { margin: 20px 0;
border-radius: 16px;
overflow: hidden;
}
.content-box h1 {
margin: 30px 0 20px;
font-family: var(--YekanBakh);
font-size: 24px;
line-height: 36px;
color: var(--primary-color);
}
.content-box h2 {
margin: 20px 0 10px;
font-family: var(--YekanBakh);
font-size: 22px;
line-height: 36px;
color: var(--primary-color);
}
.content-box h3 {
margin: 20px 0 10px;
font-family: var(--YekanBakh);
font-size: 20px;
line-height: 34px;
color: var(--primary-text-color);
}
.content-box h4 {
margin: 15px 0 10px;
font-family: var(--YekanBakh);
font-size: 18px;
line-height: 34px;
color: var(--primary-text-color);
}
.content-box h5 {
margin: 10px 0;
font-family: var(--YekanBakh);
font-size: 18px;
line-height: 32px;
color: var(--primary-text-color);
}
.content-box h6 {
margin: 10px 0;
padding: 15px 20px;
background: #efefef;
font-family: var(--YekanBakh);
font-size: 18px;
line-height: 32px;
color: var(--primary-text-color);
}
.content-box p {
margin-bottom: 15px;
font-family: var(--YekanBakh);
font-size: 15px;
line-height: 32px;
text-align: justify;
color: var(--primary-text-color);
}
.content-box a {
font-family: var(--YekanBakh);
font-weight: 500;
font-variation-settings: var(--fontWeight500);
font-size: 15px;
line-height: 32px;
text-align: start;
color: var(--tertiary-color);
}
.content-box div:not(.mejs-video) {
max-width: 100% !important;
}
.content-box img {
max-width: 100%;
height: auto;
margin: 20px 0;
border-radius: 16px;
}
.content-box .wp-caption{
margin: 0 0 20px;
}
.content-box .wp-caption img{
margin: 20px 0 0;
}
.content-box .wp-caption .wp-caption-text{
text-align: center;
}
.content-box img.aligncenter {
margin: 20px auto;
display: block;
}
.content-box img.aligncenter .wp-caption-text {
text-align: center;
}
.content-box ul {
margin-bottom: 20px;
padding-right: 25px;
list-style: disc;
}
.content-box ol {
margin-bottom: 20px;
padding-right: 25px;
}
.content-box li {
font-family: var(--YekanBakh);
font-weight: 500;
font-variation-settings: var(--fontWeight500);
font-size: 15px;
line-height: 26px;
}
.content-box li:not(:last-child) {
margin-bottom: 10px;
}
.content-box table,#single__information table {
width: 100%;
margin-bottom: 20px;
border-collapse: collapse;
border: 1px solid #ddd;
direction: rtl;
}
.content-box table tr, .content-box table p,#single__information tr:not(:nth-child(1)), #single__information p {
font-size: 16px;
}
.content-box table thead tr,#single__information table thead tr {
background: var(--primary-color);
font-size: 16px;
color: var(--white);
}
.content-box th, .content-box td,#single__information th, #single__information td {
border: 1px solid #ddd;
padding: 8px;
text-align: right;
}
.content-box .gallery {
margin: 10px 0 !important;
display: grid;
grid-template-columns: repeat(3, 1fr);
justify-content: center;
align-items: center;
gap: 10px;
}
.content-box .gallery .gallery-item {
width: 100% !important;
}
.content-box .gallery .gallery-icon, .content-box .gallery .gallery-icon a {
width: 100% !important;
height: 100% !important;
display: block;
}
.content-box .gallery img {
width: 100% !important;
height: 100% !important;
margin: 0;
border: 0 !important;
display: block;
object-fit: contain;
}
.content-box .gallery a {
display: block;
}
.content-box .gallery br {
display: none;
}
blockquote {
margin: 20px 0;
padding: 20px;
background: #ffffe7;
border-right: 8px solid #E6E4E1;
border-radius: 8px;
overflow: hidden;
}
blockquote p{
margin-bottom: 0 !important;
}
div.content-consult-form {
margin: 30px 0;
}
div.content-consult-form__wrapper {
display: flex;
flex-direction: column;
border: 1px solid #BFC8CA;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
border-radius: 30px;
overflow: hidden;
}
div.content-consult-form__right {
width: 100% !important;
padding: 20px;
}
.content-consult-form__title {
margin-bottom: 30px;
display: inline-block;
position: relative;
}
.content-consult-form__title::after {
content: "";
background: url(//jimbo.travel/wp-content/themes/jimbotraveltheme/assets/images/Rectangle-2-opacity.png);
background-repeat: no-repeat;
position: absolute;
right: 10px;
bottom: -10px;
width: 100%;
height: 38px;
z-index: 1;
}
.content-consult-form__title--text {
margin: 0 !important;
padding: 2px 10px 2px 30px !important;
background: url(//jimbo.travel/wp-content/themes/jimbotraveltheme/assets/images/Rectangle-2.png) !important;
background-repeat: no-repeat !important;
color: var(--white) !important;
position: relative;
z-index: 2;
}
.content-consult-form__form .wpcf7-form-control {
margin-bottom: 10px;
display: block;
}
input[type="tel"],.wpcf7-form-control[type="tel"]{
text-align: left;
}
input[type="tel"],.wpcf7-form-control[type="tel"]::placeholder{
text-align: right;
}
.content-consult-form__text--primary {
color: var(--primary-color) !important;
}
.content-consult-form__form {
margin-top: 20px;
}
.formcontrol__content-consult {
display: flex;
flex-wrap: wrap;
gap: 5px;
position: relative;
}
.formcontrol__content-consult--label {
border-radius: 0 !important;
width: 18px !important;
height: 32px !important;
background: url(//jimbo.travel/wp-content/themes/jimbotraveltheme/assets/images/phone-icon.png);
background-size: contain;
position: absolute;
right: 12px;
top: 7px;
}
.formcontrol__content-consult--input {
width: calc(70% - 5px);
height: 48px;
padding: 5px 35px 5px 10px;
border: 1px solid var(--primary-color);
border-radius: 0 30px 30px 0;
font-family: var(--YekanBakh);
font-size: 16px;
}
.formcontrol__content-consult--input::placeholder{
font-size: 15px;
}
#content-consult__submit {
width: 30%;
height: 48px;
background: var(--primary-color);
border: 0;
border-radius: 30px 0 0 30px;
font-family: var(--YekanBakh);
font-size: 16px;
color: var(--white);
}
div.content-consult-form__left {
width: 100% !important;
}
img.content-consult-form__left--img {
width: 100%;
height: 100% !important;
margin: 0;
border-radius: 0;
object-fit: cover;
display: block;
}
.tours__links--list {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
}
.tours__links--item {
padding: 5px 15px;
background: var(--primary-color);
box-shadow: 8px 8px 6px -3px rgba(239, 76, 54, 0.3);
border-radius: 8px;
font-family: var(--YekanBakh);
font-size: 16px;
line-height: 30px;
color: var(--white);
} .content-cta{
margin: 7px 0;
padding: 10px;
border-radius: 8px;
background: #e1aca52e;
border-right: 4px solid var(--tertiary-color);
display: flex;
align-items: center;
gap: 15px;
cursor: pointer;
}
.content-cta__img{
margin: 0 !important;
width: 60px;
height: 60px !important;
border-radius: 8px !important;
object-fit: cover;
}
.content-cta__span{
font-size: 16px !important;
line-height: 28px !important;
font-weight: 700 !important;
font-variation-settings: var(--fontWeight700) !important;
color: var(--black) !important;
}
.content-cta__link{
font-size: 16px !important;
line-height: 28px !important;
font-weight: 700 !important;
font-variation-settings: var(--fontWeight700) !important;
color: var(--tertiary-color) !important;
} .tour-head__top--search {
justify-content: center;
}
.search__combined .tour-card__price {
margin: 30px 20px 0;
}
.search__hotel .tour-card__body, .search__post .tour-card__body, .search__page .tour-card__body {
padding: 45px 20px 0;
}  .title__center{
margin-bottom: 30px;
font-family: var(--YekanBakh);
font-size: 26px;
line-height: 44px;
text-align: center;
word-spacing: -3px;
color: var(--black);
}
.archive-description {
margin: 20px 0 30px;
}
.blog__list {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
.blog__item {
display: flex;
flex-direction: column;
background: var(--white);
box-shadow: var(--box-shadow);
border-radius: 16px;
overflow: hidden;
cursor: pointer;
}
.blog__item--img {
width: 100%;
height: auto;
aspect-ratio: 16/9;
object-fit: cover;
}
.blog__item--content {
width: 100%;
padding: 10px 20px 20px;
display: flex;
flex-direction: column;
flex: 1;
}
.category__list {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 5px;
}
.category__link {
padding: 2px 4px;
background: rgba(0, 102, 157, 0.10);
border-radius: 3px;
display: inline-block;
font-family: var(--YekanBakh);
font-size: 12px;
line-height: 22px;
color: var(--primary-text-color);
}
.blog__item--link {
display: block;
font-family: var(--YekanBakh);
font-size: 18px;
line-height: 30px;
color: var(--primary-text-color);
}
.pagination {
margin-top: 64px;
padding: 0 10px;
display: flex;
justify-content: center;
border-radius: 12px;
gap: 6px;
}
.pagination .page-numbers {
width: 40px;
height: 40px;
border-radius: 8px;
font-family: var(--YekanBakh);
font-size: 22px;
font-weight: 700;
font-variation-settings: var(--fontWeight700);
line-height: 32px;
color: var(--primary-color);
display: flex;
justify-content: center;
align-items: center;
}
.pagination .page-numbers.current {
color: var(--secondary--text-color);
}
.pagination .prev, .pagination .next {
background: var(--primary-color);
}
.blog-cat{
margin-bottom: 30px;
}
.blog-cat__item{
width: 110px;
margin-left: 20px;
}
.blog-cat__link{
display: flex;
flex-direction: column;
gap: 16px;
align-items: center;
overflow: hidden;
}
.blog-cat__image{
padding: 5px;
width: 100%;
height: 100%;
aspect-ratio: 1/1;
object-fit: cover;
border: 2px dashed var(--primary-color);
border-radius: 100%;
}
.blog-cat__name{
font-family: var(--YekanBakh);
font-size: 16px;
font-weight: 600;
font-variation-settings: var(--fontWeight600);
line-height: 30px;
color: var(--primary-text-color);
text-align: center;
} .single-breadcrumb{
margin-bottom: 16px;
}
.single-breadcrumb__list {
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: start;
gap: 3px 20px;
}
.single-breadcrumb__item {
position: relative;
font-family: var(--YekanBakh);
font-size: 14px;
color: var(--primary-text-color);
}
.single-breadcrumb__item:not(:last-child):after {
content: "\276D\276D";
position: absolute;
top: 1px;
left: -15px;
color: var(--primary-text-color);
}
.single-breadcrumb__link {
font-size: 14px;
color: var(--primary-color);
}
.single__featured{
width: 100%;
max-width: 100%;
height: auto;
margin-bottom: 10px;
border-radius: 16px;
}
.post-title {
margin-bottom: 20px;
font-family: var(--YekanBakh);
font-weight: 700;
font-variation-settings: var(--fontWeight700);
font-size: clamp(20px, 4vw, 26px);
line-height: clamp(30px, 4vw, 40px);
color: var(--black);
}
.single-header {
margin-bottom: 20px;
padding-bottom: 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 20px;
border-bottom: 1px solid #d1d1d1;
}
.single-header__right, .single-header__author, .single-header__left {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
}
.single-header__right img {
border-radius: 100%;
}
.single-header__author, .single-header__left {
gap: 5px;
font-family: var(--YekanBakh);
font-size: 14px;
line-height: 30px;
color: var(--primary-text-color);
}
.single-header__author--span{
color: var(--primary-text-color);
}
.single-header__author--link {
color: var(--primary-color);
}
.post-categories{
display: flex;
flex-wrap: wrap;
gap: 5px;
}
.post-categories a{
padding: 2px 4px;
background: rgba(0, 102, 157, 0.10);
border-radius: 3px;
display: inline-block;
font-family: var(--YekanBakh);
font-size: 12px;
line-height: 22px;
color: var(--primary-text-color);
}
.author-box{
display: grid;
grid-template-columns: 1fr;
gap: 15px;
}
.author-box img{
border-radius: 6px;
}
.author-box__name,.author-box__link{
font-family: var(--YekanBakh);
font-size: 18px;
line-height: 30px;
color: var(--black);
}
.author-box__top{
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 20px;
}
.author-box__top--seperator{
font-family: var(--YekanBakh);
font-size: 18px;
line-height: 30px;
color: var(--secondary--text-color);
}
.author-box__count{
font-family: var(--YekanBakh);
font-size: 14px;
line-height: 30px;
color: var(--secondary--text-color);
}
.author-box__bio{
font-family: var(--YekanBakh);
font-size: 15px;
line-height: 30px;
color: var(--primary-text-color);
} .comments-title {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 2px dashed #ccc;
font-family: var(--YekanBakh);
font-size: var(--title-regular);
line-height: 34px;
}
.comments-section .commentlist{
margin-bottom: 30px;
list-style: none;
}
.commentlist .comment {
margin-top: 20px;
padding-top: 15px;
}
.commentlist .comment:not(:first-child){
border-top: 1px solid rgba(0,0,0,0.1);
}
.commentlist .children {
padding-right: 40px;
}
.commentlist .children .comment{
border-top: 1px solid rgba(0,0,0,0.1);
}
.comment-author{
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 20px;
}
.comment-author .avatar {
width: 40px;
height: 40px;
margin: 0;
border-radius: 100%;
object-fit: contain;
}
.comment-author__info{
width: calc(100% - 60px);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 10px;
}
.comment-author__info--name{
font-size: 16px;
font-weight: 600;
font-variation-settings: var(--fontWeight600);
font-style: normal;
color: var(--black);
}
.comment-content {
margin-right: 60px;
overflow: hidden;
}
.comment-content p{
font-size: 14px;
color: var(--secondary--text-color);
}
.comment-reply-link {
width: min-content;
margin-right: 60px;
margin-top: 10px;
font-family: var(--YekanBakh);
font-size: 14px;
line-height: 24px;
color: var(--primary-color);
display: flex;
align-items: center;
}
.comment-reply-link::before {
content: url(//jimbo.travel/wp-content/themes/jimbotraveltheme/assets/images/arrow-back.svg);
display: inline-block;
width: 24px;
height: 24px;
font-size: 24px;
}
.commentlist .comment-respond{
margin-top: 15px;
padding: 15px;
background: #f4f4f4;
border-radius: 8px;
}
.comments-section .comment-respond .logged-in-as, .comments-section .comment-respond .comment__label, .comments-section .comment-respond .comment-notes {
margin-bottom: 10px;
}
.comments-section .comment-respond .logged-in-as a {
color: var(--primary-color);
}
.comments-section .reply-wrapper{
margin: 0 0 15px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 10px;
}
.comments-section .comment-reply-title {
font-family: var(--YekanBakh);
font-size: var(--title-small);
line-height: 40px;
}
#cancel-comment-reply-link{
font-family: var(--YekanBakh);
font-size: 14px;
line-height: 26px;
color: var(--primary-color);
}
.comments-section .required {
color: rgba(208, 17, 17, 0.842);
}
.comments-section .comment__label {
display: block;
font-family: var(--YekanBakh);
font-size: var(--paragraph-regular);
line-height: 32px;
color: var(--secondary--text-color);
}
.comments-section .comment-form input {
font-family: var(--YekanBakh);
font-size: var(--paragraph-regular);
line-height: 32px;
color: var(--secondary--text-color);
}
.comments-section .comment-form textarea, .comments-section .comment-form input:not(.comment__submit, #wp-comment-cookies-consent) {
width: 100%;
border: 1px solid #ccc;
}
.comments-section .comment-form textarea {
height: 200px;
padding: 10px 20px;
font-family: var(--YekanBakh);
font-size: var(--paragraph-regular);
line-height: 35px;
color: var(--primary-text-color);
border-radius: 5px;
}
.comments-section .comment-form .form-group__row{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(130px,1fr));
align-items: center;
gap: 10px;
}
.comments-section .comment-form input {
padding: 0 20px;
border-radius: 5px;
}
.comment-form-cookies-consent{
margin-top: 10px;
}
.comments-section .comment-form .form-submit {
text-align: end;
}
.comments-section .comment-form .comment__submit {
padding: 4px 16px;
background: var(--primary-color);
font-family: var(--YekanBakh);
font-size: 16px;
line-height: 30px;
color: var(--white);
border: 0;
border-radius: 8px;
display: inline-block;
cursor: pointer;
} .section__category-button {
height: 45px;
padding: 5px 20px;
background: var(--primary-color);
border-radius: 26px;
display: flex;
align-items: center;
font-family: var(--paragraph-regular);
font-size: 16px;
color: var(--white);
z-index: 1;
}
.category-posts__item {
border-radius: 16px;
overflow: hidden;
background: var(--white);
box-shadow: var(--box-shadow);
transition: all 0.4s;
}
.category-posts__item:hover {
box-shadow: var(--box-shadow-hover);
}
.category-posts__item--image {
width: 100%;
height: 180px;
margin-bottom: 15px;
object-fit: cover;
display: block;
}
.category-posts__item--title {
padding: 10px 20px;
font-family: var(--YekanBakh);
font-size: 18px;
line-height: 32px;
}
.category-posts__item--excerpt {
padding: 0 20px 20px;
font-family: var(--YekanBakh);
font-size: 16px;
line-height: 30px;
} .combo-page__slogan {
margin-top: 40px;
display: flex;
justify-content: center;
}
.combo-list {
margin-top: 80px;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px 20px;
}
.combo-page__slogan--text {
padding: 5px 20px;
background: #e1e1e18c;
border-radius: 4px;
font-family: var(--YekanBakh);
font-size: var(--title-big);
line-height: 40px;
text-align: center;
color: var(--black);
}
.combo-item {
padding: 40px 10px 10px;
background: #ffffffc2;
border: 10px solid #0000006b;
border-radius: 16px;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}
.combo-item__img {
width: 80px;
height: 60px;
object-fit: contain;
position: absolute;
top: -40%;
}
.combo-item__heading {
font-family: var(--YekanBakh);
font-weight: 400;
font-variation-settings: var(--fontWeight400);
font-size: 18px;
letter-spacing: -0.4px;
text-align: center;
color: var(--primary-text-color);
}
.combo-card {
margin-top: 50px;
}
.combo-card__wrapper {
max-width: 80%;
}
.combo-card__item {
aspect-ratio: 16/9;
border-radius: 16px;
overflow: hidden;
}
.combo-card__item--picture {
width: 100%;
height: auto;
aspect-ratio: 16/9;
} .tour-head--combined{
padding-top: 50px;
}
.combo-page__slogan--secondary {
margin: 20px 0;
font-family: var(--YekanBakh);
font-size: var(--title-regular);
line-height: 40px;
text-align: center;
color: var(--black);
}
.gallery-section{
margin-bottom: 20px;
}
.gallery-section__item {
width: 100%;
height: 100%;
display: inline-block;
overflow: hidden;
cursor: pointer;
}
.gallery-section__img {
width: 100%;
height: 100%;
aspect-ratio: 1/1;
border-radius: 5px;
object-fit: cover;
display: block;
margin-bottom: 5px;
}
.gallery-section__item--caption {
margin: 0 15px;
font-size: 16px;
display: block;
}
#modal-gallery {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
justify-content: center;
align-items: center;
z-index: 111;
}
.modal-gallery__wrapper {
border-radius: 8px;
position: relative;
}
.modal-gallery__close{
width: 30px;
height: 30px;
border-radius: 50%;
background: var(--primary-color);
font-size: 20px;
line-height: 30px;
text-align: center;
color: var(--white);
position: absolute;
top: -15px;
right: -15px;
cursor: pointer;
z-index: 99;
}
.modal-gallery__swiper {
width: 300px;
margin-left: auto;
margin-right: auto;
aspect-ratio: 16/9;
border-radius: 8px;
}
.modal-gallery__swiper .swiper-button-next, .modal-gallery__swiper .swiper-button-prev,
.gallery-section__wrapper .swiper-button-next, .gallery-section__wrapper .swiper-button-prev {
width: 30px;
height: 30px;
background: #002958;
border-radius: 4px;
}
.modal-gallery__swiper .swiper-button-next::after, .modal-gallery__swiper .swiper-button-prev::after,
.gallery-section__wrapper .swiper-button-next::after, .gallery-section__wrapper .swiper-button-prev::after {
font-size: 16px;
line-height: 16px;
color: var(--white);
}
.modal-gallery__item {
text-align: center;
font-size: 18px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
background-size: cover;
background-position: center;
border-radius: 4px;
}
.modal-gallery__item--img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.tour-head__summery--tax:not(:last-child) {
position: relative;
}
.tour-head__summery--tax:not(:last-child):after {
content: "/";
color: var(--primary-color);
position: absolute;
left: -12px;
}
.combo-plan__item {
display: flex;
flex-direction: column;
gap: 0;
align-items: center;
}
.combo-plan__item:not(:last-child) {
margin-bottom: 20px;
}
.combo-plan__item--picture {
width: 100%;
height: 150px;
position: relative;
}
.combo-plan__item--picture:before {
content: "";
position: absolute;
width: 100%;
height: 2px;
background: var(--primary-color);
z-index: 1;
top: 50%;
right: 0;
animation: rightToLeft 2s forwards 4s ease-in-out;
display: none;
}
.combo-plan__item:nth-child(even) .combo-plan__item--picture:before {
left: 0;
animation: leftToRight 2s forwards 4s ease-in-out;
}
.combo-plan__item--picture:after {
content: "";
position: absolute;
width: 2px;
height: 100%;
background: var(--primary-color);
z-index: 1;
right: 50%;
top: 0;
animation: topToBottom 2s forwards 4s ease-in-out;
display: none;
}
.combo-plan__item:last-child .combo-plan__item--picture:after {
display: none;
}
@keyframes rightToLeft {
100% {
right: 100%;
}
}
@keyframes leftToRight {
100% {
right: -100%;
}
}
@keyframes topToBottom {
100% {
top: 100%;
height: 200%;
}
}
.combo-plan__item--img {
width: 100%;
height: 100%;
object-fit: cover;
box-shadow: var(--box-shadow);
border-radius: 6px 6px 0 0;
position: relative;
z-index: 2;
}
.combo-plan__item--wrapper {
width: 100%;
border-radius: 0 0 6px 6px;
box-shadow: var(--box-shadow-hover);
overflow: hidden;
display: flex;
flex-wrap: wrap;
z-index: 2;
}
.combo-plan__item:nth-child(even) .combo-plan__item--wrapper {
flex-direction: row-reverse;
}
.combo-plan__item--step {
width: 50px;
padding: 10px;
background: var(--primary-color);
writing-mode: vertical-rl;
text-orientation: mixed;
white-space: nowrap;
font-family: var(--YekanBakh);
font-size: 18px;
line-height: 30px;
text-align: center;
color: var(--white);
}
.combo-plan__item--description {
width: calc(100% - 50px);
padding: 20px;
background: var(--white);
font-family: var(--YekanBakh);
font-size: 14px;
line-height: 32px;
text-align: start;
letter-spacing: -0.3px;
color: var(--primary-text-color);
}
.combo-tips__content li:not(:last-child) {
margin-bottom: 0;
}
.tab__list {
margin: 32px 0;
}
.tab__item:not(:last-child) {
margin-bottom: 20px;
}
.tab__item--question {
background: #e7e1ff;
padding: 16px 16px 16px 40px;
border-radius: 8px;
cursor: pointer;
position: relative;
transition: all 0.4s;
font-family: var(--YekanBakh);
font-size: 16px;
}
.tab__item--question::before, .tab__item--question::after {
content: "";
position: absolute;
left: 16px;
top: 26px;
width: 20px;
height: 3px;
background: var(--tertiary-color);
border-radius: 3px;
transition: all 0.5s ease;
transform-origin: center;
}
.tab__item--question::after {
transform: rotate(90deg);
}
.tab__item--question.active {
background: var(--primary-color);
color: var(--white);
border-radius: 8px;
}
.tab__item--question.active::before {
background: var(--tertiary-color);
transform: rotate(180deg);
}
.tab__item--question.active::after {
background: var(--tertiary-color);
transform: rotate(180deg);
}
.tab__item--answer {
max-height: 0;
margin-top: -5px;
padding: 0 16px;
background: #F2F8F7;
overflow: hidden;
transition: all 1s ease;
}
.tab__item--answer-combined{
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
}
.tab__item--answer:not(:last-child) {
margin-bottom: 16px;
}
.tab__item--answer.active {
max-height: 1000px;
padding: 16px;
border-radius: 0 0 8px 8px;
}
.tab__item--transport {
width: 60px;
height: 60px;
padding: 3px;
background: var(--white);
border: 2px solid var(--primary-color);
box-shadow: var(--box-shadow-hover);
border-radius: 100%;
}
.tab__item--transport img {
width: 100%;
height: 100%;
display: block;
border-radius: 100%;
}
.tab__item--description {
width: calc(100% - 70px);
letter-spacing: -0.4px;
}
.faq__down {
text-align: center;
}
.faq__down--text {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 4px;
}
.faq__down--title{
font-family: var(--YekanBakh);
font-size: 16px;
line-height: 32px;
}
.faq__down--btn{
margin: 12px auto 0;
padding: 8px 16px;
display: inline-block;
background: var(--primary-color);
border-radius: 4px;
font-family: var(--YekanBakh);
font-size: 16px;
font-weight: 600;
font-variation-settings: var(--fontWeight600);
line-height: 32px;
color: var(--white);
}
.combo-services__list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: 20px;
}
.combo-services__item {
padding: 20px;
background: var(--white);
border: 1px solid #e7e7e7;
border-radius: 16px;
display: flex;
flex-direction: column;
align-items: center;
}
.combo-services__item--img {
margin-bottom: 15px;
}
.combo-services__item--heading {
margin-bottom: 5px;
font-family: var(--YekanBakh);
font-size: 20px;
line-height: 36px;
text-align: center;
color: var(--black);
}
.combo-services__item--text {
font-family: var(--YekanBakh);
font-size: 17px;
line-height: 28px;
text-align: center;
color: var(--primary-text-color);
}
.combo-tips__content {
font-family: var(--YekanBakh);
font-size: var(--paragraph-regular);
}
.combo-tips__content ul {
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 4px;
}
.combo-tips__content ul li {
padding: 3px;
background: #e7e1ff;
border-radius: 6px;
font-size: var(--paragraph-regular);
}
.combo-share__wrapper .single__call{
min-height: 150px;
}
.combo-share__wrapper .aside-box {
display: flex;
flex-direction: column;
justify-content: center;
} .combo-tax__item {
max-width: 230px;
margin: 80px auto 0;
} .about__title {
margin-bottom: 20px;
font-family: var(--YekanBakh);
font-weight: 700;
font-variation-settings: var(--fontWeight700);
font-size: var(--title-big);
line-height: 32px;
color: var(--primary-color);
}
.about__subtitle {
margin-bottom: 20px;
font-family: var(--YekanBakh);
font-weight: 700;
font-variation-settings: var(--fontWeight700);
font-size: var(--title-regular);
line-height: 30px;
color: var(--black);
}
.honor__list {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
}
.honor__item {
padding: 20px;
background: #f9f9f9;
border-radius: 16px;
display: flex;
flex-direction: column;
gap: 10px;
}
.honor__item--number {
font-family: var(--YekanBakh);
font-weight: 700;
font-variation-settings: var(--fontWeight700);
font-size: var(--title-big);
color: var(--black);
}
.honor__item--text {
font-family: var(--YekanBakh);
font-size: var(--paragraph-big);
color: var(--primary-text-color);
}
.contact-license__list{
margin-top: 30px;
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
align-items: center;
}
.contact-license__item {
width: 85px;
height: 85px;
padding: 5px;
display: flex;
justify-content: center;
align-items: center;
background: var(--white);
border: 1px solid #e8e8e8;
border-radius: 8px;
}
.contact-license__item--enamad a{
width: 75px;
height: 75px;
}
.gallery-static__list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
gap: 10px;
justify-content: center;
align-items: center;
}
.gallery-static__img {
width: 100%;
height: 100%;
}
.b2b-tour .swiper-button-next{
left: 0;
}
.b2b-tour .swiper-button-prev{
right: 0;
}
.b2b-tour .swiper-button-next, .b2b-tour .swiper-button-prev {
width: 40px;
height: 40px;
background: var(--white);
border-radius: 100%;
box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}
.b2b-tour .swiper-button-next::after, .b2b-tour .swiper-button-prev::after {
font-size: 12px;
font-weight: 700;
color: var(--black);
}
.b2b-tour__card{
display: block;
border-radius: 16px;
box-shadow: var(--box-shadow);
transition: all 0.4s;
overflow: hidden;
position: relative;
}
.b2b-tour__card__img{
display: block;
width: 100%;
height: 100%;
}
.b2b-tour__card--held{
padding: 5px 10px 5px 15px;
background: var(--tertiary-color);
border-radius: 16px 0 16px 0;
font-family: var(--YekanBakh);
font-size: 16px;
line-height: 28px;
color: var(--white);
display: inline-block;
position: absolute;
top: 0;
left: 0;
}
.site-notification__list{
width: 100%;
}
.site-notification__item{
background: var(--white);
box-shadow: 0px 4px 22px 0px rgba(100, 100, 111, 0.2);
border-radius: 16px;
overflow: hidden;
display: grid;
grid-template-columns: 0.5fr 1.5fr 1fr 0.5fr;
gap: 20px;
align-items: center;
}
.site-notification__item:not(:last-child){
margin-bottom: 20px;
}
.site-notification__item--img{
width: 100%;
grid-column: 1/2;
}
.site-notification__item--body{
padding: 20px 0;
grid-column: 2/3;
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
}
.site-notification__item--title{
font-family: var(--YekanBakh);
font-size: 18px;
font-weight: 700;
font-variation-settings: var(--fontWeight700);
line-height: 30px;
letter-spacing: -0.3px;
}
.site-notification__item--paragraph{
display: none;
font-family: var(--YekanBakh);
font-size: 16px;
font-weight: 400;
font-variation-settings: var(--fontWeight400);
line-height: 26px;
}
.site-notification__item--date{
font-family: var(--YekanBakh);
font-size: 14px;
font-weight: 400;
font-variation-settings: var(--fontWeight400);
line-height: 26px;
grid-column: 3/4;
}
.site-notification__item--download{
margin-left: 10px;
grid-column: 4/5;
display: flex;
justify-content: center;
align-items: center;
}
.site-notification__item--download-text{
font-family: var(--YekanBakh);
font-size: 14px;
font-weight: 400;
font-variation-settings: var(--fontWeight400);
color: var(--primary-color);
}
.site-notification__item--download-img{
display: none;
} .contact-us__social {
list-style: none !important;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: end;
gap: 20px;
}
.contact-us__social li {
margin-bottom: 0 !important;
}
.contact-us__social--link {
width: 35px;
height: 35px;
display: block;
}
.contact-form {
background: var(--white);
border-radius: 12px;
}
.formcontrol {
position: relative;
}
.recaptcha-margin {
margin-bottom: 20px;
}
.formcontrol__input--wrapper{
padding: 10px;
}
.formcontrol__input {
width: 100%;
margin-bottom: 20px;
padding: 9px 10px 9px;
background: var(--white);
border: 2px solid #d1d1d1;
border-radius: 6px;
font-family: var(--YekanBakh);
font-size: var(--paragraph-regular);
line-height: 30px;
color: var(--black);
}
.formcontrol__select {
margin-bottom: 20px;
padding: 9px 10px 9px;
background: var(--white);
border: 2px solid #d1d1d1;
border-radius: 6px;
font-family: var(--YekanBakh);
font-size: var(--paragraph-regular);
line-height: 30px;
color: var(--black);
}
.formcontrol__radio{
margin-bottom: 20px;
font-size: var(--paragraph-regular);
display: block;
}
.formcontrol__uploader{
margin-bottom: 20px;
padding: 5px;
background: var(--white);
font-family: var(--YekanBakh);
font-size: var(--paragraph-regular);
line-height: 30px;
color: var(--black);
display: block;
}
.formcontrol__input.wpcf7-textarea {
height: 190px;
}
.formcontrol__input:focus {
border-color: var(--primary-color);
outline: 0;
}
.formcontrol__input:focus+.formcontrol__label, .formcontrol__input.has-value+.formcontrol__label {
background: var(--white);
color: var(--primary-color);
transform: translate3d(0, -22px, 15px);
opacity: 1;
font-size: 0.75em;
padding: 0 5px;
height: 19px;
line-height: 21px;
}
.formcontrol__label {
position: absolute;
top: 0;
right: 0;
margin: 14px 10px 0 0;
transition: all 0.2s;
opacity: 0.5;
font-size: var(--paragraph-regular);
color: #8a8a8a;
background: var(--white);
height: 25px;
z-index: 10;
user-select: none;
pointer-events: none;
}
.formcontrol__label--secondary{
font-size: var(--paragraph-regular);
font-variation-settings: var(--fontWeight700);
font-weight: 700;
display: block;
}
.formcontrol__submit {
width: 100%;
height: 56px;
background: var(--primary-color);
color: #fff;
border: 0;
border-radius: 8px;
font-family: var(--YekanBakh);
font-size: var(--paragraph-big);
line-height: 23px;
text-align: center;
}
.wpcf7 .wpcf7-response-output {
border-radius: 8px;
}
.contact-way__list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 20px;
}
.contact-way__item {
width: 100%;
display: grid;
grid-template-columns: 60px 1fr;
align-items: center;
gap: 20px;
}
.contact-way__item--img {
width: 100%;
}
.contact-way__item--title {
margin-bottom: 10px;
font-family: var(--YekanBakh);
font-size: var(--title-regular);
line-height: 40px;
color: var(--black);
}
.contact-way__item--paragraph, .contact-way__item--paragraph a {
display: block;
font-family: var(--YekanBakh);
font-size: var(--paragraph-regular);
line-height: 26px;
color: var(--secondary--text-color);
} .tour-head__title--wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 20px;
}
.single__package--star-hotel {
font-size: 20px;
}
.hotel--per-eng {
margin-top: 10px;
font-family: var(--YekanBakh);
font-size: 20px;
line-height: 30px;
text-transform: capitalize;
text-align: center;
color: var(--white);
}
.hotel-info {
margin-bottom: 20px;
}
.hotel-info__list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.hotel-info__item {
padding: 20px;
background: var(--white);
box-shadow: var(--box-shadow);
border-radius: 16px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
}
.hotel-info__item--type {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
}
.hotel-info__item:hover {
box-shadow: var(--box-shadow-hover);
}
.hotel-info__item p {
font-size: 18px;
}
.hotel-info__item--phone p {
direction: ltr;
} .tour-page__phone {
margin-top: 50px;
text-align: center;
}
.tour-page__phone--number {
margin: 0 auto;
padding: 5px 20px;
background: #e1e1e18c;
font-family: var(--YekanBakh);
font-size: var(--title-big);
line-height: 40px;
text-align: center;
color: var(--black);
display: inline-block;
}
.help-section_wrapper {
display: grid;
grid-template-columns: 100%;
gap: 40px;
}
.help__list {
padding: 20px;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.help__item {
width: calc(50% - 10px);
padding: 20px;
background: var(--white);
box-shadow: var(--box-shadow);
border-radius: 16px;
}
.help__item p {
font-family: var(--YekanBakh);
font-size: 18px;
text-align: center;
line-height: 36px;
letter-spacing: -1px;
}
.help__item--one {
font-size: 20px;
color: var(--primary-color);
} #error-page {
margin-top: 35px;
}
.error-page__wrapper {
display: grid;
grid-template-columns: 1fr;
align-items: center;
gap: 40px;
}
#error-page p {
margin-bottom: 20px;
font-size: 18px;
line-height: 30px;
text-align: start;
}
#error-page h4 {
margin-bottom: 20px;
font-size: 18px;
line-height: 34px;
text-align: right;
}
.error-menu__item {
position: relative;
}
.error-menu__item:not(:last-child) {
margin-bottom: 10px;
}
.error-menu__item::before {
content: "--";
}
.error-menu__link {
padding: 5px;
font-size: 18px;
}
.error-page--img {
max-width: 100%;
height: auto;
} .consult__wrapper.two-col .col:nth-child(1) {
order: 2;
}
.consult__wrapper.two-col .col:nth-child(2) {
order: 1;
}
.consult__text {
font-family: var(--YekanBakh);
font-size: 16px;
line-height: 30px;
}
.btn-row {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
}
.btn-row__consult {
margin-top: 20px;
}
.btn-primary {
padding: 10px 20px;
background: var(--primary-color);
border-radius: 10px;
font-family: var(--YekanBakh);
font-variation-settings: var(--fontWeight500);
font-weight: 500;
font-size: 18px;
line-height: 30px;
text-align: center;
color: var(--white);
}
.btn-primary__consult {
width: calc(50% - 10px);
min-width: 160px;
}
.consult__subtitle {
margin-bottom: 20px;
font-family: var(--YekanBakh);
font-weight: 700;
font-variation-settings: var(--fontWeight700);
font-size: clamp(30px, 4vw, 46px);
line-height: clamp(50px, 4vw, 75px);
text-align: center;
color: var(--black);
} .seperated__title {
margin-bottom: 30px;
font-family: var(--YekanBakh);
font-weight: 700;
font-variation-settings: var(--fontWeight700);
font-size: var(--title-big);
line-height: 32px;
color: var(--primary-color);
}
.seperated__title--span{
display: block;
}
.seperated__title--span:nth-child(1){
margin-bottom: 10px;
}
.qk__img{
width: 100%;
height: 100%;
aspect-ratio: 9/16;
object-fit: cover;
display: block;
border-radius: 16px;
}
.qk__img--square{
aspect-ratio: 1/1;
} @media only screen and (min-width: 576px) {
.container {
max-width: 540px;
}
body {
font-size: 14px;
line-height: 26px;
}
body.menu-open {
overflow: auto;
}
body.menu-open::after {
background: transparent;
z-index: 0;
}
.search-modal__wrapper {
width: 360px;
}
#search-modal__field--input {
font-size: 15px;
}
.tour-card__link {
height: 76px;
line-height: 38px;
}
.home-services__list {
grid-template-columns: 1fr 1fr;
}
.single__package--col {
align-items: start;
}
.honor__list {
grid-template-columns: 1fr 1fr;
}
.custom-video {
border-radius: 24px;
} .tour-head__title {
font-size: var(--title-huge);
line-height: 50px;
}
.child-pages__item{
width: 100px;
}
.tours__links--list {
gap: 20px;
}
.tours__links--item {
padding: 5px 20px;
}
.content-cta{
margin: 10px 0;
padding: 15px;
}
.content-cta__img{
width: 75px;
height: 75px !important;
}
.content-cta__span,.content-cta__link{
font-size: 18px !important;
} .single__package--img {
height: 200px;
} .social-banner{
border-radius: 24px;
}
.social-banner__link{
margin: 0 0 0 7%;
padding: 0 30px;
justify-self: end;
align-self: center;
} .combo-list {
margin-top: 100px;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 50px 20px;
}
.combo-item {
padding: 60px 20px 20px;
}
.combo-item__img {
width: 100px;
height: 90px;
top: -50%;
}
.combo-item__heading {
font-size: 20px;
} .modal-gallery__swiper {
width: 400px;
}
.combo-plan__item {
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
}
.combo-plan__item:nth-child(even) {
flex-direction: row-reverse;
}
.combo-plan__item--picture {
width: 80px;
height: 80px;
position: relative;
}
.combo-plan__item--img {
border-radius: 100%;
}
.combo-plan__item--wrapper {
width: calc(100% - 90px);
border-radius: 6px;
}
.combo-tips__content ul {
gap: 8px;
}
.combo-tips__content ul li {
padding: 5px;
} .title__center{
margin-bottom: 50px;
font-size: var(--title-huge);
line-height: 50px;
}
.author-box{
grid-template-columns: 80px 1fr;
} .help-section_wrapper {
grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
}
.help__item p {
font-size: 20px;
}
}
@media only screen and (min-width: 768px) {
.container {
max-width: 720px;
}
.section-title__heading {
padding-right: 40px;
padding-left: 10px;
font-size: var(--title-big);
line-height: 50px;
}
.section-title__heading::before {
width: 30px;
height: 30px;
}
.section-title__slogan {
width: 100%;
height: 26px;
margin: 0;
padding-right: 20px;
background-image: url(//jimbo.travel/wp-content/themes/jimbotraveltheme/assets/images/title-pattern.png);
background-repeat: repeat-x;
background-size: contain;
background-position: right;
font-family: var(--YekanBakh);
font-size: var(--title-small);
line-height: 50px;
letter-spacing: -0.4px;
color: var(--secondary--text-color);
position: absolute;
z-index: -1;
right: 0;
display: flex;
justify-content: end;
align-items: center;
}
.section-title__slogan span {
padding-right: 10px;
background: var(--body);
}
.section-title__text{
font-size: 17px;
}
.primary-title::after {
content: "";
width: calc(100% - 20px);
height: 26px;
margin: 0;
padding-right: 20px;
background-image: url(//jimbo.travel/wp-content/themes/jimbotraveltheme/assets/images/title-pattern.png);
background-repeat: repeat-x;
background-size: contain;
background-position: right;
line-height: 50px;
color: var(--secondary--text-color);
position: absolute;
z-index: -1;
right: 0;
display: flex;
justify-content: end;
align-items: center;
}
.primary-title__heading{
padding-right: 40px;
padding-left: 10px;
font-size: var(--title-big);
line-height: 50px;
}
.primary-title__heading::before {
width: 30px;
height: 30px;
}
.primary-title__link{
padding: 8px 16px;
font-size: 18px;
}
.primary-title__link--text{
display: initial;
}
.tertiary-title{
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
gap: 20px;
}
.tertiary-title__discount {
width: 100%;
height: 25px;
margin: 0;
padding-right: 20px;
background-image: url(//jimbo.travel/wp-content/themes/jimbotraveltheme/assets/images/title-pattern.png);
background-repeat: repeat-x;
background-size: contain;
background-position: right;
color: var(--secondary--text-color);
position: absolute;
z-index: 1;
right: 0;
display: flex;
justify-content: end;
align-items: center;
}
.tertiary-title__heading {
padding-left: 20px;
}
.tertiary-title__discount--wrapper{
padding-right: 20px;
}
.fourth-title::before {
content: "";
width: 100%;
height: 26px;
background-image: url(//jimbo.travel/wp-content/themes/jimbotraveltheme/assets/images/title-pattern.png);
background-repeat: repeat-x;
background-size: contain;
background-position: right;
position: absolute;
left: 0;
right: 0;
}
.three-col {
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.four-col,.five-col {
grid-template-columns: repeat(2, 1fr);
}
.mobile-column{
flex-direction: column;
}
.hero__wrapper {
padding: 200px 0;
}
.hero__single .hero__wrapper {
padding: 160px 0 0;
}
.tour-search__wrapper{
grid-template-columns: repeat(3, minmax(150px,1fr)) 115px;
gap: 20px;
}
#jalaliDateInput {
font-size: 16px;
}
.date-picker__calendar {
right: initial;
left: 0;
}
.date-picker__month-wrapper{
height: initial;
flex-direction: row;
justify-content: center;
align-items: start;
overflow-y: initial;
}
.date-picker__month:nth-child(1){
padding-left: 10px;
border-left: 1px dotted #ccc;
}
.hero__home .hero__wrapper {
align-self: center;
}
.hero-tours__list{
margin-top: 80px;
}
#searchform {
height: 45px;
}
#searchsubmit {
top: 10px;
}
.breadcrumb, .tour-head__summery--item:nth-child(1) {
width: initial;
}
.single__nav {
grid-template-columns: repeat(3, 1fr);
}
.single__nav--link {
flex-direction: column;
justify-content: space-between;
gap: 10px;
}
.single__nav--img {
width: 90px;
height: 90px;
padding: 20px;
}
.single__nav--text {
width: 100%;
background: var(--primary-color);
color: var(--white);
}
.services-box__list {
grid-template-columns: repeat(3, 1fr);
gap: 20px;
} .mobile-nav__wrapper{
grid-template-columns: 200px 1fr 200px;
} .tour-ads__list {
grid-template-columns: 1fr 1fr;
} .footer-middle{
flex-direction: row;
justify-content: space-between;
align-items: start;
}
.footer-social__heading{
text-align: end;
}
.footer-social {
justify-content: end;
} .child-pages__item{
width: 110px;
} 
.tours__package--item {
grid-template-columns: 0.75fr 1.5fr 45px 0.75fr;
gap: 20px;
align-items: center;
}
.tours__package--two{
padding: 10px 0;
}
.tours__package--transport::after {
border-top: 0;
border-left: 1px dashed var(--tertiary-color);
width: 1px;
height: 100%;
top: 0;
bottom: 0;
right: 50%;
transform: translate(50%, 0);
}
.tours__package--transport span{
display: initial;
}
.tours__package--reserve {
width: 130px;
}
.tours__package--btn{
height: 30px;
margin: 0 auto;
border-radius: 6px;
} .last-minute__right{
flex-direction: row;
flex-wrap: wrap;
}
.last-minute__arrow{
width:50px;
height:50px;
background:url(https://jimbo.travel/wp-content/uploads/2024/11/left-arrow.gif) no-repeat;
background-position: center center;
background-size: contain;
display: inline-block;
}
.single__package--item {
grid-template-columns: 1.5fr 1fr 0.5fr;
align-items: center;
}
.single__package--item-hotel {
flex-direction: row;
align-items: center;
}
.single__package--img {
min-width: 100px;
max-width: 100px;
height: 100px;
}
.single__package--title-star{
flex-direction: column;
justify-content: start;
align-items: start;
}
.single__package--title,.single__package--title a{
font-size: 16px;
line-height: 20px;
}
.tours__package--register {
width: 105px;
max-width: initial;
height: 30px;
margin: 0 auto;
border-radius: 8px;
}
.content-box .gallery-columns-4, .content-box .gallery-columns-5, .content-box .gallery-columns-6, .content-box .gallery-columns-7, .content-box .gallery-columns-8, .content-box .gallery-columns-9 {
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
} .modal-gallery__swiper {
width: 600px;
}
.combo-plan__item--picture:before, .combo-plan__item--picture:after {
display: block;
} .blog__list {
grid-template-columns: repeat(2, 1fr);
} .hotel-info {
margin-bottom: 40px;
}
.hotel-info__list {
grid-template-columns: repeat(4, 1fr);
gap: 30px;
}
.hotel-info__item {
border-radius: 24px;
} .contact-way__item {
width: calc(50% - 20px);
}
}
@media only screen and (min-width: 992px) {
.container {
max-width: 960px;
}
.section-margin {
margin-bottom: 50px;
}
.section-margin--top{
margin-top: 50px;
}
.box-style {
padding: 40px;
border-radius: 24px;
}
.box-style:not(:last-child) {
margin-bottom: 50px;
}
.img-style {
border-radius: 24px;
}
.secondary-title {
margin-bottom: 25px;
}
#hero.hero__home {
height: 800px;
}
#searchform {
max-width: 70%;
width: 350px;
}
.home-consult__heading{
padding: 0 25px;
font-size: 20px;
}
.home-consult__list {
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.home-services__list {
grid-template-columns: repeat(4, 1fr);
gap: 20px;
} .footer-main__wrapper {
grid-template-columns: 1fr 3fr;
gap: 20px;
}
.footer__brand {
text-align: start;
}
.footer-license__list {
justify-content: start;
}
.footer__left {
gap: 20px;
} .child-pages__item{
width: 128px;
} 
div.content-consult-form__wrapper {
flex-direction: row;
flex-wrap: wrap;
gap: 20px;
}
div.content-consult-form__right {
width: calc(60% - 10px) !important;
}
div.content-consult-form__left {
width: calc(40% - 10px) !important;
}
.secondary-title, .archive-title,.tertiary-title__heading{
font-size: 26px;
line-height: 40px;
}
.content-box h1 {
font-size: 28px;
line-height: 44px;
}
.content-box h2 {
font-size: 26px;
line-height: 40px;
}
.content-box h3 {
font-size: 24px;
line-height: 38px;
}
.content-box h4 {
font-size: 22px;
line-height: 36px;
}
.content-box h5 {
font-size: 20px;
line-height: 34px;
}
.content-box h6 {
font-size: 18px;
line-height: 34px;
}
.content-box p {
font-size: 17px;
line-height: 38px;
}
.content-box a {
font-size: 17px;
line-height: 38px;
}
.content-box ul,.content-box ol {
padding-right: 35px;
}
.content-box li {
font-size: 16px;
line-height: 28px;
}
.tab__item--question {
font-size: 18px;
} .tour-head__top {
margin-bottom: 40px;
flex-direction: row;
justify-content: space-between;
gap: 50px 20px;
}
.tour-head__top--end {
justify-content: end;
}
body.page-template .tour-head__top {
justify-content: end;
}
.tour-head {
padding-top: 100px;
padding-bottom: 50px;
}
.tour-head__summery::after {
content: "";
width: 30%;
height: 1px;
background: var(--primary-color);
position: absolute;
left: 0;
z-index: -1;
}
.tour-head__summery--item {
padding: 10px 15px;
gap: 16px;
}
.tour-head__summery--item:nth-child(1) {
padding: 15px 20px;
}
.tour-head__summery--item:nth-child(1) .tour-head__summery--amount {
font-size: 20px;
}
.tour-head__summery--item:nth-child(n+2){
flex: initial;
}
.tour-head__summery--title::after {
top: 1px;
left: -12px;
font-size: 12px;
}
.single__excerpt {
text-align: start;
}
.single__nav {
margin-bottom: 50px;
}
.content-box .gallery {
margin: 30px 0 !important;
}
.single__aside {
margin-top: 0;
--offset: 2rem;
position: sticky;
top: var(--offset);
align-self: start;
}
.bottom-slogan__list {
grid-template-columns: repeat(3, 1fr);
gap: 20px;
} .blog__list {
grid-template-columns: repeat(3, 1fr);
}
.blog-cat__list{
justify-content: center;
}
.blog-cat__item{
width: 160px;
}
.blog-cat__name{
font-size: 18px;
} .modal-gallery__swiper {
width: 700px;
}
.combo-plan__item--picture:before, .combo-plan__item--picture:after {
display: none;
} .tour-head__title--wrapper {
justify-content: start;
}
.tour-head__title {
text-align: start;
}
.hotel--per-eng {
text-align: start;
}
.gallery-section{
margin-bottom: 50px;
} .error-page__wrapper {
grid-template-columns: 1fr 1fr;
} .site-notification__item{
background: var(--white);
box-shadow: 0px 4px 22px 0px rgba(100, 100, 111, 0.2);
border-radius: 16px;
overflow: hidden;
display: grid;
grid-template-columns: 150px 1.5fr 1fr 160px;
gap: 20px;
}
.site-notification__item:not(:last-child){
margin-bottom: 20px;
}
.site-notification__item--img{
width: 100%;
height: 100%;
grid-column: 1/2;
}
.site-notification__item--body{
padding: 20px 0;
grid-column: 2/3;
}
.site-notification__item--title{
font-size: 20px;
}
.site-notification__item--paragraph{
display: block;
}
.site-notification__item--date{
font-size: 16px;
grid-column: 3/4;
}
.site-notification__item--download{
margin-left: 20px;
grid-column: 4/5;
}
.site-notification__item--download-img{
display: initial;
}
}
@media only screen and (min-width: 1200px) {
:root {
--title-huge: 42px;
--title-big: 32px;
--title-regular: 24px;
--title-small: 22px;
--paragraph-big: 18px;
--paragraph-regular: 16px;
--paragraph-small: 14px;
}
.container {
max-width: 1140px;
}
.section-margin {
margin-bottom: 80px;
}
.margin-top {
margin-top: 70px;
}
.two-col {
flex-direction: row;
flex-wrap: wrap;
}
.two-col .col {
width: calc(50% - 10px);
}
.two-third {
width: calc(66% - 10px);
}
.one-third{
width: calc(33% - 10px);
}
.four-col {
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr;
gap: 20px;
}
.main-menu__wrapper {
margin-top: 60px;
display: grid;
grid-template-columns: 150px 1fr 120px;
gap: 30px;
align-items: center;
}
#main-menu.no-sticky .main-menu__wrapper {
margin-top: 20px;
margin-bottom: 40px;
padding: 20px;
background: var(--primary-color);
border-radius: 16px;
}
.mobile-nav {
display: none;
}
.main-menu__nav {
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.main-menu__item {
width: initial;
display: inline-block;
}
.main-menu__list>.main-menu__item{
border-radius: 24px;
transition: 0.4s all;
}
.main-menu__list>.main-menu__item:hover{
background: var(--header);
}
.main-menu__list>.main-menu__item:not(:last-child) {
margin-left: 10px;
}
.main-menu__list .menu-item-has-children::after {
top: 14px;
left: 11px;
}
.main-menu__list>.main-menu__item>.sub-menu__wrapper {
position: absolute;
top: 42px;
right: 0;
transform: translate(0, 0);
z-index: 10;
opacity: 0;
visibility: hidden;
user-select: none;
overflow: visible;
pointer-events: none;
transition: all 0.4s;
}
.main-menu__list>.main-menu__item>.sub-menu__wrapper>.sub-menu {
width: max-content;
min-width: 170px;
max-height: 280px;
margin-top: 8px;
margin-right: 0;
padding: 24px 24px 14px 24px;
background: var(--header);
box-shadow: 0px 24px 32px 4px rgba(167, 174, 186, 0.12);
border-radius: 16px;
display: grid;
grid-template-rows: repeat(auto-fit, minmax(34px, 1fr));
grid-auto-flow: column;
gap: 0 25px;
position: relative;
}
.main-menu__item>.sub-menu__wrapper>.sub-menu::before {
content: '';
position: absolute;
top: -8px;
right: 35px;
mask: url(//jimbo.travel/wp-content/themes/jimbotraveltheme/assets/images/Subtract.svg) no-repeat center / contain;
-webkit-mask: url(//jimbo.travel/wp-content/themes/jimbotraveltheme/assets/images/Subtract.svg) no-repeat center / contain;
background-color: rgba(0, 0, 0, 0.6);
background-size: contain;
width: 20px;
height: 8px;
}
.main-menu__item .sub-menu__wrapper .main-menu__item {
padding: 0;
margin: 0;
position: relative;
}
.main-menu__item .sub-menu .main-menu__item.depth-1::before {
content: "";
position: absolute;
width: 12px;
height: 12px;
background: var(--secondary-color);
border-radius: 4px;
top: 4px;
right: 0;
}
.main-menu__item:hover>.sub-menu__wrapper {
opacity: 1;
visibility: visible;
user-select: all;
pointer-events: auto;
}
.main-menu__link {
width: 100%;
padding: 7px 16px 7px 16px;
transition: 0.6s all;
font-size: 17px;
color: var(--white);
text-shadow: 3px 3px 6px var(--black);
}
.menu-item-has-children .main-menu__link{
padding: 7px 16px 7px 28px;
}
.menu-item-has-children .sub-menu .main-menu__link {
margin-bottom: 12px;
font-size: 16px;
font-weight: 500;
font-variation-settings: var(--fontWeight500);
}
.main-menu__item.menu-item-has-children>.sub-menu__wrapper .sub-menu__wrapper::before {
display: none;
}
.main-menu__item .sub-menu__wrapper .sub-menu .sub-menu {
display: flex;
flex-direction: column;
}
.hero__home--wrapper {
grid-template-columns: 1fr 1fr;
gap: 100px;
}
.hero-slogan {
max-width: 250px;
margin: 0 auto;
padding: 20px 20px 0 0;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
position: relative;
}
.hero-slogan::before{
content: "";    
width: 100%;
max-width: 220px;
height: 100%;
max-height: 277px;
border: 1px dashed var(--white);
border-radius: 24px;
position: absolute;
top: 0;
right: 0;
z-index: -1;
}
.hero-slogan--img {
width: 100%;
height: 100%;
border-radius: 24px;
}
.hero-slogan__card{
padding: 10px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 5px;
background: var(--white);
border-radius: 8px;
position: absolute;
bottom: 10%;
left: -20%;
}
.hero-slogan__card--text{
font-size: 14px;
}
.tour-card__price {
font-size: 16px;
} .footer-bottom__wrapper {
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.footer-bottom__copyright {
text-align: right;
} .child-pages__item:not(:last-child){
margin-left: 20px;
}
.single__wrapper {
grid-template-columns: calc(75% - 15px) calc(25% - 15px);
} #hero.hero__single {
height: 550px;
}
.single__information--row {
grid-template-columns: repeat(3, 1fr);
}
.single__information--box {
padding: 5px;
flex-direction: column;
justify-content: center;
}
.single__information--box img {
width: 75px;
height: 75px;
position: absolute;
opacity: 0.8;
}
.single__information--box:nth-child(1) img {
left: -10px;
bottom: -10px;
}
.single__information--box:nth-child(2) img {
left: -3px;
bottom: -3px;
}
.single__information--box:nth-child(3) img {
left: -12px;
bottom: -12px;
}
.single__information--title{
width: 120px;
margin-bottom: 10px;
}
.single__information--title p,.single__information--text, .single__information--box time,.single__information--line-full-inside p,.single__information--line-full ul li,.single__information--line-full ol li{
font-size: 18px !important;
}
.single__information--other-title, .single__information--id-title, .single__information--services-title, .single__information--description-title{
font-size: 18px;
}
.single__information--text {
height: initial;
padding: initial;
border: 0;
} .blog__list {
grid-template-columns: repeat(4, 1fr);
} .combo-card__wrapper {
max-width: 860px;
} .tour-head--combined{
padding-top: 200px;
}
.modal-gallery__swiper {
width: 1000px;
}
.combo-plan__item {
gap: 20px;
}
.combo-plan__item--wrapper {
width: calc(100% - 100px);
} #hero.hero__single.hero__single--help {
height: 650px;
} .consult__wrapper.two-col .col:nth-child(1) {
order: 1;
}
.consult__wrapper.two-col .col:nth-child(2) {
order: 2;
}
}
@media only screen and (min-width: 1400px) {
.container {
max-width: 1340px;
}
.main-menu__wrapper {
grid-template-columns: 220px 1fr 120px;
gap: 40px;
}
.main-menu__link {
padding: 8px 20px 8px 20px;
font-size: 18px;
}
.menu-item-has-children .main-menu__link{
padding: 8px 20px 8px 34px;
}
.main-menu__nav .menu-item-has-children::after{
width: 18px;
height: 18px;
top: 14px;
left: 16px;
}
.five-col {
grid-template-columns: repeat(5, 1fr);
grid-template-rows: 1fr;
gap: 20px;
}
.services-box__list {
grid-template-columns: repeat(6, 1fr);
gap: 20px;
}
.tour-card__price {
font-size: 18px;
}
.hero-slogan {
max-width: 334px;
}
.hero-slogan::before{
max-width: 294px;
max-height: 372px;
}
.hero__home--wrapper{
grid-template-columns: 1fr 1.5fr;
} .child-pages__item{
width: 133px;
} .tour-head__summery::after {
width: 40%;
}
.last-minute{
grid-template-columns: 3.2fr 1fr;
justify-content: space-between;
}
.last-minute__right{
justify-content: flex-start;
}
.last-minute__left{
justify-content: flex-end;
}
.tours__package--title {
font-size: 20px;
} .modal-gallery__swiper {
width: 1100px;
}
.combo-plan__item--picture:before, .combo-plan__item--picture:after {
display: block;
}
}
@media only screen and (min-width: 1600px) {
.container {
max-width: 1540px;
} .child-pages__item{
width: 126px;
}
.table-of-content__link {
font-size: 18px;
}
.table-of-content__link:before {
width: 16px;
height: 16px;
top: 3px;
} .single__package--list{
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.single__package--item-hotel {
gap: 15px;
}
.single__package--eng {
font-size: var(--paragraph-big);
line-height: 20px;
} .modal-gallery__swiper {
width: 1300px;
}
}