/* 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;
}
.search-open{
    position: relative;
}
.search-open:before {
    content: "";
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99;
}
/* ------------- 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);
    width: 100%;
}

.banner_text {
    text-align: center;
    position: absolute;
    height: 100%;
    width: 100%;
    top: -250px;
    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;
    width: 75%;
}

.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: 12px;
    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: 14px;
    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: 22px;
}

.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: 14px;
    color: #000000;
    margin-bottom: 8px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.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 8px;
    list-style: none;
    display: flex;
}

.venue-book-dtls ul li {
    font-weight: 400;
    font-size: 13px;
    color: #6D6D6D;
    list-style: disc;
    margin-left: 25px;
    position: relative;
}


.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;*/
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 12px;
}

.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: 12px;
}

.venue-host {
    font-weight: 500;
    font-size: 13px;
    color: #BB952A;
}

.venue-area {
    display: flex;
    gap:4px;
    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: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.venue-sec-description {
    margin-bottom: 32px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: #8f8f8f;
}

.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: 14px;
    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: 12px;
}

.kktwobokicon-lft {
    width: 40px;
    height: 40px;
    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: 13px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.40);
    margin-bottom: 4px;
}

.kktwobokicon-rgt h5 {
    font-weight: 500;
    font-size: 14px;
    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: 16px;
    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;
}

.date-msg-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 16px 8px 0;
    width: 100%;
    background: transparent;
    font-size: 15px;
    color: #6c757d;
    outline: none;
    font-weight: 400;
    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: 14px;
    color: #BB952A;
    background: transparent;
    border: none;
}

.add-day-btn:hover {
    text-decoration: underline;
    color: #BB952A;
}

.add-more p {
    font-weight: 500;
    font-size: 14px;
    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: #BB952A;
    color: #BB952A;
}

/*--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: 14px;
    font-weight: 600;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 11px;


    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;

  overflow: hidden;
  text-overflow: ellipsis;

  overflow-wrap: anywhere; /* break long text without spaces */
  word-break: break-word;
}

.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: 14px;
}

.cstm-dropdown .dropdown-toggle {
    background: transparent;
    width: 100%;
    border: none;
    text-align: left;
    font-size: 14px;
}

.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: 14px;
    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: 15px;
    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: #BB952A;
    color: #BB952A;
}

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

.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;
    margin-top: 14px;
}

.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;
    padding-bottom: 8px;
}

.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: 14px;
    z-index: 1;
}

.text-danger {
    display: block;
    margin-bottom: 12px;
}

.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);
}

.mr-right {
    margin-right: 12px;
}

.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;
    transform: translateY(-50%);
}

.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: 12px 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: 999;
    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;
    width: 148px;
    height: 104px;
}

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

.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;
    margin-top: 2px;
    /* display: inline-block; */
}

.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);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.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; */
    color: #BB952A;
}

.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;
    z-index: 9;
}

.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);
}

.form-control.cust-wdth {
    width: 350px;
}

.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; */
    padding: 0 0;
    margin-top: -6px;
}

.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;
}

.kksidebtn-warp, .tutorial-text {
    width: 82%;
}

.kk-fndloc-btn {
    box-shadow: 0px 5px 14px 0px #BC8A1F66;
    background-color: #BB952A;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    padding: 14px 14px;
    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-accept-btn {
    background-color: #fff;
    color: #12B209;
    font-size: 15px;
    font-weight: 600;
    padding: 14px 50px;
    border-radius: 10px;
    border: 1px solid #12B209;
    position: relative;
    overflow: hidden;
    transition: 1s all ease;
    z-index: 1;
    text-align: center;
}

.kk-accept-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: #12B209;
}

.kk-accept-btn:hover {
    background-color: #12B209;
    color: #fff;
}

.kk-accept-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: 14px;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    padding: 10px 10px;
}
.kk-tbl-data tr th:last-of-type{
    text-align: right;
}
.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);
    cursor: pointer;
    /* 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; */
}
.cuspdkkdy tr td{
    padding-left: 0;
}
.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: 100%;
}

.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;
    border-radius: 50%;
}

.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;
}

/*---*/

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

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

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

.kscrollbark {
    overflow-x: hidden;
    /* height: calc(100% - 200px); */
    height: 100%;
    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--*/
.is_unread_btn {
    position: relative;
}

.is_unread_btn:before {
    position: absolute;
    content: "";
    background: red;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    top: 30%;
    right: 5px;
    transform: translate(-50%, -50%);
    border: 1px solid #fff;
}

.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: 15px;
    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:16px;
    padding-bottom: 15px;
    border-bottom:1px solid rgba(239, 239, 244, 1);
}

.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;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9;
}

.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: 16px;
}

.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: 12px;
    /* 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;
    max-width: 50px;
    border-radius: 50%;
}

.booking-host-img img {
    object-fit: cover;
    width: 100%;
    height: inherit;
    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;
    border-top: 1px solid #BB952A;
    border-bottom: 1px solid #BB952A;
    padding: 30px 0;
}

.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: 14px;
    margin-bottom: 0;
    min-width: 124px;
}
.rating-star-group label > svg{
        width: 20px;
}
.table.kk-tbl-data thead tr{
    border-bottom: 1px solid #0000000D;
}
/* 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;
    gap: 10px;
    flex-wrap: wrap; */
    background: #FFFFFF;
    border: 1px solid #C7C7CD;
    padding: 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.draft-option-line {
    /* display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px; */

    display: flex;
    align-items: center;
    margin-bottom: 10px;
    width: fit-content;
}

.list-option-flx {
    /* display: flex;
    align-items: center;
    gap: 17px; */
    display: flex;
    align-items: flex-start;
    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;

}

.draft-optionwrap {
    display: flex;
    flex-direction: column;
    width: fit-content;
    align-items: center;
}

.list-body-lft {
    display: flex;
    align-content: center;
    gap: 20px;
}

.wd-list-location img {
    height: 97px;
    object-fit: cover;
    max-width: 130px;
    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 14px;
    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; */
    display: flex;
    align-items: center;
    flex-flow: column;
    gap: 10px;
    width: fit-content;
}

.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 .date-msg-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 14px;
    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: 260px; */
    aspect-ratio: 1.19/1;
    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%);
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #BB952A !important;
    color: #ffffff;
}

.swal-gold-btn {
    color: #FFFFFF;
    font-weight: 600;
    font-size: 18px;
    text-transform: capitalize;
    padding: 12px 30px;
    display: inline-block;

    background-color: #BB952A;
    border: 1px solid #BB952A;
    border-radius: 10px;

    box-shadow: 0px 5px 14px 0px #BC8A1F66;
    transition: 1s all ease;
    text-align: center;
}

.view-menu--notification__warn {
    background-color: #ffa6161f;
    border-left: 2px solid #ffa616;
    color: #222;
    font-weight: 600;
}

.view-menu--notification {
    display: block;
    font-size: 14px;
    font-style: normal;
    padding: 8px 14px;
    position: relative;
}

.locempty-wrap {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

.locempty-icon {
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

.locempty-icon img {
    width: 100%;
    height: inherit;
    object-fit: contain;
}

.locempty-wrap h3 {
    font-size: 22px;
    font-weight: 400;
    margin: 0;
    padding: 14px 0;
}

.locempty-wrap p {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
}

.share-project {
    margin-top: 45px;
}

.project-type-modal select {
    margin-bottom: 12px;
}

.shrscrshot-wrap {
    position: relative;
}

.shrscrshot-wrap:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-left: 17px solid #e5e5e5;
    border-bottom: 18px solid transparent;
    right: -16px;
    top: 20px;
}

.shrscrshot-top h2 {
    font-size: 24px;
    color: #000;
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 16px;
}

.shrscrshot-top p {
    font-size: 14px;
    color: #000;
    font-weight: 400;
}

.shrscrshot-fotr {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gotit-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);
}

.shrmodal {
    max-width: 500px;
    background-color: #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    position: absolute;
    z-index: 9;
    right: 160px;
    top: -20px;
}

.shrscrshot-top {
    padding: 14px 14px;
    background-color: #e5e5e5;
}

.shrscrshot-fotr {
    padding: 20px 14px;
    background-color: #e5e5e5;
}

.shrscrshot-fotr .form-check-label {
    font-size: 14px;
    font-weight: 400;
    color: #000;
}

.shrscrshot-fotr .form-check-input:checked {
    background-color: #BB952A;
    border-color: #BB952A;
}

.shrscrshot-fotr .form-check-input:focus {
    box-shadow: none;
}

.btn-disabled {
    pointer-events: none; /* disables click */
    opacity: 0.5;
    cursor: not-allowed;
}

#remember-check:checked {
    background-color: #BB952A !important;
    border-color: #BB952A !important;
}

.scrollbar {
    scrollbar-color: rgba(187, 149, 42, 0.3) #fff;
    scrollbar-width: thin;
}






/*----08/01/2025 popup wallscape karan---*/


  .kkaddfees-model{
      backdrop-filter: unset;
      }
      .msghost-wrappop {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      }
      .msghost-title h2{
      font-weight: 600;
      font-size: 20px;
      text-transform: capitalize;
      margin-bottom: 0;
      color: rgba(0, 0, 0, 1);
      margin-bottom: 6px;
      }
      .msghost-title p{
      margin-bottom: 0;
      font-size: 14px;
      font-weight: 400;
      color: rgba(0, 0, 0, 1);
      }
      .msghost-img{
         position: relative;
      }
      .msghost-img:before{
         content: "";
         position: absolute;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 26' fill='none'%3E%3Cpath fill='%23159929' d='M14.43 10.3H5.57L.4 18.8a.3.3 0 0 0 .29.45l3.45-.38L8.1 12.4l-3.96 6.47 1.15 3.45c.08.24.41.28.54.06L10 15.53l4.18 6.85a.3.3 0 0 0 .54-.06l1.15-3.45-3.96-6.47 3.96 6.47 3.45.38a.3.3 0 0 0 .3-.45l-5.19-8.5Z'/%3E%3Ccircle cx='10' cy='9.5' r='8' fill='%23159929' stroke='var(--background-color, %23fff)' stroke-width='2'/%3E%3C/svg%3E");
         width: 20px;
         height: 20px;
         bottom: -10px;
         left: 55%;
         background-repeat: no-repeat;
         background-position: center;
         transform: translateX(-50%);
      }
      .msghost-img img{
      width: 56px;
      height: 56px;
      object-fit: cover;
      border-radius: 50%;
      }
      .booking-form .form-group .form-check-input{
      width: 18px;
      height: 18px;
      margin-right: 10px;
      border: 1px solid rgba(221, 221, 221, 1);
      }
      .booking-form .form-group .form-check-input:focus{
      box-shadow: unset;
      }
      .booking-form .form-group .form-check-input:checked{
      background-color: #BB952A;
      border-color: #BB952A;
      }
      .booking-form .add-moress,.booking-form  .msgwalladd-more{
      margin-bottom: 15px;
      }
      .add-moress,  .msgwalladd-more {
      display: flex;
      align-items: center;
      justify-content: space-between;
      }
      .add-moress p,  .msgwalladd-more p {
      font-weight: 500;
      font-size: 13px;
      color: #999999;
      margin-bottom: 0;
      }
      .lblfnt-frm label{
      font-size: 14px;
      color: rgba(0, 0, 0, 1);
      font-weight: 500;
      }
      .modal-dialog-scrollable.noscrollbar .modal-body{
      overflow-y: unset;
      }
      .conthost-footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      }
      .conthost-footlft span{
      font-size: 14px;
      color: #000;
      font-weight: 500;
      }
      .conthost-footlft h3{
      font-size: 22px;
      font-weight: 500;
      color: #000;
      margin-bottom: 0;
      }
      .starttyp-innr{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        background: #fff;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        padding: 15px;
        gap: 15px;
        position: absolute;
        bottom: -56px;
        left: 0;
        width: 100%;
      }
      .starttyp-innr button{
         background-color: transparent;
         border: unset;
      }
      .starttyp-rgt img{
         height: 24px;
         width: 24px;
      }
      .starttyp-rgt {
         width: 100%;
         text-align: center;
      }
      .starttyp-rgt span{
            font-size: 14px;
            color: #000;
      }
      .starttyp-wrap{
         display: none;
      }
      .starttyp-wrap.show{
         display: block;
      }

/*----08/01/2025----*/


/*----Message to Host Start----*/
.kkaddfees-model{
    backdrop-filter: unset;
}
.msghost-wrappop {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.msghost-title h2{
    font-weight: 600;
    font-size: 20px;
    text-transform: capitalize;
    margin-bottom: 0;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 6px;
}
.msghost-title p{
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
}
.msghost-img{
    position: relative;
}
.msghost-img:before{
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 26' fill='none'%3E%3Cpath fill='%23159929' d='M14.43 10.3H5.57L.4 18.8a.3.3 0 0 0 .29.45l3.45-.38L8.1 12.4l-3.96 6.47 1.15 3.45c.08.24.41.28.54.06L10 15.53l4.18 6.85a.3.3 0 0 0 .54-.06l1.15-3.45-3.96-6.47 3.96 6.47 3.45.38a.3.3 0 0 0 .3-.45l-5.19-8.5Z'/%3E%3Ccircle cx='10' cy='9.5' r='8' fill='%23159929' stroke='var(--background-color, %23fff)' stroke-width='2'/%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    bottom: -10px;
    left: 55%;
    background-repeat: no-repeat;
    background-position: center;
    transform: translateX(-50%);
}
.msghost-img img{
    width: 56px;
    height: 56px;
    object-fit: cover;
    border-radius: 50%;
}
.booking-form .form-group .form-check-input{
    width: 18px;
    height: 18px;
    margin-right: 10px;
    border: 1px solid rgba(221, 221, 221, 1);
}
.booking-form .form-group .form-check-input:focus{
    box-shadow: unset;
}
.booking-form .form-group .form-check-input:checked{
    background-color: #BB952A;
    border-color: #BB952A;
}
.booking-form .add-moress,.booking-form  .msgwalladd-more{
    margin-bottom: 15px;
}
.add-moress,  .msgwalladd-more {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.add-moress p,  .msgwalladd-more p {
    font-weight: 500;
    font-size: 13px;
    color: #999999;
    margin-bottom: 0;
}
.lblfnt-frm label{
    font-size: 14px;
    color: rgba(0, 0, 0, 1);
    font-weight: 500;
}
.modal-dialog-scrollable.noscrollbar .modal-body{
    overflow-y: unset;
}
.conthost-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.conthost-footlft span{
    font-size: 14px;
    color: #000;
    font-weight: 500;
}
.conthost-footlft h3{
    font-size: 22px;
    font-weight: 500;
    color: #000;
    margin-bottom: 0;
}
.starttyp-innr{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 15px;
    gap: 15px;
    position: absolute;
    bottom: -56px;
    left: 0;
    width: 100%;
}
.starttyp-innr button{
    background-color: transparent;
    border: unset;
}
.starttyp-rgt img{
    height: 24px;
    width: 24px;
}
.starttyp-rgt {
    width: 100%;
    text-align: center;
}
.starttyp-rgt span{
    font-size: 14px;
    color: #000;
}
.starttyp-wrap{
    display: none;
}
.starttyp-wrap.show{
    display: block;
}
.kkaddfees-model .modal-content {
    padding: 25px 25px;
    border-radius: unset;
    overflow: hidden;
    overflow-y: auto;
}
.seckkremovedaybtn {
    outline: none;
    border: none;
    background-color: transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.msgwallkkremovedaybtn {
    outline: none;
    border: none;
    background-color: transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.send-msg-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;
}
/*----Message to Host End----*/

.kkmaxmin-wrap{
    background-color: rgba(255, 166, 22, .122);
    border-radius: 8px;
    padding: 18px 18px;
    color: #222;
    font-size: 14px;
    width: 100%;
    display: inline-block;
    margin: 12px 0;

}

.instbkwrap-top p{
    font-size: 14px;
    font-weight: 400;
    color: #000;
}

.instbkwrappopup h1{
    font-size: 24px;
    font-weight: 600;
    color: #000;
    margin-bottom: 0;
}
.instbkwrappopup ul{
    padding-left: 24px;
    margin-bottom: 24px;
}
.instbkwrappopup ul li{
    list-style-type: disc;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    margin-bottom: 16px;
}
.insgotit-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;
}
.insgotit-btn:hover {
    background-color: #ffffff;
    color: #BB952A;
}
.insgotit-btn:hover::before {
    width: 100%;
}
.insgotit-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;
}
.instbkwrap-top p a{
    color: #BB952A;
}
.additem-cnt h1{
    text-align: center;
    margin: 0 auto;
    font-weight: 600;
    font-size: 24px;
    color: #000000;
    margin-bottom: 24px;
}

.cretlist-flx {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border: 1px solid #000;
    border-radius: 16px;
    gap: 12px;
    padding: 14px 14px;
    margin-bottom: 24px;
}
.cretlist-lft {
    min-width: 45px;
    width: 45px;
    height: 45px;
    display: grid;
    place-items: center;
}

.cretlist-rgt h1{
    font-size: 22px;
    color: #000;
    font-weight: 600;
    margin-bottom: 0;
}
.cretlist-rgt span{
    color: #545454;
    font-size: 16px;
    font-weight: 400;
}