.elementor-537 .elementor-element.elementor-element-111e19a{--display:flex;}/* Start custom CSS *//* ==========================================
   SECTION BASE STYLES - ALL DARK
   ========================================== */
.section {
    position: relative;
    padding: var(--section-padding) 0;
    overflow: hidden;
}

/* Section 1 */
.section-1 {
    background: linear-gradient(
        180deg,
        var(--dark-700) 0%,
        var(--dark-680) 20%,
        var(--dark-660) 40%,
        var(--dark-640) 60%,
        var(--dark-620) 80%,
        var(--dark-600) 100%
    );
}

/* Section 2 */
.section-2 {
    background: linear-gradient(
        180deg,
        var(--dark-600) 0%,
        var(--dark-590) 20%,
        var(--dark-580) 40%,
        var(--dark-560) 60%,
        var(--dark-540) 80%,
        var(--dark-520) 100%
    );
}

/* Section 3 */
.section-3 {
    background: linear-gradient(
        180deg,
        var(--dark-500) 0%,
        var(--dark-490) 20%,
        var(--dark-480) 40%,
        var(--dark-460) 60%,
        var(--dark-440) 80%,
        var(--dark-420) 100%
    );
}

/* CTA Section */
.cta-section {
    background: linear-gradient(
        180deg,
        var(--dark-500) 0%,
        var(--dark-550) 25%,
        var(--dark-600) 50%,
        var(--dark-650) 75%,
        var(--dark-700) 100%
    );
}

/* Ek renk tonları */
:root {
    --dark-680: #0f1c30;
    --dark-660: #112038;
    --dark-640: #132440;
    --dark-620: #152848;
    --dark-590: #182a50;
    --dark-580: #1a2c58;
    --dark-560: #1c2e60;
    --dark-540: #1e3068;
    --dark-490: #203470;
    --dark-480: #223678;
    --dark-460: #243880;
    --dark-440: #263a88;
    --dark-420: #283c90;
}/* End custom CSS */