/*Custom Fonts */

 @font-face {
    font-family: Gilroy-R;
    src: url(../fonts/Gilroy-Regular.ttf);
}
@font-face {
    font-family: Gilroy-M;
    src: url(../fonts/Gilroy-Medium.ttf);
}
@font-face {
    font-family: Gilroy-SB;
    src: url(../fonts/Gilroy-SemiBold.ttf);
}
@font-face {
    font-family: Gilroy-B;
    src: url(../fonts/Gilroy-Bold.ttf);
}
@font-face {
    font-family: Gilroy-EB;
    src: url(../fonts/Gilroy-ExtraBold.ttf);
}
@font-face {
    font-family: OpenSans-M;
    src: url(../fonts/OpenSans-Medium.ttf);
}
@font-face {
    font-family: OpenSans-SB;
    src: url(../fonts/OpenSans-SemiBold.ttf);
}
@font-face {
    font-family: Outfit-M;
    src: url(../fonts/Outfit-Medium.ttf);
}
@font-face {
    font-family: Outfit-SB;
    src: url(../fonts/Outfit-SemiBold.ttf);
}
@font-face {
    font-family: Roboto-L;
    src: url(../fonts/Roboto-Light.ttf);
}
@font-face {
    font-family: Roboto-R;
    src: url(../fonts/Roboto-Regular.ttf);
}
@font-face {
    font-family: Roboto-M;
    src: url(../fonts/Roboto-Medium.ttf);
}
:root{
--color1: #44D7B6;
--color2: #F00000;
--color3: #000000;
--color4: #092145;
    }
/* Custom Bootstrap */
body{
    font-family:Gilroy-R;
    background-color: #fff;
}

.container-fluid{
    width: 100%;
}
.container{
    max-width: 1200px;
    padding: 0 15px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}
.row{
    display: flex;
    flex-wrap: wrap;
    width: -webkit-fill-available;
}
.col-3{
    width: 25%;
}
.col-6{
    width: 50%;
}
.col-7{
    width: 63%;
}
.col-5{
    width: 37%;
}
.col-9{
    width: 75%;
}
.col-12{
    width: 100%;
}
.displayFlex{
    display: flex;
}
.alignCenter{
    align-items: center;
}
.alignEnd{
    align-items: flex-end;
}
.justifyCenter{
    justify-content: center;
}
.justifyEnd{
    justify-content: end;
}
.positionRel{
    position: relative;
}
.positionAbs{
    position: absolute;
    top: 0;
    left: 0;
}
.gilroyM{
    font-family: Gilroy-M;
}
.gilroySB{
    font-family: Gilroy-SB;
}
.gilroyB{
    font-family: Gilroy-B;
}
.gilroyEB{
    font-family: Gilroy-EB;
}
.opensansM{
    font-family: OpenSans-M;
}
.opensansSB{
    font-family: OpenSans-SB;
}
.outfitM{
    font-family: Outfit-M;
}
.outfitSB{
    font-family: Outfit-SB;
}
.navyTitle{
    text-align: center;
    font-size: 35px;
}
.pad1{
    padding: 106px 0 98px;
}
.pad2{
    padding: 120px 0 114px;
}
.pad3{
    padding: 39px 0 43px;
}
.redButton{
    font-family: Gilroy-SB;
    font-size: 16px;
    letter-spacing: 0.8px;
    padding: 15px 30px;
    border: 1px solid #F00000;
    border-radius: 5px;
    width: fit-content;
    margin-top: 50.5px !important;
}
.redButton:hover{
    background-color: #F00000;
    color: #fff;
}
.overflowHide{
    overflow: hidden;
}
.textCenter{
    text-align: center;
}
.directColumn{
    flex-direction: column;
}
.lightBlueBg{
    background-color: #F2F6FE;
}
.lightBlueBg .greenTitle{
    color: #F2F6FE;
}
.wrap{
    flex-wrap: wrap;
}
.justifySpaceBetween{
    justify-content: space-between;
}
.rating img{
    width: 17px;
    object-fit: contain;
}
.bgNoRepeat{
    background-repeat: no-repeat;
}
.bgCenter{
    background-position: center;
    background-size: cover;
}
.marAuto{
    margin: auto;
}
.opac0{
    opacity: 0;
}
.green{
    color: var(--color1);
}
.greenBG{
    background-color: var(--color1);
}
.red{
    color: #F00000;
}
.redBG{
    background-color: #F00000;
}
.navy{
    color: #092145;
}
.navyBG{
    background-color: #092145;
}
.white{
    color: #fff;
}
.whiteBG{
    background-color: #fff;
}
.gray{
    color: #777;
}
.w-100{
    width: -webkit-fill-available;
}
.stickySide{
    position: sticky;
}
.noScroll{
    overflow: hidden;
}
.dashgray{
    background-color: #F4F4F4;
}
@keyframes bounceUp {
    0%{
        translate: 0 0;
    }50%{
        translate: 0 -90px;
    }100%{
        translate: 0 0;
    }
}
@keyframes bounceDown {
    0%{
        translate: 0 0;
    }50%{
        translate: 0 90px;
    }100%{
        translate: 0 0;
    }
}

/* General */
body, h1, h2, h3, h4, h5, h6, a, p, ul, li{
    text-decoration: none;
    list-style: none;
    margin: 0;
    padding: 0;
}
body a{
    display: flex;
    transition: .3s all ease-in-out;
}
input[type="submit"]{
    transition: .3s all ease-in-out;
}
input:focus-visible{
    outline: 0;
}
img, video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.slick-dotted.slick-slider{
    margin-bottom: 0 !important;
}
.slick-slide >div{
    display: flex;
}
/*Registration*/
.menu-col{
    position: fixed;
    height: 100%;
    left: 0px;
    top: 0px;
    padding: 50px 45px;
}
.steps-col{
    margin-left: 25%;
    margin-top: 40px;
    padding-left: 0px;
    padding-right: 0px;
    height: calc(100vh - 50px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
ul.menu-list li.active-step a,ul.menu-list li.active-step a:not([href]),ul.menu-list li.completed-step a,ul.menu-list li.completed-step a:not([href]){
    color: var(--color1);
    cursor: pointer;
}
ul.menu-list li{
    margin-bottom: 29px;
}
ul.menu-list li a{
    font-size: 16px;
    line-height: 20px;
    font-family: Gilroy-M;
    display: flex;
    align-items: center;
    column-gap: 22px;
    position: relative;
    cursor: pointer;
    color: var(--color3);
}
ul.menu-list li a span{
    font-size: 14px;
    line-height: 20px;
}
ul.menu-list li a span{
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1px solid;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #A6A6A6;
    position: relative;
    background: #f4f4f4;
}
.payment-page h1{
    text-align: center;
}
ul.menu-list li.active-step a span,ul.menu-list li.completed-step a span{
    color: var(--color1);
}
ul.menu-list li a:hover,ul.menu-list li a:not([href]):hover,ul.menu-list li a:hover span{
    color: var(--color1);  
}
.logo-header img{
    max-width: 146px;
    margin: 0 auto;
}
ul.menu-list li a span::after{
    content: '';
    height: 30px;
    width: 1px;
    top: 25px;
    position: absolute;
    background-image: url('../img/line.svg');
    background-repeat: repeat-y;
    background-size: 1px 30px;
}
ul.menu-list li.active-step a span::after,ul.menu-list li.completed-step a span::after{
    background-image: url('../img/line-active.svg');
}
ul.menu-list li.completed-step a span::before{
    content: '';
    display: block;
    background-image:url('../img/completed.svg'); ;
    width: 21px;
    height: 21px;
    position: absolute;
    top: 1px;
    left: 1px;
    background-color: #f4f4f4;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
}
ul.menu-list li:last-child a span::after{
    content: none!important;
}
.logo-header{
    margin-bottom: 85px;
}
h1.registration-steps-head{
    font-size: 25px;
    line-height: normal;
    font-family: Gilroy-B;
    color: var(--color4);
}
.registration-steps-inner{
    /*margin-left: 73px;*/
}
/*custom checkbox*/

.registration-type-label{
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  position: relative;
  /*padding-left: 35px;*/
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.registration-type-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkmark {
    /*position: absolute;*/
    top: 0;
    left: 0;
    height: 23px;
    width: 23px;
    background-color: #F4F4F4;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;/*
    transform: translate(0px, 5px);*/
}
.registration-type-label:hover input ~ .checkmark {
    background-color: rgba(68, 215, 182, 0.35);
}

.registration-type-label input:checked ~ .checkmark {
    background-color: rgba(68, 215, 182, 0.35);
}

.checkmark:after {
    content: "";
  /*position: absolute;*/
    display: block;
}
.registration-type-label input:checked ~ .checkmark:after,.registration-type-label:hover input:checked ~ .checkmark:after {
    display: block;
    width: 13px;
    height: 13px;
    background-color:var(--color1);;
}
.registration-type-label .checkmark:after {
    top: 9px;
    left: 9px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #EBEBEB;
}
.form-inner-radio-section{
    display: flex;
    column-gap: 60px;
}
.form-inner-radio-section label{
    color: var(--color3);
    font-family: Gilroy-M;
    font-size: 17.81px;
    line-height: normal;
    column-gap: 8.38px;
}
/*end custom checkbox*/

.registration-form-section{
    max-width: 89.084%;
    margin: 0 auto;
}
.form-inner-input-section{
    display: flex;
    justify-content: space-between;
    column-gap: 28px;
    flex-wrap: wrap;
    row-gap: 20px;
    margin-top: 38px;
}
.form-inner-input-section .input-col{
    flex: 0 0 48.1%;
}
.form-inner-input-section .input-col input{
    width: 100%;
    height: 50px;
    border-radius: 5px;
    background-color: #F4F4F4;
    border: none;
    padding: 12px 19px;
    color: var(--color3);
    font-family: Gilroy-M;
    font-size: 15px;
    line-height: 27px;
}
.form-inner-input-section .input-col input::placeholder{
    color: #888;;
}
.form-inner-input-section .submit-col{
    flex: 0 0 100%;
    display: flex;
    justify-content: flex-end;
}
.form-inner-input-section .input-col input[type="submit"]{
    border-radius: 5px;
    border: 1px solid var(--color1);
    background: var(--color1);
    color: #fff;
    font-family: Gilroy-SB;
    font-size: 16px;
    line-height: normal;
    width: 202px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0px;
}
.form-inner-input-section .input-col input[type="submit"]:hover{
    color: var(--color1);
    background-color: transparent;
}
.registration-steps-header{
    max-width: 89.084%;
    margin: 0 auto;
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.registration-steps-footer p{
    color: #676767;
    font-family: Gilroy-M;
    font-size: 14px;
    line-height: normal;
}
.registration-steps-footer{
    width: 100%;
}
.registration-steps-footer-inner{
     max-width: 89.084%;
    margin: 0 auto;
    margin-bottom: 30px;
}
.menu-col::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.menu-col::-webkit-scrollbar-track { 
    border-radius: 10px;
}
 
/* Handle */
.menu-col::-webkit-scrollbar-thumb {
    background: var(--color1);
    border-radius: 10px;
}

/* Handle on hover */
.menu-col::-webkit-scrollbar-thumb:hover {
    background: var(--color1); 
}
/**** end Registration****/

/*choose your plan selector*/

.registration-plan-label{
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  position: relative;
  /*padding-left: 35px;*/
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.registration-plan-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.plan-checkmark {
    /*position: absolute;*/
    top: 0;
    left: 0;
    height: 34.745px;
    width: 34.745px;
    background-color: var(--color1);;
    display: flex;
    align-items: center;
    justify-content: center;/*
    transform: translate(0px, 5px);*/
    border:solid #F0F0F0;
}
.registration-plan-label:hover input ~ .plan-checkmark {
    background-color: var(--color1);
}

.registration-plan-label input:checked ~ .plan-checkmark {
    background-color: var(--color1);
}

.plan-checkmark:after {
    content: "";
  /*position: absolute;*/
    display: block;
}
.registration-plan-label input:checked ~ .plan-checkmark:after,.registration-plan-label:hover input:checked ~ .plan-checkmark:after {
    display: block;
    width: 23.164px;
    height: 23.164px;
    background-color:#fff;;
}
.registration-plan-label .plan-checkmark:after {
    top: 9px;
    left: 9px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--color1);
}
.plan-switch-section .switch-field{
    display: flex;
}
.plan-switch-section .switch-field .registration-plan-label:first-child{
    flex-direction: row;
}
.plan-switch-section label{
    color: var(--color3);
    font-family: Gilroy-M;
    font-size: 17.81px;
    line-height: normal;
    column-gap: 14.82px;
}
.plan-switch-section .switch-field .registration-plan-label:first-child .plan-checkmark{
    border-radius: 50% 0px 0px 50%;
    border-width:0.891px 0px 0.891px 0.891px;
}
.plan-switch-section .switch-field .registration-plan-label:last-child .plan-checkmark{
    border-radius: 0px 50% 50% 0px;
    border-width:0.891px 0.891px 0.891px 0px;
}
/*end custom checkbox*/

.plan-section{
    max-width: 89.084%;
    margin: 0 auto;
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 25px;
    margin-bottom: 92px;
}
.feature-info-icon img{
    width: 15.145px;
    height: 15.145px;
}
.plan-box-inner{
    border-radius: 8.909px;
    border: 0.891px solid var(--color1);
}
.plan-feature-inner-section ul li{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 5px;
}
.feature-info-box{
    color: var(--color3);
    font-family: Gilroy-R;
    font-size: 10px;
    line-height: 14px;
    border-radius: 3px;
    background: #FFF;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.20);
    position: absolute;
    right: 30px;
    visibility: hidden;
    width: 149px;
    padding: 6px;
    z-index: 9999;
}
.plan-feature-inner-section ul li:hover .feature-info-box{
    visibility: visible;
}
.plan-name{
    display: flex;
    justify-content: center;
    min-width: 134.656px;
    background-color: var(--color1);
    border-radius: 4.455px;
    color: #FFF;
    text-align: center;
    font-family: Gilroy-B;
    font-size: 16.036px;
    line-height: normal;
    text-transform: uppercase;
    min-height:29.428px;
    align-items: center;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 10px;
}
.plan-price h2{
    color: #092145;
    text-align: center;
    font-family: Gilroy-B;
    font-size: 35px;
    font-weight: 400;
    line-height: normal;
}
.plan-description p{
    color: #666;
    text-align: center;
    font-family: Gilroy-M;
    font-size: 17.818px;
    line-height: 23.164px;
    text-transform: capitalize;
}
.plan-box-top-section{
    border-bottom: 0.891px solid rgba(0, 0, 0, 0.1);
    padding: 29px 30px 26px 30px;
    min-height: 230px;
}
.plan-feature-section{
    padding: 26.75px;
    padding-bottom: 38px;
    min-height: 672px;
}
.plan-feature-inner-section ul{
    display: flex;
    row-gap: 29px;
    flex-direction: column;
    width: 100%;
}
.plan-subscription{
    padding-bottom: 30.8px;
    padding-top: 38px;
}
.plan-subscription button{
    border-radius: 4.455px;
    background: var(--color2);
    color: #fff;
    border: 1px solid var(--color2);
    color: #FFF;
    font-family: Gilroy-SB;
    font-size: 14.255px;
    line-height: normal;
    letter-spacing: 0.713px;
    width: 121.006px;
    height: 41.986px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.plan-box{
    flex: 1 0 0;
    cursor: pointer;
    border-radius: 8.909px;
}
.plan-feature-inner-section ul li span.feature-info-content{
    color: #4D4E4F;
    font-family: Gilroy-SB;
    font-size: 13.364px;
    line-height: 19.6px; /* 146.667% */
    text-transform: capitalize;
}

.plan-box:hover{
    background-color: var(--color1);
}
.plan-box:hover .plan-name{
    background-color: #fff;
    color: var(--color1);
}
.plan-box:hover .plan-price h2{
    color: #fff;
}
.plan-box:hover .plan-description p{
    color: #fff;
}
.plan-box:hover span.feature-info-content{
    color: #fff;
}
.plan-box:hover span.feature-info-icon img{
    filter: brightness(0) invert(1);
}
.plan-box:hover .plan-subscription button{
    background-color: #fff;
    color: var(--color1);
    border-color: #fff;
}
.plan-box:hover .plan-subscription button:hover{
    color: #fff;
    background-color: transparent;
}
.plan-box:hover .plan-box-top-section{
    border-color: #fff;
}
/****end choose your plan****/


/*agency details*/
#agent-details-form .input-col{
    flex: 0 0 100%;
}
#agent-details-form textarea{ 
    width: 100%;
    height: 222px;
    border-radius: 5px;
    background-color: #F4F4F4;
    border: none;
    padding: 12px 19px;
    color: var(--color3);
    font-family: Gilroy-M;
    font-size: 15px;
    line-height: 27px;
}
label.agent-details-label{
    color: #092145;
    font-family: Gilroy-SB;
    font-size: 15px;
    line-height: normal;
    margin-bottom: 15px;
}
.agency-logo-view{
    width: 100%;
    display: flex;
    justify-content: center;          
}
.agency-logo-upload-container {
    width: 102px;
    height: 101px;
    border-radius: 5px;
    border: 0.76px solid rgba(139, 139, 139, 0.50);
    position:relative;  
}
.agency-logo-upload-container img {
    width: 44.252px;
    height: 39.995px;
    margin-bottom: 8px;
}
.agency-logo-upload-container input {
    display: none;
}
.agency-logo-upload-container label {
    color: #242424;
    text-align: center;
    font-family: Gilroy-M;
    font-size: 10.647px;
    line-height: 15.21px; /* 142.857% */
    text-transform: capitalize;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin:0 auto;  
    flex-direction: column;
}
.agency-logo-upload-container{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.agency-upload-header p{
    color: #000;
    font-family: Gilroy-SB;
    font-size: 15px;
    line-height: 26px; /* 173.333% */
    text-transform: capitalize;
    margin-bottom: 10px;
}
.agent-details-uploading-inner{
    display: flex;
    max-width: 330px;
    justify-content: space-between;
    column-gap: 126px;
}
.agent-details-button-section button.skip-button{
    width: 92px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--color2);
    border-radius: 5px;
    color: var(--color2);
    font-family: Gilroy-SB;
    font-size: 16px;
    line-height: normal;
    background-color: transparent;
}
.agent-details-button-section button.skip-button:hover{
    background-color: var(--color2);
    color: #fff;
}
.agent-details-button-section #agency-details-submit{
    width: 112px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--color1);
    border-radius: 5px;
    color: #fff;
    font-family: Gilroy-SB;
    font-size: 16px;
    line-height: normal;
    background-color: var(--color1);
}
.agent-details-button-section #agency-details-submit:hover{
    background-color: transparent;
    color: var(--color1);
}
.agent-details-button-section{
    display: flex;
    column-gap: 27px;
}
.agent-details-form-section .submit-col{
    margin-top: 100px;
}
#agency-location::placeholder{
    display: flex;
    font-family: bootstrap-icons, Gilroy-M !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    /*line-height: 1;*/
    /*vertical-align: -0.125em;*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    align-items: center;
}

/*add-tour page*/
.add-tour-wizard{
    max-width: 89.084%;
    margin: 0 auto;
}
.wizard .steps > ul{
    background-color: var(--color4);
    justify-content: flex-start;
}
.wizard .steps > ul li a{
    background-color: var(--color4);
}
.wizard .steps > ul li.current a{
    background-color: var(--color1);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.wizard .steps > ul li .bd-wizard-step-title{
    color: #fff;
    font-family: Gilroy-M;
    font-size: 15px;
    line-height: normal;
}
.wizard .steps > ul li a{
    padding: 15px 22px 12px 22px;
}
.wizard .steps > ul li {
    width: auto;
    max-width: fit-content;
}
.wizard .content .content-wrapper{
    max-width: 100%;
}
.wizard .content {
    padding: 30px 30px 30px 30px;
    border: 1px solid #D4D4D4;
    border-top: none;
}

.trusted-tour{
    display: flex;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    align-items: center;
    flex-direction: row-reverse; 
    column-gap: 9px;     
}

.trusted-tour input {
  /*position: absolute;*/
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.trusted-tour-checkmark {
    /*position: absolute;*/
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #eee;
    border-radius: 5px;
    background: #F4F4F4;
    display: flex;
    justify-content: center;
    align-items: center;
}
.trusted-tour:hover input ~ .trusted-tour-checkmark{
  background-color: #ccc;
}

.trusted-tour input:checked ~ .trusted-tour-checkmark{
  background-color: var(--color1);
}

.trusted-tour-checkmark:after {
  content: "";
  /*position: absolute;*/
  display: none;
}

.trusted-tour input:checked ~ .trusted-tour-checkmark:after {
  display: block;
}
.trusted-tour .trusted-tour-checkmark:after{
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.basic-details-checkbox-col{
    display: flex;
    justify-content: flex-end;
}
.basic-details-checkbox-col{
    color: var(--color4);
    font-family: Gilroy-M;
    font-size: 15px;
    line-height: normal;
}
.wizard .content .basic-details-col input.form-control,.wizard .content .basic-details-col textarea.form-control{
    width: 100%;
    max-width: 100%!important;
    padding: 12px 20px;
    border-radius: 5px;
    background: #F4F4F4;
    border: none!important;
    margin-bottom: 25px;
    box-shadow: none;
}
.wizard .content .basic-details-col textarea.form-control{
    height: 222px;
}
.basic-details-col label{
    color: var(--color4);
    font-family: Gilroy-SB;
    font-size: 15px;
    line-height: normal;
    margin-bottom: 10px;
}
.basic-details-row{
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    flex: 0 0 100%;
}
.basic-details-row .basic-details-col{
    flex: 0 0 100%;
}
.basic-details-row .basic-details-col.half-col{
        flex: 1 0 0;
}
.basic-details-col .registration-type-label .checkmark{
    height: 21px;
    width: 21px;
    background-color: #F4F4F4;
}

.basic-details-col .registration-type-label input:checked ~ .checkmark{
    background-color: var(--color1);
}
.basic-details-col .registration-type-label .checkmark:after{
    background-color: #F4F4F4;
}
.basic-details-col .registration-type-label input:checked ~ .checkmark:after,.basic-details-col .registration-type-label:hover input:checked ~ .checkmark:after{
    background-color: #fff;
    width: 7px;
    height: 7px;
}
.basic-details-col .form-inner-radio-section{
    flex-wrap: wrap;
    margin-bottom: 25px;
}
label.basic-details-tour-type{
    flex: 0 0 100%;
    margin-bottom: 27px;
}
.wizard .actions > ul{
    max-width: 100%;
    border-bottom: none;
}
.wizard .actions{
    padding: 0px;
    margin-top: 34px;
    background-color: transparent;
}
button.skip-btn{
    width: 92px;
    height: 50px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color2);
    font-family: Gilroy-SB;
    font-size: 15px;
    line-height: normal;
    border: 1px solid var(--color2);
    box-shadow: none!important;
}
button.skip-btn:hover{
    background-color: var(--color2);
    color: #fff;
}

.wizard .actions li a.skip-btn{
    width: 92px;
    height: 50px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color2);
    font-family: Gilroy-SB;
    font-size: 15px;
    line-height: normal;
    border: 1px solid var(--color2);
    box-shadow: none!important;
    background-color: transparent;
}
.wizard .actions li a.skip-btn:hover{
    background-color: var(--color2);
    color: #fff;
}
.wizard .actions ul{
    column-gap: 27px;
    flex-direction: row-reverse;
    justify-content: flex-start;
}
.wizard .actions li a{
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--color1);
}
.wizard .actions li a:hover{
    background-color: transparent;
    color: var(--color1);
}
.wizard .actions li{
    margin-left: 0px!important
}
.wizard .actions li:first-child,.wizard .actions li:nth-child(3){
    /*display: none!important;*/
}
.wizard .actions li{
    order: 4;
}
.wizard .actions li.skip-step{
    order: 1;
}
.keypoints-field{
    display: flex;
    align-items: center;
    margin-bottom: 18px;
    /* flex-wrap:wrap; */
}
.remove-field-btn,.drag-btn{
    font-size: 0px;
}
.keypoint-error{
    margin-left: 41px;
    margin-top: 15px;
}
.drag-btn{
    width: 26px;
    height: 26px;
    border-radius: 3px;
    background-color: #FAFAFA;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    box-shadow: none!important;
    flex:0 0 26px;
}
.remove-field-btn{
    width: 20px;
    height: 20px;
    border-radius: 3px;
    background-color: #FFE0E0;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    box-shadow: none!important;
    flex:0 0 20px;
}
.remove-field-btn::before{
    content: '';
    background-image: url('../img/remove-field.svg');
    display: block;
    width: 8px;
    height: 8px;
}
.drag-btn::before{
    content: '';
    background-image: url('../img/drag.svg');
    display: block;
    width: 18px;
    height: 10px;
}
.keypoints-field input[type=text]{
    background-color: #F4F4F4;
    border-radius: 5px;
    border: none!important;
    box-shadow: none;
    width: 100%;
    height: 50px;
    padding-left: 20px;
    display: flex;
    margin-left: 15px;
    align-items: center;
    margin-right: 27px;
    font-family: Gilroy-M;
    font-size: 15px;
    line-height: 20px;
    flex:0 0 80%;
}
.keypoints-field input[type=text]::placeholder{
    color: #888888!important;
}
.add-more-btn{
    font-family: Gilroy-SB;
    font-size: 16px;
    line-height: 21px;
    color: var(--color2);
    text-transform: capitalize;
    border: none!important;
    box-shadow: none!important;
    background-color: transparent;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
    padding: 0px;
    column-gap: 5px;
}
.add-more-btn::before{
    content: '';
    background-image: url('../img/add-more.svg');
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
}
.add-more-btn:hover{
    color: #000;
}
.add-more-btn:hover::before{
    filter: brightness(0) invert(0);
}
p.keypoint-label{
    font-family: Gilroy-SB!important;
    font-size: 15px!important;
    line-height: 20px; 
    color: var(--color4)!important;
    margin-bottom: 11px;
}
.included-excluded-description{
    display: flex;
    flex-direction: column;
}
.included-excluded-description label{
    font-family: Gilroy-SB!important;
    font-size: 15px!important;
    line-height: 20px; 
    color: var(--color4)!important;
    margin-bottom: 11px;
}
.included-excluded-description textarea{
    border-radius: 5px;
    background: #F4F4F4;
    border: none;
    box-shadow: none;
    padding: 17px 20px;
    height: 220px;
    margin-bottom: 25px;
}
.itenerary-form-input{
    display: flex;
    flex-wrap:wrap;
    column-gap: 41px;
    padding: 19px 12px;
}
.itenary-day-input{
    flex: 0 0 24.91%;
}
.itenary-title-input{
    flex: 0 0 71.6%;
}
.itenary-description-input{
    flex: 0 0 100%;
}
.itenary-block-inner input,.itenary-block-inner textarea{
    width: 100%;
    border-radius: 5px;
    background: #F4F4F4;
    border: none!important;
    box-shadow: none!important;
    font-family: Gilroy-M;
    font-size: 15px;
    line-height: 20px;
}
.itenary-block-inner input{
    height: 50px;
    padding: 20px 17px;
    margin-bottom: 25px;
}
.itenary-block-inner textarea{
    height: 222px;
    margin-bottom: 10px;
}
.itenary-block-inner input[type=text]::placeholder,.itenary-block-inner textarea::placeholder{
    color: #888888!important;
}
.itenary-block-inner textarea{
    padding: 20px 18px;
}
.itenary-block-inner label{
    font-family: Gilroy-SB!important;
    font-size: 15px!important;
    line-height: 20px; 
    color: var(--color4)!important;
    margin-bottom: 11px;
}
.itenary-block{
    position: relative;
}
.itenary-block .itenary-block-inner{
    margin-top: 40px;
    border: 1px solid #44D7B6;
    border-radius: 4px;
    margin-bottom: 12px;
    position: relative;
}
.itenary-block .itenary-block-inner:first-child{
    margin-top: 0px;
}
.itenary-block .close-button{
    position: absolute;
    right: 12px;
    top: 8px;
}

.upload-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 20px;
  padding-top: 5px;
  flex-wrap: wrap;
}
.upload-inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.upload-btn {
    display: flex;
    width: 102px;
    height: 102px;
    padding: 5px;
    transition: all 0.3s ease;
    cursor: pointer;
    line-height: 26px;
    font-size: 14px;
    border-radius: 5px;
    border: 0.76px solid rgba(139, 139, 139, 0.50);
    justify-content: center;
    align-items: center;
}
.upload-btn:hover {
  background-color: unset;
  color: #4045ba;
  transition: all 0.3s ease;
}
.upload-btn-box {
  margin-bottom: 10px;
}
.upload-img-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0px;
    column-gap: 20px;
}
.upload-img-box {
  width: 102px;
  padding: 0px;
  margin-bottom: 12px;
}
.upload-img-close {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    background-color: #FFE0E0;
    position: absolute;
    top: 2px;
    right: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.upload-img-close:after {
    content: '';
    background-image: url(../img/remove-field.svg);
    display: block;
    width: 8px;
    height: 8px;
}
.img-bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    padding-bottom: 100%;
    border-radius: 5px;
}
.upload-btn p{
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 8px;
    font-family: Gilroy-M;
    font-size: 10.65px;
    line-height: 15.2px;
    color: #242424;
}
.upload-btn p::before{
    content: '';
    background-image: url('../img/img-bulk-upload.svg');
    width: 35px;
    height: 35px;
    background-color: #F2F2F2;
    display: block;
    border-radius: 50%;
}
.upload-container{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.tour-image-upload-label p{
    font-family: Gilroy-M;
    font-size: 15px;
    line-height: 26px;
    color: #000;
    text-transform: capitalize;
}
.itenerary-header{
    flex: 0 0 100%;
}
.itenerary-header p{
    color: var(--color4);
    font-family: Gilroy-SB;
    font-size: 18px;
    line-height: normal;
    padding: 8px 12px;
    border-bottom: 1px solid var(--color1);
}
.keypoints-container{
    display: flex;
    flex-direction: column;
}
.form-inner-input-section .input-col input#agency_location{
    background-image: url('../img/input-location.svg');
    display: flex;
    font-style: normal;
    background-repeat: no-repeat;
    background-position: 6px 12px;
    padding-left: 38px;   
}
.basic-details-col .select2-search__field{
    height: 50px;
    background: #F4F4F4;
    border: none!important;
    box-shadow: none!important;
    font-family: Gilroy-M;
}
.select2-selection__clear{
    display: none!important;
}
.basic-details-col .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered{
    padding: 0 10px;
    flex-wrap:wrap;
}
.registration-steps-inner .btn.btn-success{
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--color1);
    border-radius: 6px;
    background-color: #00D69F;
    color: #fff;
    font-family: Gilroy-SB;
    box-shadow: none;
    width: 184px;
    padding: 0px;
}
.registration-steps-inner .btn.btn-success:hover{
    background-color: transparent;
    color: var(--color1);
}
/*end add-tour page*/

/*add-attraction page*/
.add-attraction-details-block .add-attraction-details-block-inner{
    border: none;
}
.add-attraction-details-block-inner .itenerary-form-input{
    padding: 19px 0px;
}
.add-attraction-details-block-inner .itenerary-form-input{
    column-gap: 19px;
}
.add-attraction-description-input{
    flex: 0 0 100%;
}
.add-attraction-title-input,.add-attraction-location-input{
    flex: 1 0 0;
}
.select2-search__field{
    width: 100%!important;
}
.keypoints-container .select2-container{
    width: 100%;
}
.keypoints-container .select2-container--bootstrap4 .select2-selection--multiple .select2-search__field{
    height: 50px;
    background: #F4F4F4;
    border: none!important;
    box-shadow: none!important;
    font-family: Gilroy-M;
}
.featured-section-container .select2-container--bootstrap4 .select2-selection--multiple,.featured-section-container .select2-container--bootstrap4 .select2-selection--multiple{
    margin-bottom: 0px!important;
}
.featured-section-container .select2-container{
    margin-right: 27px;
    margin-left: 15px;
}
.featured-section-container .select2-container{
    margin-right: 27px;
    margin-left: 15px;
}
/*end add-attraction page*/

/*guest house*/
.guest-room-form-input{
    column-gap: 19px;
}
.guest-amenities-input,.guest-room-no-person-input,.guest-room-form-input,.guest-room-title-input,.guest-room-price-input{
    flex:0 0 49%;
}
.guest-room-description {
    flex: 0 0 100%; 
}
.select2-container--bootstrap4 .select2-selection--multiple {
    
    background: #f4f4f4!important;
    border: none!important;
    min-height:50px!important;
    margin-bottom: 25px;
}
.select2-container--bootstrap4 .select2-selection--multiple .select2-search__field{
    margin-top: 0px!important;
    margin-bottom: 0px!important;
    padding: 0px 16px!important;
}
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice{
    background-color: #fff!important;
    border-radius: 30px;
    border: none;
    color: var(--color4);
    font-family: Gilroy-M;
    font-size: 15px;
    line-height: normal;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    margin-top: 10px;
    padding: 5px 12px!important;
    column-gap: 14px;
    height: 29px;
}
.select2-container--bootstrap4.select2-container--focus .select2-selection{
    box-shadow: none!important;
}
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove{
    font-family: Gilroy-R;
    font-size: 24px;
    line-height: normal;
    font-weight: 400;
    float: right;
}
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered{
    display: flex;
    padding-top: 0px!important;
    overflow: scroll;
}
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__clear{
    margin-right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 0px;
    color: #090909;
    background: #ff00002e;
    margin-top: 18px;
}
.keypoints-container .keypoints-field:first-child .close-btn.remove-field-btn{
    display: none!important;
}

/* end guest house*/

/*complete registration*/
.complete-registration-inner-header h1{
    color: var(--color4);
    font-family: Gilroy-B;
    font-size: 35px;
    line-height: normal;
    text-align: center;
}
.complete-registration-inner-button a{
    background-color: var(--color1);
    color: #fff;
    border: 1px solid var(--color1);
    font-family: Gilroy-SB;
    font-size: 16px;
    line-height: normal;
    width: 193px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}
.complete-registration-inner-button a:hover{
    background-color: transparent;
    color: var(--color1);
}
.complete-registration-inner{
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    row-gap: 35px;
    height: calc(100vh - 200px);
}
/*end complete registration*/



/* shamnas style user dashboard */

.dash-board-menu, .dash-menu-close{
    display: none;
}
.left-side-tab-listing.show-now{
    display: block;
}
.tab-icon{
    width: 23px;
    text-align: center;
}
.tab-icon img{
    width: auto;
    height: auto;
}
.logo-section img{
    width: 145px;
    height: 43px;
    object-fit: contain;
}
.dashboard-left-side-tabs{
    display: flex;
}
.each-des-tab a{
    align-items: center;
    column-gap: 14px;
    width: 100%;
}
.left-side-tab-listing{
    width: 19%;
    padding-top: 26px;
    padding-bottom: 30px;
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
}
.each-des-dash-tabs{
    padding: 0px 50px 0px 37px;
}
.logo-section{
    text-align: center;
    margin-bottom: 20px;
}
.each-des-tab{
    height: 40px;
    display: flex;
    align-items: center;
    padding-left: 17px;
    /* margin-bottom: 7px; */
    transition: 0.4s;
}
.each-des-tab h6{
    color: #000;
    font-family: Gilroy-M;
    font-size: 16px;
    line-height: 27px; 
    text-transform: capitalize;
}
.each-des-tab.active{
    border-radius: 5px;
    background: #44D7B6;
}
.each-des-tab.active h6{
    color: #fff;
}
.each-des-tab.active img{
    filter: invert(1);
}
.each-des-tab:hover{
    background: #44D7B6;
    border-radius: 5px;
}
.each-des-tab:hover h6{
    color: #fff;
}
.each-des-tab:hover img{
    filter: invert(1);
}
.right-side-tab-listing{
    width: 81%;
    background-color: #EAFFFA;
    margin-right: 0;
    margin-left: auto;
    /* height: 100vh; */
}
.right-side-tab-listing{
    padding-left: 30px;
    padding-bottom: 30px;
}
.bread-section{
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 15px;
}
.right-side-top-user-section{
    display: flex;
    justify-content: space-between;
    align-items: end;
}
.bread-section a, .bread-section p{
    color: #000;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
    font-family: Roboto-M;
}
.bread-section p{
    color:#F00000;
}
.bread-section a:hover{
    color:#44d7b6;
}
.dash-user-side h6{
    color: #11263C;
    font-family: Roboto-M;
    font-size: 18px;
    line-height: 26px;
}
.user-img-col{
    border-radius: 16px;
    background: #F2F2F2;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.user-img-col img{
    width: 39px;
    height: 37px;
}
.user-img-col{
    margin-left: 20px;
    margin-right: 6px;
}
.bell-icon img{
    width: 24px;
    object-fit: contain;
}
.des-notification{
    width: 8px;
    height: 8px;
    background-color: #F00000;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    right: 3px;
}
.bell-icon{
    position: relative;
    width: fit-content;
    margin-left: 17px;
}
.dash-user-side{
    width: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 21px 0px;
    background-color: #fff;
    border-radius: 0px 0px 0px 20px;
}
h5.dash-common-title{
    color: #092145;
    font-family: Gilroy-SB;
    font-size: 21px;
    line-height: 26px;
    text-transform: capitalize;
}
p.dash-common-para{
    color: #555;
    font-family: Roboto-R;
    font-size: 14px;
    line-height: 17.788px; 
    text-transform: capitalize;
    margin-top: 10px;
}
.dashboard-detail-sectons{
    margin-top: 25px;
}
.ussage-box{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    column-gap: 20px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
}
.box-numer-side{
    text-align: center;
    width: 63%;
    height: 94px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
}
.box-numer-side h3{
    color: #FFF;
    font-family: Gilroy-B;
    font-size: 55px;
    line-height: 69px;
    text-transform: capitalize;
}
.box-numer-side p{
    color: #FFF;
    font-family: Roboto-R;
    font-size: 12px;
    line-height: 17.788px; 
    text-transform: capitalize;
    margin-top: -6px;
}
.ussage-box-1 .box-numer-side{
    background: linear-gradient(180deg, #2C7EF9 0.52%, #6FABFF 100%);
}
.ussage-box-2 .box-numer-side{
    background: #E5CD00;
}
.ussage-box-3 .box-numer-side{
    background: linear-gradient(180deg, #FA3535 0%, #FF5757 100%);
}
.ussage-box-4 .box-numer-side{
    background: linear-gradient(180deg, #B7E212 0.52%, #7EE42E 100%);
}
h6.box-title{
    color: #000;
    font-family: Gilroy-SB;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px; 
    text-transform: capitalize;
    padding-bottom: 5px;
}
p.box-para{
    color: #555;
    font-family: Roboto-R;
    font-size: 13px;
    line-height: 18px;
}
.user-ussage-list{
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 17px;
    padding-right: 35px;
    margin-top:15px ;
}
.each-des-dash-tabs{
    display: flex;
    flex-direction: column;
    row-gap: 7px;
}
h5.enquiry-title{
    color: #000;
    font-family: OpenSans-SB;    
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    text-transform: capitalize;
    margin-bottom: 12px;
}
.dash-latest-enquiry{
    margin-top: 25px;
    padding-right: 35px;
}
.enquiry-tab-section{
    padding: 20px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
}
.enquiry-tab-section li button,.enquiry-chat-panel button{
    color: #000;
    font-family: Gilroy-M;
    font-size: 16px;
    line-height: 27px;
    text-transform: capitalize;
    padding: 0px;
    width: 100%;
    height: 100%;
    border-radius: initial !important;
}
.enquiry-tab-section li{
    width: 165px;
    height: 35px;
    background: #EBEBEB;
}
.enquiry-tab-section ul{
    column-gap: 2px;
}
.enquiry-tab-section .nav-pills .nav-link.active{
    background: #44D7B6; 
}
.enquiry-top-part h6{
    color: #11263C;
    font-family: Roboto-M;
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    text-transform: capitalize;
}
.enquiry-date p{
    color: #0C2C5C;
    font-family: Roboto-R;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px; 
    text-transform: capitalize;
    width: 80px;
    padding: 1px 0px;
    text-align: center;
    border-radius: 4px;
    background: #DCF0FF;
}
.days-ago-det p{
    color: #262A3E;
    font-family: Roboto-M;
    font-size: 12px;
    line-height: 17.788px;
    text-transform: capitalize;
}
.enquiry-date, .days-ago-det{
    width: 80px;
    padding: 1px 0px;
    text-align: center;
    border-radius: 4px;
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
}
.enquiry-top-part{
    display: flex;
    align-items: center;
    column-gap: 70px;
}
.enquiry-date-det{
    display: flex;
    align-items: center;
    column-gap: 17px;
}
.each-enquiry-details{
    padding: 14px 45px 14px 20px;
    border-radius: 5px;
    background: #F8F8F8;
    margin-top: 15px;
}
.enq-flex-cont-phone{
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.enquiry-country-number{
    display: flex;
    align-items: center;
    column-gap: 60px;
}
.enquiry-bottom-part{
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 20px;
}
.enquiry-know-more{
    width: 90px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    background: #44D7B6;
    color: #FFF;
    font-family: Roboto-M;
    font-size: 12px;
    line-height: 18px; 
    text-transform: capitalize;
}
.enq-flex-cont-phone p{
    color: #000;
    font-family: Roboto-L;    
    font-size: 14px;
    font-weight: 300;
    line-height: 17.788px; 
    text-transform: capitalize;
}
.enquiry-country-number{
    margin-top: 13px;
}
.left-tab-bottom-section{
    padding: 0px 20px;
}
.logout-sec-dash img{
    object-fit: contain;
}
.logout-button{
    color: #FFF;
    text-align: center;
    font-family: Gilroy-SB;
    font-size: 14px;
    font-style: normal;
    line-height: 27px;
    text-transform: capitalize;
    width: 100%;
    border-radius: 8px;
    background: #000;
    padding: 7px 0px;
    margin-top: 30px;
}
.left-tab-bottom-section{
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
}
.dash-latest-enquiry{
    display: flex;
    column-gap: 20px;
}
.dash-latest-enquiry-table{
    width: 70.8%;
}
.dash-latest-enquiry-graph{
    width: 28.6%;
}
.enquiry-graph-section{
    padding: 20px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
    min-height: 450px;
}
.ussage-box svg{
    position: absolute;
    top: 12px;
    right: 12px;
}
.ussage-box{
    position: relative;
}


/* Dashboard Tour */

/* .dash-cust-tabs .each-des-tab{
    margin-bottom: 0px;
} */
.sub-dash-tab{
    padding-left: 17px;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-bottom: 10px;
}
.all-dash-tab{
    padding-bottom: 5px;
}
.dash-cust-tabs{
    border-radius: 5px;
}
.sub-dash-tab{
    background-color: #F2F2F2;
}
.sub-dash-tab a{
    width: fit-content;
    color: #000;
    font-family: Gilroy-M;
    font-size: 16px;
    line-height: 27px;
    text-transform: capitalize;
}
a.add-new-dash-tab{
    color: #616161;
}
.all-title-section{
    display: flex;
    align-items: center;
    column-gap: 40px;
}
.add-new-button{
    width: 115px;
    height: 35px;
    border-radius: 5px;
    border: 1px solid #F00000;
}
.add-new-button a{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
}
.add-new-button p{
    color: #F00000;
    font-family: Gilroy-SB;
    font-size: 15px;
    line-height: 18px;
}
.add-new-button a:hover svg path{
    fill:#fff;
}
.add-new-button a:hover p{
    color: #fff;
}
.add-new-button a:hover{
    background-color: #F00000;
}
.all-table-top-section{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
p.list-all-count{
    color: #000;
    font-family: Gilroy-M;
    font-size: 15px;
    line-height: 18px;
}
.right-side-bottom-all-section{
    margin-top: 15px;
}
.listing-all-in-table table{
    width: 100%;
}
.table-section-list-all{
    /* min-height: 300px; */
    background-color: #FFF;
    filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.05));
    margin-top: 25px;
    padding-top: 16px;
}
.all-top-diagram, .all-bottom-diagram{
    border-radius: 10px;
    background:  #FFF;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
    min-height: 200px;
}
.listing-all-in-table{
    display: flex;
    column-gap: 35px;
}
.right-side-bottom-all-section{
    padding-right: 35px;
}
.table-section, .table-into-diagram{
    width: 47.6%;
}
.table-columns .each-col{
    padding: 0px;
    color: #222;
    font-family: Gilroy-SB;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}
.row.table-columns{
    margin: 0px;
    --bs-gutter-x:0px;
    padding-left: 23px;
}
.make-center{
    text-align: center;
}
.table-columns{
    border-bottom: 1px solid #F1F1F1;
}
.table-content-full .each-col{
    color: #222;
    font-family: Gilroy-M;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
}
.table-content-full{
    padding-top: 13px;
    padding-bottom: 13px !important;
}
.table-content-full svg{
    cursor: pointer;
}
.table-content-full .edit svg:hover path{
    fill: #44D7B6;
}
.table-content-full .remove svg:hover path{
    fill: #F00000;
}
.row.table-columns{
    padding-bottom: 12px;
}
.table-into-diagram h3{
    color: #092145;
    font-family: Gilroy-SB;
    font-size: 21px;
    line-height: 26px;
    text-transform: capitalize;
    margin-top: 4px;
    margin-bottom: 30px;
}
.all-top-diagram{
    margin-bottom: 30px;
}
.apexcharts-menu-icon{
    display: none;
}


/*  Add tour */

button.form-save-button{
    width: 85px;
    height: 35px;
    border-radius: 5px;
    background: #44D7B6;
    border: none;
    color: #FFF;
    font-family: Gilroy-SB;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}
.add-top-section{
    display: flex;
    justify-content: space-between;
    align-items:end;
}
.adding-new-properties{
    padding-right: 30px;
}
.top-bar-all-tab ul li a{
    color: #fff;
    font-family: Gilroy-M;
    font-size: 15px;
    line-height: normal;
    padding: 15px 22px 12px 22px;
}
.top-bar-all-tab ul{
    background-color: #092145;
    display: flex;
    align-items: center;
}
.top-bar-all-tab ul li.active a{
    background-color: #44D7B6;
}
.top-bar-all-tab{
    margin-top: 30px;
}
.all-each-field p{
    color: var(--color4);
    font-family: Gilroy-SB;
    font-size: 15px;
    line-height: normal;
    margin-bottom: 10px;
}
.form-side{
    padding: 30px 30px 7px 30px;
    filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.05));
    background-color: #fff;
}
.form-side input::placeholder{
    color: #888;
    font-family: Gilroy-M;
    font-size: 15px;
    line-height: normal;
}
.form-side input{
    padding-left: 20px;
    width: 100%;
    border-radius: 5px;
    background: #F4F4F4;
    border: none;
    height: 50px;
    margin-bottom: 25px;
}
.all-each-field textarea{
    padding-left: 20px;
    width: 100%;
    border-radius: 5px;
    background: #F4F4F4;
    border: none;
    resize: none;
    height: 222px;
    padding-top: 18px;
    margin-bottom: 25px;

}
.all-each-field textarea:focus-visible{
    outline: none;
}
.radio-all-dash input{
    width: 21px;
    height: 21px;
    margin-bottom: 0px;
    cursor: pointer;
}
.day-radio, .night-radio{
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.radio-all-dash{
    display: flex;
    align-items: center;
    column-gap: 30px;
    height: 50px;
    margin-bottom: 25px;
}
.price-tour-type{
    display: flex;
    align-items: center;
    column-gap: 22px;
}
.price-tour-type .all-each-field{
    width: 100%;
}
.from-to-location-fields{
    display: flex;
    align-items: center;
    column-gap: 22px;
}
.final-submit{
    text-align: end;
    margin-top: 30px;
    margin-bottom: 5px;
}
.final-submit button{
    width: 97px;
    height: 50px;
}
.each-des-tab.active {
    background: #44D7B6;
    color: white;
}
.enquiry-graph-section h5{
    color: #333;
    font-family: OpenSans-SB;
    font-size: 15px;
    line-height: 20px;
    text-transform: capitalize;
}
.dash-latest-enquiry-graph .enquiry-graph-section{
    padding: 14px 20px 20px 20px;
}


/*  donut-chart  */
.apexcharts-legend-marker{
    border-radius: 0px !important;
}
.apexcharts-legend-text{
    color: #666666 !important;
    font-family: Roboto-M !important;
    font-size: 13px !important;
    line-height: 18px !important; 
    text-transform: capitalize !important;
    padding-left: 23px !important;
}
.apexcharts-legend-series{
    margin: 0px !important;
}
.apexcharts-legend{
    column-gap: 53px;
    padding: 0px !important;
}
foreignObject{
    height: 100%;
}
#pie-chart{
    padding-top: 25px;
}

/* add tour highlights */

.add-more-key{
    display: flex;
    align-items: center;
    width: fit-content;
    margin-left: auto;
    margin-right: 0px;
    column-gap: 4px;
    color: #F00000;
    font-family: Gilroy-SB;
    font-size: 12px;
    line-height: 14px;
    cursor: pointer;
}
.each-key-points{
    display: flex;
    align-items: center;
    column-gap: 15px;
}
.each-key-points img{
    width: 26px;
    height: 26px;
    object-fit: contain;
}
.form-side .keypoints-field input{
    margin-bottom: 0px;
}
/*end dashboard first page*/

/*dashboard add tour section*/
.dashboard-add-steps-inner{
    padding-right: 30px;
}
.dashboard-add-steps-inner .add-tour-wizard{
    max-width: 100%;
}
.dashboard-top-save-btn{
    width: 86px;
    height: 35px;
    background-color: var(--color1);
    color: #fff;
    font-family: Gilroy-SB;
    font-size: 16px;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    border: 1px solid var(--color1);
}
.dashboard-top-save-btn:hover{
    background-color: transparent;
    color:var(--color1);
}
.dashboard-steps-header{
    max-width: 100%;
    margin-top: 18px;
}
.dashboard-steps-header h1{
    font-family: Gilroy-SB;
    font-size: 21px;
    line-height: normal;
    text-transform: capitalize;
}
.dashboard-add-steps-inner .wizard .content{
    border: none;
}
.dashboard-add-steps-inner .add-tour-wizard{
    filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.05));
    -webkit-filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.05));
    -moz-filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.05));
}
.dashboard-add-steps-inner .btn.btn-success.dashboard-save{
    width: 97px;
    height: 50px;
}
/*end dashboard add tour section*/
/*dashboard enquiry page*/
.dashboard-enquiry-right-col .dash-latest-enquiry-graph{
    width: 48.21%;
}
.dashboard-enquiry-right-col .enquiry-tab-section{
    padding: 0px;
}
.dashboard-enquiry-right-col .enquiry-tab-section ul{
    padding: 20px 23px;
    border-bottom: 1px solid #F1F1F1;
}
.form-group.has-search .form-control{
    border: none;
    border-radius: 0px;
    background-color: transparent;
    padding: 5px 7.3px;
    box-shadow: none!important;
}
.form-group.has-search{
    display: flex;
    align-items: center;
    background-color: #EEEEEE;
    border-radius: 5px;
    height: 40px;
    padding: 10px 13px;
}
.enquiry-filter-row{
    display: flex;
    padding: 19px 23px;
    border-bottom: 1px solid #F1F1F1;
    justify-content: space-between;
}
.enquiries-table-head-row{
    display: flex;
    padding-top: 18px;
    padding-bottom: 11px;
    border-bottom: 1px solid #f1f1f1;
}
.enquiries-table-body-row{
    display: flex;
    align-items: center;
}
.enquiries-table-header{
    flex: 1 0 0;
}
.enquiries-table-col{
    flex: 1 0 0;
    word-break: break-word;
}
.enquirypage-tab-section ul.enquiry-main-list li{
    background-color: transparent;
}
.enquirypage-tab-section .enquiries-table-head{
    width: 100%;
}
.enquirypage-tab-section .enquiries-table-body{
    width: 100%;
}
.enquiry-id-head,.enquiry-id-col{
    flex: 0 0 7.3%;
    text-align: center;
}
.enquiry-username-head,.enquiry-username-col{
    flex: 0 0 13.97%;
    text-align: left;
}
.enquiry-guesthouse-head,.enquiry-guesthouse-col{
    flex: 0 0 21.36%;
}
.enquiry-date-head,.enquiry-date-col{
    flex: 0 0 14.51%;
}
.enquiry-country-head,.enquiry-country-col{
    flex: 0 0 20.15%;
    text-align: center;
}
.enquiry-detailed-popup-header,.enquiry-detailed-popup-col{
    flex: 0 0 5.11%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.enquiry-chat-popup-header,.enquiry-chat-popup-btn-col{
    flex: 0 0 4.03%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.enquiry-remove-head,.enquiry-remove-col{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dashboard-enquiry-right-col .enquiry-tab-section .enquiries-table-inner ul.enquiry-main-list{
    padding: 0px;
} 
.dashboard-enquiry-right-col .enquiry-tab-section .enquiries-table-inner ul.enquiry-main-list li{
    height: auto;
    padding: 12px 0px;
    border-bottom: 1px solid #f1f1f1;
}
.dashboard-enquiry-right-col .enquiry-tab-section ul.enquiry-main-list li button{
    width: 16px;
    height: 16px;
    background-color: transparent;
    border: none;
    box-shadow: none;
    display: flex;
    justify-content: center;
}
.enquiries-table-header p{
    color: #777;
    font-family: Gilroy-M;
    font-size: 15px;
    line-height: normal;
}
.enquiry-modal-dialog{
    max-width: 922px;
}
.enquiry-popup-header{
    display: flex;
    justify-content: space-between;
}
.enquiry-popup-description{
    display: flex;
    justify-content: space-between;
}
.enquiry-popup-header-right-col{
    display: flex;
    height: 33px;
    align-items: center;
    column-gap: 12px;
}
.enquiry-popup-description-right-col-rating{
    display: flex;
    align-items: center;
    column-gap: 11px;
}

.dashboard-enquiry-right-col .enquiry-tab-section ul.enquiry-popup-description-right-col-rating-star{
    padding: 0px;
    border-bottom: none;
    display: flex;
    height: 15.672px;
}

/*.enquiry-popup-description-left-col::after{*/
/*    content: '';*/
/*    height: 100%;*/
/*    width: 1px;*/
/*    opacity: 0.2;*/
/*    background: #000;*/
/*    display: block;*/
/*    margin-left: 24px;*/
/*    margin-right: 31px;*/
/*}*/

 .enquiry-popup-description-right-col::before{
     content: '';
     height: 100%;
     width: 1px;
     opacity: 0.2;
     background: #000;
     display: block;
     margin-left: 15px;
     margin-right: 26px;
 }

 .enquiry-popup-description-left-col {
     flex: 0 0 69.5%;
 }
 .enquiry-popup-description-right-col {
     display: flex;
     flex: 0 0 30.35%;
 }
.dashboard-enquiry-right-col .enquiry-tab-section .enquiries-table-inner ul.enquiry-popup-description-right-col-rating-star li{
    background-image: url('../img/rating-star.svg');
    width: 14.872px;
    height: 15.672px;
    background-size:14.872px 15.672px;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0px!important;
    border-bottom: none!important;
}
.enquiry-popup-description-right-col-img img{
    border-radius: 10px;
    width: 100%;
    height: 171px;
    object-fit: cover;
}
.dashboard-enquiry-right-col .enquiry-tab-section ul.enquiry-main-list li .enquiry-popup-chat-btn button{
    width: 33px;
    height: 33px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F5F5F5;
    border-radius: 50%!important;
}
.enquiry-popup-date{
    background-color: #F8F8F8;
    height: 22px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 12px;
}
.enquiry-popup-header-left-col p{
    color: #A8A8A8;
    font-family: Roboto-M;
    font-size: 13px;
    line-height: 15px;
    text-transform: capitalize;
    margin-bottom: 4px;
}
.enquiry-popup-header-left-col h3{
    color: #11263C;
    font-family: Roboto-M;
    font-size: 24px;
    line-height: 28px;
    text-transform: capitalize;
    margin-bottom: 12px;
}
.enquiries-table-body-row .enquiry-popup-description-content p{
    color: #666;
    font-family: Roboto-L;
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    text-transform: capitalize;
    margin-bottom: 30px;
}
.enquiry-popup-description-content p:last-child{
    margin-bottom: 0px;
}
.enquiry-popup-description-right-col-header h3{
    color: var(--color4);
    font-family: Gilroy-B;
    font-size: 24px;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 10px;
}
.enquiry-modal-header{
    border-bottom: none!important;
    padding: 0px;
}
.enquiry-modal-dialog .modal-content{
    border-radius: 10px;
    border: 5px solid rgba(255, 255, 255, 0.20);
}
.enquiry-modal-dialog .modal-content{
    padding: 25px 28px;
}
.enquiry-modal-dialog .modal-body{
    padding: 0px;
}
.enquiry-popup-description-right-col-img{
    margin-top: 20px;
}
.enquiry-popup-description-right-col-rating-content p{
    color: #666;
    font-family: Gilroy-M;
    font-size: 12.419px;
    font-weight: 400;
    line-height: normal;
}
.enquiry-popup-date p{
    color: #262A3E;
    font-family: Roboto-M;
    font-size: 12px;
    line-height: 17.788px; 
    text-transform: capitalize;
}
.dashboard-enquiry-right-col .enquiry-tab-section ul.enquiry-main-list li button.btn-close{
    width: 11px;
    height: 11px;
    background-color: transparent;
    border: none;
    box-shadow: none;
    display: flex;
    justify-content: center;
    margin-bottom: 0px;
    color: #262A3E;
    opacity: 1;
    margin-right: -14px;
    margin-top: -11px;
}
.enquiry-popup-footer-inner{
    display: flex;
    width: 100%;
    margin: 0px;
    justify-content: space-between;
    align-items: center;
}
.enquiry-popup-footer{
    padding: 0px;
    padding: 0px;
    margin-top: 25px;
    border-top: none;
}
.enquiry-popup-footer-contact-box{
    display: flex;
    align-items: center;
    column-gap: 60px;
}
.enquiry-popup-remove button svg{
    width: 16px;
    height: 16.5px;
}
.enquiry-popup-location p::before{
    content: '';
    background: url('../img/enquiry-popup-map-pin.svg');
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    display: block;
}
.enquiry-popup-contact a::before{
    content: '';
    background: url('../img/enquiry-popup-phone.svg');
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    display: block;
}

 .enquiry-popup-email a::before{
     content: '';
     background: url('../img/email.png');
     width: 20px;
     height: 20px;
     background-size: 20px 20px;
     background-repeat: no-repeat;
     display: block;
 }

.enquiry-popup-footer-contact-box p,.enquiry-popup-footer-contact-box a{
    color: #000;
    font-family: Roboto-L;
    font-size: 14px;
    line-height: 17.788px; /* 127.055% */
    text-transform: capitalize;
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.cd-panel.cd-panel--is-visible{
    z-index: 9999;
}
.cd-panel__header h1{
    display: none;
}
.cd-panel__container{
    background-color: #fff!important;
    width: 100%!important;
    max-width: 30.61%!important;
}
.cd-panel__header{
    box-shadow: none!important;
    width: 26%!important;
}

/* -
------------------------------- 
Chat widget 
-------------------------------- */
.cd-main-content {
  text-align: center;
}

.cd-main-content h1 {
  font-size: 2rem;
  color: #64788c;
  padding: 4em 0;
}

.cd-btn {
  position: relative;
  display: inline-block;
  padding: 1em 2em;
  background-color: #89ba2c;
  color: #ffffff;
  border-radius: 50em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(0, 0, 0, 0.1);
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
}

.cd-btn:hover {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 20px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 20px rgba(0, 0, 0, 0.3);
}

@media only screen and (min-width: 1170px) {
  .cd-main-content h1 {
    font-size: 3.2rem;
  }
}

.cd-panel {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  visibility: hidden;
  -webkit-transition: visibility 0s 0.6s;
  transition: visibility 0s 0.6s;
}

.cd-panel::after {
  /* overlay layer */
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  cursor: pointer;
  -webkit-transition: background 0.3s 0.3s;
  transition: background 0.3s 0.3s;
}

.cd-panel.cd-panel--is-visible {
  visibility: visible;
  -webkit-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
}

.cd-panel.cd-panel--is-visible::after {
  background: rgba(0, 0, 0, 0.6);
  -webkit-transition: background 0.3s 0s;
  transition: background 0.3s 0s;
}

.cd-panel__header {
  position: fixed;
  width: 90%;
  height: 50px;
  line-height: 50px;
  background: rgba(255, 255, 255, 0.96);
  z-index: 2;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -webkit-transition: -webkit-transform 0.3s 0s;
  transition: -webkit-transform 0.3s 0s;
  transition: transform 0.3s 0s;
  transition: transform 0.3s 0s, -webkit-transform 0.3s 0s;
  -webkit-transform: translateY(-50px);
      -ms-transform: translateY(-50px);
          transform: translateY(-50px);
}

.cd-panel__header h1 {
  color: #89ba2c;
  padding-left: 5%;
}

.cd-panel--from-right .cd-panel__header {
  right: 0;
}

.cd-panel--from-left .cd-panel__header {
  left: 0;
}

.cd-panel--is-visible .cd-panel__header {
  -webkit-transition: -webkit-transform 0.3s 0.3s;
  transition: -webkit-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}

@media only screen and (min-width: 768px) {
  .cd-panel__header {
    width: 70%;
  }
}

@media only screen and (min-width: 1170px) {
  .cd-panel__header {
    width: 50%;
  }
}

.cd-panel__close {
  position: absolute;
  top: 0;
  right: -9px;
  height: 100%;
  width: 60px;
  /* image replacement */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.cd-panel__close::before, .cd-panel__close::after {
  /* close icon created in CSS */
  content: '';
  position: absolute;
  top: 22px;
  left: 20px;
  height: 3px;
  width: 20px;
  background-color: #424f5c;
  /* this fixes a bug where pseudo elements are slighty off position */
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.cd-panel__close::before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.cd-panel__close::after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.cd-panel__close:hover {
  /*background-color: #424f5c;*/
}

.cd-panel__close:hover::before, .cd-panel__close:hover::after {
  /*background-color: #ffffff;*/
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.cd-panel__close:hover::before {
  -webkit-transform: rotate(220deg);
      -ms-transform: rotate(220deg);
          transform: rotate(220deg);
}

.cd-panel__close:hover::after {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}

.cd-panel--is-visible .cd-panel__close::before {
  -webkit-animation: cd-close-1 0.6s 0.3s;
          animation: cd-close-1 0.6s 0.3s;
}

.cd-panel--is-visible .cd-panel__close::after {
  -webkit-animation: cd-close-2 0.6s 0.3s;
          animation: cd-close-2 0.6s 0.3s;
}

@-webkit-keyframes cd-close-1 {
  0%, 50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}

@keyframes cd-close-1 {
  0%, 50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}

@-webkit-keyframes cd-close-2 {
  0%, 50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}

@keyframes cd-close-2 {
  0%, 50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}

.cd-panel__container {
  position: fixed;
  width: 90%;
  height: 100%;
  top: 0;
  background: #dbe2e9;
  z-index: 1;
  -webkit-transition: -webkit-transform 0.3s 0.3s;
  transition: -webkit-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
}

.cd-panel--from-right .cd-panel__container {
  right: 0;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}

.cd-panel--from-left .cd-panel__container {
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}

.cd-panel--is-visible .cd-panel__container {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

@media only screen and (min-width: 768px) {
  .cd-panel__container {
    width: 70%;
  }
}

@media only screen and (min-width: 1170px) {
  .cd-panel__container {
    width: 50%;
  }
}

.cd-panel__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 50px 0px;
  overflow: auto;
  /* smooth scrolling on touch devices */
  -webkit-overflow-scrolling: touch;
}

.cd-panel__content p {
  font-size: 1.4rem;
  color: #424f5c;
  line-height: 1.4;
  margin: 2em 0;
}

.cd-panel__content p:first-of-type {
  margin-top: 0;
}

@media only screen and (min-width: 768px) {
  .cd-panel__content p {
    font-size: 1.6rem;
    line-height: 1.6;
  }
}

/*chat inner*/
.app {
  display: flex;
  flex-direction: column;
  background-color: var(--theme-bg-color);
  max-width: 1600px;
  height: calc(100vh - 125px);
  margin: 0 auto;
  overflow: hidden;
}

.header {
  height: 80px;
  width: 100%;
  border-bottom: 1px solid var(--border-color);
  display: flex;
  align-items: center;
  padding: 0 20px;
}

.wrapper {
  width: 100%;
  display: flex;
  flex-grow: 1;
  overflow: hidden;
}

.conversation-area,
.detail-area {
  width: 340px;
  flex-shrink: 0;
}

.detail-area {
  border-left: 1px solid var(--border-color);
  margin-left: auto;
  padding: 30px 30px 0 30px;
  display: flex;
  flex-direction: column;
  overflow: auto;
}

.chat-area {
  flex-grow: 1;
}

.search-bar {
  height: 80px;
  z-index: 3;
  position: relative;
  margin-left: 280px;
}
.search-bar input {
  height: 100%;
  width: 100%;
  display: block;
  background-color: transparent;
  border: none;
  color: var(--body-color);
  padding: 0 54px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56.966 56.966' fill='%23c1c7cd'%3e%3cpath d='M55.146 51.887L41.588 37.786A22.926 22.926 0 0046.984 23c0-12.682-10.318-23-23-23s-23 10.318-23 23 10.318 23 23 23c4.761 0 9.298-1.436 13.177-4.162l13.661 14.208c.571.593 1.339.92 2.162.92.779 0 1.518-.297 2.079-.837a3.004 3.004 0 00.083-4.242zM23.984 6c9.374 0 17 7.626 17 17s-7.626 17-17 17-17-7.626-17-17 7.626-17 17-17z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 25px 48%;
  font-family: var(--body-font);
  font-weight: 600;
  font-size: 15px;
}
.search-bar input::placeholder {
  color: var(--input-chat-color);
}

.logo {
  color: var(--theme-color);
  /* width: 38px; */
  flex-shrink: 0;
}
.logo svg {
  width: 100%;
}

.user-settings {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-left: auto;
  flex-shrink: 0;
}
.user-settings > * + * {
  margin-left: 14px;
}

.dark-light {
  width: 22px;
  height: 22px;
  color: var(--settings-icon-color);
  flex-shrink: 0;
}
.dark-light svg {
  width: 100%;
  fill: transparent;
  transition: 0.5s;
}

.user-profile {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.settings {
  color: var(--settings-icon-color);
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}

.conversation-area {
  border-right: 1px solid var(--border-color);
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
}

.msg-profile {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 15px;
}
.msg-profile.group {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--border-color);
}
.msg-profile.group svg {
  width: 60%;
}

.msg {
  display: flex;
  align-items: center;
  padding: 20px;
  cursor: pointer;
  transition: 0.2s;
  position: relative;
}
.msg:hover {
  background-color: var(--msg-hover-bg);
}
.msg.active {
  background: var(--active-conversation-bg);
  border-left: 4px solid var(--theme-color);
}
.msg.online:before {
  content: "";
  position: absolute;
  background-color: #23be7e;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: 2px solid var(--theme-bg-color);
  left: 50px;
  bottom: 19px;
}

.msg-username {
  margin-bottom: 4px;
  font-weight: 600;
  font-size: 15px;
}

.msg-detail {
  overflow: hidden;
}

.msg-content {
  font-weight: 500;
  font-size: 13px;
  display: flex;
}

.msg-message {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--msg-message);
}

.msg-date {
  font-size: 14px;
  color: var(--msg-date);
  margin-left: 3px;
}
.msg-date:before {
  content: "•";
  margin-right: 2px;
}

.add {
  position: sticky;
  bottom: 25px;
  background-color: var(--theme-color);
  width: 60px;
  height: 60px;
  border: 0;
  border-radius: 50%;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-plus'%3e%3cpath d='M12 5v14M5 12h14'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 28px;
  box-shadow: 0 0 16px var(--theme-color);
  margin: auto auto -55px;
  flex-shrink: 0;
  z-index: 1;
  cursor: pointer;
}

.overlay {
  position: sticky;
  bottom: 0;
  left: 0;
  width: 340px;
  flex-shrink: 0;
  background: var(--overlay-bg);
  height: 80px;
}

.chat-area {
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.chat-area-header {
  display: flex;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  background: var(--chat-header-bg);
}
.chat-area-profile {
  width: 32px;
  border-radius: 50%;
  object-fit: cover;
}
.chat-area-title {
  font-size: 18px;
  font-weight: 600;
}
.chat-area-main {
  flex-grow: 1;
}

.chat-msg-img {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  object-fit: cover;
}
.chat-msg-profile-img{
    width: 45px;
    height: 45px;
    background-color: #F2F2F2;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.chat-msg-profile {
  flex-shrink: 0;
  margin-top: auto;
  margin-bottom: 0px;
  position: relative;
}

.chat-msg-date {
  position: absolute;
  left: calc(100% + 12px);
  bottom: 0;
  color: #757575;
font-family: Gilroy-R;
font-size: 12px;
line-height: normal;
letter-spacing: -0.12px;
  white-space: nowrap;
  bottom: -25px;
}

.chat-msg {
  display: flex;
  padding: 0 20px 45px;
}
.chat-msg-content {
  margin-left: 12px;
  max-width: 49.46%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.chat-msg-text {
  background-color: #F5F5F5;
  padding: 15px;
  border-radius: 0px 10px 10px 10px;
  line-height: 150%;
  font-size: 14px;
  font-family: Gilroy-M;
}
.chat-msg-text + .chat-msg-text {
  margin-top: 10px;
}

.chat-msg-text {
  color: var(--chat-text-color);
}

.owner {
  flex-direction: row-reverse;
}
.owner .chat-msg-content {
  margin-left: 0;
  margin-right: 0px;
  align-items: flex-end;
}
.owner .chat-msg-text {
  background-color: var(--color1);
  color: #fff;
  border-radius: 10px 0px 10px 10px;
}
.owner .chat-msg-date {
    left: auto;
    right: calc(100% + 0px);
}

.chat-msg-text img {
  max-width: 300px;
  width: 100%;
}

.chat-area-footer {
  display: flex;
  border-top: 1px solid #DFDFDF;
  width: 100%;
  padding: 10px 20px;
  align-items: center;
  background-color: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
}

.chat-area-footer svg {
  color: var(--settings-icon-color);
  width: 20px;
  flex-shrink: 0;
  cursor: pointer;
}
.chat-area-footer svg:hover {
  color: var(--settings-icon-hover);
}
.chat-area-footer svg + svg {
  margin-left: 12px;
}

.chat-area-footer input {
  border: none;
  color: var(--body-color);
  background-color: var(--input-bg);
  padding: 12px;
  border-radius: 6px;
  font-size: 15px;
  margin: 0 12px;
  width: 100%;
}
.chat-area-footer input::placeholder {
  color: var(--input-chat-color);
}

#chat-box {
    overflow: auto;
}

.detail-area-header {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.detail-area-header .msg-profile {
  margin-right: 0;
  width: 60px;
  height: 60px;
  margin-bottom: 15px;
}

.detail-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}

.detail-subtitle {
  font-size: 12px;
  font-weight: 600;
  color: var(--msg-date);
}

.detail-button {
  border: 0;
  background-color: var(--button-bg-color);
  padding: 10px 14px;
  border-radius: 5px;
  color: var(--button-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  flex-grow: 1;
  font-weight: 500;
}
.detail-button svg {
  width: 18px;
  margin-right: 10px;
}
.detail-button:last-child {
  margin-left: 8px;
}

.detail-buttons {
  margin-top: 20px;
  display: flex;
  width: 100%;
}

.detail-area input {
  background-color: transparent;
  border: none;
  width: 100%;
  color: var(--body-color);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56.966 56.966' fill='%23c1c7cd'%3e%3cpath d='M55.146 51.887L41.588 37.786A22.926 22.926 0 0046.984 23c0-12.682-10.318-23-23-23s-23 10.318-23 23 10.318 23 23 23c4.761 0 9.298-1.436 13.177-4.162l13.661 14.208c.571.593 1.339.92 2.162.92.779 0 1.518-.297 2.079-.837a3.004 3.004 0 00.083-4.242zM23.984 6c9.374 0 17 7.626 17 17s-7.626 17-17 17-17-7.626-17-17 7.626-17 17-17z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 100%;
  font-family: var(--body-font);
  font-weight: 600;
  font-size: 14px;
  border-bottom: 1px solid var(--border-color);
  padding: 14px 0;
}
.detail-area input::placeholder {
  color: var(--detail-font-color);
}

.detail-changes {
  margin-top: 40px;
}

.detail-change {
  color: var(--detail-font-color);
  font-family: var(--body-font);
  font-weight: 600;
  font-size: 14px;
  border-bottom: 1px solid var(--border-color);
  padding: 14px 0;
  display: flex;
}
.detail-change svg {
  width: 16px;
  margin-left: auto;
}

.colors {
  display: flex;
  margin-left: auto;
}

.color {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  cursor: pointer;
}
.color.selected {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23fff' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1' viewBox='0 0 24 24'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
  background-size: 10px;
  background-position: center;
  background-repeat: no-repeat;
}
.color:not(:last-child) {
  margin-right: 4px;
}

.detail-photo-title {
  display: flex;
  align-items: center;
}
.detail-photo-title svg {
  width: 16px;
}

.detail-photos {
  margin-top: 30px;
  text-align: center;
}

.detail-photo-title {
  color: var(--detail-font-color);
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 20px;
}
.detail-photo-title svg {
  margin-right: 8px;
}

.detail-photo-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-template-rows: repeat(3, 60px);
}
.detail-photo-grid img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
  object-position: center;
}

.view-more {
  color: var(--theme-color);
  font-weight: 600;
  font-size: 15px;
  margin: 25px 0;
}

.follow-me {
  text-decoration: none;
  font-size: 14px;
  width: calc(100% + 60px);
  margin-left: -30px;
  display: flex;
  align-items: center;
  margin-top: auto;
  overflow: hidden;
  color: #9c9cab;
  padding: 0 20px;
  height: 52px;
  flex-shrink: 0;
  position: relative;
  justify-content: center;
}
.follow-me svg {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

.follow-text {
  display: flex;
  align-items: center;
  transition: 0.3s;
}

.follow-me:hover .follow-text {
  transform: translateY(100%);
}
.follow-me:hover .developer {
  top: 0;
}

.developer {
  position: absolute;
  color: var(--detail-font-color);
  font-weight: 600;
  left: 0;
  top: -100%;
  display: flex;
  transition: 0.3s;
  padding: 0 20px;
  align-items: center;
  justify-content: center;
  background-color: var(--developer-color);
  width: 100%;
  height: 100%;
}

.developer img {
  border-radius: 50%;
  width: 26px;
  height: 26px;
  object-fit: cover;
  margin-right: 10px;
}

.dark-mode .search-bar input,
.dark-mode .detail-area input {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56.966 56.966' fill='%236f7073'%3e%3cpath d='M55.146 51.887L41.588 37.786A22.926 22.926 0 0046.984 23c0-12.682-10.318-23-23-23s-23 10.318-23 23 10.318 23 23 23c4.761 0 9.298-1.436 13.177-4.162l13.661 14.208c.571.593 1.339.92 2.162.92.779 0 1.518-.297 2.079-.837a3.004 3.004 0 00.083-4.242zM23.984 6c9.374 0 17 7.626 17 17s-7.626 17-17 17-17-7.626-17-17 7.626-17 17-17z'/%3e%3c/svg%3e");
}
.dark-mode .dark-light svg {
  fill: #ffce45;
  stroke: #ffce45;
}
.dark-mode .chat-area-group span {
  color: #d1d1d2;
}

.chat-area-group {
  flex-shrink: 0;
  display: flex;
}
.chat-area-group * {
  border: 2px solid var(--theme-bg-color);
}
.chat-area-group * + * {
  margin-left: -5px;
}
.chat-area-group span {
  width: 32px;
  height: 32px;
  background-color: var(--button-bg-color);
  color: var(--theme-color);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 1120px) {
  .detail-area {
    display: none;
  }
}
@media (max-width: 780px) {
  .conversation-area {
    display: none;
  }

  .search-bar {
    margin-left: 0;
    flex-grow: 1;
  }
  .search-bar input {
    padding-right: 10px;
  }
}
/*end chat inner*/

/* -------------------------------- 
End Chat widget 
-------------------------------- */
.enquiry-chat-panel .upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 32px;
  flex: 0 0 24px;
}

.dashboard-enquiry-right-col .enquiry-tab-section ul.enquiry-main-list li .enquiry-chat-panel .btn {
  width: 24px;
  height: 24px;
}

.enquiry-chat-panel .upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.enquiry-chat-panel .chat-input{
    display: flex;
    align-items:center;
    width: 100%;
    border-radius: 20px;
    background: #F6FAFF;
    padding: 10px 20px;
}
.dashboard-enquiry-right-col .enquiry-tab-section ul.enquiry-main-list li button.chat-submit-btn,button.chat-submit-btn{
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    margin-left: 34px;
}
.enquiry-chat-panel .chat-area-footer svg{
    width: 24px;
}
.dashboard-enquiry-right-col .enquiry-tab-section ul.enquiry-main-list li button.chat-input-emoji,button.chat-input-emoji{
    width: 23px;
    height: 23px;
    flex: 0 0 23px;
}
/*daterange*/
.daterange-wrapper input{
    border: none;
    background: #EEE;
    width: 103px;
    font-size: 13px;
    color: #000000;
    font-family: Gilroy-M;

}
.daterange-wrapper{
    border-radius: 5px;
    background: #EEE;
    display: flex;
    height: 40px;
    column-gap: 9px;
    align-items: center;
         padding: 14px 15px;
}
.daterange-wrapper::before{
    content: '';
    background-image: url('../img/daterange-icon.svg');
    width: 11px;
    height: 12.222px;
    background-size: 11px 12.22px;
    background-repeat: no-repeat;
    display: block;
}
/*end date range*/
 /* dashboard all tour section */

 .dash-container {
     display: flex;
     justify-content: space-between;
     padding-right: 30px;
     margin-top: 21px;
 }

 .dash-container .dash-left {
     width: 48.73%;
 }

 .dash-container .dash-right {
     width: 48.73%;
 }

 .dash-common-head {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-bottom: 26px;
 }

 .dash-common-head-flex {
     display: flex;
     align-items: center;
     justify-content: space-between;
     column-gap: 39px;
 }

 .dash-common-add-more-btn {
     color: var(--color2);
     font-family: Gilroy-SB;
     font-size: 15px;
     line-height: 17px;
     display: flex;
     align-items: center;
     text-transform: capitalize;
     border-radius: 5px;
     border: 1px solid var(--color2);
     box-shadow: none !important;
     background-color: transparent;
     padding: 8px 14px;
     column-gap: 10px;
 }

 .dash-common-add-more-btn::before {
     content: '';
     background-image: url('../img/add-more.svg');
     width: 12px;
     height: 12px;
     background-size: 12px 12px;
     background-repeat: no-repeat;
 }

 .dash-common-add-more-btn:hover {
     color: #000;
     border: 1px solid #000;
 }

 .dash-common-add-more-btn:hover::before {
     filter: brightness(0) invert(0);
 }

 .no-of-records {
     color: #000;
     text-align: right;
     font-family: Gilroy-M;
     font-size: 15px;
     line-height: 18px;
 }

 h5.analytics-title {
     color: #092145;
     font-family: Gilroy-SB;
     font-size: 21px;
     line-height: 26px;
     text-transform: capitalize;
     margin-bottom: 30px;
     margin-top: 5px;
 }



 .analytics-count-section {
    display: flex;
    flex-direction: column;
    gap: 30px;
 }

 .analytics-count-box {
     border-radius: 10px;
     background-color: #FFF;
     box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
 }

 .analytics-count-box-head {
     padding: 15px 22.92px;
     display: flex;
     justify-content: space-between;
 }

 .analytics-count-box-head h5 {
     color: #1C1C1E;
     font-family: OpenSans-SB;
     font-size: 16px;
     line-height: 23px;
 }

 .analytics-count-period input {
     border: none;
     border-radius: 5px;
     background: #EFEFEF;
     color: #333;
     font-family: Gilroy-M;
     font-size: 11px;
     line-height: 21px;
     padding: 5px 10px;
 }

 .analytics-count-graph {
     padding: 22.93px;
 }
 .dashboard-enquiry-right-col .enquiry-graph-section{
    margin-top: 23px;
 }
 .daterangepicker td.active, .daterangepicker td.active:hover{
    background-color: var(--color1);
 }
 .daterangepicker .drp-buttons .btn.applyBtn{
    background-color: var(--color1);
    border-color: var(--color1);
 }
 .dashboard-enquiry-right-col{
    background-color: transparent;
 }
 .dashboard-enquiry-right-col .nav.nav-pills{
    background-color: #fff;
 }
 .dashboard-enquiry-right-col .enquiry-filter-section{
    background-color: #fff;
 }
 .dashboard-enquiry-right-col .tab-content{
    background-color: #fff;
 }
 /*pagination*/
 .pagination{
    display: flex;
    align-items: center;
    column-gap: 7px;
    justify-content: flex-end;
    margin-top: 23px;
 }
 .pagination-list{
    display: flex;
    align-items: center;
    column-gap: 7px;
    
 }
 .pagination-list li a{
    width: 23px;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    font-family: Gilroy-M;
    font-size: 12px;
    line-height: normal;
 }
 .pagination-list li.active a,.pagination-list li a:hover,.paginaton-control-btn a:hover{
    background-color: var(--color1);
    border-radius: 5px;
    color: #fff;
 }
 .paginaton-control-btn a{
    width: 23px;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
 }
 .next-button a{
    transform: rotate(180deg);
 }
 /*end pagination*/
 .enquiry-piechart{
    margin-top: 23px;
 }
 .enquiries-table-body-row p{
    color: #222;
    font-family: Gilroy-M;
    font-size: 15px;
    line-height: normal;
 }
 .enquiries-table-body-row .enquiry-guesthouse-col p{
    color: #777;
 }
.dash-latest-enquiry-table-head-section{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.enquiry-records p{
    color: #000;
    font-family: Gilroy-M;
    font-size: 15px;
    line-height: normal;
    margin-bottom: 7px;
}
/*end dashboard enquiry page*/


/*Profile membership*/

.profile-membership-plan-top-header{
    background-color: var(--color1);
    color: #FFF;
    font-family: Gilroy-SB;
    font-size: 16px;
    line-height: normal;
    text-transform: uppercase;
    width: fit-content;
    border-radius: 5px 5px 0px 0px;
    padding: 7px 12px;
}
.profile-membership-plan-content{
    border-radius: 0px 10px 10px 10px;
    border: 1px solid var(--color1);
}
.profile-membership-plan-content-header{
    padding: 15px 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.profile-membership-plan-content-body{
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 23px;
    padding-bottom: 32px;
}
.profile-membership-plan-name h3{
    display: flex;
    flex-direction: column;
    color: var(--color4);
    font-family: Gilroy-B;
    font-size: 35px;
    line-height: normal;
}
.profile-membership-plan-name h3 span{
    font-size: 14px;
    line-height: normal;
    text-transform: uppercase;
}
.profile-membership-wrapper-inner{
    display: flex;
    column-gap: 28px;
}
.profile-membership-plan-description P{
    color: #666;
    font-family: Gilroy-M;
    font-size: 18px;
    line-height: normal;
}
.profile-membership-plan-tag p{
    color: #000;
    font-family: Gilroy-M;
    font-size: 12px;
    line-height: 18px;
    border-radius: 3px;
    background: #DDEAFF;
    width: fit-content;
    padding: 4px 10px;
}
.profile-membership-plan-term p{
    color: #000;
    text-align: center;
    font-family: Gilroy-M;
    font-size: 16px;
    line-height: normal;
    text-transform: capitalize;
}
.profile-membership-plan-name{
    display: flex;
}
.profile-membership-plan-name::after{
    content: '';
    width: 1px;
    height: auto;
    background-color: rgba(0, 0, 0, 0.1);
    display: block;
    margin: 0 38px;
}
.profile-membership-plan-description{
    flex: 0 0 30%;
}
.profile-membership-plan-tag{
    margin-left: 116px;
}
.profile-membership-plan-term{
    margin-left: 15px;
}
.profile-membership-wrapper{
    background-color: #fff;
    padding: 26px 30px;
    border-radius: 10px;
    filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.05));
    -webkit-filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.05));
    -moz-filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.05));
    height: calc(100vh - 190px);

}
.plan-feature-inner-section{
    display: flex;
    justify-content: space-between;
}
.plan-feature-inner-section-separator{
    width: 1px;
    height: auto;
    background-color: rgba(0, 0, 0, 0.1);
    display: block;
    margin: 0px 45px;
    flex: 0 0 1px;
}
.profile-membership-plan-content-body .plan-feature-inner-section ul{
    flex: 0 0 45%;
    row-gap: 12px;
}
.profile-membership-plan-expires-block{
    border-radius: 10px;
    background: var(--color1);
}
.profile-membership-plan-expires-block p{
    color: #FFF;
    text-align: center;
    font-family: Gilroy-M;
    font-size: 17px;
    line-height: normal;
    letter-spacing: 0.85px;
    text-transform: uppercase;
}
.profile-membership-plan-expires-block h3{
    color: #FFF;
    text-align: center;
    font-family: Gilroy-B;
    font-size: 25px;
    line-height: normal;
}
.profile-membership-plan-expires-block{
    height: 109px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
}
.profile-membership-plan-renew-block button{
    background-color: transparent;
    border-radius: 5px;
    border: 1px solid var(--color2);
    height: 48px;
    display: flex;
    justify-content:center;
    align-items: center;
    width: 100%;
    color: var(--color2);
    font-family: Gilroy-SB;
    font-size: 15px;
    line-height: normal;
    margin-top: 18px;
}
.profile-membership-plan-renew-block button:hover{
    background-color: var(--color2);
    color: #fff;
}
.profile-membership-plan-upgrade-block button{
    background-color: var(--color2);
    border-radius: 5px;
    border: 1px solid var(--color2);
    height: 48px;
    display: flex;
    justify-content:center;
    align-items: center;
    width: 100%;
    color: #fff;
    font-family: Gilroy-SB;
    font-size: 15px;
    line-height: normal;
    margin-top: 18px;
}
.profile-membership-plan-upgrade-block button:hover{
    background-color: transparent;
    color: var(--color2);
}
.profile-membership-plan-controls-col{
    margin-top: 33px;
}
.profile-membership-plan-details-col{
    flex: 0 0 72.51%;
}
.profile-membership-plan-controls-col{
    flex: 0 0 25.2%;
}
.profile-membership-plan-content-body .plan-feature-inner-section ul li span.feature-info-content{
    color: #4D4E4F;
    font-family: Gilroy-SB;
    font-size: 15px;
    line-height: 22px; /* 146.667% */
}
.dashboard-enquiry-right-col .enquiry-tab-section .enquiries-table-inner ul.enquiry-main-list li:last-child{
    border-bottom: none!important;
    padding-bottom: 18px;
}
/*End Profile membership*/


 /* dashboard all tour section */

 .dash-container {
     display: flex;
     justify-content: space-between;
     padding-right: 30px;
     margin-top: 21px;
 }

 .dash-container .dash-left {
     width: 48.73%;
 }

 .dash-container .dash-right {
     width: 48.73%;
 }

 .dash-common-head {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-bottom: 26px;
 }

 .dash-common-head-flex {
     display: flex;
     align-items: center;
     justify-content: space-between;
     column-gap: 39px;
 }

 .dash-common-add-more-btn {
     color: var(--color2);
     font-family: Gilroy-SB;
     font-size: 15px;
     line-height: 17px;
     display: flex;
     align-items: center;
     text-transform: capitalize;
     border-radius: 5px;
     border: 1px solid var(--color2);
     box-shadow: none !important;
     background-color: transparent;
     padding: 8px 14px;
     column-gap: 10px;
 }

 .dash-common-add-more-btn::before {
     content: '';
     background-image: url('../img/add-more.svg');
     width: 12px;
     height: 12px;
     background-size: 12px 12px;
     background-repeat: no-repeat;
 }

 .dash-common-add-more-btn:hover {
     color: #000;
     border: 1px solid #000;
 }

 .dash-common-add-more-btn:hover::before {
     filter: brightness(0) invert(0);
 }

 .no-of-records {
     color: #000;
     text-align: right;
     font-family: Gilroy-M;
     font-size: 15px;
     line-height: 18px;
 }

 h5.analytics-title {
     color: #092145;
     font-family: Gilroy-SB;
     font-size: 21px;
     line-height: 26px;
     text-transform: capitalize;
     margin-bottom: 30px;
     margin-top: 5px;
 }

 .dash-table {
     width: 100%;
     background-color: #FFF;
     filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.05));
 }

 .dash-table .table-head .table-row {
     display: flex;
     padding: 16px 23px 12px;
     border-bottom: 1px solid #F1F1F1;
 }

 .dash-table .table-head {
     color: #222;
     font-family: Gilroy-SB;
     font-size: 13px;
     line-height: 16px;
 }

 .dash-table .table-body .table-row {
     display: flex;
     padding: 12.63px 23px 12.63px;
     border-bottom: 1px solid #F1F1F1;
 }

 .dash-table .table-body {
     color: #222;
     font-family: Gilroy-M;
     font-size: 15px;
     line-height: 18px;
 }

 .dash-table .table-body .table-row button {
     border: none;
     background: transparent;
     padding: 0;
 }

 .table-row .title-col {
     width: 55%;
 }

 .table-row .count-col {
     width: 20%;
     text-align: center;
 }

 .table-row .edit-col {
     width: 12%;
     text-align: center;
 }

 .table-row .remove-col {
     width: 13%;
     text-align: center;
 }

 .analytics-count-section {
    display: flex;
    flex-direction: column;
    gap: 30px;
 }

 .analytics-count-box {
     border-radius: 10px;
     background-color: #FFF;
     box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
 }

 .analytics-count-box-head {
     padding: 15px 22.92px;
     display: flex;
     justify-content: space-between;
 }

 .analytics-count-box-head h5 {
     color: #1C1C1E;
     font-family: OpenSans-SB;
     font-size: 16px;
     line-height: 23px;
 }

 .analytics-count-period input {
     border: none;
     border-radius: 5px;
     background: #EFEFEF;
     color: #333;
     font-family: Gilroy-M;
     font-size: 11px;
     line-height: 21px;
     padding: 5px 10px;
 }

 .analytics-count-graph {
     padding: 22.93px;
 }

 /*end dashboard all tour section*/

 /*dashboard profile section*/

 .dash-profile-details {
     background-color: #FFFFFF;
     filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.05));
     border-radius: 10px;
     padding: 34px 34px 34px 21px;
     margin-top: 18px;
     width: 97.59%;
     min-height: 666px;
 }

 .dash-profile-details-inner {
     display: flex;
     justify-content: space-between;
 }

 .dash-profile-left {
     width: 17.04%;
 }

 .dash-profile-left .profile-photo img {
     width: 100%;
     display: block;
     border-radius: 256px;
     max-width: 208px;
     max-height: 208px;
 }

 .edit-profile-photo button {
     border-radius: 5px;
     border: 1px solid #F00000;
     background-color: transparent;
     color: #F00000;
     font-family: Gilroy-SB;
     font-size: 15px;
     line-height: 18px;
     padding: 9px 19px;
     transition: .3s all ease-in-out;
 }

 .edit-profile-photo button:hover {
     background-color: #F00000;
     color: #FFF;
 }

 .edit-profile-photo {
     text-align: center;
     margin-top: 24px;
 }

 .edit-profile-photo a {
     display: block;
 }

 .dash-profile-right {
     width: 79.509%;
 }

 h5.profile-details-title {
     color: #092145;
     font-family: Gilroy-SB;
     font-size: 21px;
     line-height: 26px;
     margin: 3px 0 21px;
 }

 .profile-details-form-field {
     display: flex;
     padding: 23px 0 21px;
     border-top: 1px solid #F1F1F1;
 }

 .profile-details-form-label {
     width: 22.887%;
     color: #333;
     font-family: Gilroy-M;
     font-size: 16px;
     line-height: 24px;
 }

 .profile-details-form-input {
     color: #333;
     font-family: Gilroy-M;
     font-size: 16px;
     line-height: 24px;
 }

 .profile-details-form-input .verified {
     display: inline-block;
     padding-left: 18px;
 }

 .profile-details-form-input .verified span {
     display: inline-block;
     border-radius: 5px;
     background: #61D633;
     padding: 2px 7px;
     color: #FFF;
     font-family: Rubik-R;
     font-size: 13px;
     line-height: 15px;
 }

 /*end dashboard profile section*/

 /*dashboard edit-profile section*/

 .profile-photo {
    position: relative;
 }

 #profile-photo-file-input {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     opacity: 0;
     cursor: pointer;
     border-radius: 256px;
 }

 .edit-profile-form-field {
     display: flex;
     align-items: center;
     padding: 14px 0;
     border-top: 1px solid #F1F1F1;
 }

 .edit-profile-form-label {
     width: 22.887%;
     color: #333;
     font-family: Gilroy-M;
     font-size: 16px;
     line-height: 24px;
 }

 .edit-profile-form-input {
     width: 74.434%;
 }

 .edit-profile-form-input input {
     border-radius: 5px;
     background: #F4F4F4;
     border: none;
     width: 100%;
     color: #595959;
     font-family: Gilroy-M;
     font-size: 15px;
     line-height: 27px;
     padding: 12px 22px 11px;
 }

 .edit-profile-form .update-btn {
     border-radius: 5px;
     background: #44D7B6;
     border: 1px solid #44D7B6;
     padding: 14px 29px;
     color: #FFF;
     font-family: Gilroy-SB;
     font-size: 16px;
     line-height: 20px;
     margin-top: 12px;
     transition: .3s all ease-in-out;
 }

 .edit-profile-form .update-btn:hover {
    background: #FFF;
    color: #44D7B6;
}
.upload-profile-photo{
    position: relative;
    max-width: 208px;
    margin: 0 auto;
}
.upload-profile-photo::before{
    content: '';
    background-image: url('../img/upload-profile.svg');
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-repeat: no-repeat;
    background-position: center;
        max-width: 208px;
    max-height: 208px;
}

 /*end dashboard edit-profile section*/


 .registration-steps-inner select{
    word-wrap: normal;
    width: 100%;
    border: none;
    background: #F4F4F4;
    height: 50px;
    box-shadow: none;
    outline: none;
    border-radius: 5px;
    padding: 12px 19px;
    color: var(--color3);
    font-family: Gilroy-M;
    font-size: 15px;
    line-height: 27px;
 }
 .registration-steps-inner .select2-container--bootstrap4 .select2-selection{
    background-color: #F4F4F4;
    border: none;
    box-shadow: none;
    height: 50px !important;
    display: flex;
    align-items: center;

 }


 /* new */


 /* Header */
header{
    width: 100%;
    padding: 31px 0;
    z-index: 10;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.07);
}
header .logo img{
    max-width: 146px;
}
header nav ul li a{
    font-size: 16px;
    color: #000;
    line-height: 21.07px;
}
header nav ul li a:hover{
    color: #F00000;
}
header nav ul.userLogin li a{
    margin-left: 48px;
}
header nav ul.userLogin li a.signUp{
    padding: 10px 30px;
    border-radius: 5px;
    box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.04);
    margin-left: 46px;
}
header nav ul.userLogin li a.signUp:hover{
    background: #092145;
    color: #fff;
}
header nav .menuBar{
    margin-left: auto;
}
/* Footer */
footer{
    background-color: #5A6679;
}
footer::before{
    content: "";
    background-image: url('../img/footerBg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    mix-blend-mode: luminosity;
    opacity: .08;
}
footer a{
    width: fit-content;
}
footer .container-fluid{
    z-index: 2;
}
.footerGallery{
    margin: 8px 4px;
    row-gap: 8px;
}
.footerGallery .imgBox{
    cursor: pointer;
    height: 465px;
    margin: 0 4px;
    width: calc( 25% - 8px );
}
footer .top{
    padding: 61px 0 41px;
    row-gap: 40px;
}
footer .bottom{
    padding: 40px 0 36px;
    border-top: 1px solid #ffffff33;
    flex-wrap: wrap-reverse;
    row-gap: 30px;
}
footer .top .logo img{
    max-width: 150px;
    filter: brightness(0)invert(1);
}
footer .top .socialMedia{
    column-gap: 15px;
    margin-top: 23px;
}
footer .top .socialMedia img{
    width: 20px;
}
footer .top .socialMedia a:hover img{
    filter: drop-shadow(0px 0px 3px #222);
}
footer .top h4{
    font-size: 20px;
    margin-bottom: 21px;
}
footer .top ul a{
    font-size: 16px;
    line-height: 31px;
}
footer .top ul.contact{
    margin-top: 22px;
}
footer .top ul.contact li:first-child a{
    font-size: 16px;
    line-height: normal;
    margin-bottom: 14px;
}
footer .top ul.contact li:first-child a:hover{
    color: #092145;
}
footer .top ul.contact li:last-child a{
    font-size: 18px;
    line-height: normal;
}
footer .top ul.contact li:last-child a:hover{
    color: #092145;
}
footer .bottom .copyright{
    font-size: 14px;
}
footer .bottom ul{
    column-gap: 20px;
}
footer .bottom ul a{
    font-size: 14px;
}
footer ul a:hover{
    color: #092145;
}


.enquiry-chat-panel .btn{
    width: 24px;
    height: 24px;
}


/* user side dashboard */
.profile-image-user-header{
    margin-left: 40px;
    column-gap: 13px;
    transition: 0.4s;
    cursor: pointer;
}
.profile-image-user-header:hover .profile-listing-user{
    display: block;
}
.profile-image-user-header:hover svg{
    transform: rotate(180deg);
}
.profile-image-user-header svg{
    transition: 0.4s;
}
img.profile-image-of-user{
    width: 56px;
    height: 56px;
    border-radius: 60px;
}
.profile-listing-user img{
    width: auto;
}
.profile-listing-user a{
    color: #383838;
    font-size: 16px;
    line-height: normal;
    text-transform: capitalize;
}
.profile-listing-user .each-row{
    column-gap: 13px;
    margin-bottom: 23px;
}
.profile-listing-user .each-row:hover a{
    color: #44D7B6;
}
.profile-listing-user .each-row:last-child{
    margin-bottom: 0px;
}
.profile-listing-user{
    width: 166px;
    padding: 24px 20px 24px 21px;
    background: #FFF;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.06);
    position: absolute;
    right: -25px;
    top: 54px;
    display: none;
    transition: 0.4s;
}
.user-header{
    position: relative;
}
.profile-name-header{
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.des-user-name{
    color: #000;
    font-size: 18px;
    line-height: normal;
}
.user-header-side{
    box-shadow: 0px 4px 14px 0px #00000012;
}
.user-each-tab h4{
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
}
.user-tab-section a{
    display: block;
    color: #000000;
}
.user-tab-section a .active h4{
    color: #fff;
}
.user-each-tab{
    display: flex;
    align-items: center;
    column-gap: 12px;
    border:1px solid #DFDFDF;
    padding: 0px 32px;
    height: 63px;
}
.user-each-tab img{
    width:23px;
    height: 23px;
    object-fit: contain;
}
.user-each-tab.active{
    background-color: #44D7B6;
    border: none;
}
.user-tab-section{
    display: flex;
    width: 100%;
    column-gap: 47px;
}
.user-left-tab{
    flex: 0 0 27%;
}
section.user-interface{
    padding-top: 100px;
    padding-bottom: 50px;
        margin-top: 140px;
}
.user-each-tab.active img{
    filter: brightness(100);
}
.user-right-side-top{
    display: flex;
    justify-content: space-between;
}
.user-top-right img{
    width: 110px;
    height: 110px;
    border-radius: 60px;
}
.user-right-tab{
    width: 100%;
}
.title-edit-button h1{
    font-size: 37px;
    line-height: 46px;
}
.title-edit-button{
    display: flex;
    align-items: center;
    column-gap: 40px;
}
.title-edit-button a{
    font-size: 12px;
    line-height: 15px;
    color: #f00000;
    width: 90px;
    height: 30px;
    border: 1px solid #f00000;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.user-top-left h6{
    font-size: 18px;
    line-height: 24px;
    color: #747474;
    padding-top: 10px;
    font-weight: 400;
}
.each-user-det-row h6{
    font-size: 16px;
    line-height: 24px;
    color: #5D5D5D;
    font-weight: 400;
}
.each-user-det-row{
    display: flex;
    align-items: center;
    border-top: 1px solid #DFDFDF;
    height: 77px;
}
.each-user-det-row .left-label{
    flex: 0 0 27.3%;
}
.user-right-side-bottom{
    padding-top: 20px;
}
.user-more-det p{
    font-size: 13px;
    line-height: 24px;
    color:#5D5D5D;
}
/* user details edit page */
.user-right-side-bottom input, .user-right-side-bottom select{
    width: 100%;
    height: 50px;
    border: none;
    background-color: #F4F4F4;
    border-radius: 5px;
    padding-left: 20px;
    font-family: Gilroy-M;
    font-size: 15px;
    font-weight: 400;
    line-height: 27px;
    color: #595959;
}
.user-right-side-bottom select:focus-visible{
    outline: none;
}
.user-right-side-bottom select{
    appearance: none;
    cursor: pointer;
}
.user-country-city{
    display: flex;
    width: 100%;
    column-gap: 20px;
}
.user-right-side-bottom input::placeholder{
    font-family: Gilroy-M;
    font-size: 15px;
    font-weight: 400;
    line-height: 27px;
    color: #595959;
}
input.user-data-update{
    width: 115px;
    padding: 0px;
    font-weight: 400;
    font-family: Gilroy-SB;
    background-color: #44D7B6;
    color: #fff;
    cursor: pointer;
    border: 1px solid #44D7B6;
    transition: 0.4s;
    margin-top: 25px;
}
input.user-data-update:hover{
    background-color: transparent;
    color: #44D7B6;
}
/* wishlist page */
.wishlisted-big-boxes{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 15px;
    justify-content: space-between;
}
.each-wish-big-box{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 6px;
    row-gap: 6px;
}
.each-wishlist-images img{
    border-radius: 3px;
}
.each-wishlist-images{
    height: 42px;
    position: relative;
}
.images-section-top{
    padding: 10px;
    background-color: #F4F4F4;
    border-radius: 7px;
}
.wishlist-name-box{
    text-align: center;
}
.wishlist-name-box h6{
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    padding-top: 9px;
    padding-bottom: 4px;
}
.wishlist-name-box p{
    font-size: 11px;
    font-weight: 400;
    line-height: 13px;
}
span.more-images {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.45);
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
}
.user-interface.wishlist-interface{
    padding-bottom: 300px;
}
.sh-listing.listingItems{
    width: 100%;
    display: flex;
    row-gap: 28px;
    column-gap: 2.1%;
    flex-wrap: wrap;
    padding-bottom: 100px;
}
.back-btn a{
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    color: #999999;
}
.back-btn{
    column-gap: 10px;
}
.back-btn img{
    width: auto;
}
.wishlist-listing-page{
    padding-top: 82px !important;
}
.wish-list-subject-title h1{
    font-size: 37px;
    font-weight: 400;
    line-height: 46px;
    margin-top: 10px;
}
.wish-list-title-section{
    padding-bottom: 35px;
}
.enquiries-table-body-row {
    display: flex;
    align-items: center;
}
.enquiries-table-head-row {
    display: flex;
    padding-top: 18px;
    padding-bottom: 11px;
    border-bottom: 1px solid #f1f1f1;
}
.enquiry-id-head, .enquiry-id-col {
    flex: 0 0 7.3% !important;
    text-align: center;
}
.enquiry-username-head, .enquiry-username-col {
    flex: 0 0 20.97% !important;
    text-align: left;
}
.enquiry-date-head, .enquiry-date-col {
    flex: 0 0 20.51% !important;
}
.enquiry-country-head, .enquiry-country-col {
    flex: 0 0 26.15% !important;
    text-align: center;
}
.enquiry-detailed-popup-header, .enquiry-detailed-popup-col {
    flex: 0 0 5.11% !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.enquiry-chat-popup-header, .enquiry-chat-popup-btn-col {
    flex: 0 0 4.03% !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.enquiry-remove-head, .enquiry-remove-col {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.enquiries-table-body-row p {
    color: #222;
    font-family: Gilroy-M;
    font-size: 15px;
    line-height: normal;
}
.enquiries-table-header p {
    color: #777;
    font-family: Gilroy-M;
    font-size: 15px;
    line-height: normal;
}
.enquiries-table-inner ul.enquiry-main-list li {
    height: auto;
    padding: 12px 0px;
    border-bottom: 1px solid #f1f1f1;
}
/* .sh-row{
    justify-content: space-between;
} */
/* .enquiries-table-header {
    flex: 1 0 0;
} */
.enquiries-table-header {
    flex: 1 0 0;
}
.enquiries-table-col {
    flex: 1 0 0;
    word-break: break-word;
}
.sh-row button{
    border: none!important;
    background-color: transparent!important;
    cursor: pointer;
    box-shadow: none!important;
}
/* chat modal */
.sh-chat{
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
    background-color: #fff;
    min-width: 470px;
    padding: 20px;
    height: 95vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.3);
    visibility: visible;
}
.sh-chat .chat-msg{
    max-width: 290px;
    margin-right: auto;
    margin-left: 0;
    display: flex;
    /* flex-direction: column; */
    row-gap: 6px;
    column-gap: 10px;
    align-items: start !important;
}
.sh-chat .chat-msg-text{
    line-height: 150%;
    font-size: 14px;
    font-family: Gilroy-M;
}
.sh-chat .chat-msg.owner .chat-msg-text{
    color:#fff;
    border-radius: 10px 0px 10px 10px ;
}
.sh-chat .chat-msg-date{
    color: #757575;
    font-family: Gilroy-R;
    font-size: 12px;
    line-height: normal;
    letter-spacing: -0.12px;
}
.sh-chat .chat-area-main{
    display: flex;
    flex-direction: column;
    row-gap: 15px;
}
.sh-chat .chat-msg.owner{
    align-items: end !important;
    max-width: 230px;
    margin-right: 0;
    margin-left: auto;
    flex-direction: column-reverse;
}
.sh-chat .chat-msg-text{
    box-shadow: 0px 1px 3px 0px #ED62141A;
    background: #F5F5F5;
    border-radius: 0px 10px 10px 10px ;
}
.sh-chat .chat-msg-text{
    padding: 9px 17px;
}
.sh-chat .chat-msg-content{
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}
.sh-chat .chat-msg.owner .chat-msg-text{
    background:#44D7B6;
}
.content-time{
    display: flex;
    flex-direction: column-reverse;
    row-gap: 6px;
}
.chat-msg-img {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    object-fit: cover;
}
.chat-msg-profile-img {
    width: 45px;
    height: 45px;
    background-color: #F2F2F2;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sh-chat .cd-panel__header img{
    width: 11px;
    height: 11px;
    cursor: pointer;
}
.sh-chat .cd-panel__header{
    display: flex;
    justify-content: end;
    margin-bottom: 25px;
}
.sh-chat .chat-area-footer{
    margin-top: auto;
    margin-bottom: 0;
}
.sh-chat .cd-panel__container{
    overflow-y: scroll;
    padding-bottom: 30px;
}
.sh-chat .chat-area-footer{
    border-top: 1px solid #DFDFDF;
}
.sh-chat .chat-area-footer .chat-input {
    display: flex;
    align-items: center;
    width: 100%;
    border-radius: 20px;
    background: #F6FAFF;
    padding: 10px 0px;
}
.sh-chat .chat-input-emoji{
    border: none;
    background-color: transparent;
}
.sh-chat button.chat-input-emoji {
    width: 23px;
    height: 23px;
    flex: 0 0 23px;
}
.sh-chat .upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.sh-chat .chat-area-footer input {
    border: none;
    color: var(--body-color);
    background-color: var(--input-bg);
    padding: 12px;
    border-radius: 6px;
    font-size: 15px;
    margin: 0 12px;
    width: 100%;
}
.sh-chat .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 32px;
    flex: 0 0 38px;
}
.sh-chat .upload-btn-wrapper .btn{
    border: none;
    background-color: transparent;
}
.sh-chat .chat-submit-btn{
    border: none;
    background-color: transparent;
    cursor: pointer;
}
.d-none{
    display: none;
    opacity: 0;
    visibility: hidden;
}
.sh-enquiry{
    max-width: 920px;
    margin: auto;
}
.sh-modal{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1!important;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
    background-color: #0000008a;
}
.sh-enquiry .modal-content{
    border-radius: 10px;
    outline: 5px solid rgba(255, 255, 255, 0.20);
    padding: 25px 28px;
    background-color: #fff;
}
.sh-enquiry .enquiry-popup-header, .sh-enquiry .enquiry-popup-header-right-col, .sh-enquiry .enquiry-popup-description{
    display: flex;
    justify-content: space-between;
}
.sh-enquiry ul.enquiry-popup-description-right-col-rating-star li {
    background-image: url(../img/rating-star.svg);
    width: 14.872px;
    height: 15.672px;
    background-size: 14.872px 15.672px;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0px!important;
    border-bottom: none!important;
}
.sh-enquiry p {
    color: #222;
    font-family: Gilroy-M;
    font-size: 15px;
    line-height: normal;
}
.sh-enquiry h3 {
    color: #11263C;
    font-family: Roboto-M;
    font-size: 24px;
    line-height: 28px;
    text-transform: capitalize;
    margin-bottom: 12px;
}
.sh-enquiry .enquiry-popup-description-left-col {
    display: flex;
    flex: 0 0 69.65%;
}
.sh-enquiry .enquiry-popup-description-right-col-header h3 {
    color: var(--color4);
    font-family: Gilroy-B;
    font-size: 24px;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 10px;
}
.sh-enquiry .enquiry-popup-description-right-col-rating {
    display: flex;
    align-items: center;
    column-gap: 11px;
}
.sh-enquiry ul.enquiry-popup-description-right-col-rating-star {
    padding: 0px;
    border-bottom: none;
    display: flex;
    height: 15.672px;
}
.sh-enquiry .enquiry-popup-description-right-col-img img {
    border-radius: 10px;
    width: 100%;
    height: 171px;
    object-fit: cover;
}
/*.sh-enquiry .enquiry-popup-description-left-col::after {*/
/*    content: '';*/
/*    height: 100%;*/
/*    width: 1px;*/
/*    opacity: 0.2;*/
/*    background: #000;*/
/*    display: block;*/
/*    margin-left: 24px;*/
/*    margin-right: 31px;*/
/*}*/
.sh-enquiry .enquiry-popup-description-content p {
    color: #666;
    font-family: Roboto-L;
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    text-transform: capitalize;
    margin-bottom: 30px;
}
.sh-enquiry button.btn-close {
    background-color: transparent;
    border: none;
    display: flex;
    justify-content: center;
    cursor: pointer;
}
.sh-enquiry .modal-header.enquiry-modal-header{
    display: flex;
    justify-content: end;
    margin-bottom: 12px;
}
.sh-enquiry .enquiry-popup-header-right-col {
    display: flex;
    height: 33px;
    align-items: center;
    column-gap: 12px;
}
.sh-chat-btn button{
    border: none;
    background-color: transparent;
    box-shadow: none!important;
}
.sh-chat-btn .enquiry-popup-footer-inner {
    display: flex;
    width: 100%;
    margin: 0px;
    justify-content: space-between;
    align-items: center;
}
.sh-enquiry .enquiry-popup-description-content p:last-child{
    margin-bottom: 0px;
}
.sh-enquiry .enquiry-popup-description-right-col-img {
    margin-top: 20px;
}
.sh-enquiry .enquiry-popup-location p::before {
    content: '';
    background: url(../img/enquiry-popup-map-pin.svg);
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    display: block;
}
.sh-enquiry .enquiry-popup-footer-contact-box p, .sh-enquiry .enquiry-popup-footer-contact-box a{
    text-transform: capitalize;
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.sh-enquiry .enquiry-popup-contact a::before {
    content: '';
    background: url(../img/enquiry-popup-phone.svg);
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    display: block;
}
.sh-enquiry .enquiry-popup-footer-contact-box p, .sh-enquiry .enquiry-popup-footer-contact-box a {
    color: #000;
    font-family: Roboto-L;
    font-size: 14px;
    line-height: 17.788px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.sh-enquiry .enquiry-popup-footer-inner {
    display: flex;
    width: 100%;
    margin: 0px;
    justify-content: space-between;
    align-items: center;
}
.sh-enquiry .enquiry-popup-footer {
    padding: 0px;
    padding: 0px;
    margin-top: 25px;
    border-top: none;
}
.sh-enquiry .enquiry-popup-footer-contact-box {
    display: flex;
    align-items: center;
    column-gap: 60px;
}
.d-none.sh-modal{
    display: none;
}
.listingItems .tabs{
    column-gap: 50px;
    margin-bottom: 54px;
}
.listingItems .eachtab{
    color: #000;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    border-width: 0 0 2px 0px;
    border-style: solid;
    border-color: transparent;
}
.listingItems .eachtab:hover{
    border-color: #44D7B6;
    color: #44D7B6;
}
.listingItems .eachtab.active{
    border-color: #44D7B6;
    color: #44D7B6;
}
.listingItems .tabContents .slick-list{
    margin: 0 -15px;
}
.listingItems .tabContents .slick-slide{
    margin: 0 15px;
}
.listingItems .tabContent .slick-list{
    height: 0;
    overflow: hidden;
}
.listingItems .tabContent .slick-arrow{
    height: 0;
    overflow: hidden;
    width: 35px;
}
.listingItems .tabContent .slick-prev{
    left: -65px;
}
.listingItems .tabContent .slick-next{
    right: -65px;
    transform: rotate(180deg);
    top: calc( 50% - 17px );
}
.listingItems .tabContent.active .slick-list{
    height: auto;
}
.listingItems .tabContent.active .slick-arrow{
    height: 35px;
}
.listingItems .tabContent{
    row-gap: 28px;
    column-gap: 2.1%;
}
.listingItems .tabContent{
    height: 0;
    overflow: hidden;
}
.listingItems .tabContent.active{
    height: auto;
    padding: 10px;
}
.listingItems .eachTabContent{
    border-radius: 7.4px;
    width: 31.9%;
    box-shadow: 0px 2.2366px 10px 0px rgba(0, 0, 0, 0.06);
}
.listingItems .eachTabContent:hover h3{
    color: #F00000 !important;
}
.listingItems .eachTabContent .imgBox .mainImg{
    height: 231px;
}
.listingItems .eachTabContent .trusted{
    top: 20.5px;
    left: 21px;
    padding: 5px 7px;
    border-radius: 5px;
    column-gap: 6px;
    font-size: 14px;
}
.listingItems .eachTabContent .trusted img{
    width: 16px;
    height: 16px;
}
.listingItems .eachTabContent .like{
    border-radius: 50%;
    top: 24px;
    left: calc( 100% - 45px );
    width: 26px;
    height: 26px;
}
.listingItems .eachTabContent .like img{
    width: 14px;
    height: 14px;
    object-fit: contain;
}
.listingItems .eachTabContent .assoCon{
    padding: 7px 14px 6px 15px;
    border-radius: 0 10px 0 0;
    top: auto;
    bottom: 0;
}
.listingItems .eachTabContent .assoCon img:first-child{
    width: 36px;
    margin-right: 15px;
}
.listingItems .eachTabContent .assoCon img:last-child{
    width: 33px;
    padding-left: 18px;
    border-left: 1px solid #D1D1D1;
}
.listingItems .eachTabContent .contentBox{
    padding: 23.3px 27.2px 31px;
}
.listingItems .eachTabContent .contentBox .loc{
    color: #666;
    font-size: 14px;
    align-items: baseline !important;
    position: relative;
    padding-left: 25px;
}
.listingItems .eachTabContent .contentBox .loc img{
    width: 14.44px;
    margin-right: 7.2px;filter: grayscale(1);
    flex: 0 0 14.44px;
    height: auto;
    position: absolute;
    left: 0;
    top: 3px;
}
.listingItems .eachTabContent .contentBox h3{
    font-size: 18px;
    margin: 10px 0;
}
.listingItems .eachTabContent .contentBox p{
    color: #555;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 19px;
}
.listingItems .eachTabContent .contentBox .rating{
    column-gap: 14px;
    color: #666;
    font-size: 13px;
}
.listingItems .eachTabContent .contentBox .stars{
    column-gap: 4px;
}

/* payment-success-failure-processing */

.payment-page img{
    width: 70px;
    height: 70px;
}
.payment-page{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 20px;
}
.payment-image-box{
    width: fit-content;
}

/* availability */
.availability-calendar-btn{
    display: flex;
    justify-content: flex-end;
    margin-bottom: 50px;
}
.availability-calendar-btn button#daterange-btn{
    background-color: transparent;
    height: 40px;
    width: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--color1);
    padding: 0px;
}
#daterange{
    display: block!important;
    visibility: hidden;
    height: 0px;
    width: 0px;
    padding: 0px;
}
.daterangepicker td.disabled, .daterangepicker option.disabled {
      text-decoration: none!important;
}
.daterangepicker td.active, .daterangepicker td.active:hover{
    background-color: #C4EFE5!important;
    border-radius: 50%!important;
    color: #000!important;
}
 .daterangepicker .calendar-table td{
    width: 28px!important;
    height: 28px!important;
}
.daterangepicker td.active.start-date{
    border-top-right-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
}
.daterangepicker td.active.end-date{
    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
}
.daterangepicker td.in-range{
    background-color: #C4EFE5!important;
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td{
    font-family: Gilroy-SB;
}

.fc-state-default{
    border-color: var(--color1)!important;
    color: var(--color1)!important;
}
.fc-state-down, .fc-state-active{
    background-color: var(--color1);
    color: #fff!important;
}
.fc-state-disabled{
    background-color: #45d7b670;
    color: #fff!important;
}
.fc-week .fc-day > div .fc-day-number{
    text-align: center;
    width: 27px;
    height: 27px;
    display: flex;
    justify-content: center;
    padding: 0px;
    align-items: center;
}
.fc-state-highlight > div > div.fc-day-number{
    background-color: var(--color1);
}
.fc-header-center{
    display: none;
}

 /* UI Block Css */
    .loaderSvg svg {
        animation: rotate 1s linear infinite;
    }
  
  @keyframes rotate {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }

 /* UI Block Css */

.sh-whish-list-full{
    margin-top: 100px !important;
}
.user-verified span, button.user-verify{
    font-size: 12px;
    line-height: 14px;
    width: fit-content;
    background-color: #00cd5a;
    color:#fff;
    padding: 3px 6px;
    border-radius: 3px;
}
 button.user-verify{
     font-size: 13px;
     padding: 3px 10px;
     line-height: normal;
     background-color: #44D7B6;
     border:none;
 }
 .mail-very-user-col{
     display: flex;
     align-items: center;
     column-gap: 8px;
 }
 button.sh-view-details{
     width: fit-content;
     background-color: #ff0000;
     color:#fff;
     font-size: 14px;
     line-height: normal;
     border: none;
     padding: 4px 8px;
     margin-left: auto;
     margin-right: 0;
     border-radius: 3px;
     border:1px solid #ff0000;
     cursor: pointer;
     transition: 0.3s;
 }
 button.sh-view-details:hover{
     background-color: transparent;
     color:#ff0000;
 }

 .sh-guest-amenities-input .select2-selection .select2-selection__rendered{
    flex-wrap: wrap !important;
}
.sh-guest-amenities-input .select2-selection.select2-selection--multiple{
    height: auto !important;
}

.requiredStar {
    color: #dc3545;
}

 .guest-house-rating-box img{
     width: 14px;
     height: 14px !important;
     filter: brightness(100);
 }
 p.guest-house-rating-box{
     font-size: 13px;
     font-weight: 400;
     line-height: 15.77px;
     display: flex;
     column-gap: 3px;
     width: 45px;
     background-color: #FF8B08;
     height: 20px;
     align-items: center;
     justify-content: center;
     color:#fff;
     border-radius: 3px;
 }
 p.guest-house-rating-box span{
     font-size: 13px;
     font-weight: 400;
     line-height: 15.77px;
     color:#fff;
     margin-top: 3px;
 }
 p.guest-house-total-number-rating{
     font-size: 13px;
     font-weight: 400;
     line-height: 15.77px;
     color:#fff;
     width: fit-content;
 }
 .guest-house-rating-section{
     display: flex;
     align-items: center;
     justify-content: flex-end;
     margin-top: -40px;
     z-index: 999;
     column-gap: 8px;
     margin-right: 0;
     padding: 10px 15px;
     background-color: #00000059;
     width: fit-content;
     margin-left: auto;
     border-radius: 10px 0px 0px 0px;
 }
 .guest-house-spcl-content-box{
     padding-top: 35.3px !important;
 }

/* 25/03/2024 */

.user-side-actions button{
    padding: 0;
}
.user-side-enq .enquiry-id-head, .user-side-enq .enquiry-id-col{
    flex: 0 0 6% !important;
}
.user-side-enq .enquiry-username-col-1, .user-side-enq .enquiry-username-head-1{
    flex: 0 0 18% !important;
}
.user-side-enq .enquiry-date-head, .user-side-enq .enquiry-date-col{
    flex: 0 0 12.51% !important;
}
.user-side-enq .enquiry-country-head, .user-side-enq .enquiry-country-col{
    flex: 0 0 20% !important;
}
.user-side-enq .enquiry-username-head, .user-side-enq .enquiry-username-col{
    flex: 0 0 26.97% !important;
}
.user-side-actions{
    display: flex;
    column-gap: 13px;
    align-items: center;
    margin-left: auto;
    margin-right: 25px;
}

 .chat-submit-btn img{
     object-fit: contain;
 }
 form#chat-box-form{
     width: 100%;
 }
 .chat-submit-btn{
     background: transparent;
     border:none;
 }

 .enquiry-pagination ul{
    column-gap: 8px;
 }
 .enquiry-pagination{
    column-gap: 12px;
    margin-top: 60px;
 }
 .enquiry-pagination ul li, .pagination-btn a{
    width: 30px;
    height: 30px;
    border: 1px solid #c9c4c4;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
 }
 .enquiry-pagination ul li:hover{
    background-color: var(--color1);
    border: none;
 }
 .enquiry-pagination ul li:hover a{
    color: #fff;
 }
 .enquiry-pagination li.current-page{
    background-color: var(--color1);
    border: none;
    color: #fff;
 }
.enq-next-btn a svg{
    transform: rotate(180deg);
}
.pagination-btn{
    width: 30px;
    height: 30px;
}
.pagination-btn a, .enquiry-pagination ul li a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.enquiry-popup-description-content{
    max-height: 300px;
    overflow-y: scroll;
}
.enquiry-popup-footer-contact-box{
    flex-wrap: wrap;
    row-gap: 20px;
}
.each-wish-big-box img{
    height: 50px;
}
.wishlisted-big-boxes .images-section-top a{
    display:flex;
    flex-direction: column;
    height: 100%;
}
.wishlist-name-box{
    margin-top: auto;
    margin-bottom: 0;
}
.wishlist-listing-page .listingItems.sh-listing a{
    width: 100%;
}
.wishlist-listing-page .listingItems.sh-listing{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 15px;
}
.wishlist-listing-page .listingItems .eachTabContent .contentBox{
    height: 100%;
}
.wishlist-listing-page .listingItems .eachTabContent .contentBox .rating{
    margin-top: auto;
    margin-bottom: 0;
}