/* Global Styling */
body {
    font-family: 'Poppins', sans-serif; /* Modern and sleek font */
    margin: 0;
    padding: 0;
    color: #333;
    overflow-x: hidden; /* Prevent horizontal scroll */
    background-color: #f0f0f0; /* Light background color for a modern look */
}

/* Parallax Scrolling Background */
.parallax {
    background-image: url('../images/rustic Nevada landscape.jpg'); /* Add your background image here */
    height: 100vh; /* Full viewport height */
    background-attachment: fixed; /* Fixed attachment for parallax effect */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: fixed; /* Fix the background in place */
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1; /* Ensure it's behind the content */
}

/* Center Content */
main {
    padding: 20px;
    max-width: 1400px; /* Increase max width for a wider body */
    margin: 0 auto; /* Center the main content */
    z-index: 1; /* Ensure content is above parallax background */
    position: relative;
}

/* Hero Header Styling */
.hero {
    background-image: url('../images/realistic Northern Nevada mountains with properties.jpg'); /* Updated path */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 350px; /* Adjusted height for better visibility and proportion */
    color: #FFFFFF;
    display: flex;
    flex-direction: column; /* Stack elements vertically */
    align-items: center;
    justify-content: space-between; /* Space out content */
    position: relative;
    padding: 20px;
    overflow: hidden; /* Ensure the overlay covers the entire background */
    z-index: 1; /* Set a lower z-index */
}

.hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3); /* Slightly less transparent white overlay */
    z-index: 0; /* Ensure the overlay is below content */
}

.hero .header-content {
    z-index: 2; /* Ensure logo is above the overlay */
    display: flex;
    align-items: flex-start; /* Align items to the start (top) */
    justify-content: flex-start;
    width: 100%; /* Make header-content span the entire width */
}

.logo {
    width: 300px; /* Increase the width of the logo slightly */
    height: auto; /* Maintain the aspect ratio */
    margin-top: -20px; /* Move the logo down */
    margin-left: 40px; /* Move the logo more to the right */
    transition: transform 0.3s ease; /* Smooth transition for hover effect */
}

.logo:hover {
    transform: scale(1.1); /* Slightly enlarge the logo on hover */
}

/* Navigation Menu Styling */
.nav {
    width: 100%;
    background-color: rgba(106, 197, 166, 0.8); /* Updated to HEX #6ac5a6 with slight transparency */
    display: flex;
    align-items: center; /* Align items to the center */
    justify-content: space-around; /* Distribute content evenly */
    position: absolute; /* Changed to absolute for precise positioning */
    bottom: 0; /* Ensure the navigation bar stays within the frame */
    padding: 0; /* Remove padding to make the nav bar a lot shorter */
    z-index: 3; /* Ensure nav is above hero background */
    height: 40px; /* Set a fixed height */
}

.nav-links {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 10px; /* Space between navigation links */
    align-items: center; /* Vertically center the nav links */
}

.nav-links li {
    list-style: none;
}

.nav-links li a {
    color: #FFFFFF; /* Navigation link color */
    text-decoration: none;
    font-weight: bold;
    padding: 0 10px; /* Adjust padding to fit the new height */
    display: flex; /* Use flex for centering */
    align-items: center; /* Center items vertically */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition for hover effect */
    border-radius: 5px; /* Rounded corners */
    background-color: rgba(106, 197, 166, 0.7); /* Updated to HEX #6ac5a6 */
    border: 2px solid #FFFFFF; /* White border */
}

.nav-links li a:hover {
    background-color: rgba(255, 92, 29, 0.7); /* Updated to match HEX #d65c1d */
    color: #FFFFFF; /* Keep text color white on hover */
    border-color: rgba(255, 92, 29, 0.7); /* Matching border color for hover */
}

/* Social Media Icons and Contact Info Styling */
.contact-social {
    display: flex;
    align-items: center; /* Align items to the center */
    gap: 10px;
    order: 1; /* Move contact-social to the right */
    padding-right: 10px; /* Adjust padding to bring closer to center */
}

.contact-info {
    display: flex; /* Use flexbox to align items horizontally */
    align-items: center; /* Center items vertically */
    gap: 10px; /* Space between email and phone number */
    font-size: 14px; /* Make the contact info smaller */
    padding-right: 5px; /* Add padding for better spacing */
}

.social-icons {
    display: flex;
    align-items: center; /* Align items to the center */
    gap: 5px;
}

.social-icon {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 18px;
    transition: color 0.3s ease;
}

.social-icon:hover {
    color: #d65c1d; /* Matching theme color for hover */
}

/* Separator Styling */
.separator {
    color: #FFFFFF; /* Separator color */
    font-size: 18px;
    padding: 0 10px; /* Padding around the separator */
}

/* Slogan Styling */
.slogan {
    font-size: 14px; /* Make the slogan smaller */
    font-style: italic; /* Add a fun style */
    padding: 0 10px; /* Adjust padding to bring closer to center */
    text-align: left; /* Align slogan to the left */
    order: -1; /* Move slogan to the left */
    align-items: center; /* Align items to the center */
}

/* Main Content Styling */
main section {
    margin-bottom: 40px;
    padding: 20px;
    border-radius: 20px; /* Rounded corners for sections */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    animation: fadeInUp 1s ease-out;
    position: relative;
    background-color: #f0f0f0; /* Neutral background color */
    overflow: hidden; /* Ensure the accents fit inside */
}

/* Accent inside the sections */
main section .accent {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10px; /* Adjust width for the accent */
}

main section .accent.left {
    left: 0; /* Adjust the position to be exactly on the edge */
    border-radius: 20px 0 0 20px; /* Rounded edges to match the section */
}

main section .accent.right {
    right: 0; /* Adjust the position to be exactly on the edge */
    border-radius: 0 20px 20px 0; /* Rounded edges to match the section */
}

/* Alternate accent colors for different sections */
.mission .accent {
    background-color: rgba(106, 197, 166, 0.9); /* Accent color #6ac5a6 */
}

.vision .accent {
    background-color: rgba(255, 92, 29, 0.9); /* Accent color #d65c1d */
}

.services .accent {
    background-color: rgba(106, 197, 166, 0.9); /* Accent color #6ac5a6 */
}

.testimonials .accent {
    background-color: rgba(255, 92, 29, 0.9); /* Accent color #d65c1d */
}

.about-us .accent {
    background-color: rgba(106, 197, 166, 0.9); /* Accent color #6ac5a6 */
}

.meet-our-team .accent {
    background-color: rgba(255, 92, 29, 0.9); /* Accent color #d65c1d */
}

/* Alternate text and image alignment */
.mission .content {
    display: flex;
    flex-direction: row; /* Text on the left, image on the right */
    align-items: center;
    text-align: left; /* Align text to the left */
}

.vision .content {
    display: flex;
    flex-direction: row-reverse; /* Text on the right, image on the left */
    align-items: center;
    text-align: right; /* Align text to the right */
}

.services .content {
    display: flex;
    flex-direction: column; /* Stack items vertically */
    align-items: center;
    text-align: left; /* Align text to the left */
}

.service-item {
    display: flex;
    flex-direction: row; /* Place card and image on the same row */
    align-items: center;
    justify-content: space-between; /* Space out card and image */
    width: 100%; /* Ensure items do not span full width */
    margin-bottom: 20px; /* Space between service items */
}

.service-item .card {
    flex: 0 0 60%; /* Reduced card width to 60% of the row */
	
}

.service-item img {
    flex: 0 0 20%; /* Image takes up 20% of the row */
    max-width: 100px; /* Ensure images are smaller */
    height: auto;
    border-radius: 10px; /* Rounded corners for images */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    transition: transform 0.3s ease; /* Smooth transition for hover effect */
}

.service-item img:hover {
    transform: scale(1.05); /* Slightly enlarge images on hover */
}

.services-page .service-item {
    display: flex;
    flex-direction: row; /* Place card and image on the same row */
    align-items: center;
    justify-content: space-between; /* Space out card and image */
    width: 100%; /* Ensure items do not span full width */
    margin-bottom: 40px; /* Increase space between service items */
    padding: 0; /* Remove padding to bring items closer to edges */
}

.services-page .service-item .card {
    flex: 1; /* Allow the card to take up available space */
    text-align: left; /* Align card content to the left */
    margin-right: 20px; /* Add margin to the right of the card */
}

.services-page .service-item img {
    flex: 1; /* Allow the image to take up available space */
    max-width: 200px; /* Increase max width of images */
    height: auto;
    border-radius: 10px; /* Rounded corners for images */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    transition: transform 0.3s ease; /* Smooth transition for hover effect */
    margin-left: 20px; /* Add margin to the left of the image */
}

.services-page .service-item img:hover {
    transform: scale(1.05); /* Slightly enlarge images on hover */
}

.testimonials-page .testimonials .content {
    display: flex;
    flex-direction: row-reverse; /* Text on the right, image on the left */
    align-items: center;
    justify-content: space-between; /* Space out text and image */
    text-align: right; /* Align text to the right */
    margin-bottom: 40px; /* Increase space between testimonial items */
    padding: 0; /* Remove padding to bring items closer to edges */
}

.testimonials-page .testimonials .card {
    flex: 1; /* Allow the card to take up available space */
    text-align: right; /* Align card content to the right */
    margin-left: 20px; /* Add margin to the left of the card */
}

.testimonials-page .testimonials .image-container {
    flex: 1; /* Allow the image container to take up available space */
    max-width: 200px; /* Increase max width of images */
    height: auto;
    border-radius: 10px; /* Rounded corners for images */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    transition: transform 0.3s ease; /* Smooth transition for hover effect */
    margin-right: 20px; /* Add margin to the right of the image */
}

.testimonials-page .testimonials .image-container img:hover {
    transform: scale(1.05); /* Slightly enlarge images on hover */
}

.content .image-container {
    flex: 1; /* Allow the image container to take up available space */
    display: flex;
    justify-content: center; /* Center the image horizontally */
    align-items: center; /* Center the image vertically */
    padding: 20px; /* Add padding around the image */
    margin-left: -20px; /* Push the image closer to the edge */
    margin-right: -20px; /* Push the image closer to the edge */
}

.content img {
    max-width: 100%; /* Ensure images do not exceed the container width */
    height: auto;
    border-radius: 10px; /* Rounded corners for images */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    transition: transform 0.3s ease; /* Smooth transition for hover effect */
}

.content img:hover {
    transform: scale(1.05); /* Slightly enlarge images on hover */
}

.content .text {
    flex: 1; /* Allow the text container to take up available space */
    padding: 20px;
    margin: 20px; /* Add margin to create space between text and image */
}

/* Card Layout Styling */
.card {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px; /* Uniform padding for all cards */
    margin: 20px 0; /* Uniform margin for all cards */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-align: center;
}

.card:hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.card i {
    font-size: 30px; /* Reduced icon size */
    color: rgba(106, 197, 166, 0.9); /* Updated to HEX #6ac5a6 */
    margin-bottom: 10px;
}

/* Footer Styling */
footer {
    text-align: center;
    padding: 20px;
    background-color: rgba(255, 92, 29, 0.5); /* More transparent HEX #d65c1d */
    color: #FFFFFF;
    position: relative;
    bottom: 0;
    width: 100%;
}

/* Services Page Styling */

.service-group {
    margin-bottom: 20px;
    text-align: left;
}

.service-group label {
    display: block;
    margin-bottom: 5px;
    color: #333; /* Neutral text color */
}

.service-group input,
.service-group textarea,
.service-group select {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
}

.service-group input:focus,
.service-group textarea:focus,
.service-group select:focus {
    border-color: #333; /* Neutral border color */
    outline: none;
}

button[type="submit"] {
    background-color: #333; /* Neutral button color */
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

button[type="submit"]:hover {
    background-color: #555; /* Slightly darker neutral button color */
}


//* Contact Us Page Styling */
.contact {
    background-color: #f0f0f0; /* Neutral background color */
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    animation: fadeInUp 1s ease-out; /* Fade-in-up animation */
    margin-top: 20px; /* Space between sections */
    position: relative; /* Ensure accents are positioned correctly */
}

.contact .content {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.contact h2 {
    margin-bottom: 20px;
    color: #333; /* Neutral text color */
}

.contact p {
    margin-bottom: 20px;
    color: #333; /* Neutral text color */
}

.contact .accent {
  background-color: rgba(255, 92, 29, 0.9); /* Accent color #d65c1d */
}


/* Form Styling */
.contact .form-group {
    margin-bottom: 20px;
    text-align: left;
}

.contact .form-group label {
    display: block;
    margin-bottom: 5px;
    color: #333; /* Neutral text color */
}

.contact .form-group input,
.contact .form-group textarea,
.contact .form-group select {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
}

.contact .form-group input:focus,
.contact .form-group textarea:focus,
.contact .form-group select:focus {
    border-color: #333; /* Neutral border color */
    outline: none;
}

.contact button[type="submit"] {
    background-color: rgba(106, 197, 166, 0.9); /* Green button color */
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.contact button[type="submit"]:hover {
    background-color: rgba(106, 197, 166, 1); /* Slightly darker green button color */
}
/* Office Hours Styling */
.office-hours {
    background-color: rgba(255, 255, 255, 0.9); /* Light background */
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    animation: fadeInUp 1s ease-out; /* Fade-in-up animation */
    margin-top: 20px; /* Space between sections */
}
.office-hours .accent{
	background-color: rgba(106, 197, 166, 0.9); /* Accent color #6ac5a6 */
}

.office-hours .content {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.office-hours h2 {
    margin-bottom: 20px;
    color: #333;
}

.office-hours p {
    margin-bottom: 20px;
    color: #333;
}

.office-hours ul {
    list-style-type: none;
    padding: 0;
    color: #333;
}

.office-hours ul li {
    margin-bottom: 10px;
}

/* Location Styling */
.location {
    background-color: rgba(255, 255, 255, 0.9); /* Light background */
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    animation: fadeInUp 1s ease-out; /* Fade-in-up animation */
    margin-top: 20px; /* Space between sections */
}

.location .accent {
	background-color: rgba(255, 92, 29, 0.9); /* Accent color #d65c1d */	
}

.location .content {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.location h2 {
    margin-bottom: 20px;
    color: #333;
}

.location p {
    margin-bottom: 20px;
    color: #333;
}

.location .map {
    margin-top: 20px;
}

/* Testimonials Styling */
.testimonials {
    background-color: rgba(255, 255, 255, 0.9); /* Light background */
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    animation: fadeInUp 1s ease-out; /* Fade-in-up animation */
    margin-top: 20px; /* Space between sections */
}

.testimonials .content {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.testimonials h2 {
    margin-bottom: 20px;
    color: #333;
}

.testimonials .testimonial {
    margin-bottom: 20px;
    color: #333;
    font-style: italic;
}



/* Testimonials Section */
.contact-page .testimonials .content {
    display: flex;
    flex-direction: row-reverse; /* Text on the right, image on the left */
    align-items: center;
    justify-content: space-between; /* Space out text and image */
    text-align: right; /* Align text to the right */
    margin-bottom: 40px; /* Increase space between testimonial items */
    padding: 0; /* Remove padding to bring items closer to edges */
}

.contact-page .testimonials .accent {
	background-color: rgba(106, 197, 166, 0.9); /* Accent color #6ac5a6 */
}
	
.contact-page .testimonials .card {
    flex: 1; /* Allow the card to take up available space */
    text-align: right; /* Align card content to the right */
    margin-left: 20px; /* Add margin to the left of the card */
}

.contact-page .testimonials .image-container {
    flex: 1; /* Allow the image container to take up available space */
    max-width: 200px; /* Increase max width of images */
    height: auto;
    border-radius: 10px; /* Rounded corners for images */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    transition: transform 0.3s ease; /* Smooth transition for hover effect */
    margin-right: 20px; /* Add margin to the right of the image */
}

.contact-page .testimonials .image-container img:hover {
    transform: scale(1.05); /* Slightly enlarge images on hover */
}

/* Contact Rules Styling */
.contact-rules {
    background-color: rgba(255, 255, 255, 0.9); /* Light background */
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    animation: fadeInUp 1s ease-out; /* Fade-in-up animation */
    margin-top: 20px; /* Space between sections */
}
.contact-rules .accent	{
	background-color: rgba(106, 197, 166, 0.9); /* Accent color #6ac5a6 */
}	

.contact-rules .content {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.contact-rules h2 { 
    margin-bottom: 20px;
    color: #333;
}

.contact-rules p {
    margin-bottom: 20px;
    color: #333;
}

.contact-rules ul {
    list-style-type: none;
    padding: 0;
    color: #333;
}

.contact-rules ul li {
    margin-bottom: 10px;
}

/* Responsive Styling */
@media (max-width: 600px) {
    .hero {
        height: auto; /* Adjust height for smaller screens */
        padding: 10px; /* Reduce padding for smaller screens */
    }

    .slogan {
        display: none; /* Ensure the slogan is hidden on mobile screens */
    }

    .logo {
        width: 150px; /* Further reduce logo size */
        margin: 20px; /* Remove margins */'
    }

    .nav {
        flex-direction: column; /* Stack nav items vertically on smaller screens */
        height: auto; /* Adjust height */
    }

    .nav-links {
        flex-direction: row; /* Stack nav links vertically */
        gap: 5px; /* Reduce gap */
	
    }

    .nav-links li a {
	font-size: 14px;
    }

    .contact-social {
        flex-direction: row; /* Stack contact-social items vertically */
	height: 8px;
	padding: 10px;
    }

    .contact-info {
        flex-direction: row; /* Stack contact-info items vertically */
        gap: 5px; /* Reduce gap */
        text-align: left; /* Center align text */
	font-size: 10px;
    }

    .social-icons {
        
    }
     /* Responsive Styles for Mission Section */
    .mission .content {
        flex-direction: column; /* Stack content items vertically */
        text-align: center; /* Center align text */
        padding: 10px; /* Reduce padding */
    }

    .mission .content .image-container {
        margin-top: 20px; /* Add margin on top of image */
        display: flex; /* Center the image */
        justify-content: center;
    }

    /* Responsive Styles for Vision Section */
    .vision .content {
        flex-direction: column-reverse; /* Stack content items vertically */
        text-align: center; /* Center align text */
        padding: 10px; /* Reduce padding */
    }

    .vision .content .image-container {
        margin-top: 20px; /* Add margin on top of image */
        display: flex; /* Center the image */
        justify-content: center;
    }

    /* Responsive Styles for Services Section */
    .services .content {
        flex-direction: column; /* Stack content items vertically */
        text-align: center; /* Center align text */
        padding: 10px; /* Reduce padding */
    }

    .service-item {
        flex-direction: column; /* Stack service items vertically */
        align-items: center; /* Center align service items */
        text-align: center; /* Center align text */
        margin-bottom: 30px; /* Add more space between service items */
    }

    .service-item .card,
    .service-item img {
        width: 100%; /* Make card and image take full width */
        margin: 0; /* Remove margins */
    }

    .service-item img {
        max-width: 100%; /* Ensure images do not exceed container width */
    }

    /* Responsive Styles for Testimonial Section */
    .testimonials .content {
        flex-direction: column; /* Stack testimonials vertically */
        text-align: center; /* Center align text */
        padding: 10px; /* Add padding */
    }

    .testimonials .card,
    .testimonials .image-container {
        width: 100%; /* Make card and image take full width */
        margin: 0; /* Remove margins */
    }

    .testimonials .image-container {
        margin-top: 20px; /* Add margin on top of image */
        display: flex; /* Center the image */
        justify-content: center;
    }

    /* Responsive Styles for About Us Section */
    .about-us .content {
        flex-direction: column; /* Stack content items vertically */
        text-align: center; /* Center align text */
        padding: 10px; /* Reduce padding */
    }

    .about-us .content .image-container {
        margin-top: 20px; /* Add margin on top of image */
        display: flex; /* Center the image */
        justify-content: center;
    }

    /* Responsive Styles for Meet Our Team Section */
    .meet-our-team .content {
        flex-direction: column; /* Stack content items vertically */
        text-align: center; /* Center align text */
        padding: 10px; /* Reduce padding */
    }

    .meet-our-team .team-member {
        flex-direction: column; /* Stack team members vertically */
        align-items: center; /* Center align team members */
        text-align: center; /* Center align text */
        margin-bottom: 30px; /* Add more space between team members */
    }

    .meet-our-team .team-member .card,
    .meet-our-team .team-member img {
        width: 100%; /* Make card and image take full width */
        margin: 0; /* Remove margins */
    }

    .meet-our-team .team-member img {
        max-width: 100%; /* Ensure images do not exceed container width */
    }
    
     /* Responsive Styles for Our Location Section */
    .map iframe {
        width: 100%; /* Ensure the iframe takes full width */
        height: 300px; /* Set a fixed height for the iframe */
        border: 0; /* Remove borders */
	display: flex; /* Center the map */
    }

    .content {
        flex-direction: column; /* Stack content items vertically */
        text-align: center; /* Center align text */
        padding: 10px; /* Reduce padding */
    }

    .content .image-container {
        margin-top: 20px; /* Add margin on top of image */
        display: flex; /* Center the image */
        justify-content: center;
    }

    .service-item {
        flex-direction: column; /* Stack service items vertically */
        align-items: center; /* Center align service items */
        text-align: center; /* Center align text */
        margin-bottom: 30px; /* Add more space between service items */
    }

    .service-item .card,
    .service-item img {
        width: 100%; /* Make card and image take full width */
        margin: 0; /* Remove margins */
    }

    .service-item img {
        max-width: 100%; /* Ensure images do not exceed container width */
    }

    .testimonials .content {
        flex-direction: column; /* Stack testimonials vertically */
        text-align: center; /* Center align text */
        padding: 10px; /* Add padding */
    }

    .testimonials .card,
    .testimonials .image-container {
        width: 100%; /* Make card and image take full width */
        margin: 0; /* Remove margins */
    }

    .testimonials .image-container {
        margin-top: 20px; /* Add margin on top of image */
        display: flex; /* Center the image */
        justify-content: center;
    }

    .contact .form-group,
    .office-hours .form-group,
    .location .form-group {
        width: 100%; /* Make form group take full width */
        margin-bottom: 10px; /* Reduce margin bottom */
        padding: 10px; /* Add padding */
    }

    .contact .form-group label,
    .office-hours .form-group label,
    .location .form-group label {
        margin-bottom: 5px; /* Reduce margin bottom */
    }

    .contact .form-group input,
    .contact .form-group textarea,
    .contact .form-group select,
    .office-hours .form-group input,
    .office-hours .form-group textarea,
    .office-hours .form-group select,
    .location .form-group input,
    .location .form-group textarea,
    .location .form-group select {
        width: 100%; /* Make input fields take full width */
    }

    button[type="submit"] {
        padding: 10px 20px; /* Adjust padding */
        width: 100%; /* Make buttons take full width */
    }

    footer {
        padding: 10px; /* Reduce padding */
        font-size: 14px; /* Adjust font size */
    }
}


    }