* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none !important;
  font-family: "Quicksand", sans-serif;
}

:root {
  --theme-color1: black;
  --theme-color2: #6c6c6c;
}

/* location css start */

.dropdown button.drop-new {
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 20px;
}

/* location css end */
.view-all span  {
    cursor: pointer;
}
/* header css start */

.header .navbar-custom {
  background-color: #fff5fa;
}

.header .brand-subtext {
  font-size: 0.7rem;
  margin-top: -0.5rem;
  color: #444;
}

.banner .ban-allicons .ban-icon p {
  font-size: 16px;
  font-weight: 600;
  color: black;
}

.header .search-box {
  border-radius: 20px;
  padding: 0 10px;
  border: 1px solid #ccc;
  background-color: white;
}

.header .icon-group i {
  font-size: 24px;
  margin-left: 20px;
  cursor: pointer;
}

.header a.nav-link {
  font-weight: 600;
  color: black;
}

/* header css start */

/* dropdown sec css start */

.dropdown .location-dropdown .btn {
  border-radius: 1.5rem;
  background-color: #fff;
  border: 1px solid #ccc;
  color: #000;
  padding: 6px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.dropdown .location-dropdown .btn i {
  font-size: 1.2rem;
  color: #000;
}

.dropdown .location-dropdown .dropdown-toggle::after {
  margin-left: auto;
}

.dropdown .dropdown-menu {
  min-width: 300px;
}

section.dropdown {
  background-color: #fff7fb;
}

/* dropdown sec css end */

/* footer sec css sart */

footer.footer {
  padding: 62px 20px 0;
  background-color: #f9f9fb;
}

.newsletter-form {
  max-width: 400px;
  margin: 0;
  background-color: #f9f9fb;
  border-radius: 50px;
  display: flex;
  align-items: center;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}

.newsletter-form input {
  border: none;
  border-radius: 50px 0 0 50px;
  padding: 10px 20px;
  flex-grow: 1;
  outline: none;
  font-size: 14px;
}

.newsletter-form button {
  border: none;
  border-radius: 0 50px 50px 0;
  background-color: #000;
  color: #fff;
  padding: 10px 25px;
  font-weight: 500;
  transition: background 0.3s ease;
}

.newsletter-form button:hover {
  background-color: #333;
}

.footer h2 {
  font-size: 30px;
  font-weight: 600;
  color: #0d0d0d;
  margin-bottom: 24px;
}

.footer .arrow i.bi.bi-chevron-up {
  background-color: black;
  padding: 24px;
  border-radius: 8px;
  color: white;
}

.footer .arrow {
  margin-top: 19%;
}

.footer .foot-sub {
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 40px;
  margin-bottom: 43px;
}

.city-list {
  color: #000;
  font-size: 12px;
}

.city-list span::after {
  content: "|";
  margin: 0 6px;
  color: #aaa;
}

.city-list span:last-child::after {
  content: "";
}

.footer .city h3 {
  font-size: 24px;
  font-weight: 600;
  color: black;
}

.footer .madam {
  padding: 43px 0;
  border-bottom: 1px solid #d6d6d6;
}

.footer .madam .logo-para p {
  padding-top: 14px;
  font-size: 16px;
  font-weight: 500;
  color: black;
  padding-right: 7px;
}

.footer .madam .quick-link ul {
  padding: 0;
  margin: 20px 0 0 0;
}

.footer .madam .quick-link li {
  font-size: 16px;
  font-weight: 500;
  color: black;
}

.footer .madam .quick-link li {
  font-size: 16px;
  font-weight: 500;
  color: black;
  margin-bottom: 12px;
}

.footer .madam .quick-link h5 {
  font-size: 20px;
  font-weight: 700;
  color: black;
}

.footer .madam .social {
  padding: 20px 0;
  display: flex;
  gap: 10px;
}

.footer .quick-link p {
  font-size: 16px;
  font-weight: 600;
  color: black;
}

.design p {
  font-weight: 600;
  color: black;
}

.footer ul {
  list-style: none;
}

.footer .copy .coypright p {
  /* padding: 24px 0 0; */
  font-size: 18px;
  color: #0d0d0d;
  margin: 0 !important;
}
.design a {
  color: black;
}
.footer span {
  width: max-content !important;
  display: inline-flex;
  cursor: pointer;
}

/* footer sec css end */

/* Homepage start */

/* banner sec start */

section.banner {
  background-color: #fff7fb;
}

.banner .ban-inner {
  max-width: 1252px;
}

.banner .ban-allicons {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  text-align: center;
  max-width: 100%;
}

.banner .ban-left h1 {
  font-size: 38px;
  font-weight: 600;
  margin-bottom: 25px;
  color: black;
  max-width: 348px;
  width: 100%;
}

.banner .ban-right .baner-image {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.banner .ban-right .baner-image .left img.top-image {
  margin-bottom: 20px;
}

.banner .baner-image .left img {
  width: 100%;
  height: 235px;
  object-fit: cover;
  border-radius: 20px;
}

.banner .baner-image .left {
  width: 50%;
}

.banner .baner-image .right img.face {
  width: 100%;
  height: 491px !important;
  object-fit: cover;
  border-radius: 20px;
}

/* banner css end */

/* offer sec start */

section.offer {
  background-color: #fff7fb;
}
.offer-text {
  position: absolute;
  bottom: 34px;
  padding: 0 20px;
}
.expert img.offe-new {
  height: 217px;
  width: 100%;
  object-fit: cover;
  background-blend-mode: overlay;
  background-color: #0000008f;
}

/* .offer .expert {
  background-blend-mode: overlay;
  background-color: #0000008f;
  height: 217px;
} */

.offer .expert-one {
  /* background-image: url(./images/orange.svg); */
  background-repeat: no-repeat;
  background-size: cover;
  padding: 25px 15px 58px;
  border-radius: 20px;
}

.offer .expert-two {
  /* background-image: url(./images/purple.svg); */
  background-repeat: no-repeat;
  background-size: cover;
  padding: 25px 15px 58px;
  border-radius: 20px;
}

.offer h2 {
  font-size: 22px;
  font-weight: 700;
  color: #ffffff;
  max-width: 352px;
  margin-bottom: 12px;
}

.offer p {
  font-size: 16px;
  font-weight: 500;
  color: white;
  margin-bottom: 36px;
}

.offer a {
  padding: 10px 16px;
  background-color: #0000004f;
  color: white;
  border-radius: 8px;
  transition: all 0.5s ease;
}

.offer .owl-nav.disabled {
  display: block !important;
}

.offer button.owl-next {
  position: absolute;
  top: 96px;
  right: -27px;
}

.offer button.owl-prev {
  position: absolute;
  top: 96px;
  left: -27px;
}

.offer .owl-theme .owl-nav [class*="owl-"]:hover {
  background: none;
}

/* offer sec end */

/* services sec css start */
section.services {
  background-color: #fff7fb;
}

.services .serv-inner {
  padding: 0px 0 1px;
}

.top-deal h2 {
  padding: 8px 10px !important;
}

.shop-category h2 {
  padding-top: 50px !important;
}

section.snaps {
  padding: 60px 20px;
  background-color: #fff7fb;
  padding-bottom: 10px;
}
.snaps p {
  font-size: 16px;
  font-weight: 500;
  color: var(--theme-color2);
  max-width: 821px;
  margin: auto;
}

.snaps h2 {
  font-size: 22px;
  font-weight: 600;
  color: var(--theme-color1);
}

.snaps img {
  width: 100%;
}

.services .owl-nav.disabled {
  display: block !important;
}

.services button.owl-next {
  position: absolute;
  top: 121px;
  right: -27px;
}

.services button.owl-prev {
  position: absolute;
  top: 121px;
  left: -27px;
}

.services .owl-theme .owl-nav [class*="owl-"]:hover {
  background: none;
}

.services h3 {
  font-size: 40px;
  font-weight: 600;
  color: black;
  margin-bottom: 35px;
}

.services .book h5 {
  font-size: 20px;
  font-weight: 500;
  color: black;
  padding: 11px 0 0 0;
}

.services .book i.bi.bi-star-fill {
  color: #e04d29;
}

.services .book p {
  font-size: 18px;
  font-weight: 500;
  color: black;
  margin-bottom: 8px;
}

.services .book span.rev {
  font-size: 16px;
}

.services .book span {
  font-size: 18px;
  color: black;
  font-weight: 500;
}
.b-tags a {
  color: var(--theme-color1);
}

/* services sec css end */

/* customer page css start */
section.customer {
  background-color: #fff7fb;
}

.customer .ply-but {
  background: white;
  width: 44px;
  margin: auto;
  font-size: 28px;
  border-radius: 50%;
  text-align: center;
  margin-bottom: 0;
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  border: 0;
}

.customer i.bi.bi-play-fill {
  color: #000000cf;
}

.customer .content h6 {
  font-size: 22px;
  font-weight: 600;
  color: white;
  margin: 0;
}

.customer h3 {
  font-size: 40px;
  font-weight: 600;
  color: black;
  margin-bottom: 35px;
}

.customer .content {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  background: #000000a1;
  margin: 0 10px;
  border-radius: 10px;
}

.customer .content p {
  font-size: 18px;
  font-weight: 500;
  color: white;
}

.customer .owl-nav.disabled {
  display: block !important;
}

.customer button.owl-next {
  position: absolute;
  top: 0px;
  right: -27px;
  bottom: 0;
}

.customer button.owl-prev {
  position: absolute;
  top: 0;
  left: -27px;
  bottom: 0;
}

.customer .owl-theme .owl-nav [class*="owl-"]:hover {
  background: none;
}

/* customer page css end */

/* trending sec css start */

section.services {
  background-color: #fff7fb;
}

.services .trending {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 50px;
}

/* trending sec css end */

/* achieve sec start */

.achieve h3 {
  font-size: 40px;
  font-weight: 600;
  color: black;
  margin-bottom: 35px;
}

.achieve .far {
  display: flex;
  justify-content: flex-start;
  text-align: center;
  gap: 20px;
  flex-wrap: wrap;
  padding: 0 20px;
}

.achieve .far .block {
  max-width: 140px !important;
  width: 100%;
  margin: auto;
}

.achieve .far .block h4 {
  font-size: 20px;
  font-weight: 700;
  color: #121212;
}

.achieve .far .block p {
  font-size: 16px;
  font-weight: 500;
  color: #646464;
}

section.achieve {
  padding-bottom: 67px;
  background-color: #fff7fb;
}

/* achieve sec end */

/* glow sec start */

.glow {
  background-image: url(./images/glow-banner.svg);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 164px 0;
}

.glow h2 {
  font-size: 48px;
  font-weight: 600;
  color: white;
  margin-bottom: 37px;
}

.glow p {
  font-weight: 500;
  font-size: 20px;
  color: white;
  max-width: 624px;
  width: 100%;
  margin-bottom: 37px;
}

.glow button {
  font-size: 22px;
  font-weight: 600;
  padding: 10px 34px;
  border: none;
  background-image: linear-gradient(#00b2ba, #0f7175);
  color: white;
  border-radius: 12px;
}

/* glow sec end */

/* homepage end */

/* single-service page css start */

/* .service-banner {
  background-image: url(./images/service-banner.svg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 65vh;
  padding: 85px 0 0 0;
} */
/* .service-banner {
  padding: 120px 0 0 0px;
  background-blend-mode: overlay;
  background-color: #3a3a3a;
  color: white;
  text-align: center;
  display: flex;
} */
section.service-banner {
  position: relative;
}
.service-banner img {
  width: 100%;
  height: 70vh;
  object-fit: cover;
}
/* .service-banner h1 {
  position: absolute;
  top: 44%;
} */
.service-banner h1 {
  position: absolute;
  top: 31%;
  width: max-content;
  left: 23%;
  text-align: center;
  background-blend-mode: overlay;
  background: #000000d4;
  color: white;
  margin: auto;
  padding: 20px;
  border-radius: 20px;
}
/* package css start */
section.package {
  background-color: #fff7fb;
  padding: 1px 0 10px 0;
}

.product-cart .cart-box {
  margin: 0 20px;
}

.package .manage {
  display: flex;
  justify-content: start;
  background-color: #fff7fb;
  padding: 20px;
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  margin: -40px 0 0 0;
  flex-wrap: wrap;
  gap: 22px;
  position: relative;
}

.package .manage .packs {
  max-width: 96px;
  text-align: center;
}

.package .manage .packs p {
  font-size: 15px;
  font-weight: 500;
  color: #313131;
  padding: 7px 0 0 0;
}

.package .manage .packs p.active {
  color: red;
}

.package .packs img {
  width: 100%;
  height: 89px;
  object-fit: cover;
  border-radius: 20px;
}

/* package css end */

/* selling sec start */

section.selling {
  background-color: #fff7fb;
}

.selling .product-card {
  border: 1px solid #f0e8ed;
  border-radius: 12px;
  padding: 15px;
  background: white;
  height: 100%;
}

.selling .product-title {
  font-weight: 600;
  font-size: 18px;
  color: black;
}

.selling .price {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 9px;
  color: black;
  column-gap: 16px;
}

.selling .blue-text {
  color: #1b5abb;
  font-size: 14px;
  font-weight: 600;
  border-bottom: 1px solid #b1b1b1;
  padding-bottom: 8px;
}

.selling .review-stars {
  color: red;
  font-size: 14px;
  font-weight: 500;
}

.selling .add-btn,
.qty-controls {
  background: black;
  color: white;
  border: none;
  border-radius: 10px;
  padding: 8px 23px;
  position: absolute;
  bottom: -12px;
  left: 21px;
}

.selling .view-details a {
  color: #e04d29;
  font-size: 15px;
  font-weight: 700;
}

.selling small.text-muted {
  font-size: 14px;
  color: black !important;
  font-weight: 500;
}

.selling .cart-box {
  background: white;
  padding: 15px;
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 10px;
  border: 1px solid rgb(240, 232, 237);
}

.selling .cart-btn {
  background: black;
  color: white;
  width: 100%;
  padding: 10px;
  border-radius: 10px;
  border: none;
}

.selling .qty-box {
  display: flex;
  align-items: center;
  gap: 6px;
}

.selling .qty-box button {
  padding: 2px 8px;
  border: none;
  background: #eee;
  border-radius: 6px;
}

.selling .pagination .page-link {
  border-radius: 8px;
  margin: 0 3px;
}

.selling h4.fw-bold {
  font-size: 32px;
  padding: 30px 0 0 0;
}

.selling .text-end {
  position: relative;
}

.selling .product-card p.text-muted {
  font-weight: 500;
  color: #6c6c6c;
}

.selling .product-card li {
  color: #6c6c6c;
  font-weight: 500;
}

/* .selling .qty-wrapper {
    align-items: center;
    border: 2px solid #000;
    border-radius: 12px;
    background: white;
    padding: 0px 8px;
    font-size: 20px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    max-width: 87px;
    margin: -29px 0 0 18px;
    position: relative;
}

.selling .qty-wrapper .qty-btn {
    background: transparent;
    border: none;
    font-size: 22px;
    padding: 3px 6px;
    cursor: pointer;
}

.selling .qty-wrapper .qty-value {
    min-width: 20px;
    text-align: center;
    margin: 0 6px;
} */

.selling .sell-cart {
  font-size: 14px;
  color: #6c6c6c;
  max-width: 108px;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.selling .qty-box-sm {
  display: inline-flex;
  align-items: center;
  border: 1px solid #000;
  border-radius: 8px;
  background-color: #fff;
  font-size: 16px;
  padding: 2px 0px;
  margin: 0 0 0 3px;
}

.selling .qty-box-sm button {
  background: transparent;
  border: none;
  font-size: 16px;
  cursor: pointer;
  padding: 2px 8px;
}

.selling .qty-box-sm span {
  min-width: 14px;
  text-align: center;
}

.selling .active > .page-link,
.page-link.active {
  background: black;
  border-color: black;
}

#exampleModal210 .modal-body .wrinkle {
  background-image: url(./images/modal-banner.svg);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 50px;
  height: 48vh;
}

#exampleModal210 .modal-body .wrinkle h1 {
  background: linear-gradient(to right, #861faa, #9a4871);
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  max-width: 264px;
  font-weight: 700;
  width: 100%;
}

#exampleModal210 .modal-body .single button.owl-next {
  position: absolute;
  top: 40px;
  bottom: 0px;
  right: 0;
}

#exampleModal210 .modal-body .single button.owl-prev {
  position: absolute;
  top: 40px;
  bottom: 0px;
  left: 0;
}

#exampleModal210 .modal-body .single .owl-nav.disabled {
  display: block;
}

#exampleModal210 .owl-theme .owl-nav [class*="owl-"]:hover {
  background: transparent !important;
  color: #fff;
  text-decoration: none;
}

#exampleModal210 .modal-content .owl-dots {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

#exampleModal210 .modal-content {
  height: 600px;
  background-color: #fff7fb;
}

#exampleModal210 .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #861faa;
}

#exampleModal210 .modal-body .wrinkle p {
  font-size: 20px;
  font-weight: 700;
  color: #861faa;
}

#exampleModal210 .modal-dialog.modal-dialog-centered {
  max-width: 600px;
}

#exampleModal210 .modal-body .hydra-anti .hydra-left span.line-rate {
  font-size: 16px;
  color: #6c6c6c;
  text-decoration: line-through !important;
  margin: 0 8px 0 0px;
  text-decoration-color: #6c6c6c !important;
}

#exampleModal210 .modal-body .hydra-anti .hydra-left p {
  font-size: 20px;
  font-weight: 600;
  color: black;
}

#exampleModal210 .modal-body .hydra-anti .hydra-left span.percent {
  font-size: 16px;
  font-weight: 600;
  color: #2caa3b;
  border-left: 1px solid #6c6c6c;
  padding: 0 10px;
  border-right: 1px solid #6c6c6c;
}

#exampleModal210 .modal-body .hydra-anti .hydra-left span.hour {
  font-size: 16px;
  font-weight: 500;
  color: #6c6c6c;
}

#exampleModal210 .modal-body .hydra-anti .hydra-right a {
  padding: 8px 23px;
  background: black;
  border-radius: 8px;
  color: white;
}

#exampleModal210 .modal-body .hydra-anti {
  border-bottom: 1px solid #adadad;
  margin: 20px;
}

#exampleModal210 .modal-body .key-ingd h4 {
  font-size: 20px;
  font-weight: 600;
  color: black;
}

#exampleModal210 .modal-body .key-ingd {
  padding: 17px 20px 30px;
}

#exampleModal210 .modal-body .key-ingd img {
  width: 100%;
}

#exampleModal210 .modal-body .key-ingd h5 {
  font-size: 16px;
  font-weight: 600;
  color: black;
  padding: 8px 0 0 0;
}

#exampleModal210 .modal-body {
  padding: 0;
}

#exampleModal210 .modal-body .key-ingd p {
  font-size: 12px;
  color: black;
}

#exampleModal210 .modal-body .rings {
  background: #f6f6f6;
  padding: 14px;
  border-bottom: 1px solid #0000001f;
}

#exampleModal210 .modal-body .rings h4 {
  font-size: 20px;
  color: black;
}

#exampleModal210 .modal-body .rings p {
  font-size: 14px;
  color: black;
  font-weight: 600;
  padding: 5px 0;
}

#exampleModal210 .modal-body .scroll-item {
  max-width: 81px;
  width: 100%;
}

#exampleModal210 .modal-header {
  display: block;
}

.selling .modal-header button.btn-close {
  float: right;
}

.selling .modal-header .make-pack p {
  font-size: 18px;
  font-weight: 500;
  color: var(--theme-color1);
  margin: 0;
}

.selling .modal-header .make-pack {
  border-bottom: 1px solid gray;
  padding-bottom: 10px;
  margin-bottom: 11px;
}

.selling .modal-header .make-tabs ul {
  list-style: none;
  padding: 0;
  display: flex;
  gap: 20px;
}

.selling .modal-header .make-tabs ul li {
  border: 1px solid;
  padding: 5px 19px;
  border-radius: 41px;
}

.selling .modal-header .make-tabs ul li.active {
  background-color: #e04d29;
  color: white;
}

.selling .modal-header .make-pack p {
  font-size: 22px;
  font-weight: 700;
  color: var(--theme-color1);
}

.selling .modal-header .make-pack p.service {
  color: var(--theme-color2) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}

.selling .modal-header .nav-link.active {
  background-color: #88396b;
  color: #fff !important;
}

.selling .modal-header .nav-link {
  border: 1px solid black;
  border-radius: 12px;
  color: black !important;
  font-weight: 500;
}

/* Hide native checkbox */
.custom-checkbox {
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  border: 3px solid #88396b;
  padding: 6px;
  border-radius: 4px;
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  cursor: pointer;
  vertical-align: middle;
}

/* When checked, show a custom tick */
.custom-checkbox:checked {
  background-color: #88396b;
  /* ✅ custom green tick background */
  border-color: #88396b;
}

.custom-checkbox:checked::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.selling .modal-header button.make-left {
  position: absolute;
  top: 0;
  left: 0;
  padding: 8px 10px;
  background-color: #ffddee;
  border: 1px solid gray;
}

.selling .modal-header button.make-right {
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px 10px;
  background-color: #ffddee;
  border: 1px solid gray;
}

.selling .modal-body .wax-pack {
  padding: 20px;
}

.selling .modal-body .wax-chk .wax-lft label {
  margin-left: 7px;
  color: var(--theme-color1);
  font-weight: 500;
}

.selling .modal-body .wax-chk .wax-lft small {
  padding: 0 0 0 17px;
  font-size: 16px;
  color: var(--theme-color2);
}

.modal.fade {
  background-blend-mode: overlay;
  background-color: #0000009c;
}

.selling .modal-body .wax-pack .wax-chk {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.selling .modal-body .wax-pack .wax-rht .wax-select {
  display: flex;
  justify-content: space-between;
  border: 1px solid;
  padding: 2px 20px;
  margin-bottom: 12px;
  border-radius: 20px;
  align-items: center;
}

.selling .modal-body .wax-chk .wax-rht .wax-select h5 {
  margin: 0;
  font-size: 16px;
  color: var(--theme-color1);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.modal-dialog.pro-mode {
  max-width: 400px !important;
}

/* .product-popup {
    position: absolute;
    top: -94px;
    right: 17px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px;
    padding: 24px;
    z-index: 10;
    border-radius: 4px;
    min-width: 473px;
    border: 1px solid black;
} */

.product-popup {
  position: absolute;
  top: 182%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff7fb;
  border: 1px solid #ccc;
  padding: 12px;
  border-radius: 8px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  z-index: 999;
  width: 175px;
}

.wax-rht {
  max-width: 151px;
  width: 100%;
}

.selling .modal-body .wax-pack h5 {
  font-size: 18px;
  font-weight: 600;
  color: var(--theme-color1);
  margin-bottom: 20px;
}

.selling .modal-body .wax-pack .wax-rht .wax-select {
  display: flex;
  justify-content: space-between;
  border: 1px solid;
  padding: 2px 20px;
  margin-bottom: 12px;
  border-radius: 20px;
  gap: 21px;
  align-items: center;
}

.selling .modal-footer {
  display: block;
}

.selling .modal-footer .addcart-left p {
  font-weight: 600;
  color: var(--theme-color1);
  margin: 0;
}

.selling .modal-footer .addcart-left p.savecart {
  color: green !important;
  font-weight: 700 !important;
}

.selling .modal-footer .addcart-left span.add-stroke {
  color: var(--theme-color2);
  text-decoration: line-through !important;
  margin: 0 0 0 6px;
}

.selling .modal-footer button.cartadd {
  padding: 9px 14px;
  border: none;
  border-radius: 12px;
  background-color: #247e24;
  color: white;
  font-weight: 500;
}

.selling .wax-addcart {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#exampleModal210 .modal-header a {
  text-decoration: none;
}

#exampleModal210 .modal-body .step-home,
#exampleModal210 .modal-body .step-facial {
  padding: 20px 20px 0;
}

#exampleModal210 .modal-body .step-home h4,
#exampleModal210 .modal-body .step-facial h4,
#exampleModal210 .modal-body .after-tips h4 {
  font-size: 20px;
  font-weight: 600;
  color: black;
}

#exampleModal210 .modal-body .step-home img {
  width: 100%;
}

#exampleModal210 .modal-body .up-block {
  max-width: 250px;
}

#exampleModal210 .modal-body .up-block img {
  width: 100%;
}

#exampleModal210 .modal-body .step-up {
  row-gap: 17px;
}

#exampleModal210 .modal-body .up-block h5 {
  font-size: 18px;
  font-weight: 600;
  color: black;
  margin-bottom: 15px;
}

#exampleModal210 .modal-body .up-block p {
  font-size: 13px;
  color: #6c6c6c;
  padding: 14px 0;
  font-weight: 500;
}

#exampleModal210 .modal-body .after-tips {
  padding: 0 20px;
}

#exampleModal210 .modal-body .after-tips ul li {
  font-size: 16px;
  margin-bottom: 15px;
  color: #6c6c6c;
}

#exampleModal300 .custom-input,
.custom-location-btn {
  border-radius: 12px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 12px 16px;
  font-size: 14px;
}

#exampleModal300 .custom-location-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #1b5abb;
  cursor: pointer;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
}

#exampleModal300 .input-group .form-control {
  border-left: none;
  border-radius: 0 12px 12px 0;
}

#exampleModal300 .input-group-text {
  background-color: #fff;
  border-right: none;
  border-radius: 12px 0 0 12px;
}

#exampleModal300 .modal-header {
  border: none;
}

#exampleModal300 .modal-content {
  height: 40vh;
}

#exampleModal300 input.form-control::placeholder {
  color: black;
}

.selling .product-card span.line-rate {
  text-decoration: line-through !important;
  font-weight: 400;
}

.selling .product-card .hydra-rate p {
  color: #6c6c6c;
  margin: 0;
}

.selling .product-card span.percent {
  color: green;
  font-weight: 700;
}

.selling .product-card span.hour {
  width: 100%;
}

.selling .product-card span.new-rate {
  color: black;
  font-weight: 700;
}

.selling .modal-content .hydra-rate {
  column-gap: 20px;
}

.selling .modal-content span.hour {
  width: 100%;
}

.selling .modal-content span.new-rate {
  color: black;
  font-weight: 700;
}

.selling .modal-content span.line-rate {
  margin: 0 0 0 10px;
  text-decoration: line-through !important;
  font-weight: 400;
}

.selling .modal-content span.percent {
  color: green;
  font-weight: 700;
}

/* selling css end */

.tab-scroll-container {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.tab-scroll-container::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Opera */
}

/* single-service page css start */

/* book service page css start */

section.book-service {
  background-color: #fff7fb;
}

.book-service .qty-box-sm {
  width: max-content;
  align-items: center;
  border: 1px solid #000;
  border-radius: 8px;
  background-color: #fff;
  font-size: 16px;
  padding: 2px 8px;
  margin: -12px 0 0 40px;
  position: relative;
}

.book-service .qty-box-sm button {
  background: transparent;
  border: none;
  font-size: 16px;
  cursor: pointer;
  padding: 2px 8px;
}

.book-service .qty-box-sm span {
  min-width: 14px;
  text-align: center;
}

.book-service .booking {
  padding: 0;
  border: 0;
  border-radius: 20px;
}

.book-service .booking h4 {
  font-size: 20px;
  font-weight: 600;
  border-bottom: 1px solid #e6e6e6;
  padding: 0 20px 15px;
}

.book-service .book-roll {
  margin: 30px;
  border: 1px solid #cccccc;
  border-radius: 12px;
  padding: 14px;
  gap: 10px;
}

.booking .book-roll .roll-wax h5 {
  font-size: 18px;
  font-weight: 600;
  color: var(--theme-color1);
  margin: 0;
}

.booking .book-roll .roll-wax p {
  font-weight: 500;
  color: #6c6c6c;
  margin-bottom: 10px;
}

.booking .book-roll .roll-wax span.minutes {
  font-weight: 600;
  color: black;
}

.booking .book-roll .roll-wax .serv-charge span.cost {
  font-size: 14px;
  color: var(--theme-color2);
}

.booking .book-roll .roll-wax .serv-charge p.serv-rate {
  font-weight: 600 !important;
  color: var(--theme-color1);
}

.booking .book-roll .serve-offs span.inr-rate {
  font-weight: 600;
  color: #2caa3b;
}

.booking .book-roll .serve-offs span.under-line {
  font-size: 18px;
  color: var(--theme-color2);
  font-weight: 600;
  text-decoration: line-through !important;
}

.booking .book-roll .serve-offs h3 {
  font-size: 24px;
  color: var(--theme-color1);
  font-weight: 600;
}

.book-service .last-minute {
  padding: 30px 0;
}

.book-service .qty-box-sm {
  width: 100px;
  align-items: center;
  border: 1px solid #000;
  border-radius: 8px;
  background-color: #fff;
  font-size: 16px;
  padding: 2px 8px;
  margin: -12px 0 0 40px;
  position: relative;
  display: flex;
  justify-content: center;
}

.last-minute .add-ons h4 {
  font-size: 19px;
  font-weight: 600;
  color: var(--theme-color1);
}

.last-minute .add-ons span.add-line {
  font-size: 15px;
  color: var(--theme-color2);
  font-weight: 500;
  text-decoration: line-through !important;
  margin: 1px 0 0 0;
}

.last-minute .add-ons .combo span.add-rate {
  font-size: 17px;
  font-weight: 600;
  color: var(--theme-color1);
}

.last-minute .add-ons .combo p.add-percent {
  font-size: 14px;
  font-weight: 500;
  color: #2caa3b;
}

.last-minute .add-ons .add-right a {
  padding: 6px 29px;
  background-color: black;
  color: white;
  border-radius: 8px;
}

.last-minute h3 {
  font-size: 24px;
  font-weight: 600;
  color: black;
  margin-bottom: 20px;
}

.avail .block h6 {
  font-size: 14px;
  font-weight: 600;
  color: black;
  margin: 7px 0;
}

.avail .block span.b-mins {
  font-size: 14px;
  color: #6c6c6c;
  font-weight: 500;
}

.avail .block span.avail-line {
  font-size: 14px;
  font-weight: 600;
  color: var(--theme-color2);
  text-decoration: line-through !important;
}

.avail .block span.avail-rate {
  font-weight: 600;
  color: var(--theme-color1);
}

.avail .block span.avail-percnt {
  font-weight: 600;
  color: #2caa3b;
}

.avail .block .avail-butn button {
  padding: 6px 27px;
  border: 1px solid black;
  border-radius: 8px;
  color: var(--theme-color1);
  font-weight: 600;
  width: 100%;
  background: none;
}

.last-minute .add-ons {
  border: 1px solid #cccccc;
  border-radius: 12px;
}

.book-service .select-card {
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 11px;
  max-width: 400px;
  background-color: #fff;
  margin: auto;
  width: 100%;
}

.book-service .select-card .section-title {
  font-weight: 600;
  font-size: 1rem;
}

.book-service .select-card .section-subtitle {
  font-size: 0.875rem;
  color: #7d7d7d;
}

.book-service .select-card .date-btn,
.time-btn {
  border: 1px solid #e0dede;
  background-color: #fff;
  color: #333;
  border-radius: 8px;
  padding: 0.75rem;
  min-width: 70px;
  font-weight: 500;
  transition: 0.3s;
}

.book-service .select-card .date-btn.active,
.time-btn.active {
  background-color: #eee6fb;
  border-color: #c4a6f3;
  color: #5c3fc1;
}

.book-service .select-card .time-btn {
  min-width: 90px;
  margin-bottom: 0.5rem;
}

.book-service .select-card .btn-group-date {
  gap: 0.5rem;
  margin: 1rem 0;
}

.book-service .select-card .time-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}

.book-service .chose-prof {
  padding: 14px 20px;
  border: 1px solid#CCCCCC;
  border-radius: 20px;
  margin: 20px 0;
  background-color: white;
}

.book-service .stand-left {
  border: 1px solid #ac69f4;
  padding: 8px 10px;
  border-radius: 12px;
  max-width: 150px;
  width: 100%;
  position: relative;
}

.book-service .stand-right {
  border: 1px solid #cccccc;
  padding: 8px 10px;
  border-radius: 12px;
  max-width: 150px;
  width: 100%;
}

.chose-prof h4 {
  font-size: 16px;
  font-weight: 600;
  color: black;
}

.book-service .people-availed h4 {
  font-size: 24px;
  font-weight: 600;
  color: black;
  margin-bottom: 20px;
}

.standard-proff .stand-left .per-min h5 {
  font-size: 15px;
  font-weight: 600;
  color: var(--theme-color1);
  margin: 0;
}

.standard-proff .stand-right .per-min h5 {
  font-size: 15px;
  font-weight: 600;
  color: #dea948;
  margin: 0;
}

.standard-proff .image-stanf img {
  width: 41px !important;
}

.standard-proff .per-min p {
  margin: 0;
  font-size: 11px;
  font-weight: 600;
  color: #1b5abb;
}

.standard-proff .stand-left i.bi.bi-check-circle-fill {
  position: absolute;
  top: -12px;
  right: -10px;
  font-size: 18px;
  color: #ac69f4;
}

.coupon-box {
  border: 1px solid #ccc;
  border-radius: 12px;
  padding: 20px;
  background-color: #fff;
}

.coupon-box .coupon-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.coupon-box .coupon-header h6 {
  margin: 0;
  display: flex;
  align-items: center;
  font-weight: 600;
}

.coupon-box .view-offers {
  font-size: 14px;
  color: #6c757d;
  text-decoration: none;
}

.coupon-box .view-offers:hover {
  text-decoration: underline;
}

.coupon-box .form-control {
  border-radius: 8px;
}

.coupon-box i.bi.bi-percent {
  background: #05945b;
  color: white !important;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  margin-right: 8px;
}

.summary-box {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 16px;
  margin: 20px auto;
  padding: 24px;
  /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); */
}

.new-cart-section {
  padding: 10px 20px;
  position: sticky;
  bottom: 0;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-top: 1px solid #ccc;
  z-index: 999;
  flex-wrap: wrap;
}
.new-cart-section p {
  color: black;
  font-weight: 500;
}
.summary-box h6 {
  font-weight: 600;
  margin-bottom: 20px;
}

.summary-box .summary-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  font-size: 15px;
}

.summary-box .summary-total {
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 16px;
}

.summary-box .tip-buttons .btn {
  border-radius: 10px;
  border: 1px solid #ccc;
  background-color: #f9f9f9;
  margin-right: 10px;
  margin-bottom: 10px;
}

.summary-box .tip-note {
  font-size: 12px;
  color: #777;
  margin-top: 5px;
}

.summary-box .pay-btn {
  width: 100%;
  background-color: #000;
  color: #fff;
  border-radius: 12px;
  padding: 12px;
  font-weight: 500;
  font-size: 15px;
  margin-top: 20px;
  border: none;
}

.summary-box .pay-btn:hover {
  background-color: #111;
}

.people-availed .owl-nav {
  display: none;
}

.people-availed .owl-dots {
  display: none;
}

.booking .serv-charge {
  gap: 40px !important;
}

.last-minute .owl-nav,
.last-minute .owl-dots {
  display: none;
}

/* .book-service .booking-box {
  background-color: #fff6f8;
  border: 1px solid #ddd;
  border-radius: 1rem;
  padding: 1rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 500px;
  margin-bottom: 23px;
} */
.book-service .booking-box {
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 1rem;
  padding: 1rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 500px;
  margin-bottom: 23px;
  margin-left: 8px;
  margin-right: 8px;
}

.book-service .booking-box img {
  width: 32px;
  height: 32px;
  margin-right: 10px;
}

.book-service .booking-box .text {
  font-weight: 500;
  font-size: 1rem;
}

.book-service .btn-outline-pink {
  color: #ec008c;
  border: 1px solid #ec008c;
  font-weight: 600;
}

.book-service .btn-outline-pink:hover {
  background-color: #ec008c;
  color: #fff;
}

/* book service page css end */

/* skin analysis page css start */

section.camera {
  background-color: #fff7fb;
}

.camera .multi-step {
  display: flex;
  justify-content: space-between;
  margin: 40px auto;
}

.camera .multi-step .step {
  text-align: center;
  flex: 1;
  position: relative;
}

.camera .multi-step .step::before {
  content: "";
  position: absolute;
  height: 4px;
  width: 100%;
  background-color: #e0e0e0;
  top: 16px;
  left: -50%;
  z-index: 0;
}

.camera .multi-step .step:first-child::before {
  display: none;
}

.camera .step .circle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #ccc;
  margin: 0 auto 10px;
  position: relative;
  z-index: 1;
}

.camera .step.active .circle {
  background-color: #000;
}

.camera .step .title {
  font-weight: bold;
  font-size: 18px;
  color: var(--theme-color1);
  margin-bottom: 10px;
}

.camera .status-pill {
  padding: 6px 16px;
  border-radius: 20px;
  color: white;
  font-weight: 500;
  margin: 0 5px;
}

.camera .status-green {
  background-color: #28a745;
}

.camera .status-red {
  background-color: #dc3545;
}

.camera .camera-container {
  height: 400px;
  /* Set fixed height */
  background-size: cover;
  background-position: center;
  position: relative;
}

.camera video {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.camera .action-btns {
  display: flex;
  justify-content: center;
  gap: 20px;
}

.camera .btn-custom {
  border-radius: 20px;
  padding: 10px 25px;
}

.camera .overlay {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 10px;
  padding: 10px;
}

.camera h2 img {
  margin: -10px 0 0 0;
}

.camera h2 {
  font-size: 42px;
  color: var(--theme-color1);
}

.camera p {
  font-size: 18px;
  color: var(--theme-color1) !important;
  font-weight: 500;
}

.camera .multi-step .scan {
  font-size: 16px;
  color: var(--theme-color1);
  font-weight: 500;
}

.camera h4 {
  font-size: 32px;
  font-weight: 600;
  color: var(--theme-color1);
  max-width: 751px;
  margin: auto;
}

.derma label {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 5px;
  color: var(--theme-color1);
}

.derma input.form-control {
  border-radius: 8px;
  font-size: 14px;
  padding: 12px;
}

.derma .form-check-label {
  font-size: 16px;
  color: #6c6c6c;
  font-weight: 500;
}

.derma .btn-back {
  border: 1px solid #000;
  background-color: transparent;
  color: #000;
  font-weight: 500;
  border-radius: 8px;
  padding: 10px 30px;
  max-width: 460px;
  width: 100%;
}

.derma .btn-next {
  background-color: #000;
  color: #fff;
  font-weight: 500;
  border-radius: 8px;
  padding: 10px 30px;
  border: none;
  max-width: 460px;
  width: 100%;
}

.derma .btn-back:hover {
  background-color: #000;
  color: #fff;
}

.derma .btn-next:hover {
  opacity: 0.9;
}

.derma .form-check-input {
  margin-top: 0.3em;
}

.derma .required::after {
  content: "*";
  color: red;
  margin-left: 4px;
}

.camera .derma {
  max-width: 942px;
  margin: auto;
}

.form-control::placeholder {
  font-size: 18px;
  color: #6c6c6c;
  font-weight: 500;
}

section.camera {
  padding: 50px 0;
}

.derma .gender-option {
  width: 120px;
  height: 120px;
  border: 1.5px solid #e0e0e0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: #ffffff;
  transition: all 0.3s ease;
}

.derma .gender-option.selected {
  border: 1.5px solid #ff6666;
  background-color: #ffecec;
}

.derma .gender-option i {
  font-size: 32px;
  margin-bottom: 8px;
}

.derma .gender-label {
  font-weight: 500;
  font-size: 16px;
  color: #000;
}

.derma .male {
  padding: 30px 0;
}

.derma .back-next a {
  max-width: 480px !important;
  width: 100% !important;
}

.gender-option img {
  width: 45px;
  height: 45px;
  margin-bottom: 13px;
}

section.skin-score {
  padding: 40px 0;
  background-color: #fff7fb;
}

.your-score-left {
  background-image: linear-gradient(to right, #fff8e7, #ffddee);
  padding: 22px;
  border-radius: 12px;
}

.skin-score .your-score-left img {
  border-radius: 50%;
  width: 144px;
  height: 144px;
  object-fit: cover;
}

.skin-score .your-score-left .image-meter {
  border-right: 1px dashed black;
  padding-right: 30px;
}

.skin-score .your-score-left .right-score h4 {
  font-size: 24px;
  font-weight: 600;
  color: var(--theme-color1);
  margin-bottom: 10px;
}

.skin-score .your-score-left .right-score h2 {
  font-size: 28px;
  font-weight: 700;
  color: #15b021;
}

.skin-score .your-score-left .right-score h3 {
  font-size: 20px;
  font-weight: 500;
  color: var(--theme-color2);
}

.skin-score .your-score-left .right-score ul li {
  color: black;
  font-weight: 500;
}

.skin-score .your-score-right .card-box {
  padding: 20px 15px;
  text-align: center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
  transition: 0.3s;
  background-image: linear-gradient(to right, #fff8e7, #ffddee);

  width: 100%;
}

.skin-score .your-score-right .card-box:hover {
  transform: translateY(-4px);
}

.skin-score .your-score-right .progress-bar-custom {
  width: 100%;
  height: 8px;
  background: linear-gradient(to right, red, yellow, green);
  border-radius: 4px;
  position: relative;
  margin: 10px 0 5px;
}

.skin-score .your-score-right .indicator {
  width: 14px;
  height: 14px;
  background: #000;
  border-radius: 50%;
  position: absolute;
  top: -3px;
  transform: translateX(-50%);
}

.skin-score .your-score-right .percentage {
  font-size: 20px;
  font-weight: bold;
}

.skin-score .your-score-right .label {
  font-size: 14px;
  color: #333;
  margin-top: 5px;
}

.new-card span {
  display: none !important;
}

.your-score-right .tab-buttons button.active {
  background: black;
  color: white;
  padding: 8px 20px;
}

.your-score-right .tab-buttons button {
  background: #ffe0ed;
  color: #030303;
  padding: 8px 20px;
  border-color: black;
  margin: 0 !important;
  width: 179px;
  border-radius: 26px;
  font-weight: 600;
}

section.luxe {
  background-color: #fff7fb;
}

.luxe h2 {
  font-size: 32px;
  font-weight: 600;
  color: var(--theme-color1);
  margin-bottom: 25px;
}

.luxe .luxe-faceglow p {
  font-size: 20px;
  font-weight: 600;
  color: var(--theme-color1);
  margin: 7px 0;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.avail .block img {
  height: 211px;
  width: 100%;
  object-fit: cover;
}

.minute {
  height: 20px;
}

.luxe .luxe-faceglow span {
  font-size: 14px;
  font-weight: 500;
  color: var(--theme-color2);
}

.luxe .lux-slide span.avail-line {
  font-size: 14px;
  font-weight: 600;
  color: var(--theme-color2);
  text-decoration: line-through !important;
}

.luxe .lux-slide span.avail-rate {
  font-weight: 600;
  color: var(--theme-color1);
  padding-right: 10px;
}

.luxe .lux-slide span.avail-percnt {
  font-weight: 600;
  color: #2caa3b;
  padding-left: 10px;
}

.lux-slide a {
  background: black;
  padding: 8px;
  display: inline-block;
  width: 100%;
  text-align: center;
  color: white !important;
  font-size: 18px;
  border-radius: 12px;
}

.luxe .lux-slide img {
  height: 211px;
  object-fit: cover;
  width: 100%;
  border-radius: 10px;
}

.luxe .owl-nav,
.luxe .owl-dots {
  display: none;
}

section.daily-glow {
  padding: 50px 0;
  background-color: #fff7fb;
}

.daily-glow h4 {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 25px;
  color: var(--theme-color1);
}

.daily-glow button.s-ana {
  background-color: black !important;
  color: white !important;
}

/* skin analysis page css end */

/* coperate page css start */

section.wellness {
  background-color: #fff7fb;
}

section.coperate {
  background-image: url(./images/coperate-banner.svg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 81vh;
  display: flex;
  align-items: center;
}

.coperate h2 {
  background: linear-gradient(to right, #ffffff, #1b5abb);
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  font-size: 42px;
  font-weight: 700;
}

.coperate .cop-inner {
  max-width: 590px;
}

.coperate .cop-inner p {
  color: white;
  font-weight: 600;
  margin-bottom: 26px;
}

.coperate .cop-inner a {
  background: linear-gradient(to right, #ffffff, #1b5abb);
  padding: 11px 32px;
  border-radius: 12px;
  font-size: 20px;
  color: black;
  font-weight: 700;
}

.wellness h2.section-title {
  font-size: 32px;
  font-weight: 600;
  color: var(--theme-color1);
}

.wellness p.section-subtitle {
  font-size: 18px;
  font-weight: 500;
  color: var(--theme-color1);
  padding: 0 20px;
}

.wellness img.icon-img {
  height: 186px;
  margin-bottom: 20px;
}

.wellness .card {
  border-radius: 12px;
}

section.spa {
  background: linear-gradient(
    90deg,
    rgba(255, 251, 236, 1) 0%,
    rgba(254, 240, 242, 1) 50%,
    rgba(250, 255, 251, 1) 78%,
    rgba(253, 230, 255, 1) 100%
  );
  padding: 65px 0;
}

.spa h2,
.testimonial h2,
.session h2,
.demo h2 {
  font-size: 32px;
  font-weight: 600;
  color: var(--theme-color1);
  margin-bottom: 40px;
}

.spa .owl-carousel .spa-rev {
  background: white;
  padding: 25px;
}

.spa .spa-rev img {
  width: auto !important;
  margin: auto !important;
  margin-bottom: 10px !important;
}

/* Custom Dots */
.spa .owl-dots {
  text-align: center;
  margin-top: 15px;
  display: block !important;
}

.spa .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #000000;
}

section.testimonial-section {
  padding: 38px 0 !important;
  background-color: #fff7fb;
}
.testimonial-section h5 {
  text-align: center;
}

.testimonial .owl-carousel {
  display: block !important;
  width: 100%;
  z-index: 1;
}

.testimonial .test-inner {
  position: relative;
}

.testimonial .test-play {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
  width: max-content;
  margin: auto;
}

.testimonial i.bi.bi-play-fill {
  background: black;
  padding: 6px 10px;
  border-radius: 50%;
  color: #f9d4c0;
  font-size: 24px;
  margin: 23px 0 0 0;
}

.testimonial .owl-nav {
  display: block !important;
}

.testimonial .owl-carousel .owl-item img {
  display: block;
  width: 76%;
  margin: auto;
}

.testimonial button.owl-next {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: none;
}

.testimonial button.owl-prev {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}

.testimonial .owl-theme .owl-nav [class*="owl-"]:hover {
  background-color: transparent !important;
}

.testimonial .owl-dots {
  display: none;
}
.testimonial-section .testimonial-stars {
  color: #ff3e7f;
  font-size: 1.3rem;
  margin: 10px 0;
}

.testimonial-section .testimonial-text {
  max-width: 700px;
  margin: 0 auto 40px;
  color: #555;
  font-size: 15px;
}

.testimonial-section .owl-carousel .item {
  text-align: center;
  padding: 10px;
  opacity: 0.5;
  transition: all 0.3s ease;
}

.testimonial-section .owl-carousel .center .item {
  opacity: 1;
  transform: scale(1.05);
}

.test-stars {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 15px;
  color: #e92e89;
  font-size: 20px;
}

.testimonial-section .profile-img {
  width: 90px !important;
  margin-bottom: 10px !important;
  margin: auto;
}

.testimonial-section .profile-name {
  font-weight: 500;
  font-size: 16px;
  color: #000;
}

.testimonial-section .owl-nav {
  display: none;
}

.testimonial-section .owl-dots {
  margin-top: 20px;
}

.testimonial-section .owl-dot span {
  background: #ccc !important;
}
.certified .category-title {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 10px;
}

.certified .nav-tabs {
  border: none;
  justify-content: center;
  margin-bottom: 30px;
}

.certified .nav-tabs .nav-link {
  border: none;
  color: #000;
  font-weight: 500;
}

.certified .nav-tabs .nav-link.active {
  color: #000;
  font-weight: 600;
  border-bottom: 2px solid #000;
}

.certified .service-item {
  text-align: center;
  margin-bottom: 30px;
}

.certified .service-item img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 20px;
  margin-bottom: 10px;
}

.certified .service-item p {
  margin: 0;
  font-weight: 500;
  font-size: 14px;
  color: var(--theme-color1);
}

.certified .cert-cate {
  max-width: 890px;
  margin: auto;
}

section.certified {
  background-color: #fff7fb;
}
.faq .accordion-item {
  border: 1px solid;
  background-color: white;
  margin-bottom: 14px;
  border-radius: 10px;
}

.faq .accordion-button {
  background-color: white;
  border-radius: 12px !important;
  padding: 1rem 1.5rem;
  box-shadow: none;
  font-weight: 500;
  font-size: 15px;
  color: #000;
}

.faq .accordion-button:not(.collapsed) {
  background-color: #fff;
  box-shadow: none;
}

.faq .accordion-button::after {
  content: "+";
  font-size: 20px;
  transform: none !important;
  background-image: none !important;
  color: #000;
}

.faq .accordion-button:not(.collapsed)::after {
  content: "−";
  /* minus sign */
}

.faq .accordion-body {
  font-size: 14px;
  color: #777;
  padding: 0 1.5rem 1rem;
}

.faq .accordion {
  max-width: 700px;
  margin: 0 auto;
}

.faq h4 {
  text-align: center;
  font-weight: 600;
  margin-bottom: 40px;
  font-size: 32px;
  color: var(--theme-color1);
}

section.faq {
  background-color: #fff7fb;
}
.session img.gallery-img.img-tall {
  height: 702px;
  object-fit: cover;
  width: 100%;
  border-radius: 12px;
}

section.session {
  background-color: #fff7fb;
}

.session img.gallery-img.img-half {
  width: 100%;
}

.demo {
  padding: 30px 0;
  background-color: #fff7fb;
}

.demo .form-section {
  margin: auto;
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  padding: 0;
}

.demo .form-control:focus {
  border-color: #000;
  box-shadow: none;
}

.demo .btn-submit {
  background-color: #000;
  color: #fff;
  width: 100%;
  border-radius: 8px;
  padding: 10px;
}

.demo .form-label {
  font-weight: 600;
}

.demo .form-section {
  margin: auto;
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.demo img {
  height: 466px !important;
  width: 100%;
}

/* coperate page css end */

/* wellness page css start */

.doctors {
  padding: 34px 0;
  background-color: #fff7fb;
}

.doctors h2,
.concern h2,
.expert-conslt h2 {
  font-weight: 600;
  font-size: 32px;
  color: var(--theme-color1);
}

.doctors .doctor-name {
  font-size: 18px;
  font-weight: 600;
  color: var(--theme-color1);
  padding-top: 10px;
}

.doctors .doctor-specialty {
  font-size: 14px;
  font-weight: 500;
  color: var(--theme-color2);
}

.doctors a.btn {
  background-color: black;
  padding: 12px 23px;
  color: white;
  font-weight: 600;
  font-size: 18px;
  border-radius: 8px;
}

.doctors img.doctor-img {
  width: 100%;
}

.concern .dropdown-chandigarh {
  background: #ffffff;
  border: 1px solid #c8c8c8;
  border-radius: 12px;
  padding: 10px 14px;
  cursor: pointer;
  box-shadow: 0 2px 6px rgb(0 0 0 / 18%);
  width: max-content;
}

.concern .dropdown-chandigarh select {
  border: none;
  background: transparent;
  font-size: 16px;
  font-weight: 500;
  color: #444;
  padding-left: 8px;
  padding-right: 20px;
  cursor: pointer;
  outline: none;
}

.concern .dropdown-chandigarh i {
  color: #666;
  font-size: 18px;
}

.concern .eve p {
  font-size: 18px;
  font-weight: 500;
  color: var(--theme-color1);
}

.concern {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 238, 1) 0%,
    rgba(255, 235, 250, 1) 100%
  );
  padding: 40px 20px;
}

.concern .category-wrapper {
  background-color: #ffffff;
  border-radius: 16px;
  padding: 28px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  gap: 20px;
  width: 100%;
  border: 1px solid #000000;
}

.concern .icon-card {
  text-align: center;
  transition: all 0.3s ease;
}

.concern .icon-card span {
  color: #000;
  display: block;
  font-size: 16px;
  font-weight: 700;
  padding: 15px 0 0 0;
}

.concern .icon-card.active .icon-wrapper {
  border-color: #e04d29;
}

.concern .icon-card.active span {
  color: #e04d29;
}

.concern .icon-card:hover .icon-wrapper {
  border-color: #e04d29;
}

.ageing .age-left {
  padding: 40px 75px;
  align-self: center;
}

section.ageing {
  background: linear-gradient(
    180deg,
    rgba(172, 195, 255, 1) 0%,
    rgba(79, 111, 193, 1) 100%
  );
}

.ageing .age-left h2 {
  font-size: 52px;
  font-weight: 600;
  padding: 22px 0;
  color: var(--theme-color1);
}

.ageing .age-left p {
  font-size: 16px;
  font-weight: 500;
  color: var(--theme-color1);
}

.ageing .age-right img {
  width: 100%;
  height: 677px;
  object-fit: cover;
}

.skin-value .treatment-card {
  border: 1px solid #eaeaea;
  border-radius: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.03);
  padding: 25px;
  background-color: #fff7fb;
  height: 100%;
}

.skin-value .treatment-number {
  font-size: 33px;
  font-weight: 600;
  color: var(--theme-color1);
  margin-bottom: 10px;
}

.skin-value .treatment-title {
  font-size: 22px;
  font-weight: 600;
  color: var(--theme-color1);
}

.skin-value .treatment-description {
  font-size: 15px;
  color: #6c6c6c;
  margin: 15px 0;
  font-weight: 500;
}

.skin-value .treatment-label {
  font-weight: 600;
  margin-bottom: 5px;
}

.skin-value .treatment-list {
  font-size: 14px;
  padding-left: 1rem;
  display: flex;
  flex-wrap: wrap;
  column-gap: 36px;
  row-gap: 7px;
}

.skin-value .treatment-list li {
  margin-bottom: 3px;
}

.skin-value {
  background-image: url(./images/wellnes-banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #fff7fb;
}

/* wellness page css end */

/* book-consultanrt page css start */

.expert-conslt p img {
  margin: -4px 0 0 0;
}

section.expert-conslt {
  padding: 46px 20px;
}

.expert-conslt p {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  color: var(--theme-color1);
}

.expert-conslt .form-control,
.form-select {
  border-radius: 8px;
  padding: 8px;
}
.filter-box input.form-check-input {
  border: 1px solid black;
}

.expert-conslt textarea.form-control {
  resize: none;
  height: 100px;
}

.expert-conslt .form-check-label {
  font-size: 0.9rem;
  color: #333;
}

.expert-conslt .form-check a {
  text-decoration: underline;
}

.expert-conslt .btn-custom {
  background-color: #000;
  color: #fff;
  padding: 12px 39px;
  border-radius: 8px;
  border: none;
  width: 100%;
  max-width: max-content;
  margin: 13px 0 0 0;
}

.expert-conslt .btn-custom:hover {
  background-color: #333;
}

.expert-conslt .amount-box {
  background-color: #fff;
}

.expert-conslt label.form-label {
  font-size: 16px;
  font-weight: 600;
  color: #0d0d0d;
}

.expert-conslt label.form-label {
  font-size: 16px;
  font-weight: 600;
  color: #0d0d0d;
}

.expert-conslt .form-control::placeholder,
.form-select {
  font-size: 14px !important;
  color: #6c6c6c;
  border-radius: 38px;
}

.reach .email-box {
  border-radius: 8px;
  padding: 12px 14px;
  border: 1px solid #ddd;
  width: 100%;
}

.reach .btn-black {
  background-color: #000;
  color: #fff;
  padding: 12px;
  border: none;
  border-radius: 8px;
  width: 100%;
}

.reach .btn-black:hover {
  background-color: #333;
}

.reach .form-icon {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  color: #999;
}

.reach .form-group {
  position: relative;
}

.reach .form-group input {
  padding-left: 40px;
}

.reach h3 {
  max-width: 311px;
  width: 100%;
  color: #0d0d0d;
}

.reach p {
  font-weight: 500;
  color: var(--theme-color1);
  font-size: 16px;
  padding-top: 10px;
}

.locate .clinic-card p {
  font-size: 16px;
  font-weight: 500;
  color: #353535;
  padding: 0 33px 0 0;
}

.icon-text i {
  color: #d2880c;
  font-size: 22px;
}

.locate a {
  color: #353535;
  font-weight: 500;
}

.locate iframe {
  width: 100%;
  height: 150px;
  border: none;
  border-radius: 6px;
  margin-top: 0.5rem;
}

.expert-conslt .modal-body .calendar-box {
  max-width: 345px;
  margin: auto;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  padding: 20px;
}

.expert-conslt .modal-body .calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  margin-bottom: 10px;
}

.expert-conslt .modal-body .calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 8px;
  text-align: center;
  font-size: 14px;
}

.expert-conslt .modal-body .calendar-grid div {
  height: 35px;
  line-height: 35px;
  border-radius: 50%;
}

.expert-conslt .modal-body .calendar-grid .day-label {
  font-weight: 500;
  color: #888;
}

.calendar-grid .active-date {
  background-color: black;
  color: white;
}

.expert-conslt .modal-body .time-select {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.expert-conslt .modal-body .time-select input {
  width: 70px;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 4px 6px;
  text-align: center;
}

.expert-conslt .modal-body .btn-am-pm .btn {
  border-radius: 8px;
  font-size: 14px;
  padding: 4px 10px;
}

.expert-conslt .modal-body .btn-am-pm .btn.active {
  background-color: black;
  color: white;
}

.expert-conslt .modal-content {
  background: none;
  border: none;
}
.form-box input.form-control {
  border: 1px solid #ccc;
  border-radius: 21px;
}
.form-box select.form-select {
  border: 1px solid #ccc !important;
  font-size: 18px !important;
  color: #333;
  font-weight: 500;
}
.form-box input.form-control::placeholder {
  color: #333;
}
.login-header img.new-log {
  width: 90px;
}
section.register {
  padding: 10px 20px !important;
}
.register .profile-container {
  background: black;
  padding: 10px 15px;
  border-radius: 10px;
}
.register .profile-container h6 {
  margin: 0;
}
.register .profile-container a {
  color: white;
  display: flex;
  gap: 5px;
}
.register .achieve {
  display: flex;
  align-items: center;
}
.register .achieve p {
  border: 1px solid #ccc;
  padding: 20px;
  border-radius: 10px;
  border-left: none;
  margin: 0 0 0 -20px;
}
.register a.profes-btn {
  width: auto;
  margin-bottom: 20px;
}
section.register {
  padding: 10px 20px 0 !important;
  background: linear-gradient(
    90deg,
    rgba(239, 249, 255, 0.29) 0%,
    rgba(250, 233, 255, 0.17) 100%
  );
  margin-bottom: 40px;
}

/* book-consultant page css end */

/* fashion page css stat */

.unleash {
  background-repeat: no-repeat;
  background-size: cover;
  height: 45vh !important;
  display: flex;
  align-items: center;
  background-color: #fff7fb;
}

.unleash .search-box {
  background-color: white;
  border-radius: 50px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  padding: 10px 8px;
  display: flex;
  align-items: center;
  max-width: 360px;
  width: 100%;
  border: 1px solid;
}

.unleash .search-input {
  border: none;
  outline: none;
  background: transparent;
  flex: 1;
  padding: 8px 12px;
  font-size: 16px;
  color: #333;
}

.unleash .search-input::placeholder {
  color: #5a5a5a;
  opacity: 0.7;
}

.unleash .search-btn {
  background-color: #000;
  color: #fff;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s;
}

.unleash .search-btn:hover {
  background-color: #333;
}

.unleash h2 {
  font-family: "Cookie", cursive;
  font-size: 78px;
  color: #5f5f5f;
}

.unleash p {
  color: #3b3b3b;
  font-size: 24px;
  max-width: 35%;
}

.shop-category .category-card {
  /* border: 2px solid #d52f6f; */
  border-radius: 10px;
  overflow: hidden;
  transition: transform 0.3s ease;
  /* box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); */
}

.shop-category .category-card:hover {
  transform: translateY(-5px);
}

.shop-category .category-img {
  width: 100%;
  height: 188px;
  object-fit: cover;
}

.shop-category .category-body {
  background: linear-gradient(to top, #5e00b8, #b23698);
  color: white;
  padding: 15px 10px 25px;
  text-align: center;
  position: relative;
}
.new-meao {
  width: 140px;
  text-align: center;
}
.new-meao .image-cd h6 {
  color: black;
  padding: 10px 0 0 0;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
.new-allpro .card.deal-card:hover {
  transform: translateY(-5px);
  transition: 0.5s;
}

section.shop-category {
  padding: 10px 0px;
}

.shop-category .category-body h6 {
  margin-bottom: 5px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
}

.shop-category .category-body p {
  margin: 0;
  font-size: 13px;
}

.shop-category .bottom-icon {
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  margin-top: 6px;
}

.shop-category .bottom-icon i {
  font-size: 12px;
  color: green;
}

.shop-category h2.title,
.top-deal h2,
.best-pick h2 {
  padding: 40px 0 20px;
  font-size: 40px;
  font-weight: 600;
  color: var(--theme-color10);
}

section.top-deal {
  background-color: #fff7fb;
  padding-bottom: 50px;
}

.top-deal .deal-card img {
  border-radius: 12px;
  object-fit: cover;
  width: 100%;
  height: 270px;
}

.top-deal .t-deal {
  font-size: 14px;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.top-deal .deal-card .card-body {
  text-align: center;
  padding: 0.75rem 0.5rem;
}

.otp-modal .otp-form input {
  height: 49px;
  width: 49px !important;
  background: #f8f8f8;
}

.otp-modal .otp-form button.btn.verify-btn {
  background: black;
  color: white;
  border-radius: 10px;
}

.otp-modal .otp-form div {
  justify-content: center;
}

.top-deal .deal-title {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 6px;
  color: var(--theme-color1);
  height: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.top-deal .star-rating {
  color: #0a985f;
  font-size: 24px;
}

.top-deal .price {
  font-weight: bold;
  color: #000;
}

.top-deal .original-price {
  text-decoration: line-through !important;
  color: rgb(153, 153, 153);
  margin: 0px 5px;
}

.top-deal .discount {
  color: green;
  font-weight: 500;
}

section.best-pick {
  background-color: #e1edff;
  padding: 30px 20px;
  position: relative;
}

.best-pick img.off {
  position: absolute;
  right: 59px;
  top: -40px;
}

.best-pick img.bag {
  position: absolute;
  top: -37px;
}

.best-pick .category-card button.btn {
  font-weight: 600;
  background-color: #1b5abb;
  width: 92%;
  margin: -30px 0 0 0;
  color: white;
}

.best-pick .category-card .price-text {
  font-size: 18px;
  font-weight: 600;
  color: var(--theme-color1);
}

.exclusive .women-exclu .right .logo {
  background-color: #01534b;
  justify-content: center;
}

.exclusive .women-exclu .right img {
  width: 96px;
}

.exclusive .women-exclu {
  background-color: #d9d9d9;
  border-radius: 25px;
}

section.exclusive {
  padding: 52px 20px;
  background-color: #fff7fb;
}

.exclusive .women-exclu .right h2 {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 40px;
  letter-spacing: 8px;
}

.exclusive .women-exclu .right h1 {
  font-size: 57px;
  font-weight: 600;
  color: var(--theme-color1);
}

.exclusive .owl-nav {
  display: none;
}

.exclusive .owl-dots span {
  width: 50px !important;
  height: 8px !important;
  margin-top: 28px !important;
}

.exclusive .logo p {
  margin: 0;
  font-size: 18px;
}

section.trending {
  padding-bottom: 70px;
}

.trending h2.text-center {
  margin-top: 0;
}

.shop-category .category-card a {
  color: white;
}

/* fashion page css end */

/* shop page css start */

section.shop-banner {
  background-image: url(./images/shop-banner.svg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 60vh;
  display: flex;
  align-items: center;
}

.shop-inner {
  max-width: 40%;
  float: right;
  width: 100%;
}

.shop-banner h1 {
  font-size: 32px;
  font-weight: 700;
  color: white;
  margin-bottom: 16px;
}

.shop-banner p {
  font-size: 20px;
  font-weight: 600;
  color: white;
}

.shop-banner .search-box {
  background-color: #ffffff;
  border-radius: 50px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  padding: 10px 20px;
  display: flex;
  align-items: center;
  max-width: 100%;
}

.shop-banner .search-input {
  border: none;
  outline: none;
  background: transparent;
  flex: 1;
  padding: 8px 12px;
  font-size: 16px;
  color: #333;
}

.shop-banner .search-input::placeholder {
  color: #5a5a5a;
  opacity: 0.7;
}

.shop-banner .search-btn {
  background-color: #000;
  color: #fff;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s;
}

.shop-banner .search-btn:hover {
  background-color: #333;
}

.skin-care .category-btns .btn {
  border-radius: 25px;
  padding: 6px 20px;
  border: 1px solid #ccc;
  background: white;
  color: black;
  font-weight: 500;
}

.skin-care .category-btns .btn.active {
  background-color: black;
  color: white;
}

section.skin-care {
  padding: 50px 20px;
  background-color: #fff7fb;
}

.skin-care img {
  width: 100%;
}

.skin-care .vitamin h3 {
  font-size: 14px;
  font-weight: 600;
  color: var(--theme-color1);
  padding: 4px 0;
  margin: 0;
}

.skin-care .vitamin p {
  font-size: 16px;
  font-weight: 500;
  color: var(--theme-color1);
  margin: 0;
}

.skin-care .vitamin a {
  background-color: black;
  width: 100%;
  display: inline-block;
  padding: 8px;
  border-radius: 12px;
  color: white;
  margin: 4px 0 0 0;
}

.skin-care .owl-theme .owl-dots,
.owl-theme .owl-nav {
  display: none;
}

.skin-care.bottom .gold {
  max-width: 235px !important;
  width: 100%;
  margin: auto;
}

section.trusted {
  padding: 50px 20px;
  background-color: #fff7fb;
}

section.trusted h4 {
  font-size: 32px;
}

/* shop page css end */

/* all-product page css star */

section.all-products {
  background-color: #fff7fb;
}

.all-products .filter-box {
  background: white;
  padding: 0px;
  border-radius: 8px;
  /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); */
}

.all-products .product-card {
  background: white;
  padding: 10px;
  border-radius: 8px;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}

.all-products .product-title {
  font-size: 14px;
  margin-top: 10px;
}

.all-products .product-price {
  font-weight: bold;
}

.all-products .strike {
  text-decoration: line-through;
  color: grey;
  font-size: 14px;
}

.banner .ban-icon:hover {
  transform: scale(1.1);
  transition: all 0.5s ease !important;
}
.banner .ban-icon {
  transition: all 0.5s ease !important;
}

.banner .ban-icon img {
  width: 111px;
  height: 102px;
  object-fit: scale-down;
  /* background-color: #f1f1f1; */
  border-radius: 10px;
}

.all-products .discount {
  color: green;
  font-size: 13px;
}

.all-products .filter-box {
  border: 0px solid #cccccc;
  border-radius: 20px;
  padding: 0px;
  max-width: 100%;
  margin: 0px 0 0 0 !important;
  background: #fff7fb;
}
.top-deal .new-shop-fill {
  border-top: 1px solid #ccc;
}
.new-shop-fill .side-new-bar {
  padding: 0 0 0 14px;
  border-right: 1px solid#ccc;
  margin: 0 !important;
}
.filter-box label.form-check-label {
  font-size: 14px;
}
/* all-product page css end */

/* single product page css start */

section.single-product {
  padding: 0 20px;
  background-color: #fff7fb;
}

.pro-thumb img.left-image {
  height: 161px;
  object-fit: contain;
  background: white;
  margin-bottom: 12px;
}
.single-product .pro-thumb {
  height: 506px;
  overflow: scroll;
  scrollbar-width: none;
}

.single-product .top-single .product-image {
  border-radius: 8px;
  height: 564px;
  width: 100% !important;
  object-fit: fill;
}

.single-product .thumb-img {
  border-radius: 8px;
  cursor: pointer;
  border: 2px solid transparent;
}

.single-product .thumb-img:hover {
  border-color: #000;
}

.single-product .quantity-btn {
  border: 1px solid #000000;
  background-color: white;
  margin-right: 5px;
  padding: 5px 15px;
  border-radius: 5px;
  cursor: pointer;
}

.single-product .quantity-btn.active {
  background-color: #ffdddd;
  border-color: #f00;
  color: #f00;
}

.single-product .price del {
  color: #888;
  margin-right: 10px;
  text-decoration: line-through !important;
}

.single-product .price span {
  font-size: 1.5rem;
  font-weight: bold;
  color: #000;
}

.single-product .btn-dark {
  border-radius: 8px;
}

.single-product .top-single {
  border-bottom: 1px solid #a7a7a7;
  padding-bottom: 50px;
}

.single-product h4 {
  font-size: 28px;
  font-weight: 600;
  color: var(--theme-color1);
}

.single-product p.single-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--theme-color1);
}

.single-product p {
  color: var(--theme-color1);
}

.single-product strong.single-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--theme-color1);
}

section.review {
  background-color: #fff7fb;
}

.review .rating-stars {
  color: #009227;
  font-weight: 600;
  font-size: 24px;
}

.rating-stars span {
  font-size: 16px;
  color: #554c44;
  font-weight: 400;
}

.review .rating-block .based {
  color: #554c44;
  font-weight: 500;
}

.review .rating-block {
  padding: 40px 0;
  border-right: 1px solid #0000003d;
}

.review .rating-breakdown {
  border-right: 1px solid #0000003d;
  padding: 0 60px;
}

.review .progress-bar {
  background-color: #009227;
}

.review h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}

.review .action-buttons {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  justify-content: center;
  width: 74%;
  margin: auto;
}

.review .action-buttons button {
  border-radius: 100px;
}

.review .review-inner {
  border-bottom: 1px solid #554c44b2;
  padding-bottom: 30px;
}

section.question {
  background-color: #fff7fb;
}

.question ul.pagination {
  margin: 0;
}

.question .tab-button {
  border: none;
  background-color: #f8f9fa;
  padding: 10px 20px;
  border-radius: 20px;
  font-weight: 500;
}

.question .tab-button.active {
  background-color: black;
  color: white;
}

.question .star-rating {
  color: #000;
  font-size: 18px;
}

.question .review-box {
  border-bottom: 1px solid #e0e0e0;
  padding: 20px 0;
}

.question .reviewer-img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}

.question .reviewer-name {
  font-weight: 600;
}

.question .review-date {
  font-size: 12px;
  color: gray;
}

.question .pagination .page-link {
  border: none;
  color: #000;
}

.question .pagination .active .page-link {
  background-color: #000;
  color: #fff;
  border-radius: 8px;
}

.question .top-review {
  border-bottom: 1px solid #554c44b2;
  padding-bottom: 30px;
}

/* single product page css end */

/* product cart page css start */

section.product-cart {
  background-color: #fff7fb;
}

.product-cart .cart-box,
.summary-box {
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  border: 1px solid #eee;
}

.product-cart .product-card {
  border: 1px solid rgb(238, 238, 238);
  border-radius: 12px;
  padding: 15px;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  flex-wrap: wrap;
}

.product-cart .product-img {
  object-fit: cover;
  border-radius: 12px;
  width: 140px;
}

.product-cart .price {
  font-weight: bold;
  font-size: 18px;
  width: 27%;
  text-align: right;
}

.product-cart .old-price {
  text-decoration: line-through;
  color: #888;
  font-size: 14px;
}

.product-cart .discount {
  color: green;
  font-size: 14px;
}

.product-cart .tip-btn {
  border-radius: 20px;
  padding: 5px 15px;
  font-size: 14px;
}

.product-cart .product-card .product-cart .pay-btn {
  width: 100%;
  border-radius: 10px;
  font-weight: bold;
}

.product-cart .product-card .qty-box {
  display: flex;
  align-items: center;
  border: 2px solid #ccc;
  border-radius: 10px;
  background-color: #fff;
  padding: 4px 8px;
  position: relative;
  justify-content: space-between;
  width: 75%;
  margin: auto;
  top: -25px;
}

.product-cart .product-card .qty-box button {
  border: none;
  background: none;
  font-size: 20px;
  width: 32px;
  height: 32px;
  line-height: 1;
  font-weight: bold;
}

.product-cart .product-card .qty-box input {
  border: none;
  width: 32px;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  background: none;
}

.product-cart .product-card .qty-box input:focus {
  outline: none;
}

/* product  cart page cs end     */

/* about page css start */

section.about {
  padding: 30px 20px;
  background-color: #fff7fb;
}

.about h4 {
  font-size: 20px;
  font-weight: 600;
  color: var(--theme-color1);
  margin-bottom: 25px;
}

.about h2 {
  font-size: 42px;
  font-weight: 600;
  color: var(--theme-color1);
}

.about h2 img {
  width: 193px;
  margin: -10px 0 0 0;
}

.about p {
  font-size: 18px;
  font-weight: 500;
  color: var(--theme-color2);
  max-width: 1170px;
  margin: auto;
  margin-bottom: 40px;
}

.about .feature-box .feature-title {
  font-size: 20px;
  font-weight: 600;
  color: var(--theme-color1);
  margin-top: 5px;
}

.story h3 {
  font-size: 42px;
  font-weight: 600;
  color: #e92e89;
  padding: 0 90px 0 0;
}

.achievement .stats-number strong {
  color: var(--theme-color1);
  font-size: 19px;
}

.achievement .stats-label {
  font-size: 16px;
  font-weight: 500;
  color: var(--theme-color2);
}

.founding .name i.bi.bi-linkedin {
  color: #0a66c2;
  font-size: 20px;
  margin-right: 10px;
}

.founding .name i.bi.bi-envelope {
  font-size: 20px;
}

.founding img {
  width: 100% !important;
  height: 520px;
  object-fit: contain;
}

.founding .name strong {
  font-size: 20px;
  font-weight: 600;
  color: var(--theme-color1);
}

.founding .owl-theme .owl-nav [class*="owl-"]:hover {
  background: none !important;
}

.founding .owl-theme .owl-nav {
  display: block !important;
}

.founding button.owl-prev {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
}

.founding button.owl-next {
  position: absolute;
  top: 0;
  right: -5%;
  width: 40px;
}

/* about page css end */

/* about page css start */

section.about {
  padding: 30px 20px;
}

.about h4 {
  font-size: 20px;
  font-weight: 600;
  color: var(--theme-color1);
  margin-bottom: 25px;
  display: flex;
  gap: 10px;
  align-items: center;
}

.about h2 {
  font-size: 42px;
  font-weight: 600;
  color: var(--theme-color1);
}

.about h2 img {
  width: 193px;
  margin: -10px 0 0 0;
}

.about p {
  font-size: 18px;
  font-weight: 500;
  color: var(--theme-color2);
  max-width: 1170px;
  margin: auto;
  margin-bottom: 40px;
}

.about .feature-box .feature-title {
  font-size: 20px;
  font-weight: 600;
  color: var(--theme-color1);
  margin-top: 5px;
}

.story h3 {
  font-size: 42px;
  font-weight: 600;
  color: #e92e89;
  padding: 0 90px 0 0;
}

.achievement .stats-number strong {
  color: var(--theme-color1);
  font-size: 19px;
}

.achievement .stats-label {
  font-size: 16px;
  font-weight: 500;
  color: var(--theme-color2);
}

.founding .name i.bi.bi-linkedin {
  color: #0a66c2;
  font-size: 20px;
  margin-right: 10px;
}

.founding .name i.bi.bi-envelope {
  font-size: 20px;
}

.founding img {
  width: 100% !important;
  height: 520px;
  object-fit: contain;
}

.founding .name strong {
  font-size: 20px;
  font-weight: 600;
  color: var(--theme-color1);
}

.founding .owl-theme .owl-nav [class*="owl-"]:hover {
  background: none !important;
}

.founding .owl-theme .owl-nav {
  display: block !important;
}

.founding button.owl-prev {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
}

.founding button.owl-next {
  position: absolute;
  top: 0;
  right: -5%;
  width: 40px;
}

/* about page css end */

/* contact page css start */

.contact .info-icon {
  font-size: 20px;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #ccc;
  margin-right: 10px;
}

.contact .form-control,
textarea {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
}

.contact .form-control:focus,
textarea:focus {
  box-shadow: none;
  border-color: #000;
}

.contact .form-check-label {
  font-size: 13px;
}

.contact .btn-dark {
  border-radius: 8px;
}

.contact .contact-info h5 {
  font-size: 18px;
  margin-bottom: 5px;
}

.contact label.form-label {
  font-size: 18px;
  font-weight: 500;
  color: var(--theme-color1);
}

.contact {
  padding: 40px 20px;
}

.map .social-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  font-size: 20px;
  color: #000;
  border: 2px solid #000;
  border-radius: 50%;
  transition: 0.3s;
  text-decoration: none;
}

.map h4 {
  font-size: 32px;
  font-weight: 500;
  color: var(--theme-color1);
}

/* contact page css start */

/* login page css start */

.login img.right-login {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}

.login .signup-box {
  background: #fff;
  padding: 30px;
  border-radius: 15px;
  width: 100%;
  max-width: 400px;
  margin: auto;
  margin-top: 97px;
}

.login .signup-box h4 {
  text-align: center;
  font-weight: 600;
  margin-bottom: 10px;
}

.login .signup-box p {
  text-align: center;
  font-size: 16px;
  color: #666;
  margin-bottom: 75px;
}

.login .input-group-text {
  background-color: transparent;
  border: none;
  font-weight: 500;
}

.form-control {
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
}

.login .form-control:focus {
  box-shadow: none;
  border-color: #000;
}

.login.login .form-check-label {
  font-size: 16px;
}

.login .btn-dark {
  border-radius: 30px;
  width: 100%;
  padding: 10px;
  margin-top: 20px;
}

.login .terms a {
  text-decoration: none;
  font-weight: 500;
}

.login a {
  color: var(--theme-color1);
  font-weight: 600 !important;
  font-size: 16px;
}

.login .signup-box strong {
  color: var(--theme-color1);
}

.login .login-left {
  padding-top: 149px;
}

/* otp css start */

.login .otp-box {
  max-width: 400px;
  margin: 80px auto;
  padding: 30px;
  text-align: center;
}

.login .otp-input {
  width: 50px;
  height: 50px;
  font-size: 24px;
  text-align: center;
  border: none;
  border-bottom: 2px solid #000;
  background: transparent;
  margin: 0 8px;
}

.login .otp-input:focus {
  outline: none;
  border-bottom: 2px solid #000;
}

.login .btn-verify {
  background: linear-gradient(to right, #000, #333);
  border: none;
  color: #fff;
  padding: 12px;
  width: 100%;
  border-radius: 30px;
  font-size: 16px;
}

.login .btn-verify:hover {
  color: white;
}

.login .resend-text {
  font-size: 14px;
}

.login .resend-link {
  font-weight: 600;
  color: #000;
  text-decoration: none;
}

/* otp css end */

/* login-fill css start */

.login .form-login {
  max-width: 400px;
  margin: 50px auto;
  padding: 20px;
}

.login .form-login .form-control::placeholder {
  color: #bbb;
  font-size: 0.9rem;
}

.login .form-login .gender-btn {
  border-radius: 20px;
  padding: 6px 18px;
  margin-right: 10px;
  background-color: #f1f1f1;
  border: none;
}

.login .form-login .gender-btn.active {
  background-color: #000;
  color: #fff;
}

.login .form-login .btn-proceed {
  background: linear-gradient(to right, #000, #333);
  color: white;
  width: 100%;
  border-radius: 25px;
  padding: 10px;
  font-size: 16px;
  border: none;
}

.login .form-login .form-control {
  border: 1px solid #ccc;
  border-radius: 8px;
}

.login .location {
  border: 1px solid #ccc;
  border-radius: 8px;
}

.login a.custom-location-btn {
  width: 100%;
  padding: 8px 12px;
  color: #1b5abb;
  display: flex;
  align-items: center;
}

.login i.bi.bi-crosshair2 {
  margin: 0 18px 0 0;
  font-size: 21px;
}

/* login-fill css end */

/* login modal css start */

.login .modal-content {
  height: 378px;
}

.login input.form-control.custom-input {
  border: none;
}

/* login modal css end */

/* login page css end */

/* register page css start */

.register {
  background-image: url(./images/register-banner.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px 20px;
}

.register h1 {
  background: -webkit-linear-gradient(#ae014f, #1b5abb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 50px;
  font-weight: 700;
  max-width: 455px;
  text-transform: uppercase;
}

.register h4 {
  font-size: 28px;
  font-weight: 600;
  color: black;
  margin-bottom: 28px;
}

.register p {
  font-size: 18px;
  font-weight: 500;
  color: var(--theme-color1);
  max-width: 420px;
}

.register .form-box {
  background: #fff;
  border-radius: 15px;
  padding: 30px;
  max-width: 400px;
  width: 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  margin: 0 auto;
  float: right;
}

.register .form-box h5 {
  font-weight: 600;
  text-align: center;
  margin-bottom: 25px;
}

.register .form-check-label {
  font-size: 14px;
}

.register .btn-dark {
  width: 100%;
  border-radius: 8px;
  padding: 10px;
}

section.partner {
  padding: 60px 20px;
  background-color: #fff7fb;
}

.partner h4 {
  font-size: 22px;
  font-weight: 600;
  color: var(--theme-color1);
  text-transform: uppercase;
}

.partner p {
  font-size: 16px;
  font-weight: 500;
  color: var(--theme-color2);
  max-width: 821px;
  margin: auto;
}

.partner .feature-icon {
  width: 54px;
  height: 54px;
  object-fit: contain;
  margin-right: 15px;
}
section.easy-step {
  background-color: #fff7fb;
}

.easy-step .step-icon {
  margin-right: 15px;
  position: relative;
  font-size: 20px;
}

.easy-step .step-line {
  height: 30px;
  border-left: 2px solid #7b61ff;
  margin: 0 9px;
}

.easy-step .step-text {
  font-size: 16px;
  font-weight: 500;
}

.easy-step .start-btn {
  background-color: black;
  color: white;
  padding: 10px 30px;
  border-radius: 8px;
  border: none;
  margin-top: 20px;
}

.easy-step .start-btn:hover {
  background-color: #333;
}

.easy-step .img-container img {
  width: 100%;
  border-radius: 12px;
}

/* register page css end */

/* selling tabs css start */

.selling .sel-tabs {
  display: flex;
  justify-content: start;
  padding: 20px;
  flex-wrap: wrap;
  gap: 10px;
}

.selling .sel-tabs p {
  margin: 0;
  padding: 6px;
  border-radius: 30px;
  border: 1px solid black;
  max-width: 163px;
  width: 100%;
  text-align: center;
}

.cart-ratee {
  padding: 0 5px;
  max-width: 53px;
  width: 100%;
}

.selling .sel-tabs p.active {
  background-color: #88396b;
  color: white;
  /* max-width: max-content; */
  padding: 5px 15px;
  border-color: #88396b;
}

.book img {
    height: 288px !important;
    width: 100%;
    object-fit: cover;
    border-radius: 12px;
}

.pagination .active > .page-link,
.page-link.active {
  background: black;
  border-color: black;
}

/* selling tabs css end */

/* profile page css start */

.profile .sidebar {
  background: #fff;
  border-radius: 16px;
  padding: 30px 20px;
  min-height: 80vh;
  box-shadow: 0 0 10px rgba(0, 0, 5, 0.5);
  position: relative;
}

.profile .nav-link {
  font-weight: 500;
  padding: 12px 15px;
  border-radius: 10px;
  color: #000;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px !important;
}

.profile .nav-link.active {
  background: #000;
  color: #fff;
}

.profile .logout {
  color: red;
  font-weight: 500;
  margin-top: 40px;
  position: absolute;
  bottom: 36px;
  left: 36px;
}

.profile .cover-img {
  height: 160px;
  background-image: url(./images/profile-banner.png);
  background-size: cover;
  background-position: center;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  position: relative;
}

.profile .profile-pic {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border: 3px solid #fff;
  position: absolute;
  bottom: -45px;
  left: 30px;
  object-fit: cover;
}

.profile .form-control {
  border-radius: 8px;
  background-color: #fddede;
  font-size: 16px;
  border-bottom: none;
  padding: 13px;
  font-weight: 500;
  color: var(--theme-color1);
}

.profile .input-group-text {
  background-color: #fddede;
  border: none;
  padding: 12px;
}

/* .profile .email-box {
    background: #f9f9f9;
    border-radius: 12px;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
} */

.profile .add-email .lft i.bi.bi-envelope-fill {
  padding: 11px;
  background-color: #dddada;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
}

.profile .add-email-btn {
  border-radius: 8px;
  font-size: 14px;
}

/* Hamburger button for small screens */
.profile .mobile-toggle {
  display: none;
}

.profile .edit .right-edit {
  width: 100%;
}

.profile .profile-card label {
  font-weight: 500;
  color: var(--theme-color1);
  margin-bottom: 10px;
}

.profile small {
  color: black;
}

.profile .profile-card h6.my-mail {
  border-top: 1px solid black;
  margin-top: 30px;
  font-size: 18px;
  font-weight: 600;
  color: var(--theme-color1);
}

.profile .profile-card .add-email .rht p {
  margin: 0;
}

.profile .profile-card .add-email .rht a {
  color: var(--theme-color1);
  font-weight: 600;
}

section.profile {
  background-color: #fff7fb;
  padding: 20px;
}

.profile .profile-card {
  box-shadow: 0 0 10px rgba(0, 0, 5, 0.5);
  border-radius: 16px;
  background-color: white;
}

.booking .tabs {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  border: 1px solid #cccccc;
  padding: 11px;
  border-radius: 70px;
  width: 100%;
  max-width: 450px;
}

.booking .tab-button {
  border: 1px solid #ddd;
  border-radius: 30px;
  padding: 8px 25px;
  background-color: transparent;
  margin: 0 5px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.tab-button.active {
  background: black;
  color: white;
}

.booking .booking-card {
  background: #fff;
  border-radius: 12px;
  border: 1px solid #cccccc;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.03);
}

.booking .booking-card .profile-img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}

.booking .booking-card .btn {
  border-radius: 25px;
  padding: 5px 20px;
}

.booking .confirmed {
  color: green;
  font-weight: 500;
}

.booking .btn-help {
  background-color: black;
  color: white !important;
}

.booking .booking-card .btn:hover {
  background: black;
  color: white;
}

.booking .text i.bi.bi-star-fill {
  color: #ff8c00;
}

.profile .booking-card .eye {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.profile .booking-card .eye i.bi.bi-eye {
  font-size: 22px;
  color: black;
}

.booking-card .bokk-det {
  justify-content: center;
  border: none;
}

.booking-card h1.modal-title {
  font-size: 32px !important;
  font-weight: 600;
  color: var(--theme-color1);
}

.profile .booking-card .modal-body .book-card {
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  background: #fff;
  padding: 15px;
  transition: all 0.3s ease;
  height: 100%;
}

.profile .booking-card .modal-body .book-card img {
  border-radius: 10px;
  object-fit: cover;
}

.profile .booking-card .modal-body .card-title {
  font-weight: 600;
  font-size: 16px;
}

.profile .booking-card .modal-body .card-text {
  font-size: 14px;
  color: #555;
}

.profile .booking-card .modal-body .section-header {
  font-weight: 600;
  font-size: 20px;
}

.profile .booking-card .modal-body .status-complete {
  color: green;
  font-weight: 500;
}

.profile .booking-card .modal-body .profile-img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}

.profile .booking-card .modal-body .btn-outline-secondary {
  border-radius: 30px;
  padding: 5px 20px;
  font-size: 14px;
}

.profile .booking-card .modal-body .rating {
  color: black;
  font-size: 14px;
}

.profile .booking-card .modal-body i.bi.bi-star-fill {
  color: #ff8c00;
}

.profile .booking-card .book-dets {
  max-width: 750px;
  width: 100%;
}

/* profile page css end */

/* myorder page css start */

.profile .my-order .order-card {
  border: 1px solid #ddd;
  border-radius: 10px;
  background-color: #fff;
  padding: 0;
  overflow: hidden;
  max-width: 100%;
  width: 100%;
}

.product-cart .glow-cart {
  max-width: 46%;
}

.profile .profile-card .cover-img label {
  position: absolute !important;
  left: 127px !important;
  right: auto !important;
  z-index: 2;
  bottom: -40px !important;
  padding: 3px 6px !important;
  background-color: #fddede !important;
  color: black !important;
  border: 1px solid;
}

.profile .profile-card select.form-select {
  background-color: #fddede;
  color: black;
  font-size: 16px !important;
  font-weight: 500;
}

.profile .my-order .order-header {
  background-color: #eef1ef;
  color: #444;
  font-size: 14px;
  padding: 8px 16px;
  border-bottom: 1px solid #ddd;
}

.profile .my-order .order-body {
  padding: 16px;
}

.profile .my-order .order-img {
  object-fit: cover;
  border-radius: 8px;
}

.profile .my-order .order-details h6 {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 6px;
}

.profile .my-order .order-details p {
  font-size: 13px;
  color: #777;
  margin: 0;
}

.profile .my-order .order-price {
  font-weight: 600;
  font-size: 16px;
  color: #000;
}

.profile .my-order .order-link {
  color: #1a73e8;
  font-size: 14px;
  text-decoration: none;
}

.profile .my-order .order-link:hover {
  text-decoration: underline;
}

/* my order page css end */

/* order detail page css */

.profile .order-det .order-box {
  max-width: 600px;
  margin: 30px auto;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 20px;
}

.profile .order-det .order-header {
  border-bottom: 1px solid #dee2e6;
  padding-bottom: 10px;
}

.profile .order-det .product-image {
  object-fit: cover;
  border-radius: 10px;
}

.profile .order-det .btn-outline-dark {
  font-size: 14px;
  padding: 5px 12px;
}

.profile .order-det .price-details span {
  display: block;
  margin-bottom: 4px;
}

.profile .order-det .text-success {
  font-size: 13px;
}

.profile .order-det .order-footer {
  font-weight: 500;
}

/* order detail page end */

/* wallet page css start */

.profile .wallet .wallet-header {
  background: linear-gradient(to right, #005bea, #00c6fb);
  color: white;
  padding: 30px 0;
  text-align: center;
}

.profile .wallet .wallet-card {
  background: white;
  border-radius: 15px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: -40px;
  width: 90%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.profile .wallet .wallet-info h6 {
  margin: 0;
  font-weight: 600;
}

.profile .wallet.profile .wallet .wallet-info small {
  color: gray;
}

.profile .wallet .wallet-amounts {
  text-align: right;
}

.profile .wallet .wallet-amounts div {
  font-weight: 600;
}

.wallet-actions {
  margin: 20px auto;
  text-align: center;
}

.profile .wallet .wallet-actions .nav-link {
  margin: 5px;
  border-radius: 30px;
}

.profile .wallet .amount-box {
  background: white;
  padding: 30px;
  border-radius: 15px;
  text-align: center;
  width: 90%;
  max-width: 400px;
  margin: 0 auto;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.profile .wallet .amount-box h4 {
  font-weight: 700;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}

.profile .wallet .amount-options {
  margin: 20px 0;
}

.profile .wallet .amount-options button {
  border: 1px solid #ddd;
  margin: 0 5px;
  border-radius: 20px;
  padding: 8px 16px;
}

.profile .wallet .note {
  font-size: 16px;
  color: #555;
}

.profile .wallet .add-cash-btn {
  background-color: black;
  color: white;
  border-radius: 30px;
  padding: 10px 40px;
  margin-top: 20px;
}

.profile .wallet .note i.bi.bi-shield-check {
  color: green;
  font-size: 18px;
}

.profile .wallet .note span {
  color: #00c6fb;
}

.profile .wallet .history-container {
  max-width: 500px;
  margin: 40px auto;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

.profile .wallet .history-header {
  background-color: #ffa2d0;
  padding: 20px;
  text-align: center;
  border-bottom: 1px solid #eee;
}

.profile .wallet .history-header h5 {
  margin-bottom: 10px;
  font-weight: 600;
}

.profile .wallet .history-summary {
  display: flex;
  justify-content: space-between;
  padding: 15px 20px;
  font-size: 16px;
}

.profile .wallet .history-summary .total {
  color: #00a86b;
  font-weight: 600;
}

.profile .wallet .transaction-item {
  display: flex;
  align-items: center;
  padding: 15px 20px;
  border-bottom: 1px solid #eee;
}

.profile .wallet .transaction-item:last-child {
  border-bottom: none;
}

.profile .wallet .transaction-item img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 15px;
}

.profile .wallet .transaction-details {
  flex-grow: 1;
}

.profile .wallet .transaction-details h6 {
  margin: 0;
  font-weight: 600;
}

.profile .wallet .transaction-details small {
  color: #888;
}

.profile .wallet .transaction-amount {
  font-weight: 600;
  white-space: nowrap;
}

.profile .amount-box p {
  font-size: 20px;
  color: black !important;
}

/* wallet page css end */

.otp-error-message {
  color: red;
  font-size: 14px;
  margin-bottom: 10px;
  text-align: center;
}

/* 9/7/2025  start*/

.new-waxx .modal-header {
  display: block;
  background-color: #fff7fb;
}

.new-waxx .modal-body .things h3 {
  font-size: 20px;
  color: var(--theme-color1);
  font-weight: 600;
  border-left: 3px solid black;
  padding: 0 0 0 10px;
}

.new-waxx .modal-body .thing-ul ul {
  padding: 0 0 0 16px;
}

.new-waxx .modal-body .thing-ul ul li {
  margin-bottom: 10px;
}

.new-waxx .modal-header h3 {
  font-size: 22px;
  font-weight: 600;
  color: var(--theme-color1);
}

.new-waxx .modal-header p {
  margin: 0;
  color: var(--theme-color1);
  font-weight: 500;
}

.new-waxx .modal-body .wax-service .serve-off p {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  color: var(--theme-color1);
}

.new-waxx .modal-body .wax-service .serve-off span {
  text-decoration: line-through !important;
  color: var(--theme-color2);
}

.new-waxx .modal-body .wax-service .serve-off h6 {
  margin: 0;
  font-weight: 600;
  color: green;
  font-size: 18px;
}

.new-waxx .modal-body .wax-service .serve-off ul li {
  color: var(--theme-color2);
  padding-left: 20px;
}

.new-waxx .modal-body .wax-service button.serve-add {
  background-color: #88396b;
  padding: 6px 18px;
  color: white;
  border: none;
  border-radius: 12px;
  position: relative;
  top: -19px;
}

.new-waxx .modal-body .wax-service {
  border-bottom: 1px solid #ccc;
  padding-bottom: 0 !important;
}

.new-waxx .procedure .proced-slide img {
  height: 260px;
  width: 100%;
  object-fit: cover;
}

.new-waxx .procedure .proced-slide {
  max-width: 70%;
  margin: auto;
  width: 100%;
  text-align: center;
}

.new-waxx .procedure .step-slide {
  width: 100%;
  max-width: 95%;
  margin: auto;
  background-color: white;
  border: 1px solid black;
  border-radius: 20px;
  overflow: hidden;
}

.new-waxx .procedure .proced-slide .step-title {
  font-size: 20px;
  font-weight: 600;
  padding: 10px 0;
  color: var(--theme-color1);
}

.new-waxx .procedure .proced-slide .step-desc {
  color: var(--theme-color1);
  max-width: 100%;
  margin: auto;
  padding-bottom: 20px;
}
.skin-care-modal .daily-glow .people-availed {
    padding: 25px 0;
}

.new-waxx .things {
  border-bottom: 5px solid #88396b;
}

.new-waxx .wax-faq button.accordion-button {
  background-color: #ffe7f6;
  color: var(--theme-color1);
  font-weight: 500;
  margin-bottom: 10px;
  border-radius: 12px !important;
  border: 2px solid #88396b;
}

.new-waxx .modal-footer.btn-cart {
  border: 2px solid #b0005b;
  color: #b0005b;
  font-weight: 600;
  border-radius: 30px;
  padding: 8px 25px;
  background-color: transparent;
}

.new-waxx .modal-footer .btn-cart:hover {
  background-color: #88396b;
  color: #fff;
}

.new-waxx .modal-footer.btn-done {
  background-color: #d6d6d6;
  border: none;
  color: white;
  font-weight: 600;
  border-radius: 30px;
  padding: 8px 25px;
  pointer-events: none;
  opacity: 0.6;
}

.new-waxx .modal-footer .btn-done.active {
  background-color: #88396b !important;
  pointer-events: auto;
  opacity: 1;
}

.new-waxx .modal-footer .qty-box {
  width: 80px;
  text-align: center;
  border-radius: 12px;
  border: 1px solid #ccc;
  padding: 5px 10px;
  outline: none;
  display: none;
}

.new-waxx .modal-footer .cart-wrapper {
  display: flex;
  justify-content: center;
  gap: 15px;
}

.new-waxx .modal-footer {
  background-color: #fff7fb;
  display: block;
}

.new-waxx .modal-footer .btn-cart {
  border: 1px solid #88396b;
  max-width: 130px;
  width: 100%;
}

button#doneBtn {
  background-color: #9f9f9f;
  max-width: 130px;
  width: 100%;
  color: white;
}

/* 9/7/2025  end*/

.modal-signup {
  max-width: 40% !important;
  text-align: center;
}

.modal-signup .signup-box {
  padding: 33px 20px;
  max-width: 500px;
  margin: auto;
}

.modal-signup span.input-group-text {
  background: transparent;
  border: none;
}

.modal-signup .modal-body button {
  width: 100%;
  border-radius: 30px;
}

.modal-signup .modal-header {
  border: none;
}

.modal-signup .check-modal button {
  background-color: black;
  color: white;
  width: max-content;
  padding: 6px 20px;
}

.loader {
  height: 100%;
  width: 100%;
  position: fixed;
  background: #ffffffa6;
  z-index: 9999;
  text-align: center;
}

.loader img {
  position: fixed;
  height: 300px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

/* .order-success-modal {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    border-radius: 12px;
    max-width: 400px;
    margin: 0 auto;
    text-align: center;
} */

.success-gif {
  width: 100%;
  object-fit: cover;
  margin-bottom: 1rem;
}

.success-text {
  font-size: 1.2rem;
  font-weight: 600;
  color: #4caf50;
}

/* .order-sucess {
    background-blend-mode: overlay;
    background: #00000047;
} */

.successs-loader {
  background: none;
  border: none;
}

/* .book img {
  height: 194px !important;
  width: 100%;
  object-fit: cover;
  border-radius: 12px;
} */

.offcanvas {
  background: #fff7fb;
}

.weekday-scroll-wrapper {
  display: flex;
  overflow-x: auto;
  gap: 12px;
  padding-bottom: 10px;
  scrollbar-width: none;
  /* Firefox */
  -webkit-overflow-scrolling: touch;
  /* Smooth scroll on iOS */
}

.weekday-scroll-wrapper::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari */
}

.product-cart .select-card button.make-left {
  position: absolute;
  left: 0;
  top: 0px;
  background: #ffddee;
  padding: 24px 10px;
  border: 1px solid #ccc;
}

.product-cart .select-card button.make-right {
  position: absolute;
  right: 0;
  top: 0px;
  background: #ffddee;
  padding: 24px 10px;
  border: 1px solid #ccc;
}

.weekday-item {
  flex: 0 0 auto;
  /* Prevent items from shrinking */
}

.date-btn {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border: none;
  border-radius: 8px;
  min-width: 60px;
  text-align: center;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}

.date-btn:hover {
  background-color: #ddd;
}

.date-btn.active {
  background-color: #000;
  color: #fff;
}

.date-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.sel-tabs p.active {
  font-weight: bold;
  color: #000;
  border-bottom: 2px solid #000;
}

.view-cart .card-body span.badge {
  background-color: #88396b !important;
  padding: 8px 18px;
}

.view-cart .card-body {
  background-color: #e279b338;
}

.view-cart .proced-butn button {
  background-color: black;
  border: none;
  color: white;
  font-size: 18px;
  font-weight: 500;
}

.view-cart .card {
  border: 1px solid #88396b !important;
}

section.view-cart {
  background-color: #fff5fa !important;
}

.work-save .work-left h6 {
  font-size: 14px;
  font-weight: 600;
  color: black;
}

.work-save .work-left b {
  font-size: 14px;
}

.work-save .work-left span {
  font-size: 10px;
  background-color: #8dff8d;
  padding: 1px 3px;
  border-radius: 8px;
  color: green;
  font-weight: 600;
}

.work-save p {
  font-size: 14px;
  color: #636363;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}

.main-address .work-save i.bi.bi-trash3-fill {
  margin: 0 0 0 1px;
}

.work-save:hover {
  border-bottom: 3px solid;
  margin-bottom: 5px;
}

.main-address button.dropdown-item {
  font-size: 14px;
  color: #88396b;
  font-weight: 900;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 9px;
}

.main-address p.main-add-title {
  font-weight: 800;
  border-left: 3px solid black;
  padding-left: 10px;
}

.main-address {
  overflow: scroll;
  scrollbar-width: none;
}

.main-address .css-13cymwt-control {
  border-radius: 22px;
  border: 1px solid #ccc;
}

.main-address .css-tj5bde-Svg {
  opacity: 0;
}

.main-address .search-icon i.bi.bi-search {
  position: absolute;
  right: 28px;
  top: 24px;
  color: #ccc;
  z-index: 3333;
  display: none;
}

.all-addres {
  height: 170px;
  overflow: scroll;
  scrollbar-width: none;
}

.adress-popup {
  background-color: #fff7fb !important;
}

.adress-popup .type button.active {
  background-color: #88396b !important;
  color: white !important;
}

.adress-popup .type button {
  border: 1px solid black;
  border-radius: 20px;
  color: black;
}

.adress-popup .type button:hover {
  background-color: #88396b !important;
  color: white !important;
}

.addres-footer button {
  background: black;
  border: none;
  padding: 10px;
  max-width: 40%;
  width: 100%;
}

.addres-footer button:hover {
  background: black;
}

.main-address i.bi.bi-crosshair2 {
  color: black;
  margin: 0 4px 0 0;
}

.add-seelction {
  background: white;
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  /* box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; */
  border-radius: 10px;
}

.add-seelction p {
  font-size: 14px;
  color: #212529;
  font-weight: 500;
  margin-bottom: 10px;
  /* border-bottom: 1px solid #ccc; */
  padding-bottom: 9px;
}

.add-seelction button {
  font-size: 16px;
  color: #88396b;
  font-weight: 900;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc !important;
  padding-bottom: 9px;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
}

.add-seelction .section-title {
  font-size: 16px;
  font-weight: 600;
  color: #212529;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
.header .brand-title img {
  width: 200px;
}
.new-allpro img {
  height: 200px;
  object-fit: cover;
}
.new-allpro .card.deal-card {
  color: black;
  font-weight: 500;
}
.new-allpro .card.deal-card {
  color: black;
  font-weight: 500;
  box-shadow: rgb(4 4 4 / 20%) 0px 2px 8px 0px;
  transition: all 0.5s ease;
}
.new-allpro .t-deal {
  padding: 10px 10px 0;
}
.star-rating {
  color: green;
  font-size: 20px;
  padding: 0 0 0 10px;
}
.new-allpro .t-deal h6 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 36px;
}

/* media start */

.shop-category .category-card h6 {
  text-transform: uppercase;
  font-weight: 900;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: black;
  text-align: center;
  font-size: 14px;
}

.shop-category .category-card p {
  margin: 0;
}

.new-slide .carousel-control-next,
.new-slide .carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  padding: 10px;
  border-radius: 50%;
  background-color: black !important;
  text-align: center;
  border: 0;
  opacity: 0.5;
  margin: auto;
  height: fit-content;
  transition: opacity 0.15s ease;
}

.new-slide .carousel-control-next {
  right: 10px;
}

.new-slide .carousel-control-prev {
  left: 10px;
}

.new-slide .carousel-indicators {
  display: none;
}

/* .new-slide .carousel-control-next,
.new-slide .carousel-control-prev:hover {
  background-color: black !important;
} */
.new-slide .carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9 !important;
}
.er-cancel p {
  background-color: red;
  color: white !important;
  width: max-content;
  margin: auto;
  border-radius: 23px;
  padding: 0 16px;
  text-align: center;
}
.suc-img p {
  background-color: green;
  color: white !important;
  width: max-content;
  margin: auto;
  border-radius: 23px;
  padding: 0 16px;
  text-align: center;
  margin-bottom: 8px;
}

.overlay button {
  background-color: black !important;
}
.back-next button {
  background-color: black;
  color: white;
  position: relative;
}
.back-next button:hover {
  border: 1px solid black;
}
.back-next {
  padding-top: 16px !important;
}
.btn-div {
  height: 33px;
}
.snap button {
  margin-top: 50px;
  color: white;
}
.snap {
  width: max-content !important ;
  margin: auto !important  ;
}
.cap-img {
  object-fit: cover !important;
  width: 100%;
  height: 302px;
}

/* new-ecommerce cart css start */
.new-ecomerce {
  margin: auto;
  border: 1px solid;
  padding: 20px 40px;
  border-radius: 20px;
  background-color: #ffffff;
}

.new-com-btn {
  background-color: white;
  padding: 10px;
  border-radius: 13px;
  position: relative;
  top: -27px;
  border: 1px solid;
}

.new-com-btn button {
  border: none;
  background: none;
}

.new-com-btn input {
  border: none;
}
.new-com-desc {
  max-width: 92%;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* prrrr */
.scanner-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.video-box {
  position: relative;
  width: 400px;
  height: 300px;
}

.webcam-feed,
.face-overlay {
  position: absolute;
  top: 0;
  left: 0;
}

.oval-frame {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 260px;
  border: 2px solid rgba(0, 255, 0, 0.8);
  border-radius: 50% / 60%;
  transform: translate(-50%, -50%);
  animation: ovalGlow 1.5s ease-in-out infinite alternate;
}

/* blog page css start */

section.blog {
  background-image: url(./images/blog-banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 74px 20px;
}

.blog-post .nav-link {
  color: #000;
  font-weight: 500;
}

.blog-post .nav-link.active {
  color: #ff69b4;
  border-bottom: 2px solid #ff69b4;
}

.blog-post .category-label {
  position: absolute;
  top: 0px;
  left: 0px;
  background: black;
  color: white;
  font-size: 13px;
  padding: 14px 21px;
  border-radius: 3px;
  max-width: 107px;
  width: 100%;
  text-align: center;
}

.blog-post .card-img-top {
  object-fit: cover;
  height: 250px;
  width: 100%;
}

.blog-post .card-title {
  font-size: 14px;
  margin: 10px 0 0;
  color: #333;
}

.blog-post .btn-view-more {
  background: black;
  color: white;
  border: none;
  padding: 10px 25px;
  margin-top: 20px;
}

.blog-post .card {
  border: none;
  background: transparent;
}

.blog-post {
  background-color: #fff7fb;
  padding: 40px 20px;
}

.card-body {
  background: white;
  margin: 0 20px;
  margin-top: -29px;
  box-shadow: rgb(4 4 4 / 20%) 0px 2px 8px 0px;
}

.blog h2 {
  font-size: 40px;
  font-weight: 600;
  color: var(--theme-color1);
}
section.blog-banner {
  background: #ffe3c5;
}

/* blog page css end */

/* single blog page css start */

.single-blog .blog-title {
  font-size: 28px;
  font-weight: bold;
  color: var(--theme-color1);
}
.blog-content h1 {
  font-size: 26px;
}

.single-blog .blog-meta {
  font-size: 0.9rem;
  color: gray;
}

.single-blog .sidebar-title {
  font-size: 1.2rem;
  font-weight: 600;
  border-bottom: 2px solid #000;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
}

.single-blog .trending-post img {
  width: 100%;
  height: auto;
  border-radius: 5px;
}

.single-blog .trending-post-title {
  font-size: 0.9rem;
  margin-top: 0.5rem;
}

.single-blog .topics-list li {
  margin-bottom: 10px;
}

.single-blog .blog-content h5 {
  margin-top: 1.5rem;
  font-size: 26px;
  font-weight: 600;
  color: var(--theme-color1);
}

.single-blog ul.diamond {
  list-style: none;
  padding: 0;
}

.single-blog .diamond i.bi.bi-diamond-fill {
  color: #d59800;
}

.wax div#faqAccordion {
  margin: 0;
  max-width: 80%;
}

.single-blog .blog-content h6 {
  font-size: 20px;
  font-weight: 600;
}

.wax h4 {
  text-align: left;
}

section.wax {
  padding-bottom: 40px;
}

nav a.blo-ho {
  color: black;
  font-weight: 600;
  font-size: 16px;
}
.single-blog.blog-post img {
  height: 367px;
  width: 100%;
}
.blog-banner h2 {
  color: black;
  font-weight: 600;
}
/* single blog page css end */

@keyframes ovalGlow {
  from {
    box-shadow: 0 0 5px rgba(0, 255, 0, 0.5);
  }
  to {
    box-shadow: 0 0 20px rgba(0, 255, 0, 1);
  }
}

.scan-line {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background: rgba(0, 255, 0, 0.7);
  animation: scanMove 3s linear infinite;
}

@keyframes scanMove {
  0% {
    top: 0;
  }
  100% {
    top: 100%;
  }
}

.feedback {
  margin-top: 8px;
}

.feedback .ok {
  color: limegreen;
  font-weight: bold;
}

.feedback .warn {
  color: orange;
}

.capture-btn {
  margin-top: 12px;
  padding: 8px 16px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}

.capture-btn.active {
  background: limegreen;
  color: white;
}

.capture-btn.disabled {
  background: grey;
  color: white;
  cursor: not-allowed;
}

.preview-box {
  text-align: center;
}

.preview-img {
  width: 200px;
  border-radius: 12px;
  margin-bottom: 12px;
}

.retake-btn {
  padding: 8px 16px;
  background: tomato;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}

/* preee */

/* new-ecommerce cart css start */

.concern .icon-card img {
  height: 100px;
  width: 100px;
  border-radius: 50%;
}
.ageing .age-left img {
  height: 100px;
  width: 100px;
  border-radius: 50%;
}

.truncate-text-desc {
  display: -webkit-box;
  -webkit-line-clamp: 10; /* number of lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.newwwww {
  display: -webkit-box;
  -webkit-line-clamp: 5; /* number of lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.doctors .doctor-card img.doctor-img {
  height: 296px;
  width: 100%;
  object-fit: cover;
}
/* .doc-slide  .owl-stage {
    width: 2027px !important;
} */
.report-modal {
  max-width: 65%;
}
.report-modal .modal-header {
  border: none;
}
.report-modal .your-score-left {
  margin: 0;
}

.dark-circle .new-card {
  width: 85% !important;
  background-image: none !important;
  box-shadow: none !important;
}
.dark-circle {
  background-image: linear-gradient(to right, #fff8e7, #ffddee);
  padding: 24px;
  border-radius: 16px;
}
.dark-buton button.dark-btn.light {
  border: 1px solid #898989;
  padding: 8px 22px;
  color: black;
  font-weight: 500;
}
.dark-buton button.dark-btn.dark {
  padding: 8px 22px;
  color: white;
  font-weight: 500;
  background: black;
}

.dark-right {
  max-width: 70%;
}
.dark-circle .dark-right a.read-more-class {
  position: absolute;
  right: 26%;
  bottom: 35%;
}

.webcam-mirror {
  transform: scaleX(-1);
  /* To avoid blurry text/drawings on canvas */
  transform-origin: center;
}
span.spcl {
  position: absolute;
  top: 5px;
  right: 15px;
  color: green;
  padding: 0 10px;
  border-radius: 20px;
  font-weight: 700;
}
.dark-right a.popup-read {
  position: absolute !important;
  right: 28px !important;
  bottom: 39% !important;
}
.shop-category .category-card img {
  margin-bottom: 10px;
  border-radius: 0;
  margin: -25px 0 0 0;
  width: 87px;
}
.all-new-product .new-price span.price {
  font-size: 14px;
  font-weight: bold;
}
.all-new-product .new-price span.original-price {
  text-decoration: line-through !important;
  color: rgb(153, 153, 153);
  font-size: 14px;
}
.all-new-product .new-price span.discount {
  color: green;
  font-size: 13px;
}
.shop-category .category-card {
  position: relative;
  text-align: center;
  border: 1px solid #ccc;
  padding: 8px;
  height: 101px;
  overflow: visible;
  width: 130px;
  background: #ffe3c5;
}

.sel-tabs .owl-item.active {
  width: 170px !important;
}
.sel-tabs .owl-stage {
  width: 100% !important;
}
/* .image-cd {
  position: absolute;
  bottom: 13px;
  text-align: center;
  width: 89%;
  color: white;
  background-blend-mode: overlay;
  background: #000000a1;
  padding: 10px;
  border-radius: 26px;
  margin: 0 10px;
  height: 90px;
} */
.view-report-more a.read-more-class {
  color: white;
  font-weight: 600;
  background: #f6593a;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 14px;
  display: flex;
}
.view-report-more {
  position: absolute;
  right: 29px;
  bottom: 32px;
}

span.colour-label.colour-colorDisplay {
  width: 9px;
  height: 9px;
  border-radius: 0%;
  display: inline-block;
  margin-right: 8px;
  margin-left: 0px;
}
.page-search-bar i.bi.bi-search {
  position: absolute;
  top: 11px;
  left: 13px;
  font-size: 15px;
}
.page-search-bar {
  max-width: 46%;
  width: 100%;
  position: relative;
}
.page-search-bar input.form-control {
  padding-left: 35px !important;
  border-radius: 38px;
  padding: 8px;
  border: 1px solid #ccc;
}
.page-search-bar input.form-control::placeholder {
  font-size: 14px;
}
/* career page css start */

section.career {
  padding: 40px 20px 0;
  background-color: #fcfcfc;
}

.career .right-career img {
  max-width: 330px;
  width: 100%;
}

.career h2 {
  font-size: 40px;
  font-weight: 600;
  color: var(--theme-color1);
}

.career p {
  margin-bottom: 0;
  font-weight: 500;
  color: var(--theme-color1);
}

.career .car-inner {
  max-width: 1100px;
  margin: auto;
}

.job-form .form-section {
  max-width: 1000px;
  margin: auto;
  padding: 40px 0;
}

.job-form .form-label span {
  color: red;
}

.job-form {
  background-color: #fff7fb;
}

.job-form .upload-box {
  border: 1px dashed #ccc;
  padding: 15px;
  border-radius: 10px;
  text-align: center;
  background-color: #f8f8f8;
}

.job-form .upload-box:hover {
  border-color: #333;
}

.job-form .btn-next {
  background-color: black;
  color: white;
  border-radius: 6px;
  padding: 10px 30px;
}

img.new-log-register {
  width: 100px;
}

.job-form .form-control,
.form-select,
.input.form-control {
  border-bottom: navajowhite;
  border: 1px solid #ccc;
  padding: 14px 12px;
  font-size: 14px;
  border-radius: 8px;
}

.job-form input.form-control::placeholder {
  font-size: 14px;
  color: var(--theme-color2);
}

.form-section h4 {
  font-size: 24px;
  font-weight: 600;
  color: var(--theme-color1);
}
section.testimonial {
  background: linear-gradient(
    90deg,
    rgba(255, 251, 236, 1) 0%,
    rgba(254, 240, 242, 1) 50%,
    rgba(250, 255, 251, 1) 78%,
    rgba(253, 230, 255, 1) 100%
  );
}

.form-section h6 {
  font-size: 18px;
  color: var(--theme-color1);
}

.form-section button.white {
  padding: 10px 30px;
}

.form-section .form-check-input:checked {
  background-color: #000000;
  border-color: #000000;
}

.form-section label.form-label {
  font-weight: 500;
  color: var(--theme-color1);
}

/* career page css end */
.service .book:hover {
  transform: scale(1.04);
  transition: all 0.5s ease;
}
.service .book {
  transition: all 0.5s ease;
  overflow: visible;
}

.banner .ban-right img {
  width: 100% !important;
  border-radius: 12px;
  transition: all 0.5s ease;
}

.banner .ban-right img:hover {
  transform: scale(1.01) rotate(1deg);
  box-shadow: #6c757d 0px 5px 18px;
}

/* only one dimensional */

.banner .ban-right .one-dimentional img.top-image {
  width: 600px;
  height: 490px;
}
/* only one dimensional */

.offer a:hover {
  background: black;
}

.achieve .far .block:hover {
  transform: scale(1.1);
  transition: all 0.5s ease;
}
.glow button {
  font-size: 22px;
  font-weight: 600;
  padding: 10px 34px;
  border: none;
  background-image: linear-gradient(#00b2ba, #0f7175);
  color: white;
  border-radius: 12px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.glow button::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255, 255, 255, 0.5),
    transparent
  );
  transition: left 0.6s ease;
}

.glow button:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 18px rgba(0, 178, 186, 0.4);
}

.glow button:hover::after {
  left: 100%;
}

.package .manage .packs {
  max-width: 108px;
  text-align: center;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;
  border: 2px solid transparent;
  border-radius: 20px;
  padding: 5px;
}

.package .manage .packs img {
  width: 90px;
  height: 80px;
  object-fit: cover;
  border-radius: 15px;
  transition: transform 0.4s ease;
}

/* Hover effect */
.package .manage .packs:hover {
  transform: translateY(-4px);
  border: 2px solid #88396b; /* highlight border */
  box-shadow: 0 0 15px rgba(255, 77, 109, 0.4);
}

.package .manage .packs:hover img {
  transform: scale(1.05);
}

.package .manage .packs:hover p {
  color: #88396b; /* text matches glow */
}

.selling .product-card {
  border: 1px solid #f0e8ed;
  border-radius: 12px;
  padding: 15px;
  background: white;
  height: 100%;
  transition: all 0.3s ease;
  cursor: pointer;
}

/* Hover effect */
.selling .product-card:hover {
  transform: translateY(-6px);
  border-color: #88396b; /* highlight border */
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
}
.selling .add-btn,
.selling .qty-controls {
  background: black;
  color: white;
  border: none;
  border-radius: 10px;
  padding: 8px 23px;
  position: absolute;
  bottom: -12px;
  left: 21px;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* Hover effect */
.selling .add-btn:hover,
.selling .qty-controls:hover {
  background: #88396b; /* highlight color */
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 4px 12px rgba(255, 77, 109, 0.5);
}
.customer .ply-but:hover {
  transform: scale(1.2);
  transition: 0.4s;
  background: #b3dfecf2;
}

.customer .item img {
  height: 325px;
  object-fit: cover;
  width: 100%;
}
.shop-category h2.only-shop {
  font-size: 24px;
  text-align: left !important;
}
.mobile-carousel {
  display: none;
}
.home-res-banner img {
  border-radius: 20px;
}
.new-log .left-panel img {
  width: 50%;
}
section.log-new-head {
  margin-bottom: 0;
}
.new-log select.form-select {
  padding: 6px 12px;
  border-radius: 23px;
}

.product-cart .cart-title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-card .cart-desc p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.new-log i.bi.bi-camera-fill {
  font-size: 72px;
  background: #ccc;
  padding: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  margin: auto;
  margin-bottom: 8px;
  height: 200px;
}

.beautician-form {
  background: linear-gradient(
    90deg,
    rgba(239, 249, 255, 1) 0%,
    rgba(250, 233, 255, 1) 100%
  ) !important;
}

section.new-log {
  background: #fff7fb;
  display: flex;
  align-items: center;
}
section.steps {
  padding: 40px 20px !important;
}
.steps .form-box {
  max-width: 100%;
  border: 1px solid #ccc;
}
.comp-pro {
  background: transparent !important;
  padding: 0 !important;
}
.comp-pro h6 {
  padding: 8px 12px;
  color: white;
  border-radius: 7px;
}
.new-log .log-inner {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  background: white;
  padding: 40px;
  border-radius: 20px;
  margin: 40px 0;
}
.new-log select.form-control {
  border: 1px solid #ccc;
  border-radius: 21px;
  color: black;
  font-weight: 500;
}
.new-log textarea {
  border: 1px solid #ccc;
  border-radius: 10px;
}
.new-log textarea::placeholder {
  font-weight: 500;
  color: #333;
}
.new-log .next button {
  width: fit-content !important;
  margin: 0 0 0 12px;
}
.new-log .tabs button {
  border: 1px solid black !important;
  margin: 0 6px !important;
  width: fit-content;
  border-radius: 20px;
}
.new-log .tabs button.make-right {
  position: absolute;
  right: -30px;
  width: fit-content;
  padding: 9px;
  top: 0;
}
.new-log .tabs button.make-left {
  position: absolute;
  left: -30px;
  width: fit-content;
  padding: 9px;
  top: 0;
  color: black;
}
.cities-new {
  width: max-content;
}
.loc-modalll {
  max-width: 50%;
  overflow: scroll;
  scrollbar-width: none;
  min-height: 400px !important;
  margin-top: 7%;
}
a.clo-new {
  position: absolute;
  right: 13px;
  top: 4px;
}
.loc-modalll i.bi.bi-x-circle {
  color: black;
  font-size: 26px;
}

html {
  scroll-behavior: smooth;
}
.topics-list a {
  color: black;
  font-weight: 500;
}
.profile .scan-div {
  overflow: scroll;
  scrollbar-width: none;
}

.service-package-section .blue-text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: none;
  padding: 0;
  font-size: 14px;
}
.service-package-section h6.product-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
}
.service-package-section .new-pack-sec img {
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.service-package-section .new-pack-sec img {
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  width: 70px;
  height: 70px;
}
.service-package-section .pack-review i.bi.bi-star-fill {
  color: #88396b;
  font-size: 20px;
}
.service-package-section .pack-review strong {
  font-size: 20px;
}
.service-package-section .pack-review span {
  font-size: 14px;
  text-decoration: underline !important;
  text-decoration-color: #ccc !important;
  font-weight: 600;
}
.service-package-section .pack-review p {
  font-size: 16px;
  background: #88396b;
  color: white;
  padding: 2px 7px;
  border-radius: 8px;
}
.service-package-section .chk-list ul {
  list-style: none;
  padding: 0 !important;
}
.service-package-section .chk-list li {
  display: flex;
  margin-bottom: 4px;
  gap: 3px;
}
.service-package-section .new-pack .new-total-pack {
  color: black;
  font-weight: 600;
}
.service-package-section .new-pay-pack .new-dis-pack {
  color: var(--theme-color2);
  font-weight: 400;
  text-decoration: line-through !important;
}
/* .service-package-section .add-new-packs i {
    background: white;
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #88396b;
} */
.service-package-section .main-packpay {
  position: sticky;
  bottom: 0;
  background: white;
  padding: 10px 0;
  border-top: 1px solid #ccc;
}
.service-package-section .product-card {
  height: 336px !important;
  overflow: scroll;
  scrollbar-width: none;
  padding-bottom: 0 !important;
}
.service-package-section .new-total-pack {
  font-weight: 700;
}
.service-package-section .add-new-packs button.add-btn {
  position: relative;
  left: 0;
  top: auto;
  bottom: 0;
}
.package .manage .owl-nav {
  display: block;
}
.package .manage button.owl-prev {
  position: absolute;
  left: -43px;
  top: 57px;
}
.package .manage button.owl-next {
  position: absolute;
  right: -43px;
  top: 57px;
}
@media (max-width: 1599px) {
}

@media (max-width: 1399px) {
  .unleash {
    background-image: url(./images/unleash-banner.svg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 50vh;
    display: flex;
    align-items: center;
  }

  a.nav-link {
    padding: 0 !important;
  }

  .header ul.navbar-nav {
    gap: 19px !important;
  }

  .all-products .pro-shop {
    max-width: 215px !important;
    width: 100%;
  }

  .all-products .products-inner {
    justify-content: start !important;
  }

  .glow {
    padding: 80px 0;
  }

  .unleash {
    height: 45vh !important;
  }
  .top-deal .deal-card img {
    height: 220px;
  }
}

@media (max-width: 1199px) {
  .book-service .qty-box-sm {
    margin: -18px 0 0 14px;
  }

  .book-service .select-card .time-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .session img.gallery-img.img-tall {
    height: 506px;
  }

  .shop-inner {
    max-width: 60%;
    float: right;
    width: 100%;
  }
  .banner .ban-allicons {
    gap: 18px;
    justify-content: center;
  }

  .unleash {
    background-image: url(./images/unleash-banner.svg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 50vh;
    display: flex;
    align-items: center;
  }

  .header .collapse form {
    width: 20%;
    margin: 0 !important;
  }

  .banner .ban-left h1 {
    max-width: 100%;
    width: 100%;
    font-size: 28px;
  }
  .header ul.navbar-nav {
    gap: 7px !important;
  }

  .glow {
    padding: 45px 0;
  }

  .services .book h5 {
    font-size: 18px;
  }

  .unleash h2 {
    font-family: "Cookie", cursive;
    font-size: 60px;
    color: #5f5f5f;
  }
  .product-cart .glow-cart {
    max-width: 40% !important;
  }
  .single-product .pro-thumb {
    height: 469px;
  }
}

@media (max-width: 991px) {
  .service-banner h1 {
    position: absolute;
    top: 31%;
    width: 90%;
    left: 0;
    text-align: center;
    background-blend-mode: overlay;
    background: #000000d4;
    color: white;
    padding: 20px;
    margin: 0 0 0 46px;
    border-radius: 20px;
  }
  .skin-score .your-score-left .image-meter {
    border-right: 0;
    padding-right: 30px;
  }
  .banner .ban-right .baner-image {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin: 17px 0;
  }
  .book-service .book-roll {
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .review .rating-breakdown {
    border-right: 1px solid #0000003d;
    padding: 0 60px;
    padding-left: 0;
  }

  .header .collapse form {
    width: 40%;
    margin: 0 !important;
    margin-bottom: 10px !important;
  }

  .book-service .booking-box {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .book-service .select-card .time-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
  }

  .book-service .select-card {
    max-width: 100%;
  }

  .book-service .qty-box-sm {
    margin: -18px 0 0 48px;
  }

  .unleash p {
    max-width: 70%;
    font-size: 18px;
  }

  .unleash {
    height: 35vh !important;
  }

  .unleash h2 {
    font-size: 52px !important;
  }

  .exclusive .women-exclu .right h2 {
    font-size: 22px;
    margin-bottom: 20px;
    letter-spacing: 0;
  }

  .exclusive .women-exclu .right h1 {
    font-size: 30px;
  }

  .exclusive .women-exclu .right img {
    width: 60px;
  }

  .shop-inner {
    max-width: 100%;
    float: right;
    width: 100%;
  }

  .about .feature-box img {
    width: 100%;
  }

  .story .story-bottom {
    flex-direction: column-reverse;
  }

  .founding img {
    margin-bottom: 20px;
  }

  .register h1 {
    font-size: 32px;
  }

  .register h4 {
    font-size: 24px;
  }

  .register p {
    font-size: 16px;
  }

  section.partner {
    padding: 70px 20px;
  }

  .register .form-box {
    float: left;
  }

  .profile .desktop-sidebar {
    display: none;
  }

  .profile .mobile-toggle {
    display: block;
    margin: 20px;
  }
  .banner .ban-right .baner-image {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 17px 0;
  }
  .single-product .pro-thumb {
    height: 420px;
  }
  /* .product-cart .ecommerce-cart {
    flex-direction: column-reverse;
  } */

  .all-products .products-inner {
    justify-content: center !important;
  }
}

@media (max-width: 767px) {
  /* .banner .ban-right {
    display: none;
  } */
  footer.footer {
    padding: 20px 20px 0;
    background-color: #f9f9fb;
    display: none;
  }
  .single-product .top-single .product-image {
    border-radius: 8px;
    height: 360px;
    width: 100% !important;
    object-fit: cover;
  }
  .footer .madam .quick-link ul {
    padding: 0;
    margin: 5px 0 0 0;
  }
  .footer .madam .quick-link li {
    font-size: 14px;

    margin-bottom: 12px;
  }
  .achieve .far .block p {
    font-size: 14px;
  }
  section.services {
    background-color: #fff7fb;
    /* padding-top: 0 !important; */
    padding-bottom: 1px !important;
  }
  .glow h2 {
    margin-bottom: 15px;
  }
  .footer .foot-sub {
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .footer .madam {
    padding: 17px 0;
  }
  .footer .madam .logo-para p {
    font-size: 14px;
    margin-bottom: 0 !important;
  }
  .blog-banner h2 {
    font-size: 20px;
  }
  .footer h2 {
    font-size: 25px;
  }
  .profile .skin-care-modal {
    max-width: 95%;
  }

  .unleash .search-box {
    padding: 4px 8px;
    max-width: 337px;
    width: 100%;
    border: 1px solid;
    position: absolute;
    top: 25px;
  }
  .new-log .log-inner {
    padding: 20px;
  }
  .new-slide .carousel-control-next,
  .new-slide .carousel-control-prev {
    display: none;
  }

  .banner .ban-allicons {
    gap: 18px;
    max-width: 100%;
    justify-content: center;
  }

  .banner .ban-left h1 {
    font-size: 28px;
    text-align: center;
  }

  .book-service .qty-box-sm {
    margin: -18px 0 0 30px;
  }

  .camera h4 {
    font-size: 24px;
  }

  .demo img {
    height: auto !important;
    width: 100%;
  }

  .owl-nav {
    display: none !important;
  }

  .banner .ban-left h1 {
    font-size: 28px;
  }

  .services .serv-inner {
    padding: 0 20px;
  }

  .services h3 {
    font-size: 28px;
    padding-top: 0px;
  }

  section.customer {
    padding: 40px 0;
  }

  .customer h3 {
    font-size: 28px;
  }
  section.achieve {
    padding-bottom: 15px;
    padding-top: 0px;
  }

  .achieve h3 {
    font-size: 28px;
    margin-bottom: 15px;
    padding-top: 25px;
  }

  .services .trending {
    column-gap: 8px;
  }

  .achieve .far .block {
    max-width: 140px !important;
    width: 45%;
    margin: 0;
  }

  .glow {
    padding: 70px 0;
  }

  .glow h2 {
    font-size: 32px;
  }

  .glow p {
    font-size: 16px;
    margin-bottom: 0;
  }

  .ageing .age-left {
    padding: 40px 20px;
  }

  .doctors h2,
  .concern h2 {
    font-size: 28px;
  }

  .concern .eve p {
    font-size: 16px;
    font-weight: 500;
    color: var(--theme-color1);
  }

  .concern .category-wrapper {
    padding: 20px 0;
  }

  .ageing .age-left h2 {
    font-size: 42px;
  }

  .ageing .age-right img {
    height: 100%;
  }

  .footer .arrow i.bi.bi-chevron-up {
    padding: 17px;
  }

  .footer .arrow {
    margin-top: 38%;
  }

  .shop-category h2.title,
  .top-deal h2 {
    font-size: 28px;
  }

  .best-pick img.bag {
    display: none;
  }

  .best-pick img.off {
    display: none;
  }

  .unleash {
    height: 26vh !important;
  }
  .shop-category h2.title,
  .top-deal h2,
  .best-pick h2 {
    font-size: 28px;
    padding: 0 0 16px 0;
  }

  section.best-pick {
    margin-top: 0;
  }

  .all-products .pro-shop {
    max-width: 188px !important;
    width: 100%;
  }

  .about h2 img {
    width: 125px;
    margin: -10px 0 0 0;
  }

  .about h2 {
    font-size: 24px;
  }

  .about p {
    font-size: 16px;
  }

  .about .feature-box .feature-title {
    font-size: 18px;
  }

  .story h3 {
    font-size: 26px;
    padding: 0;
  }

  .about h4 {
    font-size: 18px;
  }

  .founding .owl-theme .owl-nav {
    display: none !important;
  }

  .login img.right-login {
    height: 100vh;
  }

  .single-blog .blog-title {
    font-size: 28px;
  }

  .single-blog .blog-content h5 {
    font-size: 22px;
  }

  .single-blog .blog-content h6 {
    font-size: 18px;
  }

  .wax h4 {
    font-size: 28px;
  }

  .wax div#faqAccordion {
    max-width: 100%;
  }

  .profile .booking-card .book-dets {
    max-width: 750px;
    width: 95%;
  }

  .profile .booking-card .modal-content {
    height: 600px !important;
  }

  .achieve .far {
    justify-content: center;
  }

  .services .book {
    text-align: center;
  }

  .unleash h2 {
    font-size: 40px !important;
  }

  .review .rating-block {
    padding: 40px 0;
    border-right: 0px solid #0000003d;
    border-bottom: 1px solid #0000003d;
  }

  .skin-score .your-score-left .image-meter {
    border-right: none;
    padding-right: 30px;
  }

  .review .rating-breakdown {
    border-right: 0 solid #0000003d;
    padding: 0 0 40px 0;
    border-bottom: 1px solid #0000003d;
  }
  .offer .off-inner {
    padding-bottom: 10px !important;
  }

  .review h2 {
    text-align: left !important;
  }

  .review .action-buttons {
    width: 100%;
    margin: 0;
  }
  .product-cart .glow-cart {
    max-width: 100% !important;
  }
  .new-modal-signup {
    max-width: 80% !important;
    margin: auto;
  }
  .service-banner img {
    width: 100%;
    height: 50vh;
    object-fit: cover;
  }
  .service-banner h1 {
    font-size: 20px;
  }
  .service-banner h1 span {
    font-size: 28px !important;
  }
}

@media (max-width: 575px) {
  .service-banner h1 {
    position: absolute;
    top: 31%;
    width: 90%;
    left: 0;
    text-align: center;
    background-blend-mode: overlay;
    background: #000000d4;
    color: white;
    padding: 20px;
    margin: 0 0 0 20px;
    border-radius: 20px;
  }
  .profile .my-order .order-body {
    padding: 16px;
    display: block !important;
    text-align: center;
  }
  .unleash {
    height: 21vh !important;
  }
  .blog-content h1 {
    font-size: 18px;
  }
  .blog-content h2 {
    font-size: 20px;
  }
  .glow {
    padding: 50px 0;
    text-align: center;
  }

  .loc-modalll {
    max-width: 95%;
  }

  .login img.right-login {
    height: 50vh;
  }

  .exclusive .women-exclu .right h2 {
    font-size: 18px;
    margin-bottom: 6px;
    letter-spacing: 0;
  }

  .exclusive .women-exclu .right img {
    width: 40px;
  }

  .exclusive .women-exclu .right h1 {
    font-size: 24px;
  }

  .career h2 {
    font-size: 32px;
  }

  .career p {
    font-size: 14px;
  }

  .career .right-career img {
    display: none;
  }

  section.career {
    padding: 40px 20px;
    text-align: center;
  }

  .single-blog .blog-title {
    font-size: 24px;
  }

  .wax h4 {
    font-size: 24px;
  }

  .banner .ban-allicons {
    max-width: 100%;
  }

  .banner .ban-icon img {
    width: 100px;
  }
  .all-products .pro-shop {
    max-width: 230px !important;
    width: 100%;
  }
  .package .manage {
    gap: 4px;
    /* justify-content: space-between; */
  }

  .new-modal-signup {
    max-width: 90% !important;
    margin: auto;
    margin-top: 7%;
  }
  .skin-score .order-det {
    padding: 0 !important;
  }
  .skin-score .dark-circle .dark {
    flex-wrap: wrap;
  }
  .dark-right {
    max-width: 100%;
    text-align: center;
  }
  .dark-buton button.dark-btn.light {
    margin-bottom: 12px;
  }
  .dark-buton button.dark-btn.dark {
    margin-bottom: 12px;
  }
  .report-modal .your-score-left {
    margin: 0;
    justify-content: center !important;
    row-gap: 18px;
  }
  .skin-score .right-score {
    text-align: center;
  }
  .package .manage .packs {
    max-width: 94px;
    width: 100%;
  }
  .selling .sel-tabs p {
    max-width: 138px;
    width: 100%;
  }
  .package .manage .packs img {
    width: 65px;
    height: 65px;
  }
  .package .manage .packs p {
    font-size: 10px;
  }

  .services h3 {
    font-size: 24px;
    padding-top: 20px;
    margin-bottom: 15px;
  }
  .selling .product-title {
    font-size: 14px;
  }
  .selling .product-card p.text-muted {
    font-size: 14px;
  }
  .selling .product-card span.new-rate {
    font-size: 14px;
  }
  .selling .product-card span.percent {
    font-size: 14px;
  }
  .selling .product-card span.hour {
    width: 100%;
    font-size: 14px;
  }
  .book img {
    height: 380px !important;
    width: 100%;
    object-fit: cover;
    border-radius: 12px;
}
}

@media (max-width: 480px) {
  .book-service .book-roll {
    margin: 15px;
  }

  .unleash .search-box {
    margin: auto;
    padding: 4px 8px;
    max-width: 337px;
    width: 100%;
    border: 1px solid;
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
  }

  .header .collapse form {
    width: 100%;
    margin: 0 !important;
    margin-bottom: 10px !important;
  }

  .best-pick .category-card button.btn {
    font-size: 11px;
  }

  .exclusive .women-exclu .right img {
    width: 26px;
  }

  .exclusive .women-exclu .right h1 {
    font-size: 17px;
  }

  .exclusive .women-exclu .right h2 {
    font-size: 14px;
    margin-bottom: 6px;
    letter-spacing: 0;
  }

  .exclusive .logo p {
    margin: 0;
    font-size: 14px;
  }

  .shop-banner h1 {
    font-size: 22px;
  }

  .shop-banner p {
    font-size: 16px;
  }

  section.shop-banner {
    height: 50vh;
  }

  .all-products .products-inner {
    justify-content: center !important;
  }

  .founding img {
    height: auto;
  }

  .register h1 {
    font-size: 28px;
  }

  .register h4 {
    font-size: 22px;
  }

  .register .form-box h5 {
    font-weight: 600;
    text-align: left;
    margin-bottom: 25px;
  }

  .single-blog .blog-title {
    font-size: 20px;
  }

  .booking-card .bokk-det {
    padding-bottom: 0;
  }

  .banner .ban-allicons {
    gap: 9px;
    max-width: 100%;
  }

  .unleash h2 {
    font-size: 34px !important;
    text-align: center;
  }

  .unleash p {
    max-width: 100%;
    font-size: 16px;
    text-align: center;
  }

  .single-product h4 {
    font-size: 24px;
  }
  .new-ecomerce {
    flex-wrap: wrap;
  }
  .all-products .pro-shop {
    max-width: 296px !important;
    width: 100%;
  }
  .banner .ban-right .baner-image {
    margin: 17px 0;
    flex-wrap: wrap;
  }
  .banner .baner-image .left {
    width: 80%;
  }
  .banner .baner-image .right {
    width: 80%;
  }
  .mobile-carousel {
    display: block;
  }
  .baner-image {
    display: none !important;
  }
  .unleash {
    height: 20vh !important;
  }
  .page-search-bar {
    max-width: 90%;
    width: 100%;
    position: relative;
    margin-bottom: 14px;
  }
  .package .manage .packs img {
    width: 56px;
    height: 56px;
  }
  .package .manage .packs {
    max-width: 70px;
    width: 100%;
  }
}