body {
    font-family: 'Roboto', sans-serif;
}
.nav-wrapper {
    background-color: #4caf50; /* Green Shade */
    height: 85px !important;
}
footer.page-footer {
    background-color: #4caf50; /* Green Shade */
}
.btn, .btn:hover {
    background-color: #388e3c; /* Darker Green for Buttons */
}
h1, h2, h3 {
    color: #388e3c; /* Green Text for Headings */
}


.brand-logo {
    max-height: 50px;
    margin-top: 10px;
}
.logo_image {
    height: 85px;
    margin-top: -10px;
}
.section {
    padding-top: 40px;
    padding-bottom: 40px;
}
p {
    font-size: 18px;
    line-height: 1.6;
}
.service-description {
    margin-top: 15px;
}
.about-us-story {
    font-size: 18px;
    line-height: 1.6;
}
.about-us-title, h1, h3 {
    font-weight: bold;
    color: #388e3c; /* Dark Green Shade */
    margin-bottom: 30px;
}
.highlight {
    color: #4caf50; /* Green Shade */
}
.team-image {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 50px;
}

.toast.success {
    background-color: green;
}

.toast.error {
    background-color: red;
}

.full-width-toast {
    width: 100%;
    border-radius: 0;
}

.toast-action {
    color: #fff; /* or any color you prefer */
}


.nav-wrapper {
    background-color: #4caf50; /* Green Shade */
    /* Remove the fixed height to allow for flexible sizing */
}

.logo_image {
    height: auto;
    max-height: 85px; /* Adjust for better scaling */
    width: auto; /* Ensure the logo scales proportionally */
}

.sidenav-trigger i.material-icons {
    font-size: 2.5rem; /* Example size, adjust as needed */
}

h1, h2 {
    color: #388e3c; /* Green Text for Headings, keeping your existing style */
    font-size: calc(16px + 1.5vw); /* Example of a responsive font size */
}

/* Media Query for Mobile Devices */
@media screen and (max-width: 600px) {
    h1, h2 {
        font-size: 20px; /* Smaller font size for mobile devices */
        /* Adjust the size as needed to fit your design */
    }
}




/* Additional custom styles here */