/**
 * Section Divider Styles for transparent backgrounds
 * Adds subtle dividers between sections when backgrounds are transparent
 */

/* Add dividers between main sections */
section:not(.hero-section):not(:last-of-type) {
    position: relative;
}

section:not(.hero-section):not(:last-of-type)::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 15%;
    width: 70%;
    height: 1px;
    background: linear-gradient(
        to right,
        rgba(255, 209, 0, 0),
        rgba(255, 209, 0, 0.5) 50%,
        rgba(255, 209, 0, 0)
    );
}