@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

:root {
    --theme-color: #72a277;
    --theme-color2: #99dfa1;
    --theme-secondary-color: #3f6143;
    --light-theme-color: #edf8ee;
    --white: #fff;
    --black: #000;
    --gray999: #999;
    --gray888: #888;
    --gray777: #777;
    --gray666: #666;
    --gray555: #555;
    --gray222: #222;
    --border-color: #ddd;
    --border-color2: #ececec;
    --bg-gray: #f0f0f0;
    --bg-gray2: #f2f2f2;
    --text-black: #010101;
    --red: #e04747;
    --dark-red: #a40000;
    --light-red: #ffeded;

    --main-font: "Mulish", sans-serif;
    --g-font: "Material Icons";

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

    --transition: 0.5s all ease-in-out;
    --style-transition: 0.25s all cubic-bezier(1,0,0,1);
    --small-transition: 0.2s all ease-in-out;

    --small-radius: 5px;
    --common-radius: 10px;
    --large-radius: 20px;
}

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;
    border: 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(--main-font);
    scroll-behavior: smooth;
}

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-secondary-color);
    color: var(--white);
}

::-moz-selection {
    background: var(--theme-secondary-color);
    color: var(--white);
}

::-webkit-selection {
    background: var(--theme-secondary-color);
    color: var(--white);
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
}

li {
    margin: 0;
    padding: 0;
}

p {
    padding: 0;
    color: var(--gray555);
    font-size: 16px;
    font-family: var(--p-font);
    margin: 0 0 15px 0;
    font-weight: var(--fw-regular);
    line-height: 2;
}
p > .link{
    color: var(--theme-color);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    cursor: pointer;
    text-transform: capitalize;
}
p > .link:hover{
    color: var(--theme-color-orange);
}

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: var(--fw-bold);
}

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

html {
    scrollbar-width: thin;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

*::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(202, 202, 202, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(202, 202, 202, 0.3);
    background-color: var(--white);
}

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

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


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

::-moz-placeholder {
    opacity: 1;
}

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

:-moz-placeholder {
    opacity: 1;
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    outline: none;
    box-shadow: none;
    border-color: var(--theme-color);
}
.form-control::placeholder{
    color: var(--gray999);
    opacity: 0.4;
}
.form-select{
    appearance: none;
    background-image: url('../images/arrow-down.png');
    background-size: 22px;
    background-repeat: no-repeat;
}
.form-control,
.form-select{
    color: var(--text-black);
    border-color: #c9e0cb;
    font-size: 14px;
}
.form-control.form-control-lg{
    height: 60px;
}
.customForm textarea.form-control{
    padding: 15px 20px;
}

button{
    font-family: var(--main-font);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}

/* Common */
.kpContainerFluid{
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding: 0 40px;
}
.kpContainer{
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    padding: 0 80px;
}
.kpContainerBox{
    max-width: 1366px;
    width: 100%;
    margin: 0 auto;
    padding: 0 80px;
}

.imgBox > img{
    width: 100%;
}

.customRadio{
    display: flex;
}
.customRadio > *{
    padding: 0 20px;
}

.customRadio .form-check *{
    cursor: pointer;
}
.customRadio .form-check .form-check-label{
    color: var(--gray555);
    font-size: 14px;
    font-weight: var(--fw-semibold);
    text-transform: capitalize;
}
.customRadio .form-check-input{
    transition: var(--style-transition);
    -webkit-transition: var(--style-transition);
    -moz-transition: var(--style-transition);
    -ms-transition: var(--style-transition);
    -o-transition: var(--style-transition);
}
.customRadio .form-check-input:checked{
    background-color: var(--theme-color2);
    border: none;
    box-shadow: 0 0 0 7px #99dfa145;
}
.customRadio .form-check-input:checked[type="radio"]{
    background-image: none;
}
.customRadio .form-check-input:checked + label{
    color: var(--theme-color);
}

.customCheck .form-check-input{
    width: 25px;
    height: 25px;
    margin: 0 6px 0 -24px;
    cursor: pointer;
}
.customCheck .form-check-input:checked{
    background-color: var(--theme-color2);
    border-color: var(--theme-color2);
}
.customCheck .form-check{
    margin: 0;
}
.customCheck .form-check-label{
    font-size: 15px;
    color: var(--theme-secondary-color);
    cursor: pointer;
}

.customForm .row [class*="col-"]{
    margin: 0 0 20px;
}
.customForm .form-select,
.customForm .form-control{
    min-height: 50px;
    font-size: 14px;
    padding: 0 20px;
}
.customForm .form-label{
    font-size: 14px;
    color: var(--gray555);
    text-transform: capitalize;
}
.form-label.withIcon{
    display: flex;
    align-items: center;
}
.form-label.withIcon svg{
    width: 22px;
    fill: #54ce67;
    margin: 0 0 0 5px;
}

.comBtn{
    min-width: 200px;
    height: 60px;
    padding: 0 30px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--theme-secondary-color);
    color: var(--white);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    text-transform: uppercase;
    font-weight: var(--fw-semibold);
    font-size: 14px;
    position: relative;
    overflow: hidden;
}
.comBtn::after{
    background-color: rgba(255, 255, 255, 0.76);
    content: "";
    height: 150px;
    left: -75px;
    position: absolute;
    top: -35px;
    transform: rotate(35deg);
    transition: all 1600ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 40px;
    opacity: 0;
}
.comBtn:hover::after{
    left: 120%;
    transition: all 1300ms cubic-bezier(0.19, 1, 0.22, 1);
    opacity: 0.25;
}
.comBtn:hover{
    background-color: var(--black);
    color: var(--white);
}
.comBtn > svg{
    width: 20px;
    margin: 0 5px 0 0;
}

.comBtn.btn-sm{
    min-width: 160px;
    height: 45px;
    font-size: 13px;
    letter-spacing: 1px;
    padding: 0 15px;
}
.btn.comBtn:disabled{
    background-color: var(--theme-secondary-color);
    color: var(--white);
}

.btn.onlyIcon{
    width: 30px;
    height: 30px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn.onlyIcon > .material-symbols-outlined{
    font-size: 18px;
    font-weight: 300;
    color: var(--white);
}

.btn{
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.5px;
    font-weight: var(--fw-medium);
}
.btn-primary,
.btn-danger,
.btn-warning{
    color: var(--white);
    height: 45px;
    padding: 0 20px;
}
.btn-primary{
    background-color: #809fcb;
    border-color: #809fcb;
}
.btn-primary:hover{
    background-color: #2c4f83;
    border-color: #2c4f83;
}
.btn-danger{
    background-color: #ce5252;
    border-color: #ce5252;
}
.btn-danger:hover{
    background-color: #892d2d;
    border-color: #892d2d;
}
.btn-warning{
    background-color: #f2d378;
    border-color: #f2d378;
}
.btn-warning:hover{
    background-color: #d6b44f;
    border-color: #d6b44f;
    color: var(--white);
}

.titleBar{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 50px;
}
.titleBar .subTitle{
    text-transform: uppercase;
    font-size: 17px;
    letter-spacing: 2px;
    color: var(--gray999);
    display: block;
    margin: 0 0 10px;
    font-weight: var(--fw-regular);
}
.titleBar .mainTitle{
    font-size: 35px;
    text-transform: capitalize;
    font-weight: var(--fw-bold);
    color: var(--theme-color);
}
.titleBar .btn.viewBtn{
    padding: 0;
    display: flex;
    align-items: center;
    font-size: 17px;
    font-weight: var(--fw-semibold);
    text-transform: capitalize;
}
.titleBar .btn.viewBtn .material-symbols-outlined{
    width: 65px;
    height: 65px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 10px;
    font-weight: 300;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    transform-style: preserve-3d;
}
.titleBar .btn.viewBtn:hover{
    color: var(--theme-secondary-color);
}
.titleBar .btn.viewBtn:hover .material-symbols-outlined{
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

@-webkit-keyframes blinker {
    from {
        opacity: 1.0;
    }
    to {
        opacity: 0;
    }
}
@keyframes blinker {
    from {
        opacity: 1.0;
    }
    to {
        opacity: 0;
    }
}

.blink {
    animation: blinker 0.5s infinite alternate;
    -webkit-animation: blinker 0.5s infinite alternate;
}

.input-group-text{
    background-color: var(--light-theme-color);
    color: var(--theme-secondary-color);
}

.kpRow{
    display: flex;
    flex-wrap: wrap;
    margin: -12px;
}
.kpRow > *{
    padding: 12px;
    width: 100%;
}
.kpRow.kpCol-2 > *{
    width: 50%;
}
/* Common Ends */

/* Confirm Js Alert */
.jconfirm .jconfirm-box.jconfirm-type-green{
    background-color: #35644999;
    border-top: 5px solid var(--theme-color2);
    backdrop-filter: blur(10em);
}
.jconfirm .alertBox .mainTitle{
    font-size: 27px;
    display: flex;
    align-items: center;
    margin: 0 0 10px;
    color: white;
    font-weight: var(--fw-semibold);
    line-height: 1;
}
.jconfirm .alertBox .mainTitle .material-symbols-outlined{
    color: var(--theme-color2);
    font-size: 40px;
    margin: 0 5px 0 0;
    font-weight: var(--fw-regular);
}
.jconfirm .alertBox p:last-child{
    font-size: 16px;
    margin: 0;
    color: var(--white);
}
.jconfirm .alrtBoxCnt{
    width: 100%;
    padding: 0 0 0 10px;
}
.jconfirm .jconfirm-box .jconfirm-buttons button{
    margin: 0;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-success{
    background-color: var(--light-theme-color);
    border: none;
    color: var(--theme-secondary-color);
    padding: 10px 40px;
    font-size: 13px;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-success:hover{
    background-color: var(--theme-secondary-color);
    color: var(--white);
}
/* Confirm Js Alert Ends */

/* Header */
.mobBurMenu{
    display: none;
}
.kpHeader .in{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}
.kpHeader .in > *{
    padding: 0 20px;
}
.kpHeader .in .kpLt{
    width: 15%;
}
.kpHeader .in .kpMdl{
    width: 75%;
}
.kpHeader .in .kpRt{
    width: 10%;
    position: relative;
}
.kpHeader .in .kpRt .miniDropdown{
    position: absolute;
    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);
    right: 20px;
    top: 125px;
    z-index: 3;
    box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
    overflow: hidden;
    border-bottom: 3px solid var(--theme-color);
    opacity: 0;
    visibility: hidden;
    transition: var(--style-transition);
    -webkit-transition: var(--style-transition);
    -moz-transition: var(--style-transition);
    -ms-transition: var(--style-transition);
    -o-transition: var(--style-transition);
    transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
}
.kpHeader .in .kpRt .miniDropdown.show{
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
}
.miniDropdown .mDHead{
    background-color: var(--theme-color);
    padding: 15px 25px;
}
.miniDropdown .mDHead > .mainTitle{
    font-size: 17px;
    color: var(--white);
    font-weight: var(--fw-semibold);
}
.miniDropdown .mDBody{
    width: 100%;
}
.miniDropdown ul.miniNav{
    display: flex;
    flex-wrap: wrap;
}
.miniDropdown ul.miniNav > li{
    width: 100%;
    border-bottom: 1px dashed var(--border-color);
}
.miniDropdown ul.miniNav > li:last-child{
    border: none;
}
.miniDropdown ul.miniNav > li > a{
    padding: 10px 25px;
    font-size: 14px;
    color: var(--gray555);
    display: flex;
    text-transform: capitalize;
    transition: var(--style-transition);
    -webkit-transition: var(--style-transition);
    -moz-transition: var(--style-transition);
    -ms-transition: var(--style-transition);
    -o-transition: var(--style-transition);
}
.miniDropdown ul.miniNav > li > a:hover{
    background-color: var(--light-theme-color);
    color: var(--text-black);
}
.miniDropdown ul.miniNav > li > a > .material-symbols-rounded{
    font-weight: 300;
    font-size: 22px;
    margin: 0 7px 0 0;
    font-variation-settings: 'FILL' 0;
    transition: var(--style-transition);
    -webkit-transition: var(--style-transition);
    -moz-transition: var(--style-transition);
    -ms-transition: var(--style-transition);
    -o-transition: var(--style-transition);
}
.miniDropdown ul.miniNav > li > a:hover > .material-symbols-rounded{
    color: var(--theme-color);
    font-variation-settings: 'FILL' 1;
}
.kpHeader .in .kpMdl .kpBlock{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    padding: 20px 0;
}
.kpHeader .in .kpLt .imgBox{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.signInBtn{
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    background-color: var(--theme-color);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: var(--fw-medium);
    color: var(--white);
    cursor: pointer;
}
.signInBtn svg{
    width: 30px;
    fill: var(--white);
    margin: 0 0 2px;
}
.signInBtn:hover{
    background-color: var(--theme-secondary-color);
}
.signInBtn > i{
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 60px;
    color: var(--white);
}
.signInBtn:hover > i{
    color: var(--white);
}

ul.supportUl{
    margin: 0 -15px;
}
ul.supportUl li{
    display: flex;
    align-items: center;
    padding: 0 15px;
    position: relative;
    text-transform: capitalize;
    font-size: 14px;
    color: var(--text-black);
}
ul.supportUl li::after{
    content: '';
    position: absolute;
    width: 1px;
    height: 15px;
    background-color: var(--theme-color);
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
ul.supportUl li:last-child::after{
    display: none;
}
ul.supportUl li span{
    margin: 0 5px;
}
ul.supportUl li span.material-symbols-outlined{
    color: var(--theme-color2);
    font-weight: 300;
}
ul.supportUl li a{
    text-transform: lowercase;
    color: var(--gray555);
}

ul.socialLinks{
    margin: 0 -5px 20px -5px;
    justify-content: flex-end;
}
ul.socialLinks li{
    padding: 0 5px; 
}
ul.socialLinks li a{
    width: 30px;
    height: 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;
    align-items: center;
    justify-content: center;
}
ul.socialLinks li a:hover{
    background-color: var(--theme-secondary-color);
}
ul.socialLinks li a svg{
    fill: var(--white);
    width: 17px;
}

ul.navbar{
    margin: 0 -15px;
}
ul.navbar li{
    padding: 0 15px;
}
ul.navbar li > a{
    text-transform: capitalize;
    color: var(--gray555);
    font-size: 15px;
}
ul.navbar li > a:hover{
    color: var(--theme-color2);
}
/* Header Ends */

/* Banner Section */
.kpBannerSec{
    width: 100%;
    position: relative;
    margin: 0 0 80px;
}
.kpBannerSec .banSwipper::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #054025;
    opacity: 0.5;
    z-index: 2;
}
.kpBannerSec > .in{
    width: 100%;
    padding: 40px 0;
    position: relative;
    z-index: 2;
}
.kpBannerSec > .in .kpBlock{
    display: flex;
    align-items: center;
    margin: -20px;
}
.kpBannerSec > .in .kpBlock > *{
    width: 50%;
    padding: 20px;
}
.kpBannerSec > .in .kpBlock > .kpLt{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.kpBannerSec .kpBlock .kpLt > p{
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0 0 20px;
    font-size: 20px;
    color: var(--gray555);
    display: none;
}
.kpBannerSec .kpBlock .kpLt > p svg{
    width: 50px;
    fill: var(--theme-color);
    margin: 0 10px 0 0;
}
.kpBannerSec .kpBlock .kpLt > p > a{
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 40px;
    background-color: var(--theme-color);
    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);
    transform-style: preserve-3d;
}
.kpBannerSec .kpBlock .kpLt > p > a: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);
}
.kpBannerSec .kpBlock .kpLt > p > a .material-symbols-outlined{
    color: var(--white);
    font-weight: 300;
    font-size: 30px;
}
.kpBannerSec .customForm > .inner{
    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: 50px 60px;
    box-shadow: 0 20px 110px -70px var(--theme-secondary-color);
}

.kpBannerSec .bannerText{
    width: calc(100% - 130px);
}
.kpBannerSec .bannerText > .mainTitle{
    font-size: 50px;
    color: var(--white);
    line-height: 1.2;
    font-weight: var(--fw-bold);
    margin: 0 0 30px;
}
.kpBannerSec .bannerText > span{
    position: relative;
    width: 100%;
    height: 1px;
    background-color: var(--white);
    display: block;
    margin: 0 0 30px;
}
.kpBannerSec .bannerText > span::before,
.kpBannerSec .bannerText > span::after{
    content: '';
    position: absolute;
    background-color: var(--theme-color2);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}
.kpBannerSec .bannerText > span::before{    
    width: 10px;
    height: 10px;    
    top: -4px;
    left: 0;
}
.kpBannerSec .bannerText > span::after{    
    width: 15px;
    height: 15px;    
    top: -7px;
    right: 0;
    box-shadow: 0 0 0 10px #99dfa145;
}
.kpBannerSec .bannerText > p{
    color: var(--white);
    font-size: 25px;
    line-height: 1.4;
    margin: 0;
}

.kpBannerSec .customForm .mainTitle{
    font-size: 25px;
    font-weight: var(--fw-bold);
    margin: 0 0 30px;
}
.kpBannerSec .customForm .nav.nav-pills{
    margin: -10px -15px 10px -15px;
}
.kpBannerSec .customForm .nav.nav-pills .nav-item{
    padding: 10px 15px;
}
.kpBannerSec .customForm .nav-link{
    padding: 0;
    background-color: transparent;
    color: var(--gray555);
    font-size: 15px;
    font-weight: var(--fw-semibold);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-bottom: 0px solid var(--theme-color2);
    transition: var(--style-transition);
    -webkit-transition: var(--style-transition);
    -moz-transition: var(--style-transition);
    -ms-transition: var(--style-transition);
    -o-transition: var(--style-transition);
}
.kpBannerSec .customForm .nav-link.active{
    padding: 0 0 5px;
    border-bottom: 3px solid var(--theme-color2);
}
.kpBannerSec .customForm .btnWrap{
    display: flex;
    justify-content: center;
    margin: 20px 0 0 0;
}

.kpBannerSec .trvlModeUl{
    margin: -10px -5px -10px -5px;
}
.kpBannerSec .trvlModeUl > li{
    padding: 10px 5px;
}
.trvlModeUl .normalRadio label{
    height: 30px;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    font-weight: var(--fw-semibold);
    font-size: 14px;
    padding: 0 0 0 30px;
}

.paxColtn{
    position: absolute;
    width: calc(100% - 20px);
    padding: 20px 25px;
    border: 1px solid var(--border-color);
    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: 10px;
    top: 80px;
    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: 1;
}
.paxColtn.show{
    opacity: 1;
    visibility: visible;
}
.paxColtn::before{
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    border: 1px solid var(--border-color);
    top: -10px;
    right: 20px;
    background: white;
    border-bottom: 0;
    border-right: 0;
}
.paxColtn > div,
.paxColtn > div .increDecre{
    display: flex;
    align-items: center;
}
.paxColtn > div{
    justify-content: space-between;
    font-size: 15px;
    color: var(--gray555);
    text-transform: capitalize;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.paxColtn > div:hover{
    color: var(--theme-color);
}
.paxColtn .increDecre span{
    width: 40px;
    height: 40px;
    font-size: 22px;
    color: var(--gray999);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-weight: 300;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.paxColtn .increDecre span:hover{
    color: var(--theme-secondary-color);
}
.paxColtn .increDecre input[type="text"]{
    width: 40px;
    height: 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);
    border: 1px solid var(--border-color);
    text-align: center;
    font-size: 15px;
    margin: 0 5px;
}

.timeSetWrap{
    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);
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 1;
    top: 80px;
    width: calc(100% - 25px);
    background-color: var(--white);
}
.timeSetWrap.show{
    opacity: 1;
    visibility: visible;
}
.kpBannerSec > .in .kpBlock .timeSetWrap .kpBlock{
    margin: 0;
    flex-direction: column;
}
.kpBannerSec > .in .kpBlock .timeSetWrap .kpItem,
.timeSetWrap .kpItem{
    width: 100%;
    display: flex;
    padding: 0;
}
.timeSetWrap .kpItem > ul{
    width: 100%;
    display: block;
    max-height: 182px;
    overflow: auto;
}
.timeSetWrap .kpItem > ul > li{
    width: 100%;
    display: flex;
    justify-content: center;
    border-bottom: 1px solid var(--border-color);
    font-size: 13px;
}
.timeSetWrap .kpItem > ul > li:last-child{
    border: none;
}
.kpBannerSec .timeSetWrap .btnWrap{
    padding: 10px;
    margin: 0;
    width: 100%;
}
.timeSetWrap .btnWrap .comBtn{
    min-width: auto;
    width: 100%;
    height: 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);
    font-size: 12px;
}

.timeSetWrap .timeRadio{
    width: 100%;
}
.timeRadio input[type="radio"]{
    display: none;
}
.timeRadio label{
    padding: 10px 15px;
    width: 100%;
    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;
}
.timeRadio input[type="radio"]:checked + label{
    background-color: var(--theme-color);
    color: var(--white);
}

#cab-book .returnTimeText{
    font-size: 13px;
    padding: 5px 15px;
    background-color: var(--light-theme-color);
    border: 1px solid var(--theme-color);
    color: var(--theme-secondary-color);
    margin: 5px 0 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);
    font-weight: var(--fw-bold);
    line-height: 1.4;
}
.kpBan{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.swiper.banSwipper,
.swiper.banSwipper .swiper-slide,
.swiper.banSwipper .swiper-slide .imgBox,
.swiper.banSwipper .swiper-slide .imgBox img{
    height: 100%;
    object-fit: cover;
}

.listSuggestions{
    position: absolute;
    top: 85px;
    left: 10px;
    width: calc(100% - 20px);
    overflow: auto;
    max-height: 300px;
    z-index: 1;
    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);
    background-color: var(--white);
}
.listSuggestions > .listSugItem{
    font-size: 13px;
    border-bottom: 1px dashed var(--border-color);
    padding: 10px 15px 10px 30px;
    text-transform: capitalize;
    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(--gray555);
    cursor: pointer;
    position: relative;
    line-height: 1.4;
    display: flex;
    flex-wrap: wrap;
}
.listSuggestions > .listSugItem > span{
    padding: 0 1px;
}
.listSuggestions > .listSugItem > span:first-child{
    width: 100%;
    font-size: 13px;
    font-weight: var(--fw-semibold);
    color: var(--black);
}
.listSuggestions > .listSugItem::before{
    content: '\e0c8';
    position: absolute;
    font-family: var(--g-font);
    left: 8px;
    top: 12px;
    font-size: 22px;
    font-weight: 300;
    color: var(--gray777);
    transition: var(--small-transition);
    -webkit-transition: var(--small-transition);
    -moz-transition: var(--small-transition);
    -ms-transition: var(--small-transition);
    -o-transition: var(--small-transition);
    line-height: 1;
}
.listSuggestions > .listSugItem:hover::before{
    color: var(--theme-secondary-color);
}
.listSuggestions > .listSugItem:hover{
    background-color: var(--light-theme-color);
    color: var(--theme-secondary-color);
}
/* Banner Section Ends */

/* Package Section */
.kpContainer,
.kpContainerFluid,
.kpContainerBox{
    padding: 0 40px;
}
.packageSec{
    margin: 0 0 100px;
}
.packGridWrap .kpBlock{
    display: flex;
    flex-wrap: wrap;
    margin: -20px;
}
.packGridWrap .kpBlock > *{
    width: calc(100% / 4);
    padding: 20px;
}
.destiCard .imgBox{
    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);
    position: relative;
}
.destiCard .imgBox::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 50%;
    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;
}
.destiCard .imgBox:hover::before{
    height: 100%;
    opacity: 0.5;
}
.destiCard .imgBox .kpCnt{
    padding: 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.destiCard .material-symbols-outlined{
    width: 40px;
    height: 40px;
    background-color: var(--theme-color);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-weight: 300;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    font-size: 18px;
    line-height: 1;
    position: absolute;
    top: 20px;
    right: 20px;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    transform-style: preserve-3d;
} 
.destiCard .imgBox:hover .material-symbols-outlined{
    opacity: 1;
    visibility: visible;
}
.destiCard .imgBox .material-symbols-outlined:hover{
    background-color: var(--theme-secondary-color);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.destiCard .imgBox .kpCnt .mainTitle{
    font-size: 20px;
    text-transform: capitalize;
    color: var(--white);
    margin: 0 0 7px;
}
.destiCard .imgBox .kpCnt p{
    margin: 0;
    display: flex;
    justify-content: flex-end;
    color: var(--white);
    font-size: 14px;
    position: relative;
    text-transform: capitalize;
}
.destiCard .imgBox .kpCnt p::before{
    content: '';
    position: absolute;
    width: calc(100% - 45%);
    height: 1px;
    background-color: var(--white);
    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);
}
.destiCard .imgBox:hover .kpCnt p::before{
    width: calc(100% - 65%);
}
.destiCard .imgBox .kpCnt p span{
    padding: 0 0 0 20px;
    display: flex;
    align-items: center;
    line-height: 1.2;
}
/* Package Section Ends */

/* Footer */
.footerWrap{
    background-color: var(--light-theme-color);
    padding: 50px;
    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;
    margin: 0 0 40px 0;
    position: relative;
    overflow: hidden;
}
.footerWrap::before{
    content: '';
    position: absolute;
    width: 500px;
    height: 500px;
    border-radius: 50em;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    -ms-border-radius: 50em;
    -o-border-radius: 50em;
    background-color: #54ce67;
    bottom: -20em;
    right: 15em;
    filter: blur(10em);
    -webkit-filter: blur(10em);
    opacity: 0.4;
}
.footerWrap > *{
    width: 100%;
}
.footerWrap .kpTop .kpBlock{
    display: flex;
    flex-wrap: wrap;
    margin: -20px;
    position: relative;
}
.footerWrap .kpTop .kpBlock > *{
    padding: 20px;
    width: 20%;
}
.footerWrap .kpTop .kpBlock > *:first-child{
    width: 40%;
}
.footerWrap .kpTop .imgBox{
    width: 250px;
    display: block;
    margin: 0 0 30px;
}
.footerWrap .kpTop .kpBlock > *:first-child p{
    font-size: 17px;
    line-height: 1.7;
    margin: 0;
    width: 30em;
}
.footerWrap .kpTop .mainTitle{
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0 0 15px;
    padding: 0 0 15px;
    position: relative;
    color: var(--theme-secondary-color);
}
.footerWrap .kpTop .mainTitle::before{
    content: '';
    position: absolute;
    width: 40px;
    height: 3px;
    background-color: var(--theme-color2);
    bottom: 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);
}
.footerWrap .kpTop ul.footNav li{
    width: 100%;
    margin: 0 0 15px;
}
.footerWrap .kpTop ul.footNav li:last-child{
    margin: 0;
}
.footerWrap .kpTop ul.footNav li a{
    color: var(--gray666);
    text-transform: capitalize;
    font-size: 15px;
}
.footerWrap .kpTop ul.footNav li a:hover{
    color: var(--theme-color);
}
.footerWrap .kpTop .kpBlock > *:last-child .kpItemIn:first-child{
    margin: 0 0 30px;
}
.footerWrap .kpTop .kpBlock > *:last-child p{
    font-size: 15px;
    line-height: 1.5;
    display: flex;
}
.footerWrap .kpTop .kpBlock > *:last-child p span{
    color: var(--theme-color2);
    margin: 0 10px 0 0;
    font-size: 22px;
}
.footerWrap .kpTop .kpBlock > *:last-child p a{
    color: var(--gray555);
}
.footerWrap .kpBtm{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 30px 0 0;
    padding: 30px 0 0;
    border-top: 1px dashed var(--theme-color);
    position: relative;
}
.footerWrap .kpBtm p{
    margin: 0;
}
.footerWrap .kpBtm ul.socialLinks{
    margin: 0 -7px;
}

footer > ul.navbar{
    display: none;
}
/* Footer Ends */

/* Login Modal */
.btn-close{
    width: 40px;
    height: 40px;
    font-size: 20px;
    background-color: var(--red);
    color: var(--light-red);
    background-image: none;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 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);
    padding: 0 !important;
}
.btn-close.btn-sm{
    width: 40px;
    height: 40px;
}
.btn-close:focus{
    background-color: var(--red);
    color: var(--light-red);
}
.btn-close:hover{
    background-color: var(--dark-red);
    color: var(--light-red);
}
.modal.loginModal .modal-dialog{
    max-width: 992px;
    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);
}
.loginModal .in{
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.loginModal .in .kpLt{
    width: 40%;
}
.loginModal .in .kpRt{
    width: 60%;
    padding: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.loginModal .in .btn-close{
    position: absolute;
    right: 10px;
    top: 10px;
}
.loginModal .btnWrap .comBtn{
    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: 100%;
    min-width: auto;
}
.loginModal .titleBar{
    margin: 0 0 30px;
}
.loginModal .titleBar .mainTitle{
    font-size: 25px;
}
.loginModal .customCheck{
    margin: 0 auto 0 0; 
}
.loginModal .forgotPass{
    font-size: 14px;
    text-transform: capitalize;
    color: var(--theme-color);
}
.loginModal .forgotPass:hover{
    color: var(--theme-secondary-color);
}
.loginModal .signUp{
    margin: 20px 0 0 0;
    font-size: 17px;
    color: var(--gray888);
}
.loginModal .signUp a{
    font-weight: var(--fw-medium);
    color: var(--theme-secondary-color);
}
.loginModal .signUp a:hover{
    color: var(--theme-color);
}

.loginModal .msgBox{
    margin: 10px 0 0;
    border: 1px solid var(--theme-color2);
    background-color: var(--light-theme-color);
    padding: 10px 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);
    font-size: 13px;
}
.loginModal .msgBox .text-muted{
    color: var(--theme-secondary-color);
}
/* Login Modal Ends */

/* Alert */
.alert{
    font-size: 13px;
    padding: 15px 20px;
}
.alert-info{
    background-color: var(--light-theme-color);
    color: var(--theme-secondary-color);
    border: none;
}
/* Alert Ends */

/* Modal */
.modal .modal-content > *{
    padding: 20px;
}
.modal .modal-header .modal-title{
    font-size: 18px;
    font-weight: var(--fw-bold);
    text-transform: capitalize;
}
.modal .modal-body > .mainTitle{
    font-size: 17px;
    text-transform: capitalize;
    color: var(--text-black);
    font-weight: var(--fw-semibold);
    margin: 15px 0 15px;
    border-bottom: 1px solid var(--border-color);
    padding: 0 0 15px;
}
.modal-backdrop{
    background-color: rgba(63, 97, 67, 0.62);
    backdrop-filter: blur(2em);
}
.modal-backdrop.show{
    opacity: 1;
}
/* Modal Ends */

/* Datepicker */
.ui-datepicker{
    width: auto;
}
.ui-widget.ui-widget-content.ui-datepicker{
    border: 1px solid var(--border-color);
}
.ui-widget-header .ui-icon{
    background-image: none;
    text-indent: 0;
}
.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next{
    width: 30px;
    height: 30px;
    top: 2px !important;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    overflow: hidden;
    border: none !important;
    cursor: pointer;
    position: static;
}
.ui-datepicker .ui-datepicker-prev{
    order: 1;
}
.ui-datepicker .ui-datepicker-next{
    order: 3;
}
.ui-datepicker .ui-datepicker-prev span, 
.ui-datepicker .ui-datepicker-next span{
    position: relative;
    left: 0;
    top: 0;
    margin: 0;
    background-color: red;
    width: 100%;
    height: 100%;
}
.ui-datepicker .ui-datepicker-prev span::before, 
.ui-datepicker .ui-datepicker-next span::before{
    content: '\e5cb';
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--g-font);
    font-size: 20px;
    font-weight: 300;
    color: var(--white);
    background-color: var(--theme-secondary-color);
    left: 0;
    top: 0;
}
.ui-datepicker .ui-datepicker-prev span::before{
    content: '\e5cb';
}
.ui-datepicker .ui-datepicker-next span::before{
    content: '\e5cc';
}
.ui-datepicker .ui-datepicker-next{
    right: 2px !important;
}
.ui-datepicker .ui-datepicker-header{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 5px;
    height: 40px;
    border: none;
    background-color: var(--light-theme-color);
}
.ui-datepicker .ui-datepicker-title{
    margin: 0;
    order: 2;
    width: calc(100% - 60px);
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: var(--fw-regular);
    letter-spacing: 1px;
}

.ui-datepicker th{
    width: 35px;
    height: 35px;
    padding: 0;
    color: var(--gray666);
    font-weight: var(--fw-regular);
    font-size: 13px;
    text-transform: uppercase;
}
.ui-datepicker th,
.ui-datepicker td span, 
.ui-datepicker td a{    
    border-radius: 50px;
}
.ui-datepicker td span, 
.ui-datepicker td a{
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 1;
}

.ui-state-default, .ui-widget-content .ui-state-default{
    background-color: var(--light-theme-color);
    color: var(--theme-secondary-color);
    border: 1px solid var(--light-theme-color);
}
.ui-state-default, .ui-widget-content .ui-state-default.ui-state-hover{
    background-color: var(--theme-secondary-color);
    color: var(--white);
    border-color: var(--theme-secondary-color);
}
.ui-state-default, .ui-widget-content .ui-state-default.ui-state-highlight{
    background-color: var(--theme-color2);
    color: var(--white);
    border-color: var(--theme-color2);
}
/* Datepicker Ends */

/* Offcanvas */
.offcanvas.offcanvas-end{
    width: calc(100% - 500px);
}
.offcanvas.offcanvas-end.offcanvas-half{
    width: 50%;
    border: none;
}
.offcanvas-header{
    border-bottom: 1px solid var(--border-color);
}
.offcanvas-header .btn-close{
    width: 40px;
    height: 40px;
}
.offcanvas > *{
    padding: 20px 25px;
}
.offcanvas-footer{
    border-top: 1px solid var(--border-color);
}
.offcanvas-footer .btnWrap > *{
    margin: 0 3px;
}
.offcanvas-footer .btnWrap > *:first-child{
    margin-left: 0;
}
.offcanvas-footer .btnWrap > *:last-child{
    margin-right: 0;
}
.offcanvas-title{
    font-size: 15px;
    font-weight: var(--fw-semibold);
}
/* Offcanvas Ends */

/* Registration */
.regiSec{
    width: 100%;
    padding: 100px 0;
    background-color: var(--light-theme-color);
    margin: 0 0 50px;
}
.regiSec .in{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.regiSec .in > *{
    width: 50%;
}
.regiSec .in > .kpRt{
    padding: 0 50px 0 100px;
}
.regiSec .mainTitle{
    font-size: 30px;
    margin: 0 0 7px;
}
.regiSec .titleBar{
    flex-direction: column;
    align-items: flex-start;
    margin: 0 0 30px;
}
.regiSec .titleBar p{
    margin: 0;
    font-size: 15px;
}
.regiSec .comBtn{
    width: 100%;
    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: 15px 0 0 0;
}
.regiSec .imgBox{
    position: relative;
}
.regiSec .imgBox::before,
.regiSec .imgBox::after{
    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%);
    background-color: #6ed57e;
    border-radius: 50em;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    -ms-border-radius: 50em;
    -o-border-radius: 50em;
}
.regiSec .imgBox::before{
    width: 15em;
    height: 15em;
    animation: pulse-animation 1s infinite;
    -webkit-animation: pulse-animation 1s infinite;
}
.regiSec .imgBox::after{
    width: 25em;
    height: 25em;
    opacity: 0.1;
    animation: pulse-animation 0.5s infinite;
    -webkit-animation: pulse-animation 0.5s infinite;
}
@keyframes pulse-animation {
    0%,
    100% {
        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);
    }
    50% {
        transform: translate(-50%, -50%) scale(1.2);
        -webkit-transform: translate(-50%, -50%) scale(1.2);
        -moz-transform: translate(-50%, -50%) scale(1.2);
        -ms-transform: translate(-50%, -50%) scale(1.2);
        -o-transform: translate(-50%, -50%) scale(1.2);
    }
}
@-o-keyframes pulse-animation {
    0%,
    100% {
        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);
    }
    50% {
        transform: translate(-50%, -50%) scale(1.2);
        -webkit-transform: translate(-50%, -50%) scale(1.2);
        -moz-transform: translate(-50%, -50%) scale(1.2);
        -ms-transform: translate(-50%, -50%) scale(1.2);
        -o-transform: translate(-50%, -50%) scale(1.2);
    }
}
@-moz-keyframes pulse-animation {
    0%,
    100% {
        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);
    }
    50% {
        transform: translate(-50%, -50%) scale(1.2);
        -webkit-transform: translate(-50%, -50%) scale(1.2);
        -moz-transform: translate(-50%, -50%) scale(1.2);
        -ms-transform: translate(-50%, -50%) scale(1.2);
        -o-transform: translate(-50%, -50%) scale(1.2);
    }
}
@-o-keyframes pulse-animation {
    0%,
    100% {
        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);
    }
    50% {
        transform: translate(-50%, -50%) scale(1.2);
        -webkit-transform: translate(-50%, -50%) scale(1.2);
        -moz-transform: translate(-50%, -50%) scale(1.2);
        -ms-transform: translate(-50%, -50%) scale(1.2);
        -o-transform: translate(-50%, -50%) scale(1.2);
    }
}
@-webkit-keyframes pulse-animation {
    0%,
    100% {
        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);
    }
    50% {
        transform: translate(-50%, -50%) scale(1.2);
        -webkit-transform: translate(-50%, -50%) scale(1.2);
        -moz-transform: translate(-50%, -50%) scale(1.2);
        -ms-transform: translate(-50%, -50%) scale(1.2);
        -o-transform: translate(-50%, -50%) scale(1.2);
    }
}


.regiSec .imgBox img{
    position: relative;
    z-index: 1;
}
.input-group-text{
    font-size: 14px;
}
/* Registration Ends */

/* Listing Page */
.modifyWrap{
    background-color: var(--theme-secondary-color);
    padding: 20px 0;
    position: sticky;
    top: 0;
    z-index: 2;
}
.cabListLayout .modifyWrap .kpBlock{
    display: flex;
    margin: -15px;
    flex-wrap: wrap;
    align-items: center;
}
.cabListLayout .modifyWrap .kpBlock > *{
    padding: 15px;
}
.cabListLayout .modifyWrap .kpBlock > *:first-child{
    width: calc(100% - 18%);
}
.cabListLayout .modifyWrap .kpBlock > *:last-child{
    width: 18%;
}
.cabListLayout .modifyWrap .kpBlock > *:last-child .kpItemIn{
    height: 100%;
    display: flex;
    align-items: flex-end;
}
.modifyWrap .form-label{
    color: var(--white);
}
.modifyWrap .btnWrap{
    width: 100%;
}
.modifyWrap .comBtn{
    background-color: var(--theme-color2);
    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);
    height: 50px;
    width: 100%;
    min-width: 100%;
    font-weight: var(--fw-semibold);
    letter-spacing: 1px;
}
.modifyWrap .comBtn:hover{
    background-color: var(--theme-color);
    color: var(--white);
}

.cabListLayout .modBox{
    width: 100%;
}
.cabListLayout .modBox > .modBoxItem{
    display: flex;
    align-items: center;
    margin: -20px;
}
.cabListLayout .modBox > .modBoxItem > *{
    padding: 20px;
    max-width: 35%;
}
.cabListLayout .modBox > .modBoxItem > *:nth-child(2){
    max-width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.cabListLayout .modBox > .modBoxItem .mainTitle{
    font-size: 18px;
    color: var(--white);
    font-weight: var(--fw-semibold);
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.2;
    margin: 0 0 3px;
    text-overflow: ellipsis;
}
.cabListLayout .modBox > .modBoxItem p{
    font-size: 14px;
    color: var(--light-theme-color);
    margin: 0;
    line-height: 1.2;
}
.cabListLayout .modBox > .modBoxItem > .kpMdl > i{
    width: 100%;
    height: 2px;
    display: block;
    background-color: var(--light-theme-color);
    position: relative;
}
.cabListLayout .modBox > .modBoxItem > .kpMdl > i::before,
.cabListLayout .modBox > .modBoxItem > .kpMdl > i::after{
    content: '';
    position: absolute;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    background-color: var(--theme-color2);
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 15px;
    height: 15px;
}
.cabListLayout .modBox > .modBoxItem > .kpMdl > i::before{
    left: 0;
}
.cabListLayout .modBox > .modBoxItem > .kpMdl > i::after{
    right: 0;
}
.cabListLayout .modBox > .modBoxItem > .kpMdl > span{
    padding: 5px 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    color: var(--white);
}

.listingWrap{
    background-color: var(--light-theme-color);
    padding: 50px 0;
    margin: 0 0 50px;
}
.listingWrap .in{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: -20px;
    position: relative;
}
.listingWrap .in > *{
    padding: 20px;
    position: sticky;
    top: 150px;
}
.listingWrap .in > .filterWrap{
    width: 30%;
}
.listingWrap .in > .filterWrap > .inner{
    background-color: var(--white);
    padding: 30px 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);
    min-height: 250px;
    max-height: 32em;
    overflow: auto;
}
.listingWrap .in > .listBoxWrap{
    width: calc(100% - 30%);
}
.cabCard{
    background-color: var(--white);
    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 20px;
    box-shadow: 0 5px 0px -6px var(--theme-secondary-color);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.cabCard:hover{
    box-shadow: 0 5px 34px -20px var(--theme-secondary-color);
}
.cabCard:last-child{
    margin: 0;
}
.cabCard .kpBlock{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: -15px;
}
.cabCard .kpBlock > *{
    padding: 20px;
}
.cabCard .kpBlock > *:first-child,
.cabCard .kpBlock > *:last-child{
    width: 25%;
}
.cabCard .kpBlock > *:nth-child(2){
    width: 50%;
}
.cabCard .imgBox{
    background-color: var(--light-theme-color);
    padding: 25px;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.cabCard .cabName > .title{
    font-size: 20px;
    font-weight: var(--fw-semibold);
    text-transform: capitalize;
    margin: 0 0 5px;
    color: var(--theme-secondary-color);
}
.cabCard .cabName > ul{
    margin: 0 -10px;
}
.cabCard .cabName > ul li{
    font-size: 12px;
    color: var(--gray666);
    padding: 0 10px;
    position: relative;
}
.cabCard .cabName > ul li::after{
    content: '';
    position: absolute;
    width: 1px;
    height: 50%;
    background-color: var(--theme-color);
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    opacity: 0.5;
}
.cabCard .cabName > ul li:last-child::after{
    display: none;
}
.cabCard .cabInfo > p{
    font-size: 14px;
    line-height: 1.5;
    margin: 10px 0;
    color: var(--text-black);
}
.cabCard .cabInfo > p > span{
    font-size: 12px;
    color: var(--gray888);
    display: block;
}
.cabCard .cabInfo .canceltnInfo{
    background-color: var(--light-theme-color);
    max-width: fit-content;
    padding: 5px 10px;
    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: #5a8e5e;
    border: 1px solid #5a8e5e;
}
.priceDtls{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.ratingInfo{
    padding: 7px 10px;
    background-color: var(--theme-color2);
    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);
    margin: 0 0 15px;
}
.priceDtls .offerText{
    font-size: 12px;
    text-transform: uppercase;
    border: 1px solid var(--theme-secondary-color);
    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);
    margin: 0 0 5px;
    color: var(--gray666);
}
.priceDtls > .price{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin: 0 0 10px;
}
.priceDtls > .price .oldPrice{
    text-decoration: line-through;
    font-size: 12px;
    color: var(--gray888);
    margin: 0 7px 0 0;
}
.priceDtls > .price .newPrice{
    font-size: 18px;
    font-weight: var(--fw-bold);
    color: var(--text-black);
}
.priceDtls .comBtn{
    min-width: auto;
    width: 100%;
    height: 45px;
    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: 14px;
    font-weight: var(--fw-semibold);
    letter-spacing: 1px;
}


.price-range-slider {
    width: 100%;
    padding: 0 3px;
}
.price-range-slider .range-value {
    margin: 0 0 15px;
    font-size: 14px;
    line-height: 1;
    display: flex;
    justify-content: space-between;
    color: var(--gray555);
}
.price-range-slider .range-value input {
    width: 100%;
    background: none;
    color: var(--gray555);
    box-shadow: none;
    border: none;
    margin: 0 0 0 -3px;
    line-height: 1;
}
.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(--theme-color2);
}
.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: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.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);
}

.filterWrap .titleBar{
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid var(--border-color);
}
.filterWrap .titleBar .mainTitle{
    font-size: 25px;
    display: flex;
    flex-direction: column;
}
.filterWrap .titleBar .mainTitle > span{
    font-size: 14px;
    font-weight: var(--fw-regular);
    color: var(--gray666);
    letter-spacing: 0.4px;
    display: block;
    margin: 5px 0 0 0;
}
.filterWrap .titleBar p{
    text-transform: uppercase;
    font-size: 11px;
    cursor: pointer;
    margin: 0;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    border: 1px solid 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);
    padding: 3px 12px;
    color: var(--red);
}
.filterWrap .titleBar p:hover{
    background-color: var(--red);
    color: var(--white);
}

.filterCard{
    width: 100%;
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid var(--border-color);
}
.filterCard:last-child{
    margin: 0;
    padding: 0;
    border: none;
}
.filterCard .title{
    text-transform: uppercase;
    line-height: 1;
    display: block;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: var(--fw-semibold);
    color: var(--theme-color);
    margin: 0 0 15px;
}

.fliterUl{
    display: flex;
    flex-wrap: wrap;
    margin: -4px;
}
.fliterUl > li{
    padding: 4px;
}

.customCheck > div:not(.form-check){
    position: relative;
}
.customCheck > div:not(.form-check) input[type="checkbox"]{
    display: none;
}
.customCheck > div:not(.form-check) label{
    background-color: var(--light-theme-color);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    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);
    font-size: 12px;
    text-transform: capitalize;
    cursor: pointer;
    transition: var(--style-transition);
    -webkit-transition: var(--style-transition);
    -moz-transition: var(--style-transition);
    -ms-transition: var(--style-transition);
    -o-transition: var(--style-transition);
    letter-spacing: 0.5px;
    border: 1px solid var(--light-theme-color);
}
.customCheck > div:not(.form-check) label:hover{
    border-color: var(--theme-secondary-color);
}
.customCheck > div:not(.form-check) input[type="checkbox"]:checked ~ label{
    background-color: var(--theme-secondary-color);
    color: var(--white);
    border-color: var(--theme-secondary-color);
}

.customCheck.multiple{
    margin: -5px;
    display: flex;
    flex-wrap: wrap;
}
.customCheck.multiple > *{
    padding: 15px 5px 0 30px;
}
.customCheck.multiple .form-check-label{
    color: var(--gray555);
    font-size: 13px;
}

.sortBoxWrap{
    margin: 0 0 30px;
    align-items: center;
}
.sortBoxWrap > p{
    font-size: 15px;
    color: var(--gray555);
    margin: 0 auto 0 0;
}
.sortBoxWrap > p > span{
    color: var(--text-black);
    font-weight: var(--fw-bold);
}

.btn.filtrBtn{
    border: 1px solid var(--theme-secondary-color);
    display: flex;
    align-items: center;
    font-size: 13px;
    letter-spacing: 1px;
    margin: 0 15px 0 0;
    display: none;
}
.btn.filtrBtn:hover{
    background-color: var(--theme-secondary-color);
    color: var(--white);
}
.btn.filtrBtn > .material-symbols-outlined{
    font-size: 20px;
    margin: 0 3px 0 0;
}

.overlayBg{
    overflow: hidden;
    position: relative;
}
.overlayBg::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--theme-secondary-color);
    opacity: 0.7;
    top: 0;
    left: 0;
    z-index: 3;
}
.closeKpBtn{
    position: fixed;
    top: 10px;
    right: 10px;
    background-color: var(--light-red);
    z-index: 3;
    width: 40px;
    height: 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);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
}
.closeKpBtn:hover{
    background-color: var(--red);
}
.closeKpBtn > .material-symbols-outlined{
    color: var(--red);
    font-size: 22px;
    font-weight: 300;
    transition: var(--transition);
}
.closeKpBtn:hover > .material-symbols-outlined{
    color: var(--white);
}
/* Listing Page Ends */

/* Booking Page */
.bookingLayout main{
    background-color: var(--light-theme-color);
    padding: 80px 0;
}
.bookingLayout footer{
    margin: 40px 0 0;
}
.box{
    background-color: var(--white);
    margin: 0 0 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:last-child{
    margin: 0;
}
.box > *{
    padding: 20px;
}
.box > *.withBorder{
    border-bottom: 1px solid var(--border-color);
}
.customForm .box > .boxBody .row [class*="col-"]{
    margin: 0 0 15px;
}

.box > .boxHead > .mainTitle{
    font-size: 18px;
    font-weight: var(--fw-bold);
    text-transform: capitalize;
}
.box > .boxHead > p{
    margin: 5px 0 0 0;
    font-size: 13px;
    color: var(--gray666);
    line-height: 1.4;
}

.box > .boxHead.withBtn{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.box > .boxHead.withSearch{
    display: flex;
    align-items: center;
}
.box > .boxHead.withSearch .form-control{
    font-size: 13px;
    width: 300px;
    height: 40px;
}

.card .card-title{
    font-weight: var(--fw-bold);
    font-size: 18px;
    margin: 0 0 15px;
}
.card .card-title.withAddBtn{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.card .card-title.withAddBtn > .btn.addBtn{
    padding: 0;
    line-height: 1;
    width: 35px;
    height: 35px;
    background-color: var(--theme-color2);
    display: flex;
    align-items: center;
    justify-content: center;
}
.card .card-title.withAddBtn > .btn.addBtn:hover{
    background-color: var(--theme-secondary-color);
}
.card .card-title.withAddBtn > .btn.addBtn .material-symbols-outlined{
    font-size: 20px;
    color: var(--white);
}
.box.btnBox{
    background-color: transparent;
}
.box.btnBox .comBtn{
    width: 100%;
}

.bookingWrap{
    width: 100%;
}
.bookingWrap .in{
    display: flex;
    align-items: flex-start;
    margin: -20px;
    position: relative;
}
.bookingWrap .in > *{
    padding: 20px;
    position: sticky;
    top: 20px;
}
.bookingWrap .in > .kpLt{
    width: calc(100% - 30%);
}
.bookingWrap .in > .kpRt{
    width: 30%;
}
.box.cabSummary .boxBody .in{
    display: flex;
    padding: 20px;
    margin: -20px;
}
.cabSummary .imgBox{
    width: 130px;
    background-color: var(--light-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);
    overflow: hidden;
    position: relative;
    transition: var(--style-transition);
    -webkit-transition: var(--style-transition);
    -moz-transition: var(--style-transition);
    -ms-transition: var(--style-transition);
    -o-transition: var(--style-transition);
}
.cabSummary:hover .imgBox{
    background-color: #c1eec5;
}
.cabSummary .kpCnt{
    width: calc(100% - 130px);
    padding: 0 20px !important;
    position: relative;
    top: 0;
}
.cabSummary .ratingInfo {
    position: absolute;
    right: 20px;
    top: 0;
}
.cabSummary .kpCnt > .mainTitle{
    font-size: 18px;
    margin: 0 0 5px;
}
.cabSummary .kpCnt > .mainTitle > span{
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: var(--light-theme-color);
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
    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);
}
.cabSummary .featrUl{
    margin: -10px -10px 0 -10px;
}
.cabSummary .featrUl > li{
    padding: 10px;
    position: relative;
    font-size: 13px;
    color: var(--gray666);
}
.cabSummary .featrUl > li::after{
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: var(--theme-color);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.cabSummary .featrUl > li:last-child::after{
    display: none;
}
.cabSummary .trvlTo{
    background-color: var(--light-theme-color);
    padding: 15px 100px 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);
    position: relative;
    margin: 0 0 7px;
    overflow: hidden;
}
.cabSummary .trvlTo > div{
    margin: 0 0 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    color: var(--gray999);
    position: relative;
}
.cabSummary .trvlTo > .imgBox{
    position: absolute;
    padding: 0;
    width: 100px;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    margin: 0;
}
.cabSummary .trvlTo > div > small{
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: var(--light-theme-color);
    border: 1px solid var(--theme-color);
    color: var(--theme-secondary-color);
    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);
    margin: 0 5px 0 0;
}
.cabSummary .trvlTo > div > b{
    margin: 0 5px;
    font-size: 15px;
    text-transform: capitalize;
    color: var(--theme-secondary-color);
}
.cabSummary .trvlTo > p{
    margin: 0 0 5px;
    font-size: 13px;
    line-height: 1.2;
    text-transform: capitalize;
}
.cabSummary .trvlTo > p:last-child{
    margin: 0;
}
.listStyle > li{
    width: 100%;
    position: relative;
    padding: 0 20px 0 27px;
    margin: 0 0 7px;
    font-size: 14px;
    color: var(--gray555);
    list-style: 1.7;
}
.listStyle > li:last-child{
    margin: 0;
}
.listStyle > li::before{
    content: '\e86c';
    font-family: var(--g-font);
    color: var(--theme-color);
    position: absolute;
    left: 0;
    font-size: 20px;
    line-height: 1.2;
    top: -1px;
}
.listStyle.notAllowed > li::before{
    content: '\e5c9';
    color: var(--red);
}

.listStyle.addons > li{
    padding: 0 0 10px;
    border-bottom: 1px dashed var(--theme-secondary-color);
}
.listStyle.addons > li:last-child{
    padding: 0;
    border: none;
}
.listStyle.addons > li::before{
    display: none;
}

.bookingLayout .normalCheckBox input[type="checkbox"]{
    display: none;
}
.bookingLayout .normalCheckBox label{
    width: 100%;
    cursor: pointer;
    padding: 0 0 0 35px;
    position: relative;
}
.bookingLayout .normalCheckBox label > span{
    width: 25px;
    height: 25px;
    border: 1px solid var(--border-color);
    display: block;
    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: 4px;
    left: 0;
    transition: var(--style-transition);
    -webkit-transition: var(--style-transition);
    -moz-transition: var(--style-transition);
    -ms-transition: var(--style-transition);
    -o-transition: var(--style-transition);
}
.bookingLayout .normalCheckBox input[type="checkbox"]:checked + label > span{
    border-color: var(--theme-color2);
}
.bookingLayout .normalCheckBox label > span::before{
    content: '\e5ca';
    position: absolute;
    font-family: var(--g-font);
    font-size: 17px;
    font-weight: 300;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--theme-secondary-color);
    transition: var(--style-transition);
    -webkit-transition: var(--style-transition);
    -moz-transition: var(--style-transition);
    -ms-transition: var(--style-transition);
    -o-transition: var(--style-transition);
    opacity: 0;
    visibility: hidden;
}
.bookingLayout .normalCheckBox input[type="checkbox"]:checked + label > span::before{
    opacity: 1;
    visibility: visible;
}
.bookingLayout .normalCheckBox p{
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.4;
    position: relative;
    padding: 0 5em 0 0;
}
.bookingLayout .normalCheckBox p > b{
    font-weight: var(--fw-bold);
    font-size: 16px;
}
.bookingLayout .normalCheckBox p > span:not(.price){
    font-size: 13px;
    color: var(--gray666);
}
.bookingLayout .normalCheckBox p > span.price{
    font-size: 18px;
    font-weight: var(--fw-semibold);
    position: absolute;
    right: 0;
}

ul.fareUl{
    flex-wrap: wrap;
}
ul.fareUl > li{
    width: 100%;
    font-size: 13px;
    padding: 0 0 7px;
    margin: 0 0 7px;
    border-bottom: 1px dashed var(--theme-secondary-color);
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
ul.fareUl > li:last-child{
    margin: 0;
    padding: 0;
    border: none;
}
ul.fareUl > li span:last-child{
    font-size: 14px;
    font-weight: var(--fw-bold);
}

ul.fareUl > li .normalRadio{
    width: 100%;
}
.normalRadio input[type="radio"]{
    display: none;
}
.normalRadio label{
    width: 100%;
    padding: 0 0 0 35px;
    position: relative;
    cursor: pointer;
}
.normalRadio label > span{
    width: 25px;
    height: 25px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border: 1px solid var(--theme-color2);
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    box-shadow: inset 0 0 0 0 var(--theme-color2);
    transition: var(--style-transition);
    -webkit-transition: var(--style-transition);
    -moz-transition: var(--style-transition);
    -ms-transition: var(--style-transition);
    -o-transition: var(--style-transition);
}
.normalRadio input[type="radio"]:checked + label > span{
    box-shadow: inset 0 0 0 6px var(--theme-secondary-color);
    border-color: var(--theme-secondary-color);
}
.normalRadio label > p{
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    margin: 3px 0 3px;
    line-height: 1.3;
    padding: 0 5em 0 0;
}
.normalRadio label > p span:first-child{
    font-weight: var(--fw-bold);
    font-size: 17px;
}
.normalRadio label > p span:nth-child(2){
    font-size: 13px;
    text-transform: none;
}
.normalRadio label > p span.price{
    position: absolute;
    right: 0;
    font-size: 18px;
    font-weight: var(--fw-bold);
    color: var(--text-black);
}
/* Booking Page Ends */

/* Dashboard */
.dashNav{
    border-top: 1px solid var(--border-color);
    background-color: var(--white);
}
.dashNav ul.navbar{
    justify-content: center;
    margin: 0 -20px;
}
.dashNav ul.navbar li{
    padding: 0 20px;
}
.dashNav ul.navbar li > a{
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-weight: var(--fw-semibold);
    font-size: 12px;
    padding: 10px 0;
    letter-spacing: 1px;
}
.dashNav ul.navbar li > a .material-symbols-rounded{
    font-weight: 400;
    font-size: 22px;
    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;
}
.dashNav ul.navbar li > a:hover .material-symbols-rounded{
    font-variation-settings: 'FILL' 1;
}

.dashMainWrap{
    background-color: var(--light-theme-color);
    padding: 80px 0;
    margin: 0 0 40px;
}
.dashMainWrap .inner{
    margin: -20px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    position: relative;
}
.dashMainWrap .inner > *{
    padding: 20px;
    position: sticky;
    top: 20px;
}
.dashMainWrap .inner > .kpLt{
    width: 25%;
}
.dashMainWrap .inner > .kpRt{
    width: calc(100% - 25%);
}

.dashHeader{
    width: 100%;
    margin: 0 0 30px;
}
.dashHeader > .mainTitle{
    font-size: 25px;
    text-transform: capitalize;
    font-weight: var(--fw-semibold);
    margin: 0 0 7px;
}
.dashHeader > p{
    font-size: 15px;
    margin: 0;
    line-height: 1;
    text-transform: capitalize;
}

.dashMainWrap .inner > .dashHeader,
.dashMainWrap .inner > .dashBoxes {
    position: static;
}
.dashCard{
    padding: 20px 25px;
    display: block;
    position: relative;
    overflow: hidden;
}
.dashCard > span{
    position: absolute;
    right: 0;
    bottom: 15px;
    font-weight: 100;
    color: var(--theme-secondary-color);
    opacity: 0.1;
    font-size: 10em;
    transition: var(--style-transition);
    -webkit-transition: var(--style-transition);
    -moz-transition: var(--style-transition);
    -ms-transition: var(--style-transition);
    -o-transition: var(--style-transition);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.dashCard:hover > span{
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
}
.dashCard .icon{
    width: 70px;
    height: 70px;
    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;
    background-color: var(--light-theme-color);
    margin: 0 0 20px;
    transition: var(--style-transition);
    -webkit-transition: var(--style-transition);
    -moz-transition: var(--style-transition);
    -ms-transition: var(--style-transition);
    -o-transition: var(--style-transition);
}
.dashCard .icon > .material-symbols-rounded{
    font-size: 30px;
    font-weight: 300;
    color: var(--white);
}
.dashCard .icon.total{
    background-color: #688dce;
}
.dashCard .icon.upcoming{
    background-color: #75d686;
}
.dashCard .icon.cancelled{
    background-color: #f09371;
}
.dashCard .icon.completed{
    background-color: #6fcdc9;
}
.dashCard:hover .icon{
    background-color: var(--theme-color);
}
.dashCard .kpCnt{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.dashCard .kpCnt > .mainTitle{
    font-size: 17px;
    text-transform: capitalize;
    color: var(--gray777);
    font-weight: var(--fw-semibold);
}
.dashCard .kpCnt > span{
    font-size: 25px;
    font-weight: var(--fw-bold);
    color: var(--gray222);
}

.box.profileBox .boxBody{
    padding: 40px 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.box.profileBox .imgBox{
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--light-theme-color);
    padding: 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 10px;
}
.box.profileBox .kpCnt{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.box.profileBox .mainTitle{
    font-size: 17px;
    font-weight: var(--fw-bold);
    text-transform: capitalize;
    margin: 0 0 7px;
}
.box.profileBox p{
    display: flex;
    align-items: center;
    font-size: 14px;
    text-transform: capitalize;
    line-height: 1;
    margin: 0;
}
.box.profileBox p .material-symbols-rounded{
    font-variation-settings: 'FILL' 1;
    font-size: 20px;
    margin: 0 3px 0 0;
}

.bookCardWrap{
    display: flex;
    flex-wrap: wrap;
}
.bookCardWrap > *{
    width: 100%;
    margin: 0 0 10px;
    border-bottom: 1px dashed var(--theme-secondary-color);
    padding: 0 0 10px;
}
.bookCardWrap > *:last-child{
    border: none;
    padding: 0;
    margin: 0;
}
.bookCard{
    display: flex;
    flex-wrap: wrap;
}
.bookCard > .imgBox{
    width: 100px;
    background-color: var(--light-theme-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);
}
.bookCard > .kpBlock{
    width: calc(100% - 100px);
    display: flex;
    align-items: center;
}
.bookCard > .kpBlock > *{
    padding: 0 20px;
}
.bookCard > .kpBlock > * > *{
    width: 100%;
}
.bookCard > .kpBlock > *:first-child,
.bookCard > .kpBlock > *:nth-child(2){
    width: 35%;
    position: relative;
}
.bookCard > .kpBlock > *:last-child{
    width: 30%;
    display: flex;
    justify-content: flex-end;
}
.bookCard > .kpBlock > *:nth-child(2){
    text-align: right;
}
.bookCard > .kpBlock > *:first-child::after{
    content: '\e941';
    position: absolute;
    font-family: var(--g-font);
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    font-size: 35px;
    font-weight: 200;
}

.bookCard > .kpBlock span{
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    color: var(--gray777);
}
.bookCard > .kpBlock .mainTitle{
    font-size: 17px;
    font-weight: var(--fw-semibold);
    margin: 0 0 5px;
}
.bookCard > .kpBlock p{
    font-size: 13px;
    color: var(--gray555);
    margin: 0;
    line-height: 1;
}
.bookCard .comBtn.btn-sm{
    width: 100%;
    min-width: auto;
}

.box.bookingBox .nav-pills{
    margin: -5px;
}
.box.bookingBox .nav-pills .nav-item{
    padding: 5px;
}
.box.bookingBox .nav-pills .nav-link{
    background-color: var(--light-theme-color);
    font-size: 13px;
    font-weight: var(--fw-semibold);
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--theme-secondary-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);
} 
.box.bookingBox .nav-pills .nav-link.active{
    background-color: var(--theme-color);
    color: var(--white);
}

ul.listAddRemove > li{
    width: 100%;
    padding: 0 60px 0 0;
    position: relative;
    margin: 0 0 5px;
}
ul.listAddRemove > li:last-child{
    margin: 0;
}
ul.listAddRemove > li .btn{
    width: 50px;
    height: 50px;
    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);
    transition: var(--style-transition);
    -webkit-transition: var(--style-transition);
    -moz-transition: var(--style-transition);
    -ms-transition: var(--style-transition);
    -o-transition: var(--style-transition);
    position: absolute;
    right: 0;
    top: 0;
}
ul.listAddRemove > li .btn .material-symbols-outlined{
    font-size: 22px;
    font-weight: 300;
}
ul.listAddRemove > li .btn.addBtn{
    background-color: var(--theme-color);
    color: var(--white);
}
ul.listAddRemove > li .btn.addBtn:hover{
    background-color: var(--theme-secondary-color);
}
ul.listAddRemove > li .btn.removeBtn{
    background-color: var(--red);
    color: var(--white);
}
ul.listAddRemove > li .btn.removeBtn:hover{
    background-color: var(--dark-red);
}

.itemRow{
    display: flex;
    font-size: 14px;
}
.itemRow:first-child > *{
    padding: 10px 15px;
}
.itemRow:first-child > * .mainTitle{
    font-size: 13px;
}
.itemRow > *{
    padding: 7px 15px;
    border-right: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}
.itemRow > *:last-child{
    border-right: none;
}
.itemRow:last-child > *{
    border-bottom: none;
}
.itemRow > * .mainTitle{
    font-size: 13px;
    font-weight: var(--fw-semibold);
    text-transform: capitalize;
    width: 100%;
    display: flex;
}
.itemRow.cabItems .itemCol{
    width: 28.33%;
    display: flex;
    align-items: center;
}
.itemRow.cabItems .itemCol:last-child{
    width: 15%;
}
.itemRow .btnWrap{
    width: 100%;
    display: flex;
    justify-content: center;
}
.itemRow .btnWrap > *{
    margin: 0 2px;
}
.itemRow ul.linkUl > li{
    width: 100%;
    margin: 0 0 3px;
    line-height: 1;
}
.itemRow ul.linkUl > li:last-child{
    margin: 0;
}
.itemRow ul.linkUl > li > a{
    font-size: 13px;
    color: var(--gray555);
}
.itemRow ul.linkUl > li > a:hover{
    color: var(--theme-color);
}

.mainTitle.onTrip{
    align-items: center;
}
.vehicleCard.onTrip span.onTrip,
.mainTitle.onTrip > span{
    font-weight: var(--fw-medium);
    text-transform: uppercase;
    font-size: 10px;
    background-color: var(--theme-color);
    color: var(--white);
    padding: 0 7px;
    height: 20px;
    display: flex;
    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);
    margin: 0 0 0 auto;
    line-height: 1;
    animation: blinker 0.6s infinite alternate;
    -webkit-animation: blinker 0.6s infinite alternate;
}

.vehicleCardWrap{
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}
.vehicleCardWrap > *{
    padding: 10px;
    width: calc(100% / 3);
}
.vehicleCard .in{
    width: 100%;
    position: relative;
    border: 1px solid 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: 10px 70px 10px 10px;
}
.vehicleCard .imgBox{
    width: 70px;
    background-color: var(--light-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);
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 10px;
}
.vehicleCard .mainTitle{
    font-size: 15px;
    font-weight: var(--fw-medium);
    margin: 0 0 5px;
}
.vehicleCard .fuelType{
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: var(--light-theme-color);
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
    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);
    margin: 0 0 30px;
    display: inline-block;
}
.vehicleCard p{
    font-size: 13px;
    margin: 0 0 5px;
    line-height: 1;
}
.vehicleCard ul{
    margin: -10px -5px;
}
.vehicleCard ul.featrUl > li{
    padding: 10px 5px;
    position: relative;
    font-size: 12px;
    color: var(--gray666);
}
.vehicleCard ul.featrUl > li::after{
    content: '';
    position: absolute;
    width: 3px;
    height: 3px;
    background-color: var(--theme-color);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    right: -2px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.vehicleCard ul.featrUl > li:last-child::after{
    display: none;
}
.vehicleCard.onTrip span.onTrip{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: 70px;
    display: flex;
    justify-content: center;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-bottom-right-radius: var(--common-radius);
}

.dropdown.moreOption{
    position: absolute;
    right: 10px;
    top: 10px;
}
.dropdown.moreOption .btn{
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--theme-color);
    border: none;
}
.dropdown.moreOption .btn::after{
    display: none;
}
.dropdown.moreOption .btn > .material-symbols-outlined{
    font-size: 18px;
}
.dropdown.moreOption .dropdown-menu.show{
    inset: 0 0 auto auto !important;
    padding: 0;
    overflow: hidden;
    background-color: var(--theme-color);
    border: none;
}
.dropdown.moreOption .dropdown-menu.show > li > a{
    font-size: 13px;
    text-transform: capitalize;
    padding: 8px 15px;
    font-weight: var(--fw-medium);
    color: var(--white);
}
.dropdown.moreOption .dropdown-menu.show > li{
    border-bottom: 1px dashed var(--border-color);
}
.dropdown.moreOption .dropdown-menu.show > li:last-child{
    border: none;
}
.dropdown.moreOption .dropdown-item:focus, 
.dropdown.moreOption .dropdown-item:hover{
    background-color: var(--theme-secondary-color);
}

.boxRow{
    margin: -15px;
    display: flex;
    flex-wrap: wrap;
}
.boxRow > .boxCol{
    padding: 15px;
}
.dashBoxes .boxRow > .boxCol{
    width: calc(100% / 4);
}
/* Dashboard Ends */

/* Bookings Page */
.dashBookings .tripSummary > .kpBlock{
    position: relative;
    padding: 0 250px 0 0;
    margin: 0 0 30px;
}
.dashBookings .tripSummary .kpItem .tripDtls{
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 0 0 0 50px;
}
.dashBookings .tripSummary .kpItem .tripDtls > span{
    position: absolute;
    width: 2px;
    height: calc(100% - 85px);
    top: 40px;
    left: 20px;
    background-color: var(--theme-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);
}
.dashBookings .tripSummary .kpItem .tripDtls > span::before,
.dashBookings .tripSummary .kpItem .tripDtls > span::after{
    content: '';
    position: absolute;
    background-color: var(--theme-color2);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    box-shadow: 0 0 0 5px var(--white);
}
.dashBookings .tripSummary .kpItem .tripDtls > span::before{
    width: 10px;
    height: 10px;
    left: -4px;
    top: -10px;
    background-color: var(--white);
    box-shadow: inset 0 0 0 2px var(--theme-color2);
}
.dashBookings .tripSummary .kpItem .tripDtls > span::after{
    width: 20px;
    height: 20px;
    left: -9px;
    bottom: -10px;
    background-color: var(--white);
    box-shadow: inset 0 0 0 4px var(--theme-secondary-color);
}
.dashBookings .tripSummary > .kpBlock > .kpItem:last-child{
    width: 200px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.dashBookings .tripSummary .kpItem .imgBox{
    background-color: var(--light-theme-color);
    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);
    overflow: hidden;
}
.dashBookings .tripSummary .cabName{
    margin: 0 0 20px;
}
.dashBookings .tripSummary .cabName > .title{
    font-size: 20px;
    font-weight: var(--fw-medium);
    text-transform: capitalize;
    margin: 0 0 5px;
}
.dashBookings .tripSummary .cabName > .title > span{
    text-transform: uppercase;
    background-color: var(--light-theme-color);
    border: 1px solid var(--theme-color2);
    line-height: 1;
    height: 30px;
    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);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: var(--theme-color);
    letter-spacing: 1px;
}
.dashBookings .tripSummary .cabName > ul{
    margin: -10px;
}
.dashBookings .tripSummary ul.featrUl > li{
    padding: 10px;
    position: relative;
    font-size: 14px;
    color: var(--gray666);
    text-transform: capitalize;
}
.dashBookings .tripSummary ul.featrUl > li::after{
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: var(--theme-color);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    right: -2px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.dashBookings .tripSummary ul.featrUl > li:last-child::after{
    display: none;
}

.dashBookings .tripSummary .tripDtls{
    display: flex;
    flex-wrap: wrap;
}
.dashBookings .tripSummary .tripDtls > *{
    width: 100%;
    margin: 0 0 30px;
}
.dashBookings .tripSummary .tripDtls > *.dropTo{
    margin: 0;
}
.dashBookings .tripSummary .tripDtls .trip > span{
    text-transform: uppercase;
    font-size: 11px;
    color: var(--gray666);
}
.dashBookings .tripSummary .tripDtls .trip > .mainTitle{
    font-size: 20px;
    color: var(--theme-secondary-color);
    font-weight: var(--fw-semibold);
}
.dashBookings .tripSummary .tripDtls .trip > p{
    font-size: 14px;
    color: var(--gray555);
    text-transform: capitalize;
    margin: 0;
}

.dashBookings .tripSummary .travlerDtls > .name{
    font-size: 17px;
    font-weight: var(--fw-semibold);
    margin: 0 0 5px;
}
.dashBookings .tripSummary .travlerDtls .userDtlUl{
    margin: -3px;
}
.dashBookings .tripSummary .travlerDtls .userDtlUl > li{
    width: 100%;
    padding: 3px;
    display: flex;
    align-items: center;
}
.dashBookings .tripSummary .travlerDtls .userDtlUl > li > .material-symbols-outlined{
    color: var(--theme-color2);
    font-size: 20px;
    margin: 0 5px 0 0;
    font-weight: 300;
    transition: var(--style-transition);
    -webkit-transition: var(--style-transition);
    -moz-transition: var(--style-transition);
    -ms-transition: var(--style-transition);
    -o-transition: var(--style-transition);
    font-variation-settings: 'FILL' 0;
}
.dashBookings .tripSummary .travlerDtls .userDtlUl > li:hover > .material-symbols-outlined{
    font-variation-settings: 'FILL' 1;
}
.dashBookings .tripSummary .travlerDtls .userDtlUl > li > a{
    font-size: 15px;
    color: var(--gray555);
    letter-spacing: 0.5px;
}
.dashBookings .tripSummary .travlerDtls .userDtlUl > li > a:hover{
    color: var(--theme-color);
}
.dashBookings .offcanvas-header > .offcanvas-title{
    font-size: 17px;
    display: flex;
    align-items: center;
    color: var(--gray888);
    margin: 0 -3px;
}
.dashBookings .offcanvas-header > .offcanvas-title > span{
    font-weight: var(--fw-semibold);
    text-transform: capitalize;
    padding: 0 5px;
    color: var(--text-black);
}
.dashBookings .offcanvas-header > .offcanvas-title > i.tripMode{
    background-color: var(--light-theme-color);
    font-size: 12px;
    text-transform: uppercase;
    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);
    border: 1px solid var(--theme-color);
    height: 30px;
    display: inline-flex;
    align-items: center;
    line-height: 1;
    color: var(--theme-secondary-color);
    letter-spacing: 1px;
    font-weight: var(--fw-semibold);
}

.dashBookings .modal .modal-content > * .refundAmt {
    display: flex;
    flex-direction: column;
    font-size: 11px;
    text-transform: uppercase;
    color: var(--gray777);
    letter-spacing: 1px;
}
.dashBookings .modal .modal-content > * .refundAmt > span{
    font-size: 20px;
    font-weight: var(--fw-semibold);
    color: var(--theme-secondary-color);
    letter-spacing: 0;
}
/* Bookings Page Ends */