:root {/* --bg-color: rgb(201, 20, 20); */--bg-color: #631010;--whites: #fff;--backgrounds: linear-gradient(135deg, #ff6b00, rgb(201, 20, 20));--p-color: rgb(201, 20, 20);
}

.nav__main {width: 100%;
}

.nav__main .navbar-area {width: 100%;height: 70px;z-index: 55;align-items: center;background-color: #fff;box-sizing: border-box;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 1px 2px 0 rgba(0, 0, 0, 0.3);margin-bottom: 0;padding: 0 0 0 80px !important;display: flex;flex-grow: 1;
}

.left__navbar {width: calc(100% - 90%);
}

.left__navbar .logo__area {width: 180px;height: 65px;
}

.left__navbar .logo__area img {width: 100%;height: 100%;text-align: center;position: relative;object-fit: contain;top: 0;right: 18px;
}

.rigth__navbar {width: 90%;display: flex;gap: 15px;padding-right: 50px;box-sizing: border-box;height: 100%;align-items: end;justify-content: flex-end;
}

/* .rigth__navbar .navitems__area1 {padding: 0 8px;
} */
.rigth__navbar .nav-items-area1 {/* padding: 0 8px; */border-right: 1px solid #eee;border-left: 1px solid #eee;height: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-items: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding-left: 0 20px;
}

.rigth__navbar .navitems__area1 {/* padding: 0 8px; */border-right: 1px solid #eee;height: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-items: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 0 15px;
}

.navitems__area1 a {text-decoration: none;display: block;margin: 0 auto;align-items: center;justify-content: center;

}

/* .navitems__area1 a .nav__con::before {content: ' ';border-left: 1px solid #eee;overflow: hidden;height: 70px;
} */
.navitems__area1 a .nav__con {display: flex;width: 100%;gap: 4px;justify-content: center;align-items: center;margin: 0 auto;
}

.navitems__area1 a .nav__con .icon {width: calc(100% - 95%);
}

.navitems__area1 a .nav__con .icon .bi {position: relative;/* top: 24px; */display: block;color: #4c4c4c;font-size: 24px;left: 4px;margin: 0 auto;
}

.navitems__area1 a .nav__con .text {width: 95%;margin-left: 23px;
}

.navitems__area1 a .nav__con .text p {position: relative;/* top: 19px; */color: #000;font-size: 17px;
}

.navitems__area1 a .nav__con .text .subtext {position: relative;/* top: -1px; */font-size: 14px;color: #999a99;font-weight: 300;
}
.subnav-dropdown-content {height: 320px;overflow-y: auto;overflow-x: hidden;
}
/* 
.navitems__area1 .language__area {border-left: 1px solid #eee;height: 70px;
}

.navitems__area1 .language__area .language1 {position: relative;display: block;margin: 0 auto;top: 21px;left: 5px;
} */

.navprofile {/* border-left: 1px solid #eee; */height: 70px;/* border-right: 1px solid #eee; *//* height: 100%; */-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-items: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;
}

.dropdownToggle::after {content: none;
}

.dropdownToggle a {text-decoration: none;
}

.dropdownToggle a .content {display: flex;/* gap: 15px; */width: 100%;justify-content: center;align-items: center;/* margin-left: 20px; */
}

/* .dropdownToggle a>.content:hover {color: rgba(0,0,0,.87);background: #f3f5f7;
} */
.dropdownToggle a .content .icon .bi {position: relative;top: 18px;display: block;color: #4c4c4c;font-size: 24px;left: 8px;margin: 0 auto;
}

.dropdownToggle a .content .text p {position: relative;top: 23px;left: 5px;color: #000;font-size: 17px;
}

/* .navprofile::before {content: ' ';border-left: 1px solid #eee;overflow: hidden;height: 70px;
} */
.dropdownMenu {padding: 12px;/* margin-right: 20px;position: relative; */
}

.dropdownMenu>li {padding: 4px 5px 4px 5px;border-bottom: 1px solid #eee;
}

.dropdown-city {position: relative;display: inline-block;
}

.dropdown-content {display: none;position: absolute;background-color: #ffffff;min-width: 210px;box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);z-index: 1;margin-top: -6px;
}

.dropdown-content .h5 {margin-bottom: 2px;color: #000;font-weight: 700;
}

.dropdown-content>a {color: black;font-size: 16px;padding: 5px 16px;text-decoration: none;display: block;
}

/* .dropdown-content a>.h5 {color: #3e2c41;
  } */

.dropdown-city .dropdown-content>a:hover {/* background-color: #ddd; */color: #3e2c41;
}

.dropdown-city:hover .dropdown-content {display: block;
}

.dropdown-city:hover .dropbtn {background-color: #3e8e41;
}

.sub-navbar {width: 100%;height: 42px;align-items: center;background-color: rgb(99, 16, 16);box-sizing: border-box;border-bottom: 1px solid rgba(0, 0, 0, 0.05);margin-top: 0;padding: 2px 60px 0 !important;
}

.dropbtn .bi-chevron-down:hover {display: inline-block;width: 6px;margin-left: 8px;transform: rotate(90deg);transition: transform 0.3s ease;
}

/* .dropbtn .bi-chevron-down::before {left: 0;transform: rotate(-45deg);background: rgba(0, 0, 0, 0.54);content: "";height: 7px;position: absolute;top: -4px;width: 1px;
  }
  .dropbtn .bi-chevron-down::after {left: 0;transform: rotate(45deg);background: rgba(0, 0, 0, 0.54);content: "";height: 7px;position: absolute;top: -4px;width: 1px;
  } */
.start-subnavbar {display: flex;width: 100%;justify-content: space-around;margin: 6px auto;
}

.start-subnavbar .content__area a {text-decoration: none;font-weight: 400;margin: 0;font-size: 14px;
}

.start-subnavbar .content__area a:hover {color: rgb(201, 20, 20);
}

.start-subnavbar .content__area a .dropdown-city .text .mainText:hover {color: #3e2c41;
}

.mainText {font-weight: 400;color: rgb(255, 255, 255) !important;margin: 0;font-size: 14px;
}

.nav__main2 {display: flex;width: 100%;gap: 14px;justify-content: space-around;
}

.nav__main2 .logo__area {width: 150px;height: 65px;background: #fefefe;border-radius: 35px;margin-top: 2px;
}

.nav__main2 .logo__area a img {width: 100%;height: 100%;text-align: center;/* position: relative;top: 0px;left: 5px; */object-fit: contain;
}

.nav__main2 .navitems__area1 .language__area {/* border-left: 1px solid #eee; */height: 70px;
}

.nav__main2 .navitems__area1 .language__area .language1 {position: relative;display: block;margin: 0 auto;top: 21px;left: 5px;
}

.nav__main2 .navitems__area1 {/* padding: 0 8px; */border-left: 1px solid #eee;/* border-right: 1px solid #eee; */height: 68px;padding: 0 5px;
}

.main__searchArea1 {position: relative;
}

.main__searchArea1 input {padding: 12px 25px 12px 28px;width: 320px;border: 1px solid #2a2a2a;border-radius: 1px;
}

.main__searchArea1 .nearme__area a {position: absolute;top: 12px;right: 5px;padding: 4px;border-radius: 15px;text-decoration: none;font-size: 12px;color: #ffffff;background: var(--bg-color);
}

.main__dateArea1 input {position: relative;top: -12px;padding: 12px 25px 12px 28px;width: 177px;border: 1px solid #2a2a2a;border-radius: 1px;
}

.main__TimeArea1 select {position: relative;top: -12px;padding: 12px 20px 11px 20px;width: 140px;font-size: 17px;font-weight: 800;border: 1px solid #2a2a2a;border-radius: 0px;/* border-left: 1px solid #2a2a2a; */
}

.main__TimeArea1 select option {background-color: #2c2e58;padding: 20px 0px;color: #fff;
}

.main__searchArea1 input::-webkit-input-placeholder {color: #212121;font-size: 19px;font-weight: 700;
}

.main__dateArea1 input::-webkit-input-placeholder {color: #000;font-size: 19px;font-weight: 700;
}

.main__roomArea1 {background: var(--text-color);padding: 12px 25px 12px 28px;position: relative;top: -12px;border: 1px solid #2a2a2a;border-radius: 1px;

}

.main__submitArea1 {background: var(--bg-color);padding: 15px 16px 11px 6px;position: relative;top: -12px;width: 100px;text-align: center;border-left: 1px solid #2a2a2a;
}

.main__submitArea1 button {border: none;background: transparent;color: var(--text-color);font-size: 12px;font-weight: 700;
}

.roomguestArea {display: flex;position: relative;top: 9px;
}

.roomguestArea .text {width: 35%;text-align: center;
}

.roomguestArea .text p {font-size: 17px;font-weight: 700;
}

.roomguestArea .number {width: 65%;justify-content: center;align-items: center;display: flex;gap: 12px;
}

.roomguestArea .number .minus .bi {color: #2c2e58;font-size: 20px;cursor: pointer;
}

.roomguestArea .number .plus .bi {color: #2c2e58;font-size: 20px;cursor: pointer;
}

.roomguestArea .number input {width: 80px;
}

.roomArea__Guesta {display: flex;width: 100%;justify-content: center;align-items: center;border-bottom: 1px solid #eee;
}

.roomArea__Guesta .text1 {width: 50%;
}

.roomArea__Guesta .text1 p {text-align: center;font-size: 19px;font-weight: 700;
}

.roomArea__Guesta .text2 p {text-align: center;font-size: 19px;font-weight: 700;
}

.roomArea__Guesta .text2 {width: 50%;
}

.add__Room__area {display: flex;width: 100%;
}

.add__Room__area .deleteRoom {width: 50%;justify-content: center;align-items: center;
}

.add__Room__area .addRoom {width: 50%;justify-content: center;align-items: center;
}

.add__Room__area .addRoom button {display: block;margin: 0 auto;justify-content: center;align-items: center;border: none;border-radius: 4px;background: #3e2c41;color: #fff;padding: 5px;transition: all ease-in-out .4s;cursor: pointer;
}

.add__Room__area .deleteRoom button {display: block;margin: 0 auto;justify-content: center;align-items: center;border: none;border-radius: 4px;background: #2c2e58;cursor: pointer;transition: all ease-in-out .4s;color: #fff;padding: 5px;
}

.add__Room__area .addRoom button:hover {transform: scale(1.2);transition: all ease-in-out .5s;
}

.add__Room__area .deleteRoom button:hover {transform: scale(1.2);transition: all ease-in-out .5s;
}

/* slick slider start here */

.slick-list .slick-slide {padding: 30px 7px;
}

.slick-arrow {z-index: 1;width: 40px;height: 40px;
}

.slick-arrow:before {font-size: 30px;
}

.slick-next {right: 10px;position: relative;
}

.slick-prev {left: 0;
}

.btn-wrap {text-align: center;width: 100%;
}

.slick-list button {/* background-color: #ddd; */border: none;/* padding: 15px 15px 25px 15px; */border-radius: 5px;margin: 35px;transition: all 0.5s;
}

.slick-list button.slick-disabled {opacity: 0.6;
}

.slider__item {display: flex;gap: 4px;
}

.slider__item img {height: 400px;width: 440px;object-fit: cover;overflow: hidden;
}

/* end slider here */
/* CSS */
.buttons__logIn {appearance: none;border-width: 0;box-sizing: border-box;color: #3E2C41;cursor: pointer;display: inline-block;font-family: sans-serif;font-size: 17px;font-weight: 600;letter-spacing: 0.5px;line-height: 1em;margin: 0 auto;opacity: 1;outline: 0;padding: 15px;position: relative;right: 7px;top: 8px;text-align: center;text-decoration: none;text-transform: capitalize;transition: opacity 300ms cubic-bezier(.694, 0, 0.335, 1), background-color 100ms cubic-bezier(.694, 0, 0.335, 1), color 100ms cubic-bezier(.694, 0, 0.335, 1);user-select: none;-webkit-user-select: none;touch-action: manipulation;vertical-align: baseline;white-space: nowrap;border-radius: 8px;
}

.buttons__logIn:before {animation: opacityFallbackOut .5s step-end forwards;backface-visibility: hidden;background-color: #B76F5A;clip-path: polygon(-1% 0, 0 0, -25% 100%, -1% 100%);content: "";height: 100%;left: 0;position: absolute;top: 0;transform: translateZ(0);transition: clip-path .5s cubic-bezier(.165, 0.84, 0.44, 1), -webkit-clip-path .5s cubic-bezier(.165, 0.84, 0.44, 1);width: 100%;color: #fff;border-radius: 8px 0px 8px 0px;
}

.buttons__logIn:hover:before {animation: opacityFallbackIn 0s step-start forwards;clip-path: polygon(0 0, 101% 0, 101% 101%, 0 101%);color: #fff;
}

.buttons__logIn:hover {color: #fff;
}

.buttons__logIn:after {background-color: #3e2c41;color: #fff;
}

.buttons__logIn span {z-index: 2;position: relative;
}

.nav__main3 {display: flex;width: 100%;gap: 10px;
}

.nav__main3 .backTohome {width: 20%;position: relative;top: 22px;left: 20px;
}

.nav__main3 .backTohome button {background: var(--bg-color);color: #fff;border: 1px solid #fff;font-size: 18px;font-weight: 700;letter-spacing: 1px;border-radius: 25px;padding: 5px 20px;transition: all ease .8s;

}

.nav__main3 .backTohome button:hover {background: var(--primary-color);letter-spacing: 2px;transition: all ease .8s;
}

.nav__main3 .logo__area {width: 61%;height: auto;
}

.nav__main3 .logo__area img {justify-content: center;display: block;margin: 0 auto;width: 150px;height: 72px;text-align: center;position: relative;top: 0px;left: 15px;object-fit: contain;
}

.desktop-profile-icon {height: 30px;width: 30px;border-radius: 50%;
}

.desktop-profile-icon img {width: 100%;height: 100%;object-fit: cover;display: block;margin: 14px auto;
}

/* Trigger Button */
.btn-premium {background: var(--background);border: none;padding: 14px 28px;font-size: 1rem;font-weight: 600;border-radius: 40px;color: #fff;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);transition: 0.3s;
}

.btn-premium:hover {transform: translateY(-3px) scale(1.05);box-shadow: 0 10px 28px rgba(6, 190, 182, 0.5);
}

.user-info {display: flex;align-items: center;gap: 15px;
}

.user-info img {width: 48px;height: 48px;border-radius: 50%;border: 2px solid rgba(255, 255, 255, 0.2);
}

.user-info h6 {margin: 0;font-weight: 600;color: #fff;
}

.user-info span {font-size: 0.85rem;color: #bbb;
}

/* Offcanvas Panel */
.offcanvas-premium {width: 380px !important;/* background: rgba(15, 15, 15, 0.8); */background: linear-gradient(135deg, #3e2c41d7, #b7705ad8);backdrop-filter: blur(25px);border-left: 1px solid rgba(255, 255, 255, 0.05);border-radius: 28px 0 0 28px;box-shadow: -15px 0 50px rgba(0, 0, 0, 0.7);transform: translateX(100%) scale(0.9);opacity: 0;transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.3s ease;
}

.offcanvas-premium.show {transform: translateX(0) scale(1);opacity: 1;
}

/* Header */
.offcanvas-header {padding: 24px 20px;border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.offcanvas-title {font-weight: 700;font-size: 1.4rem;color: #06beb6;
}

/* Sections */
.menu-section {margin: 24px 0 10px;font-size: 0.85rem;text-transform: uppercase;letter-spacing: 1.2px;color: #aaa;
}

/* Menu Links */
.menu-list {list-style: none;padding: 0;margin: 0;
}

.menu-list li {margin: 12px 0;
}

.menu-list a {display: flex;align-items: center;gap: 14px;padding: 14px 18px;border-radius: 16px;text-decoration: none;font-size: 1.05rem;font-weight: 500;color: #fff;background: rgba(255, 255, 255, 0.04);transition: 0.3s;box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;/* border-bottom: 1px solid var(--text-color); */
}

.menu-list a i {font-size: 1.2rem;color: #fefefe;transition: 0.3s;
}

.menu-list a:hover {background: linear-gradient(135deg, #B76F5A, rgba(255, 94, 0, 0.2));transform: translateX(10px);box-shadow: 0 8px 25px rgba(6, 190, 182, 0.2);
}

.menu-list a:hover i {color: #fefefe;transform: scale(1.1);
}

/* Footer */
.offcanvas-footer {border-top: 1px solid rgba(255, 255, 255, 0.1);padding: 16px;display: flex;justify-content: space-between;
}

.offcanvas-footer button {flex: 1;margin: 0 6px;border-radius: 12px;font-weight: 600;
}

/* Glassmorphism Navbar */
.glass-navbar {background: #b7705ab2;backdrop-filter: blur(12px) saturate(150%);/* margin: 20px auto; *//* padding: 12px 25px; *//* box-shadow: 0 8px 30px rgba(0,0,0,0.25); */
}

/* Nav Links */
.glass-navbar .area-nav-link {position: relative;color: #fff !important;font-weight: 600;font-size: 15px;padding: 2px 22px;border-radius: 14px;overflow: hidden;transition: all 0.35s ease;
}

/* Hover Glow + Shine */
.glass-navbar .area-nav-link:hover {color: #fff !important;transform: scale(1.1);box-shadow: 0 5px 20px rgba(255, 255, 255, 0.6);background: rgba(255, 255, 255, 0.12);
}

.glass-navbar .area-nav-link::before {content: "";position: absolute;top: 0;left: -80%;width: 60%;height: 100%;background: linear-gradient(120deg,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, 0.6) 50%,rgba(255, 255, 255, 0.1) 100%);transform: skewX(-20deg);
}

.glass-navbar .area-nav-link:hover::before {animation: shine 1s forwards;
}

@keyframes shine {0% {left: -80%;}
100% {left: 120%;}
}

/* Dropdown Menu (3D animation) */
.area-dropdown-menu {border-radius: 18px;border: none;padding: 18px;background: #b7705aab;backdrop-filter: blur(15px) saturate(160%);box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);transform-origin: top center;transform: perspective(800px) rotateX(-25deg) translateY(15px);opacity: 0;visibility: hidden;transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);display: block;min-width: 220px;
}

/* Show Dropdown on Hover */
.area-nav-item.area-dropdown:hover .area-dropdown-menu {opacity: 1;visibility: visible;transform: perspective(800px) rotateX(0deg) translateY(0);
}

/* Dropdown Items (glass cards + chevron) */
.area-dropdown-item {position: relative;border-radius: 12px;font-weight: 500;color: #fff;padding: 6px 18px;margin-bottom: 8px;background: linear-gradient(135deg, #B76F5A, #3e2c41);backdrop-filter: blur(10px);transition: all 0.35s ease;
}

.area-dropdown-item::after {content: "›";position: absolute;right: 12px;top: 50%;transform: translateY(-50%);font-size: 18px;color: rgba(255, 255, 255, 0.6);transition: transform 0.35s ease, color 0.35s ease;
}

.area-dropdown-item:hover {background: #2c2e58;color: #fff;transform: translateX(6px) scale(1.05);box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
}

.area-dropdown-item:hover::after {transform: translateY(-50%) translateX(4px);color: #fff;
}

/* Center Navbar */
.area-navbar-nav {display: flex;justify-content: center;/* center group */gap: 40px;/* equal spacing between items */width: 100%;
}

.quick-links {position: relative;top: 14px;
}

.quick-links .quick-link-one {display: flex;justify-content: space-around;color: #fefefe;
}

.quick-links .quick-link-one p a {color: var(--text-color);
}

.quick-links .quick-link-one p a:hover {color: #2a2a2a;
}

.uxp_lux-wrapper {background: linear-gradient(135deg, #ffffff, #fafafa);border-radius: 28px;padding: 10px 8px;display: flex;gap: 20px;margin: 10px 0;border: 1px solid #e7e7e7;box-shadow: 0 25px 50px rgba(0, 0, 0, 0.06);position: relative;overflow: hidden;
}

/* SHINE ANIMATION */
.uxp_lux-wrapper::before {content: "";position: absolute;top: 0;left: -120%;width: 70%;height: 100%;background: linear-gradient(115deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.55) 50%, rgba(255, 255, 255, 0) 100%);transform: skewX(-18deg);animation: shine 4s infinite;
}

@keyframes shine {0% {left: -120%;}
50% {left: 130%;}
100% {left: 130%;}
}

/* ULTRA RIBBON */
.uxp_ribbon {position: absolute;top: 16px;left: 16px;background: linear-gradient(135deg, rgb(201, 20, 20), #631010);padding: 6px 22px;border-radius: 14px;font-weight: 700;font-size: 14px;z-index: 10;color: #fefefe;box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;border-bottom: 1px solid #fff;
}

/* IMAGE */
.uxp_main-img {width: 360px;height: 240px;border-radius: 22px;object-fit: cover;border: 1px solid #e2e2e2;box-shadow: 0 12px 26px rgba(0, 0, 0, 0.12);
}

.uxp_thumb-row {margin-top: 14px;display: flex;gap: 12px;
}

.uxp_thumb-row img {width: 70px;height: 55px;border-radius: 12px;border: 1px solid #ddd;opacity: 0.6;cursor: pointer;transition: .3s;
}

.uxp_thumb-row img:hover {opacity: 1;transform: translateY(-4px);box-shadow: 0 6px 14px rgba(0, 0, 0, 0.15);
}

/* TITLE */
.uxp_lux-title {font-size: 28px;font-weight: 800;color: #222;
}

.uxp_rating-box {background: #ffeec0;padding: 1px 14px;border-radius: 5px;font-weight: 700;color: #7b5d02;
}

.uxp_amenity {background: #f4f4f4;padding: 4px 7px;border-radius: 18px;margin-right: 4px;font-size: 14px;color: #6b6b6b;border: 1px dashed #2a2a2a;
}
.text-book {color: #d19b32;
}
.uxp_price-main {font-size: 31px;color: #d19b32;font-weight: 800;
}

.uxp_price-old {text-decoration: line-through;color: #999;margin-left: 10px;
}

.uxp_discount-gold {background: linear-gradient(135deg, rgb(201, 20, 20), #631010);padding: 4px 8px;border-radius: 12px;margin-left: 12px;font-size: 12px;font-weight: 600;color: #fefefe;
}

/* LUX LINKS */
.uxp_lux-link {padding: 7px 20px;border-radius: 14px;align-items: center;border: 1px solid #e2e2e2;box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;color: #fefefe;font-weight: 600;background: linear-gradient(135deg, rgb(201, 20, 20), #631010);text-decoration: none;transition: .3s;
}

.uxp_lux-link:hover {background: #f9f2d6;border-color: #e5c884;transform: translateY(-3px);
}

/* SERVICES */
.uxp_services-title {font-size: 20px;font-weight: 800;color: #222;
}
.uxp_services-title2 {font-size: 15px;font-weight: 800;color: #222;
}
.uxp_service-chip {background: #f8f8f8;padding: 8px 16px;border-radius: 20px;margin-bottom: 10px;border: 1px solid #e5e5e5;font-size: 14px;color: #444;
}

.uxp_open-badge {position: absolute;right: 20px;bottom: 20px;background: #22c064;padding: 8px 18px;color: #fff;font-size: 14px;border-radius: 10px;font-weight: 700;box-shadow: 0 10px 22px rgba(34, 192, 100, 0.45);
}


.carousel-indicators button.thumbnail:not(.active) {opacity: 0.7;
}

.main-carousel-area {display: flex;gap: 0px;width: 355px;overflow: hidden;position: relative;flex-direction: column;
}

.spa-carousel-btn {width: 40px;height: 40px;background: var(--bg2);border-radius: 50%;top: 40%;font-size: 17px;transform: translateY(-40%);opacity: 0;transition: all 0.4s ease;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}


.main-carousel-area:hover .spa-carousel-btn {opacity: 1;
}

.carousel-control-prev.spa-carousel-btn {left: 15px;
}

.carousel-control-next.spa-carousel-btn {right: 15px;
}

.spa-icon {filter: brightness(0) invert(1);
}

.spa-carousel-btn:hover {transform: translateY(-50%) scale(1.1);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
}

.main-carousel-area .carousel-indicators {position: relative;margin: 0;
}

.carousel-indicators button.thumbnail:not(.active) {opacity: 0.7;
}

.main-carousel-area .carousel-indicators [data-bs-target] {box-sizing: content-box;flex: 0 1 auto;padding: 0;margin-right: 3px;margin-left: 3px;text-indent: -999px;cursor: pointer;background-color: #fff;background-clip: padding-box;border: 0;border-top: 2px solid transparent;border-bottom: 2px solid transparent;
}

.main-carousel-area .carousel-indicators .thumbnail {height: 56px;width: 371px;border-radius: 10px;
}

.main-carousel-area .carousel-indicators .thumbnail img {display: block;width: 100%;height: 100%;object-fit: cover;border-radius: 15px;
}

.carousel-inner {width: 100%;max-height: 355px;
}

/* .carousel-item {
  width: 390px;
  height: 280px;
} */
.carousel-item>img {width: 450px;height: 270px;object-fit: cover;border-radius: 20px;
}

.openCloase-tags {width: 84px;position: absolute;float: left;margin: 0 20px;bottom: 18px;right: 5px;animation: sway 2s infinite;animation-timing-function: ease-in-out;-webkit-transform-origin: top;-moz-transform-origin: top;transform-origin: top;
}

@keyframes sway {0% {transform: rotate(9deg);}
50% {transform: rotate(-9deg);}
100% {transform: rotate(9deg);}
}

.openCloase-tags .hook {width: 5px;height: 5px;background-color: rgba(36, 121, 9, 1);margin: 2px auto 29px 42px;border-radius: 50%;box-shadow: 0 1px 0 1px rgba(36, 121, 9, 1);

}

.openCloase-tags .hook::before {content: '';width: 56px;height: 56px;border-top: 3px solid rgba(36, 121, 9, 1);border-left: 3px solid rgba(36, 121, 9, 1);/* border-right: 2px solid #000000; */position: absolute;border-radius: 7px;left: 16px;top: 6px;transform: rotate(45deg);z-index: 1;
}

.frame {/* background: #048c80; *//* background: rgb(235,235,235); */background: linear-gradient(130deg, rgba(235, 235, 235, 1) 0%, rgba(36, 121, 9, 1) 22%);z-index: 5;margin-top: 2px;border-radius: 8px 0px 8px 0px;padding: 4px 15px;font-size: 20px;font-weight: 700;text-shadow: 1px 1px 10px #2a2a2a56;color: #fff;letter-spacing: 1px;text-align: center;position: relative;/* box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset; *//* border: 1px solid #fff; */
}

.Open-cloase-tags {width: 86px;position: absolute;float: left;margin: 0 11px;bottom: 20px;right: 20px;animation: sway 2s infinite;animation-timing-function: ease-in-out;-webkit-transform-origin: top;-moz-transform-origin: top;transform-origin: top;
}

@keyframes sway {0% {transform: rotate(9deg);}
50% {transform: rotate(-9deg);}
100% {transform: rotate(9deg);}
}

.Open-cloase-tags .hook {width: 4px;height: 4px;background-color: red;margin: 2px auto 29px 42px;border-radius: 50%;box-shadow: 0 1px 0 1px red;
}

.Open-cloase-tags .hook::before {content: '';width: 56px;height: 56px;border-top: 3px solid red;border-left: 3px solid red;/* border-right: 2px solid #000000; */position: absolute;border-radius: 7px;left: 16px;top: 6px;transform: rotate(45deg);z-index: 1;
}

.Open-cloase-tags .frame {/* background: #048c80; *//* background: rgb(235,235,235); */background: linear-gradient(130deg, rgba(235, 235, 235, 1) 0%, red 22%);z-index: 5;margin-top: 2px;border-radius: 8px 0px 8px 0px;padding: 4px 6px;font-size: 14px;font-weight: 600;text-shadow: 1px 1px 10px #2a2a2a3d;color: #fff;letter-spacing: 1px;text-align: center;position: relative;/* box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset; *//* border: 1px solid #fff; */
}

.custom-buttons {width: 230px;height: 55px;color: #fff;border-radius: 5px;padding: 5px;font-size: 17px;letter-spacing: 0.8px;font-weight: 600;text-shadow: 1px 2px 7px #000000d0;cursor: pointer;transition: all 0.3s ease;position: relative;display: inline-block;box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), 7px 7px 20px 0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(0, 0, 0, .1);outline: none;
}

.list__spa {background: var(--text-color);border-radius: 30px;overflow: visible;width: 314px;height: 370px;/* box-shadow: 15px 15px 20px #bebebe, -10px -10px 20px #ffffff; */border: 1px solid rgb(201, 20, 20);box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgb(201, 20, 20) 0px -4px 0px inset;position: relative;
}

/* .btn__categry {position: relative;top: 15px;left: 0;width: 250px;height: 71px;margin: 0 auto;display: flex;justify-content: center;align-items: center;
} */
.btn__categry {position: relative;top: 15px;cursor: pointer;padding: 12px 35px;max-width: 230px;background-color: rgb(201, 20, 20);justify-content: center;align-items: center;text-align: center;display: block;margin: 0 auto;overflow: hidden;font-size: 22px;color: #fff;font-weight: 700px;letter-spacing: 1px;text-shadow: 1px 1px 10px #202020;color: #fff;border: 0;border-radius: 2px;box-shadow: inset 0 -2px 25px -4px #ffff;transition: all ease 1s;

}

.btn__categry:hover {/* background-image: linear-gradient(0deg,rgba(94, 58, 238, 1) 0%, #3E2C41 100%
  ); */letter-spacing: 2px;transform: scale(1.1);transition: all ease 1s;

}

.categoryCard {background: var(--text-color);border-radius: 30px;overflow: visible;box-shadow: 15px 15px 20px #bebebe,-10px -10px 20px #ffffff;border: 1px solid #3E2C41;
}

.etiquet-price {position: absolute;top: 10px;/* right: -14px; */background: linear-gradient(135deg, rgb(201, 20, 20), #631010);width: 8rem;margin-left: 12.4rem;padding: 0.2rem 1.2rem;border-radius: 5px 0 0 5px;
}

.etiquet-price p {margin: 0;font-size: 1rem;font-weight: 800;color: #fff;
}

.etiquet-price div {position: absolute;bottom: -23px;right: 0.03rem;width: 0;height: 0;border-top: 13px solid #b76f5a;border-bottom: 10px solid transparent;border-right: 13px solid transparent;
}

.etiquet-price2 {position: relative;top: -337px;background: #b76f5a;width: 8rem;margin-left: 12.4rem;padding: 0.2rem 1.2rem;border-radius: 5px 0 0 5px;
}
.etiquet-price2 p {margin: 0;font-size: 1rem;font-weight: 800;color: #fff;
}
.etiquet-price2 div {position: absolute;bottom: -23px;right: 0.03rem;width: 0;height: 0;border-top: 13px solid #b76f5a;border-bottom: 10px solid transparent;border-right: 13px solid transparent;
}
.category-explore-button {margin: 0 auto;background: var(--bg-color);color: white;font-family: inherit;padding: 0.80em;padding-left: 2.2em;font-size: 19px;font-weight: 700;/* text-shadow: 1px 1px 10px #fff; */border-radius: 0.4em;border: none;letter-spacing: 0.05em;display: flex;align-items: center;/* box-shadow: inset 0 0 1.6em -0.6em #714da6; */overflow: hidden;position: relative;height: 3em;padding-right: 4em;cursor: pointer;border: 1px solid rgb(255, 94, 0);box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgb(255, 255, 255) 0px -3px 0px inset;
}
.category-explore-button .icon {background: white;margin-left: 1em;position: absolute;display: flex;align-items: center;justify-content: center;height: 2.2em;width: 2.2em;border-radius: 0.7em;box-shadow: 0.1em 0.1em 0.6em 0.2em #7b52b9;right: 0.3em;margin-bottom: 0.2em;transition: all 0.3s;
}
.category-explore-button:hover .icon {width: calc(100% - 0.6em);
}
.category-explore-button .icon svg {width: 1.1em;transition: transform 0.3s;color: #7b52b9;
}
.category-explore-button:hover .icon svg {transform: translateX(0.1em);
}
.category-explore-button:active .icon {transform: scale(0.95);
}
.badge_recommended {background: rgba(201, 20, 20, 0.795);padding: 4px 14px;border: 1px solid #fff;border-radius: 2px;position: relative;top: -110px;width: 149px;height: 5vh;color: #fff;
}
@media (min-width: 1020px) and (max-width: 1320px) {.nav__con .text p {margin: 0;font-size: 10px !important;font-weight: 600;color: #111827;transition: all ease 0.3s;}
.new-desk-nav {position: relative;padding: 1px 5px !important;}
}
.spa-header {position: relative;
}
#navbar1 {width: 100%;background: #fff;transition: opacity 0.3s ease, visibility 0.3s ease;z-index: 1000;
}
#navbar1.nav-hidden {opacity: 0;visibility: hidden;
}
#navbar2 {position: fixed;top: -120px;/* Hidden above */left: 0;width: 100%;background: #fefefe59;backdrop-filter: blur(20px);z-index: 1050;box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);transition: top 0.4s ease;height: 70px;
}
#navbar2.nav-visible {top: 0;
}
#navbar2 {backdrop-filter: blur(8px);
}
.scal-header{background:#fff;margin-top: 45px;padding:22px 30px;border-bottom:1px solid #eee;
}
.scal-title{font-weight:700;letter-spacing:.3px;
}
.scal-container{padding:35px 15px;
}
.scal-card{background:#fff;border-radius:14px;padding:22px;border:1px solid #f0f0f0;transition:all .35s ease;position:relative;
}
.scal-card:hover{transform:translateY(-4px);box-shadow:0 10px 35px rgba(0,0,0,0.08);
}
.scal-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#4f7cff,#7b5cff);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;
}
.scal-name{font-weight:600;font-size:16px;
}
.scal-info{font-size:13px;color:#777;
}
.scal-badge{font-size:11px;padding:6px 10px;border-radius:20px;
}
.scal-pending{background:#fff3cd;color:#856404;
}
.scal-follow{background:#d1ecf1;color:#0c5460;
}
.scal-resolved{background:#d4edda;color:#155724;
}
.scal-phone{font-size:14px;margin-top:8px;color:#555;
}
  .sprof-profile-background-area {
      background: #0D0D0D;
      font-family: 'DM Sans', sans-serif;

    }

    .sprof-bg-glow {
      position: fixed; top: -20vh; left: 50%;
      transform: translateX(-50%);
      width: 900px; height: 600px;
      background: radial-gradient(ellipse at center, rgba(201,20,20,.14) 0%, transparent 70%);
      pointer-events: none; z-index: 0;
    }
    .sprof-profile-background-area {
      position: relative;
      padding: 3rem 0 5rem;
      z-index: 1;
    }
    .sprof-found__spa h3 {
      font-family: 'Cormorant Garamond', serif;
      font-size: clamp(1.5rem, 3vw, 2.4rem);
      font-weight: 300;
      color: var(--text-color);
      letter-spacing: .04em;
      animation: sprof-fadeDown .7s ease both;
    }
    .sprof-found__spa h3 span {
      font-weight: 700;
      background: var(--gradient-bg-color22);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    .sprof-profile-area-card .scard {
      background: transparent; border: none;
      animation: sprof-fadeUp .75s .1s ease both;
    }
    .sprof-glass-card {
      background: linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
      border: 1px solid rgba(201,20,20,.28);
      border-radius: 18px;
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      overflow: hidden;
      box-shadow:
        0 0 0 1px rgba(255,255,255,.04) inset,
        0 30px 80px rgba(0,0,0,.65),
        0 0 60px rgba(201,20,20,.08);
      transition: box-shadow .4s ease, transform .4s ease;
    }
    .sprof-glass-card:hover {
      box-shadow:
        0 0 0 1px rgba(255,255,255,.06) inset,
        0 40px 100px rgba(0,0,0,.7),
        0 0 80px rgba(201,20,20,.18);
      transform: translateY(-5px);
    }
    .sprof-card-cover {
      position: relative;
      height: 180px;
      background: linear-gradient(135deg, #1a0404 0%, #0D0D0D 50%, #180606 100%);
      overflow: visible;
    }
    .sprof-card-cover::before {
      content: '';
      position: absolute; inset: 0;
      background: repeating-linear-gradient(
        -45deg, transparent, transparent 40px,
        rgba(201,20,20,.055) 40px, rgba(201,20,20,.055) 41px
      );
    }
    .sprof-card-cover::after {
      content: '';
      position: absolute; bottom: 0; left: 0; right: 0; height: 1px;
      background: linear-gradient(90deg, transparent, var(--p-color-dim), transparent);
    }
    .sprof-cover-blob {
      position: absolute; border-radius: 50%; pointer-events: none;
    }
    .sprof-cover-blob-1 {
      width: 240px; height: 240px; top: -90px; right: -60px;
      background: radial-gradient(circle, rgba(201,20,20,.2) 0%, transparent 70%);
    }
    .sprof-cover-blob-2 {
      width: 160px; height: 160px; bottom: -40px; left: -30px;
      background: radial-gradient(circle, rgba(201,20,20,.12) 0%, transparent 70%);
    }
    .sprof-premium-badge {
      position: absolute; top: 18px; right: 20px;
      background: var(--bg2);
      color: #fff;
      font-size: .62rem; font-weight: 600;
      letter-spacing: .13em; text-transform: uppercase;
      padding: 5px 14px; border-radius: 50px;
      display: flex; align-items: center; gap: 6px;
      box-shadow: 0 4px 18px rgba(201,20,20,.38);
      animation: sprof-pulse-badge 3s infinite;
    }
    @keyframes sprof-pulse-badge {
      0%,100% { box-shadow: 0 4px 18px rgba(201,20,20,.38); }
      50%      { box-shadow: 0 4px 32px rgba(201,20,20,.58); }
    }
    .sprof-avatar-wrap {
      position: absolute; bottom: -52px; left: 50%;
      transform: translateX(-50%); z-index: 2;
    }
    .sprof-avatar-ring {
      width: 108px; height: 108px; border-radius: 50%; padding: 3px;
      background: conic-gradient(rgb(201,20,20), rgb(230,60,60), #631010, rgb(201,20,20));
      box-shadow: 0 0 28px rgba(201,20,20,.38);
      animation: sprof-spin-ring 8s linear infinite;
    }
    @keyframes sprof-spin-ring { to { transform: rotate(360deg); } }

    .sprof-avatar-ring-inner {
      width: 100%; height: 100%; border-radius: 50%; overflow: hidden;
      border: 3px solid #0D0D0D;
      animation: sprof-spin-ring 8s linear infinite reverse;
    }
    .sprof-avatar-ring-inner img {
      width: 100%; height: 100%; object-fit: cover; display: block;
    }

    .sprof-avatar-edit {
      position: absolute; bottom: 4px; right: 4px;
      width: 28px; height: 28px;
      background: var(--bg2); border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      color: #fff; font-size: .65rem; cursor: pointer;
      text-decoration: none; z-index: 3;
      box-shadow: 0 2px 10px rgba(0,0,0,.5);
      transition: transform .2s;
    }
    .sprof-avatar-edit:hover { transform: scale(1.15); }
    .sprof-card-body-custom {
      padding: 68px 32px 28px;
      display: flex; flex-direction: column; align-items: center; gap: 10px;
    }

    .sprof-user-display-name {
      font-family: 'Cormorant Garamond', serif;
      font-size: 1.8rem; font-weight: 600;
      color: var(--text-color); letter-spacing: .02em; text-align: center;
    }

    .sprof-red-divider {
      width: 60px; height: 1.5px;
      background: var(--gradient-bg-color22);
      margin: 4px auto 10px; border-radius: 2px;
    }
    .sprof-info-row {
      width: 100%;
      display: flex; align-items: center; gap: 14px;
      padding: 12px 16px; border-radius: 12px;
      background: rgba(255,255,255,.03);
      border: 1px solid rgba(255,255,255,.05);
      transition: background .25s, border-color .25s;
    }
    .sprof-info-row:hover {
      background: rgba(201,20,20,.10);
      border-color: rgba(201,20,20,.28);
    }
    .sprof-info-icon {
      width: 36px; height: 36px; border-radius: 10px;
      background: rgba(201,20,20,.10);
      border: 1px solid rgba(201,20,20,.28);
      display: flex; align-items: center; justify-content: center;
      color:  rgb(230, 60, 60); font-size: .9rem; flex-shrink: 0;
    }
    .sprof-info-label {
      font-size: .62rem; color: #888;
      letter-spacing: .1em; text-transform: uppercase; margin-bottom: 4px;
    }
    .sprof-info-value {
      font-size: .88rem; color: var(--text-color); font-weight: 400;
    }
    .sprof-btn-red {
      display: flex; align-items: center; justify-content: center; gap: 8px;
      padding: 13px 32px; border-radius: 50px;
      border: 1.5px solid var(--p-color);
      background: rgba(201,20,20,.10);
      color:  rgb(230, 60, 60);
      font-size: .82rem; font-weight: 500;
      letter-spacing: .08em; text-transform: uppercase;
      cursor: pointer; width: 100%; margin-top: 6px;
      text-decoration: none; position: relative; overflow: hidden;
      transition: color .3s, border-color .3s, box-shadow .3s;
    }
    .sprof-btn-red::before {
      content: '';
      position: absolute; inset: 0;
      background: var(--bg2); opacity: 0; transition: opacity .3s;
    }
    .sprof-btn-red:hover::before { opacity: 1; }
    .sprof-btn-red:hover {
      color: #fff; border-color: transparent;
      box-shadow: 0 6px 24px rgba(201,20,20,.38);
    }
    .sprof-btn-red i,
    .sprof-btn-red span { position: relative; z-index: 1; }
    .sprof-stats-strip {
      border-top: 1px solid rgba(255,255,255,.05);
      display: flex; margin-top: 16px;
    }
    .sprof-stat-item {
      flex: 1; padding: 16px 8px; text-align: center;
      transition: background .25s;
    }
    .sprof-stat-item:not(:last-child) { border-right: 1px solid rgba(255,255,255,.05); }
    .sprof-stat-item:hover { background: rgba(201,20,20,.10); }

    .sprof-stat-num {
      font-family: 'Cormorant Garamond', serif;
      font-size: 1.4rem; font-weight: 700;
      color:  rgb(230, 60, 60); line-height: 1;
    }
    .sprof-stat-lbl {
      font-size: .6rem; letter-spacing: .1em;
      text-transform: uppercase; color: #888; margin-top: 4px;
    }
    @keyframes sprof-fadeDown {
      from { opacity: 0; transform: translateY(-20px); }
      to   { opacity: 1; transform: translateY(0); }
    }
    @keyframes sprof-fadeUp {
      from { opacity: 0; transform: translateY(30px); }
      to   { opacity: 1; transform: translateY(0); }
    }