.section-divider {
    position: relative;
    height: 100px;
    overflow: hidden;
    margin-top: -1px;
}

.divider-wave {
    position: absolute;
    width: 100%;
    height: 100px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V0H0V27.35A600.21,600.21,0,0,0,321.39,56.44Z' fill='%23ffffff'/%3E%3C/svg%3E");
    background-size: cover;
    background-position: center;
}

.divider-wave-down {
    transform: rotate(180deg);
}

.divider-diagonal {
    position: relative;
    height: 100px;
    overflow: hidden;
    margin-top: -1px;
}

.divider-diagonal::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M1200 0L0 0 598.97 114.72 1200 0z' fill='%23ffffff'/%3E%3C/svg%3E");
    background-size: cover;
}

.divider-triangle {
    position: relative;
    height: 100px;
    overflow: hidden;
    margin-top: -1px;
}

.divider-triangle::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M598.97 114.72L0 0 0 120 1200 120 1200 0 598.97 114.72z' fill='%23ffffff'/%3E%3C/svg%3E");
    background-size: cover;
}

.divider-curve {
    position: relative;
    height: 100px;
    overflow: hidden;
    margin-top: -1px;
}

.divider-curve::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z' fill='%23ffffff'/%3E%3C/svg%3E");
    background-size: cover;
}

.divider-tilt {
    position: relative;
    height: 100px;
    overflow: hidden;
    margin-top: -1px;
}

.divider-tilt::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M1200 120L0 16.48 0 0 1200 0 1200 120z' fill='%23ffffff'/%3E%3C/svg%3E");
    background-size: cover;
}

.bg-light .divider-wave,
.bg-light .divider-diagonal::before,
.bg-light .divider-triangle::before,
.bg-light .divider-curve::before,
.bg-light .divider-tilt::before {
    filter: invert(0.05);
}

.section-divider.glow {
    position: relative;
}

.section-divider.glow::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 107, 0, 0.2), transparent);
    background-size: 200% 100%;
    animation: glow-animation 5s linear infinite;
}

@keyframes glow-animation {
    0% {
        background-position: 0% 0%;
    }
    100% {
        background-position: 200% 0%;
    }
}
