:root {
            --primary-color: #000;
            --secondary-color: #333;
            --accent-color: #d4af37;
        }

        body {
            font-family: 'Helvetica Neue', Arial, sans-serif;
            color: var(--secondary-color);
        }


        .hero-section {
            background-color: #f8f9fa;
            padding: 100px 0;
            position: relative;
            overflow: hidden;
        }

        .hero-title {
            font-size: 3rem;
            font-weight: 700;
            margin-bottom: 20px;
        }

        .contact-hero {
            padding: 80px 0;
            text-align: center;
        }

        .contact-title {
            font-size: 3rem;
            font-weight: 700;
            margin-bottom: 30px;
        }

        .contact-title span:first-child {
            color: var(--primary-color);
        }

        .contact-title span:last-child {
            color: var(--accent-color);
        }

        .contact-subtitle {
            font-size: 1.5rem;
            font-weight: 600;
            margin-bottom: 40px;
        }

        .contact-logo {
            max-width: 300px;
            margin-bottom: 30px;
        }

        .contact-info {
            margin-bottom: 40px;
        }

        .contact-info i {
            color: var(--accent-color);
            margin-right: 10px;
            font-size: 1.2rem;
        }

        .contact-form {
            background-color: #f8f9fa;
            padding: 40px;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
        }

        .form-control {
            padding: 15px;
            border-radius: 0;
            border: 1px solid #ddd;
            margin-bottom: 20px;
        }

        .btn-submit {
            background-color: var(--accent-color);
            color: white;
            border: none;
            padding: 15px 30px;
            font-weight: 600;
            width: 100%;
        }

        .btn-submit:hover {
            background-color: #c9a227;
            color: white;
        }

        .map-container {
            height: 400px;
            margin-bottom: 40px;
        }

        .map-container iframe {
            width: 100%;
            height: 100%;
            border: none;
            border-radius: 10px;
        }

        .btn-book {
            background-color: var(--accent-color);
            color: white;
            border: none;
            padding: 10px 25px;
            font-weight: 600;
        }

        .btn-book:hover {
            background-color: #c9a227;
            color: white;
        }

        .section-title {
            position: relative;
            margin-bottom: 40px;
            text-align: center;
        }

        .section-title h2 {
            font-weight: 700;
            display: inline-block;
        }

        .section-title h2 span:first-child {
            color: var(--primary-color);
        }

        .section-title h2 span:last-child {
            color: var(--accent-color);
        }

        .services-hero {
            padding: 80px 0;
            background-color: #f8f9fa;
            text-align: center;
        }

        .services-title {
            font-size: 3rem;
            font-weight: 700;
            margin-bottom: 30px;
        }

        .services-title span:first-child {
            color: var(--primary-color);
        }

        .services-title span:last-child {
            color: var(--accent-color);
        }

        .service-card {
            border: none;
            margin-bottom: 30px;
            transition: transform 0.3s;
            overflow: hidden;
        }

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

        .service-card img {
            width: 100%;
            height: 300px;
            object-fit: cover;
        }

        .service-card h3 {
            margin-top: 15px;
            font-weight: 600;
            text-align: center;
        }

         #testimonialsCarousel {
        position: relative;
        padding: 0 50px; /* Add space for arrows */
    }

    .carousel-control-prev,
    .carousel-control-next {
        width: 40px;
        height: 40px;
        background-color: var(--accent-color);
        border-radius: 50%;
        top: 50%;
        transform: translateY(-50%);
        opacity: 1;
    }

    .carousel-control-prev {
        left: 0;
    }

    .carousel-control-next {
        right: 0;
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        width: 20px;
        height: 20px;
    }

    .testimonial-card {
        background-color: white;
        border-radius: 10px;
        padding: 40px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
        margin: 15px auto;
        max-width: 800px;
        position: relative;
    }

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

    .testimonial-quote {
        font-size: 36px;
        color: var(--accent-color);
        line-height: 1;
        margin-bottom: 15px;
    }

    .testimonial-card p {
        font-size: 18px;
        line-height: 1.6;
        margin-bottom: 20px;
        color: #555;
    }

    .testimonial-card h5 {
        font-weight: 600;
        color: #333;
        margin-bottom: 0;
    }
    .blog-card {
        margin-bottom: 30px;
    }

    .blog-card img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        margin-bottom: 15px;
    }

    .blog-card h4 {
        font-weight: 600;
    }

    .newsletter-section {
        background-color: #f8f9fa;
        padding: 60px 0;
    }

    .newsletter-input {
        border-radius: 0;
        border: 1px solid #ddd;
        padding: 15px;
    }

    .about-hero {
        padding: 80px 0;
        background-color: #f8f9fa;
    }

    .about-title {
        font-size: 2.5rem;
        font-weight: 700;
        margin-bottom: 30px;
    }

    .section-title {
        font-size: 1.8rem;
        font-weight: 600;
        margin-bottom: 20px;
        color: var(--primary-color);
    }

    .about-img {
        width: 100%;
        height: auto;
        border-radius: 10px;
        margin-bottom: 30px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    }

    .btn-subscribe {
        background-color: var(--accent-color);
        color: white;
        border: none;
        padding: 15px 30px;
        font-weight: 600;
    }

    .social-icon {
        color: var(--primary-color);
        font-size: 20px;
        margin: 0 10px;
    }

    .booking-hero {
        padding: 80px 0;
        background-color: var(--accent-color);
        color: white;
        text-align: center;
    }

    .booking-title {
        font-size: 3rem;
        font-weight: 700;
        margin-bottom: 20px;
    }

    .booking-subtitle {
        font-size: 1.2rem;
        margin-bottom: 30px;
    }

    .booking-container {
        max-width: 800px;
        margin: -50px auto 50px;
        background-color: white;
        border-radius: 10px;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
        padding: 40px;
        position: relative;
        z-index: 1;
    }

    footer {
        background-color: #222;
        color: white;
        padding: 60px 0 0;
    }

    footer h5 {
        color: white;
        margin-bottom: 20px;
        font-weight: 600;
    }

    footer a {
        color: #aaa;
        text-decoration: none;
    }

    footer a:hover {
        color: white;
    }

    .footer-bottom {
        background-color: #111;
        padding: 20px 0;
        margin-top: 40px;
    }
    
/* ALL HEADING STYLING */
.discover .discover-title,
.our-styles .our-styles-title,
.whats-new .whats-new-title,
.customer-review .customer-review-title {
  font-family: "Work Sans", sans-serif;
  font-weight: 300;
  font-size: 30px;
  line-height: 42px;
  text-align: center;
}

/* LOGO STYLING */
.logo {
  width: 100% !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 30px 0 50px !important;
}

/* NAVIGATION BAR STYLING */
.navbar {
  font-family: "Montserrat", sans-serif;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row nowrap;
  margin: 40px 0 !important;
}

.navbar ul {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row nowrap;
  gap: 2rem;
  font-size: 15px;
  letter-spacing: 0.75px;
  font-weight: bold;
}

.navbar ul li a {
  padding: 8px 18px !important;
  border-radius: 5px;
  color: #181a1f;
  text-decoration: none;
  transition: 0.2s ease all;
}

.navbar ul li a:hover {
  color: #d28881;
}

.navbar ul li a.btn {
  background-color: #d28881;
  color: #fff;
  border: 1px solid #d28881;
}

.navbar ul li a.btn:hover {
  background-color: #fff;
  color: #d28881;
}

/* Mobile Menu Toggle */
.menu-toggle {
  display: none;
  cursor: pointer;
  padding: 10px !important;
  z-index: 1000;
}

.menu-toggle span {
  display: block;
  width: 25px;
  height: 3px;
  background-color: #181a1f;
  margin: 5px 0 !important;
  transition: 0.4s;
}

/* Responsive Styles for Navbar */
@media (max-width: 992px) {
  .navbar {
    flex-wrap: wrap;
    justify-content: center;
  }
  
  .navbar ul {
    gap: 1rem;
  }
}

@media (max-width: 768px) {
  .navbar {
    justify-content: space-between;
    padding: 0 15px !important;
  }
  
  .menu-toggle {
    display: block;
  }
  
  .navbar ul {
    position: fixed;
    top: 0;
    left: -100%;
    width: 80%;
    height: 100vh;
    background-color: #fff;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    transition: 0.5s;
    z-index: 999;
    box-shadow: 2px 0 10px rgba(0,0,0,0.1);
  }
  
  .navbar ul.active {
    left: 0;
  }
  
  .navbar ul li {
    width: 100%;
    text-align: center;
  }
  
  .navbar ul li a {
    display: block;
    padding: 15px !important;
    font-size: 18px;
  }
  
  /* Animation for hamburger icon */
  .menu-toggle.active span:nth-child(1) {
    transform: rotate(-45deg) translate(-5px, 6px);
  }
  
  .menu-toggle.active span:nth-child(2) {
    opacity: 0;
  }
  
  .menu-toggle.active span:nth-child(3) {
    transform: rotate(45deg) translate(-5px, -6px);
  }
}

@media (max-width: 576px) {
  .navbar ul {
    width: 100%;
  }
  
  .navbar ul li a {
    font-size: 16px;
    padding: 12px !important;
  }
}
   
    .btn-primary {
        background-color: #0d6efd;
        border: none;
        border-radius: 8px;
        font-weight: 500;
        transition: all 0.3s ease;
    }

    .btn-primary:hover {
        background-color: #0b5ed7;
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(13, 110, 253, 0.3);
    }
 .policy-hero {
        background-color: #f8f9fa;
        padding: 80px 0 60px;
        text-align: center;
    }

    .policy-title {
        font-size: 2.5rem;
        font-weight: 700;
        color: #333;
        margin-bottom: 30px;
    }

    .policy-content {
        padding: 60px 0;
        line-height: 1.8;
        color: #555;
    }

    .policy-section {
        margin-bottom: 40px;
    }

    .policy-section h2 {
        font-size: 1.8rem;
        font-weight: 600;
        color: #333;
        margin-bottom: 20px;
        padding-bottom: 10px;
        border-bottom: 2px solid #f0f0f0;
    }

    .policy-section h3 {
        font-size: 1.4rem;
        font-weight: 600;
        color: #444;
        margin: 25px 0 15px;
    }

    .policy-list {
        padding-left: 20px;
        margin-bottom: 20px;
    }

    .policy-list li {
        margin-bottom: 10px;
    }

    .contact-info {
        background-color: #f9f9f9;
        padding: 30px;
        border-radius: 8px;
        margin-top: 30px;
    }

    .contact-info h3 {
        margin-top: 0;
    }

    .highlight-box {
        background-color: #fff8e1;
        border-left: 4px solid #ffc107;
        padding: 20px;
        margin: 25px 0;
    }
    @media (max-width: 991.98px) {
        .navbar-collapse {
            padding: 1rem 0;
        }
        
        .nav-item {
            margin: 0.5rem 0;
        }
        
        .nav-link.active::after {
            display: none;
        }
        
        .btn-primary {
            margin-top: 0.5rem;
            width: 100%;
        }
    }
    
    @media (max-width: 768px) {
        .policy-title {
            font-size: 2rem;
        }

        .policy-content {
            padding: 40px 0;
        }
          #testimonialsCarousel {
            padding: 0 30px;
        }

        .testimonial-card {
            padding: 30px 20px;
        }

        .testimonial-img {
            width: 80px;
            height: 80px;
        }

        .testimonial-card p {
            font-size: 16px;
        }
    }

/* SECTION1 STYLING */
.section-1 {
  position: relative;
  width: 100%;
  height: 800px;
  overflow: hidden;
  display: flex;
  flex-direction: column;      /* stack title + button vertically */
  justify-content: space-between; /* push title up, button down */
  align-items: center;         /* center horizontally */
  padding: 5% 0;               /* some breathing room */
}
.section-1 .appointment-btn {
  margin-bottom: 0 !important; /* let flex handle spacing */
}


.bg-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;  /* keeps proportions */
  object-position: right center; /* focus on person */
  z-index: -1; /* behind text */
}

/* On mobile, prevent cropping */
@media (max-width: 768px) {
  .section-1 {
    height: auto;             /* let height adjust naturally */
    min-height: 600px;        /* fallback minimum */
  }

  .bg-img {
    object-fit: contain;      /* show full image */
    object-position: center;  /* center it */
    background-color: #fff;   /* optional: fill gaps */
  }

  .section-1 .title {
    font-size: 22px;          /* scale down text */
    margin-left: 10%;         /* less side margin */
    margin-top: 15%;
  }

  .section-1 .appointment-btn {
    font-size: 16px;
    padding: 12px 24px !important;
  }
}
.section-1 .title {
  color: #744c4c;
  font-size: 30px;
  font-family: "Work Sans", sans-serif;
  line-height: 27px;
  letter-spacing: 0.75px;
  font-weight: 300;
  margin-top: 10% !important; /* Changed from absolute to margin */
  margin-left: 15% !important;
  align-self: flex-start; /* Aligns to left while using flex */
}

.section-1 .appointment-btn {
  background-color: white;
  border: none;
  display: flex;
  justify-content: center; /* Center button contents */
  align-items: center;
  font-size: 20px;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  line-height: 25.5px;
  cursor: pointer;
  margin-bottom: 5% !important; /* Positions from bottom */
  align-self: center; /* Centers horizontally */
  gap: 10px; /* Space between text and arrow */
  padding: 15px 30px !important; /* Better click target */
  transition: all 0.3s ease;
}

.section-1 .appointment-btn:hover {
  transform: translateY(-3px); /* Subtle hover effect */
}

.ei--arrow-right {
  transition: transform 0.3s ease;
}

.section-1 .appointment-btn:hover .ei--arrow-right {
  transform: translateX(5px); /* Arrow moves on hover */
}

/* Responsive adjustments */
@media (max-width: 992px) {
  .section-1 {
    height: 600px !important;
  }
  
  .section-1 .title {
    font-size: 26px;
    margin-left: 10% !important;
  }
}

@media (max-width: 768px) {
  .section-1 {
    height: 500px !important;
    background-position: 60% center; /* Adjust background for mobile */
  }
  
  .section-1 .title {
    font-size: 22px;
    margin-left: 5% !important;
    margin-top: 15% !important;
  }
  
  .section-1 .appointment-btn {
    font-size: 13px;
    padding: 12px 25px !important;
  }
}

@media (max-width: 576px) {
  .section-1 {
    height: 400px !important;
  }
  
  .section-1 .title {
    font-size: 20px;
    line-height: 24px;
  }
  
  .section-1 .appointment-btn {
    font-size: 12px;
    padding: 10px 20px !important;
  }
}
/* WELCOME SECTION - ENLARGED */
.welcome-section {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4rem; /* Increased gap between columns */
  margin: 60px auto !important; /* Increased top/bottom margin */
  max-width: 1400px; /* Wider max-width */
  padding: 40px 20px !important; /* More padding */
}

.welcome-section .left {
  width: 550px; /* Increased width */
  height: 700px; /* Increased height */
  flex-shrink: 0;
}

.welcome-section .left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px; /* Added subtle rounding */
  box-shadow: 0 10px 30px rgba(0,0,0,0.1); /* Added depth */
}

.welcome-section .right {
  width: 500px; /* Wider text area */
  height: 100%;
  font-family: "Work Sans", sans-serif !important;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-flow: column nowrap;
  gap: 1.5rem; /* Increased gap between elements */
}

.welcome-section .right .title {
  display: flex;
  justify-content: center;
  flex-flow: column nowrap;
  gap: 1.5rem;
}

.welcome-section h1 {
  font-size: 42px; /* Larger heading */
  font-weight: bold;
  letter-spacing: 1px;
}

.welcome-section h2 {
  font-weight: 300 !important;
  font-size: 36px; /* Larger subheading */
  line-height: 1.3;
  max-width: 90%;
}

.welcome-section p {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 18px; /* Larger paragraph text */
  line-height: 1.7;
  color: #181a1f;
}

.welcome-section .btn button {
  background-color: transparent;
  border: 3px solid #000;
  font-size: 14px; /* Larger button text */
  line-height: 19px;
  padding: 12px 28px !important; /* Larger button */
  margin-top: 30px !important;
  transition: 0.2s ease all;
  letter-spacing: 1px;
}

/* DISCOVER SECTION - ENLARGED */
.discover {
  text-align: center;
  padding: 60px 0 !important; /* More vertical padding */
  font-family: "Work Sans", sans-serif;
  background-color: #f9f9f9; /* Light background for contrast */
  margin: 80px 0 !important; /* More space around section */
}

.discover-title {
  margin: 30px auto 60px !important; /* More space below title */
  font-size: 42px !important; /* Larger title */
  letter-spacing: 1px;
}

.discover-container {
  display: flex;
  justify-content: center;
  align-items: stretch; /* Make boxes equal height */
  gap: 0;
  max-width: 1100px; /* Wider container */
  margin: 0 auto !important;
}

.discover-container .discover-box {
  display: flex;
  flex-flow: column nowrap;
  flex: 1; /* Equal width boxes */
  transition: transform 0.3s ease; /* Hover effect */
}

.discover-container .discover-box:hover {
  transform: translateY(-10px); /* Lift effect on hover */
}

.discover-box .img img {
  width: 100%; /* Responsive width */
  height: 380px; /* Taller images */
  object-fit: cover;
}

.discover-box .title {
  padding: 50px 0 !important; /* More padding */
  font-size: 24px; /* Larger text */
  letter-spacing: 0.5px;
}

/* RESPONSIVE ADJUSTMENTS */
@media (max-width: 1200px) {
  .welcome-section {
    max-width: 1200px;
    gap: 3rem;
  }
  
  .welcome-section .left {
    width: 500px;
    height: 650px;
  }
  
  .welcome-section .right {
    width: 450px;
  }
}

@media (max-width: 992px) {
  .welcome-section {
    flex-direction: column;
    text-align: center;
    margin: 40px auto !important;
  }
  
  .welcome-section .right {
    align-items: center;
    text-align: center;
    width: 100%;
    max-width: 700px;
    padding: 0 30px !important;
  }
  
  .welcome-section .left {
    width: 100%;
    max-width: 600px;
    height: auto;
  }
  
  .welcome-section h2 {
    max-width: 100%;
  }
  
  .discover-container {
    flex-wrap: wrap;
  }
  
  .discover-container .discover-box {
    flex: 0 0 50%; /* 2 columns on tablet */
  }
}

@media (max-width: 768px) {
  .welcome-section h1 {
    font-size: 36px;
  }
  
  .welcome-section h2 {
    font-size: 28px;
  }
  
  .discover-title {
    font-size: 36px !important;
    margin: 20px auto 40px !important;
  }
  
  .discover-box .img img {
    height: 300px;
  }
}

@media (max-width: 576px) {
  .welcome-section {
    padding: 30px 15px !important;
    gap: 2rem;
  }
  
  .welcome-section h1,
  .welcome-section h2 {
    font-size: 24px;
  }
  
  .welcome-section p {
    font-size: 16px;
  }
  
  .discover-container .discover-box {
    flex: 0 0 100%; /* Stack on mobile */
  }
  
  .discover-box .title {
    padding: 30px 0 !important;
  }
}
/* OUR STYLES - ENHANCED */
.our-styles {
  margin: 80px auto !important; /* Increased margin */
  padding: 40px 0 !important; /* Added padding */
  background-color: #f9f9f9; /* Light background for contrast */
}

.our-styles-title {
  text-align: center;
  margin: 20px auto 40px !important; /* Better spacing */
  font-size: 42px !important; /* Larger title */
  letter-spacing: 1px;
  line-height: 1.3;
}

.our-styles > p {
  text-align: center;
  margin: 20px auto 60px !important; /* Better spacing */
  font-size: 18px; /* Larger text */
  font-family: "Lato", sans-serif;
  font-weight: 300;
  line-height: 1.7;
  max-width: 800px; /* Limit width for better readability */
  padding: 0 20px !important; /* Padding for mobile */
}

.styles-container {
  display: flex;
  justify-content: center;
  align-items: stretch; /* Make boxes equal height */
  flex-flow: row wrap;
  width: 90%; /* Slightly wider */
  max-width: 1400px; /* Limit maximum width */
  margin: auto !important;
  gap: 30px; /* Space between boxes */
}

.styles-box {
  width: 600px !important; /* Wider boxes */
  height: 450px !important; /* Taller boxes */
  display: flex;
  justify-content: center;
  align-items: stretch; /* Stretch to fill height */
  flex-flow: row nowrap;
  transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth hover effects */
  border-radius: 8px; /* Rounded corners */
  overflow: hidden; /* Keep rounded corners */
}

.styles-box:hover {
  transform: translateY(-10px); /* Lift effect on hover */
  box-shadow: 0 15px 30px rgba(0,0,0,0.1); /* Shadow on hover */
}

.styles-box .img {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.styles-box .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease; /* Smooth image zoom */
}

.styles-box:hover .img img {
  transform: scale(1.05); /* Slight zoom on hover */
}

.styles-box .text {
  width: 50%;
  padding: 50px 40px !important; /* More padding */
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-flow: column nowrap;
  gap: 15px; /* Increased gap between text elements */
}

.styles-box .title {
  font-weight: bold;
  font-family: "Work Sans", sans-serif;
  font-size: 24px; /* Larger title */
  letter-spacing: 0.5px;
}

.styles-box .subtitle {
  color: #7a7a7a;
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 14px; /* Larger subtitle */
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase; /* Make more prominent */
}

.styles-box .description {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 16px; /* Larger description */
  line-height: 1.7;
  margin: 10px 0 !important; /* Better spacing */
}

/* Color variations */
.styles-container .styles-box:nth-child(1) {
  background-color: #feede9;
}

.styles-container .styles-box:nth-child(2) {
  background-color: #fefee9;
}

.styles-container .styles-box:nth-child(3) {
  background-color: #e9ffea;
}

.styles-container .styles-box:nth-child(4) {
  background-color: #e9fdfe;
}

/* RESPONSIVE ADJUSTMENTS */
@media (max-width: 1300px) {
  .styles-box {
    width: 550px !important;
    height: 400px !important;
  }
}

@media (max-width: 1200px) {
  .styles-container {
    width: 95%;
  }
  
  .styles-box {
    width: 500px !important;
  }
  
  .styles-box .text {
    padding: 40px 30px !important;
  }
}

@media (max-width: 992px) {
  .styles-box {
    width: 100% !important;
    max-width: 600px;
    height: 380px !important;
  }
  
  .our-styles-title {
    font-size: 36px !important;
  }
  
  .our-styles > p {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .styles-box {
    flex-direction: column !important;
    height: auto !important;
  }
  
  .styles-box .img,
  .styles-box .text {
    width: 100% !important;
  }
  
  .styles-box .img {
    height: 300px;
  }
  
  .styles-box .text {
    padding: 30px !important;
  }
  
  .our-styles-title {
    font-size: 32px !important;
  }
}

@media (max-width: 576px) {
  .our-styles {
    margin: 60px auto !important;
    padding: 30px 0 !important;
  }
  
  .our-styles-title {
    font-size: 28px !important;
    margin: 10px auto 30px !important;
  }
  
  .our-styles > p {
    font-size: 15px;
    margin: 15px auto 40px !important;
  }
  
  .styles-box .title {
    font-size: 20px;
  }
  
  .styles-box .subtitle {
    font-size: 12px;
  }
  
  .styles-box .description {
    font-size: 14px;
  }
}
/* APPOINTMENT BOOKING CAROUSEL */
.appointment-booking {
  height: 400px; /* Reduced height */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
  margin: 60px auto; /* Added margin */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  max-width: 1200px; /* Limit width */
  border-radius: 12px; /* Rounded corners */
  overflow: hidden; /* Contain rounded corners */
  box-shadow: 0 10px 30px rgba(0,0,0,0.2); /* Subtle shadow */
}

.appointment-booking::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.4); /* Dark overlay for better text contrast */
  z-index: 1;
}

.appointment-booking .title,
.appointment-booking .subtitle,
.appointment-booking .btn {
  position: relative;
  z-index: 2;
  max-width: 800px; /* Limit text width */
  padding: 0 20px; /* Side padding */
}

.appointment-booking .title {
  color: #f5f5f5;
  font-weight: bold;
  font-family: "Work Sans", sans-serif;
  font-size: 28px; /* Slightly reduced */
  line-height: 1.4;
  margin-bottom: 20px !important;
  text-shadow: 0 2px 4px rgba(0,0,0,0.3); /* Text shadow for readability */
}

.appointment-booking .subtitle {
  color: #f5f5f5;
  font-size: 16px; /* Slightly larger */
  font-family: "Lato", sans-serif;
  line-height: 1.6;
  margin-bottom: 30px !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.2); /* Text shadow */
}

.appointment-booking .appointment-btn {
  color: #fff;
  background-color: transparent;
  font-size: 14px; /* Larger button text */
  font-family: "Lato", sans-serif;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: normal;
  border: 2px solid #fff; /* White border */
  border-radius: 30px; /* Rounded button */
  cursor: pointer;
  padding: 12px 32px !important; /* Larger button */
  transition: all 0.3s ease;
  text-transform: uppercase;
}

.appointment-booking .appointment-btn:hover {
  color: #000;
  background-color: #fff;
  transform: translateY(-2px); /* Lift effect */
  box-shadow: 0 5px 15px rgba(255,255,255,0.2); /* Glow effect */
}

/* Carousel Indicators */
.carousel-indicators {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  z-index: 2;
}

.carousel-indicator {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: rgba(255,255,255,0.5);
  cursor: pointer;
  transition: all 0.3s ease;
}

.carousel-indicator.active {
  background-color: #fff;
  transform: scale(1.2);
}

/* RESPONSIVE ADJUSTMENTS */
@media (max-width: 992px) {
  .appointment-booking {
    height: 350px;
  }
  
  .appointment-booking .title {
    font-size: 24px;
  }
  
  .appointment-booking .subtitle {
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  .appointment-booking {
    height: 300px;
    margin: 40px auto !important;
  }
  
  .appointment-booking .title {
    font-size: 20px;
    margin-bottom: 15px !important;
  }
  
  .appointment-booking .subtitle {
    font-size: 14px;
    margin-bottom: 20px !important;
  }
  
  .appointment-booking .appointment-btn {
    padding: 10px 25px !important;
    font-size: 12px;
  }
  
  .carousel-indicators {
    bottom: 20px;
  }
}

@media (max-width: 576px) {
  .appointment-booking {
    height: 250px;
  }
  
  .appointment-booking .title {
    font-size: 18px;
  }
  
  .appointment-booking .subtitle {
    font-size: 13px;
  }
}

/* SEE WHAT'S NEW SECTION */
.whats-new {
  margin: auto auto 80px !important;
}
.whats-new .whats-new-title {
  margin: 30px auto !important;
}

.whats-new .whats-new-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  gap: 2rem;
  margin: auto !important;
}

.whats-new .whats-new-container .whats-new-box {
  width: 357px !important;
  margin: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.whats-new-box .img {
  width: 100%;
  height: 357px;
  object-fit: cover;
  img {
    width: 100%;
    height: 100%;
  }
}

.whats-new-box .caption {
  font-family: "Work Sans", sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 23px;
  color: #181a1f;
  padding: 15px 0 !important;
}

.whats-new-box .post-info {
  font-family: "Work Sans", sans-serif;
  font-weight: 600;
  font-size: 11px;
  line-height: 15px;
  color: #7a7a7a;

  .username,
  .post-date,
  .comments-count {
    color: #181a1f;
  }
}

.whats-new-box .post-description {
  color: #181a1f;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 23px;
  padding: 15px 0 !important;
}

.whats-new-box .btn button {
  background-color: transparent;
  color: #333439;
  font-size: 11.5px;
  font-family: "Lato", sans-serif;
  letter-spacing: 0.75px;
  border: 3px solid #000;
  padding: 8px 18px !important;
  margin-top: 20px !important;
  transition: 0.2s ease all;
}

.whats-new-box .btn button:hover {
  background-color: #000;
  color: #fff;
}
/* CUSTOMER REVIEW CAROUSEL */
.customer-review {
  margin: 100px auto !important;
  padding: 40px 20px;
  max-width: 1200px;
}

.customer-review-title {
  text-align: center;
  font-family: "Work Sans", sans-serif;
  font-size: 36px;
  font-weight: 300;
  margin-bottom: 60px !important;
  line-height: 1.3;
}

.customer-review-title b {
  font-weight: bold;
}

.review-carousel {
  position: relative;
  margin: 0 auto;
  max-width: 800px;
}

.review-slides {
  position: relative;
  height: 400px;
  overflow: hidden;
}

.review-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.review-slide.active {
  opacity: 1;
}

.customer-review-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 20px;
}

.customer-review-container .img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 25px;
  border: 3px solid #d28881;
}

.customer-review-container .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.oi--double-quote-serif-left {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-bottom: 20px;
  color: #d28881;
}

.review-content {
  color: #292b2f;
  font-family: "Lato", sans-serif;
  font-size: 18px;
  line-height: 1.7;
  font-weight: 300;
  margin-bottom: 20px !important;
  max-width: 700px;
}

.customer-name {
  color: #292b2f;
  font-family: "Lato", sans-serif;
  font-size: 20px;
  font-weight: 600 !important;
  margin-top: 15px !important;
}

/* Carousel Controls */
.carousel-control {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(210, 136, 129, 0.7);
  color: white;
  border: none;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  font-size: 20px;
  cursor: pointer;
  z-index: 10;
  transition: all 0.3s ease;
}

.carousel-control:hover {
  background: #d28881;
}

.carousel-control.prev {
  left: 10px;
}

.carousel-control.next {
  right: 10px;
}

/* Carousel Indicators */
.carousel-indicators {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
}

.indicator {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(210, 136, 129, 0.3);
  cursor: pointer;
  transition: all 0.3s ease;
}

.indicator.active {
  background: #d28881;
  transform: scale(1.2);
}

/* Responsive Adjustments */
@media (max-width: 992px) {
  .customer-review-title {
    font-size: 32px;
  }
  
  .review-content {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .customer-review {
    padding: 40px 10px;
  }
  
  .review-slides {
    height: 450px;
  }
  
  .carousel-control {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
}

@media (max-width: 576px) {
  .customer-review-title {
    font-size: 28px;
    margin-bottom: 40px !important;
  }
  
  .review-content {
    font-size: 15px;
  }
  
  .customer-name {
    font-size: 18px;
  }
  
  .customer-review-container .img {
    width: 120px;
    height: 120px;
  }
}
/* NEWSLETTER SECTION STYLING */
.newsletter {
  background-color: #eaf4ea;
  padding: 50px 0 !important;
}

.newsletter-container {
  font-family: "Work Sans", sans-serif;
  margin: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column nowrap;
  text-align: center;
  gap: 1.5rem;
}

.newsletter-container .title,
.newsletter-container .stay-connected {
  font-weight: 600;
  font-size: 28px;
}

.newsletter-container .subtitle {
  font-weight: 300;
  font-size: 18px;
}

.newsletter-container form {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 400px !important;
  padding: 10px 0 30px !important;
}

.newsletter-container form input {
  border: 1px solid #fff;
  padding: 9px 13px !important;
  font-size: 11.5px;
  font-style: italic;
  width: 100% !important;
}

.newsletter-container form input:focus {
  outline: none;
  border-color: #c0c0c0;
}

.newsletter-container form button {
  border: 2px solid #000;
  background-color: transparent;
  padding: 8px 12px !important;
  font-size: 11px;
  letter-spacing: 0.75px;
  cursor: pointer;
  transition: 0.2s ease all;
}

.newsletter-container form button:hover {
  background-color: #000;
  color: #eaf4ea !important;
}

.newsletter-container .social-icons {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row nowrap;
  gap: 1rem;
}

.newsletter-container .social-icons a {
  text-decoration: none;
  border: 1.5px solid #181a1f;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* FOOTER SECTION STYLING */
footer {
  color: #fff;
}

footer .footer-container {
  background-color: #181a1f;
  padding: 60px 0 80px !important;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 3rem;
}

.footer-container .hd {
  font-family: "Work Sans", sans-serif;
  font-size: 15px;
  letter-spacing: 0.75px;
  font-weight: bold;
  margin-bottom: 18px !important;
}

.footer-container .link {
  display: flex;
  align-items: flex-start;
  flex-flow: column nowrap;
}

.footer-container .text,
.footer-container .link a {
  color: #f5f5f5;
  text-decoration: none;
  font-size: 10.5px;
  font-weight: 300;
  font-family: "Roboto", sans-serif;
  line-height: 16.8px;
  line-height: 20px;
}

.footer-container .link a:hover {
  color: #d28881;
}

.footer-container .address {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 30px;
}

.footer-container .timing pre {
  color: #494b51;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 12px;
}

.footer-line {
  background-color: #222326;
  color: #979797 !important;
  font-size: 12px;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  padding: 20px 0 30px !important;
  text-align: center;
}

/* ICONS */
.ei--arrow-right {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill='%23000' d='M25 42c-9.4 0-17-7.6-17-17S15.6 8 25 8s17 7.6 17 17s-7.6 17-17 17m0-32c-8.3 0-15 6.7-15 15s6.7 15 15 15s15-6.7 15-15s-6.7-15-15-15' stroke-width='2' stroke='%23000'/%3E%3Cpath fill='%23000' d='m24.7 34.7l-1.4-1.4l8.3-8.3l-8.3-8.3l1.4-1.4l9.7 9.7z' stroke-width='2' stroke='%23000'/%3E%3Cpath fill='%23000' d='M16 24h17v2H16z' stroke-width='2' stroke='%23000'/%3E%3C/svg%3E");
}

/* DOUBLE QUOTES */
.oi--double-quote-serif-left {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23000' d='M3 1C1.35 1 0 2.35 0 4v3h3V4H1c0-1.11.89-2 2-2zm5 0C6.35 1 5 2.35 5 4v3h3V4H6c0-1.11.89-2 2-2z'/%3E%3C/svg%3E");
}

/* FACEBOOK */
.ri--facebook-fill {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M14 13.5h2.5l1-4H14v-2c0-1.03 0-2 2-2h1.5V2.14c-.326-.043-1.557-.14-2.857-.14C11.928 2 10 3.657 10 6.7v2.8H7v4h3V22h4z'/%3E%3C/svg%3E");
}

/* PINTEREST */
.mdi--pinterest {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9.04 21.54c.96.29 1.93.46 2.96.46a10 10 0 0 0 10-10A10 10 0 0 0 12 2A10 10 0 0 0 2 12c0 4.25 2.67 7.9 6.44 9.34c-.09-.78-.18-2.07 0-2.96l1.15-4.94s-.29-.58-.29-1.5c0-1.38.86-2.41 1.84-2.41c.86 0 1.26.63 1.26 1.44c0 .86-.57 2.09-.86 3.27c-.17.98.52 1.84 1.52 1.84c1.78 0 3.16-1.9 3.16-4.58c0-2.4-1.72-4.04-4.19-4.04c-2.82 0-4.48 2.1-4.48 4.31c0 .86.28 1.73.74 2.3c.09.06.09.14.06.29l-.29 1.09c0 .17-.11.23-.28.11c-1.28-.56-2.02-2.38-2.02-3.85c0-3.16 2.24-6.03 6.56-6.03c3.44 0 6.12 2.47 6.12 5.75c0 3.44-2.13 6.2-5.18 6.2c-.97 0-1.92-.52-2.26-1.13l-.67 2.37c-.23.86-.86 2.01-1.29 2.7z'/%3E%3C/svg%3E");
}

/* INSTAGRAM */
.mdi--instagram {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4zm9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8A1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5a5 5 0 0 1-5 5a5 5 0 0 1-5-5a5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3a3 3 0 0 0 3 3a3 3 0 0 0 3-3a3 3 0 0 0-3-3'/%3E%3C/svg%3E");
}

/* TIKTOK */
.ic--baseline-tiktok {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M16.6 5.82s.51.5 0 0A4.28 4.28 0 0 1 15.54 3h-3.09v12.4a2.59 2.59 0 0 1-2.59 2.5c-1.42 0-2.6-1.16-2.6-2.6c0-1.72 1.66-3.01 3.37-2.48V9.66c-3.45-.46-6.47 2.22-6.47 5.64c0 3.33 2.76 5.7 5.69 5.7c3.14 0 5.69-2.55 5.69-5.7V9.01a7.35 7.35 0 0 0 4.3 1.38V7.3s-1.88.09-3.24-1.48'/%3E%3C/svg%3E");
}