@import url('https://fonts.googleapis.com/css?family=Outfit');

:root {
    --theme-color: #6c757d;
    /*#f15d5b**/
    --secondary-color: #1e1bc9;
    /*#5bbe8c;*/
    --dark-color: #222;
    --white-color: #fff;
    --bg-color: #f3f1f2;
    --light-blue: #eff6fd;
    --bs-app-primary: #ff8000;
    --bs-app-hover-primary: #ff8000;
    --bs-app-border-primary: #ff8000;
    --bs-app-border-hover-primary: #ff8000;

    --bs-app-secondary: #1e1bc9;
    --bs-app-hover-secondary: #1e1bc9;
    --bs-app-border-secondary: #1e1bc9;
    --bs-app-border-hover-secondary: #1e1bc9;

    --bs-backdrop-opa: rgba(0, 0, 0, 0.5);


}

/* *,html{
    scroll-behavior: smooth;
} */
body {
    font-family: Outfit, Roboto, sans-serif;
    color: rgb(68, 68, 68);
    background: var(--bg-color);
    opacity: 0.9;
}
body > div {
    opacity: 0.9;
    transition: opacity .5s ease-out;
  } 
.show-calendar{
    opacity: 1!important;
}

  /* body > div.visible {
    opacity: 1;
  }  */
 
a {
    color: var(--theme-color);
    text-decoration: none;
}

a:hover {
    color: var(--theme-color);
    text-decoration: none;
}
.modal-plus{
    background: rgba(0, 0, 0, 0.5)!important;
    /* background:var(--bs-backdrop-bg)!important; */
    /* background-color: var(--bs-backdrop-bg)!important; */
}
.loading-img {
    width: 100%;
    height: 100%;
    opacity: 0;
    animation: fadeIn 1s forwards 0.5s; 
}
.bg-gd{
    background: rgb(167,165,209);
    background: linear-gradient(180deg, rgba(167,165,209,0.05926120448179273) 0%, rgba(3,3,13,0.5886729691876751) 52%, rgba(3,24,28,1) 100%);
    }

    .opacity-90{
  opacity: 0.9;
    }
/* Fade-in animation for the image */
@keyframes fadeIn {
    to { opacity: 1; }
}

.curser-pointer,.cursor-pointer{
    cursor: pointer;
}
.form-control:focus,
select:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: var(--bs-border-color) !important;
    outline: 0;
    box-shadow: none !important;
}

.img-hw-min-max{
    min-height: 200px;
    overflow: hidden;
}

.hw-min-max{
    min-height: 200px;
    max-height: 200px;
    overflow: hidden;
}
.hover-card:hover{
    box-shadow: var(--bs-box-shadow-sm) !important
}

.capitalize-first-letter::first-letter ,.cfl::first-letter{
    text-transform: uppercase;
  }
.d-ruby {
    display: ruby!important;
  }
  .inline-flex{
    display: inline-flex;
  }
  .item-ameni:hover{
    border-color:var(--bs-app-secondary)!important; 
    background-color: #dadae47a;
    color: var(--bs-app-secondary);
  }
  .item-active , .item-active:hover{
    border-color: var(--bs-app-secondary)!important; 
    background-color: var(--bs-app-secondary)!important;
    color: white;
  }

.font-5{
    font-size: 5px;
}

.font-8{
    font-size: 8px;
}


.font-10 {
    font-size: 10px;
}

.font-12 {
    font-size: 12px;
}

.font-13 {
    font-size: 13px;
}

.font-15 {
    font-size: 15px;
}

.font-18 {
    font-size: 18px;
}
.font-20{
    font-size: 20px;
} 
.font-25{
    font-size: 25px;
}
.font-30{
    font-size: 30px;
}

.font-50{
    font-size: 50px;
}
.font-100{
    font-size: 100px;
}

.font-200{
    font-size: 200px;
}

.bg-primary {
    background: var(--bs-app-primary) !important;
}

.bg-secondary {
    background: var(--bs-app-secondary) !important;
}


.text-primary {
    color: var(--bs-app-hover-primary) !important;
}

.btn-primary {
    color: #fff;
    background-color: var(--bs-app-hover-primary);
    border-color: var(--bs-app-border-primary);
}

.btn-primary:hover {
    color: #fff;
    background-color: var(--bs-app-hover-primary);
    border-color: var(--bs-app-border-primary);
}

.btn-outline-primary {
    color: var(--bs-app-primary);
    border-color: var(--bs-app-border-primary);
}

.btn-outline-primary:hover {
    color: #fff !important;
    background-color: var(--bs-app-primary) !important;
    border-color: var(--bs-app-border-primary) !important;
}



.btn-secondary {
    color: #fff;
    background-color: var(--bs-app-hover-secondary);
    border-color: var(--bs-app-hover-secondary);
}

.btn-secondary:hover {
    color: #fff;
    background-color: var(--bs-app-hover-secondary);
    border-color: var(--bs-app-border-secondary);
}

.btn-outline-secondary {
    color: var(--bs-app-secondary);
    border-color: var(--bs-app-border-secondary);
}

.btn-outline-secondary:hover {
    color: #fff !important;
    background-color: var(--bs-app-secondary) !important;
    border-color: var(--bs-app-border-secondary) !important;
}



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

.right-0{
right:0;
}

.left-0{
    left:0;
}
.top-0 {
    top: 0;
}
.top-1 {
    top: 1px;
}


.top-10 {
    top: 10px;
}

.top-35 {
    top: 35px;
}

.top-55 {
    top: 55px;
}

.top-100px {
    top: 100px;
}
.top-150px{
    top:150px;
}


@media (max-width: 1250px) {

    .top-150px{
        top:100px;
    }
}

.top-200 {
    top: 200px;
}

.top-350 {
    top: 350px;
}

.margin-right-50px{
    margin-right: 50px;
}

.right-10 {
    right: 10px;
}
.left-20{
    left: 20px;
}


.bottom-0 {
    bottom: 0;
}

.bottom-10 {
    bottom: 10px;
}
.bottom-20 {
    bottom: 20px;
}
.bottom-40{
    bottom: 40px;
}
.bottom-60{
    bottom: 60px;
}
.bottom-170 {
    bottom: 170px;
}


.bottom-300 {
    bottom: 300px;
}


.postion-right-top{
    top:-10px;
    right: -5px;
}

.incr-decr-input-25px {
    width: 25px;
}
.min-height-22px {
    min-height: 22px !important;
}

.wh-75px{
    width: 75px!important;
    height: 75px!important;
}
.h-10 {
    height: 10px;
}

.h-65px {
    height: 65px;
}
.mh-50px {
    min-height: 50px!important;
}

.w-65px {
    width: 65px;
}

.h-20px {
    height: 20px;
}
.w-20px {
    width: 20px!important;
}

.h-25px {
    height: 25px!important;
}
.w-25px {
    width: 25px;
}

.h-50px {
    height: 50px;
}
.w-50px {
    width: 50px;
}

.h-20{
    height: 20% !important;
}

.h-25{
    height: 25% !important;
}


.h-30{
    height: 30% !important;
}

.h-35{
    height: 35% !important;
}

.h-40{
    height: 40% !important;
}

.h-45{
    height: 45% !important;
}

.h-70{
    height: 70% !important;
}

.h-85{
    height: 85% !important;
}

.h-95px{
    height: 95px !important;
}
.h-115px{
    height: 115px !important;
}

.h-120px{
    height: 120px !important;
}

.min-height-24px{ 
min-height: 24px!important;
}

.min-height-420px{ 
    min-height: 420px!important;
    /* height: 420px!important; */
}

.max-height-420px{ 
    max-height: 420px!important;
    /* height: 420px!important; */
}

.h-200px{
    height: 200px !important;
}

.w-115px{
    width:115px !important;
}

.w-200px{
    width:200px !important;
}

.hc-75 {
    height: 320px !important;
}

.h-355px {
    height: 355px !important;
}


.h-280px{
   
    height: 280px !important;
    max-height: 280px !important;
}
.h-285min-px{
    min-height:285px!important ;
}

.h-410 {
    height: 410px !important;
}

.h-450 {
    height: 450px !important;
}

.h-455px {
    height: 455px !important;
}

.h-475px{
    height: 475px !important;
}

.h-vh90{
    height: 90vh!important;
}

.h-vh100{
    height: 100vh!important;
}

.hc-50 {
    height: 135px !important;
}

.hx-75 {
    max-height: 75%;
}

.w-3 {
    width: 3%;
}

.w-5 {
    width: 5%;
}
.w-10{
    width: 10%;
}
.w-20{
    width: 20% !important;
}
.w-30 {
    width: 30% !important;
}
.w-40px {
    width: 40px !important;
}

.w-40 {
    width: 40% !important;
}

.w-750px {
    width:750px!important;
}

.w-90 {
    width: 90%;
}

.z-index-1{
    z-index: 1;
}
.z-1111{
    z-index: 1111!important;
}

.-z-index-1{
    z-index: -1;
}

.-mt-110{
    margin-top: -110px!important;
}

.rounded-pill-start {
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;

    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

.rounded-pill-end {
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.d-contents {
    display: contents !important;
}

/* constume css */

.container-custome {
    width: 95% !important;
}

.select-country {
    --bs-form-select-bg-img: none !important;
}

[type=search] {
    outline: none !important;

}

.login-icon-img {
    width: 35px;
    height: 35px;
    background: #FCFCFC;
}

.img-icon {
    width: 20px;
    height: 20px;
}


/* navbar start */
@media (max-width: 976px) {
    .navbar-responsible{
        width: 100%!important;
    }
    .search-res,.responsive-username-mobile{
        display: none!important;
    }
}
/* navbar end */

/* categories */

.cat-images {
    width: 80px;
    height: 55px;
    /* width: 90px;
    height: 70px; */
}

.cat-heading {
    font-size: 15px;
}

.cat-scrolling {
    width: 1000px;
    overflow: hidden;
    scroll-behavior: smooth;
    overflow-x: auto;
    justify-content: center;
}



@media (max-width: 1076px) {
    .cat-scrolling {
        width: 100%;
    }

    .cat-heading {
        font-size: 12px;
    }

    .responsive-pad {
        padding-top: 5rem !important;
    }
}

@media (max-width: 976px) {
    .responsive-pad {
        padding-top: 5rem !important;
    }
}

@media (max-width: 776px) {
    .responsive-pad {
        padding-top: 10rem !important;
    }
}


.cat-scrolling:hover {
    overflow: overlay;
}

.cat-scrolling::-webkit-scrollbar-thumb {
    width: 8px;
    height: 8px !important;
    border-radius: 50px !important;
    background-color: #cccccc !important;
}

/* banner */
.banner-sec {
    position: relative;
    top: 55px;
    max-height: 380px;
    overflow: hidden;
}

.banner-lyer {
    position: absolute;
    height: 380px;
    width: 100%;
    background: black;
    z-index: 0;
    opacity: 0.4;
}

.filter-search {
    position: absolute;
    top: 275px;
    right: 70px;
    z-index: 1;
}

#reportrange {
    background: #fff;
    cursor: pointer;
    padding: 17px !important;
}

.loc-country,
.extra-small {
    font-size: 10px;
}

.dropdown-menu-loaction {
    max-height: 300px;
    scroll-behavior: smooth !important;
    overflow-x: auto !important;
    min-width: 205px;
}

.dropdown-menu-adult-child {
    min-width: 290px;
}

.incr-decr-input {
    width: 30px;
}

.star-rate {
    color: #ff8000;
}

.offer-item {
    max-height: 150px;
}

.offer-card {
    overflow: hidden;
}

.offer-btn {
    bottom: 0;
}

.offer-btn>button {
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.adv-btn {
    background: rgba(255, 255, 255, 0.15);

}

/* subcribe */

.custom-max-height {
    max-height: 370px;
}

.contume-sub {
    width: 550px !important;
}

@media (max-width: 976px) {
    .contume-sub {
        width: 180px !important;
        font-size: 15px;
    }
    .subcribe-section{
        margin-top: 1rem!important;
    }
    .subcribe-section button {
        font-size: 15px!important;
    }
}

/* end  */

/* bread crum */
.breadcrum-custome {
    --bs-breadcrumb-divider: '>';
}

/* end bread crum */

/* price ranges */
.price-input {
    display: flex;
}

.price-input .field {
    display: flex;
    align-items: center;
}

.field input {
    outline: none;
    -moz-appearance: textfield;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.price-input .separator {
    width: 130px;
    display: flex;
    font-size: 19px;
    align-items: center;
    justify-content: center;
}

.slider {
    height: 5px;
    position: relative;
    background: #ddd;
    border-radius: 5px;
}

.slider .progress {
    height: 100%;
    left: 0%;
    right: 25%;
    position: absolute;
    border-radius: 5px;
    background: var(--bs-app-primary) !important;
}

.range-input {
    position: relative;
}

.range-input input {
    position: absolute;
    width: 100%;
    height: 5px;
    top: -5px;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[type="range"]::-webkit-slider-thumb {
    height: 17px;
    width: 17px;
    border-radius: 50%;
    background: var(--bs-app-primary) !important;
    pointer-events: auto;
    -webkit-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

input[type="range"]::-moz-range-thumb {
    height: 17px;
    width: 17px;
    border: none;
    border-radius: 50%;
    background: var(--bs-app-primary) !important;
    pointer-events: auto;
    -moz-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

/* end price range */

/* reviews */
.profile-image{
    width: 65px;
    height: 65px;
}
/* end reviews */

/* quest */
.quote-container {
    background-color: #fdf0e3;
    padding: 20px;
    border-radius: 10px;
    margin: 20px;
}
/* end quest */

/* add property */
.select-property{
    width: 100px!important;
    height: 100px!important;
}
.select-options-checkbox > div {
    max-width: max-content!important;
}
/* end property */

/* Star rating */
.stars input{
    display: none;
}
.stars label{
    float: right;
}
.stars label:before{
    content: "\f006"; 
    font-family: "Font Awesome 6 Free";
    color: var(--bs-app-primary);
}
.stars input:checked ~ label {
    color: var(--bs-app-primary);
}

.stars input:checked ~ label::before, 
.stars label:hover ~ label::before, 
.stars label:hover::before { 
    content: "\f005"; 
    color:var(--bs-app-primary);
    font-family: "Font Awesome 6 Free";
    font-weight: 900; 
}
/* end star rating */

/* Here for room available */
.border-secondary{
    border-color: var(--bs-app-secondary);
}
.btn-group-custome{
    /* height: 31px; */
    width: 120px;
}
.scroll-behavior-smooth{
    scroll-behavior: smooth;
}
.bg-bwo{
    background-color: var(--bs-backdrop-opa);
}
.hover-effect:hover{
    background: #f7f4f4fd;
}
.anim{
    position: relative;
    right: -20px;
    animation: slideIn 1s forwards;
}
@keyframes slideIn {
    from {
        right: -20px;
    }
    to {
        right: 0px;
    }
}

/* datepicker */
.show-date-range{
    top: 358px!important;
    left: 426px!important;
    right: auto!important;
    display: block!important;
}

/* end */

/* input type date */
input[type="date"] {
    display: inline-block;
    position: relative;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}
/* end */

/* banner property selection */
.selected,
.property-selection:hover {
    background: var(--bs-app-primary) !important;
    color: white;
}
/* end property selection */

.cart-value{
    width: 15px;
    height: 15px;
    top: 7px;
    right: 3px;
}

.outline-none{
    outline: none!important;
}
.top-0px{
    top:0px!important;
}