:root {
    --primary-pink: #DB859E; 
    --text-grey: #666;
}



body {
    font-family: 'Montserrat', sans-serif;
    overflow-x: hidden;
}

/* Updated to Playfair Display as per your earlier brand style */
.serif-font {
    font-family: 'Playfair Display', 'Georgia', serif;
}

.navbar-brand {
    letter-spacing: 3px;
    font-size: 1.2rem;
}

.nav-link {
    font-size: 0.8rem;
    letter-spacing: 1px;
    color: #000 !important;
}

/* Pink Title Bars */
.section-title-bar {
    background-color: var(--primary-pink);
    color: white;
    text-align: center;
    padding: 15px 0;
    font-size: 1.5rem;
    letter-spacing: 5px;
}
html {
    scroll-behavior: smooth;
}

/* This creates an offset so the heading doesn't hide behind the navbar */
#about-section {
    scroll-margin-top: 80px; /* Adjust this number to match the height of your navbar */
}
/* Service Blobs - Merged and Fixed */
.service-blob {
    width: 180px;  /* Larger size looks better with text */
    height: 180px;
    background-color: #f8f8f8;
    overflow: hidden;
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; 
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: transform 0.4s ease-in-out; /* Smooth transition for hover */
    cursor: pointer;
}

/* HOVER EFFECT: 20% Increase */
.service-blob:hover {
    transform: scale(1.2);
}

.blob-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pink-text {
    color: var(--primary-pink);
    font-size: 0.9rem;
    letter-spacing: 1px;
}

/* About Us Slideshow Styles */
.about-img-height { 
    height: 450px; /* Adjusted to 450px for better alignment */
    object-fit: cover;
    border-radius: 8px;
}

/* Fixed the fast transition - 0.8s is much smoother */
.carousel-fade .carousel-item {
    transition-duration: 0.8s; 
}

/* Helpers */
.bg-placeholder {
    background-color: #f0f0f0;
    width: 100%;
}

.hero-img-height { height: 600px; }

/*contact us*/
/* Color Palette */
.bg-pink-light {
    background-color: #e8b4b4; /* Matching the reference header */
    color: white;
}

.tracking-widest {
    letter-spacing: 0.5rem;
}

/* Custom Input Styling */
.custom-input {
    background-color: #f8e8e8; /* Soft pink tint for form fields */
    border: 1px solid #d8a8a8;
    border-radius: 4px;
    padding: 12px;
}

.custom-input:focus {
    background-color: #fff;
    border-color: #e8b4b4;
    box-shadow: 0 0 0 0.25rem rgba(232, 180, 180, 0.25);
}

/* Submit Button */
.btn-pink-submit {
    background-color: #d19a9a;
    color: white;
    padding: 10px;
    border: none;
    transition: 0.3s;
}

.btn-pink-submit:hover {
    background-color: #b87e7e;
    color: white;
}
/* Official Brand Colors on Hover */
.bi-facebook:hover { color: #1877F2; }
.bi-instagram:hover { color: #E4405F; }
.bi-twitter-x:hover { color: #000000; }

.rounded-circle {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#contact {
    scroll-margin-top: 80px; /* Adjust this number based on the height of your navbar */
}