:root {
  --indian-red: #d07163ff;
  --champagne-pink: #f3dfd8ff;
  --white: #fefefeff;
  --rosy-brown: #dd9e94ff;
  --white-2: #ffffffff;
}

body {
  background: radial-gradient(circle at left top,
      #cd968d 0%,
      #ffffff 30%,
      transparent 70%);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  font-family: "Lustria", serif !important;
}

.navabr {
  background-color: transparent;
}

a {
  text-decoration: none !important;
}

.btn-outline-success {
  border-color: var(--indian-red) !important;
  color: var(--indian-red) !important;
}

.btn-success {
  background-color: var(--indian-red) !important;
  border-color: var(--indian-red) !important;
}

.nav-link {
  color: #010101;
}

.nav-link,
.active {
  color: #010101 !important;
}

@keyframes float {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-2px);
  }

  100% {
    transform: translateY(0);
  }
}

.floating-text {
  animation: float 2s ease-in-out infinite;
}

.image-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.image-wrapper {
  position: relative;
  width: 200px;
  height: 200px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  /* background-image: url(../images/body/Microdermabrasion.webp); */
  background-size: cover;

  background-color: var(--champagne-pink);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  /* animation: float 2s ease-in-out infinite; */
}

.bg-color-05 {
  background-color: #f3dfd8ff;
}

.brand-logo>img {
  max-width: 100px !important;
  background-color: #ffff;
  padding: 15px;
  border-radius: 50%;
}

.brand-logo>p {
  margin-top: 20px;
}

.image-overlay {
  position: absolute;
  top: 50%;
  /* Center the text */
  left: 50%;
  /* Center the text */
  transform: translate(-50%, -50%);
  /* Centering trick */
  color: #333;
  /* Text color */
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.icon {
  font-size: 40px;
  /* Icon size */
  color: var(--indian-red);
  /* Icon color */
  margin-bottom: 10px;
  /* Space between icon and text */
}

.banner-section {
  background-image: url(../images/icons/ctaImg.webp);
  width: 100%;
  height: 500px;
  background-repeat: no-repeat;
  background-position: 50% 42%;
  background-size: cover;
}

.contact-form .form-control {
  height: 54px;
  background-color: #fff;
  border: 1px solid #e0d9c5;
  box-shadow: 0 0 0 0;
  color: #5f5842;
  font-size: 17px;
  line-height: 1;
  font-weight: 300;
  padding: 0 15px;
  margin-bottom: 22px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.bg-color-01 .contact-form .form-control {
  background-color: #fff;
  border: 1px solid #e0d9c5;
  color: #5f5842;
}

/*------------------------------------------*/
/*  Contact Form Textarea
  /*------------------------------------------*/

.contact-form textarea {
  height: 220px;
}

.contact-form textarea.form-control {
  padding: 20px 15px;
}

/*------------------------------------------*/
/*  Contact Form Placeholder
  /*------------------------------------------*/
.whatsapp-float {
  position: fixed;
  bottom: 100px;
  right: 20px;
  width: 60px;
  height: 60px;
  background-color: #25D366;
  color: #fff;
  border-radius: 50%;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  font-size: 30px;
  z-index: 1000;
  transition: all 0.3s ease-in-out;
}

.whatsapp-float:hover {
  background-color: #22c15d;
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.4);
  transform: scale(1.1);
}

.contact-form .form-control::-moz-placeholder {
  color: #5f5842;
}

.contact-form .form-control:-ms-input-placeholder {
  color: #5f5842;
}

.contact-form .form-control::-webkit-input-placeholder {
  color: #5f5842;
}

/*------------------------------------------*/
/*  Contact Form Input Focus
  /*------------------------------------------*/

.contact-form .form-control:focus {
  outline: 0px none;
  box-shadow: none;
  border-color: var(--indian-red);
}

.bg-color-01 .contact-form .form-control :focus {
  border-color: #fff;
}

.bg-light-pink {
  background-color: var(--champagne-pink);
}

.footer-links li p>a {
  margin-bottom: 10px;
  color: #010101 !important;
}

ul,
li,
a {
  list-style: none !important;
  text-decoration: none !important;
}

.carousel-item {
  text-align: center;
}

.treatment-name {
  font-size: 24px;
  font-weight: bold;
  margin-top: 15px;
}

.treatment-description {
  margin: 10px 0;
  font-size: 16px;
  color: #555;
}

.readMoreText {
  color: var(--indian-red);
  text-decoration: underline !important;
}

.treatmentImage {
  object-fit: cover;
}

.bgLightPink {
  background-image: url("../images/icons/bubblePattern.webp");
  background-color: var(--champagne-pink);
}

.h6-sm {
  font-weight: 800;
  font-size: 22px;
}

.d-none {
  display: none;
}

.read-more-btn {
  background: none;
  border: none;
  color: var(--indian-red);
  cursor: pointer;
  text-decoration: underline;
}

/* .reviewCard{
  background-color: var(--champagne-pink) !important;
} */
.h6-lg {
  font-size: 1.1875rem;
  font-weight: 700;
}

.txt-color-black {
  color: #010101;
}

.alternativeText1 {
  position: absolute;
  top: 45%;
  left: -9%;
  transform: translate(-50%, -50%);
  background-color: #d07163;
  color: white;
  padding: 10px;
  border-radius: 5px;
}

.alternativeText2 {
  position: absolute;
  bottom: 10%;
  right: 30%;
  transform: translate(50%, 50%);
  background-color: #d07163;
  padding: 10px;
  color: white;

  border-radius: 5px;
}

.alternativeText3 {
  position: absolute;
  top: 30%;
  right: 0%;
  transform: translate(50%, -50%);
  background-color: #d07163;
  color: white;

  padding: 10px;
  border-radius: 5px;
}

.sparkle {
  top: 44%;
  left: 73%;
}

.aboutUsText {
  position: absolute;
  top: 85%;
  left: 8%;
  transform: translate(-50%, -50%);
  background-color: #d07163;
  color: white;
  padding: 10px;
  border-radius: 5px;
}

.treatmentElement {
  left: 40%;
  top: -5%;
}

.arrowHero {
  left: 60%;
  top: 90%;
  width: 150px;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  width: 50px;
  font-size: 35px !important;
  color: #fff !important;
  border-radius: 50%;
  background-color: var(--indian-red) !important;
}

.sparkle {
  top: 3%;
  left: 80%;
}

.curb-shape1 {
  -webkit-clip-path: path("M 41 63.997 C 41 63.997 329.963 -55.313 388 32.998 C 409.037 70.308 447.963 105.687 549 150.998 C 610.037 178.308 670.963 244.686 539 308.998 C 487.037 333.308 447.963 369.687 428 416.997 C 408.037 464.308 320.963 561.687 158 607.998 C 98.037 623.309 21 643.687 1 507.997 C -7.963 417.308 84.963 195.686 39 68.998"
    );
  clip-path: path("M 41 63.997 C 41 63.997 329.963 -55.313 388 32.998 C 409.037 70.308 447.963 105.687 549 150.998 C 610.037 178.308 670.963 244.686 539 308.998 C 487.037 333.308 447.963 369.687 428 416.997 C 408.037 464.308 320.963 561.687 158 607.998 C 98.037 623.309 21 643.687 1 507.997 C -7.963 417.308 84.963 195.686 39 68.998"
    );
  width: 100%;
  height: 620px;
  background-color: var(--champagne-pink);
  opacity: 0.3;
  z-index: 1;
  position: relative;
  animation: float 2s ease-in-out infinite;
}

.tranform {
  left: 46%;
  top: 0%;
  width: 70px;
}

.navbar-toggler {
  background-color: var(--champagne-pink) !important;
}

.logo {
  background-color: var(--champagne-pink);
}

@media (min-width: 414px) and (max-width: 479.95px) {
  .alternativeText1 {
    position: absolute;
    top: 52%;
    left: 6%;
    transform: translate(-50%, -50%);
    background-color: #d07163;
    color: white;
    padding: 10px;
    border-radius: 5px;
  }

  .alternativeText2 {
    position: absolute;
    bottom: 10%;
    right: 30%;
    transform: translate(50%, 50%);
    background-color: var(--indian-red);
    padding: 10px;
    border-radius: 5px;
  }

  .alternativeText3 {
    position: absolute;
    top: 64%;
    right: 0%;
    transform: translate(50%, -50%);
    background-color: var(--indian-red);
    padding: 10px;
    border-radius: 5px;
  }

  .sparkle {
    top: 44%;
    left: 73%;
  }

  .aboutUsText {
    position: absolute;
    top: 37%;
    left: 8%;
  }

  .treatmentElement {
    left: 58%;
    top: -13%;
  }

  .tranform {
    left: 77%;
    top: 2%;
  }

  .banner-section {
    height: 400px;
    background-image: url(../images/icons/bubblePattern.webp);
    background-color: var(--champagne-pink);
  }

  .ctaText {
    font-size: 16px !important;
  }

  .arrowHero {
    left: 60%;
    width: 70px;
  }

  .image-wrapper {
    width: 150px;
    height: 150px;
  }

  .image-overlay {
    font-size: 18px;
  }

  .curb-shape1 {
    width: 300px !important;
  }

  .navbar-collapse {
    padding-left: 20px;
    /* border-radius: 20px; */
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: var(--champagne-pink);
  }
}

.navbar-nav li:hover>ul.dropdown-menu {
  display: block;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
}

/* rotate caret on hover */
.dropdown-menu>li>a:hover:after {
  text-decoration: underline;
  transform: rotate(-90deg);
}

.dropdown-toggle::after {
  border: none !important;
  content: "+" !important;
  position: absolute !important;
}

@media (min-width: 320px) and (max-width: 413.95px) {
  .image-wrapper {
    width: 150px;
    height: 150px;
  }

  .image-overlay {
    font-size: 18px;
  }

  .arrowHero {
    left: 60%;
    width: 70px;
  }

  .sparkle {
    top: 36%;
    left: 75%;
    width: 70px;
  }

  .alternativeText1 {
    top: 58%;
    left: 0%;
  }

  .alternativeText3 {
    top: 94%;
    right: 23%;

  }

  .alternativeText2 {
    right: 0;
  }

  .treatmentElement {
    left: 58%;
    top: -13%;
  }

  .tranform {
    left: 77%;
    top: 2%;
  }

  .banner-section {
    height: 400px;
    background-image: url(../images/icons/bubblePattern.webp);
    background-color: var(--champagne-pink);
  }

  .aboutUsText {
    position: absolute;
    top: 33%;
    left: 8%;
  }
}