:root {
    --primary: #990011;
    --primary-dark: #a3381f;
    --white: #fff;
    --black: #1c1c1c;
    --black-light: #091e42;
    --black-light1: #2d3134;
    --black-light2: #121416;
    --txt-color: #5d6b82;
    --txt-color1: #98a1b0;
    --gray: #f5f6f7;
    --gray1: #b3b9c4;
    --border-gray: #d4d4d4;
    --border: #dfe2e6;
    --parpal: #3e005b;
    --primary-light: #fff3eb;
    --primary-light2: #eea093a1;
    --green: #44ac21;
    --bg-color: #e2e4e7;
    --txt-color2: #263238;
    --gray-dark: #b2b2b2;
    --yellow-light: #fff0da;
    --green-light: #a7f3f9;
    --pink-light: #f2def5
}

.dest-tab-item h4,
.dest-tab-item p,
.discount-layer p,
.reviews,
.trending,
section.filter .rangeSlider~.head {
    margin-bottom: 5px
}

.banner .imgArea .txtLine>span,
.book-now,
.book-now-slider,
.discount-item,
.full-bg,
.tdArea,
.travel-content {
    position: relative
}

button,
button:focus {
    outline: 0
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

.category-slider-item .swiper-slide,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1 !important;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 400
}

.tCard .details .links>li,
ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.relative {
    position: relative
}

a {
    text-decoration: none;
    transition: .5s ease-in-out
}

strong {
    font-weight: 700 !important
}

button {
    border: none;
    background-color: transparent;
    margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 12px;
    color: var(--black);
    line-height: 1
}

h1 {
    font-size: 32px;
    font-weight: 600;
    line-height: 40px
}

h2 {
    font-size: 30px;
    line-height: 40px;
    font-weight: 600
}

h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 34px
}

h4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px
}

h5 {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px
}

h6 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

p {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: var(--txt-color);
    margin-bottom: 10px
}

h1.letter-spacing {
    letter-spacing: 5px
}

.mt_83 {
    margin-top: 83px
}

.pt-130 {
    padding-top: 130px
}

.subscript-sec {
    width: 100%;
    height: 100vh;
    padding-top: 50px
}

.sub_wrapper {
    padding: 20px;
    background-color: var(--gray)
}

.sub_wrapper h2 {
    color: #7c7c7c;
    font-size: 22px;
    line-height: 26px;
    margin-top: 5px
}

.form-sub h3 {
    color: var(--primary) !important;
    font-size: 24px;
    line-height: 46px;
    margin: 5px;
    margin-top: 0 !important
}

.form-sub {
    background-color: var(--white);
    padding: 20px
}

.form-sub p {
    font-size: 16px;
    line-height: 24px
}

.form-sub textarea {
    width: 100%;
    padding: 20px 10px;
    border: none;
    box-shadow: 0 0 19px rgba(0, 0, 0, .1);
    margin-bottom: 20px;
    font-size: 14px;
    height: 150px;
    line-height: 24px
}

.sub-email-icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    background-color: var(--primary);
    margin-bottom: 20px;
    background-size: 200% auto;
    color: #fff;
    box-shadow: 0 0 20px #eee;
    background-image: linear-gradient(to right, #fe7555 0%, #fda085 51%, #ff7555 100%)
}

.form-sub .title {
    padding: 10px;
    display: block;
    text-align: left;
    font-size: 18px;
    background: #f5f6f7;
    color: #7c7c7c
}

.sub-email-icon img {
    width: 60px
}

.form-sub textarea:focus {
    border: none;
    outline: none
}

.form-sub button {
    padding: 10px 30px;
    font-size: 20px;
    color: var(--white);
    background-size: 200% auto;
    color: #fff;
    box-shadow: 0 0 20px #eee;
    border-radius: 30px;
    background-image: linear-gradient(to right, #fe7555 0%, #fda085 51%, #ff7555 100%)
}

#destbuttonid {
    width: auto;
    height: auto !important;
    line-height: inherit;
    padding: 12px 64px;
    border-radius: 8px;
    border: none;
    font-size: 16px;
    font-weight: 600;
    background-color: var(--primary);
    display: block;
    text-align: right;
    margin-top: 10px;
    text-align: center;
    margin: 10px auto
}

.loader {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 99999
}

.loader .box {
    font-size: 40px;
    position: relative;
    margin-bottom: .25em;
    vertical-align: top;
    transition: .3s color, .3s border, .3s transform, .3s opacity;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.loader-in {
    border-radius: 50%;
    box-shadow: inset 0 0 0 .1em var(--white), -.5em -.5em 0 -.4em var(--white), 0 -.7em 0 -.4em var(--white), .5em -.5em 0 -.4em var(--white), -.5em .5em 0 -.4em var(--white), 0 .7em 0 -.4em var(--white), .5em .5em 0 -.4em var(--white), -.7em 0 0 -.4em var(--white), .7em 0 0 -.4em var(--white);
    animation: 2s loader-in linear infinite
}

[class*="loader-"] {
    display: inline-block;
    width: 1em;
    height: 1em;
    color: inherit;
    vertical-align: middle;
    pointer-events: none
}

@keyframes loader-in {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.form-control:focus {
    box-shadow: none
}

.view-packages {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: none
}

.amenities {
    position: relative
}

.tooltip {
    display: inline-block;
    opacity: 1;
    cursor: pointer;
    position: static
}

.tooltip:hover .tooltiptext {
    display: block;
    visibility: visible
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: auto;
    background-color: var(--white);
    color: var(--black-light);
    text-align: center;
    border-radius: 3px;
    padding: 0 5px 2px;
    line-height: 24px;
    position: absolute;
    z-index: 1;
    top: 100%;
    margin-top: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    border: 1px solid var(--border-gray);
    display: none
}

.bg-body {
    background-color: var(--bg-color) !important
}

.bg-gray {
    background-color: var(--gray) !important
}

.view-packages button {
    display: block;
    text-align: center;
    width: 100%;
    background: var(--primary);
    color: var(--white);
    padding: 18px 20px;
    font-size: 20px;
    font-weight: 500
}

.bg-white {
    background-color: var(--white)
}

.moretext {
    display: none
}

.readmoreBtn a {
    margin-top: 10px;
    display: block;
    color: var(--primary)
}

.readmoreBtn a i {
    vertical-align: middle
}

.full-inner-content {
    min-height: 100px;
    word-wrap: break-word
}

.full-inner-content .article a {
    color: var(--black);
    font-size: 18px;
    text-decoration: underline
}

.full-inner-content .article a:hover {
    color: var(--black-light)
}

.full-inner-content h4 {
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 500
}

.full-inner-content p strong {
    font-weight: 700
}

.full-inner-content ul {
    padding-left: 17px
}

.full-inner-content ul li {
    list-style: disc;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: var(--txt-color);
    margin-bottom: 10px
}

.section-title {
    font-size: 16px;
    line-height: 24px;
    color: var(--primary);
    text-transform: uppercase;
    font-weight: 500
}

.booknow-btn:hover,
.custom_slide_btn.swiper-button-next:hover,
.custom_slide_btn.swiper-button-prev:hover {
    background-color: var(--primary);
    border-color: var(--primary)
}

.color-btn {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #ff7555;
    transition: .5s ease-in-out
}

.custom_btn {
    padding-top: 16px;
    padding-bottom: 16px;
    height: 48px;
    border: 0;
    color: var(--white);
    background-color: var(--primary);
    position: relative;
    width: 100%;
    display: block;
    transition: .5s ease-in-out;
    text-align: center
}

.custom_btn.white {
    background-color: var(--white);
    color: var(--primary);
    border-color: var(--primary)
}

.custom_btn_sm {
    width: auto;
    padding: 10px 32px 10px 32px;
    width: auto;
    display: inline-block;
    height: auto;
    border: 2px solid var(--primary-light2);
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600
}

.custom_btn:hover,
.booknow-btn:hover,
.sm-btn:hover {
    background-color: var(--primary-dark);
    color: var(--white);
    border-color: transparent
}

.back-btn {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid rgba(255, 255, 255, .5)
}

.color-btn i {
    vertical-align: middle
}

.dial-call a {
    font-size: 14px;
    font-weight: 600;
    color: var(--primary);
    display: flex;
    align-items: center
}

.call-icon {
    width: 33px;
    height: 33px;
    border-radius: 100%;
    position: relative;
    background-color: var(--primary-light2);
    margin-right: 10px;
    padding: 6px
}

.call-icon span {
    display: inline-block;
    background: var(--primary);
    width: 21px;
    height: 21px;
    border-radius: 50%;
    position: relative
}

.price_area .crose-price {
    font-size: 14px;
    font-weight: 400;
    color: var(--txt-color);
    margin-bottom: 0
}

.price_area .crose-price span {
    font-size: 16px;
    font-weight: 500;
    color: var(--green)
}

.price_area .price {
    font-weight: 700;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.price_area .price label {
    width: auto;
    margin-bottom: 5px
}

.price_area p {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px
}

.review-point {
    width: 34px;
    height: 34px;
    border-radius: 5px;
    background: #0c2d00;
    background: linear-gradient(0deg, rgba(12, 45, 0, 1) 0%, rgba(38, 128, 8, 1) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    margin-right: 16px
}

.excellent-review {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 4px
}

.about-reviews p {
    font-weight: 400 !important;
    line-height: 18px;
    margin-bottom: 0
}

.about-reviews strong {
    font-weight: 600;
    display: block
}

.heading1 {
    width: 100%;
    font-weight: 600;
    font-size: 32px;
    color: #000;
    display: block;
    line-height: 1.2
}

.heading1+.subHead {
    font-size: 16px;
    color: #000;
    margin-bottom: 50px
}

.subhead1 {
    font-weight: 500;
    font-size: 20px;
    color: var(--primary)
}

.offer-limit {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 16px 10px;
    background-color: var(--black);
    color: var(--white);
    text-align: center;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    font-size: 14px;
    font-weight: 400
}

.timer {
    padding: 8px 10px;
    background-color: var(--white);
    border-radius: 30px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    margin-top: 10px
}

body {
    scrollbar-width: thin;
    scrollbar-color: #f2f2f2
}

::-webkit-scrollbar {
    width: 8px;
    background-color: var(--primary)
}

::-webkit-scrollbar-track {
    background: #f2f2f2
}

::-webkit-scrollbar-thumb {
    background-color: var(--gray);
    border-radius: 0;
    background-color: var(--primary)
}

.btn-close:focus {
    outline: none;
    box-shadow: none
}

.call-icon img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 14px
}

.swiper-container {
    width: 100%;
    padding-bottom: 50px !important
}

.swiper-slide {
    background-position: 50%;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    justify-content: center;
    flex-direction: column
}

.swiper-button-next,
.swiper-button-prev {
    width: 40px;
    height: 40px;
    border: 1px solid #2d3134;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    top: inherit;
    background-size: 30%;
    z-index: 999
}

.swiper-pagination {
    z-index: 9999;
    width: 50% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    padding-top: 5px
}

.swiper-pagination span {
    position: relative;
    z-index: 999;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1.5px solid #5d6b82;
    display: inline-block;
    background-color: #fff
}

.swiper-pagination span.swiper-pagination-bullet-active {
    background-color: #ff7555;
    border: none
}

.custom_slide_btn.swiper-button-next,
.custom_slide_btn.swiper-button-prev {
    top: 60px;
    left: inherit;
    width: 54px;
    height: 54px;
    font-size: 0;
    border: 1px solid #2d3134;
    border-radius: 50%;
    position: absolute;
    background-size: 30%;
    z-index: 999
}

.banner .imgArea>:last-child,
.subhead1,
.tCard .details>:last-child,
section.filter .part>ul>li:last-child label:last-child {
    margin-bottom: 0
}

.banner.home>*,
.banner.searchEngine form,
.fc,
.testimonials figure,
main,
main .tCard,
main .tCard .details,
main .tCard .details fieldset>ul>li,
main .tCard .slider figure,
main>*,
section.readMore ul {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    flex-direction: column
}

.banner.searchEngine .imgArea .heading>i,
.center,
.testimonials .swiper-button-next,
.testimonials .swiper-button-prev,
main .tCard .slider .swiper-button-next,
main .tCard .slider .swiper-button-prev {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    -webkit-box-pack: space-between;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center
}

.banner.searchEngine .imgArea .heading>i,
.banner.searchEngine form,
.testimonials .swiper-button-next,
.testimonials .swiper-button-prev,
.trans,
a,
header,
header.active,
header.active .navbar-dark .navbar-nav .nav-link {
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.1, .1, 1, .1)
}

.color-btn,
header {
    transition: .5s ease-in-out
}

.banner,
.swiper-slide {
    background-size: cover
}

.linksBack .lbArea {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    flex-direction: column;
    border-radius: 8px;
    padding: 10px 0 15px
}

.linksBack .lbArea:not(:last-child) {
    margin-bottom: 30px
}

.linksBack .lbArea .head {
    font-size: 20px;
    font-weight: 600;
    color: var(--black);
    line-height: 1.3
}

.linksBack .lbArea .links {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    flex-wrap: wrap;
    padding: 0 0 0 0;
    margin: 0
}

.linksBack .lbArea .links>li {
    width: 33.33%;
    margin-bottom: 15px;
    list-style: none;
    padding-right: 30px;
    font-size: 0
}

.linksBack .lbArea .links>li>a {
    line-height: 1.3;
    font-size: 16px;
    color: var(--primary);
    display: inline-block
}

.custom_slide_btn.swiper-button-prev {
    background-image: url(../../images/slider-arrow-left.png);
    right: 70px
}

.custom_slide_btn.swiper-button-next {
    background-image: url(../../images/slider-arrow-right.png);
    right: 0
}

.custom_slide_btn.swiper-button-prev:hover {
    background-image: url(../../images/slider-arrow-left-white.png)
}

.custom_slide_btn.swiper-button-next:hover {
    background-image: url(../../images/slider-arrow-right-white.png)
}

.breadCrumbs .bdArea>a,
.color-btn,
.footer-menu ul li a:hover,
.reviews li:not(:last-of-type) i,
.sm-btn,
header.active .navbar-dark .navbar-nav .nav-link.btn-outline-secondary,
header.active .navbar-dark .navbar-nav .nav-link.btn-primary:active,
header.active .navbar-dark .navbar-nav .nav-link.btn-primary:focus,
header.active .navbar-dark .navbar-nav .nav-link.btn-primary:hover,
section.filter .heading>a:active,
section.filter .heading>a:focus,
section.filter .heading>a:hover {
    color: var(--primary)
}

.sm-btn:active,
.sm-btn:focus,
.sm-btn:hover,
header .nav-item .nav-link.btn-outline-secondary:active,
header .nav-item .nav-link.btn-outline-secondary:focus,
header .nav-item .nav-link.btn-outline-secondary:hover {
    background: var(--primary);
    color: #fff
}

.mini-header {
    background-color: var(--white);
    border-bottom: 1px solid var(--border);
    padding: 10px 0
}

header.mini-header nav.navbar-expand-sm {
    padding-top: 10px
}

header.mini-header .navbar-dark .nav-item .nav-link {
    color: var(--black-light)
}

header.mini-header .nav-item .nav-link:hover,
header.mini-header .nav-item .nav-link:focus {
    color: var(--primary)
}

header.mini-header .nav-item .nav-link.btn-primary {
    color: var(--white)
}

header.mini-header .nav-item .nav-link.btn-primary:hover,
header.mini-header .nav-item .nav-link.btn-primary:focus {
    color: var(--black-light)
}

header.mini-header .nav-item .nav-link.btn-outline-secondary:hover,
header.mini-header .nav-item .nav-link.btn-outline-secondary:focus {
    color: var(--white)
}

header .alert-dismissible {
    background-color: #ececec;
    border-radius: 0;
    border: none
}

header .alert-dismissible .redirect-banner {
    color: var(--black);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

header .alert-dismissible .redirect-banner a {
    color: var(--primary);
    text-decoration: underline;
    font-size: 16px
}

header .alert-dismissible .close {
    width: 45px;
    height: 42px;
    background: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: var(--black);
    line-height: 11px;
    padding: 0;
    margin-top: -12px;
    position: absolute;
    right: 0;
    top: 0;
    border-bottom: 1px solid #ddd
}

header {
    transition: .5s ease-in-out;
    border-bottom: 1px solid var(--border);
    position: relative;
    background-color: var(--white);
    z-index: 999
}

header.active {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid var(--border);
    transition: .5s ease-in-out;
    z-index: 999
}

header.active nav.navbar-expand-sm {
    padding: 5px 0
}

header .navbar-dark .navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 0
}

.tCard .details .stars,
header .nav-item {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center
}

header nav.navbar-expand-sm {
    width: 100%
}

header .navbar-collapse {
    flex: none
}

header .navbar-brand>img {
    width: 154px
}

header .nav-item:not(:nth-last-child(2), :last-child) {
    margin-right: 18px
}

.banner.searchEngine form>ul>li:last-child,
header .nav-item:last-child {
    margin-left: 15px
}

header .navbar-dark .navbar-nav .nav-item .nav-link {
    font-weight: 600;
    font-size: 16px;
    color: var(--black-light)
}

header .nav-item .nav-link.btn {
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 8px
}

header .nav-item .nav-link.btn-outline-secondary {
    border: 2px solid var(--primary);
    color: var(--primary)
}

header .nav-item .nav-link.btn-outline-secondary:active,
header .nav-item .nav-link.btn-outline-secondary:focus,
header .nav-item .nav-link.btn-outline-secondary:hover {
    background: var(--primary);
    color: #fff
}

header .nav-item .nav-link.btn-primary {
    background: var(--primary);
    color: #fff;
    border: 2px solid var(--primary)
}

header .nav-item .nav-link.btn-primary:active,
header .nav-item .nav-link.btn-primary:focus,
header .nav-item .nav-link.btn-primary:hover {
    background: 0 0;
    color: var(--primary)
}

.close_header_menu {
    display: none
}

#collapsibleNavbar {
    margin-left: 30px;
    width: calc(100% - 170px);
    justify-content: space-between
}

header .nav-item .dropdown-menu {
    border-radius: 0;
    padding: 0;
    width: auto;
    border: none;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    margin-top: 16px
}

header .nav-item .dropdown-menu li .dropdown-item {
    padding: 8px 10px;
    font-size: 14px;
    font-weight: 500;
    color: var(--txt-color)
}

header .nav-item .dropdown-menu li .dropdown-item:hover,
.multi-item-drop ul li a:hover {
    background-color: var(--gray)
}

.multi-item-drop {
    display: flex;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    min-width: 458px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex
}

.navbar-nav .nav-link i {
    margin-left: 5px
}

.multi-item-drop>div {
    width: 50%
}

.multi-item-drop>div h6 {
    font-size: 16px;
    font-weight: 500;
    color: var(--black-light);
    padding: 3px 10px;
    background-color: #e7effe;
    margin-bottom: 0
}

.domestic-package {
    border-right: 1px solid var(--gray)
}

.multi-item-drop ul li a {
    padding: 8px 10px;
    font-size: 14px;
    font-weight: 500;
    color: var(--txt-color);
    display: block
}

.custom-accordion h4 {
    font-weight: 600
}

.custom-accordion h2 {
    line-height: 36px;
    color: var(--black);
    position: relative;
    font-size: 27px
}

.custom-accordion #accordionExample1 {
    border: 1px solid var(--border);
    border-radius: 12px
}

.custom-accordion h2#headingOne {
    font-size: 16px;
    font-weight: 500
}

.custom-accordion .accordion-item {
    background-color: var(--white) !important;
    position: relative;
    border-left: none;
    border-right: none;
    border-top: none;
    padding: 20px 34px 20px 40px
}

.custom-accordion .accordion-item:first-child {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

.custom-accordion .accordion-item:last-child {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

.custom-accordion .accordion-item .accordion-count {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    color: #5d6b82;
    position: absolute;
    left: 70px;
    top: 17px
}

.custom-accordion .accordion-item.active .close-acco span:first-child {
    display: none
}

#accordionExample1 .custom-accordion .accordion-item.active.bg-white {
    background-color: var(--white)
}

.custom-accordion .accordion-button {
    background-color: transparent;
    border: none;
    box-shadow: none;
    width: 100%;
    font-weight: 500;
    padding: 0 40px 0 0;
    color: var(--black)
}

.custom-accordion .accordion-button:after {
    display: none
}

.color-btn:hover,
.custom-accordion .accordion-button:not(.collapsed) {
    color: #000
}

.custom-accordion .accordion-body {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding: 0;
    padding-right: 35px
}

.custom-accordion .accordion-body p {
    font-size: 14px;
    line-height: 22px;
    padding-top: 5px;
    color: var(--txt-color)
}

.custom-accordion .accordion-item:last-child,
.nav-tabs {
    border-bottom: none
}

.color-btn:hover,
.custom-accordion .accordion-button:not(.collapsed),
.custom-accordion h2 {
    color: var(--black)
}

.custom-accordion .accordion-body,
.custom-accordion .accordion-item .accordion-count {
    color: var(--txt-color)
}

.close-acco {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid var(--black);
    position: absolute;
    right: 34px;
    top: 50%;
    transform: translateY(-50%)
}

.close-acco span {
    width: 10px;
    height: 2px;
    background-color: var(--black);
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    border-radius: 20px
}

.close-acco span:last-of-type {
    transform: translate(-50%, -50%) rotate(0deg)
}

.custom-accordion.country-accordion .accordion-button {
    width: 100%;
    padding-top: 0;
    font-size: 20px;
    font-weight: 600
}

.country-accordion .close-acco {
    width: 26px;
    height: 26px;
    border: none;
    background-color: var(--gray)
}

.country-accordion .close-acco span {
    border-radius: 0
}

.country-accordion .accordion-item.active .close-acco {
    background-color: var(--black)
}

.country-accordion .accordion-item.active .close-acco span {
    background-color: var(--white)
}

.data-not-found {
    border: 1px solid var(--gray1);
    padding: 24px 10px;
    border-radius: 10px;
    text-align: center
}

.data-not-found img {
    display: block;
    margin: 0 auto
}

.message-not-found {
    max-width: 450px;
    margin: 0 auto
}

.message-not-found .custom_btn {
    border: none;
    border-radius: 60px;
    font-size: 20px;
    font-weight: 600;
    padding: 14px 50px
}

.message-not-found h4 {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 10px
}

.searchengin-buttons {
    border-bottom: 1px solid var(--border);
    margin-bottom: 20px
}

.searchengin-buttons ul li a {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--black);
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 3px 12px 3px
}

.searchengin-buttons ul li.active a:before {
    width: 100%
}

.searchengin-buttons ul li a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 3px;
    background-color: var(--primary);
    transition: .5s ease-in-out
}

.searchengin-buttons ul li a svg {
    vertical-align: middle;
    fill: var(--gray1);
    margin-right: 5px;
    transition: .5s ease-in-out
}

.searchengin-buttons ul li a svg path {
    fill: var(--gray1);
    transition: .5s ease-in-out
}

.searchengin-buttons ul li.active a svg path,
.searchengin-buttons ul li a:hover svg path {
    fill: var(--primary)
}

.searchengin-buttons ul li a:hover:before {
    width: 100%
}

.searchengin-buttons ul li:not(:last-child) {
    margin-right: 15px
}

.banner {
    background-position: center;
    background-repeat: no-repeat
}

.banner .imgArea {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    flex-direction: column;
    color: #fff;
    padding: 200px 0 25px
}

.banner .imgArea .heading {
    color: #fff;
    margin-bottom: 8px;
    text-transform: capitalize;
    font-size: 30px;
    line-height: 40px
}

.short-content h2 {
    font-size: 24px;
    line-height: 32px
}

.banner .imgArea .subhead {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 10px
}

.banner .imgArea .txtLine {
    font-size: 14px;
    font-weight: 300;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    flex-wrap: wrap
}

.banner .imgArea .txtLine>span>img {
    width: 10px;
    vertical-align: baseline
}

.banner .imgArea .txtLine>span>* {
    display: inline-block;
    margin-right: 2px
}

.banner .imgArea .txtLine>span:not(:last-child) {
    padding-right: 25px;
    margin-right: 10px
}

.banner .imgArea .txtLine>span:not(:last-child)::after {
    width: 15px;
    height: 1px;
    background: #fff;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

.searching-form {
    background-color: var(--white);
    border-radius: 16px;
    padding: 24px 35px 30px;
    border: 1px solid var(--gray1)
}

#DestinationSearch>ul>li {
    border: 1px solid var(--txt-color1);
    padding: 10px 15px;
    border-radius: 10px;
    text-align: left
}

#DestinationSearch ul li:first-child input {
    background-image: none
}

#DestinationSearch>ul>li input:focus {
    border: none;
    box-shadow: none;
    border-color: inherit
}

#DestinationSearch>ul>li input {
    border: none;
    height: auto;
    text-align: left;
    color: var(--black);
    font-size: 16px;
    font-weight: 600
}

#DestinationSearch>ul>li input::placeholder {
    color: var(--black);
    font-size: 16px;
    font-weight: 600
}

#DestinationSearch>ul>li input::-webkit-input-placeholder {
    color: var(--black);
    font-size: 16px;
    font-weight: 600
}

#DestinationSearch>ul>li input::-moz-placeholder {
    color: var(--black);
    font-size: 16px;
    font-weight: 600
}

#DestinationSearch>ul>li input:-ms-input-placeholder {
    color: var(--black);
    font-size: 16px;
    font-weight: 600
}

#DestinationSearch>ul>li input:-moz-placeholder,
#DestinationSearch>ul>li .form-control {
    color: var(--black);
    font-size: 16px;
    font-weight: 600
}

#DestinationSearch>ul>li:last-of-type {
    border: none;
    padding: 0;
    margin-left: 0;
    width: auto
}

#DestinationSearch>ul>li:not(:last-of-type) {
    margin-right: 25px
}

.package .banner-searchengin-form,
.package .banner-searchengin-form .searching-form {
    position: static
}

.package {
    border-bottom: 1px solid var(--txt-color1)
}

.package .banner-searchengin-form .searching-form {
    border: none;
    border-radius: 0;
    padding: 30px 0
}

.banner.searchEngine .imgArea .heading>span>b {
    display: block;
    font-size: 16px;
    text-align: right;
    font-style: normal;
    font-weight: 400;
    margin-top: 10px;
    cursor: pointer
}

.banner.searchEngine .imgArea .heading>i {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 10px;
    border: 2px solid #fff;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    cursor: pointer
}

.banner.searchEngine .imgArea .heading>i::before {
    margin: auto
}

.banner.searchEngine.active .imgArea .heading>span>b {
    display: none
}

.banner.searchEngine.active .imgArea .heading>i {
    display: flex !important;
    height: 20px;
    visibility: visible;
    opacity: 1
}

.listing-banner {
    background-image: url(../../images/kerala.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 144px 0 20px
}

.dest_list_banner {
    background-image: none;
    padding: 0
}

.listing-banner-content p {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px
}

.listing-banner-content h1,
.listing-banner-content p {
    color: var(--black-light);
    text-shadow: 0 5px 3px rgba(0, 0, 0, .6), 0 8px 13px rgba(0, 0, 0, .1), 0 18px 23px rgba(0, 0, 0, .1)
}

.dest_list_banner h1 {
    color: var(--black-light);
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 2px 1px rgba(0, 0, 0, .2), 0 1px 1px rgba(0, 0, 0, .1)
}

.listing-banner-content h1 {
    text-transform: capitalize
}

.listing-banner-content h2 {
    margin-bottom: 0;
    font-size: 40px;
    color: var(--white);
    text-transform: capitalize
}

.banner.searchEngine form>ul {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    align-items: flex-end;
    align-items: center;
    flex-wrap: wrap
}

.banner.searchEngine form>ul>li {
    width: 345px;
    list-style: none
}

.banner-searchengin-form form>ul>li label {
    color: var(--txt-color)
}

.banner.searchEngine form label {
    width: 100%;
    text-align: left;
    margin-bottom: 0;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase
}

.banner.searchEngine form label i {
    margin-right: 5px
}

.banner.searchEngine form button {
    width: auto;
    background: var(--primary);
    border-color: var(--primary);
    border-radius: 18px;
    width: 78px;
    height: 69px !important;
    padding: 0;
    line-height: 95px
}

.banner.searchEngine form .form-control,
.banner.searchEngine form .form-select,
.banner.searchEngine form button {
    height: 48px
}

.banner.searchEngine form .form-control,
.banner.searchEngine form .form-select,
.banner.searchEngine form input {
    font-size: 14px;
    color: var(--txt-color1)
}

.banner.searchEngine form .form-select,
.banner.searchEngine form input {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url(../../images/select-arrow-down.png) center right 12px no-repeat #fff
}

.banner.searchEngine form .date {
    background: url(../../images/calendar.png) center right 12px no-repeat #fff
}

.banner.searchEngine form ::placeholder {
    color: var(--txt-color1);
    opacity: 1
}

.banner.searchEngine form ::-ms-input-placeholder {
    color: var(--txt-color1)
}

.banner.home {
    background-image: url(../../images/home-img/home-banner.jpg);
    min-height: auto;
    background-position: 100% 14%;
    position: relative;
    padding-bottom: 190px
}

.banner.home:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    z-index: 1
}

.banner.home.searchEngine .top .imgArea {
    text-align: left;
    padding-top: 50px;
    position: relative;
    z-index: 2
}

.banner.home.searchEngine .top .imgArea .subhead1 {
    font-weight: 700;
    color: var(--primary);
    line-height: 32px;
    font-size: 20px
}

.banner.home.searchEngine .top .imgArea p {
    font-size: 16px;
    font-weight: 400;
    color: var(--white);
    line-height: 27px
}

.banner-searchengin-form h2 {
    color: var(--black-light);
    margin-bottom: 10px;
    text-align: left;
    margin-bottom: 20px;
    font-weight: 600
}

.banner-searchengin-form {
    position: absolute;
    bottom: 0;
    width: 100%
}

.banner-searchengin-form .searching-form {
    position: relative;
    top: 60px;
    z-index: 2
}

.banner.blogs {
    background-image: url(../../images/blogs.jpg)
}

.banner.blogs .imgArea {
    padding-top: 150px
}

.banner.blogs .imgArea .link {
    font-size: 0;
    margin-top: 20px
}

.banner.blogs .imgArea .link>a {
    font-size: 16px;
    display: inline-block;
    color: var(--black-light2);
    font-weight: 600;
    background: #fff;
    padding: 5px 10px;
    border-radius: 4px
}

.banner.searchEngine form>ul>li:not(:last-child),
.nav-tabs li:not(:last-of-type) {
    margin-right: 15px
}

.banner .imgArea .txtLine>span>a,
header .navbar-dark .navbar-nav .nav-link,
header.active .navbar-dark .navbar-nav .nav-link.btn-outline-secondary:active,
header.active .navbar-dark .navbar-nav .nav-link.btn-outline-secondary:focus,
header.active .navbar-dark .navbar-nav .nav-link.btn-outline-secondary:hover,
header.active .navbar-dark .navbar-nav .nav-link.btn-primary {
    color: var(--white)
}

.banner.searchEngine form>ul>li {
    position: relative
}

.durationsList {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #ced4da;
    margin-top: -1px;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    z-index: 99
}

.durationsList>ul {
    display: flex;
    flex-direction: column
}

.durationsList>ul>li {
    display: flex
}

.durationsList>ul>li:not(:last-child) {
    border-bottom: 1px solid #ced4da
}

.durationsList>ul>li label:hover {
    background: var(--primary);
    transition: .3s linear;
    color: #fff
}

.banner.searchEngine form .durationsList label {
    margin-bottom: 0;
    font-size: inherit;
    position: relative;
    padding: 10px 12px 10px 38px
}

.durationsList>ul>li label input {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0
}

.durationsList>ul>li label span::before {
    content: "";
    width: 18px;
    height: 18px;
    border: 1px solid #2d3134;
    position: absolute;
    top: 0;
    left: 12px;
    bottom: 0;
    margin: auto;
    border-radius: 2px
}

.durationsList>ul>li label span::after {
    position: absolute;
    top: -2px;
    left: 18px;
    bottom: 0;
    margin: auto;
    content: "";
    width: 6px;
    height: 12px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg)
}

.durationsList>ul>li label input:checked~span::before {
    background: var(--primary);
    border: none
}

.durationsList>ul>li label input:checked~span::after {
    border: 2px solid #fff;
    border-left: none;
    border-top: none
}

.durationsList>ul>li label:hover span::before {
    border-color: #fff;
    transition: .3s linear
}

.durationsList>ul>li label:hover input:checked~span::before {
    border: 1px solid #fff
}

.banner.home.searchEngine .bottom form .durationsList>ul>li label:hover {
    color: #fff
}

.monthsDropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #ced4da;
    margin-top: -1px;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    z-index: 99
}

.monthsDropdown>ul {
    display: flex;
    flex-direction: column
}

.monthsDropdown>ul>li {
    padding: 10px 12px;
    color: var(--txt-color);
    transition: .3s linear;
    text-align: left;
    cursor: default
}

.monthsDropdown>ul>li:not(:last-child) {
    border-bottom: 1px solid #ced4da
}

.monthsDropdown>ul>li:hover {
    background: var(--primary);
    color: #fff
}

.ui-menu.ui-widget-content {
    background: #fff;
    border: 1px solid #ced4da;
    margin-top: -3px;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    overflow-y: auto;
    max-height: 176px;
    padding: 0
}

.ui-menu.ui-widget-content>li {
    display: flex;
    flex-direction: column
}

.ui-menu.ui-widget-content>li .ui-menu-item-wrapper {
    padding: 10px 12px;
    color: var(--txt-color);
    transition: .3s linear;
    text-align: left;
    cursor: default;
    background: transparent;
    border: none;
    outline: none;
    font-weight: normal;
    margin: 0 !important
}

.ui-menu.ui-widget-content>li .ui-menu-item-wrapper.ui-state-active {
    margin: 0 !important
}

.ui-menu.ui-widget-content>li:not(:last-child) {
    border-bottom: 1px solid #ced4da
}

.ui-menu.ui-widget-content>li .ui-menu-item-wrapper:hover {
    background: var(--primary);
    color: #fff
}

.js-filterOptins {
    display: none
}

.content-wrapp p {
    font-size: 16px;
    color: var(--black);
    font-weight: 400;
    line-height: 24px
}

.content-wrapp h3 {
    text-transform: capitalize
}

.detail-slide-items {
    height: 400px;
    position: relative;
    padding: 24px;
    border-radius: 16px;
    background-color: var(--white);
    margin-bottom: 20px
}

.detail-slide-items .slider-item {
    width: 100%;
    height: 100%;
    position: relative
}

.detail-slide-items .slider-item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.detail-slide-items .swiper-container {
    padding-bottom: 0 !important;
    height: 100%
}

.detail-slide-items .slider-item.activeOverlay:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 63%);
    border-radius: 8px;
    z-index: 1
}

.about-package-title {
    position: absolute;
    z-index: 9;
    left: 20px;
    bottom: 20px;
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-right: 30px
}

.about-package-title p {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    color: var(--white);
    margin-bottom: 0
}

.about-package-title span {
    width: auto;
    color: var(--white);
    border: 1px solid var(--primary);
    padding: 5px;
    margin-left: 15px
}

.detail-banner-slider {
    border-radius: 10px
}

.offers .swiper-container {
    padding-bottom: 0 !important
}

.breadCrumbs,
section.filter form.active {
    display: flex
}

.breadCrumbs .bdArea {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    font-size: 18px;
    font-weight: 500
}

.breadCrumbs .bdArea>:not(:last-child) {
    margin-right: 10px
}

.breadCrumbs .bdArea>a::after {
    font-family: fontAwesome;
    content: "";
    margin-left: 10px;
    font-size: 10px;
    color: var(--primary);
    vertical-align: middle
}

.breadCrumbs .bdArea>span,
header.active .navbar-dark .navbar-nav .nav-link {
    color: var(--black-light)
}

.price-range {
    border: 0;
    color: var(--black);
    font-size: 14px;
    text-align: center;
    margin-bottom: 8px;
    width: 100%;
    font-weight: 400;
    cursor: context-menu
}

.price-range:focus {
    outline: none;
    border: none
}

.slider-range {
    margin: 10px 10px 14px 10px;
    height: 6px;
    background: #ccc !important;
    border: 0 !important
}

.slider-range .ui-widget-header {
    background: var(--primary);
    margin-left: 4px;
    border-radius: 20px
}

.slider-range .ui-slider-handle {
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 100%
}

.slider-range .ui-slider-handle {
    top: -8px;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 100%;
    border: none;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
    outline: none
}

.filter-section .block1 {
    padding-top: 10px;
    display: inline-block
}

.radio-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-right: 10px
}

.radio-wrapper p {
    position: relative
}

.radio-wrapper input[type="radio"]:checked,
.radio-wrapper input[type="radio"]:not(:checked) {
    position: absolute;
    left: 0;
    top: 5px;
    opacity: 0;
    z-index: 9
}

.radio-wrapper input[type="radio"]:checked+label,
.radio-wrapper input[type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 26px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: var(--txt-color);
    margin-right: 20px;
    font-size: 14px
}

.radio-wrapper input[type="radio"]:checked+label:before,
.radio-wrapper input[type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid var(--primary);
    border-radius: 100%;
    background: var(--white)
}

.radio-wrapper input[type="radio"]:checked+label:after,
.radio-wrapper input[type="radio"]:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: var(--primary);
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.radio-wrapper input[type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.radio-wrapper input[type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.hide_h1 {
    display: none
}

.mail_address ul li,
.mail_address ul li a {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    position: relative;
    padding-left: 28px;
    color: var(--black-light);
    margin-bottom: 10px
}

.mail_address ul li span svg {
    width: 20px;
    fill: var(--primary)
}

.mail_address ul li a {
    padding-left: 0;
    margin-bottom: 0
}

.mail_address ul li span.svg_icon {
    position: absolute;
    top: 0;
    left: 0
}

.global_site ul li {
    padding: 0;
    margin: 0;
    margin-right: 15px
}

.global_site .heading_footer {
    font-weight: 600;
    color: var(--primary);
    font-size: 18px;
    line-height: 28px
}

.footer_links .heading_footer {
    font-weight: 600;
    color: var(--primary);
    margin-bottom: 0;
    font-size: 18px;
    line-height: 28px
}

.footer_links ul li a {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--black);
    margin-bottom: 10px;
    display: block
}

.footer_links ul {
    column-count: 2;
    padding-top: 14px
}

.footer_links.country_links ul {
    column-count: 3
}

.mail_address {
    padding-top: 12px
}

footer p {
    font-weight: 400;
    font-size: 14px
}

.footer_inn {
    position: relative
}

.contact-social ul li a i {
    color: var(--black-light);
    font-size: 20px;
    transition: .5s ease-in-out
}

.contact-social span {
    color: var(--primary);
    font-size: 18px;
    line-height: 30px;
    font-weight: 600
}

.contact-social ul li {
    padding: 0;
    margin-right: 20px
}

.contact-social ul li:hover a i {
    color: var(--primary)
}

.custom-padd {
    padding-top: 54px
}

.global_site ul {
    flex-wrap: wrap
}

.imgText {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.imgText span {
    text-align: center;
    width: 100%;
    color: var(--primary);
    font-size: 18px;
    font-weight: 500;
    margin: 15px 0 30px
}

.formArea {
    width: 100%;
    display: flex;
    flex-direction: column
}

.formArea label {
    width: 100%;
    margin-bottom: 10px
}

.formArea label>span {
    color: var(--txt-color1);
    font-weight: 400;
    font-size: 12px
}

.formArea label:not(.checkoxArea) {
    color: var(--black-light1);
    font-weight: 600
}

.formArea label,
.formArea .form-control {
    font-size: 14px
}

.formArea .form-control,
.formArea .checkoxArea {
    margin-bottom: 5px
}

.formArea span.map {
    display: flex;
    position: relative
}

.formArea span.map::before {
    font-family: FontAwesome;
    content: "";
    position: absolute;
    top: 17px;
    left: 12px;
    font-size: 24px;
    line-height: .5;
    color: var(--txt-color1);
    z-index: 9
}

.formArea span.map .form-control,
.contact-form-area .form-group input {
    position: relative;
    background: transparent;
    padding-left: 36px;
    height: 48px;
    border: 1px solid var(--border);
    border-radius: 8px !important
}

.formArea span.calendar {
    display: flex;
    position: relative
}

.formArea span.calendar::before {
    font-family: FontAwesome;
    content: "";
    position: absolute;
    top: 15px;
    left: 12px;
    bottom: 0;
    font-size: 18px;
    color: var(--txt-color1)
}

.formArea span.calendar .form-control {
    position: relative;
    background: transparent;
    padding-left: 36px;
    height: 48px;
    border: 1px solid var(--gray1);
    margin-bottom: 0;
    border-radius: 0
}

.checkoxArea {
    position: relative;
    padding-left: 24px;
    line-height: 1.5
}

.checkoxArea>input {
    margin-top: 0;
    position: absolute;
    top: 2px;
    left: 0;
    width: 18px;
    height: 18px;
    border-radius: 0 !important;
    border-color: rgba(0, 0, 0, .7)
}

.formArea .links {
    margin-left: -5px;
    margin-right: -5px;
    padding-bottom: 20px
}

.formArea .links a {
    color: var(--white);
    background: var(--gray-dark);
    width: 100%;
    display: block;
    text-align: center;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 5px
}

.formArea .links a:hover,
.formArea .links a:active,
.formArea .links a:focus {
    background: var(--primary);
    color: var(--white)
}

.formArea .links>* {
    padding-left: 5px;
    padding-right: 5px
}

.formArea .customize {
    margin-bottom: 0;
    border-radius: 8px
}

.close_icon {
    position: absolute;
    right: 0;
    top: 0
}

.close_field {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer
}

.close_field svg {
    width: 25px
}

.contact-form-area .form-group .dropdown-menu li a {
    display: block;
    padding: 5px
}

.contact-form-area .form-group button.btn:hover,
.contact-form-area .form-group button.btn:focus {
    background-color: var(--primary);
    border-color: var(--primary)
}

.input-with-icon {
    position: relative;
    width: 100%;
    height: 48px
}

.input-with-icon input {
    width: 100%;
    height: 100%
}

.input-with-icon span {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9
}

.input-with-icon span i {
    color: var(--primary)
}

.contact-form-area .form-group input {
    font-size: 14px
}

.contact-form-area .form-group input[type=text] {
    padding-left: 10px
}

.contact-form-area .form-label {
    color: var(--black-light1);
    font-weight: 600;
    font-size: 14px
}

.contact-form-area .form-check input {
    margin-top: 2px
}

.contact-form-area .form-check {
    margin-bottom: 15px
}

.contact-form-area .form-check .form-check-label {
    font-size: 14px;
    font-weight: 400;
    color: var(--txt-color);
    margin-bottom: 0;
    line-height: 0
}

.numberCounter {
    display: flex;
    border: 1px solid var(--gray1);
    border-radius: 0
}

.numberCounter input {
    text-align: center;
    height: 46px;
    max-width: 100%;
    width: 100%;
    border: none;
    outline: none
}

.numberCounter span {
    width: 35px;
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    justify-content: center;
    color: var(--primary);
    font-size: 30px
}

#CountryPhnCode {
    border: 1px solid var(--border);
    border-radius: 8px;
    margin-right: 12px
}

#CountryPhnCode:hover,
#CountryPhnCode.show {
    background-color: inherit;
    color: var(--txt-color);
    box-shadow: none
}

#CountryPhnCode:focus {
    box-shadow: none;
    background-color: var(--white);
    color: var(--txt-color)
}

.boxArea .input-group .dropdown-menu ul li a {
    color: var(--black)
}

#SendEnquiryPopup .modal-dialog {
    max-width: 100%;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .3);
    margin: 0
}

#SendEnquiryPopup {
    padding: 0
}

.Enquiry-modal-body {
    text-align: center;
    font-size: 14px;
    line-height: 20px
}

#SendEnquiryPopup .modal-dialog .modal-content {
    border-radius: 10px;
    width: 340px;
    margin: 0 auto;
    padding: 25px 15px 15px;
    background-color: var(--white);
    border: none
}

#SendEnquiryPopup .modal-dialog .modal-content img {
    width: 40px
}

.send-inquiry {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 13px 0;
    background: var(--white);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .2);
    z-index: 999
}

.send-inquiry .custom_btn {
    color: var(--white);
    font-size: 16px;
    font-weight: 700;
    border-radius: 7px;
    width: 96%;
    margin: 0 auto
}

.mail-sent-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary);
    position: absolute;
    left: 50%;
    top: -30px;
    transform: translateX(-50%)
}

#SendEnquiryPopup .modal-header {
    padding: 0;
    border: none
}

#SendEnquiryPopup .modal-header button {
    background-image: none;
    opacity: 1
}

#SendEnquiryPopup .modal-header button:focus {
    outline: none;
    box-shadow: none
}

#SendEnquiryPopup .Enquiry-modal-body {
    padding-top: 35px;
    padding-bottom: 10px;
    font-size: 20px;
    text-transform: capitalize;
    color: var(--txt-color);
    font-weight: 600
}

#SendEnquiryPopup .Enquiry-modal-body p {
    font-size: 14px;
    margin-top: 20px;
    text-transform: initial
}

.custom-close-icons span {
    width: 18px;
    height: 3px;
    background-color: var(--black);
    display: block;
    transform: rotate(45deg);
    margin-top: -2px;
    border-radius: 10px;
    margin-left: 5px
}

.custom-close-icons span:last-child {
    transform: rotate(-45deg);
    margin-top: -3px
}

#Inputphone {
    padding-left: 10px;
    --webkit-appearance: none
}

#Inputphone::-webkit-outer-spin-button,
#Inputphone::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

#Inputphone[type=number] {
    -moz-appearance: textfield
}

.details-table {
    background-color: var(--white);
    padding: 20px 20px 40px
}

.details-table table {
    background-color: var(--gray);
    padding: 10px 0;
    width: 100%;
    display: block;
    border-collapse: collapse;
    border-radius: 10px
}

.details-table table th,
.details-table table td {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    color: var(--txt-color);
    padding: 10px 30px 10px 20px
}

.details-table table td {
    color: var(--black);
    padding-top: 0
}

.details-table h2 {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: var(--black);
    margin-bottom: 20px
}

.errorSpan,
.common-error {
    color: #f00;
    font-size: 14px;
    margin-top: 5px;
    display: block;
    margin-bottom: 5px;
    width: 100%
}

.tCard .slider:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 63%);
    border-radius: 0;
    z-index: 1
}

.tCard .slider {
    position: relative
}

.tCard .slider .excellent-review {
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 2
}

.tCard .slider .excellent-review .about-reviews p {
    color: var(--white);
    font-size: 12px;
    line-height: 18px
}

.tCard .slider .excellent-review .about-reviews p strong {
    font-weight: 600
}

.about-reviews strong {
    font-weight: 500
}

.tCard .slider .excellent-review .review-point {
    width: 45px;
    height: 45px;
    margin-right: 10px
}

.most_trending {
    position: absolute;
    top: 0;
    left: 0;
    background: #f00;
    padding: 10px 10px;
    border-radius: 5px;
    border-bottom-left-radius: 5px;
    background: linear-gradient(0deg, #0c2d00 0%, #268008 100%);
    color: var(--white);
    font-size: 10px;
    font-weight: 500;
    border-bottom-left-radius: 0
}

.tCard .slider .most_trending {
    font-size: 12px;
    line-height: 22px;
    border-radius: 10px;
    padding: 4px 10px;
    top: 10px;
    left: 10px
}

#location-popup .modal-header {
    align-items: center;
    justify-content: flex-end;
    padding: 0;
    box-shadow: none;
    border: none
}

#location-popup .modal-header button {
    margin: 0 0 0 0;
    padding: 0;
    right: 20px;
    top: 20px;
    position: relative
}

#location-popup .modal-header span {
    color: var(--black);
    font-size: 16px;
    font-weight: 600
}

#location-popup .modal-dialog {
    max-width: 834px
}

#location-popup .modal-body {
    padding: 0
}

#location-popup .boxArea {
    width: calc(100% - 316px);
    padding: 0 40px 30px
}

#location-popup .custom-close-icons {
    position: absolute;
    right: 20px;
    top: 27px;
    background-image: none;
    z-index: 99;
    opacity: 1
}

#location-popup .modal-content {
    border-radius: 12px
}

.how-it-works-aside {
    border-bottom-left-radius: 12px;
    border-top-left-radius: 12px
}

.form-check-input:checked {
    background-color: var(--primary);
    border-color: var(--primary)
}

.form-check-input:checked:focus {
    box-shadow: none
}

.how-it-works-aside {
    width: 316px;
    padding: 45px 30px 35px;
    background-color: var(--gray);
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: space-between
}

.tell-us-detail {
    padding-left: 12px
}

.tell-us-detail li {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: var(--txt-color);
    list-style: disc;
    margin-bottom: 5px
}

.work-process ul li {
    text-align: center
}

.work-process ul li img {
    width: 36px;
    height: 36px
}

.work-process ul li strong {
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
    color: var(--txt-color);
    margin: 5px 0;
    display: block
}

.work-process ul li p {
    font-size: 12px;
    font-weight: 400;
    line-height: 19px;
    color: var(--txt-color);
    text-align: center
}

.call-us-detail {
    border-top: 1px solid var(--primary);
    padding-top: 25px
}

.call-us-detail .dial-call {
    display: flex;
    align-content: center;
    justify-content: center
}

.call-us-detail p {
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    color: var(--txt-color)
}

.call-us-detail .dial-call a {
    font-size: 18px
}

.contact-works-inn h4 {
    color: var(--black-light);
    text-align: center
}

.datepicker td,
.datepicker th {
    padding: 7px !important
}

.datepicker table tr td.active {
    background-color: var(--primary) !important;
    background-image: none !important
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover {
    background-color: var(--primary) !important
}

.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover,
.datepicker td:hover,
.datepicker th:hover,
.datepicker .datepicker-months tbody td span.month:hover {
    background-color: var(--primary) !important;
    color: var(--white) !important
}

.datepicker .datepicker-months tbody td:hover {
    background-color: inherit !important;
    color: var(--black) !important
}

.datepicker .datepicker-months tbody td span.month {
    height: 40px;
    line-height: 40px
}

.datepicker .datepicker-months thead .datepicker-switch {
    background-color: var(--primary);
    color: var(--white)
}

.custom_overlay {
    position: relative
}

.custom_overlay:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 63%);
    border-radius: 0;
    z-index: 1
}

.content404 a {
    color: var(--white);
    padding: 9px 60px 9px 60px;
    border-radius: 30px;
    text-align: center;
    background-color: var(--primary);
    margin-top: 20px;
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px
}

.content404 p {
    color: var(--black)
}

.inn404 img {
    width: 67%;
    margin: 0 auto;
    display: block
}

.overlay2 {
    position: fixed;
    z-index: 100001;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 60px 20px 20px;
    overflow: scroll;
    background: var(--white);
    transition: .5s
}

.search_active_mobile .overlay2 {
    padding: 20px 20px 20px
}

.search_active_mobile .overlay2 .closebtn3 {
    top: 20px
}

.my_pagination {
    width: 100%;
    display: flex
}

.my_pagination div {
    width: 100%;
    display: flex
}

.my_pagination ul {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.my_pagination ul>li {
    list-style: none;
    display: flex;
    margin-bottom: 5px
}

.my_pagination ul>li:not(:last-child) {
    margin-right: 10px
}

.my_pagination ul>li>a {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
    border: 1px solid #b3b9c4;
    font-size: 16px;
    font-weight: 600;
    color: #333
}

.my_pagination ul>li.disabled>a {
    cursor: default;
    opacity: .35
}

.my_pagination ul>li.active>a {
    background-color: #990011;
    color: #fff !important;
    border-color: transparent
}

.my_pagination ul>li.paginationjs-ellipsis.disabled>a {
    border: none;
    opacity: 1;
    background: transparent
}

.my_pagination ul>li.paginationjs-prev>a,
.my_pagination ul>li.paginationjs-next>a {
    font-size: 24px
}

.sectionMain {
    padding: 0;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: justify
}

.sectionMain h3 {
    margin: 0;
    margin: 15px 0;
    color: var(--black-light)
}

.sectionMain h4 {
    margin: 0;
    margin-top: 15px;
    margin-bottom: 5px;
    color: var(--primary);
    font-size: 16px;
    font-weight: 600
}

.sectionMain h5 {
    margin: 5px 0;
    color: var(--black-light);
    font-size: 16px;
    font-weight: 600;
    text-decoration: underline
}

.sectionMain ul {
    margin-top: 0;
    margin-bottom: 1rem;
    padding-left: 30px
}

.sectionMain ul li {
    margin-bottom: 5px;
    margin-top: 0;
    list-style: disc;
    color: var(--txt-color);
    line-height: 27px
}

.page-heading h1 {
    font-size: 28px;
    text-align: center
}

.TrConTabVw {
    margin-bottom: 15px
}

.TrConTabVw table {
    width: 100%
}

.TrConTabVw .mainHd th {
    padding: 5px;
    text-align: center;
    background: var(--black-light);
    font-size: 18px;
    color: var(--white)
}

.TrConTabVw .tcTblSbhead td {
    padding: 5px;
    background: var(--gray);
    font-weight: 700;
    font-size: 14px;
    line-height: 22px
}

.TrConTabVw .tcTblSbhead td:nth-child(1) {
    width: 40%;
    text-align: left
}

.TrConTabVw .tcTblSbhead td:nth-child(2) {
    width: 30%;
    text-align: center
}

.TrConTabVw .tcTblSbhead td:nth-child(3) {
    width: 30%;
    text-align: center
}

.TrConTabVw .tcTblSbheadname td {
    width: 15%;
    background: var(--gray);
    padding: 5px;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px
}

.TrConTabVw .tcTblCnt td.tcTbltxt {
    width: 40%;
    padding: 5px;
    text-align: left;
    line-height: 24px
}

.TrConTabVw .tcTblCnt td.tcTblprc {
    width: 15%;
    padding: 5px;
    text-align: center
}

.tcTblNbCrHt table {
    width: 100%;
    margin-bottom: 15px
}

.tcTblNbCrHt .trcMainHD th {
    padding: 5px;
    text-align: center;
    background: var(--black-light);
    font-size: 18px;
    color: var(--white);
    line-height: 27px
}

.tcTblNbCrHt .tcSbhead td {
    padding: 5px;
    background: var(--gray);
    font-weight: 700
}

.tcTblNbCrHt .tctxtCnt td {
    padding: 5px
}

.tcTblNbCrHt .tcSbhead td:nth-child(1),
.tcTblNbCrHt .tctxtCnt td:nth-child(1) {
    width: 40%;
    text-align: left
}

.tcTblNbCrHt .tcSbhead td:nth-child(2),
.tcTblNbCrHt .tctxtCnt td:nth-child(2) {
    width: 30%;
    text-align: center
}

.tcTblNbCrHt .tcSbhead td:nth-child(3),
.tcTblNbCrHt .tctxtCnt td:nth-child(3) {
    width: 30%;
    text-align: center
}

.sitemap-banner {
    background-color: var(--primary);
    position: relative;
    overflow: hidden;
    padding: 54px 0
}

.sitemap-heading {
    position: relative
}

.sitemap-heading h1 {
    color: var(--white);
    font-size: 36px;
    line-height: 54px;
    margin-bottom: 0
}

.link-box {
    border: 1px solid var(--txt-color1);
    border-radius: 16px;
    padding: 32px
}

.link-box.active-section {
    border-color: var(--primary)
}

.link-box.active-section h2 span {
    background-color: var(--primary);
    border-color: transparent
}

.link-box.active-section h2 span svg {
    fill: var(--white)
}

.link-box ul {
    flex-wrap: wrap;
    padding: 0;
    margin: 0
}

.link-box ul li {
    width: 25%;
    padding: 5px 5px 5px 0;
    margin: 5px 0;
    list-style: none;
    position: relative
}

.link-box ul li a {
    font-size: 18px;
    color: var(--black);
    line-height: 30px;
    font-weight: 500
}

.link-box ul li a:hover {
    color: var(--primary)
}

.link-box h2 {
    font-size: 24px;
    color: var(--black);
    line-height: 36px;
    font-weight: 600;
    display: flex;
    align-items: center
}

.link-box h2 span {
    width: 39px;
    height: 39px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--primary);
    margin-right: 15px
}

.link-box h2 span svg {
    width: 20px;
    fill: var(--primary)
}

.link-box h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 30px
}

.heading-line {
    width: 50px;
    margin: 0 auto;
    background-color: var(--primary);
    border-width: medium;
    border: 0;
    height: 3px !important;
    opacity: 1;
    display: block !important
}

.sitemap_tabs .mobile-wrapper {
    padding: 20px 0;
    position: sticky;
    top: 63px;
    background: var(--white);
    z-index: 99
}

.sitemap_tabs .mobile-wrapper .buttons a {
    font-size: 20px;
    font-weight: 400;
    line-height: 14px;
    color: var(--black-light);
    display: inline-block;
    border: 1px solid var(--border);
    border-radius: 30px;
    text-align: center;
    padding: 16px 32px;
    transition: .5s ease-in-out;
    margin-right: 15px
}

.sitemap_tabs .mobile-wrapper .buttons a.active,
.sitemap_tabs .mobile-wrapper .buttons a:hover {
    background-color: var(--primary);
    color: var(--white);
    border-color: transparent
}

.desti_popup .form-control {
    background-color: var(--gray);
    border: 1px solid var(--border);
    padding: 12px 10px 12px 45px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 0;
    color: var(--txt-color)
}

.desti_popup .form-control:focus {
    outline: none;
    border-color: var(--border)
}

.desti_popup .input-group #CountryPhnCode {
    background-color: var(--gray);
    border-radius: 0;
    border-color: var(--border);
    height: 48px;
    border-radius: 0;
    margin-right: 0
}

.desti_popup .input-group #CountryPhnCode:hover {
    background-color: var(--gray)
}

.desti_popup .form-check input {
    margin-top: 0;
    float: none;
    width: 18px;
    height: 18px
}

.desti_popup .form-check input:focus {
    outline: none;
    box-shadow: none
}

.desti_popup .form-check .form-check-label {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 500;
    width: auto;
    display: inline-block;
    padding-left: 5px
}

.desti_popup .custom_btn {
    font-size: 18px;
    font-weight: 600;
    border-radius: 4px
}

#desti_popup .modal-header {
    flex-direction: column;
    text-align: left;
    align-items: flex-start;
    padding-bottom: 0
}

#desti_popup .modal-header h5 {
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    margin-top: 15px
}

#desti_popup .modal-header p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--black-light)
}

#desti_popup .modal-header .custom-close-icons {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 99;
    width: 40px;
    height: 40px
}

.form_icons {
    position: absolute;
    left: 13px;
    top: 12px
}

.form_icons i {
    font-size: 20px;
    color: var(--txt-color)
}

.desti_popup input[type=tel] {
    padding-left: 20px;
    margin-bottom: 0
}

.desti_popup .form-control::-webkit-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: var(--txt-color)
}

.desti_popup .form-control:-moz-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: var(--txt-color)
}

.desti_popup .form-control::-moz-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: var(--txt-color)
}

.desti_popup .form-control:-ms-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: var(--txt-color)
}

.desti_popup .form-control::-ms-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: var(--txt-color)
}

.desti_popup .form-control::placeholder {
    font-size: 14px;
    font-weight: 400;
    color: var(--txt-color)
}

.tCard .slider.fig_box {
    width: 100%;
    height: 225px
}

.tCard .slider.fig_box:before {
    background: rgba(0, 0, 0, .3);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.tCard .slider.fig_box figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.best_time {
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 1
}

.cat_dest_det .tCard {
    flex-direction: column !important
}

.cat_dest_det .tCard .details figcaption a {
    color: var(--black)
}

.cat_dest_det .tCard .details {
    width: 100%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.cat_dest_det .price_item span.start_from {
    font-size: 12px;
    font-weight: 400;
    color: var(--txt-color);
    line-height: 20px
}

.cat_dest_det .details h4 {
    font-size: 18px;
    font-weight: 600;
    color: var(--black);
    margin-bottom: 0;
    line-height: 30px
}

.best_time span {
    font-size: 12px;
    font-weight: 500;
    color: var(--white)
}

.best_time p {
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    color: var(--white)
}

.cat_dest_det .price_item span {
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
    color: var(--black)
}

.veiw_det_hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    transition: .4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    z-index: 9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.veiw_det_hover .btn_wrapper a {
    border-color: var(--white);
    background-color: transparent;
    color: var(--white);
    padding: 14px 20px
}

.fig_box:hover .veiw_det_hover {
    opacity: 1;
    visibility: visible
}

.veiw_det_hover p {
    color: var(--white);
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    margin-top: 10px;
    line-height: 25px
}

.cat_dest_det .price_item span.line_throw {
    text-decoration: line-through;
    color: var(--txt-color);
    font-size: 12px
}

.activity-slider .showcaseSlider-next,
.activity-slider .showcaseSlider-prev {
    width: 35px;
    height: 35px;
    border-radius: 4px;
    border: 1px solid var(--border)
}

.activity-slider .showcaseSlider-next {
    right: 0;
    margin-right: -8px
}

.activity-slider .showcaseSlider-prev {
    margin-left: -8px;
    left: 0
}

.activity-slider .showcaseSlider-next i,
.activity-slider .showcaseSlider-prev i {
    color: var(--black-light);
    font-size: 15px
}

.activity-slider .swiper-slide,
.offers-slider .swiper-slide,
.pop_dest_slide .swiper-slide {
    height: auto
}

.activity-slider .cat_dest_det,
.activity-slider .cat_dest_det .tCard,
.activity-slider .cat_dest_det .tCard .details,
.offers-slider .swiper-slide a,
.offers-slider .swiper-slide a .category-slider-item,
.offers-slider .swiper-slide .category-slider-item,
.pop_dest_slide .swiper-slide>a {
    height: 100%
}

.activity-slider .tCard .slider.fig_box figure {
    width: 100%;
    height: 100%
}

.activity-slider .cat_dest_det {
    width: 100%
}

.popular-filter-btn,
.reset-filters,
.close_filters {
    display: none
}

.short-content h1 {
    font-size: 24px;
    line-height: 36px
}

.cc-picker-flag span {
    width: 16px;
    height: 11px;
    margin-right: 7px;
    display: inline-block;
    background: url('../../images/flags.png');
    position: relative;
    top: 1px
}

.cc-picker-flag .zw {
    background-position: 0 0
}

.cc-picker-flag .zm {
    background-position: -16px 0
}

.cc-picker-flag .za {
    background-position: 0 -11px
}

.cc-picker-flag .yt {
    background-position: -16px -11px
}

.cc-picker-flag .ye {
    background-position: -32px 0
}

.cc-picker-flag .ws {
    background-position: -32px -11px
}

.cc-picker-flag .wf {
    background-position: 0 -22px
}

.cc-picker-flag .vu {
    background-position: -32px -22px
}

.cc-picker-flag .vn {
    background-position: 0 -33px
}

.cc-picker-flag .vi {
    background-position: -16px -33px
}

.cc-picker-flag .vg {
    background-position: -32px -33px
}

.cc-picker-flag .ve {
    background-position: -48px 0
}

.cc-picker-flag .vc {
    background-position: -48px -11px
}

.cc-picker-flag .va {
    background-position: -48px -22px
}

.cc-picker-flag .uz {
    background-position: -48px -33px
}

.cc-picker-flag .uy {
    background-position: 0 -44px
}

.cc-picker-flag .us {
    background-position: -16px -44px
}

.cc-picker-flag .um {
    background-position: -16px -44px
}

.cc-picker-flag .ug {
    background-position: -32px -44px
}

.cc-picker-flag .ua {
    background-position: -48px -44px
}

.cc-picker-flag .tz {
    background-position: -64px 0
}

.cc-picker-flag .tw {
    background-position: -64px -11px
}

.cc-picker-flag .tv {
    background-position: -64px -22px
}

.cc-picker-flag .tt {
    background-position: -64px -33px
}

.cc-picker-flag .tr {
    background-position: -64px -44px
}

.cc-picker-flag .to {
    background-position: 0 -55px
}

.cc-picker-flag .tn {
    background-position: -16px -55px
}

.cc-picker-flag .tm {
    background-position: -32px -55px
}

.cc-picker-flag .tl {
    background-position: -48px -55px
}

.cc-picker-flag .tk {
    background-position: -64px -55px
}

.cc-picker-flag .tj {
    background-position: 0 -66px
}

.cc-picker-flag .th {
    background-position: -16px -66px
}

.cc-picker-flag .tg {
    background-position: -32px -66px
}

.cc-picker-flag .tf {
    background-position: -48px -66px
}

.cc-picker-flag .td {
    background-position: -64px -66px
}

.cc-picker-flag .tc {
    background-position: -80px 0
}

.cc-picker-flag .sz {
    background-position: -80px -11px
}

.cc-picker-flag .sy {
    background-position: -80px -22px
}

.cc-picker-flag .sx {
    background-position: -80px -33px
}

.cc-picker-flag .sv {
    background-position: -80px -44px
}

.cc-picker-flag .st {
    background-position: -80px -55px
}

.cc-picker-flag .ss {
    background-position: -80px -66px
}

.cc-picker-flag .sr {
    background-position: 0 -77px
}

.cc-picker-flag .so {
    background-position: -16px -77px
}

.cc-picker-flag .sn {
    background-position: -32px -77px
}

.cc-picker-flag .sm {
    background-position: -48px -77px
}

.cc-picker-flag .sl {
    background-position: -64px -77px
}

.cc-picker-flag .sk {
    background-position: -80px -77px
}

.cc-picker-flag .si {
    background-position: -96px 0
}

.cc-picker-flag .sh {
    background-position: -96px -11px
}

.cc-picker-flag .sg {
    background-position: -96px -22px
}

.cc-picker-flag .se {
    background-position: -96px -33px
}

.cc-picker-flag .sd {
    background-position: -96px -44px
}

.cc-picker-flag .sc {
    background-position: -96px -66px
}

.cc-picker-flag .sb {
    background-position: -96px -77px
}

.cc-picker-flag .sa {
    background-position: 0 -88px
}

.cc-picker-flag .rw {
    background-position: -16px -88px
}

.cc-picker-flag .ru {
    background-position: -32px -88px
}

.cc-picker-flag .rs {
    background-position: -48px -88px
}

.cc-picker-flag .ro {
    background-position: -64px -88px
}

.cc-picker-flag .qa {
    background-position: -80px -88px
}

.cc-picker-flag .py {
    background-position: -96px -88px
}

.cc-picker-flag .pw {
    background-position: 0 -99px
}

.cc-picker-flag .pt {
    background-position: -16px -99px
}

.cc-picker-flag .ps {
    background-position: -32px -99px
}

.cc-picker-flag .pr {
    background-position: -48px -99px
}

.cc-picker-flag .pn {
    background-position: -64px -99px
}

.cc-picker-flag .pm {
    background-position: -80px -99px
}

.cc-picker-flag .pl {
    background-position: -96px -99px
}

.cc-picker-flag .pk {
    background-position: -112px 0
}

.cc-picker-flag .ph {
    background-position: -112px -11px
}

.cc-picker-flag .pg {
    background-position: -112px -22px
}

.cc-picker-flag .pf {
    background-position: -112px -33px
}

.cc-picker-flag .pe {
    background-position: -112px -44px
}

.cc-picker-flag .pa {
    background-position: -112px -55px
}

.cc-picker-flag .om {
    background-position: -112px -66px
}

.cc-picker-flag .nz {
    background-position: -112px -77px
}

.cc-picker-flag .nu {
    background-position: -112px -88px
}

.cc-picker-flag .nr {
    background-position: -112px -99px
}

.cc-picker-flag .no {
    background-position: 0 -110px
}

.cc-picker-flag .bv {
    background-position: 0 -110px
}

.cc-picker-flag .sj {
    background-position: 0 -110px
}

.cc-picker-flag .nl {
    background-position: -16px -110px
}

.cc-picker-flag .ni {
    background-position: -32px -110px
}

.cc-picker-flag .ng {
    background-position: -48px -110px
}

.cc-picker-flag .nf {
    background-position: -64px -110px
}

.cc-picker-flag .ne {
    background-position: -80px -110px
}

.cc-picker-flag .nc {
    background-position: -96px -110px
}

.cc-picker-flag .na {
    background-position: -112px -110px
}

.cc-picker-flag .mz {
    background-position: -128px 0
}

.cc-picker-flag .my {
    background-position: -128px -11px
}

.cc-picker-flag .mx {
    background-position: -128px -22px
}

.cc-picker-flag .mw {
    background-position: -128px -33px
}

.cc-picker-flag .mv {
    background-position: -128px -44px
}

.cc-picker-flag .mu {
    background-position: -128px -55px
}

.cc-picker-flag .mt {
    background-position: -128px -66px
}

.cc-picker-flag .ms {
    background-position: -128px -77px
}

.cc-picker-flag .mr {
    background-position: -128px -88px
}

.cc-picker-flag .mq {
    background-position: -128px -99px
}

.cc-picker-flag .mp {
    background-position: -128px -110px
}

.cc-picker-flag .mo {
    background-position: 0 -121px
}

.cc-picker-flag .mn {
    background-position: -16px -121px
}

.cc-picker-flag .mm {
    background-position: -32px -121px
}

.cc-picker-flag .ml {
    background-position: -48px -121px
}

.cc-picker-flag .mk {
    background-position: -64px -121px
}

.cc-picker-flag .mh {
    background-position: -80px -121px
}

.cc-picker-flag .mg {
    background-position: -96px -121px
}

.cc-picker-flag .me {
    background-position: 0 -132px
}

.cc-picker-flag .md {
    background-position: -112px -121px
}

.cc-picker-flag .mc {
    background-position: -128px -121px
}

.cc-picker-flag .ma {
    background-position: -16px -132px
}

.cc-picker-flag .ly {
    background-position: -32px -132px
}

.cc-picker-flag .lv {
    background-position: -48px -132px
}

.cc-picker-flag .lu {
    background-position: -64px -132px
}

.cc-picker-flag .lt {
    background-position: -80px -132px
}

.cc-picker-flag .ls {
    background-position: -96px -132px
}

.cc-picker-flag .lr {
    background-position: -112px -132px
}

.cc-picker-flag .lk {
    background-position: -128px -132px
}

.cc-picker-flag .li {
    background-position: -144px 0
}

.cc-picker-flag .lc {
    background-position: -144px -11px
}

.cc-picker-flag .lb {
    background-position: -144px -22px
}

.cc-picker-flag .la {
    background-position: -144px -33px
}

.cc-picker-flag .kz {
    background-position: -144px -44px
}

.cc-picker-flag .ky {
    background-position: -144px -55px
}

.cc-picker-flag .kw {
    background-position: -144px -66px
}

.cc-picker-flag .kr {
    background-position: -144px -77px
}

.cc-picker-flag .kp {
    background-position: -144px -88px
}

.cc-picker-flag .kn {
    background-position: -144px -99px
}

.cc-picker-flag .km {
    background-position: -144px -110px
}

.cc-picker-flag .ki {
    background-position: -144px -121px
}

.cc-picker-flag .kh {
    background-position: -144px -132px
}

.cc-picker-flag .kg {
    background-position: 0 -144px
}

.cc-picker-flag .ke {
    background-position: -16px -144px
}

.cc-picker-flag .jp {
    background-position: -32px -144px
}

.cc-picker-flag .jo {
    background-position: -48px -144px
}

.cc-picker-flag .jm {
    background-position: -64px -144px
}

.cc-picker-flag .je {
    background-position: -80px -144px
}

.cc-picker-flag .it {
    background-position: -96px -144px
}

.cc-picker-flag .is {
    background-position: -112px -144px
}

.cc-picker-flag .ir {
    background-position: -128px -144px
}

.cc-picker-flag .iq {
    background-position: -144px -144px
}

.cc-picker-flag .io {
    background-position: -160px 0
}

.cc-picker-flag .in {
    background-position: -160px -11px
}

.cc-picker-flag .im {
    background-position: -160px -22px
}

.cc-picker-flag .il {
    background-position: -160px -31px
}

.cc-picker-flag .ie {
    background-position: -160px -42px
}

.cc-picker-flag .id {
    background-position: -160px -53px
}

.cc-picker-flag .hu {
    background-position: -160px -64px
}

.cc-picker-flag .ht {
    background-position: -160px -75px
}

.cc-picker-flag .hr {
    background-position: -160px -86px
}

.cc-picker-flag .hn {
    background-position: -160px -97px
}

.cc-picker-flag .hk {
    background-position: -160px -108px
}

.cc-picker-flag .gy {
    background-position: -160px -119px
}

.cc-picker-flag .gw {
    background-position: -160px -130px
}

.cc-picker-flag .gu {
    background-position: -160px -141px
}

.cc-picker-flag .gt {
    background-position: 0 -155px
}

.cc-picker-flag .gs {
    background-position: -16px -155px
}

.cc-picker-flag .gr {
    background-position: -32px -155px
}

.cc-picker-flag .gq {
    background-position: -48px -155px
}

.cc-picker-flag .gp {
    background-position: -64px -155px
}

.cc-picker-flag .gn {
    background-position: -80px -155px
}

.cc-picker-flag .gm {
    background-position: -96px -155px
}

.cc-picker-flag .gl {
    background-position: -112px -155px
}

.cc-picker-flag .gi {
    background-position: -128px -155px
}

.cc-picker-flag .gh {
    background-position: -144px -155px
}

.cc-picker-flag .gg {
    background-position: -160px -155px
}

.cc-picker-flag .ge {
    background-position: -176px 0
}

.cc-picker-flag .gd {
    background-position: -176px -11px
}

.cc-picker-flag .gb {
    background-position: -176px -22px
}

.cc-picker-flag .ga {
    background-position: -176px -33px
}

.cc-picker-flag .fr {
    background-position: -176px -44px
}

.cc-picker-flag .gf {
    background-position: -176px -44px
}

.cc-picker-flag .re {
    background-position: -176px -44px
}

.cc-picker-flag .mf {
    background-position: -176px -44px
}

.cc-picker-flag .bl {
    background-position: -176px -44px
}

.cc-picker-flag .fo {
    background-position: -176px -55px
}

.cc-picker-flag .fm {
    background-position: -176px -66px
}

.cc-picker-flag .fk {
    background-position: -176px -77px
}

.cc-picker-flag .fj {
    background-position: -176px -88px
}

.cc-picker-flag .fi {
    background-position: -176px -99px
}

.cc-picker-flag .eu {
    background-position: -176px -121px
}

.cc-picker-flag .et {
    background-position: -176px -132px
}

.cc-picker-flag .es {
    background-position: -176px -143px
}

.cc-picker-flag .er {
    background-position: -176px -154px
}

.cc-picker-flag .eh {
    background-position: -16px -166px
}

.cc-picker-flag .eg {
    background-position: -32px -166px
}

div.cc-picker-flag .ee {
    background-position: -48px -166px
}

.cc-picker-flag .ec {
    background-position: -64px -166px
}

.cc-picker-flag .dz {
    background-position: -80px -166px
}

.cc-picker-flag .do {
    background-position: -96px -166px
}

.cc-picker-flag .dm {
    background-position: -112px -166px
}

.cc-picker-flag .dk {
    background-position: -128px -166px
}

.cc-picker-flag .dj {
    background-position: -144px -166px
}

.cc-picker-flag .de {
    background-position: -160px -166px
}

.cc-picker-flag .cz {
    background-position: -176px -166px
}

.cc-picker-flag .cy {
    background-position: 0 -177px
}

.cc-picker-flag .cx {
    background-position: -16px -177px
}

.cc-picker-flag .cw {
    background-position: -32px -177px
}

.cc-picker-flag .cv {
    background-position: -48px -177px
}

.cc-picker-flag .cu {
    background-position: -64px -177px
}

.cc-picker-flag .cs {
    background-position: -80px -177px
}

.cc-picker-flag .cr {
    background-position: -96px -177px
}

.cc-picker-flag .co {
    background-position: -112px -177px
}

.cc-picker-flag .cn {
    background-position: -128px -177px
}

.cc-picker-flag .cm {
    background-position: -144px -177px
}

.cc-picker-flag .cl {
    background-position: -160px -177px
}

.cc-picker-flag .ck {
    background-position: -176px -177px
}

.cc-picker-flag .ci {
    background-position: -192px 0
}

.cc-picker-flag .cg {
    background-position: -192px -11px
}

.cc-picker-flag .cf {
    background-position: -192px -22px
}

.cc-picker-flag .cd {
    background-position: -192px -33px
}

.cc-picker-flag .cc {
    background-position: -192px -44px
}

.cc-picker-flag .ca {
    background-position: -192px -66px
}

.cc-picker-flag .bz {
    background-position: -192px -77px
}

.cc-picker-flag .by {
    background-position: -192px -88px
}

.cc-picker-flag .bw {
    background-position: -192px -99px
}

.cc-picker-flag .bt {
    background-position: -192px -110px
}

.cc-picker-flag .bs {
    background-position: -192px -121px
}

.cc-picker-flag .br {
    background-position: -192px -132px
}

.cc-picker-flag .bq {
    background-position: -192px -143px
}

.cc-picker-flag .bo {
    background-position: -192px -154px
}

.cc-picker-flag .bn {
    background-position: -192px -165px
}

.cc-picker-flag .bm {
    background-position: -192px -176px
}

.cc-picker-flag .bj {
    background-position: 0 -188px
}

.cc-picker-flag .bi {
    background-position: -16px -188px
}

.cc-picker-flag .bh {
    background-position: -32px -188px
}

.cc-picker-flag .bg {
    background-position: -48px -188px
}

.cc-picker-flag .bf {
    background-position: -64px -188px
}

.cc-picker-flag .be {
    background-position: -80px -188px
}

.cc-picker-flag .bd {
    background-position: -96px -188px
}

.cc-picker-flag .bb {
    background-position: -112px -188px
}

.cc-picker-flag .ba {
    background-position: -128px -188px
}

.cc-picker-flag .az {
    background-position: -144px -188px
}

.cc-picker-flag .ax {
    background-position: -160px -188px
}

.cc-picker-flag .aw {
    background-position: -176px -188px
}

.cc-picker-flag .au {
    background-position: -192px -188px
}

.cc-picker-flag .hm {
    background-position: -192px -188px
}

.cc-picker-flag .at {
    background-position: -208px 0
}

.cc-picker-flag .as {
    background-position: -208px -11px
}

.cc-picker-flag .ar {
    background-position: -208px -22px
}

.cc-picker-flag .ao {
    background-position: -208px -33px
}

.cc-picker-flag .an {
    background-position: -208px -44px
}

.cc-picker-flag .am {
    background-position: -208px -55px
}

.cc-picker-flag .al {
    background-position: -208px -66px
}

.cc-picker-flag .ai {
    background-position: -208px -77px
}

.cc-picker-flag .ag {
    background-position: -208px -88px
}

.cc-picker-flag .af {
    background-position: -208px -99px
}

.cc-picker-flag .ae {
    background-position: -208px -110px
}

.cc-picker-flag .ad {
    background-position: -208px -121px
}

.cc-picker-flag .np {
    background-position: -208px -132px
}

.cc-picker-flag .ch {
    background-position: -208px -143px
}

.error_msg {
    border: 1px solid #f00 !important;
    border-color: #f00 !important
}

@media only screen and (max-width:1399px) {
    .banner.searchEngine form>ul>li {
        width: 285px
    }

    .detail-slide-items {
        height: 350px
    }

    .custom-accordion h2 {
        font-size: 24px;
        line-height: 32px
    }

    .custom-accordion h2.mb-5 {
        margin-bottom: 15px !important
    }

    .custom-accordion.country-accordion .accordion-button {
        font-size: 18px
    }
}

@media only screen and (max-width:1199px) {
    .cat_dest_det .details .btn_wrapper a {
        padding: 12px 15px;
        font-size: 14px
    }

    .cat_dest_det .btn_wrapper .custom_btn_sm {
        min-width: auto
    }

    .tCard .slider.fig_box {
        height: 190px
    }

    .searching-form {
        padding: 15px 20px
    }

    #DestinationSearch>ul>li:not(:last-of-type) {
        margin-right: 15px
    }

    .banner.searchEngine form>ul>li {
        width: 255px
    }

    #DestinationSearch>ul>li {
        padding: 5px 12px
    }

    #DestinationSearch>ul>li input::placeholder,
    #DestinationSearch>ul>li input:-moz-placeholder,
    #DestinationSearch>ul>li .form-control {
        font-size: 14px
    }

    .banner.searchEngine form button {
        width: 70px;
        height: 60px !important;
        line-height: 87px
    }

    .banner.searchEngine form button:focus {
        outline: none;
        box-shadow: none
    }

    .banner.searchEngine form button img {
        width: 40px
    }

    .banner.home {
        padding-bottom: 140px
    }

    .banner.home.searchEngine .top .imgArea .subhead1 {
        font-size: 18px
    }

    .custom_slide_btn.swiper-button-next,
    .custom_slide_btn.swiper-button-prev {
        width: 40px;
        height: 40px;
        top: 100px
    }

    .custom_slide_btn.swiper-button-prev {
        right: 50px
    }

    .discount-layer p,
    .sm-btn {
        font-size: 15px;
        line-height: 20px
    }

    .discount-layer h4 {
        font-size: 24px
    }

    .discount-item .discount-layer {
        padding: 10px 15px
    }

    .blog_area_right a img {
        width: 140px;
        height: 140px
    }

    header .navbar-dark .navbar-nav .nav-item .nav-link {
        font-size: 14px;
        padding: 5px 0
    }

    #collapsibleNavbar {
        margin-left: 20px
    }

    header .nav-item:not(:nth-last-child(2), :last-child) {
        margin-right: 15px
    }

    header .navbar-brand>img {
        width: 135px
    }

    header nav.navbar-expand-sm {
        padding: 0
    }

    header .nav-item .nav-link {
        font-size: 14px
    }

    header .nav-item .nav-link.btn {
        padding-left: 20px;
        padding-right: 21px
    }

    .formArea .links a {
        padding: 12px 5px;
        font-size: 14px
    }

    .formArea label,
    .formArea .form-control {
        font-size: 12px
    }

    .banner.home.searchEngine .top .imgArea p {
        font-size: 14px;
        line-height: 20px
    }

    .custom-accordion.country-accordion .accordion-item {
        padding: 12px 12px
    }

    .custom-accordion.country-accordion .accordion-button {
        font-size: 16px;
        line-height: 25px
    }

    .linksBack .lbArea .links>li>a {
        font-size: 14px;
        line-height: 25px
    }

    .linksBack .lbArea .links>li {
        margin-bottom: 5px
    }
}

@media only screen and (max-width:991px) {
    h2 {
        font-size: 24px;
        line-height: 32px
    }

    h3,
    .short-content h1 {
        font-size: 20px;
        line-height: 30px
    }

    .content-wrapp p {
        font-size: 14px;
        line-height: 22px
    }

    p {
        font-size: 14px;
        line-height: 22px
    }

    .full-inner-content .article a,
    .searchengin-buttons ul li a {
        font-size: 14px
    }

    .details-table table th,
    .details-table table td {
        font-size: 13px;
        line-height: 18px;
        padding: 10px 10px 10px 10px;
        font-weight: 500
    }

    .package .banner-searchengin-form .searching-form {
        padding: 20px 0
    }

    .listing-banner {
        padding: 85px 0 20px
    }

    .banner.searchEngine form>ul>li {
        width: 198px
    }

    .banner.searchEngine form button {
        border-radius: 10px;
        width: 50px;
        height: 50px !important;
        line-height: 80px
    }

    .banner.searchEngine form button img {
        width: 30px
    }

    .banner-searchengin-form .searching-form {
        top: 60px
    }

    .banner-searchengin-form ul li:first-child a {
        cursor: inherit
    }

    .searching-form {
        padding: 15px 10px
    }

    #collapsibleNavbar {
        flex-direction: column
    }

    #DestinationSearch>ul>li:not(:last-of-type) {
        margin-right: 10px
    }

    #DestinationSearch>ul>li input::placeholder,
    #DestinationSearch>ul>li input:-moz-placeholder,
    #DestinationSearch>ul>li .form-control {
        font-size: 12px
    }

    #DestinationSearch>ul>li {
        padding: 5px 12px 0
    }

    header .dial-call {
        margin: 10px 0 20px 20px;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        position: absolute;
        right: 10px;
        bottom: 0;
        width: 360px;
        padding-left: 10px
    }

    .dial-call a {
        color: var(--black)
    }

    .dial-call a span {
        background-color: transparent;
        margin-right: 0
    }

    .dial-call a span img {
        filter: brightness(0%)
    }

    .view-packages {
        display: block
    }

    header.mini-header .navbar-dark .navbar-toggler img {
        filter: invert(1)
    }

    .linksBack .lbArea .links {
        padding-left: 0
    }

    .linksBack .lbArea .links>li>a {
        font-size: 14px
    }

    .custom-accordion .accordion-item .accordion-count {
        left: 20px
    }

    header .navbar-brand>img {
        width: 120px
    }

    .navbar-expand-sm .navbar-toggler {
        display: block
    }

    #collapsibleNavbar {
        position: fixed;
        right: 0;
        left: inherit;
        top: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, .5);
        height: 100%;
        transition: .5s ease-in-out;
        transform: translateX(100%);
        box-shadow: 0 8px 14px -5px rgba(0, 0, 0, .2);
        z-index: 99999;
        padding-top: 40px
    }

    #collapsibleNavbar.show {
        transform: translateX(0%)
    }

    #collapsibleNavbar ul.navbar-nav {
        flex-direction: column;
        height: 100%;
        padding-top: 15px;
        background: #fff;
        width: 360px;
        position: absolute;
        right: 0;
        top: 0;
        padding-top: 50px
    }

    #collapsibleNavbar ul.navbar-nav li {
        margin: 0 0;
        width: 100%;
        padding: 0 10px
    }

    #collapsibleNavbar ul.navbar-nav li a {
        padding: 12px 0;
        text-align: center;
        font-size: 14px;
        border: none;
        color: var(--black);
        border-top: 1px solid #ddd;
        display: block;
        width: 100%;
        text-align: left;
        border-radius: 0
    }

    #collapsibleNavbar ul.navbar-nav li.dropdown {
        flex-direction: column
    }

    #collapsibleNavbar ul.navbar-nav li.dropdown .dropdown-menu {
        margin-top: 0;
        width: 100%;
        border: none;
        padding: 0 0 5px;
        position: static
    }

    #collapsibleNavbar ul.navbar-nav li.dropdown .dropdown-menu li {
        padding: 0
    }

    #collapsibleNavbar ul.navbar-nav li.dropdown .dropdown-menu li a {
        padding: 8px 0 5px 10px;
        border: none;
        font-size: 12px
    }

    #collapsibleNavbar ul.navbar-nav li:first-of-type a {
        border-top: none
    }

    #collapsibleNavbar ul.navbar-nav li a:hover {
        color: var(--black)
    }

    .dropdown-menu .multi-item-drop ul li a {
        padding-left: 10px
    }

    .navbar-dark .navbar-toggler {
        box-shadow: none;
        border: none;
        padding-bottom: 0
    }

    header.active {
        padding: 5px 0
    }

    .navbar-toggler-icon {
        color: var(--white)
    }

    .close_header_menu {
        position: absolute;
        right: 10px;
        top: 0;
        display: block;
        z-index: 9
    }

    .close_header_menu svg {
        fill: var(--black);
        width: 20px
    }

    #collapsibleNavbar ul.navbar-nav ul.dropdown-menu li a {
        color: var(--black)
    }

    .banner.searchEngine form>ul>li:last-of-type {
        width: auto;
        margin-left: 0
    }

    .banner.searchEngine form .form-control,
    .banner.searchEngine form .form-select,
    .banner.searchEngine form button {
        height: 40px
    }

    .banner.searchEngine form>ul>li:not(:last-child),
    .nav-tabs li:not(:last-of-type) {
        margin-right: 5px
    }

    .banner.home.searchEngine .bottom {
        padding: 12px 0
    }

    .banner.searchEngine form button {
        font-size: 14px;
        margin-left: 0
    }

    header .nav-item .nav-link.btn-primary {
        background-color: transparent
    }

    header .nav-item .nav-link.btn-primary:focus {
        outline: none;
        box-shadow: none
    }

    header .nav-item .nav-link.btn-outline-secondary:active,
    header .nav-item .nav-link.btn-outline-secondary:focus,
    header .nav-item .nav-link.btn-outline-secondary:hover {
        background-color: transparent;
        outline: none;
        box-shadow: none
    }

    .banner.home.searchEngine .top .imgArea p br {
        display: none
    }

    header .nav-item .dropdown-menu {
        box-shadow: none
    }

    .multi-item-drop {
        min-width: 100%
    }

    .multi-item-drop>div h6 {
        font-size: 12px
    }

    header .dial-call {
        margin-left: inherit
    }

    header nav.navbar-expand-sm {
        justify-content: space-between
    }

    .banner-searchengin-form .searching-form {
        top: 50px
    }

    .banner.home {
        padding-bottom: 150px
    }

    .banner.home.searchEngine .top .imgArea {
        padding-top: 40px
    }

    .imgText span {
        font-size: 15px
    }

    .imgText>img {
        width: 100px
    }

    .formArea span.map::before {
        font-size: 18px
    }

    .formArea span.calendar {
        margin-bottom: 10px
    }

    .custom-accordion .accordion-item .accordion-count {
        left: 20px
    }

    .inn404 img {
        width: 50%
    }

    .content404 a {
        padding: 5px 35px 5px 35px;
        font-size: 16px;
        line-height: 24px;
        margin-top: 15px
    }

    .linksBack .lbArea .links>li>a {
        font-size: 12px;
        line-height: 20px
    }

    .custom-padd {
        padding-top: 20px
    }

    .footer_links {
        margin-top: 24px
    }

    .sitemap_tabs.pt-5 {
        padding-top: 30px !important
    }

    .sitemap-heading h1 {
        font-size: 30px;
        line-height: 46px
    }

    .sitemap-banner {
        padding: 40px 0
    }

    .sitemap_tabs .mobile-wrapper .buttons a {
        font-size: 14px;
        padding: 10px 15px
    }

    .link-box h2 span svg {
        width: 16px
    }

    .link-box h2 {
        font-size: 20px;
        line-height: 36px
    }

    .link-box ul li a {
        font-size: 14px;
        line-height: 27px
    }

    .sitemap_tabs .mobile-wrapper .buttons {
        top: 45px
    }

    .link-box h3 {
        font-size: 16px
    }

    .link-box {
        padding: 15px
    }
}

@media only screen and (max-width:767px) {
    .sitemap_tabs .mobile-wrapper .buttons a {
        font-size: 12px;
        padding: 8px 10px
    }

    .buttons.mb-4 {
        margin-bottom: 10px !important
    }

    .link-box ul li {
        margin: 0 0
    }

    .sitemap-heading h1 {
        font-size: 20px;
        line-height: 32px
    }

    .sitemap-banner {
        padding: 20px 0 20px
    }

    .link-box h3,
    .link-box ul {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .link-box h2 span {
        width: 25px;
        height: 25px
    }

    .link-box h2 span svg {
        width: 12px
    }

    .sitemap_tabs .mobile-wrapper .buttons a {
        margin-right: 5px
    }

    .sitemap_tabs.pt-5 {
        padding-top: 0 !important
    }

    .cat_dest_det .details .custom_btn_sm {
        padding: 10px 15px
    }

    .cat_dest_det .details .btn_wrapper {
        justify-content: flex-end !important;
        margin-top: 15px;
        display: inline-block
    }

    .tCard .slider.fig_box {
        height: 150px
    }

    .cat_dest_det .details h4 {
        width: 100%
    }

    .link-box ul li {
        width: 50%
    }

    h3,
    .short-content h1 {
        font-size: 18px;
        line-height: 27px
    }

    .section-title {
        font-size: 14px;
        line-height: 22px
    }

    .discount-layer h4 span {
        font-size: 16px
    }

    .dest-tab-item h6 {
        font-size: 14px
    }

    .hidden-sm {
        display: none
    }

    .hidden-body-sm {
        overflow: hidden
    }

    .close_filters {
        display: block;
        background: #fff;
        text-align: center;
        z-index: 999;
        padding: 0;
        opacity: 1;
        margin-top: 10px;
        margin-right: 12px
    }

    .close_filters:hover {
        color: var(--black)
    }

    .close_filters svg {
        width: 27px;
        cursor: pointer;
        height: 27px
    }

    #location-popup .custom-close-icons {
        position: static;
        margin-top: 0
    }

    .custom-close-icons span {
        margin-top: 0
    }

    .reset-filters {
        font-size: 16px;
        font-weight: 600;
        color: var(--black);
        cursor: pointer;
        display: block;
        margin-left: 10px;
        line-height: 38px
    }

    .filter-header {
        width: 100%;
        padding: 10px 20px;
        display: flex;
        align-content: center;
        box-shadow: 0 3px 10px rgba(0, 0, 0, .1)
    }

    #DestinationSearch>ul>li:last-of-type {
        margin: 15px auto 0;
        width: 45%
    }

    #DestinationSearch>ul>li input::placeholder,
    #DestinationSearch>ul>li input:-moz-placeholder,
    #DestinationSearch>ul>li .form-control {
        font-size: 16px
    }

    #DestinationSearch>ul>li input {
        padding-left: 17px
    }

    header .navbar-brand>img {
        width: 115px
    }

    .banner-searchengin-form .head {
        margin-bottom: 0
    }

    .banner.searchEngine form>ul {
        flex-wrap: wrap;
        justify-content: space-between
    }

    .banner.searchEngine form>ul>li {
        width: 100%;
        margin-right: 0;
        margin: 0;
        margin-top: 20px
    }

    .banner.searchEngine form>ul>li:last-of-type {
        width: 100%;
        margin-top: 10px
    }

    .banner.searchEngine form button {
        font-size: 16px;
        width: 100%
    }

    .banner.searchEngine form button {
        height: 57px !important;
        line-height: 57px
    }

    .banner.searchEngine form label {
        font-size: 10px;
        line-height: 14px
    }

    .pt-5 {
        padding-top: 2rem !important
    }

    .mt-5 {
        margin-top: 1rem !important
    }

    .mb-5 {
        margin-bottom: 1rem !important
    }

    .custom_slide_btn.swiper-button-next,
    .custom_slide_btn.swiper-button-prev {
        width: 30px;
        height: 30px
    }

    .custom_slide_btn.swiper-button-prev {
        right: 40px
    }

    .banner.home {
        padding-bottom: 0
    }

    .banner-searchengin-form {
        position: static;
        padding: 0
    }

    .banner-searchengin-form .searching-form {
        top: 0;
        padding: 15px 15px 20px;
        border-radius: 10px
    }

    .pt-130 {
        padding-top: 30px
    }

    .custom-accordion .accordion-item .accordion-count {
        display: none
    }

    .custom-accordion .accordion-body p {
        font-size: 12px;
        font-weight: 400;
        line-height: 20px
    }

    .contact-social span {
        margin-right: 15px
    }

    .contact-social ul li:not(:last-of-type) {
        margin-right: 12px
    }

    .footer-logoes a img {
        width: 130px
    }

    .how-it-works-aside {
        display: none
    }

    #location-popup .boxArea {
        width: 100%;
        padding: 12px
    }

    .imgText>img {
        width: auto
    }

    .listing-banner-content h2 {
        font-size: 30px;
        line-height: 32px
    }

    .details-table table,
    .details-table thead,
    .details-table tbody,
    .details-table th,
    .details-table td,
    .details-table tr {
        display: block
    }

    .details-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    .details-table tr {
        border: none
    }

    .details-table tr:first-child {
        display: none
    }

    .details-table {
        padding: 20px 20px 15px
    }

    .details-table td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        text-align: right;
        font-size: 15px
    }

    .details-table td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-size: 15px
    }

    .details-table td:nth-of-type(1):before {
        content: "Inquiry Number"
    }

    .details-table td:nth-of-type(2):before {
        content: "Email"
    }

    .details-table td:nth-of-type(3):before {
        content: "Phone Number"
    }

    .details-table td:nth-of-type(4):before {
        content: "From City"
    }

    .details-table td:nth-of-type(5):before {
        content: "To City"
    }

    .banner.searchEngine form>ul>li {
        width: 47%
    }
}

@media only screen and (min-width:375px) and (max-width:812px) and (orientation:landscape) {
    .banner.home {
        background-image: none
    }

    .banner.home:before {
        display: none
    }

    .banner.searchEngine form>ul>li {
        width: 100%;
        margin-top: 20px
    }

    .banner-searchengin-form .searching-form {
        top: 0
    }

    .banner.home {
        padding-bottom: 0
    }

    .banner-searchengin-form {
        position: static;
        margin-top: -75px
    }

    .banner.home .top:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #3a3a3a;
        z-index: 1
    }

    .banner.home .top {
        background-image: none;
        min-height: auto;
        background-position: 100% 14%;
        position: relative;
        padding-bottom: 70px
    }

    .banner.searchEngine form button {
        width: auto;
        height: auto !important;
        line-height: inherit;
        padding: 12px 64px;
        border-radius: 8px;
        border: 2px solid var(--primary);
        font-size: 20px;
        font-weight: 600
    }

    #DestinationSearch>ul>li:last-of-type {
        width: 100%;
        text-align: center
    }

    .ToFromMsg {
        font-size: 16px;
        color: var(--black);
        font-weight: 500
    }

    .popupSearch .searchTabContent input {
        width: 100%;
        height: 48px;
        border: 1px solid var(--border);
        border-radius: 10px;
        margin-top: 18px;
        padding: 10px 20px;
        font-size: 14px
    }

    .ToFromMsg {
        padding-left: 20px
    }

    .closebtn3 {
        position: absolute;
        left: 15px;
        top: 58px;
        font-size: 15px;
        color: var(--black);
        cursor: pointer
    }

    .durationsList,
    .monthsDropdown {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        padding-top: 60px;
        background-color: var(--white);
        z-index: 9999
    }

    .durationsList .ToFromMsg,
    .monthsDropdown .ToFromMsg {
        padding-left: 40px
    }

    .durationsList ul,
    .monthsDropdown ul {
        margin-top: 20px
    }

    #collapsibleNavbar:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        background-color: rgba(0, 0, 0, .5);
        opacity: 0;
        visibility: hidden;
        transition: .5s ease-in-out
    }

    #collapsibleNavbar.show:before {
        opacity: 1;
        visibility: visible;
        transition-delay: 1s
    }

    .aside-overlay {
        width: 290px;
        background: var(--white);
        padding-top: 40px;
        height: 100vh;
        margin-left: auto;
        position: relative;
        overflow-y: auto
    }

    .close_header_menu {
        position: absolute;
        right: 10px;
        top: 0;
        display: block;
        z-index: 9
    }

    .tab-menu {
        padding: 27px 15px
    }

    .tab-menu ul li a,
    .tab-menu>div {
        font-size: 14px;
        font-weight: 600;
        line-height: 24px;
        color: var(--black-light);
        display: block;
        position: relative
    }

    .tab-menu ul li a i,
    .tab-menu>div i {
        margin-right: 10px
    }

    .tab-menu {
        padding: 27px 15px
    }

    .tab-menu ul li a,
    .tab-menu>div {
        font-size: 14px;
        font-weight: 600;
        line-height: 24px;
        color: var(--black-light);
        display: block;
        position: relative
    }

    .tab-menu ul li a i.fa-angle-right,
    .tab-menu>div i.fa-angle-right {
        float: right;
        margin-right: 0;
        font-size: 24px
    }

    .tab-menu ul li a i,
    .tab-menu>div i {
        margin-right: 10px
    }

    .tab-menu ul li:not(:last-of-type),
    .tab-menu div:not(:last-of-type) {
        margin-bottom: 30px
    }

    .tab-main-box .tab-box {
        position: fixed;
        right: 0;
        top: 0;
        width: 290px;
        height: 100vh;
        background-color: var(--white);
        transition: .5s ease-in-out;
        visibility: hidden;
        transform: translateX(100%)
    }

    .tab-main-box .tab-box.toggle-sidebar {
        transform: translateX(0);
        visibility: visible
    }

    .back-toggle-button {
        padding: 24px 20px;
        background-color: var(--gray);
        display: flex;
        align-items: center;
        cursor: pointer
    }

    .back-toggle-button .fa-angle-left {
        font-size: 24px;
        margin-right: 25px
    }

    .back-title span {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        color: var(--black-light)
    }

    .back-title .fa-th-large {
        margin-right: 10px;
        font-size: 20px;
        margin-top: 0;
        vertical-align: middle
    }

    .tab-main-box .tab-box ul {
        padding: 15px 27px 70px;
        height: 78%;
        overflow-y: scroll
    }

    .tab-main-box .tab-box ul li {
        margin-left: 0
    }

    .tab-main-box .tab-box ul li a {
        font-size: 14px;
        font-weight: 600;
        color: var(--txt-color);
        padding: 10px 10px;
        display: block;
        line-height: 20px
    }

    .tab-main-box .tab-box ul .nav-item {
        flex-direction: column
    }

    .tab-main-box .tab-box ul .nav-item a {
        width: 100%
    }

    .tab-main-box .tab-box ul .nav-item a:focus {
        outline: none
    }

    .tab-main-box .tab-box ul .nav-item a i {
        font-size: 24px;
        float: right
    }

    .tab-main-box .tab-box ul .nav-item ul {
        margin-top: 0;
        padding-top: 0;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        position: relative
    }

    .tab-main-box .tab-box ul .nav-item ul li {
        list-style: disc;
        margin-left: 20px
    }

    .tab-main-box .tab-box ul .nav-item ul li::marker {
        font-size: 10px
    }

    .tab-main-box .tab-box ul .nav-item ul li a {
        font-weight: 400;
        padding: 7px 0 7px 7px
    }

    #collapsibleNavbar {
        padding-top: 0
    }

    .pt-130 {
        padding-top: 50px
    }

    header .dial-call {
        display: flex;
        flex-direction: column;
        position: absolute;
        bottom: 0;
        left: 20px;
        width: auto;
        background-color: var(--white);
        padding-top: 5px;
        margin-bottom: 0;
        padding-bottom: 10px
    }

    .dial-call span {
        font-size: 14px;
        font-weight: 600;
        color: var(--black);
        display: block;
        margin-bottom: 15px
    }

    .dial-call a {
        color: var(--primary);
        font-size: 16px;
        font-weight: 600
    }

    .best_offer-table {
        grid-column: center-start/-1;
        display: grid;
        grid-auto-flow: column;
        gap: 1rem;
        overflow: auto;
        padding-bottom: 1rem;
        padding-right: 40px
    }

    .offer_items {
        padding: 15px 15px 10px;
        width: 300px;
        border: 1px solid var(--border);
        margin-top: 30px;
        border-radius: 10px;
        display: grid;
        height: auto
    }

    .city_offer {
        font-size: 18px;
        font-weight: 700;
        color: var(--black);
        padding-right: 30px
    }

    .offer-perc {
        padding: 15px 0;
        border-top: 1px solid var(--border);
        border-bottom: 1px solid var(--border);
        font-size: 16px;
        font-weight: 600;
        margin-top: 20px;
        line-height: 24px;
        color: var(--black)
    }

    .offer_items p {
        margin-top: 10px;
        font-size: 16px;
        color: var(--black)
    }

    span.go_offer_detail {
        position: absolute;
        right: 10px;
        top: 10px;
        width: 30px;
        height: 30px;
        background-color: #ee82ee;
        background-color: var(--primary);
        color: var(--white);
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center
    }

    .myslider {
        overflow: hidden;
        width: 100%
    }

    .inner_slider_container {
        display: flex;
        transition: transform .5s ease
    }

    .inner_slider_container .item {
        flex: 0 0 40%;
        max-width: 40%
    }

    .category-slider-item img {
        width: 106px;
        height: 140px;
        border-radius: 5px
    }

    .myslider .prev-btn,
    .myslider .next-btn {
        display: none
    }

    #popular_desti_slider {
        padding-bottom: 40px;
        margin-bottom: 15px
    }

    .carousel.pointer-event {
        touch-action: pan-y
    }

    #popular_desti_slider .carousel-indicators {
        margin-bottom: 0
    }

    #popular_desti_slider .carousel-indicators button {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        border: 1px solid var(--primary)
    }

    #popular_desti_slider .carousel-indicators button.active {
        background-color: var(--primary)
    }
}

@media only screen and (min-width:411px) and (max-width:823px) and (orientation:landscape) {
    .banner.home {
        background-image: none
    }

    .banner.home:before {
        display: none
    }

    .banner.searchEngine form>ul>li {
        width: 100%;
        margin-top: 20px
    }

    .banner-searchengin-form .searching-form {
        top: 0
    }

    .banner.home {
        padding-bottom: 0
    }

    .banner-searchengin-form {
        position: static;
        margin-top: -75px
    }

    .banner.home .top:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #3a3a3a;
        z-index: 1
    }

    .banner.home .top {
        background-image: none;
        min-height: auto;
        background-position: 100% 14%;
        position: relative;
        padding-bottom: 70px
    }

    .banner.searchEngine form button {
        width: auto;
        height: auto !important;
        line-height: inherit;
        padding: 12px 64px;
        border-radius: 8px;
        border: 2px solid var(--primary);
        font-size: 20px;
        font-weight: 600
    }

    #DestinationSearch>ul>li:last-of-type {
        width: 100%;
        text-align: center
    }

    .ToFromMsg {
        font-size: 16px;
        color: var(--black);
        font-weight: 500
    }

    .popupSearch .searchTabContent input {
        width: 100%;
        height: 48px;
        border: 1px solid var(--border);
        border-radius: 10px;
        margin-top: 18px;
        padding: 10px 20px;
        font-size: 14px
    }

    .ToFromMsg {
        padding-left: 20px
    }

    .closebtn3 {
        position: absolute;
        left: 15px;
        top: 58px;
        font-size: 15px;
        color: var(--black);
        cursor: pointer
    }

    .durationsList,
    .monthsDropdown {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        padding-top: 60px;
        background-color: var(--white);
        z-index: 9999
    }

    .durationsList .ToFromMsg,
    .monthsDropdown .ToFromMsg {
        padding-left: 40px
    }

    .durationsList ul,
    .monthsDropdown ul {
        margin-top: 20px
    }

    #collapsibleNavbar:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        background-color: rgba(0, 0, 0, .5);
        opacity: 0;
        visibility: hidden;
        transition: .5s ease-in-out
    }

    #collapsibleNavbar.show:before {
        opacity: 1;
        visibility: visible;
        transition-delay: 1s
    }

    .aside-overlay {
        width: 290px;
        background: var(--white);
        padding-top: 40px;
        height: 100vh;
        margin-left: auto;
        position: relative;
        overflow-y: auto
    }

    .close_header_menu {
        position: absolute;
        right: 10px;
        top: 0;
        display: block;
        z-index: 9
    }

    .tab-menu {
        padding: 27px 15px
    }

    .tab-menu ul li a,
    .tab-menu>div {
        font-size: 14px;
        font-weight: 600;
        line-height: 24px;
        color: var(--black-light);
        display: block;
        position: relative
    }

    .tab-menu ul li a i,
    .tab-menu>div i {
        margin-right: 10px
    }

    .tab-menu {
        padding: 27px 15px
    }

    .tab-menu ul li a,
    .tab-menu>div {
        font-size: 14px;
        font-weight: 600;
        line-height: 24px;
        color: var(--black-light);
        display: block;
        position: relative
    }

    .tab-menu ul li a i.fa-angle-right,
    .tab-menu>div i.fa-angle-right {
        float: right;
        margin-right: 0;
        font-size: 24px
    }

    .tab-menu ul li a i,
    .tab-menu>div i {
        margin-right: 10px
    }

    .tab-menu ul li:not(:last-of-type),
    .tab-menu div:not(:last-of-type) {
        margin-bottom: 30px
    }

    .tab-main-box .tab-box {
        position: fixed;
        right: 0;
        top: 0;
        width: 290px;
        height: 100vh;
        background-color: var(--white);
        transition: .5s ease-in-out;
        visibility: hidden;
        transform: translateX(100%)
    }

    .tab-main-box .tab-box.toggle-sidebar {
        transform: translateX(0);
        visibility: visible
    }

    .back-toggle-button {
        padding: 24px 20px;
        background-color: var(--gray);
        display: flex;
        align-items: center;
        cursor: pointer
    }

    .back-toggle-button .fa-angle-left {
        font-size: 24px;
        margin-right: 25px
    }

    .back-title span {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        color: var(--black-light)
    }

    .back-title .fa-th-large {
        margin-right: 10px;
        font-size: 20px;
        margin-top: 0;
        vertical-align: middle
    }

    .tab-main-box .tab-box ul {
        padding: 15px 27px 70px;
        height: 78%;
        overflow-y: scroll
    }

    .tab-main-box .tab-box ul li {
        margin-left: 0
    }

    .tab-main-box .tab-box ul li a {
        font-size: 14px;
        font-weight: 600;
        color: var(--txt-color);
        padding: 10px 10px;
        display: block;
        line-height: 20px
    }

    .tab-main-box .tab-box ul .nav-item {
        flex-direction: column
    }

    .tab-main-box .tab-box ul .nav-item a {
        width: 100%
    }

    .tab-main-box .tab-box ul .nav-item a:focus {
        outline: none
    }

    .tab-main-box .tab-box ul .nav-item a i {
        font-size: 24px;
        float: right
    }

    .tab-main-box .tab-box ul .nav-item ul {
        margin-top: 0;
        padding-top: 0;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        position: relative
    }

    .tab-main-box .tab-box ul .nav-item ul li {
        list-style: disc;
        margin-left: 20px
    }

    .tab-main-box .tab-box ul .nav-item ul li::marker {
        font-size: 10px
    }

    .tab-main-box .tab-box ul .nav-item ul li a {
        font-weight: 400;
        padding: 7px 0 7px 7px
    }

    #collapsibleNavbar {
        padding-top: 0
    }

    .pt-130 {
        padding-top: 50px
    }

    header .dial-call {
        display: flex;
        flex-direction: column;
        position: absolute;
        bottom: 0;
        left: 20px;
        width: auto;
        background-color: var(--white);
        padding-top: 5px;
        margin-bottom: 0;
        padding-bottom: 10px
    }

    .dial-call span {
        font-size: 14px;
        font-weight: 600;
        color: var(--black);
        display: block;
        margin-bottom: 15px
    }

    .dial-call a {
        color: var(--primary);
        font-size: 16px;
        font-weight: 600
    }

    .best_offer-table {
        grid-column: center-start/-1;
        display: grid;
        grid-auto-flow: column;
        gap: 1rem;
        overflow: auto;
        padding-bottom: 1rem;
        padding-right: 40px
    }

    .offer_items {
        padding: 15px 15px 10px;
        width: 300px;
        border: 1px solid var(--border);
        margin-top: 30px;
        border-radius: 10px;
        display: grid;
        height: auto
    }

    .city_offer {
        font-size: 18px;
        font-weight: 700;
        color: var(--black);
        padding-right: 30px
    }

    .offer-perc {
        padding: 15px 0;
        border-top: 1px solid var(--border);
        border-bottom: 1px solid var(--border);
        font-size: 16px;
        font-weight: 600;
        margin-top: 20px;
        line-height: 24px;
        color: var(--black)
    }

    .offer_items p {
        margin-top: 10px;
        font-size: 16px;
        color: var(--black)
    }

    span.go_offer_detail {
        position: absolute;
        right: 10px;
        top: 10px;
        width: 30px;
        height: 30px;
        background-color: #ee82ee;
        background-color: var(--primary);
        color: var(--white);
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center
    }

    .myslider {
        overflow: hidden;
        width: 100%
    }

    .inner_slider_container {
        display: flex;
        transition: transform .5s ease
    }

    .inner_slider_container .item {
        flex: 0 0 40%;
        max-width: 40%
    }

    .category-slider-item img {
        width: 106px;
        height: 140px;
        border-radius: 5px
    }

    .myslider .prev-btn,
    .myslider .next-btn {
        display: none
    }

    #popular_desti_slider {
        padding-bottom: 40px;
        margin-bottom: 15px
    }

    .carousel.pointer-event {
        touch-action: pan-y
    }

    #popular_desti_slider .carousel-indicators {
        margin-bottom: 0
    }

    #popular_desti_slider .carousel-indicators button {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        border: 1px solid var(--primary)
    }

    #popular_desti_slider .carousel-indicators button.active {
        background-color: var(--primary)
    }
}

@media only screen and (min-width:412px) and (max-width:950px) and (orientation:landscape) {
    .banner.home {
        background-image: none
    }

    .banner.home:before {
        display: none
    }

    .banner.searchEngine form>ul>li {
        width: 100%;
        margin-top: 20px
    }

    .banner-searchengin-form .searching-form {
        top: 0
    }

    .banner.home {
        padding-bottom: 0
    }

    .banner-searchengin-form {
        position: static;
        margin-top: -75px
    }

    .banner.home .top:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #3a3a3a;
        z-index: 1
    }

    .banner.home .top {
        background-image: none;
        min-height: auto;
        background-position: 100% 14%;
        position: relative;
        padding-bottom: 70px
    }

    .banner.searchEngine form button {
        width: auto;
        height: auto !important;
        line-height: inherit;
        padding: 12px 64px;
        border-radius: 8px;
        border: 2px solid var(--primary);
        font-size: 20px;
        font-weight: 600
    }

    #DestinationSearch>ul>li:last-of-type {
        width: 100%;
        text-align: center
    }

    .ToFromMsg {
        font-size: 16px;
        color: var(--black);
        font-weight: 500
    }

    .popupSearch .searchTabContent input {
        width: 100%;
        height: 48px;
        border: 1px solid var(--border);
        border-radius: 10px;
        margin-top: 18px;
        padding: 10px 20px;
        font-size: 14px
    }

    .ToFromMsg {
        padding-left: 20px
    }

    .closebtn3 {
        position: absolute;
        left: 15px;
        top: 58px;
        font-size: 15px;
        color: var(--black);
        cursor: pointer
    }

    .durationsList,
    .monthsDropdown {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        padding-top: 60px;
        background-color: var(--white);
        z-index: 9999
    }

    .durationsList .ToFromMsg,
    .monthsDropdown .ToFromMsg {
        padding-left: 40px
    }

    .durationsList ul,
    .monthsDropdown ul {
        margin-top: 20px
    }

    #collapsibleNavbar:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        background-color: rgba(0, 0, 0, .5);
        opacity: 0;
        visibility: hidden;
        transition: .5s ease-in-out
    }

    #collapsibleNavbar.show:before {
        opacity: 1;
        visibility: visible;
        transition-delay: 1s
    }

    .aside-overlay {
        width: 290px;
        background: var(--white);
        padding-top: 40px;
        height: 100vh;
        margin-left: auto;
        position: relative;
        overflow-y: auto
    }

    .close_header_menu {
        position: absolute;
        right: 10px;
        top: 0;
        display: block;
        z-index: 9
    }

    .tab-menu {
        padding: 27px 15px
    }

    .tab-menu ul li a,
    .tab-menu>div {
        font-size: 14px;
        font-weight: 600;
        line-height: 24px;
        color: var(--black-light);
        display: block;
        position: relative
    }

    .tab-menu ul li a i,
    .tab-menu>div i {
        margin-right: 10px
    }

    .tab-menu {
        padding: 27px 15px
    }

    .tab-menu ul li a,
    .tab-menu>div {
        font-size: 14px;
        font-weight: 600;
        line-height: 24px;
        color: var(--black-light);
        display: block;
        position: relative
    }

    .tab-menu ul li a i.fa-angle-right,
    .tab-menu>div i.fa-angle-right {
        float: right;
        margin-right: 0;
        font-size: 24px
    }

    .tab-menu ul li a i,
    .tab-menu>div i {
        margin-right: 10px
    }

    .tab-menu ul li:not(:last-of-type),
    .tab-menu div:not(:last-of-type) {
        margin-bottom: 30px
    }

    .tab-main-box .tab-box {
        position: fixed;
        right: 0;
        top: 0;
        width: 290px;
        height: 100vh;
        background-color: var(--white);
        transition: .5s ease-in-out;
        visibility: hidden;
        transform: translateX(100%)
    }

    .tab-main-box .tab-box.toggle-sidebar {
        transform: translateX(0);
        visibility: visible
    }

    .back-toggle-button {
        padding: 24px 20px;
        background-color: var(--gray);
        display: flex;
        align-items: center;
        cursor: pointer
    }

    .back-toggle-button .fa-angle-left {
        font-size: 24px;
        margin-right: 25px
    }

    .back-title span {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        color: var(--black-light)
    }

    .back-title .fa-th-large {
        margin-right: 10px;
        font-size: 20px;
        margin-top: 0;
        vertical-align: middle
    }

    .tab-main-box .tab-box ul {
        padding: 15px 27px 70px;
        height: 78%;
        overflow-y: scroll
    }

    .tab-main-box .tab-box ul li {
        margin-left: 0
    }

    .tab-main-box .tab-box ul li a {
        font-size: 14px;
        font-weight: 600;
        color: var(--txt-color);
        padding: 10px 10px;
        display: block;
        line-height: 20px
    }

    .tab-main-box .tab-box ul .nav-item {
        flex-direction: column
    }

    .tab-main-box .tab-box ul .nav-item a {
        width: 100%
    }

    .tab-main-box .tab-box ul .nav-item a:focus {
        outline: none
    }

    .tab-main-box .tab-box ul .nav-item a i {
        font-size: 24px;
        float: right
    }

    .tab-main-box .tab-box ul .nav-item ul {
        margin-top: 0;
        padding-top: 0;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        position: relative
    }

    .tab-main-box .tab-box ul .nav-item ul li {
        list-style: disc;
        margin-left: 20px
    }

    .tab-main-box .tab-box ul .nav-item ul li::marker {
        font-size: 10px
    }

    .tab-main-box .tab-box ul .nav-item ul li a {
        font-weight: 400;
        padding: 7px 0 7px 7px
    }

    #collapsibleNavbar {
        padding-top: 0
    }

    .pt-130 {
        padding-top: 50px
    }

    header .dial-call {
        display: flex;
        flex-direction: column;
        position: absolute;
        bottom: 0;
        left: 20px;
        width: auto;
        background-color: var(--white);
        padding-top: 5px;
        margin-bottom: 0;
        padding-bottom: 10px
    }

    .dial-call span {
        font-size: 14px;
        font-weight: 600;
        color: var(--black);
        display: block;
        margin-bottom: 15px
    }

    .dial-call a {
        color: var(--primary);
        font-size: 16px;
        font-weight: 600
    }

    .best_offer-table {
        grid-column: center-start/-1;
        display: grid;
        grid-auto-flow: column;
        gap: 1rem;
        overflow: auto;
        padding-bottom: 1rem;
        padding-right: 40px
    }

    .offer_items {
        padding: 15px 15px 10px;
        width: 300px;
        border: 1px solid var(--border);
        margin-top: 30px;
        border-radius: 10px;
        display: grid;
        height: auto
    }

    .city_offer {
        font-size: 18px;
        font-weight: 700;
        color: var(--black);
        padding-right: 30px
    }

    .offer-perc {
        padding: 15px 0;
        border-top: 1px solid var(--border);
        border-bottom: 1px solid var(--border);
        font-size: 16px;
        font-weight: 600;
        margin-top: 20px;
        line-height: 24px;
        color: var(--black)
    }

    .offer_items p {
        margin-top: 10px;
        font-size: 16px;
        color: var(--black)
    }

    span.go_offer_detail {
        position: absolute;
        right: 10px;
        top: 10px;
        width: 30px;
        height: 30px;
        background-color: #ee82ee;
        background-color: var(--primary);
        color: var(--white);
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center
    }

    .myslider {
        overflow: hidden;
        width: 100%
    }

    .inner_slider_container {
        display: flex;
        transition: transform .5s ease
    }

    .inner_slider_container .item {
        flex: 0 0 40%;
        max-width: 40%
    }

    .category-slider-item img {
        width: 106px;
        height: 140px;
        border-radius: 5px
    }

    .myslider .prev-btn,
    .myslider .next-btn {
        display: none
    }

    #popular_desti_slider {
        padding-bottom: 40px;
        margin-bottom: 15px
    }

    .carousel.pointer-event {
        touch-action: pan-y
    }

    #popular_desti_slider .carousel-indicators {
        margin-bottom: 0
    }

    #popular_desti_slider .carousel-indicators button {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        border: 1px solid var(--primary)
    }

    #popular_desti_slider .carousel-indicators button.active {
        background-color: var(--primary)
    }
}

@media only screen and (max-width:575px) {
    .banner-searchengin-form .head {
        font-size: 18px;
        line-height: 24px
    }

    .color-btn {
        font-size: 12px
    }

    .content-wrapp p,
    p {
        font-size: 12px;
        line-height: 20px
    }

    h4 {
        font-size: 16px;
        line-height: 24px
    }

    h1 {
        font-size: 20px;
        line-height: 27px
    }

    .footer-menu span {
        font-size: 14px;
        margin-bottom: 0
    }

    .banner.searchEngine form button {
        width: auto;
        height: auto !important;
        line-height: inherit;
        padding: 12px 64px;
        border-radius: 8px;
        border: 2px solid var(--primary);
        font-size: 20px;
        font-weight: 600
    }

    .package .banner-searchengin-form {
        margin-top: 0;
        padding: 12px 12px 20px;
        background: var(--white);
        height: 100%
    }

    .mobile-search-item .searchEngine .searching-form {
        border: 1px solid var(--gray1);
        border-radius: 8px
    }

    .package .banner-searchengin-form .searching-form {
        padding: 0 0 20px
    }

    .offer-limit {
        font-size: 10px;
        padding: 10px 10px
    }

    .custom_slide_btn.swiper-button-next,
    .custom_slide_btn.swiper-button-prev {
        top: 50px
    }

    .custom_slide_btn.swiper-button-next,
    .custom_slide_btn.swiper-button-prev {
        top: 50px
    }

    .banner.home.searchEngine .bottom {
        padding: 30px 0
    }

    .mt-4 {
        margin-top: 10px !important
    }

    .custom-accordion .accordion-body {
        padding-right: 30px;
        font-size: 12px;
        line-height: 18px;
        padding-left: 15px
    }

    .breadCrumbs .bdArea {
        font-size: 13px
    }

    .custom_slide_btn.swiper-button-next {
        background-image: url("../../images/slider-arrow-right.png")
    }

    .custom_slide_btn.swiper-button-prev {
        background-image: url("../../images/slider-arrow-left.png")
    }

    .footer-logoes {
        flex-direction: column
    }

    footer p {
        font-size: 12px;
        line-height: 20px
    }

    .footer-social li:not(:last-child) {
        margin-right: 30px
    }

    .footer-social li {
        text-align: center
    }

    .footer-social li a i {
        font-size: 33px;
        color: #ff7555
    }

    .footer-menu ul li a {
        margin-bottom: 0;
        font-size: 12px
    }

    .footer-social li a span {
        display: block;
        color: var(--black);
        font-size: 10px;
        font-weight: 500;
        line-height: 18px;
        color: var(--txt-color);
        text-align: center
    }

    .footer-menu {
        margin-bottom: 20px
    }

    .footer-menu span {
        margin-bottom: 5px;
        display: block
    }

    .footer_social_icons {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        flex-direction: column;
        width: 100%;
        align-items: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center
    }

    .breadCrumbs .bdArea a {
        font-size: 10px
    }

    header .navbar-brand>img {
        width: 120px
    }

    header .nav-item .dropdown-menu {
        box-shadow: none
    }

    .testimonials .heading {
        font-size: 18px;
        font-weight: 500;
        line-height: 28px
    }

    .testimonials figure {
        padding: 15px 12px
    }

    .custom-accordion h2 {
        font-size: 18px;
        line-height: 24px
    }

    .custom-accordion h2.accordion-header {
        font-size: 14px;
        font-weight: 500;
        line-height: 21px;
        color: var(--black)
    }

    .custom-accordion.country-accordion .accordion-button {
        font-size: 14px;
        font-weight: 600;
        line-height: 25px
    }

    .custom-accordion .accordion-item {
        padding: 12px
    }

    .custom-accordion .accordion-button {
        font-size: 12px;
        line-height: 20px
    }

    .custom-accordion .accordion-body {
        padding-top: 5px
    }

    .close-acco,
    .country-accordion .close-acco {
        width: 12px;
        height: 12px;
        border: 1px solid var(--black);
        right: 5px
    }

    .close-acco span {
        width: 6px;
        height: 1px
    }

    .banner.home {
        background-image: none
    }

    .banner.home .top {
        background-image: none;
        min-height: auto;
        background-position: 100% 14%;
        position: relative;
        padding-bottom: 70px
    }

    .banner-searchengin-form {
        margin-top: -100px
    }

    .testimonials .subhead1 {
        font-size: 18px;
        margin-bottom: 15px
    }

    .guidings-slider .swiper-slide {
        border: 1px solid var(--txt-color1);
        padding: 0 12px 0;
        border-radius: 12px;
        margin-top: 10px;
        height: auto
    }

    .guidings-slider .swiper-slide .blog_area,
    .pop_dest_slide .swiper-slider .dest-tab-item {
        height: 100%
    }

    .pop_dest_slide .swiper-slider {
        height: auto
    }

    .linksBack .lbArea .links>li {
        margin-bottom: 3px
    }

    .linksBack .lbArea .links>li>a {
        font-size: 12px;
        font-weight: 400;
        line-height: 19px
    }

    .tCard .slider .excellent-review {
        left: 10px;
        bottom: 10px
    }

    .tCard .slider .excellent-review .about-reviews p {
        font-size: 10px
    }

    .tCard .slider .excellent-review .review-point {
        width: 30px;
        height: 30px;
        margin-right: 10px
    }

    #location-popup {
        padding: 0;
        background-color: var(--white)
    }

    #location-popup .modal-dialog,
    #detailEnquiryPopup .modal-dialog {
        margin: 0
    }

    #location-popup .modal-content,
    #detailEnquiryPopup .modal-content {
        border: none;
        height: 100vh
    }

    #location-popup .contact-form-area .form-group input {
        height: 48px
    }

    .next_btn-fixed {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 15px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
        background-color: var(--white);
        z-index: 9
    }

    #location-popup .modal-body,
    #detailEnquiryPopup .modal-body {
        padding-bottom: 80px
    }

    .imgText span {
        font-size: 18px;
        font-weight: 600
    }

    #location-popup .wrapper-boxarea label {
        font-size: 14px;
        font-weight: 500;
        color: var(--black)
    }

    .formArea .wrapper-boxarea .links .col-4 label,
    .formArea .wrapper-boxarea .links .col-8 label {
        font-size: 12px !important
    }

    .mobile-search-item .searchEngine {
        position: fixed;
        left: 0;
        top: 46px;
        width: 100%;
        height: 100vh;
        background-color: rgba(0, 0, 0, .3);
        z-index: 99999;
        display: none
    }

    .mobile-plan-close i {
        margin-right: 20px;
        color: var(--black-light);
        cursor: pointer
    }

    .mobile-search-item .searchEngine .searching-form {
        padding: 12px
    }

    #DestinationSearch>ul>li:not(:last-of-type) {
        margin-right: 0
    }

    #DestinationSearch>ul>li {
        padding: 5px 12px 4px;
        width: 100%
    }

    #DestinationSearch>ul>li:last-of-type {
        width: auto
    }

    .linksBack .lbArea .links>li {
        width: 48%
    }

    .custom-accordion.country-accordion .accordion-item {
        margin-bottom: 16px
    }

    .footer-logoes a img {
        margin-bottom: 10px;
        display: block
    }

    .mobile-search-item .back-home-button {
        position: absolute;
        left: 20px;
        top: 50%;
        transform: translateY(-50%)
    }

    .mobile-search-item .back-home-button i {
        font-size: 24px;
        color: var(--black)
    }

    header.active nav.navbar-expand-sm {
        padding: 0
    }

    header.active {
        padding: 0 0
    }

    .ui-menu.ui-widget-content {
        margin-top: 106px;
        margin-left: 20px;
        max-height: 100% !important
    }

    .ui-menu .ui-menu-item a {
        padding: 7px .4em;
        font-size: 16px
    }

    .ui-menu .ui-menu-item a:hover {
        background-color: var(--primary);
        color: var(--primary)
    }

    .ui-menu.ui-widget-content {
        z-index: 9999999;
        border: none
    }

    .ToFromMsg {
        padding-left: 20px
    }

    .ToFromMsg {
        font-size: 16px;
        color: var(--black);
        font-weight: 500
    }

    .closebtn3 {
        position: absolute;
        left: 15px;
        top: 59px;
        font-size: 15px;
        color: var(--black);
        cursor: pointer
    }

    .popupSearch .searchTabContent input {
        width: 100%;
        height: 48px;
        border: 1px solid var(--border);
        border-radius: 10px;
        margin-top: 18px;
        padding: 10px 20px;
        font-size: 14px
    }

    .popupSearch .searchTabContent input:focus {
        outline: none
    }

    .searchengin-buttons ul li a {
        padding: 0 0 0 0;
        font-size: 13px;
        line-height: 20px
    }

    .searchengin-buttons ul li:not(:last-child) {
        margin-right: 10px
    }

    .searchengin-buttons {
        height: 30px
    }

    .searchengin-buttons ul {
        padding-bottom: 10px;
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden
    }

    .searchengin-buttons ul li a::before {
        bottom: -10px
    }

    .searchengin-buttons {
        height: 35px;
        overflow: hidden
    }

    .ui-autocomplete {
        position: fixed
    }

    .durationsList,
    .monthsDropdown {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        padding-top: 60px;
        background-color: var(--white);
        z-index: 9999
    }

    .durationsList .ToFromMsg,
    .monthsDropdown .ToFromMsg {
        padding-left: 40px
    }

    .durationsList ul,
    .monthsDropdown ul {
        margin-top: 20px
    }

    .hidden-body {
        overflow: hidden
    }

    .sectionMain p,
    .sectionMain ul li {
        font-size: 14px;
        line-height: 20px
    }

    .page-heading h1 {
        font-size: 18px;
        line-height: 27px
    }

    .tcTblNbCrHt .tcSbhead td,
    .tcTblNbCrHt .tctxtCnt td {
        font-size: 14px;
        line-height: 20px
    }

    .TrConTabVw,
    .tcTblNbCrHt {
        overflow-x: scroll
    }

    .tab-menu {
        padding: 27px 15px
    }

    .tab-menu ul li a,
    .tab-menu>div {
        font-size: 14px;
        font-weight: 600;
        line-height: 24px;
        color: var(--black-light);
        display: block;
        position: relative
    }

    .tab-menu ul li a i.fa-angle-right,
    .tab-menu>div i.fa-angle-right {
        float: right;
        margin-right: 0;
        font-size: 24px
    }

    .tab-menu ul li a i,
    .tab-menu>div i {
        margin-right: 10px
    }

    .tab-menu ul li:not(:last-of-type),
    .tab-menu div:not(:last-of-type) {
        margin-bottom: 30px
    }

    .tab-main-box .tab-box {
        position: fixed;
        right: 0;
        top: 0;
        width: 290px;
        height: 100vh;
        background-color: var(--white);
        transition: .5s ease-in-out;
        visibility: hidden;
        transform: translateX(100%)
    }

    .tab-main-box .tab-box.toggle-sidebar {
        transform: translateX(0);
        visibility: visible
    }

    .back-toggle-button {
        padding: 24px 20px;
        background-color: var(--gray);
        display: flex;
        align-items: center;
        cursor: pointer
    }

    .back-toggle-button .fa-angle-left {
        font-size: 24px;
        margin-right: 25px
    }

    .back-title span {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        color: var(--black-light)
    }

    .back-title .fa-th-large {
        margin-right: 10px;
        font-size: 20px;
        margin-top: 0;
        vertical-align: middle
    }

    .tab-main-box .tab-box ul {
        padding: 15px 27px 70px;
        height: 78%;
        overflow-y: scroll
    }

    .tab-main-box .tab-box ul li {
        margin-left: 0
    }

    .tab-main-box .tab-box ul li a {
        font-size: 14px;
        font-weight: 600;
        color: var(--txt-color);
        padding: 10px 10px;
        display: block;
        line-height: 20px
    }

    .tab-main-box .tab-box ul .nav-item {
        flex-direction: column
    }

    .tab-main-box .tab-box ul .nav-item a {
        width: 100%
    }

    .tab-main-box .tab-box ul .nav-item a:focus {
        outline: none
    }

    .tab-main-box .tab-box ul .nav-item a i {
        font-size: 24px;
        float: right
    }

    .tab-main-box .tab-box ul .nav-item ul {
        margin-top: 0;
        padding-top: 0;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        position: relative
    }

    .tab-main-box .tab-box ul .nav-item ul li {
        list-style: disc;
        margin-left: 20px
    }

    .tab-main-box .tab-box ul .nav-item ul li::marker {
        font-size: 10px
    }

    .tab-main-box .tab-box ul .nav-item ul li a {
        font-weight: 400;
        padding: 7px 0 7px 7px
    }

    #collapsibleNavbar {
        height: 100vh;
        width: 100%;
        padding-top: 0;
        background-color: transparent
    }

    #collapsibleNavbar:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        background-color: rgba(0, 0, 0, .5);
        opacity: 0;
        visibility: hidden;
        transition: .5s ease-in-out
    }

    #collapsibleNavbar.show:before {
        opacity: 1;
        visibility: visible;
        transition-delay: 1s
    }

    .aside-overlay {
        width: 290px;
        background: var(--white);
        padding-top: 40px;
        height: 100vh;
        margin-left: auto;
        position: relative;
        overflow-y: auto
    }

    header .dial-call {
        display: flex;
        flex-direction: column;
        position: absolute;
        bottom: 0;
        left: 20px;
        width: auto;
        background-color: var(--white);
        padding-top: 5px;
        margin-bottom: 0;
        padding-bottom: 10px
    }

    .dial-call span {
        font-size: 14px;
        font-weight: 600;
        color: var(--black);
        display: block;
        margin-bottom: 15px
    }

    .dial-call a {
        color: var(--primary);
        font-size: 16px;
        font-weight: 600
    }

    .short-content h4 {
        font-size: 18px
    }

    .banner.searchEngine form .durationsList label {
        padding: 15px 12px 15px 38px
    }

    .monthsDropdown>ul>li {
        padding: 15px 12px
    }

    .short-content h1 {
        font-size: 18px;
        line-height: 27px
    }

    .full-inner-content .article a {
        font-size: 14px
    }

    .mobile-search-item .searchEngine .searching-form {
        background-color: var(--white)
    }

    .radio-wrapper input[type="radio"]:checked+label::after,
    .radio-wrapper input[type="radio"]:not(:checked)+label::after {
        width: 8px;
        height: 8px;
        top: 3px;
        left: 3px
    }

    .radio-wrapper input[type="radio"]:checked+label::before,
    .radio-wrapper input[type="radio"]:not(:checked)+label::before {
        width: 14px;
        height: 14px
    }

    .radio-wrapper input[type="radio"]:checked+label,
    .radio-wrapper input[type="radio"]:not(:checked)+label {
        padding-left: 20px;
        line-height: 15px
    }

    .links.my-3 {
        margin-top: 8px !important;
        margin-bottom: 8px !important
    }

    .load-description h2,
    .load-description h3,
    .load-description h4 {
        font-size: 16px;
        line-height: 24px
    }

    .itine-slide-image {
        height: 150px
    }

    .swiper-container {
        padding-bottom: 30px !important
    }

    .populare_dest_slider .swiper-container {
        padding-bottom: 50px !important
    }

    .link-box ul li a {
        font-size: 12px
    }

    .link-box h2 {
        font-size: 18px
    }

    .navbar-toggler {
        padding-top: 0
    }

    .message-not-found h4 {
        font-size: 18px;
        line-height: 24px
    }

    .message-not-found .custom_btn {
        padding: 14px 25px;
        font-size: 16px
    }

    .desti_popup .input-group #CountryPhnCode {
        height: 45px
    }

    .banner.home .top:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #3a3a3a;
        z-index: 1
    }

    .banner.home.searchEngine .top .imgArea p {
        font-size: 12px;
        letter-spacing: .5px
    }

    .banner.home:before {
        display: none
    }

    #desti_popup .modal-header h5 {
        font-size: 20px;
        line-height: 27px
    }

    #desti_popup .modal-header .custom-close-icons {
        right: 10px;
        top: 6px
    }

    .activity-slider .swiper-button-prev,
    .activity-slider .swiper-button-next {
        display: block;
        bottom: -15px;
        top: inherit;
        left: 50%;
        transform: translateX(-50%)
    }

    .activity-slider .swiper-button-prev {
        margin-left: -20px
    }

    .activity-slider .swiper-button-next {
        margin-left: 20px
    }

    .amenities li.tooltip {
        position: relative;
        z-index: 0
    }

    .cuurentCount.px-2 {
        padding-right: 3px !important;
        padding-left: 3px !important
    }

    .activity-slider .showcaseSlider-next i,
    .activity-slider .showcaseSlider-prev i {
        font-size: 12px
    }

    .banner .imgArea .heading {
        font-size: 18px;
        line-height: 24px
    }

    .sitemap-banner {
        padding: 0 0 10px
    }

    .footer_links {
        margin-top: 20px
    }

    .contact-social ul li {
        padding: 0
    }

    .global_site ul li img {
        margin-bottom: 10px
    }

    .sitemap_tabs .mobile-wrapper .buttons a {
        font-size: 12px;
        padding: 8px 10px
    }

    .buttons.mb-4 {
        margin-bottom: 10px !important
    }

    .link-box ul li {
        margin: 0 0
    }

    .sitemap-heading h1 {
        font-size: 20px;
        line-height: 32px
    }

    .sitemap-banner {
        padding: 20px 0 20px
    }

    .link-box h3,
    .link-box ul {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .link-box h2 span {
        width: 25px;
        height: 25px
    }

    .link-box h2 span svg {
        width: 12px
    }

    .sitemap_tabs .mobile-wrapper .buttons a {
        margin-right: 5px
    }

    .sitemap_tabs.pt-5 {
        padding-top: 0 !important
    }

    .sitemap_tabs .mobile-wrapper .buttons {
        top: 37px
    }

    .sitemap_tabs .mobile-wrapper .buttons {
        padding: 10px 0
    }

    .link-box h3 {
        margin-top: 15px
    }

    .sitemap_tabs .mobile-wrapper {
        overflow: hidden;
        height: 50px;
        width: 100%;
        top: 52px;
        padding-top: 0;
        padding-bottom: 0
    }

    .sitemap_tabs .mobile-wrapper .buttons {
        overflow-x: scroll;
        width: 100%;
        white-space: nowrap;
        overflow-y: hidden
    }

    .my_pagination ul>li>a {
        width: 35px;
        height: 35px
    }

    .sub_wrapper h2 {
        font-size: 18px
    }

    .form-sub h3 {
        font-size: 20px;
        line-height: 27px
    }

    .sub-email-icon img {
        width: 30px
    }

    .sub-email-icon {
        width: 60px;
        height: 60px
    }

    header {
        box-shadow: 0 0 18px 3px rgba(255, 255, 255, .2)
    }
} 

@media only screen and (max-width: 575px) {
    .category .custom_slide_btn {
        display: none;
    }
}