@import url('https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");

:root{
    --light-grey: #4A4A4A;
    --header-black: #171717;
    --btn-yellow: #FFCE32;
    --light-yellow: #FCDF73;
    --cal-grey: #F4F4F4;
    --white: #FFF;
    --black: #000;
    --search-grey: #2D2D2D;
    --srh-text: #9B9B9B;
    --border-grey: #D9D9D9;
    --grey: #E6E6E6;
    --scrollbar: #EEE;
    --comment-grey: #E9E9E9;
    --blue: #0085FF;
    --swiper-navigation-size: 18px;
    --dark-yellow: #FED402;
    --light-blue: #F2F8F2;
    --red: #E1505E;
}

*{ margin: 0; padding: 0;}
body{ color: var(--light-grey); background-color: #fff; font-family: 'Poppins';  }
html{ overflow-x: hidden;  }


/* ----------Scrollbar------------------*/

::-webkit-scrollbar {  width: 10px;  background-color: transparent;  }
::-webkit-scrollbar-track {  background-color: transparent;  }
::-webkit-scrollbar-thumb {  background-color: #FCDF73;  border-radius: 20px;  }
::-webkit-scrollbar-thumb:hover {  background-color: #FFCE32;  }

.scroll-border-radius::-webkit-scrollbar-thumb { border-top-left-radius: 20px; border-top-right-radius: 20px;}
.no-top-border-radius::-webkit-scrollbar-thumb { border-top-left-radius: 0; border-top-right-radius: 0;}
.no-bottom-border-radius::-webkit-scrollbar-thumb { border-bottom-left-radius: 0; border-bottom-right-radius: 0;}

/*-------Transparent Scrollbar----------*/
.chat-sec-1 .chat_body::-webkit-scrollbar-thumb, .chat-sec-1 .all_chat::-webkit-scrollbar-thumb{ background-color: transparent;}



/* ----------Global Css------------------*/

h1{  font-size: 50px;  } /* change this*/
h2{  font-size: 40px;  font-weight:500;}
h3{  font-size: 34px;  font-weight:500;}
h4{  font-size: 25px;  font-weight: 600;}
h5, .fs-20{  font-size: 20px;  font-weight: 500;}
h6 { font-size: 17px; font-weight: 500;}
p, .fs-16{  font-size: 16px;  font-weight: 400;  }
.fs-66 { font-size: 66px; }
.fs-30 { font-size: 30px; font-weight: 500;}
.fs-26 { font-size: 26px; font-weight: 400;}
.fs-22 { font-size: 22px; font-weight: 500;}
.fs-20 { font-weight: 400;}
.fs-19 { font-size: 19px; font-weight: 600;}
.fs-18 { font-size: 18px; font-weight: 600;}
.fs-15 { font-size: 15px; font-weight: 400;}
.fs-14 { font-size: 14px; font-weight: 400;}
.fs_17 { font-size: 17px; font-weight: 500; font-family: Poppins;}
.fs-12 { font-size: 12px; font-weight: 400;}
.lh-60 { line-height: 60px;}
.lh-30 { line-height: 30px}
.bold { font-weight: 700;}
.semi-bold { font-weight: 600;}
.light_bold { font-weight: 500;}
.normal { font-weight: 400;}
.right { float: right;}
a { color: var(--black)}

.button, .button1 { padding: 12px 20px; border-radius: 70px; border: 1px solid var(--light-grey); color: var(--light-grey);  text-decoration: none; font-size: 15px; font-weight: 400;  background-color: var(--white); position: relative; overflow: hidden; display: inline-block;}
.button:not(.transparent):hover, .button1:hover { box-shadow: 0 0 4px -1px var(--light-grey);}
a.button:hover, button.button:not(.transparent):hover:not(.nav-button .button:hover, .modal_btn:hover)  { color: var(--black); background-color: transparent; border: 1px solid var(--btn-yellow); transition: 0.55s; }
.nav-button .button:hover { background-color: #fff;}
.nav-button { padding-left: 15px;}

.button:not(.button.login:before)::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--btn-yellow);  transform: translateX(-100%);  transition: all .5s;  z-index: -1; }
.button:hover::before { transform: translateX(0);}
.button1 { background-color: var(--btn-yellow); border: none;}
.button1:hover{ color: var(--black);  /*background-color: white;*/}
.btn_black { background-color: #000; color: #fff;}

.blink-text { animation: blink 1s linear 2;  }
.badge { top: 0; right: -6px; background-color: var(--btn-yellow); border-radius: 50%; height: 20px; color: #000;}
.cart i { font-size: 18px;}

@keyframes blink {
    50% { opacity: 0;  }
}

/*-----------Global Classes--------------*/
.white { color: var(--white)}
.color { color: var(--light-yellow)}
.grey { background-color: var(--cal-grey)}
.blue { color: var(--blue)}
.dark-yellow { color: var(--dark-yellow)}
.red { color: var(--red);}
.bg_yellow { background-color: var(--light-yellow)}
.bg_white { background-color: var(--white)}
.bg_black { background-color: #000;}
.b_radius { border-radius: 33px;}
.b_border { border: 1px solid #BDBDBD;}
.b_shadow { box-shadow: 0 0 8px 0 rgba(189, 189, 189, 0.25);}
.action_btn { background-color: transparent; border: none;  }
.divider { border-bottom: 1px solid var(--border-grey); }
.swiper-button-next, .swiper-button-prev {  background-color: var(--white);  padding: 30px; color: var(--light-grey); border-radius: 50%;}
.b-none { border: none;}
input:focus-visible, .body input:focus { outline: unset; box-shadow: none;  }
.gap-10 { gap: 40px;}
.padding { padding: 6em 0 10px 0;}

/*-----------Header--------------*/
.header, .footer { background-color: var(--header-black);}
.header .navbar .nav-item { padding: 0 5px;}
.header .navbar .nav-item>a, .body .navbar-nav .nav-link:focus { color: var(--white); font-size: 15px; font-weight: 400; }
.header .navbar .nav-item:hover>a { color: var(--light-yellow); }
.header .search { background-color: var(--search-grey); color: var(--srh-text); border-radius: 40px; width: 30em;}
.header .search input.form-control, .review .search input.form-control { background-color: transparent;  border: none;  font-weight: 400; font-family: "Poppins"; font-size: 15px; color: var(--white);}
.header .user_img img { height: 45px; border-radius: 50%; object-fit: cover; }
.header button.button{padding: 12px 28px;}
.header .button.login, .header .button1.login{padding: 12px 40px; color: var(--black);}
i.fa-heart { font-size: 25px;  }
.header a.navbar-brand { height: 70px; width: 200px; margin-block: auto; }
.header a.navbar-brand img { height: 100%; width: 100%; object-fit: contain;}
.header .search_parent { position: relative;}
.header .search_dropdown { position: absolute; background-color: #fff; border-radius: 8px; padding: 10px 20px; transform: translate(15px, 14px); box-shadow: 0 0 10px rgb(0 0 0 / 17%); width: 30em; z-index: 99999999;}
.header .search_dropdown li { /* border-bottom: 1px solid var(--border-grey); */ padding-bottom: 15px;}
.header .lang-pic { padding-block: 8px;}
.header .globe #languageDropdown {display: inline-block;height:25px;width: 25px;/* padding-top: 10px; */margin-top: 7px;}
.header .globe #languageDropdown img { height: 100%; width: 100%; object-fit: contain; border-radius: 0;}
.header .lang-pic .flag_img img { height: 25px; width: 25px;}
.header .cart img { height: 22px; width: 24px;}
.header .inbox img { height: 21px; width: 26px;}


/*------------------------Footer-------------------------------*/
.footer .footer-head{ font-family: Epilogue; padding-bottom: 15px;}
.footer li>a{ color: var(--white);  font-family: Epilogue;  text-decoration: none;  line-height: 50px;  font-size: 16px;  transition: transform .8s ease-in;  }
.footer li:hover>a{ color: var(--light-yellow);}
.footer .footer-social .icon {  font-size: 24px;  color: var(--light-yellow);  border-radius: 50%;  border: 2px solid var(--light-yellow);  height: 50px;  width: 50px;  padding: 0 13px;  }
.footer .footer-social .social-icons>li:hover img { transition: transform .5s ease-in-out;  transform: scale(1.1) ;  }
.footer .footerLinks ul>li:hover{ transform: translate(5px, 0);}
.footer .foot-copyright { border-top: 1px solid var(--white); }
.footer .navbar-brand { display: inline-block; width: 260px;}
.footer .navbar-brand img { height: 100%; width: 100%; object-fit: contain;}
.foot-copyright .white:hover { color: var(--btn-yellow);}

/*----------------Detail Page---------------------*/

.sec1_detail .swiper-slide img{ border-radius: 20px ; height: 98%; object-fit: cover;}
.map iframe{  border-radius: 20px;}
.sec1_detail .info, .sec2_detail .book .info{  border-radius: 20px; box-shadow: 0 4px 44px 0 rgba(0, 0, 0, 0.05);}
.sec1_detail .info h5.py-3 span.rating, .sec2_detail .info h5 span.rating {  float: right;}
.sec1_detail .info.medical_info .company_info p { max-width: 300px;}
.sec1_detail h2, .sec2_detail h3,.sec2_detail h4, .sec2_detail h5, .sec2_detail h6  { width: fit-content;}
/* .sec1_detail .mySwiper2{height: 83%;} */
.sec2_detail .info h5 { width: unset;}
.sec2_detail .catg{  padding: 10px 20px;  border: 1px solid var(--border-grey);  margin-right: 15px;  border-radius: 10px;  list-style: none;  margin-bottom: 25px;  }
.sec2_detail .categories{ /*padding-bottom: 15px;*/  padding-left: 0;  flex-wrap: wrap;  }
.sec2_detail .inner_detail {  border-top: 1px solid var(--grey);  border-bottom: 1px solid var(--grey);  padding-bottom: 15px;  }
.sec2_detail .book h5 { padding-inline: 0;}
.sec2_detail .col-md-12 p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.sec2_detail .pay_info ul, .sec2_detail div.col-md-12 {padding: 0;}
.sec2_detail .pay_info li{  padding-bottom: 10px;  list-style: none;  }
.sec2_detail .button.reserve{padding: 12px 35px;}
.sec2_detail .fa-check-square{color: var(--light-yellow); font-size: 18px;}
.sec2_detail ol { counter-reset: item; position: relative;}
.sec2_detail ol>li{  position: relative;  list-style: none; counter-increment: item;}
.sec2_detail ol>li::before, .sec2_detail ol>li::after, .sec2_detail ol::after{ content: ""; position: absolute; left: -50px;  top: 0;}
.sec2_detail ol>li::before{  content: counter(item) '';  z-index: 2; color: var(--white);  left: -41px;  top: 2px;  }
.sec2_detail ol>li:nth-child(1)::before, .sec2_detail ol>li:last-child::before{ content: '';}
.sec2_detail ol>li::after {  width: 30px;  height: 30px;  display: inline-block;  background-color: var(--light-grey);  border-radius: 50%;  }
.sec2_detail ol>li:nth-child(1)::after, .sec2_detail ol>li:last-child::after{  content: "\f3c5";  font-family: "Font Awesome 5 Free";  width: 40px;  height: 40px;  padding: 6px 8px 8px 14px;  left: -55px;  background-color: var(--light-yellow);  }
.sec2_detail ol::after { /*content: '|';*/  background-image: url(../images/Lines.png);  background-repeat: no-repeat; background-size: 3px 93%;  display: block;  width: 100%;  height: 100%;  left: 12px;  top: 2px;  z-index: -1;  }
/* .sec2_detail form .rent_time>input{} */

.sec2_detail .book .info .book_timing { width: 45%; }

.review .modal-header{ border: none;}
.review .modal-all {  max-width: 1050px;  margin: 4rem auto;  height: 745px;  overflow: hidden;  border-radius: 20px;  background-color: var(--white);  }
.review .modal-dialog {  max-width: 1000px;  margin-top: 0; /* height: 530px; */ /* overflow: hidden; */  border-radius: 20px;  }
.review .modal-content { /*overflow: scroll;*/  height: 748px;  border: none;  }
.review .btn-close {  font-size: 10px;  border: 1px solid var(--light-grey);  border-radius: 50%;  }
.review .search input.form-control { color: var(--black)}
.leave_review input.chat-input { width: 65%; border-radius: 40px; padding: 10px 30px; height: 50px; outline: none; border: 1px solid var(--comment-grey);}
.leave_review button.button { padding: 0 25px; height: 45px;}
.leave_review .rating i { color: var(--light-yellow);}
.review .search { border-radius: 40px; border: 1px solid var(--grey);}
.review .modal-body { overflow-y: scroll;}
.review ::-webkit-scrollbar {  width: 10px;  background-color: var(--scrollbar); border-radius: 20px;  }
.review ::-webkit-scrollbar-track {  background-color: transparent;  }
.review ::-webkit-scrollbar-thumb {  background-color: var(--light-yellow);  border-radius: 20px;  }
.review ::-webkit-scrollbar-thumb:hover {  background-color: var(--btn-yellow);  }

/*----------------------------Modal Reviews----------------------*/

.modal.login .modal-dialog{ margin: 8rem auto;}
.modal.login .modal-content, .modal.report .modal-content { border-radius: .5rem;}
.modal .luxu{font-weight: 700;}
.modal .button.login {  width: 100%;  background-color: var(--black);  color: var(--light-yellow);  border-radius: 12px;  }
.modal input, .modal textarea{  border:  1px solid var(--light-grey);  padding: 10px 20px;  font-size: 14px;  border-radius: 12px;  }
.modal .forgot{float: right;}
.modal.login .form-outline.mb-4.d-inline-block { width: 49%;  }
.modal.login .form-outline.mb-4.d-inline-block:nth-child(1){  margin-right: 10px;  }
/*.modal.login .form-outline.mb-4.d-inline-block:nth-child(2){  margin-left: 5px;  }*/
.modal .iti{ display: block;}
.modal button.not_btn{ background-color: transparent; border: none;}
.modal.login .code input { display: inline;  width: 50px;  margin-right: 10px; }
.modal.verify .modal-dialog{ max-width: 35em;  }
.modal.verify fieldset:not(:first-of-type), .modal.signup fieldset:not(:first-of-type) { display: none }
.modal.report .modal-header, .modal.report .modal-footer { border: 0;}
.modal.report .modal-footer .button1  { width: 100%;}
.modal.report .modal-footer .button1:hover { color: #fff;}

/*----------------Calendar------------------*/

.sec2_detail .cal .pignose-calendar{  margin: unset;  max-width: 400px;  border-bottom: 1px solid #E6E6E6;  }
.sec2_detail .pignose-calendar, .sec2_detail .pignose-calendar .pignose-calendar-top{  box-shadow: none;  border: none;  background-color: transparent;  padding: 0;  }
.sec2_detail .pignose-calendar .pignose-calendar-top{ padding: 1.6em 0;}

.sec2_detail .cal .pignose-calendar-week, .sec2_detail .cal .pignose-calendar-week.pignose-calendar-week-sat, .sec2_detail .cal .pignose-calendar-week.pignose-calendar-week-sun{  background-color: var(--grey);  color: var(--light-grey);  border: none;  font-size: 15px;  font-weight: 400;  }
.sec2_detail .cal .pignose-calendar .pignose-calendar-unit a{ color: var(--light-grey)}
.sec2_detail .cal .pignose-calendar .pignose-calendar-top .pignose-calendar-top-month, .pignose-calendar .pignose-calendar-top .pignose-calendar-top-year{  display: inline;  font-size: 19px;  font-weight: 600;  color: var(--light-grey);  text-transform: capitalize;  }
.sec2_detail .cal .pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-active a{  background-color: var(--light-yellow);  color: var(--white);  }
.sec2_detail .calendar .pointer { cursor: pointer;  user-select: none;  }
.sec2_detail .calendar p {  line-height: 1.5em;  margin: 0;  color: #444;  }
.sec2_detail .calendar {  background: #fff;  color: #777;  }
.sec2_detail .calendar li {  float: left;  width: calc(100% / 7);  text-align: center;  padding: .65em 0;  cursor: pointer;  }
.sec2_detail .calendar li.empty {  pointer-events: none;  }
.sec2_detail .calendar li:hover {  color: var(--light-yellow);  }
.sec2_detail .calendar li.active,
.sec2_detail .selected-range,
.sec2_detail .calendar li.active:hover { /*background-color: var(--light-yellow);*/  color: #fff;  position: relative;  z-index: 0;  }
.sec2_detail .calendar li:nth-child(-n+6) {  color: #777;  }
.sec2_detail .calendar li.active::before {  content: '';  width: 35px;  height: 35px;  background-color: var(--light-yellow);  position: absolute;  top: 5px;  left: 8px;  z-index: -1;  border-radius: 50%;  }

.calendar  .selected-range:before,
.calendar  .selected-range:after {  content: '';  width: 40px;  height: 35px;  background-color: var(--cal-grey);  color: var(--white);  position: absolute;  top: 5px;  right: -10px;  z-index: -2;  }
.sec2_detail .selected-range{color: var(--light-grey)}
.calendar .selected-range:before {  left: -10px;  }

/*-----------------Tour----------------*/
.sec2_tour .inner_detail .info.py-2.ps-5 {  border-left: 2px solid var(--grey);  }
.v_divide{position: relative;}
.v_divide:before {  content: '|';  width: 10px;  height: 100%;  z-index: -1;  position: absolute;  top: 0;  left: -6px;  }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {  -webkit-appearance: none;  margin: 0;  }
.counter button{  text-decoration: none;  color: var(--black);  }
.counter input{  width: 100%;  border: none;  }

/*-----------Index Topbar--------------*/
.topbar{ margin-top: 30px;  }
.topbar .top_box1 {  display: flex;  padding-top: 20px;  gap: 30px;  }
.topbar .top_box1 .box input.radio_btn { display: none; }
.topbar .top_box1 .box label {  cursor: pointer;  border-radius: 60px;  background-color: #fff;  box-shadow: 0 8px 21px 0 rgba(0, 0, 0, 0.07);  padding: 14px 20px;  font-size: 16px;  width: 200px;  border: 2px solid #fff;  }
.topbar .top_box1 .find_btn .radio_img img {  display: block;  mix-blend-mode: difference;  }
.topbar .top_box1 .find_btn{color: var(--srh-text);}
.topbar .top_box1 .box>input:checked+label {  border: 2px solid #FFCE32; color: #FFCE32; }
.topbar .top_box1 .box>input:checked + label svg path {fill: #FFCE32;}
.heart:checked + label svg path {fill: #FFCE32;}

/*.topbar .top_box1 .box>input:checked+ .radio_img svg path { fill: #FFCE32;}*/
.topbar form .top_box2{  display: flex;  margin-top: 10px; gap: 30px; flex-wrap: wrap; }
.topbar .top-rw{  align-items: center;  }
.topbar .col-md-1 { padding:0; }
.topbar .radio_img { padding-bottom: 8px; height: 30px; width: 25px; }
.topbar .radio_img img { height: 100%; width: 100%; object-fit: contain; }
.s-btn-icon {   display: inline-block;   max-width: fit-content;  position: relative;}
.s-btn-icon i { position: absolute; right: 20px; top: 31%; color: #ffce32;}
.topbar form .top_box2 label{  color: var(--light-grey);  font-family: Poppins;  font-size: 16px;   /* changed this */  font-style: normal;  font-weight: 400;  padding-left: 10px;  }
.topbar form .top_box2 .box2 input{  padding: 15px;  border: none;  border-radius: 64.264px;  background: var(--white);  box-shadow: 0 8.568594932556152px 22.49256134033203px 0 rgba(0, 0, 0, 0.07);  height: 47px;  width: 97%;  }
.topbar form .top_box2 .box2 input::placeholder{  color: var(--header-black);  font-size: 14px;  font-weight: 400;  }
/* .topbar form .top_box2 .box2{  width: 36%;  } */
.topbar form .top_box2 .box3 input{  font-size: 13px;  padding: 15px;  border: none;  border-radius: 64.264px;  background: var(--white);  box-shadow: 0 8.568594932556152px 22.49256134033203px 0 rgba(0, 0, 0, 0.07);  height: 47px;  width: 100%;  }
.topbar form .top_box2 .submit .button{ padding: 12px 40px;}
.topbar .top_box3{  margin-top: 15px;  }
.topbar .top_box3 button{  padding: 17px 30px;  margin-left: -23px;  }
.d-btn {   width: 100%;   position: relative;}
.d-btn i {  position: absolute;  right: 16px;  top: 30%; color: var(--btn-yellow);}
#search-box .top_box2 .box3{flex-grow: 1;}
#search-box .submit{flex-grow: 1; display: flex;   gap: 20px;}


/* .topbar form .box3 .search_input:after { content: ''; display: inline-block;  width: 30px; height: 30px;  background-image: url('../images/calendar.svg'); background-repeat: no-repeat; background-position: center;} */
/* .topbar form .box3:nth-child(1) .search_input:after { content: ''; display: inline-block;  width: 30px; height: 30px;  background-image: url('../images/location-dot.svg'); background-repeat: no-repeat; background-position: center;} */
::-webkit-calendar-picker-indicator {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 24 24"><path fill="%23FFCE32" d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z"/></svg>');
  }
.topbar form .box3 .loc { top: 36px; right: 25px;} 
.topbar form .box3 .loc i { color: var(--btn-yellow); cursor: pointer;} 
.topbar form .box3 input[type=date] { cursor: pointer;} 

.pika-button:hover, .pika-row.pick-whole-week:hover .pika-button, .is-selected .pika-button, .has-event .pika-button { background-color: var(--btn-yellow) !important;}
.pika-table abbr { text-decoration: none;}
.is-today .pika-button { color: var(--btn-yellow);}

/*-----------Index Product--------------*/
.product{  padding-top: 50px;  margin-bottom: 30px;  margin-left: auto;  margin-right: auto;  }
.product .product_box{  margin-bottom: 40px;  transition: all .3s ease-in-out; }
.product_box a { color: unset; text-decoration: none; }
.product .product_box .slide-img { height: 18em;}
.product .product_box img{  width: 100%;  border-radius: 18px; height: 100%; object-fit: cover; }
.product .product_box img:hover, .property-image img:hover{filter: brightness(0.8);}
.product .product_box:hover{transform: scale(1.01);}
.product .product_box .rating{  display: flex;  justify-content: space-between;  padding-top: 19px;  }
.product .product_box .span-italic {  font-style: italic; }
.product .product_box span { font-weight: 600;  font-size: 18px; font-family: Epilogue;  }
.product .Load_more{  text-align: center;  }
.product .Load_more button{  padding: 20px 40px;  }

.product .product_box span.swiper-pagination-bullet.swiper-pagination-bullet { color: #fff !important; background-color: #fff !important; }
.product .product_box .product_wish { position: absolute; top: 15px; z-index: 3; width: 100%;}
.product .product_box .product_img { position: relative; }
.product .product_box .product_wish .client { height: 45px; width: 45px; border-radius: 50%;}
.product .product_box .product_wish .client img { border-radius: 50%;}
.product .product_box .product_wish i { color: #fff;}
.product .product_box .product_heading { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin: 0; height: fit-content; width: 80%; }

 /*-----------About Page--------------*/
.about_banner .about-con{  padding-left: 0;  padding-right: 0;  }
.about_banner .about_box img{  width: 100%;  }
.about .about-box2{  text-align: center;  padding-top: 50px;  margin-bottom: 30px;  }
.about .about-box2 h2 {  color: var(--light-grey);  font-style: normal;  font-weight: 700; line-height: normal;  text-transform: capitalize;  font-size: 50px; max-width: 20em; margin: auto; padding-bottom: 30px; /* margin-left: 200px;  margin-right: 200px;  margin-bottom: 30px; */  }
.about .about-box2 a{  padding: 13px 36px;  margin-inline: 4px;  color: var(--light-grey);  transition: .5s ease-in-out;  }
.about .about-box2 .black{  background: var(--black);  color: var(--white);  }
.about .about-box2 a:hover{  padding-right: 25px; transition: .5s ease-in-out;  }
.about .about-box2 a i { padding-left: 2px; transition: .5s ease-in-out;  }
.about .about-box2 a:hover i { padding-left: 25px; transition: .5s ease-in-out;  }
.about .about-box2 a.button1.black:hover {  padding-right: 56px;}
.about .about-box2 .box1 {  padding-top: 70px;  }
.about .about-box2 .box1 h2{  line-height: 45px;  }
.about .about-box2 .box1 p{  line-height: 30px;  }

 /*-----------Contact Page--------------*/
 #adv_filter i{ color: var(--btn-yellow);
 }
.contact{  padding-top: 50px;  margin-bottom: 30px;  }
.contact .icon_box {  border-radius: 20px;  box-shadow: 0 4px 44px 0 rgba(0, 0, 0, 0.05);  padding: 50px 20px;  text-align: center;  }
.contact .icon_box p { color: var(--white);  font-family: Epilogue;  text-decoration: none;  line-height: 50px;  font-size: 16px;  }
.contact .icon_box p>i { font-size: 26px;  color: var(--light-grey);  border-radius: 50%;  background: var(--light-yellow);  border: 2px solid var(--light-yellow);  height: 50px;  width: 50px;  padding: 17px 20px;  }
.contact .icon_box h5 { margin-top: 30px;  }
.contact .form-box input#subject {    width: 100%;}
.contact .icon_box a { color: var(--light-grey);  font-size: 15px;  font-style: normal;  font-weight: 500;  text-decoration-line: underline;  }
.contact .form-box {  margin-top: 40px;  border-radius: 20px;  background: #FFF;  box-shadow: 0 4px 44px 0 rgba(0, 0, 0, 0.05);  padding: 50px;  }
.contact .form-box h6{  font-size: 32px;  font-weight: 500;  }
.contact .form-box input{  width: 49%;  border-radius: 10px;  border: 1px solid #DADADA;  height: 53px;  margin-bottom: 15px;  padding-left: 20px;  }
.contact .form-box input::placeholder{  font-size: 13px;  font-weight: 400;  color: var(--light-grey);  }
.contact .form-box .pl{  padding-left: 80px;  width: 100%;  }
.contact .form-box input:focus-visible{  border: 1px solid #DADADA;  outline: none;  }
.contact .form-box textarea{  width: 100%;  border-radius: 10px;  border: 1px solid #DADADA;  padding-left: 20px;  padding-top: 20px;  margin-bottom: 15px;  font-size: 13px;  font-weight: 400;  }
.contact .form-box textarea:focus-visible{  border: 1px solid #DADADA;  outline: none;  }
.contact .form-box button{  padding: 14px 44px;  }
.contact .form-box .right{  margin-right: 13px;  }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {  -webkit-appearance: none;  margin: 0;  }
.contact .form-box .iti__selected-flag { border-radius: 9px 0 0 9px;  background: #F2F2F2;  padding: 0 17px 0 21px;  }
.contact .intl-tel-input, .contact .iti {  width: 49%;  display: inline-flex; height: 53px; margin-bottom: 15px; }
.contact .boxes { gap: 20px 0;}

/*-------------------------Account-setting-page-css------------------*/

.profile-image-div { border-radius: 15%;  position: relative;  margin-block: 2em;  margin-left: 1em;  width: 180px;  height: 180px;  overflow: hidden;}
img#blah { width: 100%;  height: 100%;  object-fit: cover;  object-position: center;  }
.profile-image-div img {  max-width: 180px;  }
.profile-image-div input[type=file] {  padding: 10px;  background: #2d2d2d;  }
.profile-image-div input {  position: absolute;  width: 100%;  top: 0;  height: 100%;  opacity: 0;  z-index: 9999;  cursor: pointer;  left: 0;  }
.profile-image-div:after {  content: '';  background: url(../images/edit.png) no-repeat center;  width: 40%;  height: 15%;  display: block;  top: 155px;  left: 123px;  position: absolute; /* background: url(); */  cursor: pointer;  background-size: contain;  }
.wh-box { box-shadow: -4px 4px 30px #00000014; border-radius: 20px;  padding: 30px;  margin-bottom: 2em;  }
.form_field_padding { padding-block: 15px;  }
.form_field_padding input.form-control, .form_field_padding select.form-control {  padding-inline: 22px;  height: 50px;  border-radius: 15px;  }
input.btn.setting_btn {  padding-block: 14px;  padding-inline: 45px;  margin-left: 5px;  border-radius: 15px;  }
input.btn.setting_btn {  padding-block: 14px;  padding-inline: 45px;  margin-left: 5px;  border-radius: 15px;  background-color: #E9E9E9;  }
input.btn.setting_btn:hover {  background: var(--btn-yellow);  color: var(--white-color);  }
section.det_form.setting_page { padding-block: 50px;  }
.box_head { display: flex;  justify-content: space-between;  }
.box_head a img { height: 45px;  width: 45px;  }
.btn-row button.btn { float: right;  background: var(--light-grey);  color: var(--white);  padding-block: 12px;  padding-inline: 15px;  border-radius: 15px;  margin-bottom: 1em;  font-size: 16px;  }
.btn-row button.btn:hover { background: transparent;  border: 1px solid var(--light-grey);  color: var(--light-grey);  }

.sec-2-profileSetting .img { background-image: url(../images/profileBanner2.png); background-repeat: no-repeat; background-size: contain; padding: 30px 60px 28px 40px; }
.sec-2-profileSetting .button, .sec-2-profileSetting .button:hover { border: 2px solid var(--light-yellow); box-shadow: 0 0 4px -1px var(--light-grey);}

/*Account-setting-page-css- END*/


/*---------------------Bookings-page-css----------------------*/

.bookings .past-current ,.bookings h2{  display: inline-block;  }
.bookings .col-md-12{  display: flex;  justify-content: space-between;  align-items: center;  }
.style-past-booking {  background: var(--light-grey);  color: #fff;  }
.style-past-booking:hover {  color: var(--white);  }
.property-image,.property-asset{  display: inline-block;  }
.property-image img.img-fluid {  width: 100%;  height: 100%;  object-fit: cover;  border-radius: 20px;  }
.property-asset {  display: flex;  gap: 30px;  width: 100%;  }
.main_cart { display: flex;  align-items: center;  gap: 25px;  padding: 12px;  box-shadow: -4px 4px 30px #00000014;  border-radius: 20px;  margin-block: 1em;  }
.property-image {  height: 200px;  width: 500px;  }
.property-image img.img-fluid {  width: 100%;  height: 100%;  object-fit: cover;  border-radius: 20px;  }
.property-asset {  display: flex;  gap: 30px;  width: 100%;  padding-block: 15px;  border-bottom: 1px solid lightgray;  }
.property-asset2 {  display: flex;  gap: 30px;  width: 100%;  padding-block: 15px;  }
.fs-12 p { font-size: 12px; font-weight: 400;}
.cart_text { /* max-width: 24em; */  width: 100%;  }
.bookings .search {  height: 50px;  border-radius: 25px;  border: 1px solid lightgray;  }
.search input.form-control {  border: none;  }

/*-----------Booking Detail Page--------------*/

.book_details{  padding-top: 50px;  margin-bottom: 30px;  }
.book_details .book_img img{  width: 100%;  }
.book_details .book_box ul{  padding-left: 0;  }
.book_details .book_box li{  padding: 10px 20px;  margin-right: 15px;  border: 1px solid var(--border-grey);  border-radius: 10px;  list-style: none;  }
.book_details .book_box .amenities ul li{  padding: 10px 20px;  margin-right: 15px;  border: 1px solid var(--border-grey);  border-radius: 10px;  list-style: none;  display: inline-block;  margin-bottom: 11px;  }
.book_details .book_box h5{  margin-bottom: 15px;  }
.book_details .book_box .price_box p{  display: flex;  justify-content: space-between;  }
.book_details .book_box .price_box h6{  display: flex;  justify-content: space-between;  }
.book_details .book_box .price_box hr{  color: var(--grey); }
.book_details .book-rw{  align-items: center;  border-radius: 20px;  background: #FFF;  box-shadow: 0 4px 44px 0 rgba(0, 0, 0, 0.05);  padding: 11px 1px;  margin-top: 30px;  }
.book_details .book_box .book-rw{ align-items: center;  border-radius: 0;  background: var(--white);  box-shadow: none;  padding: 0;  margin-top: 17px;  }
.book_details .trip_box .trip1 {  display: flex;  justify-content: space-between;  margin-bottom: 25px;  }
.book_details .trip_box .trip1 .box1 h5{  line-height: 12px;  font-weight: 400;  }
.book_details .trip_box .trip1 .box1 span{  font-size: 14px;  color: var(--srh-text);  }
.book_details .trip-rw{  margin-bottom: 20px;  align-items: center;  margin-top: 50px;  }
.book_details .trip-rw .trip_box{  border-radius: 20px;  background: #FFF;  box-shadow: 0 4px 44px 0 rgba(0, 0, 0, 0.05);  padding: 40px;  padding-bottom: 10px;  }
.book_details p{  font-size: 14px;  line-height: 25px;  }
.book_details .trip-rw .pay_box {  border-radius: 20px;  background: #FFF;  box-shadow: 0 4px 44px 0 rgba(0, 0, 0, 0.05);  padding: 37px 40px;  }
.book_details .trip-rw .pay_box select{  border-radius: 10px;  border: 1px solid #DADADA;  width: 100%;  height: 53px;  margin-bottom: 15px;  font-size: 13px;  padding-left: 10px;  color: var(--light-grey);  font-weight: 400;  }
.book_details .trip-rw .pay_box h4 {  margin-bottom: 20px;}
.book_details .trip-rw .pay_box input, .sec2_checkout input{  border-radius: 10px;  border: 1px solid #DADADA;  width: 100%;  height: 53px;  margin-bottom: 15px;  }
.book_details .trip-rw .pay_box input::placeholder, .sec2_checkout input::placeholder{  font-size: 13px;  padding-left: 10px;  color: var(--light-grey); font-weight: 400;  }
.book_details .trip-rw .pay_box input:focus-visible, .sec2_checkout input:focus-visible { outline: none; padding-left: 10px; }
.book_details .trip-rw .pay_box select:focus-visible, .sec2_checkout select:focus-visible {  outline: none;  }
.book_details .trip-rw .pay_box .prep{  width: 49%;  margin-right: 6px;  }
.book_details .trip-rw .pay_box .prep2 { width: 49%; }
.book_details .billing-box{  border-radius: 20px;  background: #FFF;  box-shadow: 0 4px 44px 0 rgba(0, 0, 0, 0.05);  margin-bottom: 30px;  margin-top: 26px;  padding: 40px;  }
.book_details .billing-box h3 { margin-bottom: 20px; }
.book_details .billing-box input, .billing input { border-radius: 10px;  border: 1px solid #DADADA;  width: 49%; height: 53px;  margin-bottom: 15px;}
.book_details .billing-box input::placeholder, .billing input::placeholder {font-size: 13px; padding-left: 10px;  color: var(--light-grey); font-weight: 400; }
.book_details .billing-box input:focus-visible, .billing input:focus-visible { outline: none; padding-left: 10px;}
.book_details .billing-box .prep, .billing input:nth-child(even) { margin-right: 15px;}
.book_details .ploicy_box{ border-radius: 20px; background: #FFF; box-shadow: 0 4px 44px 0 rgba(0, 0, 0, 0.05); margin-bottom: 30px; margin-top: 26px; padding: 40px;}
.book_details .box22{padding: 29px;}
.book_details .box22 a{ border-radius: 10px; border: 1px solid #D9D9D9;  background: #FFF;  color: var(--light-grey);  font-size: 13px;  font-weight: 400;  padding: 10px;  text-decoration: none;  margin-right: 12px;  }
.book_details .confirm { text-align: center; padding: 13px 44px;}
.book_details .confirm .button { padding: 13px 44px;}
select:not(.selection select) {  -webkit-appearance: none; /* removes expand icon in older Chrome versions */  -moz-appearance: none; /* removes expand icon in older Firefox versions */  appearance: none; /* removes expand icon */  }
.filter_box{display: flex;}
.bookings .filter_box .dropdown{margin-right: 10px;}
.bookings .filter_box .dropdown button{padding: 15px 30px;}
.bookings .filter_box .dropdown button:focus, .bookings .filter_box .dropdown button:focus-visible { outline: none;box-shadow: none;}

/* --------------Inbox Page------------------ */


/* ------------Chat Box-------------- */

.session-sec-1 .chat {  padding: 20px; border-radius: 12px; }
.session-sec-1 .chat .chat_header { padding: 8px 25px; border-radius: 13px;}
.session-sec-1 .chat .chat_header .user_img { height: 60px; width: 60px;}
.session-sec-1 .chat .chat_header .title { flex: .99; display: flex; align-items: center; font-weight: 500;}
.session-sec-1 .chat .chat_header i { margin-left: 10px;}
.session-sec-1 .chat .chat_footer { padding-top: 20px;}
.session-sec-1 .chat .chat_footer .chat_text { border-radius: 114px; background-color: var(--white); padding: 2px 20px; flex: .95; border: 1px solid #E3E5E5;}
.session-sec-1 .chat .chat_footer .chat_text input { border: none; padding: 10px 20px; background-color: transparent; flex: 1;}
.session-sec-1 .chat .chat_footer i, .session-sec-1 .chat .chat_header i { font-size: 20px; color: var(--black);}
.session-sec-1 .chat .chat_footer .icons { background-color: var(--light-yellow); height: 50px; width: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.session-sec-1 .chat .chat_footer .icons .icon-microphone { color: var(--white)}
.session-sec-1 .chat .chat_body { height: 70vh; overflow: auto;}
.session-sec-1 .chat .chat_body > div.d-flex { height: 100%;}
.session-sec-1 .chat .chat_body .time { width: 100%; position: relative; margin-bottom: 15px;} 
.session-sec-1 .chat .chat_body .time p { background-color: var(--white); width: fit-content; margin: auto; padding: 0 10px; color: #979C9E;}
/* .session-sec-1 .chat .chat_body .time::before { content: ''; position: absolute; border-top: 1px solid grey; width: 100%; top: 10px; left: 0; z-index: -1;} */
.session-sec-1 .chat .chat_body .msg { width: fit-content; margin-bottom: 10px; display: flex; gap: 5px; align-items: end; }
.session-sec-1 .chat .chat_body .msg p { background-color: var(--light-yellow); padding: 15px 20px; border-radius: 33px;}
.session-sec-1 .chat .chat_body .msg .chat_img  { height: 25px; width: 25px; margin-bottom: 1.2rem; }
.session-sec-1 .chat .chat_body .msg_left { margin-right: auto; flex-direction: row-reverse; }
.session-sec-1 .chat .chat_body .msg_left p { background-color: var(--comment-grey);}
.session-sec-1 .chat .chat_body .msg_left.typing p { background-color: transparent; margin-bottom: 7px; padding-left: 2px; color: #979C9E; animation: type 3s infinite 3s ease-in-out; overflow: hidden; transition: .5s ease-in-out;}
/*.session-sec-1 .chat .chat_body .msg_left.typing p span { animation: dots 3s infinite 4s; }*/
.session-sec-1 .chat .chat_header .icons { display: flex; gap: 8px; }
.session-sec-1 .chat .chat_header .icons a.bg_yellow { border-radius: 50%; display: inline-block; height: 40px; width: 40px; padding: 10px 0;}
.session-sec-1 .chat .chat_header .icons a.bg_yellow.drop { padding-inline: 5px;}
.session-sec-1 .chat .chat_header .icons a.bg_yellow.drop + .dropdown-menu.show { transform: translate(-150px, 60px) !important; min-width: 12rem; filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25)); border-radius: 10px;}
.session-sec-1 .chat .chat_header .icons a.bg_yellow.drop + .dropdown-menu.show a.dropdown-item.fs-18 { font-weight: 400; display: flex; justify-content: space-between; align-items: center;}
.session-sec-1 .chat .chat_header .icons a.bg_yellow.drop + .dropdown-menu.show a.dropdown-item:focus, .session-sec-1 .chat .chat_header .icons .dropdown-item:hover { background-color: var(--light-yellow); }
.session-sec-1 .chat .chat_header .icons ul.dropdown-menu.show { position: relative; padding: 15px 0;}
.session-sec-1 .chat .chat_header .icons ul.dropdown-menu.show::before { content: ''; border-top: 1px solid #baa9a9; border-left: 1px solid #baa9a9; position: absolute; top: -11px; right: 17px; display: block; height: 20px; width: 20px; transform: rotate(45deg); background-color: var(--white);     border-top-left-radius: 6px;}

@keyframes type {
    0% {width: 0; padding-right: 0; transition: 1s linear;}
    50% {width: 45px; transition: 1s linear;}
    70% {width: 65px; transition: 1s linear;}
    85% {width: 75px; transition: 1s linear;}
    100% {width: fit-content; transition: 1s linear;}
}
/*@keyframes dots {*/
    /*from {opacity: 0; transition: 2s linear}*/
    /*to {opacity: 1;}*/
/*}*/


/* ---Chat Sidebar--- */

.chat-sec-1 .chats { margin-bottom: 15px; box-shadow: 0 0 8px rgba(189, 189, 189, 0.10); border-radius: 12px; padding: 15px 10px 6px; }
.chat-sec-1 .chats:hover { background-color: var(--light-yellow);  color: #000;  }
.chat-sec-1 .chats a:hover { color: #000;  }
.chat-sec-1 .chats .img, .chat-sec-1 .chats .img>img { border-radius: 50%; }
.chat-sec-1 .chats .img { height: 65px; width: 65px; margin-bottom: 10px; }
.chat-sec-1 .chats .chats_body { padding-left: 10px; }
.chat-sec-1 .chats .chats_body .body p { max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text_grey); font-weight: 400;}
.chat-sec-1 .heading { padding-block: 10px;}
.chat-sec-1 .action_btn button { padding: 0 5px;}
.chat-sec-1 .search-container { position: unset; width: 100%; padding: 12px 15px; border-radius: 33px; background-color: #FFE998;}
.chat-sec-1 .search-container input { background-color: transparent;  border: none; width: 90%; padding-left: 10px;}
.chat-sec-1 .search-container .fa-search { left: 30px; top: 62%;}
.chat-sec-1 .all_chat { height: 80vh; overflow: auto;}


/*------------Upload Page------------*/

.text-shadow { text-shadow: 0 4px 4px rgba(0, 0, 0, 0.10);}
.sec1_upload { color: var(--light-grey);}
.sec1_upload .required_list { background-color: var(--light-blue);  border-radius: 20px; max-width: 58%; text-align: left; padding-left: 55px !important; margin: 20px auto;}
.sec1_upload .required_list li { position: relative; list-style: none; padding-bottom: 10px;}
.sec1_upload .required_list li:before {  content: "\2713"; font-family: "Font Awesome 5 Free"; font-size: 22px; margin-right: 5px; position: absolute; top: 0; left: -28px; height: 20px; width: 20px;  }


/*-----------Cart Page---------------*/

.sec1_cart .property-image { height: 210px;  width: 330px; position: relative; }
.sec1_cart .delete { position: absolute; top: 8px; left: 8px;}
.sec1_cart .delete i.fa.fa-trash.bg_yellow { padding: 8px; font-size: 12px; border-radius: 50%;  color: #585858; cursor: pointer;}
.sec1_cart .delete i.fa.fa-trash.bg_yellow:hover { transform: scale(1.2);}
.sec1_cart .cart-asset2 p.fs-12 { margin: 0;}
.sec1_cart .button1 { background-color: var(--light-yellow); width: 500px; margin: 30px auto 0;}
.sec1_cart .cart i { font-size: 28px;}
.sec1_cart .cart-asset p:not(.rating) { height: 48px;}

/* -----Stepper Form To Upload ID----------- */

.sec1_uploadID fieldset:not(:first-of-type) { display: none  }
.sec1_uploadID .file { opacity: 0; height: 100%; width: 100%;}
.sec1_uploadID .files { height: 250px; width: 100%;  position: relative;}
.sec1_uploadID .files:before, .sec1_uploadID .radio .form-outline input[type="radio"]::after, .sec1_uploadID .radio .form-outline input[type='radio']:checked::after { content: ''; position: absolute;  top: 0; left: 0;}
.sec1_uploadID .files:before  {  background-image: url(../images/default.png); background-repeat: no-repeat; background-size: cover;  max-width: 160px; height: 140px; bottom: 0; right: 0; margin: auto; z-index: -1;}
.sec1_uploadID input.nextt, .sec1_uploadID input.nexttt { width: 100%; background-color: var(--light-yellow); margin: 0 auto;}
.sec1_uploadID input.nextt:not(fieldset:first-child .nextt) { width: 70%;}
.sec1_uploadID p.warning_info { background-color: var(--light-blue); padding: 10px; border-radius: 12px;}
.sec1_uploadID .radio .form-outline label { padding-right: 20px; color: var(--light-grey) ; font-size: 18px; font-weight: 500; }
/*.sec1_uploadID .radio .form-outline {background-color: var(--light-yellow); padding-block: 15px; width: 260px; border-radius: 33px;}*/
.sec1_uploadID .radio .form-outline label {  padding-block: 15px; width: 260px; border-radius: 33px; box-shadow: 0 0 8px 0 rgba(189, 189, 189, 0.25);}


/* .sec1_uploadID .radio .form-outline input[type='radio'] { position: relative;  height: 35px; width: 35px; margin: 10px 0 0 10px;  }
.sec1_uploadID .radio .form-outline input[type="radio"]::after { width: 100%;  height: 100%;  border-radius: 50%;  border: 3px solid var(--light-yellow);  }
.sec1_uploadID .radio .form-outline input[type='radio']:checked::after { width: 100%;  height: 100%;  border-radius: 50%;  background-color: var(--white); border: 2px solid var(--light-yellow); box-shadow: 0px 0px 0px 3px var(--white); } */

.sec1_uploadID .radio .form-outline input[type='radio'] { opacity: 0;}
.sec1_uploadID .radio .form-outline input[type='radio'] + label {position: relative; margin: 10px 0 0 10px;}
.sec1_uploadID .radio .form-outline input[type="radio"] + label::after, .sec1_uploadID .radio .form-outline input[type='radio']:checked  + label::after { content: ''; display: inline-block; width: 35px; height: 35px; position: absolute; bottom: 10px; right: 15px; border-radius: 50%; }
.sec1_uploadID .radio .form-outline input[type="radio"] + label::after { border: 3px solid var(--light-yellow); }
.sec1_uploadID .radio .form-outline input[type='radio']:checked  + label::after { border: 2px solid var(--light-yellow); background-color: var(--white); box-shadow: 0 0 0 3px var(--white);}
.sec1_uploadID .radio .form-outline input[type='radio']:checked  + label { background-color: var(--light-yellow); }


.sec1_uploadID .selection {  max-width: 300px;  margin: auto;  position: relative; padding: 2px 20px;  border: 1px solid #DBDBDB;  border-radius: 33px; width: 300px;  }
.sec1_uploadID .selection select {  padding: 20px 0;  border: none; width: 100%; outline: 0; }
.sec1_uploadID .selection p {  position: absolute;  top: -55px;  left: 0;  bottom: 0;  right: 115px;  margin: auto;  background: #fff;  height: 30px;  width: 145px;  }
.sec1_uploadID .selection option:hover { background-color: var(--light-yellow) !important;}


/*-----------Checkout Page------------*/

.sec1_checkout .main_cart {gap: unset;}
.sec1_checkout .property-image { height: unset; width: unset; }
.sec2_checkout input { margin-bottom: 25px; padding: 10px 20px;}
.sec2_checkout input[type="number"]:not(input.card_number) { width: 48%; margin-right: 10px;}
.sec2_checkout .sec2_checkout select { border-radius: 22px;; padding: 10px 20px; cursor: pointer;}
.sec2_checkout .input-group-text { background-color: #fff; border-right: none; cursor: pointer; padding: 16px; border-radius: 10px;}
.sec2_checkout .table td { font-size: 26px;}
.sec2_checkout .table th { font-size: 33px; font-weight: 500;}


.star-rate{  font-family: Poppins;  font-size: 18px;  font-weight: 400;  line-height: 25px; }
.user_info {display: flex;flex-direction: column;padding-top: 5px;}
.wish-heart:before{    content: '';background: url(../images/heart.png);height: 50px;width: 25px;display: flex;object-fit: contain;background-size: contain;background-position: center;background-repeat: no-repeat;}
.user_info .div-review { align-items: center;  display: flex;  gap: 5px;  font-family: Poppins;  font-size: 12px;  font-weight: 400;  line-height: 18px;  letter-spacing: 0em;  text-align: left;  }
.user_info .div-review i.fas.fa-star {font-size: 10px;}
.sec1_detail .info h5.py-3 span.rating {    display: flex;align-items: center;gap: 5px;}
.sec2_detail .fa-user:before {content: ''; background-image: url(../images/man.png); height: 20px; width: 21px; display: flex; background-size: cover; object-fit: contain; background-repeat: no-repeat;}
.sec2_detail .info-border {border-top: 1px solid var(--grey);}

input.checkbox { accent-color: var(--light-yellow); height: 15px; width: 15px; position: relative;}
input.checkbox:before { content: ''; position: absolute; top: 0px; left: -1px; bottom: 0; right: 0; z-index: 0; border: 2px solid black; border-radius: 5px; height: 17px; width: 17px; margin: auto; opacity: 0;  }
input.checkbox:checked:before { opacity: 1;}
input[type=radio] { accent-color: var(--light-yellow);  }
.product_box p:not(.star-rate) { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 48px;}
.slide_img { height: 38em; width: 100%; }
.slide_img img, .slides_img img { height: 100%; width: 100%; object-fit: cover; }
.slides_img { height: 10em; }

.modal_btn, .modal_btn:hover { background: transparent; border: none;}
.experience .info { box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15); border-radius: 12px;}
.vertical_divider { border-left: 1px solid #BDBDBD; }

.detail_info p { display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden;}
.cart-asset  p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.sec1_detail .btn_info label { height: 32px; width: 32px;}
.sec1_detail .btn_info label svg { height: 100%; width: 100%; object-fit: cover;}

.sec2_detail .inner_detail p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0; padding: 0 !important;     height: 50px; transition: 0.3s ease-in-out;}
.sec2_detail .inner_detail.show p { display: block; height: fit-content; overflow: unset; transition: 0.3s ease-in-out;}
.sec2_detail .read-more { margin-top: 15px;}

button.btn.btn-link, button.btn.btn-link:active, button.btn.btn-link:focus { outline: none; box-shadow: none;}
.book_img img { border-radius: 20px;}
button.transparent.button { color: var(--blue);}


/* ----Modal Calendar----- */

.modal.calen .modal-content {  background-color: transparent;  border: none; max-width: 400px; }
.modal.calen .cal .pignose-calendar { width: 100%;}
.modal.calen .modal-body  { padding-bottom: 0;}
.modal.calen .modal-footer  { padding: 0; margin-inline: 16px;}
.modal.calen .modal-footer button { width: 50%; margin: 0; padding: 10px; border: none;}
.modal.calen .modal-footer button.cancel { background-color: #fff; } 
.modal.calen .modal-footer button.save { background-color: var(--btn-yellow); } 


.modal .btn-close { position: absolute; right: 18px; top: 20px;}

i.eye_icon { position: absolute; top: 14px; right: 14px; cursor: pointer;} 
.modal .form-outline { position: relative;}

.info_clock { position: absolute; top: 30px; right: 8px;}
.time_picker { border: 0;}
.time_picker[disabled] + i { color: #a99c9c;}

/* Privacy and terms */

.privacy h1, .privacy h2, .privacy h3, .privacy h4, .privacy h4, .privacy h6 { font-size: 24px; font-weight: 600; padding: 18px 0; word-wrap: break-word;}

.main_cart a:hover { color: #000;}


/* FAQ Page */

.faq_sec { margin: 10px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.05); border-radius: 20px; background: #FFF; padding: 20px;  }

.accordion-item:first-of-type .accordion-button, .accordion-item:first-of-type, .accordion-item:last-of-type, .accordion-item:last-of-type .accordion-button.collapsed { border-radius: 10px;}

.accordion-item { margin: 15px 0; border: none; border-radius: 33px; padding: 0 20px; font-size: 15px;}

.accordion-header, .accordion-button, .accordion-button:focus {  border-radius: 10px; font-size: 15px;}
.accordion-button, .accordion-button:focus { border: 1px solid #DADADA; }

.accordion-body { border-radius: 15px;}

.accordion-button:not(.collapsed) { color: black; background-color: #fff; box-shadow: none; border-radius: 15px;}

.accordion-button:focus { box-shadow: none;}
.accordion-collapse, .collapse.show, .accordion-item:last-of-type .accordion-collapse { border: 1px solid #DADADA; border-radius: 0 0 10px 10px; border-top: none;}
.accordion-button[aria-expanded="true"]  { border-bottom: 0; border-radius: 10px 10px 0 0 !important;}

/* .accordion-button[aria-expanded="false"]::after {
    content: '';
    background-image: url(../img/plus.png);
}

.accordion-button[aria-expanded="true"]::after {
    content: '';
    background-image: url(../img/minus.png);
} */


/* Report modal */

.parent_flag { right: 3px; top: -3px;}

.parent_flag .flag { background-color: var(--dark-yellow); display: inline-block; height: 25px; width: 25px; text-align: center; border-radius: 50%; font-size: 12px; cursor: pointer;  padding: 4px;}

.header .user_img .dropdown-menu { border-radius: 15px;}
.header .user_img .dropdown-item:focus, .header .user_img .dropdown-item:hover { background-color: var(--btn-yellow);}

/* Alerts */

div:where(.swal2-container) div:where(.swal2-popup) { border-radius: 22px !important;}
div:where(.swal2-icon).swal2-warning, div:where(.swal2-icon).swal2-success .swal2-success-ring{  border-color: var(--btn-yellow) !important; color: var(--btn-yellow) !important; background-color: var(--btn-yellow) !important;}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm { background-color: var(--btn-yellow) !important; color: #000 !important; border-radius: 7px !important; padding: 13px 40px 13px 40px;}
div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel { background-color: #000 !important; color: #fff;  border-radius: 7px !important; padding: 13px 40px 13px 40px ;}
div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus, div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus { box-shadow: none !important;}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm { background-color: var(--btn-yellow); font-family: 'Poppins-Medium';}
.swal2-actions button { border-radius: 7px; font-family: 'Poppins-Medium'; }
div:where(.swal2-icon).swal2-success [class^=swal2-success-line] { background-color: #fff !important; z-index: 4 !important;}
div:where(.swal2-icon).swal2-error { background-color: var(--btn-yellow) !important; border-color: var(--btn-yellow);}
div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] { background-color: #fff !important;}

.faq .search_parent { background-color: #fff; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.09); border-radius: 22px; /* padding-block: 12px; */ margin-inline: 15px;}

.ui-widget.ui-widget-content { z-index: 20 !important; border-radius: 10px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { background-color: #fff !important; border-radius: 5px !important; border: 0 !important; text-align: center;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background-color: var(--btn-yellow) !important; color: #fff !important; border: 0 !important; }

.ui-state-default:hover, .ui-widget-content .ui-state-default:hover { background-color: var(--btn-yellow) !important; color: #fff !important;}

/* Filter */

.adv_filter_menu  { background-color: #FFFFFFA8; padding: 20px 16px 20px 16px; border-radius: 20px; width: 400px; backdrop-filter: blur(5px);}
.adv_filter_menu .bg_white { padding: 20px; border-radius: 12px; box-shadow: 0px 0px 4px 0px #00000040; margin-bottom: 15px;}
.adv_filter_menu select,  .select2, .adv_filter_menu input { padding: 5px 10px; border: 2px solid #FFD324; border-radius: 33px;    display: block; width: 100%;}
.adv_filter_menu select:focus { box-shadow: none; border: 2px solid #FFD324;}
.adv_filter_menu .selection, .adv_filter_menu .select2-container--default.select2-container--focus .select2-selection--multiple { border: 0;}
.adv_filter_menu .select2 { display: block; width: 100%;}
.adv_filter_menu .select2-selection__rendered { background-color: transparent;}
.adv_filter_menu .select2-container--default .select2-selection--multiple { border: 0; }
.adv_filter_menu .button { border: 0; width: 48%; margin: 0 auto; }
.adv_filter_menu .yellow_btn { background-color: var(--btn-yellow); }
.adv_filter_menu .submit_btn  .button:hover { background-color: var(--btn-yellow) !important; color: #000 !important; }
.adv_filter_menu .submit_btn .yellow_btn:hover { background-color: #fff !important; color: #000 !important;  }

/* .adv_filter_menu .select2-container--default.select2-container--focus .select2-selection--multiple:before, .adv_filter_menu .select2-container--default .select2-selection--multiple:before { content: 'Select Amenities'; padding: 10px; margin: 0 auto;} */

/* .adv_filter_menu .select2-container .select2-selection--multiple .select2-selection__rendered { position: relative; top: 30px; height: 85px; overflow: scroll;}
.adv_filter_menu .amenity { min-height: 200px;} */
.adv_filter_menu .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: transparent; border: 0; box-shadow: 0px 0px 4px 0px #00000040; padding: 2px 18px; border-radius: 8px;}

/* Select 2 */
.select2-container--default .select2-results>.select2-results__options, .select2-container--open .select2-dropdown--below { border-radius: 12px; border: 0; padding: 20px 12px; background-color: #fff; box-shadow: 0px 0px 4px 0px #00000040; right: 0; left: auto;}
.select2-container--default .select2-results>.select2-results__options { box-shadow: none;}
.select2-results__option[aria-selected] { margin: 10px 0;}
.select2-container .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: transparent;}
.select2-container .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true] { background-color: var(--btn-yellow); color: #000;}
/* .select2-container .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true] {appearance: none;-webkit-appearance: none;-moz-appearance: none;background: transparent;background-image: url('../img/circle-dot.png');background-repeat: no-repeat;background-position-x: 97%;background-position-y: 13px;} */
.select2-container .select2-container--open .select2-dropdown { left: auto; right: 0;}
.select2-results { border-radius: 12px;}
.select2-container--default .select2-results>.select2-results__options { padding: 0;}

/* Range Selector */
.irs--round .irs-bar { background-color: var(--btn-yellow);}
.irs--round .irs-handle { background-color: #000; border-color: #000;}
.irs--round .irs-handle {width: 16px;height: 16px; top: 29px}
.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single { background-color: transparent; color: #666666;}
.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before,.irs--round .irs-min, .irs--round .irs-max { display: none;}