/* font-family */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* import files */
@import url("../css/auth.css");
@import url("../css/header_footer.css");

body {
  font-family: "Poppins", serif;
  font-weight: 400;
  line-height: 1.5;
  color: #424242;
  overflow-x: hidden;
}
body.scroll {
  overflow: hidden;
}
a,a:hover {
  -webkit-transition: ease-in-out 0.5s;
  -moz-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
  text-decoration: none;
}
a:hover{color: #BB952A;}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.custom-container {
  width: 100%;
  padding-right: 40px;
  padding-left: 40px;
  margin-right: auto;
  margin-left: auto
}
@media (max-width:1200px) {
  .custom-container {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media (max-width: 991px)
{
  .custom-container {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media (max-width:767px) {
  .custom-container {
    padding-right: 12px;
    padding-left: 12px;
  }
}
/* Main */
main {padding: 100px 0 0;}
.error{
  font-size: 12px;
  color: #FF0000;
  padding: 0 15px;
}
/* ------------- Common CSS ---------- */
.gold-btn{
  position: relative;
  overflow: hidden;
  box-shadow: 0px 5px 14px 0px #BC8A1F66;
  background: #BB952A;
  border: 1px solid #BB952A;
  transition: 1s all ease;
  z-index: 1;
  text-align: center;
  border-radius: 10px;
}
.gold-btn::before{
  background: #FFF;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.6s ease;
  width: 0%;
  height: 100%;
  color: #BB952A;
  border-radius: 10px;
}
.gold-btn:hover {
  background: #FFF;
  color: #BB952A;
}
.gold-btn:hover::before {
  width: 100%;
}
/* ------------- Common CSS [END]---------- */
/*------Home [ START ]---------*/
.banner_blog{
  position: relative;
  /* padding: 30px 0; */
}
.banr_bx{
  position: relative;
}
.banner_img {
  position: relative;
}
.banner_img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-radius:40px;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;

}
.banner_img::before{
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -40px;
  background-image: url(../images/home-bannerblur-img.png);
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  filter: blur(54px);
  z-index: -1;
  background-size: cover;
  background-position: bottom;
}
.banner_img img {
  border-radius: 40px;
  object-fit: cover;
  border: 1px solid rgba(255, 255, 255, 0.35);
}
.banner_text {
  text-align: center;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 11;
}
.banner_text h1 {
  font-size: 67px;
  font-weight: 700;
  line-height: 80px;
  color: #FFFFFF;
  margin-bottom: 30px;
}
.kkhomepagesrc{
  background: #FFFFFF;
  padding: 6px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-gap: 15px;
}
.kkhomepagesrc .form-group, .aft_srch .form-group{
  margin-bottom: 0;
  width: 100%;
  padding: 5px;
  position: relative;
}
.kkhomepagesrc .form-group{
  border: 1px solid transparent;
}
.kkhomepagesrc .form-group::before, .aft_srch .form-group::before{
  content: '';
  position: absolute;
  top: 10px;
  bottom: 0;
  right: 0;
  height: 39px;
  border-right: 2px solid #0000001A;
}
.kkhomepagesrc .form-group:last-child::before, .aft_srch .form-group:last-child::before{
  display: none;
}
.kkhomepagesrc .form-group:nth-last-child(2)::before, .aft_srch .form-group:nth-last-child(2)::before{
  display: none;
}
.kkhomepagesrc .form-group:last-child, .aft_srch .form-group:last-child{
  width: fit-content;
}
.kkhomepagesrc .form-group label, .aft_srch .form-group label{
  font-weight: 500;
  font-size: 13px;
  color: #000;
  text-align: left;
  display: block;
  margin-bottom: 0;
}
.kkhomepagesrc .form-group .form-control, .aft_srch .form-group .form-control{
  background: transparent;
  border: 0;
  padding: 0;
  font-weight: 600;
  width: 100%;
  font-size: 14px;
}
.kkhomepagesrc .select2-container--default .select2-selection--single .select2-selection__rendered{
  font-size: 16px;
  font-weight: 600;
}
.kkhomepagesrc .form-group .form-control:focus{
  box-shadow: 0 0 0 .25rem rgb(187 149 42 / 0%);
}
.kkhomepagesrc .form-group.focus_active{
  border: 1px solid #BB952A;
  border-radius: 7px;
}

.srch_btn{
  box-shadow: 0px 5px 14px 0px #BC8A1F66;
  border: 1px solid rgba(0, 0, 0, 0.4);
  background: #BB952A;
  padding: 14px 17px;
  display: inline-flex;
  border-radius: 10px;
  grid-gap: 10px;
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  line-height: 0;
  align-items: center;
  justify-content: center;
}
.srch_btn svg{
  width: 20px;
  height: 20px;
}

.venue-dropdown, .date-dropdown{
  position: relative;
  z-index: 99;
}
.planning_dropdown{
  border: 1px solid #ECECEC;
  background: #FFFFFF;
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
}

.planning_dropdown.show {
  display: block;
}
.planning_dropdown > p{
  color: rgba(0, 0, 0, 0.6);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0%;
  margin-bottom: 0;
  text-align: left;
  padding: 10px;
}
.planning_dropdown .nav-tabs{
  flex-wrap: nowrap;
  border-bottom: 1px solid #0000001A;
  margin-bottom: 10px;
  grid-gap: 15px;
  padding: 10px 10px 0;
}
.planning_dropdown .nav-tabs .nav-link{
  border: 0;
  background-color: transparent;
  padding: 0 0 10px;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 400;
  font-size: 13px;
  line-height: 19.5px;
  letter-spacing: 0%;
}
.planning_dropdown .nav-tabs .nav-link.active{
  color: #000000;
  font-weight: 600;
  position: relative;
  border-bottom: 2px solid #BB952A;
  width: 100%;
}
.planning_dropdown .tab-content ul {
  height: 256px;
  overflow-y: auto;
}
.planning_dropdown .tab-content ul li{
  display: block;
  text-align: left;
  padding: 10px 15px;
}
.planning_dropdown .tab-content ul li a{
  color: #777777;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0%;
  display: block;
}
.more_flx{
  margin-bottom: 0;
  border-top: 1px solid #0000001A;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 7.5px;
  color: #BB952A;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0%;
  cursor: pointer;
}
.select2-container--default .select2-selection--single{
  border: 0;
  background-color: transparent;
  outline: none;
}
.select2-container .select2-selection--single{
  height: auto;
  text-align: left;
}
.select2-container .select2-selection--single .select2-selection__rendered{
  padding: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: normal;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
  display: none;
}
.select2-container--default .select2-selection--single .select2-selection__clear{
  margin-right: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  color: #000;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0%;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
  background-color: #F5F5F5;
  color: #424242;
}
/* -------- flatpicker ----------- */
.flatpickr-calendar.inline {
  box-shadow: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  /* border-right:  1px solid #0000001A; */
  top: 0;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  padding-right: 10px;
}
.time-calender.show{
  display: flex;
}
.time-calender {
  box-shadow: 0px 8px 24px 0px #00000026;
  border-radius: 6px;
  min-width: 100%;
  width: 100%;
  display: none;
  position: absolute;
  width: auto;
  /* left: 0; */
}
.planning-dropdown {
  border: 1px solid #ECECEC;
  border-radius: 6px;
  display: none;

}
.planning-dropdown.show{
  display: block;
}
.search-txt {
  font-size: 13px;
  font-weight: 500;
  text-align: left;
  margin: 0;
  padding: 10px 15px;
}
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  speak: none;
  -webkit-font-smoothing: antialiased;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  box-sizing: border-box;
  color: #000;
  font-family: icomoon !important;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  height: 32px;
  line-height: 18px;
  padding: 6px;
  position: static;
  text-transform: none;
  top: 40px;
  width: 32px;
  display: grid;
  place-content: center;
}
.flatpickr-next-month.flatpickr-disabled, .flatpickr-prev-month.flatpickr-disabled {
  color: #d6d6d6;
  cursor: default;
  display: block;
}
.flatpickr-days{
  padding-top: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.flatpickr-months {
    align-items: center;
    padding: 20px;
}
.flatpickr-innerContainer{padding: 8px;}
.flatpickr-months .flatpickr-month {
  height: auto;
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay{
  padding: 8px;
}
.flatpickr-current-month {
  padding: 0;
  height: auto;
  position: relative;
  font-size: inherit;
  left: 0;
}
.flatpickr-calendar.open{
  width: auto;
  padding: 10px 10px 10px;
}
.time-selector {
  padding: 10px 15px 10px 15px;
  background: #fff;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.time-range {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 6px;
  color: #212121;
}
.time-wrapper div {
  display: flex;
  align-items: center;
  gap:20px;
  padding:10px;
  border-bottom:1px solid #ECECEC;
  justify-content: space-between;
}
.time-wrapper {
  border: 1px solid #ECECEC;
  border-radius: 10px;
}
.time-wrapper label{
  font-size: 12px;
  font-weight: 500;
  color:#212121;
  width: max-content;
}
.time-wrapper input {
  border: none;
  font-size: 12px;
  font-weight: 500;
  color: #212121;
  width: 105px;
  border: 1px solid #e5e5e5;
  padding: 8px 8px;
}
.flatpickr-calendar.hasTime .flatpickr-time{border-top:unset ;}
.flatpickr-day.selected {
  border: none;
  background: #000000;
  color: #BB952A;
  /* margin: 0 6px; */
  max-height: 28px;
  max-width: 28px;
  border-radius: 50%;
  line-height: unset;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flatpickr-day.selected:hover{
background:#e6e6e6;
border-color:#e6e6e6;
}
.flatpickr-day.today{
  max-height: 28px;
  max-width: 28px;
  border-radius: 50%;
  line-height: unset;
  padding: 8px;
  border-color: unset;
  /* margin: 0 6px; */
}
.dayContainer{
  gap: 5px;
    width: 295.875px;
    min-width: 295.875px;
    max-width: 295.875px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer{
  padding-bottom: 10px;
}
.flatpickr-day {
  font-size: 10.59px;
  height: auto;
  font-weight: 600;
  color: #212121;
  line-height: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  max-width: 28px;
  max-height: 28px;
  border: unset;
}

.flatpickr-calendar:before{
  left: unset;
  width: 1px;
  height: 85%;
  right: 0;
  background-color: rgba(0, 0, 0, 0.1);
  border: unset;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 -8px;
}
.flatpickr-current-month {
  align-items: center;
  color: #333;
  display: flex;
  font-size: 18px;
  font-weight: 600;
  height: 32px;
  justify-content: center;
  padding: 0;
  position: static;
  width: auto;
}
.numInputWrapper {
  max-width: 44px;
  width: auto;
}
.flatpickr-current-month input, .flatpickr-current-month select{
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #212121;
  text-align: center;
}
.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
  background: #0000;
  color: #00000080;
  font-size: 100%;
  pointer-events: none;
}
.flatpickr-current-month input.cur-year {
  -webkit-text-fill-color: #333;
  -webkit-appearance: textfield !important;
  color: #333;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  -webkit-user-select: none;
  user-select: none;
}
.arrowDown,.arrowUp {
  display: none !important;
}
/* ------------ flatpicker [end] -------------- */
.gallery_blog{
  padding: 45px 0 0;
}
.cmon_title h3{
  font-weight: 700;
  font-size: 38px;
  line-height: 57px;
  color: #000000;
  margin-bottom: 3px;
}
.cmon_title p{
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 35px;
}
.cmon_title span{
  font-size: 110px;
  font-weight: 800;
  text-align: center;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
  -webkit-background-clip: text;
  color: #130223;
  margin-bottom: -77px;
  -webkit-text-stroke: 1px black;
  -webkit-text-fill-color: transparent;
  font-family: sans-serif;
  opacity: 0.1;
  display: block;
  text-transform: uppercase;
}
.gallery_bx{
  position: relative;
}
.gallery_bx img{
  height: auto;
  width: 100%;
  border-radius: 10px;
}
.gallery_bx::before{
   background:linear-gradient(180deg, rgba(0, 0, 0, 0) 65.2%, #000000 100%);
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  z-index: 11;
  height: 100%;
  border-radius: 14px;
}
.img_text {
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
  border-radius: 0 0px 12px 12px;
  z-index: 11;
  padding: 10px 10px 15px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}
.img_text h3, .img_text a{
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 0;
  display: block;
}
.img_text p {
  font-size: 12px;
  font-weight: 400;
  color: #FFFFFF;
  margin-bottom: 0;
}
.owl-gallery-slider .owl-nav.disabled{
  display: block;
  margin: 0 auto;
}
.owl-gallery-slider .owl-nav button.owl-next, .owl-gallery-slider .owl-nav button.owl-prev{
  width: 39px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0px 4px 4px 0px #00000040;
  background: #FFFFFF;
}
.owl-gallery-slider .owl-nav button.owl-prev{
  position: absolute;
  top: 50%;
  left: -15px;
  transform: translateY(-50%);
}
.owl-gallery-slider .owl-nav button.owl-next{
  position: absolute;
  top: 0;
  top:50%;
  right: -15px;
  transform: translateY(-50%);
}
.grid_blog{
  /* padding: 91px 0 44px; */
  padding: 0 0 44px 0;
}
.kkcolumns{
    -moz-column-count:4;
    -webkit-column-count:4;
    column-count: 4;
}
.kkcolumns .bg-01 .grid_img:nth-child(odd) img{
  width: 100%;
    object-fit: cover;
    margin-bottom: 16px;
    border-radius: 24px;
    aspect-ratio: 0.67 / 1;
}
.kkcolumns .bg-01 .grid_img:nth-child(even) img {
    width: 100%;
    object-fit: cover;
    margin-bottom: 16px;
    aspect-ratio: 1 / 1;
    border-radius: 24px;
}

.grid_img {
  backdrop-filter: blur(34px);
  border-radius: 12px;
  overflow: hidden;

}

/* .grid_img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
} */
.perfect_blog {
  padding: 64px 0 40px;
}
.spaces-right {
    text-align: right;
}
.spaces-right img{
  object-fit: cover;
  width: 100%;
}
.space_list{
  padding-right: 37px;
}
.space_list li{
  display: flex;
  align-items: center;
  grid-gap: 40px;
  box-shadow: 0px 8px 23px 0px #00000026;
  background: #FFFFFF;
  padding: 20px 18px;
  border-radius: 12px;
  margin-bottom: 20px;
}
.space_txt h3 {
  font-size: 20px;
  font-weight: 700;
  color: #BB952A;
  margin-bottom: 6px;
}
.space_txt p {
  font-size: 16px;
  font-weight: 400;
  color: #545454;
  margin: 0;
}
.host_blog {
  padding: 44px 0;
}
.host_wrapper {
  background: #000000;
  border-radius: 20px;
  overflow: hidden;
}
.host_left img {
  height: auto;
  width: 100%;
  object-fit: cover;
}

.host_right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 0 90px 0px 73px;
}
.host_right h3, .review-area h3{
  font-weight: 700;
  font-size: 50px;
  color: #FFFFFF;
  margin-bottom: 16px;
}
.host_right p, .review-area p{
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  margin-bottom: 16px;
}
/* --------------- wd-mr ----------------------- */
.home-btn{
  font-size: 16px;
  font-weight: 600;
  color: #FFF;
  padding: 13px 17px;
  display: block;
  width: fit-content;
  margin: 0;
}
/* ----------- Client Review -------- */
.review-lft{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
  flex-flow: column;
}
.review-lft h4{
  font-weight: 700;
  font-size: 38px;
  text-align: center;
  margin-bottom: 16px;
  color: #FFF;
}
.review-lft .common_btn{
  margin: 0 auto;
}
.review-area{
  background: #FFFFFF30;
  border-radius: 20px;
  padding: 70px 58px;
  height: 100%;
  position: relative;
}
.review-box{
  background: #FFFFFF25;
  backdrop-filter: blur(116.07266998291016px);
  border-left: 7px solid #BB952A;
  padding: 56px 38px;
  position: relative;
}
.review-box::before{
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  background: url(../images/coma-top.png) no-repeat;
  background-size: cover;
  background-position: center;
  width: 57px;
  height: 57px;
}
.review-box::after{
  content: '';
  position: absolute;
  bottom: 5px;
  right: 5px;
  background: url(../images/coma-bottom.png) no-repeat;
  background-size: cover;
  background-position: center;
  width: 57px;
  height: 57px;
}
.review-box p{
  font-weight: 400;
  font-size: 15px;
  color: #FFFFFF;
  margin-bottom: 12px;
}
.user-intro-txt h5{
  font-weight: 700;
  font-size: 18px;
  color: #FFFFFF;
  margin-bottom: 3px;
}
.rvw-user-intro{
  display: flex;
  gap: 14px;
}
.user-intro-txt h5{
  font-weight: 700;
  font-size: 18px;
  color: #FFFF;
  margin-bottom: 3px;
}
.user-intro-txt ul{
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 2px;
}
.owl-review.owl-carousel button.owl-dot {
  background: #D9D9D9;
  width: 4px;
  height: 4px;
  display: block;
  border-radius: 50%;
}
.owl-review .owl-dots{
  display: flex;
  align-items: center;
  margin: 30px 0 0;
  gap: 10px;
}
.owl-review.owl-carousel button.owl-dot.active{
  background: #BB952A;
  width: 28px;
  border-radius: 90px;
}
/* -------- Discover space ----------- */
.discover-blog{
  padding: 178px 0 88px;
  position: relative;
}
.discover-space-area{
  background: #000000;
  border-radius: 20px;
  padding: 53px 70px 0;
}
.discover-lft-txt h3{
  font-weight: 700;
  font-size: 50px;
  color: #FFFFFF;
  margin-bottom: 16px;
}
.discover-lft-txt p{
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  margin-bottom: 16px;
}
.app-btn-grp{
  display: flex;
  align-items: center;
  gap: 20px;
}
.discover-img-area{
  margin: -150px 0 0;
}


/* -------- Discover space [end]----------- */
/*------Home [ END ]-----------*/
/* ------------ bottom to top arrow [start] -------- */
.scroll-up {
  cursor: pointer;
  display: block;
  border-radius: 50px;
  box-shadow: inset 0 0 0 2px #e3e3e3;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  position: fixed;
  right: 25px;
  bottom: 35px;
  height: 50px;
  width: 50px;
  transition:  all 0.3s ease-in-out;
}
.scroll-up.active-scroll {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.scroll-up svg.scroll-circle path {
  stroke: #BB952A;
  stroke-width: 4px;
  box-sizing: border-box;
  transition:  all 0.3s ease-in-out;
}
.scroll-up svg path {
    fill: none;
}
.scroll-up::after {
  content: "\f062";
  position: absolute;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  text-align: center;
  line-height: 50px;
  font-size: 18px;
  color: #BB952A;
  left: 0;
  top: 0;
  height: 50px;
  width: 50px;
  cursor: pointer;
  display: block;
  z-index: 1;
  transition:  all 0.3s ease-in-out;
}
/* ------------ bottom to top arrow [end] -------- */
/* ------------------ Common page design [START] ------------ */
.find-film-blog{
  padding: 30px 0 36px;
  position: relative;
  z-index: 9;
}
.best-film-text{padding-right: 14px;}
.best-film-text h1{
  font-weight: 600;
  font-size: 36px;
  margin-bottom: 20px;
  color: #333333;
}
.best-film-text p{
  font-weight: 400;
  font-size: 16px;
  color: #333333;
  margin-bottom: 20px;
}
.best-film-text ul{
  border: 1px solid #DDDDDD;
  box-shadow: 0px 7px 14px 0px #0000001A;
  background: #FFFFFF;
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 20px;
}
.best-film-text ul li{
  display: block;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #0000001A;
}
.best-film-text ul li:last-child{
  border: 0;
  margin: 0;
  padding: 0;
}
.best-film-text ul li p{
  font-weight: 500;
  font-size: 11px;
  color: #333333;
  margin-bottom: 0;
}
.best-film-text ul li h4{
  font-weight: 600;
  font-size: 15px;
  color: #333333;
  margin-bottom: 0;
}
/* ------------------ Common page design [END] ------------ */
.all-btn{
  position: relative;
  overflow: hidden;
  transition: 1s all ease;
  z-index: 1;
}
.all-btn::before{
  background: #FFF;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.6s ease;
  width: 0%;
  height: 100%;
  color: #BB952A;
}
.all-btn:hover {
  background: #FFF;
  color: #BB952A;
}
.all-btn:hover::before {
  width: 100%;
}
.all-btn:hover svg path{
  stroke: #BB952A;
}
.find-space-btn{
  background: #BB952A;
  border-radius: 10px;
  padding: 12px;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.3);
  font-weight: 600;
  font-size: 15px;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.venue-img img{
  width: 100%;
  object-fit: cover;
  border-radius: 30px;
}
/* ---------- counter area --------- */
.wd-counter-area{
  padding-top: 35px;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.counter-box{
  padding: 18.5px 20px;
  border-right: 1px solid #0000001A;
  width: 100%;
}
.counter-box:first-child{padding-left: 0;}
.counter-box:last-child{border-right: 0;}
.counter-content{padding: 20px;}
.counter-content h3{
  font-weight: 600;
  font-size: 36px;
  color: #333333;
  margin-bottom: 4px;
}
.counter-content p{
  font-weight: 400;
  font-size: 16px;
  color: #333333;
  margin-bottom: 0;
}
.top-venues-blog{
  padding: 0 0 35px;
  position: relative;
}
.top-venues-title{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
.top-venues-title h2{
  font-weight: 700;
  font-size: 28px;
  color: #000000;
  margin-bottom: 0;
}
.venue-btn-grp{
  display: flex;
  align-items: center;
  gap: 10px;
}
.venue-btn-grp a{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 15px;
  /* border: 1px solid #DDDDDD; */
  border-radius: 8px;
  font-weight: 400;
  font-size: 16px;
  color: #000000;
}
.venue-btn-grp a:hover{
  border-color: #BB952A;
  color: #BB952A;
}
.venue-btn-grp a:hover svg path{
  fill: #BB952A;
}
.wd-venue-box{
  position: relative;
  margin-bottom: 30px;
}
.venue-img-area{
  position: relative;
}
.venue-img-area img{
  object-fit: cover;
  width: 100%;
  border: 2px solid #FFFFFF33;
  border-radius: 10px;
  margin-bottom: 10px;
}
.img-top-dtls{
  position: absolute;
  /*display: flex;
  align-items: center;
  justify-content: space-between;*/
  top: 0;
  left: 0;
  right: 0;
  padding: 10px 10px 0;
  width: 100%;
}
.vanue-location{
  background: #FFFFFF;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  left: 10px;
}
.vanue-location img{
  margin: 0;
}
/*----- like Checkbox ----*/
.wd-mr-like{
position: absolute;
  display: inline-block;
  right: 15px;
  display: flex;
  gap: 5px;
}
.wd-mr-like input[type="checkbox"], .wd-mr-fvrt input[type="checkbox"] {
  display: none;
}

.wd-mr-like label input[type="checkbox"] {
  position: relative;
  margin: 0;
  cursor: pointer;
  background: #00000080;
  backdrop-filter: blur(3px);
  min-width: 24px;
  height: 24px;
  /* display: flex;
  align-items: center;
  justify-content: center; */
  border-radius: 50%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance:none;
  -ms-appearance:none;
  cursor: pointer;
}

.wd-mr-like label input[type="checkbox"]:checked + svg path,
.wd-mr-fvrt label input[type="checkbox"]:checked + svg path{
  stroke: #FF0000;
  fill: #FF0000;
}
.wd-mr-fvrt label input[type="checkbox"]:checked + svg{
  opacity: 1;
}
.wd-mr-like label{
      background-color: #00000080;
    backdrop-filter: blur(3px);
        min-width: 24px;
    height: 24px;
    border-radius: 50%;
    position: relative;
}
.wd-mr-like label svg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}
/*----- like Checkbox [ END ]----*/
.wd-venue-dtls a{
  font-weight: 600;
  font-size: 15px;
  color: #000000;
  margin-bottom: 10px;
  display: block;
}
.wd-venue-dtls a:hover{
  color: #B68012;
}
.wd-venue-dtls p{
  font-weight: 400;
  font-size: 13px;
  color: #545454;
  margin-bottom: 0;
  padding-top: 10px;
  border-top: 1px solid #0000001A;
  margin-top: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.venue-book-dtls ul{
  padding: 0;
  margin: 0 0 10px;
  list-style: none;
  display: flex;
}
.venue-book-dtls ul li{
  font-weight: 400;
  font-size: 13px;
  color: #6D6D6D;
  list-style: disc;
  margin-left: 25px;
}
.venue-book-dtls ul li::marker, .vanue-rating-area ul li::marker, .venue-dtls-line li::marker,.venue-listing li::marker{
  color: #000000;
}
.venue-book-dtls ul li:first-child, .vanue-rating-area ul li:first-child, .venue-dtls-line ul li:first-child{
  margin-left: 0;
  list-style: none;
}
.venue-book-dtls ul li span{
  background: linear-gradient(90deg, #F2E79E -3.77%, #EDD681 -1.43%, #D9B85A 1.53%,
  #CA9F3A 4.45%, #BF8E24 7.28%, #B88417 9.58%,
  #B68012 13.92%, #C29429 21.27%, #C7992E 27.05%,
  #C8A33E 37.24%, #C8A33E 47.57%, #C8A33E 57.34%,
  #C8A33E 67.52%, #C7992E 77.85%, #B68012 87.06%,
  #B88316 90.61%, #BE8D23 93.47%, #C89D37 96.76%,
  #D7B455 99.32%, #E9D07A 101.86%, #F2E79E 104.37%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
}
p.booking-type{
  font-weight: 500 !important;
  color: #000000 !important;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 14px;
}
.vanue-rating-area{
  display: flex;
  align-items: center;
  justify-content: space-between;
    flex-wrap: wrap;
}
.vanue-rating-area ul{
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
}
.vanue-rating-area ul li{
  list-style: disc;
  margin-left: 22px;
}
.rating-star{
  display: flex;
  align-items: center;
  gap: 2px;
  font-weight: 600;
  font-size: 12px;
  color: #000;
}
.rating-star span{
  color: rgba(0, 0, 0, 1);
  font-weight: 600;
  font-size: 14px;
}
.venue-host{
  font-weight: 500;
  font-size: 12px;
  color: #BB952A;
}
.venue-area{
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 12px;
  color: #000000;
  margin: 0;
}
.more-list-btn{
  display: block;
  width: fit-content;
  font-weight: 600;
  font-size: 14px;
  border-radius: 10px;
  padding: 15px 47px;
}
.plain-btn{
  position: relative;
  overflow: hidden;
  transition: 1s all ease;
  z-index: 1;
  color: #000000;
  border: 1px solid #DDDDDD;
  background: transparent;
}
.plain-btn::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all 0.6s ease;
  width: 0%;
  height: 100%;
  color: #FFF;
  background: #BB952A;
}
.plain-btn:hover {
  background: #BB952A;
  color: #FFF;
  border: 1px solid #BB952A;
}
.plain-btn:hover::before {
  width: 100%;
}
.map-area{
  padding-top: 35px;
  position: relative;
}
.map-area iframe{
  height: 436px;
  width: 100%;
  border-radius: 20px;
}
/* faq area */
.common-faq-blog{
  background: #F9F8F5;
  padding: 34px 0 57px;
  position: relative;
}
.ask-que-btn{
  display: block;
  width: fit-content;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  border-radius: 10px;
  padding: 15px 47px;
}
.faq-title-are{
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
}
.faq-title-are h2{
  font-weight: 600;
  font-size: 28px;
  color: #333;
  margin-bottom: 19px;
}
.faq-title-are p{
  font-weight: 400;
  font-size: 16px;
  color: #333;
}
/*----  faq accrdion ------ */
.wd-faq .accordion-button{
  font-weight: 600;
  font-size: 15px;
  color: #5A5A5A;
  margin: 0;
  padding: 10px 0;
  background: transparent;
}
.accordion-item{
  border: none;
  border-bottom: 1px solid #0000001A;
  background: transparent;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-radius: 0;
}
.wd-faq .accordion-button:not(.collapsed){
  background: transparent;
  box-shadow: none;
}
.wd-faq .accordion-item:last-of-type{
  border-bottom: 0;
}
.wd-faq .accordion-button:focus{
  box-shadow: none;
  border: none;
}
.wd-faq .accordion-body{
  padding: 0;
}
.wd-faq .accordion-body p{
  font-weight: 400;
  font-size: 15px;
  color: #5A5A5A;
  margin-bottom: 0;
}
.wd-faq .accordion-button::after {
  content: ""; /* Ensure there's no content conflict */
  background-image: url(../images/plus-icon.svg) !important; /* Change the icon */
  background-size: contain; /* Ensure the image fits correctly */
  background-repeat: no-repeat;
  transform: rotate(0deg); /* Optional: for customizing rotation */
}

.wd-faq .accordion-button.collapsed::after {
  background-image: url(../images/plus-icon.svg) !important; /* Set image for collapsed state */
  width: 14px;
  height: 14px;
}

.wd-faq .accordion-button:not(.collapsed)::after {
  background-image: url(../images/minus-icon.svg) !important; /* Set image for expanded state */
  width: 14px;
  height: 2px;
}
/* ------------- About us --------------- */
/* ------- about banner area -------- */
.leagal-banner-blog{
  background: #F9F9F9;
  height: 235px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 33px;
}
.search-form{
  position: relative;
  width: 100%;
}
.search-form .form-group{
  position: relative;
  margin-bottom: 0;
  width: 100%;
}
.search-form .form-control{
  background: #FFFFFF;
  border: 1px solid #00000033;
  font-weight: 400;
  font-size: 16px;
  color: #000000;
  padding: 15px 18px 15px 52px;
  border-radius: 12px;
}
.search-form .form-control:focus{
  box-shadow: none;
  border-color: #BB952A;
}
.search-icon{
  position: absolute;
  top: 0;
  left: 0;
  margin: 15px 15px;
}
/* ------- about banner area [end]-------- */
/* --------- about area --------- */
.about-blog, .faq-blog, .trust-blog{
  padding: 50px 0;
  position: relative;
}
.about-title{
  font-weight: 600;
  font-size: 32px;
  color: #333333;
  margin-bottom: 28px;
}
.about-faq-box{
  border: 1px solid #DDDDDDDD;
  padding: 20px;
  border-radius: 12px;
  margin-bottom: 37px;
}
.about-faq-box:last-child{
  margin-bottom: 0;
}
.about-faq-box h2{
  font-weight: 600;
  font-size: 22px;
  color: #1A1A1A;
  margin-bottom: 16px;
}
.about-faq-box ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
.about-faq-box li{
  margin-bottom: 16px;
}
.about-faq-box li:last-child{margin-bottom: 0;}
.about-faq-box li a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 12.5px 15px;
  font-weight: 600;
  font-size: 15px;
  color: #5A5A5A;
}
.about-faq-box li a.active, .about-faq-box li a:hover{
  background: #0000001A;
  border-radius: 7px;
}
/* -------- about details ---------- */
.about-details p{
  font-weight: 400;
  font-size: 16px;
  color: #333333;
  margin-bottom: 28px;
}
/* ------ raection box --------- */
.reaction-box{
  background: #F5F5F5;
  border: 1px solid #DDDDDD;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
}
.reaction-box p{
  font-weight: 400;
  font-size: 13px;
  color: #000000;
  margin-bottom: 15px;
}
.reaction-radio-group{
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
}
.react-btn + .reaction-label {
  background: none;
  border: none;
  padding: 0;
  width: 40px;
  height: 40px;
  font-size: 32px;
  cursor: pointer;
  transition: transform 0.16s cubic-bezier(0.65, 0.61, 0.18, 1.8) 0.02s, filter 0.32s linear;
  transform-origin: 50% 60%;
}
.react-btn{
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.react-btn + .reaction-label:hover {
  transform: scale(1.32);
}

.react-btn + .reaction-label:active {
  transform: scale(1.4);
}

.react-btn:checked + .reaction-label {
  filter: grayscale(0);
  transform: scale(1.32);
}

.react-btn:not(:checked) + .reaction-label {
  filter: grayscale(100%);
}
/* ------------- About us [end]--------------- */
/* ---------- venue details ----------- */
.similar-listing, .loaction-blog, .message-host-blog, .venue-review-blog{
  position: relative;
}
.venue-details-blog{
  padding: 30px 0;
}
.space-sec{
  padding: 45px 0;
  border-top: 1px solid #0000004D;
  position: relative;
}
.space-sec-32{
  padding: 32px 0;
  border-top: 1px solid #0000004D;
  position: relative;
}
.venue-sec-title{
  font-weight: 600;
  font-size: 18px;
  color: #000;
  margin-bottom: 17px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.venue-listing{
  padding: 0;
  margin-left: 25px;
}
.venue-listing li{
  list-style: disc;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 8px;
}
/* ------------ venue details ------------ */
.venue-top-title{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.venue-top-title{
  margin-bottom: 12px;
}
.venue-top-title h1{
  font-weight: 600;
  font-size: 24px;
  text-transform: capitalize;
  margin-bottom: 0;
  color: rgba(0, 0, 0, 1);
}
.venue-share-btns{
  display: flex;
  align-items: center;
  gap: 10px;
}
.venue-share-btns .shareBtn, .wd-mr-fvrt{
  background: #FFFFFF;
  border: 0.9px solid #0000001A;
  width: 41px;
  min-width: 41px;
  height: 42px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 4px 4px 0px #00000040;
}
.venue-share-btns button svg, .wd-mr-fvrt svg{
  opacity: 0.5;
}
.venue-dtls-line ul{
  display: flex;
  align-items: center;
  margin-bottom: 22px;
}

.kkinstbok-type {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 13px;
}
.kkinstbok-type label{
  padding: 10px 10px;
    border: 1px solid rgba(221, 221, 221, 1);
    border-radius: 6px;
    flex: 1;
    cursor: pointer;
}
.kkinstbok-type label .form-group{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}
.kkinstbok-type label .form-group span{
  font-size: 12px;
  font-weight: 500;
  color: rgba(0, 0, 0, 1);
}
.kkinstbok-type label .form-group span svg{
  margin-right: 8px;
}
.kkinstbok-type .form-check-input{
  width: 18px;
  height: 18px;
  background-size:unset;
  background-color: #F5F5F5;
  border: 1.5px solid rgba(245, 245, 245, 1);
  margin-top: unset;
}
.kkinstbok-type .form-check-input:checked[type=radio]{
background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.25 1C7.45914 1 9.25 2.79086 9.25 5C9.25 7.20914 7.45914 9 5.25 9C3.04086 9 1.25 7.20914 1.25 5C1.25 2.79086 3.04086 1 5.25 1Z' fill='%23BB952A' stroke='%23BB952A' stroke-width='2'/%3E%3C/svg%3E%0A");
    background-color: #fff;
    border-color: #BB952A;
    position: relative;
  border: 1.5px solid rgba(187, 149, 42, 1);
}

.kkinstbok-type .form-check-input:focus{
  box-shadow:unset
}
.kkinstbok-type{
  margin-bottom: 22px;
}
.kktwobok-innr {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: flex-start;
    margin-bottom: 8px;
}
.kktwobokicon-lft{
      width: 34px;
    height: 34px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    display: grid;
    place-content: center;
    border-radius: 50%;
}
.kktwobokicon-lft svg{
  width: 18px;
  height: 18px;
}
.kktwobokicon-rgt h6{
  font-size: 9px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.40);
  margin-bottom: 3px;
}
.kktwobokicon-rgt h5{
font-weight: 500;
font-size: 12px;
color: rgba(0, 0, 0, 1);
margin-bottom: unset;
}
.kktwoboklght-wrap{
      padding: 20px 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.11);
    border-bottom: 1px solid rgba(0, 0, 0, 0.11);
    margin-bottom: 30px;
}
.venue-dtls-line li{
  font-weight: 400;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
  list-style: disc;
  margin-left: 25px;
}
.venue-descript{
  margin-top: 22px;
}
.venue-descript p{
  font-weight: 400;
  font-size: 14px;
  color: #888888;
}
.venue-descript p a{
  font-weight: 700;
  color: #BB952A;
}
.venue-txt{
  text-align: right;
  font-weight: 400;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: 0;
}
.venue-txt p{
  margin-bottom: unset;
}
/* feature listing */
.feature-liting h5{
  font-weight: 400;
  font-size: 14px;
  padding: 10px 20px;
  background: #D9D9D91A;
}
.feature-liting ul{
  padding: 0 20px;
  margin: 0 0 16px;
  list-style: none;
}
.feature-liting ul li{
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 400;
  font-size: 14px;
  color: #000000;
  border-bottom: 1px solid #0000001A;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.feature-liting ul li:last-child{
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
/* ------ booking sidebar ------ */
.venue-right-side{
  position: sticky;
  top: 110px;
}
.booking-sidebar{
  border: 1px solid #DDDDDD;
  box-shadow: 0px 7px 14px 0px #0000001A;
  padding: 20px;
  border-radius: 10px;
}
.booking-price{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.price-per-hr{
  font-weight: 600;
  font-size: 22px;
  color: #000000;
  margin-bottom: 0;
}
.price-per-hr span{
  font-weight: 500;
  font-size: 15px;
}
.price-time{
  font-weight: 500;
  font-size: 15px;
  color: #7777;
  margin: 0;
}
.date-entry{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 15px;
}
.booking-form .form-group{
  width: 100%;
}
.booking-form .form-control{
  border: none;
  border-bottom: 1px solid #DDDDDD;
  padding:8px 35px 8px 0;
  width: 100%;
  background: transparent;
  font-size: 16px;
  color: #6c757d;
  outline: none;
  font-weight: 400;
  font-size: 13px;
  color: #000;
  border-radius: 0;
}
.booking-form .form-control:focus{
  box-shadow: none;
}
.form-flex{
  display: flex;
  align-items: center;
  width: 100%;
  gap: 10px;
}
.add-more{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.add-day-btn{
  font-weight: 500;
  font-size: 13px;
  color: #BB952A;
  background: transparent;
  border: none;
}
.add-day-btn:hover{
  text-decoration: underline;
  color: #BB952A;
}
.add-more p{
  font-weight: 500;
  font-size: 13px;
  color: #999999;
  margin-bottom: 0;
}
/*--21-5-2025--*/
.kkmsghost-wrap{
    padding: 20px 20px;
    background: rgba(245, 245, 245, 1);
    border-radius: 10px;
    border: 1px solid rgba(221, 221, 221, 1);
}
.kkmsghost{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 15px;
}
.kkmsgusrhost-lft{
  min-width: 50px;
  min-height: 50px;
  width: 50px;
  height: 50px;
}

.kkmsgusrhost-lft img{
  object-fit: cover;
  border-radius: 50%;
  width: 100%;
  height: inherit;
}
.kkmsgusrhost-rgt h2{
  font-size: 14px;
  font-weight: 500;
  color: rgba(119, 119, 119, 1);
  margin-bottom: unset;
}
.kkrespon-lft span{
  font-size: 13px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.4);
}
.kkmsghst-btn{
    padding: 17px 47px;
    border: 1px solid rgba(221, 221, 221, 1);
    border-radius: 10px;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: rgba(0, 0, 0, 1);
    width: 100%;
    text-align: center;
}
.kkmsghst-btn:hover{
      border-color: #32ba55;
    color: #32ba55;
}
/*--Selected both wallscape-*/
.kkselbthwl-wrap {
    border: 1px solid rgba(221, 221, 221, 1);
    padding: 10px;
    margin-bottom: 24px;
}
.kkselbthwl-img{
  margin-bottom: 11px;
}
.kkselbthwl-img img{
  object-fit: cover;
}
.kkselbthwl-info h5{
  font-size: 13px;
  font-weight: 600;
  color: rgba(0, 0, 0, 1);
  margin-bottom: 11px;
}
.kkselbthwl-info p{
  margin-bottom: unset;
}
.kkselbthwl-info p{
  font-size: 12px;
  font-weight: 400;
  color: rgba(0, 0, 0, 1);
}
.kkselbthwl-info p svg{
  margin-right: 10px;
}
.kkselbthwl-info p:first-of-type{
  margin-bottom: 4px;
}
.kkslbthbrd-top{
  padding-top:20px;
 border-top: 1px solid rgba(0, 0, 0, 0.11)
}
/* custom dropdown */
.cstm-dropdown{
  padding: 0 0 7px;
  border-bottom: 1px solid #0000001A;
  background: transparent;
  position: relative;
}
.crew-dropdown{
  display: flex;
  align-items: center;
}
.crew-dropdown span{
  white-space: nowrap;
  font-size: 13px;
}
.cstm-dropdown .dropdown-toggle{
  background: transparent;
  width: 100%;
  border: none;
  text-align: left;
  font-size: 13px;
}
.cstm-dropdown .dropdown-toggle::after{
  content: '';
  position: absolute;
  background: url(../images/dropdown-arrow.png) no-repeat;
  top: 0;
  right: 0;
  border: 0;
  width: 14px;
  height: 9px;
  opacity: 0.5;
  margin: 11.5px 0;
}
.cstm-dropdown .dropdown-menu{
  padding: 15px;
  width: 100%;
  transform: translate(0, 28px) !important;
}
.cstm-dropdown .dropdown-menu li{
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cstm-dropdown .dropdown-menu li:last-child{
  margin-bottom: 0;
}
.reserve-btn{
  margin: 15px 0;
  display: block;
  width: 100%;
  border-radius: 10px;
  padding: 12px 15px;
  background: #BB952A;
  box-shadow: 0px 5px 14px 0px #BC8A1F66;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.3);
  color: #FFF;
}
.cancel-txt{
  font-weight: 400;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.50);
  margin-bottom: 16px;
  text-align: center;
}
.kkvenprchrs-wrap{
  display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}
.kkvenprchrs-wrap span{
  font-size: 12px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.8);
}
.kkven-total{
border-top: 1px solid rgba(187, 149, 42, 1);
padding-top: 8px;
}
.kkvenprchrs-wrap svg{
  margin-left: 10px;
}
/* ---------- review ------------ */
.reivew-box{
  margin-bottom: 30px;
}
.venue-rvw-title{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 27px;
}
.venue-rvw-title ul{
  display: flex;
  align-items: center;
  gap: 2.5px;
}
.review-user{
  display: flex;
  gap: 10px;
}
.revew-user-img img{
  width: 32px;
  min-width: 32px;
  height: 32px;
  object-fit: cover;
  border-radius: 50%;
}
.reviuser-intro h4{
  font-weight: 600;
  font-size: 14px;
  color: #000000;
  margin-bottom: 0;
}
.review-time{
  display: flex;
  align-items: center;
  gap: 6px;
}
.review-time  span{
  font-weight: 400;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.30);
  margin-bottom: 0;
}
.review-time ul{
  display: flex;
  align-items: center;
}
.review-time img{
  width: 10px;
  height: 10px;
}
.reviuser-intro p{
  font-weight: 400;
  font-size: 12px;
  color: #545454 !important;
  margin-bottom: 0;
}
/* message host */
.message-host-box{
  background: #F5F5F5;
  border: 1px solid #0000001A;
  border-radius: 10px;
  padding: 40px;
}
.message-host-lft{
  padding-right: 35px;
  border-right: 1px solid #00000033;
}
.host-dtls{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}
.host-img img{
  width: 50px;
  min-width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
}
.host-name h4{
  font-weight: 500;
  font-size: 18px;
  color: #000000;
  margin-bottom: 0;
}
.host-name p{
  font-weight: 400;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.40);
  margin-bottom: 0;
}
.host-keys{
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 15px;
}
.host-keys li{
  display: flex;
  align-items: center;
  gap: 5px;
}
.respons-time p{
  font-weight: 400;
  font-size: 14px;
  color: #000000;
  margin-bottom: 0;
}
.message-host-right h5{
 display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 15px;
  color: #000;
  margin-bottom: 0;
  gap: 10px;
}
.message-host-right p{
  font-weight: 400;
  font-size: 14px;
  color: #000000;
  margin-bottom: 15px;
}
.message-host-right p a{
  text-decoration: underline;
  color: #000000;
}
.host-btn{
  font-weight: 600;
  font-size: 14px;
  text-transform: capitalize;
  padding: 12px 45px;
  color: #000000;
  border: 1px solid #0000001A;
  border-radius: 10px;
}
.host-btn:hover{
  border-color: #32ba55;
  color: #32ba55;
}
/* map area */
.map-img-area{
  border: 1px solid #3CA7FF;
  height: 360px;
  overflow: hidden;
  position: relative;
}
.map-img-area iframe{
  height: 100%;
  object-fit: cover;
  width: 100%;
}
/* List Your Space [START]  */
.space-banner-blog{
  padding: 12px 0 34px;
  position: relative;
}
.list-space-banner{
  background: url(../images/list-space/space-banner.png) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 117px 75px;
  position: relative;
  border-radius: 40px;
}
.list-space-banner:before{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.9) 100%);
  border-radius: 40px;
}
.space-bnr-txt h1{
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.06rem;
  text-transform: uppercase;
  color: #FFF;
  margin-bottom: 20px;
}
.space-bnr-txt p{
  font-weight: 500;
  font-size: 18px;
  color: #FFF;
  margin-bottom: 20px;
}
.space-bnr-txt h2{
  font-weight: 700;
  font-size: 22px;
  color: #FFF;
  margin-bottom: 20px;
}
.space-bnr-txt a, .ready-to-start a{
  font-weight: 600;
  font-size: 18px;
  text-transform: capitalize;
  color: #FFF;
  padding: 12px 30px;
  display: inline-block;
}
.host-type-blog{
  padding: 30px 0 145px;
  position: relative;
}
.host-type-blog h3{
  font-size: 35px;
  font-weight: 600;
  color: #8F8E94;
  margin-bottom: 22px;
}
.host-type-blog h2{
  font-weight: 700;
  font-size: 40px;
  margin-bottom: 26px;
  color: #000;
}
.host-type-bx{
  position: relative;
  margin-bottom: 30px;
}
.host-type-bx img{
  width: 104px;
  height: 104px;
  object-fit: contain;
  margin-bottom: 7px;
}
.host-type-bx h4{
  font-weight: 500;
  font-size: 20px;
  color: #000000;
  margin-bottom: 7px;
}
.host-type-bx p{
  font-weight: 400;
  font-size: 16px;
  color: #8F8E94;
  margin-bottom: 0;
}
.space-steps-area{
  display: flex;
  align-items: baseline;
  margin-bottom: 57px;
}
.space-steps-icon{
  background: url(../images/list-space/step-icon.png) no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 282px;
  width: 282px;
  min-width: 282px;
}
.space-steps-icon span{
  font-weight: 600;
  font-size: 35px;
  color: #FFF;
}
.space-steps-text h3, .ready-to-start h3{
  font-weight: 600;
  font-size: 36px;
  color: #000000;
  margin-bottom: 0;
}
.ready-to-start h3{font-size: 38px;}
.space-steps-text p{
  font-weight: 400;
  font-size: 18px;
  color: #8F8E94;
  margin-bottom: 0;
}
.wd-pt-40{
  padding-top: 40px;
}
.space-steps-text h4{
  font-weight: 600;
  font-size: 20px;
  color: #000000;
  margin-bottom: 7PX;
}
.host-steps-dtls p{
  font-size: 16px;
}
.ready-to-start{
  text-align: center;
  display: flex;
  align-items: center;
  gap: 20px;
  flex-direction: column;
}
/* List Your Space [END]  */
.project-blog{
  padding: 70px 0 200px;
  position: relative;
}
.project-top-line{
  padding-bottom: 5px;
  border-bottom: 1px solid #00000033;
  margin-bottom: 32px;
}
.project-top-line .plain-btn{
  border: 1px solid #BB952A;
  border-radius: 10px;
  padding: 13px 21px;
  font-weight: 500;
  margin: 0 0 0 auto;
  display: block;
  width: fit-content;
}
.wd-project-box{
  background: #fff;
  box-shadow: 0px 4px 4px 0px #00000040;
  position: relative;
  transition: all .1s 0s;
}
.wd-project-box:hover{
  box-shadow: 0px 22px 44px 0px #0000001A;
  transition: all .2s 0s;
}
.pro-img-area img{
  width: 100%;
  object-fit: cover;
}
.project-icons{
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 15px 15px 0;
  display: none;
}
.wd-project-box:hover .project-icons{
  display: flex;
}
.share-btn{
  padding: 5px 10px;
  border-radius: 6px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  gap: 5px;
  background: #BB952A;
  border: none;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.11);
}
.icons-right a{
  width: 32px;
  min-width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #FFFFFF;
}
.icons-right{
  display: flex;
  align-items: center;
  gap: 8px;
}
.projct-dtls{
  padding: 12px;
}
.projct-dtls h3{
  font-weight: 500;
  font-size: 16px;
  color: #000;
  margin-bottom: 4px;
}
.projct-descript{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.project-time{
  font-weight: 400;
  font-size: 12px;
  color: #8F8E94;
  display: flex;
  align-items: center;
  gap: 3px;
  margin-bottom: 0;
}
.project-info{
  display: none;
}
.wd-project-box:hover .project-time{display: none;}
.wd-project-box:hover .project-info{display: block;}
.project-info ul{
  margin: 0;
  padding: 0;
  display: flex;
  gap: 12px;
}
.project-info ul li{
  display: flex;
  align-items: center;
  gap: 3px;
}
.project-info ul li span{
  font-weight: 400;
  font-size: 12px;
  color: #8F8E94;
  margin: 0;
}
.project-type{
  display: flex;
  align-items: center;
  gap: 3px;
  font-weight: 400;
  font-size: 15px;
  color: #8F8E94;
}
/* -------- add project modal ----------- */
@media (min-width: 576px) {
  .project-modal .modal-dialog {
      max-width: 570px;
  }
}
.project-modal .modal-content{
  background: #FFFFFF;
  border-radius: 0;
}
.project-modal .modal-body{
  padding: 25px;
}
.project-modal .close{
  position: absolute;
  top: 0;
  right: 0;
  margin: 25px 18px 0 0;
  background: transparent;
  border: none;
}
.project-modal .close:hover svg g{opacity: 0.8;}
.project-modal .modal-title{
  font-weight: 600;
  font-size: 28px;
  color: #000;
  margin-bottom: 0;
}
.add-project-form form{
  position: relative;
  width: 100%;
  margin: 25px 0 0;
}
.add-project-form .form-group, .invite-poject .form-group{
  margin-bottom: 25px;
  width: 100%;
  position: relative;
}
.add-project-form label, .invite-poject .form-group label{
  font-weight: 600;
  font-size: 13px;
  color: #000;
  margin-bottom: 5px;
}
.add-project-form .form-control, .invite-poject .form-control{
  border: 1px solid #DDDDDD;
  background: #FFFFFF;
  font-weight: 400;
  font-size: 13px;
  color: #000000;
  height: auto;
  padding: 13px 15px;
  border-radius: unset;
}

.add-project-form textarea.form-control{
  height: 105px;
}
.add-project-form .form-control:focus, .invite-poject .form-control:focus{
  box-shadow: none;
  border-color: #BB952A;
}
.add-project-form .form-control::placeholder, .invite-poject .form-control::placeholder{
  color: rgba(0, 0, 0, 0.30);
}
.add-projct-btn{
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
  color: #FFF;
  border-radius: 10px;
  padding: 12px 40px;
}
/* ----------- Share private project Modal ------------------ */
.project-type-modal{
  margin-bottom: 25px;
}
.project-type-modal h5{
  font-weight: 400;
  font-size: 15px;
  color: #333;
  display: flex;
  align-items: center;
  gap: 3px;
}
.project-type-modal p{
  font-weight: 400;
  font-size: 11px;
  color: #333;
  margin-bottom: 0;
}
.invite-poject p{
  font-weight: 400;
  font-size: 14px;
  color: #333;
  margin-bottom: 25px;
}
.invite-link{
  display: flex;
  align-items: center;
  gap: 16px;
}
.invite-link a{
  white-space: nowrap;
  color: #BB952A;
  font-weight: 600;
  font-size: 15px;
  text-transform: capitalize;
}
.pills-area{
  position: relative;
}
.project-modal .nav{
  background: #F4F4F4;
  padding: 5px;
  border-radius: 7px;
  width: fit-content;
  position: absolute;
  top: 0;
  right: 0;
}
.project-modal .nav .nav-link{
  font-weight: 500;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.30);
  padding: 5px 10px;
  border-radius: 5px;
  text-transform: capitalize;
}
.project-modal .nav .nav-link.active{
  background: #FFF;
  color: #000;
}
.share-via-email{
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  gap: 16px;
}
.share-via-email .form-group{margin-bottom: 0;}
.send-email-btn{
  box-shadow: 0px 5px 14px 0px #BC8A1F66;
  background: #BB952A;
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
  border-radius: 10px;
  padding: 10px 10px;
  flex-basis: 92px;
  color: #fff;
}
.share-via-email .form-group .form-control{
 padding: 13px 15px 13px 45px;
}
.share-via-email .form-group span{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: 11px 15px;
}
/* -------- projects [END] ---------- */
/* --------- project details --------- */
.project-dtls-blog{
  position: relative;
  padding: 65px 0 115px;
}
.project-title-line{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.project-title-line h1{
  font-size: 22px;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
  margin-bottom: unset;
}
.projct-btn-flex{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.projct-btn-flex a{
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  width: 32px;
  min-width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.projct-btn-flex a:hover{
  border-color: #BB952A;
}
.projct-btn-flex a:hover svg path{stroke: #BB952A;}
.edit-descript{
  display: flex;
  align-items: center;
  gap: 5px;
  background: transparent;
  border: none;
  color: rgba(164, 170, 179, 1);
  font-size: 13px;
  font-weight: 400;
}
.dtls-tab-area{
  margin: 30px 0 0;
  position: relative;
}
.kktemrquprj {
    border-bottom: 1px solid #00000033;
}
.dtls-tab-top{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dtls-tab-top .nav{
  gap: 20px;
}
.dtls-tab-top .nav .nav-link{
  font-weight: 500;
  font-size: 16px;
  color: #999999;
  border-radius: 0;
  padding: 14px 0;
  position: relative;
}
.dtls-tab-top .nav .nav-link.active:before{
  content: "";
  position: absolute;
  background-color: rgba(187, 149, 42, 1);
  width: 100%;
  height: 3px;
  bottom: 0;
}
.dtls-tab-top .nav .nav-link.active{
  color: #000000;
  background: transparent;

}
.dtls-tab-top .tab-content{
  margin-top: 30px;
}
.loaction-box{
  border: 1px solid #DDDDDD;
  display: flex;
  align-items: center;
  gap: 30px;
}
.kklocationwrap{
  border: 1px solid rgba(221, 221, 221, 1);
  margin-bottom: 30px;
}
.location-txt-side{
  padding: 20px 30px 20px 6px;
}
.loaction-img-area img{
  object-fit: cover;
}
.loaction-lft{
  display: flex;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 44px;
}
.loaction-lft h3{
  font-weight: 500;
  font-size: 20px;
  color: #000;
  margin-bottom: 6px;
}
.loaction-dtls{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
}
.loaction-dtls h4{
  font-weight: 600;
  font-size: 15px;
  color: #333;
  margin-bottom: 0;
}
.loaction-dtls span{
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #000;
}
.loaction-dtls p{
    margin-bottom: unset;
    color: #A4AAB3;
    font-size: 15px;
    font-weight: 400;
}
.kkstatus-rvw{
    display: flex;
    align-items: center;
    gap: 10px;
}
.kkstatus-rvw span:last-of-type{
font-size: 15px;
font-weight: 400;
color: rgba(188, 119, 5, 0.7);
}
.kkstatus-rvw span:first-of-type{
  font-size: 15px;
  font-weight: 400;
  color: #A4AAB3;
}
.kkbdr-top{
      border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.kklevnote-wrap{
  padding: 7px 0;
  margin-bottom: 10px;
  margin-top: 10px;
}

.kklevnote-wrap span:last-of-type{
  font-size: 13px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.3);
}
.kklevcomm-wrap{
  position: relative;
}
.kklevcomm-wrap button{
    position: absolute;
    top: 25px;
    transform: translateY(-50%);
    right: 15px;
    background-color: transparent;
    outline: none;
    border: none;
}
.kklevcomm-wrap .form-control{
    padding: 14px 15px;
    border-radius: unset;
    font-size: 13px;
    font-weight: 400;
}

.kklevcomm-wrap .form-control::-webkit-input-placeholder,.kklevcomm-wrap .form-control::-moz-placeholder,.kklevcomm-wrap .form-control::-ms-input-placeholder{
 color: rgba(0, 0, 0, 0.30);
}
.kkprjteam-wrap{
     border: 1px solid rgba(221, 221, 221, 1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: unset;
}
.dtls-tab-area .tab-content .tab-pane .kkprjteam-wrap:last-of-type{
   border-bottom: 1px solid rgba(221, 221, 221, 1);
}
.kkprjteam-inner{
    display: flex;
    align-items: center;
    padding: 20px 20px;
    gap: 15px;
    flex: 1;
}
.kkteammeb-wrap {
    display: flex;
    align-items: center;
    gap: 15px;
    flex: 1;
    flex-wrap: wrap;
}
.kkteammeb-wrap h3{
  margin-bottom: unset;
  font-size: 18px;
  font-weight: 500;
  color: rgba(0, 0, 0, 1);
}
.kkteammeb-wrap span{
  margin: 0 auto;
  font-size: 14px;
  font-weight: 400;
  color: rgba(143, 142, 148, 1);
}
.kkteammeb-img{
  width: 88px;
  height: 88px;
}
.kkteammeb-img img{
  object-fit: cover;
  border-radius: 50%;
  height: inherit;
  width: 100%;
}
.kkteammeb-wrap h3{
  margin-bottom: unset;
  font-size: 18px;
  font-weight: 500;
  color: rgba(0, 0, 0, 1);
}
.kkteammeb-icon{
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 20px;
}
.kkteammeb-icon button{
    background-color: transparent;
    border: none;
    outline: none;
}

/* --------- project details [END] --------- */
/* --------- Profile --------------- */
.profile-blog{
  padding: 52px 0 120px;
  position: relative;
}
.user-img{
  display: block;
  width: fit-content;
}
.rvw-user-intro .user-img img{
      width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}
.user-img img{
    width: 128px;
    min-width: 128px;
    height: 128px;
    border-radius: 50%;
    object-fit: cover;
}
.user-name{
  font-weight: 600;
  font-size: 18px;
  color: #000000;
  margin-bottom: 30px;
}
.pro-sub-title{
  font-weight: 600;
  font-size: 18px;
  color: #000000;
  margin-bottom: 20px;
}
.about-txt{
  font-weight: 400;
  font-size: 14px;
  color: #333;
}
.about-txt a{
  color: #BB952A;
}
.profile-info{
    padding: 20px 0;
    margin: 20px auto;
    border-bottom: 1px solid #EFEFF4;
    max-width: 100%;
    display: grid;
    grid-gap: 7px;
    grid-template-columns: repeat(3, 1fr);
}
.profile-info-dtls p{
  font-weight: 400;
  font-size: 14px;
  color: #858585;
  margin-bottom: 0;
}
.profile-info-dtls p span{
  color: #000000;
}
.profile-rvw-bx{
  display: flex;
  gap: 10px;
  margin-bottom: 30px;
}
.profl-rvw-img img{
  width: 56px;
  min-width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
}
.profl-rvw-title{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom:6px;
}
.profl-rvw-title h3{
  font-weight: 600;
  font-size: 16px;
  color: #000;
  margin-bottom: 0;
}
.profl-rvw-title ul{
  display: flex;
  align-items: center;
  gap: 1.5px;
}
.rvw-list ul{
  display: flex;
  align-items: center;
}
.rvw-list ul li{
  font-weight: 400;
  font-size: 12px;
  color: hwb(0 0% 100% / 0.30);
  list-style: disc;
  margin-left: 28px;
}
.rvw-list ul li::marker{
  color: #000000;
}
.rvw-list ul li:first-child{
  margin-left: 0;
  list-style: none;
}
.rvw-msg{
  font-weight: 400;
  font-size: 14px;
  color: #545454;
  margin-bottom: 0;
}
.rvw-msg a{color: #BB952A;}
/* ---------- pagination --------- */
.pagination{
  padding-top: 25px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  flex-wrap: wrap;
}
.page-link{
  border: none;
  width: 30px;
  min-width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(0, 0, 0, 0.30);
}
.page-item.active .page-link{
  background: #BB952A;
  color: #FFF;
}
.page-item .page-link:focus{box-shadow: none;}
.page-item .page-link:hover{color: #000;}
.page-item:first-child .page-link, .page-item:last-child .page-link{
  width: unset;
  min-width: unset;
  height: auto;
  background: transparent;
}
.page-link:hover svg g{
  opacity: 1;
}
/* ---------- pagination [END] ---------- */
/* =========== Account Setting [START] ================ */
.acc-setting-blog{
  padding: 64px 0 80px;
  position: relative;
}
.account-menu-lft{
  position: relative;
  border-right: 1px solid #0000001F;
}
.account-menu-lft ul{
  margin: 0;
  padding: 0;
}
.account-menu-lft ul li a{
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 400;
  font-size: 16px;
  color: #858585;
  padding: 14px 0;
}
.account-menu-lft ul li a.active{
  font-weight: 600;
  color: #000;
  border-right: 3px solid #BB952A;
}
/* ---------- Personal Info ------------ */
.account-right-area{
  padding: 0 100px;
  margin: 0 auto;
  position: relative;
}
.account-right-area h1{
  font-weight: 700;
  font-size: 28px;
  color: #000;
  margin-bottom: 0;
}
.account-right-area p{
  font-weight: 400;
  font-size: 16px;
  color: #858585;
  margin-bottom: 20px;
}
.account-form h2{
  font-weight: 600;
  font-size: 16px;
  color: #000;
  margin-bottom: 10px;
}

/* profile upload */
.profile-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
}
.profile-image {
  width: 128px;
  height: 128px;
  border-radius: 50%;
  background-color: #fff;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.profile-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.profile-wrapper p{
  font-weight: 500;
  font-size: 16px;
  color: #BB952A;
  margin-bottom: 0;
  cursor: pointer;
}
.account-form .form-group{
  margin-bottom: 20px;
  position: relative;
  width: 100%;
}
.account-form .wd-form-field .form-group{
  margin-bottom: 0;
}
.account-form .wd-form-field{margin-bottom: 20px;}
.account-form .form-group label{
  font-weight: 500;
  font-size: 13px;
  color: #000000;
  margin-bottom: 5px;
}
.account-form .form-group label span{
  color: #FF5252;
}
.account-form .form-group > span{
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: rgba(133, 133, 133, 1);
  margin-bottom: 5px;
}
.account-form .form-control{
  border: 1px solid #DDDDDD;
  height: auto;
  padding: 13px;
  color: #000;
  border-radius: 0;
}
.account-form .form-control:focus{
  box-shadow: none;
  border-color: #BB952A;
}
.account-form .form-control:disabled{
  background: #F5F5F5;
  border: 1px solid #D6D6D6;
}
.not-verify-label{
  color: #ffa616;
  font-size: 12px;
  position: absolute;
  right: 0;
  top: 4px;
}
.verify-icon{
  position: absolute;
  right: 0;
  top: 0;
  margin: 45px 13px;
}
.wd-form-field button{
  font-weight: 500;
  font-size: 13px;
  color: #BB952A;
  display: block;
  background: transparent;
  border: none;
  margin-bottom: 5px;
}
.wd-form-field button:last-child{margin-bottom: 0;}
.acc-save-btn{
  font-weight: 600;
  font-size: 15px;
  text-transform: capitalize;
  color: #FFF;
  padding: 14px 17px;
  display: inline-block;
}
.acc-save-btn a{
  color: #fff;
}

.acc-save-btn:hover a{
  color: #BB952A;
}
/*--20-5-2025--*/
.account-form .select2-container{
    width: 100% !important;
    padding: 14px 13px;
    border: 1px solid rgba(221, 221, 221, 1);
}
.account-form .select2-container--default .select2-selection--single .select2-selection__arrow b{
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='8' viewBox='0 0 15 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.20637 7.70685C8.01884 7.89433 7.76453 7.99964 7.49937 7.99964C7.2342 7.99964 6.97989 7.89433 6.79237 7.70685L1.13537 2.04985C1.03986 1.95761 0.963674 1.84726 0.911265 1.72526C0.858856 1.60326 0.83127 1.47204 0.830116 1.33926C0.828962 1.20648 0.854264 1.0748 0.904545 0.951901C0.954826 0.829005 1.02908 0.717352 1.12297 0.623459C1.21686 0.529567 1.32852 0.455314 1.45141 0.405033C1.57431 0.354752 1.70599 0.32945 1.83877 0.330604C1.97155 0.331758 2.10277 0.359344 2.22477 0.411753C2.34677 0.464162 2.45712 0.540344 2.54937 0.635854L7.49937 5.58586L12.4494 0.635854C12.638 0.453696 12.8906 0.352902 13.1528 0.35518C13.415 0.357459 13.6658 0.462628 13.8512 0.648036C14.0366 0.833444 14.1418 1.08426 14.144 1.34645C14.1463 1.60865 14.0455 1.86125 13.8634 2.04985L8.20637 7.70685Z' fill='black'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  width: 15px;
  height: 8px;
  border-style: none;
}
.account-form .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 20px;
  transform: translateY(-50%);
}
.account-form .form-group input::placeholder{
  color: rgba(0, 0, 0, 0.3);
}
.kklinkacount-wrap h2{
    font-weight: 700;
    font-size: 28px;
    color: rgba(0, 0, 0, 1);
    margin-bottom: unset;
}

.kkgogeconct{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    padding-top: 21px;
    padding-bottom: 21px;

}
.kkgnotcnct h3{
    font-weight: 600;
    font-size: 18px;
    color: rgba(0, 0, 0, 1);
    margin-bottom: unset;
}
.kkgnotcnct span{
    font-weight: 400;
    font-size: 13px;
    color: rgba(0, 0, 0, 0.5);
}
.kkgogeconct-rgt{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
}
.kkgogeconct-link a{
    color: rgba(187, 149, 42, 1);
    font-size: 13px;
    font-weight: 600;
}

.border-btm{
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.bkpaymt-btn a{
  margin-right: 15px;
}
.account-form .form-group.card-info{
  position: relative;
}
.account-form .form-group.card-info input{
  padding: 13px 13px 13px 46px;
}
.account-form .form-group.card-info span{
  position: absolute;
  top: 52px;
  left: 12px;
  transform: translateY(-50%);
}
.account-form .form-group label.kksndcellphn{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.account-form .form-group label.kksndcellphn input{
  margin-right: 10px;
}
.kksndcellphn-kk p{
  margin-bottom: unset;
  font-size: 12px;
  font-weight: 400;
  color: rgba(51, 51, 51, 1);
}
.account-form .form-group label > .kksndcellphn-kk span{
font-weight: 500;
font-size: 15px;
color: rgba(0, 0, 0, 1);

}
.account-form .form-group .form-check-input {
  min-width: 18px;
  min-height: 18px;
  margin-right: 10px;
  border: 1px solid rgba(221, 221, 221, 1);
}
.account-form .form-group .form-check-label {
  font-weight: 500;
  font-size: 15px;
  margin: unset
}
.account-form .form-group .form-check-input:checked {
  background-color: #BB952A;
  border-color: #BB952A;
}
.account-form .form-group .form-check-input:focus {
  box-shadow: unset;
}
.kktxtar-bg .form-control{
    background-color: rgba(245, 245, 245, 1);
    border-radius: 17px;
    border: 1px solid;
    border-image-source: linear-gradient(95.23deg, rgba(255, 255, 255, 0.17) -13.01%, rgba(255, 255, 255, 0) 35.98%, rgba(255, 255, 255, 0.17) 100.92%);
    border-radius: 17px;
  }
  .kkdeltacc-ul ul {
    padding-left: 20px;
}
.kkdeltacc-ul ul li{
  margin-bottom: 21px;
  position: relative;
}
.kkdeltacc-ul ul li:before{
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 1);
    top: 7px;
    left: -12px;
}
.kkdeltacc-ul ul li p{
  margin-bottom: unset;
    font-size: 15px;
  font-weight: 500;
  color: rgba(0, 0, 0, 1);
}
/*--20-5-2025End--*/
















/* -------------- Wd- Karan --------------------- */
input::-webkit-input-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder,
input:-moz-placeholder {
	color: rgba(0, 0, 0, 0.3);
}

.kk-pr-54 {
	padding-right: 30px;
}

.kkmb-41 {
	margin-bottom: 41px;
}

.kkmb-22 {
	margin-bottom: 22px;
}

.kkmb-lg-22 {
	margin-bottom: 0;
}

.kkmb-10 {
	margin-bottom: 10px;
}

.kkmt-21 {
	margin-top: 21px;
}

.kkmt-28 {
	margin-top: 28px;
}

.kkmt-44 {
	margin-top: 44px;
}

.kk-bransec span {
	font-weight: 400;
	font-size: 16px;
	color: rgba(0, 0, 0, 1);
}

.kk-stepshead {
	box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.1);
}

.kk-bransec a {
	margin-right: 37px;
}

.kk-saveexit-btn {
	font-weight: 500;
	font-size: 16px;
	color: rgba(187, 149, 42, 1);
}

.kk-saveexit-btn:hover {
	color: rgba(187, 149, 42, 0.7);
}

.kk-frmspace {
	padding: 63px 65px;
	margin-bottom: 150px;
}

.kk-glb-title h2 {
	font-weight: 600;
	font-size: 28px;
	color: rgba(0, 0, 0, 1);
	margin-bottom: unset;
}

.kk-glb-title span {

	font-weight: 600;
	font-size: 13px;
	color: rgba(0, 0, 0, 0.50);
}

.kk-glb-title p {
	margin-bottom: unset;
	font-weight: 400;
	font-size: 18px;
	color: #8F8E94;
}

.kk-glb-title h3 {
	font-weight: 600;
	font-size: 18px;
	color: #545454;
}

.kk-glb-title h4 {
	font-weight: 600;
	font-size: 13px;
	color: #000000;
	margin-bottom: 5px;
}

.kk-glb-title h5 {
	font-weight: 500;
	font-size: 15px;
	color: rgba(0, 0, 0, 1);
	margin-bottom: unset;
}

.kk-space-stepfrm .form-group {
	position: relative;
	margin-bottom: 21px;
	z-index: 1;
}

.kk-space-stepfrm .form-group .form-control {
	border: 1px solid rgba(221, 221, 221, 1);
	padding: 14px 13px;
	border-radius: 0;
	font-weight: 400;
	font-size: 14px;
	color: #000;
}

.kk-space-stepfrm .form-group .form-control::placeholder {
	color: rgba(0, 0, 0, 0.30);
}

.kk-space-stepfrm .form-group .form-control:focus {
	box-shadow: none;
	border-color: #BB952A;
}

.kk-space-stepfrm .form-group label {
	font-weight: 500;
	font-size: 13px;
	margin-bottom: 5px;
	color: rgba(0, 0, 0, 1);
}

.kk-space-stepfrm .select2-container--default .select2-selection--single .select2-selection__arrow b {
	display: block;
	background-image: url("data:image/svg+xml,%3Csvg width='15' height='8' viewBox='0 0 15 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.20637 7.70685C8.01884 7.89433 7.76453 7.99964 7.49937 7.99964C7.2342 7.99964 6.97989 7.89433 6.79237 7.70685L1.13537 2.04985C1.03986 1.95761 0.963674 1.84726 0.911265 1.72526C0.858856 1.60326 0.83127 1.47204 0.830116 1.33926C0.828962 1.20648 0.854264 1.0748 0.904545 0.951901C0.954826 0.829005 1.02908 0.717352 1.12297 0.623459C1.21686 0.529567 1.32852 0.455314 1.45141 0.405033C1.57431 0.354752 1.70599 0.32945 1.83877 0.330604C1.97155 0.331758 2.10277 0.359344 2.22477 0.411753C2.34677 0.464162 2.45712 0.540344 2.54937 0.635854L7.49937 5.58586L12.4494 0.635854C12.638 0.453696 12.8906 0.352902 13.1528 0.35518C13.415 0.357459 13.6658 0.462628 13.8512 0.648036C14.0366 0.833444 14.1418 1.08426 14.144 1.34645C14.1463 1.60865 14.0455 1.86125 13.8634 2.04985L8.20637 7.70685Z' fill='black'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	width: 15px;
	height: 8px;
	border-style: none;
}

.kk-space-stepfrm .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 26px;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 20px;
	transform: translateY(-50%);
}

.kk-space-stepfrm .select2-container {
	width: 100% !important;
	padding: 14px 13px;
	border: 1px solid rgba(221, 221, 221, 1);
}

.kk-space-stepfrm .select2-container--default .select2-selection--single .select2-selection__rendered {
	font-size: 14px;
	font-weight: 400;
}

.select2-container--default .select2-results>.select2-results__options {
	font-size: 14px;
	font-weight: 400;
}

.kk-bggrayclr {
	background: rgba(248, 248, 248, 1);
}

.kk-locationright {
	padding: 25px;
	border: 1px solid rgba(221, 221, 221, 1);
	text-align: center;
}

.kk-locationright h3 {
	font-weight: 600;
	font-size: 18px;
	text-align: center;
	color: #000000;
}

.kk-locationright p {
	font-size: 15px;
	font-weight: 400;
	color: rgba(143, 142, 148, 1);
}

.kk-locright-img {
	margin-bottom: 10px;
}

.kk-locright-img img {
	object-fit: cover;
}

.kk-tracking-panel {
	position: fixed;
	left: 0px;
	z-index: 11;
	bottom: 0px;
	width: 100%;
	background: rgb(255, 255, 255);
}

.kd-ftrspace {
	padding: 29px 65px 27px 65px;
}

.kk-tracking-panel-progress {
	height: 10px;
	background-color: #D9D9D9;
}

.tracking-panel-progress-inner {
	background-color: #BB952A;
	height: 100%;
}

.kd-prv-nextbtn {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.kd-prv-nextbtn .kk-prev-btn {
	border: unset;
	background-color: transparent;
	padding: 14px 14px;
	font-size: 16px;
	font-weight: 400;
}

.kd-prv-nextbtn button svg {
	margin-right: 14px;
}

.kd-prv-nextbtn .kk-next-btn {
	box-shadow: 0px 5px 14px 0px #BC8A1F66;
	background-color: #BB952A;
	color: #ffffff;
	font-size: 15px;
	font-weight: 600;
	padding: 14px 50px;
	border-radius: 10px;
	border: 1px solid rgba(187, 149, 42, 1);
	position: relative;
	overflow: hidden;
	transition: 1s all ease;
	z-index: 1;
	text-align: center;
}

.kd-prv-nextbtn .kk-next-btn:before {
	background: #FFF;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	transition: all 0.6s ease;
	width: 0%;
	height: 100%;
	color: #BB952A;
}

.kd-prv-nextbtn .kk-next-btn:hover::before {
	width: 100%;
}

.kd-prv-nextbtn .kk-next-btn:hover {
	background-color: #ffffff;
	color: #BB952A;
}

.kk-copy-btn{
    box-shadow: 0px 5px 14px 0px #BC8A1F66;
    background-color: #BB952A;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    padding: 14px 50px;
    border-radius: 10px;
    border: 1px solid rgba(187, 149, 42, 1);
    position: relative;
    overflow: hidden;
    transition: 1s all ease;
    z-index: 1;
    text-align: center;
}
.kk-copy-btn:before{
    background: #FFF;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    transition: all 0.6s ease;
    width: 0%;
    height: 100%;
    color: #BB952A;
}

.kk-copy-btn:hover::before {
    width: 100%;
}

.kk-copy-btn:hover {
    background-color: #ffffff;
    color: #BB952A;
}


.kkmapspone-wrap p {
	font-weight: 400;
	font-size: 18px;
	color: #8F8E94;
}

.kk-space-stepfrm .form-group label .kk-formlab-star {
	color: #000000;
	margin-left: 1px;
}

.kk-space-stepfrm .form-group label .kk-formlab-star.kk-errormsg {
	color: rgba(255, 68, 68, 1);
}

.kk-whtsimg img {
	object-fit: cover;
}

.kk-space-stepfrm .form-group .form-check-input {
	width: 18px;
	height: 18px;
	margin-right: 10px;
	border: 1px solid rgba(221, 221, 221, 1);
}

.kk-space-stepfrm .form-group .form-check-label {
	font-weight: 500;
	font-size: 15px;
	margin: unset
}

.kk-space-stepfrm .form-group .form-check-input:checked {
	background-color: #BB952A;
	border-color: #BB952A;
}

.kk-space-stepfrm .form-group .form-check-input:focus {
	box-shadow: unset;
}

/* .kk-ehttyamenit .col-lg-12:first-of-type {
	border: 1px solid #DDDDDD;
	border-bottom: unset;
} */

.kk-ehttyamenit .kk-block .col-lg-12 {
	border: 1px solid #DDDDDD;
	border-bottom: unset;
}

.kk-ehttyamenit .kk-block:last-of-type .col-lg-12 {
	border-bottom: 1px solid #DDDDDD;
}

.kk-ehttyamenit .form-group {
	margin-bottom: unset;
}

.kk-nmbinptcont {
	display: flex;
	align-items: center;
	position: relative;
}

.kknum-inptval {
	width: 100%;
	border: 1px solid #DDDDDD;
	padding: 12px 50px 12px 12px;
	font-size: 16px;
	-moz-appearance: textfield;
}

.kknum-inptval::-webkit-outer-spin-button,
.kknum-inptval::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.kknum-inptval::placeholder {
	color: rgba(0, 0, 0, 0.30);
}

.kknum-locbtn {
	position: absolute;
	background-color: transparent;
	font-size: 18px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	outline: none;
	border: none;
	width: 40px;
	height: 100%;
	opacity: 0.7;
	transition: opacity 0.2s;
}

.kknum-locbtn:before {
	content: '';
	position: absolute;
	width: 1px;
	height: 25px;
	background-color: rgba(0, 0, 0, 0.1);
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.kknum-locbtn:hover {
	opacity: 1;
}

.kk-decloc-btn {
	right: 40px;
}

.kk-incloc-btn {
	right: 0;
}

.kknum-locbtn svg {
	width: 14px;
	height: 14px;
}

.kk-space-stepfrm .form-group span {
	font-weight: 400;
	font-size: 14px;
	color: #000000;

}

.kkyesno-togl {
	display: inline-flex;
	overflow: hidden;
	position: relative;
	border: 1px solid #DDDDDD;
}

.kkyesno-togl input[type="radio"] {
	display: none;
}

.kkyesno-togl label {
	display: inline-block;
	padding: 14px 18px;
	cursor: pointer;
	transition: all 0.3s;
	margin-bottom: unset;
	font-size: 14px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.30);
	width: 60px;
	height: 48px;
}

.kkyesno-togl input[type="radio"]:checked+label {
	background: #4CAF50;
	color: #ffffff;
}

.kkyesno-togl #parkingno:checked+label {
	background: #8F8E94;
}

.kkyesno-togl label:first-of-type {
	border-right: 2px solid #DDDDDD;
}

/*------User Form Complete Status page-------*/
.kk-my-30 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.kk-mb-30 {
	margin-bottom: 30px;
}

.kk-mt-30 {
	margin-top: 30px;
}

.kk-mb-25 {
	margin-bottom: 25px;
}

.kk-mb-24 {
	margin-bottom: 24px;
}

.kk-mt-25 {
	margin-top: 25px;
}

.kk-mt-15 {
	margin-top: 15px;
}

.kk-pd-33 {
	padding: 33px 18px;
}

.kk-mtlg-30 {
	margin-top: 30px;
}

.kksrc-dropdwn .dropdown-toggle::after,
.kk-compstatuser .dropdown-toggle::after {
	border: unset;
	position: absolute;
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.69953 8.20698C7.512 8.39445 7.25769 8.49976 6.99253 8.49976C6.72737 8.49976 6.47306 8.39445 6.28553 8.20698L0.628531 2.54998C0.53302 2.45773 0.456838 2.34739 0.404429 2.22538C0.35202 2.10338 0.324434 1.97216 0.32328 1.83938C0.322126 1.7066 0.347428 1.57492 0.397709 1.45202C0.44799 1.32913 0.522243 1.21747 0.616136 1.12358C0.710028 1.02969 0.82168 0.955436 0.944576 0.905155C1.06747 0.854874 1.19915 0.829572 1.33193 0.830726C1.46471 0.83188 1.59593 0.859466 1.71793 0.911875C1.83994 0.964284 1.95028 1.04047 2.04253 1.13598L6.99253 6.08598L11.9425 1.13598C12.1311 0.953818 12.3837 0.853024 12.6459 0.855302C12.9081 0.857581 13.1589 0.96275 13.3443 1.14816C13.5298 1.33357 13.6349 1.58438 13.6372 1.84658C13.6395 2.10877 13.5387 2.36137 13.3565 2.54998L7.69953 8.20698Z' fill='%23BB952A'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 14px;
	height: 9px;
	top: 50%;
	transform: translateY(-50%);
	margin-left: 10px;
	transition: transform 0.3s ease;
	right: -20px;
}

.kksrc-dropdwn .dropdown-toggle.show::after,
.kk-compstatuser .dropdown-toggle.show::after {
	transform: translateY(-50%) rotate(180deg);
	transform-origin: center center;
}

.kk-usrtutorl {
	padding: 25px 20px;
	border: 1px solid rgba(199, 199, 205, 1);
}

.kk-usrtutorl h3 {
	font-weight: 500;
	font-size: 20px;
	margin-bottom: 7px;
	color: rgba(0, 0, 0, 1);
}

.kk-usrtutorl p {
	font-weight: 400;
	font-size: 15px;
	margin-bottom: unset;
}

.kk-lisdonewrp p {
	margin-bottom: unset;
	font-weight: 400;
	font-size: 15px;
	color: #8F8E94;
}

.kk-allstpwrap {
	margin-top: 53px;
}

.kk-thebsictabwrp {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 32px 0;
}

.kk-thebsictabinnr {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 6px;
}

.kk-thebsictabdtil h4 {
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 3px;
}

.kk-thebsictabinnr.kk-stepdne .kk-thebsictabdtil h4 {
	color: #BB952A;
}

.kk-thebsictabinnr.kk-stepdne .kk-thebsictabnum {
	border-color: #BB952A;
	position: relative;
}

.kk-stepdne .kk-thebsictabnum span {
	display: none;
}

.kk-stepdne .kk-thebsictabnum::before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 -0.5 25 25' fill='none'%3E%3Cpath d='M5.5 12.5L10.167 17L19.5 8' stroke='%23BB952A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
}

.kk-thebsictabnum span {
	display: inline-block;
}

.kk-thebsictabnum::before {
	display: none;
}

.kk-thebsictabinnr.kk-colorblack .kk-thebsictabdtil h4 {
	color: #000000;
}

.kk-thebsictabinnr.kk-colorgray .kk-thebsictabdtil h4 {
	color: #8F8E94;
}

.kk-thebsictabdtil p {
	font-size: 14px;
	font-weight: 400;
	color: #545454;
	margin-bottom: unset;
}

.kk-thebsictabnum {
	position: relative;
	min-width: 25px;
	min-height: 25px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	border: 1px solid #8F8E94;
}

.kkbsicedit-btn {
	font-weight: 500;
	font-size: 15px;
	color: #BB952A;
}

.kksetscen-btn {
	box-shadow: 0px 5px 14px 0px #BC8A1F66;
	background-color: #BB952A;
	color: #ffffff;
	font-size: 15px;
	font-weight: 600;
	padding: 16px 50px;
	border-radius: 10px;
	border: 1px solid rgba(187, 149, 42, 1);
	position: relative;
	overflow: hidden;
	transition: 1s all ease;
	z-index: 1;
	text-align: center;
}

.kksetscen-btn a {
	color: #fff;
}

.kksetscen-btn:before {
	background: #FFF;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	transition: all 0.6s ease;
	width: 0%;
	height: 100%;
	color: #BB952A;
}

.kksetscen-btn:hover::before {
	width: 100%;
}

.kksetscen-btn:hover {
	background-color: #ffffff;
}

.kksetscen-btn:hover a {
	color: #BB952A;
}

.kk-brdtpbtm {
	/* border-top: 1px solid #0000001A; */
	border-bottom: 1px solid #0000001A;
}

.kkchar-count {
	position: absolute;
	right: 10px;
	top: 35px;
	padding: 0 5px;
	font-size: 12px !important;
	font-weight: 400;
	color: #000000;
}

.kk-youned {
	background-color: #FFF4E3;
	padding: 20px 20px;
	border-left: 2px solid #FFA616;
}

.kk-youned p {
	margin-bottom: unset;
	font-size: 15px;
	font-weight: 400;
	color: #000000;
}

.kk-addmnyimg p {
	font-size: 15px;
	font-weight: 400;
	color: #8F8E94;
	margin-bottom: unset;
}

.kkupl-imgwrap {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-bottom: 20px;
}

.kkupl-btn {
	padding: 10px;
	border: 1px solid #ddd;
	width: 100%;
}

.has-images .kkupl-btn {
	max-width: 300px;
	width: 100%;
}

.kkicncirc {
	width: 58px;
	height: 58px;
	border-radius: 50%;
	border: 2px solid #BB952A;
	display: grid;
	place-items: center;
}

.kkborder {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 1px solid #DDDDDD;
	cursor: pointer;
	text-align: center;
	transition: all 0.3s;
	background: #fafafa;
	width: 100%;
	height: 300px;
	box-sizing: border-box;
}

.kkborder p {
	margin: 15px 0 5px;
	color: #BB952A;
	font-size: 16px;
	font-weight: 500;
}

.kkborder span {
	color: #666;
	font-size: 14px;
	text-align: center;
}

.kkuplinputfile {
	display: none;
}

.kkupl-item {
	width: 100%;
	max-width: 300px;
	border: 1px solid #e0e0e0;
	overflow: hidden;
	position: relative;
}

.kkupl-imgbox {
	position: relative;
	height: 200px;
	padding: 10px 10px;
}

.kkuplimg-close {
	position: absolute;
	top: 10px;
	right: 10px;
	background: #fff;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 14px;
	color: #BB952A;
	border: 1px solid #BB952A;
	z-index: 2;
}

.kkuploadimg {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: 1px solid #dddddd;
}

.kkupload__textarea-wrap {
	padding: 0 10px;
}

.kkupload__textarea {
	width: 100%;
	padding: 18px 10px;
	border: 1px solid #ddd;
	resize: vertical;
	font-family: inherit;
	font-size: 12px;
	font-weight: 500;
}

.kkupload__textarea:focus {
	outline: none;
	border-color: #BB952A;
}

.subtitle-hidden {
	display: none;
}

.kkupl-item:first-child:before {
	content: '';
	width: 41px;
	height: 114px;
	position: absolute;
	z-index: 4;
	left: -2px;
	top: 50%;
	transform: translateY(-50%);
	background-image: url('../images/space-step/listing-cover-img.png');
	visibility: visible;
	opacity: 1;
	transition: visibility 1s linear .3s, opacity .3s ease-in-out 0s;
}

/*--------Get Ready To Shoot-------*/

.kk-rulesdetail {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0;
	border-bottom: 1px solid #0000001A;
}

.kk-rulesdetail h4 {
	font-weight: 500;
	font-size: 15px;
	margin-bottom: unset;
}

.kk-ruleschk {
	display: flex;
	align-items: center;
	width: fit-content;
	background: #F4F4F4;
	padding: 5px 8px;
	border-radius: 7px;
	gap: 5px;
}

.kk-ruleschk .form-check-input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: absolute;
	opacity: 0;
}

.kk-ruleschk label {
	cursor: pointer;
	padding: 10px 20px;
	border-radius: 3px;
}

.kk-ruleschk input:checked+label {
	background: #FFFFFF;
	box-shadow: 0px 4px 4px 0px #0000001C;
}

.kk-ruleschk input:checked+label svg.kkcls-tick path {
	fill: #FF2C55;
}

.kk-ruleschk input:checked+label svg.kkrht-tick path {
	fill: #4CAF50;
}

.kk-addloccrw {
	margin-top: 11px;
}

.kk-addloccrw .form-group button {
	position: absolute;
	top: 0;
	right: 0;
	border: 1px solid #8D8D8D;
	background: #fff;
	padding: 12px 35px;
}

.kk-addloccrw .form-group button:hover {
	background-color: rgba(187, 149, 42, 1);
	color: #fff;
	transition: all 0.4s ease-in-out;
}

.kk-rulesdetailkk {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 15px 0;
	border-bottom: 1px solid #0000001A;
	gap: 15px;
}

.kk-rulesdetailkk h4 {
	font-weight: 500;
	font-size: 15px;
	margin-bottom: unset;
}

.kk-rulesdetailkk button {
	border: unset;
	outline: unset;
	background-color: unset;
}

.kkopen-hour-sec {
	display: flex;
	align-items: center;
	justify-content: space-between;

}

.kkselect-boxwrap {
	display: flex;
	align-items: center;
	justify-content: center;
}

.kkdayrow {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	background-color: #fff;
	width: auto;
	height: 65px;
	gap: 44px;
}

.kkdaynam {
	font-weight: 600;
	width: 100px;
	font-size: 16px;
}

.kkdaynam.kkdisable-cls {
	color: rgba(0, 0, 0, 0.30);
}

.kkstatustog {
	width: 100px;
	display: flex;
	align-items: center;
}

/* Toggle Switch Styling */
.kkswi-sec {
	position: relative;
	display: inline-block;
	width: 33px;
	height: 24px;
	margin-right: 10px;
}

.kkswi-sec input {
	opacity: 0;
	width: 0;
	height: 0;
}

.kkslider-tgl {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: transparent;
	transition: .4s;
	border-radius: 34px;
	border: 1px solid rgba(173, 173, 173, 1);
}

.kkslider-tgl:before {
	content: '';
	position: absolute;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.83398 1.83325L10.1673 10.1666M1.83398 10.1666L10.1673 1.83325' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #888;
	height: 24px;
	width: 24px;
	left: 0;
	bottom: 0;
	background-color: rgba(173, 173, 173, 1);
	transition: .4s;
	border-radius: 50%;
	font-size: 12px;
	background-position: center;
}

.kkstatustog input:checked+.kkslider-tgl {
	background-color: transparent;
	border: 1px solid rgba(173, 173, 173, 1);
}

.kkstatustog input:checked+.kkslider-tgl:before {
	transform: translateX(15px);
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.00065 3.33333L0.333984 5L5.33398 10L13.6673 1.66667L12.0007 0L5.33398 6.66667L2.00065 3.33333Z' fill='white'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-color: rgba(187, 149, 42, 1);
	color: #92c353;
}

.kktoggletxt {
	font-size: 14px;
}

.kktime-selt {
	width: 120px;
	padding: 8px;
	border: 1px solid #ddd;
	border-radius: 4px;
	background-color: transparent;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 9L1 4h10z' fill='%23888'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 10px center;
	cursor: pointer;
}

.kkseparator {
	margin: 0 10px;
}

.kk-ophrhidden {
	display: none;
}

.kkselect-boxwrap .select2-container {
	width: 180px !important;
}

.kk-wlc-guide p {
	font-weight: 400;
	font-size: 18px;
	color: rgba(143, 142, 148, 1);
}

.kk-wlc-guide p strong {
	font-weight: 700;
	font-size: 18px;
	color: rgba(143, 142, 148, 1);
}

.kk-actvhost {
	gap: 11px;
	display: flex;
	align-items: center;
	margin-bottom: 17px;
}

/* Toggle Switch Styling */
.kk-actvhost-lab {
	position: relative;
	display: inline-block;
	width: 33px;
	height: 24px;
	margin-right: 10px;
}

.kk-actvhost-lab input {
	opacity: 0;
	width: 0;
	height: 0;
}

.kkslider-acthst {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: transparent;
	transition: .4s;
	border-radius: 34px;
	border: 1px solid rgba(173, 173, 173, 1);
}

.kkslider-acthst:before {
	content: '';
	position: absolute;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.83398 1.83325L10.1673 10.1666M1.83398 10.1666L10.1673 1.83325' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #888;
	height: 24px;
	width: 24px;
	left: 0;
	bottom: 0;
	background-color: rgba(173, 173, 173, 1);
	transition: .4s;
	border-radius: 50%;
	font-size: 12px;
	background-position: center;
}

.kk-actvhost input:checked+.kkslider-acthst {
	background-color: transparent;
	border: 1px solid rgba(173, 173, 173, 1);
}

.kk-actvhost input:checked+.kkslider-acthst:before {
	transform: translateX(15px);
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.00065 3.33333L0.333984 5L5.33398 10L13.6673 1.66667L12.0007 0L5.33398 6.66667L2.00065 3.33333Z' fill='white'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-color: rgba(187, 149, 42, 1);
	color: #92c353;
}

.kk-actvhost span {
	font-weight: 400;
	font-size: 16px;
	color: rgba(0, 0, 0, 1);
}

.kk-prohost-sec {
	margin-left: 55px;
}

.kkproact-hst {
	padding: 17px 0;

}

.kk-brdbtm {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.kk-pepwdt input {
	width: 80px;
	display: inline-block;
	margin-right: 13px;
}

.kk-learn-mrbtn {
	font-weight: 700;
	font-size: 15px;
	color: rgba(187, 149, 42, 1);
	text-decoration: underline;
}

.kk-automaticpce {
	display: flex;
	align-items: center;
	margin-bottom: 11px;
}

.kk-automaticpce h3 {
	font-weight: 600;
	font-size: 16px;
	color: rgba(0, 0, 0, 1);
	margin-bottom: unset;
}

/* Toggle Switch Styling */
.kk-automaticpce-lab {
	position: relative;
	display: inline-block;
	width: 33px;
	height: 24px;
	margin-right: 15px;
}

.kk-automaticpce-lab input {
	opacity: 0;
	width: 0;
	height: 0;
}

.kkslider-automaticpce {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: transparent;
	transition: .4s;
	border-radius: 34px;
	border: 1px solid rgba(173, 173, 173, 1);
}

.kkslider-automaticpce:before {
	content: '';
	position: absolute;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.83398 1.83325L10.1673 10.1666M1.83398 10.1666L10.1673 1.83325' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #888;
	height: 24px;
	width: 24px;
	left: 0;
	bottom: 0;
	background-color: rgba(173, 173, 173, 1);
	transition: .4s;
	border-radius: 50%;
	font-size: 12px;
	background-position: center;
}

.kk-automaticpce input:checked+.kkslider-automaticpce {
	background-color: transparent;
	border: 1px solid rgba(173, 173, 173, 1);
}

.kk-automaticpce input:checked+.kkslider-automaticpce:before {
	transform: translateX(15px);
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.00065 3.33333L0.333984 5L5.33398 10L13.6673 1.66667L12.0007 0L5.33398 6.66667L2.00065 3.33333Z' fill='white'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-color: rgba(187, 149, 42, 1);
	color: #92c353;
}

.kk-autopricwrp p,
.kk-autopricwrp p strong {
	color: rgba(84, 84, 84, 1);
	font-weight: 400;
	font-size: 18px;
	margin-bottom: 11px;
}

.kk-autopricwrp p strong {
	font-weight: 700;
}

.form-group span.kkposhr {
	position: absolute;
	left: unset;
	bottom: 15px;
	right: 15px;
	width: auto;
	text-align: right;
	color: rgba(0, 0, 0, 0.5);
}

.kkpadng-bdr {
	padding: 23px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.kk-peoplesec .form-group {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.kk-peoplesec h3 {
	font-weight: 500;
	font-size: 17px;
	color: rgba(0, 0, 0, 1);
	margin-bottom: unset;
}

.kk-netpayout span {
	font-weight: 500;
	font-size: 13px;
	color: rgba(0, 0, 0, 0.40);
}

.kktextleft-sec,
.kktextleft-sec h3 {
	text-align: left;
}

.kktextleft-sec {
	margin-top: 20px;
}

.kkprice-display>span:first-of-type {
	margin-left: 15px;
	color: rgba(0, 0, 0, 0.5);
}

.kkprice-display {
	display: block;
}

.kk-notisec {
	width: 36px;
	height: 36px;
	display: grid;
	place-content: center;
	border: 1px solid #D9D9D9;
	border-radius: 50%;
}

.kklistdon-wrap {
	display: flex;
  flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 20px;
}

.kklistdon-img img {
	object-fit: cover;
}

.kklistdon-rgtinfo h5 {
	font-weight: 600;
	font-size: 18px;
	margin-bottom: unset;
}

.kklistdon-rgtinfo span {
	font-weight: 500;
	font-size: 13px;
	color: rgba(0, 0, 0, 0.40);
}

.kkpubprev-wrap {
	display: flex;
	align-items: center;
	gap: 21px;
	margin-top: 10px;
}

.kkpublish-btn {
	box-shadow: 0px 5px 14px 0px #BC8A1F66;
	background-color: #BB952A;
	color: #ffffff;
	padding: 15px 90px;
	border-radius: 10px;
	border: 1px solid rgba(187, 149, 42, 1);
	position: relative;
	overflow: hidden;
	transition: 1s all ease;
	z-index: 1;
	text-align: center;
}

.kkpublish-btn:before {
	background: #FFF;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	transition: all 0.6s ease;
	width: 0%;
	height: 100%;
	color: #BB952A;
}

.kkpublish-btn a {
	color: #fff;
	font-size: 15px;
	font-weight: 600;
}

.kkpublish-btn:hover {
	background-color: #ffffff;
}

.kkpublish-btn:hover::before {
	width: 100%;
}

.kkpublish-btn:hover a {
	color: #BB952A;
}

.kkpreview-btn {
	padding: 16px 40px;
	border: 1px solid rgba(221, 221, 221, 1);
	font-weight: 500;
	font-size: 12px;
}

.kkpreview-btn a {
	color: rgba(0, 0, 0, 1);
}

.kk-editsec {
	padding: 18px 0;
	text-align: center;
	border-top: 1px solid rgba(199, 199, 205, 1);
	border-bottom: 1px solid rgba(199, 199, 205, 1);
	margin-top: 20px;
	font-weight: 500;
	font-size: 12px;
}

.kk-editsec a {
	color: rgba(187, 149, 42, 1);
}

.kkpreview-btn:hover a {
	color: rgba(187, 149, 42, 1);
}

.kk-instbook-wrap {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.kkbook-oninfo p {
	font-size: 14px;
	font-weight: 400;
	color: #777777;
	margin-bottom: 10px;
}

.kkshow-morebtn {
	color: #BB952A;
	font-size: 14px;
	font-weight: 600;
}

.kkpls-notesec {
	background: #F5F5F5;
	padding: 12px 21px 14px 21px;
	border-radius: 8px;
}

.kkpls-notesec>p {
	color: #000000;
	margin-bottom: unset;
}

.kkbook-oninfo-inner span {
	font-weight: 600;
	font-size: 16px;
	margin-right: 10px;
	color: rgba(0, 0, 0, 1);
}

.kk-instbook-main {
	padding-top: 21px;
	padding-bottom: 17px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.kkactive-istbok h2 {
	margin-top: 17px;
	margin-bottom: 9px;
	font-weight: 600;
	font-size: 28px;
	color: rgba(0, 0, 0, 1);
}

.kkactive-chksec {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 17px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.kkactive-chkinfo span {
	font-weight: 600;
	font-size: 16px;
	color: rgba(0, 0, 0, 1);
}

.kkactive-chkinfo p {
	font-weight: 400;
	font-size: 14px;
	color: rgba(119, 119, 119, 1);
	margin-bottom: 5px;
}

.kkactive-chkinfo h4 {
	font-weight: 600;
	font-size: 16px;
	color: rgba(187, 149, 42, 1);
	margin-bottom: unset;
}

.kkcomp-bkingwrap {
	padding: 17px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.kkcomp-bkinglft span {
	font-weight: 600;
	font-size: 16px;
	color: rgba(0, 0, 0, 1);
	margin-right: 5px;
}

.kkcomp-bkingrght span {
	font-size: 14px;
	font-weight: 500;
	color: rgba(0, 0, 0, 1);
}

.kkunlock-sec {
	padding-top: 17px;
}

.kkunlock-sec p {
	margin-bottom: unset;
  font-size: 14px;
  font-weight: 400;
  color: rgba(119, 119, 119, 1);
}

.kksiterep-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.kkadtilfee-wrap p{
  font-size: 14px;
  font-weight: 400;
  color: rgba(119, 119, 119, 1);
}
.kkctmfee-mdl {
	padding-bottom: 17px;
	border-bottom: 1px solid #0000001A;
}

.kkctmfee-mdl a {
	margin-right: 10px;
}

.kkctmfee-mdl span {
	font-weight: 600;
	font-size: 16px;
	color: #BB952A;
}

.kkclenfees-wrap h3 {
	font-weight: 500;
	font-size: 16px;
	color: #000000;
}

.kkclenfees-wrap {
	padding-top: 17px;
}

.kkclenfees-edit {
	display: flex;
	align-items: center;
	justify-content: space-between;
}


/*---common Model Design----*/
.kkaddfees-model {
	/*background: #0000004D;*/
	backdrop-filter: blur(55px);
}

.kkaddfees-model .modal-header {
	border-bottom: unset;
	margin-bottom: 25px;
}

.kkaddfees-model .modal-content {
	padding: 25px 25px;
	border-radius: unset;
}

.kkaddfees-model .modal-header,
.kkaddfees-model .modal-body,
.kkaddfees-model .modal-footer {
	padding: unset;
}

.kkaddfees-model .modal-header h1 {
	font-weight: 600;
	font-size: 28px;
	margin-bottom: unset;
	color: #000000;
}

.kkaddfees-model .modal-footer {
	border-top: unset;
}

.kkaddfees-model .kkmodel-btn {
	box-shadow: 0px 5px 14px 0px #BC8A1F66;
	background-color: #BB952A;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	padding: 14px 50px;
	border-radius: 10px;
	border: 1px solid rgba(187, 149, 42, 1);
	position: relative;
	overflow: hidden;
	transition: 1s all ease;
	z-index: 1;
	text-align: center;
}

.kkaddfees-model .kkmodel-btn:before {
	background: #FFF;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	transition: all 0.6s ease;
	width: 0%;
	height: 100%;
	color: #BB952A;
}

.kkaddfees-model .kkmodel-btn:hover {
	background-color: #ffffff;
	color: #BB952A;
}

.kkaddfees-model .kkmodel-btn:hover::before {
	width: 100%;
}

.kkaddfees-model .modal-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.kkaddfees-model .kkmodelcan-btn {
	border: unset;
	outline: unset;
	background-color: transparent;
	font-size: 16px;
	font-weight: 600;
	color: #000000;
}

.kkaddfees-model .kkmodeldelete-btn {
	color: #DD4E58;
}

/*---common Model Design End----*/
/*--------Get Ready To Shoot End-------*/

/*--Steps For Wallscape--*/
.kk-space-stepfrm .form-group .kk-locicon {
	position: absolute;
	top: 13px;
	left: 15px;
}

.kk-space-stepfrm .form-group .kk-serchicon {
	position: absolute;
	background-color: unset;
	border: unset;
	outline: unset;
	top: 13px;
	right: 10px;
}

.kk-space-stepfrm .kk-use-curlocbox .form-control {
	padding: 14px 50px;
	border-radius: 10px;
	color: #BB952A;
	border-color: #BB952A;
	font-weight: 500;
}

.kknavpill-main {
	display: flex;
	align-items: center;
	background-color: #F4F4F4;
	width: fit-content;
	padding: 5px 5px;
	border-radius: 7px;
	margin-bottom: 22px;
}

.kknavpill-main .nav-link.active,
.kknavpill-main .show>.nav-link {
	background-color: #FFFFFF;
	box-shadow: 0px 4px 4px 0px #0000001C;
	padding: 4px 32px;
	color: #000000;
	opacity: 1;
}

.kknavpill-main .nav-link {
	color: #000000;
	padding: 4px 32px;
	opacity: 0.30;
}

.kkwallspace-title p {
	font-weight: 400;
	font-size: 14px;
}

.kkdes-yurlistcnt,
.kkdesli-title {
	position: absolute;
	right: 10px;
	bottom: -25px;
	padding: 0 5px;
	font-size: 12px !important;
	font-weight: 400;
	color: #000000;
}

.kkcrettitl-txt {
	padding: 19px 0;
}

.kkcrettitl-txt p {
	font-weight: 400;
	font-size: 12px;
	color: #777777;
	margin-bottom: unset;
	margin-bottom: 6px;
}

.kkatprc-stch-min {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 12px;
	margin-bottom: 10px;
}

.kkatprc-stch-min h3 {
	font-weight: 500;
	font-size: 15px;
	margin-bottom: unset;
	color: rgba(0, 0, 0, 1);
}

.kkatprc-stchwrap p {
	font-size: 14px;
	font-weight: 400;
	color: rgba(119, 119, 119, 1);
	margin-bottom: 22px;
}

.kkatprc-stch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 22px;
}

.kkatprc-stch .form-check-input {
	opacity: 0;
	width: 0;
	height: 0;
}

.kkatprc-stchsdr {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	transition: .4s;
	border-radius: 100px;
}

.kkatprc-stchsdr:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 4px;
	bottom: 3px;
	background-color: white;
	transition: .4s;
	border-radius: 50%;
}

.kkatprc-stch input:checked+.kkatprc-stchsdr {
	background: radial-gradient(795.76% 240% at 50% 10.83%, #F2E79E 0%, #F2E79E 0.01%, #EDD681 2.16%, #D9B85A 4.9%, #CA9F3A 7.6%, #BF8E24 10.22%, #B88417 12.35%, #B68012 16.36%, #C29429 23.16%, #C7992E 28.5%, #C8A33E 37.92%, #C8A33E 47.48%, #C8A33E 56.52%, #C8A33E 65.93%, #C7992E 75.48%, #B68012 83.99%, #B88316 87.28%, #BE8D23 89.93%, #C89D37 92.97%, #D7B455 95.33%, #E9D07A 97.68%, #F2E79E 100%);
}

.kkatprc-stch input:focus+.kkatprc-stchsdr {
	box-shadow: 0px 3px 30px 0px #0000001F inset;
}

.kkatprc-stch input:checked+.kkatprc-stchsdr:before {
	transform: translateX(16px);
}

.kklabbsic-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 25px;
	padding-bottom: 20px;
	border-top: 1px solid rgba(0, 0, 0, 0.3);
}

.kklabbsic-wrap span {
	color: rgba(136, 136, 136, 1);
	font-weight: 500;
	font-size: 13px;
}

.kklabbsic-left span:first-of-type {
	background: radial-gradient(795.76% 240% at 50% 10.83%, #F2E79E 0%, #F2E79E 0.01%, #EDD681 2.16%, #D9B85A 4.9%, #CA9F3A 7.6%, #BF8E24 10.22%, #B88417 12.35%, #B68012 16.36%, #C29429 23.16%, #C7992E 28.5%, #C8A33E 37.92%, #C8A33E 47.48%, #C8A33E 56.52%, #C8A33E 65.93%, #C7992E 75.48%, #B68012 83.99%, #B88316 87.28%, #BE8D23 89.93%, #C89D37 92.97%, #D7B455 95.33%, #E9D07A 97.68%, #F2E79E 100%);
	padding: 4px 5px;
	box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.12) inset;
	color: #fff;
	border-radius: 100px;
	margin-right: 12px;
	font-size: 10px;
	font-weight: 500;
	text-transform: uppercase;
}

.kklabbsic-left span:last-of-type {
	color: rgba(0, 0, 0, 1);
	font-weight: 500;
	font-size: 15px;
}

.kknet-paysec span:first-of-type {
	color: rgba(0, 0, 0, 0.3);
	font-size: 13px;
	font-weight: 400;
}

.kknet-paysec span:last-of-type {
	font-size: 13px;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
}

.kk-autopric-sec {
	padding: 10px 10px 10px 29px;
	border: 1px solid rgba(221, 221, 221, 1);
	border-radius: 10px;
	margin-bottom: 25px;
}

.kk-autopricwrap {
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.kkselctwallcap-title h3 {
	font-size: 20px;
	font-weight: 500;
	color: rgba(0, 0, 0, 1);
	margin-top: 22px;
	margin-bottom: unset;
}

.kkselctwallcap-main {
	display: flex;
	gap: 16px;
	padding: 22px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.kkslctwalcap-lft img {
	object-fit: cover;
}

.kkslctwalcap-rht h5 {
	font-size: 12px;
	font-weight: 600;
	color: rgba(0, 0, 0, 1);
	margin-bottom: 8px;
}

.kkslctwalcap-rht p {
	margin-bottom: unset;
}

.kkslctwalcap-rht span {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 15px;
}

.kkslctwalcap-rht span a {
	color: rgba(187, 149, 42, 1);
	font-size: 12px;
	font-weight: 400;
}

.kkslctwalcap-rht span a:hover {
	color: rgba(187, 149, 42, 0.7);
}

.kkslctwalcap-rht {
	width: 100%;
}

.kk-venwallbtn {
	margin: 10px 0;
	text-align: center;
}

.kk-venwallbtn a {
	padding: 15px 35px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 15px;
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	color: rgba(143, 142, 148, 1);
	background-color: transparent;
}

.kk-venwallbtn a span {
	margin-right: 6px;
}

.kk-wallbtn {
	margin: 10px 0;
	text-align: center;
}

.kk-wallbtn a {
	padding: 15px 35px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 15px;
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	color: #ffffff;
	background-color: rgba(187, 149, 42, 1);
}

.kk-wallbtn a span {
	margin-right: 6px;
}

.kk-wallbtn a span svg,
.kk-venwallbtn a span {
	width: 22px;
}

/*--Steps For Wallscape End--*/
.kkpro-pht-cont {
	display: flex;
	align-items: center;
	gap: 24px;
	margin-bottom: 15px;
}

.kkprof-pht {
	position: relative;
	width: 132px;
	height: 132px;
	border-radius: 50%;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

.kkprof-pht img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: none;
}

.kkprof-iconm>img {
	display: block;
}

.kkplyproup-btn {
	box-shadow: 0px 5px 14px 0px #BC8A1F66;
	background-color: #BB952A;
	color: #ffffff;
	font-size: 15px;
	font-weight: 600;
	padding: 14px 50px;
	border-radius: 10px;
	border: 1px solid rgba(187, 149, 42, 1);
	position: relative;
	overflow: hidden;
	transition: 1s all ease;
	z-index: 1;
	text-align: center;
}

.kkplyproup-btn:before {
	background: #FFF;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	transition: all 0.6s ease;
	width: 0%;
	height: 100%;
	color: #BB952A;
}

.kkplyproup-btn:hover {
	background-color: #ffffff;
	color: #BB952A;
}

.kkplyproup-btn:hover::before {
	width: 100%;
}

#kkplyfileinput {
	display: none;
}

/*-------booking-venue----*/
.pt-67 {
	padding-top: 67px;
}

.pb-100 {
	padding-bottom: 100px;
}

.kk-pt-30 {
	padding-top: 30px;
}

.kk-pb-30 {
	padding-bottom: 30px;
}

.kk-pt-21 {
	padding-top: 21px;
}

.kk-upcmgbkgtitle h1 {
	font-weight: 600;
	font-size: 40px;
	color: rgba(51, 51, 51, 1);
	margin-bottom: unset;
}

.kk-upcomtab {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.kk-allloca {
	position: relative;
}

.kk-upcomtab .form-group .select2-container {
	padding: 11px 15px;
	border: 1px solid rgba(221, 221, 221, 1);
	min-width: 185px;
}
.kk-upcomtab .form-group .select2-container, .kkdrop-wrap .select2-container{
  z-index: 9;
}

.kk-no-upcomsec {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.kkborder-top {
	border-top: 1px solid rgba(239, 239, 244, 1);
}

.kk-noupcomsecwrp {
	padding-top: 44px;
	padding-bottom: 35px;
	text-align: center;
	margin: 0 auto;
}

.kk-noupcomsecwrp p {
	font-size: 16px;
	font-weight: 600;
	color: rgba(0, 0, 0, 1);
	padding-bottom: 16px;
}

.kk-fndloc-btn {
	box-shadow: 0px 5px 14px 0px #BC8A1F66;
	background-color: #BB952A;
	color: #ffffff;
	font-size: 15px;
	font-weight: 600;
	padding: 14px 50px;
	border-radius: 10px;
	border: 1px solid rgba(187, 149, 42, 1);
	position: relative;
	overflow: hidden;
	transition: 1s all ease;
	z-index: 1;
	text-align: center;
}

.kk-fndloc-btn::before {
	background: #FFF;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	transition: all 0.6s ease;
	width: 0%;
	height: 100%;
	color: #BB952A;
}

.kk-fndloc-btn:hover {
	background-color: #ffffff;
	color: #BB952A;
}

.kk-fndloc-btn:hover::before {
	width: 100%;
}


.kk-cancel-btn {
    background-color: #fff;
    color: #FF4545;
    font-size: 15px;
    font-weight: 600;
    padding: 14px 50px;
    border-radius: 10px;
    border: 1px solid #FF4545;
    position: relative;
    overflow: hidden;
    transition: 1s all ease;
    z-index: 1;
    text-align: center;
}

.kk-cancel-btn::before {
    background: #FFF;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    transition: all 0.6s ease;
    width: 100%;
    height: 100%;
    color: #FF4545;
}

.kk-cancel-btn:hover {
    background-color: #FF4545;
    color: #fff;
}

.kk-cancel-btn:hover::before {
    width: 0%;
}


.kk-upcomtab .select2-container--default .select2-selection--single .select2-selection__arrow b {
	display: block;
	background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.47221 5.47221C5.34719 5.59719 5.17766 5.6674 5.00088 5.6674C4.8241 5.6674 4.65456 5.59719 4.52955 5.47221L0.758213 1.70088C0.69454 1.63938 0.643751 1.56582 0.608812 1.48448C0.573873 1.40315 0.555482 1.31567 0.554713 1.22715C0.553943 1.13863 0.570811 1.05084 0.604332 0.968911C0.637853 0.88698 0.687355 0.812545 0.74995 0.749949C0.812545 0.687354 0.886979 0.637852 0.96891 0.604332C1.05084 0.570811 1.13863 0.553943 1.22715 0.554713C1.31567 0.555482 1.40315 0.573873 1.48448 0.608812C1.56582 0.643751 1.63938 0.694539 1.70088 0.758213L5.00088 4.05821L8.30088 0.758213C8.42662 0.636774 8.59502 0.569578 8.76981 0.571097C8.94461 0.572616 9.11182 0.642728 9.23543 0.766334C9.35903 0.889939 9.42914 1.05715 9.43066 1.23195C9.43218 1.40674 9.36499 1.57515 9.24355 1.70088L5.47221 5.47221Z' fill='%23BB952A'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	width: 15px;
	height: 8px;
	border-style: none;
}

.kk-upcomtab .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 10px;
	right: 10px;
}

.kk-upcomtab .select2-container--default .select2-selection--single .select2-selection__placeholder,
.kk-upcomtab .select2-container--default .select2-selection--single .select2-selection__rendered {
	font-size: 14px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.30);
}

.kk-upcomtab .nav-pills .nav-link.active,
.kk-upcomtab .nav-pills .show>.nav-link {
	background-color: unset;
	color: rgba(0, 0, 0, 1);
	font-weight: 600;
}

.kk-upcomtab .nav-pills .nav-link.active::before,
.kk-upcomtab .nav-pills .show>.nav-link {
	content: '';
	position: absolute;
	width: 100%;
	height: 3px;
	bottom: 0;
	background-color: rgba(187, 149, 42, 1);
}

.kk-upcomtab .nav-pills .nav-link {
	padding: 20px 0;
	font-size: 16px;
	font-weight: 500;
	color: rgba(153, 153, 153, 1);
	position: relative;
}

.kk-upcomtab .nav {
	gap: 20px;
}

.kk-tbl-data tr th {
	font-size: 16px;
	font-weight: 400;
	color: rgba(51, 51, 51, 1);
	padding: 10px 10px;
}

.kk-tbl-data tbody tr {
	vertical-align: middle;
	/* cursor: pointer; */
}

.kk-tbl-data tbody tr td {
	padding: 20px 10px;
	font-size: 14px;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
	/* max-width: 185px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; */
}

.kk-tbl-data tbody tr td p {
	margin-bottom: unset;
}

.kkhost-bywrap {
	display: flex;
	align-items: center;
	gap: 10px;
}

.kkbk-locimg img {
	object-fit: cover;
  width: 140px;
  height: 93px;
}

.kk-staappinnr {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.kk-staappinnr h4 {
	margin-bottom: unset;
	margin-right: 5px;
}

.kk-staappinnr svg {
	min-width: 20px;
}

.kk-staappmain p {
	margin-bottom: 2px;
	font-size: 12px;
	font-weight: 600;
}

.kk-staappinnr h4 {
	font-weight: 600;
	font-size: 18px;
}

.kk-yourhstwrap {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	border-bottom: 1px solid rgba(239, 239, 244, 1);
}

.kk-brthpartitle h3 {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: unset;
	color: rgba(0, 0, 0, 1);
}

.kk-yourhslft h6 {
	font-weight: 500;
	font-size: 14px;
	color: rgba(187, 149, 42, 1);
	margin-top: 7px;
	margin-bottom: 7px;
}

.kk-yourhslft h6:last-of-type {
	margin-bottom: unset;
	margin-top: unset;
}

.kk-yourhslft p {
	margin-bottom: 7px;
	font-size: 14px;
	font-weight: 400;
	color: rgba(51, 51, 51, 1);
}

.kk-yourhsimg {
	min-width: 50px;
	min-height: 50px;
}

.kk-yourhsimg img {
	object-fit: cover;
  border-radius: 50%;
  height: 70px;
}

.kk-reqdetilwrap {
    padding: 21px 0;
    border-bottom: 1px solid rgba(239, 239, 244, 1);
}

.kk-reqdetilwrap ul {
	padding: 11px 0;
}

.kk-reqdetilwrap ul li>span {
	position: relative;
	font-size: 14px;
	font-weight: 400;
	color: rgba(51, 51, 51, 1);
}

.kk-reqdetilwrap ul li {
	margin-bottom: 7px;
}

.kk-reqdetilwrap ul li:last-child {
	margin-bottom: unset;
}

.kk-reqdetilwrap ul li>span:first-of-type {
	margin-right: 20px;
}

.kk-reqdetilwrap ul li>span:first-of-type:before {
	content: '';
	position: absolute;
	width: 4px;
	height: 4px;
	background-color: rgba(0, 0, 0, 1);
	border-radius: 50%;
	right: -12px;
	top: 50%;
	transform: translateY(-50%);
}

.kk-otpbkwrap {
	padding: 8px 12px;
	border: 1px solid rgba(187, 149, 42, 1);
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.kk-otpbkwrap span {
	font-size: 14px;
	font-weight: 500;
	color: rgba(84, 84, 84, 1);
}

.kk-otpbkwrap span:last-of-type {
	font-size: 16px;
	font-weight: 700;
	color: rgba(0, 0, 0, 1);
}

.kk-reqdetilwrap>span {
	font-weight: 500;
	font-size: 18px;
	color: rgba(51, 51, 51, 1);
	padding: 11px 0;
	display: inline-block;
}

.kk-reqdetilwrap h5,
.kk-listlft h5 {
	font-weight: 600;
	font-size: 14px;
	margin-bottom: unset;
	color: rgba(187, 149, 42, 1);
}
.kkaddons-wrap {
    padding: 21px 0;
    border-bottom: 1px solid #EFEFF4;
}
.kkaddons-wrap h3{
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 12px;
}
.kkaddonsinnr {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 21px;
    margin-bottom: 21px;
}
.kkaddonsinnr:last-of-type{
    margin-bottom: 0;
}
.kkaddons-rgt h4{
    font-size: 18px;
    font-weight: 500;
    color: #333333;
    margin-bottom: 2px;
}
.kkaddons-rgt span{
    font-size: 14px;
    font-weight: 600;
    color: #BB952A;
}
.kkaddons-lft img{
    max-width: 64px;
    width: 64px;
    height: 64px;
    object-fit: cover;
}
.kkborder-none{
    border-bottom: unset !important;
}
.kkyurpay-out{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 22px;
    margin: 11px 0;
}
.kkyurpay-out span:first-of-type s{
    color: rgba(51, 51, 51, 0.5);
}
.kkyurpay-out span{
    font-size: 18px;
    font-weight: 500;
    color: #333333;
    position: relative;
}
.kkyurpay-out span:first-of-type::before{
    content: unset;
}
.kkyurpay-out span:before{
    content: "";
    position: absolute;
    background-color: #000;
    width: 5px;
    height: 5px;
    top: 50%;
    left: -12px;
    transform: translateY(-50%);
    border-radius: 50%;
}
/*----*/
.toglpayout h4{
    font-weight: 600;
    font-size: 14px;
    margin-bottom: unset;
    color: rgba(187, 149, 42, 1);
}
.kkpayout-sec table tr{
    margin-bottom: 10px;

}

.kkpayout-sec table tr:last-of-type{
    border-top: 1px solid #e5e5e5;
    width: 100%;
    margin-top: 12px;
}
.kkpayout-sec table tr:last-of-type td{
    padding-top: 12px;
}
.kk-listwrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 21px 0;
	border-bottom: 1px solid rgba(239, 239, 244, 1);
}

.kk-listlft h3 {
	font-size: 14px;
	font-weight: 600;
	color: rgba(0, 0, 0, 1);
	margin-bottom: unset;
}

.kk-listlft>span {
	font-size: 18px;
	font-weight: 500;
	color: rgba(51, 51, 51, 1);
	padding: 2px 0;
	display: inline-block;
}

.kk-needhelp {
	padding: 21px 0;
	border-bottom: 1px solid rgba(239, 239, 244, 1);
}

.kk-needhelp h3 {
	font-size: 14px;
	font-weight: 600;
	color: rgba(0, 0, 0, 1);
	margin-bottom: unset;
	padding-bottom: 11px;
}

.kk-needhelp h5 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: unset;
    color: rgba(187, 149, 42, 1);
    padding-bottom: 11px;
}

.kk-grcperwrap {
	padding: 21px 0;

}

.kk-grcperwrap h3 {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: unset;
	padding-bottom: 11px;
	color: rgba(0, 0, 0, 1);
}

.kk-grcperwrap p {
	font-size: 14px;
	font-weight: 400;
	color: rgba(51, 51, 51, 1);
}

.kk-listrgt img {
    width: 96px;
    height: 64px;
    object-fit: cover;
}

.kkno-data {
	text-align: center;
}

.kkneed-com {
	background-color: rgba(187, 149, 42, 1);
	padding: 5px 7px;
	border-radius: 4px;
	color: rgba(255, 255, 255, 1);
	font-size: 14px;
	font-weight: 500;
	display: block;
	text-align: center;
	width: fit-content;
}

.kkcanc-dat {
	color: rgba(254, 56, 36, 1);
	font-weight: 500;
}

.kkbkrvi-title h2 {
	font-weight: 700;
	font-size: 28px;
	color: rgba(0, 0, 0, 1);
	margin-bottom: unset;
}

.kkbkrvi-wrap {
	padding: 22px;
	border: 1px solid rgba(239, 239, 244, 1);
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 20px;
}

.kkbkrvilft {
	max-width: 80px;
	max-height: 80px;
	border-radius: 50%;
}

.kkbkrvilft img {
	object-fit: cover;
  border-radius: 50%;
}

.kkbkrvirgt h4 {
	font-size: 14px;
	font-weight: 700;
	color: rgba(0, 0, 0, 1);
	margin-bottom: unset;
}

.kkbkrvirgt p {
	font-weight: 400;
	font-size: 14px;
	color: rgba(51, 51, 51, 1);
	margin-bottom: unset;
}

.kkreview-rating ul {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

/*-------*/

#half-stars-example .rating-group {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 2px;
}

#half-stars-example .rating__icon {
	pointer-events: none;
}

#half-stars-example .rating__input {
	position: absolute !important;
	left: -9999px !important;
}

.rating__input:focus {
	border: none;
}

#half-stars-example .rating__label {
	cursor: pointer;
}

#half-stars-example .rating__label--half {
	padding-right: 0;
	margin-right: -0.6em;
	z-index: 2;
}

#half-stars-example svg.rating__icon--star path {
	fill: rgba(187, 149, 42, 1);
}

#half-stars-example .rating__icon--none {
	color: #eee;
}

#half-stars-example .rating__input--none:checked+.rating__label .rating__icon--none {
	color: red;
}

#half-stars-example .rating__input:checked~.rating__label svg.rating__icon--star path {
	fill: #fff;
}

#half-stars-example .rating-group:hover .rating__label .rating__icon--star,
#half-stars-example .rating-group:hover .rating__label--half .rating__icon--star {
	color: rgba(187, 149, 42, 1);
}

#half-stars-example .rating__input:hover~.rating__label .rating__icon--star,
#half-stars-example .rating__input:hover~.rating__label--half .rating__icon--star {
	color: #fff;
}

#half-stars-example .rating-group:hover .rating__input--none:not(:hover)+.rating__label .rating__icon--none {
	color: #eee;
}

#half-stars-example .rating__input--none:hover+.rating__label .rating__icon--none {
	color: red;
}

#half-stars-example svg {
	position: unset;
	right: unset;
	top: unset;
	transform: unset;
	outline: none;
}


/*------*/

.kkrveratinnr {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 10px;
}

.kkrveratinnr h5 {
	font-size: 16px;
	font-weight: 600;
	text-transform: capitalize;
}

.kkrverat-wrap {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 17px;
}

.kkbkgiv-revsec {
	padding: 38px 0;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

.kkbkgiv-revsec:before {
	content: '';
	position: absolute;
	width: calc(100% + 100%);
	height: 1px;
	background: #e5e5e5;
	left: 50%;
	transform: translateX(-50%);
	top: 20px;
}

.kkexp-rent {
	padding-top: 68px;
	display: block;
}

.kk-givrvfrm .form-group .form-control {
	border: 1px solid rgba(221, 221, 221, 1);
	padding: 14px 13px;
	border-radius: 0;
	font-weight: 400;
	font-size: 14px;
	color: #000;
}

.kk-givrvfrm .form-group .form-control::placeholder {
	color: rgba(0, 0, 0, 0.30);
}

.kk-givrvfrm .form-group .form-control:focus {
	box-shadow: none;
	border-color: #BB952A;
}

.kk-givrvfrm .form-group label {
	font-weight: 600;
	font-size: 13px;
	margin-bottom: 5px;
	color: rgba(0, 0, 0, 1);
}

.kkreviarea {
	padding: 30px 0;
	border-top: 1px solid rgba(187, 149, 42, 1);
	border-bottom: 1px solid rgba(187, 149, 42, 1);
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.kklearev-btn {
	white-space: nowrap;
}

.kkreviinfo p {
	font-weight: 400;
	font-size: 14px;
	margin-bottom: unset;
	color: rgba(51, 51, 51, 1);
}

.kkglb-btn {
	box-shadow: 0px 5px 14px 0px #BC8A1F66;
	background-color: #BB952A;
	color: #ffffff;
	font-size: 15px;
	font-weight: 600;
	padding: 17px 27px;
	border-radius: 10px;
	border: 1px solid rgba(187, 149, 42, 1);
	position: relative;
	overflow: hidden;
	transition: 1s all ease;
	z-index: 1;
	text-align: center;
	display: block;
}

.kkglb-btn::before {
	background: #FFF;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	transition: all 0.6s ease;
	width: 0%;
	height: 100%;
	color: #BB952A;
}

.kkglb-btn:hover {
	background-color: #ffffff;
	color: #BB952A;
}

.kkglb-btn:hover::before {
	width: 100%;
}

.kkuserrev-innr {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	justify-content: flex-start;
}

.kkuserrevlft {
	min-width: 32px;
	min-height: 32px;
}

.kkuserrevlft img {
	object-fit: cover;
}

.kkreview-rating {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 5px;
}

.kkuserrevrgt-info h4 {
	font-size: 16px;
	font-weight: 500;
	color: rgba(0, 0, 0, 1);
	margin-bottom: unset;
}

.kkreview-rating span {
	font-size: 12px;
	color: rgba(0, 0, 0, 0.30);
}

.kkuserrevrgt p {
	font-size: 13px;
	font-weight: 400;
	color: rgba(84, 84, 84, 1);
	margin-bottom: unset;
}

.kkuserrev-main {
	padding: 30px 0;
	border-bottom: 1px solid rgba(187, 149, 42, 1);
}

.kkyrpydetail-wrap {
	padding: 21px 0;
	border-bottom: 1px solid rgba(239, 239, 244, 1);
}

.kkyrpydetail {
	padding-bottom: 11px;
}

.kkyrpydetail span {
	font-size: 18px;
	font-weight: 500;
	color: rgba(51, 51, 51, 1);
}

.kkyrpydetail .kk-brthpartitle {
	padding-bottom: 11px;
}

.kk-yourpayoutinfo {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 9px;
}

.kk-yourpayoutinfo span {
	font-size: 13px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.70);
}

.kktotal-sec {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 9px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.kktotal-sec span {
	font-size: 14px;
	font-weight: 500;
	color: rgba(0, 0, 0, 1);
}

.kkcanc-sec {
	padding: 21px 0;
	border-top: 1px solid rgba(239, 239, 244, 1);
	border-bottom: 1px solid rgba(239, 239, 244, 1);
}

.kkcanc-sec h3 {
	font-size: 14px;
	font-weight: 600;
	color: rgba(255, 44, 85, 1);
}

.kkcanc-sec p {
	font-weight: 400;
	font-size: 14px;
	color: rgba(51, 51, 51, 1);
	margin-bottom: unset;
}

.kkpagelnk {
	color: rgba(51, 51, 51, 1);
	text-decoration: underline;
}

.kk-block {
	display: block;
	cursor: pointer;
}

/*-------booking-venue End----*/

/*--chat---*/
.kkno-scroll header {
	box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.1);
}

.kkno-scroll {
	overflow: hidden;
}

.chatlist-wrap {
	width: 25%;
	min-width: 25%;
}

.chatconversation-wrap {
	width: 50%;
	position: relative;
	display: block;
	margin: 0 auto;
	text-align: center;
	/* border: 1px solid #E3EDF0; */
	border-radius: 0 16px 16px 0;
	background: rgba(240, 240, 240, 1);
}

.chatdetail-wrap {
	width: 25%;
	border-left: 1px solid rgba(221, 221, 221, 1);
}

/*---chatlist-head----*/
.chatlist-wrap {
	border-right: 1px solid rgba(221, 221, 221, 1);
}

.chatlist-head {
	padding: 18px 28px;
	height: 78px;
	display: flex;
	align-items: center;
}

.kkdrop-wrap .select2-container--default .select2-selection--single .select2-selection__arrow b {
	display: block;
	background-image: url("data:image/svg+xml,%3Csvg width='15' height='8' viewBox='0 0 15 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.20637 7.70685C8.01884 7.89433 7.76453 7.99964 7.49937 7.99964C7.2342 7.99964 6.97989 7.89433 6.79237 7.70685L1.13537 2.04985C1.03986 1.95761 0.963674 1.84726 0.911265 1.72526C0.858856 1.60326 0.83127 1.47204 0.830116 1.33926C0.828962 1.20648 0.854264 1.0748 0.904545 0.951901C0.954826 0.829005 1.02908 0.717352 1.12297 0.623459C1.21686 0.529567 1.32852 0.455314 1.45141 0.405033C1.57431 0.354752 1.70599 0.32945 1.83877 0.330604C1.97155 0.331758 2.10277 0.359344 2.22477 0.411753C2.34677 0.464162 2.45712 0.540344 2.54937 0.635854L7.49937 5.58586L12.4494 0.635854C12.638 0.453696 12.8906 0.352902 13.1528 0.35518C13.415 0.357459 13.6658 0.462628 13.8512 0.648036C14.0366 0.833444 14.1418 1.08426 14.144 1.34645C14.1463 1.60865 14.0455 1.86125 13.8634 2.04985L8.20637 7.70685Z' fill='black'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	width: 15px;
	height: 8px;
	border-style: none;
}

.kkdrop-wrap .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 26px;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 20px;
	transform: translateY(-50%);
}

/*-ul scrollbar-*/
/*scrollbar*/
.scrollbar::-webkit-scrollbar-track {
	-webkit-box-shadow: none;
	border-radius: 10px;
	background-color: transparent;
}

.scrollbar::-webkit-scrollbar {
	width: 4px;
	height: 2px;
	background-color: transparent;
}

.scrollbar::-webkit-scrollbar-thumb {
	border-radius: 58px;
	-webkit-box-shadow: none;
	background-color: rgba(187, 149, 42, 0.3);
}

.scrollbar {
	overflow-x: hidden;
	height: calc(100% - 200px);
	overflow-y: auto;
}

.kkchatlistul {
	padding: 0;
	border-top: 1px solid rgba(221, 221, 221, 1);
}

.kkchatlistul li {
	border-bottom: 0.4px solid #DCDCDC;
	display: flex;
	align-items: center;
	padding: 18px 20px;
}

.kkchatlistul li a.chat_list_info {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
}

.chat_list_info_fst {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.kkchatlistul li a img {
	object-fit: cover;
	border-radius: 50%;
  width: 50px;
  height: 50px;
}

.chat_msg {
	margin-left: 10px;
}

.chat_list_info_fst .chat_msg h3 {
	color: rgba(0, 0, 0, 1);
	font-size: 16px;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 0px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.chat_list_info.unread_msg p {
	color: #04064E;
	font-weight: 600;
}

.chat_list_info p {
	margin-bottom: 0;
	font-weight: 400;
	font-size: 13px;
	color: rgba(0, 0, 0, 0.6);
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 150px;
	width: 100%;
}

.chat_list_time {
	color: rgba(0, 0, 0, 0.7);
	font-size: 12px;
	font-weight: 400;
}

.chat_list_panding {
	max-width: 18px;
	max-height: 18px;
	background: rgba(187, 149, 42, 1);
	color: #fff;
	display: grid;
	place-content: center;
	border-radius: 50%;
	font-size: 12px;
	font-weight: 500;
	margin-top: 5px;
	margin-left: auto;
}

.kkchatlistul li.active {
	background: rgba(187, 149, 42, 0.1);
	border-bottom: 1px solid #DFECF0;
}

/*-ul scrollbar End-*/
/*--chatlist-head End----*/
/*--chat_conversation--*/
.chat_conversation_header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18px 28px;
	border-radius: 0;
	background: #fff;
	border-bottom: 1px solid rgba(221, 221, 221, 1);
	height: 80px;
}

.wd_chat_head_lft {
	display: flex;
	align-items: center;
	gap: 12px;
}

.chat_conversation_header a.chat_back_arrow {
	margin-right: 10px;
	display: none;
}

.chat_conversation_header a.chat_back_arrow i {
	color: #000;
}

.chat_conversation_header img {
	object-fit: cover;
	border-radius: 50%;
	padding: 0;
	border: 1px solid #FFFFFF66;
  width: 40px;
  height: 40px;
}

.chat_conversation_header h3 {
	font-weight: 600;
	font-size: 20px;
	color: #000000;
	margin: 0;
  text-align: left;
}

.chat_conversation_body {
	background: rgba(240, 240, 240, 1);
	padding: 24px 20px 65px 20px;
}

.chatconversation-wrap .time {
	position: relative;
	padding: 10px 0;
}

.chatconversation-wrap .time span {
	width: 100%;
	font-size: 16px;
	font-weight: 600;
	color: rgba(0, 0, 0, 1);
	text-align: center;
	border-radius: 8px;
	position: relative;
}

.chatconversation-wrap .time:before {
	content: '';
	position: absolute;
	background-color: rgba(0, 0, 0, 0.4);
	height: 1px;
	width: 45%;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.chatconversation-wrap .time:after {
	content: '';
	position: absolute;
	background-color: rgba(0, 0, 0, 0.4);
	height: 1px;
	width: 45%;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

.chat_messages_outgoing {
	display: flex;
	flex-direction: row-reverse;
	padding-left: 0px;
	margin: 0px 0px 20px auto;
	width: 100%;
	max-width: 689px;
}

.chat_outgoing_txt {
	background: rgba(187, 149, 42, 1);
	padding: 13px 13px;
	border-radius: 12px 12px 0px 12px;
	word-break: break-word;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: space-around;
	grid-gap: 10px;
	box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.1);
}

.chat_outgoing_txt p {
	font-weight: 500;
	font-size: 14px;
	color: #ffffff;
	margin: 0;
	text-align: left;
}

.chat_outgoing_txt.next_received {
	border-radius: 12px 12px 12px 12px;
}

.chat_incoming_txt.next_received {
	border-radius: 12px 12px 12px 12px;
}

.chat_messages_incoming {
	display: flex;
	flex-direction: row;
	padding-left: 0px;
	margin: 0px auto 20px 0;
	width: 100%;
	max-width: 689px;
}

.chat_incoming_txt {
	background: #000000;
	padding: 13px 13px;
	border-radius: 12px 12px 12px 0;
	word-break: break-word;
	margin: 0;
}

.chat_incoming_txt p {
	font-weight: 500;
	font-size: 14px;
	color: #ffffff;
	margin: 0;
	text-align: left;
}

.wd_chat_duration {
	color: #000000;
	display: block;
	font-size: 10px;
	font-weight: 500;
	margin: 4px 0 0;
}

.text-start {
	text-align: left !important;
}

.chatbox-wrap {
	background: #FFF;
	display: flex;
	height: 100vh;
	/* margin-bottom: 30px; */
}

.kkdate-areawrap {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 5px;
}

.kkdate-area {
	text-align: left;
}

.kkdate-area span {
	font-size: 12px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.5);
}

.kkdate-area p {
	font-size: 12px;
	font-weight: 500;
	color: #fff;
}

.chat_conversation_footer {
	background: transparent;
	padding: 15px 20px;
	position: absolute;
	bottom: 100px;
	left: 0;
	right: 0;
	border-radius: 0;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
}

.chat_conversation_footer .form-group {
	position: relative;
	margin: 0;
	width: 100%;
}

.chat_conversation_footer .form-group .form-control {
	font-size: 16px;
	font-weight: 400;
	height: auto;
	background: transparent;
	color: #424242;
	line-height: normal;
	background: #FFFFFF;
	border: 1.19px solid #0000001A;
	height: auto;
	padding: 18px 18px 18px 51px;
	border-radius: 900px;
	box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.25);
}

.wd-send-btn {
	background: radial-gradient(795.76% 240% at 50% 10.83%, #F2E79E 0%, #F2E79E 0.01%, #EDD681 2.16%, #D9B85A 4.9%, #CA9F3A 7.6%, #BF8E24 10.22%, #B88417 12.35%, #B68012 16.36%, #C29429 23.16%, #C7992E 28.5%, #C8A33E 37.92%, #C8A33E 47.48%, #C8A33E 56.52%, #C8A33E 65.93%, #C7992E 75.48%, #B68012 83.99%, #B88316 87.28%, #BE8D23 89.93%, #C89D37 92.97%, #D7B455 95.33%, #E9D07A 97.68%, #F2E79E 100%);
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 18px;
	font-weight: 700;
	color: #071529;
	text-align: center;
	border: none;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}

.attachfile-icon {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 25px;
}

/*--chat_conversation End--*/
/*--chatdetail-wrap----*/
.chatdetail-data {
	padding: 24px 24px;
}

.chatdetail-headinnr {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18px 28px;
	border-bottom: 1px solid rgba(221, 221, 221, 1);
	height: 80px;
}

.chatdetail-headinnr h2 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: unset;
}

/*--Paradise Pool--*/
.kkparpool-img img {
	object-fit: cover;
}

.kkparpool-wrap h2 {
	font-weight: 600;
	font-size: 18px;
	color: rgba(0, 0, 0, 1);
	padding: 20px 0;
	margin-bottom: unset;
}

.kkcustom-area {
	padding: 20px 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.custrat-btn {
	display: block;
	box-shadow: 0px 5px 14px 0px #BC8A1F66;
	background-color: #BB952A;
	color: #ffffff;
	font-size: 15px;
	font-weight: 600;
	padding: 14px 50px;
	border-radius: 10px;
	border: 1px solid rgba(187, 149, 42, 1);
	position: relative;
	overflow: hidden;
	transition: 1s all ease;
	z-index: 1;
	text-align: center;
}

.custrat-btn:before {
	background: #FFF;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	transition: all 0.6s ease;
	width: 0%;
	height: 100%;
	color: #BB952A;
}

.custrat-btn:hover {
	background-color: #ffffff;
	color: #BB952A;
}

.custrat-btn:hover::before {
	width: 100%;
}

.dtviwprod-innr {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 0;
}

.dtviwprodcnt h3 {
	font-size: 16px;
	font-weight: 600;
	color: rgba(0, 0, 0, 1);
	margin-bottom: unset;
}

.dtviwprodcnt a {
	font-size: 14px;
	font-weight: 400;
	text-decoration: underline;
	color: rgba(187, 149, 42, 1);
}
.dtviwprod-img img{
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 50%;
}
.kkalwys-cnt {
	background: rgba(240, 240, 240, 1);
	padding: 16px;
	border-radius: 11px;
}

.kkalwys-cnt h4 {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: unset;
	color: rgba(0, 0, 0, 1);
}

.kkalwys-cnt p {
	font-size: 12px;
	font-weight: 400;
	color: rgba(51, 51, 51, 1);
	margin-bottom: unset;
}

.kkalwys-cnt p a {
	text-decoration: underline;
	color: rgba(51, 51, 51, 1);
}

/*--Discover Spaces--*/
.chtsidebar-botm {
	background: #000000;
	border-radius: 14px;
	padding: 16px 28px;
	margin: 20px 0;
}

.chtapp-cover-area {
	height: 221px;
	margin: 0 auto 18px;
}

.chtapp-cover-area img {
	object-fit: contain;
	width: 100%;
	height: 100%;
}

.chtsidebar-botm h2 {
	font-weight: 700;
	font-size: 26.28px;
	text-align: center;
	color: #FFF;
	margin-bottom: 12px;
}

.chtsidebar-botm p {
	font-weight: 400;
	font-size: 12.45px;
	text-align: center;
	color: #FFF;
	margin-bottom: 12px;
}

.chtapp-btns {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	transition: all 0.4s ease-in-out;
}

.chtapp-btns a:hover {
	transform: scale(1.1);
}

.kkreplink-wrap ul li {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.kkreplink-wrap ul li a {
	padding: 20px 0;
	display: inline-block;
	font-size: 15px;
	font-weight: 500;
	color: rgba(187, 149, 42, 1);
}

.rgtbtncommon {
	background-color: transparent;
	outline: none;
	border: none;
}

.van-subtitle p {
	font-size: 13px;
	font-weight: 400;
	color: rgba(84, 84, 84, 1);
}

/* Add these to your existing CSS */
#showbtn_detail {
	display: none;
	/* Hidden by default */
}

.rgtbtncommon {
	cursor: pointer;
	background-color: transparent;
	outline: none;
	border: none;
}
.select2-dropdown{
  border: 1px solid transparent;
  border-radius: 6px;
  box-shadow: 0px 8px 23px 0px #00000026;
}
.select2-results__option{
  padding: 6px 15px;
}
span.select2-dropdown.select2-container.select2-container--default.kkinbxcustm.select2-dropdown--below {
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: unset;
}

/*--chat End---*/
/*-Notification page--*/
.kknotificpg {
	padding: 40px 0 88px 0;
}

.kknotfic-head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.kknotfic-head a {
	font-size: 14px;
	font-weight: 500;
	color: rgba(187, 149, 42, 1);
}

.kknotfic-head h1 {
	color: rgba(0, 0, 0, 1);
	font-weight: 600;
	font-size: 26px;
	margin-bottom: unset;
}

.kknotfic-head {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding: 15px 15px;
}

.kknotific-list {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.kknotific-list ul {
	padding: 15px 15px;
}

.kknotific-list ul li {
	position: relative;
	padding-left: 10px;
	margin-bottom: 10px;
}

.kknotific-list ul li.unread:before {
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	background-color: rgba(187, 149, 42, 1);
	top: 9px;
	left: -2px;
	transform: translateY(-50%);
	border-radius: 50%;
}

.kknotific-list ul li p {
	margin-bottom: unset;
	font-size: 14px;
	font-weight: 500;
	color: rgba(84, 84, 84, 1);
}

.kknotific-list ul li span {
	font-size: 12px;
	font-weight: 500;
	color: rgba(153, 153, 153, 1);
}

/*--22-05-2025 search result detail page--*/
.booking-form .form-select {
	border: none;
	position: relative;
	border-bottom: 1px solid #DDDDDD;
	font-size: 13px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.5);
	border-radius: unset;
	background-image: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' fill-rule='evenodd' clip-rule='evenodd' d='M4.41231 5.16245C4.30292 5.27181 4.15457 5.33325 3.99989 5.33325C3.84522 5.33325 3.69687 5.27181 3.58748 5.16245L0.287561 1.86254C0.231847 1.80873 0.187407 1.74436 0.156836 1.67319C0.126264 1.60202 0.110172 1.52548 0.109499 1.44802C0.108826 1.37057 0.123585 1.29375 0.152915 1.22206C0.182246 1.15037 0.225561 1.08524 0.280332 1.03047C0.335103 0.975702 0.400232 0.932388 0.471921 0.903058C0.543611 0.873727 0.620425 0.858968 0.697879 0.859641C0.775334 0.860314 0.851879 0.876406 0.923048 0.906978C0.994217 0.93755 1.05858 0.981989 1.11239 1.0377L3.99989 3.9252L6.88739 1.0377C6.99741 0.931445 7.14476 0.872648 7.29771 0.873977C7.45066 0.875306 7.59697 0.936655 7.70512 1.04481C7.81328 1.15296 7.87463 1.29927 7.87595 1.45222C7.87728 1.60517 7.81849 1.75252 7.71223 1.86254L4.41231 5.16245Z' fill='black'/%3E%3C/svg%3E%0A");
	background-size: 8px 10px;
	padding: 8px 0;
}

.booking-form .form-select:focus {
	box-shadow: unset;
}

.kkswreview-btn {
	width: fit-content;
	padding: 17px 47px;
	border: 1px solid rgba(221, 221, 221, 1);
	border-radius: 10px;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	color: rgba(0, 0, 0, 1);
}

.kkswreview-btn:hover {
	color: #BB952A;
}

.booking-form .add-more {
	margin-bottom: 15px;
}

.kkpayment-sec {
	padding: 43px 0 105px 0;
}

.kkpayment-sec h1 {
	font-size: 22px;
	font-weight: 600;
	color: rgba(0, 0, 0, 1);
	margin-bottom: 24px;
}

.kkpaymtpgimg-lft img {
	object-fit: cover;
	aspect-ratio: 1 / 1;
}

.kkpaymtpgimg-rgt h2 {
	font-size: 18px;
	font-weight: 600;
	color: rgba(0, 0, 0, 1);
	margin-bottom: 9px;
}

.kkpaymtpgimg-rgt p {
	margin-bottom: unset;
	font-size: 14px;
	font-weight: 500;
	color: rgba(119, 119, 119, 1);
	margin-top: 9px;
}

.kkpaymt-rgt {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 14px;
	margin-bottom: 28px;
}

.account-form h3 {
	font-size: 15px;
	font-weight: 600;
	color: rgba(0, 0, 0, 1);
}

/* .account-form p {
	font-size: 13px;
	font-weight: 400;
	color: rgba(119, 119, 119, 1);
} */

.rntrul-btn {
	color: rgba(187, 149, 42, 1);
	text-decoration: underline;
}

.kkprotpack-wrap {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-top: 28px;
}

.kkprotpack-lft h4 {
	font-size: 14px;
	font-weight: 600;
	color: rgba(0, 0, 0, 1);
	margin-bottom: 3px;
}

.kkprotpack-lft p {
	font-size: 12px;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
	margin-bottom: unset;
}

.kkremovedaybtn {
	outline: none;
	border: none;
	background-color: transparent;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
}

.kksinwalldet-btn {
	padding-top: 11px;
	padding-bottom: 36px;
	width: fit-content;
}

.kksinwalldet-btn a {
	font-size: 16px;
	font-weight: 500;
	color: rgba(0, 0, 0, 1);
}

.kksinwalldet-btn a svg {
	margin-right: 20px;
}

.v_detail_blog {
	padding-top: 37px;
}

/*--search result 26-05-25--*/


.kksrcresult-main {
	display: flex;
}

.kksrcres-fullwd {
	width: 100%;
}

.kkallkksrcres-rgt {
	position: fixed;
	right: 0;
	top: 0;
}

/*-search result page search filter--*/
.kksrresfield-form .form-group {
	position: relative;
}

.kksrresfield-form .form-group input {
	border-radius: unset;
	border: 1px solid rgba(221, 221, 221, 1);
	padding: 13px 13px 13px 38px;
	box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.1);
	font-size: 13px;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
	background-color: rgba(255, 255, 255, 1);
}

.kksrresfield-form .form-group button,
.kksrresfield-form .form-group .kkfilteropen {
	outline: none;
	border: none;
	background-color: transparent;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	cursor: unset;
}

.kksrresfield-form .form-group button:first-of-type svg {
	opacity: 0.4;
}

.kksrresfield-form .form-group .kkfilteropen {
	right: 0;
	cursor: pointer;
	padding: 13px 31px;
}

.kksrresfield-form .form-group .kkfilteropen:before {
	content: '';
	position: absolute;
	width: 1px;
	height: 47px;
	background: rgba(221, 221, 221, 1);
	top: 1px;
	left: 0;
}

.kksrresfield-form .form-group .kkfilteropen svg {
	margin-right: 10px;
}

.kkfilteropen a {
	font-size: 13px;
	font-weight: 600;
	color: rgba(0, 0, 0, 1);
}

/*----*/

.kkallkksrcres-tab ul {
	margin: 0 auto;
}

.kkshowing-res {
	padding: 24px 0 16px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.kkshowing-res p {
	margin-bottom: unset;
	text-align: left;
	font-size: 14px;
	color: rgba(0, 0, 0, 1);
}

/*--Create Project tab-pane inner code--*/

.kkpadngcomwrap {
	padding: 0 26px 36px;
}

.kkopnprjid-btn {
	background-color: transparent;
	outline: none;
	border: none;
	position: relative;
}

.kkbookmrk-popup .dropdown-toggle {
	border: none;
	background-color: transparent;
	padding: 0;
}

.kkbookmrk-popup .dropdown-toggle::after {
	content: unset;
}

.kkbookmrk-popup .dropdown-menu {
	background: #fff;
	width: 280px;
	height: 350px;
	padding: 0;
	border-radius: 0;
	box-shadow: 0px 6.99px 20.98px 0px rgba(0, 0, 0, 0.25);
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	top: 10px;
}

.kkbookmrk-popup .dropdown-menu:before {
	content: '';
	height: 20px;
	width: 20px;
	position: absolute;
	background-color: #ffffff;
	top: -10px;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
}

.kkcretprjbtm {
	padding: 12px 12px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	text-align: center;
	position: absolute;
	bottom: 0;
	width: 100%;
	background: #fff;
}

.kkcretprjbtm button {
	border: none;
	background-color: transparent;
	font-size: 11px;
	font-weight: 600;
	color: rgba(0, 0, 0, 1);
}

.kkcretprjbtm button svg {
	margin-right: 7px;
}

.kkpojtlist-wrp {
	overflow-y: auto;
	height: 100%;
	width: 100%;
	overflow-x: hidden;
}

.kkcrtprjarea {
	padding: 20px 14px 14px 14px;
}

.kkcrtprjarea h3 {
	font-size: 18px;
	font-weight: 600;
	color: rgba(0, 0, 0, 1);
	margin-bottom: 23px;
	text-align: center;
}

.cretproj-frm .form-group {
	margin-bottom: 16px;
}

.cretproj-frm .form-control {
	padding: 14px 13px;
	border-radius: unset;
	border: 1px solid rgba(221, 221, 221, 1);
}

.kkcrtprjarea p {
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	color: rgba(84, 84, 84, 1);
}

.cretproj-frm .kkfrmbtntran {
	background-color: transparent;
	border: unset;
	display: block;
	margin: 0 auto;
	font-size: 15px;
	font-weight: 600;
	margin-top: 10px;
}

.kkcretproj-frmbtn {
	box-shadow: 0px 5px 14px 0px #BC8A1F66;
	background-color: #BB952A;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	padding: 14px 79px;
	border-radius: 10px;
	border: 1px solid rgba(187, 149, 42, 1);
	position: relative;
	overflow: hidden;
	transition: 1s all ease;
	z-index: 1;
	text-align: center;
	display: block;
	margin: 0 auto;
}

.kkcretproj-frmbtn:before {
	background: #FFF;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	transition: all 0.6s ease;
	width: 0%;
	height: 100%;
	color: #BB952A;
}

.kkcretproj-frmbtn:hover {
	background-color: #ffffff;
	color: #BB952A;
}

.kkcretproj-frmbtn:hover::before {
	width: 100%;
}

.kkcretpojt-list {
	padding: 20px 10px 10px 10px;
	margin-bottom: 50px;
	overflow: hidden;
	height: 300px;
	overflow-y: auto;
}

.kkcretpojt-list ul li {
	padding: 7px 7px;
	border: 1px solid rgba(221, 221, 221, 1);
	margin-bottom: 5px;
}

.kkcretpojt-list ul li a {

	display: flex;
	align-items: center;
	justify-content: space-between;
}

.kkcretpojt-wrp {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 5px;
}

.kkcretpojt-inr {
	max-width: 35px;
	max-height: 35px;
  width: 35px;
  height: 35px;
}

.kkcretpojt-inr img {
	margin-bottom: unset;
	border-radius: unset;
	object-fit: cover;
	height: inherit;
}

.kkcretpojt-nam h5 {
	font-size: 14px;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
	margin-bottom: unset;
}

.cretproj-frm .form-control:focus {
	box-shadow: none
}

/*--SEARCHFOOTER-*/
.kksrcres-ftr {
	background: rgba(245, 245, 245, 1);
	padding: 17px 20px;
}

.kkftrshrtdes p {
	font-size: 13px;
	font-weight: 500;
	margin-bottom: unset;

}

.kkftrshrtdes {
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.kkftrmnulink {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 14px;
}

.kkftrmnulink ul {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.kkftrmnulink ul li {
	padding-right: 32px;
}

.kkftrmnulink ul li a {
	font-size: 13px;
	font-weight: 500;
	color: rgba(0, 0, 0, 1);
}

.kkftrmnu-cpyrgt span {
	font-size: 13px;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
}

.kkftrmnulink ul li a:hover {
	color: #BB952A;
}

#searchresultmap {
	width: 100%;
	height: calc(100vh - 107px);
	z-index: -1;
}

.kklikebtn {
	background-color: transparent;
	border: unset;
}
.active-sidebar .kksrresfield-form.srchsticky{
  z-index: -1;
}
.kksrresfield-form.srchsticky {
	position: sticky;
	top: 78px;
	z-index: 99;
}


.kkmaptogg {
	width: 150px;
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 10px;
}

.kkswich-sec {
	position: relative;
	display: inline-block;
	width: 33px;
	height: 24px;
	margin-right: 10px;
}

.kkswich-sec input {
	opacity: 0;
	width: 0;
	height: 0;
}

.kkmaptogg input:checked+.kkslid-tgl {
	background-color: transparent;
	border: 1px solid rgba(173, 173, 173, 1);
}

.kkslid-tgl {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: transparent;
	transition: .4s;
	border-radius: 34px;
	border: 1px solid rgba(173, 173, 173, 1);
}

.kkmaptogg input:checked+.kkslid-tgl:before {
	transform: translateX(15px);
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.00065 3.33333L0.333984 5L5.33398 10L13.6673 1.66667L12.0007 0L5.33398 6.66667L2.00065 3.33333Z' fill='white'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-color: rgba(187, 149, 42, 1);
	color: #92c353;
}

.kkslid-tgl:before {
	content: '';
	position: absolute;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.83398 1.83325L10.1673 10.1666M1.83398 10.1666L10.1673 1.83325' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #888;
	height: 24px;
	width: 24px;
	left: 0;
	bottom: 0;
	background-color: rgba(173, 173, 173, 1);
	transition: .4s;
	border-radius: 50%;
	font-size: 12px;
	background-position: center;
}

.showmaptxt {
	font-size: 14px;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
	background-color: transparent;
	border: unset;
	white-space: nowrap;
}

#searchmapclose {
	display: none;
}


.wd-auth-modal .modal-header .modal-text-header {
	flex: 1;
	text-align: center;

}

.wd-auth-modal .modal-header {
	padding: 0;
	border-bottom: unset;
	align-items: flex-start;
}

.wd-auth-modal .modal-content {
	border-radius: unset;
	padding: 25px 25px;
	gap: 40px;
	border: unset;
	min-width: 570px;
}

.wd-auth-modal .modal-body {
	padding: 0;
}

.wd-auth-modal .modal-text-header h2 {
	font-size: 28px;
	font-weight: 600;
	color: rgba(0, 0, 0, 1);
	margin-bottom: 10px;
}

.wd-auth-modal .modal-text-header p {
	margin-bottom: unset;
	font-size: 13px;
	font-weight: 400;
	color: rgba(84, 84, 84, 1);
}

.wd-auth-modal .modal-text-header p a {
	font-size: 13px;
	font-weight: 700;
	color: rgba(187, 149, 42, 1);
}

.wd-auth-signup .input_group input {
	padding: 16px 18px;
	background-color: rgba(245, 245, 245, 1);
	border: 1px solid;
	border-image-source: linear-gradient(95.23deg, rgba(255, 255, 255, 0.17) -13.01%, rgba(255, 255, 255, 0) 35.98%, rgba(255, 255, 255, 0.17) 100.92%);
	border-radius: 17px;
	font-size: 14px;
	font-weight: 400;
}

.fwgt-pwd {
	font-size: 14px;
	font-weight: 600;
	color: rgba(187, 149, 42, 1);
	margin: 11px auto 27px auto;
	display: inline-block;
	text-align: center;
	width: 100%;
}

.wd-auth-signup .input_group svg {
	position: absolute;
	right: 18px;
	top: 50%;
	transform: translateY(-50%);
}

.wd-form-flex {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 16px;
}

.wd-form-flex>div {
	flex: 1;
	width: 100%;
}

.kkmb-16 {
	margin-bottom: 16px;
}

.header_login_btn {
	box-shadow: 0px 5px 14px 0px #BC8A1F66;
	background-color: #BB952A;
	color: #ffffff;
	font-size: 15px;
	font-weight: 600;
	padding: 14px 50px;
	border-radius: 10px;
	border: 1px solid rgba(0, 0, 0, 0.3);
	position: relative;
	overflow: hidden;
	transition: 1s all ease;
	z-index: 1;
	text-align: center;
	width: 100%;
}

.header_login_btn:before {
	background: #FFF;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	transition: all 0.6s ease;
	width: 0%;
	height: 100%;
	color: #BB952A;
}

.header_login_btn:hover {
	background-color: #ffffff;
	color: #BB952A;
}

.header_login_btn:hover::before {
	width: 100%;
}

.wd-auth-signup .tnc-text {
	margin: 27px 0 0 0;
	font-size: 13px;
	font-weight: 400;
	color: rgba(84, 84, 84, 1);
}

.wd-auth-signup .tnc-text strong {
	font-size: 13px;
	font-weight: 700;
	color: rgba(84, 84, 84, 1);
}

.wd-auth-signup .tnc-text a {
	font-size: 13px;
	font-weight: 700;
	color: rgba(187, 149, 42, 1);
	text-decoration: underline;
}

.wd-auth-signup .input_group .form-control:focus {
	box-shadow: none;
}

.kkordivider {
	margin: 27px 0;
	text-align: center;
	position: relative;
}

.kkordivider span {
	font-size: 15px;
	font-weight: 600;
	color: rgba(0, 0, 0, 1);

}

.kkordivider:before {
	content: '';
	position: absolute;
	width: 45%;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.2);
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

.kkordivider::after {
	content: '';
	position: absolute;
	width: 45%;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.2);
	top: 50%;
	transform: translateY(-50%);
	right: 0;
}

.header_signup_btn {
	box-shadow: 0px 5px 14px 0px #BC8A1F66;
	background-color: #ffffff;
	color: rgba(0, 0, 0, 1);
	font-size: 16px;
	font-weight: 600;
	padding: 14px 50px;
	border-radius: 10px;
	border: 1px solid rgba(0, 0, 0, 0.3);
	position: relative;
	overflow: hidden;
	transition: 1s all ease;
	z-index: 1;
	text-align: center;
	width: 100%;
}

.kkshare-model,
.wd-blur-bg {
	backdrop-filter: blur(55px);
  background: #0000004D;
	 z-index: 9999;
}

.kkshare-model .modal-content {
	border-radius: unset;
	padding: 25px 25px;
	min-width: 570px;
}

.kkmodal-header {
	display: flex;
	justify-content: center;
	margin-bottom: 30px;
}

.kkmodal-header .kksharelist-title {
	flex: 1;
	text-align: center;
}

.kksharelist-title h1 {
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 10px;
	color: rgba(0, 0, 0, 1);
}

.kksharelist-title p {
	margin-bottom: 0;
	font-size: 13px;
	font-weight: 400;
	color: rgba(84, 84, 84, 1);
}

.kkshare-model .modal-body {
	padding: unset;
}

.kksocialshare {
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: flex-start;
	padding: 12px 16px;
	border: 1px solid rgba(244, 210, 133, 1);
	border-radius: 17px;
	margin-bottom: 17px;
}

.kksocialshare span:last-of-type {
	font-size: 14px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.4);
}

/*--filter Model--*/
.kkfilter-model .modal-content {
	min-width: 570px;
	border-radius: unset;
	background-color: #fff;
}

.kkfilter-model .modal-header {
	padding: 25px 25px;
}

.kkfilter-model .modal-header .kkfilter-title {
	flex: 1;
	text-align: center;
}

.kkfilter-title h1 {
	margin-bottom: 0;
	font-size: 28px;
	font-weight: 600;
	color: rgba(0, 0, 0, 1);
}

.kkprirange-title {
	font-size: 16px;
	font-weight: 600;
	color: #000000;
	margin-bottom: 15px;
}

.kkprilabels {
	display: flex;
	justify-content: space-between;
}

.kkprice-label {
	font-size: 14px;
	font-weight: 600;
	color: #000;
}

.kkrange-container {
	position: relative;
	margin: 20px 0 20px 0;
}

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

.kkrange-progress {
	height: 100%;
	background: #BB952A;
	border-radius: 5px;
	position: absolute;
}

.kkrange-input {
	width: 100%;
	position: absolute;
	top: 0;
	height: 2px;
	-webkit-appearance: none;
	background: none;
	pointer-events: none;
	z-index: 2;
	right: 0;
}

.kkrange-input::-webkit-slider-thumb {
	pointer-events: auto;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #BB952A;
	right: 0;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	-webkit-appearance: none;
	cursor: pointer;
}

.kkrange-input::-moz-range-thumb {
	pointer-events: auto;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #BB952A;
	right: 0;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	cursor: pointer;
}

.kkglbpadding {
	padding: 10px 10px;
	border-bottom: 1px solid #e5e5e5;
}
.kkfilter-frm .kkglbpadding:last-of-type{
  border-bottom: unset;
}
.kkfiltminhrs {
	display: flex;
	align-items: center;
	justify-content: space-between;
}




.kkfilterminhours {
	-webkit-appearance: none;
	width: 100%;
	height: 2px;
	border-radius: 4px;
	outline: none;
}

.kkfilterminhours::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #BB952A;
  cursor: pointer;
}

.kkfilterminhours::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #BB952A;
  cursor: pointer;
}

.kkfilter-model{
backdrop-filter: blur(55px);
background: #0000004D;
}
.kkfilter-model .modal-body{
    height: 550px;
    overflow-y: auto;
}
.kkfilter-frm .kkglbpadding .form-group p{
  margin-left: 30px;
  margin-bottom: unset;
  font-size: 14px;
}
.kkfilter-model .modal-footer{
  justify-content: space-between;
}
.kkfilclear-btn {
  background-color: transparent;
  border: none;
  outline: none;
}

.kkcommon-btn{
    box-shadow: 0px 5px 14px 0px #BC8A1F66;
    background-color: #BB952A;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    padding: 14px 50px;
    border-radius: 10px;
    border: 1px solid rgba(187, 149, 42, 1);
    position: relative;
    overflow: hidden;
    transition: 1s all ease;
    z-index: 1;
    text-align: center;
}
.kkcommon-btn:before {
    background: #FFF;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    transition: all 0.6s ease;
    width: 0%;
    height: 100%;
    color: #BB952A;
}
.kkcommon-btn:hover {
    background-color: #ffffff;
    color: #BB952A;
}
.kkcommon-btn:hover::before {
    width: 100%;
}

.kkfilter-frm .form-check-input:checked{
background-color: #BB952A;
    border-color: #BB952A;
}
.kkfilter-frm .form-group .form-check-input {
    width: 18px;
    height: 18px;
    margin-right: 5px;
    border: 1px solid rgba(221, 221, 221, 1);
}
.kkfilter-frm .form-group .form-check-input:focus{
box-shadow: unset
}
.kkfilter-frm .form-group span{
  font-size: 14px;
 color: #000000;
 font-weight: 400;
}
.kkshowall-btn{
  padding: 15px;
}
.kkshowall-btn a{
  font-size: 14px;
  color: #bb952a;
  font-weight: 400;
}
.kkshowall-btn a:hover{
  color: #BB952A;
}
.kkserchdrg{
position: absolute;
    left: 15px;
    top: 123px;
    background: #fff;
    padding: 10px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.kkserchdrg label{
  font-size: 13px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  display: flex;
    align-items: center;
    justify-content: flex-start;
}
.kkserchdrg .form-group .form-check-input{
  width: 18px;
    height: 18px;
    margin-right: 5px;
    border: 1px solid rgba(221, 221, 221, 1);
}
.kkserchdrg .form-group .form-check-input:checked{
      background-color: #BB952A;
    border-color: #BB952A;
}
.kkserchdrg .form-group .form-check-input:focus {
    box-shadow: unset;
}

/*--common_page---*/
.commpagesrch-frm .select2-container{
  z-index: 9;
}
.commpagesrch-frm .commpagesrch{
  border: 1px solid rgba(221, 221, 221, 1);
    padding: 20px;
    box-shadow: 0px 7px 14px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    position: relative;
    z-index: 99;}

.commpagesrch-frm .commpagesrch .form-control{
  border: unset;
  font-size: 15px;
  font-weight: 600;
  color: rgba(51, 51, 51, 1);
}
.commpagesrch-frm .commpagesrch .form-control:focus{
  box-shadow: unset;
}
.commpagesrch-frm .linedivider{
  border-bottom: 1px solid #e5e5e5;
  margin: 10px 0;
}
.commpagesrch-frm .form-group label{
  font-size: 11px;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
}
.find-film-blog h1{
  font-size: 36px;
  font-weight: 600;
  color: rgba(51, 51, 51, 1);
}
.find-film-blog p{
  font-size: 16px;
  font-weight: 400;
  color: rgba(51, 51, 51, 1);
}
.find-venue-img img{
  border-radius: 30px;
  object-fit: cover;
}
.commpagesrch-frm  .select2-container--default .select2-selection--single .select2-selection__rendered{
  font-size: 15px;
  font-weight: 600;
  color: rgba(51, 51, 51, 1);
}
.time-wrapper div:last-of-type{
  border-bottom: unset;
}
.form-control:focus{
  box-shadow: unset;
}
.kksearch-clear{
  background-color: transparent;
    border: none;
    outline: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);

}

/* -------------- Wd- Karan [[END]--------------------- */







/* --------------Venue Detail [ START ]------ */
.ld_photos{
  display: flex;
  gap: 10px;
  width: 100%;
  position: relative;
}
.ld_right{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: 30%;
  position: relative;
}
.ld_left{
  width: 70%;
}
.ld_left img{
  width: 100%;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
    aspect-ratio: 3 / 2;
}
.ld_img{
  width: 100%;
}
.ld_img img{
  width: 100%;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  aspect-ratio: 64 / 32;
}
.shows_btn{
  box-shadow: 0px 4px 4px 0px #00000040;
  background: #fff;
  padding: 12px 14px;
  border-radius: 6px;
  display: inline-block;
  font-weight: 600;
  font-size: 15px;
  color: #000;
  text-transform: capitalize;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0 30px 20px;
}
/* ---------- Modal Gallery------- */
.gal_modal .modal-xl {
  --bs-modal-width: 100%;
}
.gal_modal .modal.fade .modal-dialog{
  margin: 0;
}
.gal_modal .modal-dialog{
  margin: 0;
   background-color: #fff;
  height: 100%;
}
.gal_modal.modal{
  --bs-modal-border-radius: 0;
  --bs-modal-border-width: 0;
      z-index: 1111;
}
.gal_modal .modal-content{
  padding: 0 30px;
}
.gal_modal .modal-header{
  border: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background: #fff;
  padding: 15px 0 15px;
  border-radius: 0;
}
.gal_modal .modal-body{
  padding: 0;
}
.back-arrow{
  display: flex;
  align-items: center;
  grid-gap: 10px;
  font-weight: 500;
  font-size: 16px;
  color: #676161;
}
.share_info{
  display: flex;
  align-items: center;
  grid-gap: 20px;
}
.share_info a{
  color: #676161;
  display: flex;
  align-items: center;
  grid-gap:8px;
  font-size: 15px;
  font-weight: 600;
}
.gal_grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.fancybox__container{
  z-index: 9999;
}
.multi-tabs{
  flex-wrap: nowrap;
  padding: 5px;
  background: #F4F4F4;
  border-radius: 7px;
  border-bottom: 0;
}
.multi-tabs li{
  width: 100%;
  display: block;
}
.multi-tabs li .nav-link{
  width: 100%;
  display: block;
  font-weight: 500;
  font-size: 14px;
  color: #000;
  opacity: 0.3;

}
.multi-tabs .nav-item.show .nav-link, .multi-tabs .nav-link.active{
  border: 0;
  box-shadow: 0px 4px 4px 0px #0000001C;
  border-radius: 5px;
  opacity: 1;
}
.multi-tabs .nav-link:focus, .multi-tabs .nav-link:hover{
  border-color: transparent;
}


/* --------------Venue Detail [ END ]------ */






















/* ----------------- Wd-mr 21-05-2025  [ Host Side]---------------------- */
/* ================= Host Details ===================== */
.host-side-blog{
  padding: 35px 0 50px;
  position: relative;
}
.host-guide-text h1{
  font-weight: 700;
  font-size: 28px;
  color: #000000;
  margin-bottom: 8px;
}
.host-guide-text p{
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  margin-bottom: 30px;
}
.host-guide-text h2{
  font-weight: 700;
  font-size: 14px;
  color: #333333;
  margin-bottom: 5px;
}
.host-guide-botm{
  margin-top: 30px;
  padding: 30px 0 60px;
  position: relative;
  border-top: 1px solid #0000001A;
}
.guide-btn{
  padding: 12px 30px;
  display: block;
  width: fit-content;
  border-radius: 10px;
  background: #BB952A;
  box-shadow: 0px 5px 14px 0px #BC8A1F66;
  border: 1px solid rgba(0, 0, 0, 0.3);
  color: #FFF;
}
.guide-img img{
  display: block;
  height: auto;
  margin: 0 auto 32px;
  max-width: 100%;
  object-fit: cover;
}
.location-img img, .guide-review img{
  border-radius: 10px;
  width: 100%;
  object-fit: cover;
  margin-bottom:30px;
  box-shadow: 0px 7px 24px 0px #0000001A;
}
.guide-list{
  margin-bottom: 30px;
}
.guide-list h2{
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-size: 15px;
  color: #333333;
}
.guide-list ul{
  margin: 0;
  padding: 0 0 0 25px;
  list-style: disc;
}
.guide-list ul li{
  font-weight: 400;
  font-size: 12px;
  color: #333333;
  margin-bottom: 5px;
}
.guide-list ol{
  margin: 0;
  padding: 0 0 0 25px;
  list-style: decimal;
}
.guide-list ol li{
  margin-bottom: 15px;
}
.guide-list ol li h4{
  font-weight: 600;
  font-size: 15px;
  color: #333333;
  margin-bottom: 0;
}
.guide-list ol li p{
  font-weight: 400;
  font-size: 12px;
  color: #333333;
  margin-bottom: 0;
}
.guide-list h5{
  font-size: 15px;
  color: #333333;
  margin-bottom: 10px;
  font-weight: 600;
}
/* ================= Host Details [END] ===================== */
/* ================= contact Support [START] ===================== */
.contact-suport-blog{
  padding: 90px 0;
  position: relative;
}
.support-img{
  text-align: center;
}
.support-img img{
  object-fit: cover;
  margin-bottom: 21px;
}
.contct-soport-area h1{
  font-weight: 600;
  font-size: 28px;
  letter-spacing: 0.02rem;
  text-align: center;
  color: #000000;
}
.contct-soport-area p{
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.02rem;
  text-align: center;
  color: #000000;
  margin-bottom: 20px;
}
.support-bx{
  background: #000000;
  border: 1px solid #0000001A;
  padding: 16px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}
.suport-dtls h2{
  font-weight: 700;
  font-size: 17px;
  letter-spacing: 0.02rem;
  color: #FFFFFF;
}
.suport-dtls a{
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.02rem;
  color: rgb(255 255 255 / 80%);
}
.suport-dtls a:hover{
  color: #FFF;
}
.suport-icon{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 50%;
  background: radial-gradient(795.76% 240% at 50% 10.83%, #F2E79E 0%, #F2E79E 0.01%, #EDD681 2.16%, #D9B85A 4.9%, #CA9F3A 7.6%, #BF8E24 10.22%, #B88417 12.35%, #B68012 16.36%, #C29429 23.16%, #C7992E 28.5%, #C8A33E 37.92%, #C8A33E 47.48%, #C8A33E 56.52%, #C8A33E 65.93%, #C7992E 75.48%, #B68012 83.99%, #B88316 87.28%, #BE8D23 89.93%, #C89D37 92.97%, #D7B455 95.33%, #E9D07A 97.68%, #F2E79E 100%);
}
/* ================= contact Support [END] ===================== */
/*=================  host side: booking =================*/
.kkhost-byimg img{
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 50%;
  object-fit: cover;
}
.booking-dtls-blog{
  position: relative;
  padding: 32px 0 50px;
}
.boking-dtls-rvw{
  padding: 20px;
  display: flex;
  align-items: center;
  gap: 44px;
  border: 1px solid #DDDDDD;
  margin-bottom: 30px;
  border-radius: 13px;
}
.booking-img img{
  height: 93px;
  object-fit: cover;
  min-width: 140px;
}
.status-grid{
  max-width: 100%;
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(143px, 1fr));
}
.booking-status h4{
  font-weight: 600;
  font-size: 12px;
  color: #333333;
  margin-bottom: 0;
}
.booking-status p{
  font-weight: 600;
  font-size: 18px;
  color: #333333;
  margin-bottom: 0;
}
.booking-in-dtls{
  display: flex;
  gap: 27px;
  margin-bottom: 30px;
}
.booking-host-img{
  width: 50px;
  height: 50px;
  min-width: 50px;
  object-fit: cover;
  border-radius: 50%;
}
.booking-host-img img{
  border-radius: 50%;
}
.wd-dtls-tag{
  font-weight: 600;
  font-size: 14px;
  color: #000000;
  margin-bottom: 11px;
}
.booking-in-txt a{
  font-weight: 500;
  font-size: 14px;
  color: #BB952A;
  display: block;
  width: fit-content;
  margin-bottom: 0;
}
.booking-in-txt a:hover{
  text-decoration: underline;
}
.booking-in-txt p{
  font-weight: 400;
  font-size: 14px;
  margin: 7px 0;
  color: #333333;
}
.wd-rqst-dtls{
  border-top: 1px solid #EFEFF4;
  padding: 21px 0;
}
.wd-rqst-dtls:last-child{
  border-bottom: 1px solid #EFEFF4;
}
.wd-rqst-dtls ul{
  margin: 0;
  padding: 0;
}
.wd-rqst-dtls ul li{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 7px;
}
.wd-rqst-dtls ul li p{
  margin-bottom: 0;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
}
.rqst-listing{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wd-rqst-dtls span{
  font-weight: 500;
  font-size: 18px;
  color: #333333;
  display: block;
  margin-bottom: 0;
}
.booking-btn{
  margin: 0 auto;
  font-weight: 600;
  font-size: 15px;
  color: #BB952A;
  border-radius: 10px;
  padding: 15px 30px;
  display: block;
  width: 40%;
  text-align: center;
}
/*----- OTP Verification [ START ]-----*/
.otp_box{
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 16px;
  margin: 0 auto 25px;
}
.otp_box input{
  background: #F5F5F5;
  border: 1px solid #F5F5F5;
  padding: 5px;
  width: 47px;
  min-width: 47px;
  height: 56px;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  border-radius: 12px;
  color: #000;
  margin: 0;
}
/* Remove input type number spinner */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.otp_box input:focus,
.otp_box input:focus-visible{
  border-color: #BB952A;
  box-shadow: none;
  outline: none;
}
.verify-modl-title p{
  font-weight: 400;
  font-size: 13px;
  color: #545454;
  margin-bottom: 25px;
}
.confrirm-btn{
  padding: 12px 55px;
  display: block;
  width: fit-content;
  border-radius: 10px;
  background: #BB952A;
  box-shadow: 0px 5px 14px 0px #BC8A1F66;
  border: 1px solid rgba(0, 0, 0, 0.3);
  color: #FFF;
  margin: 0 auto;
}
/*----- OTP Verification [ END ]-----*/
.booking-dtls-right{
  border: 1px solid #DDDDDD;
  border-radius: 10px;
  padding: 15px;
  margin-bottom: 15px;
}
.booking-dtls-right h3{
  font-weight: 600;
  font-size: 18px;
  color: #000000;
  margin-bottom: 10px;
}
.booking-dtls-right  ul li{
  border-bottom: 1px solid #0000000D;
  padding-bottom: 8px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.booking-dtls-right  ul li:last-child{
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.booking-dtls-right  ul li.total-value p{
  font-size: 14px;
  font-weight: 500;
}
.booking-dtls-right  ul li.total-value p:last-child{
  color: rgba(0, 0, 0, 0.70);
}
.booking-dtls-right  ul li p{
  font-weight: 400;
  font-size: 13px;
  color: #000000;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  gap: 5px;
}
.wd-need-review{
  border-top: 1px solid #BB952A;
  border-bottom: 1px solid #BB952A;
  padding: 30px 0 0;
  position: relative;
  margin-bottom: 30px;
}
.needs-rvw-flx{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  margin-bottom: 30px;
  justify-content: space-between;
}
.rvw-btn{
  padding: 12px 27px;
  border-radius: 10px;
  background: #BB952A;
  box-shadow: 0px 5px 14px 0px #BC8A1F66;
  border: 1px solid rgba(0, 0, 0, 0.3);
  color: #FFF;
  white-space: nowrap;
  text-align: center;
  display: block;
  font-weight: 600;
  font-size: 15px;
  text-transform: capitalize;
}
/* booking review */
.booking-review-blog{
  padding: 30px 0 50px;
  position: relative;
}
.booking-review-blog h1{
  font-weight: 700;
  font-size: 28px;
  margin-bottom: 30px;
}
.wd-rvw-profl{
  border: 1px solid #EFEFF4;
  padding: 20px;
  display: flex;
  align-items: center;
  gap: 28px;
}
.rvw-profl-img img{
  width: 80px;
  height: 80px;
  min-width: 80px;
  border-radius: 50%;
  object-fit: cover;
}
.rvw-profl-intro h2{
  font-weight: 700;
  font-size: 14px;
  color: #000000;
  margin-bottom: 0;
}
.rvw-profl-intro p{
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  margin-bottom: 0;
}
.review-form{
  margin: 30px 0;
  position: relative;
}
.review-form-star{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 17px;
}
.review-form-star h3{
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 0;
}
/* write a review modal */
.rating-star-group {
  display: flex;
  flex-direction: row-reverse;
  gap: 5px;
}
.rating-star-group input{
  display: none;
}
.rating-star-group label svg path {
  stroke: #BB952A;
  fill: none;
  transition: fill 0.3s ease;
}
.rating-star-group input:checked ~ label svg path,
.rating-star-group input:checked ~ label ~ label svg path {
  fill: #BB952A;
}
/* Hover effect */
.rating-star-group label:hover svg path,
.rating-star-group label:hover ~ label svg path {
  fill: #e6c55f;
}
.review-form .form-group{
  margin-bottom: 15px;
  position: relative;
}
.review-form .form-group label{
  font-weight: 600;
  font-size: 13px;
  color: #000000;
  margin-bottom: 5px;
}
.review-form .form-group .form-control{
  border: 1px solid #DDDDDD;
  background: #FFFFFF;
  font-weight: 400;
  font-size: 14px;
  color: rgba(0, 0, 0, 1);
}
.review-form .form-group .form-control::placeholder{
  color: rgba(0, 0, 0, 0.3)
}
.review-form .form-group .form-control:focus{
  box-shadow: none;
  border: 1px solid #BB952A;
}
.review-form .form-group textarea.form-control{
  height: 192px;
}
.form-button{
  border-top: 1px solid #0000001A;
  margin-top: 30px;
  padding-top: 30px;
}
.rvw-submit-btn{
  padding: 12px 27px;
  border-radius: 10px;
  background: #BB952A;
  box-shadow: 0px 5px 14px 0px #BC8A1F66;
  border: 1px solid rgba(0, 0, 0, 0.3);
  color: #FFF;
  white-space: nowrap;
  text-align: center;
  display: block;
  font-weight: 600;
  font-size: 15px;
  text-transform: capitalize;
  margin: 0 auto;
}
.pending-book{
  font-weight: 500;
  font-size: 14px;
  color: #545454;
}
.booking-edit{
  display: flex;
  align-items: center;
  gap: 8px;
}
.booking-edit button{
  border: none;
  background: transparent;
}
.kk-tbl-data tbody tr{
  border-bottom: 1px solid #0000000D;
}
.table>:not(caption)>*>*{border: 0;}
span.kkupcom {
  display: flex;
  align-items: center;
  gap: 5px;
  font-weight: 500;
  font-size: 14px;
  color: #000000;
}
.cancel-book-txt{
  border-top: 1px solid #EFEFF4;
  padding: 21px 0;
}
.cancel-book-txt span{
  font-weight: 600;
  font-size: 14px;
  color: #FF2C55;
  display: block;
  margin-bottom: 4px;
}
.cancel-book-txt p{
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  margin-bottom: 0;
}
/*=================  host side: booking [END]=================*/
/* =================== Listing ==================== */
.listing-blog{
  padding: 40px 0 80px;
  position: relative;
}
.all-listing-top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.listing-drpmnu .dropdown-toggle{
  border: none;
  background: transparent;
  font-weight: 600;
  font-size: 28px;
  color: #000000;
}
.listing-drpmnu .dropdown-toggle::after{
  display: none;
}
.drop-icon svg{
  transition: transform 0.2s;
}
.listing-drpmnu .dropdown-toggle.show .drop-icon svg{
  transform: rotate(-180deg);
}
.listing-drpmnu .dropdown-menu.show{
  box-shadow: 0px 4px 14px 0px #00000040;
  border: 0.52px solid #0000001A;
  border-radius: 10px;
  padding: 0;
}
.listing-drpmnu .dropdown-item{
  padding: 10px 12px;
  border-bottom: 0.52px solid #0000001A;
  font-weight: 400;
  font-size: 14px;
  color: #000000;
}
/* common dropdown css */
.listing-drpmnu .dropdown-item:focus, .dropdown-item:hover{
  background: rgb(187 149 42 / 50%);
  color: #000;
}
.listing-drpmnu .dropdown-menu li:first-child .dropdown-item{
  border-radius: 10px 10px 0 0;
}
.listing-drpmnu .dropdown-menu li:last-child .dropdown-item{
  border-radius: 0 0 10px 10px;
}
/* common dropdown css [END]*/
.add-list-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border: 1px solid #BB952A;
  color: #BB952A;
  border-radius: 10px;
  padding: 14px 26px;
  width: fit-content;
}
.add-list-btn:hover svg path{
  fill: #FFF;
}
.wd-listing-box{
  background: #FFFFFF;
  border: 1px solid #C7C7CD;
  padding: 20px;
  margin-bottom: 20px;
}
.draft-option-line{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.list-option-flx{
  display: flex;
  align-items: center;
  gap: 17px;
}
/* list mark */
.list-mark input[type="checkbox"] {
  display: none;
}
.list-mark{
  position: relative;
  display: inline-block;
}
.list-mark input[type="checkbox"] + label {
  position: relative;
  margin: 0;
  cursor: pointer;
}
.list-mark input[type="checkbox"]:checked + label svg path{
  stroke: #BB952A;
  fill: #BB952A;
}
.list-mark input[type="checkbox"]:checked + label svg{
  opacity: 1;
}
/* list mark [END] */
.list-body-area{
  display: flex;
  justify-content: space-between;

}
.list-body-lft{
  display: flex;
  align-content: center;
  gap: 20px;
}
.wd-list-location img{
  height: 97px;
  object-fit: cover;
  min-width: 130px;
}
.wd-locat-txt{
  width: 100%;
}
.wd-locat-txt h3{
  font-weight: 600;
  font-size: 18px;
  color: #000000;
  margin-bottom: 0;
}
.wd-locat-txt p{
  font-weight: 500;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.40);
  margin-bottom: 10px;
}
.wd-updtae-side{
  display: flex;
  align-items: center;
  gap: 21px;
  width: 100%;
}
.continue-btn{
  font-weight: 600;
  font-size: 14px;
  padding: 12px 22px;
  border-radius: 10px;
  background: #BB952A;
  box-shadow: 0px 5px 14px 0px #BC8A1F66;
  border: 1px solid rgba(0, 0, 0, 0.3);
  color: #FFF;
  white-space: nowrap;
  text-align: center;
  display: block;
  text-transform: capitalize;
  width: fit-content;
}
.wd-updtae-side p{
  margin-bottom: 0;
}
.list-icon-rght{
  display: flex;
  align-items: center;
  flex-flow: column;
  gap: 10px;
}
.list-icon-rght p{
  font-weight: 400;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: 0;
  display: flex;
  align-items: center;
  gap: 6px;
}
/* --------- list Done ---------- */
.list-done-side{
  width: 75%;
}
.list-done-side h1{
  font-weight: 600;
  font-size: 28px;
  color: #000000;
  margin-bottom: 20px;
}
.list-publish-btn{
  font-weight: 600;
  font-size: 14px;
  padding: 12px 22px;
  border-radius: 10px;
  background: #BB952A;
  box-shadow: 0px 5px 14px 0px #BC8A1F66;
  border: 1px solid rgba(0, 0, 0, 0.3);
  color: #FFF;
  white-space: nowrap;
  text-align: center;
  display: block;
  text-transform: capitalize;
  width: 100%;
}
.prvw-btn{
  font-weight: 500;
  font-size: 12px;
  color: #000000;
  padding: 12px 40px;
  display: block;
  width: fit-content;
  text-align: center;
  min-width: 130px;
}
.list-done-side .list-body-lft{
  margin-bottom: 20px;
}
/* ----------------- Wd-mr [Host side END]---------------------- */

.mobcontnue-btn{
         box-shadow: 0px 5px 14px 0px #BC8A1F66;
         background-color: #BB952A;
         color: #ffffff;
         font-size: 15px;
         font-weight: 600;
         padding: 14px 50px;
         border-radius: 10px;
         border: 1px solid rgba(187, 149, 42, 1);
         position: relative;
         overflow: hidden;
         transition: 1s all ease;
         text-align: center;
         width: 100%;
         z-index: 1;
         }
         .mobcontnue-btn:before {
         background: #FFF;
         content: "";
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         z-index: -1;
         transition: all 0.6s ease;
         width: 0%;
         height: 100%;
         color: #BB952A;
         }
         .mobcontnue-btn:hover {
         background: #FFF;
         color: #BB952A;
         }
         .mobcontnue-btn:hover::before {
         width: 100%;
         }
         .invite-poject .verf-error{
         font-size: 12px;
         color: #FF0000;
         }
         .sendacode{
         padding-bottom: 8px;
         font-size: 14px;
         }
         .kkconfirmverbtn{
         display: flex;
         align-items: center;
         justify-content: space-between;
         }
         .kkconfirmverbtn a{
         display: flex;
         gap: 10px;
         color: #BB952A;
         align-items: center;
         }
         .kkcnfrphmbtn{
         box-shadow: 0px 5px 14px 0px #BC8A1F66;
         background-color: #BB952A;
         color: #ffffff;
         font-size: 15px;
         font-weight: 600;
         padding: 14px 50px;
         border-radius: 10px;
         border: 1px solid rgba(187, 149, 42, 1);
         position: relative;
         overflow: hidden;
         transition: 1s all ease;
         text-align: center;
         z-index: 1;
         }
         .kkcnfrphmbtn:before {
         background: #FFF;
         content: "";
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         z-index: -1;
         transition: all 0.6s ease;
         width: 0%;
         height: 100%;
         color: #BB952A;
         }
         .kkcnfrphmbtn:hover {
         background: #FFF;
         color: #BB952A;
         }
         .kkcnfrphmbtn:hover::before {
         width: 100%;
         }
         .z-index-9{
         z-index: 9 !important;
         }
         .otp-form{
         display: flex;
         align-items: center;
         justify-content: center;
         gap: 12px;
         }
         .otp-form input{
         flex: 1;
         width: 50px;
         height: 50px;
         border: 1px solid #ced4da;
         color: #212529;
         font-weight: 600;
         font-size: 14px;
         text-align: center;
         }
         .otp-form input:focus{
         border-color: #BB952A;
         outline: none;
         }
         .cntfindsec{
         display: flex;
         flex-wrap: wrap;
         align-items: center;
         justify-content: space-between;
         }
         .cntfindsec p{
         margin-bottom: unset;
         }
         .cntfindsec button{
         background-color: transparent;
         border: none;
         outline: none;
         color: #BB952A;
         }
         #changePhone h3,#kkveryphone h3, #changeEmail h3, #verchangeEmail h3{
            font-size: 20px;
         }
.kkedittextar {
    display: none;
}

.kkprojnamekk{
    background: #FFFFFF;
    border: 0.9px solid #0000001A;
    width: 41px;
    min-width: 41px;
    height: 42px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 4px 0px #00000040;
}

.kkprojnamekk  input[type="checkbox"]{
    display: none;
}

.kkbrolocsubmenu {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

/*-------activity-details page Start-------*/
.reqst_wrap{
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(239, 239, 244, 1);
    margin-bottom: 14px;
}
.reqst_wrap h3{
    font-weight: 600;
    font-size: 14px;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 10px;
}
.reqstinr_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}
.reqst_wrap .reqstinr_wrap:last-of-type{
    margin-bottom: 0;
}
.reqstinr_wrap span{
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    font-size: 13px;
}
.wizard-title {
    font-size: 28px;
    font-weight: 700;
    color: #212529;
    /* margin: 0; */
}
.step-section {
    margin-bottom: 30px;
}
.step-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 24px;
    border-bottom: 1px solid #EFEFF4;
}
.step-number {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1.5px solid rgba(143, 142, 148, 1);
    color: #8F8E94;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}
.step-number:hover {
    background-color: #BB952A;
    color: #fff;
}

.step-title {
    font-size: 18px;
    font-weight: 600;
    color: #000000;
}
.step-content {
    display: none;
    padding-top: 24px;
}
.step-content.active {
    display: block;
}

.helper-text {
    font-size: 12px;
    color: #6c757d;
    margin-top: 2px;
}
.step-actions {
    margin-top: 20px;
}
.wizard-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid #e9ecef;
}
.add-ons-section {
    margin-top: 20px;
}
.add-on-item {
    padding: 16px;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    margin-bottom: 12px;
    cursor: pointer;
    transition: all 0.2s;
}
.add-on-item:hover {
    border-color: #007bff;
}
.add-on-item.selected {
    border-color: #007bff;
    background-color: #f8f9ff;
}
.add-on-title {
    font-size: 16px;
    font-weight: 600;
    color: #212529;
    margin-bottom: 4px;
}
.add-on-description {
    font-size: 14px;
    color: #6c757d;
}
/*------*/
.category-header{
    font-size: 12px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.3);
    margin-bottom: 12px;
}
.equipment-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.equipment-img {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
}
.equipment-image {
    width: 60px;
    height: 60px;
    border-radius: 8px;
    object-fit: cover;
    flex-shrink: 0;
}
.equipment-info {
    flex: 1;
}
.equipment-title {
    font-size: 14px;
    font-weight: 500;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 4px;
    line-height: 1.3;
}
.equipment-price span{
    font-size: 12px;
    font-weight: 500;
    color: #212529;
    margin-bottom: 2px;
}
.equipment-more {
    color: #BB952A;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
}
.quantity-selector {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;
}
.quantity-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    color: #6b7280;
    transition: all 0.2s;
    background-color: transparent;
    outline: none;
    border: none;
}
.quantity-btn:hover {
    border-color: #9ca3af;
    color: #374151;
}
.quantity-btn:active {
    transform: scale(0.95);
}
.quantity-btn.minus {
    color: #000000;
}
.quantity-btn.plus {
    color: #000000;
}
.quantity-display {
    min-width: 50px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.4);
    padding: 12px;
    border: 1px solid #0000001A;
    border-radius: 8px;
}
.equipment-list{
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 10px 10px;
}
.equipment-list.kkequ-disable{
    opacity: 0.4;
}
.equipment-list.kkequ-disable.active{
    opacity: 1;
}
/* Additional equipment items */
.equipment-item.disabled {
    opacity: 0.6;
    pointer-events: none;
}
.choose_title {
    margin-bottom: 12px;
    margin-left: 31px;
    font-size: 14px;
    font-weight: 400;
    color: #545454;
}
.success-message .accordion-header .accordion-button{
    background-color: transparent !important;
    color: rgba(0, 0, 0, 0.70) !important;
    font-size: 16px;
    font-weight: 500;
    box-shadow: unset !important;
    padding: 15px 0 !important;
}
.success-message  .accordion-button:focus{
    box-shadow: unset;
}
.success-message .accordion-item{
    padding-bottom: 0;
    margin-bottom: 0;
}
.success-message .accordion-item:last-of-type{
    border-bottom: unset;
}
.success-message .accordion-body{
    padding: 0 0 !important;
}
.success-message .accordion-body p{
    font-size: 14px;
    font-weight: 400;
    color: rgba(84, 84, 84, 1);
    padding-right: 30px;
}
.can_policy{
    color: rgba(187, 149, 42, 1);
}
.canplc_underline{
    text-decoration: underline;
}
.success-message .accordion-button:not(.collapsed)::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}
.by_pressing{
    padding-top: 20px;
    border-top: 1px solid #0000001A;
}
.kk-acptpay-btn{
    box-shadow: 0px 5px 14px 0px #BC8A1F66;
    background-color: #BB952A;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    padding: 14px 20px;
    border-radius: 10px;
    border: 1px solid rgba(187, 149, 42, 1);
    position: relative;
    overflow: hidden;
    transition: 1s all ease;
    z-index: 1;
    text-align: center;
}
.kk-acptpay-btn::before {
    background: #FFF;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    transition: all 0.6s ease;
    width: 0%;
    height: 100%;
    color: #BB952A;
}
.kk-acptpay-btn:hover {
    background-color: #ffffff;
    color: #BB952A;
}
.kk-acptpay-btn:hover::before {
    width: 100%;
}

.addpopup-modal .btn-close{
    box-shadow: 0px 5px 14px 0px #BC8A1F66;
    background-color: #BB952A !important;
    background-image: unset !important;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    padding: 14px 80px;
    border-radius: 10px;
    border: 1px solid rgba(187, 149, 42, 1);
    position: relative;
    overflow: hidden;
    transition: 1s all ease;
    z-index: 1;
    text-align: center;
    width: unset;
    height: unset;
    opacity: unset;
    margin: 0 auto;
    display: flex;
}
.addpopup-modal .btn-close::before {
    background: #FFF;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    transition: all 0.6s ease;
    width: 0%;
    height: 100%;
    color: #BB952A;
}
.addpopup-modal .btn-close:hover {
    background-color: #ffffff;
    color: #BB952A;
}
.addpopup-modal .btn-close:hover::before {
    width: 100%;
}
.addpopup-modal .modal-content{
    border-radius:unset !important;
}
.addpopup-modal .modal-body{
    padding: 25px 25px;
}
.extrasp-sec{
    padding-bottom: 14px;
}
.extrasp-cat{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    padding-bottom: 6px;
}
.extrasp-cat span{
    font-size: 16px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    position: relative;
}
.extrasp-cat span:first-of-type:before{
    content: unset;
}
.extrasp-cat span:before{
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    left: -12px;
    top: 50%;
    transform: translateY(-50%);
}
.extrasp-info h2{
    font-size: 18px;
    font-weight: 500;
    color: rgba(0, 0, 0, 1);
}
.extrasp-info span{
    font-size: 16px;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    padding-bottom: 14px;
    display: block;
}
.extrasp-info p{
    font-size: 16px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
}
.kk-space-stepfrm .date-entry .form-group .form-control{
    border-top: none;
    border-left: none;
    border-right: none;
}
.addcustlink{
    color: #BB952A;
    font-size: 16px;
    font-weight: 500;
}
.step-content p{
    font-size: 12px;
    font-weight: 400;
    color: #545454;
}
.hostrul-link{
    font-size: 12px;
    font-weight: 400;
    color: #BB952A;
}
.payout-tbl tr td{
    font-size: 14px;
    font-weight: 400;
    color: #000000;
}
.kkborder-top{
    border-top: 1px solid #EFEFF4;
}
.amt-dltbtn{
    border: none;
    outline: none;
    background: transparent;
    position: absolute;
    top: 67%;
    right: 10px;
    transform: translateY(-50%);
}
.addnoscp-popup .modal-content{
    background-color: transparent;
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    border: unset;
}
.addnoscp-popup .btn-close{
    background-color: #fff;
    padding: 15px;
    border-radius: 50%;
    opacity: 1;
    margin-top: 15px;
}
.addnoscp-popup .modal-content{
    text-align: center;
}
.addnowallscp-img{
    width: 321px;
    height: 321px;
}
/*-------activity-details page End-------*/


/*----Show Profile----*/
.kkview_review{
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.view_reviewbtn{
    border: 1px solid #BB952A;
    border-radius: 17px;
    padding: 13px 50px;
    font-size: 14px;
    font-weight: 500;
    margin: 0 auto;
    display: block;
    width: fit-content;
    position: relative;
    overflow: hidden;
    transition: 1s all ease;
    z-index: 1;
    color: #000000;
    background: transparent;
}
.view_reviewbtn:hover {
    background: #BB952A;
    color: #FFF;
    border: 1px solid #BB952A;
}
.view_reviewbtn:hover::before {
    width: 100%;
}
.view_reviewbtn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    transition: all 0.6s ease;
    width: 0%;
    height: 100%;
    color: #FFF;
    background: #BB952A;
}
.kkreprt-pro{
    font-size: 18px;
    font-weight: 500;
    color: #BB952A;
}
/*----Show Profile End---*/
.addons-logo img{
    height: 40px;
}
.reqbkmenu .dropdown a:after{
    content: unset;
}
.reqbkmenu .dropdown .dropdown-menu{
    padding: 10px;
    box-shadow: 0px 6px 14px 0px #00000040;
    border: unset;
}
.reqbkmenu .dropdown-menu .listing-drpmnu .dropdown-item:focus, .dropdown-item:hover{
    background-color: transparent;

}

.reqbkmenu .dropdown-menu li .dropdown-item{
    font-size: 14px;
    font-weight: 500;
    color: #000000;
    padding: 10px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.reqbkmenu .dropdown-menu li:last-of-type .dropdown-item{
    border-bottom: unset;
}
.addons-actvsec{
    padding: 43px 0 105px 0;
}
.addnoscp-popup.show, .addpopup-modal.show{
    backdrop-filter: blur(22px);
}
.payout-tbl thead tr:first-of-type{
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.incladd{
    padding-bottom: 20px;
}
.incladd span{
    font-size: 14px;
    color: rgba(0, 0, 0, 1);
    font-weight: 500;
}
.yourpay-sec{
    padding: 21px 0;
    border-bottom: 1px solid rgba(239, 239, 244, 1);
    border-top: 1px solid rgba(239, 239, 244, 1);
}
.yourpay-sec h3{
    font-size: 14px;
    font-weight: 600;
    color: rgba(0, 0, 0, 1);
}
.abtcin-wrap{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}
.abtcin-innr {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}
.abtcin-innr span:last-of-type{
    color: #333333;
    font-size: 14px;
    font-weight: 400;
}
.draft-count{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

/*--List Edit page--*/
.listedit-sec{
    padding: 80px 0;
}
.kklistcat-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.kklistcat-info {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
}
.kklistcat-info .select2-results__option--selectable span{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.kklistcat-info .select2-container{
    padding: 4px 12px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    width: 130px !important;
}
.thbascic-sec{
    margin-top: 30px;
}
.thbascic-sec h2{
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 18px;
}
.thbascic-info {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 50px;
    margin-bottom: 12px;
}
.thbascic-info span{
    width: 200px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);

}
.kklistcat-prv a,.kklistcat-dlt a{
    color: rgba(0, 0, 0, 0.4);
}
.adnaditem-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 15px;
}

.additem-btn{
    box-shadow: 0px 5px 14px 0px #BC8A1F66;
    background-color: #BB952A;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    padding: 14px 20px;
    border-radius: 10px;
    border: 1px solid rgba(187, 149, 42, 1);
    position: relative;
    overflow: hidden;
    transition: 1s all ease;
    z-index: 1;
    text-align: center;
    width: 160px;
    display: block;
    cursor: pointer;
}
.additem-btn:before{
    background: #FFF;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    transition: all 0.6s ease;
    width: 0%;
    height: 100%;
    color: #BB952A;
}
.additem-btn:hover{
    background-color: #ffffff;
    color: #BB952A;
}
.additem-btn:hover::before {
    width: 100%;
}

.additem-btn:hover svg path{
    stroke: #BB952A;
}
.equipment-list.kkmodeactive{
    opacity: 0.4;
}

.avatar-upload {
    position: relative;

    margin: 0 auto 30px;
}
.avatar-upload .avatar-edit {
    position: absolute;
    right: 0;
    z-index: 1;
    bottom: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;

}
.avatar-upload .avatar-edit input {
    display: none;
}
.avatar-upload .avatar-edit input+label {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 0;
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
    width: 100%;
    height: 100%;
}
.avatar-upload .avatar-preview {
    position: relative;
    border: 1px solid #19204C1A;

}
.avatar-upload .avatar-preview>div {
    width: 100%;
    height: 157px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.avatar-edit.kkimgactive{
    opacity: 0;
}
.select2-container{
    z-index: 9999;
}
.enbswitch-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
}
.enbswitch-lft label{
    font-size: 14px;
    font-weight: 500;
    color: #000000;
}
.enbswitch-lft p{
    font-size: 12px;
    font-weight: 400;
    color: #777777;
}
/*---*/


/*--visit-help-center-*/

.advans-team{
    background-color: #000000;
    padding: 42px 0;
}
.advans-team h1{
    font-size: 26px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 20px;
}
.srcartcal-frm .form-control{
    padding: 16px 52px 16px 20px;
    border: 1px solid #DDDDDD;
    border-radius: 16px;
    background-color: #ffffff;
}
.srcartcal-frm .form-group{
    position: relative;
    z-index: 9;
}
.srcartcal-frm .kksrcbtn-icn{
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    background-color: #BB952A;
    padding: 8px 8px;
    border-radius: 10px;
    box-shadow: 0px 5px 14px 0px #BC8A1F66;
    border: 1px solid;
    border-image-source: linear-gradient(113.85deg, rgba(0, 0, 0, 0.3) -2.07%, rgba(0, 0, 0, 0) 54.92%, rgba(0, 0, 0, 0.3) 103.46%);
    cursor: pointer;
}
.all-frqst{
    padding: 80px 0;
}
.frqst-wrap ul li{
    border: 1px solid #0000001A;
    margin-bottom: 20px;
    border-radius: 10px;
    padding: 18px 18px;
}
.avfrqst-list{
    display: flex;
    align-items: center;
}
.frqst-list{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
}
.avfrqst-list .avtaruser-img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-left: -10px;
    border: 1px solid #fff;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    object-fit: cover;
}
.avfrqst-list .avtaruser-img:last-of-type{
    border: unset;
}

.avfrqst-info{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
}
.frqst-innr{
    padding-left: 10px;
}
.frqst-innr h3{
    font-size: 14px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 8px;
}
.avfrqst-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
}
.avfrqst-info span{
    font-size: 12px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    position: relative;
    z-index: 9;
}
.avfrqst-info span:before{
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
}
.avfrqst-info span:first-of-type::before{
    content: unset;
}

/*--visit-help-center End--*/

/*--Most Frequently Asked--*/
.mstfrk-sec{
    padding-top: 40px;
    padding-bottom: 80px;
}
.breadcrumb{
    margin-bottom: unset;
}
.breadcrumb-item{
    font-size: 16px;
    font-weight: 300;
}
.breadcrumb-item a{
    color: #000000;
}
.breadcrumb-item.active{
    color: #858585;
}
.breadcrumb-item+.breadcrumb-item::before{
    content: ">";
}
.mstfeask-icon {
    padding: 30px 0 16px 0;
}
.mstfrk-inr h1{
    font-size: 24px;
    font-weight: 500;
    color: #000000;
}
.avfrqst-inricon{
    display: flex;
    align-items: center;
}
.mstfeask-wrap{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
}
.avfrqst-inricon img{
    width: 26px;
    height: 26px;
    border-radius: 50%;
    margin-left: -10px;
    border: 1px solid #fff;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    object-fit: cover;
}
.mstfrk-inr{
    margin-left: 12px;
    margin-bottom: 34px;
}
.mstavfrqst-info{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
}
.mstavfrqst-info span {
    font-size: 16px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    position: relative;
    z-index: 9;
}
.mstavfrqst-info span:before {
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    top: 50%;
    left: -8px;
    transform: translateY(-50%);
}
.mstavfrqst-info span:first-of-type::before{
    content: unset;
}
.sec-headtitle h2{
    font-size: 18px;
    font-weight: 600;
    color: #000000;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 20px;
}
/*--Most Frequently Asked End--*/


/*--Most Frequently Asked Detail--*/
.satytips-sec h1{
    font-size: 24px;
    font-weight: 500;
    color: #000000;
    margin-bottom: unset;
}
.safimg-info {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    padding: 12px 0 20px 0;
}
.safimg-lft img{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
}
.safimg-rgt p{
    font-size: 14px;
    font-weight: 400;
    margin-bottom: unset;
    color: rgba(0, 0, 0, 0.6);
    padding-bottom: 4px;
}
.safimg-rgt p{
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    margin-bottom: 0;
    padding-bottom: 4px;
}

.alltipsrent-qus h2{
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    margin-bottom: unset;
    padding-bottom: 10px;
}

.alltipsrent-qus p{
    margin-bottom: 0;
    padding-bottom: 20px;
}

/*--Most Frequently Asked Detail--*/

.kk-edbking-btn {
    background-color: #fff;
    color: #BB952A;
    font-size: 15px;
    font-weight: 600;
    padding: 14px 50px;
    border-radius: 10px;
    border: 1px solid #BB952A;
    position: relative;
    overflow: hidden;
    transition: 1s all ease;
    z-index: 1;
    text-align: center;
}

.kk-edbking-btn::before {
    background: #FFF;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    transition: all 0.6s ease;
    width: 100%;
    height: 100%;
    color: #BB952A;
}
.kk-edbking-btn:hover {
    background-color: #BB952A;
    color: #fff;
}
.kk-edbking-btn:hover::before {
    width: 0%;
}

.toglpayout h4{
    font-weight: 600;
    font-size: 14px;
    margin-bottom: unset;
    color: rgba(187, 149, 42, 1);
}
.kkpayout-sec table tr{
    margin-bottom: 10px;

}

.kkpayout-sec table tr:last-of-type{
    border-top: 1px solid #e5e5e5;
    width: 100%;
    margin-top: 12px;
}
.kkpayout-sec table tr:last-of-type td{
    padding-top: 12px;
}
.addons-actvsec .kk-space-stepfrm .form-group{
    flex:1;
}
.kk-grcperwrap p a{
    text-decoration: underline;
    color: #000;
}
.kkyurpay-out{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 22px;
    margin: 11px 0;
}
.kkselwals-list{
    margin-top: 35px;
}
.kkselwals-list h2{
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 600;
    color: #000000;
}

/* Ensure title and dots align horizontally */
.kkselbthwl-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 8px;
}

/* Title styling */
.kk-wallscape-title {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    color: #000;
}

/* Dropdown wrapper */
.kk-dropdown {
    position: relative;
    display: inline-block;
}

/* Three dots button */
.kk-dropdown-toggle {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    padding: 0 4px;
    line-height: 1;
    color: #999; /* grey like screenshot */
}

/* Dropdown menu */
.kk-dropdown-menu {
    display: none;
    position: absolute;
    right: 0;
    top: 50%;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0px 4px 12px rgba(0,0,0,0.1);
    min-width: 140px;
    z-index: 1000;
    padding: 6px 0;
}

.kk-dropdown-menu a {
    display: block;
    padding: 8px 14px;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    transition: background 0.2s;
}

.kk-dropdown-menu a:hover {
    background: #f5f5f5;
}

/* Show on hover */
.kk-dropdown:hover .kk-dropdown-menu {
    display: block;
}
.kkwallborder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #DDDDDD;
    cursor: pointer;
    text-align: center;
    transition: all 0.3s;
    background: #fafafa;
    width: 100%;
    height: 185px;
    box-sizing: border-box;
}
.kkwallborder p {
    margin: 15px 0 5px;
    color: #BB952A;
    font-size: 16px;
    font-weight: 500;
}
.artc-serchbox ul li{
    border: 1px solid #DDDDDDDD;
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 20px;
}
.artc-serchbox ul li h2{
    color: #000;
    font-size: 20px;
}
.artc-serchbox ul li p{
    color: #000;
    font-size: 14px;
}
.reqstinr_wrap .kkdotsicon{
    position: relative;
    padding-left: 12px;
}
.reqstinr_wrap .kkdotsicon:before{
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #BB952A;
    top: 7px;
    left: 0;
}
.reqstinr_wrap span.kkstrike{
    position: relative;
    color: #dddddd;
}
.reqstinr_wrap span.kkstrike:after{
    content: "";
    position: absolute;
    background-color: #dddddd;
    width: 90%;
    height: 1px;
    top: 50%;
    left: 55%;
    transform: translate(-50%,-50%);
}

.reqstinr_wrap dd{
    font-size: 10px;
    color: #dddddd;
}
.reqstinr_wrap span:last-of-type dd{
    text-align: right;
}

.kklocdoticon td:first-of-type{
    position: relative;
    padding-left: 22px;
}
.kklocdoticon td:first-of-type:before{
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #BB952A;
    top: 15px;
    left: 8px;
}

.kkstrike-text {
    position: relative;
    color: #dddddd;
}

.kkstrike-text:after {
    content: "";
    position: absolute;
    background-color: #dddddd;
    width: 100%;  /* full width of text */
    height: 1px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}