body {
    background-color: #f8f9fa;
}

h1 {
    color: #0d6efd;
}

.card {
    border: none;
    border-radius: 15px;
    transition: box-shadow 0.3s ease-in-out;
}

.card:hover {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.form-range::-webkit-slider-thumb {
    background-color: #0d6efd;
}

.form-range::-moz-range-thumb {
    background-color: #0d6efd;
}

.form-range::-ms-thumb {
    background-color: #0d6efd;
}

.form-label span {
    font-weight: bold;
    color: #0d6efd;
}

#sipChart {
    max-width: 250px;
    max-height: 250px;
}

.table {
    border-radius: 10px;
    overflow: hidden;
}

.table thead {
    background-color: #e9ecef;
}

.table-hover tbody tr:hover {
    background-color: #dee2e6;
}

#totalValue {
    color: #198754; /* Green for total value */
    font-size: 1.25rem;
}

#investedAmount,
#estimatedReturns {
    color: #212529;
}