/* styles.css */

/* Custom Light Green Color */
.bg-light-green {
    background-color: #198654 !important; /* Replace with your chosen light green color */
}

body {
    background-color: #A8D8B9 !important; /* Replace with your chosen light green color */
}

/* Navbar Text Color */
.navbar-light .navbar-nav .nav-link {
    color: #fff; /* White text */
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: #e0e0e0; /* Slightly lighter on hover */
}

/* Footer Styling */
.footer {
    background-color: #333;
    color: #fff;
}

/* Custom styles for the shiny green theme */
.nurtara-header {
    background-color: #28a745; /* Bootstrap's success color as a base */
    color: #fff;
    padding: 100px 0;
    background-image: linear-gradient(135deg, #28a745 0%, #43e97b 100%);
    text-align: center;
    position: relative;
    overflow: hidden;
}

.nurtara-header::before {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    height: 50px;
    background: #fff;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 50%);
}

.service-card {
    border: none;
    transition: transform 0.3s;
    background-color: #f8f9fa;
}

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

.service-icon {
    font-size: 4rem;
    color: #28a745;
    margin-bottom: 20px;
}

.btn-primary {
    background-color: #28a745;
    border-color: #28a745;
}

.btn-primary:hover {
    background-color: #218838;
    border-color: #1e7e34;
}