/* Overview Section */
#overview {
    display: flex;
    justify-content: center; /* Centers content horizontally */
    align-items: center; /* Centers content vertically */
    text-align: center; /* Centers text inside the content */
    background-color: white; /* Light background color */
    padding: auto 0; /* Add some padding for spacing */
}

.overview-container {
    max-width: 800px; /* Limit the width of the content */
    margin: 0 auto; /* Center the content */
}

.overview-container h2 {
    font-size: 2rem; /* Adjust heading size */
    margin-bottom: 20px;
    font-weight: bold;
    background: linear-gradient(to right, rgb(127, 66, 232), rgb(191, 78, 219), rgb(229, 83, 124)); /* Gradient applied to text */
    -webkit-background-clip: text; /* Clips the gradient to the text */
    background-clip: text; /* Standard property for compatibility */
    -webkit-text-fill-color: transparent; /* Makes the text transparent to show the gradient */
}

.overview-container p {
    font-size: 1.2rem; /* Adjust paragraph size */
    line-height: 1.6; /* Improve readability */
    color: #555; /* Slightly lighter text color */
}

/* Responsive Media Queries */

/* Tablets */
@media (max-width: 1024px) {
    .overview-container h2 {
        font-size: 1.75rem;
    }
    .overview-container p {
        font-size: 1.1rem;
    }
}

/* Small Tablets and Large Phones */
@media (max-width: 768px) {
    .overview-container h2 {
        font-size: 1.5rem;
    }
    .overview-container p {
        font-size: 1rem;
    }
}

/* Phones */
@media (max-width: 480px) {
    .overview-container h2 {
        font-size: 1.5rem;
    }
    .overview-container p {
        font-size: 0.95rem;
    }
}

/* Very Small Devices */
@media (max-width: 360px) {
    .overview-container h2 {
        font-size: 1.5rem;
    }
    .overview-container p {
        font-size: 0.9rem;
    }
}