.section-title {
    font-family: 'Roboto', sans-serif; /* Use a clean and modern font */
    font-size: 2rem; /* Increase font size */
    font-weight: 700; /* Bold text */
    color: #333; /* Dark gray color */
    position: relative; /* Position for the underline */
    display: inline-block; /* Inline-block for underline alignment */
    margin-bottom: 50px;
}

.primary-color{
    background: rgba(6, 12, 34, 0.98);

}
.section-title::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -15px; /* Distance from text */
    width: 120%; /* Underline width */
    height: 4px; /* Underline thickness */
    background: linear-gradient(to right, #007bff, #00d4ff); /* Gradient color */
    border-radius: 2px; /* Rounded edges for underline */
}

@media (max-width: 768px) {
    .section-title {
        font-size: 2rem; /* Adjust font size for smaller screens */
    }
}