:root {
    --primary: #FF7555;
    --primary-secondary: #FF7555;
    --primary-dark: #a3381f;
    --white: #ffffff;
    --luxury:#B8892E;
    --black: #1c1c1c;
    --black-light: #091E42;
    --black-light1: #2D3134;
    --black-light2: #121416;
    --txt-color: #5D6B82;
    --txt-color1: #98A1B0;
    --txt-new:#676666;
    --gray: #F5F6F7;
    --gray1: #B3B9C4;
    --border-gray: #d4d4d4;
    --border: #DFE2E6;
    --parpal: #3E005B;
    --primary-light: #E6F2FF;
    --primary-light2: #FDCEAB;
    --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%;
    font: inherit;
    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:0px !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: 0px 0px 19px rgba(0, 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: white;
    /* text-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/
    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: white;
    /* text-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/
    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-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    inset: 0;
    background-color: rgba(255, 117, 85, 1);
    z-index: 9999;
    width: 100% !important;
    height: 100% !important;
 /*   backdrop-filter: blur(36px);
    -webkit-backdrop-filter: blur(36px);*/
}
.handle-preloader {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

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

.spinner {
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    margin: 0 auto 30px;
    animation: spinner 1s linear infinite;
}

.txt-loading {
    text-align: center;
    user-select: none;
}

.letters-loading {
    font-family: var(--title-font, sans-serif);
    font-weight: 600;
    letter-spacing: 10px;
    display: inline-block;
    position: relative;
    font-size: 50px;
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.3);
}
.letters-loading:before {
    content: attr(data-text-preloader);
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    opacity: 0;
    animation: letters-loading 1.2s ease forwards;
}
.letters-loading:before {
    content: attr(data-text-preloader);
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    opacity: 0;
    animation: letters-loading 3s ease-in-out infinite;
}
/* Delay har ek letter ke liye */
.letters-loading:nth-child(1):before { animation-delay: 0s; }
.letters-loading:nth-child(2):before { animation-delay: 0.3s; }
.letters-loading:nth-child(3):before { animation-delay: 0.6s; }
.letters-loading:nth-child(4):before { animation-delay: 0.9s; }
.letters-loading:nth-child(5):before { animation-delay: 1.2s; }
.letters-loading:nth-child(6):before { animation-delay: 1.5s; }
.letters-loading:nth-child(7):before { animation-delay: 1.8s; }
.letters-loading:nth-child(8):before { animation-delay: 2.1s; }
.letters-loading:nth-child(9):before { animation-delay: 2.4s; }

/* Spinner rotate */
@keyframes spinner {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes letters-loading {
    0%   { opacity: 0; transform: translateY(10px); }
    25%  { opacity: 1; transform: translateY(0); }
    50%  { opacity: 0.8; }
    75%  { opacity: 0; transform: translateY(-10px); }
    100% { opacity: 0; transform: translateY(-10px); }
}
.loader{
    width:100%;
    height:100%;
    background-color:rgba(0, 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: 0px 5px 2px;
    line-height: 24px;
    position: absolute;
    z-index: 1;
    top:100%;
    margin-top:0px;
    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;
}
.luxury_bg{background-color:rgba(224, 200, 120, 0.1)}

.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(--primary);
    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{
    list-style: disc;
    padding-left: 30px;
}
.full-inner-content ul li{
    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:0.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-secondary);
    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, 0.5);
}
.color-btn i {
    vertical-align: middle
}
.dial-call a {
    font-size: 14px;
    font-weight: 600;
    color: var(--white);
    display: flex;
    align-items: center;
}
.btn-call {
    background-color:var(--primary);
    border-radius: 50%;
    box-shadow: 0 8px 10px rgba(255, 117, 85, 0.3);
    cursor: pointer;
    height: 40px;
    width: 40px;
    text-align: center;
    transition: .3s;
    -webkit-animation: hoverWave linear 1s infinite;
    animation: hoverWave linear 1s infinite;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}
.btn-call.luxury-btn-call{
    background-color:var(--luxury)
}

.btn-call__ico {
    display: flex;
    justify-content: center;
    align-items: center;
    animation: 1200ms ease 0s normal none 1 running shake;
    animation-iteration-count: infinite;
    -webkit-animation: 1200ms ease 0s normal none 1 running shake;
    -webkit-animation-iteration-count: infinite;
    transition: .3s all;
}
.head-btn-group{
    margin-left:16px;
}
.hide_dial_call{
    display:none;
}

.btn-call:hover .btn-call__ico {
    color: #38a3fd;
}

@-webkit-keyframes hoverWave {
    0% {
        box-shadow: 0 0 8px rgba(240, 200, 120, 0.3), 0 0 0 0 rgba(240, 200, 120, 0.2), 0 0 0 0 rgba(240, 200, 120, 0.2);
    }

    40% {
        box-shadow: 0 0 8px rgba(240, 200, 120, 0.3), 0 0 0 8px rgba(240, 200, 120, 0.2), /* was 15px ? reduced */
        0 0 0 0 rgba(240, 200, 120, 0.2);
    }

    80% {
        box-shadow: 0 0 8px rgba(240, 200, 120, 0.3), 0 0 0 16px rgba(240, 200, 120, 0), /* was 30px ? reduced */
        0 0 0 12px rgba(240, 200, 120, 0.067);
    }

    100% {
        box-shadow: 0 0 8px rgba(240, 200, 120, 0.3), 0 0 0 20px rgba(240, 200, 120, 0), /* was 40px ? reduced */
        0 0 0 20px rgba(240, 200, 120, 0.0);
    }
}

@keyframes hoverWave {
    0% {
        box-shadow: 0 0 8px rgba(240, 200, 120, 0.3), 0 0 0 0 rgba(240, 200, 120, 0.2), 0 0 0 0 rgba(240, 200, 120, 0.2);
    }

    40% {
        box-shadow: 0 0 8px rgba(240, 200, 120, 0.3), 0 0 0 8px rgba(240, 200, 120, 0.2), /* was 15px ? reduced */
        0 0 0 0 rgba(240, 200, 120, 0.2);
    }

    80% {
        box-shadow: 0 0 8px rgba(255, 117, 85, 0.3), 0 0 0 16px rgba(240, 200, 120, 0), /* was 30px ? reduced */
        0 0 0 12px rgba(240, 200, 120, 0.067);
    }

    100% {
        box-shadow: 0 0 8px rgba(240, 200, 120, 0.3), 0 0 0 20px rgba(240, 200, 120, 0), /* was 40px ? reduced */
        0 0 0 20px rgba(240, 200, 120, 0.0);
    }
}


/* animations icon */

@keyframes shake {
    0% {
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }

    10% {
        transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
    }

    20% {
        transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
    }

    30% {
        transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
    }

    40% {
        transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
    }

    50% {
        transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
    }

    60% {
        transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
    }

    70% {
        transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
    }

    80% {
        transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
    }

    90% {
        transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
    }

    100% {
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
}

@-webkit-keyframes shake {
    0% {
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }

    10% {
        transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
    }

    20% {
        transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
    }

    30% {
        transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
    }

    40% {
        transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
    }

    50% {
        transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
    }

    60% {
        transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
    }

    70% {
        transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
    }

    80% {
        transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
    }

    90% {
        transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
    }

    100% {
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
}

/*.call-icon {
    width: 42px;
    height: 42px;
    border-radius: 100%;
    position: relative;
    background-color: rgba(255, 117, 85, 30%);
    margin-right: 16px;
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.call-icon span {
    display: inline-block;
    background: var(--primary-secondary);
    width: 26px;
    height: 26px;
    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:0px;
    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: rgb(12,45,0);
    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:0px;
}
.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;

}


/* Works on Firefox */
body {
    scrollbar-width: thin;
    scrollbar-color: #f2f2f2;
}

/* Works on Chrome, Edge, and Safari */
::-webkit-scrollbar {
    width: 8px;
    background-color:var(--primary);
}

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

::-webkit-scrollbar-thumb {
    background-color: var(--gray);
    border-radius: 0px;
    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;
    filter: sepia(1);
}

.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 !important;
    height: 40px !important;
    border: 1px solid #2d3134;
    border-radius: 50%;
    position: absolute !important;
    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: var(--primary);
    border: none
}

.custom_slide_btn.swiper-button-next,
.custom_slide_btn.swiper-button-prev {
    top: 60px;
    left: inherit;
    width: 54px;
    height: 54px;
    font-size: 0px;
    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{
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(0.1, 0.1, 1, 0.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 0px 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 0px;
    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: 0px
}

.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)
}
.soldout {
    padding: 15px 15px 10px 15px;
    width: 105%;
    margin-bottom: 10px;
    flex: auto;
    text-align:center;
}
.soldout img{
    width: 100%;
}
.soldout {
    width: 50%;
    margin: 0 auto 10px;
}
/* header css start */

.breadCrumbs .bdArea > a,
.color-btn,
.footer-menu ul li a:hover,
.reviews li:not(:last-of-type) i,
.sm-btn,
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: var(--white);
    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 .close {
    width: 45px;
    height: 42px;
    background: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: var(--white);
    line-height: 11px;
    padding: 0;
    margin-top: -12px;
    position: absolute;
    right: 0;
    top: 0;
}
header .alert-dismissible span a{
    color:var(--primary-secondary);
}
header {
    box-shadow: 0px 0px 30px 0px rgba(87, 95, 245, 0.1);
}


/*header {
    transition: all 500ms ease;
    background-color: transparent;
    z-index: 1024;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}*/
header.scrolled{
    position: fixed;
    background-color: var(--white);
    box-shadow: 0px 0px 30px 0px rgba(87, 95, 245, 0.1);
    animation: sticky 1s;
    width:100%;
    z-index:1024;
}
header.scrolled .navbar-dark .navbar-nav .nav-item .nav-link {
    color: var(--black);
}
header.scrolled .navbar-dark .navbar-nav .nav-item .nav-link:hover{
    color:var(--primary)
}
@keyframes sticky{
    0% {
        top: -100px;
    }

    100% {
        top: 0;
    }
}

header .new_site_btn.bg_prim:hover {
    background-color: var(--white);
    color: var(--primary);
    border-color: var(--primary);
}

header .navbar-dark .navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 0 ;
    display: flex;
    flex-direction: column;
}
.footer_inn .logo {
    display: flex;
    flex-direction: column;
}

header .navbar-dark .navbar-brand em {
    color: var(--black);
}
.footer_inn .logo em {
    color: var(--black);
}
header .navbar-dark .navbar-brand em,
.footer_inn .logo em {
    font-size: 9px;
    text-align: left;
    position: relative;
    top: 3px;
    padding-left: 0px;
    display: block;
    font-style: italic;
}
.footer_inn .logo{
    margin-bottom:15px;
}
.footer_inn .logo em{
    font-size:14px;
    top:1px;
    padding-left: 2px;
}
.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
}

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

header .navbar-nav .nav-item .nav-link {
    font-weight: 500;
    font-size: 16px;
    color: var(--black);
}
header .navbar-nav .nav-item .nav-link:hover,
header .navbar-nav .nav-item .nav-link:focus{
    color: var(--primary);
}

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{
    justify-content:flex-end;
}
#collapsibleNavbar.hideDesktop{
    display:none !important;
}
header .nav-item .dropdown-menu {
    border-radius: 5px;
    min-width: 220px;
    background-color: var(--white);
    transition: all 0.3s;
    z-index: 99;
    padding: 15px 0;
    border: none;
    -webkit-box-shadow: 0 30px 70px 0 rgba(137, 139, 142, 0.4);
    box-shadow: 0 30px 70px 0 rgba(137, 139, 142, 0.4);
    margin-top: 0px;
    width: -moz-max-content;
    width: max-content;
    column-count: 2;
    opacity: 0;
    visibility: hidden;
    display: block;
    z-index: -1;
    transform: scaleY(0);
    border-bottom: 3px solid var(--theme-color);
    top: 100%;
    transform-origin: top center;
}
header .nav-item:hover .dropdown-menu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    z-index: 9;
}
header .nav-item:hover .nav-link{
    color:var(--primary);
}
header .nav-item:hover .nav-link i {
    transform: rotate(180deg);
}
header .nav-item .dropdown-menu li .dropdown-item {
    padding: 0 25px 0;
    font-size: 16px;
    font-weight: 500;
    color: var(--black);
    position: relative;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    border-radius: 0;
    line-height: 35px;
}

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

.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:100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
}
.navbar-nav .nav-link i{
    margin-left:5px;
    transition:0.4s ease-in-out;
}

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

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

.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;
}


/* header css end*/
.custom-accordion h4{
    font-weight:600;
}
.custom-accordion h2 {
    line-height: 36px;
    color: var(--black);
    position: relative;
    font-size: 27px;
}


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

.custom-accordion .accordion-item {
    background-color: var(--white) !important;
    position: relative;
    margin-bottom:15px;
    border:2px solid rgba(255, 117, 85, 50%);
    border-radius:10px;
    overflow:hidden;
}
.luxury-accordion.custom-accordion .accordion-item{
    border-color:var(--luxury);
}
.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: var(--white);
    border: none;
    box-shadow: none;
    width: 100%;
    font-weight: 500;
    padding: 24px;
    color: var(--black);
    font-size:20px;
    line-height:28px;
}
.custom-accordion .accordion-button:after{
    display:none;
}
.custom-accordion .accordion-button:hover{
    z-index:inherit;
}

.color-btn:hover,
.custom-accordion .accordion-button:not(.collapsed) {
    color: #000;
    background-color: rgba(255, 117, 85, 10%);
}
.luxury-accordion.custom-accordion .accordion-button:not(.collapsed) {
    background-color: rgba(224, 200, 120, 0.1);
}
.custom-accordion .accordion-body {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    padding-right: 35px;
    color: var(--black);
    padding: 24px;
}
.custom-accordion .accordion-body p{
    font-size:14px;
    line-height:22px;
    padding-top:5px;
    color:var(--txt-color);
}

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

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

.close-acco {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid var(--primary);
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    z-index:9;
}
.close-acco span{
    width:10px;
    height:2px;
    background-color:var(--primary);
    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);
}
.luxury-accordion .close-acco{
    border-color:var(--luxury);
}
.luxury-accordion .close-acco span {
    background-color: var(--luxury);
}
.custom-accordion.country-accordion .accordion-button {
    width: 100%;
    padding-top: 0px;
    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;
}

/* accordion css end */

/* home page css start */

.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:0px 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:0px;
    height:3px;
    background-color:var(--primary);
    transition:0.5s ease-in-out;
}
.searchengin-buttons ul li a svg{
    vertical-align:middle;
    fill:var(--gray1);
    margin-right:5px;
    transition:0.5s ease-in-out;
}
.searchengin-buttons ul li a svg path{
    fill:var(--gray1);
     transition:0.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;
}

.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:0px;
    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 0px;
}

.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 0px 20px;
    height:350px;
}
.dest_list_banner{
    background-image:none;
    padding:0px;
}
.listing-banner-content p {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
}
.listing-banner-content h1,
.listing-banner-content p {
    color: var(--white);
    text-shadow: 0px 5px 3px rgba(0,0,0,0.6), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,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: 0px;
    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: 0px;
    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: 0px;
    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(https://d3ji4tp2ye3jph.cloudfront.net/in-banners/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, 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 h1 {
text-align: left;
font-weight: 600;
font-size: 56px;
line-height: 72px;
display: block
}

.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){
    margin-right: 15px
}

.banner .imgArea .txtLine > span > a,
header .navbar-dark .navbar-nav .nav-link,

.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:0.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:0.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:0.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:0.3s linear;text-align:left;cursor:default;background: transparent;border: none;outline: none;font-weight: normal;margin:0px !important;}
.ui-menu.ui-widget-content > li .ui-menu-item-wrapper.ui-state-active{margin:0px !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:0px !important;height:100%;}
.detail-slide-items .slider-item.activeOverlay:before{content: "";position: absolute;left: 0px;top: 0px; width: 100%;height: 100%;background: linear-gradient(0deg, rgb(0, 0, 0) 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:0px;}
.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:0px !important;}

/*banner css end */

/*breadcrum css start*/
.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: "\f054";
            margin-left: 10px;
            font-size: 10px;
            color: var(--primary);
            vertical-align: middle
        }

        .breadCrumbs .bdArea > span{
            color: var(--white)
        }

/*breadcrum css end*/

/* price range css start */


.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: #cccccc !important;
    border: 0px !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: 0px 2px 12px rgba(0, 0, 0, 0.2);
    outline:none;
}

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

/* price range css end */

/* radio button css */

.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 0.2s ease;
    transition: all 0.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;
}

/* footer css start */
footer{background-color: rgba(255, 117, 85, 10%);}
footer.luxury-footer{background-color: rgba(224, 200, 120, 10%);}
footer.luxury-footer .bg-light{background-color: rgba(224, 200, 120, 30%) !important;}
.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);margin-bottom:10px;}
.mail_address ul li span svg{width:20px;fill:var(--primary);}
.luxury-footer .mail_address ul li span svg{width:20px;fill:var(--luxury);}
.mail_address ul li a{padding-left:0px;margin-bottom:0px;}
.mail_address ul li a:hover{color:var(--primary)}
.mail_address ul li span.svg_icon{position: absolute;top:0;left:0;}
.mail_address ul li:hover span.svg_icon svg{fill:var(--primary);transition:0.5s ease-in-out}
.global_site ul li{padding:0px;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:0px;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:inline-block;}
.footer_links ul li a.active{color:var(--luxury);position:relative;}
.footer_links ul li a.active:before{transition: .5s ease-in-out; content: "";position: absolute;left: 0;bottom: -7px;width: 100%;height: 12px;background: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 15 Q100 0 195 15' stroke='%23b8892e' stroke-width='7' fill='none'/%3E%3C/svg%3E") no-repeat center;background-size: contain;}
.footer_links ul li a.active:hover:before{background: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 15 Q100 0 195 15' stroke='%23FF7555' stroke-width='7' fill='none'/%3E%3C/svg%3E") no-repeat center;background-size: contain;}
.footer_links ul li a:hover{color:var(--primary)}
.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);font-size: 20px;transition: .5s ease-in-out;}
.contact-social span{color:var(--primary);font-size:18px;line-height:30px;font-weight:600;}
.luxury-footer .contact-social span,.luxury-footer .global_site .heading_footer, .luxury-footer .footer_links .heading_footer{color:var(--luxury)}
.contact-social ul li{padding:0px;margin-right:20px;}
.contact-social ul li:hover a i{color:var(--primary-secondary); }
.custom-padd{padding-top:54px;}
.global_site ul{flex-wrap:wrap;}
footer .bg-light{background-color: rgba(255, 117, 85, 10%) !important;}



/* footer css end */

/* sticky box css */
.imgText{width:100%;display: flex;flex-direction: column;align-items: center;}
/*.imgText > img{width:200px;}*/
.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: "\f041";position: absolute;top: 17px;left: 12px;font-size: 24px;line-height: 0.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: "\f073";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: 0px;}
.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:0px !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:0px;line-height:0;}


.numberCounter{display: flex;border:1px solid var(--gray1);border-radius: 0px;}
.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);}


/* destination listing page css */

.tCard .slider.fig_box{width:100%;height:225px;}
.tCard .slider.fig_box figure{width:100%;height:100%;}
.tCard .slider.fig_box:before{background:rgba(0, 0, 0, 0.3);}
.tCard .slider.fig_box figure img{width:100%;height:100%;object-fit:cover;}
.best_time{position:absolute;left:15px;top:15px;z-index:1}
.cat_dest_det{width:100%;}
.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%;}
.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:700; color:var(--black);margin-bottom:0px;line-height:30px;width:90%;}
.cat_dest_det .details .price_item h4{font-weight:700;}
.cat_dest_det .details .btn_wrapper a{padding: 12px 30px;font-weight: 500;font-size: 16px;}
.best_time span{font-size:12px;font-weight:500;color:var(--white);}
.best_time p{font-size:16px; font-weight:600;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, 0.5); transition:0.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;}
.night_day {padding: 5px 5px;border-radius: 5px;color: var(--black);font-weight: 600;font-size: 14px;display: inline-block;border: 1px solid var(--primary);margin-bottom: 0;margin-top: 5px;}
.custom_border{border-bottom:1px solid var(--border);}



#SendEnquiryPopup .modal-dialog {
    max-width: 100%;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.3);
    margin: 0px;
}
#SendEnquiryPopup{
    padding:0px;
}
.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 0px;
        background: var(--white);
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
        z-index:99;
}
.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:0px;
    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;
}
/* Chrome, Safari, Edge, Opera */
#Inputphone::-webkit-outer-spin-button,
#Inputphone::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
#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 0px;
    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:0px;
}
.details-table h2{
    font-size:18px;
    font-weight:600;
    line-height:24px;
    color:var(--black);
    margin-bottom:20px;
}


.errorSpan,.common-error {
    color: red;
    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: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 63%);
    border-radius: 0px;
    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: red;
    padding: 10px 10px;
    border-radius: 5px;
    border-bottom-left-radius: 5px;
    background: linear-gradient(0deg, rgb(12, 45, 0) 0%, rgb(38, 128, 8) 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: 0px;
    box-shadow: none;
    border:none;
}
#location-popup .modal-header button{
    margin:0 0px 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:0px;
}
#location-popup .boxArea {
    width: calc(100% - 316px);
    padding: 0px 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 0px;
    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;
    color:var(--primary-secondary)
}
.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: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 63%);
    border-radius: 0px;
    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: 0px;
    bottom: 0px;
    width: 100%;
    padding: 60px 20px 20px;
    overflow: scroll;
    background: var(--white);
    transition: 0.5s;
}
.search_active_mobile .overlay2 {
    padding: 20px 20px 20px;
}
.search_active_mobile .overlay2 .closebtn3{
    top:20px;
}



/* pagination css start kp */
.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:0.35;}
.my_pagination ul > li.active > a{background-color: var(--primary);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: 0px;padding-top: 30px;padding-bottom: 30px;text-align:justify;margin-top:74px;}
.sectionMain h3{margin:0px; margin:15px 0px; color:var(--black-light);}
.sectionMain h4{margin:0px; margin-top:15px; margin-bottom:5px; color:var(--primary); font-size:16px;font-weight:600;}
.sectionMain h5{margin:5px 0px; 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{}
.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 css start */
.sitemap-banner{background-color:var(--primary); position:relative;overflow:hidden;padding:54px 0px;}
.sitemap-heading{position:relative;}
.sitemap-heading h1{color:var(--white);font-size:36px;line-height:54px;margin-bottom:0px;}
.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:0px; margin:0px;}
.link-box ul li{width:25%;padding: 5px 5px 5px 0px;margin: 5px 0px;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:0px;margin-top:30px;}
.heading-line{width: 50px;margin: 0px auto;background-color:var(--primary);border-width: medium;border: 0;height:3px !important;opacity:1;display:block !important;}

.sitemap_tabs .mobile-wrapper{padding:20px 0px; 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:0.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;}


/* sitemap css end */

/* destination popup css start */

.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:0px;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:0px;border-color:var(--border);height:48px;border-radius:0px; margin-right:0px;}
.desti_popup .input-group #CountryPhnCode:hover{background-color:var(--gray);}
.desti_popup .form-check input{margin-top:0px;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:0px;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:0px;}
#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:0px;}


.desti_popup .form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    font-size: 14px;
    font-weight: 400;
    color: var(--txt-color);
}
.desti_popup .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  font-size:14px;font-weight:400; color: var(--txt-color);
}
.desti_popup .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
   font-size:14px;font-weight:400; color: var(--txt-color);
}
.desti_popup .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
   font-size:14px;font-weight:400; color: var(--txt-color);
}
.desti_popup .form-control::-ms-input-placeholder { /* Microsoft Edge */
   font-size:14px;font-weight:400; color: var(--txt-color);
}
.desti_popup .form-control::placeholder { /* Most modern browsers support this now. */
   font-size:14px;font-weight:400; color: var(--txt-color);
}


/* destination popup css start */


/* destination listing page css */

.tCard .slider.fig_box{width:100%;height:225px;}
.tCard .slider.fig_box:before{background:rgba(0, 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:0px;line-height:30px;}
.best_time span{font-size:12px;font-weight:500;color:var(--white);}
.best_time p{font-size:16px; font-weight:600;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, 0.5); transition:0.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 .showcaseSlider-prev:after, .activity-slider .showcaseSlider-next:after{display:none;}



.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 #ff0000 !important;
    border-color: #ff0000 !important;
}

/*header new css start*/

.new_site_btn {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    border-radius: 8px;
    border: 1px solid var(--primary);
    color: var(--primary);
    display: inline-block;
    padding: 5px 23px;
    text-decoration: none;
    transition:0.3s ease-in-out;
}

.new_site_btn:focus{
    outline:none;
}
.new_site_btn.trans_parent {
    background-color: transparent;
}
.new_site_btn.trans_parent:hover{
    background-color:var(--primary);
    color:var(--white);
    border-color:var(--primary)
}
.new_site_btn.border_prim{
    border: 1px solid var(--primary);
}
.new_site_btn.border_luxury{
    border: 1px solid var(--luxury);
    color:var(--luxury);
}
.new_site_btn.border_luxury:hover {
    background: linear-gradient(90deg, rgba(184, 137, 46, 1), rgba(203, 167, 82, 1), rgba(224, 200, 120, 1), rgba(184, 137, 46, 1));
    border-color:transparent;
}
.new_site_btn.border_white{
    border: 1px solid var(--white);
    color:var(--white);
}
.new_site_btn.bg_prim{
    background-color:var(--primary);
    color:var(--white);
}
.new_site_btn.bg_prim:hover{
    background-color:var(--white);
    color:var(--black);
    border-color:var(--white);
}
.new_site_btn.bg_prim:hover img{
      filter: inherit;
}
.new_site_btn.bg_white{
    background-color:var(--white);
    color:var(--primary);
    border:none;
}
.new_site_btn.bg_luxury {
    background: linear-gradient( 90deg, rgba(184, 137, 46, 1), rgba(203, 167, 82, 1), rgba(224, 200, 120, 1), rgba(184, 137, 46, 1) );
    background-size: 200% 100%;
    background-position: left center;
    transition: background-position 0.5s ease, transform 0.3s ease;
    color: var(--white);
    border: none;
    padding: 5px 23px;
}

.new_site_btn.bg_luxury:hover {
   background-position: right center;
}
.mr-16{
    margin-right:16px;
}
.ml-16{
    margin-left:16px;
}
.dial-call{
    margin-left:60px;
}
nav .nav-item:not(:last-of-type){
    margin-right:8px;
}

.mini-header {
    display: none;
    position:absolute;
    right:30px;
    top:100px;
    background-color:var(--white);
    border-radius:8px;
    width:280px;
}
.portal_dropdown {
    padding: 16px;
    background-color: var(--white);
    position: absolute;
    right: 0;
    top: 100%;
    border-radius: 8px;
    text-align: center;
    margin-top: 5px;
    box-shadow: 0px 5px 17px 1px rgba(0, 0, 0, 0.2);
    opacity:0;
    visibility:hidden;
    transform:translateY(30px);
    transition:0.5s ease-in-out;
}
.choose_portal:hover .portal_dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}
.portal_dropdown h4{
    font-size:16px;
    line-height:20px;
    font-weight:600;
}
.portal_dropdown ul li:not(:last-of-type){
    margin-right:8px;
}
.portal_links {
    display: flex;
    flex-direction: column;
    width: 136px;
    border: 1px solid #ddd;
    padding: 7px;
    border-radius: 10px;
    text-align:center;
    transition:0.4s ease-in-out;
}
.portal_links:hover{
    background:rgba(255,117,85,10%);
    border-color:rgba(255,117,85,10%)
}
.portal_links .portal_title{
    font-size:14px;
    font-weight:500;
    color:var(--black);
    line-height:27px;
}
.portal_links p{
    font-size:12px;
    font-weight:400;
    color:var(--txt-new);
    line-height: 16px;
    margin-bottom: 0px;
    margin-top: 5px;
}


/*header new css end*/

/*back to top button*/
.back-to-top {
    background-color: var(--primary);
    text-decoration: none;
    cursor: pointer;
    width: 56px;
    height: 56px;
    z-index: 999;
    position: fixed;
    right: 27px;
    bottom: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 100%;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.4);
}
.back-to-top.luxury-back-to-top{background-color:var(--luxury)}
.back-to-top:hover {
    background-color:  var(--primary);
}

.back-to-top:active {
    box-shadow: none;
    background-color: var(--primary);
}

.back-to-top svg.icon__arrow-up {
    fill: white;
    width: 32px;
    height: 32px;
}

#fullPageLoader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 99999;
}

#fullPageLoader .spinner {
    width: 60px;
    height: 60px;
    border: 6px solid #fff;
    border-top: 6px solid var(--primary);
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

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

@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;
    }

.new_site_btn{
    font-size:15px;
}
.dial-call {
    margin-left: 30px;
}
header .navbar-dark .navbar-nav .nav-item .nav-link{
    font-size:15px;
}
}

@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 0px;
    }
    #collapsibleNavbar{
        margin-left:20px;
    }
    header .nav-item:not(:nth-last-child(2), :last-child){
        margin-right:15px;
    }
 

    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;
    }

    .new_site_btn {
        padding: 2px 10px;
        font-size:14px;
    }
    .mail_address ul li, .mail_address ul li a,
    .footer_links ul li a {
        font-size: 14px;
    }
    
}

@media only screen and (max-width:991px) {

    .mini-header, .hide_dial_call {
        display: block;
    }
    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 0px;
    }
    .listing-banner {
        padding: 85px 0px 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;
    }
   
    #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 0px;
    }
    .head-btn-group {
        position: absolute;
        right: 0;
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: center;
    }
    
    .head-btn-group a,
    .head-btn-group button {
        display: block;
        width: 90%;
        margin: 5px 0px;
        text-align: center;
    }
    .head-btn-group button:hover{
        background-color: var(--white);
        color: var(--primary);
        border-color: var(--primary);
    }
    .dial-call a{
        color:var(--black);
    }
    .dial-call a span{
        background-color:transparent;
        margin-right:0px;
    }
    .dial-call a span img{
        filter: brightness(0%);
    }
    .navbar-collapse .dial-call {
        display: none;
    }
    .view-packages {
        display: block;
    }

    header.mini-header .navbar-dark .navbar-toggler img {
        filter: invert(1);
    }

    .linksBack .lbArea .links {
        padding-left: 0px;
    }


    .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.hideMobile {
       display:none !important;
    }
    #collapsibleNavbar.hideDesktop{
        display:flex !important;
    }
    #collapsibleNavbar {
        height: 100vh;
        width: 100%;
        padding-top: 0px;
        background-color: transparent;
    }

    #collapsibleNavbar:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 0;
        visibility: hidden;
        transition: 0.5s ease-in-out;
    }
    #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: 0px;
    }
    #collapsibleNavbar.show{
        transform: translateX(0%);
    }
    #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 {
        background-color: transparent;
        position: absolute;
        padding: 0;
        width: auto;
        margin: 0;
        bottom: 20px;
        right: 60px;
        z-index: 99;
    }
    header .dial-call a span{
        margin:0px;
    }
    header .dial-call a span img {
        filter: brightness(100%);
        width:13px;
    }
     header .dial-call a{
        width: 25px;
        height: 25px;
        box-shadow: none;
        animation: inherit;
     }

    .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;
    }.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: 0px;
        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: 0.5s ease-in-out;
        visibility: hidden;
        transform: translateX(100%);
        z-index:1;
    }

    .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: 0px;
        vertical-align: middle;
    }

    .tab-main-box .tab-box > ul {
        height: 78%;
        overflow-y: scroll;
        column-count:2;
    }

    .tab-main-box .tab-box ul li {
        margin-left: 0px;
    }

    .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: 0px;
        padding-top: 0px;
        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 0px 7px 7px;
    }
    
    .dropdown-menu .multi-item-drop ul li a {
        padding-left: 10px;
    }

    .navbar-dark .navbar-toggler {
        box-shadow: none;
        border: none;
        padding-bottom:0px;
    }
    .navbar-dark .navbar-toggler svg path{
        fill:var(--primary);
    }
  

    .navbar-toggler-icon {
        color: var(--white);
    }

    .close_header_menu {
        position: absolute;
        right: 10px;
        top: 0px;
        display: block;
        z-index:9;
    }

    .close_header_menu svg {
        fill: var(--black);
        width: 20px;
    }

   

    .banner.searchEngine form > ul > li:last-of-type {
        width: auto;
        margin-left: 0px;
    }

    .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 0px;
    }

    .banner.searchEngine form button {
        font-size: 14px;
        margin-left: 0px;
    }

    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 .form-control, .contact-form-area .form-group input{
        height:40px;
    }*/
    .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 0px;
    }
    .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;
    }
    header .nav-item:hover .dropdown-menu{
        transform:inherit;
        opacity:1;
        visibility:visible;
    }

    .portal_dropdown {
        position: static;
        transform: inherit;
        opacity: 1;
        visibility: visible;
        box-shadow:none;
        margin:0px;
    }
    .portal_dropdown ul{
        flex-direction:column;
    }
    .portal_dropdown ul li .portal_links{
        width:75%;
        margin:0 auto 10px;
    }
    .portal_dropdown ul li .portal_icon{
        display:block;
    }

}

@media only screen and (max-width:767px) {

    header .dial-call
    header .head-btn-group{
        display:none !important;
    }

    .sitemap_tabs .mobile-wrapper .buttons a {
        font-size: 12px;
        padding: 8px 10px;
    }
    .buttons.mb-4{
        margin-bottom:10px !important;
    }
    .link-box ul li{
        margin:0px  0px;
    }
    .sitemap-heading h1 {
        font-size: 20px;
        line-height: 32px;
    }
    .sitemap-banner {
        padding: 20px 0px 20px;
        margin-top:70px;
    }
    .link-box h3, .link-box ul {
        padding-left: 0px !important;
        padding-right: 0px !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: 0px !important;
    }

    .cat_dest_det .details .custom_btn_sm {
        padding: 10px 15px;
    }

    .cat_dest_det .details .btn_wrapper {
        justify-content: flex-start !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: 0px;
        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: 0px;
    }
    .custom-close-icons span{
        margin-top:0px;
    }

    .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: 0px 3px 10px rgba(0, 0, 0, 0.1);
    }


    #DestinationSearch > ul > li:last-of-type {
        margin: 15px auto 0px;
        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:0px;
    }

    .banner.searchEngine form > ul {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .banner.searchEngine form > ul > li {
        width: 100%;
        margin-right: 0px;
        margin: 0px;
        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:0px;
    }
    .banner-searchengin-form {
        position: static;
        padding: 0px;
    }
    .banner-searchengin-form .searching-form {
        top: 0px;
        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;
    }
	
	/* Hide table headers (but not display: none;, for accessibility) */
    .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 {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        text-align: right;
        font-size:15px;

    }

    .details-table td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align:left;
        font-size:15px;
    }
	
	/*
	Label the data
	*/
	.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 (max-width:575px){

    /* mobile css start */

    .back-to-top{
        width:45px;
        height:45px;
        right:10px;
        bottom:85px;
    }

    .full-inner-content ul li {
        font-size: 12px;
        line-height: 20px;
    }
    .city_offer{
        line-height:27px;
    }

    .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: 0px;
    }


    .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: 0px;
        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: 0px 0px 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 0px;
    }

    .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: 0px;
        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: 0px;
    }

    .custom-accordion .accordion-button {
        font-size: 14px;
        line-height: 20px;
        padding:18px;
    }

    .custom-accordion .accordion-body {
        padding-top: 5px;
    }

    .close-acco, .country-accordion .close-acco {
        width: 12px;
        height: 12px;
        border: 1px solid var(--primary);
        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: 0px 12px 0px;
        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: 0px;
        background-color: var(--white);
    }

        #location-popup .modal-dialog,
        #detailEnquiryPopup .modal-dialog {
            margin: 0px;
        }

        #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: 0px 2px 10px rgba(0, 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, 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: 0px;
    }

    #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);
        }

    .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: 0px 0px 0px 0px;
        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;
    }


    .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;
    }

    .full-inner-content .article a.moreless-button,
    .full-inner-content .article a.moreread-button {
        color: #000;
        font-size: 18px;
    }

    .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: 0px;
    }

    .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: rgba(4, 119, 191, 90%);
        z-index: 1;
    }

    .banner.home.searchEngine .top .imgArea p {
        font-size: 12px;
        letter-spacing: 0.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: 0px 0px 10px;
    }

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

    .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: 0px 0px;
    }

    .sitemap-heading h1 {
        font-size: 20px;
        line-height: 32px;
    }

    .sitemap-banner {
        padding: 20px 0px 20px;
    }

    .link-box h3, .link-box ul {
        padding-left: 0px !important;
        padding-right: 0px !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: 0px !important;
    }
    .sitemap_tabs .mobile-wrapper .buttons {
        top: 37px;
    }
    .sitemap_tabs .mobile-wrapper .buttons {
        padding: 10px 0px;
    }
    .link-box h3 {
        margin-top:15px;
    }
    .sitemap_tabs .mobile-wrapper {
        overflow: hidden;
        height: 50px;
        width: 100%;
        top: 52px;
        padding-top: 0;
        padding-bottom:0px;
    }
    .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: 0px 0px 18px 3px rgba(0, 0, 0, 0.2);
    }
    .sectionMain{
        margin-top:60px;
    }
   
    .footer_inn .logo em {
        font-size: 10px;
    }
    .letters-loading {
        letter-spacing: 4px;
        font-size: 26px;
    }
    .spinner {
        width: 80px;
        height: 80px;
    }
    .tab-main-box .tab-box ul li a.dropdown-item.active {
        background-color: #e9ecef;
    }
    .portal_dropdown {
        position: static;
        transform: inherit;
        opacity: 1;
        visibility: visible;
        box-shadow: none;
        margin: 0px;
    }

    .portal_dropdown ul {
        flex-direction: column;
    }

    .portal_dropdown ul li .portal_links {
        width: 75%;
        margin: 0 auto 10px;
    }

    .portal_dropdown ul li .portal_icon {
        display: block;
    }
   
 }