.section-title {
    text-align: center; /* Center the text */
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

    .section-title::before, .section-title::after {
        content: "";
        flex: 1;
        height: 1px; /* Adjust the line thickness as needed */
        background: #efefef; /* You can change the line color */
    }

    .section-title::before {
        margin-right: 10px; /* Adjust the spacing as needed */
    }

    .section-title::after {
        margin-left: 10px; /* Adjust the spacing as needed */
    }

/* Media query for mobile view */
@media (max-width: 768px) {
    .section-title::before, .section-title::after {
        margin: 0 5px; /* Adjust the spacing for mobile */
    }
}