/* ============================================
   ATTRACTIVE SECTION DIVIDERS - Version 2.0
   ============================================ */

/* Remove old dividers completely */
.section-divider-top,
.section-divider-bottom,
.diagonal-cut-top,
.diagonal-cut-bottom,
.curve-top,
.curve-bottom {
    display: none;
}

/* NEW ATTRACTIVE DIVIDER SYSTEM */

/* Slanted Edge Divider */
.slant-divider {
    position: absolute;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    z-index: 1;
}

.slant-divider.top {
    top: 0;
}

.slant-divider.bottom {
    bottom: 0;
}

.slant-divider svg {
    position: relative;
    display: block;
    width: 100%;
    height: 80px;
}

/* Tilt Divider */
.tilt-divider {
    position: absolute;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    z-index: 1;
    transform-origin: center;
}

.tilt-divider.top {
    top: -1px;
}

.tilt-divider.bottom {
    bottom: -1px;
}

.tilt-divider svg {
    position: relative;
    display: block;
    width: 100%;
    height: 100px;
}

/* Curved Wave Divider */
.wave-divider {
    position: absolute;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    z-index: 1;
}

.wave-divider.top {
    top: -1px;
}

.wave-divider.bottom {
    bottom: -1px;
}

.wave-divider svg {
    position: relative;
    display: block;
    width: 100%;
    height: 100px;
}

/* Arrow Point Divider */
.arrow-divider {
    position: absolute;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    z-index: 1;
}

.arrow-divider.top {
    top: -1px;
}

.arrow-divider.bottom {
    bottom: -1px;
}

.arrow-divider svg {
    position: relative;
    display: block;
    width: 100%;
    height: 80px;
}

/* Book Curve Divider */
.book-divider {
    position: absolute;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    z-index: 1;
}

.book-divider.top {
    top: -1px;
}

.book-divider.bottom {
    bottom: -1px;
}

.book-divider svg {
    position: relative;
    display: block;
    width: 100%;
    height: 90px;
}

/* Triangle Mountains Divider */
.mountains-divider {
    position: absolute;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    z-index: 1;
}

.mountains-divider.top {
    top: -1px;
}

.mountains-divider.bottom {
    bottom: -1px;
}

.mountains-divider svg {
    position: relative;
    display: block;
    width: 100%;
    height: 100px;
}

/* Section Background Colors - Final Version */
.stats-enhanced {
    background: linear-gradient(135deg, #e8f4ff 0%, #f0f9ff 100%);
}

.programs-enhanced {
    background: #ffffff;
}

.leadership-enhanced {
    background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);
}

.gallery-enhanced {
    background: linear-gradient(135deg, #fffaf0 0%, #fff8f0 100%);
}

.testimonials-enhanced {
    background: #ffffff;
}

/* Ensure content is above dividers */
.section-with-divider {
    position: relative;
    padding-top: 120px;
    padding-bottom: 120px;
}

.section-with-divider .container {
    position: relative;
    z-index: 2;
}

/* Mobile Adjustments */
@media (max-width: 768px) {

    .slant-divider svg,
    .tilt-divider svg,
    .wave-divider svg,
    .arrow-divider svg,
    .book-divider svg,
    .mountains-divider svg {
        height: 50px;
    }

    .section-with-divider {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}