@font-face {
	font-family: 'Conv_cre';
	src: url('../fonts/cre.eot');
	src: local('☺'), url('../fonts/cre.woff') format('woff'), 
                     url('../fonts/cre.ttf') format('truetype'), 
                     url('../fonts/cre.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

:root {
    --theme-color: #3b71fe;
    --theme-color2: #ff6d34;
    --theme-secondary-color: #00154b;
    --dark-theme-color: #091536;
    --theme-black: #2d3755;
    --white: #ffffff;
    --black: #111010;
    --gray999: #999;
    --gray888: #888;
    --gray777: #777;
    --gray666: #666;
    --gray555: #555;
    --gray333: #333;
    --gray222: #222;
    --border-color: #cacaca;
    --border-color2: #ddd;
    --bg-gray: #f7f7f7;
    --green: #04ffa9;
    --yellow: #ffd904;
    --light-bg: #f4f7ff;
    --light-bg2: #e5ecff;
    --light-bg3: #f3f6ff;
    --light-bg4: #f9faff;
    --light-bg5: #f0f4ff;
    --light-red: #fff0f0;
    --red: #ff3434;
    --dark-red: #71171A;

    --main-font: "Playfair Display", serif;
    --secondary-font: "Rubik", sans-serif;
    --style-font: "Conv_cre";
    --g-font: "Material Icons";

    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fw-extrabold: 900;

    --transition: 0.5s all ease-in-out;
    --small-transition: 0.2s all ease-in-out;

    --small-radius: 3px;
    --common-radius: 5px;
    --large-radius: 10px;
}
html,
body,
div,
span,
applet,
object,
iframe,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
picture,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    font-size: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
body {
    margin: 0;
    padding: 0;
    font-family: var(--secondary-font);
    background: var(--white);
}
a {
    margin: 0;
    padding: 0;
    text-decoration: none !important;
    outline: none !important;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
a:hover {
    color: var(--theme-color);
}
::selection {
    background: var(--theme-color);
    color: var(--white);
}
::-moz-selection {
    background: var(--theme-color);
    color: var(--white);
}
::-webkit-selection {
    background: var(--theme-color);
    color: var(--white);
}
img {
    max-width: 100%;
    height: auto;
    display: block;
}
ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
li {
    margin: 0;
    padding: 0;
}
p {
    padding: 0;
    color: var(--gray555);
    font-size: 16px;
    font-family: var(--secondary-font);
    margin: 0 0 15px 0;
    font-weight: var(--fw-regular);
    line-height: 2;
}
i {
    font-style: normal;
}
p > a {
    color: var(--theme-color);
}
h1,
h2,
h3,
h4,
h5,
h6{
    margin: 0;
    padding: 0;
    font-family: var(--main-font);
    color: var(--title-colour);
    line-height: 1.17;
}
p b {
    font-weight: 500;
}
input,
select,
button {
    outline: none !important;
}
textarea {
    outline: none;
}
textarea:focus {
    outline: none !important;
}
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    user-select: none;
}

*::-webkit-scrollbar-track
{
	background-color: var(--white);
}

*::-webkit-scrollbar
{
	width: 3px;
	background-color: var(--white);
}

*::-webkit-scrollbar-thumb
{
	background-color: rgba(48, 44, 44, 0.3);
    cursor: pointer;
}

::-webkit-input-placeholder {
    opacity: 1;
}
::-moz-placeholder {
    opacity: 1;
}
:-ms-input-placeholder {
    opacity: 1;
}
:-moz-placeholder {
    opacity: 1;
}

button:focus,
.accordion-button:focus,
.form-control:focus,
.form-select:focus{
    outline: none;
    box-shadow: none;
}

.material-symbols-outlined{
    font-weight: 300 !important;
}

.btnWrap{
    display: flex;
    flex-wrap: wrap;
}

.ttContainerFluid{
    max-width: 1920px;
    width: 100%;
    padding: 0 40px;
    margin: 0 auto;
}
.ttContainer{
    max-width: 1760px;
    width: 100%;
    padding: 0 80px;
    margin: 0 auto;
}

.ttContainerBox{
    max-width: 1440px;
    width: 100%;
    padding: 0 80px;
    margin: 0 auto;
}

.imgBox{
    width: 100%;
    display: block;
}
.imgBox img{
    width: 100%;
    display: block;
}

.btn{
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    position: relative;
    overflow: hidden;
    font-size: 14px;
    font-weight: var(--fw-medium);
    font-family: var(--secondary-font);
    height: 35px;
    padding: 0 20px;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    display: flex;
    -moz-display: flex;
    -webkit-display: flex;
    -o-display: flex;
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -o-justify-content: center;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    text-transform: uppercase;
}
.btn.btn-large{
    padding: 20px 50px;
}

.btn.btn-normal {
    background-color: var(--white);
    border: 1px solid var(--border-color);
}

.btn.btn-normal:hover {
    background-color: var(--light-bg);
}

.btn:focus,
button:focus{
    box-shadow: none !important;
    outline: none !
    ;
}

.btn:not(.btnLoading) > i{
    display: none;
}
.btnLoading {
    position: relative;
    overflow: hidden;
    font-size: 0 !important;
    pointer-events: none !important;
    min-width: 50px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btnLoading [class*="material-"] {
    font-size: 0;
}
.btnLoading svg{
    opacity: 0;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
    display: none;
}

.btnLoading > i {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 10px solid;
    border-color: var(--white) transparent;
    animation: spin 2s infinite ease-out;
    -webkit-animation: spin 2s infinite ease-out;
    margin: 0 auto;
    display: flex;
}

@keyframes animate {
    0% {
        min-width: 100px;
        transform: translateX(-300%);
        -webkit-transform: translateX(-300%);
        -moz-transform: translateX(-300%);
        -ms-transform: translateX(-300%);
        -o-transform: translateX(-300%);
    }

    100% {
        min-width: 100px;
        transform: translateX(300%);
        -webkit-transform: translateX(300%);
        -moz-transform: translateX(300%);
        -ms-transform: translateX(300%);
        -o-transform: translateX(300%);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}

.btn-secondary{
    background-color: var(--theme-secondary-color);
    border: none;
}
.btn-secondary:hover{
    background-color: var(--theme-color);
}

.btn.btn-tooltip{
    position: relative;
    overflow: visible;
}
.btn-tooltip > .btn-toolCnt{
    position: absolute;
    background-color: var(--theme-black);
    padding: 2px 7px;
    font-size: 12px;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    color: var(--white);
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    white-space: nowrap;
    top: -10px;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
}
.btn-tooltip:hover > .btn-toolCnt{
    opacity: 1;
    visibility: visible;
    top: -15px;
}

.combtn{
    background-color: var(--theme-color);
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    padding: 0 20px;
    height: 50px;
    min-width: 200px;
    font-size: 15px;
    font-weight: var(--fw-medium);
    text-transform: uppercase;
    color: var(--white);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.combtn:hover{
    background-color: var(--theme-secondary-color);
    color: var(--white);
}
.combtn .material-symbols-outlined{
    margin: 0 0 0 15px;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    transform-style: preserve-3d;
}
.combtn:hover .material-symbols-outlined{
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.combtn.whiteBtn{
    background-color: var(--white);
    color: var(--theme-secondary-color);
}
.combtn.yellowBtn{
    background-color: #fffe86;
    color: var(--theme-secondary-color);
}

.combtn.whiteBtn:hover,
.combtn.yellowBtn:hover{
    background-color: var(--theme-secondary-color);
    color: var(--white);
}

.normalBtn{
    background-color: var(--white);
    border: 1px solid var(--border-color);
    height: 50px;
    min-width: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-size: 15px;
    color: var(--gray777);
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.normalBtn:hover{
    background-color: var(--bg-gray);
}

.btn.btn-sm,
.combtn.btn-sm,
.normalBtn.btn-sm{
    height: 40px;
    min-width: 130px;
    font-size: 13px;
}

.titleBar{
    display: flex;
    flex-direction: column;
    margin: 0 0 80px;
}
.titleBar .subTitle{
    font-size: 15px;
    letter-spacing: 2px;
    color: var(--gray999);
    display: block;
    margin: 0 0 20px;
    text-transform: uppercase;
}
.titleBar .mainTitle{
    font-size: 55px;
    color: var(--black);
    line-height: 1;
    text-transform: capitalize;
}

.titleBar.withBtn{
    position: relative;
    padding: 0 200px 0 0;
    align-items: flex-start;
}
.titleBar.withBtn > .combtn{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.headerWrap{
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: var(--white);
    box-shadow: 0 -140px 140px 70px rgba(9, 21, 54, 0.271);
    z-index: 20;
    display: flex;
    align-items: center;
    padding: 20px 0;
}
.headerWrap.sticky{
    background-color: var(--white);
}
.headerWrapIn{
    display: flex;
    -moz-display: flex;
    -webkit-display: flex;
    -o-display: flex;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
}
.headerWrapIn > .mainNav{
    position: relative;
    padding: 15px 0 15px 40px;
}
.headerWrapIn > .mainNav::before{
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    border: 1px dashed var(--theme-color);
    border-right: 0;
    border-top: 0;
    border-bottom: 0;
    opacity: 0.5;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.headerWrapIn > .imgBox{
    width: 200px;
    margin: 0 50px 0 0;
}

.searchWrap{
    width: 100%;
    position: fixed;
    top: -100px;
    left: 0;
    padding: 27px 20px;
    background-color: var(--white);
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
    border-bottom: 1px solid var(--border-color);
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}
.searchWrap.show{
    opacity: 1;
    visibility: visible;
    top: 0;
    z-index: 99999;
}
.searchWrap .closeSrch{
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: var(--light-red);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    bottom: -20px;
    left: 50%;
    cursor: pointer;
    transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
}
.searchWrap .closeSrch .material-symbols-outlined{
    color: #ff4747;
}
.searchWrap form{
    position: relative;
    max-width: 768px;
    margin: 0 auto;
}
.searchWrap form .srchBtn{
    position: absolute;
    top: 50%;
    right: 0;
    width: 50px;
    height: 50px;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    background-color: var(--theme-color);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    border: none;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
}
.searchWrap form .srchBtn:hover{
    background-color: var(--theme-secondary-color);
}
.searchWrap form .srchBtn svg{
    width: 20px;
    fill: var(--white);
}
.searchWrap form .form-control{
    height: 70px;
    border: none;
    border-bottom: 2px solid var(--border-color);
    background-color: var(--white);
    width: 100%;
    padding: 0 50px 0 0;
    font-size: 15px;
    color: var(--gray222);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.searchWrap form .form-control::placeholder{
    opacity: 1;
    color: var(--gray888);
}
.searchWrap form .form-control:focus{
    border-color: var(--theme-color);
}

.cunRegWrap{
    position: relative;
    margin: 0 0 0 auto;
    border: 1px solid var(--border-color);
    padding: 5px 12px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    cursor: pointer;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.cunRegWrap:hover{
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: var(--white);
}
.cunRegWrap div.sltCnt{
    font-size: 13px;
}
.cunRegWrap > .cunRegList{
    position: absolute;
    width: 280px;
    right: 0;
    top: 45px;
    padding: 15px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    background-color: var(--white);
    box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.2);
    opacity: 0;
    visibility: hidden;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
    z-index: 10;
}
.cunRegWrap > .cunRegList.show{
    opacity: 1;
    visibility: visible;
    top: 40px;
    overflow: auto;
}
.cunRegWrap > .cunRegList::before{
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    background-color: var(--white);
    right: 30px;
    top: -6px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.cunRegWrap > .cunRegList .form-control{
    font-size: 13px;
    height: 40px;
    margin: 0 0 10px;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    padding: 0 15px;
    background-color: #f9f9f9;
    border-color: #eee;
}
.cunRegWrap > .cunRegList .form-control:focus{
    border-color: var(--theme-color);
    background-color: var(--white);
}
.cunRegWrap > .cunRegList .listView:not(.currencyList){
    margin: -35px 0 10px;
    border-bottom: 1px solid var(--border-color);
    padding: 0 0 10px;
}
.cunRegWrap > .cunRegList .listView > div{
    max-height: 100px;
    overflow-y: auto;
}
.cunRegWrap > .cunRegList .listView > div p{
    margin: 0 0 8px;
    font-size: 13px;
    line-height: 1.4;
    cursor: pointer;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
    display: flex;
    justify-content: space-between;
    padding: 0 15px 0 0;
}
.cunRegWrap > .cunRegList .listView > div p > .code{
    text-transform: uppercase;
    font-weight: var(--fw-semibold);
}
.cunRegWrap > .cunRegList .listView > div p:hover{
    color: var(--theme-color2);
}
.cunRegWrap > .cunRegList .form-label{
    color: var(--theme-color2);
    font-size: 14px;
    text-transform: uppercase;
    font-weight: var(--fw-medium);
    letter-spacing: 1px;
}


.headerWrapIn .contactGrp{
    margin: 0 20px 0 0;
}
.headerWrapIn .contactGrp > a{
    position: relative;
    display: block;
}
.headerWrapIn .contactGrp > a .material-symbols-outlined{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: var(--bg-gray);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: 300;
    color: var(--gray777);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.headerWrapIn .contactGrp > a:hover .material-symbols-outlined{
    background-color: var(--theme-color);
    color: var(--white);
}
.headerWrapIn .contactGrp > a .contactCnt{
    width: 100%;
    padding: 0 0 0 50px;
    display: flex;
    flex-direction: column;
}
.headerWrapIn .contactGrp > a .contactCnt span.titleLabel{
    font-size: 12px;
    color: var(--gray888);
    letter-spacing: 2px;
    display: block;
    margin: 0;
    font-weight: var(--fw-regular);
    text-transform: uppercase;
}
.headerWrapIn .contactGrp > a .contactCnt span:not(.titleLabel){
    font-size: 15px;
    color: var(--black);
    font-weight: var(--fw-medium);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.headerWrapIn .contactGrp > a:hover .contactCnt span:not(.titleLabel){
    color: var(--th);
}

.headerWrapIn .userLoginWrap{
    margin: 0;
    display: flex;
    position: relative;
}
.headerWrapIn .userLoginWrap a{
    display: flex;
    line-height: 1;
    align-items: center;
    position: relative;
}
.headerWrapIn .userLoginWrap.iconOnly{
    margin: 0 0 0 15px;
}
.headerWrapIn .userLoginWrap.iconOnly svg{
    width: 24px;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    fill: var(--gray999);
}
.headerWrapIn .userLoginWrap.iconOnly.searchIcon{
    cursor: pointer;
}
.headerWrapIn .userLoginWrap.iconOnly:hover svg{
    fill: var(--theme-color);
}

.headerWrapIn .userLoginWrap a i{
    font-size: 13px;
    color: var(--gray888);
    text-transform: uppercase;
    font-weight: var(--fw-semibold);
    margin: 0 0 0 5px;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 60px;
}
.headerWrapIn .userLoginWrap a:hover i{
    color: var(--theme-color);
}

.headerWrapIn .userLoginWrap a .signBounce{
    position: absolute;
    padding: 10px 20px;
    background-color: var(--yellow);
    color: var(--theme-secondary-color);
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    text-wrap: nowrap;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    bottom: -40px;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    font-weight: var(--fw-semibold);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    opacity: 1;
    visibility: visible;
}
.headerWrapIn .userLoginWrap a .signBounce::before{
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: var(--yellow);
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    -webkit-transform: translateX(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    -o-transform: translateX(-50%) rotate(45deg);
    top: -5px;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    z-index: -1;
}

.headerWrapIn .userLoginWrap a .signBounce.no-show{
    opacity: 0;
    visibility: hidden;
}

.headerWrapIn .userLoginWrap a .material-symbols-outlined{
    font-size: 37px;
    color: var(--gray777);
}
.headerWrapIn .userLoginWrap a.shoppingCart::after{
    display: none;
}
.headerWrapIn .userLoginWrap a.shoppingCart .material-symbols-outlined{
    font-size: 30px;
}
.headerWrapIn .userLoginWrap a.shoppingCart .badge{
    position: absolute;
    width: 20px;
    height: 20px;
    top: -17px;
    right: -13px;
    background-color: #e8eaf1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    font-weight: var(--fw-medium);
    color: var(--gray333)
}

.headerWrapIn .userLoginWrap > ul{
    position: absolute;
    width: 250px;
    right: 0;
    top: 50px;
    z-index: 2;
    background-color: var(--white);
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
    box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-wrap: wrap;
    opacity: 0;
    visibility: hidden;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
}
.headerWrapIn .userLoginWrap > ul::after{
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: var(--white);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    right: 25px;
    top: -5px;
}
.headerWrapIn .userLoginWrap > ul.show{
    top: 40px;
    opacity: 1;
    visibility: visible;
}
.headerWrapIn .userLoginWrap > ul > li{
    width: 100%;
    border-bottom: 1px solid var(--border-color);
}
.headerWrapIn .userLoginWrap > ul > li:last-child{
    border: none;
}
.headerWrapIn .userLoginWrap > ul > li > a{
    padding: 15px 20px;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: var(--fw-medium);
    color: var(--gray666);
}
.headerWrapIn .userLoginWrap > ul > li > a:hover{
    color: var(--theme-color);
}
.headerWrapIn .userLoginWrap > ul > li > a .material-symbols-outlined{
    font-size: 24px;
    margin: 0 10px 0 0;
}

.headerWrapIn .becomePartner{
    margin: 0 5px;
}


main{
    padding: 90px 0 0 0;
}
.inxOne main{
    padding: 0;
}
.itenBody main{
    padding: 30px 0 0 0;
}


/* Banner Section */
.bannerSec{
    position: relative;
}
.bannerSwiper .swiper-pagination{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.bannerSwiper .swiper-pagination-bullets.swiper-pagination-horizontal{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.bannerSwiper .swiper-horizontal > .swiper-pagination-bullets, 
.bannerSwiper .swiper-pagination-bullets.swiper-pagination-horizontal, 
.bannerSwiper .swiper-pagination-custom, .swiper-pagination-fraction{
    width: 10px;
    height: 100%;
    right: 40px;
    left: auto;
}
.bannerSwiper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, 
.bannerSwiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 10px 0;
}
.bannerSwiper .swiper-pagination-bullet{
    opacity: 0.5;
    background-color: var(--white);
}
.bannerSwiper .swiper-pagination-bullet-active{
    background-color: var(--white);
    opacity: 1;
}

.bannerSecBtm{
    width: 100%;
    position: absolute;
    width: 100%;
    bottom: -87px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    z-index: 1;
}
.bannerSecBtmIn{
    display: flex;
    align-items: center;
}
.bannerSecBtm .scrollDown{
    margin: 50px auto 0 0;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 2px;
    position: relative;
    padding: 0 0 0 20px;
}
.bannerSecBtm .scrollDown span{
    width: 8px;
    height: 8px;
    box-shadow: 0px 0px 1px 1px #dce4f8c9;
    animation: pulse-animation 2s infinite;
    -webkit-animation: pulse-animation 2s infinite;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: var(--theme-color);
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    left: 0;
}
@keyframes pulse-animation {
    0% {
      box-shadow: 0 0 0 0px #dce4f8;
    }
    100% {
      box-shadow: 0 0 0 15px #dce4f800;
    }
}
.rotateDiv{
    width: 180px;
    height: 180px;
    margin: 0 80px 0 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.rotateDiv span{
    width: 30px;
    height: 30px;
    background-color: var(--theme-color);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.rotateDiv::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../images/word-round.svg);
    background-size: 100%;
    left: 0;
    top: 0;
    filter: invert(89%) sepia(21%) saturate(202%) hue-rotate(197deg) brightness(105%) contrast(101%);
    -webkit-filter: invert(89%) sepia(21%) saturate(202%) hue-rotate(197deg) brightness(105%) contrast(101%);
    animation: rotate 10s infinite linear;
    -webkit-animation: rotate 10s infinite linear;
}

@keyframes rotate {
    from {
      transform:rotate(0deg);
      -moz-transform:rotate(0deg);
      -webkit-transform:rotate(0deg);
      -ms-transform:rotate(0deg);
      -o-transform:rotate(0deg)
    }
    to {
      transform:rotate(359deg);
      -moz-transform:rotate(359deg);
      -webkit-transform:rotate(359deg);
      -ms-transform:rotate(359deg);
      -o-transform:rotate(359deg)
    }
}
/* Banner Section Ends */

/* Banner Section New */
.tcBanrSec{
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 0 0 50px 0;
}
.tcBanrSec > .lineWave{
    position: absolute;
    top: -600px;
    width: 100%;
    opacity: 0.5;
    z-index: -1;
}
.tcBanrSec > .lineWave.lineWaveTwo {
    transform: scaleX(-1) rotate(10deg);
    -webkit-transform: scaleX(-1) rotate(10deg);
    -moz-transform: scaleX(-1) rotate(10deg);
    -ms-transform: scaleX(-1) rotate(10deg);
    -o-transform: scaleX(-1) rotate(10deg);
}

.tcBanrSec .inner{
    display: flex;
    flex-wrap: wrap;
    padding: 130px 0 0 0;
    max-width: 992px;
    margin: 0 auto;
}
.inxOne .searchForm{
    width: 100%;
    max-width: 992px;
    margin: 0 0 20px;
}
.inxOne .searchForm .titleBar{
    margin: 0 0 30px;
    text-align: center;
}
.inxOne .searchForm .titleBar .subTitle{
    color: var(--gray888);
}
.inxOne .searchForm .titleBar .mainTitle{
    color: var(--theme-color);
    text-transform: capitalize;
}

.inxOne .searchForm .tcBlock{
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
}
.inxOne .searchForm .tcBlock > *{
    padding: 5px;
    position: relative;
    width: 30%;
}
.inxOne .searchForm .tcBlock > *:last-child{
    width: 10%;
}
.inxOne .searchForm .tcBlock .tcItemIn{
    position: relative;
    height: 100%;
}
.inxOne .searchForm .tcBlock .tcItemIn > svg{
    width: 25px;
    position: absolute;
    fill: var(--theme-color2);
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.form-control:focus{
    box-shadow: none;
    outline: none;
}

.form-control.errorFocus:focus,
.form-select.errorFocus:focus{
    border-color: var(--red);
}
.inxOne .searchForm .btn{
    background-color: var(--theme-color2);
    width: 100%;
    height: 100%;
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    padding: 0;
}
.inxOne .searchForm .btn:hover{
    background-color: var(--theme-color);
}
.inxOne .searchForm .tcBlock .tcItemIn .btn > svg{
    width: 35px;
    margin: 0 0 0 -2px;
    fill: var(--white);
}

.inxOne .searchForm .searchList{
    position: absolute;
    background-color: var(--white);
    width: 100%;
    left: 0;
    top: 90px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    opacity: 0;
    visibility: hidden;
    display: flex;
    flex-wrap: wrap;
    padding: 20px 20px 0 20px;
    max-height: 300px;
    overflow: hidden;
    overflow-y: auto;
}
.inxOne .searchForm .searchList.show{
    opacity: 1;
    visibility: visible;
}
.inxOne .searchForm .searchList > li{
    cursor: pointer;
    width: 100%;
    margin: 0 0 20px;
    color: var(--gray555);
    position: relative;
    padding: 0 0 0 30px;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.inxOne .searchForm .searchList > li::before{
    content: '\e0c8';
    font-family: var(--g-font);
    font-size: 25px;
    font-variation-settings: 'FILL' 0;
    color: var(--gray999);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.inxOne .searchForm .searchList > li:hover{
    color: var(--theme-color2);
}
.inxOne .searchForm .searchList > li:hover::before{
    color: var(--theme-color2);
}

.inxOne .searchForm .titleBar .subTitle {
    color: var(--gray888);
    text-align: center;
    margin: 0 0 5px;
}
.inxOne .searchForm .form-control {
    background-color: var(--white);
    color: var(--black);
    height: 60px;
    font-size: 14px;
    padding: 0 40px 0 15px;
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
}
.inxOne .searchForm .form-control::placeholder {
    color: var(--gray777);
}
.inxOne .searchForm .form-control:focus{
    background-color: var(--white);
    color: var(--black);
}
.inxOne .searchForm .form-control:focus::placeholder{
    color: var(--gray777);
}

.inxOne .searchForm .tcBlock .tcItemIn > svg{
    right: 10px;
    width: 20px;
}
.inxOne .searchForm .tcBlock .tcItemIn .btn svg{
    width: 22px;
}

.inxOne .searchForm .searchList{
    border: 1px solid var(--border-color);
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    top: 50px;
    z-index: 4;
    padding: 0;
    max-height: 170px;
}
.inxOne .searchForm .searchList > li{
    border-bottom: 1px dashed var(--border-color);
    padding: 7px 7px 7px 30px;
    margin: 0;
    font-size: 13px;
}
.inxOne .searchForm .searchList > li:last-child{
    border: none;
}
.inxOne .searchForm .searchList > li::before{
    left: 5px;
    font-size: 22px;
}

.swiper.mobCatSwiper .imgBox{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
} 
.swiper.mobCatSwiper .imgBox img{
    width: 70px;
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
}
.swiper.mobCatSwiper .imgBox:hover img{
    width: 70px;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
}
.swiper.mobCatSwiper .imgBox > span{
    font-size: 12px;
    line-height: 1.4;
    color: var(--gray666);
    text-transform: uppercase;
}
/* Banner Section New Ends */

/* Search Section */
.destSrchWrap{
    width: 100%;
    margin: -140px 0 80px 0;
    position: relative;
    z-index: 1;
}
.destSrchWrap .mainSearchBox{
    max-width: 1366px;
    margin: 0 auto 30px auto;
    width: 100%;
    background-color: var(--white);
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
    padding: 15px 15px 15px 25px;
}
.destSrchWrap .mainSearchBox form{
    display: flex;
    align-items: center;
}
.destSrchWrap .mainSearchBox form .ttLt{
    width: 85%;
}
.destSrchWrap .mainSearchBox form .ttRt{
    width: auto;
    margin: 0 0 0 auto;
    display: flex;
    align-items: center;
}
.destSrchWrap .mainSearchBox form .ttLt .ttItem{
    margin: 0 -15px;
}
.destSrchWrap .mainSearchBox form .ttLt .ttItem > *{
    width: calc(100% / 4);
    padding: 0 15px;
}
.destSrchWrap .mainSearchBox form .ttLt .ttItem .ttBlock{
    position: relative;
}
.destSrchWrap .mainSearchBox form .ttLt .ttItem .ttBlock .ttIcon{
    position: absolute;
    left: 10px;
    top: 0;
}
.destSrchWrap .mainSearchBox form .ttLt .ttItem .ttBlock .ttIcon .material-symbols-outlined{
    font-size: 25px;
    color: var(--gray222);
}
.destSrchWrap .mainSearchBox form .ttLt .ttItem .ttBlock .ttCnt{
    width: 100%;
    padding: 0 0 0 30px;
}
.destSrchWrap .mainSearchBox form .ttLt .ttItem .ttBlock .ttCnt > span{
    font-size: 15px;
    color: var(--gray999);
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    margin: 0 0 10px;
}

.pricSlider .price-range-slider{
    position: absolute;
    background-color: var(--white);
    padding: 10px 17px 17px 17px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.5);
    z-index: 1;
    top: 85px;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
    opacity: 0;
    visibility: hidden;
    z-index: 10;
}
.pricSlider .price-range-slider.active{
    opacity: 1;
    visibility: visible;
    top: 80px;
}
.pricSlider .price-range-slider::before{
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    background-color: var(--white);
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    top: -5px;
}

.destSrchWrap .mainSearchBox form .ttLt .form-control,
.destSrchWrap .mainSearchBox form .ttLt .form-select{
    padding: 0;
    border: none;
    font-size: 22px;
    text-transform: capitalize;
}
.form-select{
    --bs-form-select-bg-img: none;
    background-image: url(../images/arrow_down.svg);
    background-position: right;
    background-size: 22px;
}

.destSrchWrap .mainSearchBox form .ttRt .filterIcon{
    margin: 0 15px 0 0;
    cursor: pointer;
    display: flex;
}
.destSrchWrap .mainSearchBox form .ttRt .filterIcon .material-symbols-outlined{
    font-size: 40px;
    color: var(--gray777);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.destSrchWrap .mainSearchBox form .ttRt .filterIcon.active .material-symbols-outlined{
    color: var(--theme-color);
}
.destSrchWrap .mainSearchBox form .ttRt .mainSrchBtn{
    width: 85px;
    height: 85px;
    background-color: var(--theme-color);
    border: none;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
} 
.destSrchWrap .mainSearchBox form .ttRt .mainSrchBtn svg{
    width: 35px;
    fill: var(--white);
}
.destSrchWrap .mainSearchBox form .ttRt .mainSrchBtn:hover{
    background-color: var(--theme-secondary-color);
}

.destSrchWrap .extraFilterWrap{
    max-width: 1200px;
    margin: 0 auto;
    display: none;
    padding: 0 30px;
}
.destSrchWrap .extraFilterWrap form{
    display: flex;
}
.destSrchWrap .extraFilterWrap form{
    margin: 0 -7px;
}
.destSrchWrap .extraFilterWrap form > *{
    width: calc(100% / 5);
    padding: 0 7px;
}
.destSrchWrap .extraFilterWrap form .form-select{
    height: 50px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    font-size: 14px;
    border: 1px solid #f9fbff;
    background-color: #f9fbff;
    text-transform: capitalize;
    padding: 0 20px;
    color: var(--gray555);
}

.rmNdGust{
    display: flex;
    cursor: pointer;
}
.rmNdGust div{
    font-size: 17px;
    color: var(--gray888);
    text-transform: capitalize;
}
.rmNdGust div span{
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 22px;
    color: var(--black);
}
/* Search Section Ends */

/* continue shopping Section */
.destSrchWrap .allPackages{
    width: 100%;
}
.destSrchWrap .allPackagesIn{
    max-width: 100%;
    margin: 40px auto 0 auto;
}
.destSrchWrap .allPackagesIn .ttItem{
    margin: 0 -15px;
    justify-content: center;
}
.destSrchWrap .allPackagesIn .ttItem > *{
    padding: 0 15px;
    text-align: center;
}
.destSrchWrap .allPackagesIn .ttItem .ttBlock .imgBox{
    margin: 0 0 15px;
    position: relative;
    width: 100px;
}
.destSrchWrap .allPackagesIn .ttItem .ttBlock .imgBox::before{
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 9999;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    transform:skewX(-25deg);
    -webkit-transform:skewX(-25deg);
    -moz-transform:skewX(-25deg);
    -ms-transform:skewX(-25deg);
    -o-transform:skewX(-25deg);
}
@-webkit-keyframes shineImg {
	100% {
		left: 100%;
	}
}
@keyframes shineImg {
	100% {
		left: 100%;
	}
}
.destSrchWrap .allPackagesIn .ttItem .ttBlock:hover .imgBox::before{
	animation: shineImg .75s;
	-webkit-animation: shineImg .75s;
}
.destSrchWrap .allPackagesIn .ttItem .ttBlock .imgBox img{
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.destSrchWrap .allPackagesIn .ttItem .ttBlock:hover .imgBox img{
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
}

.destSrchWrap .allPackagesIn .ttItem .ttBlock span{
    font-size: 14px;
    display: block;
    line-height: 1.2;
} 
.destSrchWrap .allPackagesIn .ttItem .ttBlock{
    color: var(--gray555);
    font-size: 15px;
    font-weight: var(--fw-medium);
    text-transform: capitalize;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.destSrchWrap .allPackagesIn .ttItem .ttBlock:hover{
    color: var(--theme-color);
}
/* continue shopping Section Ends */

/* Tooltip */
.ttTooltip{
    position: relative;
}
.ttTooltipBox{
    position: absolute;
    min-width: 250px;
    background-color: var(--white);
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    left: auto;
    z-index: 5;
    padding: 10px 15px;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.ttTooltip.up ~ .ttTooltipBox{
    top: auto;
    bottom: 60px;
}
.ttTooltip:hover ~ .ttTooltipBox{
    opacity: 1;
    visibility: visible;
    bottom: 55px;
}
.ttTooltip.up ~ .ttTooltipBox::before{
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: var(--white);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    left: 20px;
    bottom: -3px;
}
.ttTooltipBox .userName{
    display: flex;
    align-items: center;
    text-transform: capitalize;
    font-weight: var(--fw-medium);
    color: var(--dark-theme-color);
    font-size: 14px;
}
.ttTooltipBox .userName .material-symbols-outlined{
    margin: 0 5px 0 0;
    font-size: 20px;  
}
.ttTooltipBox .imgBox{
    height: auto !important;
}
.ttTooltipBox .imgBox img{
    width: 100%;
    height: auto !important;
    object-fit: cover;
}
/* Tooltip Ends */

/* All Products Section */
.inxPrdtSecWrap{
    width: 100%;
    position: relative;
    margin: 0 0 80px;
}
.inxPrdtWrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -20px;
}
.inxPrdtWrap .pdtCard{
    width: calc(100% / 5);
    padding: 20px;
}
.pdtCard.packDisabled{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    opacity: 0.2;
}
.pdtCard .pdtCardIn{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.pdtCard .pdtCardIn::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--theme-secondary-color);
    left: 0;
    top: 0;
    z-index: 2;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
    opacity: 0;
    visibility: hidden;
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
}
.pdtCard .pdtCardIn:hover::before{
    opacity: 0.5;
    visibility: visible;
}
.pdtCard .pdtCardIn > .viewBtn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 100%) scale(0);
    -webkit-transform: translate(-50%, 100%) scale(0);
    -moz-transform: translate(-50%, 100%) scale(0);
    -ms-transform: translate(-50%, 100%) scale(0);
    -o-transform: translate(-50%, 100%) scale(0);
    z-index: 2;
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    border: 1px solid var(--white);
    color: var(--white);
    background-color: transparent;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    width: 150px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-size: 13px;
}
.pdtCard .pdtCardIn:hover > .viewBtn{
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
}
.pdtCard .pdtCardIn > .viewBtn:hover{
    border-color: var(--theme-color2);
    background-color: var(--theme-color2);
}
.pdtCard .pdtCardIn .imgBox{    
    position: relative;
    height: 370px;    
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
    overflow: hidden;
}
.pdtCard .pdtCardIn .imgBox > img{
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.pdtCard .pdtCardIn .imgBox.agenImg{
    border: 1px solid var(--border-color);
    padding: 20px 20px 40px 20px;
    display: flex;
    align-items: center;
    height: 200px;
}
.pdtCard .pdtCardIn .imgBox.agenImg::before,
.pdtCard .pdtCardIn .imgBox.agenImg::after{
    display: none;
}
.pdtCard .pdtCardIn .imgBox.agenImg > img{
    height: auto;
}
.pdtCard .pdtCardIn .imgBox.agenImg > img.agtLogo{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    left: 0;
    top: 0;
    filter: blur(5em);
    -webkit-filter: blur(5em);
}
.pdtCard .pdtCardIn .imgBox.glImg > img.agtLogo{
    display: none;
}
.pdtCard .pdtCardIn .trending,
.pdtCard .pdtCardIn .offer,
.pdtCard .pdtCardIn .duration{
    position: absolute;
    display: block;
    padding: 5px 7px;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    font-size: 11px;
    text-transform: uppercase;
    font-weight: var(--fw-regular);
    z-index: 1;
    line-height: 1;
}
.pdtCard .pdtCardIn .trending{    
    background-color: var(--green);    
    top: 10px;
    left: 10px;    
    color: #12573f;
}
.pdtCard .pdtCardIn .offer{    
    background-color: var(--yellow);    
    top: 10px;
    right: 10px;    
    color: var(--black);
}
.pdtCard .pdtCardIn .duration{    
    background-color: var(--black);    
    top: 10px;
    right: 10px;    
    color: var(--white);
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: var(--fw-medium);
}

.pdtCard .colabs{
    width: 100%;
    margin: 0 0 10px;
}
.pdtCard .colabs ul{
    display: flex;
    margin: -5px;
}
.pdtCard .colabs ul li{
    padding: 5px;
}


.pdtCard .colabs ul li span:not(.name),
.pdtCard .colabs ul li span:not(.imgBox){
    font-size: 10px;
    color: var(--white);
    text-transform: uppercase;
} 

.pdtCard .colabs ul li span.name,
.pdtCard .colabs ul li span.imgBox{
    width: 40px;
    height: 30px;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--white);
}
.pdtCard .colabs ul li .imgBox img{
    width: 100%;
    object-fit: cover;
    height: 30px;
}
.pdtCard .colabs ul li span.name{
    font-size: 15px;
    text-transform: uppercase;
    font-weight: var(--fw-semibold);
    color: var(--theme-black);
    background-color: var(--white);
    border: 1px solid var(--white);
    letter-spacing: 1px;
    text-align: center;
}

.pdtCard .colabs ul li span.imgBox{
    width: auto;
}


.pdtCard .pdtCardIn .imgBox img.hoverImg{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    z-index: 1;
}
.pdtCard .pdtCardIn:hover .imgBox img.hoverImg{
    opacity: 1;
    visibility: visible;
}

.pdtCard .pdtCardIn .pdtCnt{
    border-top: none;
    width: 95%;
    position: absolute;
    z-index: 1;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
}
.pdtCard .pdtCardIn .pdtCnt .priceWrap{
    width: 100%;
    align-items: center;
    padding: 10px 15px;
    flex-wrap: wrap;
    position: relative;    
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
    overflow: hidden;
}
.pdtCard .pdtCardIn .pdtCnt .priceWrap::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(17, 37, 77, 0.8);
    left: 0;
    top: 0;
}
.pdtCard .pdtCardIn .pdtCnt .priceWrap > span{
    font-size: 17px;
    color: var(--white);
    font-weight: var(--fw-regular);
    display: block;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
    text-align: left;
    margin: 0 0 5px;
    position: relative;
}
.pdtCard .pdtCardIn .pdtCnt .priceWrap .priceWrapIn{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    position: relative;
}
.pdtCard .pdtCardIn .pdtCnt .priceWrap .priceWrapIn .oldPrice{
    font-size: 11px;
    font-weight: var(--fw-regular);
    color: var(--white);
    text-decoration: line-through;
    opacity: 0.7;
}
.pdtCard .pdtCardIn .pdtCnt .priceWrap .priceWrapIn .newPrice{
    font-size: 17px;
    font-weight: var(--fw-semibold);
    color: var(--white);
}

.pdtCard .pdtCardIn .ttBlock{
    justify-content: center;
    position: absolute;
    top: 40px;
    right: 10px;
    z-index: 1;
    flex-wrap: wrap;
    z-index: 1;
    flex-wrap: wrap;
    overflow: hidden;
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
    width: min-content;
    padding: 10px;
}
.pdtCard .pdtCardIn .ttBlock::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(13, 28, 66, 0.39);
    backdrop-filter: blur(10px);
    z-index: -1;
}
.pdtCard:hover .pdtCardIn .ttBlock{
    right: 10px;
    opacity: 1;
    visibility: visible;
}
.pdtCard .pdtCardIn .ttBlock .ttItem{
    width: 100%;
    margin: 0 0 10px;
}
.pdtCard .pdtCardIn .ttBlock .ttItem:last-child{
    margin: 0;
}
.pdtCard .pdtCardIn .ttBlock .ttItemIn{
    display: flex;
    justify-content: center;
    align-items: center;
}
.pdtCard .pdtCardIn .ttBlock .ttItemIn span:not(.material-symbols-outlined){
    font-size: 11px;
    text-transform: capitalize;
    color: #d0d0d0;
    white-space: nowrap;
    font-weight: var(--fw-regular);
    color: var(--white);
}
.pdtCard .pdtCardIn .ttBlock .ttItemIn span.material-symbols-outlined{
    font-size: 17px;
    color: var(--white);
    margin: 0 3px 0 0;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    font-variation-settings: "FILL" 1;
}
.pdtCard .pdtCardIn .shareCheckbox,
.pdtCard.hasShare .pdtCardIn::before,
.pdtCard.hasShare .pdtCardIn > .viewBtn{
    display: none;
}
.pdtCard.hasShare .pdtCardIn .shareCheckbox{
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 50px 0 0 0;
}
.pdtCard .pdtCardIn .shareCheckbox::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--theme-secondary-color);
    left: 0;
    top: 0;
    z-index: 2;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
    opacity: 0;
    visibility: hidden;
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
}
.pdtCard.hasShare .pdtCardIn .shareCheckbox::before{
    opacity: 0.5;
    visibility: visible;
}
.pdtCard.hasShare .pdtCardIn .shareCheckbox .customCheckbox {
    z-index: 2;
    position: relative;
    color: var(--white);
}
.pdtCard.hasShare .customCheckbox label{
    color: var(--white);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.pdtCard.hasShare .pdtCardIn .pdtCnt{
    z-index: 2;
}
.pdtCard .pdtImgSwiper{
    width: 100%;
}
.shareCheckbox .customCheckbox{
    width: 100%;
}
.shareCheckbox .customCheckbox label{
    text-align: center;
    padding: 0 0 50px 0;
    font-size: 14px;
}
.shareCheckbox .customCheckbox label > span{
    width: 50px;
    height: 50px;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.shareCheckbox .customCheckbox label input[type="checkbox"]:checked + span{
    background-color: var(--white);
    border-color: var(--white);
}
.shareCheckbox .customCheckbox label input[type="checkbox"]:checked + span::before{
    color: var(--theme-color2);
    font-size: 24px;
    font-weight: var(--fw-extrabold);
}
/* All Products Section Ends */

/* Agency Book Section */
.bookAgcySec{
    width: 100%;
    position: relative;
    margin: 0 auto 100px auto;
}
.bookAgcySec .titleBar{
    margin: 0 0 50px;
}
.bookAgcySec .bookAgcyCnt{
    max-width: 1366px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.bookAgcySec .bookAgcyCnt p{
    font-size: 17px;
    color: var(--gray666);
    text-align: center;
    line-height: 30px;
    font-weight: var(--fw-regular);
    display: block;
    margin: 0 0 80px;
}
.logoSwiper{
    transition-timing-function:linear!important;
    -webkit-transition-timing-function:linear!important; 
    -o-transition-timing-function:linear!important;
}

.triangle{
    position: absolute;
    transform: "translate(0 ,0)";
    -webkit-transform: "translate(0 ,0)";
    -moz-transform: "translate(0 ,0)";
    -ms-transform: "translate(0 ,0)";
    -o-transform: "translate(0 ,0)";
}
.triangle.left{
    top: -3em;
    left: -3em;
    border: 20px solid var(--theme-color);
    border-left: 20px solid transparent;
    border-top: 20px solid transparent;
    opacity: 0.2;
}
.triangle.right{
    top: -10em;
    right: -0em;
    border: 55px solid var(--theme-color);
    border-right: 55px solid transparent;
    border-bottom: 55px solid transparent;
    opacity: 0.3;
    filter: blur(10px);
    -webkit-filter: blur(10px);
}

.logosAddAgcy{
    width: 100%;
    align-items: center;
}
.logosAddAgcy .logoWrap{
    width: calc(100% - 200px);
}
/* Agency Book Section Ends */

/* Destination Section */
.mainDestiSec{
    max-width: 1920px;
    width: 100%;
    position: relative;
    padding: 0 0 0 40px;
    margin: 0 auto 100px auto;
    overflow: hidden;
}
.mainDestiSecIn{
    margin: 0 -40px 0 0;
    align-items: stretch;
    position: relative;
}
.mainDestiSecIn::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
    background-color: var(--bg-gray);
    top: 0;
    right: 100%;
}
.mainDestiSecIn > *{
    padding: 0 40px;
}
.mainDestiSecIn .ttLt{
    width: 33.33%;
    padding-left: 100px;
}
.mainDestiSecIn .ttRt{
    width: calc(100% - 33.33%);
}

.mainDestiSecIn .titleBar{
    margin: 0 0 40px;
}
.mainDestiSecIn p{
    font-size: 17px;
    color: var(--gray666);
    line-height: 30px;
    font-weight: var(--fw-regular);
    display: block;
    margin: 0 0 50px;
}

.mainDestiSecIn .combtn{
    display: inline-flex;
    position: relative;
}
.mainDestiSecIn .combtn::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: var(--border-color);
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    left: -100%;
}

.destiSwiper .imgBox{
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    overflow: hidden;
    position: relative;
    display: block;
    height: 100%;
}
.destiSwiper .imgBox::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 20%;
    left: 0;
    bottom: 0;
    background: rgb(6,4,34);
    background: -moz-linear-gradient(0deg, rgba(6,4,34,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(6,4,34,1) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(0deg, rgba(6,4,34,1) 0%, rgba(255,255,255,0) 100%);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    opacity: 1;
}
.destiSwiper .imgBox:hover::before{
    height: 100%;
    opacity: 0.5;
}
.destiSwiper .imgBox > span{
    position: absolute;
    left: 15px;
    bottom: 15px;
    font-size: 17px;
    color: var(--white);
    display: flex;
    align-items: center;
    text-transform: capitalize;
}
.destiSwiper .imgBox > span .material-symbols-outlined{
    font-size: 20px;
    margin: 0 5px 0 0;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    font-variation-settings: "FILL" 0;
}
.destiSwiper .imgBox:hover > span .material-symbols-outlined{
    font-variation-settings: "FILL" 1;
}
.destiSwiper .imgBox > span.material-symbols-outlined{
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: var(--theme-color);
    position: absolute;
    top: 15px;
    right: 25px;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    opacity: 0;
    visibility: hidden;
    left: auto;
    transform-style: preserve-3d;
}
.destiSwiper .imgBox:hover > span.material-symbols-outlined{
    right: 15px;
    opacity: 1;
    visibility: visible;
}
.destiSwiper .imgBox > span.material-symbols-outlined:hover{
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    background-color: var(--theme-secondary-color);
}
.destiSwiper .imgBox img{
    height: 100%;
    object-fit: cover;
}

.destiSwiper .swiper-nav{
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    right: 40px;
}
.destiSwiper .swiper-button-next, 
.destiSwiper .swiper-button-prev,
.destiSwiper .swiper-button-next::after, 
.destiSwiper .swiper-button-prev::after,

.glSwiper .swiper-button-next, 
.glSwiper .swiper-button-prev,
.glSwiper .swiper-button-next::after, 
.glSwiper .swiper-button-prev::after,

.packSwiper .swiper-button-next, 
.packSwiper .swiper-button-prev,
.packSwiper .swiper-button-next::after, 
.packSwiper .swiper-button-prev::after{
    width: 40px;
    height: 40px;
    position: static;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    background-color: var(--bg-gray);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin: 5px 0;
}
.glSwiper .swiper-button-next:hover, 
.glSwiper .swiper-button-prev:hover,

.destiSwiper .swiper-button-next:hover, 
.destiSwiper .swiper-button-prev:hover,

.packSwiper .swiper-button-next:hover, 
.packSwiper .swiper-button-prev:hover{
    background-color: var(--theme-color);
}
.glSwiper .swiper-button-next::after, 
.glSwiper .swiper-button-prev::after,

.destiSwiper .swiper-button-next::after, 
.destiSwiper .swiper-button-prev::after,

.packSwiper .swiper-button-next::after, 
.packSwiper .swiper-button-prev::after{
    font-family: var(--g-font);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: var(--black);
    background-color: transparent;
    color: var(--gray999);
}
.glSwiper .swiper-button-next:hover::after, 
.glSwiper .swiper-button-prev:hover::after,

.destiSwiper .swiper-button-next:hover::after, 
.destiSwiper .swiper-button-prev:hover::after,

.packSwiper .swiper-button-next:hover::after, 
.packSwiper .swiper-button-prev:hover::after{
    color: var(--white);
}

.glSwiper .swiper-button-prev::after,
.destiSwiper .swiper-button-prev::after,
.packSwiper .swiper-button-prev::after{
    content: '\e5c4';
}
.glSwiper .swiper-button-next::after,
.destiSwiper .swiper-button-next::after,
.packSwiper .swiper-button-next::after{
    content: '\e5c8';
}

.destiSwiper.swiper{
    height: 100%;
}
/* Destination Section Ends */

/* Middle Ad */
.middleAdd{
    width: 100%;
    position: relative;
    margin: 0 0 100px;
}
.middleAdd .imgBox{
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
    overflow: hidden;
}
.middleAdd .imgBox img{
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
/* Middle Ad Ends */

/* Recommended packages Section */
.recomPackSec{
    width: 100%;
    margin: 0 0 80px;
}
.packSwiper.swiper{
    padding: 130px 0 1px 0;
    margin: -130px 0 0 0;
}
.packSwiper .swiper-nav{
    display: flex;
    position: absolute;
    top: 5px;
    z-index: 1;
    right: 120px;
}
.packSwiper .swiper-nav > *{
    margin: 0;
}
.packSwiper .swiper-nav > *:last-child{
    margin: 0 0 0 8px;
}
.packSwiper .swiper-pagination{
    bottom: -70px;
}
.packSwiper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, 
.packSwiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 10px;
}
.packSwiper .swiper-pagination-bullet{
    width: 7px;
    height: 7px;
    background-color: var(--theme-color);
}
.packSwiper.swiper .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{
    display: flex;
    justify-content: center;
}
/* Recommended packages Section Ends */

/* join us section */
.JoinSecWrap{
    width: 100%;
    margin: 0 auto 100px auto;
    position: relative;
    overflow: hidden;
    padding: 50px 0 0 0;
}
.JoinSecWrap .ttBlock{
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
    background: rgb(14,37,96);
    background: -moz-linear-gradient(90deg, rgba(14,37,96,1) 0%, rgba(59,113,253,1) 50%, rgba(14,37,96,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(14,37,96,1) 0%, rgba(59,113,253,1) 50%, rgba(14,37,96,1) 100%);
    background: linear-gradient(90deg, rgba(14,37,96,1) 0%, rgba(59,113,253,1) 50%, rgba(14,37,96,1) 100%);
    position: relative;
    display: flex;
    padding: 60px 80px;
}
.JoinSecWrap .ttBlock::before{
    content: '';
    position: absolute;
    width: 25%;
    height: 200%;
    border: 1px solid var(--white);
    bottom: 30px;
    left: 58%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    border-radius: 20em;
    -webkit-border-radius: 240px;
    -moz-border-radius: 20em;
    -ms-border-radius: 20em;
    -o-border-radius: 20em;
    z-index: 0;
    opacity: 0.5;
}
.JoinSecWrap .ttBlock > *{
    width: 50%;
}
.JoinSecWrap .ttBlock .titleBar{
    margin: 0 0 60px;
}
.JoinSecWrap .ttBlock .titleBar .subTitle,
.JoinSecWrap .ttBlock .titleBar .mainTitle{
    color: var(--white);
}

.JoinSecWrap .ttBlock .ttLt{
    position: relative;
}
.JoinSecWrap .ttBlock .ttLt::before{
    content: '';
    position: absolute;
    width: 35%;
    height: 490px;
    border: 1px solid var(--white);
    top: -310px;
    left: -40px;
    border-radius: 20em;
    -webkit-border-radius: 240px;
    -moz-border-radius: 20em;
    -ms-border-radius: 20em;
    -o-border-radius: 20em;
    z-index: 0;
    opacity: 0.2;
}

.JoinSecWrap .ttBlock .ttRt{
    display: flex;
    flex-direction: column;
    position: relative;
}
.JoinSecWrap .ttBlock .ttRt::after{
    content: '';
    position: absolute;
    width: 35%;
    height: 490px;
    border: 1px solid var(--white);
    bottom: -190px;
    right: -170px;
    border-radius: 20em;
    -webkit-border-radius: 240px;
    -moz-border-radius: 20em;
    -ms-border-radius: 20em;
    -o-border-radius: 20em;
    z-index: 0;
    opacity: 0.2;
}
.JoinSecWrap .ttBlock .ttRt .titleBar{
    text-align: right;
}
.JoinSecWrap .ttBlock .ttRt .combtn{
    margin: 0 0 0 auto;
    position: relative;
    z-index: 1;
}
.JoinSecWrap .ttBlock > img{
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    width: 340px;
}
/* join us section Ends */

/* Testimonials Section */
.testiSec{
    width: 100%;
    position: relative;
    margin: 0 0 100px;
}
.testiSec .ttBlock{
    margin: 0 -20px;
    align-items: center;
}
.testiSec .ttBlock > *{
    padding: 0 20px;
    width: 50%;
}
.testiSec .ttBlock .imgBox{
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
    overflow: hidden;
    position: relative;
    height: 100%;
}
.testiSec .ttBlock .imgBox .titleBar{
    position: absolute;
    background-color: var(--white);
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 40px 60px;
    top: 50px;
    right: 0;
}
.testiSec .ttBlock .imgBox .combtn{
    position: absolute;
    bottom: 40px;
    right: 40px;
}
.testiSec .ttBlock .imgBox img{
    height: 100%;
    object-fit: cover;
}

.testiSec .ttBlock > .ttRt .ttBlock{
    display: flex;
    flex-wrap: wrap;
    margin: -20px;
}
.testiSec .ttBlock > .ttRt .ttBlock .ttItem{
    padding: 20px;
    width: calc(100% / 2);
}
.testiCard{
    width: 100%;
}
.testiCard p{
    font-size: 17px;
    color: var(--gray666);
    line-height: 30px;
    margin: 0 0 40px;
}
.testiCard .testiNameWrap{
    width: 100%;
    position: relative;
}
.testiCard .testiNameWrap .icon{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.testiCard .testiNameWrap .icon .material-symbols-outlined{
    width: 65px;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    color: var(--theme-color);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    background-color: #f6f8ff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    font-variation-settings: "FILL" 1;
}
.testiCard:hover .testiNameWrap .icon .material-symbols-outlined{
    background-color: var(--theme-color);
    color: var(--white);
    font-variation-settings: "FILL" 0;
}
.testiCard .testiNameWrap .ttCnt{
    padding: 0 0 0 80px;
}
.testiCard .testiNameWrap .ttCnt .starRating{
    line-height: 1;
    display: flex;
    margin: 0 0 3px -3px;
}
.testiCard .testiNameWrap .ttCnt .starRating .material-symbols-outlined{
    font-variation-settings: "FILL" 1;
    font-size: 20px;
    color: #273b71;
}
.testiCard .testiNameWrap .ttCnt .mainTitle{
    font-family: var(--secondary-font);
    font-size: 20px;
    font-weight: var(--fw-medium);
}
/* Testimonials Section Ends */

/* Newsletter Section */
.newsletterSec{
    width: 100%;
    position: relative;
    margin: 0 0 70px;
}
.newsletterSec::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 10px;
    background-color: var(--theme-color);
    opacity: 0.04;
    left: 0;
    bottom: 25px;
}
.newsletterSecIn{
    max-width: 992px;
    margin: 0 auto;
}
.newsletterSecIn .titleBar{
    margin: 0 0 25px;
}
.newsletterSecIn .titleBar .mainTitle{
    text-transform: none;
}
.newsletterSecIn p{
    text-align: center;
    color: var(--gray666);
    font-size: 17px;
    margin: 0 0 40px;
}
.newsletterSecIn form{
    width: 100%;
    position: relative;
    z-index: 1;
}
.newsletterSecIn form .form-control{
    width: 100%;
    height: 60px;
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
    padding: 0 220px 0 20px;
}
.newsletterSecIn form .combtn{
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
}
/* Newsletter Section Ends */

/* Extra Value Section */
.extraValueSec{
    width: 100%;
    position: relative;
    margin: 0 0 100px;
}
.extraValueSec .ttBlock{
    margin: 0 -20px;
    justify-content: space-between;
}
.extraValueSec .ttBlock > *{
    width: calc(100% / 5);
}
.extraValueSec .ttBlock .ttItem .ttItemIn{
    position: relative;
}
.extraValueSec .ttBlock .ttItem .ttItemIn .icon{
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1;
}
.extraValueSec .ttBlock .ttItem .ttItemIn .icon .material-symbols-outlined{
    font-size: 55px;
    color: var(--theme-color);
}
.extraValueSec .ttBlock .ttItem .titleBar{
    margin: 0;
    padding: 0 0 0 65px;
}
.extraValueSec .ttBlock .ttItem .titleBar .subTitle{
    margin: 0 0 5px;
    width: 100%;
}
.extraValueSec .ttBlock .ttItem .titleBar .mainTitle{
    font-size: 20px;
}
/* Extra Value Section Ends */

/* Footer */
.footerMain{
    width: 100%;
    background-color: var(--dark-theme-color);
    position: relative;
    overflow: hidden;
}
.footerMain::after{
    content: '';
    position: absolute;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    right: 40px;
    bottom: -190px;
    background-color: var(--theme-color);
    filter: blur(15em);
    -webkit-filter: blur(15em);
    opacity: 0.9;
}
.footerMain > .ttContainer{
    padding-top: 70px;
    padding-bottom: 70px;
}
.footerMain .subTitle{
    font-size: 15px;
    color: #cfddff;
    letter-spacing: 2px;
    margin: 0 0 30px;
    display: block;
    text-transform: uppercase;
}
.socialLinks{
    display: flex;
}
.socialLinks li{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    margin: 0 0 0 5px;
}
.socialLinks li svg{
    width: 20px;
    fill: var(--white);
}
.socialLinks li:first-child{
    margin: 0;
}
.socialLinks li:first-child,
.socialLinks li:hover{
    background-color: var(--theme-color);
}
.socialLinks li a{
    line-height: 1;
}
.footerMain ul.footLinks{
    display: flex;
    flex-wrap: wrap;
}
.footerMain ul.footLinks li{
    width: 100%;
    margin: 0 0 15px 0;
}
.footerMain ul.footLinks li:last-child{
    margin: 0;
}
.footerMain ul.footLinks li a{
    color: var(--white);
    font-size: 16px;
}
.footerMain ul.footLinks li a:hover{
    color: var(--theme-color2);
}
.footerMain p{
    font-size: 17px;
    color: var(--white);
}
.footerMain .mainTitle{
    font-family: var(--secondary-font);
    font-size: 35px;
    color: var(--white);
    text-transform: uppercase;
    margin: 0 0 15px;
    display: block;
    font-weight: var(--fw-regular);
}
.footerMain .ttItemIn > a{
    font-size: 22px;
    font-weight: var(--fw-medium);
    color: var(--white);
    letter-spacing: 1px;
}
.footerMain .ttItemIn > a:hover{
    color: var(--theme-color2);
}

.footerMainIn{
    display: flex;
    align-items: stretch;
}
.footerMainIn{
    margin: 0 -50px;
}
.footerMainIn > *{
    padding: 0 50px;
}
.footerMainIn .ttLt{
    width: 35%;
}
.footerMainIn .ttRt{
    width: 65%;
    position: relative;
    z-index: 1;
}

.footerMainIn .ttLt .ttBlock{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.footerMainIn .ttRt .ttBlock:first-child{
    display: flex;
    margin: 0 0 100px;
}
.footerMainIn .ttRt .ttBlock:first-child > *{
    width: calc(100% / 3);
}
.footerMainIn .ttRt .ttBlock:last-child .ttItem{
    display: flex;
    margin: 0 -50px;
}
.footerMainIn .ttRt .ttBlock:last-child .ttItem > *{
    padding: 0 50px;
}
.footerMainIn .ttRt .ttBlock:last-child .ttItem > *:last-child{
    position: relative;
}
.footerMainIn .ttRt .ttBlock:last-child .ttItem > *:last-child::before{
    content: '';
    position: absolute;
    width: 1px;
    height: 70%;
    background-color: #1a347a;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.footerMain .footerMainFoot {
    border-top: 1px solid #1a347a;
    width: 100%;
    padding: 30px 0;
}
.footerMain .footerMainFoot .imgBoxWrap{
    display: flex;
    align-items: center;
    width: 25%;
    margin: 0 0 0 auto;
}
.footerMainFootIn{
    display: flex;
    position: relative;
    z-index: 1;
    align-items: center;
}
.footerMainFootIn .imgBoxWrap .imgBox:first-child{
    background-color: var(--white);
    padding: 5px 10px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    width: 250px;
    margin: 0 20px 0 0;
}
/* Footer Ends */

/* Scroll Top */
#spnTop {
    right: 25px;
    bottom: 40px;
    background-color: var(--theme-color);
    position: fixed;
    line-height: 1;
    width: 40px;
    height: 40px;
    color: var(--white);
    font-size: 12px;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
#spnTop.showTop {
    bottom: 75px;
    opacity: 1;
    visibility: visible;
    z-index: 20;
}
#spnTop.showTop.showBtm {
    bottom: 75px;
}
#spnTop:hover {
    background-color: var(--theme-secondary-color);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
#spnTop .material-symbols-outlined{
    font-size: 20px;
}
/* Scroll Top Ends */

/* Whatsapp */
.wtzp {
    width: 50px;
    height: 50px;
    background: #25d366;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 10;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 5;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    animation-name: pulseNew;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
}
.wtzp i {
    display: block;
    font-size: 21px;
    color: var(--white);
}
.wtzp i svg {
    display: block;
    width: 23px;
    height: auto;
    fill: var(--white);
    animation-name: unlock;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
}
@keyframes pulseNew {
    0% {
        box-shadow:0 0 0 0 rgb(37 211 102 / .5)
    }
    80% {
        box-shadow:0 0 0 14px #fff0
    }
}
@keyframes unlock {
    0% {
        transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
        -moz-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        -o-transform: rotate(-15deg);
    }
    15% {
        transform: rotate(-40deg);
        -webkit-transform: rotate(-40deg);
        -moz-transform: rotate(-40deg);
        -ms-transform: rotate(-40deg);
        -o-transform: rotate(-40deg);
    }
    30% {
        transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
    }
    45% {
        transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        -moz-transform: rotate(-30deg);
        -ms-transform: rotate(-30deg);
        -o-transform: rotate(-30deg);
    }
    60% {
        transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
    }
    75% {
        transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
        -moz-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        -o-transform: rotate(-20deg);
    }
    90% {
        transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
        -moz-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        -o-transform: rotate(-15deg);
    }
    100% {
        transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
        -moz-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        -o-transform: rotate(-15deg);
    }
}
.wtzp:hover {
    background-color: #0fc784;
}
/* Whatsapp Ends */

/* Breadcrumbs */
.ttBreadcrumbs{
    width: 100%;
    position: relative;
    padding: 15px 0;
    margin: 0 0 50px;
    border-bottom: 1px solid var(--border-color);
}
.ttBreadcrumbs ul{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 -10px;
}
.ttBreadcrumbs ul li{
    font-size: 12px;
    padding: 0 10px;
    color: var(--gray999);
    position: relative;
    text-transform: capitalize;
}
.ttBreadcrumbs ul li::after{
    content: '';
    position: absolute;
    width: 1px;
    height: 70%;
    background-color: var(--border-color);
    right: -2px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.ttBreadcrumbs ul li:last-child::after{
    display: none;
}
.ttBreadcrumbs ul li a{
    color: var(--black);
}
.ttBreadcrumbs ul li a:hover{
    color: var(--theme-color);
}
/* Breadcrumbs Ends */

/* Login Page */
.login-page header{
    border-bottom: 1px solid var(--border-color);
}
.login-page .ttBreadcrumbs{
    margin: 0 0 30px;
}
.loginWrap{
    width: 100%;
    margin: 0 0 80px 0;
    overflow: hidden;
}

.loginWrapIn{
    display: flex;
    align-items: flex-start;
    position: relative;
}
.loginWrapIn > .ttLt{
    width: 55%;
}
.loginWrapIn > .ttRt{
    width: 45%;
    position: sticky;
    top: 110px;
}

.loginWrapIn .triangle.left{
    top: 25em;
    left: -7em;
}
.loginWrapIn .triangle.right{
    top: 7em;
    right: -8em;
}

.regiWrap{
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
    overflow: hidden;
    position: relative;
    padding: 50px;
    background-color: var(--dark-theme-color);
}
.regiWrap::before{
    content: '';
    position: absolute;
    width: 200px;
    height: 200px;
    background-color: var(--theme-color);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    top: -50px;
    right: -50px;
    filter: blur(50em);
    -webkit-filter: blur(50em);
}
.regiWrap .mainTitle{
    font-size: 40px;
    color: var(--white);
    margin: 0 0 40px;
    position: relative;
    padding: 0 0 25px;
}
.regiWrap .mainTitle::after{
    content: '';
    position: absolute;
    width: 50px;
    height: 5px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    background-color: var(--theme-color);
    left: 2px;
    bottom: 0;
}
.regiWrap .nav.nav-pills{
    background-color: var(--theme-secondary-color);
    padding: 10px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    margin: 0 0 30px;
}
.regiWrap .nav.nav-pills .nav-link{
    padding: 7px 12px;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    letter-spacing: 2px;
    min-width: 120px;
    color: var(--white);
}
.regiWrap .nav-pills .nav-link.active, 
.regiWrap .nav-pills .show > .nav-link{
    background-color: var(--theme-color);
}

.regiWrap form .form-label{
    font-size: 12px;
    text-transform: uppercase;
    color: var(--white);
    letter-spacing: 2px;
}
.regiWrap form .form-control,
.regiWrap form .form-select{
    height: 50px;
    margin: 0 0 20px;
    padding: 0 20px;
    font-size: 15px;
    letter-spacing: 0.4px;
    background: #19264a;
    border-color: #5b6fa6;
    color:var(--white);
    font-weight: var(--fw-regular);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.regiWrap form .form-select{
    color: var(--white);
}
.regiWrap form .form-select:focus{
    border-color: var(--white);
}
.regiWrap form .form-control::placeholder{
    opacity: 0.2;
    color: var(--white);
    font-weight: 200;
    font-size: 14px;
}
.regiWrap form .form-control:focus{
    background-color: var(--white);
    border-color: var(--white);
    color: var(--dark-theme-color);
}
.regiWrap form .combtn{
    margin: 40px 0 0 0;
    width: 150px;
    padding: 0;
}
.regiWrap form .combtn:hover{
    background-color: var(--white);
    color: var(--theme-secondary-color);
}
.regiWrap form .iti{
    margin: 0 0 20px;
    width: 100%;
}
.regiWrap form .iti--separate-dial-code .iti__selected-dial-code{
    color: var(--gray888);
}
.regiWrap form .iti--separate-dial-code .iti__selected-flag{
    border-right-color: #5b6fa6;
}
.regiWrap .infoBox{
    background-color: #ffbebe66;
    border: 1px solid #e48686;
    padding: 15px 20px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    margin: 0 0 20px;
}
.infoBox ul{
    display: flex;
    flex-wrap: wrap;
}
.infoBox ul li{
    width: 100%;
    font-size: 12px;
    color: var(--white);
    margin: 0 0 5px;
    position: relative;
    padding: 0 0 0 25px;
}
.infoBox ul li:last-child{
    margin: 0;
}
.infoBox ul li::before{
    content: '\e5cd';
    position: absolute;
    font-family: var(--g-font);
    font-size: 17px;
    color: #ff7e7e;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.signWrap{
    padding: 0 0 0 100px;
}
.signWrap .mainTitle{
    font-size: 40px;
    color: var(--theme-secondary-color);
    margin: 0 0 40px;
    position: relative;
    padding: 0 0 25px;
}
.signWrap .mainTitle::before{
    content: '';
    position: absolute;
    width: 50px;
    height: 5px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    background-color: var(--theme-secondary-color);
    left: 2px;
    bottom: 0;
}
.signWrap form .btnWrap{
    margin: 40px 0 0 0;
    justify-content: space-between;
}
.signWrap form .form-label{
    font-size: 12px;
    text-transform: uppercase;
    color: var(--gray999);
    letter-spacing: 2px;
}
.signWrap form .form-control{
    height: 50px;
    margin: 0 0 20px;
    padding: 0 20px;
    font-size: 15px;
    letter-spacing: 0.4px;
    font-weight: var(--fw-regular);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    box-shadow: 0 0 0 40px var(--white) inset;
}
.signWrap form .form-control::placeholder{
    opacity: 0.2;
    color: var(--theme-secondary-color);
    font-size: 14px;
}
.signWrap form .combtn{
    background-color: var(--theme-secondary-color);
}
.signWrap form .combtn:hover{
    background-color: var(--theme-color);
}
.signWrap a{
    font-size: 14px;
    color: var(--gray999);
    text-transform: capitalize;
    letter-spacing: 0.5px;
}
.signWrap a:hover{
    color: var(--theme-secondary-color);
}

.signWrap form .combtn.faceBtn{
    background-color: var(--light-bg);
    border-color: var(--theme-secondary-color);
    color: var(--theme-secondary-color);
}
.signWrap form .combtn.faceBtn:hover{
    background-color: var(--theme-color);
    color: var(--white);
}
.signWrap form .combtn.faceBtn .material-symbols-outlined{
    margin: 0 10px 0 0;
}
.signWrap form .combtn.faceBtn:hover .material-symbols-outlined{
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    color: var(--white);
}

.customForm{
    width: 100%;
}
.customForm .form-label{
    font-size: 12px;
    text-transform: uppercase;
    color: var(--gray555);
    letter-spacing: 2px;
}
.customForm .form-control,
.customForm .form-select{
    height: 50px;
    margin: 0 0 20px;
    padding: 0 20px;
    font-size: 15px;
    letter-spacing: 0.4px;
    font-weight: var(--fw-regular);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    color: var(--gray333);
    box-shadow: inset 0 50px 0 white;
}
.customForm .form-control.form-control-sm,
.customForm .form-select.form-select-sm{
    height: 40px;
    font-size: 13px;
    padding: 0 15px;
}
.customForm .form-control::placeholder{
    opacity: 0.2;
    color: var(--theme-secondary-color);
    font-size: 14px;
}
.customForm .form-select{
    background: none;
    background-image: url('/static/website_static/images/arrow_down.svg');
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: center right 10px;
    box-shadow: none;
}
.customForm textarea.form-control{
    height: auto;
    padding: 20px;
    resize: none;
}

.customForm .mainTitle{
    font-size: 17px;
    font-family: var(--secondary-font);
    text-transform: uppercase;
    margin: 0 0 5px;
    letter-spacing: 1px;
}

.customForm .form-control[type="file"]{
    padding: 0 10px;
    line-height: 3.2;
}
.customForm .form-control[type="file"]::file-selector-button{
    background-color: var(--light-bg2);
    height: 55px;
    color: var(--theme-secondary-color);
}
.customForm .form-control[type="file"]:hover::file-selector-button{
    background-color: var(--theme-color);
    color: var(--white);
}
.customForm .form-control:disabled{
    background-color: var(--light-bg);
    border: none;
    box-shadow: none;
    cursor: not-allowed;
}
.customForm .form-control[type="file"]:hover:disabled::file-selector-button{    
    background-color: var(--light-bg2);
    color: var(--theme-secondary-color);
}

.otp{
    width: 100%;
    margin: 0 0 10px;
}
.otp > .inputs{
    display: flex;
    justify-content: space-between;
}
.otp > .inputs > .inputOtp{
    width: 60px;
    height: 60px;
    text-align: center;
    font-size: 30px;
    border: 1px solid var(--border-color);
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    color: var(--theme-secondary-color);
    font-weight: var(--fw-medium);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.otp > .inputs > .inputOtp:focus{
    border-color: var(--theme-color);
}

.toggle-password{
    position: absolute;
    top: 40px;
    width: 30px;
    height: 30px;
    right: 20px;
}
.toggle-password::before{
    content: '\e8f5';
    position: absolute;
    font-family: var(--g-font);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}
.toggle-password.active::before{
    content: '\e8f4';
}
.regiWrap form .toggle-password::before{
    color: #5b6fa6;
}

#submit_otp_request_re{
    border: none;
    background-color: var(--theme-color2);
    color: var(--white);
    padding: 2px 7px;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    text-transform: uppercase;
    font-size: 11px;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
}
#submit_otp_request_re:hover{
    background-color: var(--theme-black);
}

.signWrap form p.link{
    text-align: center;
    margin: 20px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--theme-color);
    cursor: pointer;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
}
.signWrap form p.link:hover{
    color: var(--theme-color2);
}
.signWrap form p.link .material-symbols-rounded{
    color: var(--theme-color);
    margin: 0 7px 0 0;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
    font-variation-settings: 'FILL' 0;
}
.signWrap form p.link:hover .material-symbols-rounded{
    font-variation-settings: 'FILL' 1;
    color: var(--theme-color2);
}
/* Login Page Ends */

/* Listing Page */
.listing-layout .destSrchWrap,
.listing-layout .destSrchWrap .allPackagesIn{
    margin: 0;
}
.shortBanner{
    width: 100%;
    margin: 0 0 50px;
}
.shortBanner.destiBanImg .imgBox{
    height: 300px;
    overflow: hidden;
}
.shortBanner.destiBanImg .imgBox > img{
    object-fit: cover;
    object-position: 0 -600px;
}
.listing-layout .destSrchWrap .allPackagesIn{
    margin: 0 0 50px;
}
.listing-layout .ttBreadcrumbs{
    border-bottom: none;
    margin: 0;
}
.packListWrap{
    width: 100%;
    margin: 0 0 100px;
}
.packListWrap .packListWrapHead{
    width: 100%;
}
.packListWrap .packListWrapHead .mainTitle{
    text-align: center;
    text-transform: capitalize;
    font-size: 55px;
}

.packListWrap .packListWrapHead .ttBlock{
    align-items: center;
    margin: 0 0 20px;
}
.packListWrap .packListWrapHead .ttBlock .ttLt{
    margin: 0 auto 0 0;
}
.sortBy .form-select{
    min-width: 200px;
    text-transform: capitalize;
    font-size: 15px;
    color: var(--gray666);
    letter-spacing: 0.4px;
    background-position: center right 5px;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
}
.packListWrap .packListWrapHead .ttBlock .ttLt p{
    font-size: 20px;
    font-weight: var(--fw-medium);
    align-items: center;
    margin: 0;
    line-height: 1;
}
.packListWrap .packListWrapHead .ttBlock .ttLt span:not(.material-symbols-outlined){
    color: var(--theme-color);
}
.packListWrap .packListWrapHead .ttBlock .ttLt span.material-symbols-outlined{
    font-size: 24px;
    margin: 0 5px;
    color: var(--gray999);
}
.packListWrap .packListWrapHead .ttBlock .ttRt{
    display: flex;
    align-items: center;
}
.sortBy span{
    white-space: nowrap;
    font-size: 13px;
    text-transform: capitalize;
    margin: 0 10px 0 0;
    display: flex;
    align-items: center;
    color: var(--gray888);
}

.packListWrap .packListWrapCnt{
    width: 100%;
    position: relative;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    overflow: hidden;
}

.packListWrap .packListWrapCnt .ttContainerFluid > .ttBlock{
    display: flex;
    margin: 0 -20px;
}
.packListWrap .packListWrapCnt .ttContainerFluid > .ttBlock > *{
    padding: 0 20px 20px;
}
.packListWrap .packListWrapCnt .ttContainerFluid > .ttBlock .ttLt{
    width: 20%;
}
.packListWrap .packListWrapCnt .ttContainerFluid > .ttBlock .ttRt{
    width: 80%;
    border-left: 1px solid var(--border-color);
}

.packListWrap .packListBox{
    display: flex;
    flex-wrap: wrap;
    margin: -20px -20px 0 -20px;
    padding: 40px 0 20px 20px;
    position: relative;
}
.packListWrap .packListBox::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: var(--border-color);
    bottom: -1px;
    right: -100%;
}
.packListWrap .packListBox .pdtCard{
    width: calc(100% / 4);
    padding: 20px;
}

.packListWrap .ttPagination{
    width: 100%;
    display: flex;
    align-items: center;
    padding: 20px 0 20px 20px;
    display: none;
} 
.packListWrap .ttPagination p{
    margin: 0;
    font-size: 16px;
    color: var(--gray666);
    font-weight: var(--fw-regular);
    margin: 0 auto 0 0;
}
.ttPagination .pagination{
    margin: 0 -2px;
}
.ttPagination .pagination .page-item{
    padding: 0 2px;
}
.ttPagination .pagination .page-link{
    width: 40px;
    height: 40px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border: none;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #99a8cf;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.ttPagination .pagination .page-item.active .page-link,
.ttPagination .pagination .page-link:hover{
    background-color: var(--theme-color);
    color: var(--white);
}
.ttPagination .pagination .page-link:focus{
    outline: none;
    box-shadow: none;
    background: transparent;
}

.ttFilterWrap{
    width: 100%;
}
.ttFilterWrap .ttFilterHead {
    border-bottom: 1px solid var(--border-color);
    position: relative;
    padding: 20px 0;
    margin: 0 0 30px;
    justify-content: space-between;
    align-items: center;
}
.ttFilterWrap .ttFilterHead::before,
.ttFilterWrap .ttFilterHead::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: var(--border-color);
    bottom: -1px;
}
.ttFilterWrap .ttFilterHead .material-symbols-outlined{
    font-size: 35px;
    color: var(--gray555);
    margin: 0 7px 0 0;
}
.ttFilterWrap .ttFilterHead .mainTitle{
    font-size: 25px;
    font-weight: var(--fw-regular);
    display: flex;
    align-items: center;
}
.ttFilterWrap .ttFilterHead::before{
    right: -20px;
}
.ttFilterWrap .ttFilterHead::after{
    right: calc(100% - 20px);
}
.ttFilterWrap .ttFilterHead .btn{
    width: auto;
    height: 30px;
    min-width: auto;
    font-size: 12px;
    padding: 0 10px;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
}

.filterCard{
    width: 100%;
    margin: 0 0 40px;
}
.filterCard:last-child{
    margin: 0;
}
.filterCard .filterCardHead > span{
    font-size: 17px;
    color: var(--theme-color2);
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: var(--fw-medium);
}

.filterCard > .filterCardHead{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 15px;
    padding: 0 0 15px;
    border-bottom: 1px solid var(--border-color);
}
.filterCard > .filterCardHead .selectAll{
    position: relative;
    top: 0;
    right: 0;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    padding: 0 0 0 35px;
    cursor: pointer;
    color: var(--gray555);
}
.filterCard > .filterCardHead .selectAll > span{
    width: 23px;
    height: 23px;
    border: 1px solid var(--border-color);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    display: inline-block;
    position: absolute;
    left: 6px;
    top: 50%;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.filterCard > .filterCardHead .selectAll > span::before{
    content: '\e5ca';
    font-family: var(--g-font);
    font-size: 13px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    opacity: 0;
    visibility: hidden;
    color: var(--white);
}
.filterCard > .filterCardHead .selectAll.active > span::before{
    opacity: 1;
    visibility: visible;
}
.filterCard > .filterCardHead .selectAll.active > span{
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.filterCard .form-control{
    font-size: 14px;
    height: 45px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    padding: 0 15px;
}
.filterCard .form-control::placeholder{
    opacity: 1;
    color: var(--gray777);
}


.customCheckbox{
    min-height: 20px;
    display: flex;
    align-items: center;
}
.customCheckbox label{
    position: relative;
    padding: 0 0 0 30px;
    font-size: 13px;
    text-transform: capitalize;
    color: var(--gray777);
    letter-spacing: 0.4px;
    cursor: pointer;
    width: 100%;
}
.customCheckbox label input[type="checkbox"]{
    display: none;
}
.customCheckbox label > span{
    width: 20px;
    height: 20px;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    position: absolute;
    display: block;
    border: 1px solid var(--border-color2);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.customCheckbox label input[type="checkbox"]:checked + span{
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.customCheckbox label > span::before{
    content: '\e5ca';
    position: absolute;
    font-family: var(--g-font);
    font-size: 14px;
    color: var(--white);
    font-weight: 100;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.customCheckbox label input[type="checkbox"]:checked + span::before{
    opacity: 1;
    visibility: visible;
}

.customRadio input[type="radio"]{
    display: none;
}
.customRadio .form-check{
    margin: 0;
    padding: 0;
}
.customRadio input[type="radio"] ~ label{
    color:var(--white);
    font-size: 14px;
    text-transform: capitalize;
    letter-spacing: 0.5px;
    position: relative;
    padding: 0 0 0 30px;
    margin: 0 10px 0 0;
    cursor: pointer;
}
.customRadio input[type="radio"] ~ label::before,
.customRadio input[type="radio"] ~ label::after{
    content: '';
    position: absolute;
}
.customRadio input[type="radio"] ~ label::before{
    top: 1px;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #5b6fa6;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.customRadio input[type="radio"]:checked ~ label::before{
    border-color: var(--white);
}
.customRadio input[type="radio"] ~ label::after{
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    left: 5px;
    top: 6px;
    opacity: 0;
    visibility: hidden;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
}
.customRadio input[type="radio"]:checked ~ label::after{
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1;
    visibility: visible;
    background-color: var(--white);
}

.filterCard > ul{
    height: 100px;
    overflow-x: hidden;
    overflow-y: auto;
}
.filterCard > ul > li{
    width: 100%;
    margin: 0 0 10px;
}
.filterCard > ul > li:last-child{
    margin: 0;
}
.filterCard .starRating{
    position: static;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
}

.price-range-slider {
    width: 100%;
    padding: 0 3px;
}
.price-range-slider .range-value {
    margin: 0;
}
.price-range-slider .range-value input {
    width: 100%;
    background: none;
    color: var(--gray555);
    box-shadow: none;
    border: none;
    margin: 0 0 10px -3px;
}
.price-range-slider .range-bar {
    border: none;
    background: var(--bg-gray);
    height: 3px;
    width: 96%;
    margin-left: 8px;
    cursor: pointer;
}
.price-range-slider .range-bar .ui-slider-range {
    background: var(--dark-theme-color);
}
.price-range-slider .range-bar .ui-slider-handle {
    border: none;
    border-radius: 25px;
    background: var(--theme-color);
    border: 2px solid var(--white);
    height: 17px;
    width: 17px;
    top: -7px;
    cursor: pointer;
    transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}
.price-range-slider .range-bar .ui-slider-handle:focus-visible{
    border: none !important;
    outline: none !important;
}
.price-range-slider .range-bar .ui-slider-handle + span {
    background: var(--theme-color);
}

.searchFilter{
    width: 100%;
    margin: 0 0 15px;
}
.searchFilter form{
    position: relative;
}
.searchFilter input[type="text"]{
    width: 100%;
    height: 35px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    border: 1px solid var(--border-color);
    padding: 0 40px 0 12px;
    font-size: 14px;
    color: var(--gray555);
}
.searchFilter button{
    position: absolute;
    width: 35px;
    height: 35px;
    top: 0;
    right: 0;
    background-color: var(--bg-gray);
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-right-radius: var(--common-radius);
    border-bottom-right-radius: var(--common-radius);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.searchFilter button svg{
    width: 15px;
    fill: var(--gray333);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.searchFilter button:hover{
    background-color: var(--theme-color);
}
.searchFilter button:hover svg{
    fill: var(--white);
}

.offerZoneSwiper{
    width: 100%;
    margin: 50px 0 0 0;
}
.offerZoneSwiper .imgBox{
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
    overflow: hidden;
}

.offerZoneSwiper .swiper-pagination-bullet{
    background-color: var(--white);
}
.offerZoneSwiper .swiper-pagination{
    display: flex;
    justify-content: flex-end;
    padding: 10px 10px 10px 0;
}

.filterBtn{
    border: none;
    background-color: var(--theme-color);
    display: flex;
    padding: 6px 20px;
    margin: 0 0 0 10px;
    color: var(--white);
    font-size: 14px;
    font-weight: var(--fw-medium);
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    text-transform: uppercase;
    letter-spacing: 1px;
}
.filterBtn .material-symbols-outlined{
    font-size: 22px;
    margin: 0 5px 0 0;
}

.listing-layout .btn.shareBtn{
    min-width: auto;
    height: 35px;
    padding: 0 12px 0 10px;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    margin: 0 15px 0 0;
}
.listing-layout .btn.shareBtn > .material-symbols-rounded{
    font-size: 17px;
    margin: 0 5px 0 0;
}

.sharePackWrap{
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: var(--white);
    z-index: 1050;
    box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.5);
    padding: 20px 0;
}
.sharePackWrap .inner{
    display: flex;
    align-items: center;
}
.sharePackWrap .inner > .ttRt{
    margin: 0 0 0 auto;
}
.sharePackWrap .inner p{
    font-size: 17px;
    margin: 0;
}
.sharePackWrap .inner p > span{
    font-weight: var(--fw-medium);
    font-size: 20px;
    color: var(--black);
}
.sharePackWrap .btn-wrap{
    display: flex;
}
.sharePackWrap .btn-wrap > *{
    margin: 0 0 0 10px;
}
.chips_input .chips.inner{
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.chips_input .chips.inner > .emailList{
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    background-color: var(--white);
    border: 1px solid var(--border-color);
    max-height: 250px;
    overflow: hidden;
    padding: 20px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    opacity: 0;
    visibility: hidden;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
}
.chips_input .chips.inner > .emailList.show{
    opacity: 1;
    visibility: visible;
    top: calc(100% - 15px);
}
.chips_input .chips.inner > .emailList ul{
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}
.chips_input .chips.inner > .emailList ul li{
    padding: 10px;
}
.chips_input .customCheckbox label{
    text-transform: none;
}
.chip{
    position: relative;
    padding: 0 45px 0 10px;
    border: 1px solid var(--border-color2);
    margin:0 7px 7px 0;
    border-radius:50px;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    -ms-border-radius:50px;
    -o-border-radius:50px;
    height: 40px;
    display: flex;
    align-items: center;
    font-size: 13px;
    letter-spacing: 0.5px;
    color: var(--gray666);
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
}
.chip:hover{
    border-color: var(--light-red);
}
.chip > button{
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    background-color: #fff0f0;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
}
.chip > button:hover{
    background-color: var(--red);
}
.chip > button .material-symbols-rounded{
    font-size: 17px;
    font-weight: 300;
    color: var(--red);
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
}
.chip > button:hover .material-symbols-rounded{
    color: var(--white);
}
/* Listing Page Ends */

/* User Dashboard */
.userdash-layout .headerWrap{
    border-bottom: 1px solid var(--border-color);
}

.userDashWrap{
    width: 100%;
    margin: 0 0 100px;
}
.userDashWrap .userDashWrapIn{
    display: flex;
    align-items: flex-start;
    margin: 0 -30px;
    position: relative;
}
.userDashWrap .userDashWrapIn > *{
    padding: 0 30px;
    position: sticky;
    top: 120px;
}
.userDashWrap .userDashWrapIn .ttLt{
    width: 25%;
}
.userDashWrap .userDashWrapIn .ttRt{
    width: 75%;
}
.userDashWrap .userDashWrapIn .ttLt ul{
    background-color: var(--dark-theme-color);
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
    overflow: hidden;
    padding: 50px 40px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.userDashWrap .userDashWrapIn .ttLt ul::before{
    content: '';
    position: absolute;
    width: 150px;
    height: 150px;
    background-color: var(--theme-color);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    right: -40px;
    bottom: -40px;
    filter: blur(5em);
    -webkit-filter: blur(5em);
}
.userDashWrap .userDashWrapIn .ttLt ul li{
    width: 100%;
    margin: 0 0 15px;
    padding: 0 0 15px;
    border-bottom: 1px solid #1a347a;
    position: relative;
    z-index: 1;
}
.userDashWrap .userDashWrapIn .ttLt ul li:last-child{
    margin: 0;
    padding: 0;
    border: none;
}
.userDashWrap .userDashWrapIn .ttLt ul li a{
    color: var(--white);
    display: flex;
    align-self: center;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.userDashWrap .userDashWrapIn .ttLt ul li a .material-symbols-outlined{
    font-size: 22px;
    margin: 0 10px 0 0;
    color: var(--white);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    font-variation-settings: 'FILL' 0;
}
.userDashWrap .userDashWrapIn .ttLt ul li a:hover{
    color: var(--theme-color2);
}
.userDashWrap .userDashWrapIn .ttLt ul li a:hover .material-symbols-outlined{
    font-variation-settings: 'FILL' 1;
}
.userDashWrap .userDashWrapIn .ttLt ul li.active a,
.userDashWrap .userDashWrapIn .ttLt ul li.active a .material-symbols-outlined{
    color: var(--theme-color2);
    font-variation-settings: 'FILL' 1;
}
.userDashWrap .userDashWrapIn .ttRt .ttBlock,
.userDashWrap .userDashWrapIn .ttRt .ttBlock .ttCnt{
    width: 100%;
}
.userDashWrap .userDashWrapIn .mainTitle{
    font-size: 30px;
    margin: 0 0 20px;
    position: relative;
    display: flex;
    align-items: center;
    padding: 20px 0 0 0;
    font-family: var(--secondary-font);
    font-weight: var(--fw-regular);
}
.userDashWrap .userDashWrapIn .card .mainTitle{
    font-size: 22px;
}
.userDashWrap .userDashWrapIn .mainTitle::before{
    content: '';
    position: absolute;
    width: 40px;
    height: 5px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    background-color: var(--theme-color);
    top: 0;
}
.userDashWrap .userDashWrapIn .ttRt .ttBlock .ttCnt .mainTitle span{
    margin: 0 10px;
    font-weight: var(--fw-medium);
}
.userDashWrap .userDashWrapIn .ttRt .ttBlock .ttCnt .mainTitle a{
    font-size: 15px;
    color: var(--gray666);
    font-weight: var(--fw-regular);
}
.userDashWrap .userDashWrapIn .ttRt .ttBlock .ttCnt p{
    font-size: 17px;
    color: var(--gray777);
}
.userDashWrap .userDashWrapIn .ttRt .ttBlock .ttCnt p a{
    color: var(--theme-color);
}
.userDashWrap .userDashWrapIn .ttRt .ttBlock .ttCnt p a:hover{
    color: var(--dark-theme-color);
}

.userDashWrap .userDashWrapIn .ttRt .ttBlock .ttCnt .card .card-body address{
    background-color: var(--light-bg);
    padding: 20px 30px;
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
}
.userDashWrap .userDashWrapIn .ttRt .ttBlock .ttCnt .card .card-body address p{
    margin: 0;
    font-size: 15px;
    color: var(--theme-secondary-color);
    font-weight: var(--fw-regular);
}
/* User Dashboard Ends */

/* Bookings */
.noBooking{
    background-color: var(--light-bg);
    padding: 20px 30px;
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
    display: flex;
    align-items: center;
    margin: 0 0 30px;
    flex-wrap: wrap;
}
.noBooking p{
    margin: 0 auto 0 0;
    color: var(--dark-theme-color) !important;
    position: relative;
    padding: 0 0 0 50px;
    font-size: 15px;
}
.noBooking p::before{
    content: '\eb88';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    font-family: var(--g-font);
    font-size: 35px;
    font-weight: 300;
    color: var(--theme-color);
}

.bookingTable{
    width: 100%;
}
.bookingTable .guide-download{
    width: 100%;
    background-color: var(--theme-color);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    color: var(--white);
    text-transform: uppercase;
    font-weight: var(--fw-medium);
    font-size: 14px;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.bookingTable .guide-download .material-symbols-outlined{
    margin: 0 2px 0 0;
    font-size: 22px;
}
.bookingTable .guide-download:hover{
    background-color: var(--theme-secondary-color);
}
.bookingTable .pack-duration{
    display: inline-flex;
    padding: 2px 7px;
    border: 1px solid var(--light-bg3);
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    background-color: var(--light-bg3);
}
.bookingTable .pack-duration,
.bookingTable .travel-date{
    font-size: 12px;
}
.bookingTable .travel-price{
    font-weight: var(--fw-medium);
}
.bookingTable .pack-name{
    display: flex;
    align-items: center;
    font-weight: var(--fw-medium);
    font-size: 15px;
    color: var(--theme-color);
}
.bookingTable .pack-name:hover{
    color: var(--theme-secondary-color);
}
.bookingTable .pack-name .imgBox{
    width: 80px;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    border: 1px solid var(--border-color);
    overflow: hidden;
    padding: 7px;
    margin: 0 7px 0 0;
}
.bookingTable .pack-name .imgBox img{
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
}

.bookingTable table.comTable .btnWrap .btn.btn-sm{
    min-width: auto;
    width: 40px;
    height: 40px;
    padding: 0;
}
.bookingTable table.comTable .btnWrap .btn.btn-sm .material-symbols-rounded{
    font-size: 20px;
    font-weight: 300;
    color: var(--white);
}
.bookingTable table.comTable .btnWrap .btn{
    margin: 0 2px;
}
.bookingTable table.comTable .flightTrip{
    padding: 0 0 0 45px;
    position: relative;
}
.bookingTable table.comTable .flightTrip > span.material-symbols-rounded{
    font-size: 20px;
    position: absolute;
    left: 0;
    background-color: var(--theme-color2);
    color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 100%;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
}
.bookingTable table.comTable tr:hover  .flightTrip > span.material-symbols-rounded{
    background-color: var(--theme-color);
}
.bookingTable table.comTable .flightTrip .ttBlock{
    display: flex;
    align-items: center;
    margin: 0 -10px;
}
.bookingTable table.comTable .flightTrip .ttBlock .ttItem{
    padding: 0 10px;
}
.bookingTable table.comTable .flightTrip .ttBlock .ttItem:not(.oneway){
    display: flex;
    flex-direction: column;
    font-size: 13px;
    line-height: 1.2;
    color: var(--gray999);
}
.bookingTable table.comTable .flightTrip .ttBlock .ttItem:not(.oneway) > span{
    font-size: 18px;
    font-weight: var(--fw-medium);
    color: var(--gray333);
}
.bookingTable table.comTable .flightTrip .ttBlock .ttItem .material-symbols-rounded{
    font-size: 17px;
    color: var(--gray777);
    line-height: 2;
}
.bookingTable table.comTable .flightDate{
    display: flex;
    flex-direction: column;
}
.bookingTable table.comTable .flightDate > span{
    display: flex;
    align-items: center;
    margin: 3px 0;
}
.bookingTable table.comTable .flightDate > span > i{
    background-color: var(--light-bg2);
    border: 1px dashed var(--theme-color);
    letter-spacing: 1px;
    font-size: 10px;
    display: inline;
    width: max-content;
    padding: 3px 7px 1px 7px;
    color: #576da6;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    margin: 0 7px 0 0;
    text-transform: uppercase;
}

.bookingTable.hotelBookingTable .bookedHotel{
    position: relative;
    display: flex;
    align-items: center;
}
.bookingTable.hotelBookingTable .bookedHotel > .imgBox{
    height: 100px;
    width: 100px;
    padding: 5px;
    border: 1px solid var(--border-color);
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
}
.bookingTable.hotelBookingTable .bookedHotel > .imgBox > img{
    object-fit: cover;
    height: 100%;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
}
.bookingTable.hotelBookingTable .bookedHotel > .cntDtl{
    padding: 0 0 0 10px;
    width: calc(100% - 100px);
} 
.bookingTable.hotelBookingTable .bookedHotel .mainTitle{
    font-size: 17px;
    padding: 0;
    margin: 0 0 5px;
    color: var(--theme-color);
}
.bookingTable.hotelBookingTable .bookedHotel .mainTitle::before{
    display: none;
}
.bookingTable.hotelBookingTable .bookedHotel > .cntDtl p.locationDtl{
    font-size: 12px;
    line-height: 1.2;
    position: relative;
    padding: 0 0 0 20px;
    margin: 0;
}
.bookingTable.hotelBookingTable .bookedHotel > .cntDtl p.locationDtl .material-symbols-rounded{
    position: absolute;
    left: -4px;
    font-size: 20px;
}
.bookingTable.hotelBookingTable .bookedHotel .star-rating{
    margin: 0 0 5px;
}

.bookingTable.hotelBookingTable table.comTable > tbody > tr > td span.time{
    font-size: 12px;
    font-weight: var(--fw-medium);
}

.bookingTable #medBookTab.nav-pills{
    margin: 0;
}
.bookingTable #medBookTab.nav-pills > .nav-item{
    width: 50%;
    margin: 0;
}
.bookingTable #medBookTab.nav-pills > .nav-item > .nav-link{
    width: 100%;
    height: 60px;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: var(--fw-regular);
    background-color: var(--light-bg);
    color: var(--theme-black);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;    
    border: 1px solid var(--border-color);
}
.bookingTable #medBookTab.nav-pills > .nav-item > .nav-link.active{
    background-color: var(--white);
    color: var(--theme-black);
    border-bottom: 1px solid var(--white);
}
.bookingTable #medBookTab.nav-pills > .nav-item:first-child > .nav-link.active{
    border-right: 1px solid var(--white);
}
.bookingTable #medBookTab.nav-pills > .nav-item:last-child > .nav-link.active{
    border-left: 1px solid var(--white);
}
.bookingTable #medBookTab.nav-pills > .nav-item:first-child > .nav-link{
    border-top-left-radius: var(--large-radius);
    border-bottom-right-radius: 20px;
}
.bookingTable #medBookTab.nav-pills > .nav-item:last-child > .nav-link{
    border-top-right-radius: var(--large-radius);
    border-bottom-left-radius: 20px;
}
.bookingTable #medBookTabContent{
    border: 1px solid var(--border-color);
    border-top: 1px solid var(--white);
    border-bottom-left-radius: var(--large-radius);
    border-bottom-right-radius: var(--large-radius);
    padding: 20px;
}
.bookingTable #requestTab,
.bookingTable #appoimentsTab{
    margin: -5px -5px 10px -5px;
}
.bookingTable #requestTab > .nav-item,
.bookingTable #appoimentsTab > .nav-item{
    padding: 5px;
    margin: 0;
    width: calc(100% / 3);
}
.bookingTable #requestTab.nav-pills > .nav-item > .nav-link,
.bookingTable #appoimentsTab.nav-pills > .nav-item > .nav-link{
    width: 100%;
    height: 40px;
    font-size: 15px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.medReqCardWrap{
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
}
.medReqCardWrap > .medReqCard{
    width: 100%;
    padding: 5px;
}
.medReqCard > .ttBlock{
    border: 1px solid var(--border-color);
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    display: flex;
    flex-wrap: wrap;
}
.medReqCard > .ttBlock > *{
    width: calc(51.6% / 2);
    padding: 10px;
    position: relative;
    display: flex;
    align-items: center;
}
.medReqCard > .ttBlock > *::before{
    content: '';
    position: absolute;
    width: 1px;
    height: 70%;
    background-color: var(--border-color);
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.medReqCard > .ttBlock > *:first-child{
    width: 33.33%;
}
.medReqCard > .ttBlock > *:last-child{
    width: 15%;
}
.medReqCard > .ttBlock > *:last-child::before{
    display: none;
}
.medReqCard .abtHos{
    padding: 0 0 0 80px;
    position: relative;
    height: 70px;
    display: flex;
    align-items: center;
}
.medReqCard .abtHos .imgBox{
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    position: absolute;
    left: 0;
    top: 0;
}
.medReqCard .abtHos .imgBox > img{
    height: 100%;
    object-fit: cover;
}
.medReqCard .abtHos .mainTitle{
    padding: 0;
    margin: 0 0 5px;
    text-transform: capitalize;
    font-size: 16px;
}
.medReqCard .abtHos .mainTitle::before{
    display: none;
}
.userDashWrap .userDashWrapIn .ttRt .ttBlock .medReqCard .ttHosCnt > p{
    font-size: 12px;
    margin: 0;
    line-height: 1.5;
    position: relative;
    padding: 0 0 0 15px;
    color: var(--gray666);
}
.userDashWrap .userDashWrapIn .ttRt .ttBlock .medReqCard .ttHosCnt > p::before{
    content: '\e0c8';
    position: absolute;
    left: -3px;
    top: 0;
    font-family: var(--g-font);
    font-size: 17px;
    color: var(--theme-color);
    line-height: 1;
}
.userDashWrap .userDashWrapIn .ttRt .ttBlock .medReqCard p{
    font-size: 15px;
    color: var(--theme-black);
    margin: 0;
    line-height: 1;
    text-transform: capitalize;
    display: flex;
    flex-direction: column;
}
.userDashWrap .userDashWrapIn .ttRt .ttBlock .medReqCard p > span{
    font-size: 12px;
    color: var(--gray555);
    display: block;
    margin: 5px 0 0;
}
.medReqCard .subTitle{
    font-size: 12px;
    text-transform: uppercase;
    color: var(--gray555);
    display: block;
    margin: 0 0 5px;
    letter-spacing: 1px;
}

.mediBookOffcan .hosDtls,
.mediBookOffcan .doctDtls{
    position: relative;
    padding: 0 0 0 100px;
    height: 85px;
    display: flex;
    align-items: center;
}
.mediBookOffcan .hosDtls .imgBox,
.mediBookOffcan .doctDtls .imgBox{
    position: absolute;
    left: 0;
    top: 0;
    width: 85px;
    height: 85px;
    border: 1px solid var(--border-color);
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    padding: 10px;
}
.mediBookOffcan .hosDtls .imgBox > img,
.mediBookOffcan .doctDtls .imgBox > img{
    height: 100%;
    object-fit: cover;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    object-position: top;
}
.mediBookOffcan .hosDtls .mainTitle,
.mediBookOffcan .doctDtls .mainTitle{
    font-size: 17px;
    margin: 0 0 5px;
    text-transform: capitalize;
}
.mediBookOffcan .hosDtls p,
.mediBookOffcan .doctDtls p{
    font-size: 12px;
    margin: 0;
    line-height: 1.3;
}
.mediBookOffcan table{
    width: 100%;
}
.mediBookOffcan table tr{
    border-bottom: 1px solid var(--border-color);
}
.mediBookOffcan table tr:last-child{
    border: none;
}
.mediBookOffcan table tr td{
    padding: 5px 0;
    text-transform: capitalize;
    font-size: 14px;
}
.mediBookOffcan table tr td:last-child{
    text-align: right;
}
.mediBookOffcan table tr td span{
    font-weight: var(--fw-medium);
}
.mediBookOffcan .box-body > p{
    font-size: 14px;
    line-height: 1.4;
}
.mediBookOffcan .box-body > p:last-child{
    margin: 0;
}

.previewContainer{
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
}
.previewContainer > *{
    padding: 5px;
    width: calc(100% / 3);
}
.preview-item .cntSec{
    border: 1px solid var(--border-color);
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    border-radius: var(--small-radius);
    width: 100%;
    height: 100%;
    max-height: 130px;
    padding: 10px;
}
.preview-item .cntSec p{
    font-size: 12px;
    word-break: break-all;
    text-align: center;
    line-height: 1.2;
}
.preview-item .cntSec div {
  font-size: 50px;
  margin: 0 0 5px;
}
.preview-item .cntSec img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  border-radius: var(--small-radius);
}
.multiFilesUpload > .previewContainer .remove-btn{
    width: 30px;
    height: 30px;
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: var(--red);
    color: var(--white);
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center
}
.multiFilesUpload > .previewContainer .remove-btn:hover{
    background-color: var(--dark-red);
}
.multiFilesUpload > .previewContainer .remove-btn .material-symbols-outlined{
    font-size: 20px;
    font-weight: 300;
}
.multiFilesUpload > .previewContainer .cntSec div{
    font-size: 50px;
    margin: 0 0 5px;
}
.multiFilesUpload > .previewContainer .cntSec p{
    font-size: 12px;
    word-break: break-all;
    text-align: center;
    line-height: 1.2;
}
.multiFilesUpload > .previewContainer .cntSec img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
}
/* Bookings Ends */

/* Modal Popup */
.modal-content{
    border: none;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    overflow: hidden;
}
.modal-content > *{
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    padding: 20px 25px;
    border-color: var(--border-color);
}
.modal-header .btn-close{
    background: none;
    width: 30px;
    height: 30px;
    border: 1px solid var(--border-color);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0 0 0 auto;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
    color: var(--gray777);
}
.modal-header .btn-close:hover{
    color: var(--black);
}
.modal-header .modal-title{
    font-family: var(--secondary-font);
    color: var(--black);
    font-weight: var(--fw-regular);
}

.modal-header > .title{
    width: 100%;
    font-size: 20px;
    font-weight: var(--fw-medium);
    display: flex;
    flex-direction: column;
    color: var(--gray333);
    line-height: 1.4;
}
.modal-header > .title > span{
    font-size: 14px;
    font-weight: var(--fw-regular);
    color: var(--gray888);
    letter-spacing: 1px;
}
.modal-header > .title.with-icon{
    position: relative;
    padding: 0 0 0 55px;
}
.modal-header > .title.with-icon > img{
    position: absolute;
    left: 0;
    top: 3px;
    width: 40px;
}
.modal-header > .titleBar > .mainTitle{
    font-size: 22px;
    line-height: 1;
}
.modal-header > .titleBar > p{
    margin: 0;
    font-size: 13px;
    line-height: 1;
}
/* Modal Popup Ends */

/* Alerts */
.alert{
    font-size: 13px;
    padding: 10px 15px;
    margin: 0 0 7px 0;
}
.alert-success{
    background-color: #e0fff1;
    border-color: #24b571;
    color: #107e4a;
}
.alert-danger{
    background-color: #fff1f1;
    border-color: #b34444;
    color: #8c3131;
}
.alert.disclaimerAlert{
    position: relative;
    padding: 15px 70px 15px 20px;
}
.alert.disclaimerAlert > .material-symbols-outlined{
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    font-size: 35px;
    position: absolute;
    font-weight: 500 !important;
    animation: pulseIcon 0.5s infinite linear;
    -webkit-animation: pulseIcon 0.5s infinite linear;
}
.alert.disclaimerAlert p{
    font-size: 15px;
    line-height: 1.6;
    color: #b34444;
}
.alert.disclaimerAlert p:last-child{
    margin: 0;
}
/* Alerts Ends */

/* Itinerary */
body.no-scroll,
.lg-on body{
    overflow: hidden;
}

.hotelImgGallery,
.itenBannerWrap{
    width: 100%;
    position: relative;
    margin: 0 0 30px;
}
.hotelImgGallery .inner,
.itenBannerWrap .inner{
    margin: -15px;
}
.hotelImgGallery .inner .ttBlock,
.itenBannerWrap .inner .ttBlock{
    padding: 15px;
}
.hotelImgGallery .inner .ttBlock:first-child,
.itenBannerWrap .inner .ttBlock:first-child{
    width: 50%;
}
.hotelImgGallery .inner .ttBlock:nth-child(2),
.itenBannerWrap .inner .ttBlock:nth-child(2){
    width: 25%;
}
.hotelImgGallery .inner .ttBlock:last-child,
.itenBannerWrap .inner .ttBlock:last-child{
    width: 25%;
}
.hotelImgGallery .inner .ttBlock:first-child .ttItem,
.hotelImgGallery .inner .ttBlock:nth-child(2) .ttItem,
.hotelImgGallery .inner .ttBlock:nth-child(2) .ttItemIn,
.hotelImgGallery .inner .ttBlock:nth-child(2) .ttItemIn,
.itenBannerWrap .inner .ttBlock:first-child .ttItem,
.itenBannerWrap .inner .ttBlock:nth-child(2) .ttItem,
.itenBannerWrap .inner .ttBlock:nth-child(2) .ttItemIn,
.itenBannerWrap .inner .ttBlock:nth-child(2) .ttItemIn{
    height: 100%;
}
.hotelImgGallery .inner .ttBlock:last-child .ttItem:first-child,
.itenBannerWrap .inner .ttBlock:last-child .ttItem:first-child{
    margin: 0 0 30px;
}
.hotelImgGallery .inner .ttBlock .imgBox,
.itenBannerWrap .inner .ttBlock .imgBox{
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
    overflow: hidden;
    height: 100%;
}

.hotelImgGallery .inner .ttBlock:last-child .imgBox,
.itenBannerWrap .inner .ttBlock:last-child .imgBox{
    height: 220px;
}

.hotelImgGallery .inner,
.itenBannerWrap .inner{
    height: 500px;
}
.hotelImgGallery .inner .ttBlock .imgBox img,
.itenBannerWrap .inner .ttBlock .imgBox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.itenBanSwiper{
    height: 100%;
}
.itenBanSwiper .imgBox img{
    width: auto;
    height: 100%;
    object-fit: cover;
}

.itenBanSwiper .autoplay-progress {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 10;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--theme-color);
    font-size: 0;
}
.itenBanSwiper .autoplay-progress::before{
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    background-color: var(--white);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.itenBanSwiper .autoplay-progress svg {
    --progress: 0;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 10;
    width: 100%;
    height: 100%;
    stroke-width: 2px;
    stroke: var(--white);
    fill: none;
    stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
    stroke-dasharray: 125.6;
    transform: rotate(-90deg);
}
.itenBanSwiper.swiper-horizontal > .swiper-pagination-bullets, 
.swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom: 30px;
    top: auto;
    justify-content: center;
    display: flex;
    padding: 0;
}
.itenBanSwiper.swiper-horizontal > .swiper-pagination-bullets{
    left: auto;
    right: 70px;
    justify-content: flex-end;
}
.itenBanSwiper.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 20px 0 0;
}

.itenBanSwiper .swiper-pagination-bullet{
    opacity: 0.5;
}
.itenBanSwiper .swiper-pagination-bullet,
.itenBanSwiper .swiper-pagination-bullet-active{
    background-color: var(--white);
}
.itenBanSwiper .swiper-pagination-bullet-active{
    opacity: 1;
}

.lg-outer.lg-grab img.lg-object{
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
}

.itenHeadWrap{
    width: 100%;
    border-bottom: 1px solid var(--border-color);
    padding: 0 0 30px;
    margin: 0 0 30px;
}
.itenHeadWrap .inner{
    display: flex;
    align-items: center;
}
.itenHeadWrap .inner .ttLt{
    width: 60%;
}
.itenHeadWrap .inner .ttRt{
    width: 40%;
    justify-content: flex-end;
}
.itenHeadWrap .inner .ttLt .cateName{
    font-size: 12px;
    text-transform: uppercase;
    background-color: var(--light-bg5);
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    padding: 5px 7px;
    color: #344c8c;
    letter-spacing: 2px;
    font-weight: var(--fw-medium);
    display: inline;
}
.itenHeadWrap .inner .ttLt .cateName:hover{
    background-color: var(--theme-secondary-color);
    color: var(--white);
}
.itenHeadWrap .inner .ttLt .mainTitle{
    color: var(--black);
    margin: 0 0 5px;
    line-height: 1.3;
    text-transform: capitalize;
}
.itenHeadWrap .inner .ttLt p{
    font-size: 13px;
    color: var(--gray777);
}
.itenHeadWrap .inner .ttLt p.locationDtl{
    padding: 0 0 0 25px;
    position: relative;
}
.itenHeadWrap .inner .ttLt p.locationDtl .material-symbols-rounded{
    position: absolute;
    left: -2px;
    top: 2px;
    color: var(--gray999);
    font-weight: 300;
}
.itenHeadWrap .inner .ttLt ul{
    display: flex;
    margin: 0 -15px;
}
.itenHeadWrap .inner .ttLt ul li{
    color: var(--gray777);
    position: relative;
    padding: 0 15px;
    font-size: 17px;
}
.itenHeadWrap .inner .ttLt ul li::after{
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    background-color: var(--black);
    opacity: 0.2;
    top: 50%;
    right: -3px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.itenHeadWrap .inner .ttLt ul li:last-child::after{
    display: none;
}

.itenHeadWrap .inner .ttLt ul.subs{
    margin: -5px -5px 0 -5px;
}
.itenHeadWrap .inner .ttLt ul.subs li{
    padding: 5px;
}
.itenHeadWrap .inner .ttLt ul.subs li::after{
    display: none;
}

.itenBody .itenHeadWrap .packOffrBy{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    cursor: pointer;
}
.packOffrBy > span{
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--gray666);
    font-size: 10px;
    display: flex;
    margin: 0 0 5px;
}
.packOffrBy > div{
    display: flex;
    align-items: center;
}
.packOffrBy .imgBox{
    width: 110px;
    height: 60px;
    overflow: hidden;
    border: 1px solid var(--border-color);
    padding: 5px;
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
    display: flex;
    align-items: center;
    justify-content: center;
}
.packOffrBy .imgBox > img{
    object-fit: cover;
}
.packOffrBy .ratings{
    background-color: var(--green);
    color: #31755e;
    width: 60px;
    height: 60px;
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
    margin: 0 12px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: var(--fw-semibold);
    letter-spacing: -0.5px;
    position: relative;
}
.packOffrBy .ratings::after{
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: var(--green);
    top: 50%;
    right: -5px;
    transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.itenBody .orvWrap ul.listStyle li{
    font-size: 17px;
    line-height: 1.7;
}
.itenBody .orvWrap ul.listStyle li::before{
    top: 7px;
}

.stars{
    display: flex;
    align-items: center;
    margin: 0 20px 0 0;
    font-size: 15px;
    text-transform: capitalize;
    color: var(--gray555);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.stars:hover{
    color: var(--theme-color);
}
.stars > span{
    display: flex;
    margin: 0 10px 0 0;
}
.stars > span > .star{
    margin: 0 0 0 5px;
    font-size: 0;
    position: relative;
    line-height: 1;
}
.stars > span > .star:first-child{
    margin: 0;
}
.stars > span > .star:before{
    content: '\e838';
    font-family: var(--g-font);
    font-size: 22px;
    font-variation-settings: 'FILL'1;
    color: #dddddd;
}
.stars > span > .star.active::before{
    color: var(--black);
}

.itenTotalDays{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 12px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    background-color: var(--theme-color);
    color: var(--white);
    font-weight: var(--fw-regular);
    font-size: 12px;
    cursor: default;
}

.mainItnWrap{
    width: 100%;
    margin: 0 0 80px;
}
.mainItnWrap .ttContainer > .inner{
    display: flex;
    margin: 0 -20px;
    align-items: flex-start;
    position: relative;
}
.mainItnWrap .ttContainer > .inner > *{
    padding: 0 20px;
}
.mainItnWrap .inner > .ttLt{
    width: 75%;
    position: sticky;
    top: 30px;
}
.mainItnWrap .inner > .ttRt{
    width: 25%;
    position: sticky;
    top: 30px;
}
.mainItnWrap .nav-pills{
    border-bottom: 1px solid var(--border-color);
    padding: 0 0 20px;
    margin: 0 0 20px;
}
.mainItnWrap .nav-pills .nav-link{
    padding: 5px 15px;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.4px;
    background-color: var(--bg-gray);
    color: var(--gray555);
    margin: 0 5px 0 0;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
}
.mainItnWrap .nav-pills .nav-link.active{
    background-color: var(--theme-color);
    color: var(--white);
}

.mainItnWrap .tab-pane .mainTitle{
    font-family: var(--secondary-font);
}
.mainItnWrap .tab-pane > .orvWrap > .mainTitle,
.mainItnWrap .tab-pane > .mainTitle{
    font-family: var(--secondary-font);
    font-size: 20px;
    text-transform: capitalize;
    margin: 0 0 15px;
}
.brefSummary{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
}
.brefSummary > li{
    width: 100%;
}
.brefSummary > li > ul{
    display: flex;
    border-top: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
}
.brefSummary > li > ul > li{
    width: calc(100% / 5);
    padding: 15px;
    border-left: 1px solid var(--border-color);
    color: var(--gray666);
}
.brefSummary > li:last-child > ul > li{
    border-bottom: 1px solid var(--border-color);
}
.brefSummary > li.headTitle{
    font-weight: var(--fw-semibold);
    color: var(--black);
}

.mainItnWrap .itinerary .mainTitle > .itenDaysCount{
    font-size: 15px;
    font-weight: var(--fw-regular);
    letter-spacing: 0.4px;
    color: var(--gray777);
}
.mainItnWrap .itinerary .mainTitle > .itenDaysCount span{
    margin: 0 5px 0 0;
}
.mainItnWrap .itinerary .mainTitle > .itenDaysCount .material-symbols-outlined{
    color: var(--gray222);
}

.itenServ{
    padding: 30px 25px;
    max-height: 70vh;
    overflow-y: auto;
} 
.itenServ .ttBlock{
    display: flex;
    flex-wrap: wrap;
}
.itenServ .ttBlock > *{
    width: 100%;
}
.itenServ .itemHead{
    align-items: center;
}
.itenServ .itemHead .icon{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--dark-theme-color);
    margin: 0 10px 0 0;
}
.itenServ .itemHead .icon .material-symbols-outlined{
    color: var(--white);
    font-size: 20px;
}
.itenServ .itemHead ul:not(.action){
    align-items: center;
    margin: 0 -15px;
}
.itenServ .itemHead ul:not(.action) .mainTitle{
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 17px;
}
.itenServ .itemHead ul:not(.action) li{
    padding: 0 15px;
    position: relative;
    line-height: 1;
}
.itenServ .itemHead ul:not(.action) li::after{
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    background-color: var(--theme-color);
    top: 50%;
    right: -2px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.itenServ .itemHead ul:not(.action) li:last-child::after{
    display: none;
}
.itenServ .itemHead ul:not(.action) li:not(.mainTitle){
    font-size: 15px;
    color: var(--gray999);
}
.itenServ .itemHead ul:not(.action) li:not(.mainTitle) span{
    text-transform: capitalize;
    color: var(--gray222);
}
.itenServ .itemHead ul.action{
    align-items: center;
    margin: 0 -10px;
}
.itenServ .itemHead ul.action li{
    font-size: 14px;
    font-weight: var(--fw-medium);
    color: var(--gray999);
    text-transform: uppercase;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    cursor: pointer;
    padding: 0 10px;
    position: relative;
    line-height: 1;
}
.itenServ .itemHead ul.action li:hover{
    color: var(--theme-color);
}
.itenServ .itemHead ul.action li::after{
    content: '';
    position: absolute;
    width: 1px;
    height: 70%;
    background-color: var(--theme-color);
    opacity: 0.2;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.itenServ .itemHead ul.action li:last-child::after{
    display: none;
}
.itenServ .itembody{
    padding: 17px 0;
}
.itenServ .itembody > .inner{
    padding: 10px 0 0 40px;
    position: relative;
}
.itenServ .itembody > .inner::before{
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    border: 1px dashed var(--border-color);
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.itenServ > .ttBlock > .ttItem:last-child .itembody > .inner::after{
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: var(--dark-theme-color);
    bottom: -15px;
    left: 10px;
    opacity: 0.2;
}

.itenServ .itembody > .inner .addHere{
    background-color: var(--light-bg2);
    width: 100%;
    padding: 15px 20px;
    display: block;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    font-size: 17px;
    color: #8996b9;
    text-transform: uppercase;
    font-weight: var(--fw-regular);
    margin: 30px 0 0 0;
    position: relative;
    text-align: center;
}
.itenServ .itembody > .inner .addHere::before,
.itenServ .itembody > .inner .addHere::after{
    position: absolute;
    top: -20px;
    left: 30px;
    right: 30px;
    height: 20px;
    background: #f4f7ff;
    content: "";
    border-radius: 10px 10px 0 0;
    z-index: 1;
}
.itenServ .itembody > .inner .addHere::after {
    top: -40px;
    left: 50px;
    right: 50px;
    background: #fbfcff;
}
.itenServ .itembody > .inner .addHere > span{
    font-weight: var(--fw-medium);
    margin: 0 0 0 10px;
    color: var(--theme-secondary-color);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.itenServ .itembody > .inner .addHere:hover{
    color: var(--dark-theme-color);
}
.itenServ .itembody > .inner .addHere:hover > span{
    color: var(--theme-color);
}

/* Flight */
.flightVw .flightVwCard{
    width: 100%;
}
.flightVw .flightVwCard .in{
    margin: 0 -10px;
    align-items: center;
}
.flightVw .flightVwCard .in > *{
    padding: 0 10px;
}
.flightVw .flightVwCard .fltLogo{
    width: 120px;
}
.flightVw .flightVwCard .fltLogo .imgBox{
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    overflow: hidden;
    margin: 0 0 7px;
    border: 1px solid var(--border-color);
}
.flightVw .flightVwCard .fltLogo span{
    display: block;
    font-size: 11px;
    color: var(--gray777);
}
.flightVw .flightVwCard .fltRouteDtl{
    width: 50%;
    align-items: center;
}
.flightVw .flightVwCard .fltRouteDtl > *{
    width: 33.33%;
    display: flex;
    flex-direction: column;
}
.flightVw .flightVwCard .fltRouteDtl .airCode{
    font-size: 17px;
    color: var(--gray555);
    font-weight: var(--fw-medium);
}
.flightVw .flightVwCard .fltRouteDtl .time{
    font-size: 22px;
    font-weight: var(--fw-medium);
}
.flightVw .flightVwCard .fltRouteDtl .date{
    font-size: 12px;
    color: var(--gray888)
}
.flightVw .flightVwCard .fltRouteDtl .airName{
    font-size: 13px;
    color: var(--gray555);
    line-height: 1.2;
}
.flightVw .flightVwCard .fltRouteDtl > *:last-child{
    text-align: right;
}
.flightVw .flightVwCard .fltRouteDtl .duration,
.flightVw .flightVwCard .fltRouteDtl .stop{
    font-size: 12px;
    color: var(--gray777);
    text-align: center;
    line-height: 2.5;
}
.flightVw .flightVwCard .fltRouteDtl .ttMdl{
    position: relative;
}
.flightVw .flightVwCard .fltRouteDtl .ttMdl::before{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: 50%;
    height: 3px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    background-color: var(--theme-color);
    opacity: 0.1;
}
.flightVw .flightVwCard .fltBag{
    padding: 0 0 0 25px;
}
.flightVw .flightVwCard .fltBag .mainTitle{
    font-size: 17px;
    position: relative;
    padding: 0 0 0 45px;
    text-transform: capitalize;
    margin: 0 0 10px;
}
.flightVw .flightVwCard .fltBag .mainTitle .material-symbols-outlined{
    width: 35px;
    height: 35px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    background-color: var(--theme-color);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    color: var(--white);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50);
    -moz-transform: translateY(-50);
    -ms-transform: translateY(-50);
    -o-transform: translateY(-50);
}
.flightVw .flightVwCard .fltBag ul{
    display: flex;
    margin: 0;
    padding: 0 0 0 30px;
}
.flightVw .flightVwCard .fltBag ul li{
    padding: 0 15px;
    position: relative;
    font-size: 14px;
    color: var(--gray999);
}
.flightVw .flightVwCard .fltBag ul li span{
    color: var(--gray222);
}
.flightVw .flightVwCard .fltBag ul li::after{
    content: '';
    position: absolute;
    width: 1px;
    height: 75%;
    background-color: var(--theme-secondary-color);
    opacity: 0.2;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.flightVw .flightVwCard .fltBag ul li:last-child::after{
    display: none;
}
/* Flight Ends */

.itenServ .commonCard{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    position: relative;
}
.itenServ .commonCard > *{
    position: sticky;
    top: 0;
}
.itenServ .commonCard .imgBox{
    width: 25%;
    border: 1px solid var(--border-color);
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    overflow: hidden;
    padding: 15px;
}
.itenServ .commonCard .imgBox img{
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
}
.itenServ .commonCard .cntBox{
    width: calc(100% - 25%);
    padding: 0 20px;
}
.itenServ .commonCard ul{
    display: flex;
    flex-wrap: wrap;
}
.itenServ .commonCard ul li{
    background-color: var(--light-bg);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    padding: 2px 12px;
    margin: 0 5px 5px 0;
    font-size: 12px;
    color: var(--theme-secondary-color);
    text-transform: capitalize;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.itenServ .commonCard ul li span{
    font-weight: var(--fw-semibold);
}
.itenServ .commonCard ul li:hover{
    background-color: var(--theme-secondary-color);
    color: var(--white);
}
.itenServ .commonCard .cntBox .mainTitle{
    font-size: 17px;
    margin: 0 0 10px;
}
.itenServ .commonCard .cntBox p{
    margin: 0 0 7px 0;
    font-size: 14px;
}
.itenServ .commonCard .cntBox p > .date{
    font-weight: var(--fw-medium);
    color: var(--gray333);
}

.card{
    border-color: var(--border-color);    
    padding: 35px 40px;
}
.card .card-header{
    background-color: var(--white);
    border: none;
    padding: 0;
}
.card .card-body{
    padding: 0;
}
.card .card-header .mainTitle{
    padding: 0 0 20px 0;
    border-bottom: 1px solid var(--border-color);
    font-size: 17px;
    color: var(--black);
    font-family: var(--secondary-font);
    font-weight: var(--fw-regular);
    letter-spacing: 2px;    
    text-transform: uppercase;
    margin: 0 0 20px;
}
.card .card-header .mainTitle > small{
    font-size: 13px;
    letter-spacing: normal;
    color: var(--gray777);
    text-transform: capitalize;
}
.card .card-header .mainTitle.wasMutliIten{
    display: flex;
    flex-direction: column;
}
.card .card-header .mainTitle.wasMutliIten > span{
    background-color: var(--light-bg2);
    border: 1px dashed var(--theme-color);
    letter-spacing: 1px;
    font-size: 13px;
    display: inline;
    width: max-content;
    padding: 3px 10px;
    color: #576da6;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    margin: 0 0 5px;
}
.card .card-header .mainTitle.wasMutliIten > span i{
    font-weight: var(--fw-medium);
    color: var(--theme-secondary-color);
}
.priceCard .card-body{
    display: flex;
    flex-wrap: wrap;
}
.priceCard .card-body > *{
    width: 100%;
    display: block;
}
.priceCard .card-body .oldPrice{
    font-size: 15px;
    color: var(--gray888);
    margin: 0 0 5px;
    font-weight: var(--fw-regular);
}
.priceCard .card-body .oldPrice .offerPrice{
    padding: 5px 7px;
    background-color: var(--light-bg);
    color: var(--theme-secondary-color);
    font-size: 12px;
    margin: 0 0 0 10px;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
}
.priceCard .card-body .newPrice{
    font-size: 30px;
    font-weight: var(--fw-semibold);
    display: flex;
    align-items: center;
}
.priceCard .card-body .newPrice > span{
    font-size: 13px;
    color: var(--gray888);
    font-weight: var(--fw-regular);
    margin: 0 0 0 5px;
}
.priceCard .card-body span.extra{
    font-size: 17px;
    color: var(--gray777);
    font-weight: var(--fw-regular);
}


.priceCard .card-body > .cartDiscount .form-label{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.priceCard .card-body > .cartDiscount .form-label span{
    color: var(--theme-black);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    cursor: pointer;
    letter-spacing: normal;
    text-transform: capitalize;
    position: relative;
    padding: 0 20px 0 0;
}
.priceCard .card-body > .cartDiscount .form-label span:hover{
    color: var(--theme-color2);
}
.priceCard .card-body > .cartDiscount .form-label span::after{
    content: '\e5c8';
    position: absolute;
    font-family: var(--g-font);
    font-size: 17px;
    top: 0;
    line-height: 1;
    font-weight: 100;
    right: 0;
}

.card{
    margin: 0 0 20px;
}
.card:last-child{
    margin: 0;
}
.card.mapCard,
.card.mapCard .card-body{
    padding: 0;
    border: none;
    overflow: hidden;
}
.card.mapCard .card-body .mapView{
    width: 100%;
    height: 500px;
}

.card.addPaxCard .paxCount{
    background-color: var(--light-bg3);
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    cursor: pointer;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.card.addPaxCard .paxCount:hover{
    background-color: var(--theme-color);
}
.card.addPaxCard .paxCount div{
    color: #586ea8;
    text-transform: capitalize !important;
    font-size: 15px;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.card.addPaxCard .paxCount div > span{
    font-size: 20px;
    font-weight: var(--fw-semibold);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.card.addPaxCard .paxCount:hover div,
.card.addPaxCard .paxCount:hover div > span{
    color: var(--white);
}

.roomWrapOffcanvas .ttBlock{
    border: 1px solid var(--border-color);
    padding: 5px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    margin: 0 0 7px;
}
.roomWrapOffcanvas .ttBlock:last-child{
    margin: 0;
}
.roomWrapOffcanvas .ttBlock > *{
    width: calc(100% / 3);
    padding: 5px;
}
.roomWrapOffcanvas .ttBlock .ttItem > span{
    font-size: 12px;
    color: var(--gray999);
    text-transform: capitalize;
    display: block;
    margin: 0 0 5px;
}
.increaseBox{
    border: 1px solid var(--border-color);
    display: flex;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    overflow: hidden;
} 
.increaseBox > *{
    width: calc(100% / 3);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
}
.increaseBox .count{
    border: none;
    border-left: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
    font-size: 13px;
    text-align: center;
}
.increaseBox .material-symbols-outlined{
    font-size: 18px;
}
.increaseBox .minus:hover,
.increaseBox .add:hover{
    background-color: var(--border-color);
}
.increaseBox .minus:hover .material-symbols-outlined,
.increaseBox .add:hover .material-symbols-outlined{
    color: var(--gray222);
}


.roomWrapOffcanvas .roomNo{
    display: flex;
    align-items: center;
    font-size: 15px;
    text-transform: uppercase;
    flex-wrap: wrap;
    justify-content: center;
}
.roomWrapOffcanvas .ttBlock .ttItem.roomNo > span{
    color: var(--theme-secondary-color);
    font-size: 17px;
    margin: 0 0 0 5px;
}
.roomWrapOffcanvas .roomNo .removRoom{
    width: 100%;
    display: flex;
    justify-content: center;
}
.roomWrapOffcanvas .roomNo .removRoom .material-symbols-outlined{
    width: 30px;
    height: 30px;
    background-color: #fff0f0;
    color: red;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    cursor: pointer;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.roomWrapOffcanvas .roomNo .removRoom .material-symbols-outlined:hover{
    background-color: #f43941;
    color: #fff9f9;
}

.addRoomBtn{
    cursor: pointer;
    color: var(--theme-color);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    letter-spacing: normal;
}
.addRoomBtn:hover{
    color: var(--theme-secondary-color);
}
.addRoomBtn .material-symbols-outlined{
    font-size: 17px;
}

.offlineIteWrap{
    width: 100%;
    margin: 20px 0 0;
}
.offlineIteWrap .mainTitle{
    font-size: 18px;
    color: var(--theme-color);
    text-transform: capitalize;
}
.offlineIteWrap .mainTitle.withOverviewIcon,
.offlineIteWrap .mainTitle.withFlightIcon,
.offlineIteWrap .mainTitle.withHotelIcon,
.offlineIteWrap .mainTitle.withCabIcon,
.offlineIteWrap .mainTitle.withSightIcon{
    padding: 10px 0 10px 40px;
    position: relative;
    border-bottom: 1px dashed #babfcc;
    margin: 0 0 10px;
}
.offlineIteWrap .mainTitle.withOverviewIcon::before,
.offlineIteWrap .mainTitle.withFlightIcon::before,
.offlineIteWrap .mainTitle.withHotelIcon::before,
.offlineIteWrap .mainTitle.withCabIcon::before,
.offlineIteWrap .mainTitle.withSightIcon::before{
    content: '';
    position: absolute;
    left: 0;
    width: 30px;
    height: 30px;
    background-size: 100%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.offlineIteWrap .mainTitle.withOverviewIcon::before{
    background-image: url(../images/icons/meticulous.png);
}
.offlineIteWrap .mainTitle.withFlightIcon::before{
    background-image: url(../images/icons/plane.png);
}
.offlineIteWrap .mainTitle.withHotelIcon::before{
    background-image: url(../images/icons/hotel.png);
}
.offlineIteWrap .mainTitle.withCabIcon::before{
    background-image: url(../images/icons/taxi.png);
}
.offlineIteWrap .mainTitle.withSightIcon::before{
    background-image: url(../images/icons/binocular.png);
}
.offlineIteWrap p{
    font-size: 17px;
    line-height: 1.7;
    color: #3a404e;
    text-align: left;
}
.offlineIteWrap p:last-child{
    margin: 0;
}
.offlineIteWrap .ttBlock{
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
}
.offlineIteWrap .ttBlock > *{
    width: 100%;
    padding: 5px;
}
.offlineIteWrap .ttBlock > .ttItem > .ttItemIn{
    background-color: var(--light-bg);
    padding: 15px 20px;
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
}

.ttBlock.agtsDtlsWrap .mainTitle{
    font-size: 20px;
    color: var(--theme-color);
    font-weight: var(--fw-medium);
    font-family: var(--secondary-font);
    margin: 0 0 20px;
    text-transform: capitalize;
} 
.ttBlock.agtsDtlsWrap p{
    line-height: 1.5;
    font-size: 15px;
}
.ttBlock.agtsDtlsWrap p:last-child{
    margin: 0;
}
.ttBlock.agtsDtlsWrap p.withLogo{
    padding: 0 150px 0 0;
    position: relative;
}
.ttBlock.agtsDtlsWrap p.withLogo .imgBox{
    width: 140px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    border: 1px solid var(--border-color);
    padding: 10px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ttBlock.agtsDtlsWrap{
    display: flex;
    flex-wrap: wrap;
    margin: -15px;
}
.ttBlock.agtsDtlsWrap > .ttItem{
    width: 100%;
    padding: 15px;
}

.ttBlock.agtsDtlsWrap .trvlsVideoWrap{
    margin: -5px;
    display: flex;
    flex-wrap: wrap;
}
.ttBlock.agtsDtlsWrap .trvlsVideoWrap > *{
    width: calc(100% / 8);
    padding: 5px;
    overflow: hidden;
}
.ttBlock.agtsDtlsWrap .trvlsVideoWrap > * > img{
    height: 100px;
    object-fit: cover;
    object-position: top;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
}

.ttBlock.agtsDtlsWrap .reviewWrap > .ttBlock{
    display: flex;
    flex-wrap: wrap;
    margin: -30px -30px 0 -30px;
}
.ttBlock.agtsDtlsWrap .reviewWrap > .ttBlock > *{
    padding: 30px;
    width: calc(100% / 3);
    position: relative;
    display: flex;
    align-items: center;
}
.ttBlock.agtsDtlsWrap .reviewWrap > .ttBlock > *::after{
    content: '';
    position: absolute;
    width: 1px;
    height: calc(100% - 50px);
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    opacity: 0.5;
    background-color: var(--theme-black);
    background: #824FE7;
    background: -webkit-linear-gradient(180deg, rgba(130, 79, 231, 0) 0%, rgba(61, 37, 112, 1) 50%, rgba(87, 38, 184, 0) 100%);
    background: -moz-linear-gradient(180deg, rgba(130, 79, 231, 0) 0%, rgba(61, 37, 112, 1) 50%, rgba(87, 38, 184, 0) 100%);
    background: linear-gradient(180deg, rgba(130, 79, 231, 0) 0%, rgba(61, 37, 112, 1) 50%, rgba(87, 38, 184, 0) 100%);
}
.ttBlock.agtsDtlsWrap .reviewWrap > .ttBlock > *:last-child::after{
    display: none;
}
.ttBlock.agtsDtlsWrap .reviewWrap > .ttBlock > * > .ttItemIn{
    padding: 10px 0;
    width: 100%;
}
.ttBlock.agtsDtlsWrap .reviewWrap .mainTitle{
    color: var(--theme-black);
    display: flex;
    align-items: center;
    line-height: 1;
    font-size: 40px;
    margin: 0 0 5px;
    text-transform: uppercase;
}
.ttBlock.agtsDtlsWrap .reviewWrap .subTitle{
    display: block;
    font-size: 11px;
    margin: 0 0 10px;
    text-transform: uppercase;
    color: var(--gray777);
    letter-spacing: 2px;
}
.ttBlock.agtsDtlsWrap .reviewWrap p{
    font-size: 14px;
    line-height: 1;
    margin: 0;
    color: var(--gray666);
}

.videoOvrlay{
    position: relative;
}
.videoOvrlay::before,
.videoOvrlay::after{
    content: '';
    position: absolute;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    cursor: pointer;
}
.videoOvrlay::before{
    content: '';
    background-color: var(--theme-secondary-color);
    opacity: 0.5;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
}
.videoOvrlay::after{
    content: "\e1c4";
    font-family: var(--g-font);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 35px;
}

.PackStarRate{
    position: relative;    
    width: 122px;
    margin: 0 0 0 5px;
}
.PackStarRate::before,
.PackStarRate > .in::before{
    content: '\e838\e838\e838\e838\e838';
    font-family: var(--g-font);
    font-size: 25px;
}
.PackStarRate > .in{
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.PackStarRate > .in::before{
    color: var(--yellow);
}
.PackStarRate::before{
    color: #cccccc;
}

.rateLevel{
    display: flex;
    flex-wrap: wrap;
    margin: -2px;
}
.rateLevel > li{
    padding: 2px;
    width: 100%;
    display: flex;
    align-items: center;
    line-height: 1;
    font-size: 11px;
    color: var(--gray888);
}
.rateLevel > li .progress{
    width: 70%;
    height: 5px;
    margin: 0 0 0 10px;
}
.rateLevel > li i{
    margin: 0 0 0 auto;
    font-size: 11px;
    color: var(--gray888);
}
.rateLevel > li .material-symbols-outlined{
    font-size: 14px;
    font-variation-settings: 'FILL' 1;
}
.rateLevel > li.success .material-symbols-outlined{
    color: #198754;
}
.rateLevel > li.primary .material-symbols-outlined{
    color: #0d6efd;
}
.rateLevel > li.info .material-symbols-outlined{
    color: #0dcaf0;
}
.rateLevel > li.warning .material-symbols-outlined{
    color: #ffc107;
}
.rateLevel > li.danger .material-symbols-outlined{
    color: #dc3545;
}

.agtInfoOffcanvas .reviewCardWrap{
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}
.agtInfoOffcanvas .reviewCardWrap .reviewCard{
    width: calc(100% / 2);
}
.reviewCardWrap .reviewCard{
    padding: 10px;
}
.reviewCard > .in{
    border: 1px solid var(--border-color);
    width: 100%;
    padding: 10px;
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
    display: flex;
    flex-wrap: wrap;
}
.reviewCard .rcHead,
.reviewCard .rcBody{
    width: 100%;
}
.reviewCard .imgBox{
    width: 50px;
    height: 50px;
    background-color: var(--light-bg2);
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
}
.reviewCard .imgBox > img{
    width: 40px;
}
.reviewCard .rcHead{
    position: relative;
    padding: 0 0 0 60px;
}
.reviewCard .PackStarRate{
    width: 60px;
    margin: 0 0 3px;
    line-height: 1;
}
.reviewCard .PackStarRate::before, 
.reviewCard .PackStarRate > .in::before{
    font-size: 12px;
}
.reviewCard .mainTitle,
.ttBlock.agtsDtlsWrap .reviewWrap .reviewCard .mainTitle{
    font-size: 15px;
    text-transform: capitalize;
}
.reviewCard .rcHead p,
.ttBlock.agtsDtlsWrap .reviewWrap .reviewCard .rcHead p{
    font-size: 10px;
    color: var(--gray555);
}
.reviewCard .rcBody{
    position: relative;
    padding: 10px 60px 10px 0;
}
.reviewCard .rcBody::before{
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 50px;
    background-image: url('../images/icons/quote.png');
    background-size: 100%;
    opacity: 0.2;
    filter: invert(44%) sepia(92%) saturate(4327%) hue-rotate(215deg) brightness(101%) contrast(99%);
    -webkit-filter: invert(44%) sepia(92%) saturate(4327%) hue-rotate(215deg) brightness(101%) contrast(99%);
}
.reviewCard .rcBody > p,
.ttBlock.agtsDtlsWrap .reviewWrap .reviewCard .rcBody > p{
    font-size: 14px;
    color: var(--black);
    line-height: 1.5;
}

.full-stars {
    text-align: left;
    margin: 0 0 10px;
}
.full-stars .rating-group {
    display: inline-flex;
}
.full-stars input {
    position: absolute;
    left: -9999px;
}
.full-stars label {
    margin: 0;
    cursor: pointer;
}
.full-stars label svg {
    margin: 0 4px 0 0;
    height: 30px;
    width: 30px;
    fill: var(--theme-color2);
    transition: fill 0.3s;
}
.full-stars input:checked ~ label svg {
    fill: var(--light-bg2);
}
.full-stars .rating-group:hover label svg {
    fill: var(--theme-color2);
}
.full-stars .rating-group input:hover ~ label svg {
  fill: var(--light-bg2);
}

.preview-grid {
    column-count: 5;
    break-inside: avoid;
    column-gap: 0;
    margin: -5px;
}
.preview-grid .preview-item{
    padding: 5px;
}
.preview-grid .preview-item .inner{
    border: 1px solid var(--border-color);
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}
.preview-grid .preview-item .inner .preview-actions{
    position: absolute;
    top: 5px;
    right: 5px;
}
.preview-grid .preview-actions .btn{
    padding: 0;
    width: 35px;
    height: 35px;
    background-color: #fff0f0;
    color: var(--red);
    font-size: 12px;
    font-weight: var(--fw-regular);
}
.preview-grid .preview-actions .btn:hover{
    background-color: var(--dark-red);
    color: var(--white);
}
.preview-grid .preview-item .inner video{
    width: 100%;
    height: auto;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
}
.preview-grid .preview-item .inner img{
    height: 120px;
    object-fit: cover;
    object-position: top;
    border-radius: var(--common-radius);
}
/* Itinerary Ends */

/* Light Gallery */
.lg-backdrop{
    background-color: #040f2df7;
}
.lg-outer .lg-thumb-item.active, 
.lg-outer .lg-thumb-item:hover{
    border-color: var(--theme-color2)
}
.lg-container{
    z-index: 1050;
    position: relative;
}
/* Light Gallery Ends */

/* Map */
#RouteMap {
    height: 400px;
    width: 100%;
}

.leaflet-routing-container {
    display: none !important;
}
.numbered-marker {
    font-size: 16px;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 5px 10px;
    border-radius: 50%;
    text-align: center;
}
/* Map Ends */

/* Accordion */
.accordion-item{
    margin: 0 0 10px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    border-color: var(--border-color);
    overflow: hidden;
}
.accordion-item:last-of-type{
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    margin: 0;
}
.accordion-item:not(:first-of-type){
    border: 1px solid var(--border-color);
}
.accordion-item.accordion-button,
.accordion-button:not(.collapsed),
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed{
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    background-color: var(--white);
}
.accordion-item.accordion-button{
    border-bottom: 0px solid var(--border-color);
}
.accordion-button:not(.collapsed){
    box-shadow: none;
}
.accordion-button::after{
    display: none;
}
.accordion-button > span{
    display:block;
    width:15px;
    height:15px;
    position:absolute;
    right:15px;
    top:50%;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.accordion-button > span::before,
.accordion-button > span::after{
    display:block;
    content:"";
    background:#333;
    position:absolute;
    left:50%;
    top:50%;
    -moz-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.accordion-button > span::before{
    width: 100%;
    height: 1px;
}
.accordion-button > span::after{
    width: 1px;
    height: 0;
}

.accordion-button.collapsed > span:after{
    height: 100%;
}

.accordion-button .itenDayWrap{
    position: relative;
    padding: 0 0 0 50px;
}
.accordion-button .itenDayWrap .material-symbols-outlined{
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: var(--theme-color);
    color: var(--white);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.accordion-button .itenDayWrap .title span{
    font-size: 14px;
    letter-spacing: 1px;
    color: var(--gray999);
    margin: 0 0 3px;
    display: block;
    text-transform: uppercase;
    font-family: var(--secondary-font);
}
.accordion-button .itenDayWrap .title .mainTitle{
    margin: 0;
    font-size: 16px;
    font-weight: var(--fw-regular);
    color: var(--black);
}

.accordion-button.collapsed .itenDayWrap .material-symbols-outlined{
    background-color: var(--bg-gray);
    color: var(--gray555);
}

.accordion-header{
    position: relative;
}
.accordion-header .itenDaySchedule{
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    display: flex;
    z-index: 10;
}
.accordion-header .itenDaySchedule li{
    margin: 0 0 0 10px;
}
.accordion-header .itenDaySchedule li a{
    font-family: var(--secondary-font);
    font-size: 0;
    display: flex;
    align-items: center;
    font-weight: var(--fw-regular);
    color: var(--black);
    border: 1px solid var(--border-color);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    position: relative;
    padding: 0 12px 0 40px;
    height: 34px;
    text-transform: capitalize;
    color: var(--gray999);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.accordion-header .itenDaySchedule li a .material-symbols-outlined{
    width: 25px;
    height: 25px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    background-color: var(--theme-secondary-color);
    color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: -1px;
    top: 49%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    font-size: 17px;
}
.accordion-header .itenDaySchedule li a span{
    margin: 0 0 0 5px;
    color: var(--black);
    font-weight: var(--fw-medium);
    font-size: 15px;
}
.accordion-header .itenDaySchedule li a span.count{
    margin: 0;
}
.accordion-header .itenDaySchedule li a:hover{
    background-color: #eff3ff;
    border-color: #eff3ff;
    color: var(--theme-secondary-color);
}

.accordion-item > .accordion-header .accordion-button{
    font-family: var(--secondary-font);
    padding: 15px 50px 15px 10px;
}
.accordion-item:first-of-type > .accordion-header .accordion-button:focus{
    background-color: transparent;
}

.accordion-collapse.collapse.show{
    border-top: 1px solid var(--border-color);
}

.accordion .orDayWrap{
    padding: 10px 0 20px 0;
    position: relative;
    margin: 0 0 10px;
}
.accordion .orDayWrap::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    border: 1px dashed var(--theme-color);
    opacity: 0.1;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.accordion .orDayWrap span{
    width: 40px;
    height: 40px;
    background-color: var(--theme-secondary-color);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    border: 5px solid #dae4ff;
    font-size: 12px;
    text-transform: uppercase;
    color: var(--white);
    font-weight: var(--fw-medium);
}
/* Accordion Ends */

.modal.checkConf form{
    padding: 40px 30px;
    position: relative;
}
.modal.checkConf form::before{
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: var(--theme-color);
    border-bottom-left-radius: var(--common-radius);
    border-bottom-right-radius: var(--common-radius);
    top: 0;
    left: 45px;
}
.modal.checkConf .packEnqWrap{
    display: flex;
    flex-wrap: wrap;
}
.modal.checkConf .packEnqWrap > *{
    width: 100%;
}
.modal.checkConf .packEnqWrap .peHead .modal-title{
    font-size: 22px;
    font-weight: var(--fw-medium);
    line-height: 1;
    margin: 10px 0 20px;
    border-bottom: 1px solid var(--border-color);
    padding: 0 0 20px;
    text-transform: capitalize;
    font-family: var(--secondary-font);
}
.modal.checkConf .btn-close,
.modal#getQuteModal .btn-close{
    background: none;
    background-color: #fff0f0;
    position: absolute;
    right: 50px;
    top: 20px;
    width: 35px;
    height: 35px;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    color: red;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    z-index: 1;
}
.modal.checkConf .btn-close:hover,
.modal#getQuteModal .btn-close:hover{
    background-color: #f43941;
    color: #fff9f9;
}
.modal.checkConf .packEnqWrap .ttBlock{
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
}
.modal.checkConf .packEnqWrap .ttBlock > *{
    padding: 5px 15px;
}
.modal.checkConf .packEnqWrap .ttBlock .ttItem{
    width: 50%;
}
.modal.checkConf .packEnqWrap .ttBlock .ttItem .mainTitle{
    font-family: var(--secondary-font);
    font-size: 17px;
    text-transform: capitalize;
}
.modal.checkConf .packEnqWrap .ttBlock .roomWrapOffcanvas .ttBlock{
    padding: 10px;
}
.modal.checkConf .packEnqWrap .ttBlock .roomWrapOffcanvas .ttBlock .ttItem:first-child,
.modal.checkConf .packEnqWrap .ttBlock .roomWrapOffcanvas .ttBlock .ttItem{
    width: 33.33%;
}
.modal.checkConf .packEnqWrap .ttBlock .ttItem .mainTitle{
    margin: 10px 0;
}
.modal.checkConf .packEnqWrap .alert{
    padding: 20px 25px;
    font-size: 17px;
    position: relative;
}
.modal.checkConf .packEnqWrap .alert.withIcon::after{
    content: '\ef76';
    position: absolute;
    font-family: var(--g-font);
    font-size: 34px;
    right: 25px;
    top: 50%;
    transform: translateY(-50%) scale(1);
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
    font-variation-settings: 'FILL' 0;
    animation: pulseIcon 0.5s infinite linear;
    -webkit-animation: pulseIcon 0.5s infinite linear;
}
@-webkit-keyframes pulseIcon {
    0% {
        transform: translateY(-50%)scale(1);
        -webkit-transform: translateY(-50%)scale(1);
        -moz-transform: translateY(-50%)scale(1);
        -ms-transform: translateY(-50%)scale(1);
        -o-transform: translateY(-50%)scale(1);
    }

    50% {
        transform: translateY(-50%) scale(1.2);
        -webkit-transform: translateY(-50%) scale(1.2);
        -moz-transform: translateY(-50%) scale(1.2);
        -ms-transform: translateY(-50%) scale(1.2);
        -o-transform: translateY(-50%) scale(1.2);
    }

    100% {
        transform: translateY(-50%)scale(1);
        -webkit-transform: translateY(-50%)scale(1);
        -moz-transform: translateY(-50%)scale(1);
        -ms-transform: translateY(-50%)scale(1);
        -o-transform: translateY(-50%)scale(1);
    }
}

@keyframes pulseIcon {
    0% {
        transform: translateY(-50%) scale(1);
        -webkit-transform: translateY(-50%) scale(1);
        -moz-transform: translateY(-50%) scale(1);
        -ms-transform: translateY(-50%) scale(1);
        -o-transform: translateY(-50%) scale(1);
    }

    50% {
        transform: translateY(-50%) scale(1.2);
        -webkit-transform: translateY(-50%) scale(1.2);
        -moz-transform: translateY(-50%) scale(1.2);
        -ms-transform: translateY(-50%) scale(1.2);
        -o-transform: translateY(-50%) scale(1.2);
}

    100% {
        transform: translateY(-50%) scale(1);
        -webkit-transform: translateY(-50%) scale(1);
        -moz-transform: translateY(-50%) scale(1);
        -ms-transform: translateY(-50%) scale(1);
        -o-transform: translateY(-50%) scale(1);
    }
}

.alert-info{
    background-color: #fbfeff;
}
.alert.alert-info,
.modal.checkConf .packEnqWrap .alert.alert-info{
    margin: 0 0 20px;
    position: relative;
    padding: 20px 20px 20px 55px;
}
.alert.alert-info::before,
.modal.checkConf .packEnqWrap .alert.alert-info::before{
    content: '\e88e';
    position: absolute;
    left: 15px;
    top: 50%;
    font-family: var(--g-font);
    font-weight: 300;
    font-size: 30px;
    color: #17badb;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.alert.alert-info p,
.modal.checkConf .packEnqWrap .alert.alert-info p{
    margin: 0;
    color: #0d7991;
    font-size: 15px;
    line-height: 1.3;
}

.modal.checkConf .customForm .form-control,
.modal.checkConf .customForm .form-select{
    margin: 0;
}
.modal.checkConf .customForm .errorMsg{
    margin: 0;
    color: #e4585f;
    font-size: 13px;
    text-transform: capitalize;
}
.modal.checkConf .modal-footer{
    border: none;
    padding-top: 0;
    padding-bottom: 0;
}
.modal.checkConf .modal-footer .actionBtn{
    width: 100%;
    background-color: #f5f9ff;
    padding: 20px;
    display: flex;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
}
.modal.checkConf .modal-footer .actionBtn .btn{
    min-width: 140px;
    height: 45px;
    font-size: 14px;
    font-weight: var(--fw-medium);
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.modal.checkConf .modal-footer .actionBtn .btn.btn-secondary{
    background-color: #fbfdff;
    border-color: #d8e1f0;
    color: var(--dark-theme-color);
}
.modal.checkConf .modal-footer .actionBtn .btn.btn-secondary:hover{
    background-color: var(--dark-theme-color);
    border-color: var(--dark-theme-color);
    color: var(--white);
}
.modal.checkConf .modal-footer .actionBtn .btn.btn-primary{
    background-color: var(--theme-color);
}
.modal.checkConf .modal-footer .actionBtn .btn.btn-primary:hover{
    background-color: var(--theme-secondary-color);
}

.modal.checkConf .roomWrap .ttBlock{
    border: 1px solid var(--border-color);
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    margin: 0;
    padding: 10px;
}
.modal.checkConf .packEnqWrap .roomWrap .ttBlock .ttItem:first-child,
.modal.checkConf .packEnqWrap .roomWrap .ttBlock > *{
    width: calc(100% / 4);
    display: flex;
    align-items: center;
}
/* Custom Radio */
.customRadio > label {
    position: relative;
    padding: 0px 0 0px 25px;
    font-size: 13px;
    text-transform: capitalize;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
  }
  
  .customRadio > label input[type="radio"] {
      display: none;
  }
  
  .customRadio > label input[type="radio"] + span {
      position: absolute;
      width: 20px;
      height: 20px;
      border: 1px solid var(--border-color);
      display: block;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transition: var(--small-transition);
      -webkit-transition: var(--small-transition);
      -moz-transition: var(--small-transition);
      -ms-transition: var(--small-transition);
      -o-transition: var(--small-transition);
  }
  
  .customRadio > label input[type="radio"]:checked + span {
      border: 2px solid var(--theme-color);
  }
  
  .customRadio > label input[type="radio"] + span::before {
      content: '';
      position: absolute;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      background-color: var(--theme-color);
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) scale(0.5);
      -webkit-transform: translate(-50%, -50%) scale(0.5);
      -moz-transform: translate(-50%, -50%) scale(0.5);
      -ms-transform: translate(-50%, -50%) scale(0.5);
      -o-transform: translate(-50%, -50%) scale(0.5);
      transition: var(--small-transition);
      -webkit-transition: var(--small-transition);
      -moz-transition: var(--small-transition);
      -ms-transition: var(--small-transition);
      -o-transition: var(--small-transition);
      opacity: 0;
      visibility: hidden;
  }
  
  .customRadio > label input[type="radio"]:checked + span::before {
      transform: translate(-50%, -50%) scale(1);
      -webkit-transform: translate(-50%, -50%) scale(1);
      -moz-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
      -o-transform: translate(-50%, -50%) scale(1);
      opacity: 1;
      visibility: visible;
  }
  
  /* Custom Radio Ends */

/* Off Canvas */
.offcanvas-header,
.offcanvas-body,
.offcanvas-bottom {
    padding: 20px 30px;
}

.offcanvas-header {
    border-bottom: 1px solid var(--border-color);
}
.offcanvas-header .offcanvas-title{
    font-family: var(--secondary-font);
}

.offcanvas-header h5 {
    font-size: 22px;
    font-weight: var(--fw-medium);
    text-transform: capitalize;
}

.offcanvas-header .btn-close {
    background: none;
    width: auto;
    height: auto;
    padding: 0;
    line-height: 1;
}
.offcanvas-header .btn-close:focus{
    box-shadow: none;
    outline: none;
}

.offcanvas-header .btn-close [class*="material-"] {
    font-size: 35px;
    font-weight: 300;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.offcanvas-header .btn-close:hover [class*="material-"]{
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.offcanvas {
    height: calc(100% - 20px);
    transition: all 0.5s cubic-bezier(.47,-0.09,0,1.21);
    -webkit-transition: all 0.5s cubic-bezier(.47,-0.09,0,1.21);
    -moz-transition: all 0.5s cubic-bezier(.47,-0.09,0,1.21);
    -ms-transition: all 0.5s cubic-bezier(.47,-0.09,0,1.21);
    -o-transition: all 0.5s cubic-bezier(.47,-0.09,0,1.21);
}
.offcanvas.offcanvas-half{
    width: 992px;
}
.offcanvas.offcanvas-60{
    width: 60%;
}
.offcanvas.offcanvas-full{
    width: calc(100% - 20px);
}

.offcanvas.offcanvas-end {
    border: none;
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
    top: 10px;
    right: 10px;
}
.offcanvas-body {
    height: calc(100vh - 180px);
    overflow: hidden;
    overflow-y: auto;
    border-bottom: 1px solid var(--border-color);
}

.offcanvas-body.no-footer {
    height: calc(100vh - 94px);
    border-bottom: none;
}

.offcanvas-backdrop{
    background-color: #bbc9eb3d;
}
.offcanvas-backdrop.show{
    opacity: 1;
    backdrop-filter: blur(10px)
}

.customForm .offcanvas-body .mainTitle {
    margin: 0;
    padding: 0 0 10px;
    font-size: 16px;
}
/* Off Canvas Ends */

/* Search Box */
.bulkSearchBox{
    display: flex;
    border: 1px solid var(--border-color);
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    align-items: stretch;
}
.bulkSearchBox > *{
    border-left: 1px solid var(--border-color);
}
.bulkSearchBox >*:first-child,
.bulkSearchBox >*:last-child{
    border: none;
}
.bulkSearchBox >* .ttItemIn{
    height: 100%;
}
.bulkSearchBox >* .ttItemIn .btn{
    height: 100%;
    width: 40px;
    padding: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.bulkSearchBox >* .ttItemIn .btn svg{
    width: 20px;
    fill: var(--white);
}
.bulkSearchBox >* .ttItemIn .form-label{
    margin: 0;
    padding: 7px 10px;
    font-size: 12px;
    white-space: nowrap;
}
.bulkSearchBox >* .ttItemIn .form-control,
.bulkSearchBox >* .ttItemIn .form-select{
    font-size: 12px;
    padding: 0 10px;
    border: none;
    border-top: 1px solid var(--border-color);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    background-color: transparent;
}
.bulkSearchBox >* .ttItemIn .form-select{
    padding: 0 40px 0 10px;
    text-transform: capitalize;
}
.customForm .bulkSearchBox .form-control,
.customForm .bulkSearchBox .form-select{
    margin: 0;
}

.cabSearchWrap{
    margin: 0 0 10px;
}
.cabSearchWrap .bulkSearchBox > .ttItem:first-child,
.cabSearchWrap .bulkSearchBox > .ttItem:nth-child(2),
.cabSearchWrap .bulkSearchBox > .ttItem:nth-child(3){
    width: 35%;
}
/* Search Box Ends */

/* Flight Card */
.flightSearchWrap{
    width: 100%;
    margin: 0 0 10px;
}
.flightSearchWrap .bulkSearchBox .ttItem:first-child{
    width: 20%;
}
.flightSearchWrap .bulkSearchBox .ttItem:nth-child(2),
.flightSearchWrap .bulkSearchBox .ttItem:nth-child(3){
    width: 33.33%;
}

.flightList {
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
}
.flightTitle,
.hotelTitle{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 5px 10px 5px;
}
.hotelTitle{
    padding: 0;
    margin: 0 0 10px;
}
.flightTitle .title,
.hotelTitle .title{
    font-size: 15px;
    color: var(--gray555);
}
.flightTitle .title > span,
.hotelTitle .title > span{
    font-size: 17px;
    font-weight: var(--fw-medium);
    color: var(--black);
    text-transform: capitalize;
}
.flightTitle .sortBy .form-select,
.hotelTitle .sortBy .form-select{
    font-size: 13px;
    min-width: 120px;
}

.flightList > .flightCard {
    width: 100%;
    padding: 5px;
}

.flightList > .flightCard > .inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border: 1px solid var(--border-color);
    padding: 15px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.flightList > .flightCard > .inner > *{
    padding: 0 10px;
}
.flightList > .flightCard > .inner:hover{
    border-color: var(--theme-secondary-color);
    box-shadow: 0px 22px 20px -30px #0a266f;

}

.flightCard > .inner .ttLt{
    width: 15%;
}
.flightCard > .inner .ttMdl {
    width: 50%;
}

.flightCard > .inner .ttLt .imgBox {
    width: 40px;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    overflow: hidden;
    margin: 0 0 5px 0;
    border: 1px solid var(--border-color);
    padding: 5px;
}
.flightCard > .inner .ttLt .imgBox > img{
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
}

.flightCard > .inner .ttLt .airlineName {
    font-size: 12px;
    text-transform: capitalize;
    margin: 0 0 7px;
    line-height: 1;
    color: var(--gray999);
}

.flightCard > .inner .ttLt .airlineNo {
    font-size: 11px;
    color: var(--gray555);
}

.cancelStatus{
    text-transform: capitalize;
    font-size: 12px;
    margin: 0 0 5px;
}
.cancelStatus.text-danger{
    color: var(--red) !important;
}
.cancelStatus.text-success{
    color: var(--green) !important;
}

.flightCard > .inner .ttMdl .ttBlock .ttItem {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}

.flightCard > .inner .ttMdl .ttBlock .ttItem:nth-child(2) {
    width: 50%;
    position: relative;
    padding: 0 30px;
    min-height: 65px
}

.flightCard > .inner .ttMdl .ttBlock .ttItem > * {
    line-height: 1;
}

.flightCard > .inner .ttMdl .ttBlock .ttItem .fNameSht {
    text-transform: uppercase;
    font-weight: var(--fw-medium);
    margin: 0 0 2px;
    font-size: 14px;
    color: var(--gray333);
}

.flightCard > .inner .ttMdl .ttBlock .ttItem .fTime {
    font-size: 20px;
    color: var(--black);
    margin: 0 0 10px;
    font-weight: var(--fw-semibold);
}

.flightCard > .inner .ttMdl .ttBlock .ttItem .fdate {
    font-size: 12px;
    color: var(--gray555);
    text-transform: capitalize;
    margin: 0 0 3px;
}

.flightCard > .inner .ttMdl .ttBlock .ttItem .aptName {
    font-size: 12px;
    color: var(--gray999);
    text-transform: capitalize;
}

.flightCard > .inner .ttMdl .ttBlock .ttItem:nth-child(2)::before {
    content: '';
    position: absolute;
    width: calc(100% - 60px);
    height: 1px;
    background-color: var(--border-color);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.flightCard > .inner .ttMdl .ttBlock .ttItem:nth-child(2) .material-symbols-outlined {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    color: var(--gray999);
    font-size: 18px;
}

.flightCard > .inner .ttMdl .ttBlock .ttItem:nth-child(2) .material-symbols-outlined:first-child {
    left: 0;
}

.flightCard > .inner .ttMdl .ttBlock .ttItem:nth-child(2) .material-symbols-outlined:last-child {
    right: 0;
}

.flightCard > .inner .ttMdl .ttBlock .ttItem:nth-child(2) .fDuration {
    font-size: 12px;
    text-align: center;
    margin: 15px 0 10px 0;
}

.flightCard > .inner .ttMdl .ttBlock .ttItem:nth-child(2) .fStop {
    font-size: 12px;
    text-align: center;
    line-height: 1.2;
    color: var(--black);
}

.flightCard > .inner .ttRt {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
    width: calc(100% - 65%);
}

.flightCard > .inner .ttRt .extraDiv {
    margin: 0 0 5px 0;
}

.flightCard > .inner .ttRt .extraDiv ul {
    display: flex;
}

.flightCard > .inner .ttRt .extraDiv ul li {
    font-size: 12px;
    display: flex;
    align-items: center;
    margin: 0 5px;
}
.flightCard > .inner .ttRt .extraDiv ul li .material-symbols-outlined {
    font-size: 17px;
}

.flightCard > .inner .ttRt .price{
    font-weight: var(--fw-semibold);
    text-transform: uppercase;
    font-size: 17px;
}

.flightCard > .inner .ttRt .btn,
.hotelCard > .inner .ttRt .btn{
    font-size: 12px;
    padding: 0 15px;
}

.flightCard > .inner .ttRt > .ttBlock{
    display: flex;
    align-items: center;
    width: 100%;
}
.flightCard > .inner .ttRt > .ttBlock > *{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.flightCard > .inner .ttRt > .ttBlock > .ttItem:first-child{
    margin: 0 auto;
}

.flightCard > .inner .ttRt .fltDtl {
    font-size: 13px;
    text-transform: capitalize;
    color: var(--gray666);
    margin: 5px 0 0 0;
    cursor: pointer;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}

.flightList > .flightCard > .inner > .fltDetailsWrap {
    width: 100%;
    border: 1px solid var(--border-color);
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    margin: 7px 0 0 0;
    display: none;
    padding: 10px 12px;
    background-color: var(--white);
}

.fltDetailsWrap.active {
    display: block;
}
.nav-pills .nav-item{
    margin: 0 5px 0 0;
}
.nav-link{
    padding: 5px 12px;
    font-size: 12px;
    background-color: var(--light-bg);
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    color: var(--light-text);
    font-weight: var(--fw-medium);
    text-transform: capitalize;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link{
    background-color: var(--theme-secondary-color);
    color: var(--light-bg);
}

.fltDetailsWrap .flightCard > .inner .ttMdl{
    width: calc(100% - 15%);
}
.fltDetailsWrap .flightCard > .inner .ttMdl .ttBlock{
    margin: 0 -15px;
}
.fltDetailsWrap .flightCard > .inner .ttMdl .ttBlock > *{
    width: 33.33%;
    padding: 0 15px;
}
.fltDetailsWrap .flightCard > .inner .ttMdl .ttBlock > *:last-child{
    text-align: right;
}
.fltDetailsWrap .tab-pane .mainTitle{
    font-size: 17px;
    margin: 0 0 10px;
    color: var(--theme-secondary-color);
    text-transform: uppercase;
    font-weight: var(--fw-semibold);
    font-family: var(--secondary-font);
}

.flightCard > .inner .fltDetailsWrap .inner .ttMdl{
    width: calc(100% - 15%);
}

.hasLayover{
    width: 100%;
    position: relative;
}
.hasLayover::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    background: rgb(255,255,255);
    background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgb(217, 223, 238) 50%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgb(217, 223, 238) 50%, rgba(255,255,255,0) 100%);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgb(217, 223, 238) 50%, rgba(255,255,255,0) 100%);
}
.hasLayover p{
    font-size: 12px;
    color: var(--dark-text);
    display: flex;
    justify-content: center;
    margin: 15px 0;
    position: relative;
    z-index: 1;
}
.hasLayover p span{
    display: block;
    text-align: center;
    background-color: var(--light-bg);
    padding: 3px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    width: 100%;
    max-width: 480px;
}

.fltDetailsWrap .tab-pane .ttBlock{
    margin: 0 0 30px;
}

.fltDetailsWrap .table-view{
    width: 100%;
}
.fltDetailsWrap .table-view.col-two .ttBlock{
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
}
.fltDetailsWrap .table-view.col-two .ttBlock > *{
    width: 50%;
    padding: 10px 15px;
    border-top: 1px solid var(--border-color);
    border-left: 1px solid var(--border-color);
}
.fltDetailsWrap .table-view.col-two .ttBlock > *{
    font-size: 12px;
    color: var(--black);
}
.fltDetailsWrap .table-view.col-two .ttBlock > * p{
    margin: 0;
    font-size: 12px;
    color: var(--black);
}
.fltDetailsWrap .table-view.col-two .ttBlock > * p small{
    width: 100%;
    display: block;
    line-height: 1;
    color: var(--gray888);
}
.fltDetailsWrap .table-view.col-two .ttBlock > * p span{
    font-weight: var(--fw-medium);
}
/* Flight Card Ends */

/* Datepicker */
.ui-datepicker .ui-datepicker-header {
    background-color: transparent;
    padding: 15px;
    border: none;
    border-bottom: 1px solid var(--border-color);
}
.ui-widget.ui-widget-content{
    width: auto;
    padding: 0;
    border: 1px solid var(--border-color);
    z-index: 1055 !important;
}

.ui-datepicker table {
    margin: 10px auto;
    font-size: 14px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    text-align: center;
    width: 40px;
    height: 40px;
    display: flex;
    -moz-display: flex;
    -webkit-display: flex;
    -o-display: flex;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -o-justify-content: center;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: none;
    background-color: var(--light-bg);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    background-color: var(--theme-color) !important;
    color: var(--white) !important;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    font-weight: var(--mediumBold);
}

[class*="ui-datepicker-"].ui-datepicker-today .ui-state-default.ui-state-highlight {
    background-color: var(--light-bg);
    color: var(--theme-secondary-color);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}

[class*="ui-datepicker-"] .ui-state-default {
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}

[class*="ui-datepicker-"] .ui-state-default:hover {
    background-color: var(--theme-color);
    color: var(--white)
}

.ui-datepicker .ui-datepicker-header {
    display: flex;
    -moz-display: flex;
    -webkit-display: flex;
    -o-display: flex;
    justify-content: space-between;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    -o-justify-content: space-between;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: relative;
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
    cursor: pointer;
    border: 1px solid var(--border-color);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}

.ui-datepicker .ui-datepicker-prev::before,
.ui-datepicker .ui-datepicker-next::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 5px;
    top: 0;
    font-size: 16px;
    font-family: "Material Icons";
    font-weight: 300;
    color: var(--light-font-color);
    background-position: center center;
    display: flex;
    -moz-display: flex;
    -webkit-display: flex;
    -o-display: flex;
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -o-justify-content: center;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}

.ui-datepicker .ui-datepicker-prev::before {
    content: "\e5e0";
    left: 4px;
}

.ui-datepicker .ui-datepicker-next::before {
    content: "\e5e1";
    left: 1px;
}

.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
    background-color: var(--theme-color);
    border: 1px solid var(--theme-color);
    padding: 0;
}

.ui-datepicker .ui-datepicker-prev:hover::before,
.ui-datepicker .ui-datepicker-next:hover::before {
    color: var(--white);
}

.ui-datepicker .ui-datepicker-prev {
    order: 2;
    left: -5px;
}

.ui-datepicker .ui-datepicker-next {
    order: 3;
    margin-right: 0;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: none;
}

.ui-datepicker .ui-datepicker-title {
    width: 80%;
    margin: 0;
    order: 1;
    text-align: left;
    display: flex;
    -moz-display: flex;
    -webkit-display: flex;
    -o-display: flex;
    justify-content: space-between;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    -o-justify-content: space-between;
    padding-right: 80px;
}
/* Datepicker Ends */

/* Cab Details */
.cabCard{
    width: 100%;
    margin: 0 0 5px;
}
.cabCard .inner{
    border: 1px solid var(--border-color);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    padding: 15px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    align-items: center;
    flex-wrap: wrap;
}
.cabCard:hover .inner{
    border-color: var(--theme-secondary-color);
}
.cabCard .inner .ttRt{
    margin: 0 0 0 auto;
    padding: 0 0 0 30px;
    width: 25%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.cabCard .inner .ttRt > *{
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.cabCard .inner .ttLt{
    position: relative;
    padding: 0 0 0 120px;
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(100% - 25%);
}
.cabCard .inner .ttLt .imgBox{
    width: 100px;
    height: 100px;
    background-color: var(--light-bg);
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
}
.cabCard .inner .ttLt .imgBox .material-symbols-outlined{
    font-size: 40px;
    color: var(--light-text);
}
.cabCard .inner .ttLt .cabName{
    font-size: 15px;
    font-weight: var(--fw-semibold);
    margin: 0 0 10px;
}
.cabCard .inner .ttLt ul{
    display: flex;
    flex-wrap: wrap;
}
.cabCard .inner .ttLt ul li{
    background-color: var(--light-bg);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    padding: 2px 12px;
    margin: 0 5px 5px 0;
    font-size: 12px;
    color: var(--theme-secondary-color);
    text-transform: capitalize;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.cabCard .inner .ttLt ul li span{
    font-weight: var(--fw-semibold);
}
.cabCard .inner .ttLt ul li:hover{
    background-color: var(--theme-secondary-color);
    color: var(--white);
}

.cabCard .inner .ttRt .cabDtl{
    width: 100%;
    font-size: 13px;
    text-transform: capitalize;
    color: var(--theme-color);
    margin: 10px 0 0 0;
    cursor: pointer;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    text-align: right;
}
.cabCard .inner .ttRt > .price{
    font-weight: var(--fw-semibold);
    margin: 7px 0 0 0;
}

.cabDetailsWrap{
    width: 100%;
    padding: 15px;
    margin: 7px 0 0 0;
    border: 1px solid var(--border-color);
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    display: none;
    background-color: var(--white);
}
/* Cab Details Ends */

/* Hotel Details */
.hotelCard{
    width: 100%;
    margin: 0 0 10px;
}
.hotelCard .inner{
    border: 1px solid var(--border-color);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    padding: 15px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    align-items: center;
    flex-wrap: wrap;
}
.hotelCard .inner:hover{
    border-color: var(--theme-secondary-color);
}
.hotelCard .inner .ttRt{
    margin: 0 0 0 auto;
    padding: 0 0 0 30px;
    width: 25%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    flex-direction: column;
}
.hotelCard .inner .ttRt > *{
    display: flex;
    flex-direction: column;
}

.hotelCard .inner .ttLt{
    position: relative;
    padding: 0 0 0 150px;
    height: 130px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(100% - 25%);
}
.hotelCard .inner .ttLt .imgBox{
    width: 130px;
    height: 130px;
    background-color: var(--light-bg);
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.hotelCard .inner .ttLt .imgBox::after,
.hotelCard .inner .ttLt .imgBox::before{
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
    left: 0;
    top: 0;
}
.hotelCard .inner .ttLt .imgBox::before{
    content: 'view gallery';
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    opacity: 0;
    visibility: hidden;
    color: var(--white);
    z-index: 1;
    text-transform: uppercase;
    font-size: 14px;
}
.hotelCard .inner .ttLt .imgBox:hover::before{
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    opacity: 1;
    visibility: visible;
}
.hotelCard .inner .ttLt .imgBox::after{
    content: '';
    position: absolute;
    background-color: var(--theme-secondary-color);
    width: 100%;
    height: 100%;
    color: var(--white);
    text-transform: uppercase;
    font-size: 13px;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    opacity: 0;
    visibility: hidden;
}
.hotelCard .inner .ttLt .imgBox:hover::after{
    opacity: 0.5;
    visibility: visible;
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
}
.hotelCard .inner .ttLt .imgBox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hotelCard .inner .ttLt .hotelName{
    font-size: 17px;
    font-weight: var(--fw-semibold);
    margin: 0 0 5px;
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 0 25% 0 0;
}
.hotelCard .inner .ttLt .hotelName > span.starRate{
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    top: 4px;
}
.starRate{
    display: flex;
    align-items: center;
}
.starRate > .value{
    display: inline-block;
    padding: 3px 7px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    background-color: var(--green);
    font-size: 14px;
    margin: 0 0 0 7px;
    color: #21664e;
    position: relative;
}
.starRate > .value::after{
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    top: 9px;
    right: -3px;
    background-color: var(--green);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
}
.starRate > .valueCnt{
    display: flex;
    flex-direction: column;
    font-size: 12px;
    line-height: 1.2;
    font-weight: var(--fw-medium);
    padding: 0 0 0 7px;
}
.starRate > .valueCnt i{
    color: var(--gray888);
    font-weight: var(--fw-regular);
    font-size: 11px;
}
.hotelCard .hotelLocation{
    display: flex;
    align-items: center;
    margin: 0 0 7px -5px;
    font-size: 12px;
    font-weight: var(--fw-regular);
    color: var(--gray666);
}
.hotelCard .hotelLocation .material-symbols-outlined{
    font-size: 22px;
    margin: 0 5px 0 0;
}
.hotelCard .inner .ttLt ul{
    display: flex;
    flex-wrap: wrap;
}
.hotelCard .inner .ttLt ul li{
    background-color: var(--light-bg);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    padding: 2px 12px;
    margin: 0 5px 5px 0;
    font-size: 12px;
    color: var(--theme-secondary-color);
    text-transform: capitalize;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.hotelCard .inner .ttLt ul li:hover{
    background-color: var(--theme-secondary-color);
    color: var(--white);
}

.hotelCard .inner .ttRt .htlDtl{
    width: 100%;
    font-size: 13px;
    text-transform: capitalize;
    color: var(--theme-color);
    margin: 10px 0 0 0;
    cursor: pointer;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    text-align: right;
}
.hotelCard .inner .ttRt > .priceTax > span{
    font-size: 12px;
    color: var(--gray888);
    margin: 0 0 7px;
    text-align: right;
    line-height: 1.2;
}
.hotelCard .inner .ttRt > .price{
    font-weight: var(--fw-semibold);
    margin: 0 0 5px 0;
    font-size: 20px;
    text-align: right;
    line-height: 1.2;
}
.hotelCard .inner .ttRt > .price > .oldPrice{
    font-size: 10px;
    color: var(--gray888);
    font-weight: var(--fw-regular);
}

.htlDetailsWrap{
    width: 100%;
    padding: 15px;
    margin: 7px 0 0 0;
    border: 1px solid var(--border-color);
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    display: none;
}

.hotelDetailLayout .headerWrap,
.itenBody .headerWrap{
    position: static;
}
.hotelDetailLayout footer{
    display: none;
}
.hotelDetailLayout main{
    padding: 0;
}

.hotelImgGallery{
    padding: 20px 0 0 0;
}
.hotelImgGallery .modifyWrap{
    max-width: 1024px;
    margin: 0 auto 20px;
    position: static;
}
.hotelImgGallery .modifyWrap ul li:first-child{
    width: 25%;
}
.hotelImgGallery .modifyWrap .hotelLocation{
    width: 100%;
}
.hotelImgGallery .inner .ttBlock .imgBox > .totalImage{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    color: var(--white);
    text-transform: capitalize;
}
.hotelImgGallery .inner .ttBlock .imgBox > .totalImage > b{
    position: relative;
    font-size: 35px;
    font-weight: var(--fw-medium);
    margin: 0 7px 0 0;
}
.hotelImgGallery .inner .ttBlock .imgBox > .totalImage::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--theme-secondary-color);
    opacity: 0.5;
}

.hotelDetailLayout .itenHeadWrap .inner .ttRt{
    align-items: center;
}
.hotelDetailLayout .itenHeadWrap .star-rating{
    margin: 0 15px 0 0;
    width: max-content;
}
.hotelDetailLayout .itenHeadWrap .star-rating::before, 
.hotelDetailLayout .itenHeadWrap .star-rating > span::before{
    font-size: 24px;
}
.hotelDetailLayout .itenHeadWrap .starRate > .value{
    margin: 0;
    font-size: 27px;
}
.hotelDetailLayout .itenHeadWrap .starRate > .valueCnt{
    font-size: 17px;
    padding: 0 0 0 10px;
}  
.hotelDetailLayout .itenHeadWrap .starRate > .valueCnt i{
    font-size: 13px;
}

.hotelDtlsSec{
    width: 100%;
    margin: 0 0 80px;
}

.hotelDetailLayout .htlDltNav{
    display: flex;
    justify-content: center;
    margin: 0 -20px 30px -20px;
}
.hotelDetailLayout .htlDltNav.sticky{
    position: fixed;
    top: 0;
    left: 20px;
    background-color: var(--white);
    width: 100%;
    z-index: 2;
    padding: 20px 0 0 0;
    box-shadow: 0 -140px 140px 70px rgba(9, 21, 54, 0.271);
}
.hotelDetailLayout .htlDltNav li{
    padding: 0 20px;
}
.hotelDetailLayout .htlDltNav li a{
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1px;
    color: var(--gray555);
    padding: 0 0 10px;
    position: relative;
    display: block;
}
.hotelDetailLayout .htlDltNav li a::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: var(--theme-color);
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
}
.hotelDetailLayout .htlDltNav li.active a::before{
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.hotelDetailLayout .htlDltNav li a:hover{
    color: var(--theme-color);
}

.hotelDetailLayout #roomRateSec .box > .box-head{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.roomNameDtl .mainTitle{
    font-size: 17px;
    font-family: var(--secondary-font);
    text-transform: uppercase;
    color: var(--black);
    margin: 0 0 5px;
}
.roomNameDtl ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.roomNameDtl ul li{
    display: flex;
    align-items: center;
    padding: 0 10px;
    font-size: 13px;
    color: var(--gray777);
    text-transform: capitalize;
}
.roomNameDtl ul li > span:not(.material-symbols-rounded){
    color: var(--theme-color2);
    margin: 0 5px;
    font-weight: var(--fw-medium);
}
.roomNameDtl ul li > span.material-symbols-rounded{
    font-size: 23px;
    margin: 0 5px 0 -2px;
    font-weight: 300;
}
.roomStratPrice{
    margin: 0 0 0 auto;
    display: flex;
    flex-direction: column;
    text-align: right;
    line-height: 1.2;
    font-size: 24px;
    font-weight: var(--fw-medium);
    color: var(--theme-color);
}
.roomStratPrice > span{
    text-transform: uppercase;
    font-size: 11px;
    color: var(--gray999);
}
.totalRooms{
    margin: 0 0 0 30px;
    background-color: var(--light-bg);
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 7px 15px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    text-transform: uppercase;
    font-size: 12px;
    color: #5b6fa6;
    line-height: 1.2;
}
.totalRooms > span{
    font-size: 20px;
    font-weight: var(--fw-medium);
    color: var(--theme-black);
}

.htlRoomCardWrap{
    display: flex;
    align-items: flex-start;
    position: relative;
}
.htlRoomCardWrap > *{
    position: sticky;
    padding: 20px 30px;
}
.htlRoomCardWrap > .ttLt{
    width: calc(100% - 350px);
    height: 100%;
    position: relative;
}
.htlRoomCardWrap > .ttLt::after,
.htlRoomCardWrap > .ttRt::before{
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    
    background-color: var(--border-color)
}
.htlRoomCardWrap > .ttLt::after{
    right: 0;
    top: 0;
}
.htlRoomCardWrap > .ttRt::before{
    left: -1px;
    top: 0;
}
.htlRoomCardWrap > .ttRt{
    width: 350px;
    top: 60px;
    position: sticky;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.radioHtlRoomCard{
    border-bottom: 1px solid var(--border-color);
    margin: 0 0 15px;
    padding: 0 0 15px;
}
.radioHtlRoomCard:last-child{
    margin: 0;
    padding: 0;
    border: none;
}
.radioHtlRoomCard > label{
    width: 100%;
    position: relative;
    padding: 0 40px 0 0;
    cursor: pointer;
}
.radioHtlRoomCard input[type="radio"]{
    opacity: 0;
    position: absolute;
}
.radioHtlRoomCard input[type="radio"] + span.radioPoint{
    position: absolute;
    width: 20px;
    height: 20px;
    border: 1px solid var(--border-color2);
    display: block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
}
.radioHtlRoomCard input[type="radio"]:checked + span.radioPoint {
    border: 2px solid var(--theme-color);
}
.radioHtlRoomCard input[type="radio"] + span.radioPoint::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: var(--theme-color);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    -moz-transform: translate(-50%, -50%) scale(0.5);
    -ms-transform: translate(-50%, -50%) scale(0.5);
    -o-transform: translate(-50%, -50%) scale(0.5);
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
    opacity: 0;
    visibility: hidden;
}
.radioHtlRoomCard input[type="radio"]:checked + span.radioPoint::before{
    opacity: 1;
    visibility: visible;
}
.radioHtlRoomCard .htlRoomCard{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: -5px;
}
.radioHtlRoomCard .htlRoomCard > *{
    padding: 5px;
}
.radioHtlRoomCard .htlRoomCard .roomType{
    width: 100%;
    color: var(--black);
    font-size: 17px;
    text-transform: capitalize;
    font-weight: var(--fw-medium);
    margin: 0 50px 15px 0;
    position: relative;
}
.radioHtlRoomCard .htlRoomCard > div > .roomType:last-child{
    margin: 0;
}
.radioHtlRoomCard .htlRoomCard .roomType ul{
    display: flex;
    flex-wrap: wrap;
    margin: 5px -5px 0 -5px;
}
.radioHtlRoomCard .htlRoomCard .roomType ul > li{
    padding: 0 5px 0 25px;
    font-size: 12px;
    position: relative;
    color: var(--gray666);
    text-transform: capitalize;
    font-weight: var(--fw-regular);
    margin: 0 0 7px;
}
.radioHtlRoomCard .htlRoomCard .roomType ul > li::before{
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: var(--theme-color);
    left: 5px;
    top: 5px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border: 3px solid var(--light-bg2);
}
.radioHtlRoomCard .htlRoomCard .roomType > p{
    font-size: 12px;
    background-color: #e0ffec;
    padding: 2px 7px;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    margin: 7px 0 5px 0;
    color: #175e33;
    line-height: 1.3;
    max-width: max-content;
}
.radioHtlRoomCard .htlRoomCard > .policy{
    width: 20%;
    margin: 0 20px 0 auto;
}
.radioHtlRoomCard .htlRoomCard > .policy > span:not(.refund){
    font-size: 12px;
    text-align: center;
    display: block;
    color: var(--);
}
.radioHtlRoomCard .htlRoomCard > .policy > p{
    font-size: 13px;
    line-height: 1.2;
    text-align: center;
}
.radioHtlRoomCard .htlRoomCard .refund{
    margin: 0 0 5px;
}
.radioHtlRoomCard .htlRoomCard > .roomPrice{
    width: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.radioHtlRoomCard .htlRoomCard > .roomPrice > *{
    display: block;
    text-align: right;
    line-height: 1.2;
}
.radioHtlRoomCard .htlRoomCard .roomLeft{
    font-size: 10px;
    display: block;
    text-align: center;
    display: flex;
    flex-direction: column;
    text-transform: uppercase;
    line-height: 1.2;
    color: var(--gray555);
    position: absolute;
    right: -120px;
    top:50%;
    transform: translateY(-50%);
}
.radioHtlRoomCard .htlRoomCard .roomLeft > i{
    font-weight: var(--fw-medium);
    color: var(--theme-color2);
    font-size: 17px;
    margin: 0 5px 0 0;
}
.radioHtlRoomCard .htlRoomCard > .roomPrice > div{
    display: flex;
    flex-direction: column;
    text-align: center;
    margin: 0 0 0 20px;
}
.htlRoomCardWrap > .ttRt .price .oldPrice,
.radioHtlRoomCard .htlRoomCard > .roomPrice .oldPrice{
    font-size: 11px;
    font-weight: var(--fw-regular);
    color: var(--gray888);
    text-decoration: line-through;
}
.htlRoomCardWrap > .ttRt .price .newPrice,
.radioHtlRoomCard .htlRoomCard > .roomPrice .newPrice{
    font-size: 20px;
    font-weight: var(--fw-semibold);
    color: var(--theme-color);
}

.roomImgWrap{
    margin: 0 0 20px;
    width: 100%;
}
.roomImgWrap .imgBox{
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    overflow: hidden;
    height: 180px;
}
.roomImgWrap .imgBox > img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.roomImgWrap > .swiper > div:not(.swiper-wrapper){
    width: max-content;
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    background-color: var(--white);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    overflow: hidden;
}
.roomImgWrap > .swiper > div:not(.swiper-wrapper)::before{
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: var(--theme-color);
    opacity: 0.3;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.roomImgWrap > .swiper .swiper-button-next, 
.roomImgWrap > .swiper .swiper-button-prev{
    position: static;
    margin: 0;
    width: 30px;
    height: 30px;
    color: var(--theme-color);
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
}
.roomImgWrap > .swiper .swiper-button-next:hover, 
.roomImgWrap > .swiper .swiper-button-prev:hover{
    background-color: var(--theme-color);
}
.roomImgWrap > .swiper .swiper-button-next{
    order: 2;
}
.roomImgWrap > .swiper .swiper-button-next::after, 
.roomImgWrap > .swiper .swiper-button-prev::after{
    font-family: var(--g-font);
    font-size: 20px;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
}
.roomImgWrap > .swiper .swiper-button-next:hover::after, 
.roomImgWrap > .swiper .swiper-button-prev:hover::after{
    color: var(--white);
}
.roomImgWrap > .swiper .swiper-button-next::after{
    content: '\e315';
}
.roomImgWrap > .swiper .swiper-button-prev::after{
    content: '\e5cb';
}

.htlRoomCardWrap > .ttRt .price{
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.2;
}
.htlRoomCardWrap > .ttRt .price .oldPrice{
    font-size: 15px;
}
.htlRoomCardWrap > .ttRt .price .newPrice{
    font-size: 24px;
}
.htlRoomCardWrap > .ttRt p{
    text-align: center;
    font-size: 12px;
    color: var(--gray666);
}
.htlRoomCardWrap > .ttRt .btn{
    width: 100%;
    height: 55px;
}

.hotelDtlsSec #htlAmenSec .card-body{
    display: flex;
    flex-wrap: wrap;
}
.hotelDtlsSec #htlAmenSec .card-body .cntBox{
    width: calc(100% / 2);
    margin: 0 0 30px;
}
.hotelDtlsSec #htlAmenSec .card-body .cntBox:last-child{
    width: 100%;
}
.hotelDtlsSec #htlAmenSec .card-body .cntBox .mainTitle{
    font-size: 15px;
    font-family: var(--secondary-font);
    margin: 0 0 15px;
}
.hotelDtlsSec #htlAmenSec .card-body .cntBox ul li{
    margin: 0 0 5px;
}
.hotelDetailLayout.htlDltNav-scrolled .hotelDtlsSec .inner > div{
    padding: 70px 0 0 0;
}

.hotelDetailLayout .srchWrap,
.itenBody .srchWrap{
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(14, 37, 96, 0.7);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    z-index: 3;
}
.hotelDetailLayout .srchWrap.show,
.itenBody .srchWrap.show{
    opacity: 1;
    visibility: visible;
}

.hotelDetailLayout .srchWrap .srchWrapIn,
.itenBody .srchWrap .srchWrapIn{
    margin: 10em 0 0 0;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.hotelDetailLayout .srchWrap.show .srchWrapIn,
.itenBody .srchWrap.show .srchWrapIn{
    margin: 5em 0 0 0;
}

.HotelListLayout .srchWrap > .btn.btn-close,
.itenBody .srchWrap > .btn.btn-close{
    display: none;
}
.itenBody .srchWrap.show > .btn.btn-close{
    display: flex;
}
.hotelDetailLayout .srchWrap > .btn.btn-close,
.itenBody .srchWrap > .btn.btn-close{
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: var(--red);
    z-index: 10;
    opacity: 1;
    font-size: 0;
}
.hotelDetailLayout .srchWrap > .btn.btn-close > .material-symbols-rounded,
.itenBody .srchWrap > .btn.btn-close > .material-symbols-rounded{
    color: var(--white);
}
.itenBody .srchWrap .ttContainerBox{
    max-width: 992px;
}

#location_map{
    width: 100%;
    height: 350px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
}
/* Hotel Details Ends */

/* Package Selected Item */
.selectedItems{
    margin: 0 0 10px;
}
.selectedItems .flightCard:last-child{
    margin: 0;
}
.selectedItems .selected .inner{
    border-left: 5px solid var(--theme-color);
    background-color: var(--white);
}
.selectedItems .selected .tab-content .inner{
    border: none;
}
.selectedItems .selected .inner .ttRt .btn{
    padding: 0;
    width: 30px;
    height: 30px;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    margin: 0 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.selectedItems .selected .inner .ttRt .btn .material-symbols-outlined{
    font-size: 18px;
}
/* Package Selected Item Ends */

/* Time Picker */
.ui-timepicker-standard{
    padding: 0;
    border: 1px solid var(--border-color);
}
.ui-timepicker-viewport .ui-menu-item .ui-corner-all{
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    font-size: 13px;
    font-weight: var(--fw-medium)
}
.ui-timepicker-viewport .ui-menu-item:last-child .ui-corner-all{
    border: none;
}
.ui-timepicker-viewport .ui-menu-item .ui-corner-all.ui-state-hover{
    background-color: var(--light-blue-text);
    color: var(--theme-secondary-color);
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    font-weight: var(--fw-medium);
    border-bottom: 1px solid var(--border-color);
}

.ui-timepicker-standard a{
    border-bottom: 1px solid var(--border-color);
    padding: 4px 0;
    border-radius: 0;
}
/* Time Picker Ends */

/* Sight Seeing */
.sightSearchWrap{
    margin: 0 0 10px;
}
.sightSearchWrap .bulkSearchBox > *:first-child{
    width: 100%;
}

.sightCard{
    width: 100%;
    margin: 0 0 5px;
}
.sightCard .inner{
    border: 1px solid var(--border-color);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    padding: 15px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    align-items: center;
    flex-wrap: wrap;
}
.sightCard .inner:hover{
    border-color: var(--theme-secondary-color);
}
.sightCard .inner .ttRt{
    margin: 0 0 0 auto;
    padding: 0 0 0 30px;
    width: 25%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.sightCard .inner .ttRt > *{
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.sightCard .inner .ttLt{
    position: relative;
    padding: 0 0 0 120px;
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(100% - 25%);
}
.sightCard .inner .ttLt .imgBox{
    width: 100px;
    height: 100px;
    background-color: var(--light-bg);
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.sightCard .inner .ttLt .imgBox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sightCard .inner .ttLt .sightName{
    font-size: 15px;
    font-weight: var(--fw-semibold);
}
.sightCard .sightLocation{
    display: flex;
    align-items: center;
    margin: 0 0 7px -5px;
    font-size: 12px;
}
.sightCard .hotelLocation .material-symbols-outlined{
    font-size: 22px;
}
.sightCard .inner .ttLt ul{
    display: flex;
    flex-wrap: wrap;
}
.sightCard .inner .ttLt ul li{
    background-color: var(--light-bg);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    padding: 2px 12px;
    margin: 0 5px 5px 0;
    font-size: 12px;
    color: var(--theme-secondary-color);
    text-transform: capitalize;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    display: flex;
    align-items: center;
}
.sightCard .inner .ttLt ul li:hover{
    background-color: var(--theme-secondary-color);
    color: var(--white);
}

.sightCard .inner .ttRt .sightDtl{
    width: 100%;
    font-size: 13px;
    text-transform: capitalize;
    color: var(--theme-color);
    margin: 10px 0 0 0;
    cursor: pointer;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    text-align: right;
}
.sightCard .inner .ttRt > .price{
    font-weight: var(--fw-semibold);
    margin: 7px 0 0 0;
}

.sightDetailsWrap{
    width: 100%;
    padding: 15px;
    margin: 7px 0 0 0;
    border: 1px solid var(--border-color);
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    display: none;
    background-color: var(--white);
}
/* Sight Seeing Ends */

/* Hotel Search */
.hotelSearchWrap{
    width: 100%;
    margin: 0 0 10px;
}
.hotelSearchWrap .bulkSearchBox > .ttItem{
    position: relative;
}
.hotelSearchWrap .bulkSearchBox > .ttItem:first-child{
    width: 50%;
}
.hotelSearchWrap .addRoomBox{
    position: absolute;
    width: 250px;
    min-height: 100px;
    background-color: var(--white);
    right: 0;
    top: 100%;
    border: 1px solid var(--border-color);
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
    z-index: 1;
    opacity: 0;
    visibility: hidden;
}
.hotelSearchWrap .addRoomBox.show{
    opacity: 1;
    visibility: visible;
}
.hotelSearchWrap .addRoomBox.hide{
    opacity: 0;
    visibility: hidden;
}
.hotelSearchWrap .addRoomBox .addRoomHead{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    border-bottom: 1px solid var(--border-color);
}
.hotelSearchWrap .addRoomBox .addRoomHead .mainTitle{
    margin: 0;
    padding: 0;
    border: none;
}
.hotelSearchWrap .addRoomBox .addRoomWrap{
    padding: 15px;
    max-height: 40vh;
    overflow-y: auto;
}
.hotelSearchWrap .addRoomBox .addRoomWrap .roomPax{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--border-color);
    padding: 0 0 5px;
    margin: 0 0 5px;
}
.hotelSearchWrap .addRoomBox .addRoomWrap .roomPax:last-child{
    margin: 0;
    padding: 0;
    border: none;
}
.hotelSearchWrap .addRoomBox .addRoomWrap .roomPax > span{
    font-size: 13px;
    font-weight: var(--fw-semibold);
}
.hotelSearchWrap .addRoomBox .addRoomWrap .roomPax .number{
    display: flex;
    align-items: center;
    padding: 15px 0 0 0;
    position: relative;
}
.hotelSearchWrap .addRoomBox .addRoomWrap .roomPax .number input[type="text"]{
    width: 40px;
    text-align: center;
    height: 30px;
    border: none;
    background-color: var(--light-blue-text);
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
}
.hotelSearchWrap .addRoomBox .addRoomWrap .roomPax .number > .label{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    line-height: 1;
    text-transform: capitalize;
    font-size: 12px;
    font-weight: var(--fw-medium);
}
.hotelSearchWrap .addRoomBox .addRoomWrap .roomPax .number > .minus, 
.hotelSearchWrap .addRoomBox .addRoomWrap .roomPax .number > .plus{
    width: 30px;
    height: 30px;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    background-color: var(--light-bg);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
    cursor: pointer;
    font-size: 17px;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
} 
.hotelSearchWrap .addRoomBox .addRoomWrap .roomPax .number > .minus:hover, 
.hotelSearchWrap .addRoomBox .addRoomWrap .roomPax .number > .plus:hover{
    background-color: var(--theme-secondary-color);
    color: var(--white);
}

.hotelDetailLayout .fltSrchForm .ttBlock > .ttItem.paxView .paxDtlBox > .inner #roomsAcco{
    max-height: 280px;
    overflow: auto;
}
/* Hotel Search Ends */

.box,
.box-head,
.box-body{
    width: 100%;
}
.box{
    border: 1px solid var(--border-color);
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    margin: 0 0 20px;
}
.box:last-child{
    margin: 0;
}
.box-head,
.box-body{
    padding: 15px 20px;
}
.box-head{
    border-bottom: 1px solid var(--border-color);
}
.box-head > .mainTitle{
    margin: 0 !important;
    font-family: var(--secondary-font);
    text-transform: capitalize;
    font-size: 17px;
}
.box .box-body > .ttBlock{
    margin: -10px;
    display: flex;
}
.box .box-body > .ttBlock > *{
    padding: 10px;
}
.box .box-body > .ttBlock > .ttItem{
    width: 100%;
}
.box .box-body > .ttBlock.col-two > .ttItem{
    width: 50%;
}

.inXCard{
    padding: 25px 30px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    background-color: var(--light-bg3);
}
.box .box-body > .ttBlock.col-two > .ttItem:last-child .inXCard{
    background-color: #fff0f0;
}
.inXCard .mainTitle{
    border-bottom: 1px solid #cbd2e8;
    padding: 0 0 10px;
    color: var(--theme-color);
    font-family: var(--secondary-font);
    font-size: 17px;
    text-transform: capitalize;
    margin: 0 0 10px;
}
.box .box-body > .ttBlock.col-two > .ttItem:last-child .inXCard .mainTitle{
    border-bottom: 1px solid #eed7d7;
    color: #ff4747;
}

ul.listStyle{
    display: flex;
    flex-wrap: wrap;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
}
ul.listStyle li{
    width: 100%;
    font-size: 14px;
    margin: 0 0 10px;
    color: var(--gray555);
    padding: 0 0 0 30px;
    position: relative;
}
ul.listStyle li:last-child{
    margin: 0;
}
ul.listStyle li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: var(--theme-color);
    border: 5px solid #dce5fd;
}
ul.listStyle li > ul{
    margin: 15px 0 0 0;
}
ul.listStyle li > ul > li{
    padding: 0 0 0 20px;
}
ul.listStyle li > ul > li::before{
    height: 3px;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    border: none;
    top: 8px;
    width: 7px;
}

ol.numList{
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: section;
}
.modal ol.numList{
    margin: 0 0 20px;
}
ol.numList > li{
    width: 100%;
    font-size: 14px;
    margin: 0 0 12px;
    color: var(--gray555);
    padding: 0;
    position: relative;
    counter-increment: section;
}
ol.numList > li:last-child{
    margin: 0;
}
ol.numList > li::before{
    content: counter(section) ".";
    margin: 0 5px 0 0;
    color: var(--gray999);
}

.box .box-body > .ttBlock.col-two > .ttItem:last-child .inXCard ul.listStyle li::before{
    border: 5px solid #ffdede;
    background-color: #ff6e6e;
}

.box.inXCardWrap .ttBlock{
    position: relative;
    align-items: flex-start;
}
.box.inXCardWrap .ttBlock > .ttItem{
    position: sticky;
    top: 20px;
}

/* Table */
table {
    font-size: 14px;
}
table.comTable > thead > tr > th,
table.comTable > tbody > tr > td{
    border: 1px solid var(--border-color);
    vertical-align: middle;
    padding: 7px 12px;
    font-size: 14px;
    color: var(--gray555);
    text-transform: capitalize;
}
table.comTable > thead > tr > th{
    font-weight: var(--fw-medium);
    color: var(--gray222);
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
}
table.comTable > thead > tr > th small{
    color: var(--theme-color);
}

.table-striped > tbody > tr:nth-of-type(2n + 1) > * {
    --bs-table-bg-type: none;
    --bs-table-color-type: none;
}

.table >  :not(caption) > * > * {
    color: var(--black);
}

table.dataTable thead > tr > th.dt-orderable-asc:hover,
table.dataTable thead > tr > th.dt-orderable-desc:hover,
table.dataTable thead > tr > td.dt-orderable-asc:hover,
table.dataTable thead > tr > td.dt-orderable-desc:hover {
    outline: none;
    outline-offset: 0;
}

table.dataTable > thead > tr > th,
table.dataTable > thead > tr > td {
    border: none;
}

table.dataTable > thead > tr > th {
    border-bottom: 1px solid var(--border-color);
}

table.dataTable > tbody > tr > th,
table.dataTable > tbody > tr > td {
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}

table.dataTable > tbody > tr > th,
table.dataTable > tbody > tr:hover > td {
    background-color: #f5f8ff;
}

table.dataTable > tbody > tr > * {
    border-bottom: 1px solid var(--border-color);
}

table.dataTable > tbody > tr:last-child > * {
    border-bottom: none;
}

table.dataTable > thead > tr > *,
table.dataTable > tbody > tr > * {
    vertical-align: middle;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order::before,
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order::before,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order::before,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order::before,
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order::after,
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order::after,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order::after,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order::after {
    right: 15px;
    font-family: var(--g-font);
    font-size: 16px;
    opacity: 0.3;
    font-weight: 300;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order::before,
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order::before,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order::before,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order::before {
    content: "\e316";
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order::after,
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order::after,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order::after,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order::after {
    content: "\e313";
}

table.dataTable thead > tr > th.dt-orderable-asc.dt-ordering-asc span.dt-column-order::before,
table.dataTable thead > tr > th.dt-ordering-asc.dt-ordering-asc span.dt-column-order::before,
table.dataTable thead > tr > td.dt-orderable-asc.dt-ordering-asc span.dt-column-order::before,
table.dataTable thead > tr > td.dt-ordering-asc.dt-ordering-asc span.dt-column-order::before,
table.dataTable thead > tr > th.dt-orderable-asc.dt-ordering-desc span.dt-column-order::after,
table.dataTable thead > tr > th.dt-ordering-asc.dt-ordering-desc span.dt-column-order::after,
table.dataTable thead > tr > td.dt-orderable-asc.dt-ordering-desc span.dt-column-order::after,
table.dataTable thead > tr > td.dt-ordering-asc.dt-ordering-desc span.dt-column-order::after {
    color: var(--theme-color);
    opacity: 1;
}

table.dataTable thead th {
    font-size: 13px;
    font-weight: var(--fw-semibold);
    text-transform: capitalize;
    color: var(--black)
}

.tableTopPanel,
.tableBottomPanel {
    display: flex;
    position: absolute;
}

.tableTopPanel {
    top: -50px;
    right: 45px;
}

.tableBottomPanel {
    bottom: -66px;
    justify-content: space-between;
    width: 100%;
    padding: 15px 22px;
    position: absolute;
    border-top: 1px solid var(--border-color);
    background-color: #e0e5f3;
    align-items: center;
}

div.dt-container .tableBottomPanel .dt-info {
    font-size: 14px;
    color: var(--gray555);
    line-height: 1;
}

.tableTopPanel .dt-length label {
    font-size: 14px;
    color: var(--gray777);
    margin: 0 7px 0 0;
}

div.dt-container .tableTopPanel .dt-length select.dt-input {
    padding: 0 25px 0 10px;
    margin: 0 7px 0 0;
    appearance: none;
    background-image: url(../images/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: center right 5px;
    background-size: 20px;
}

div.dt-container .tableTopPanel .dt-length select.dt-input,
div.dt-container .tableTopPanel .dt-search input {
    height: 35px;
    border-color: var(--border-color);
    font-size: 14px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    color: var(--gray555);
}

div.dt-container .tableTopPanel .dt-search {
    position: relative;
    width: 250px;
}

div.dt-container .tableTopPanel .dt-search input {
    width: 100%;
    padding: 0 20px 0 35px;
    position: relative;
}

div.dt-container .tableTopPanel .dt-search::before {
    content: '\e8b6';
    position: absolute;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 300;
    font-family: var(--g-font);
    color: var(--gray999);
    top: 0;
    left: 4px;
}

div.dt-container.dt-empty-footer .dt-scroll-body {
    border: none;
}

div.dt-container .dt-paging nav {
    display: flex;
}

div.dt-container .dt-paging .dt-paging-button {
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    font-size: 14px;
}

div.dt-container .dt-paging .dt-paging-button.current {
    border: none;
    background-color: var(--theme-color) !important;
    color: var(--white) !important;
}

div.dt-container .dt-paging .dt-paging-button.current,
div.dt-container .dt-paging .dt-paging-button {
    border: none;
    background-color: #c9cfdf;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}

div.dt-container .dt-paging .dt-paging-button:hover {
    border: none;
    background: none;
    background-color: var(--theme-color) !important;
    color: var(--white);
}

div.dt-container .dt-paging .dt-paging-button.current:hover {
    border: none;
}

table.dataTable th.dt-type-numeric,
table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date {
    text-align: left;
}

table.dataTable > tbody > tr > td > .packName {
    position: relative;
    padding: 0 0 0 38px;
    text-transform: capitalize;
}

table.dataTable > tbody > tr > td > .packName .material-symbols-outlined {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #e0e5f3;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--gray666);
    margin: 0 7px 0 0;
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

table.dataTable > tbody > tr > td > .packName.selected .material-symbols-outlined {
    background-color: var(--green);
    color: var(--white);
}

table.dataTable > tbody > tr:hover > td > .packName .material-symbols-outlined {
    background-color: var(--theme-color);
    color: var(--white);
}

.tableAction .btn-icon {
    width: 27px;
    height: 27px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0 0 0 5px;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}

.tableAction .btn-icon.view {
    background-color: #C9FFF1;
}

.tableAction .btn-icon.view:hover {
    background-color: var(--dark-green);
}

.tableAction .btn-icon.edit {
    background-color: #FFF1DB;
}

.tableAction .btn-icon.edit:hover {
    background-color: var(--dark-orange);
}

.tableAction .btn-icon.delete {
    background-color: #ffe2e3;
}

.tableAction .btn-icon.delete:hover {
    background-color: var(--dark-red);
}

.tableAction .btn-icon [class*="material-"] {
    margin: 0;
    font-size: 17px;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}

.tableAction .btn-icon.view [class*="material-"] {
    color: var(--green);
}

.tableAction .btn-icon.edit [class*="material-"] {
    color: var(--orange);
}

.tableAction .btn-icon.delete [class*="material-"] {
    color: var(--red);
}

.tableAction .btn-icon.view:hover [class*="material-"],
.tableAction .btn-icon.edit:hover [class*="material-"],
.tableAction .btn-icon.delete:hover [class*="material-"] {
    color: var(--white);
}

table.customTable{
    font-size: 13px;
    margin: 0;
}
table.customTable.table-bordered > :not(caption) > * > *{
    border: 1px solid var(--border-color);
}
table.customTable thead th{
    text-transform: capitalize;
    font-weight: var(--fw-medium);
}
table.customTable tbody td{
    color: var(--gray555);
    text-transform: capitalize;
}
table.customTable tbody td b{
    font-weight: var(--fw-semibold);
}
/* Table Ends */

/* Cart */
.cart-page .headerWrap{
    border-bottom: 1px solid var(--border-color);
}
.cart-page .titleBar{
    margin: 0 0 50px;
} 
.cartSec{
    width: 100%;
    position: relative;
}

.cartSec > * >.inner{
    margin: 0 -20px 80px -20px;
    display: flex;
    align-items: flex-start;
    position: relative;
}
.cartSec > * > .inner > *{
    padding: 0 20px;
    position: sticky;
    top: 130px;
}
.cartSec > * > .inner > .ttLt{
    width: 70%;
}
.cartSec > * > .inner > .ttLt > .card:last-child{
    margin-bottom: 0;
}
.cartSec > * > .inner > .ttRt{
    width: 30%;
}

.packCardWrap{
    width: 100%;
}
.packCard{
    background-color: var(--white);
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 0 0 15px;
    border-bottom: 1px solid var(--border-color);
    margin: 0 0 15px;
    position: relative;
}
.packCard:last-child{
    margin: 0;
    padding: 0;
    border: none;
}
.packCard > .imgBox{
    width: 130px;
    height: 130px;
    overflow: hidden;
    padding: 10px;
    border: 1px solid var(--border-color);
}
.packCard > .imgBox > img{
    height: 100%;
    object-fit: cover;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    overflow: hidden;
}
.packCard > *:not(.imgBox){    
    padding: 0 0 0 30px;
}
.packCard > .packCnt{
    display: flex;
    flex-wrap: wrap;
    width: 50%;
}
.packCard > .packCnt > a.mainTitle{
    color: var(--black);
    font-size: 17px;
    display: block;
    margin: 0 0 7px;
    width: 100%;
}
.packCard > .packCnt > a.mainTitle:hover{
    color: var(--theme-color);
}
.packCard > .packCnt > .itenTotalDays{
    display: inline-flex;
    background-color: #3a3f4b;
    color: var(--white);
    font-weight: var(--fw-regular);
    padding: 3px 10px;
    font-size: 12px;
    letter-spacing: normal;
    margin: 0 0 7px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}
.packCard > .packCnt > .itenTotalDays span{
    margin: 0 5px;
}
.packCard > .packCnt > .itenTotalDays span:first-child{
    margin-left: 0;
}
.packCard > .packCnt > .date{
    width: 100%;
    font-size: 13px;
    color: var(--gray777);
} 
.packCard > .packPrice{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: calc(50% - 130px);
}
.packCard > .packPrice .totalAmount{
    width: 100%;
    text-align: center;
    font-weight: var(--fw-semibold);
    font-size: 20px;
    margin: 0 0 3px;
    letter-spacing: 0.4px;
}
.packCard > .packPrice .splitAmount{
    border: 1px solid var(--border-color);
    padding: 5px 15px;
    font-size: 12px;
    color: var(--gray777);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    margin: 0 0 5px;
    display: block;
}
.packCard > .packPrice p{
    margin: 0;
    line-height: 1;
    font-size: 11px;
    color: var(--gray999);
}
.packCard .deleteBtn{
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    right: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: 1px solid var(--border-color);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.packCard .deleteBtn:hover{
    background-color: #f43941;  
    border-color: #f43941;  
}
.packCard .deleteBtn .material-symbols-outlined{
    font-size: 22px;
    color: var(--gray777);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.packCard .deleteBtn:hover .material-symbols-outlined{
    color: #fff9f9;
}

.cart-page .priceCard .cartPriceWrap > .ttBlock{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--border-color);
}
.cart-page .priceCard .cartPriceWrap > .ttBlock:last-child{
    border: none;
}
.cart-page .priceCard .cartPriceWrap > .ttBlock > *{
    padding: 12px 0;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.cart-page .priceCard .cartPriceWrap > .ttBlock .ttItem:first-child > span{
    text-transform: capitalize;
    font-weight: var(--fw-regular);
    color: var(--gray777);
}
.cart-page .priceCard .cartPriceWrap > .ttBlock .ttItem:first-child > .link{
    color: var(--theme-color);
    cursor: pointer;
    font-size: 12px;
    margin: 0;
    position: absolute;
    top: 10px;
    right: -40px;
    background: var(--light-bg);
    padding: 2px 7px;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.cart-page .priceCard .cartPriceWrap > .ttBlock .ttItem:first-child > .link:hover{
    background-color: var(--theme-color);
    color: var(--white);
}
.cart-page .priceCard .cartPriceWrap > .ttBlock .ttItem:first-child > .code{
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--gray222);
    margin: 5px 0 0 0;
    display: block;
    border: 1px solid var(--border-color);
    width: auto;
    text-align: center;
    border-radius: 5px;
    padding: 3px 15px;
}
.cart-page .priceCard .cartPriceWrap > .ttBlock .ttItem:last-child{
    font-weight: var(--fw-medium);
    font-size: 14px;
    color: var(--gray777);
}
.cart-page .priceCard .cartPriceWrap > .ttBlock .ttItem:last-child .totalCost{
    font-size: 22px;
    color: var(--gray222);
}
.cartDiscount .btn.btn-secondary{
    height: 50px;
    background-color: var(--dark-theme-color);
    border-color: var(--dark-theme-color);
}
.cartDiscount .btn.btn-secondary:hover{
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.cart-page.checkout-page .btn.proceedBtn{
    margin: 30px auto 0 auto;
    width: 170px;
    font-size: 14px;
}
/* Cart Ends */

/* Checkout */
.checkoutSec{
    margin: 0 0 100px;
}
.checkoutSec .inner{
    margin: 0 -20px 80px -20px;
    display: flex;
    align-items: flex-start;
    position: relative;
}
.checkoutSec .inner > * {
    padding: 0 20px;
    position: sticky;
    top: 40px;
}
.checkoutSec .inner > .ttLt {
    width: 70%;
}
.checkoutSec .inner > .ttRt {
    width: 30%;
}

.travellerCardWrap{
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}
.travellerCardWrap .travellerCard{
    padding: 10px;
    width: calc(100% / 4);
}
.travellerCardWrap .travellerCard .in{
    width: 100%;
    min-height: 100px;
    background-color: var(--light-bg);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    cursor: pointer;
    color: #6a738c;
    text-transform: capitalize;
    font-size: 14px;
}
.travellerCardWrap .travellerCard.hasFilled .in,
.travellerCardWrap .travellerCard .in:hover{
    background-color: var(--theme-color);
    color: var(--white);
}
.travellerCardWrap .travellerCard .in .material-symbols-outlined{
    font-size: 40px;
    color: var(--theme-color);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    margin: 0 0 10px;
}
.travellerCardWrap .travellerCard.hasFilled .in .material-symbols-outlined,
.travellerCardWrap .travellerCard .in:hover .material-symbols-outlined{
    color: var(--white);
}

.checkout-page .modal.checkConf .customForm .form-control, 
.checkout-page .modal.checkConf .customForm .form-select{
    margin: 0 0 10px;
}

.checkout-page .accordion-button{
    font-family: var(--secondary-font);
}
.checkout-page .accordion-button i{
    margin: 0 20px 0 auto;
    padding: 0 30px 0 0;
    text-transform: capitalize;
    font-size: 12px;
    color: var(--gray888);
}
.checkout-page .accordion-button i > span{
    font-size: 17px;
    font-weight: var(--fw-medium);
    color: var(--theme-secondary-color);
    margin: 0 0 0 5px;
}

.package_name_div{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.checkout-page .accordion-button .package_name_div i{
    padding: 0 0 0 5px;
    margin: 0;
}

.checkout-page .iti{
    width: 100%;
}
.iti__selected-flag{
    font-size: 14px;
}
.iti--separate-dial-code .iti__selected-flag{
    background-color: transparent;
    border-right: 1px solid var(--border-color);
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{
    background-color: transparent;
}

.iti{
    width: 100%;
}

.iti__flag{
    background-image: url(../images/flags@2x.webp);
}

.iti__search-input{
    height: 50px;
    padding: 0 20px;
    font-size: 15px;
    border-bottom: 1px solid var(--border-color);
}
.iti__country{
    font-size: 13px;
}
.iti__dial-code{
    margin: 0 0 0 auto;
    padding: 0 5px 0 0;
}

.retrieve_package_name > i{
    font-size: 14px;
    font-weight: var(--fw-regular);
    color: var(--gray777);
    margin: 0 0 0 5px;
}
/* Checkout Ends */

/* Faq */
.faqWrap{
    margin: 0 0 80px;
}
.cms-page .titleBar,
.faqWrap .titleBar {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0 50px;
}
.combtn svg{
    width: 25px;
    fill: var(--white);
    margin: 0 7px 0 0;
}
.cms-page .titleBar .mainTitle,
.faqWrap .titleBar .mainTitle{
    width: 100%;
    margin: 0 0 30px;
}
.cms-page .newsletterSec .titleBar{
    margin: 0 0 20px;
}
.cms-page .newsletterSec .titleBar .mainTitle {
    margin: 0 0 15px;
}
.faqWrap .faqWrapIn > p{
    margin: 30px 0;
    font-size: 17px;
    color: var(--black);
}
.faqWrap .faqWrapIn .mainTitle{
    font-size: 25px;
    font-family: var(--secondary-font);
    margin: 30px 0;
    position: relative;
    padding: 0 0 0 20px;
    color: var(--gray222);
}
.faqWrap .faqWrapIn .mainTitle::before{
    content: '';
    position: absolute;
    width: 5px;
    height: 100%;
    background-color: var(--theme-color);
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
}

.note{
    background-color: var(--light-bg);
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    padding: 25px 30px 20px 30px;
}
.note .mainTitle,
.faqWrap .faqWrapIn .note .mainTitle{
    margin: 0 0 30px;
    font-size: 20px;    
    text-transform: capitalize;
}

.faqWrap .faqWrapIn .accordion{
    counter-reset: section
}
.faqWrap .faqWrapIn .accordion .accordion-item .accordion-header .accordion-button{
    counter-increment: section;
}
.faqWrap .faqWrapIn .accordion .accordion-item .accordion-header .accordion-button::before{
    content: counter(section) ". ";
    font-family: var(--secondary-font);
    font-size: 15px;
    margin: 2px 10px 0 0;
    color: var(--theme-color);
}
.faqWrap .faqWrapIn .accordion .accordion-body p{
    padding: 0 0 0 20px;
    color: var(--gray222);
}
.faqWrap .faqWrapIn .accordion .accordion-body p:last-child{
    margin: 0;
}
.faqWrap .faqWrapIn .accordion .accordion-body ul.listStyle{
    padding: 0 0 0 20px;
}
.faqWrap .ttBlock{
    display: flex;
    flex-wrap: wrap;
    margin: -15px;
}
.faqWrap .ttBlock > .ttItem{
    width: calc(100% / 4);
    padding: 15px;
}
/* Faq Ends */

/* CMS Page */
.cms-page .faqWrap .titleBar
.contentCMS{
    width: 100%;
    padding: 40px 0;
}

.contentCMS h1,
.contentCMS h2,
.contentCMS h3,
.contentCMS h4,
.contentCMS h5,
.contentCMS h6{
    font-family: var(--secondary-font);
}
.contentCMS h2{
    position: relative;
    padding: 0 0 0 20px;
    font-size: 25px;
    margin: 30px 0 20px;
    font-family: var(--secondary-font);
}
.contentCMS h2 sup{
    font-size: 15px;
}
.modal .contentCMS h2{
    margin-top: 0;
}
.contentCMS h2::before{
    content: "";
    position: absolute;
    width: 5px;
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--theme-color);
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
}
.contentCMS h3{
    color: var(--blue-dark);
    font-size: 22px;
    margin: 0 0 15px;
}
.contentCMS h4{
    color: var(--blue-dark);
    font-size: 18px;
    margin: 0 0 15px;
}

.contentCMS h6{
    color: var(--theme-black);
    font-size: 14px;
    margin: 0 0 10px;
    font-weight: var(--fw-medium);
}

.contentCMS ul.listStyle{
    margin: 0 0 20px;
}

.contentCMS .note{
    background-color: var(--light-bg);
    padding: 20px 30px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    margin: 0 0 30px;
}
.contentCMS .note p{
    margin: 0;
}
.contentCMS p b,
.contentCMS ul li b{
    font-weight: var(--fw-medium);
}
.contentCMS p{
    line-height: 1.7;
    margin: 0 0 20px;
}
.cmsWrap{
    margin: 0 0 80px;
}
.cms-page .headerWrap{
    border-bottom: 1px solid var(--border-color);
}
/* CMS Page Ends */

/* Ai Chat Bot */
.aiWrap{
    margin: 0 0 80px;
}
.aiWrap .titleBar .mainTitle{
    position: relative;
    width: auto;
    padding: 20px 0 0 0;
}
.aiWrap .titleBar .mainTitle img{
    width: 35px;
    position: absolute;
    top: 0;
    right: -20px;
}
.aiSearchBox{
    max-width: 992px;
    margin: 0 auto;
}
.quryBox{
    background-color: var(--white);
    border: 1px solid var(--border-color);
    padding: 30px;
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 0 20px;
    position: sticky;
    top: 110px;
    z-index: 1;
    height: 160px;
}
.customForm .quryBox textarea.form-control{
    width: calc(100% - 90px);
    padding: 15px;
    border: none;
    resize: none;
    background-color: var(--light-bg);
    box-shadow: none;
    margin: 0;
}
.quryBox .btn{
    width: 70px;
    height: 100%;
}
.quryBox .btn svg{
    width: 25px;
    fill: var(--white);
}
.suggnBox{
    border: 1px solid var(--border-color);
    background-color: var(--white);
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
    padding: 20px;
}
.suggnBox > span{
    display: block;
    margin: 0 0 15px;
    color: var(--gray999);
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
}
.suggnBox ul{
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
}
.suggnBox ul li{
    padding: 5px;
}
.suggnBox ul li a{
    display: block;
    padding: 7px 15px 7px 40px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    background-color: var(--light-bg);
    font-size: 14px;
    color: var(--gray888);
    position: relative;
}
.suggnBox ul li a:hover{
    background-color: var(--light-bg2);
}
.suggnBox ul li a::before{
    content: '\e8b6';
    position: absolute;
    font-family: var(--g-font);
    font-size: 20px;
    color: var(--gray999);
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

#responseOutput{
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
#responseOutput.active{
    background-color: var(--light-bg3);
    padding: 30px;
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
    font-size: 16px;
    line-height: 2;
    color: var(--dark-theme-color);
    white-space: break-spaces;
    font-family: var(--secondary-font);
    display: flex;
    flex-wrap: wrap;
    opacity: 1;
    visibility: visible;
}
#responseOutput > div{
    display: flex;
    flex-wrap: wrap;
}
#responseOutput > div > *,
#responseOutput > *{
    width: 100%;
}

#responseOutput > h1,
#responseOutput > h2,
#responseOutput > h3,
#responseOutput > h4,
#responseOutput > h5,
#responseOutput > h6,
#responseOutput > div > h1,
#responseOutput > div > h2,
#responseOutput > div > h3,
#responseOutput > div > h4,
#responseOutput > div > h5,
#responseOutput > div > h6,
#responseOutput div.day h1,
#responseOutput div.day h2,
#responseOutput div.day h3,
#responseOutput div.day h4,
#responseOutput div.day h5,
#responseOutput div.day h6{
    position: relative;
    padding: 0 0 0 20px;
    font-size: 25px;
    margin: 0 0 20px;
    font-family: var(--secondary-font);
    text-align: left !important;
}
#responseOutput > h1::before,
#responseOutput > h2::before,
#responseOutput > h3::before,
#responseOutput > h4::before,
#responseOutput > h5::before,
#responseOutput > h6::before,
#responseOutput > div > h1::before,
#responseOutput > div > h2::before,
#responseOutput > div > h3::before,
#responseOutput > div > h4::before,
#responseOutput > div > h5::before,
#responseOutput > div > h6::before,
#responseOutput div.day h1::before,
#responseOutput div.day h2::before,
#responseOutput div.day h3::before,
#responseOutput div.day h4::before,
#responseOutput div.day h5::before,
#responseOutput div.day h6::before{
    content: "";
    position: absolute;
    width: 5px;
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--theme-color);
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
}
#responseOutput ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 20px;
    white-space: normal;
}
#responseOutput ul li{
    width: 100%;
    font-size: 14px;
    margin: 0 0 10px;
    color: var(--gray555);
    padding: 0 0 0 30px;
    position: relative;
}
#responseOutput ul li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: var(--theme-color);
    border: 5px solid #dce5fd;
}
#responseOutput ul li h1,
#responseOutput ul li h2,
#responseOutput ul li h3,
#responseOutput ul li h4,
#responseOutput ul li h5,
#responseOutput ul li h6{
    font-family: var(--secondary-font);
    font-size: 15px;
    font-weight: var(--fw-semibold);
    text-align: left !important;
    line-height: 1.7;
}
#responseOutput ul li p{
    margin: 0;
    line-height: 1.4;
}
#responseOutput ul li:last-child{
    margin: 0;
}
#responseOutput,
#responseOutput div{
    white-space: normal;
}
#responseOutput p,
#responseOutput div p{
    color: var(--dark-theme-color);
    font-size: 15px;
}
#responseOutput p.error{
    position: relative;
    padding: 0 0 0 30px;
    margin: 0;
}
#responseOutput p.error::before{
    content: '\e160';
    position: absolute;
    font-family: var(--g-font);
    font-variation-settings: 'FILL' 0;
    font-size: 25px;
    color: var(--theme-color);
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    height: 100%;
    animation: heartBeat calc(2s * 1.3) infinite ease-in-out;
    -webkit-animation: heartBeat calc(2s * 1.3) infinite ease-in-out;
}
@keyframes heartBeat {
    0% {
      transform: scale(1);
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
}
  
    14% {
      transform: scale(1.3);
      -webkit-transform: scale(1.3);
      -moz-transform: scale(1.3);
      -ms-transform: scale(1.3);
      -o-transform: scale(1.3);
}
  
    28% {
      transform: scale(1);
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
}
  
    42% {
      transform: scale(1.3);
      -webkit-transform: scale(1.3);
      -moz-transform: scale(1.3);
      -ms-transform: scale(1.3);
      -o-transform: scale(1.3);
}
  
    70% {
      transform: scale(1);
    }
}
/* Ai Chat Bot Ends */

/* Contact Us */
.contWrap{
    display: flex;
    align-items: flex-start;
    margin: -20px;
    position: relative;
}
.contWrap > *{
    padding: 20px;
    position: sticky;
    top: 20px;
}
.contWrap > .ttLt{
    width: 45%;
}
.contWrap > .ttRt{
    width: calc(100% - 45%);
}

.contWrap > .ttLt .ttBlock{
    display: flex;
    flex-wrap: wrap;
    margin: -15px 0;
    padding: 0 80px 0 0;
}
.contWrap > .ttLt .ttBlock > *{
    width: 100%;
    padding: 15px 0 20px 0;
    margin: 0 0 7px;
    position: relative;
}
.contWrap > .ttLt .ttBlock > *::after{
    content: '';
    position: absolute;
    width: calc(100% - 75px);
    height: 1px;
    background-color: var(--border-color);
    bottom: 0;
    right: 0;
}
.contWrap > .ttLt .ttBlock > *:last-child::after{
    display: none;
}
.contWrap > .ttLt .ttBlock > *:last-child{
    margin: 0;
    padding-bottom: 0;
}
.contWrap > .ttLt .ttBlock .ttItem .ttItemIn{
    position: relative;
    padding: 0 0 0 75px;
}
.contWrap > .ttLt .ttBlock .ttItem .ttItemIn .iconBox{
    width: 50px;
    height: 50px;
    background-color: var(--light-bg);
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.contWrap > .ttLt .ttBlock .ttItem .ttItemIn:hover .iconBox{
    background-color: var(--theme-color)
}
.contWrap > .ttLt .ttBlock .ttItem .ttItemIn .iconBox .material-symbols-outlined{
    color: var(--theme-secondary-color);
    font-size: 27px;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    font-variation-settings: 'FILL' 0;
}
.contWrap > .ttLt .ttBlock .ttItem .ttItemIn:hover .iconBox .material-symbols-outlined{
    color: var(--white);
    font-variation-settings: 'FILL' 1;
}
.contWrap > .ttLt .ttBlock .ttItem .ttItemIn .mainTitle{
    text-transform: capitalize;
    font-size: 22px;
    font-weight: var(--fw-medium);
    margin: 0 0 5px;
    display: block;
    line-height: 1;
    font-family: var(--main-font);
    color: var(--theme-color);
}
.contWrap > .ttLt .ttBlock .ttItem .ttItemIn > p{
    color: var(--gray777);
    font-size: 15px;
    margin: 0 0 5px;
}
.contWrap > .ttLt .ttBlock .ttItem .ttItemIn > a{
    font-size: 20px;
    color: var(--gray222);
    font-weight: var(--fw-semibold);
}
.contWrap > .ttLt .ttBlock .ttItem .ttItemIn > a:hover{
    color: var(--theme-color);
}
.contWrap > .ttLt .ttBlock .ttItem .ttItemIn .address p{
    color: var(--gray222);
    font-size: 20px;
    margin: 0;
    line-height: 1.7;
    font-weight: var(--fw-semibold);
}

.contWrap > .ttRt .inner{
    width: 100%;
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
    overflow: hidden;
    position: relative;
    padding: 50px;
    background-color: var(--dark-theme-color);
}
.contWrap > .ttRt .inner::before{
    content: '';
    position: absolute;
    width: 200px;
    height: 200px;
    background-color: var(--theme-color);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    top: -50px;
    right: -50px;
    filter: blur(50em);
    -webkit-filter: blur(50em);
}

.contWrap > .ttRt .inner .nav-link{
    background-color: #1d3985;
    padding: 10px 25px;
    color: #8793b3;
    font-size: 13px;
    font-weight: var(--fw-regular);
    text-transform: uppercase;
    letter-spacing: 2px;
}
.contWrap > .ttRt .inner .nav-link.active{
    background-color: var(--theme-color);
    color: var(--white);
}
.contWrap > .ttRt .inner .nav-pills{
    margin: 0 0 20px;
    position: relative;
    z-index: 1;
}
.contWrap .form-control{
    margin: 0 0 20px;
    padding: 0 20px;
    font-size: 15px;
    letter-spacing: 0.4px;
    background: var(--white);
    border-color: #5b6fa6;
    font-weight: var(--fw-regular);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.contWrap .form-control::placeholder{
    opacity: 0.2;
    font-weight: 200;
    font-size: 14px;
}
.contWrap .customForm .combtn{
    margin: 20px 0 0 0;
}
.contWrap .customForm .combtn:hover{
    background-color: var(--white);
    color: var(--dark-theme-color);
}
.contWrap .form-control:focus {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--dark-theme-color);
}
.contWrap .customForm .form-label{
    color: var(--white);
}


.rating {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    overflow: hidden;
    flex-direction: row-reverse;
    position: relative;
    margin: 0 0 20px;
}

.rating-0 {
    filter: grayscale(100%);
}

.rating > input {
    display: none;
}

.rating > label {
    width: 30px;
    height: 30px;
    position: relative;
}
.rating > label::after{
    content: '\e838';
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--g-font);
    font-size: 27px;
    color: var(--white);
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
    cursor: pointer;
}

.rating > input:checked ~ label::after,
.rating > input:checked ~ label ~ label::after {
    color: var(--theme-color);
}

.rating > input:not(:checked) ~ label:hover::after,
.rating > input:not(:checked) ~ label:hover ~ label::after {
    color: var(--theme-color);
}

/* Contact Us Ends */

/* About Us */
.contSec{
    width: 100%;
    padding: 40px;
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
    background-color: var(--light-bg4);
    margin: 0 0 20px;
    height: 100%;
}
.contSec:last-child{
    margin: 0;
}
.contSec .mainTitle{
    position: relative;
    padding: 0 0 0 20px;
    font-size: 25px;
    margin: 0 0 20px;
    font-family: var(--secondary-font);
}
.contSec .mainTitle::before{
    content: "";
    position: absolute;
    width: 5px;
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--theme-color);
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
}
.contSec p{
    line-height: 1.7;
    margin: 0 0 20px;
}
.contSec p:last-child{
    margin: 0;
}

.abtWrap .col-two{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: -10px -10px 10px -10px;
}
.abtWrap .col-two > *{
    width: 50%;
    padding: 10px;
}
.abtWrap .col-two > * > .ttItemIn{    
    height: 100%;
}
.abtWrap .col-two .contSec{
    margin: 0;
}
/* About Us Ends */

.remains{
    background-color: #ec6060;
    width: 85px;
    height: auto;
    padding: 15px 0 10px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 27px;
    font-weight: var(--fw-bold);
    margin: 0 0 0 15px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    color: var(--theme-secondary-color);
    line-height: 1;
    color: var(--white);
}
.remains > span{
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    font-weight: var(--fw-regular);
    display: block;
    margin: 0 0 5px;
}

/* ERROR Page */
.error-page{
    width: 100%;
    height: 100vh;
    background-color: var(--theme-secondary-color);
}
.errorBox {
    width: 576px;
    height: 100%;
    max-height: 600px;
    min-height: 450px;
    background: #304782;
    border-radius: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 30px 50px;
    z-index: 1;
}
.errorBox .box__ghost {
    padding: 15px 25px 25px;
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%, -30%);
}
.errorBox .box__ghost .symbol:nth-child(1) {
    opacity: 0.2;
    animation: shine 4s ease-in-out 3s infinite;
}
.errorBox .box__ghost .symbol:nth-child(1):before,
.errorBox .box__ghost .symbol:nth-child(1):after {
    content: "";
    width: 12px;
    height: 4px;
    background: #fff;
    position: absolute;
    border-radius: 5px;
    bottom: 65px;
    left: 0;
}
.errorBox .box__ghost .symbol:nth-child(1):before {
    transform: rotate(45deg);
}
.errorBox .box__ghost .symbol:nth-child(1):after {
    transform: rotate(-45deg);
}
.errorBox .box__ghost .symbol:nth-child(2) {
    position: absolute;
    left: -5px;
    top: 30px;
    height: 18px;
    width: 18px;
    border: 4px solid;
    border-radius: 50%;
    border-color: #fff;
    opacity: 0.2;
    animation: shine 4s ease-in-out 1.3s infinite;
}
.errorBox .box__ghost .symbol:nth-child(3) {
    opacity: 0.2;
    animation: shine 3s ease-in-out 0.5s infinite;
}
.errorBox .box__ghost .symbol:nth-child(3):before,
.errorBox .box__ghost .symbol:nth-child(3):after {
    content: "";
    width: 12px;
    height: 4px;
    background: #fff;
    position: absolute;
    border-radius: 5px;
    top: 5px;
    left: 40px;
}
.errorBox .box__ghost .symbol:nth-child(3):before {
    transform: rotate(90deg);
}
.errorBox .box__ghost .symbol:nth-child(3):after {
    transform: rotate(180deg);
}
.errorBox .box__ghost .symbol:nth-child(4) {
    opacity: 0.2;
    animation: shine 6s ease-in-out 1.6s infinite;
}
.errorBox .box__ghost .symbol:nth-child(4):before,
.errorBox .box__ghost .symbol:nth-child(4):after {
    content: "";
    width: 15px;
    height: 4px;
    background: #fff;
    position: absolute;
    border-radius: 5px;
    top: 10px;
    right: 30px;
}
.errorBox .box__ghost .symbol:nth-child(4):before {
    transform: rotate(45deg);
}
.errorBox .box__ghost .symbol:nth-child(4):after {
    transform: rotate(-45deg);
}
.errorBox .box__ghost .symbol:nth-child(5) {
    position: absolute;
    right: 5px;
    top: 40px;
    height: 12px;
    width: 12px;
    border: 3px solid;
    border-radius: 50%;
    border-color: #fff;
    opacity: 0.2;
    animation: shine 1.7s ease-in-out 7s infinite;
}
.errorBox .box__ghost .symbol:nth-child(6) {
    opacity: 0.2;
    animation: shine 2s ease-in-out 6s infinite;
}
.errorBox .box__ghost .symbol:nth-child(6):before,
.errorBox .box__ghost .symbol:nth-child(6):after {
    content: "";
    width: 15px;
    height: 4px;
    background: #fff;
    position: absolute;
    border-radius: 5px;
    bottom: 65px;
    right: -5px;
}
.errorBox .box__ghost .symbol:nth-child(6):before {
    transform: rotate(90deg);
}
.errorBox .box__ghost .symbol:nth-child(6):after {
    transform: rotate(180deg);
}
.errorBox .box__ghost .box__ghost-container {
    background: #fff;
    width: 100px;
    height: 100px;
    border-radius: 100px 100px 0 0;
    position: relative;
    margin: 0 auto;
    animation: upndown 3s ease-in-out infinite;
}
.errorBox .box__ghost .box__ghost-container .box__ghost-eyes {
    position: absolute;
    left: 50%;
    top: 45%;
    height: 12px;
    width: 70px;
}
.errorBox .box__ghost .box__ghost-container .box__ghost-eyes .box__eye-left {
    width: 12px;
    height: 12px;
    background: #332f63;
    border-radius: 50%;
    margin: 0 10px;
    position: absolute;
    left: 0;
}
.errorBox .box__ghost .box__ghost-container .box__ghost-eyes .box__eye-right {
    width: 12px;
    height: 12px;
    background: #332f63;
    border-radius: 50%;
    margin: 0 10px;
    position: absolute;
    right: 0;
}
.errorBox .box__ghost .box__ghost-container .box__ghost-bottom {
    display: flex;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
}
.errorBox .box__ghost .box__ghost-container .box__ghost-bottom div {
    flex-grow: 1;
    position: relative;
    top: -10px;
    height: 20px;
    border-radius: 100%;
    background-color: #fff;
}
.errorBox .box__ghost .box__ghost-container .box__ghost-bottom div:nth-child(2n) {
    top: -12px;
    margin: 0 0px;
    border-top: 15px solid var(--dark-theme-color);
    background: transparent;
}
.errorBox .box__ghost .box__ghost-shadow {
    height: 20px;
    box-shadow: 0 50px 15px 5px #253a6f;
    border-radius: 50%;
    margin: 0 auto;
    animation: smallnbig 3s ease-in-out infinite;
}
.errorBox .box__description {
    position: absolute;
    bottom: 70px;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.errorBox .box__description .combtn{
    display: inline-flex;
}
.errorBox .box__description .box__description-container {
    color: #fff;
    text-align: center;
    width: auto;
    font-size: 16px;
    margin: 0 auto;
}
.errorBox .box__description .box__description-container .box__description-title {
    font-size: 100px;
    letter-spacing: 4px;
    font-weight: var(--fw-semibold);
    margin: 0 0 30px;
    line-height: 1;
    display: flex;
    flex-direction: column;
}
.errorBox .box__description .box__description-container .box__description-title span{
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 100;
    letter-spacing: 12px;
}
.errorBox .box__description .box__description-container .box__description-text {
    color: #f8f8f8;
    line-height: 1.4;
    margin: 0 0 10px;
}
.errorBox .box__description .box__button {
    display: block;
    position: relative;
    background: #ff5e65;
    border: 1px solid transparent;
    border-radius: 50px;
    height: 50px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    line-height: 50px;
    font-size: 18px;
    padding: 0 70px;
    white-space: nowrap;
    margin-top: 25px;
    transition: background 0.5s ease;
    overflow: hidden;
    mask-image: -webkit-radial-gradient(white, black);
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.errorBox .box__description .box__button:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 100px;
    background: #fff;
    bottom: -25px;
    left: 0;
    border: 2px solid #fff;
    transform: translateX(-50px) rotate(45deg);
    transition: transform 0.5s ease;
}
.errorBox .box__description .box__button:hover {
    background: transparent;
    border-color: #fff;
}
.errorBox .box__description .box__button:hover:before {
    transform: translateX(250px) rotate(45deg);
}

@keyframes upndown {
    0% {
        transform: translateY(5px);
    }
    50% {
        transform: translateY(15px);
    }
    100% {
        transform: translateY(5px);
    }
}
@keyframes smallnbig {
    0% {
        width: 90px;
    }
    50% {
        width: 100px;
    }
    100% {
        width: 90px;
    }
}
@keyframes shine {
    0% {
        opacity: 0.2;
    }
    25% {
        opacity: 0.1;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity: 0.2;
    }
}

.errorBox .star {
    position: absolute;
    z-index: 1;
}
.errorBox .star:nth-child(1) {
    top: 73vh;
    left: 90vw;
}
.errorBox .star:nth-child(1):before,
.errorBox .star:nth-child(1):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}
.errorBox .star:nth-child(1):before {
    top: 2px;
    left: -2px;
    width: 12px;
    height: 4px;
}
.errorBox .star:nth-child(1):after {
    top: -2px;
    left: 2px;
    width: 4px;
    height: 12px;
}
.errorBox .star:nth-child(2) {
    top: 81vh;
    left: 41vw;
}
.errorBox .star:nth-child(2):before,
.errorBox .star:nth-child(2):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -2s;
    animation-delay: -2s;
}
.errorBox .star:nth-child(2):before {
    top: 0.5px;
    left: -0.5px;
    width: 3px;
    height: 1px;
}
.errorBox .star:nth-child(2):after {
    top: -0.5px;
    left: 0.5px;
    width: 1px;
    height: 3px;
}
.errorBox .star:nth-child(3) {
    top: 40vh;
    left: 96vw;
}
.errorBox .star:nth-child(3):before,
.errorBox .star:nth-child(3):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -3s;
    animation-delay: -3s;
}
.errorBox .star:nth-child(3):before {
    top: 2px;
    left: -2px;
    width: 12px;
    height: 4px;
}
.errorBox .star:nth-child(3):after {
    top: -2px;
    left: 2px;
    width: 4px;
    height: 12px;
}
.errorBox .star:nth-child(4) {
    top: 10vh;
    left: 62vw;
}
.errorBox .star:nth-child(4):before,
.errorBox .star:nth-child(4):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -4s;
    animation-delay: -4s;
}
.errorBox .star:nth-child(4):before {
    top: 1px;
    left: -1px;
    width: 6px;
    height: 2px;
}
.errorBox .star:nth-child(4):after {
    top: -1px;
    left: 1px;
    width: 2px;
    height: 6px;
}
.errorBox .star:nth-child(5) {
    top: 55vh;
    left: 87vw;
}
.errorBox .star:nth-child(5):before,
.errorBox .star:nth-child(5):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -5s;
    animation-delay: -5s;
}
.errorBox .star:nth-child(5):before {
    top: 0.5px;
    left: -0.5px;
    width: 3px;
    height: 1px;
}
.errorBox .star:nth-child(5):after {
    top: -0.5px;
    left: 0.5px;
    width: 1px;
    height: 3px;
}
.errorBox .star:nth-child(6) {
    top: 57vh;
    left: 17vw;
}
.errorBox .star:nth-child(6):before,
.errorBox .star:nth-child(6):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -6s;
    animation-delay: -6s;
}
.errorBox .star:nth-child(6):before {
    top: 0.5px;
    left: -0.5px;
    width: 3px;
    height: 1px;
}
.errorBox .star:nth-child(6):after {
    top: -0.5px;
    left: 0.5px;
    width: 1px;
    height: 3px;
}
.errorBox .star:nth-child(7) {
    top: 83vh;
    left: 59vw;
}
.errorBox .star:nth-child(7):before,
.errorBox .star:nth-child(7):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -7s;
    animation-delay: -7s;
}
.errorBox .star:nth-child(7):before {
    top: 1.5px;
    left: -1.5px;
    width: 9px;
    height: 3px;
}
.errorBox .star:nth-child(7):after {
    top: -1.5px;
    left: 1.5px;
    width: 3px;
    height: 9px;
}
.errorBox .star:nth-child(8) {
    top: 39vh;
    left: 50vw;
}
.errorBox .star:nth-child(8):before,
.errorBox .star:nth-child(8):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -8s;
    animation-delay: -8s;
}
.errorBox .star:nth-child(8):before {
    top: 1.5px;
    left: -1.5px;
    width: 9px;
    height: 3px;
}
.errorBox .star:nth-child(8):after {
    top: -1.5px;
    left: 1.5px;
    width: 3px;
    height: 9px;
}
.errorBox .star:nth-child(9) {
    top: 51vh;
    left: 54vw;
}
.errorBox .star:nth-child(9):before,
.errorBox .star:nth-child(9):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -9s;
    animation-delay: -9s;
}
.errorBox .star:nth-child(9):before {
    top: 1px;
    left: -1px;
    width: 6px;
    height: 2px;
}
.errorBox .star:nth-child(9):after {
    top: -1px;
    left: 1px;
    width: 2px;
    height: 6px;
}
.errorBox .star:nth-child(10) {
    top: 37vh;
    left: 50vw;
}
.errorBox .star:nth-child(10):before,
.errorBox .star:nth-child(10):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -10s;
    animation-delay: -10s;
}
.errorBox .star:nth-child(10):before {
    top: 0.5px;
    left: -0.5px;
    width: 3px;
    height: 1px;
}
.errorBox .star:nth-child(10):after {
    top: -0.5px;
    left: 0.5px;
    width: 1px;
    height: 3px;
}
.errorBox .star:nth-child(11) {
    top: 3vh;
    left: 28vw;
}
.errorBox .star:nth-child(11):before,
.errorBox .star:nth-child(11):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -11s;
    animation-delay: -11s;
}
.errorBox .star:nth-child(11):before {
    top: 0.5px;
    left: -0.5px;
    width: 3px;
    height: 1px;
}
.errorBox .star:nth-child(11):after {
    top: -0.5px;
    left: 0.5px;
    width: 1px;
    height: 3px;
}
.errorBox .star:nth-child(12) {
    top: 19vh;
    left: 44vw;
}
.errorBox .star:nth-child(12):before,
.errorBox .star:nth-child(12):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -12s;
    animation-delay: -12s;
}
.errorBox .star:nth-child(12):before {
    top: 1.5px;
    left: -1.5px;
    width: 9px;
    height: 3px;
}
.errorBox .star:nth-child(12):after {
    top: -1.5px;
    left: 1.5px;
    width: 3px;
    height: 9px;
}
.errorBox .star:nth-child(13) {
    top: 48vh;
    left: 73vw;
}
.errorBox .star:nth-child(13):before,
.errorBox .star:nth-child(13):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -13s;
    animation-delay: -13s;
}
.errorBox .star:nth-child(13):before {
    top: 0.5px;
    left: -0.5px;
    width: 3px;
    height: 1px;
}
.errorBox .star:nth-child(13):after {
    top: -0.5px;
    left: 0.5px;
    width: 1px;
    height: 3px;
}
.errorBox .star:nth-child(14) {
    top: 14vh;
    left: 21vw;
}
.errorBox .star:nth-child(14):before,
.errorBox .star:nth-child(14):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -14s;
    animation-delay: -14s;
}
.errorBox .star:nth-child(14):before {
    top: 0.5px;
    left: -0.5px;
    width: 3px;
    height: 1px;
}
.errorBox .star:nth-child(14):after {
    top: -0.5px;
    left: 0.5px;
    width: 1px;
    height: 3px;
}
.errorBox .star:nth-child(15) {
    top: 13vh;
    left: 76vw;
}
.errorBox .star:nth-child(15):before,
.errorBox .star:nth-child(15):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -15s;
    animation-delay: -15s;
}
.errorBox .star:nth-child(15):before {
    top: 1px;
    left: -1px;
    width: 6px;
    height: 2px;
}
.errorBox .star:nth-child(15):after {
    top: -1px;
    left: 1px;
    width: 2px;
    height: 6px;
}
.errorBox .star:nth-child(16) {
    top: 56vh;
    left: 14vw;
}
.errorBox .star:nth-child(16):before,
.errorBox .star:nth-child(16):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -16s;
    animation-delay: -16s;
}
.errorBox .star:nth-child(16):before {
    top: 1.5px;
    left: -1.5px;
    width: 9px;
    height: 3px;
}
.errorBox .star:nth-child(16):after {
    top: -1.5px;
    left: 1.5px;
    width: 3px;
    height: 9px;
}
.errorBox .star:nth-child(17) {
    top: 10vh;
    left: 67vw;
}
.errorBox .star:nth-child(17):before,
.errorBox .star:nth-child(17):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -17s;
    animation-delay: -17s;
}
.errorBox .star:nth-child(17):before {
    top: 0.5px;
    left: -0.5px;
    width: 3px;
    height: 1px;
}
.errorBox .star:nth-child(17):after {
    top: -0.5px;
    left: 0.5px;
    width: 1px;
    height: 3px;
}
.errorBox .star:nth-child(18) {
    top: 72vh;
    left: 1vw;
}
.errorBox .star:nth-child(18):before,
.errorBox .star:nth-child(18):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -18s;
    animation-delay: -18s;
}
.errorBox .star:nth-child(18):before {
    top: 1px;
    left: -1px;
    width: 6px;
    height: 2px;
}
.errorBox .star:nth-child(18):after {
    top: -1px;
    left: 1px;
    width: 2px;
    height: 6px;
}
.errorBox .star:nth-child(19) {
    top: 13vh;
    left: 20vw;
}
.errorBox .star:nth-child(19):before,
.errorBox .star:nth-child(19):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -19s;
    animation-delay: -19s;
}
.errorBox .star:nth-child(19):before {
    top: 2px;
    left: -2px;
    width: 12px;
    height: 4px;
}
.errorBox .star:nth-child(19):after {
    top: -2px;
    left: 2px;
    width: 4px;
    height: 12px;
}
.errorBox .star:nth-child(20) {
    top: 39vh;
    left: 23vw;
}
.errorBox .star:nth-child(20):before,
.errorBox .star:nth-child(20):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -20s;
    animation-delay: -20s;
}
.errorBox .star:nth-child(20):before {
    top: 1px;
    left: -1px;
    width: 6px;
    height: 2px;
}
.errorBox .star:nth-child(20):after {
    top: -1px;
    left: 1px;
    width: 2px;
    height: 6px;
}
.errorBox .star:nth-child(21) {
    top: 72vh;
    left: 48vw;
}
.errorBox .star:nth-child(21):before,
.errorBox .star:nth-child(21):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -21s;
    animation-delay: -21s;
}
.errorBox .star:nth-child(21):before {
    top: 1.5px;
    left: -1.5px;
    width: 9px;
    height: 3px;
}
.errorBox .star:nth-child(21):after {
    top: -1.5px;
    left: 1.5px;
    width: 3px;
    height: 9px;
}
.errorBox .star:nth-child(22) {
    top: 57vh;
    left: 96vw;
}
.errorBox .star:nth-child(22):before,
.errorBox .star:nth-child(22):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -22s;
    animation-delay: -22s;
}
.errorBox .star:nth-child(22):before {
    top: 1px;
    left: -1px;
    width: 6px;
    height: 2px;
}
.errorBox .star:nth-child(22):after {
    top: -1px;
    left: 1px;
    width: 2px;
    height: 6px;
}
.errorBox .star:nth-child(23) {
    top: 18vh;
    left: 16vw;
}
.errorBox .star:nth-child(23):before,
.errorBox .star:nth-child(23):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -23s;
    animation-delay: -23s;
}
.errorBox .star:nth-child(23):before {
    top: 1.5px;
    left: -1.5px;
    width: 9px;
    height: 3px;
}
.errorBox .star:nth-child(23):after {
    top: -1.5px;
    left: 1.5px;
    width: 3px;
    height: 9px;
}
.errorBox .star:nth-child(24) {
    top: 31vh;
    left: 91vw;
}
.errorBox .star:nth-child(24):before,
.errorBox .star:nth-child(24):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -24s;
    animation-delay: -24s;
}
.errorBox .star:nth-child(24):before {
    top: 1.5px;
    left: -1.5px;
    width: 9px;
    height: 3px;
}
.errorBox .star:nth-child(24):after {
    top: -1.5px;
    left: 1.5px;
    width: 3px;
    height: 9px;
}
.errorBox .star:nth-child(25) {
    top: 98vh;
    left: 69vw;
}
.errorBox .star:nth-child(25):before,
.errorBox .star:nth-child(25):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -25s;
    animation-delay: -25s;
}
.errorBox .star:nth-child(25):before {
    top: 2px;
    left: -2px;
    width: 12px;
    height: 4px;
}
.errorBox .star:nth-child(25):after {
    top: -2px;
    left: 2px;
    width: 4px;
    height: 12px;
}
.errorBox .star:nth-child(26) {
    top: 69vh;
    left: 58vw;
}
.errorBox .star:nth-child(26):before,
.errorBox .star:nth-child(26):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -26s;
    animation-delay: -26s;
}
.errorBox .star:nth-child(26):before {
    top: 2px;
    left: -2px;
    width: 12px;
    height: 4px;
}
.errorBox .star:nth-child(26):after {
    top: -2px;
    left: 2px;
    width: 4px;
    height: 12px;
}
.errorBox .star:nth-child(27) {
    top: 91vh;
    left: 32vw;
}
.errorBox .star:nth-child(27):before,
.errorBox .star:nth-child(27):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -27s;
    animation-delay: -27s;
}
.errorBox .star:nth-child(27):before {
    top: 0.5px;
    left: -0.5px;
    width: 3px;
    height: 1px;
}
.errorBox .star:nth-child(27):after {
    top: -0.5px;
    left: 0.5px;
    width: 1px;
    height: 3px;
}
.errorBox .star:nth-child(28) {
    top: 72vh;
    left: 18vw;
}
.errorBox .star:nth-child(28):before,
.errorBox .star:nth-child(28):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -28s;
    animation-delay: -28s;
}
.errorBox .star:nth-child(28):before {
    top: 1.5px;
    left: -1.5px;
    width: 9px;
    height: 3px;
}
.errorBox .star:nth-child(28):after {
    top: -1.5px;
    left: 1.5px;
    width: 3px;
    height: 9px;
}
.errorBox .star:nth-child(29) {
    top: 88vh;
    left: 94vw;
}
.errorBox .star:nth-child(29):before,
.errorBox .star:nth-child(29):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -29s;
    animation-delay: -29s;
}
.errorBox .star:nth-child(29):before {
    top: 2px;
    left: -2px;
    width: 12px;
    height: 4px;
}
.errorBox .star:nth-child(29):after {
    top: -2px;
    left: 2px;
    width: 4px;
    height: 12px;
}
.errorBox .star:nth-child(30) {
    top: 73vh;
    left: 82vw;
}
.errorBox .star:nth-child(30):before,
.errorBox .star:nth-child(30):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -30s;
    animation-delay: -30s;
}
.errorBox .star:nth-child(30):before {
    top: 2px;
    left: -2px;
    width: 12px;
    height: 4px;
}
.errorBox .star:nth-child(30):after {
    top: -2px;
    left: 2px;
    width: 4px;
    height: 12px;
}
.errorBox .star:nth-child(31) {
    top: 18vh;
    left: 0vw;
}
.errorBox .star:nth-child(31):before,
.errorBox .star:nth-child(31):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -31s;
    animation-delay: -31s;
}
.errorBox .star:nth-child(31):before {
    top: 0.5px;
    left: -0.5px;
    width: 3px;
    height: 1px;
}
.errorBox .star:nth-child(31):after {
    top: -0.5px;
    left: 0.5px;
    width: 1px;
    height: 3px;
}
.errorBox .star:nth-child(32) {
    top: 13vh;
    left: 87vw;
}
.errorBox .star:nth-child(32):before,
.errorBox .star:nth-child(32):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -32s;
    animation-delay: -32s;
}
.errorBox .star:nth-child(32):before {
    top: 1px;
    left: -1px;
    width: 6px;
    height: 2px;
}
.errorBox .star:nth-child(32):after {
    top: -1px;
    left: 1px;
    width: 2px;
    height: 6px;
}
.errorBox .star:nth-child(33) {
    top: 79vh;
    left: 36vw;
}
.errorBox .star:nth-child(33):before,
.errorBox .star:nth-child(33):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -33s;
    animation-delay: -33s;
}
.errorBox .star:nth-child(33):before {
    top: 0.5px;
    left: -0.5px;
    width: 3px;
    height: 1px;
}
.errorBox .star:nth-child(33):after {
    top: -0.5px;
    left: 0.5px;
    width: 1px;
    height: 3px;
}
.errorBox .star:nth-child(34) {
    top: 28vh;
    left: 57vw;
}
.errorBox .star:nth-child(34):before,
.errorBox .star:nth-child(34):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -34s;
    animation-delay: -34s;
}
.errorBox .star:nth-child(34):before {
    top: 2px;
    left: -2px;
    width: 12px;
    height: 4px;
}
.errorBox .star:nth-child(34):after {
    top: -2px;
    left: 2px;
    width: 4px;
    height: 12px;
}
.errorBox .star:nth-child(35) {
    top: 68vh;
    left: 72vw;
}
.errorBox .star:nth-child(35):before,
.errorBox .star:nth-child(35):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -35s;
    animation-delay: -35s;
}
.errorBox .star:nth-child(35):before {
    top: 1.5px;
    left: -1.5px;
    width: 9px;
    height: 3px;
}
.errorBox .star:nth-child(35):after {
    top: -1.5px;
    left: 1.5px;
    width: 3px;
    height: 9px;
}
.errorBox .star:nth-child(36) {
    top: 70vh;
    left: 88vw;
}
.errorBox .star:nth-child(36):before,
.errorBox .star:nth-child(36):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -36s;
    animation-delay: -36s;
}
.errorBox .star:nth-child(36):before {
    top: 1px;
    left: -1px;
    width: 6px;
    height: 2px;
}
.errorBox .star:nth-child(36):after {
    top: -1px;
    left: 1px;
    width: 2px;
    height: 6px;
}
.errorBox .star:nth-child(37) {
    top: 69vh;
    left: 69vw;
}
.errorBox .star:nth-child(37):before,
.errorBox .star:nth-child(37):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -37s;
    animation-delay: -37s;
}
.errorBox .star:nth-child(37):before {
    top: 0.5px;
    left: -0.5px;
    width: 3px;
    height: 1px;
}
.errorBox .star:nth-child(37):after {
    top: -0.5px;
    left: 0.5px;
    width: 1px;
    height: 3px;
}
.errorBox .star:nth-child(38) {
    top: 29vh;
    left: 85vw;
}
.errorBox .star:nth-child(38):before,
.errorBox .star:nth-child(38):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -38s;
    animation-delay: -38s;
}
.errorBox .star:nth-child(38):before {
    top: 1.5px;
    left: -1.5px;
    width: 9px;
    height: 3px;
}
.errorBox .star:nth-child(38):after {
    top: -1.5px;
    left: 1.5px;
    width: 3px;
    height: 9px;
}
.errorBox .star:nth-child(39) {
    top: 12vh;
    left: 90vw;
}
.errorBox .star:nth-child(39):before,
.errorBox .star:nth-child(39):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -39s;
    animation-delay: -39s;
}
.errorBox .star:nth-child(39):before {
    top: 1px;
    left: -1px;
    width: 6px;
    height: 2px;
}
.errorBox .star:nth-child(39):after {
    top: -1px;
    left: 1px;
    width: 2px;
    height: 6px;
}
.errorBox .star:nth-child(40) {
    top: 34vh;
    left: 51vw;
}
.errorBox .star:nth-child(40):before,
.errorBox .star:nth-child(40):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -40s;
    animation-delay: -40s;
}
.errorBox .star:nth-child(40):before {
    top: 1px;
    left: -1px;
    width: 6px;
    height: 2px;
}
.errorBox .star:nth-child(40):after {
    top: -1px;
    left: 1px;
    width: 2px;
    height: 6px;
}
.errorBox .star:nth-child(41) {
    top: 58vh;
    left: 1vw;
}
.errorBox .star:nth-child(41):before,
.errorBox .star:nth-child(41):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -41s;
    animation-delay: -41s;
}
.errorBox .star:nth-child(41):before {
    top: 0.5px;
    left: -0.5px;
    width: 3px;
    height: 1px;
}
.errorBox .star:nth-child(41):after {
    top: -0.5px;
    left: 0.5px;
    width: 1px;
    height: 3px;
}
.errorBox .star:nth-child(42) {
    top: 85vh;
    left: 63vw;
}
.errorBox .star:nth-child(42):before,
.errorBox .star:nth-child(42):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -42s;
    animation-delay: -42s;
}
.errorBox .star:nth-child(42):before {
    top: 2px;
    left: -2px;
    width: 12px;
    height: 4px;
}
.errorBox .star:nth-child(42):after {
    top: -2px;
    left: 2px;
    width: 4px;
    height: 12px;
}
.errorBox .star:nth-child(43) {
    top: 81vh;
    left: 45vw;
}
.errorBox .star:nth-child(43):before,
.errorBox .star:nth-child(43):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -43s;
    animation-delay: -43s;
}
.errorBox .star:nth-child(43):before {
    top: 1px;
    left: -1px;
    width: 6px;
    height: 2px;
}
.errorBox .star:nth-child(43):after {
    top: -1px;
    left: 1px;
    width: 2px;
    height: 6px;
}
.errorBox .star:nth-child(44) {
    top: 5vh;
    left: 44vw;
}
.errorBox .star:nth-child(44):before,
.errorBox .star:nth-child(44):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -44s;
    animation-delay: -44s;
}
.errorBox .star:nth-child(44):before {
    top: 2px;
    left: -2px;
    width: 12px;
    height: 4px;
}
.errorBox .star:nth-child(44):after {
    top: -2px;
    left: 2px;
    width: 4px;
    height: 12px;
}
.errorBox .star:nth-child(45) {
    top: 16vh;
    left: 5vw;
}
.errorBox .star:nth-child(45):before,
.errorBox .star:nth-child(45):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -45s;
    animation-delay: -45s;
}
.errorBox .star:nth-child(45):before {
    top: 1.5px;
    left: -1.5px;
    width: 9px;
    height: 3px;
}
.errorBox .star:nth-child(45):after {
    top: -1.5px;
    left: 1.5px;
    width: 3px;
    height: 9px;
}
.errorBox .star:nth-child(46) {
    top: 99vh;
    left: 14vw;
}
.errorBox .star:nth-child(46):before,
.errorBox .star:nth-child(46):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -46s;
    animation-delay: -46s;
}
.errorBox .star:nth-child(46):before {
    top: 1.5px;
    left: -1.5px;
    width: 9px;
    height: 3px;
}
.errorBox .star:nth-child(46):after {
    top: -1.5px;
    left: 1.5px;
    width: 3px;
    height: 9px;
}
.errorBox .star:nth-child(47) {
    top: 10vh;
    left: 84vw;
}
.errorBox .star:nth-child(47):before,
.errorBox .star:nth-child(47):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -47s;
    animation-delay: -47s;
}
.errorBox .star:nth-child(47):before {
    top: 1px;
    left: -1px;
    width: 6px;
    height: 2px;
}
.errorBox .star:nth-child(47):after {
    top: -1px;
    left: 1px;
    width: 2px;
    height: 6px;
}
.errorBox .star:nth-child(48) {
    top: 54vh;
    left: 28vw;
}
.errorBox .star:nth-child(48):before,
.errorBox .star:nth-child(48):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -48s;
    animation-delay: -48s;
}
.errorBox .star:nth-child(48):before {
    top: 0.5px;
    left: -0.5px;
    width: 3px;
    height: 1px;
}
.errorBox .star:nth-child(48):after {
    top: -0.5px;
    left: 0.5px;
    width: 1px;
    height: 3px;
}
.errorBox .star:nth-child(49) {
    top: 42vh;
    left: 86vw;
}
.errorBox .star:nth-child(49):before,
.errorBox .star:nth-child(49):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -49s;
    animation-delay: -49s;
}
.errorBox .star:nth-child(49):before {
    top: 2px;
    left: -2px;
    width: 12px;
    height: 4px;
}
.errorBox .star:nth-child(49):after {
    top: -2px;
    left: 2px;
    width: 4px;
    height: 12px;
}
.errorBox .star:nth-child(50) {
    top: 1vh;
    left: 89vw;
}
.errorBox .star:nth-child(50):before,
.errorBox .star:nth-child(50):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -50s;
    animation-delay: -50s;
}
.errorBox .star:nth-child(50):before {
    top: 2px;
    left: -2px;
    width: 12px;
    height: 4px;
}
.errorBox .star:nth-child(50):after {
    top: -2px;
    left: 2px;
    width: 4px;
    height: 12px;
}
.errorBox .star:nth-child(51) {
    top: 49vh;
    left: 32vw;
}
.errorBox .star:nth-child(51):before,
.errorBox .star:nth-child(51):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -51s;
    animation-delay: -51s;
}
.errorBox .star:nth-child(51):before {
    top: 1.5px;
    left: -1.5px;
    width: 9px;
    height: 3px;
}
.errorBox .star:nth-child(51):after {
    top: -1.5px;
    left: 1.5px;
    width: 3px;
    height: 9px;
}
.errorBox .star:nth-child(52) {
    top: 8vh;
    left: 8vw;
}
.errorBox .star:nth-child(52):before,
.errorBox .star:nth-child(52):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -52s;
    animation-delay: -52s;
}
.errorBox .star:nth-child(52):before {
    top: 2px;
    left: -2px;
    width: 12px;
    height: 4px;
}
.errorBox .star:nth-child(52):after {
    top: -2px;
    left: 2px;
    width: 4px;
    height: 12px;
}
.errorBox .star:nth-child(53) {
    top: 83vh;
    left: 66vw;
}
.errorBox .star:nth-child(53):before,
.errorBox .star:nth-child(53):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -53s;
    animation-delay: -53s;
}
.errorBox .star:nth-child(53):before {
    top: 2px;
    left: -2px;
    width: 12px;
    height: 4px;
}
.errorBox .star:nth-child(53):after {
    top: -2px;
    left: 2px;
    width: 4px;
    height: 12px;
}
.errorBox .star:nth-child(54) {
    top: 29vh;
    left: 48vw;
}
.errorBox .star:nth-child(54):before,
.errorBox .star:nth-child(54):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -54s;
    animation-delay: -54s;
}
.errorBox .star:nth-child(54):before {
    top: 1.5px;
    left: -1.5px;
    width: 9px;
    height: 3px;
}
.errorBox .star:nth-child(54):after {
    top: -1.5px;
    left: 1.5px;
    width: 3px;
    height: 9px;
}
.errorBox .star:nth-child(55) {
    top: 44vh;
    left: 80vw;
}
.errorBox .star:nth-child(55):before,
.errorBox .star:nth-child(55):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -55s;
    animation-delay: -55s;
}
.errorBox .star:nth-child(55):before {
    top: 2px;
    left: -2px;
    width: 12px;
    height: 4px;
}
.errorBox .star:nth-child(55):after {
    top: -2px;
    left: 2px;
    width: 4px;
    height: 12px;
}
.errorBox .star:nth-child(56) {
    top: 53vh;
    left: 91vw;
}
.errorBox .star:nth-child(56):before,
.errorBox .star:nth-child(56):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -56s;
    animation-delay: -56s;
}
.errorBox .star:nth-child(56):before {
    top: 1px;
    left: -1px;
    width: 6px;
    height: 2px;
}
.errorBox .star:nth-child(56):after {
    top: -1px;
    left: 1px;
    width: 2px;
    height: 6px;
}
.errorBox .star:nth-child(57) {
    top: 79vh;
    left: 90vw;
}
.errorBox .star:nth-child(57):before,
.errorBox .star:nth-child(57):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -57s;
    animation-delay: -57s;
}
.errorBox .star:nth-child(57):before {
    top: 0.5px;
    left: -0.5px;
    width: 3px;
    height: 1px;
}
.errorBox .star:nth-child(57):after {
    top: -0.5px;
    left: 0.5px;
    width: 1px;
    height: 3px;
}
.errorBox .star:nth-child(58) {
    top: 46vh;
    left: 13vw;
}
.errorBox .star:nth-child(58):before,
.errorBox .star:nth-child(58):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -58s;
    animation-delay: -58s;
}
.errorBox .star:nth-child(58):before {
    top: 1.5px;
    left: -1.5px;
    width: 9px;
    height: 3px;
}
.errorBox .star:nth-child(58):after {
    top: -1.5px;
    left: 1.5px;
    width: 3px;
    height: 9px;
}
.errorBox .star:nth-child(59) {
    top: 0vh;
    left: 95vw;
}
.errorBox .star:nth-child(59):before,
.errorBox .star:nth-child(59):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -59s;
    animation-delay: -59s;
}
.errorBox .star:nth-child(59):before {
    top: 0.5px;
    left: -0.5px;
    width: 3px;
    height: 1px;
}
.errorBox .star:nth-child(59):after {
    top: -0.5px;
    left: 0.5px;
    width: 1px;
    height: 3px;
}
.errorBox .star:nth-child(60) {
    top: 17vh;
    left: 0vw;
}
.errorBox .star:nth-child(60):before,
.errorBox .star:nth-child(60):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -60s;
    animation-delay: -60s;
}
.errorBox .star:nth-child(60):before {
    top: 1.5px;
    left: -1.5px;
    width: 9px;
    height: 3px;
}
.errorBox .star:nth-child(60):after {
    top: -1.5px;
    left: 1.5px;
    width: 3px;
    height: 9px;
}
.errorBox .star:nth-child(61) {
    top: 6vh;
    left: 98vw;
}
.errorBox .star:nth-child(61):before,
.errorBox .star:nth-child(61):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -61s;
    animation-delay: -61s;
}
.errorBox .star:nth-child(61):before {
    top: 0.5px;
    left: -0.5px;
    width: 3px;
    height: 1px;
}
.errorBox .star:nth-child(61):after {
    top: -0.5px;
    left: 0.5px;
    width: 1px;
    height: 3px;
}
.errorBox .star:nth-child(62) {
    top: 29vh;
    left: 66vw;
}
.errorBox .star:nth-child(62):before,
.errorBox .star:nth-child(62):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -62s;
    animation-delay: -62s;
}
.errorBox .star:nth-child(62):before {
    top: 1.5px;
    left: -1.5px;
    width: 9px;
    height: 3px;
}
.errorBox .star:nth-child(62):after {
    top: -1.5px;
    left: 1.5px;
    width: 3px;
    height: 9px;
}
.errorBox .star:nth-child(63) {
    top: 57vh;
    left: 27vw;
}
.errorBox .star:nth-child(63):before,
.errorBox .star:nth-child(63):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -63s;
    animation-delay: -63s;
}
.errorBox .star:nth-child(63):before {
    top: 1px;
    left: -1px;
    width: 6px;
    height: 2px;
}
.errorBox .star:nth-child(63):after {
    top: -1px;
    left: 1px;
    width: 2px;
    height: 6px;
}
.errorBox .star:nth-child(64) {
    top: 6vh;
    left: 36vw;
}
.errorBox .star:nth-child(64):before,
.errorBox .star:nth-child(64):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -64s;
    animation-delay: -64s;
}
.errorBox .star:nth-child(64):before {
    top: 1.5px;
    left: -1.5px;
    width: 9px;
    height: 3px;
}
.errorBox .star:nth-child(64):after {
    top: -1.5px;
    left: 1.5px;
    width: 3px;
    height: 9px;
}
.errorBox .star:nth-child(65) {
    top: 28vh;
    left: 17vw;
}
.errorBox .star:nth-child(65):before,
.errorBox .star:nth-child(65):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -65s;
    animation-delay: -65s;
}
.errorBox .star:nth-child(65):before {
    top: 0.5px;
    left: -0.5px;
    width: 3px;
    height: 1px;
}
.errorBox .star:nth-child(65):after {
    top: -0.5px;
    left: 0.5px;
    width: 1px;
    height: 3px;
}
.errorBox .star:nth-child(66) {
    top: 52vh;
    left: 50vw;
}
.errorBox .star:nth-child(66):before,
.errorBox .star:nth-child(66):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -66s;
    animation-delay: -66s;
}
.errorBox .star:nth-child(66):before {
    top: 1.5px;
    left: -1.5px;
    width: 9px;
    height: 3px;
}
.errorBox .star:nth-child(66):after {
    top: -1.5px;
    left: 1.5px;
    width: 3px;
    height: 9px;
}
.errorBox .star:nth-child(67) {
    top: 88vh;
    left: 57vw;
}
.errorBox .star:nth-child(67):before,
.errorBox .star:nth-child(67):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -67s;
    animation-delay: -67s;
}
.errorBox .star:nth-child(67):before {
    top: 2px;
    left: -2px;
    width: 12px;
    height: 4px;
}
.errorBox .star:nth-child(67):after {
    top: -2px;
    left: 2px;
    width: 4px;
    height: 12px;
}
.errorBox .star:nth-child(68) {
    top: 49vh;
    left: 1vw;
}
.errorBox .star:nth-child(68):before,
.errorBox .star:nth-child(68):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -68s;
    animation-delay: -68s;
}
.errorBox .star:nth-child(68):before {
    top: 1px;
    left: -1px;
    width: 6px;
    height: 2px;
}
.errorBox .star:nth-child(68):after {
    top: -1px;
    left: 1px;
    width: 2px;
    height: 6px;
}
.errorBox .star:nth-child(69) {
    top: 13vh;
    left: 82vw;
}
.errorBox .star:nth-child(69):before,
.errorBox .star:nth-child(69):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -69s;
    animation-delay: -69s;
}
.errorBox .star:nth-child(69):before {
    top: 1.5px;
    left: -1.5px;
    width: 9px;
    height: 3px;
}
.errorBox .star:nth-child(69):after {
    top: -1.5px;
    left: 1.5px;
    width: 3px;
    height: 9px;
}
.errorBox .star:nth-child(70) {
    top: 96vh;
    left: 61vw;
}
.errorBox .star:nth-child(70):before,
.errorBox .star:nth-child(70):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -70s;
    animation-delay: -70s;
}
.errorBox .star:nth-child(70):before {
    top: 2px;
    left: -2px;
    width: 12px;
    height: 4px;
}
.errorBox .star:nth-child(70):after {
    top: -2px;
    left: 2px;
    width: 4px;
    height: 12px;
}
.errorBox .star:nth-child(71) {
    top: 46vh;
    left: 23vw;
}
.errorBox .star:nth-child(71):before,
.errorBox .star:nth-child(71):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -71s;
    animation-delay: -71s;
}
.errorBox .star:nth-child(71):before {
    top: 0.5px;
    left: -0.5px;
    width: 3px;
    height: 1px;
}
.errorBox .star:nth-child(71):after {
    top: -0.5px;
    left: 0.5px;
    width: 1px;
    height: 3px;
}
.errorBox .star:nth-child(72) {
    top: 82vh;
    left: 96vw;
}
.errorBox .star:nth-child(72):before,
.errorBox .star:nth-child(72):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -72s;
    animation-delay: -72s;
}
.errorBox .star:nth-child(72):before {
    top: 1.5px;
    left: -1.5px;
    width: 9px;
    height: 3px;
}
.errorBox .star:nth-child(72):after {
    top: -1.5px;
    left: 1.5px;
    width: 3px;
    height: 9px;
}
.errorBox .star:nth-child(73) {
    top: 25vh;
    left: 7vw;
}
.errorBox .star:nth-child(73):before,
.errorBox .star:nth-child(73):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -73s;
    animation-delay: -73s;
}
.errorBox .star:nth-child(73):before {
    top: 0.5px;
    left: -0.5px;
    width: 3px;
    height: 1px;
}
.errorBox .star:nth-child(73):after {
    top: -0.5px;
    left: 0.5px;
    width: 1px;
    height: 3px;
}
.errorBox .star:nth-child(74) {
    top: 21vh;
    left: 15vw;
}
.errorBox .star:nth-child(74):before,
.errorBox .star:nth-child(74):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -74s;
    animation-delay: -74s;
}
.errorBox .star:nth-child(74):before {
    top: 1px;
    left: -1px;
    width: 6px;
    height: 2px;
}
.errorBox .star:nth-child(74):after {
    top: -1px;
    left: 1px;
    width: 2px;
    height: 6px;
}
.errorBox .star:nth-child(75) {
    top: 12vh;
    left: 15vw;
}
.errorBox .star:nth-child(75):before,
.errorBox .star:nth-child(75):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -75s;
    animation-delay: -75s;
}
.errorBox .star:nth-child(75):before {
    top: 0.5px;
    left: -0.5px;
    width: 3px;
    height: 1px;
}
.errorBox .star:nth-child(75):after {
    top: -0.5px;
    left: 0.5px;
    width: 1px;
    height: 3px;
}
.errorBox .star:nth-child(76) {
    top: 36vh;
    left: 37vw;
}
.errorBox .star:nth-child(76):before,
.errorBox .star:nth-child(76):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -76s;
    animation-delay: -76s;
}
.errorBox .star:nth-child(76):before {
    top: 0.5px;
    left: -0.5px;
    width: 3px;
    height: 1px;
}
.errorBox .star:nth-child(76):after {
    top: -0.5px;
    left: 0.5px;
    width: 1px;
    height: 3px;
}
.errorBox .star:nth-child(77) {
    top: 28vh;
    left: 99vw;
}
.errorBox .star:nth-child(77):before,
.errorBox .star:nth-child(77):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -77s;
    animation-delay: -77s;
}
.errorBox .star:nth-child(77):before {
    top: 1px;
    left: -1px;
    width: 6px;
    height: 2px;
}
.errorBox .star:nth-child(77):after {
    top: -1px;
    left: 1px;
    width: 2px;
    height: 6px;
}
.errorBox .star:nth-child(78) {
    top: 53vh;
    left: 76vw;
}
.errorBox .star:nth-child(78):before,
.errorBox .star:nth-child(78):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -78s;
    animation-delay: -78s;
}
.errorBox .star:nth-child(78):before {
    top: 1.5px;
    left: -1.5px;
    width: 9px;
    height: 3px;
}
.errorBox .star:nth-child(78):after {
    top: -1.5px;
    left: 1.5px;
    width: 3px;
    height: 9px;
}
.errorBox .star:nth-child(79) {
    top: 57vh;
    left: 59vw;
}
.errorBox .star:nth-child(79):before,
.errorBox .star:nth-child(79):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -79s;
    animation-delay: -79s;
}
.errorBox .star:nth-child(79):before {
    top: 1.5px;
    left: -1.5px;
    width: 9px;
    height: 3px;
}
.errorBox .star:nth-child(79):after {
    top: -1.5px;
    left: 1.5px;
    width: 3px;
    height: 9px;
}
.errorBox .star:nth-child(80) {
    top: 33vh;
    left: 80vw;
}
.errorBox .star:nth-child(80):before,
.errorBox .star:nth-child(80):after {
    position: absolute;
    content: "";
    background-color: #fff;
    border-radius: 10px;
    -webkit-animation: blink 1.5s infinite;
    animation: blink 1.5s infinite;
    -webkit-animation-delay: -80s;
    animation-delay: -80s;
}
.errorBox .star:nth-child(80):before {
    top: 1.5px;
    left: -1.5px;
    width: 9px;
    height: 3px;
}
.errorBox .star:nth-child(80):after {
    top: -1.5px;
    left: 1.5px;
    width: 3px;
    height: 9px;
}

@-webkit-keyframes blink {
    0%,
    100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(0.4);
        opacity: 0.5;
    }
}
@keyframes blink {
    0%,
    100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(0.4);
        opacity: 0.5;
    }
}


/* ERROR Page Ends */

/* Thanks Page */
.thnksBanWrap{
    background-color: var(--theme-color);
    min-height: 400px;
    padding: 50px 0;
    margin: 0 0 40px;
}
.thnksBanWrap .inner{
    max-width: 768px;
    margin: 0 auto;
}
.thnksBanWrap .icon{
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 auto 20px auto;
}
.thnksBanWrap .icon::before,
.thnksBanWrap .icon::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: var(--white);
}
.thnksBanWrap .icon::before{
    width: 75%;
    height: 75%;
    opacity: 0.2;
}
.thnksBanWrap .icon::after{
    width: 100%;
    height: 100%;
    opacity: 0.1;
}
.thnksBanWrap .icon .iconIn{
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #93b1ff;
}
.thnksBanWrap .icon .iconIn svg{
    fill: var(--white);
    animation: ios-shake 2s alternate infinite;
    will-change: transform;
    -webkit-animation: ios-shake 2s alternate infinite;
    transform: translate(1px, 1px) rotate3d(0, 0, 1, 2deg) scale(2.5);
    -webkit-transform: translate(1px, 1px) rotate3d(0, 0, 1, 2deg) scale(2.5);
    -moz-transform: translate(1px, 1px) rotate3d(0, 0, 1, 2deg) scale(2.5);
    -ms-transform: translate(1px, 1px) rotate3d(0, 0, 1, 2deg) scale(2.5);
    -o-transform: translate(1px, 1px) rotate3d(0, 0, 1, 2deg) scale(2.5);
}

@keyframes ios-shake {
	10% {
		transform: translate(1px, 1px) rotate3d(0, 0, 1, 2deg) scale(1.5);
		-webkit-transform: translate(1px, 1px) rotate3d(0, 0, 1, 2deg) scale(1.5);
		-moz-transform: translate(1px, 1px) rotate3d(0, 0, 1, 2deg) scale(1.5);
		-ms-transform: translate(1px, 1px) rotate3d(0, 0, 1, 2deg) scale(1.5);
		-o-transform: translate(1px, 1px) rotate3d(0, 0, 1, 2deg) scale(1.5);
    }
	20% {
		transform: translate(0px, 0px) rotate3d(0, 0, 1, -2deg) scale(2);
		-webkit-transform: translate(0px, 0px) rotate3d(0, 0, 1, -2deg) scale(2);
		-moz-transform: translate(0px, 0px) rotate3d(0, 0, 1, -2deg) scale(2);
		-ms-transform: translate(0px, 0px) rotate3d(0, 0, 1, -2deg) scale(2);
		-o-transform: translate(0px, 0px) rotate3d(0, 0, 1, -2deg) scale(2);
    }
	30% {
		transform: translate(-1px, -1px) rotate3d(0, 0, 1, 2deg) scale(1.5);
		-webkit-transform: translate(-1px, -1px) rotate3d(0, 0, 1, 2deg) scale(1.5);
		-moz-transform: translate(-1px, -1px) rotate3d(0, 0, 1, 2deg) scale(1.5);
		-ms-transform: translate(-1px, -1px) rotate3d(0, 0, 1, 2deg) scale(1.5);
		-o-transform: translate(-1px, -1px) rotate3d(0, 0, 1, 2deg) scale(1.5);
    }
	40% {
		transform: translate(0px, 0px) rotate3d(0, 0, 1, -50deg) scale(2);
		-webkit-transform: translate(0px, 0px) rotate3d(0, 0, 1, -50deg) scale(2);
		-moz-transform: translate(0px, 0px) rotate3d(0, 0, 1, -50deg) scale(2);
		-ms-transform: translate(0px, 0px) rotate3d(0, 0, 1, -50deg) scale(2);
		-o-transform: translate(0px, 0px) rotate3d(0, 0, 1, -50deg) scale(2);
    }
	50% {
		transform: translate(1px, 1px) rotate3d(0, 0, 1, 2deg) scale(1.5);
		-webkit-transform: translate(1px, 1px) rotate3d(0, 0, 1, 2deg) scale(1.5);
		-moz-transform: translate(1px, 1px) rotate3d(0, 0, 1, 2deg) scale(1.5);
		-ms-transform: translate(1px, 1px) rotate3d(0, 0, 1, 2deg) scale(1.5);
		-o-transform: translate(1px, 1px) rotate3d(0, 0, 1, 2deg) scale(1.5);
    }
	60% {
		transform: translate(1px, 0px) rotate3d(0, 0, 1, -2deg)scale(2);
		-webkit-transform: translate(1px, 0px) rotate3d(0, 0, 1, -2deg)scale(2);
		-moz-transform: translate(1px, 0px) rotate3d(0, 0, 1, -2deg)scale(2);
		-ms-transform: translate(1px, 0px) rotate3d(0, 0, 1, -2deg)scale(2);
		-o-transform: translate(1px, 0px) rotate3d(0, 0, 1, -2deg)scale(2);
    }
	70% {
		transform: translate(0px, 0px) rotate3d(0, 0, 1, 2deg) scale(1.5);
		-webkit-transform: translate(0px, 0px) rotate3d(0, 0, 1, 2deg) scale(1.5);
		-moz-transform: translate(0px, 0px) rotate3d(0, 0, 1, 2deg) scale(1.5);
		-ms-transform: translate(0px, 0px) rotate3d(0, 0, 1, 2deg) scale(1.5);
		-o-transform: translate(0px, 0px) rotate3d(0, 0, 1, 2deg) scale(1.5);
    }
	80% {
		transform: translate(0px, 1px) rotate3d(0, 0, 1, -5deg) scale(2);
		-webkit-transform: translate(0px, 1px) rotate3d(0, 0, 1, -5deg) scale(2);
		-moz-transform: translate(0px, 1px) rotate3d(0, 0, 1, -5deg) scale(2);
		-ms-transform: translate(0px, 1px) rotate3d(0, 0, 1, -5deg) scale(2);
		-o-transform: translate(0px, 1px) rotate3d(0, 0, 1, -5deg) scale(2);
    }
	90% {
		transform: translate(1px, 1px) rotate3d(0, 0, 1, 2deg) scale(1.5);
		-webkit-transform: translate(1px, 1px) rotate3d(0, 0, 1, 2deg) scale(1.5);
		-moz-transform: translate(1px, 1px) rotate3d(0, 0, 1, 2deg) scale(1.5);
		-ms-transform: translate(1px, 1px) rotate3d(0, 0, 1, 2deg) scale(1.5);
		-o-transform: translate(1px, 1px) rotate3d(0, 0, 1, 2deg) scale(1.5);
    }
}

.thnksBanWrap .inner .mainTitle{
    color: var(--white);
    text-align: center;
    font-size: 40px;
    margin: 0 0 15px;
    line-height: 1.2;
}
.thnksBanWrap .inner p{
    text-align: center;
    font-size: 15px;
    color: #e4ebff;
    line-height: 1.5;
}

.card.custmDtls .ttBlock{
    display: flex;
    flex-wrap: wrap;
}
.card.custmDtls .ttBlock .ttItem{
    width: 100%;
    margin: 0 0 20px;
}
.card.custmDtls .ttBlock .ttItem .ttItemIn{
    display: flex;
    flex-direction: column;
} 
.card.custmDtls .ttBlock .ttItem .subTitle{
    font-size: 12px;
    text-transform: uppercase;
    color: var(--gray888);
    letter-spacing: 2px;
    display: block;
    margin: 0 0 5px;
}
.card.custmDtls .ttBlock .ttItem .mainTitle{
    font-size: 17px;
    font-weight: var(--fw-medium);
}
.card.custmDtls .ttBlock .ttItem address{
    background-color: var(--light-bg);
    padding: 20px 25px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
}
.card.custmDtls .ttBlock .ttItem address p{
    line-height: 1.7;
    font-size: 15px;
    color: var(--gray222);
    margin: 0;
}
/* Thanks Page Ends */

/* Side Cart */
.sideCart{
    position: fixed;
    right: -100px;
    top: 0;
    width: 360px;
    height: 100vh;
    background-color: var(--dark-theme-color);
    z-index: 31;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.sideCart.show{
    opacity: 1;
    visibility: visible;
    right: 0;
}
.sideCart::after{
    content: '';
    position: absolute;
    width: 200px;
    height: 200px;
    background-color: var(--theme-color);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    bottom: -50px;
    right: -50px;
    filter: blur(50em);
    -webkit-filter: blur(50em);
}
.sideCart .sCHead,
.sideCart .sCFoot{
    height: 70px;
    padding: 0 20px;    
    position: relative;
    z-index: 1;
}
.sideCart .sCBody{
    height: calc(100vh - 140px);
    overflow-y: auto;
    position: relative;
    z-index: 1;
}
.sideCart .sCBody{
    padding: 20px;
}
.sideCart .sCHead{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #1a2f68;
}
.sideCart .sCHead .mainTitle{
    color: var(--white);
    margin: 0;
    line-height: 1;
    font-family: var(--secondary-font);
    text-transform: uppercase;
    font-size: 25px;
}
.sideCart .sCHead .closeNav{
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #1a2f68;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    background-color: #1a2f68;
}
.sideCart .sCHead .closeNav:hover{
    background-color: #ff4747;
    border-color: #ff4747;
}
.sideCart .sCHead .closeNav .material-symbols-outlined{
    color: var(--white);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    font-size: 20px;
}
.sideCart .sCHead .closeNav:hover .material-symbols-outlined{
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
}
.sCPackWrap{
    margin: -15px 0;
}
.sCPackCard{
    padding: 15px 0;
    border-bottom: 1px solid #32467e;
}
.sCPackCard:last-child{
    padding-bottom: 0;
    border: none;
}
.sCPackCard > .inner{
    display: inline-flex;
    align-items: center;
    position: relative;
    padding: 0 30px 0 0;
}
.sCPackCard > .inner .imgBox{
    width: 80px;
    height: 80px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    overflow: hidden;
}
.sCPackCard > .inner .imgBox > img{
    height: 100%;
    object-fit: cover;
}
.sCPackCard > .inner .packCnt{
    width: calc(100% - 80px);
    padding: 0 0 0 10px;
}
.sCPackCard > .inner .packCnt .mainTitle{
    font-size: 12px;
    color: var(--white);
    line-height: 1.2;
    display: block;
    margin: 0 0 3px;
}
.sCPackCard > .inner .packCnt .itenTotalDays{
    padding: 0;
    display: block;
    margin: 0 0 5px;
    font-size: 14px;
    color: var(--white);
    background-color: transparent;
}
.packCard > .packCnt > div,
.sCPackCard > .inner .packCnt > div{
    color: var(--light-bg2);
    font-size: 12px;
    margin: 0 -2px -2px -2px;
}
.CountUpdator,
.packCard > .packCnt > div{
    color: var(--gray888);
    font-weight: var(--fw-regular);
    margin: 4px -2px -2px -2px;
    padding: 0 0 0 10px;
    border: 1px solid var(--border-color);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    display: flex;
    align-items: center;
    cursor: pointer;
    width: max-content;
}
.CountUpdator .material-symbols-rounded{
    font-size: 15px;
    background-color: var(--theme-color2);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    color: var(--white);
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 5px;
}
.packCard > .packCnt > div span,
.sCPackCard > .inner .packCnt > div span{
    padding: 2px;
}
.packCard > .packCnt > div span > i,
.sCPackCard > .inner .packCnt > div span > i{
    color: var(--white) !important;
}
.packCard > .packCnt > div span > i{
    color: var(--gray333) !important;
}
.sCPackCard > .inner .deleteBtn{
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    right: 0;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.sCPackCard > .inner .deleteBtn:hover{
    background-color: #ff4747;
}
.sCPackCard > .inner .deleteBtn .material-symbols-outlined{
    font-size: 20px;
    font-variation-settings: 'FILL' 0;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.sCPackCard > .inner .deleteBtn:hover .material-symbols-outlined{
    color: var(--white);
    font-variation-settings: 'FILL' 1;
}

.sideCart .sCFoot{
    display: flex;
    padding: 0;
    position: fixed;
    width: 360px;
    right: -320px;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.sideCart.show .sCFoot{
    opacity: 1;
    visibility: visible;
    right: 0;
}
.sideCart .sCFoot > a{
    width: 50%;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    text-transform: uppercase;
    letter-spacing: 1px;
}
.sideCart .sCFoot > a:first-child{
    background-color: var(--theme-color);
}
.sideCart .sCFoot > a:last-child{
    background-color: #21356d;
}
.sideCart .sCFoot > a:hover{
    background-color: var(--dark-theme-color);
    color: var(--white)
}

.sideCartOpen{
    overflow: hidden;
    position: relative;
}
.sideCartOpen::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ffffff17;
    left: 0;
    top: 0;
    z-index: 30;
    backdrop-filter: blur(1em);
}

.emptyCart{
    color: var(--black);
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    max-width: 576px;
    margin: 0 auto 50px auto;
}
.sideCart .emptyCart{
    color: var(--white);
    background-color: transparent;    
    padding: 50px 0;
}
.sideCart .emptyCart .icon{
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 20px;
}
.sideCart .emptyCart .icon svg{
    width: 120px;    
}
.emptyCart p{
    margin: 20px 0 0;
}
.emptyCart .icon{
    position: relative;
}
.emptyCart .icon::before{
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: var(--light-bg);
    top: 70px;
    left: -40px;
    z-index: -1;
    animation: up-down 2s infinite linear;
    -webkit-animation: up-down 2s infinite linear;
}
.sideCart .emptyCart .icon::before{
    background-color: var(--theme-color);
    opacity: 0.2;
    left: -20px;
    top: 70px;
}
@keyframes up-down {
    0% {
        transform: translate(1px, 20px) scale(0.5);
        -webkit-transform: translate(1px, 20px) scale(0.5);
        -moz-transform: translate(1px, 20px) scale(0.5);
        -ms-transform: translate(1px, 20px) scale(0.5);
        -o-transform: translate(1px, 20px) scale(0.5);
    }
    24% {
        transform: translate(1px, 30px) scale(1.5);
        -webkit-transform: translate(1px, 30px) scale(1.5);
        -moz-transform: translate(1px, 30px) scale(1.5);
        -ms-transform: translate(1px, 30px) scale(1.5);
        -o-transform: translate(1px, 30px) scale(1.5);
    }
    50% {
        transform: translate(1px, 12px) scale(0.5);
        -webkit-transform: translate(1px, 12px) scale(0.5);
        -moz-transform: translate(1px, 12px) scale(0.5);
        -ms-transform: translate(1px, 12px) scale(0.5);
        -o-transform: translate(1px, 12px) scale(0.5);
    }
    74% {
        transform: translate(1px, 22px) scale(1.5);
        -webkit-transform: translate(1px, 22px) scale(1.5);
        -moz-transform: translate(1px, 22px) scale(1.5);
        -ms-transform: translate(1px, 22px) scale(1.5);
        -o-transform: translate(1px, 22px) scale(1.5);
    }
    100% {
        transform: translate(1px, 22px) scale(0.5);
        -webkit-transform: translate(1px, 22px) scale(0.5);
        -moz-transform: translate(1px, 22px) scale(0.5);
        -ms-transform: translate(1px, 22px) scale(0.5);
        -o-transform: translate(1px, 22px) scale(0.5);
    }
}


.emptyCart .icon svg{
    width: 120px; 
    height: 100%;
    stroke-dasharray: 25;
    animation: dash 10s cubic-bezier(.86,0,.07,1) infinite;
    -webkit-animation: dash 10s cubic-bezier(.86,0,.07,1) infinite;
    margin: 0 0 30px;
}

@keyframes dash {
    0% {
        stroke-dashoffset: 10;
    }
    25% {
        stroke-dashoffset: 250;
    }
    50% {
        stroke-dashoffset: 500;
    }
    75% {
        stroke-dashoffset: 250;
    }
    100% {
        stroke-dashoffset: 10;
    }
}

.emptyCart .mainTitle{
    margin: 0 0 20px;
    font-family: var(--secondary-font);
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 5px;
}

.sideCart .emptyCart .combtn:hover{
    background-color: var(--white);
    color: var(--dark-theme-color);
}
.sideCart .emptyCart p{
    color: var(--white);
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    line-height: 1.2;
    font-size: 17px;
}
.sideCart .emptyCart p a{
    width: 100%;
    font-size: 22px;
    margin: 5px 0;
    text-transform: uppercase;
    font-weight: var(--fw-semibold);
}
/* Side Cart Ends */

/* Profile  */
.checkboxList{
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}
.checkboxList li{
    padding: 10px;
    display: flex;
    align-items: center;
}

.interestWrap{
    display: flex;
    flex-wrap: wrap;
    max-height: 500px;
    overflow: auto;
    margin: -5px;
}
.interestWrap > li{
    width: calc(100% / 3);
    padding: 5px;
}
.splCheckBox label{
    width: 100%;
    padding: 20px;
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.splCheckBox label input[type="checkbox"]{
    display: none;
}
.splCheckBox input[type="checkbox"] ~ i{
    text-transform: capitalize;
    font-size: 15px;
    color: var(--theme-secondary-color);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    position: relative;
    color: var(--white);
}
.splCheckBox input[type="checkbox"] ~ i::before{
    content: '';
}
.splCheckBox label span{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #9ca7c4;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.splCheckBox input[type="checkbox"]:checked ~ span{
    background-color: var(--theme-color);
}

.splCheckBox label span::before{
    content: '\ef76';
    position: absolute;
    font-family: var(--g-font);
    font-size: 20px;
    opacity: 0;
    visibility: hidden;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    color: var(--white);
    font-size: 30px;
    transition: all 0.5s cubic-bezier(0,.71,.27,1.55);
    -webkit-transition: all 0.5s cubic-bezier(0,.71,.27,1.55);
    -moz-transition: all 0.5s cubic-bezier(0,.71,.27,1.55);
    -ms-transition: all 0.5s cubic-bezier(0,.71,.27,1.55);
    -o-transition: all 0.5s cubic-bezier(0,.71,.27,1.55);
}
.splCheckBox input[type="checkbox"]:checked ~ span::before{
    opacity: 1;
    visibility: visible;
}


/* Profile Ends */

/* Loader */
.main-loader{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--white);
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main-loader .imgBox{
    width: 250px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.loader {
    width: 300px;
    aspect-ratio: 2;
    --c1: linear-gradient(90deg, #0000 calc(100% / 3), var(--theme-color) 0 calc(2 * 100% / 3), #0000 0);
    --c2: linear-gradient(0deg, #0000 calc(100% / 3), var(--theme-color) 0 calc(2 * 100% / 3), #0000 0);
    background: var(--c1), var(--c2), var(--c1), var(--c2);
    background-size: 300% 4px, 4px 300%;
    background-repeat: no-repeat;
    animation: l3 5s infinite linear;
    -webkit-animation: l3 5s infinite linear;
}
@keyframes l3 {
    0% {
        background-position: 50% 0, 100% 100%, 0 100%, 0 0;
    }
    25% {
        background-position: 0 0, 100% 50%, 0 100%, 0 0;
    }
    50% {
        background-position: 0 0, 100% 0, 50% 100%, 0 0;
    }
    75% {
        background-position: 0 0, 100% 0, 100% 100%, 0 50%;
    }
    75.01% {
        background-position: 100% 0, 100% 0, 100% 100%, 0 50%;
    }
    100% {
        background-position: 50% 0, 100% 0, 100% 100%, 0 100%;
    }
}

.loaderRotate{
    width: 250px;
    height: 250px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.loaderRotate::before{
    content: '';
    width: 100%;
    height: 100%;
    background: url(../images/loader-round.svg) no-repeat;
    background-size: 100%;
    left: 0;
    top: 0;
    position: absolute;
    animation: spin 5s infinite linear;
    -webkit-animation: spin 5s infinite linear;
}
.loaderRotate > img{
    width: 60px;
    position: relative;
    animation: pulseImg .2s infinite;
    -webkit-animation: pulseImg .2s infinite;
}
@keyframes pulseImg {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}
/* Loader Ends */

/* Group Leader Section */
.glSec{
    width: 100%;
    margin: 0 0 80px;
}
.glSwiper .imgBox{
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    overflow: hidden;
    position: relative;
}
.glSwiper .swiper-slide .imgBox::before{
    position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.glSwiper .swiper-slide:hover .imgBox::before{
    animation: shineImg .75s;
    -webkit-animation: shineImg .75s;
}
.glSwiper .imgBox .ttCnt{
    position: absolute;
    width: calc(100% - 20px);
    right: 10px;
    bottom: 10px;
    background-color: var(--white);
    z-index: 1;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    display: flex;
    flex-wrap: wrap;
    padding: 10px 100px 10px 15px;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.glSwiper .imgBox:hover .ttCnt{
    background-color: var(--theme-secondary-color);
}
.starRating,
.glSwiper .imgBox .ttCnt .starRating{
    position: absolute;
    display: flex;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.glSwiper .imgBox .ttCnt .name{
    width: 100%;
    color: var(--gray222);
    font-size: 16px;
    font-weight: var(--fw-medium);
    text-transform: capitalize;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.glSwiper .imgBox:hover .ttCnt .name{
    color: var(--white);
}
.glSwiper .imgBox .ttCnt .location{
    display: flex;
    align-items: center;
    color: var(--gray888);
    font-size: 12px;
    width: 100%;
    text-transform: capitalize;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.glSwiper .imgBox:hover .ttCnt .location{
    color: var(--gray999);
}
.glSwiper .imgBox .ttCnt .location .material-symbols-outlined{
    color: var(--theme-color);
    font-size: 20px;
    margin: 0 3px 0 -3px;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.glSwiper .imgBox:hover .ttCnt .location .material-symbols-outlined{
    color: var(--white);
}
.glSwiper .imgBox .ttCnt .starRating .material-symbols-outlined{
    font-variation-settings: 'FILL' 1;
    font-size: 18px;
    color: var(--gray555);
    margin: 0 -0.5px;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.glSwiper .imgBox:hover .ttCnt .starRating .material-symbols-outlined{
    color: var(--theme-color);
}
.glSwiper.swiper {
    padding: 130px 0 0 0;
    margin: -130px 0 0 0;
}

.glSwiper .swiper-nav{
    display: flex;
    position: absolute;
    top: 5px;
    z-index: 1;
    right: 120px;
}
.glSwiper .swiper-nav > *{
    margin: 0;
}
.glSwiper .swiper-nav > :last-child{
    margin: 0 0 0 8px;
}

.glProfileCard{
    padding: 50px;
    border: 5px solid var(--light-bg);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    max-width: 1200px;
    margin: 0 auto 30px auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.glProfileCard .imgBox{
    width: 200px;
    border: 1px solid var(--border-color);
    padding: 10px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    margin: 0 0 10px;
}
.glProfileCard .imgBox img{
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
}
.glProfileCard .mainTitle{
    margin: 0 0 20px;
}
.glProfileCard p{
    font-size: 17px;
    line-height: 2;
    text-align: center;
    color: var(--gray666);
}
.glProfileCard ul.packSum{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -10px 20px -10px;
}
.glProfileCard ul.packSum li{
    display: flex;
    align-items: center;
    padding: 10px 20px;
    color: var(--gray888);
    font-size: 14px;
    background-color: var(--light-bg);
    margin: 5px;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    text-transform: capitalize;
}
.glProfileCard ul.packSum li .material-symbols-outlined{
    font-size: 22px;
    color: var(--theme-color);
    margin: 0 3px 0 0;
}
.glProfileCard ul.packSum li.lightimage{
    padding: 0;
    background-color: transparent;
}
.glProfileCard ul.packSum li.lightimage > a{
    background-color: var(--theme-color);
    padding: 10px 20px;
    text-transform: capitalize;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    color: var(--white);
    display: flex;
    align-items: center;
} 
.glProfileCard ul.packSum li.lightimage > a > .material-symbols-outlined{
    color: var(--white);
    margin: 0 0 0 5px;
}
.glProfileCard ul.packSum li.lightimage > a:hover{
    background-color: var(--theme-color2);
}

.glProfileCard ul.packSum li.shareBtn{
    padding: 0;
}
.glProfileCard ul.packSum li.shareBtn > .btn{
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    text-transform: capitalize;
    font-weight: var(--fw-regular);
}
.glProfileCard ul.packSum li.shareBtn > .btn > .material-symbols-rounded{
    font-size: 18px;
    margin: 0 0 0 7px;
}

.glProfileCard ul.destiSum{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.glProfileCard ul.destiSum li{
    padding: 3px 15px;
    background-color: var(--light-bg2);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    margin: 3px;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    color: #6879aa;
    cursor: default;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.glProfileCard ul.destiSum li:hover{
    background-color: var(--theme-color);
    color: var(--white);
}
.glProfileCard ul.destiSum li > span{
    color: var(--theme-secondary-color);    
    font-weight: var(--fw-medium);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.glProfileCard ul.destiSum li:hover > span{
    color: var(--white);
}

.gl-layout .headerWrap{
    border-bottom: 1px solid var(--border-color);
}

.gl-layout .packListWrapHead .triangle{
    top: 20%;
}
.gl-layout .packListWrapHead .triangle.right{
    top: 60%;
}
/* Group Leader Section Ends */

.comSoon{
    height: 100%;
}
.comSoon > img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    opacity: 0.8;
}

ul.suggestListTrv{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin: 0 0 10px 0;
    padding: 30px 0 0 0;
}
ul.suggestListTrv .mainTitle{
    position: absolute;
    font-size: 17px;
    left: 0;
    top: 0;
    font-family: var(--secondary-font);
}
ul.suggestListTrv li{
    padding: 5px 8px;
    border-radius: 50px;
    border: 1px solid var(--border-color);
    font-size: 11px;
    margin: 0 5px 5px 0;
    line-height: 1;
    transition: var(--transition);
    cursor: pointer;
    color: var(--gray777);
}
ul.suggestListTrv li:hover{
    background-color: var(--bg-gray);
}
ul.suggestListTrv li.active{
    border-color: var(--theme-secondary-color);
    background-color: var(--theme-secondary-color);
    color: var(--white);
}

/* Calender */
.datepicker td, .datepicker th{
    width: 40px;
    height: 40px;
    font-weight: var(--fw-regular);
}
.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled]{
    background-color: var(--theme-color);
}
.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover{
    background-image: none;
    background-color: var(--theme-secondary-color);
}
/* Calender Ends */

/* Payment Page */
.paymentWrap{
    width: 100%;
    margin: 0 0 80px;
}
.paymentWrap .in{
    max-width: 768px;
    margin: 0 auto;
}

.btn.proceedBtn{
    height: 55px;
    margin: 30px 0 0 0;
}
#payment-form .btn.proceedBtn{
    margin: 30px auto 0;
}
.paymentWrap .customForm .Error{
    font-size: 12px;
}

.paymentWrap .alert.alert-info > p{
    display: flex;
    align-items: center;
}
.paymentWrap .alert.alert-info > p b{
    margin: 0 0 0 auto;
    font-weight: var(--fw-semibold);
    font-size: 20px;
}
/* Payment Page Ends */

/* Flight Listing page */
.flightListLayout.showList footer{
    display: none;
}
.flightListLayout .headerWrap{
    background-color: transparent;
    box-shadow: none;
}
.flightListLayout .headerWrap.sticky{
    box-shadow: 0 -140px 140px 70px rgba(9, 21, 54, 0.271);
    background-color: var(--white);
}
.flightListLayout .shortBanner{
    height: auto;
    margin: 0 0 80px;
    position: relative;
}
.flightListLayout .shortBanner .imgBox{
    position: relative;
    height: 100%;
}
.flightListLayout .shortBanner .imgBox img{
    object-fit: cover;
    height: 100%;
}

.srchWrap{
    width: 100%;
    position: absolute;
    z-index: 2;
    bottom: 100px;
}
.srchWrap .srchWrapIn{
    width: 100%;
    background-color: var(--white);
    padding: 20px;
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
    box-shadow: 0 0 50px 10px rgba(14, 37, 96, 0.20);
    border: 1px solid rgba(14, 37, 96, 0.20);
}

.flightListLayout .fltSrchForm{
    position: static;
}
.flightListLayout .fltSrchForm .checkboxList{
    margin: -5px -5px 20px -5px;
}
.flightListLayout .fltSrchForm .checkboxList > li{
    margin: 0;
    padding: 5px;
}
.flightListLayout .fltSrchForm .customForm > .checkboxList > li:last-child{
    margin: 0 0 0 auto;
}
.fltSrchForm .ttBlock{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: -20px;
}
.fltSrchForm .ttBlock > .ttItem{
    padding: 20px;
    position: relative;
}

.fltSrchForm .ttBlock > .ttItem .valueSwitch{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 5;
    box-shadow: 0 0 50px 10px rgba(14, 37, 96, 0.05);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    background-color: var(--white);
}
.fltSrchForm .ttBlock > .ttItem .valueSwitch .material-symbols-rounded{
    font-size: 20px;
}
.fltSrchForm .ttBlock > .ttItem .form-control{
    margin: 0 0 0 -2px;
    padding: 0;
    border: none;
    font-size: 25px;
    font-weight: var(--fw-medium);
    height: 40px;
    text-transform: capitalize;
}
.fltSrchForm .ttBlock > .ttItem .form-control::placeholder{
    font-size: 25px;
    font-weight: var(--fw-medium);
}
.fltSrchForm .ttBlock > .ttItem label{
    cursor: pointer;
    width: 100%;
}
.fltSrchForm .ttBlock > .ttItem label > .formTitle{
    text-transform: uppercase;
    font-size: 12px;
    color: var(--gray999);
    letter-spacing: 1px;
}
.fltSrchForm .ttBlock > .ttItem label > p{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 200px;
    line-height: 1.2;
    font-size: 13px;
    margin: 0;
    text-transform: capitalize;
    color: var(--gray666);
    font-weight: var(--fw-regular);
    letter-spacing: 0.5px;
}
.fltSrchForm .ttBlock > .ttItem label > p.dataValue{
    height: 40px;
    display: flex;
    align-items: center;
}
.fltSrchForm .ttBlock > .ttItem label > p.dataValue > .day{
    font-size: 25px;
    font-weight: var(--fw-medium);
    margin: 0 5px 0 0;
    color: var(--black);
}
.fltSrchForm .ttBlock > .ttItem label > p.dataValue > .monthYear{
    font-size: 14px;
    color: var(--gray666);
}

.fltSrchForm .ttBlock > .ttItem:first-child,
.fltSrchForm .ttBlock > .ttItem:nth-child(2){
    width: 23%;
}
.fltSrchForm .ttBlock > .ttItem.dateView,
.fltSrchForm .ttBlock > .ttItem.paxView{
    width: 15%;
}
.fltSrchForm .ttBlock > .ttItem.buttonWrap{
    width: 8%;
}
.fltSrchForm .ttBlock > .ttItem label > .formTitle{
    font-size: 11px;
}

.fltSrchForm .ttBlock > .ttItem.dateView.returnDate{
    position: relative;
} 
.fltSrchForm .ttBlock > .ttItem.dateView.returnDate::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--white);
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0.8;
}
.fltSrchForm .ttBlock > .ttItem.dateView input[type="text"]{
    width: 0;
}
.fltSrchForm .ttBlock > .ttItem.paxView{
    position: relative;
}
.fltSrchForm .ttBlock > .ttItem.buttonWrap .ttItemIn{
    height: 100%;
}
.fltSrchForm .ttBlock > .ttItem.buttonWrap .btn{
    width: 100%;
    height: 100%;
    padding: 10px;
}
.fltSrchForm .ttBlock > .ttItem.buttonWrap .btn svg{
    width: 30px;
    fill: var(--white);
}

.fltSrchForm .ttBlock > .ttItem.paxView .paxDtlBox{
    position: absolute;
    width: 320px;
    min-height: 200px;
    background-color: var(--white);
    top: calc(100% - 30px);
    right: 0;
    box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.2);
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    opacity: 0;
    visibility: hidden;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
    z-index: 1;
}
.fltSrchForm .ttBlock > .ttItem.paxView .paxDtlBox.show{
    opacity: 1;
    visibility: visible;
    top: calc(100% - 15px);
}
.fltSrchForm .ttBlock > .ttItem.paxView .paxDtlBox::before{
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    background-color: var(--white);
    right: 100px;
    top: -6px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.fltSrchForm .ttBlock > .ttItem.paxView .paxDtlBox .inner{
    padding: 20px;
}

.paxDtlBox .inner .paxCount{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0 0 10px;
}
.paxDtlBox .inner .paxCount > span{
    text-transform: capitalize;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    width: 150px;
    line-height: 1.3;
    font-weight: var(--fw-medium);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.paxDtlBox .inner .paxCount:hover > span{
    color: var(--theme-color);
}
.paxDtlBox .inner .paxCount > span > span{
    font-size: 12px;
    color: var(--gray888);
    font-weight: var(--fw-regular);
}
.paxDtlBox .number,
.getQutWrap .number{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    max-width: 120px;
}
.paxDtlBox .number > *,
.getQutWrap .number > *{
    width: calc(100% / 3);
}
.paxDtlBox .number input[type="text"],
.getQutWrap .number input[type="text"]{
    height: 35px;
    text-align: center;
    border: 1px solid var(--border-color);
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    font-size: 15px;
    margin: 0 5px;
}
.paxDtlBox .number > span,
.getQutWrap .number > span{
    height: 35px;
    cursor: pointer;
    border: 1px solid var(--border-color);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.paxDtlBox .number > span:hover,
.getQutWrap .number > span:hover{
    background-color: var(--theme-black);
    border-color: var(--theme-black);
}
.paxDtlBox .number > span > .material-symbols-rounded,
.getQutWrap .number > span > .material-symbols-rounded{
    font-size: 17px;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.paxDtlBox .number > span:hover > .material-symbols-rounded,
.getQutWrap .number > span:hover > .material-symbols-rounded{
    color: var(--white);
}
.paxDtlBox .inner .seatClass{
    width: 100%;
    border-top: 1px dashed var(--border-color);
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
}
.paxDtlBox .inner .btn.btn-sm{
    font-size: 13px;
    min-width: 120px;
}

.sugFlightList,
.sugLocationList{
    position: absolute;
    width: 300px;
    max-height: 350px;
    overflow-y: auto;
    background-color: var(--white);
    top: calc(100% - 15px);
    box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.2);
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    z-index: 1;
}
.sugFlightList{
    left: 20px;
}
.sugLocationList{
    width: 100%;
    right: 0;
}
.sugFlightList li,
.sugLocationList li{
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 0 55px 0 0;
    margin: 0 0 10px;
    line-height: 1.3;
    cursor: pointer;
}
.sugFlightList li:last-child{
    margin: 0;
}
.sugFlightList li span.airCity{
    color: var(--theme-black);
    font-size: 14px;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.sugFlightList li:hover span.airCity{
    color: var(--theme-color);
}
.sugFlightList li span.airName{
    font-size: 12px;
    color: var(--gray888);
}
.sugFlightList li span.airCode{
    position: absolute;
    text-transform: uppercase;
    font-weight: var(--fw-medium);
    right: 0;
    font-size: 13px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    padding: 7px 0;
    display: block;
    background: #f9fbff;
    min-width: 50px;
    text-align: center;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    border: 1px dashed var(--theme-black);
    color: var(--theme-black);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.sugFlightList li:hover span.airCode{
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: var(--white);
}

.flightListLayout .listWrap,
.HotelListLayout .listWrap{
    width: 100%;
    margin: 50px 0;
}
.flightListLayout .listWrap .ttContainerBox > .inner,
.HotelListLayout .listWrap .ttContainerBox > .inner{
    display: flex;
    align-items: flex-start;
    position: relative;
    margin: -10px;
    flex-wrap: wrap;
}
.flightListLayout .listWrap .ttContainerBox > .inner > *,
.HotelListLayout .listWrap .ttContainerBox > .inner > *{
    padding: 10px;
}
.flightListLayout .listWrap .ttContainerBox > .inner > .ttLt,
.HotelListLayout .listWrap .ttContainerBox > .inner > .ttLt{
    width: 350px;
    position: sticky;
    top: 110px;
}

.flightListLayout .listWrap .ttContainerBox > .inner > .ttRt,
.HotelListLayout .listWrap .ttContainerBox > .inner > .ttRt{
    width: calc(100% - 350px);
}

.flightListLayout .listWrap .filterWrap,
.HotelListLayout .listWrap .filterWrap{
    width: 100%;
    padding: 20px;
    background-color: var(--white);
    border: 1px solid var(--border-color);
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
    max-height: 84vh;
    overflow-y: scroll;
}

.filterWrap .filterCard > ul .customCheckbox label{
    display: flex;
    align-items: center;
}
.filterWrap .filterCard > ul .customCheckbox label span.count,
.filterWrap .filterCard > ul .customCheckbox label span.price{
    position: static;
    width: auto;
    height: auto;
    border: none;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
}
.filterWrap .filterCard > ul .customCheckbox label span.count{
    margin: 0 0 0 2px;
    font-size: 12px;
}
.filterWrap .filterCard > ul .customCheckbox label span.price{
    margin: 0 10px 0 auto;
}

.tileCheckBox{
    display: flex;
    margin: 0 -5px;
    overflow: hidden !important;
}
.tileCheckBox.stops .customCheckbox{
    width: calc(100% / 3);
    padding: 0 5px;
    margin: 0;
}
.tileCheckBox.timings .customCheckbox{
    width: calc(100% / 4);
    padding: 0 5px;
    margin: 0;
}
.tileCheckBox.stops .customCheckbox label,
.tileCheckBox.timings .customCheckbox label{
    padding: 40px 0 0 0;
    height: 60px;
}
.tileCheckBox.stops .customCheckbox label{
    padding: 35px 0 0 0;
}
.tileCheckBox.stops .customCheckbox label span.material-symbols-rounded,
.tileCheckBox.timings .customCheckbox label span.material-symbols-rounded{
    width: 100%;
    height: 100%;
    position: static;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    border: none;
    font-size: 30px;
    text-align: center;
    padding: 7px 0 5px 0;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid var(--border-color);
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    font-weight: 300;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    font-variation-settings: 'FILL' 0;
}
.tileCheckBox.stops .customCheckbox label span::before,
.tileCheckBox.timings .customCheckbox label span::before{
    display: none;
}
.tileCheckBox.stops .customCheckbox label input[type="checkbox"]:checked + span.material-symbols-rounded,
.tileCheckBox.timings .customCheckbox label input[type="checkbox"]:checked + span.material-symbols-rounded{
    background-color: var(--theme-color);
    border-color: var(--theme-color) !important;
    color: var(--white);
}
.tileCheckBox.stops .customCheckbox label input[type="checkbox"]:checked + span.material-symbols-rounded{
    font-variation-settings: 'FILL' 1;
}
.tileCheckBox.stops .customCheckbox label span.timeMode,
.tileCheckBox.timings .customCheckbox label span.timeMode{
    position: static;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    width: 100%;
    height: auto;
    display: block;
    border: none;
    width: 100%;
    font-size: 10px;
    text-align: center;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    position: relative;
    top: 0;
    left: 0;
    text-align: center;
}
.tileCheckBox.stops .customCheckbox label span.timeMode::before,
.tileCheckBox.timings .customCheckbox label span.timeMode::before{
    display: none;
}
.tileCheckBox.stops .customCheckbox label input[type="checkbox"]:checked ~ span.timeMode,
.tileCheckBox.timings .customCheckbox label input[type="checkbox"]:checked ~ span.timeMode{
    color: var(--white) !important;
}

.filterWrap .filterCard p{
    text-transform: capitalize;
    margin: 0;
    font-weight: var(--fw-semibold);
    font-size: 13px;
}

.flightListLayout .listWrap .ttContainerBox > .inner > .ttRt{
    width: calc(100% - 350px);
    position: relative;
}
.modifyWrap{
    position: sticky;
    top: 0;
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
    padding: 15px 0;
    background-color: var(--white);
    z-index: 2;
    opacity: 1;
    visibility: visible;
    width: 100%;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    margin: 0 0 20px;
    border: 1px solid var(--border-color);
}
.modifyWrap.show{
    opacity: 1;
    visibility: visible;
    top: 110px;
    box-shadow: 0 0 10px 0px rgb(240, 240, 240);
}
.modifyWrap ul{
    display: flex;
}
.modifyWrap ul li{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 20px;
    border-right: 1px dashed var(--border-color);
}
.modifyWrap ul li:first-child{
    flex-direction: row;
    align-items: center;
}
.modifyWrap ul li:last-child{
    margin: 0 0 0 auto;
    border: none;
}
.modifyWrap ul li:nth-last-child(2){
    border: none;
}
.modifyWrap ul li p{
    line-height: 1;
    display: flex;
    flex-direction: column;
    margin: 0;
    font-size: 14px;
}
.modifyWrap ul li > p.airport{
    text-transform: uppercase;
    font-weight: var(--fw-medium);  
    color: var(--theme-black);  
    margin: 0;
    line-height: 1.2;
}
.modifyWrap ul li > p.airport > span{
    margin: 6px 0 0 0;
    font-weight: var(--fw-regular);
    text-transform: capitalize;
    color: var(--gray888);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80px;
}
.modifyWrap ul li:first-child > span.material-symbols-rounded{
    padding: 0 20px;
    font-size: 25px;
    color: var(--gray999);
}
.modifyWrap ul li > span.title{
    font-size: 13px;
    color: var(--gray888);
    line-height: 1;
    text-transform: capitalize;
}
.modifyWrap ul li > span{
    font-size: 14px;
}
.modifyWrap ul li:not(:first-child) p{
    color: var(--theme-black); 
    font-weight: var(--fw-medium); 
    margin: 10px 0 0 0;
    font-size: 14px;
}
.modifyWrap .hotelLocation{
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: var(--fw-medium);
    width: 160px;
}
.modifyWrap .hotelLocation > .material-symbols-rounded{
    color: var(--theme-color2);
    font-size: 22px;
    margin: 0 3px 0 0;
}

.flightListLayout .flightList{
    margin: 0 -5px -5px -5px;
}

.card.fareCard{
    padding: 0;
}
.card.fareCard > *{
    padding: 20px 15px;
}
.card.fareCard > .card-header{
    border-bottom: 1px solid var(--border-color);
}
.card.fareCard .esItem{
    display: flex;
    flex-wrap: wrap;
}
.card.fareCard .esItem > .esItemIn{
    width: 100%;
    padding: 0 0 10px;
    margin: 0 0 10px;
    border-bottom: 1px dashed var(--light-bg2);
}
.card.fareCard .esItem > .esItemIn:last-child{
    margin: 0;
    padding: 0;
    border: none;
}
.card.fareCard .esItem > .esItemIn > p{
    color: var(--theme-secondary-color);
    font-size: 15px;
    margin: 0 0 10px;
    line-height: 1.2;
}
.card.fareCard .esItem > .esItemIn > p > b{
    font-weight: var(--fw-medium);
}
.card.fareCard .esItem > .esItemIn > p > span.handBag{
    font-size: 10px;
    padding: 3px 7px;
    background-color: #e8eaf1;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    text-transform: capitalize;
    margin: 0 0 0 3px;
    color: var(--gray333);
}
.card.fareCard .esItem > .esItemIn ul{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding: 0 0 0 10px;
}
.card.fareCard .esItem > .esItemIn ul::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    background-color: var(--theme-secondary-color);
    opacity: 0.2;
}
.card.fareCard .esItem > .esItemIn ul > li{
    font-size: 12px;
    margin: 0 0 3px;
    width: 100%;
}
.card.fareCard .esItem > .esItemIn ul > li:last-child{
    margin: 0;
}
.card.fareCard .esItem > .esItemIn ul > li.avail{
    color: #00ac43;
}
.card.fareCard .esItem > .esItemIn ul > li.notAvail{
    color: #bf000a;
}
.card.fareCard .customRadio > label .fltFare{
    display: flex;
    flex-wrap: wrap;
    font-size: 15px;
    font-weight: var(--fw-medium);
    padding: 0 0 0 6px;
}
.card.fareCard .customRadio > label .fltFare > span:not(.fareName){
    font-size: 11px;
    color: var(--gray888);
    font-weight: var(--fw-regular);
    line-height: 1;
    margin: 4px 0 0 4px;
}
.card.fareCard .customRadio > label .fltFare > span.fareName{
    width: 100%;
    font-size: 17px;
    color: var(--theme-color2);
    margin: 2px 0 0 0;
}

#fareModal .modal-footer .btn{
    min-width: 120px;
    height: 35px;
    border-radius: 3px;
    font-weight: 500;
    font-size: 15px;
    margin: 0;
}
/* Flight Listing Page Ends */

/* Round Trip */
.flightRoundListLayout .listWrap{
    padding: 0 0 100px 0;
}
.flightRoundListLayout .wtzp,
.flightRoundListLayout #spnTop.showTop{
    bottom: 140px;
}
.flightList > .roundTrip{
    width: 100%;
    padding: 0 5px 5px 5px;
}
.flightList > .roundTrip > .inner{
    display: flex;
    flex-wrap: wrap;
    margin: 5px -10px -5px -10px;
}
.flightList > .roundTrip > .inner > *{
    width: 50%;
    padding: 10px;
}
.flightList > .roundTrip > .inner > * > div:not(.flightCard){
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 15px;
}
.flightList > .roundTrip > .inner > * > div:not(.flightCard) > .mainTitle{
    margin: 0;
    width: calc(100% - 150px);
    line-height: 1.2;
}
.flightList > .roundTrip > .inner > * > div:not(.flightCard) > .mainTitle > span:last-child{
    width: 100%;
    display: block;
    color: var(--gray777);
    font-weight: var(--fw-regular);
    font-size: 12px;
}
.flightList > .roundTrip > .inner > * > div:not(.flightCard) > .sortBy{
    width: 150px;
}
.flightList > .roundTrip > .inner > * > div:not(.flightCard) > .sortBy .form-select{
    min-width: auto;
    font-size: 13px;
}
.flightList > .roundTrip .inner .mainTitle{
    font-size: 17px;
    margin: 0 0 10px;
    font-family: var(--secondary-font);
    font-weight: var(--fw-regular);
    color: var(--gray888);
}
.flightList > .roundTrip .inner .mainTitle > span{
    font-weight: var(--fw-medium);
    color: var(--gray333);
}
.flightList > .roundTrip .flightCard{
    border: 1px solid var(--border-color2);
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    margin: 0 0 10px;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
}
.flightList > .roundTrip .flightCard:last-child{
    margin: 0;
}

.flightList > .roundTrip .flightCard:hover{
    border-color: var(--theme-secondary-color);
    box-shadow: 0px 22px 20px -30px #0a266f;
}

.radioFltCard{
    position: relative;
    width: 100%;
}
.radioFltCard > .fltDtl{
    font-size: 13px;
    text-transform: capitalize;
    color: var(--gray666);
    margin: 0 auto 0 0;
    cursor: pointer;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    position: absolute;
    right: 40px;
    top: 20px;
}
.radioFltCard > .fltDtl:hover{
    color: var(--theme-color);
}
.radioFltCard > label{
    width: 100%;
    cursor: pointer;
}
.radioFltCard > label > input[type="radio"]{
    display: none;
}
.radioFltCard > label input[type="radio"] + span {
    position: absolute;
    width: 20px;
    height: 20px;
    border: 1px solid var(--border-color2);
    display: block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    right: 10px;
    top: 20px;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
}

.radioFltCard > label input[type="radio"]:checked + span {
    border: 2px solid var(--theme-color);
}

.radioFltCard > label input[type="radio"] + span::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: var(--theme-color);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    -moz-transform: translate(-50%, -50%) scale(0.5);
    -ms-transform: translate(-50%, -50%) scale(0.5);
    -o-transform: translate(-50%, -50%) scale(0.5);
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
    opacity: 0;
    visibility: hidden;
}

.radioFltCard > label input[type="radio"]:checked + span::before {
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    visibility: visible;
}

.radioFltCard .flightName{
    border-bottom: 1px solid var(--border-color);
    width: 100%;
    display: flex;
    align-items: center;
    padding: 10px;
}
.radioFltCard .flightName > .imgBox{
    width: 40px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    overflow: hidden;
    border: 1px solid var(--border-color);
    padding: 5px;
}
.radioFltCard .flightName > .imgBox > img{
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
}
.radioFltCard .flightName > div:not(.imgBox){
    width: calc(100% - 40px);
    padding: 0 0 0 10px;
}
.radioFltCard .flightName > div:not(.imgBox) .airlineName{
    font-size: 14px;
    text-transform: capitalize;
    font-weight: var(--fw-medium);
    color: var(--gray222);
}
.radioFltCard .flightName > div:not(.imgBox) .airlineNo{
    font-size: 12px;
    color: var(--gray777);
}
.flightRoute{
    padding: 10px;
    display: flex;
  flex-wrap: wrap;
}
.flightRoute .ttBlock{
    width: calc(100% - 100px);
}
.flightRoute .ttBlock > .ttItem{
    display: flex;
    flex-direction: column;
    width: 40%;
}
.flightRoute .ttBlock > .ttItem:last-child{
    text-align: right;
}
.flightRoute .ttBlock > .ttItem .fTime{
    font-size: 17px;
    font-weight: var(--fw-medium);
}
.flightRoute .ttBlock > .ttItem .fdate{
    font-size: 12px;
    color: var(--gray666);
}
.flightRoute .ttBlock > .ttItem .aptName{
    font-size: 12px;
    color: var(--gray222);
    text-transform: capitalize;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.flightRoute .ttBlock > .ttItem .aptName > span{
    text-transform: uppercase;
}

.flightRoute .ttBlock > .ttItem:nth-child(2){
    width: 23%;
    display: flex;
    flex-direction: row;
}
.flightRoute .ttBlock > .ttItem .stops{
    position: relative;
    width: 100%;
    margin: 0;
    font-size: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    line-height: 24px;
}

.flightRoute .ttBlock > .ttItem .stops::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: var(--border-color);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.flightRoute .ttBlock > .ttItem .stops.nonStop::before{
    background-color: var(--theme-color);
}
.flightRoute .ttBlock > .ttItem .stops.haveStop::before{
    background-color: var(--theme-color2);
}
.flightRoute .ttBlock > .ttItem .stops > span{
    font-size: 10px;
    text-align: center;
    text-transform: capitalize;
}

.flightFare{
    width: 100px;
    display: flex;
    flex-wrap: wrap;
    text-align: right;
    justify-content: center;
    flex-direction: column;
}
.flightFare > *{
    width: 100%;
}
.flightFare .extraDiv ul{
    display: flex;
    justify-content: flex-end
}
.flightFare .extraDiv ul li {
    font-size: 11px;
    display: flex;
    align-items: center;
    margin: 0 0 2px 5px;
}
.flightFare .extraDiv ul li .material-symbols-outlined{
    font-size: 17px;
}

.flightFare > .price{
    text-transform: uppercase;
    font-weight: var(--fw-medium);
    font-size: 14px;
}
/* Round Trip Ends */

/* Combined Trip */
.combinTrip{
    width: 100%;
}
.combinTrip > .inner{
    margin: 5px;
}
.combinTrip .flightCard{
    width: 100%;
    border: 1px solid var(--border-color2);
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    margin: 0 0 10px 0;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
}
.combinTrip .flightCard:last-child{
    margin: 0;
}
.combinTrip .flightCard:hover{
    border-color: var(--theme-secondary-color);
    box-shadow: 0px 22px 20px -30px #0a266f;
}

.combinTrip .flightCard > .ttBlock{
    display: flex;
    flex-wrap: wrap;
}
.combinTrip .flightCard > .ttBlock:first-child{
    position: relative;
}
.combinTrip .flightCard > .ttBlock:first-child::before{
    content: '';
    position: absolute;
    width: 1px;
    height: 90%;
    border: 1px dashed var(--border-color);
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.combinTrip .flightCard > .ttBlock:first-child > .ttItem{
    width: calc(100% / 2);
    padding: 10px;
}
.combinTrip .flightCard > .ttBlock:first-child > .ttItem .ttTop{
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--border-color);
    padding: 0 0 10px 0;
    margin: 0 0 5px;
}
.combinTrip .flightCard > .ttBlock:first-child > .ttItem .ttTop > div:not(.imgBox){
    width: calc(100% - 40px);
    padding: 0 0 0 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.combinTrip .flightCard > .ttBlock:first-child > .ttItem .ttTop > div:not(.imgBox) > .airlineName{
    font-size: 14px;
    text-transform: capitalize;
    font-weight: var(--fw-medium);
    color: var(--gray222);
}
.combinTrip .flightCard > .ttBlock:first-child > .ttItem .ttTop > div:not(.imgBox) > .airlineNo{
    font-size: 12px;
    color: var(--gray777);
}

.combinTrip .flightCard > .ttBlock:first-child > .ttItem .ttBtm{
    display: flex;
}
.combinTrip .flightCard > .ttBlock:first-child > .ttItem .ttBtm .flightRoute{
    width: calc(100% - 100px);
}
.combinTrip .flightCard > .ttBlock:first-child > .ttItem .ttBtm .flightRoute .ttBlock{
    width: 100%;
}
.combinTrip .flightCard > .ttBlock:first-child > .ttItem .ttBtm .flightFare{
    width: 100px;
}

.combinTrip .flightCard > .ttBlock .imgBox{
    width: 40px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    overflow: hidden;
    border: 1px solid var(--border-color);
    padding: 5px;
}
.combinTrip .flightCard > .ttBlock .imgBox > img{
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
}

.combinTrip .flightCard .radioFltList  label{
    display: flex;
    position: relative;
    cursor: pointer;
    border-bottom: 1px dashed var(--border-color2);
    margin: 0 0 5px;
    padding: 0 0 5px;
}
.combinTrip .flightCard .radioFltList  > div:last-child label{
    border: none;
    margin: 0;
    padding: 0;
}
.combinTrip .flightCard .radioFltList label > input[type="radio"]{
    display: none;
}
.combinTrip .flightCard .radioFltList label > input[type="radio"] + span {
    position: absolute;
    width: 20px;
    height: 20px;
    border: 1px solid var(--border-color);
    display: block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    right: 0;
    top: 10px;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
}
.combinTrip .flightCard .radioFltList label > input[type="radio"]:checked + span {
    border: 2px solid var(--theme-color);
}
.combinTrip .flightCard .radioFltList label > input[type="radio"] + span::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: var(--theme-color);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    -moz-transform: translate(-50%, -50%) scale(0.5);
    -ms-transform: translate(-50%, -50%) scale(0.5);
    -o-transform: translate(-50%, -50%) scale(0.5);
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
    opacity: 0;
    visibility: hidden;
}
.combinTrip .flightCard .radioFltList label > input[type="radio"]:checked + span::before {
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    visibility: visible;
}

.combinTrip .flightCard .radioFltList label .flightFare{
    padding: 30px 0 0 0;
}

.combinTrip .flightCard .flightRoute{
    padding: 0;
}

.combinTrip .flightCard > .ttBlock:last-child{
    border-top: 1px solid var(--border-color);
    padding: 10px;
}
.combinTrip .flightCard > .ttBlock:last-child > .ttItem{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}
.combinTrip .flightCard > .ttBlock:last-child > .ttItem .fltDtl{
    font-size: 13px;
    text-transform: capitalize;
    color: var(--gray666);
    margin: 0 auto 0 0;
    cursor: pointer;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.combinTrip .flightCard > .ttBlock:last-child > .ttItem .fltDtl:hover{
    color: var(--theme-color);
}
.combinTrip .flightCard > .ttBlock:last-child > .ttItem > div{
    margin: 0 15px 0 0;
    text-align: center;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.combinTrip .flightCard > .ttBlock:last-child > .ttItem > div .cancelStatus{
    margin: 0 30px 0 0;
}
.combinTrip .flightCard > .ttBlock:last-child > .ttItem .price{
    font-weight: var(--fw-semibold);
    text-transform: uppercase;
    font-size: 17px;
} 
.combinTrip .flightCard > .ttBlock:last-child > .ttItem .btn{
    font-size: 12px;
    padding: 0 15px;
}
/* Combined Trip Ends */

/* Round Trip Price */
.rndTrpPriWrap{
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: var(--white);
    z-index: 20;
    padding: 10px 0;
    box-shadow: 0 0 10px 0px rgb(240, 240, 240);
}
.rndTrpPriWrap .inner{
    display: flex;
}
.rndTrpPriWrap .inner .ttLt{
    width: calc(100% - 200px);
}
.rndTrpPriWrap .inner .ttLt > .ttBlock{
    display: flex;
    width: 100%;
    margin: 0 -15px;
}
.rndTrpPriWrap .inner .ttLt > .ttBlock > *{
    width: 50%;
    padding: 0 15px;
    border-right: 1px solid var(--border-color);
    position: relative;
}
.rndTrpPriWrap .inner .ttLt > .ttBlock > * > span.title{
    background-color: var(--light-bg2);
    border: 1px dashed var(--theme-color);
    letter-spacing: 1px;
    font-size: 13px;
    display: inline;
    width: max-content;
    padding: 3px 10px;
    color: #576da6;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    margin: 0 0 5px;
    position: absolute;
    right: 10px;
    top: -24px;
    text-transform: uppercase;
}
.rndTrpPriWrap .inner .ttLt > .ttBlock .ttTop{
    display: flex;
    align-items: center;
}
.rndTrpPriWrap .inner .ttLt > .ttBlock .ttTop > div:not(.imgBox){
    display: flex;
    align-items: center;
    padding: 0 0 0 10px;
}
.rndTrpPriWrap .inner .ttLt > .ttBlock .ttTop > div:not(.imgBox) .airlineName{
    font-size: 14px;
    text-transform: capitalize;
    font-weight: var(--fw-medium);
    color: var(--gray222);
    position: relative;
    padding: 0 10px 0 0;
}
.rndTrpPriWrap .inner .ttLt > .ttBlock .ttTop > div:not(.imgBox) .airlineName::before{
    content: '';
    position: absolute;
    width: 1px;
    height: 70%;
    background-color: var(--border-color);
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.rndTrpPriWrap .inner .ttLt > .ttBlock .ttTop > div:not(.imgBox) .airlineNo{
    font-size: 12px;
    color: var(--gray777);
}
.rndTrpPriWrap .inner .ttLt > .ttBlock .imgBox{
    width: 40px;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    overflow: hidden;
    margin: 0 0 5px 0;
    border: 1px solid var(--border-color);
    padding: 5px;
}
.rndTrpPriWrap .inner .ttLt > .ttBlock .imgBox img{
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
}

.rndTrpPriWrap .inner .ttLt > .ttBlock .ttBtm{
    display: flex;
}
.rndTrpPriWrap .inner .ttLt > .ttBlock .ttBtm .flightRoute{
    width: 70%;
    padding: 0;
}
.rndTrpPriWrap .inner .ttLt > .ttBlock .ttBtm .flightFare{
    width: 30%;
    text-align: right;
}
.rndTrpPriWrap .flightRoute > .ttBlock{
    width: 100%;
}

.rndTrpPriWrap .inner .ttRt{
    width: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.rndTrpPriWrap .inner .ttRt .flightFare{
    text-align: center;
}
.rndTrpPriWrap .inner .ttRt .btn{
    font-size: 12px;
    padding: 0 15px;
    margin: 5px 0;
}
.rndTrpPriWrap .inner .ttRt .fltDtl{
    font-size: 13px;
    text-transform: capitalize;
    color: var(--gray666);
    cursor: pointer;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.rndTrpPriWrap .inner .ttRt .fltDtl:hover{
    color: var(--theme-color);
}
/* Round Trip Price Ends */

/* Flight Booking */
.cart-page.flight-booking main{
    padding: 130px 0 0 0;
}
.flight-booking .card.tripSummary .card-body > div{
    margin: 0 0 15px;
}
.flight-booking .card.tripSummary .card-body > div:last-child{
    margin: 0;
}
.flight-booking .card.tripSummary .card-body .titleBar{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    padding: 35px 0 10px;
    margin: 0 0 10px;
    border-bottom: 1px solid var(--border-color);
}
.flight-booking .card.tripSummary .card-body .titleBar > i{
    background-color: var(--light-bg2);
    border: 1px dashed var(--theme-color);
    letter-spacing: 1px;
    font-size: 12px;
    display: inline;
    width: max-content;
    padding: 3px 10px;
    color: #576da6;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    position: absolute;
    top: 0;
    left: 0;
    text-transform: uppercase;
}
.flight-booking .card.tripSummary .card-body .titleBar > div{
    margin: 0 auto 0 0;
}
.flight-booking .card.tripSummary .card-body .titleBar .mainTitle{
    font-size: 20px;
    font-family: var(--secondary-font);
    display: flex;
    align-items: center;
    font-weight: var(--fw-medium);
}
.flight-booking .card.tripSummary .card-body .titleBar .mainTitle .material-symbols-rounded{
    font-size: 20px;
    margin: 0 10px;
    color: var(--gray888);
    font-weight: 300;
}
.flight-booking .card.tripSummary .card-body .titleBar > div ul{
    display: flex;
    flex-wrap: wrap;
    margin: 3px 0 0 0;
}
.flight-booking .card.tripSummary .card-body .titleBar > div ul li{
    margin: 0 7px 0 0;
    font-size: 13px;
    color: var(--gray777);
    position: relative;
}
.flight-booking .card.tripSummary .card-body .titleBar > div ul li::after{
    content: ',';
}
.flight-booking .card.tripSummary .card-body .titleBar > div ul li:last-child::after{
    display: none;
}
.refund,
.flight-booking .card.tripSummary .card-body .titleBar .refund{
    font-size: 12px;
    text-transform: capitalize;
    margin: 0 10px 0 0;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px 10px;
} 
.refund.partial,
.flight-booking .card.tripSummary .card-body .titleBar .refund.partial{
    color: #298a69;
    background-color: #e6fff6;
}
.refund.full,
.flight-booking .card.tripSummary .card-body .titleBar .refund.full{
    color: #cc4848;
    background-color: #fff3f3;
}
.flight-booking .card.tripSummary .card-body .titleBar .fltDtl{
    font-size: 13px;
    text-transform: capitalize;
    color: var(--gray666);
    cursor: pointer;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    position: relative;
}
.flight-booking .card.tripSummary .card-body .titleBar .fltDtl:hover{
    color: var(--theme-color);
}

.flight-booking .flightCard > .inner{
    align-items: center;
}
.flight-booking .flightCard > .inner .ttMdl{
    width: calc(100% - 15%);
}
.flight-booking .flightCard > .inner .ttLt .imgBox{
    width: 60px;
}
.flight-booking .flightCard > .inner .ttMdl .ttBlock{
    width: 100%;
    justify-content: space-between;
}

.flight-booking .flightCard > .inner .ttMdl .ttBlock .ttItem:first-child,
.flight-booking .flightCard > .inner .ttMdl .ttBlock .ttItem:last-child,
.flight-booking .flightCard > .inner .ttMdl .ttBlock .ttItem:nth-child(2){
    width: 200px;
    margin: 0;
}
.flight-booking .flightCard > .inner .ttMdl .ttBlock .ttItem:first-child,
.flight-booking .flightCard > .inner .ttMdl .ttBlock .ttItem:last-child{
    width: 20%;
    max-width: 40%;
}
.flight-booking .flightCard > .inner .ttMdl .ttBlock .ttItem:last-child{
    text-align: right;
}
.flight-booking .card.tripSummary .card-body .extraValue{
    width: 100%;
    background-color: var(--light-bg);
    padding: 5px;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    margin: 7px 0 0 0;
}
.flight-booking .card.tripSummary .card-body .extraValue > ul{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.flight-booking .card.tripSummary .card-body .extraValue > ul > li{
    font-size: 12px;
    padding: 0 15px;
    position: relative;
    color: var(--gray666);
}
.flight-booking .card.tripSummary .card-body .extraValue > ul > li::after{
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 1px;
    height: 100%;
    background-color: var(--theme-color);
    opacity: 0.5;
}
.flight-booking .card.tripSummary .card-body .extraValue > ul > li:last-child::after{
    display: none;
}
.flight-booking .card.tripSummary .card-body .extraValue > ul > li span{
    font-weight: var(--fw-medium);
    color: var(--theme-black);
}

.flight-booking #fltDtlFull .flightCard > .inner .ttMdl .ttBlock .ttItem:nth-child(2){
    width: 200px;
}

.flight-booking .travellerCard .accordion-item{
    overflow: visible;
}
.flight-booking .travellerCard .accordion-item > .accordion-header .accordion-button{
    padding: 15px 0 15px 15px;
    color: var(--gray888);
    background-color: transparent;
    font-size: 14px;
    line-height: 1.4;
}
.flight-booking .travellerCard .accordion-item > .accordion-header .accordion-button:not(.collapsed){
    color: var(--theme-color2);
}
.flight-booking .travellerCard .accordion-item > .accordion-header .accordion-button i{
    margin: 0 0 0 2px;
    font-weight: var(--fw-medium);
}

.flight-booking .fltTrvlrWrap .ttItem{
    margin: 0 -10px 20px -10px;
    padding: 0 0 10px;
    border-bottom: 1px dashed var(--border-color);
    display: flex;
    align-items: flex-start;
    position: relative;
}
.flight-booking .fltTrvlrWrap .ttItem:last-child{
    margin-bottom: 0;
    padding: 0;
    border: none;
}
.flight-booking .fltTrvlrWrap .ttItem > *{
    padding: 0 10px;
}
.flight-booking .fltTrvlrWrap .ttItem > .ttLt{
    position: sticky;
    top: 110px;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-size: 12px;
    color: var(--gray999);
    line-height: 1.5;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    margin: 5px 0 0 0;
    width: 80px;
}
.flight-booking .fltTrvlrWrap .ttItem > .ttLt > span{
    width: 100%;
    font-weight: var(--fw-medium);
    background-color: var(--theme-color2);
    font-size: 15px;
    color: var(--white);
    padding: 10px 0;
    margin: 2px 0 0 0;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    line-height: 1;
}
.flight-booking .fltTrvlrWrap .ttItem > .ttLt > b{
    font-weight: var(--fw-medium);
    margin: 5px 0 0 0;
    color: var(--theme-black);
} 
.flight-booking .accordion-collapse.collapsing .fltTrvlrWrap .ttItem > .ttLt,
.flight-booking .accordion-collapse.collapse:not(.show) .fltTrvlrWrap .ttItem > .ttLt{
    top: 0;
}

.flight-booking .fltTrvlrWrap .ttItem > .ttRt{
    width: calc(100% - 80px);
}

.card.insuranceCard ul.listStyle{
    margin: 0 0 10px;
}
.card.insuranceCard ul.listStyle li{
    width: 33.33%;
}
.card.insuranceCard ul.listStyle li > span{
    color: var(--theme-color);
    cursor: pointer;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
}
.card.insuranceCard ul.listStyle li > span:hover{
    color: var(--theme-color2);
}

.form-switch{
    position: relative;
    height: 25px;
    display: flex;
    align-items: center;
    padding: 0 0 0 50px;
}
.form-switch .form-check-input{
    width: 40px;
    height: 25px;
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
    border-color: var(--theme-color);
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    cursor: pointer;
}
.form-switch .form-check-input:focus{
    box-shadow: none;
}
.form-switch .form-check-input:checked{
    background-color: var(--theme-color2);
    border-color: var(--theme-color2);
}
.form-switch .form-check-label{
    font-size: 15px;
    text-transform: capitalize;
}
.form-switch .form-check-input:checked ~ .form-check-label,
.form-switch .form-check-input:checked ~ .price{
    color: var(--theme-color2);
    cursor: pointer;
}

.card.insuranceCard .card-body .price{
    font-size: 17px;
    font-weight: var(--fw-medium);
    margin: 0 0 0 auto;
}

.existUser{
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 12px 0;
    border-bottom: 1px dashed var(--border-color2);
    padding: 0 0 7px;
}
.existUser > li{
    padding: 0 10px 0 0;
    margin: 0 10px 7px 0;
    font-size: 12px;
    position: relative;
    cursor: pointer;
    text-transform: capitalize;
    color: var(--gray666);
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
    display: flex;
    align-items: center;
}
.existUser > li:hover{
    color: var(--theme-color2)
}
.existUser > li::after{
    content: '';
    position: absolute;
    width: 1px;
    height: 70%;
    background-color: var(--border-color2);
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.existUser > li:first-child{
    padding-left: 0;
}
.existUser > li:last-child{
    padding-right: 0;
}
.existUser > li:last-child::after{
    display: none;
}

.existUser > li > span{
    background-color: var(--theme-black);
    padding: 3px 5px 2px 5px;
    display: inline-block;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    color: var(--white);
    font-size: 10px;
    margin: 0 0 0 5px;
}

.addOnCardWrap .ttBlock{
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}
.addOnCardWrap .ttBlock > .ttItem{
    width: calc(100% / 4);
    padding: 10px;
}
.addOnCard > .in{
    display: flex;
    align-items: center;
    border: 1px solid var(--border-color);
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
    overflow: hidden;
    position: relative;
}
.addOnCard > .in:hover{
    border-color: var(--theme-color2);
}
.addOnCard > .in .icon{
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.addOnCard > .in .icon > .material-symbols-rounded{
    font-size: 29px;
    color: var(--gray555);
    font-weight: 300;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
}
.addOnCard > .in:hover .icon > .material-symbols-rounded{
    color: var(--theme-color2);
}
.addOnCard > .in .cntSec{
    width: calc(100% - 50px);
    font-size: 13px;
    font-weight: var(--fw-regular);
    color: var(--gray888);
    text-transform: capitalize;
    padding: 0 0 0 5px;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
}
.addOnCard > .in:hover .cntSec{
    color: var(--theme-color2);
}
.addOnCard.added > .in{
    position: relative;
}
.addOnCard.added > .in::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--theme-color);
    left: 0;
    top: 0;
    opacity: 0.2;
}
.addOnCard.added > .in{
    border-color: var(--theme-color);
}
/* Flight Booking Ends */

/* Fare Summary */
.card.priceCard .accordion{
    margin: 0 0 10px;
}
.card.priceCard .accordion-item > .accordion-header .accordion-button{
    padding: 5px 0 7px 20px;
    font-size: 13px;
    color: var(--gray666);
    display: flex;
    justify-content: space-between;
}
.card.priceCard .accordion-item > .accordion-header .accordion-button > i{
    color: var(--gray333);
}
.card.priceCard .accordion-item,
.card.priceCard .accordion-item:not(:first-of-type){
    border: none;
    border-bottom: 1px solid var(--border-color);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.card.priceCard .accordion-body{
    padding: 5px 0 3px 0;
}
.card.priceCard .accordion-body ul{
    display: flex;
    flex-wrap: wrap;
}
.card.priceCard .accordion-body ul li{
    font-size: 13px;
    width: 100%;
    color: var(--gray666);
    padding: 0 0 0 20px;
    margin: 0 0 5px;
    position: relative;
    display: flex;
    align-items: center;
}
.card.priceCard .accordion-body ul li::before{
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border: 1px solid var(--theme-black);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    left: 6px;
    top: 8px;
}
.card.priceCard .accordion-body ul li span{
    color: var(--gray333);
    font-size: 12px;
    margin: 0 0 0 5px;
}
.card.priceCard .accordion-body ul li i{
    margin: 0 0 0 auto;
}

.card.priceCard .accordion-button > span{
    right: auto;
    left: 0;
    width: 10px;
    height: 10px;
    transform: none;
    top: 7px;
}
.card.priceCard .accordion-button > span::after{
    width: 2px;
}
.card.priceCard .accordion-button > span::before{
    height: 2px;
}

.card.priceCard .totalAmount{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    color: var(--gray666);
}
.card.priceCard .totalAmount > span{
    font-size: 20px;
    font-weight: var(--fw-medium);
    color: var(--gray222);
}
/* Fare Summary Ends */

/* Hotel */
.sugLocationList  li{
    padding: 0 120px 0 35px;
    margin: 0 0 20px;
    position: relative;
}
.sugLocationList li > span.material-symbols-rounded{
    position: absolute;
    left: 0;
    font-weight: 300;
    font-size: 25px;
    color: var(--theme-color2);
    font-variation-settings: 'FILL' 0;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
}
.sugLocationList li:hover > span.material-symbols-rounded{
    font-variation-settings: 'FILL' 1;
}
.sugLocationList li .location-name{
    font-size: 15px;
    font-weight: var(--fw-medium);
    text-transform: uppercase;
    margin: 0 0 4px;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
}
.sugLocationList li:hover .location-name{
    color: var(--theme-color);
}
.sugLocationList li .location-full{
    font-size: 12px;
    color: var(--gray777);
    line-height: 1.7;
}
.sugLocationList li .location-full .location-type{
    background-color: var(--light-bg3);
    color: #6d7dae;
    padding: 3px 7px;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    text-transform: uppercase;
    margin: 0 5px 0 0;
    font-size: 11px;
}
.sugLocationList li .location-code{
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    display: flex;
    align-items: center;
    font-size: 12px;
    text-transform: uppercase;
    color: var(--gray666);
}
.sugLocationList li .location-code .iti__flag{
    order: 2;
    transform: scale(1.4);
    margin: 0 0 0 10px;
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
}

.HotelListLayout .headerWrap,
.eSimListLayout .headerWrap{
    box-shadow: none;
    background-color: transparent;
}
.HotelListLayout .headerWrap.sticky,
.eSimListLayout .headerWrap.sticky{
    box-shadow: 0 -140px 140px 70px rgba(9, 21, 54, 0.271);
    background-color: var(--white);
}

.paxDtlBox .inner .roomWrap{
    flex-wrap: wrap;
}
.paxDtlBox .inner .roomWrap .childAge{
    margin: 15px -5px -5px -5px;
    width: auto;
    display: flex;
    flex-wrap: wrap;
}
.paxDtlBox .inner .roomWrap .childAge > *{
    padding: 5px;
    width: 50%;
}
.paxDtlBox .inner .roomWrap .childAge .form-select{
    border: 1px solid var(--border-color);
}
.paxDtlBox .childAge .number{
    justify-content: flex-start
}

.paxDtlBox .accordion-item > .accordion-header .accordion-button{
    padding: 15px 0 15px 15px;
    text-transform: uppercase;
    font-size: 14px;
    color: var(--gray555);
}
.paxDtlBox .accordion-item > .accordion-header .accordion-button b{
    font-weight: var(--fw-regular);
    margin: 0 0 0 5px;
}
.paxDtlBox .accordion-item > .accordion-header .btnWrap{
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--red);
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
    z-index: 4;
    cursor: pointer;
}
.paxDtlBox .accordion-item > .accordion-header .btnWrap:hover{
    background-color: var(--black);
}
.paxDtlBox .accordion-item > .accordion-header .btnWrap .material-symbols-rounded{
    font-size: 20px;
    font-weight: 300;
    color: var(--white);
}
.paxDtlBox .accordion-body{
    padding: 10px;
}

.htlSrchForm .paxDtlBox .seatClass{
    margin-bottom: 0;
}
.htlSrchForm .paxDtlBox .seatClass .btn > .material-symbols-rounded{
    margin: 0 0 0 3px;
    font-size: 20px;
    font-weight: 300;
}
.fltSrchForm.htlSrchForm .ttBlock > .ttItem.parentDivForLocations{
    width: 40%;
}
.fltSrchForm.htlSrchForm .ttBlock > .ttItem.dateView{
    width: 35%;
    display: flex;
    align-items: center;
}
.fltSrchForm.htlSrchForm .ttBlock > .ttItem.dateView > *{
    width: calc(100% / 3);
    position: relative;
}
.fltSrchForm.htlSrchForm .nightCount > div{
    display: flex;
    flex-direction: column;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: 70px;
    height: 70px;
    background: var(--light-bg);
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
    color: #a0abc8;
}
.fltSrchForm.htlSrchForm .nightCount > div > span{
    font-size: 18px;
    font-weight: 500;
    letter-spacing: normal;
    color: #51618f;
}

.star-rating{
    width: max-content;
    position: relative;
    line-height: 1;
    margin: 0 0 10px;
    display: block;
}
.star-rating::before,
.star-rating > span::before{
    content: '\e838\e838\e838\e838\e838';
    position: absolute;
    font-family: var(--g-font);
    color: var(--theme-color2);
    font-size: 14px;
    letter-spacing: 1px;
    font-variation-settings: 'FILL' 0;
    font-weight: 100;
    opacity: 0.2;
}
.star-rating > span{
    display: block;
    overflow: hidden;
    white-space: nowrap;
}
.star-rating > span::before{
    position: relative;
    opacity: 1;
}
/* Hotel Ends */

/* Line Loader */
.loader-line {
    width: 200px;
    height: 3px;
    position: relative;
    overflow: hidden;
    background-color: var(--light-bg2);
    margin: 50px auto;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.loader-line:before {
    content: "";
    position: absolute;
    left: -50%;
    height: 3px;
    width: 40%;
    background-color: var(--theme-color);
    -webkit-animation: lineAnim 1s linear infinite;
    -moz-animation: lineAnim 1s linear infinite;
    animation: lineAnim 1s linear infinite;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

@keyframes lineAnim {
    0% {
        left: -40%;
    }
    50% {
        left: 20%;
        width: 80%;
    }
    100% {
        left: 100%;
        width: 100%;
    }
}
/* Line Loader Ends */

/* Register Card */
.registerCard{
    padding: 90px 40px 10px 280px;
    margin: 0 0 40px 0;
    position: relative;
    display: none;
    align-items: center;
}
.registerCard::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 70%;
    left: 0;
    bottom: 0;
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
    background-color: var(--light-bg2);
}
.registerCard > *{
    position: relative;
}
.registerCard > img{
    width: 230px;
    position: absolute;
    left: 30px;
    bottom: 0;
    z-index: 1;
}
.registerCard > p{
    display: flex;
    flex-direction: column;
    line-height: 1.5;
    color: var(--gray777);
    width: calc(100% - 130px);
    font-weight: var(--fw-regular);
    margin: 0 0 10px;
}
.registerCard > p b{
    font-size: 30px;
    color: var(--theme-color2);
    font-weight: var(--fw-semibold);
}
.registerCard > a{
    display: block;
    text-transform: capitalize;
    color: var(--theme-black);
    text-align: center;
    position: relative;
    font-size: 17px;
    margin: 0 0 25px;
    white-space: nowrap;
}
.registerCard > a::before,
.registerCard > a::after{
    content: '';
    position: absolute;
    border: 1px solid var(--theme-color);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.registerCard > a::before{    
    width: 60px;
    height: 60px;    
    opacity: 0.1;
    background-color: var(--theme-color);
    border: none;
}
.registerCard > a:hover::before{    
    width: 40px;
    height: 40px;  
}
.registerCard > a::after{    
    width: 80px;
    height: 80px;    
    opacity: 0.5;
}
.registerCard > a:hover::after{    
    width: 90px;
    height: 90px;  
}
.wave-wrapper{
	position: absolute;
	height: 100%;
	width: 70%;
	overflow: hidden;
    left: 0;
    bottom: 0;
    border-bottom-left-radius: var(--large-radius);
}
.wave{
	position: absolute;
	top: 70%;
	left: -50%;
	width: 48rem;
	height: 48rem;
	background-color: var(--theme-color);
	border-radius: 35%;
	animation-name: waves;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
    opacity: 0.5;
	&.one{
		animation-duration: 7000ms;
		opacity: 0.4;
	}

	&.two{
        opacity: 0.1;
		animation-duration: 9000ms;
	}
	
	&.three{
		animation-duration: 12000ms;
	}
}

@keyframes waves{
  0%{
    transform: rotate(0deg);
  }
  100%{
    transform: rotate(360deg);
  }
}
/* Register Card Ends */

/* Maintaines */
.maintainesWrap{
    max-width: 768px;
    margin: 100px auto;
}
.maintainesWrap .imgBox{
    margin: 0 0 30px;
}
.maintainesWrap .mainTitle{
    text-align: center;
    text-transform: uppercase;
    font-family: var(--secondary-font);
    font-weight: var(--fw-regular);
    font-size: 20px;
    letter-spacing: 2px;
    color: var(--theme-black);
    animation: blinker .25s infinite;
    -webkit-animation: blinker .25s infinite;
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@-o-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
/* Maintaines Ends */

/* Hotel Booking Page */
.bookHotelCard .ttBlock:first-child{
    display: flex;
    flex-wrap: wrap;
}
.bookHotelCard .ttBlock:first-child .ttItem:first-child{
    width: 250px;
}
.bookHotelCard .ttBlock:first-child .ttItem:last-child{
    width: calc(100% - 250px);
    padding: 0 0 0 20px;
}
.bookHotelCard .mainTitle{
    font-size: 24px;
    margin: 0 0 5px;
    color: var(--theme-color);
}
.bookHotelCard a.mainTitle{
    color: var(--theme-color);
}
.bookHotelCard a.mainTitle:hover{
    color: var(--theme-color2);
}
.bookHotelCard .star-rating{
    margin: 0 0 10px;
}
.bookHotelCard .star-rating::before, 
.bookHotelCard .star-rating > span::before{
    font-size: 18px;
}
.bookHotelCard .ttBlock:first-child .ttItem:last-child > p{
    padding: 5px 0 0 25px;
    position: relative;
    font-size: 13px;
    color: var(--gray777);
    line-height: 1.4;
}
.bookHotelCard .ttBlock:first-child .ttItem:last-child > p .material-symbols-rounded{
    position: absolute;
    left: -2px;
    top: 2px;
    color: var(--gray999);
    font-weight: 300;
}
.hotelEnterCard{
    width: 100%;
}
.hotelEnterCard > ul{
    display: flex;
    border-top: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
}
.hotelEnterCard > ul > li{
    padding: 5px 10px 10px 10px;
    text-align: center;
    border-left: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}
.hotelEnterCard > ul > li:first-child,
.hotelEnterCard > ul > li:last-child{
    width: 40%;
}
.hotelEnterCard > ul > li:nth-child(2){
    width: 20%;
}
.hotelEnterCard > ul > li span{
    text-transform: uppercase;
    font-size: 12px;
    color: var(--gray888)
}
.hotelEnterCard > ul > li p{
    padding: 0;
    line-height: 1.4;
    font-size: 14px;
    color: var(--gray222);
    margin: 0;
    text-transform: capitalize;
    font-weight: var(--fw-medium);
}
.hotelEnterCard span.refund{
    display: inline-block;
    margin: 7px 0 0 0;
}
.bookHotelCard .roomImgWrap{
    margin: 0;
    height: 100%;
}

.bookRoomCardWrap{
    width: 100%;
}
.bookRoomCardWrap .in{
    margin: -10px;
    display: flex;
    align-items: center;
}
.bookRoomCardWrap .in > *{
    padding: 10px;
}
.bookRoomCardWrap .in > .ttLt{
    width: calc(100% - 200px);
    border-right: 1px dashed var(--border-color);
}
.bookRoomCardWrap .in > .ttRt{
    width: 200px;
    padding: 0 0 0 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.bookRoomCard {
    position: relative;
    padding: 15px 0 15px 50px;
    margin: 0 0 15px;
    border-bottom: 1px dashed var(--border-color);
}
.bookRoomCard:last-child{
    border: none;
    margin: 0;
}
.bookRoomCard .in{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -7px;
}
.bookRoomCard .in > .material-symbols-rounded{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    color: var(--white);
    left: 0;
    width: 40px;
    height: calc(100% - 30px);
    background-color: var(--theme-color);
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    font-weight: 300;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
}
.bookRoomCard:hover .in > .material-symbols-rounded{
    background-color: var(--theme-color2);
}
.bookRoomCard .in > *{
    padding: 0 7px;
    font-size: 12px;
    width: 50%;
}
.bookRoomCard .roomDtl .mainTitle{
    font-size: 15px;
    font-weight: var(--fw-medium);
    margin: 0 0 10px;
    display: block;
    line-height: 1.3;
}
.bookRoomCard .roomDtl p{
    font-size: 12px;
    background-color: #e0ffec;
    padding: 2px 7px;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    margin: 0 0 0 0;
    color: #175e33;
    line-height: 1.3;
    width: max-content;
}
.bookRoomCard .paxCount{
    text-align: right;
    color: var(--gray777);
    font-size: 14px;
}
.bookRoomCard .paxCount > span{
    font-weight: var(--fw-medium);
    color: var(--theme-color2);
    
}
.bookRoomCard .info{
    width: 100%;
    margin: 10px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    border-top: 1px dashed var(--border-color2);
    padding: 15px 0 15px 10px;
}
.radioHtlRoomCard .htlRoomCard .RoomsLooper{
    width: 33.33%;
}
.radioHtlRoomCard .htlRoomCard .roomType > .info span,
.radioHtlRoomCard .htlRoomCard > .policy > span:not(.refund),
.bookRoomCard .info span,
.bookRoomCardWrap .in > .ttRt span:not(.refund),
.radioHtlRoomCard .htlRoomCard .roomType > .info span,
.htlRoomCardWrap > .ttRt > span,
.esimCard .in .ttMdl .info span {
    font-size: 12px;
    cursor: pointer;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
    position: relative;
    padding: 3px 10px 2px 20px;
    color: var(--gray777);
    line-height: 1;
    font-weight: var(--fw-regular);
}
.radioHtlRoomCard .htlRoomCard > .policy > span:not(.refund)::before,
.bookRoomCard .info span::before,
.bookRoomCardWrap .in > .ttRt span:not(.refund)::before,
.radioHtlRoomCard .htlRoomCard .roomType > .info span::before,
.htlRoomCardWrap > .ttRt > span::before,
.esimCard .in .ttMdl .info span::before{
    content: '';
    position: absolute;
    width: 17px;
    height: 17px;
    background-image: url(../images/info.svg);
    left: 0;
    top: 1px;
    background-size: 100%;
}
.bookRoomCard .info span:hover,
.bookRoomCardWrap .in > .ttRt span:not(.refund):hover,
.radioHtlRoomCard .htlRoomCard > .policy > span:not(.refund):hover,
.radioHtlRoomCard .htlRoomCard .roomType > .info span:hover,
.htlRoomCardWrap > .ttRt > span:hover,
.esimCard .in .ttMdl .info span:hover{
    color: var(--theme-black);
}
.radioHtlRoomCard .htlRoomCard .roomType > .info span{
    margin: 3px 3px 3px 0;
}
.htlRoomCardWrap > .ttRt > span{
    margin-top: 10px;
}
.bookRoomCardWrap .in > .ttRt > *{
    margin: 7px 0;
}

.table.tableCancel{
    font-size: 14px;
}
.table.tableCancel thead tr th{
    font-weight: var(--fw-medium);
    text-transform: capitalize;
}
.table.tableCancel tbody tr td{
    font-size: 12px;
    color: var(--gray777);
}
.table.tableCancel tbody tr.green td{
    background-color: #3e9376;
    border-color: #5cbf9d;
    color: var(--white);
}
.table.tableCancel tbody tr.red td{
    background-color: #d03f3f;
    border-color: #ec6c6c;
    color: var(--white);
}
.flight-booking.hotel-booking .travellerCard .accordion-item > .accordion-header .accordion-button i{
    margin: 0 0 0 auto;
    padding: 0 40px 0 0;
    font-weight: var(--fw-medium);
    font-size: 14px;
    width: 350px;
    text-align: right;
}
/* Hotel Booking Page Ends */

/* Bootstrap Datepicker */
.datepicker table tr td span.focused, 
.datepicker table tr td span:hover{
    background-color: var(--theme-color);
    color: var(--white);
}
/* Bootstrap Datepicker Ends */

.timeRemain{
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    position: relative;
    margin: 0 0 15px; 
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.timeRemain > p{
    color: #5c79c8;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1;
    font-size: 12px;
    margin: 0;
    position: relative;
    z-index: 1;
    width: 120px;
    text-align: center;
}
.timeRemain > p > span{
    font-weight: var(--fw-semibold);
    font-size: 20px;
    text-transform: uppercase;
    display: block;
    margin: 7px 0 0 0;
    letter-spacing: 1px;
    color: var(--theme-color);
}

.timer{
    width: 150px;
    height: 150px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    background-color: #fbfcff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.timer::before{
    content: '';
    position: absolute;
    width: 130px;
    height: 130px;
    background-color: var(--light-bg2);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%0);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 4;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.hold {
    position: absolute;
    width: 100%;
    height: 100%;
    clip: rect(0px, 150px, 150px, 75px);
}

.dot span {
    background-color: var(--theme-color);
}

.dot {
    z-index: 2;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50%;
    height: 10px;
    margin-top: -5px;
    animation: dot 5s forwards infinite;
    -webkit-animation: dot 5s forwards infinite;
    transform-origin: 0% 50%;
}

.dot span {
    position: absolute;
    right: 0;
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

@keyframes dot {
    0% {
        -webkit-transform: rotate(-90deg);
    }
    100% {
        -webkit-transform: rotate(270deg);
    }
}
@-webkit-keyframes dot {
    0% {
        -webkit-transform: rotate(-90deg);
    }
    100% {
        -webkit-transform: rotate(270deg);
    }
}

/* Flight Ticket */
.card.tktCard{
    margin: 0 0 50px;
}
#cancelFltTktModal .card.tktCard{
    margin: 0;
    padding: 0;
    border: none;
}
.card.tktCard .card-header{
    display: flex;
    align-items: center;
    padding: 10px 0;
}
.card.tktCard .card-header .ttLt{
    margin: 0 auto 0 0;
    display: flex;
    flex-direction: column;
}
.card.tktCard .card-header span{
    color: var(--gray888);
}
.card.tktCard .card-header span > b{
    color: var(--theme-black);
    font-weight: var(--fw-semibold);
}
.card.tktCard .card-header .ttRt span{
    font-size: 20px;
    margin: 0 0 0 10px;
}

.card.tktCard .card-body{
    padding: 0 0 20px;
}
.card.tktCard .card-body > .box{
    margin: 0 0 20px;
}
.card.tktCard .card-body > .box:last-child{
    margin: 0;
}

.card.tktCard .card-body .box-body > div:not(.contentCMS){
    display: flex;
    align-items: flex-start;
    margin: 0 -15px;
    position: relative;
}
.card.tktCard .flightTrip{
    padding: 0 15px;
    position: sticky;
    top: 120px;
}

.card.tktCard .flightTrip,
.card.tktCard .flightTrip > .head{
    width: 100%;
}
.card.tktCard .flightTrip > .head{
    position: relative;
    padding: 25px 0 10px 50px;
    margin: 0 0 20px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--border-color);
}
.card.tktCard .flightTrip > .head > span.material-symbols-rounded{
    position: absolute;
    left: 0;
    top: 8px;
    font-size: 30px;
}
.card.tktCard .flightTrip > .head .ttBlock{
    display: flex;
    align-items: center;
    margin: 0 -10px;
}
.card.tktCard .flightTrip > .head .ttBlock > .ttItem{
    padding: 0 10px;
}
.card.tktCard .flightTrip > .head .ttBlock > .ttItem:first-child,
.card.tktCard .flightTrip > .head .ttBlock > .ttItem:last-child{
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    color: var(--gray888);
    font-size: 14px;
}
.card.tktCard .flightTrip > .head .ttBlock > .ttItem:first-child span,
.card.tktCard .flightTrip > .head .ttBlock > .ttItem:last-child span{
    font-weight: var(--fw-medium);
    font-size: 20px;
    color: var(--gray333);
}
.card.tktCard .flightTrip > .head .ttBlock > .ttItem .material-symbols-rounded{
    font-size: 17px;
    color: var(--gray777);
}
.card.tktCard .flightTrip > .head .flightCarrier{
    margin: 0 0 0 auto;
    display: flex;
}
.card.tktCard .flightTrip > .head .flightCarrier div:not(.imgBox){
    order: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 7px 0 0;
    text-align: right;
}
.card.tktCard .flightTrip > .head .flightCarrier div:not(.imgBox) .airlineName{
    font-size: 14px;
    text-transform: capitalize;
    margin: 0 0 3px;
    line-height: 1;
    color: var(--gray999);
}
.card.tktCard .flightTrip > .head .flightCarrier div:not(.imgBox) .airlineNo{
    font-size: 12px;
    color: var(--gray555);
}
.card.tktCard .flightTrip > .head .flightCarrier div.imgBox{
    order: 2;
    width: 40px;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    overflow: hidden;
    margin: 0 0 5px 0;
    border: 1px solid var(--border-color);
    padding: 5px;
}
.card.tktCard .flightTrip > .head .flightCarrier div.imgBox > img{
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
}
.card.tktCard .flightTrip > .head > span:not(.material-symbols-rounded){
    background-color: var(--light-bg2);
    border: 1px dashed var(--theme-color);
    letter-spacing: 1px;
    font-size: 10px;
    display: inline;
    width: max-content;
    padding: 3px 7px 1px 7px;
    color: #576da6;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    margin: 0 0 0 auto;
    text-transform: uppercase;
    position: absolute;
    top: 0;
}

.card.tktCard .flightTrip > .body .ttBlock .ttItem{
    width: calc(100% / 3);
    position: relative;
}
.card.tktCard .flightTrip > .body .ttBlock .ttItem:first-child,
.card.tktCard .flightTrip > .body .ttBlock .ttItem:last-child{
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}
.card.tktCard .flightTrip > .body .ttBlock .ttItem:last-child{
    text-align: right
}
.card.tktCard .flightTrip > .body .ttBlock .ttItem:first-child .fNameSht,
.card.tktCard .flightTrip > .body .ttBlock .ttItem:last-child .fNameSht{
    text-transform: uppercase;
    font-weight: var(--fw-medium);
    margin: 0 0 2px;
    font-size: 14px;
    color: var(--gray333);
}
.card.tktCard .flightTrip > .body .ttBlock .ttItem:first-child .fTime,
.card.tktCard .flightTrip > .body .ttBlock .ttItem:last-child .fTime{
    font-size: 20px;
    color: var(--black);
    margin: 0 0 5px;
    font-weight: var(--fw-semibold);
}
.card.tktCard .flightTrip > .body .ttBlock .ttItem:first-child .fdate,
.card.tktCard .flightTrip > .body .ttBlock .ttItem:last-child .fdate{
    font-size: 12px;
    color: var(--gray555);
    text-transform: capitalize;
    margin: 0 0 3px;
}
.card.tktCard .flightTrip > .body .ttBlock .ttItem:first-child .aptName,
.card.tktCard .flightTrip > .body .ttBlock .ttItem:last-child .aptName{
    font-size: 12px;
    color: var(--gray999);
    text-transform: capitalize;
}
.card.tktCard .flightTrip > .body .ttBlock .ttItem:nth-child(2) .line{
    width: 100%;
    height: 1px;
    background-color: var(--border-color);
    display: block;
}
.card.tktCard .flightTrip > .body .ttBlock .ttItem:nth-child(2) span.material-symbols-outlined{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 60px;
    height: 40px;
    background-color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gray999);
    font-weight: 100;
    font-size: 20px;
}
.card.tktCard .flightTrip > .body .ttBlock .ttItem:nth-child(2) span.material-symbols-outlined:first-child{
    left: 0;
}
.card.tktCard .flightTrip > .body .ttBlock .ttItem:nth-child(2) span.material-symbols-outlined:last-child{
    right: 0;
}

.card.tktCard .box > .box-head{
    display: flex;
}
.card.tktCard .box > .box-head .infoStatus{
    margin: 0 0 0 auto;
    text-transform: capitalize;
    font-size: 14px;
    color: var(--gray888);
}
.card.tktCard .box > .box-head .infoStatus > b{
    font-weight: var(--fw-semibold);
    text-transform: uppercase;
    background-color: var(--green);
    padding: 3px 7px;
    margin: 0 0 0 5px;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    color: #306855;
    letter-spacing: 0.4px;
}

.card.tktCard .card-body > .box ul.fareDetails{
    display: flex;
    flex-wrap: wrap;
}
.card.tktCard .card-body > .box ul.fareDetails > li{
    width: 100%;
    margin: 0 0 10px;
}
.card.tktCard .card-body > .box ul.fareDetails > li:last-child{
    margin: 0;
}
.card.tktCard .card-body > .box ul.fareDetails > li > span{
    display: inline-block;
    width: 33.33%;
    color: var(--gray888);
}
.card.tktCard .card-body > .box ul.fareDetails > li > b{
    font-weight: var(--fw-semibold);
    font-size: 15px;
    color: var(--gray555);
}
.card.tktCard .card-body > .box ul.fareDetails > li.totalPrice > b{
    color: var(--theme-color2);
    font-size: 20px;
}

.card.tktCard .card-footer{
    background-color: var(--white);
    padding: 20px 0 0 0;
}
.card.tktCard .card-footer .btnWrap{
    display: flex;
}
.card.tktCard .card-footer .btnWrap .btn:last-child{
    margin: 0 0 0 auto;
}
/* Flight Ticket Ends */

/* Hotel Ticket */
.ticketLayount .hotelEnterCard > ul > li{
    width: calc(100% / 4);
}
.ticketLayount .bookHotelCard .ttBlock:first-child{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    
}
/* Hotel Ticket Ends */

/* E Sim */
.eSimListLayout .shortBanner{
    position: relative;
    margin: 0 0 50px;
}
.eSimListLayout .shortBanner > .imgBox{
    position: absolute;
    opacity: 0.2;
    height: 100%;
    overflow: hidden;
}
.eSimListLayout .shortBanner > .imgBox > img{
    position: absolute;
    top: -20em;
}
.eSimListLayout .shortBanner .inner{
    align-items: center ;
    margin: 0 -20px;
}
.eSimListLayout .shortBanner .inner > *{
    padding: 0 20px;
    position: relative;
    z-index: 1;
}
.eSimListLayout .shortBanner .inner .ttLt{
    width: 40%;
}
.eSimListLayout .shortBanner .inner .ttRt{
    width: 60%;
}

.eSimListLayout .srchWrap{
    position: static;
}
.visaListLayout .srchWrap .row,
.eSimListLayout .srchWrap .row{
    margin-bottom: 20px;
}
.visaListLayout .srchWrap .form-label,
.eSimListLayout .srchWrap .form-label{
    font-size: 17px;
    color: var(--gray555);
    margin: 0 0 10px;
}
.visaListLayout .srchWrap .form-control,
.visaListLayout .srchWrap .form-select,
.eSimListLayout .srchWrap .form-control,
.eSimListLayout .srchWrap .form-select{
    height: 65px;
    padding: 0 30px;
    font-size: 17px;
}
.visaListLayout .srchWrap .form-select option,
.eSimListLayout .srchWrap .form-select option{
    font-size: 12px;
}
.visaListLayout .srchWrap .form-select,
.eSimListLayout .srchWrap .form-select{
    background-position: center right 20px;
    background-size: 30px;
}
.visaListLayout .srchWrap .btn,
.eSimListLayout .srchWrap .btn{
    height: 60px;
    padding: 0 30px;
    margin: 20px 0 0 0;
}
.eSimListLayout .shortBanner .inner .mainTitle,
.visaListLayout .shortBanner .inner .mainTitle{
    color: var(--theme-black);
    font-weight: var(--fw-medium);
    margin: 0 0 20px;
    position: relative;
    padding: 15px 0 0 0;
}
.eSimListLayout .shortBanner .inner .mainTitle span,
.visaListLayout .shortBanner .inner .mainTitle span{
    color: var(--theme-color);
    font-weight: var(--fw-semibold);
}
.eSimListLayout .shortBanner .inner .mainTitle::before,
.visaListLayout .shortBanner .inner .mainTitle::before{
    content: '';
    position: absolute;
    width: 60px;
    height:  5px;
    background-color: var(--theme-color2);
    left: 0;
    top: 0;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.eSimListLayout .shortBanner .inner p,
.visaListLayout .shortBanner .inner p{
    line-height: 1.5;
    font-size: 15px;
    color: var(--gray888);
    margin: 0 0 20px;
}

.esimCard{
    margin: 0 0 7px 0;
}
.esimCard:last-child{
    margin: 0;
}
.esimCard .in{
    border: 1px solid var(--border-color2);
    padding: 5px 0;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    display: flex;
    align-items: center;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.esimCard:hover .in{
    border-color: var(--theme-black);
}
.esimCard .in > *{
    padding: 0 10px;
}
.esimCard .in .ttLt{
    width: 25%;
}
.esimCard .in .ttLt .imgBox{
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0 10px 0 0;
    border: 1px solid var(--border-color2);
    padding: 5px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}
.esimCard .in .ttLt .imgBox > img{
    height: 100%;
    object-fit: cover;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}
.esimCard .in .ttLt > div{
    display: flex;
    align-items: center;
}
.esimCard .in .ttLt .countyName{
    font-size: 15px;
    text-transform: capitalize;
    color: var(--gray333);
    font-weight: var(--fw-medium);
    line-height: 1.1;
}
.esimCard .in .ttLt > div > div:not(.imgBox){
    width: calc(100% - 50px);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.esimCard .in .ttLt > div > div:not(.imgBox) > img{
    width: 50px;
    margin: 0 0 0 7px;
}
.esimCard .in .ttLt > div > div:not(.imgBox) > span{
    padding: 0 10px 0 0;
}

.esimCard .in .ttMdl{
    width: 20%;
    margin: 0 auto 0 0;
    padding-left: 20px;
}
.esimCard .in .ttMdl > .planCnt{
    display: flex;
    flex-wrap: wrap;
    line-height: 1.2;
    margin: 0 -20px;
}
.esimCard .in .ttMdl > .planCnt > *{
    padding: 0 20px;
}
.esimCard .in .ttMdl > .planCnt > span.planGb,
.esimCard .in .ttMdl > .planCnt > span.planDuration{
    font-size: 13px;
    text-transform: capitalize;
    color: var(--gray888);
    font-weight: var(--fw-regular);
    display: flex;
    align-items: center;
}
.esimCard .in .ttMdl > .planCnt > span.planGb > span,
.esimCard .in .ttMdl > .planCnt > span.planDuration > span{
    font-weight: var(--fw-semibold);
    font-size: 20px;
    color: var(--theme-black);
    margin: -2px 5px 0 0;
}
.esimCard .in .ttRt{
    display: flex;
    align-items: center;
}
.esimCard .priceWrap{
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    text-align: right;
    margin: 0 30px 0 0;
}
.esimCard .priceWrap .oldPrice{
    font-size: 10px;
    color: var(--gray888);
    font-weight: var(--fw-regular);
}
.esimCard .priceWrap .newPrice{
    font-size: 20px;
    color: var(--gray333);
    font-weight: var(--fw-semibold);
}

.eSimListLayout .listWrap{
    margin: 0 0 70px;
    max-width: 1200px;
    margin: 0 auto 100px auto;
}
.eSimListLayout .listWrap .mainTitle{
    margin: 0 0 30px;
    font-family: var(--secondary-font);
    font-size: 27px;
}
.eSimListLayout .listWrap .mainTitle > span{
    color: var(--theme-color);
}

.eSimBookCard > .in{
    display: flex;
    align-items: center;
    margin: 0 0 20px;
}
.eSimBookCard .imgBox{
    width: 80px;
    height: 80px;
    border: 1px solid var(--border-color2);
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    padding: 7px;
}
.eSimBookCard .imgBox > img{
    height: 100%;
    object-fit: cover;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
}
.eSimBookCard .ttCnt{
    width: calc(100% - 80px);
    display: flex;
    align-items: center;
    padding: 0 0 0 20px;
}
.eSimBookCard .ttCnt .countyName{
    text-transform: capitalize;
    font-size: 17px;
    color: var(--gray333);
    font-weight: var(--fw-medium);
}
.eSimBookCard .ttCnt img{
    width: 50px;
    margin: 0 0 0 10px;
}
.eSimBookCard .ttCnt .planCnt{
    padding: 0 0 0 20px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    margin: 0 0 0 auto;
}
.eSimBookCard .ttCnt .planCnt > .planGb{
    margin: 0 15px 0 0;
}
.eSimBookCard .ttCnt .planCnt > .planGb > span{
    color: var(--theme-color);
    font-weight: var(--fw-medium);
}
.eSimBookCard .ttCnt .planCnt > .planDuration{
    background-color: var(--light-bg2);
    padding: 5px 7px;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    font-size: 12px;
    color: var(--theme-black);
} 

.esimFareDtls{
    width: 100%;
}
.esimFareDtls > ul{
    display: flex;
    flex-wrap: wrap;
}
.esimFareDtls > ul > li{
    width: 100%;
    margin: 0 0 10px;
    font-size: 13px;
    color: var(--gray777);
    display: flex;
}
.esimFareDtls > ul > li > span{
    color: var(--gray555);
    margin: 0 0 0 auto;
    display: inline-block;
}
.esimFareDtls > ul > li:last-child{
    margin: 0 0 20px;
}
/* E Sim Ends */

/* Visa Page */
.visaListLayout .shortBanner > .imgBox{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.2;
    height: 100%;
    overflow:hidden;
}
.visaListLayout .shortBanner > .imgBox > img{
    position: absolute;
    top: -20em;
}
.visaListLayout .shortBanner .inner{
    margin: 0 -20px;
    position: relative;
    z-index: 1;
    align-items: center;
    padding: 70px 0;
}
.visaListLayout .shortBanner .inner > * {
    padding: 0 20px;
}
.visaListLayout .shortBanner .inner > .ttLt{
    width: 40%;
}
.visaListLayout .shortBanner .inner > .ttRt{
    width: 60%;
}
.visaListLayout .shortBanner .srchWrap{
    position: static;
}
/* Visa Page Ends */

/* eSim Bookings */
.eSimBookingTable .table tbody td > span{
    font-weight: var(--fw-medium);
    color: var(--theme-black);
}
.eSimBookingTable .eSimCountry,
#viewPlanModal .eSimCountry{
    display: flex;
    align-items: center;
    position: relative;
    padding: 10px 0 10px 60px;
}
.eSimBookingTable .eSimCountry > .imgBox,
#viewPlanModal .eSimCountry > .imgBox{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    padding: 5px;
    overflow: hidden;
    border: 1px solid var(--border-color2);
    position: absolute;
    left: 0;
}
.eSimBookingTable .eSimCountry > .imgBox > img,
#viewPlanModal .eSimCountry > .imgBox > img{
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.eSimBookingTable .eSimCountry > div:not(.imgBox){
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.eSimBookingTable .eSimCountry > div:not(.imgBox) > span{
    line-height: 1.1;
    font-size: 15px;
    font-weight: var(--fw-medium);
    padding: 0 10px 0 0;
}
.eSimBookingTable .eSimCountry > div:not(.imgBox) > img{
    width: 40px;
}

#viewPlanModal .eSimCountry > div:not(.imgBox) > span{
    font-size: 17px;
    font-weight: var(--fw-medium);
}

#esimDataBody{
    margin: -10px -10px 20px -10px;
}
#esimDataBody > *{
    width: calc(100% / 5);
    padding: 10px;
}
#esimDataBody > * .ttItemIn{
    padding: 10px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    background-color: var(--light-bg3);
}
#esimDataBody > * .ttItemIn h5{
    margin: 0 0 7px;
    font-size: 15px;
    font-weight: var(--fw-medium);
    color: var(--theme-color);
}
#esimDataBody > * .ttItemIn h6{
    font-size: 14px;
    font-weight: var(--fw-medium);
    margin: 0 0 5px;
}
#esimDataBody > * .ttItemIn p{
    font-size: 14px;
    margin: 0 0 2px;
}
#esimDataBody > * .ttItemIn p:last-child{
    margin: 0;
}
#esimDataBody > * .ttItemIn p a{
    color: var(--theme-color2);
}
#esimDataBody > * .ttItemIn p a:hover{
    color: var(--theme-color);
}
#esimDataBody > * .ttItemIn .imgBox{
    padding: 20px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    margin: 0 0 15px;
    background-color: var(--white);
}

.countriesListingUl{
    background-color: var(--white);
    border: 1px solid var(--border-color2);
    padding: 10px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    margin: 10px 0 0 0;
    position: absolute;
    width: 100%;
    max-height: 350px;
    overflow-y: auto;
    z-index: 5;
}
.countriesListingUl li{
    display: flex;
    font-size: 15px;
    font-weight: var(--fw-medium);
    color: var(--theme-black);
    position: relative;
    padding: 15px 0 15px 60px;
    margin: 0 0 5px;
    cursor: pointer;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
}
.countriesListingUl li:last-child{
    margin: 0;
}
.countriesListingUl li:hover{
    color: var(--theme-color);
}
.countriesListingUl li > .imgBox{
    position: absolute;
    left: 0;
    top: 50%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    padding: 10px;
    border: 1px solid var(--border-color2);
    overflow: hidden;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
}
.countriesListingUl li:hover > .imgBox{
    border-color: var(--theme-color);
}
.countriesListingUl li > .imgBox > img{
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
/* eSim Bookings Ends */

/* Addons */
.addonsCanvas .accordion-item > .accordion-header .accordion-button{
    padding: 15px 0 15px 15px;
    color: var(--gray888);
    background-color: transparent;
    font-size: 14px;
    line-height: 1.4;
}
.addonsCanvas .accordion-item > .accordion-header .accordion-button > i{
    color: var(--theme-color2);
    font-weight: var(--fw-medium);
    margin: 0 0 0 5px;
}
.addonsCanvas .accordion-item > .accordion-header .accordion-button > small{
    position: absolute;
    right: 40px;
    text-transform: capitalize;
    color: var(--theme-color);
    font-weight: var(--fw-semibold);
}
.addonsCanvas .accordion-item > .accordion-header .accordion-button > small > span{
    color: var(--gray999);
    font-weight: var(--fw-regular);
    margin: 0 5px 0 0;
}
.addonsCanvas#offcanvasMeal .ttBlock,
.addonsCanvas#offcanvasPCI .ttBlock,
.addonsCanvas#offcanvasBaggage .ttBlock{
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}
.addonsCanvas#offcanvasMeal .ttBlock .ttItem,
.addonsCanvas#offcanvasPCI .ttBlock .ttItem,
.addonsCanvas#offcanvasBaggage .ttBlock .ttItem{
    width: calc(100% / 3);
    padding: 10px;
}
.addonsCanvas#offcanvasMeal .ttBlock .ttItem > .in,
.addonsCanvas#offcanvasPCI .ttBlock .ttItem > .in,
.addonsCanvas#offcanvasBaggage .ttBlock .ttItem > .in{
    border: 1px solid var(--border-color);
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
}
.addonsCanvas#offcanvasMeal .ttBlock .ttItem > .in,
.addonsCanvas#offcanvasBaggage .ttBlock .ttItem > .in,
.addonsCanvas#offcanvasPCI .ttBlock .ttItem > .in,
.addonsCanvas#offcanvasPCI .ttBlock .ttItem > .in,
.addonsCanvas#offcanvasMeal .customCheckbox,
.addonsCanvas#offcanvasBaggage .customCheckbox{
    height: 100%;
}
.addonsCanvas#offcanvasMeal .customCheckbox label > div,
.addonsCanvas#offcanvasPCI .customCheckbox label > div,
.addonsCanvas#offcanvasBaggage .customCheckbox label > div{
    display: flex;
    align-items: center;
    width: 100%;
}
.addonsCanvas#offcanvasMeal .customCheckbox label > div > .ttLt,
.addonsCanvas#offcanvasPCI .customCheckbox label > div > .ttLt,
.addonsCanvas#offcanvasBaggage .customCheckbox label > div > .ttLt{
    font-size: 12px;
    line-height: 1.2;
    width: 50%;
}
.addonsCanvas#offcanvasMeal .customCheckbox label > div > .ttRt,
.addonsCanvas#offcanvasPCI .customCheckbox label > div > .ttRt,
.addonsCanvas#offcanvasBaggage .customCheckbox label > div > .ttRt{
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 0 0 0 10px;
}
.addonsCanvas#offcanvasMeal .customCheckbox label > div > .ttRt > span:not(.price),
.addonsCanvas#offcanvasPCI .customCheckbox label > div > .ttRt > span:not(.price),
.addonsCanvas#offcanvasBaggage .customCheckbox label > div > .ttRt > span:not(.price){
    font-weight: var(--fw-medium);
    font-size: 13px;
    color: var(--gray666);
}
.addonsCanvas#offcanvasMeal .customCheckbox label > div > .ttRt > span.price,
.addonsCanvas#offcanvasPCI .customCheckbox label > div > .ttRt > span.price,
.addonsCanvas#offcanvasBaggage .customCheckbox label > div > .ttRt > span.price{
    font-size: 15px;
    color: var(--theme-black);
    font-weight: var(--fw-semibold);
}

.addonsCanvas .offcanvas-header .offcanvas-title{
    display: flex;
    align-items: center;
}
.addonsCanvas .offcanvas-header .offcanvas-title .material-symbols-rounded{
    font-size: 27px;
    color: var(--theme-color);
    margin: 0 10px 0 0;
}

.addonsCanvas .customCheckbox label{
    padding: 10px 15px 10px 40px;
    height: 100%;
    display: flex;
}
.addonsCanvas .customCheckbox label > span{
    left: 10px;
}

.fltSeatContainer{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.fltSeatContainer .seatRowWrap{
    width: 100%;
    position: relative;
    display: flex;
    overflow: hidden;
    overflow-x: scroll;
}
.fltSeatContainer .seatLabelWrap{
    width: 100%;
}
.seatRowWrap .seatRow{
    display: flex;
    margin: -7px -5px;
    flex-direction: column;
    padding: 0 5px;
}
.seatRow.frontRow,
.seatRow.backRow{
    text-align: center;
    text-transform: uppercase;
    color: var(--gray777);
    font-size: 12px;
    letter-spacing: 2px;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.seatRow.frontRow{
    margin: 0 0 15px;
    left: 0;
}
.seatRow.frontRow span{
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}
.seatRow.backRow span{
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.seatRow.backRow{
    margin: 15px 0 0 -50px;
    position: static;
    transform: none;
}
.seatRow > .seatCol{
    padding: 7px 5px;
}
.seatRow > .seatCol > div{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
}
.seatRow > .seatCol > div .material-symbols-rounded{
    font-size: 20px;
    font-weight: 300;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.seatRow > .seatCol > div.number{
    color: var(--gray888);
    font-size: 12px;
}

.seatRow > .seatCol > div.wcCell{
    background-color: var(--light-bg2);
} 
.seatRow > .seatCol > div.wcCell > .material-symbols-rounded{
    color: #94a8dd;
}

.seatRow > .seatCol > div.exitCell{
    background-color: #ffe2e3;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.seatRow > .seatCol > div.exitCell > .material-symbols-rounded{
    color: #ff3434;
}

.seatRow > .seatCol > div.exitCell.left{
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

.seatRow > .seatCol > div.seat.booked{
    border: 1px solid var(--theme-color2);
}
.seatRow > .seatCol > div.seat.booked > .material-symbols-rounded{
    color: var(--theme-color2);
}
.seatRow > .seatCol > div.seat.blocked{
    border: 1px solid var(--theme-black);
    background-color: var(--theme-black);
}
.seatRow > .seatCol > div.seat.blocked > .material-symbols-rounded{
    color: var(--white);
    font-variation-settings: 'FILL' 1;
}


.seatCheckbox > label > input[type="checkbox"]{
    position: absolute;
    opacity: 0;
}
.seatCheckbox > label > input[type="checkbox"] + span{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border-color);
    width: 40px;
    height: 40px;
    cursor: pointer;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
}
.seatCheckbox > label > input[type="checkbox"]:checked + span{
    background-color: #15c270;
    border-color: #15c270;
}
.seatCheckbox > label > input[type="checkbox"] + span > .material-symbols-rounded{
    font-variation-settings: 'FILL' 0;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
    font-size: 20px;
    color: var(--gray777);
}
.seatCheckbox > label > input[type="checkbox"]:checked + span > .material-symbols-rounded{
    color: var(--white);
    font-variation-settings: 'FILL' 1;
}

.seatCol > .seat.hasTooltip{
    position: relative;
}
.seatCol > .seat.focused .seatCheckbox > label > input[type="checkbox"] + span{
    border-color: var(--theme-color);
}
.seatCol > .seat.focused .seatCheckbox > label > input[type="checkbox"] + span > .material-symbols-rounded{
    color: var(--theme-color);
}
.seatToolTip{
    position: absolute;
    width: max-content;
    padding: 3px 7px 2px 8px;
    background-color: var(--theme-black);
    color: var(--white);
    top: -27px;
    left: 0;
    font-size: 12px;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    opacity: 0;
    visibility: hidden;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
    z-index: 2;
}
.seatToolTip::before{
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    background-color: var(--theme-black);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    bottom: -3px;
    left: 5px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}
.seatCol > .seat.hasTooltip:hover .seatToolTip{
    opacity: 1;
    visibility: visible;
    top: -25px;
}

.seatRow > .seatCol > div.seat.xlSeat .seatCheckbox > label > input[type="checkbox"] + span{
    flex-direction: column;
    line-height: 0.7;
}
.seatRow > .seatCol > div.seat.xlSeat .seatCheckbox > label > input[type="checkbox"] + span::before{
    content: 'xl';
    font-size: 12px;
    text-transform: uppercase;
    color: var(--gray666);
    transition: var(--small-radius);
    -webkit-transition: var(--small-radius);
    -moz-transition: var(--small-radius);
    -ms-transition: var(--small-radius);
    -o-transition: var(--small-radius);
    font-weight: var(--fw-medium);
}
.seatRow > .seatCol > div.seat.xlSeat .seatCheckbox > label > input[type="checkbox"]:checked + span::before{
    color: var(--white);
}

.seatPaxList{
    position: fixed;
    max-width: 768px;
    width: 100%;
    max-height: 350px;
    overflow: auto;
    left: 50%;
    top: 50px;
    background-color: var(--white);
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    box-shadow: 0 10px 30px -8px rgba(0, 21, 75, 0.349);
    z-index: 1;
    /* opacity: 0;
    visibility: hidden; */
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
/* .seatPaxList.show{
    opacity: 1;
    visibility: visible;
    top: 45px;
} */

.seatPaxList .splHead{
    display: flex;
    align-items: center;
    justify-content: space-between;    
    margin: 0 0 10px;
    border-bottom: 1px solid var(--border-color);
}
.seatPaxList .splHead,
.seatPaxList .splBody{
    padding: 15px 20px;
}
.seatPaxList .splHead .mainTitle{
    font-family: var(--secondary-font);
    font-size: 17px;
}
.seatPaxList > ul{
    display: flex;
    flex-wrap: wrap;
}
.seatPaxList ul > li{
    width: 100%;
    font-size: 17px;
    color: var(--gray555);
    text-transform: capitalize;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 10px 0;
    border-bottom: 1px solid var(--border-color);
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
}
.seatPaxList ul > li.alreadyAdded,
.seatPaxList ul > li.alreadyAdded:hover{
    color: var(--gray999);
    opacity: 0.5;
    cursor: not-allowed;
}
.seatPaxList ul > li > span{
    margin: 0 0 0 auto;
    font-size: 11px;
    color: var(--theme-black);
    text-transform: uppercase;
}
.seatPaxList ul > li:last-child{
    border: none;
}
.seatPaxList ul > li:hover{
    color: var(--theme-color);
}
.accordion-button:hover{
    z-index: 0;
}

.seatLabelWrap{
    width: 100%;
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
    border-top: 1px solid var(--border-color);
}
.seatLabelWrap ul{
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}
.seatLabelWrap ul > li{
    padding: 10px;
    display: flex;
    align-items: center;
    font-size: 13px;
    text-transform: capitalize;
    color: var(--gray666);
}
.seatLabelWrap ul > li > span{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border-color);
    margin: 0 7px 0 0;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
}
.seatLabelWrap ul > li > span > .material-symbols-rounded{
    color: var(--gray777);
    font-size: 20px;
    font-weight: 300;
}

.seatLabelWrap ul > li.selectedSeat > span{
    background-color: #15c270;
    border-color: #15c270;
}
.seatLabelWrap ul > li.selectedSeat > span > .material-symbols-rounded{
    color: var(--white);
    font-variation-settings: 'FILL' 1;
}
.seatLabelWrap ul > li.blockedSeat > span{
    background-color: var(--theme-black);
    border-color: var(--theme-black);
}
.seatLabelWrap ul > li.blockedSeat > span > .material-symbols-rounded{
    color: var(--white);
    font-variation-settings: 'FILL' 1;
}
.seatLabelWrap ul > li.reservedSeat > span{
    border-color: var(--theme-color2);
}
.seatLabelWrap ul > li.reservedSeat > span > .material-symbols-rounded{
    color: var(--theme-color2);
}
/* Addons Ends */

/* Chat Bot paul */
.chatBotPaul{
    position: fixed;
    bottom: 25px;
    left: 20px;
    cursor: pointer;
    animation: upDown 1.5s infinite;
    -webkit-animation: upDown 1.5s infinite;
    z-index: 3;
    opacity: 1;
    visibility: visible;
    transition: var(--small-radius);
    -webkit-transition: var(--small-radius);
    -moz-transition: var(--small-radius);
    -ms-transition: var(--small-radius);
    -o-transition: var(--small-radius);
}
.chatBotPaul.hide{
    opacity: 0;
    visibility: hidden;
}
.chatBotPaul > img{
    width: 40px;   
}
.chatBotPaul > img.notHappy{
    display: block;
}
.chatBotPaul > img.happyPaul{
    display: none;
}
.chatBotPaul:hover > img.notHappy{
    display: none;
}
.chatBotPaul:hover > img.happyPaul{
    display: block;
}

@keyframes upDown{
    0%{
        bottom: 20px;
    }
    50%{
        bottom: 25px;
    }
    100%{
        bottom: 20px;
    }
}
@-o-keyframes upDown{
    0%{
        bottom: 20px;
    }
    50%{
        bottom: 25px;
    }
    100%{
        bottom: 20px;
    }
}
@-moz-keyframes upDown{
    0%{
        bottom: 20px;
    }
    50%{
        bottom: 25px;
    }
    100%{
        bottom: 20px;
    }
}
@-webkit-keyframes upDown{
    0%{
        bottom: 20px;
    }
    50%{
        bottom: 25px;
    }
    100%{
        bottom: 20px;
    }
}

.chatBotWrap{
    position: fixed;
    bottom: 30px;
    left: 20px;
    background-color: var(--white);
    box-shadow: 0 0 130px -20px rgb(9 21 54 / 25%);
    width: 320px;
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
    z-index: 1050;
    min-height: 350px;
    opacity: 0;
    visibility: hidden;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
}
.chatBotWrap.show{
    opacity: 1;
    visibility: visible;
    bottom: 20px;
}
.chatBotWrap .chatBotFoot{
    position: absolute;
    width: 100%;
    left: 0;
    padding: 10px;
    bottom: 0;
}
.chatBotWrap .quryBox{
    padding: 0;
    border: none;
    position: relative;
    top: 0;
    margin: 0;
    padding: 0 50px 0 0;
    height: auto;
}
.chatBotWrap .quryBox textarea.form-control{
    font-size: 13px;
    resize: none;
}
.chatBotWrap .quryBox .btn{
    width: 40px;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0;
}
.chatBotWrap .quryBox .btn.btnLoading{
    min-width: 40px !important;
}
.chatBotWrap .quryBox .btn svg{
    width: 20px;
}
.chatBotWrap .chatBotBody{
    padding: 0 10px 60px 10px;
}
.chatBotWrap .chatBotBody #responseOutput{
    max-height: 200px;
    overflow: scroll;
}
.chatBotWrap .chatBotBody #responseOutput.active{
    padding: 15px;
    margin: 10px 0;
}
.chatBotWrap .chatBotBody #responseOutput p, 
.chatBotWrap .chatBotBody #responseOutput div p{
    font-size: 13px;
    line-height: 1.4;
}

.chatBotWrap .chatBotHead .titleBar{
    flex-direction: row;
    margin: 0;
    position: relative;
    padding: 20px 50px 20px 50px;
    border-bottom: 1px solid var(--border-color);
}
.chatBotWrap .chatBotHead .titleBar > img{
    height: 40px;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.chatBotWrap .chatBotHead .titleBar > .mainTitle{
    font-size: 15px;
    font-family: var(--secondary-font);
    color: var(--theme-color2);
    margin: 0;
}
.chatBotWrap .chatBotHead .titleBar .btn-close{
    margin: 0;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 30px;
    height: 30px;
    border: 1px solid var(--border-color2);
    font-size: 11px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.chatBotWrap #responseOutput > h1, 
.chatBotWrap #responseOutput > h2, 
.chatBotWrap #responseOutput > h3, 
.chatBotWrap #responseOutput > h4, 
.chatBotWrap #responseOutput > h5, 
.chatBotWrap #responseOutput > h6, 
.chatBotWrap #responseOutput > div > h1, 
.chatBotWrap #responseOutput > div > h2, 
.chatBotWrap #responseOutput > div > h3, 
.chatBotWrap #responseOutput > div > h4, 
.chatBotWrap #responseOutput > div > h5, 
.chatBotWrap #responseOutput > div > h6, 
.chatBotWrap #responseOutput div.day h1, 
.chatBotWrap #responseOutput div.day h2, 
.chatBotWrap #responseOutput div.day h3, 
.chatBotWrap #responseOutput div.day h4, 
.chatBotWrap #responseOutput div.day h5, 
.chatBotWrap #responseOutput div.day h6{
    font-size: 15px;
    padding: 0 0 0 15px;
    margin: 0 0 15px;
}
.chatBotWrap #responseOutput > h1::before, 
.chatBotWrap #responseOutput > h2::before, 
.chatBotWrap #responseOutput > h3::before, 
.chatBotWrap #responseOutput > h4::before, 
.chatBotWrap #responseOutput > h5::before, 
.chatBotWrap #responseOutput > h6::before, 
.chatBotWrap #responseOutput > div > h1::before, 
.chatBotWrap #responseOutput > div > h2::before, 
.chatBotWrap #responseOutput > div > h3::before, 
.chatBotWrap #responseOutput > div > h4::before, 
.chatBotWrap #responseOutput > div > h5::before, 
.chatBotWrap #responseOutput > div > h6::before, 
.chatBotWrap #responseOutput div.day h1::before, 
.chatBotWrap #responseOutput div.day h2::before, 
.chatBotWrap #responseOutput div.day h3::before, 
.chatBotWrap #responseOutput div.day h4::before, 
.chatBotWrap #responseOutput div.day h5::before, 
.chatBotWrap #responseOutput div.day h6::before{
    width: 3px;
}
/* Chat Bot paul Ends */

/* Get a Quote */
.getQuote{
	position: fixed;
	left: -52px;
	top: 50%;
	transform: translateY(-50%) rotate(-90deg);
	-webkit-transform: translateY(-50%) rotate(-90deg);
	-moz-transform: translateY(-50%) rotate(-90deg);
	-ms-transform: translateY(-50%) rotate(-90deg);
	-o-transform: translateY(-50%) rotate(-90deg);
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 5s ease infinite;
	-webkit-animation: gradient 5s ease infinite;
	padding: 10px 22px 10px 22px;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 2px;
	color: var(--white);
	border-bottom-left-radius: var(--common-radius);
	border-bottom-right-radius: var(--common-radius);
	cursor: pointer;
    z-index: 3;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
@-moz-keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

#getQuteModal .modal-body{
    padding: 50px;
    background-color: var(--dark-theme-color);
    position: relative;
}
#getQuteModal .modal-body::before{
    content: '';
    position: absolute;
    left: -50px;
    top: -24px;
    width: 220px;
    height: 160px;
    background-image: url('../images/leaf.svg');
    background-size: 100%;
    transform: scaleX(-1);
}
.modal#getQuteModal .btn-close{
    right: 10px;
    top: 10px;
    background-color: #5b6fa6;
    color: var(--white);
    z-index: 2;
}

.getQutWrap .inner{
    display: flex;
    flex-wrap: wrap;
    margin: -20px;
}
.getQutWrap .inner > *{
    padding: 20px;
}
.getQutWrap .inner > .ttLt{
    width: 40%;
    padding-top: 110px;
    position: relative;
}
.getQutWrap .inner > .ttLt::before{
    content: '';
    position: absolute;
    bottom: -25px;
    left: -50px;
    background-image: url('../images/women-look-up.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 220px;
    height: 215px;
}
.getQutWrap .inner > .ttLt::after{
    content: '';
    position: absolute;
    bottom: -25px;
    right: -40px;
    background-image: url('../images/man-look-up.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 250px;
    height: 250px;
}
.getQutWrap .inner > .ttLt > .imgBox{
    width: 160px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -20px;
}
.getQutWrap .inner > .ttRt{
    width: 60%;
    position: relative;
    z-index: 1;
    padding-left: 50px;
}
.getQutWrap .titleBar{
    margin: 0;
}
.getQutWrap .titleBar .mainTitle{
    font-size: 45px;
    font-family: var(--secondary-font);
    margin: 0 0 20px;
    color: var(--white);
}
.getQutWrap .titleBar p{
    font-size: 16px;
    line-height: 1.7;
    color: var(--white);
    opacity: 0.7;
}
.getQutWrap form .form-control,
.getQutWrap form .form-select,
.getQutWrap .number input[type="text"]{
    background-color: #19264a;
    box-shadow: none;
    border-color: #5b6fa6;
    color: var(--white);
}
.getQutWrap form .form-control::placeholder{
    opacity: 0.5;
    color: var(--white);
}
.getQutWrap .number{
    max-width: 100%;
}
.getQutWrap .number > span{
    border-color: #5b6fa6;
    color: var(--white);
}
.getQutWrap .btnWrap{
    margin: 50px 0 0 0;
}

.sky {
    position: relative;
    overflow: hidden;
}

.comets {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.cometsIn{
    transform: translate3D(-25vw, -25vh, 1px) rotate(105deg) scale(0.75);
    -webkit-transform: translate3D(-25vw, -25vh, 1px) rotate(105deg) scale(0.75);
    -moz-transform: translate3D(-25vw, -25vh, 1px) rotate(105deg) scale(0.75);
    -ms-transform: translate3D(-25vw, -25vh, 1px) rotate(105deg) scale(0.75);
    -o-transform: translate3D(-25vw, -25vh, 1px) rotate(105deg) scale(0.75);
    transform-origin: right;
    position: absolute;
    left: 50%;
    width: 50%;
    height: 100%;
    top: -50px;
}
.comet {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 75vh;
    background: linear-gradient(#fff, transparent);
    animation: comet 1s ease-in-out forwards;
    -webkit-animation: comet 1s ease-in-out forwards;
}

@-webkit-keyframes comet {
    0% {
        opacity: 0;
        transform: translateY(200%) scaleY(0);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translateY(0) scaleY(1);
    }
}

@keyframes comet {
    0% {
        opacity: 0;
        transform: translateY(200%) scaleY(0);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translateY(0) scaleY(1);
    }
}
/* Get a Quote Ends */

/* Pricing */
.pricing-layout .headerWrap{
    position: static;
    border-bottom: 1px solid var(--border-color);
    box-shadow: none;
}
.pricing-layout main{
    padding: 0;
}
.pricingWrap{
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 40px;
}
.pricingWrap > div > .inner{
    position: relative;  
    padding: 80px 0;
}
.pricingWrap > div > .inner::before,
.pricingWrap > div > .inner::after{
    content: '';
    position: absolute;    
    background-image: url('../images/shape.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -1;
    filter: blur(8em);
    -webkit-filter: blur(8em);
    width: 310px;
    height: 400px;
    opacity: 0.7;
}
.pricingWrap > div > .inner::before{    
    right: calc(100% - 10em);
    top: 0;    
}
.pricingWrap > div > .inner::after{
    bottom: 50px;
    left: calc(100% - 10em);
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
}

.pricingWrap .titleBar{
    margin: 0 0 30px;
}
.pricingWrap .titleBar .mainTitle{
    margin: 0 0 15px;
}
.pricingBox{
    margin: 0 auto;
    max-width: 992px;
    background-color: var(--white);
    border-radius: var(--large-radius);
    -webkit-border-radius: var(--large-radius);
    -moz-border-radius: var(--large-radius);
    -ms-border-radius: var(--large-radius);
    -o-border-radius: var(--large-radius);
}

.pricingBox .ttBlock{
    margin: 0;
    display: flex;
}
.pricingBox .ttBlock > *{
    width: 30%;
    padding: 10px 20px;
    border-right: 1px solid var(--light-bg3);
    display: flex;
    justify-content: center;
    align-items: center;
}
.pricingBox .ttBlock > .ttItem:first-child{
    width: 40%;
    justify-content: flex-start;
}
.pricingBox .ttBlock > .ttItem:last-child{
    border-right: none;
}
.pricingBox .pbBody{
    max-height: 50vh;
    overflow-y: auto;
}
.pricingBox .pbBody > .ttBlock{
    background-color: var(--light-bg2);
}
.pricingBox .pbBody > .ttBlock:nth-of-type(odd){
    background-color: var(--light-bg);
}
.pricingBox .planWrap{
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.pricingBox .planWrap > span.material-symbols-rounded{
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    background-color: var(--theme-color);
    font-weight: 300;
    font-size: 22px;
    color: var(--white);
    margin: 0 0 7px;
}
.pricingBox .planWrap.premium > span.material-symbols-rounded{
    background-color: var(--theme-color2);
}
.pricingBox .planWrap .mainTitle{
    font-family: var(--secondary-font);
    font-size: 17px;
    text-transform: capitalize;
    margin: 0 0 7px;
    color: var(--theme-black);
}
.pricingBox .planWrap .planPrice{
    font-size: 15px;
    color: var(--theme-color);
    background-color: var(--light-bg3);
    padding: 4px 10px;
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    text-transform: capitalize;
    font-weight: var(--fw-medium);
}
.pricingBox .pbHead .ttBlock > .ttItem:first-child p{
    font-size: 22px;
    text-transform: capitalize;
    margin: 0;
    font-weight: var(--fw-medium);
}

.pricingBox .wrong,
.pricingBox .tick{
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.pricingBox .wrong{
    background-image: url('../images/wrong.svg');
}
.pricingBox .tick{
    background-image: url('../images/tick.svg');
}

.pricingBox .pbBody .ttBlock > .ttItem:first-child{
    font-size: 13px;
    color: var(--theme-black);
}
/* Pricing Ends */

/* Personal Packages */
.viewPlanModal .accordion-item .priceWrap{
    display: flex;
    align-items: center;
    margin: 0 0 0 auto;
    position: relative;
    z-index: 1;
}
.viewPlanModal .accordion-item .priceWrap > .price{
    margin: 0 10px 0 0;
    font-weight: var(--fw-semibold);
    font-size: 17px;
}
.viewPlanModal .accordion-item .priceWrap .btn{
    font-size: 12px;
    padding: 5px 12px;
    height: auto;
}
.viewPlanModal .accordion-header{
    overflow: hidden;
}
.viewPlanModal .accordion-header > .imgBox{
    position: absolute;
    left: 0;
    top: 0;
}
.viewPlanModal .accordion-header > .imgBox > img{
    height: 100px;
    object-fit: cover;
    object-position: bottom;
}
.viewPlanModal .accordion-header > .accordion-button,
.viewPlanModal .accordion-header > .accordion-button.collapsed,
.viewPlanModal .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed{
    background-color: transparent;
}
.viewPlanModal .accordion-header > .accordion-button::before,
.viewPlanModal .accordion-header > .accordion-button::after{
    content: '';
    position: absolute;
    width: 70%;
    height: 100%;
    top: 0;
    display: block;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    opacity: 0.8;
}
.viewPlanModal .accordion-header > .accordion-button::before{    
    left: 0;
    background: #00154B;
    background: -webkit-linear-gradient(90deg,rgba(0, 21, 75, 1) 36%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(90deg,rgba(0, 21, 75, 1) 36%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(90deg,rgba(0, 21, 75, 1) 36%, rgba(255, 255, 255, 0) 100%); 
}
.viewPlanModal .accordion-header > .accordion-button::after{    
    right: 0;
    background: #00154B;
    background: -webkit-linear-gradient(270deg,rgba(0, 21, 75, 1) 36%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(270deg,rgba(0, 21, 75, 1) 36%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(270deg,rgba(0, 21, 75, 1) 36%, rgba(255, 255, 255, 0) 100%);
}

.viewPlanModal .accordion-header > .accordion-button{
    color: var(--white);
}
.viewPlanModal .accordion-button > span{
    z-index: 1;
}
.viewPlanModal .accordion-button > span::before,
.viewPlanModal .accordion-button > span::after{
    background: var(--white);
}
.viewPlanModal .accordion-button > div{
    position: relative;
    z-index: 1;
}
/* Personal Packages Ends */

/* No Result Found */
.nothingToShow{
    width: 768px;
    margin: 0 auto;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.nothingToShow > .imgBox{
    width: 320px;
}
.nothingToShow .cntBox > .mainTitle{
    text-transform: capitalize;
    font-size: 40px;
    margin: 10px 0;
}
.nothingToShow .cntBox p{
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--gray666);
    margin: 0;
}
/* No Result Found Ends */

.text-transform-unset{
    text-transform: unset !important; 
}
.form-select:disabled{
    background-color: var(--light-bg2);
    border: none;
    color: var(--theme-color);
}

/* Itinerary Modify */

.itenBody .modifyWrap{
    background-color: var(--white);
    max-width: 768px;
    margin: 0 auto 30px auto;
    top: 20px;
}
.itenBody .modifyWrap ul li:first-child{
    width: 35%;
}
.itenBody .modifyWrap ul li:nth-child(2){
    width: 30%;
}
.itenBody .modifyWrap ul li:nth-child(3){
    width: 20%;
}
.itenBody .modifyWrap ul li:last-child{
    width: 15%;
}
.itenBody .modifyWrap ul li:first-child{
    flex-direction: column;
    align-items: flex-start;
}
.itenBody .modifyWrap ul li p{
    color: var(--theme-black);
    font-weight: var(--fw-medium);
    margin: 10px 0 0 0;
    font-size: 14px;
}

.itenBody .fltSrchForm .ttBlock > .ttItem:first-child{
    width: 50%;
}
.itenBody .fltSrchForm .ttBlock > .ttItem.dateView,
.itenBody .fltSrchForm .ttBlock > .ttItem.paxView{
    width: 20%;
}
.itenBody .fltSrchForm .ttBlock > .ttItem.dateView > *{
    width: 100%;
}
.itenBody .fltSrchForm .ttBlock > .ttItem.buttonWrap{
    width: 10%;
}
/* Itinerary Modify Ends */

/* ConfirmJs */
.jconfirm .jconfirm-box{
    padding: 25px;
}
.cancelPopup,
.infoPopup{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.cancelPopup > img,
.infoPopup > img{
    width: 6em;
}
.cancelPopup > p,
.infoPopup > p{
    font-size: 15px;
    color: var(--dark-theme-color);
    margin: 0;
    text-align: center;
    line-height: 1.5;
}
.jconfirm .jconfirm-box .jconfirm-buttons{
    width: 100%;
    display: flex;
    justify-content: center;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, 
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button{
    font-weight: var(--fw-medium);
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    padding: 0 30px;
    margin: 0 5px;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
    height: 40px;
}
.jconfirm-box .jconfirm-buttons button.btn-success{
    border: 1px solid #1bbb84;
    background-color: var(--white);
    color: #1bbb84;
}
.jconfirm-box .jconfirm-buttons button.btn-success:hover,
.jconfirm-box .jconfirm-buttons button.btn-success:focus{
    border: 1px solid #1bbb84;
    background-color: #1bbb84;
    color: var(--white);
}
.jconfirm-box .jconfirm-buttons button.btn-danger{
    border: 1px solid #fd6050;
    background-color: var(--white);
    color: #fd6050;
}
.jconfirm-box .jconfirm-buttons button.btn-danger:hover,
.jconfirm-box .jconfirm-buttons button.btn-danger:focus{
    border: 1px solid #fd6050;
    background-color: #fd6050;
    color: var(--white);
}
.jconfirm-box .jconfirm-buttons button.btn-info{
    border: 1px solid #30c5ff;
    background-color: var(--white);
    color: #30c5ff;
}
.jconfirm-box .jconfirm-buttons button.btn-info:hover,
.jconfirm-box .jconfirm-buttons button.btn-info:focus{
    border: 1px solid #30c5ff;
    background-color: #30c5ff;
    color: var(--white);
}
.text-11{
    font-size:11px;
}
/* ConfirmJs Ends */

/* Medical Tourism */
.mtbannerSec{
    background-color: var(--theme-color);
    padding: 40px 0;
}
.mtbannerSec .in{
    position: relative;
    max-width: 768px;
    margin: 0 auto;
}
.mtbannerSec .in .halfHexa {
    position: absolute;
    width: 550px;
    opacity: 0.2;
    top: -12em;
}
.mtbannerSec .in .halfHexa.left{
    right: 100%;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
}
.mtbannerSec .in .halfHexa.right{
    left: 100%;
}
.mtbannerSec .ttCnt > .titleBar{
    display: flex;
    align-items: center;
    text-align: center;
    margin: 0;
}
.mtbannerSec .ttCnt > .titleBar .mainTitle,
.mtbannerSec .ttCnt > .titleBar p{
    color: var(--white);
}
.mtbannerSec .ttCnt > .titleBar p{
    font-size: 15px;
}
.mtbannerSec .ttCnt > .titleBar .mainTitle{
    font-size: 35px;
    line-height: 1;
    margin: 0 0 10px;
}
.mtbannerSec form.customForm{
    position: relative;
}
.mtbannerSec form.customForm .form-control{
    height: 60px;
    border: none;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    padding: 0 80px 0 20px;
    margin: 0;
}
.mtbannerSec form.customForm .form-control::placeholder{
    opacity: 1;
    color: var(--gray888);
}
.mtbannerSec .ttCnt form.customForm .btn{
    background-color: var(--light-bg2);
    position: absolute;
    right: 0;
    top: 0;
    height: 60px;
    width: 60px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}
.mtbannerSec .ttCnt form.customForm .btn svg{
    fill: var(--theme-color);
    width: 22px;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
}
.mtbannerSec .ttCnt form.customForm .btn:hover{
    background-color: var(--theme-secondary-color);
}
.mtbannerSec .ttCnt form.customForm .btn:hover svg{
    fill: var(--white);
}

.mtbannerSec .medCatSwip{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 0 10px;
}
.mtbannerSec .medCatSwip > .mainTitle{
    text-align: center;
    margin: 15px auto;
    color: var(--white);
    font-family: var(--secondary-font);
    font-weight: var(--fw-medium);
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 3px;
    background: -webkit-linear-gradient(var(--theme-color), var(--white));
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #477afe00;
}
.mtbannerSec .medCatSwip:hover > .mainTitle{
    background: transparent;
     -webkit-text-fill-color: var(--white);
}
.medCatSwip .medMainCatSwiper .ttCnt{
    color: var(--white);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    background-color: #2954c4;
    font-size: 13px;
    text-transform: uppercase;
    justify-content: center;
    line-height: 1.2;
    padding: 13px 10px 10px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    font-weight: var(--fw-medium);
    letter-spacing: 1px;
    position: relative;
}
.medCatSwip .medMainCatSwiper .ttCnt::before{
    content: '';
    position: absolute;
    width: 15%;
    height: 3px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    background-color: var(--white);
    border-bottom-left-radius: var(--large-radius);
    border-bottom-right-radius: var(--large-radius);
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
}
.medCatSwip .medMainCatSwiper .ttCnt:hover::before{
    background-color: var(--theme-color2);
    width: 70%;
}
.medCatSwip .medMainCatSwiper .ttCnt > .imgBox{
    display: none;
}
.medCatSwip .medMainCatSwiper .ttCnt:hover{
    background-color: var(--theme-secondary-color);
}

.arrows-anim {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.arrows-anim .material-symbols-outlined{
    font-size: 35px;
    color: var(--white);
}
.arrows-anim .arrow{
    height: 10px;
}
.arrows-anim .arrow-first {
    animation: arrow-movement 0.7s ease-in-out infinite;
    -webkit-animation: arrow-movement 0.7s ease-in-out infinite;
}
.arrows-anim .arrow-second {
    animation: arrow-movement 1s ease-in-out infinite;
    -webkit-animation: arrow-movement 1s ease-in-out infinite;
}
@-webkit-keyframes arrow-movement {
    0% {
        opacity: 0.2;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.2;
    }
}
@keyframes arrow-movement {
    0% {
        opacity: 0.2;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.2;
    }
}

.margeeSec{
    padding: 30px 0;
    width: 100%;
    border-bottom: 1px solid var(--border-color);
    margin: 0 0 30px;
}
.marquee {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.marqueecContent {
    display: inline-flex;
    gap: 40px;
    list-style: none;
    padding: 0;
    margin: 0;
    animation: scroll-left 20s linear infinite;
    -webkit-animation: scroll-left 20s linear infinite;
}

.marqueecContent li {
    padding: 0 10px;
}
.marqueecContent li a {
    font-size: 30px;
    color: #e8e8e8;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-weight: var(--fw-semibold);
}
.marqueecContent li a:hover{
    color: var(--theme-color);
}

@keyframes scroll-left {
    from {
        transform: translateX(0);
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
    }
    to {
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
}
}
.marquee:hover .marqueecContent {
    animation-play-state: paused;
}

.listLayoutWrap{
    margin: 0 0 100px;
}

.hospiCard{
    width: 100%;
}
.hospiCard > .in{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.hospiCard .imgBox{
    height: 180px;
    overflow: hidden;
    border-top-left-radius: var(--large-radius);
    border-top-right-radius: var(--large-radius);
    position: relative;
    border: 1px solid var(--border-color);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    background: var(--light-bg);
    border-bottom: none;
}
.hospiCard .imgBox > img{
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.hospiCard .imgBox > .btnWrap{
    width: 50%;
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background-color: var(--white);
    padding: 5px 0;
}
.hospiCard .imgBox > .btnWrap::before,
.hospiCard .imgBox > .btnWrap::after{
    content: '';
    position: absolute;
    background-image: url('../images/shapes/side-curve.gif');
    width: 15px;
    height: 15px;
    background-size: 100%;
    bottom: 0;
}
.hospiCard .imgBox > .btnWrap::before{
    right: 100%;
}
.hospiCard .imgBox > .btnWrap::after{
    left: calc(100% - 1px);
    transform: scaleX(-1);
}
.hospiCard .imgBox > .btnWrap > .btn{
    width: 100%;
    height: 30px;
    font-size: 12px;
    letter-spacing: 0.6px;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
    border: none;
}
.hospiCard .imgBox > .btnWrap > .btn:active,
.hospiCard .imgBox > .btnWrap > .btn:focus,
.hospiCard .imgBox > .btnWrap > .btn:hover{
    color: var(--theme-color2);
    letter-spacing: 2px;
    outline: none;
    border: none;
    box-shadow: none;
}
.hospiCard .ttCnt{
    width: 100%;
    padding: 15px 20px;
    border: 1px solid var(--border-color);
    border-top: none;
    display: flex;
    flex-wrap: wrap;
    border-bottom-left-radius: var(--large-radius);
    border-bottom-right-radius: var(--large-radius);
}
.hospiCard .ttCnt > *{
    width: 100%;
}
.hospiCard .hosTitle > .title{
    font-size: 20px;
    font-weight: var(--fw-medium);
    font-family: var(--secondary-font);
    margin: 0 0 2px;
}
.hospiCard .hosTitle > p{
    font-size: 14px;
    color: var(--gray666);
    margin: 10px 0;
    line-height: 1.2;
    position: relative;
    padding: 0 0 0 16px;
}
.hospiCard .hosTitle > p::before{
    content: '\e0c8';
    position: absolute;
    left: -3px;
    top: -2px;
    font-family: var(--g-font);
    font-size: 17px;
    color: var(--theme-color);
    opacity: 0.7;
}
.viewPackageOff .abtHosWrap .hosTitle .title.withToolTip,
.hospiCard .hosTitle .title.withToolTip{
    position: relative;
    display: flex;
    align-items: center;
}
.viewPackageOff .abtHosWrap .hosTitle .title.withToolTip .material-symbols-rounded,
.hospiCard .hosTitle .title.withToolTip .material-symbols-rounded{
    color: var(--theme-color);
    font-variation-settings: 'FILL' 1;
    font-size: 22px;
    margin: 0 0 0 5px;
    position: relative;
    z-index: 2;
}
.viewPackageOff .abtHosWrap .hosTitle .title.withToolTip .toolTipDiv,
.hospiCard .hosTitle .title.withToolTip .toolTipDiv{
    position: absolute;
    z-index: 1;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    max-width: calc(100% - 10px);
    width: max-content;
    background-color: var(--theme-color);
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
    padding: 0 10px;
    opacity: 0;
    visibility: hidden;
}
.viewPackageOff .abtHosWrap .hosTitle .title.withToolTip .toolTipDiv > p,
.hospiCard .hosTitle .title.withToolTip .toolTipDiv > p{
    font-size: 12px;
    margin: 0;
    color: var(--white);
}
.viewPackageOff .abtHosWrap .hosTitle .title.withToolTip .material-symbols-rounded:hover + .toolTipDiv ,
.hospiCard .hosTitle .title.withToolTip .material-symbols-rounded:hover + .toolTipDiv {
    bottom: -25px;
    opacity: 1;
    visibility: visible;
}
.hospiCard .drDtls{
    position: relative;
    padding: 2px 0 2px 45px;
    margin: 7px 0;
}
.hospiCard .drDtls.noRating{
    padding: 2px 0;
}
.hospiCard .drDtls > .rating{
    background-color: var(--green);
    width: 35px;
    height: 35px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    overflow: visible;
    font-size: 14px;
    font-weight: var(--fw-medium);
    color: #107e4a;
    margin: 0;
} 
.hospiCard .drDtls > .rating::before{
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    transform: rotate(45deg) translateY(-50%);
    -webkit-transform: rotate(45deg) translateY(-50%);
    -moz-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    -o-transform: rotate(45deg) translateY(-50%);
    background-color: var(--green);
    right: -1px;
    top: 45%;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}
.hospiCard .drDtls > p{
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    color: var(--dark-theme-color);
    font-size: 14px;
    margin: 0;
    color: var(--theme-color2);
}
.hospiCard .drDtls > p > span{
    font-size: 12px;
    color: var(--gray666);
}
.hospiCard .priceDtls{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 7px;
}
.hospiCard .priceDtls > p{
    display: flex;
    flex-direction: column;
    line-height: 1.3;
    margin: 0;
}
.hospiCard .priceDtls > p.starts{
    font-size: 20px;
    color: var(--gray333);
    font-weight: var(--fw-medium);
}
.hospiCard .priceDtls > p.starts > span{
    font-size: 12px;
    text-transform: uppercase;
    font-weight: var(--fw-regular);
    letter-spacing: 1px;
    color: var(--gray777);
}
.hospiCard .btnWrap{
    justify-content: space-between;
}
.hospiCard .btnWrap > .btn{
    width: 49%;
    font-size: 11px;
    height: 40px;
    padding: 0 10px;
    line-height: 1.2;
}
.hospiCard .btnWrap > .btn:disabled{
    cursor: not-allowed;
}

.hospCardWrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -10px;
}
.hospCardWrap > *{
    padding: 10px;
    width: calc(100% / 5);
}

.listTitleBar{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    text-align: center;
    margin: 0 0 40px;
}
.listTitleBar > *{
    width: 20%;
}
.listTitleBar > *:last-child{
    display: flex;
    justify-content: flex-end;
}
.listTitleBar .titleBar{
    width: 60%;
    margin: 0;
}
.listTitleBar .filterBtn{
    font-size: 12px;
    margin: 0;
}
.listTitleBar .filterBtn > .material-symbols-rounded{
    font-size: 17px;
    margin: 0 2px 0 0;
}
.listTitleBar .filterBtn:hover{
    background-color: var(--theme-secondary-color);
    color: var(--white);
}
.listTitleBar .sortBy .form-select{
    width: max-content;
    font-size: 12px;
}

.listFilterWrap{
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    overflow: auto;
    z-index: 21;
    background: white;
    max-width: 350px;
    width: 100%;
    padding: 0 20px 20px 20px;
    box-shadow: 0 0 90px -50px #3d4257;
}
.ListTourLayout .bgOverlay{
    background-color: rgba(255, 255, 255, 0.2);
    position: fixed;
    z-index: 20;
    width: 0;
    height: 100vh;
    top: 0;
    right: 0;
    cursor: pointer;
}
.listFilterWrap,
.ListTourLayout .bgOverlay{
    opacity: 0;
    visibility: hidden;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
}
.listFilterWrap.show,
.ListTourLayout .bgOverlay.show{
    opacity: 1;
    visibility: visible;
}
.ListTourLayout .bgOverlay.show{    
    backdrop-filter: blur(0.4em);
    width: 100%;
}
.ListTourLayout #spnTop.showTop{
    z-index: 19;
}
.noScroll{
    overflow: hidden !important;
}
.listFilterWrap .closeNav{
    width: 40px;
    height: 40px;
    background-color: var(--light-red);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    cursor: pointer;
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
    margin: 0 0 0 auto;
}
.listFilterWrap .closeNav:hover{
    background-color: var(--dark-red);
}
.listFilterWrap .closeNav > .material-symbols-outlined{
    font-size: 22px;
    color: var(--red);
    margin: 0;
    transition: var(--small-transition);
}
.listFilterWrap .closeNav:hover > .material-symbols-outlined{
    color: var(--white);
}
.listFilterWrap .ttFilterWrap .ttFilterHead{
    justify-content: flex-start;
}
.listFilterWrap .ttFilterWrap .ttFilterHead .btn{
    margin: 0 0 0 10px;
    height: 30px;
    padding: 0 10px;
    font-size: 10px;
    line-height: 1;
}

.packageDtls > .inner{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    position: relative;
    margin: -10px;
}
.packageDtls > .inner > *{
    padding: 10px;
    position: sticky;
    top: -10px;
}
.packageDtls > .inner > .ttLt{
    width: 65%;
}
.packageDtls > .inner > .ttRt{
    width: 35%;
}
.packageDtls .contentCMS .imgBox{
    height: 150px;
    overflow: hidden;
    margin: 0 0 10px;
}
.packageDtls .contentCMS .imgBox > img{
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.viewPackageOff ul.doctorsList{
    margin: -10px 0;
}
.viewPackageOff ul.doctorsList > li{
    padding: 10px 0;
    border-bottom: 1px dashed #c9d6f7;
    cursor: pointer;
}
.viewPackageOff ul.doctorsList > li:last-child{
    border: none;
}
.viewPackageOff ul.doctorsList > li label{
    width: 100%;
    padding: 0 30px 0 0;
    position: relative;
    cursor: pointer;
}
ul.doctorsList > li label input[type="radio"]{
    display: none;
}
ul.doctorsList > li label span{
    width: 20px;
    height: 20px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border: 1px solid var(--theme-color);
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    box-shadow: inset 0 0 0 0 var(--theme-color2);
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
ul.doctorsList > li label input[type="radio"]:checked + span{
    box-shadow: inset 0 0 0 4px var(--theme-secondary-color);
    border-color: var(--theme-secondary-color);
}
.doctorsList .doctorCard{
    position: relative;
    padding: 0 0 0 60px;
    height: 50px;
    display: flex;
    align-items: center;
}
.doctorsList .doctorCard > .imgBox{
    width: 50px;
    height: 50px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}
.doctorsList .doctorCard > .imgBox > img{
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.doctorsList .doctorCard .ttCnt > .title{
    font-size: 14px;
    color: var(--theme-black);
    margin: 0 0 3px;
    line-height: 1;
    font-family: var(--secondary-font);
}
.doctorsList .doctorCard .ttCnt > p{
    font-size: 11px;
    line-height: 1;
    color: var(--gray666);
    margin: 0 0 7px;
}
.doctorsList .doctorCard .ttCnt > p:last-child{
    margin: 0;
    font-size: 12px;
}

.viewPackageOff ul.procDtls{
    margin: -5px 0;
    display: flex;
    flex-wrap: wrap;
}
.viewPackageOff ul.procDtls > li{
    width: 100%;
    padding: 5px 0;
    border-bottom: 1px dashed #c9d6f7;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-transform: capitalize;
}
.viewPackageOff ul.procDtls > li:last-child{
    border: none;
}
.viewPackageOff ul.procDtls > li > span:first-child{
    font-size: 12px;
    color: var(--gray666);
}
.viewPackageOff ul.procDtls > li > span:last-child{
    font-size: 13px;
    color: var(--theme-black);
}
.viewPackageOff ul.procDtls > li > span > b{
    font-weight: var(--fw-semibold);
    font-size: 14px;
}
.viewPackageOff .offcanvas-footer .btn{
    height: 55px;
    font-size: 15px;
    padding: 0 30px;
}
.viewPackageOff .abtHosWrap{
    background-color: var(--light-bg);
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    border-left: 5px solid var(--theme-color);
}
.viewPackageOff .abtHosWrap .hosTitle{
    padding: 10px 65px 10px 10px;
    position: relative;
}
.viewPackageOff .abtHosWrap .hosTitle > .title{
    font-family: var(--secondary-font);
    font-size: 16px;
    color: var(--theme-black);
    margin: 0 0 5px;
}
.viewPackageOff .abtHosWrap .hosTitle > p{
    font-size: 12px;
    padding: 0 0 0 16px;
    position: relative;
    margin: 0;
    line-height: normal;
}
.viewPackageOff .abtHosWrap .hosTitle > p::before{
    content: '\e0c8';
    position: absolute;
    left: -3px;
    top: -1px;
    font-family: var(--g-font);
    font-size: 17px;
    color: var(--theme-color);
    line-height: 1;
}
.viewPackageOff .abtHosWrap .hosTitle > .rating{
    background-color: var(--green);
    width: 45px;
    height: 45px;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 10px;
    top: 50%;
    overflow: visible;
    font-size: 14px;
    font-weight: var(--fw-medium);
    color: #107e4a;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.offcanvas.viewPackageOff .offcanvas-title{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.offcanvas.viewPackageOff .offcanvas-title > .mainSpec{
    font-size: 16px;
    margin: 0 5px 0 0;
}
.offcanvas.viewPackageOff .offcanvas-title > .subSpec{
    background-color: var(--light-bg);
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    height: 27px;
    padding: 0 10px;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    font-weight: var(--fw-medium);
    color: var(--theme-color);
    line-height: 1;
    letter-spacing: 0.5px;
    text-transform: capitalize;
}
.offcanvas.viewPackageOff .offcanvas-footer .btnWrap{
    justify-content: space-between;
}

.medicalSuggestion{
    position: absolute;
    width: 100%;
    left: 0;
    top: 70px;
    display: flex;
    flex-wrap: wrap;
    z-index: 5;
    border-radius: var(--common-radius);
    -webkit-border-radius: var(--common-radius);
    -moz-border-radius: var(--common-radius);
    -ms-border-radius: var(--common-radius);
    -o-border-radius: var(--common-radius);
    background-color: var(--white);
    padding: 10px 15px;
    box-shadow: 0 20px 60px -40px #4b4f5c;
    max-height: 350px;
    overflow: auto;
}
.medicalSuggestion > li{
    width: 100%;
    position: relative;
    border-bottom: 1px dashed var(--theme-color);
    margin: 0 0 4px;
}
.medicalSuggestion > li:last-child{
    margin: 0;
    border: none;
}
.medicalSuggestion > li > a{
    width: 100%;
    height: 44px;
    position: relative;
    padding: 0 0 0 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1;
}
.medicalSuggestion > li > a > span{
    color: var(--theme-black);
    width: max-content;
    font-size: 14px;
    font-weight: var(--fw-medium);
}
.medicalSuggestion > li > a > span.badge{
    color: var(--theme-black);
    width: max-content;
    font-size: 12px;
    font-weight: var(--fw-regular);
    padding: 7px 15px;
    text-transform: uppercase;
    background-color: var(--light-bg);
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
}
.medicalSuggestion > li > a:hover > span.badge{
    background-color: var(--theme-color2);
    color: var(--white);
}
.medicalSuggestion > li[data-type="Specialization"] > a::before,
.medicalSuggestion > li[data-type="Procedure"] > a::before,
.medicalSuggestion > li[data-type="Hospital"] > a::before,
.medicalSuggestion > li[data-type="Country"] > a::before,
.medicalSuggestion > li[data-type="State"] > a::before,
.medicalSuggestion > li[data-type="City"] > a::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background-color: var(--light-bg2);
    border-radius: var(--small-radius);
    -webkit-border-radius: var(--small-radius);
    -moz-border-radius: var(--small-radius);
    -ms-border-radius: var(--small-radius);
    -o-border-radius: var(--small-radius);
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: 25px;
    background-position: center;
    background-repeat: no-repeat;
}
.medicalSuggestion > li[data-type="Procedure"] > a::before{
    background-image: url('../images/icons/doc-procedure.png');
}
.medicalSuggestion > li[data-type="Procedure"] > a:hover::before{
    background-image: url('../images/icons/doc-procedure-white.png');
}
.medicalSuggestion > li[data-type="Specialization"] > a::before{
    background-image: url('../images/icons/doc-procedure.png');
}
.medicalSuggestion > li[data-type="Specialization"] > a:hover::before{
    background-image: url('../images/icons/doc-procedure-white.png');
}
.medicalSuggestion > li[data-type="Hospital"] > a::before{
    background-image: url('../images/icons/hospital.png');
}
.medicalSuggestion > li[data-type="Hospital"] > a:hover::before{
    background-image: url('../images/icons/hospital-white.png');
}
.medicalSuggestion > li[data-type="Country"] > a::before{
    background-image: url('../images/icons/globe.png');
}
.medicalSuggestion > li[data-type="Country"] > a:hover::before{
    background-image: url('../images/icons/globe-white.png');
}
.medicalSuggestion > li[data-type="State"] > a::before,
.medicalSuggestion > li[data-type="City"] > a::before{
    background-image: url('../images/icons/place.png');
}
.medicalSuggestion > li[data-type="State"] > a:hover::before,
.medicalSuggestion > li[data-type="City"] > a:hover::before{
    background-image: url('../images/icons/place-white.png');
}
.medicalSuggestion > li > a:hover::before{
    background-color: var(--theme-color);
}

.hospCardWrap > .notingFound{
    width: 460px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.hospCardWrap > .notingFound p{
    font-size: 25px;
    font-weight: var(--fw-semibold);
    text-transform: capitalize;
}

.withHelp{
    position: relative;
}
.customForm .withHelp > .form-label{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.customForm .withHelp > .form-label > .btn-icon{
    position: absolute;
    right: 0;
}
.customForm .withHelp > .form-label .btn-icon [class*="material-"]{
    margin: 0;
    font-size: 18px;
    color: var(--theme-color);
}
.withHelp .dropdown-menu.show{
    inset: 0 0 auto auto !important;
    box-shadow: 0 20px 60px -35px var(--theme-secondary-color);
    padding: 15px 20px;
}
.customForm .withHelp .dropdown-menu .mainTitle{
    margin: 0 0 10px;
    padding: 0 0 7px;
}
.customForm .withHelp .dropdown-menu p{
    font-size: 14px;
    line-height: normal;
    text-transform: none;
    letter-spacing: normal;
    margin: 0 0 7px;
}
.customForm .withHelp .dropdown-menu p:last-child{
    margin: 0;
}
.withHelp .dropdown-toggle::after{
    display: none;
}
.dropdown-menu.show {
    opacity: 1;
    visibility: visible;
    top: 40px !important;
    right: 0 !important;
    width: fit-content;
    inset: 120% 0 auto auto !important;
}

.help-left .dropdown-menu.show{
    inset: 120% 0 auto 0 !important;
}
/* Medical Tourism Ends */