@import url("https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&family=Poppins:wght@300;400&display=swap");

/*---------------------------------
  GLOBAL STYLES & VARIABLES
---------------------------------*/
:root {
  --primary-color: #d4af37; /* Gold */
  --secondary-color: #f5e6e8; /* Soft Pink */
  --dark-color: #1a1a1a;
  --light-color: #fff;
  --text-color: #555;
  --font-primary: "Lora", serif;
  --font-secondary: "Poppins", sans-serif;
  --transition-speed: 0.4s;
}
html,
body {
  overflow-x: hidden;
}
body {
  font-family: var(--font-secondary);
  color: var(--text-color);
  line-height: 1.7;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-primary);
  color: var(--dark-color);
  font-weight: 700;
}

a {
  color: var(--text-color);
  text-decoration: none;
  transition: all 0.3s ease;
}

a:hover {
  color: var(--dark-color);
}

.section-padding {
  padding: 100px 0;
}

.section-title {
  font-size: 2.5rem;
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
  font-weight: 800;
  padding-bottom: 15px;
}

.section-title::after {
  content: "";
  position: absolute;
  display: block;
  width: 25%;
  height: 3px;
  background-color: var(--primary-color);
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.btn-brand {
  background-color: var(--primary-color);
  color: var(--light-color);
  padding: 12px 30px;
  border-radius: 50px;
  font-weight: 400;
  border: 2px solid var(--primary-color);
  transition: all 0.3s ease;
}

.btn-brand:hover {
  background-color: transparent;
  color: var(--primary-color);
  border-color: var(--primary-color);
}

.btn-brand-outline {
  background-color: transparent;
  color: var(--primary-color);
  border: 2px solid var(--primary-color);
  padding: 12px 30px;
  border-radius: 50px;
  font-weight: 400;
  transition: all 0.3s ease;
}

.btn-brand-outline:hover {
  background-color: var(--primary-color);
  color: var(--light-color);
}

/*---------------------------------
  NAVIGATION BAR
---------------------------------*/
.navbar {
  transition: all 0.4s ease;
  padding: 15px 0;
}

.navbar.scrolled {
  background-color: rgba(255, 255, 255, 0.95);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  padding: 0 0;
}

.navbar.scrolled .nav-link {
  color: var(--dark-color);
}

.navbar .navbar-brand {
  font-family: var(--font-primary);
  font-size: 1.8rem;
  color: var(--dark-color);
}

.navbar .nav-link {
  font-size: 1rem;
  font-weight: 400;
  margin: 0 10px;
  color: #000000 !important;
  position: relative;
}


.navbar .nav-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 2px;
  background-color: var(--primary-color);
  transition: width 0.3s ease;
}

.navbar .nav-link:hover::after,
.navbar .nav-link.active::after {
  width: 100%;
}

.quick-contact .btn {
  margin-left: 10px;
}

/*---------------------------------
  HERO SECTION
---------------------------------*/
#heroCarousel .carousel-item {
  height: 100vh;
  min-height: 450px;
  background-size: cover;
  background-position: center;
}
#heroCarousel .carousel-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.4));
}
.carousel-custom-caption {
  width: 100%;
  left: 50%;
  position: absolute;
  top: 54%;
  transform: translate(-50%, -50%);
}
.hero-section h1 {
  font-size: 4rem;
  color: var(--light-color);
}

.hero-section .tagline {
  font-size: 1.2rem;
  color: var(--secondary-color);
  max-width: 500px;
  margin: 20px 0 30px;
}

.hero-section .btn {
  margin-right: 10px;
}

/*---------------------------------
  SERVICE CARD
---------------------------------*/
.service-card {
  background: #fff;
  padding: 25px 20px;
  border-radius: 15px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.4s ease;
  overflow: hidden;
  position: relative;
}

.service-card:hover {
  transform: translateY(-12px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

/* Top image */
.service-card .card-img {
  overflow: hidden;
  border-radius: 12px;
}

.service-card .card-img img {
  width: 100%;
  border-radius: 12px;
  object-fit: cover;
  height: 100%;
  transition: transform 0.5s ease;
}

.service-card:hover .card-img img {
  transform: scale(1.08);
}

.service-card h4 {
  font-size: 1.3rem;
  font-weight: 600;
  color: var(--dark-color, #333);
  transition: color 0.3s ease;
  padding-left: 1rem;
}

.service-card:hover h4 {
  color: var(--text-color);
}

/* Text */
.service-card .service-text {
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--text-color);
}

/*---------------------------------
  PACKAGE CARD
---------------------------------*/
.package-card {
  border: 1px solid #eee;
  padding: 40px 30px;
  text-align: center;
  border-radius: 10px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.package-card:hover {
  border-color: var(--primary-color);
  box-shadow: 0 10px 25px rgba(212, 175, 55, 0.1);
}

.package-name {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

.package-price {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--primary-color);
  margin-bottom: 20px;
}

.package-card ul li {
  margin-bottom: 10px;
  color: #6c757d;
}

.package-card ul li i {
  color: var(--primary-color);
  margin-right: 10px;
}

.package-card ul li i.fa-times {
  color: #ccc;
}

.package-card.highlighted {
  background-color: var(--dark-color);
  color: var(--secondary-color);
  border-color: var(--primary-color);
  transform: scale(1.05);
}

.package-card.highlighted .package-name,
.package-card.highlighted h4 {
  color: var(--light-color);
}

.package-card.highlighted ul li {
  color: rgba(255, 255, 255, 0.8);
}

.highlight-tag {
  position: absolute;
  top: 20px;
  right: -30px;
  background-color: var(--primary-color);
  color: var(--dark-color);
  padding: 5px 30px;
  transform: rotate(45deg);
  font-size: 0.8rem;
  font-weight: 600;
}

/*---------------------------------
  GALLERY
---------------------------------*/
.gallery-img {
  border-radius: 10px;
  object-fit: cover;
  width: 100%;
  height: 450px;
  transition: all 0.4s ease;
}

.gallery-img:hover {
  transform: scale(1.04);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.gallery-in:hover .gallery-img:not(:hover) {
  filter: blur(3px);
  opacity: 0.7;
}

/*---------------------------------
  TESTIMONIALS
---------------------------------*/
#testimonials {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
    url("../images/slide-img1.jpg") center center/cover no-repeat fixed;
}

#testimonials .section-title,
#testimonials p {
  color: var(--light-color);
}

#testimonials .section-title::after {
  background-color: var(--primary-color);
}

.testimonial-card {
  max-width: 700px;
  margin: auto;
  text-align: center;
  padding: 30px;
}

.testimonial-card img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  border: 4px solid var(--primary-color);
  margin-bottom: 20px;
}

.testimonial-card .quote {
  font-style: italic;
  font-size: 1.1rem;
  margin-bottom: 20px;
  color: #ddd;
}

.testimonial-card .name {
  font-weight: 600;
  font-size: 1.2rem;
  color: var(--light-color);
  margin-top: 10px;
}
.testimonial-card .ratings {
  color: #f39c12;
}

#testimonialCarousel button {
  background-color: var(--primary-color);
  border-radius: 50%;
  height: 30px;
  width: 30px;
  top: 50%;
  transform: translateY(-50%);
}

/*---------------------------------
  CONTACT & FORM
---------------------------------*/
.contact-form .form-control {
  padding: 15px;
  border-radius: 5px;
  border: 1px solid #ddd;
}
.contact-form .form-control:focus {
  box-shadow: none;
  border-color: var(--primary-color);
}
.contact-info p {
  display: flex;
  align-items: center;
}
.contact-info i {
  color: var(--primary-color);
  font-size: 1.2rem;
  margin-right: 15px;
  width: 20px;
}
.google-map iframe {
  border-radius: 10px;
}

/*---------------------------------
  FOOTER
---------------------------------*/
.footer-bg {
  background-color: var(--dark-color);
  color: rgba(255, 255, 255, 0.7);
}

.footer-heading {
  color: var(--light-color);
  font-family: var(--font-primary);
  margin-bottom: 20px;
}

.footer-links li a {
  color: rgba(255, 255, 255, 0.7);
  display: block;
  margin-bottom: 10px;
}

.footer-links li a:hover {
  color: var(--primary-color);
}

.footer-contact li {
  margin-bottom: 10px;
}
.footer-contact i {
  margin-right: 10px;
  color: var(--primary-color);
}

.social-icons a {
  color: var(--light-color);
  font-size: 1.5rem;
  margin-right: 15px;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--light-color);
  border-radius: 50%;
}

.social-icons a:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: var(--dark-color);
}

.copyright-text {
  background-color: #111;
  color: rgba(255, 255, 255, 0.5);
}

.copyright-text p {
  margin: 0;
}

/*---------------------------------
  FLOATING & BACK TO TOP BUTTONS
---------------------------------*/
.floating-buttons {
  position: fixed;
  bottom: 90px;
  right: 20px;
  z-index: 1030;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.float-btn {
  width: 50px;
  height: 50px;
  background-color: var(--primary-color);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  text-decoration: none;
}

.float-btn:hover {
  background-color: #a15a64;
  transform: scale(1.1);
  color: white;
}

.whatsapp-btn {
  background-color: #25d366;
}
.whatsapp-btn:hover {
  background-color: #128c7e;
}

.back-to-top-btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  background-color: var(--text-color);
  color: white;
  border-radius: 50%;
  display: none; /* Initially hidden */
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  transition: opacity 0.4s, transform 0.4s;
  z-index: 1030;
  opacity: 0;
  transform: translateY(20px);
}

.back-to-top-btn.visible {
  display: flex;
  opacity: 1;
  transform: translateY(0);
}

/*---------------------------------
  RESPONSIVENESS
---------------------------------*/
@media (max-width: 991.98px) {
  .navbar-collapse {
    background: var(--light-color);
    padding: 20px;
    margin-top: 10px;
    border-radius: 10px;
    text-align: center;
  }
  .navbar .nav-link {
    color: var(--dark-color);
    width: fit-content;
    margin: 0 auto;
  }
  .quick-contact {
    margin-top: 15px;
  }
  .hero-section {
    text-align: center;
  }
  .hero-section h1 {
    font-size: 3rem;
  }
  .hero-section .tagline {
    margin: 20px auto 30px;
  }
  .contact-form {
    margin-bottom: 30px;
  }
  #testimonialCarousel button {
    display: none;
  }
}

/*New Css*/


.faq-item {
  margin-bottom: 15px;
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0px 3px 8px rgba(0,0,0,0.1);
}

.faq-question {
  width: 100%;
  text-align: left;
  padding: 15px;
  font-size: 18px;
  font-weight: bold;
  border: none;
  outline: none;
  cursor: pointer;
  background: #d4af37;
  color: #000;
  transition: background 0.3s;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.faq-question:hover {
  background: #f1f1f1;
}

.faq-icon {
  font-size: 22px;
  font-weight: bold;
  color: #333;
  transition: transform 0.3s;
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.4s ease;
  background: #fff;
  padding: 0 15px;
}

.faq-answer p {
  margin: 15px 0;
  color: #555;
  font-size: 16px;
}

.faq-item.active .faq-answer {
  max-height: 200px;
  padding: 15px;
}

.faq-item.active .faq-icon {
  transform: rotate(45deg); /* '+' ko '–' me badal dega */
}
/*.wcs-sec1 {*/
/*    background: #d4af37;*/
/*    padding: 20px 20px 20px 20px;*/
/*    border-radius: 10px 10px 10px 10px;*/
/*}*/
/*.wcs-sec1 p {*/
/*    color: #fff;*/
/*}*/

/*.wcs-sec1 h5 {*/
/*    font-size: 22px;*/
/*}*/


.wcus-tp-sec {
  padding: 80px 0;
  background: #fffafc;
}

.wcus-tp-sec .section-title {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 50px;
  color: #000;
  text-transform: uppercase;
  position: relative;
}

.wcus-tp-sec .section-title::after {
  content: '';
  display: block;
  width: 80px;
  height: 3px;
  background: #d4af37;
  margin: 10px auto 0;
  border-radius: 2px;
}

.wcs-sec1 {
  background: #fff;
  border-radius: 15px;
  padding: 35px 25px;
  height: 100%;
  text-align: center;
  box-shadow: 0 0 10px rgba(0,0,0,0.08);
  transition: all 0.4s ease;
  min-height: 230px;
}

.wcs-sec1 h5 {
  font-size: 20px;
  font-weight: 600;
  color: #333;
  margin-bottom: 15px;
}

.wcs-sec1 p {
  font-size: 15px;
  line-height: 1.6;
  color: #666;
}

/* Hover Effect */
.wcs-sec1:hover {
  background: #d4af37;
  color: #fff;
  transform: translateY(-10px);
  box-shadow: 0 8px 20px rgba(194, 24, 91, 0.4);
}

.wcs-sec1:hover h5,
.wcs-sec1:hover p {
  color: #fff;
}

/* Responsive Padding */
@media (max-width: 991px) {
  .wcus-tp-sec {
    padding: 60px 0;
  }
  .wcs-sec1 {
    padding: 25px 20px;
    min-height: auto;
  }
}

@media (max-width: 575px) {
  .wcs-sec1 {
    margin-bottom: 20px;
  }
}

.services-sec {
  padding: 80px 0;
  background: #fffafc;
}

.services-sec .section-title {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 50px;
  color: #c2185b;
  text-transform: uppercase;
  position: relative;
}

.services-sec .section-title::after {
  content: '';
  display: block;
  width: 80px;
  height: 3px;
  background: #c2185b;
  margin: 10px auto 0;
  border-radius: 2px;
}

/* Card */
.srv-sec {
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 0 12px rgba(0,0,0,0.1);
  transition: all 0.5s ease;
  text-align: center;
  cursor: pointer;
}

.srv-sec:hover {
  transform: translateY(-12px);
  box-shadow: 0 15px 25px rgba(194, 24, 91, 0.3);
}

/* Image wrapper */
.srv-img {
  position: relative;
  overflow: hidden;
  border-radius: 15px 15px 0 0;
}
.srv-sec img {
    border-radius: 15px 15px 15px 15px;
}

.srv-img img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  transition: all 0.6s ease;
}

/* Overlay */
.srv-img .overlay {
  position: absolute;
  inset: 0;
  background: rgba(194, 24, 91, 0.4);
  opacity: 0;
  transition: all 0.6s ease;
  border-radius: 15px 15px 0 0;
}

/* Hover Effects */
.srv-sec:hover .srv-img img {
  transform: scale(1.1);
  filter: brightness(85%);
}

.srv-sec:hover .overlay {
  opacity: 1;
}

.srv-sec p {
  font-size: 15px;
  color: #555;
  padding: 20px;
  margin: 0;
  transition: color 0.4s ease;
}

.srv-sec:hover p {
  color: #c2185b;
}
.srv-sec {
    margin-bottom: 45px;
}

/* Responsive */
@media (max-width: 991px) {
  .srv-img img {
    height: 220px;
  }
}

@media (max-width: 575px) {
  .srv-img img {
    height: 200px;
  }
}


.tips-sec {
  padding: 80px 0;
  background: #fffafc;
}

.tips-sec .section-title {
  font-size: 32px;
  font-weight: 700;
  color: #000;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.tips-sec .section-subtitle {
  font-size: 16px;
  color: #777;
  margin-bottom: 50px;
}

.tip-card {
  background: #fff;
  border-radius: 15px;
  text-align: center;
  padding: 35px 25px;
  box-shadow: 0 0 12px rgba(0,0,0,0.08);
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  height: 100%;
}

.tip-card i {
  font-size: 40px;
  color: #c2185b;
  margin-bottom: 20px;
  transition: all 0.4s ease;
}

.tip-card h5 {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin-bottom: 12px;
  transition: all 0.4s ease;
}

.tip-card p {
  font-size: 15px;
  color: #666;
  line-height: 1.6;
  margin: 0;
  transition: all 0.4s ease;
}

/* Hover Effects */
.tip-card:hover {
  background: linear-gradient(135deg, #c2185b, #e91e63);
  transform: translateY(-10px);
  box-shadow: 0 10px 25px rgba(194, 24, 91, 0.4);
}

.tip-card:hover i,
.tip-card:hover h5,
.tip-card:hover p {
  color: #fff;
  transform: scale(1.05);
}

/* Small glow overlay effect */
.tip-card::before {
  content: "";
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.25);
  transition: all 0.5s ease;
}

.tip-card:hover::before {
  top: 0;
}

/* Responsive */
@media (max-width: 991px) {
  .tips-sec {
    padding: 60px 0;
  }
  .tip-card {
    padding: 30px 20px;
  }
}

@media (max-width: 575px) {
  .tip-card {
    margin-bottom: 20px;
  }
}


.bridal-transform, .trust-section {
  padding: 70px 0;
  background-color: #fff9f9;
}

.bridal-transform img,
.trust-section img {
  transition: all 0.6s ease;
  border-radius: 15px;
}

.bridal-transform img:hover,
.trust-section img:hover {
  transform: scale(1.05) translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.bridal-transform p,
.trust-section p {
  color: #444;
  font-size: 17px;
  line-height: 1.8;
  margin-bottom: 20px;
  text-align: justify;
}

a.bn-wed {
    background: #d4af37;
    color: #fff;
    padding: 15px 42px 19px 40px;
    border-radius: 50px 50px 50px 50px;
    margin-top: 24px;
}

@media (max-width: 576px){
    
    .bridal-transform img, .trust-section img{
        margin-top:35px;
        
    }
}

/* Container for the images */
.pnt-sec {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px; /* Space between items */
}

/* Image styling */
.nail-img {
    width: 100%;
    transition: transform 0.3s ease, filter 0.3s ease;
    filter: blur(0px); /* Initially no blur */
    transform: scale(1); /* Keep images at normal size */
    object-fit: cover; /* Ensure image covers the space properly */
}

/* When hovering over any image, the others should blur */
.pnt-sec:hover .nail-img {
    filter: blur(5px); /* Blur all images on hover */
}

/* When hovering over an image, that image stays in focus */
.pnt-sec:hover .nail-img:hover {
    filter: blur(0px); /* Remove blur from the hovered image */
    transform: scale(1.05); /* Optional: slightly zoom in on the hovered image */
}

/* Optional: Add a nice border to the images */
.pnt-sec img {
    border-radius: 8px;
}

/* Center the paragraph below the image */
.pnt-sec p {
    text-align: center;
    margin-top: 10px;
}

/* Responsive layout for smaller screens */
@media (max-width: 767px) {
    .row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .col-md-3 {
        width: 100%; /* Full width for each item on small screens */
        margin-bottom: 20px; /* Space between images */
    }

    .pnt-sec {
        padding: 0 10px; /* Add padding to ensure images don't touch the sides */
    }
    
}

/* Larger screens (tablet and desktop) */
@media (min-width: 768px) {
    .col-md-3 {
        width: 25%; /* 4 images per row on medium to large screens */
    }
}

/*.ornl-sec {*/
/*    background: #d4af37;*/
/*    color: #fff;*/
/*    padding: 24px 25px 29px 26px;*/
/*    border-radius: 15px 15px 15px 15px;*/
/*}*/

/* Basic styling for each section */
.ornl-sec {
    padding: 20px;
    background-color: #ffffff; /* Initial background color */
    border-radius: 8px;        /* Rounded corners for a modern look */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); /* Light shadow for depth */
    text-align: center;         /* Center text in each section */
    transition: all 0.3s ease;  /* Smooth transition for background and shadow */
}

/* Hover effect: Change background color to #d4af37 (gold) */
.ornl-sec:hover {
    background-color: #d4af37;   /* Gold background on hover */
    transform: translateY(-5px);  /* Slight lift effect */
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.2); /* Darker shadow on hover */
}

/* Text styling for h3 inside .ornl-sec */
.ornl-sec h3 {
    font-size: 18px;             /* Set font size */
    color: #333;                 /* Default text color */
    font-weight: 600;            /* Bold text */
    margin-bottom: 10px;         /* Space between heading and paragraph */
    transition: color 0.3s ease; /* Smooth color transition on hover */
}

/* Change h3 text color on hover */
.ornl-sec:hover h3 {
    color: #ffffff; /* White text color on hover for contrast */
}

/* Styling for paragraph inside .ornl-sec */
.ornl-sec p {
    font-size: 14px;
    color: #555;         /* Soft grey color for paragraph text */
    line-height: 1.5;     /* Improve readability */
    margin-top: 0;        /* Remove top margin */
    margin-bottom: 15px;  /* Add space at the bottom of the paragraph */
    transition: color 0.3s ease; /* Smooth color transition on hover */
}

/* Change paragraph text color on hover */
.ornl-sec:hover p {
    color: #fff; /* Change paragraph text color to white on hover */
}

/* Optional: Add some margin to the row */
.row {
    margin-top: 30px; /* Space between sections */
}


/* Styling for the unique text section */
.nail-text-container {
    padding: 30px;               /* Increased padding for better spacing */
    background-color: #f9f9f9;   /* Light gray background */
    border-radius: 12px;         /* Rounded corners for soft edges */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); /* Larger shadow for depth */
    transition: all 0.3s ease;   /* Smooth transition for hover effect */
    height:100%;
}

.nail-text-container:hover {
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2); /* Darker shadow on hover */
    transform: translateY(-5px); /* Slight lift effect on hover */
}

/* Styling for the section title */
.nail-section-title {
    font-size: 28px;             /* Larger font size for the title */
    color: #333;                 /* Dark text color */
    font-weight: 700;            /* Bold heading */
    margin-bottom: 20px;         /* Space below the heading */
}

/* Styling for the list of points */
.nail-points-list {
    list-style-type: none;       /* Remove default list bullets */
    padding-left: 0;            
    margin-top:100px;
}

.nail-points-list li {
    font-size: 18px;             /* Font size for list items */
    color: #555;                 /* Softer gray color for text */
    margin-bottom: 12px;         /* Space between each list item */
    line-height: 1.7;            /* Line height for readability */
    transition: color 0.3s ease; /* Smooth color transition on hover */
}

.nail-points-list li strong {
    font-weight: 600;            /* Bold the point text */
}

.nail-points-list li:hover {
    color: #d4af37;              /* Gold color on hover for list items */
}

/* Styling for the image container */
.nail-image-container {
    position: relative;
    overflow: hidden;            /* Ensures the image stays within bounds */
    border-radius: 12px;         /* Rounded corners for the container */
}

/* Styling for the image */
.nail-image {
    width: 100%;                 /* Make the image responsive */
    border-radius: 12px;         /* Rounded corners for the image */
    transition: transform 0.3s ease; /* Smooth zoom effect on hover */
}

.nail-image-container:hover .nail-image {
    transform: scale(1.1);       /* Larger zoom on hover */
}

/* Ensure responsive layout for mobile */
@media (max-width: 767px) {
    .row {
        flex-direction: column;   /* Stack the columns vertically on mobile */
    }

    .nail-text-container {
        margin-bottom: 20px;      /* Add space below text section */
    }

    .nail-section-title {
        font-size: 24px;          /* Smaller font size for heading on mobile */
    }

    .nail-points-list li {
        font-size: 16px;          /* Smaller font size for list items */
    }
}



.faq-section {
    font-family: Arial, sans-serif;
    color: #333;
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    max-width: 800px;
    margin: 0 auto;
}

.faq-section h2 {
    text-align: center;
    color: #000;
    margin-bottom: 20px;
    font-size: 2.5rem;
}

.faq {
    margin-bottom: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
}

.faq-header {
    background-color: #d4af37;
    padding: 15px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
}

.faq-icon {
    font-size: 20px;
    color: #d4af37;
}

.faq-question {
    flex-grow: 1;
    margin-left: 10px;
    font-size: 1.1em;
}

.faq-content {
    background-color: #f9f9f9;
    padding: 15px;
    display: none;
    font-size: 1em;
}

.faq-content p {
    margin: 0;
}

.faq-header:hover {
    background: #fff;
}


.nail-extension-service {
    background-color: #f9f9f9;
    padding: 40px;
    font-family: Arial, sans-serif;
    border-radius: 10px;
    max-width: 800px;
    margin: 0 auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.service-title {
    font-size: 2em;
    color: #000;
    text-align: center;
    margin-bottom: 20px;
}

.service-description {
    font-size: 1.1em;
    color: #333;
    line-height: 1.6;
    margin-bottom: 30px;
}

.service-specification {
    font-size: 1.3em;
    color: #d4af37;
    margin-bottom: 10px;
}

.specification-list {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 30px;
}

.specification-list li {
    font-size: 1.1em;
    color: #333;
    margin: 5px 0;
}

.contact-buttons {
    text-align: center;
}

.call-button,
.book-button {
    display: inline-block;
    background-color: #d4af37;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    margin: 10px;
    text-decoration: none;
    font-size: 1.1em;
    transition: background-color 0.3s ease;
}

.call-button:hover,
.book-button:hover {
    background-color: #b38f29;
}

.call-button i,
.book-button i {
    margin-right: 8px;
}

img.bst-slon-gr-rd-img-sec {
    border-radius: 15px 15px 15px 15px;
    border: 5px solid #d4af37;
}

.bst-slon-gr-rd-para {
    margin-top: 3pc;
}

@media (max-width: 575px) {
    img.bst-slon-gr-rd-img-sec {
        width: 100% !important;
    }
}


@media (max-width: 575px) {
     .section-title  {
      font-size:1.5rem;
    }
}


.salon-best-sec {
    padding: 50px 20px;
    background: #f9f9f9;
    text-align: center;
}



.best-features {
    max-width: 850px;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
}

.feature-box {
    padding: 18px 20px;
    background: #891609;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    transform: translateY(20px);
    opacity: 0;
    animation: fadeUp 0.8s ease forwards;
    transition: 0.3s ease;
}

/* Hover Animation */
.feature-box:hover {
    box-shadow: 0 8px 25px rgb(0 0 0 / 15%);
    transform: translateY(-5px) scale(1.02);
    background: #000;
    color: #fff;
}

/* Fade Down Animation */
@keyframes fadeDown {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Fade Up Animation */
@keyframes fadeUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Delay for each item */
.feature-box:nth-child(1) { animation-delay: 0.1s; }
.feature-box:nth-child(2) { animation-delay: 0.2s; }
.feature-box:nth-child(3) { animation-delay: 0.3s; }
.feature-box:nth-child(4) { animation-delay: 0.4s; }
.feature-box:nth-child(5) { animation-delay: 0.5s; }
.feature-box:nth-child(6) { animation-delay: 0.6s; }
.feature-box:nth-child(7) { animation-delay: 0.7s; }

/* Mobile */
@media (max-width: 575px) {
    .feature-box {
        font-size: 16px;
        padding: 15px;
    }

    .salon-best-sec h2 {
        font-size: 22px;
    }
}



.serv-title {
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 40px;
    animation: fadeDown 1s ease forwards;
}

.service-box {
    margin-bottom: 30px;
    animation: fadeUp 1s ease forwards;
}

.service-inner {
    background: #fff;
    border-radius: 12px;
    padding: 15px;
    transition: 0.3s ease;
    box-shadow: 0 0 0 rgba(0,0,0,0.1);
}

.service-inner:hover {
    transform: translateY(-8px) scale(1.03);
    box-shadow: 0 12px 35px rgba(0,0,0,0.15);
}

.serv-img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 12px;
    margin-bottom: 15px;
    transition: 0.4s ease;
}

/* Image Hover Zoom */
.service-inner:hover .serv-img {
    transform: scale(1.07);
}

/* Title */
.service-inner h3 {
    font-size: 20px;
    margin-bottom: 12px;
    font-weight: 700;
}

/* List */
.service-inner ul {
    padding-left: 0;
    list-style: none;
}

.service-inner ul li {
    font-size: 15px;
    margin-bottom: 6px;
    color: #333;
}

/* Animation */
@keyframes fadeUp {
    0% { opacity: 0; transform: translateY(20px); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes fadeDown {
    0% { opacity: 0; transform: translateY(-20px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* Mobile */
@media (max-width: 575px) {
    .serv-img {
        height: 160px;
    }

    .serv-title {
        font-size: 24px;
    }
}


img.aff-nail-stu-img {
    width: 89%;
    border: 4px solid darkred;
    border-radius: 20px;
}

.aff-nail-stu-sec p {
    margin-top: 50px;
    font-size: 17px;
}

/* Overall Section */
.nailSection-area {
  padding: 70px 0;
  background: #fff;
  position: relative;
}

/* Heading */
.nailSection-heading {
  text-align: center;
  
}

/*.nailSection-heading h2 {*/
/*  font-size: 32px;*/
/*  font-weight: 700;*/
/*  color: #222;*/
/*  margin-bottom: 15px;*/
/*}*/

.nailSection-heading p {
  font-size: 17px;
  color: #555;
  line-height: 1.6;
}

/* Box Layout */
.nailSection-boxRow {
  row-gap: 30px;
}

.nailSection-box {
  padding: 30px;
  background: #ffffff;
  border-radius: 14px;
  box-shadow: 0 0 0 rgba(0,0,0,0);
  border: 1px solid #eee;
  transition: all 0.4s ease;
  opacity: 0;
  transform: translateY(40px);
  animation: nailFadeUp 0.8s forwards;
}

.nailSection-box:nth-child(2) { animation-delay: 0.2s; }
.nailSection-box:nth-child(3) { animation-delay: 0.4s; }
.nailSection-box:nth-child(4) { animation-delay: 0.6s; }
.nailSection-box:nth-child(5) { animation-delay: 0.8s; }
.nailSection-box:nth-child(6) { animation-delay: 1s; }

/* Hover Effect */
.nailSection-box:hover {
  box-shadow: 0px 10px 25px rgba(0,0,0,0.15);
  transform: translateY(-10px);
  border-color: #d63384;
}

/* Titles */
.nailSection-box h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #d63384;
}

/* Animation Keyframes */
@keyframes nailFadeUp {
  0% { opacity: 0; transform: translateY(40px); }
  100% { opacity: 1; transform: translateY(0); }
}



.nailColorSection {
    padding: 80px 20px;
    background: #ffffff;
    text-align: center;
    font-family: "Poppins", sans-serif;
}

/* Title */
.nailColorTitle {
    font-size: 34px;
    font-weight: 700;
    color: #111;
    margin-bottom: 50px;
    position: relative;
}

.nailColorTitle::after {
    content: "";
    width: 120px;
    height: 5px;
    border-radius: 5px;
    margin: 12px auto 0;
    display: block;
    background: linear-gradient(90deg,
        #ff4f81,
        #ff9a00,
        #ffc400,
        #00d4ff,
        #b57aff
    );
}

/* Grid */
.nailColorGrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 28px;
}

/* CARDS */
.nailColorCard {
    background: #fff;
    padding: 30px;
    border-radius: 16px;
    border: 2px solid transparent;
    background-clip: padding-box;
    position: relative;
    cursor: pointer;
    transition: all .35s ease;
    box-shadow: 0 10px 30px rgba(0,0,0,0.07);
    overflow: hidden;
}

/* Rainbow animated border */
.nailColorCard::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: 16px;
    background: linear-gradient(
        120deg,
        #ff4f81,
        #ff9a00,
        #ffc400,
        #00d4ff,
        #b57aff
    );
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: .4s ease;
}

/* Hover Effects */
.nailColorCard:hover {
    transform: translateY(-12px) scale(1.03);
    box-shadow: 0 22px 45px rgba(0,0,0,0.15);
}

.nailColorCard:hover::before {
    opacity: 1;
}

/* Heading */
.nailColorCard h3 {
    font-size: 20px;
    font-weight: 600;
    background: linear-gradient(90deg,#ff4f81,#ff9a00,#00d4ff,#b57aff);
    -webkit-background-clip: text;
    color: transparent;
    margin-bottom: 10px;
}

/* Text */
.nailColorCard p {
    color: #444;
    font-size: 15px;
    line-height: 1.6;
    transition: .3s ease;
}

.nailColorCard:hover p {
    color: #222;
}

.nailServiceSection {
    padding: 60px 20px;
    background: #fff;
}

.nailServiceTitle {
    text-align: center;
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 40px;
    color: #333;
}

.nailServiceGrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
}

.nailServiceCard {
    background: #ffffff;
    padding: 25px;
    border-radius: 18px;
    text-align: center;
    border: 2px solid #ffe0ed;
    transition: all 0.35s ease;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}

.nailServiceCard:hover {
    border-color: #ff4e95;
    transform: translateY(-10px);
    box-shadow: 0 8px 25px rgba(255, 78, 149, 0.25);
}

.nailServiceImg {
    width: 250px;
    height: 250px;
    object-fit: cover;
    border-radius: 16px;
    margin-bottom: 18px;
    transition: 0.4s ease-in-out;
}

/* Image hover zoom */
.nailServiceCard:hover .nailServiceImg {
    transform: scale(1.08);
}

.nailServiceHead {
    font-size: 24px;
    margin-bottom: 12px;
    font-weight: 700;
    color: #ff4e95;
}

/* List styling */
.nailServiceCard ul {
    list-style: none;
    padding: 0;
}

.nailServiceCard ul li {
    font-size: 16px;
    color: #444;
    margin: 6px 0;
    transition: 0.3s;
}

.nailServiceCard ul li:hover {
    color: #ff4e95;
    transform: translateX(4px);
}

.why-best-bridal {
  padding: 80px 0;
  background: linear-gradient(135deg, #fff6f9, #fff);
}

.why-title {
  font-size: 34px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 10px;
}

.why-subtitle {
  color: #666;
  max-width: 750px;
  margin: 0 auto;
  font-size: 16px;
}

.why-card {
  background: #fff;
  padding: 30px;
  border-radius: 16px;
  text-align: center;
  box-shadow: 0 15px 35px rgba(0,0,0,0.08);
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

.why-card::before {
  content: "";
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(120deg, #b03a6a, #f3a6c8);
  transition: 0.4s;
  z-index: 0;
}

.why-card:hover::before {
  left: 0;
}

.why-card * {
  position: relative;
  z-index: 1;
}

.why-icon {
  font-size: 40px;
  display: inline-block;
  margin-bottom: 15px;
  transition: transform 0.4s ease;
}

.why-card h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #333;
  transition: color 0.3s;
}

.why-card p {
  font-size: 14.5px;
  color: #666;
  transition: color 0.3s;
}

.why-card:hover {
  transform: translateY(-10px);
}

.why-card:hover .why-icon {
  transform: scale(1.2) rotate(5deg);
}

.why-card:hover h4,
.why-card:hover p {
  color: #fff;
}

.bridal-services-sec {
  padding: 90px 0;
  background: #325d6f;
}

.services-title {
  font-size: 34px;
  font-weight: 700;
  color: #000000;
}

.services-subtitle {
  max-width: 700px;
  margin: 10px auto 0;
  color: #666;
  font-size: 16px;
}

.service-box {
  background: #fff;
  padding: 35px 25px;
  border-radius: 20px;
  text-align: center;
  border: 1px solid #f1f1f1;
  transition: all 0.45s ease;
  position: relative;
}

.service-box::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  background: radial-gradient(circle at top, rgba(176,58,106,0.25), transparent 70%);
  opacity: 0;
  transition: 0.4s;
}

.service-box:hover::after {
  opacity: 1;
}

.service-box:hover {
  transform: perspective(800px) rotateX(6deg) translateY(-12px);
  box-shadow: 0 25px 45px rgba(176,58,106,0.25);
}

.service-icon {
  width: 70px;
  height: 70px;
  margin: 0 auto 20px;
  background: #d4af37;
  color: #fff;
  font-size: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.4s ease;
}

.service-box:hover .service-icon {
  transform: rotateY(360deg) scale(1.1);
}

.service-box h4 {
  font-size: 20px;
  font-weight: 600;
  color: #333;
  margin-bottom: 12px;
}

.service-box p {
  font-size: 14.5px;
  color: #666;
  line-height: 1.6;
}


.wedding-makeup-sec {
  padding: 90px 0;
  background: linear-gradient(135deg, #f8f9fc, #eef1f7);
}

.wedding-title {
  font-size: 34px;
  font-weight: 700;
  color: #1e2a5a; /* Royal Blue */
}

.wedding-subtitle {
  max-width: 720px;
  margin: 12px auto 0;
  color: #555;
  font-size: 16px;
}

/* Card */
.function-card {
  background: #ffffff;
  padding: 38px 22px;
  border-radius: 18px;
  text-align: center;
  position: relative;
  overflow: hidden;
  border: 1px solid #e2e6f0;
  transition: all 0.45s ease;
}

/* Hover Overlay */
.function-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #1e2a5a, #c9a24d);
  transform: translateY(100%);
  transition: transform 0.45s ease;
  z-index: 0;
}

.function-card:hover::before {
  transform: translateY(0);
}

/* Content */
.function-card span,
.function-card h4 {
  position: relative;
  z-index: 1;
}

.function-card span {
  font-size: 38px;
  display: inline-block;
  margin-bottom: 14px;
  color: #c9a24d; /* Gold */
  transition: all 0.4s ease;
}

.function-card h4 {
  font-size: 20px;
  font-weight: 600;
  color: #1e2a5a;
  transition: color 0.35s ease;
}

/* Hover Effects */
.function-card:hover {
  transform: translateY(-12px) scale(1.03);
  box-shadow: 0 25px 45px rgba(30, 42, 90, 0.35);
}

.function-card:hover span {
  color: #fff;
  transform: rotate(10deg) scale(1.2);
}

.function-card:hover h4 {
  color: #fff;
}
.wedding-makeup-sec {
  padding: 90px 0;
  background: linear-gradient(135deg, #f4f6fb, #eef1f8);
}

.wedding-title {
  font-size: 34px;
  font-weight: 700;
  color: #24304f;
}

.wedding-subtitle {
  max-width: 720px;
  margin: 12px auto 0;
  color: #555;
  font-size: 16px;
}

/* Card Base */
.function-card {
  background: #ffffff;
  padding: 40px 25px;
  border-radius: 16px;
  text-align: center;
  position: relative;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

/* Corner Borders */
.function-card::before,
.function-card::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-radius: 16px;
  border: 2px solid transparent;
  transition: all 0.4s ease;
}

.function-card::before {
  top: 0;
  left: 0;
  border-top-color: #24304f;
  border-left-color: #24304f;
}

.function-card::after {
  bottom: 0;
  right: 0;
  border-bottom-color: #c9a24d;
  border-right-color: #c9a24d;
}

.function-card:hover::before,
.function-card:hover::after {
  width: 100%;
  height: 100%;
}

/* Content */
.function-card span {
  font-size: 38px;
  margin-bottom: 14px;
  display: inline-block;
  color: #c9a24d;
  transition: transform 0.35s ease;
}

.function-card h4 {
  font-size: 20px;
  font-weight: 600;
  color: #24304f;
}

/* Hover Motion */
.function-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 18px 35px rgba(36, 48, 79, 0.25);
}

.function-card:hover span {
  animation: iconPulse 0.9s ease-in-out infinite;
}

/* Icon Pulse */
@keyframes iconPulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}
.bridal-packages-sec {
  padding: 100px 0;
  background: radial-gradient(circle at top, #fdfdfd, #eef2f7);
}

/* Heading */
.packages-title {
  font-size: 36px;
  font-weight: 800;
  color: #1f2937;
  letter-spacing: 0.5px;
}

.packages-subtitle {
  max-width: 780px;
  margin: 14px auto 0;
  color: #6b7280;
  font-size: 16px;
}

/* Card Base */
.package-card {
  background: rgba(255,255,255,0.65);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  padding: 45px 35px;
  border-radius: 26px;
  text-align: center;
  position: relative;
  overflow: hidden;
  transition: all 0.55s ease;
  box-shadow: 0 25px 60px rgba(0,0,0,0.08);
}

/* Floating Glow */
.package-card::before {
  content: "";
  position: absolute;
  width: 140%;
  height: 140%;
  top: -70%;
  left: -70%;
  background: radial-gradient(circle, rgba(212,175,55,0.18), transparent 60%);
  opacity: 0;
  transition: opacity 0.5s ease;
}

.package-card:hover::before {
  opacity: 1;
}

/* Title */
.package-card h4 {
  font-size: 22px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 18px;
}

/* Price */
.price-tag {
  font-size: 26px;
  font-weight: 800;
  background: linear-gradient(135deg, #b08d2c, #f5e7b2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 18px;
  transition: transform 0.45s ease;
}

/* Text */
.package-card p {
  font-size: 15px;
  color: #4b5563;
  line-height: 1.7;
}

/* Featured */
.package-card.featured {
  border: 2px solid rgba(212,175,55,0.5);
}

/* Hover Motion */
.package-card:hover {
  transform: translateY(-18px) scale(1.04);
  box-shadow: 0 40px 90px rgba(0,0,0,0.18);
}

.package-card:hover .price-tag {
  transform: scale(1.2);
}

.brides-trust-sec {
  padding: 95px 0;
  background: linear-gradient(135deg, #f7f9fc, #eef2f8);
}

.trust-title {
  font-size: 34px;
  font-weight: 800;
  color: #1f2937;
}

.trust-subtitle {
  max-width: 720px;
  margin: 12px auto 0;
  color: #6b7280;
  font-size: 16px;
}

/* Item */
.trust-item {
  background: #ffffff;
  padding: 28px 22px;
  border-radius: 14px;
  text-align: center;
  position: relative;
  transition: background 0.4s ease;
}

/* Animated Underline */
.trust-item::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 18px;
  width: 0;
  height: 3px;
  background: linear-gradient(90deg, #1f2937, #d4af37);
  transition: all 0.4s ease;
  transform: translateX(-50%);
}

.trust-item:hover::after {
  width: 70%;
}

/* Check */
.trust-check {
  display: inline-block;
  font-size: 22px;
  color: #10b981;
  margin-bottom: 10px;
  transition: transform 0.35s ease;
}

/* Title */
.trust-item h4 {
  font-size: 19px;
  font-weight: 600;
  color: #111827;
}

/* Hover Effects */
.trust-item:hover {
  background: #f9fafb;
}

.trust-item:hover .trust-check {
  animation: checkBounce 0.6s ease;
}

/* Bounce */
@keyframes checkBounce {
  0% { transform: scale(1); }
  40% { transform: scale(1.4); }
  100% { transform: scale(1); }
}
.premium-cta-sec {
  padding: 100px 0;
  background: linear-gradient(135deg, #f0f4f8, #d9e2ef);
  font-family: 'Poppins', sans-serif;
}

.cta-title {
  font-size: 36px;
  font-weight: 800;
  color: #d4af37;
  margin-bottom: 16px;
}

.cta-subtitle {
  font-size: 16px;
  color: #4b5563;
  line-height: 1.7;
}

/* CTA Card */
.cta-card {
  background: rgba(255,255,255,0.7);
  backdrop-filter: blur(15px);
  border-radius: 22px;
  padding: 30px 25px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  transition: transform 0.5s ease, box-shadow 0.5s ease;
}

/* Hover lift */
.cta-card:hover {
  transform: translateY(-12px) scale(1.02);
  box-shadow: 0 30px 60px rgba(0,0,0,0.18);
}

/* CTA Line */
.cta-line {
  display: flex;
  align-items: center;
  gap: 14px;
  text-decoration: none;
  padding: 12px 10px;
  border-radius: 14px;
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
  background: rgba(255,255,255,0.35);
}

/* Icon */
.cta-icon {
  font-size: 24px;
  transition: transform 0.35s ease;
  color: #1e40af;
}

/* Text */
.cta-line p {
  margin: 0;
  font-size: 15.5px;
  color: #1f2937;
  font-weight: 500;
}

/* Hover Animation */
.cta-line:hover {
  background: rgba(30,64,175,0.1);
}

.cta-line:hover .cta-icon {
  transform: rotate(15deg) scale(1.3);
  color: #2563eb;
}

.cta-line:hover p {
  color: #1e40af;
}
.bridal-price-sec {
  padding: 80px 0;
  background: linear-gradient(135deg, #fff0f6, #fdfbfb);
}

.price-main-title {
  font-size: 36px;
  font-weight: 700;
  color: #2b2b2b;
}

.price-sub-title {
  color: #666;
  font-size: 16px;
}

/* Card Base */
.price-card {
  position: relative;
  height: 100%;
  padding: 35px 25px;
  border-radius: 18px;
  background: rgba(255,255,255,0.75);
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  transition: all 0.5s ease;
  overflow: hidden;
  cursor: pointer;
}

/* Gradient Border Animation */
.price-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 18px;
  padding: 2px;
  background: linear-gradient(120deg, #ff5ea8, #ff9a9e, #fad0c4);
  -webkit-mask: linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  transition: 0.5s;
}

/* Hover Effect */
.price-card:hover {
  transform: translateY(-15px) scale(1.03);
  box-shadow: 0 20px 45px rgba(255, 94, 168, 0.3);
}

.price-card:hover::before {
  opacity: 1;
}

/* Tag */
.price-tag {
  position: absolute;
  top: 18px;
  right: -40px;
  background: linear-gradient(45deg, #ff5ea8, #ff9a9e);
  color: #fff;
  padding: 6px 45px;
  font-size: 12px;
  transform: rotate(45deg);
}

/* Text */
.price-card h4 {
  font-size: 20px;
  font-weight: 600;
  margin-top: 40px;
  color: #222;
}

.price-range {
  font-size: 22px;
  font-weight: 700;
  color: #ff5ea8;
  margin-top: 15px;
  transition: 0.4s;
}

/* Price Pulse Animation */
.price-card:hover .price-range {
  letter-spacing: 1px;
}

/* Color Variants */
.price-card.basic:hover { background: #fff6fb; }
.price-card.hd:hover { background: #fdf4ff; }
.price-card.airbrush:hover { background: #fff3f0; }
.price-card.party:hover { background: #f3fbff; }

.bridal-includes-sec {
  padding: 90px 0;
  background: radial-gradient(circle at top, #fff0f6, #ffffff);
}

.includes-title {
  font-size: 34px;
  font-weight: 700;
  color: #1f1f1f;
}

.includes-subtitle {
  max-width: 720px;
  margin: 10px auto 0;
  color: #666;
}

/* Card */
.include-card {
  position: relative;
  height: 100%;
  padding: 35px 25px;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
  transition: all 0.45s ease;
  overflow: hidden;
}

/* Neon Glow Line */
.include-card::after {
  content: "";
  position: absolute;
  left: -100%;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #ff5ea8, #ff9a9e);
  transition: 0.5s;
}

/* Icon */
.include-icon {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ff5ea8, #ff9a9e);
  color: #fff;
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  transition: 0.5s;
}

/* Text */
.include-card h5 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}

.include-card p {
  font-size: 14px;
  color: #555;
}

/* Hover Effects */
.include-card:hover {
  transform: translateY(-12px);
  box-shadow: 0 20px 40px rgba(255, 94, 168, 0.25);
}

.include-card:hover::after {
  left: 0;
}

.include-card:hover .include-icon {
  transform: rotate(360deg) scale(1.1);
}

.choose-bridal-sec{
  padding:100px 0;
  background:
    linear-gradient(135deg,#fff 40%,#fff0f6 100%);
}

/* Heading */
.choose-title{
  font-size:38px;
  font-weight:800;
  letter-spacing:.5px;
  color:#1c1c1c;
}

.choose-subtitle{
  max-width:760px;
  margin:12px auto 0;
  font-size:16px;
  color:#666;
}

/* Card */
.choose-card{
  position:relative;
  height:100%;
  padding:45px 35px;
  border-radius:26px;
  background:#ffffff;
  box-shadow:
    0 15px 35px rgba(0,0,0,.08),
    inset 0 0 0 1px rgba(255,94,168,.08);
  transition:all .55s cubic-bezier(.4,0,.2,1);
  overflow:hidden;
}

/* soft gradient shine */
.choose-card::after{
  content:"";
  position:absolute;
  inset:-40%;
  background:linear-gradient(
    120deg,
    transparent 45%,
    rgba(255,94,168,.18),
    transparent 55%
  );
  transform:translateX(-100%);
  transition:1s;
}

/* Icon */
.choose-icon{
  font-size:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:70px;
  height:70px;
  border-radius:20px;
  background:#4bb2b2;
  color:#fff;
  margin-bottom:20px;
  box-shadow:0 10px 25px rgba(255,94,168,.35);
  transition:.6s cubic-bezier(.4,0,.2,1);
}

/* Text */
.choose-card h5{
  font-size:21px;
  font-weight:700;
  margin-bottom:12px;
  color:#111;
}

.choose-card p{
  font-size:15px;
  line-height:1.7;
  color:#555;
}

/* Hover – Luxury Feel */
.choose-card:hover{
  transform:translateY(-18px);
  box-shadow:
    0 30px 65px rgba(255,94,168,.28),
    inset 0 0 0 1px rgba(255,94,168,.35);
  background:linear-gradient(180deg,#fff,#fff7fb);
}

.choose-card:hover::after{
  transform:translateX(100%);
}

.choose-card:hover .choose-icon{
  transform:translateY(-6px) rotate(-6deg) scale(1.1);
}

/* Smooth stagger feel (optional) */
.choose-card{
  animation:fadeUp .8s ease both;
}

@keyframes fadeUp{
  from{
    opacity:0;
    transform:translateY(40px);
  }
  to{
    opacity:1;
    transform:none;
  }
}

/* Responsive */
@media(max-width:768px){
  .choose-title{font-size:30px;}
  .choose-card{padding:35px 25px;}
}

.best-artist-sec {
  padding: 100px 0;
  background: linear-gradient(135deg, #fff 50%, #f7f7f7 100%);
}

.artist-title {
  font-size: 38px;
  font-weight: 800;
  letter-spacing: 1px;
  color: #2b2b2b;
}

.artist-subtitle {
  margin-top: 15px;
  max-width: 750px;
  font-size: 16px;
  color: #777;
  margin-left: auto;
  margin-right: auto;
}

/* Card Styling */
.artist-card {
  position: relative;
  padding: 35px 25px;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  transition: all 0.4s ease;
  overflow: hidden;
}

/* Icon */
.artist-icon {
  font-size: 40px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ff5ea8, #ff9a9e);
  margin-bottom: 20px;
  box-shadow: 0 12px 25px rgba(255, 94, 168, 0.2);
  transition: all 0.5s ease;
}

/* Title and Paragraph */
.artist-card h5 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #222;
}

.artist-card p {
  font-size: 14px;
  color: #555;
}

/* Hover Effects */
.artist-card:hover {
  transform: translateY(-10px) scale(1.05);
  box-shadow: 0 25px 45px rgba(255, 94, 168, 0.25);
}

.artist-card:hover .artist-icon {
  transform: rotate(360deg) scale(1.2);
  box-shadow: 0 15px 35px rgba(255, 94, 168, 0.3);
}

/* Unique Color & Effect per Card */
.artist-card.traditional:hover {
  background: #fbe2e4;
  box-shadow: 0 20px 40px rgba(255, 94, 168, 0.2);
}

.artist-card.south-indian:hover {
  background: #fffae6;
  box-shadow: 0 20px 40px rgba(255, 94, 168, 0.2);
}

.artist-card.muslim:hover {
  background: #ffe9f3;
  box-shadow: 0 20px 40px rgba(255, 94, 168, 0.2);
}

.artist-card.punjabi:hover {
  background: #fff8e1;
  box-shadow: 0 20px 40px rgba(255, 94, 168, 0.2);
}

.artist-card.minimal:hover {
  background: #f0f8ff;
  box-shadow: 0 20px 40px rgba(255, 94, 168, 0.2);
}

/* Animation on Card Appear */
.artist-card {
  animation: fadeInUp 0.8s ease-out both;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.makeup-services-sec {
  padding: 80px 0;
  background: linear-gradient(135deg, #A7D8FF, #FFB3B3);
}

.services-title {
  font-size: 36px;
  font-weight: 700;
  color: #1f1f1f;
  letter-spacing: 1px;
}

.services-subtitle {
  font-size: 18px;
  color: #444;
  margin-top: 10px;
  margin-bottom: 40px;
}

/* Card Styling */
.service-card {
  background: #fff;
  padding: 35px;
  border-radius: 12px;
  box-shadow: 0 12px 25px rgba(0,0,0,0.1);
  text-align: center;
  transition: all 0.4s ease;
}

.service-card:hover {
  transform: scale(1.05) translateY(-10px);
  box-shadow: 0 15px 30px rgba(0, 150, 255, 0.3);
  background: #f0f0f0;
}

/* Icon */
.service-icon {
  font-size: 45px;
  background: linear-gradient(135deg, #FFABAB, #FFD4D4);
  color: #fff;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  box-shadow: 0 10px 20px rgba(0,0,0,0.1);
  transition: all 0.4s ease;
}

/* Hover Icon Animation */
.service-card:hover .service-icon {
  transform: rotate(360deg) scale(1.2);
}

/* Text */
.service-card h5 {
  font-size: 20px;
  font-weight: 600;
  color: #333;
}

/* Responsive Layout */
@media (max-width: 768px) {
  .service-card {
    margin-bottom: 30px;
  }
}

.makeup-services-sec{
  padding:100px 0;
  background:linear-gradient(160deg,#0f2027,#203a43,#2c5364);
}

/* heading */
.services-title{
  font-size:38px;
  font-weight:800;
  color:#ffffff;
  letter-spacing:.5px;
}

.services-subtitle{
  margin-top:10px;
  font-size:16px;
  color:#d5dbe0;
}

/* card */
.service-card{
  position:relative;
  background:#ffffff;
  padding:42px 30px;
  border-radius:22px;
  text-align:center;
  box-shadow:
    0 12px 30px rgba(0,0,0,.25);
  transition:all .55s cubic-bezier(.4,0,.2,1);
  overflow:hidden;
}

/* animated gradient border */
.service-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:22px;
  padding:2px;
  background:linear-gradient(
    120deg,
    #2c5364,
    #6dd5fa,
    #ffffff
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:0;
  transition:.5s;
}

/* icon */
.service-icon{
  width:72px;
  height:72px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:34px;
  margin:0 auto 22px;
  background:linear-gradient(135deg,#203a43,#2c5364);
  color:#fff;
  box-shadow:0 10px 25px rgba(0,0,0,.25);
  transition:.6s cubic-bezier(.4,0,.2,1);
}

/* text */
.service-card h5{
  font-size:20px;
  font-weight:700;
  color:#1e1e1e;
  letter-spacing:.3px;
}

/* hover – premium animation */
.service-card:hover{
  transform:translateY(-16px);
  box-shadow:
    0 35px 70px rgba(0,0,0,.45);
}

.service-card:hover::before{
  opacity:1;
}

.service-card:hover .service-icon{
  transform:translateY(-6px) rotate(-8deg) scale(1.1);
  background:linear-gradient(135deg,#6dd5fa,#2193b0);
}

/* smooth entry animation */
.service-card{
  animation:serviceFade .9s ease both;
}

@keyframes serviceFade{
  from{
    opacity:0;
    transform:translateY(50px);
  }
  to{
    opacity:1;
    transform:none;
  }
}

/* responsive */
@media(max-width:768px){
  .services-title{font-size:30px;}
  .service-card{padding:35px 22px;}
}

h2.bei-pric-sec-head {
    text-align: center;
    margin-bottom: 45px;
    font-size: 42px;
}
.bei-pric-sec p {
    font-size: 17px;
    line-height: 25px;
}
img.bei-pric-img-sec {
    width: 100%;
    margin-bottom: 35px;
    border-radius: 15px;
}

.mkup-art-sl-sec p {
    font-size: 18px;
    color: #000;
}
h2.mkup-art-sl-sec-head {
    text-align: center;
    font-size: 40px;
}

img.mkup-art-sl-img-sec {
    width: 100%;
    border-radius: 20px;
    
    border: 5px solid aquamarine;
}

.mkp-services-wrap {
  padding: 70px 15px;
  background: linear-gradient(135deg, #fff5f7, #fdeef1);
}

.mkp-container {
  max-width: 1200px;
  margin: auto;
}

.mkp-title {
  text-align: center;
  font-size: 34px;
  font-weight: 700;
  color: #2b2b2b;
  margin-bottom: 50px;
}

.mkp-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 25px;
}

.mkp-card {
  position: relative;
  padding: 30px 25px;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  overflow: hidden;
  transition: all 0.4s ease;
}

.mkp-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #e91e63, #ff6f91);
  opacity: 0;
  transition: 0.4s ease;
}

.mkp-card h3,
.mkp-card p {
  position: relative;
  z-index: 2;
}

.mkp-card h3 {
  font-size: 20px;
  font-weight: 600;
  color: #e91e63;
  margin-bottom: 10px;
}

.mkp-card p {
  font-size: 15px;
  color: #555;
  line-height: 1.6;
}

.mkp-card:hover {
  transform: translateY(-10px) scale(1.02);
}

.mkp-card:hover::before {
  opacity: 1;
}

.mkp-card:hover h3,
.mkp-card:hover p {
  color: #ffffff;
}

.bridal-glam-wrap{
  padding:90px 15px;
  background:
    radial-gradient(circle at top right,#ffe1ec,transparent 45%),
    radial-gradient(circle at bottom left,#ffd4e4,transparent 45%),
    #fff;
}

.bridal-glam-box{
  max-width:900px;
  margin:auto;
  padding:60px 55px;
  border-radius:30px;
  background:linear-gradient(180deg,#ffffff,#fff2f7);
  box-shadow:0 35px 90px rgba(210,32,96,.25);
  position:relative;
  overflow:hidden;
}

/* soft glow */
.bridal-glam-box::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at top,#ff4f8b,transparent 60%);
  opacity:.15;
}

.bridal-glam-title{
  position:relative;
  font-size:40px;
  font-weight:800;
  color:#2b0e18;
  margin-bottom:25px;
}

.bridal-glam-intro{
  position:relative;
  font-size:17px;
  line-height:1.8;
  color:#4b2b35;
  margin-bottom:30px;
}

/* points */
.bridal-glam-points{
  list-style:none;
  padding:0;
  margin:0 0 35px;
  position:relative;
}

.bridal-glam-points li{
  padding-left:34px;
  margin-bottom:14px;
  font-size:16px;
  font-weight:500;
  color:#3a1f28;
  position:relative;
}

.bridal-glam-points li::before{
  content:"✔";
  position:absolute;
  left:0;
  top:0;
  color:#d81b60;
  font-weight:700;
}

/* highlight line */
.bridal-glam-highlight{
  position:relative;
  font-size:18px;
  font-weight:600;
  color:#ffffff;
  background:linear-gradient(90deg,#d81b60,#ff7aa2);
  padding:18px 22px;
  border-radius:16px;
  box-shadow:0 18px 40px rgba(216,27,96,.35);
}

/* MOBILE */
@media(max-width:768px){
  .bridal-glam-box{
    padding:40px 25px;
  }
  .bridal-glam-title{
    font-size:30px;
  }
}

.why-glam-wrap{
  padding:90px 15px;
  background:
    linear-gradient(to bottom,#fff0f6,#ffffff);
}

.why-glam-container{
  max-width:1200px;
  margin:auto;
}

.why-glam-title{
  text-align:center;
  font-size:40px;
  font-weight:800;
  color:#2b0e18;
  margin-bottom:70px;
}

.why-glam-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:35px;
}

/* CARD */
.why-glam-card{
  position:relative;
  padding:50px 35px;
  border-radius:28px;
  background:linear-gradient(180deg,#ffffff,#fff3f7);
  box-shadow:0 30px 70px rgba(216,27,96,.18);
  overflow:hidden;
  transition:all .6s cubic-bezier(.25,.8,.25,1);
}

/* big number */
.why-glam-no{
  position:absolute;
  top:20px;
  right:25px;
  font-size:64px;
  font-weight:900;
  color:rgba(216,27,96,.08);
  transition:.6s;
}

.why-glam-card h3{
  font-size:22px;
  font-weight:700;
  color:#c2185b;
  margin-bottom:14px;
  position:relative;
  z-index:2;
}

.why-glam-card p{
  font-size:15.5px;
  line-height:1.75;
  color:#4a2c35;
  position:relative;
  z-index:2;
}

/* hover glow */
.why-glam-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at top,#ff4f8b,transparent 65%);
  opacity:0;
  transition:.6s;
}

/* HOVER EFFECT */
.why-glam-card:hover{
  transform:translateY(-18px) scale(1.05);
  box-shadow:0 55px 120px rgba(216,27,96,.45);
}

.why-glam-card:hover::before{
  opacity:.35;
}

.why-glam-card:hover h3{
  color:#ffffff;
}

.why-glam-card:hover p{
  color:#ffe7f0;
}

.why-glam-card:hover .why-glam-no{
  color:rgba(255,255,255,.25);
  transform:scale(1.2);
}

/* MOBILE */
@media(max-width:768px){
  .why-glam-title{font-size:30px}
  .why-glam-card{padding:38px 26px}
}


.area-glam-wrap{
  padding:100px 15px;
  background:
    linear-gradient(180deg,#fdfdfd,#f6f6f6);
  position:relative;
}

.area-glam-container{
  max-width:1200px;
  margin:auto;
}

.area-glam-title{
  text-align:center;
  font-size:42px;
  font-weight:900;
  color:#1f1f1f;
  margin-bottom:12px;
  letter-spacing:.5px;
}

.area-glam-sub{
  text-align:center;
  max-width:720px;
  margin:0 auto 70px;
  font-size:18px;
  color:#555;
}

/* GRID */
.area-glam-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:45px;
}

/* CARD */
.area-glam-card{
  position:relative;
  padding:50px 40px;
  border-radius:18px;
  background:#ffffff;
  box-shadow:0 15px 40px rgba(0,0,0,.08);
  transition:all .5s ease;
  overflow:hidden;
}

/* top accent line */
.area-glam-card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:4px;
  background:linear-gradient(90deg,#c9a14a,#e7d08a);
  transform:scaleX(0);
  transform-origin:left;
  transition:.5s;
}

/* pin */
.area-pin{
  font-size:30px;
  display:inline-block;
  margin-bottom:14px;
  color:#c9a14a;
  transition:.5s;
}

.area-glam-card h3{
  font-size:22px;
  font-weight:700;
  color:#222;
  margin-bottom:10px;
}

.area-glam-card p{
  font-size:15.5px;
  line-height:1.7;
  color:#666;
}

/* HOVER */
.area-glam-card:hover{
  transform:translateY(-14px);
  box-shadow:0 35px 80px rgba(0,0,0,.18);
}

.area-glam-card:hover::before{
  transform:scaleX(1);
}

.area-glam-card:hover .area-pin{
  transform:scale(1.2);
}

.area-glam-card:hover h3{
  color:#000;
}

/* subtle focus glow */
.area-glam-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at top,#f3ecd2,transparent 60%);
  opacity:0;
  transition:.5s;
}

.area-glam-card:hover::after{
  opacity:.35;
}

/* MOBILE */
@media(max-width:768px){
  .area-glam-title{font-size:32px}
  .area-glam-card{padding:40px 26px}
}

.party-glow-wrap{
  padding:90px 15px;
  background:linear-gradient(180deg,#f9f9f9,#ffffff);
}

.party-glow-container{
  max-width:1200px;
  margin:auto;
}

.party-glow-title{
  text-align:center;
  font-size:40px;
  font-weight:800;
  color:#1e1e1e;
  margin-bottom:18px;
}

.party-glow-intro{
  text-align:center;
  max-width:850px;
  margin:0 auto 70px;
  font-size:17px;
  line-height:1.8;
  color:#555;
}

/* GRID */
.party-glow-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:40px;
}

/* CARD */
.party-glow-card{
  position:relative;
  padding:48px 36px;
  border-radius:20px;
  background:#ffffff;
  box-shadow:0 14px 40px rgba(0,0,0,.08);
  transition:all .5s ease;
  overflow:hidden;
}

/* top accent */
.party-glow-card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:3px;
  background:linear-gradient(90deg,#c7a14a,#e6d28b);
  transform:scaleX(0);
  transform-origin:left;
  transition:.5s;
}

/* icon */
.party-glow-icon{
  font-size:32px;
  margin-bottom:16px;
  display:inline-block;
  transition:.5s;
}

.party-glow-card h3{
  font-size:22px;
  font-weight:700;
  color:#222;
  margin-bottom:12px;
}

.party-glow-card p{
  font-size:15.5px;
  line-height:1.7;
  color:#666;
}

/* HOVER EFFECT */
.party-glow-card:hover{
  transform:translateY(-12px);
  box-shadow:0 32px 80px rgba(0,0,0,.18);
}

.party-glow-card:hover::before{
  transform:scaleX(1);
}

.party-glow-card:hover .party-glow-icon{
  transform:scale(1.25);
}

/* soft glow */
.party-glow-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at top,#f1ead3,transparent 60%);
  opacity:0;
  transition:.5s;
}

.party-glow-card:hover::after{
  opacity:.35;
}

/* MOBILE */
@media(max-width:768px){
  .party-glow-title{font-size:30px}
  .party-glow-card{padding:38px 26px}
}


h2.nail-ar-na-del-sec-head {
    text-align: center;
    margin-top: 50px;
    font-size: 42px;
}

img.nail-ar-na-del-img-sec {
    width: 100%;
    border: 4px solid chocolate;
    border-radius: 20px;
}

.nail-ar-na-del-sec p {
    font-size: 18px;
}

.nlx-wrap{
  padding:80px 0;
  background:#fff;
}

.nlx-container{
  max-width:1000px;
  margin:auto;
  padding:0 20px;
}

.nlx-title{
  text-align:center;
  font-size:36px;
  font-weight:700;
  margin-bottom:60px;
  color:#111;
}

.nlx-list{
  display:flex;
  flex-direction:column;
  gap:25px;
}

.nlx-item{
  display:flex;
  align-items:center;
  background:#ffffff;
  border-radius:18px;
  padding:28px 30px;
  box-shadow:0 15px 35px rgba(0,0,0,0.08);
  transition:all 0.4s ease;
  position:relative;
  overflow:hidden;
}

/* vertical accent bar */
.nlx-item::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:6px;
  height:100%;
  background:linear-gradient(180deg,#ff4fa3,#a64dff);
}

.nlx-item:hover{
  transform:translateX(12px);
  box-shadow:0 25px 55px rgba(166,77,255,0.25);
}

.nlx-count{
  font-size:42px;
  font-weight:700;
  color:#ff4fa3;
  min-width:80px;
}

.nlx-content h3{
  font-size:22px;
  font-weight:600;
  color:#222;
  margin-bottom:6px;
}

.nlx-content p{
  font-size:15px;
  color:#555;
}

/* hover text */
.nlx-item:hover .nlx-content h3{
  color:#a64dff;
}

.nlx-item:hover .nlx-count{
  color:#a64dff;
}

/* mobile */
@media(max-width:600px){
  .nlx-item{
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
  }
  .nlx-count{
    font-size:34px;
  }
}

.scu-wrap{
  padding:90px 0;
  background:linear-gradient(180deg,#fff5fa,#ffffff);
}

.scu-container{
  max-width:1000px;
  margin:auto;
  padding:0 20px;
}

.scu-title{
  text-align:center;
  font-size:36px;
  font-weight:700;
  color:#151515;
  margin-bottom:55px;
}

.scu-chips{
  display:flex;
  flex-wrap:wrap;
  gap:22px;
  justify-content:center;
}

.scu-chip{
  display:flex;
  align-items:center;
  gap:14px;
  padding:18px 26px;
  background:#ffffff;
  border-radius:50px;
  box-shadow:0 10px 28px rgba(0,0,0,0.08);
  transition:all 0.4s ease;
  cursor:default;
}

/* dot accent */
.scu-dot{
  width:12px;
  height:12px;
  border-radius:50%;
  background:#d4af37;
  flex-shrink:0;
}

.scu-chip p{
  font-size:15.5px;
  color:#444;
  font-weight:500;
  white-space:nowrap;
}

/* hover */
.scu-chip:hover{
  transform:translateY(-8px);
  box-shadow:0 20px 45px rgba(166,77,255,0.3);
  background:linear-gradient(135deg,#ff4fa3,#a64dff);
}

.scu-chip:hover p{
  color:#ffffff;
}

.scu-chip:hover .scu-dot{
  background:#ffffff;
}

/* mobile wrap */
@media(max-width:600px){
  .scu-chip p{
    white-space:normal;
  }
}


.hairbotox-benefits-section{
padding:80px 20px;
background:#f8f8f8;
}

.hairbotox-container{
max-width:1200px;
margin:auto;
}

.hairbotox-title{
text-align:center;
font-size:36px;
font-weight:700;
margin-bottom:60px;
color:#222;
}

.hairbotox-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:25px;
}

/* Card */

.hairbotox-card{
background:#fff;
padding:28px 25px 28px 55px;
border-radius:10px;
box-shadow:0 6px 18px rgba(0,0,0,0.08);
position:relative;
transition:all .35s ease;
border-left:4px solid transparent;
}

/* Tick Icon */

.hairbotox-card::before{
content:"✔";
position:absolute;
left:20px;
top:50%;
transform:translateY(-50%);
font-size:18px;
font-weight:bold;
color:#28a745;
transition:.3s;
}

/* Text */

.hairbotox-card p{
margin:0;
font-size:16px;
font-weight:500;
color:#444;
line-height:1.5;
}

/* Hover Effect */

.hairbotox-card:hover{
transform:translateY(-8px);
box-shadow:0 14px 30px rgba(0,0,0,0.15);
border-left:4px solid #28a745;
background:#ffffff;
}

.hairbotox-card:hover::before{
transform:translateY(-50%) scale(1.2);
color:#1f8f3a;
}

.hairbotox-card:hover p{
color:#111;
}


.salon-choose-section{
padding:100px 20px;
background:linear-gradient(180deg,#ffffff,#f6f7fb);
}

.salon-choose-container{
max-width:1200px;
margin:auto;
}

.salon-choose-title{
text-align:center;
font-size:38px;
font-weight:700;
margin-bottom:70px;
color:#222;
position:relative;
}

.salon-choose-title:after{
content:"";
width:80px;
height:3px;
background:linear-gradient(90deg,#ff9a9e,#fad0c4);
display:block;
margin:14px auto 0;
border-radius:3px;
}

.salon-choose-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:35px;
}

/* Card */

.salon-choose-card{
background:#fff;
padding:40px 35px;
border-radius:16px;
position:relative;
overflow:hidden;
transition:all .45s ease;
box-shadow:0 10px 25px rgba(0,0,0,0.06);
border:1px solid #f0f0f0;
}

/* top gradient bar */

.salon-choose-card::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:4px;
background:linear-gradient(90deg,#ff758c,#ff7eb3);
transform:scaleX(0);
transition:.4s;
}

/* shine animation */

.salon-choose-card::after{
content:"";
position:absolute;
top:0;
left:-120%;
width:120%;
height:100%;
background:linear-gradient(120deg,transparent,rgba(255,255,255,0.6),transparent);
transition:.6s;
}

/* text */

.salon-choose-card h3{
font-size:21px;
margin-bottom:12px;
color:#222;
}

.salon-choose-card p{
font-size:15px;
color:#555;
line-height:1.6;
margin:0;
}

/* hover */

.salon-choose-card:hover{
transform:translateY(-14px) scale(1.03);
box-shadow:0 25px 50px rgba(0,0,0,0.18);
}

.salon-choose-card:hover::before{
transform:scaleX(1);
}

.salon-choose-card:hover::after{
left:120%;
}

.salon-choose-card:hover h3{
color:#ff758c;
}


.hb-who-section{
padding:100px 20px;
background:#f7f8fc;
}

.hb-who-container{
max-width:1100px;
margin:auto;
text-align:center;
}

.hb-who-title{
font-size:38px;
font-weight:700;
color:#222;
margin-bottom:15px;
}

.hb-who-subtitle{
color:#666;
font-size:16px;
margin-bottom:60px;
}

.hb-who-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:30px;
}

/* Card */

.hb-who-card{
background:#fff;
padding:40px 25px;
border-radius:16px;
position:relative;
transition:.35s;
box-shadow:0 8px 22px rgba(0,0,0,0.06);
border:1px solid #eee;
}

/* Number Badge */

.hb-number{
position:absolute;
top:-18px;
left:50%;
transform:translateX(-50%);
background:#111;
color:#fff;
width:42px;
height:42px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
font-size:14px;
font-weight:600;
transition:.35s;
}

/* Text */

.hb-who-card p{
margin-top:10px;
font-size:16px;
color:#444;
font-weight:500;
}

/* Hover Effect */

.hb-who-card:hover{
transform:translateY(-12px);
box-shadow:0 22px 45px rgba(0,0,0,0.18);
}

.hb-who-card:hover .hb-number{
background:#ff7a18;
transform:translateX(-50%) scale(1.1);
}



.hai-botox-tre-sec p {
    padding: 23px 30px;
    font-size: 18px;
    color: #000;
    line-height: 32px;
    margin-bottom: 20px;
}

h2.hai-botox-tre-head-sec {
    margin-top: 34px;
}

img.hai-botox-tre-img-sec {
    border-radius: 14px;
    margin-bottom: 45px;
    border: 4px solid #ff6a00;
}


.salon-services{
    padding:90px 20px;
    background:linear-gradient(180deg,#fff,#fff5f7);
    font-family:Arial, sans-serif;
}

.salon-container{
    max-width:1200px;
    margin:auto;
}

.salon-title{
    text-align:center;
    font-size:36px;
    margin-bottom:60px;
    font-weight:700;
    color:#222;
}

.salon-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:30px;
}

.salon-card{
    background:#fff;
    padding:30px 25px;
    border-radius:12px;
    box-shadow:0 8px 25px rgba(0,0,0,0.08);
    transition:all .35s ease;
    position:relative;
    overflow:hidden;
}

.salon-card h3{
    font-size:20px;
    margin-bottom:10px;
    color:#222;
}

.salon-card p{
    font-size:14px;
    color:#666;
    line-height:1.6;
}

/* hover effect */

.salon-card::before{
    content:"";
    position:absolute;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#ff4d6d,#ff8fa3);
    top:0;
    left:-100%;
    transition:.4s;
}

.salon-card:hover::before{
    left:0;
}

.salon-card:hover{
    transform:translateY(-10px);
    box-shadow:0 18px 40px rgba(0,0,0,0.15);
}


.salonwhy-section{
    padding:100px 20px;
    background:linear-gradient(120deg,#fff,#ffeef3);
    font-family:Arial, sans-serif;
}

.salonwhy-container{
    max-width:1100px;
    margin:auto;
}

.salonwhy-title{
    text-align:center;
    font-size:36px;
    font-weight:700;
    margin-bottom:15px;
    color:#222;
}

.salonwhy-subtitle{
    text-align:center;
    max-width:700px;
    margin:0 auto 60px;
    color:#666;
}

.salonwhy-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:25px;
}

.salonwhy-card{
    display:flex;
    align-items:center;
    gap:18px;
    padding:20px 25px;
    background:#fff;
    border-radius:8px;
    border:1px solid #f1f1f1;
    transition:0.3s;
}

.salonwhy-icon{
    width:50px;
    height:50px;
    background:#ff4d6d;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    font-size:22px;
}

.salonwhy-card h3{
    font-size:18px;
    margin-bottom:5px;
    color:#222;
}

.salonwhy-card p{
    font-size:14px;
    color:#666;
    margin:0;
}

/* Hover */

.salonwhy-card:hover{
    background:#036c54;
    color:#fff;
    transform:translateX(8px);
    border-radius:020px;
}

.salonwhy-card:hover h3,
.salonwhy-card:hover p{
    color:#fff;
}

.salonwhy-card:hover .salonwhy-icon{
    background:#fff;
    color:#ff4d6d;
}

/* Mobile */

@media(max-width:768px){

.salonwhy-grid{
grid-template-columns:1fr;
}

}
.salonwhy-icon{
    width:55px;
    height:55px;
    min-width:55px;
    min-height:55px;
    border-radius:50%;
    background:#ff4d6d;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    flex-shrink:0;
}


.bridal-packages{
padding:90px 20px;
background:#fafafa;
text-align:center;
}

.package-title{
font-size:36px;
font-weight:700;
margin-bottom:10px;
color:#222;
}

.package-desc{
max-width:720px;
margin:auto;
font-size:17px;
color:#555;
margin-bottom:50px;
}

.package-wrapper{
max-width:600px;
margin:auto;
}

.package-item{
display:flex;
align-items:center;
gap:15px;
background:#fff;
padding:18px 22px;
margin-bottom:18px;
border-radius:10px;
font-size:18px;
font-weight:500;
box-shadow:0 6px 18px rgba(0,0,0,0.08);
border-left:5px solid #ff4d7a;
transition:.35s;
cursor:pointer;
}

.package-item .icon{
font-size:22px;
}

.package-item:hover{
transform:translateX(12px);
background:#ff4d7a;
color:white;
box-shadow:0 15px 35px rgba(0,0,0,0.15);
}

.package-item:hover .icon{
transform:scale(1.2);
transition:.3s;
}


.bridal-cta{
padding:100px 20px;
background:linear-gradient(135deg,#0f0f0f,#1e1e1e);
color:#fff;
text-align:center;
}

.cta-title{
font-size:42px;
font-weight:700;
margin-bottom:20px;
}

.cta-text{
max-width:720px;
margin:auto;
font-size:18px;
line-height:1.7;
opacity:.9;
margin-bottom:45px;
}

.cta-buttons{
display:flex;
justify-content:center;
gap:20px;
flex-wrap:wrap;
}

.cta-btn{
display:inline-flex;
align-items:center;
gap:10px;
padding:16px 35px;
font-size:18px;
font-weight:600;
border-radius:50px;
text-decoration:none;
transition:.35s;
}

.call-btn{
background:#d4af37;
color:#111;
}

.whatsapp-btn{
background:#25D366;
color:#fff;
}

.cta-btn i{
font-size:20px;
}

.call-btn:hover{
background:#fff;
color:#111;
transform:translateY(-6px);
box-shadow:0 15px 40px rgba(0,0,0,.4);
}

.whatsapp-btn:hover{
background:#1ebe5d;
transform:translateY(-6px);
box-shadow:0 15px 40px rgba(0,0,0,.4);
}


/* mahtab */
.keratin-benefits {
    background-color: #ffffff;
    font-family: 'Segoe UI', Roboto, sans-serif;
}

.section-title {
    font-size: 2.2rem;
    color: #1a1a1a;
    position: relative;
    padding-bottom: 15px;
}

.section-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #ff4d6d, #ff758f);
    border-radius: 10px;
}

/* Card Design */
.benefit-card {
    background: #ffffff;
    border: 1px solid #f0f0f0;
    border-radius: 20px;
    padding: 40px 30px;
    text-align: center;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
}

.benefit-card:hover {
    transform: translateY(-12px);
    border-color: #ffb1c1;
    box-shadow: 0 20px 40px rgba(255, 77, 109, 0.1);
}

/* Icon Container */
.icon-box {
    width: 70px;
    height: 70px;
    margin: 0 auto 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #fff0f3 0%, #ffccd5 100%);
    border-radius: 18px;
    color: #ff4d6d;
    font-size: 28px;
    transition: 0.3s;
}

.benefit-card:hover .icon-box {
    background: linear-gradient(135deg, #ff4d6d 0%, #ff758f 100%);
    color: #ffffff;
}

/* Typography */
.benefit-heading {
    font-size: 1.25rem;
    font-weight: 700;
    color: #2d3436;
    margin-bottom: 15px;
}

.benefit-text {
    font-size: 0.95rem;
    color: #636e72;
    line-height: 1.6;
    margin-bottom: 0;
}

/* Responsive Tweak */
@media (max-width: 768px) {
    .section-title {
        font-size: 1.8rem;
    }
    .benefit-card {
        padding: 30px 20px;
    }
}
.kp-sec {
    background: #fdfdfd;
}

.kp-title {
    font-size: 2.2rem;
    color: #1a1a1a;
    margin-bottom: 1rem;
}

.text-pink {
    color: #ff4d6d;
}

/* Card Styling */
.kp-card {
    background: #ffffff;
    border: 1px solid #eee;
    padding: 40px 25px;
    border-radius: 24px;
    transition: all 0.3s ease;
    position: relative;
    box-shadow: 0 10px 20px rgba(0,0,0,0.02);
}

.kp-card:hover {
    box-shadow: 0 15px 35px rgba(0,0,0,0.08);
    border-color: #ffccd5;
}

/* Featured Card Special Style */
.kp-featured {
    border: 2px solid #ff4d6d;
    transform: scale(1.05);
    background: linear-gradient(to bottom, #ffffff, #fffafa);
    z-index: 2;
    box-shadow: 0 20px 40px rgba(255, 77, 109, 0.15);
}

.kp-tag {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    background: #ff4d6d;
    color: white;
    padding: 6px 20px;
    border-radius: 50px;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 10px rgba(255, 77, 109, 0.3);
}

/* Price Elements */
.kp-icon-circle {
    width: 60px;
    height: 60px;
    background: #fff0f3;
    color: #ff4d6d;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    font-size: 24px;
}

.kp-price-box {
    margin: 15px 0;
    color: #2d3436;
}

.currency {
    font-size: 1.2rem;
    font-weight: 600;
    vertical-align: top;
    color: #ff4d6d;
}

.amount {
    font-size: 2rem;
    font-weight: 800;
}

.range {
    font-size: 1.1rem;
    color: #636e72;
}

/* Call to Action Button */
.kp-call-btn {
    display: inline-block;
    background: #1a1a1a;
    color: #ffffff;
    text-decoration: none;
    padding: 18px 35px;
    border-radius: 50px;
    font-weight: 600;
    transition: all 0.3s ease;
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}

.kp-call-btn:hover {
    background: #ff4d6d;
    color: white;
    transform: translateY(-3px);
    box-shadow: 0 15px 30px rgba(255, 77, 109, 0.3);
}

/* Responsive Fix for Featured Card */
@media (max-width: 768px) {
    .kp-featured {
        transform: scale(1);
        margin: 20px 0;
    }
    .kp-title {
        font-size: 1.75rem;
    }
}
.kc-sec {
    overflow: hidden;
}

.title-underline {
    width: 80px;
    height: 4px;
    background: #ff4d6d;
    border-radius: 10px;
}

/* Card Styling */
.kc-card {
    background: #ffffff;
    border: 1px solid #f1f1f1;
    border-radius: 15px;
    height: 100%;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.02);
}

.kc-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
    border-color: #ffccd5;
    background: linear-gradient(to bottom right, #ffffff, #fffafa);
}

/* Icon Box Styling */
.kc-icon-box {
    min-width: 55px;
    height: 55px;
    background: #1a1a1a;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-size: 22px;
    transition: all 0.3s ease;
}

.kc-card:hover .kc-icon-box {
    background: #ff4d6d;
    transform: rotate(-10deg);
}

/* Typography */
.kc-content h4 {
    font-size: 1.15rem;
    margin-bottom: 8px;
    color: #212529;
}

.kc-content p {
    font-size: 0.92rem;
    line-height: 1.5;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .kc-card {
        padding: 20px !important;
    }
    .kc-icon-box {
        min-width: 45px;
        height: 45px;
        font-size: 18px;
    }
}
.ka-sec {
    background-color: #fcfcfc;
}

.ka-title {
    color: #1a1a1a;
    font-size: 2rem;
    position: relative;
    padding-bottom: 15px;
}

/* Accent line under title */
.ka-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 4px;
    background: #ff4d6d;
    border-radius: 10px;
}

/* Modern Card Styling */
.tip-card {
    background: #fff;
    transition: all 0.3s ease-in-out;
    border-bottom: 4px solid #f0f0f0 !important;
}

.tip-card:hover {
    transform: translateY(-10px);
    border-bottom: 4px solid #ff4d6d !important;
    box-shadow: 0 1rem 3rem rgba(0,0,0,0.1) !important;
}

/* Number Badge */
.num-badge {
    display: inline-block;
    background: #f8f9fa;
    color: #ff4d6d;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    font-size: 0.9rem;
    border: 1px solid #eee;
}

/* Icon Styling */
.icon-box {
    font-size: 2.2rem;
    color: #212529;
    transition: 0.3s;
}

.tip-card:hover .icon-box {
    color: #ff4d6d;
    transform: scale(1.1);
}

/* Typography */
.tip-card p {
    color: #444;
    font-size: 1.05rem;
    line-height: 1.4;
}

/* Responsive fixes */
@media (max-width: 768px) {
    .ka-title {
        font-size: 1.6rem;
    }
}
.airbrush-benefits {
    background: #ffffff;
}

.airbrush-choose {
    background: #fdfaf9;
}

/* Section Title Polish */
.section-title {
    color: #1a1a1a;
    letter-spacing: -0.5px;
    font-size: 2.4rem;
}

/* High-End Card Design */
.luxury-card {
    background: #ffffff;
    border: none;
    border-radius: 20px;
    padding: 45px 30px;
    position: relative;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1;
    overflow: hidden;
    border: 1px solid #fff;
}

.luxury-card:hover {
    transform: translateY(-10px);
    border: 1px solid #ff4d6d;
    box-shadow: 0 20px 40px rgba(255, 77, 109, 0.12);
}

/* Background Number Effect */
.card-num {
    position: absolute;
    top: -10px;
    right: 15px;
    font-size: 6rem;
    font-weight: 900;
    color: rgba(0, 0, 0, 0.03);
    z-index: -1;
    transition: 0.4s;
}

.luxury-card:hover .card-num {
    color: rgba(255, 77, 109, 0.08);
    transform: scale(1.1);
}

/* Icon Modernization */
.icon-box {
    width: 60px;
    height: 60px;
    background: #fff0f3;
    color: #ff4d6d;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    border-radius: 16px;
    margin-bottom: 25px;
    transition: 0.3s;
}

.luxury-card:hover .icon-box {
    background: #ff4d6d;
    color: #ffffff;
    transform: rotateY(180deg);
}

/* Typography Polish */
.benefit-heading {
    font-weight: 700;
    color: #222;
    font-size: 1.25rem;
    margin-bottom: 12px;
}

.benefit-text {
    color: #666;
    line-height: 1.7;
    font-size: 0.95rem;
}

/* Choose Section Card Adjustment */
.choose-card {
    border: 1px solid rgba(0,0,0,0.05);
    background: #fff;
    padding: 35px 25px;
    border-radius: 24px;
    box-shadow: none;
}

.choose-card:hover {
    border-color: #ff4d6d;
    background: #fff;
}

/* Responsive Fixes */
@media (max-width: 991px) {
    .section-title {
        font-size: 1.85rem;
    }
    .luxury-card {
        padding: 35px 20px;
    }
}
.modern-title {
  font-size: 2.2rem;
  letter-spacing: -0.5px;
  color: #1a1a1a;
}

.accent-line {
  width: 50px;
  height: 4px;
  background: #ff4d6d; /* Rose Pink Accent */
  border-radius: 10px;
  margin-top: 15px;
}

/* --- Services Section Styles --- */
.air-services {
  background: #ffffff;
}

.service-luxury-card {
  background: #ffffff;
  border: 1px solid #f0f0f0;
  padding: 40px 30px;
  border-radius: 24px;
  text-align: center;
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
  box-shadow: 0 10px 30px rgba(0,0,0,0.02);
}

.service-icon {
  width: 60px;
  height: 60px;
  background: #fff0f3;
  color: #ff4d6d;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  border-radius: 50%;
  margin: 0 auto 20px;
  transition: 0.3s;
}

.service-luxury-card:hover {
  transform: translateY(-10px);
  border-color: #ff4d6d;
  box-shadow: 0 20px 40px rgba(255, 77, 109, 0.1);
}

.service-luxury-card:hover .service-icon {
  background: #ff4d6d;
  color: white;
  transform: scale(1.1);
}

.card-corner-accent {
  position: absolute;
  bottom: -20px;
  right: -20px;
  width: 60px;
  height: 60px;
  background: rgba(255, 77, 109, 0.05);
  border-radius: 50%;
  transition: 0.4s;
}

.service-luxury-card:hover .card-corner-accent {
  background: rgba(255, 77, 109, 0.1);
  transform: scale(2);
}

/* --- Process Section Styles (Dark Theme) --- */
.air-process {
  background: #121212; /* Premium Dark Background */
}

.process-step-card {
  text-align: center;
  padding: 20px;
  position: relative;
}

.step-blob {
  width: 80px;
  height: 80px;
  line-height: 80px;
  background: linear-gradient(135deg, #ff4d6d 0%, #ff758c 100%);
  color: white;
  font-weight: 800;
  font-size: 1.5rem;
  border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; /* Organic Shape */
  margin: 0 auto;
  box-shadow: 0 10px 20px rgba(255, 77, 109, 0.3);
  transition: 0.5s;
}

.process-step-card:hover .step-blob {
  border-radius: 50%;
  transform: rotate(360deg);
}

/* Connect Line for Process Steps (Desktop Only) */
@media (min-width: 992px) {
  .process-step-card::after {
    content: "→";
    position: absolute;
    top: 60px;
    right: -15%;
    font-size: 24px;
    color: rgba(255, 255, 255, 0.2);
  }
  .col-lg-3:last-child .process-step-card::after {
    display: none;
  }
}

/* Responsive Fixes */
@media (max-width: 768px) {
  .modern-title {
    font-size: 1.75rem;
  }
  .service-luxury-card {
    padding: 30px 20px;
  }
}
/* mahtab */


  /*20-5-26 eyelash-extension-in-gurudwara-road-nawada.*/


.eyelash-section {
  padding: 80px 0;
  background: linear-gradient(135deg, #fff5f8, #ffffff);
  font-family: "Poppins", sans-serif;
}

.eyelash-section .container {
  width: 90%;
  max-width: 1200px;
  margin: auto;
}

.section-heading {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 45px;
}

.section-heading .sub-title {
  display: inline-block;
  padding: 8px 20px;
  background: #ffe4ec;
  color: #d6336c;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 15px;
}

.section-heading h2 {
  font-size: 38px;
  line-height: 1.3;
  color: #222;
  margin-bottom: 15px;
  font-weight: 700;
}

.section-heading p {
  font-size: 16px;
  color: #666;
  line-height: 1.8;
}

.eyelash-card-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}

.eyelash-card {
  position: relative;
  background: #ffffff;
  padding: 35px 25px;
  border-radius: 20px;
  text-align: center;
  overflow: hidden;
  box-shadow: 0 10px 35px rgba(214, 51, 108, 0.08);
  transition: all 0.4s ease;
  z-index: 1;
}

.eyelash-card::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0;
  background: linear-gradient(135deg, #d6336c, #ff8ab3);
  left: 0;
  bottom: 0;
  z-index: -1;
  transition: all 0.4s ease;
}

.eyelash-card:hover::before {
  height: 100%;
}

.eyelash-card:hover {
  transform: translateY(-12px);
  box-shadow: 0 20px 45px rgba(214, 51, 108, 0.25);
}

.icon-box {
  width: 72px;
  height: 72px;
  background: #fff0f5;
  color: #d6336c;
  margin: 0 auto 22px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  transition: all 0.4s ease;
}

.eyelash-card:hover .icon-box {
  background: #ffffff;
  color: #d6336c;
  transform: rotateY(360deg);
}

.eyelash-card h3 {
  font-size: 20px;
  color: #222;
  margin-bottom: 12px;
  font-weight: 600;
  transition: all 0.4s ease;
}

.eyelash-card p {
  font-size: 15px;
  color: #666;
  line-height: 1.7;
  margin: 0;
  transition: all 0.4s ease;
}

.eyelash-card:hover h3,
.eyelash-card:hover p {
  color: #ffffff;
}

/* Responsive */
@media (max-width: 991px) {
  .eyelash-card-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  .section-heading h2 {
    font-size: 32px;
  }
}

@media (max-width: 575px) {
  .eyelash-section {
    padding: 60px 0;
  }

  .eyelash-card-wrapper {
    grid-template-columns: 1fr;
  }

  .section-heading h2 {
    font-size: 26px;
  }

  .section-heading p {
    font-size: 15px;
  }
}

.lash-benefit-area {
  padding: 90px 0;
  background:
    radial-gradient(circle at top left, rgba(255, 123, 172, 0.18), transparent 35%),
    linear-gradient(135deg, #fff7fa 0%, #ffffff 55%, #fff0f6 100%);
  font-family: "Poppins", sans-serif;
  overflow: hidden;
}

.lash-benefit-container {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}

.lash-benefit-heading {
  text-align: center;
  max-width: 780px;
  margin: 0 auto 55px;
}

.lash-benefit-subtitle {
  display: inline-block;
  padding: 9px 24px;
  background: linear-gradient(135deg, #ffe1ec, #fff4f8);
  color: #d6336c;
  border: 1px solid rgba(214, 51, 108, 0.15);
  border-radius: 50px;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 18px;
  box-shadow: 0 8px 22px rgba(214, 51, 108, 0.08);
}

.lash-benefit-heading h2 {
  font-size: 42px;
  line-height: 1.25;
  color: #1f1f1f;
  font-weight: 800;
  margin-bottom: 16px;
}

.lash-benefit-heading p {
  font-size: 16px;
  line-height: 1.8;
  color: #666;
  margin: 0;
}

.lash-benefit-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

.lash-benefit-box {
  position: relative;
  background: rgba(255, 255, 255, 0.92);
  border-radius: 24px;
  padding: 38px 28px 34px;
  overflow: hidden;
  z-index: 1;
  border: 1px solid rgba(214, 51, 108, 0.10);
  box-shadow: 0 15px 45px rgba(214, 51, 108, 0.10);
  transition: all 0.45s ease;
}

.lash-benefit-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #006262;
  opacity: 0;
  z-index: -1;
  transition: all 0.45s ease;
}

.lash-benefit-box::after {
  content: "";
  position: absolute;
  width: 130px;
  height: 130px;
  right: -45px;
  bottom: -45px;
  background: rgba(214, 51, 108, 0.08);
  border-radius: 50%;
  transition: all 0.45s ease;
}

.lash-benefit-box:hover {
  transform: translateY(-14px) scale(1.02);
  box-shadow: 0 25px 60px rgba(214, 51, 108, 0.28);
}

.lash-benefit-box:hover::before {
  opacity: 1;
}

.lash-benefit-box:hover::after {
  width: 180px;
  height: 180px;
  background: rgba(255, 255, 255, 0.12);
}

.lash-benefit-number {
  position: absolute;
  top: 22px;
  right: 24px;
  font-size: 42px;
  font-weight: 800;
  color: rgba(214, 51, 108, 0.10);
  line-height: 1;
  transition: all 0.45s ease;
}

.lash-benefit-box:hover .lash-benefit-number {
  color: rgba(255, 255, 255, 0.22);
  transform: scale(1.15);
}

.lash-benefit-icon {
  width: 76px;
  height: 76px;
  background: linear-gradient(135deg, #fff0f6, #ffe1ec);
  color: #d6336c;
  border-radius: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  margin-bottom: 24px;
  transition: all 0.45s ease;
}

.lash-benefit-box:hover .lash-benefit-icon {
  background: #ffffff;
  color: #d6336c;
  border-radius: 50%;
  transform: rotateY(360deg);
}

.lash-benefit-box h3 {
  font-size: 21px;
  color: #222;
  font-weight: 700;
  margin-bottom: 13px;
  transition: all 0.45s ease;
}

.lash-benefit-box p {
  font-size: 15px;
  color: #666;
  line-height: 1.8;
  margin: 0;
  transition: all 0.45s ease;
}

.lash-benefit-box:hover h3,
.lash-benefit-box:hover p {
  color: #ffffff;
}

/* Responsive */
@media (max-width: 991px) {
  .lash-benefit-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .lash-benefit-heading h2 {
    font-size: 34px;
  }
}

@media (max-width: 575px) {
  .lash-benefit-area {
    padding: 65px 0;
  }

  .lash-benefit-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .lash-benefit-heading {
    margin-bottom: 38px;
  }

  .lash-benefit-heading h2 {
    font-size: 27px;
  }

  .lash-benefit-heading p {
    font-size: 15px;
  }

  .lash-benefit-box {
    padding: 34px 24px 30px;
  }
}




.lash-service-showcase {
  padding: 90px 0;
  background: #120812;
  position: relative;
  overflow: hidden;
  font-family: "Poppins", sans-serif;
}

.lash-service-showcase::before {
  content: "";
  position: absolute;
  width: 450px;
  height: 450px;
  background: radial-gradient(circle, rgba(255, 89, 153, 0.35), transparent 70%);
  top: -180px;
  left: -160px;
}

.lash-service-showcase::after {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  background: radial-gradient(circle, rgba(214, 51, 108, 0.35), transparent 70%);
  right: -160px;
  bottom: -180px;
}

.lash-service-container {
  width: 90%;
  max-width: 1200px;
  margin: auto;
  position: relative;
  z-index: 2;
}

.lash-service-title-box {
  text-align: center;
  max-width: 780px;
  margin: 0 auto 55px;
}

.lash-service-title-box span {
  display: inline-block;
  color: #ff8ab3;
  background: rgba(255, 255, 255, 0.08);
  padding: 9px 24px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 18px;
  border: 1px solid rgba(255, 138, 179, 0.25);
}

.lash-service-title-box h2 {
  font-size: 42px;
  line-height: 1.25;
  color: #ffffff;
  font-weight: 800;
  margin-bottom: 16px;
}

.lash-service-title-box p {
  font-size: 16px;
  line-height: 1.8;
  color: #d8c8d2;
  margin: 0;
}

.lash-service-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}

.lash-service-card {
  position: relative;
  min-height: 390px;
  border-radius: 28px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.35);
  transition: all 0.45s ease;
}

.lash-service-card:hover {
  transform: translateY(-14px);
  box-shadow: 0 28px 70px rgba(255, 89, 153, 0.28);
}

.lash-service-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.lash-service-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.7s ease;
}

.lash-service-card:hover .lash-service-img img {
  transform: scale(1.15) rotate(2deg);
}

.lash-service-img::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(18, 8, 18, 0.95),
    rgba(18, 8, 18, 0.55),
    rgba(18, 8, 18, 0.15)
  );
  transition: all 0.45s ease;
}

.lash-service-card:hover .lash-service-img::after {
  background: linear-gradient(
    to top,
    rgba(214, 51, 108, 0.95),
    rgba(18, 8, 18, 0.65),
    rgba(18, 8, 18, 0.18)
  );
}

.lash-service-content {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 32px 26px;
  z-index: 3;
  transform: translateY(48px);
  transition: all 0.45s ease;
}

.lash-service-card:hover .lash-service-content {
  transform: translateY(0);
}

.lash-service-icon {
  width: 62px;
  height: 62px;
  background: #ffffff;
  color: #d6336c;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  font-size: 25px;
  margin-bottom: 18px;
  transition: all 0.45s ease;
}

.lash-service-card:hover .lash-service-icon {
  border-radius: 50%;
  transform: rotateY(360deg);
}

.lash-service-content h3 {
  font-size: 22px;
  line-height: 1.35;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 12px;
}

.lash-service-content p {
  font-size: 15px;
  line-height: 1.7;
  color: #f4e6ee;
  margin-bottom: 20px;
  opacity: 0;
  transition: all 0.45s ease;
}

.lash-service-card:hover .lash-service-content p {
  opacity: 1;
}

.lash-service-btn {
  display: inline-block;
  padding: 11px 24px;
  background: #ffffff;
  color: #d6336c;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  opacity: 0;
  transform: translateY(12px);
  transition: all 0.45s ease;
}

.lash-service-card:hover .lash-service-btn {
  opacity: 1;
  transform: translateY(0);
}

.lash-service-btn:hover {
  background: #120812;
  color: #ffffff;
}

/* Responsive */
@media (max-width: 991px) {
  .lash-service-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .lash-service-title-box h2 {
    font-size: 34px;
  }
}

@media (max-width: 575px) {
  .lash-service-showcase {
    padding: 65px 0;
  }

  .lash-service-grid {
    grid-template-columns: 1fr;
  }

  .lash-service-title-box {
    margin-bottom: 38px;
  }

  .lash-service-title-box h2 {
    font-size: 27px;
  }

  .lash-service-title-box p {
    font-size: 15px;
  }

  .lash-service-card {
    min-height: 380px;
  }

  .lash-service-content {
    padding: 28px 22px;
    transform: translateY(42px);
  }
}


.lash-whychoose-zone {
  padding: 95px 0;
  background: linear-gradient(135deg, #1b0712 0%, #3b1024 50%, #160711 100%);
  font-family: "Poppins", sans-serif;
  position: relative;
  overflow: hidden;
}

.lash-whychoose-zone::before {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  background: radial-gradient(circle, rgba(255, 132, 178, 0.35), transparent 70%);
  top: -170px;
  right: -120px;
}

.lash-whychoose-zone::after {
  content: "";
  position: absolute;
  width: 360px;
  height: 360px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.12), transparent 70%);
  bottom: -140px;
  left: -120px;
}

.lash-whychoose-container {
  width: 90%;
  max-width: 1200px;
  margin: auto;
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 0.9fr 1.4fr;
  gap: 55px;
  align-items: center;
}

.lash-whychoose-left {
  position: sticky;
  top: 90px;
}

.lash-whychoose-tag {
  display: inline-block;
  padding: 10px 24px;
  background: rgba(255, 255, 255, 0.08);
  color: #ff9fc4;
  border: 1px solid rgba(255, 159, 196, 0.28);
  border-radius: 50px;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 18px;
}

.lash-whychoose-left h2 {
  font-size: 43px;
  line-height: 1.22;
  color: #ffffff;
  font-weight: 800;
  margin-bottom: 18px;
}

.lash-whychoose-left p {
  font-size: 16px;
  line-height: 1.85;
  color: #ead5df;
  margin-bottom: 30px;
}

.lash-whychoose-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 30px;
  background: #ffffff;
  color: #d6336c;
  border-radius: 50px;
  text-decoration: none;
  font-size: 15px;
  font-weight: 700;
  box-shadow: 0 14px 35px rgba(255, 132, 178, 0.25);
  transition: all 0.4s ease;
}

.lash-whychoose-btn:hover {
  background: linear-gradient(135deg, #d6336c, #ff8ab3);
  color: #ffffff;
  transform: translateY(-5px);
}

.lash-whychoose-btn i {
  transition: all 0.4s ease;
}

.lash-whychoose-btn:hover i {
  transform: translateX(6px);
}

.lash-whychoose-right {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
}

.lash-whychoose-item {
  position: relative;
  padding: 28px 24px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.13);
  backdrop-filter: blur(12px);
  overflow: hidden;
  z-index: 1;
  transition: all 0.45s ease;
}

.lash-whychoose-item::before {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  background: linear-gradient(135deg, #ffffff, #ffe8f1);
  top: 0;
  left: 0;
  z-index: -1;
  transition: all 0.45s ease;
}

.lash-whychoose-item:hover::before {
  width: 100%;
}

.lash-whychoose-item:hover {
  transform: translateY(-12px);
  border-color: transparent;
  box-shadow: 0 22px 55px rgba(255, 132, 178, 0.28);
}

.lash-whychoose-icon {
  width: 64px;
  height: 64px;
  background: linear-gradient(135deg, #ff8ab3, #d6336c);
  color: #ffffff;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  margin-bottom: 20px;
  transition: all 0.45s ease;
}

.lash-whychoose-item:hover .lash-whychoose-icon {
  border-radius: 50%;
  transform: rotateY(360deg) scale(1.05);
}

.lash-whychoose-item h3 {
  font-size: 20px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 10px;
  transition: all 0.45s ease;
}

.lash-whychoose-item p {
  font-size: 15px;
  line-height: 1.75;
  color: #ead5df;
  margin: 0;
  transition: all 0.45s ease;
}

.lash-whychoose-item:hover h3 {
  color: #221018;
}

.lash-whychoose-item:hover p {
  color: #5f4b55;
}

/* Responsive */
@media (max-width: 991px) {
  .lash-whychoose-container {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .lash-whychoose-left {
    position: relative;
    top: auto;
    text-align: center;
    max-width: 760px;
    margin: auto;
  }

  .lash-whychoose-left h2 {
    font-size: 34px;
  }
}

@media (max-width: 575px) {
  .lash-whychoose-zone {
    padding: 65px 0;
  }

  .lash-whychoose-right {
    grid-template-columns: 1fr;
  }

  .lash-whychoose-left h2 {
    font-size: 28px;
  }

  .lash-whychoose-left p {
    font-size: 15px;
  }

  .lash-whychoose-item {
    padding: 26px 22px;
  }
}


/*gel-nail-extesion-in-gurudwara-road-nawada*/


.pmc-gel-benefit-section {
  padding: 80px 0;
  background: linear-gradient(135deg, #fff5f8 0%, #ffffff 45%, #ffe7ef 100%);
  overflow: hidden;
}

.pmc-gel-benefit-container {
  width: 90%;
  max-width: 1200px;
  margin: auto;
}

.pmc-gel-benefit-heading {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 45px;
}

.pmc-gel-benefit-heading span {
  display: inline-block;
  padding: 8px 22px;
  margin-bottom: 14px;
  border-radius: 50px;
  background: #ffe1eb;
  color: #d6336c;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1px;
}

.pmc-gel-benefit-heading h2 {
  font-size: 38px;
  font-weight: 800;
  color: #24141a;
  margin-bottom: 15px;
}

.pmc-gel-benefit-heading p {
  font-size: 17px;
  line-height: 1.7;
  color: #666;
  margin: 0;
}

.pmc-gel-benefit-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}

.pmc-gel-benefit-card {
  position: relative;
  padding: 35px 25px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.85);
  box-shadow: 0 15px 35px rgba(214, 51, 108, 0.12);
  text-align: center;
  overflow: hidden;
  transition: all 0.45s ease;
  z-index: 1;
}

.pmc-gel-benefit-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #d6336c, #ff8fb1);
  transform: translateY(100%);
  transition: all 0.45s ease;
  z-index: -1;
}

.pmc-gel-benefit-card:hover::before {
  transform: translateY(0);
}

.pmc-gel-benefit-card:hover {
  transform: translateY(-12px);
  box-shadow: 0 25px 50px rgba(214, 51, 108, 0.28);
}

.pmc-gel-benefit-icon {
  width: 75px;
  height: 75px;
  margin: 0 auto 22px;
  border-radius: 50%;
  background: #fff0f5;
  color: #d6336c;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 34px;
  transition: all 0.45s ease;
}

.pmc-gel-benefit-card:hover .pmc-gel-benefit-icon {
  background: #ffffff;
  transform: rotateY(360deg) scale(1.08);
}

.pmc-gel-benefit-card h3 {
  font-size: 21px;
  font-weight: 700;
  color: #24141a;
  margin-bottom: 12px;
  transition: all 0.35s ease;
}

.pmc-gel-benefit-card p {
  font-size: 15.5px;
  line-height: 1.7;
  color: #666;
  margin: 0;
  transition: all 0.35s ease;
}

.pmc-gel-benefit-card:hover h3,
.pmc-gel-benefit-card:hover p {
  color: #ffffff;
}

/* Responsive */
@media (max-width: 991px) {
  .pmc-gel-benefit-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .pmc-gel-benefit-heading h2 {
    font-size: 32px;
  }
}

@media (max-width: 575px) {
  .pmc-gel-benefit-section {
    padding: 55px 0;
  }

  .pmc-gel-benefit-grid {
    grid-template-columns: 1fr;
  }

  .pmc-gel-benefit-heading h2 {
    font-size: 27px;
  }

  .pmc-gel-benefit-heading p {
    font-size: 15.5px;
  }

  .pmc-gel-benefit-card {
    padding: 30px 20px;
  }
}


.lux-nail-choice-section {
  padding: 90px 0;
  background: #0d0d0d;
  position: relative;
  overflow: hidden;
}

.lux-nail-choice-section::before {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.22), transparent 65%);
  top: -180px;
  left: -180px;
}

.lux-nail-choice-section::after {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.08), transparent 65%);
  right: -150px;
  bottom: -150px;
}

.lux-nail-choice-container {
  width: 90%;
  max-width: 1200px;
  margin: auto;
  position: relative;
  z-index: 2;
}

.lux-nail-choice-head {
  max-width: 760px;
  margin: 0 auto 55px;
  text-align: center;
}

.lux-nail-choice-tag {
  display: inline-block;
  padding: 8px 22px;
  border: 1px solid rgba(212, 175, 55, 0.55);
  color: #d4af37;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.lux-nail-choice-head h2 {
  font-size: 42px;
  line-height: 1.2;
  color: #ffffff;
  font-weight: 850;
  margin: 0 0 18px;
}

.lux-nail-choice-head p {
  font-size: 17px;
  line-height: 1.7;
  color: #cfcfcf;
  margin: 0;
}

.lux-nail-choice-layout {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  border: 1px solid rgba(212, 175, 55, 0.22);
}

.lux-nail-choice-feature {
  position: relative;
  padding: 38px 28px;
  min-height: 260px;
  background: rgba(255, 255, 255, 0.03);
  border-right: 1px solid rgba(212, 175, 55, 0.18);
  border-bottom: 1px solid rgba(212, 175, 55, 0.18);
  overflow: hidden;
  transition: all 0.45s ease;
}

.lux-nail-choice-feature::before {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(135deg, #d4af37, #fff1a8);
  transition: all 0.45s ease;
  z-index: -1;
}

.lux-nail-choice-feature:hover::before,
.lux-nail-choice-feature.active-card::before {
  width: 100%;
}

.lux-nail-choice-feature:hover,
.lux-nail-choice-feature.active-card {
  transform: translateY(-10px);
  box-shadow: 0 30px 60px rgba(212, 175, 55, 0.22);
  z-index: 3;
}

.lux-nail-choice-number {
  font-size: 52px;
  line-height: 1;
  font-weight: 900;
  color: rgba(212, 175, 55, 0.22);
  margin-bottom: 35px;
  transition: all 0.35s ease;
}

.lux-nail-choice-feature h3 {
  font-size: 22px;
  font-weight: 800;
  color: #ffffff;
  margin: 0 0 14px;
  transition: all 0.35s ease;
}

.lux-nail-choice-feature p {
  font-size: 15.5px;
  line-height: 1.7;
  color: #c8c8c8;
  margin: 0;
  transition: all 0.35s ease;
}

.lux-nail-choice-feature:hover .lux-nail-choice-number,
.lux-nail-choice-feature.active-card .lux-nail-choice-number {
  color: rgba(0, 0, 0, 0.18);
  transform: translateX(8px);
}

.lux-nail-choice-feature:hover h3,
.lux-nail-choice-feature:hover p,
.lux-nail-choice-feature.active-card h3,
.lux-nail-choice-feature.active-card p {
  color: #111111;
}

@media (max-width: 991px) {
  .lux-nail-choice-layout {
    grid-template-columns: repeat(2, 1fr);
  }

  .lux-nail-choice-head h2 {
    font-size: 34px;
  }
}

@media (max-width: 575px) {
  .lux-nail-choice-section {
    padding: 60px 0;
  }

  .lux-nail-choice-layout {
    grid-template-columns: 1fr;
  }

  .lux-nail-choice-head h2 {
    font-size: 28px;
  }

  .lux-nail-choice-feature {
    min-height: auto;
    padding: 32px 22px;
  }
}




.elite-nailshape-section {
  position: relative;
  padding: 100px 0;
  background:
    linear-gradient(rgba(15, 13, 12, 0.92), rgba(15, 13, 12, 0.94)),
    radial-gradient(circle at top left, rgba(196, 154, 108, 0.25), transparent 35%);
  overflow: hidden;
}

.elite-nailshape-section::before {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  right: -140px;
  top: -120px;
  background: radial-gradient(circle, rgba(196, 154, 108, 0.22), transparent 65%);
  border-radius: 50%;
}

.elite-nailshape-section::after {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  left: -180px;
  bottom: -190px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.06), transparent 65%);
  border-radius: 50%;
}

.elite-nailshape-container {
  width: 90%;
  max-width: 1280px;
  margin: auto;
  position: relative;
  z-index: 2;
}

.elite-nailshape-heading {
  max-width: 780px;
  margin: 0 auto 55px;
  text-align: center;
}

.elite-nailshape-heading span {
  display: inline-block;
  padding: 9px 24px;
  border-radius: 50px;
  background: rgba(196, 154, 108, 0.12);
  border: 1px solid rgba(196, 154, 108, 0.45);
  color: #c49a6c;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.elite-nailshape-heading h2 {
  font-size: 46px;
  line-height: 1.15;
  font-weight: 850;
  color: #ffffff;
  margin: 0 0 16px;
}

.elite-nailshape-heading p {
  font-size: 17px;
  line-height: 1.8;
  color: #cfc6bd;
  margin: 0;
}

.elite-nailshape-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.elite-nailshape-card {
  position: relative;
  min-height: 360px;
  border-radius: 28px;
  overflow: hidden;
  background: #1b1715;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(196, 154, 108, 0.22);
  cursor: pointer;
}

/*.elite-wide-card {*/
/*  grid-column: span 2;*/
/*}*/

.elite-nailshape-card img {
  width: 100%;
  height: 100%;
  min-height: 360px;
  object-fit: cover;
  display: block;
  transform: scale(1.02);
  transition: 0.7s ease;
}

.elite-nailshape-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to top, rgba(10, 8, 7, 0.92) 0%, rgba(10, 8, 7, 0.52) 45%, rgba(10, 8, 7, 0.08) 100%);
  z-index: 1;
  transition: 0.45s ease;
}

.elite-nailshape-card::after {
  content: "";
  position: absolute;
  inset: 15px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 22px;
  z-index: 2;
  opacity: 0;
  transform: scale(0.92);
  transition: 0.45s ease;
}

.elite-nailshape-overlay {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 24px;
  z-index: 3;
  transform: translateY(18px);
  transition: 0.45s ease;
}

.elite-nailshape-overlay span {
  display: inline-flex;
  width: 46px;
  height: 46px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #c49a6c;
  color: #111;
  font-size: 15px;
  font-weight: 900;
  margin-bottom: 18px;
  transition: 0.45s ease;
}

.elite-nailshape-overlay h3 {
  font-size: 24px;
  color: #ffffff;
  font-weight: 850;
  margin: 0 0 10px;
}

.elite-nailshape-overlay p {
  font-size: 15px;
  line-height: 1.7;
  color: #e5ddd4;
  margin: 0;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: 0.45s ease;
}

.elite-nailshape-card:hover img {
  transform: scale(1.15);
  filter: brightness(0.78);
}

.elite-nailshape-card:hover::before {
  background:
    linear-gradient(to top, rgba(10, 8, 7, 0.95) 0%, rgba(10, 8, 7, 0.65) 50%, rgba(10, 8, 7, 0.20) 100%);
}

.elite-nailshape-card:hover::after {
  opacity: 1;
  transform: scale(1);
}

.elite-nailshape-card:hover .elite-nailshape-overlay {
  transform: translateY(0);
}

.elite-nailshape-card:hover .elite-nailshape-overlay span {
  background: #ffffff;
  transform: rotate(360deg);
}

.elite-nailshape-card:hover .elite-nailshape-overlay p {
  opacity: 1;
  max-height: 90px;
}

@media (max-width: 1199px) {
  .elite-nailshape-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .elite-wide-card {
    grid-column: span 1;
  }
}

@media (max-width: 991px) {
  .elite-nailshape-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .elite-nailshape-heading h2 {
    font-size: 36px;
  }
}

@media (max-width: 575px) {
  .elite-nailshape-section {
    padding: 65px 0;
  }

  .elite-nailshape-grid {
    grid-template-columns: 1fr;
  }

  .elite-nailshape-heading h2 {
    font-size: 29px;
  }

  .elite-nailshape-card,
  .elite-nailshape-card img {
    min-height: 330px;
  }
}


.glam-occasion-flow-section {
  position: relative;
  padding: 95px 0;
  background:
    linear-gradient(135deg, #fffdf8 0%, #f8f1e8 45%, #ffffff 100%);
  overflow: hidden;
}

.glam-occasion-flow-section::before {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(202, 146, 79, 0.18), transparent 68%);
  top: -220px;
  left: -180px;
}

.glam-occasion-flow-section::after {
  content: "";
  position: absolute;
  width: 480px;
  height: 480px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(86, 60, 39, 0.10), transparent 68%);
  right: -180px;
  bottom: -220px;
}

.glam-occasion-flow-container {
  width: 90%;
  max-width: 1250px;
  margin: auto;
  position: relative;
  z-index: 2;
}

.glam-occasion-flow-title {
  max-width: 760px;
  margin: 0 auto 65px;
  text-align: center;
}

.glam-occasion-flow-title span {
  display: inline-block;
  padding: 9px 26px;
  border-radius: 50px;
  background: #fff;
  color: #9b6b3d;
  border: 1px solid rgba(155, 107, 61, 0.22);
  box-shadow: 0 12px 35px rgba(155, 107, 61, 0.12);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.glam-occasion-flow-title h2 {
  font-size: 44px;
  line-height: 1.15;
  color: #23170f;
  font-weight: 900;
  margin: 0 0 16px;
}

.glam-occasion-flow-title p {
  font-size: 17px;
  line-height: 1.8;
  color: #6f6259;
  margin: 0;
}

.glam-occasion-flow-wrapper {
  position: relative;
  min-height: 620px;
  border-radius: 42px;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.85), rgba(255,248,238,0.72));
  border: 1px solid rgba(155, 107, 61, 0.14);
  box-shadow: 0 30px 90px rgba(90, 63, 42, 0.13);
  overflow: hidden;
}

.glam-occasion-flow-wrapper::before {
  content: "";
  position: absolute;
  inset: 45px;
  border-radius: 36px;
  border: 1px dashed rgba(155, 107, 61, 0.23);
}

.glam-occasion-flow-wrapper::after {
  content: "";
  position: absolute;
  width: 360px;
  height: 360px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle, rgba(155, 107, 61, 0.16), transparent 68%);
  border-radius: 50%;
}

.glam-occasion-center-box {
  position: absolute;
  width: 290px;
  min-height: 250px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background:
    linear-gradient(145deg, #2b1c12, #7c522c);
  border-radius: 34px;
  padding: 36px 26px;
  text-align: center;
  z-index: 5;
  box-shadow: 0 25px 70px rgba(72, 45, 25, 0.28);
  overflow: hidden;
}

.glam-occasion-center-box::before {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  top: -90px;
  right: -80px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
}

.glam-occasion-center-icon {
  width: 78px;
  height: 78px;
  margin: 0 auto 20px;
  border-radius: 26px;
  background: #fff;
  color: #7c522c;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 38px;
  position: relative;
  z-index: 2;
  transition: 0.45s ease;
}

.glam-occasion-center-box:hover .glam-occasion-center-icon {
  transform: rotate(-8deg) scale(1.08);
}

.glam-occasion-center-box h3 {
  position: relative;
  z-index: 2;
  font-size: 26px;
  line-height: 1.2;
  color: #fff;
  margin: 0 0 12px;
  font-weight: 900;
}

.glam-occasion-center-box p {
  position: relative;
  z-index: 2;
  font-size: 15.5px;
  line-height: 1.7;
  color: #f3e7dc;
  margin: 0;
}

.glam-occasion-item {
  position: absolute;
  width: 250px;
  min-height: 94px;
  padding: 18px 18px 18px 76px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(155, 107, 61, 0.14);
  box-shadow: 0 16px 45px rgba(92, 62, 38, 0.10);
  z-index: 4;
  transition: 0.45s ease;
}

.glam-occasion-item span {
  position: absolute;
  left: 18px;
  top: 18px;
  width: 42px;
  height: 42px;
  border-radius: 16px;
  background: #f1dfc9;
  color: #7b4d28;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 900;
  transition: 0.45s ease;
}

.glam-occasion-item h4 {
  font-size: 18px;
  line-height: 1.35;
  color: #2b1c12;
  font-weight: 850;
  margin: 6px 0 0;
  transition: 0.35s ease;
}

.glam-occasion-item:hover {
  transform: translateY(-10px) scale(1.04);
  background: #2b1c12;
  box-shadow: 0 25px 60px rgba(72, 45, 25, 0.22);
}

.glam-occasion-item:hover span {
  background: #fff;
  color: #2b1c12;
  transform: rotate(360deg);
}

.glam-occasion-item:hover h4 {
  color: #fff;
}

/* Positions */
.glam-item-one {
  left: 70px;
  top: 80px;
}

.glam-item-two {
  right: 80px;
  top: 80px;
}

.glam-item-three {
  left: 130px;
  top: 250px;
}

.glam-item-four {
  right: 130px;
  top: 250px;
}

.glam-item-five {
  left: 70px;
  bottom: 80px;
}

.glam-item-six {
  right: 80px;
  bottom: 80px;
}

.glam-item-seven {
  left: 50%;
  top: 55px;
  transform: translateX(-50%);
}

.glam-item-eight {
  left: 50%;
  bottom: 55px;
  transform: translateX(-50%);
}

.glam-item-seven:hover,
.glam-item-eight:hover {
  transform: translateX(-50%) translateY(-10px) scale(1.04);
}

/* Responsive */
@media (max-width: 1199px) {
  .glam-occasion-flow-wrapper {
    min-height: auto;
    padding: 40px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px;
  }

  .glam-occasion-flow-wrapper::before,
  .glam-occasion-flow-wrapper::after {
    display: none;
  }

  .glam-occasion-center-box,
  .glam-occasion-item,
  .glam-item-one,
  .glam-item-two,
  .glam-item-three,
  .glam-item-four,
  .glam-item-five,
  .glam-item-six,
  .glam-item-seven,
  .glam-item-eight {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    transform: none;
    width: auto;
  }

  .glam-occasion-center-box {
    grid-column: span 2;
    margin: auto;
    width: 100%;
    max-width: 480px;
  }

  .glam-item-seven:hover,
  .glam-item-eight:hover {
    transform: translateY(-10px) scale(1.04);
  }
}

@media (max-width: 767px) {
  .glam-occasion-flow-section {
    padding: 65px 0;
  }

  .glam-occasion-flow-title h2 {
    font-size: 31px;
  }

  .glam-occasion-flow-title {
    margin-bottom: 38px;
  }

  .glam-occasion-flow-wrapper {
    grid-template-columns: 1fr;
    padding: 24px;
    border-radius: 28px;
  }

  .glam-occasion-center-box {
    grid-column: span 1;
    border-radius: 26px;
  }

  .glam-occasion-item {
    min-height: auto;
  }
}


/*June css*/

.nw-salon-why {
  padding: 90px 20px;
  background: #12070c;
  font-family: Arial, sans-serif;
  overflow: hidden;
}

.nw-salon-wrap {
  max-width: 1180px;
  margin: auto;
  display: grid;
  grid-template-columns: 38% 62%;
  gap: 45px;
  align-items: center;
}

.nw-mini-title {
  color: #f8b7c8;
  font-size: 16px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 700;
}

.nw-salon-left h2 {
  color: #fff;
  font-size: 42px;
  line-height: 1.18;
  margin: 18px 0;
}

.nw-salon-left p {
  color: #d8c5cc;
  font-size: 17px;
  line-height: 1.8;
  margin-bottom: 28px;
}

.nw-salon-btn {
  display: inline-block;
  padding: 14px 30px;
  background: linear-gradient(135deg, #e65b8b, #b81458);
  color: #fff;
  border-radius: 40px;
  text-decoration: none;
  font-weight: 700;
  box-shadow: 0 12px 30px rgba(230, 91, 139, 0.35);
}

.nw-salon-right {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.nw-feature-card {
  min-height: 150px;
  padding: 24px 20px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(12px);
  transition: all 0.35s ease;
}

.nw-feature-card h3 {
  color: #f8b7c8;
  font-size: 32px;
  margin: 0 0 18px;
}

.nw-feature-card p {
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
  font-weight: 600;
}

.nw-feature-card.big {
  background: linear-gradient(135deg, #e65b8b, #b81458);
}

.nw-feature-card.big h3 {
  color: #fff;
}

.nw-feature-card.wide {
  grid-column: span 2;
}

.nw-feature-card:hover {
  transform: translateY(-10px) scale(1.02);
  background: #fff;
  box-shadow: 0 20px 45px rgba(255, 120, 165, 0.25);
}

.nw-feature-card:hover h3 {
  color: #b81458;
}

.nw-feature-card:hover p {
  color: #222;
}

@media (max-width: 991px) {
  .nw-salon-wrap {
    grid-template-columns: 1fr;
  }

  .nw-salon-right {
    grid-template-columns: repeat(2, 1fr);
  }

  .nw-salon-left h2 {
    font-size: 34px;
  }
}

@media (max-width: 575px) {
  .nw-salon-why {
    padding: 60px 15px;
  }

  .nw-salon-right {
    grid-template-columns: 1fr;
  }

  .nw-feature-card.wide {
    grid-column: span 1;
  }

  .nw-salon-left h2 {
    font-size: 28px;
  }
}

.ht-service-section {
  padding: 90px 20px;
  background: linear-gradient(135deg, #fff8fb, #fdf0f5);
  font-family: Arial, sans-serif;
}

.ht-service-container {
  max-width: 1180px;
  margin: auto;
}

.ht-service-heading {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 50px;
}

.ht-service-heading span {
  color: #c2185b;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.ht-service-heading h2 {
  font-size: 40px;
  color: #1f1f1f;
  margin: 12px 0;
}

.ht-service-heading p {
  font-size: 17px;
  color: #666;
  margin: 0;
}

.ht-service-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.ht-service-card {
  background: #fff;
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 14px 35px rgba(194, 24, 91, 0.12);
  transition: all 0.4s ease;
  position: relative;
}

.ht-service-img {
  height: 260px;
  overflow: hidden;
}

.ht-service-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}

.ht-service-content {
  padding: 24px 22px 28px;
  position: relative;
  background: #fff;
}

.ht-service-content h3 {
  font-size: 22px;
  color: #222;
  margin: 0 0 12px;
}

.ht-service-content p {
  font-size: 15.5px;
  line-height: 1.7;
  color: #666;
  margin: 0;
}

.ht-service-card:hover {
  transform: translateY(-12px);
  box-shadow: 0 25px 50px rgba(194, 24, 91, 0.22);
}

.ht-service-card:hover .ht-service-img img {
  transform: scale(1.12);
}

.ht-service-card:hover .ht-service-content {
  background: linear-gradient(135deg, #c2185b, #e65b8b);
}

.ht-service-card:hover .ht-service-content h3,
.ht-service-card:hover .ht-service-content p {
  color: #fff;
}

@media (max-width: 991px) {
  .ht-service-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .ht-service-heading h2 {
    font-size: 32px;
  }
}

@media (max-width: 575px) {
  .ht-service-section {
    padding: 60px 15px;
  }

  .ht-service-grid {
    grid-template-columns: 1fr;
  }

  .ht-service-img {
    height: 240px;
  }

  .ht-service-heading h2 {
    font-size: 28px;
  }
}




.st-benefit-sec {
  padding: 90px 20px;
  background: radial-gradient(circle at top left, #ffe2ec, #fff8fb 45%, #ffffff);
  font-family: Arial, sans-serif;
  overflow: hidden;
}

.st-benefit-wrap {
  max-width: 1180px;
  margin: auto;
}

.st-benefit-title {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 50px;
}

.st-benefit-title span {
  display: inline-block;
  color: #c2185b;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.st-benefit-title h2 {
  font-size: 40px;
  color: #1f1f1f;
  margin: 0 0 14px;
  line-height: 1.25;
}

.st-benefit-title p {
  color: #666;
  font-size: 17px;
  margin: 0;
}

.st-benefit-box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}

.st-benefit-item {
  background: rgba(255, 255, 255, 0.9);
  padding: 34px 26px;
  border-radius: 28px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 18px 45px rgba(194, 24, 91, 0.12);
  border: 1px solid rgba(194, 24, 91, 0.10);
  transition: all 0.4s ease;
}

.st-benefit-item::before {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  background: linear-gradient(135deg, #e65b8b, #c2185b);
  border-radius: 50%;
  top: -55px;
  right: -55px;
  opacity: 0.18;
  transition: all 0.4s ease;
}

.st-benefit-item span {
  display: inline-flex;
  width: 54px;
  height: 54px;
  background: #c2185b;
  color: #fff;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  font-weight: 800;
  font-size: 18px;
  margin-bottom: 24px;
  transition: all 0.4s ease;
}

.st-benefit-item h3 {
  font-size: 22px;
  color: #222;
  margin: 0 0 12px;
}

.st-benefit-item p {
  color: #666;
  font-size: 15.8px;
  line-height: 1.7;
  margin: 0;
}

.st-benefit-item:hover {
  transform: translateY(-12px);
  background: #000;
  box-shadow: 0 25px 55px rgba(194, 24, 91, 0.28);
}

.st-benefit-item:hover::before {
  width: 260px;
  height: 260px;
  opacity: 0.25;
}

.st-benefit-item:hover span {
  background: #fff;
  color: #c2185b;
  transform: rotate(-8deg) scale(1.08);
}

.st-benefit-item:hover h3,
.st-benefit-item:hover p {
  color: #fff;
}

@media (max-width: 991px) {
  .st-benefit-box {
    grid-template-columns: repeat(2, 1fr);
  }

  .st-benefit-title h2 {
    font-size: 32px;
  }
}

@media (max-width: 575px) {
  .st-benefit-sec {
    padding: 60px 15px;
  }

  .st-benefit-box {
    grid-template-columns: 1fr;
  }

  .st-benefit-title h2 {
    font-size: 28px;
  }
}

.hs-book-appoint-sec {
  padding: 80px 0;
  background: linear-gradient(135deg, #fff1f6, #ffffff);
  font-family: Arial, sans-serif;
}

.hs-book-box {
  text-align: center;
  padding: 60px 25px;
  border-radius: 35px;
  background: #8d7e00;
  box-shadow: 0 25px 60px rgba(194, 24, 91, 0.28);
  position: relative;
  overflow: hidden;
}

.hs-book-box::before {
  content: "";
  position: absolute;
  width: 220px;
  height: 220px;
  background: rgba(255,255,255,0.14);
  border-radius: 50%;
  top: -90px;
  left: -70px;
}

.hs-book-box::after {
  content: "";
  position: absolute;
  width: 260px;
  height: 260px;
  background: rgba(255,255,255,0.10);
  border-radius: 50%;
  bottom: -110px;
  right: -80px;
}

.hs-book-box span,
.hs-book-box h2,
.hs-book-box p,
.hs-book-buttons {
  position: relative;
  z-index: 2;
}

.hs-book-box span {
  display: inline-block;
  color: #ffe3ec;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.hs-book-box h2 {
  color: #fff;
  font-size: 40px;
  line-height: 1.25;
  margin: 0 0 14px;
}

.hs-book-box p {
  color: #fff4f8;
  font-size: 18px;
  margin: 0 0 32px;
}

.hs-book-buttons {
  display: flex;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
}

.hs-book-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 180px;
  padding: 15px 28px;
  border-radius: 50px;
  text-decoration: none;
  font-size: 17px;
  font-weight: 800;
  transition: all 0.35s ease;
}

.hs-call-btn {
  background: #fff;
  color: #c2185b;
}

.hs-whatsapp-btn {
  background: #25d366;
  color: #fff;
}

.hs-book-btn:hover {
  transform: translateY(-7px);
  box-shadow: 0 16px 35px rgba(0,0,0,0.22);
}

.hs-call-btn:hover {
  color: #c2185b;
  background: #fff;
}

.hs-whatsapp-btn:hover {
  color: #fff;
  background: #18b957;
}

@media (max-width: 575px) {
  .hs-book-appoint-sec {
    padding: 55px 0;
  }

  .hs-book-box {
    padding: 45px 18px;
    border-radius: 24px;
  }

  .hs-book-box h2 {
    font-size: 28px;
  }

  .hs-book-box p {
    font-size: 16px;
  }

  .hs-book-btn {
    width: 100%;
  }
}




img.ambt-head-img {
    width: 100%;
    height: auto;
    margin-bottom: 60px;
    border-radius: 15px;
    border: 4px solid #62acf9;
}
        
        
    @media (max-width: 576px) {
         img.ambt-head-img{
             margin-top:20px;
         }
    }
       
       h2.ambt-head-sec {
    margin-top: 50px;
}

.ambt-sec-p {
    font-size: 17px;
    color: black;
        margin-bottom: 20px;
}

a.ambt-sec-btn {
    border: 4px solid;
    background: #d4af37;
    text-decoration: none;
    padding: 12px 24px;
    color: #fff;
    border-radius: 17px;
    margin-top: 61px;
}

a.ambt-sec-btn:hover {
    background: #fff;
    color: #d4af37;
    border-color: #d4af37;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(212, 175, 55, 0.4);
}



.aroma-choose-section {
    padding: 90px 15px;
    background: linear-gradient(135deg, #fffaf1, #f8ead0);
}

.aroma-choose-container {
    max-width: 1200px;
    margin: auto;
}

.aroma-choose-heading {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 50px;
}

.aroma-choose-heading span {
    display: inline-block;
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

.aroma-choose-heading h2 {
    font-size: 42px;
    color: #222;
    margin-bottom: 15px;
    font-weight: 700;
}

.aroma-choose-heading p {
    font-size: 17px;
    color: #666;
    line-height: 28px;
}

.aroma-choose-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}

.aroma-choose-card {
    background: #fff;
    padding: 30px 20px;
    min-height: 140px;
    border-radius: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #222;
    font-size: 17px;
    font-weight: 600;
    line-height: 28px;
    border: 1px solid rgba(212, 175, 55, 0.25);
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    position: relative;
    overflow: hidden;
    transition: all .4s ease;
    z-index: 1;
}

.aroma-choose-card::before {
    content: "";
    position: absolute;
    width: 250%;
    height: 250%;
    background: linear-gradient(135deg,#d4af37,#8b5e24);
    top: 100%;
    left: 100%;
    transform: translate(-50%,-50%) rotate(45deg);
    transition: all .5s ease;
    z-index: -1;
}

.aroma-choose-card:hover::before {
    top: 50%;
    left: 50%;
}

.aroma-choose-card:hover {
    color: #fff;
    transform: translateY(-10px);
    box-shadow: 0 20px 45px rgba(212,175,55,.35);
}

.aroma-choose-card:hover {
    border-color: #d4af37;
}

@media(max-width:991px){

    .aroma-choose-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .aroma-choose-heading h2{
        font-size:32px;
    }
}

@media(max-width:576px){

    .aroma-choose-grid{
        grid-template-columns:1fr;
    }

    .aroma-choose-heading h2{
        font-size:26px;
    }

    .aroma-choose-card{
        min-height:120px;
        font-size:16px;
    }
}




.aroma-benefit-sec {
    padding: 90px 15px;
    background: linear-gradient(135deg, #2b1b12, #6b431f);
}

.aroma-benefit-wrap {
    max-width: 1200px;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 50px;
    align-items: center;
}

.aroma-benefit-left span {
    color: #d4af37;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.aroma-benefit-left h2 {
    color: #fff;
    font-size: 42px;
    line-height: 1.2;
    margin: 15px 0;
}

.aroma-benefit-left p {
    color: #f3dfbd;
    font-size: 17px;
    line-height: 30px;
}

.aroma-benefit-right {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px;
}

.aroma-benefit-box {
    background: rgba(255,255,255,0.08);
    color: #fff;
    padding: 28px 22px;
    border-radius: 22px;
    font-size: 18px;
    font-weight: 600;
    min-height: 110px;
    display: flex;
    align-items: center;
    border: 1px solid rgba(212,175,55,0.35);
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
    z-index: 1;
}

.aroma-benefit-box::before {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    background: #d4af37;
    top: 0;
    left: 0;
    transition: all 0.4s ease;
    z-index: -1;
}

.aroma-benefit-box:hover::before {
    width: 100%;
}

.aroma-benefit-box:hover {
    color: #2b1b12;
    transform: translateX(10px);
    box-shadow: 0 18px 35px rgba(212,175,55,0.35);
}

@media(max-width: 991px) {
    .aroma-benefit-wrap {
        grid-template-columns: 1fr;
    }

    .aroma-benefit-left h2 {
        font-size: 32px;
    }
}

@media(max-width: 576px) {
    .aroma-benefit-sec {
        padding: 60px 15px;
    }

    .aroma-benefit-right {
        grid-template-columns: 1fr;
    }

    .aroma-benefit-left h2 {
        font-size: 27px;
    }
}



.bt-modern-sec {
    padding: 100px 15px;
    background:
        radial-gradient(circle at top left, rgba(212,175,55,.22), transparent 35%),
        linear-gradient(135deg, #1b100b, #5a3218);
}

.bt-modern-container {
    max-width: 1200px;
    margin: auto;
}

.bt-modern-head {
    text-align: center;
    max-width: 780px;
    margin: 0 auto 55px;
}

.bt-modern-head span {
    color: #d4af37;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 14px;
}

.bt-modern-head h2 {
    color: #fff;
    font-size: 44px;
    margin: 14px 0;
    font-weight: 800;
}

.bt-modern-head p {
    color: #f1d8b6;
    font-size: 17px;
    line-height: 28px;
}

.bt-modern-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 26px;
}

.bt-modern-card {
    height: 310px;
    border-radius: 28px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 18px 45px rgba(0,0,0,.28);
    transition: all .45s ease;
}

.bt-modern-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: all .7s ease;
}

.bt-modern-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,.85), rgba(0,0,0,.15), rgba(212,175,55,.15));
    z-index: 1;
    transition: all .45s ease;
}

.bt-modern-card::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: rgba(212,175,55,.85);
    right: -70px;
    top: -70px;
    z-index: 2;
    transition: all .45s ease;
}

.bt-modern-content {
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 22px;
    z-index: 3;
    transition: all .45s ease;
}

.bt-modern-content span {
    display: inline-flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #d4af37;
    color: #1b100b;
    font-weight: 800;
    margin-bottom: 14px;
}

.bt-modern-content h3 {
    color: #fff;
    font-size: 22px;
    margin: 0;
    font-weight: 800;
}

.bt-modern-card:hover {
    transform: translateY(-14px);
}

.bt-modern-card:hover img {
    transform: scale(1.18);
}

.bt-modern-card:hover::before {
    background: linear-gradient(to top, rgba(26,12,5,.95), rgba(90,50,24,.55));
}

.bt-modern-card:hover::after {
    width: 100%;
    height: 100%;
    border-radius: 0;
    right: 0;
    top: 0;
    background: rgba(212,175,55,.22);
}

.bt-modern-card:hover .bt-modern-content {
    bottom: 50%;
    transform: translateY(50%);
    text-align: center;
}

@media(max-width: 991px) {
    .bt-modern-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .bt-modern-head h2 {
        font-size: 34px;
    }
}

@media(max-width: 576px) {
    .bt-modern-sec {
        padding: 65px 15px;
    }

    .bt-modern-grid {
        grid-template-columns: 1fr;
    }

    .bt-modern-head h2 {
        font-size: 28px;
    }

    .bt-modern-card {
        height: 330px;
    }
}



.spa-nawada-section {
  padding: 70px 0;
  background: linear-gradient(135deg, #fff7f1, #f8e7dc);
  margin-top:40px;
}

.spa-nawada-box {
  background: #ffffff;
  padding: 45px 35px;
  border-radius: 22px;
  text-align: center;
  box-shadow: 0 15px 45px rgba(120, 70, 40, 0.15);
  position: relative;
  overflow: hidden;
}

.spa-nawada-box::before {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  background: rgba(176, 112, 72, 0.12);
  border-radius: 50%;
  top: -70px;
  right: -70px;
}

.spa-nawada-subtitle {
  display: inline-block;
  padding: 8px 18px;
  background: #8b4b2f;
  color: #ffffff;
  border-radius: 30px;
  font-size: 15px;
  margin-bottom: 18px;
}

.spa-nawada-box h2 {
  color: #3b2418;
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 18px;
}

.spa-nawada-box p {
  color: #5f4a3f;
  font-size: 17px;
  line-height: 1.8;
  max-width: 950px;
  margin: 0 auto 30px;
}

.spa-nawada-btn-wrap {
  display: flex;
  justify-content: center;
  gap: 15px;
  flex-wrap: wrap;
}

.spa-nawada-btn {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 13px 28px;
  border-radius: 40px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

.spa-nawada-call {
  background: #8b4b2f;
}

.spa-nawada-whatsapp {
  background: #25d366;
}

.spa-nawada-btn:hover {
  color: #ffffff;
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.18);
}

@media (max-width: 767px) {
  .spa-nawada-section {
    padding: 45px 0;
  }

  .spa-nawada-box {
    padding: 32px 20px;
  }

  .spa-nawada-box h2 {
    font-size: 26px;
  }

  .spa-nawada-box p {
    font-size: 15px;
  }

  .spa-nawada-btn {
    width: 100%;
    justify-content: center;
  }
}