/* Navbar */
.navbar {
    background: linear-gradient(to right, #ffffff 15%, #e6b3e6);
    position: fixed; /* Keep the navbar fixed */
    top: 0; /* Stick to the top */
    z-index: 999; /* Ensure it stays on top of other content */
    width: 100%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Spacer to account for the fixed navbar height */
.spacer {
    width: 100%;
    height: 170px; /* Adjust this value to match the navbar height */
}

/* Navbar Brand */
.navbar-brand {
    font-family: 'Kaushan Script', cursive;
    font-size: 45px;
    color: #990099;
    padding-left: 40px;
}

/* Nav Links */
.nav-link {
    font-family: 'Courgette', cursive;
    font-size: 20px;
    color: black;
    padding: 0 40px;
    transition: color 0.3s ease;
}

.nav-link:hover {
    color: #e6b3e6; /* Add hover color */
}

.nav-item {
    display: inline-block;
    padding: 10px 20px; /* Consistent padding */
}

/* Body */
body {
    background: #f9ecf9;
}

/* Carousel Section */
.section__carousel {
    margin: 10px 0 20px; /* Adjust as needed */
    padding: 0; /* Remove padding */
}

.carousel {
    width: 100%; /* Full width */
    max-width: none; /* Remove max-width restriction */
}

.carousel-item img {
    width: 100vw; /* Use viewport width to expand to full width */
    height: auto; /* Maintain aspect ratio */
}

.carousel {
    margin-left: calc(50% - 50vw); /* Center the carousel in the viewport */
    width: 100vw; /* Full viewport width */
}

/* Section About */
.section_about h4 {
    font-family: 'Courgette', cursive;
    /*font-size: 20px;*/
}

.section_about p {
    font-family: 'Montserrat', sans-serif;
}

/* Section Review */
.section_review h3,
.section_review h6 {
    font-family: 'Courgette', cursive;
    text-align: center;
}

.review {
    padding: 20px;
    background-color: white;
}

.cust_review {
    padding: 30px 10px; /* More consistent padding */
    background-color: #f2d9f2;
}

/* Service Section */
.service-img-row {
    padding: 30px 0 20px;
}

.service-heading-row {
    font-family: 'Courgette', cursive;
    text-align: center;
    color: purple;
}

.service-table tr td {
    padding: 20px 15px 8px; 
}

.column1 {
    font-family: 'Montserrat', sans-serif;
}

.column2 {
    font-family: 'Courgette', cursive;
}

.p1,
.p2 {
    text-align: center;
}

.p1 {
    padding-top: 20px;
    font-family: 'Montserrat', sans-serif;
}

.p2 {
    font-family: 'Courgette', cursive;
}

/* Product Section */
.product-img-row {
    padding: 30px 0 20px;
}

.product-img-row img,
.service-img-row img {
    max-width: 100%;
}

.product-heading-row {
    font-family: 'Courgette', cursive;
    color: purple;
}

.product-para-row {
    padding: 20px 0 30px;
    font-family: 'Montserrat', sans-serif;
}

/* Contact Section */
.contact-heading-row {
    font-family: 'Courgette', cursive;
    color: purple;
    padding-top: 30px;
}

.contact-heading-row img {
    max-width: 100%;
}

.contact-heading-row p {
    padding-top: 30px;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
}

.cont-heading {
    padding-top: 20px;
}

.contact-form-row {
    padding: 30px 0 20px;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
}

/* Iframe */
iframe {
    padding: 20px;
}

/* Hours & Location */
.hours {
    padding: 30px 0 0 40px;
}

.hours h5,
.location h5 {
    font-family: 'Courgette', cursive;
}

.location {
    padding-top: 30px;
}

/* Form Fill */
.formfill {
    padding-top: 30px;
    padding-left: 20px;
}

/* Footer */
footer {
    margin-top: 20px;
    background: linear-gradient(to left, #df9fdf, white 32%, #e6b3e6);
    padding: 20px; /* Add padding for better spacing */
}

/* Footer Social */
.footer_social {
    color: purple;
    font-size: 30px;
    padding: 5px;
}

/* Footer Column */
.footer-col {
    text-align: left;
    padding: 15px;
}

#footer-brand {
    font-family: 'Kaushan Script', cursive;
    font-size: 35px;
    color: #990099;
}

/* Footer Heading and Paragraph */
.footer-heading {
    font-family: 'Courgette', cursive;
    font-size: 20px;
    color: black;
}

.footer-para {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
}

/* Media Queries */
@media only screen and (max-width: 1024px) {
    .nav-item {
        padding: 10px 20px;
    }
    .spacer {
        height: 170px;
    }
    .navbar-brand {
        padding-left: 15px;
    }
}

@media only screen and (max-width: 768px) {
    .nav-item {
        padding: 10px 10px;
    }
    .navbar-brand {
        font-size: 38px;
    }
    .navbar-brand img {
        max-width: 30%;
    }
    .navbar-brand {
        padding-left: 5px;
    }
    #footer-brand {
        font-size: 35px;
    }
    .footer-img {
        display: none;
    }
}

@media only screen and (max-width: 479px) {
    .navbar-brand {
        font-size: 30px;
    }
    .navbar-brand img {
        max-width: 23%;
    }
    .navbar-brand {
        padding-left: 5px;
    }
    .footer-about,
    .footer-img,
    #footer-brand {
        display: none;
    }
    .spacer {
        height: 116px;
    }
}