.elementor-66 .elementor-element.elementor-element-ff2d168{--display:flex;--margin-top:-420px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-66 .elementor-element.elementor-element-cc30ce0 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-66 .elementor-element.elementor-element-646a594e{--display:flex;}/* Start custom CSS for container, class: .elementor-element-ff2d168 *//* ---------- GLOBAL MOBILE FIXES ---------- */
@media (max-width: 768px) {

    /* Fix large padding on sections */
    section {
        padding: 40px 20px !important;
    }

    /* Fix text that is too large on mobile */
    h1 {
        font-size: 28px !important;
        line-height: 1.3 !important;
    }
    h2 {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }
    h3, h4 {
        font-size: 20px !important;
        line-height: 1.3 !important;
    }
    p, li {
        font-size: 16px !important;
        line-height: 1.6 !important;
    }

    /* Make all images responsive */
    img {
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
    }

    /* Center all text for clean mobile layout */
    .text-left, .text-right, div, p, h1, h2, h3, h4 {
        text-align: center !important;
    }

    /* Fix spacing between elements */
    * {
        margin-bottom: 18px !important;
    }

    /* Make all grids stack vertically */
    .grid, 
    .columns, 
    .row, 
    .wp-block-columns, 
    [class*="col"], 
    [class*="column"] {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Fix buttons overflowing */
    a, button {
        display: block !important;
        width: 100% !important;
        margin: 10px auto !important;
        padding: 14px 20px !important;
        text-align: center !important;
        border-radius: 8px !important;
    }

    /* Fix card layouts */
    .card, 
    .feature-box, 
    .elementor-widget-container, 
    .wp-block-group {
        width: 100% !important;
        margin: 0 auto 25px auto !important;
    }

    /* Fix images inside cards */
    .card img, .feature-box img, figure img {
        border-radius: 10px !important;
    }

    /* Fix hero image spacing */
    .hero img {
        margin-top: 25px !important;
        border-radius: 12px !important;
    }

    /* Fix if any element overflows */
    body, html {
        overflow-x: hidden !important;
    }
}

/* ---------- EXTREME SMALL DEVICES (IPHONE SE) ---------- */
@media (max-width: 480px) {
    h1 { font-size: 24px !important; }
    h2 { font-size: 20px !important; }
    h3, h4 { font-size: 18px !important; }
    p, li { font-size: 15px !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-646a594e *//* ---------- GLOBAL MOBILE FIXES ---------- */
@media (max-width: 768px) {

    /* Fix large padding on sections */
    section {
        padding: 40px 20px !important;
    }

    /* Fix text that is too large on mobile */
    h1 {
        font-size: 28px !important;
        line-height: 1.3 !important;
    }
    h2 {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }
    h3, h4 {
        font-size: 20px !important;
        line-height: 1.3 !important;
    }
    p, li {
        font-size: 16px !important;
        line-height: 1.6 !important;
    }

    /* Make all images responsive */
    img {
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
    }

    /* Center all text for clean mobile layout */
    .text-left, .text-right, div, p, h1, h2, h3, h4 {
        text-align: center !important;
    }

    /* Fix spacing between elements */
    * {
        margin-bottom: 18px !important;
    }

    /* Make all grids stack vertically */
    .grid, 
    .columns, 
    .row, 
    .wp-block-columns, 
    [class*="col"], 
    [class*="column"] {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Fix buttons overflowing */
    a, button {
        display: block !important;
        width: 100% !important;
        margin: 10px auto !important;
        padding: 14px 20px !important;
        text-align: center !important;
        border-radius: 8px !important;
    }

    /* Fix card layouts */
    .card, 
    .feature-box, 
    .elementor-widget-container, 
    .wp-block-group {
        width: 100% !important;
        margin: 0 auto 25px auto !important;
    }

    /* Fix images inside cards */
    .card img, .feature-box img, figure img {
        border-radius: 10px !important;
    }

    /* Fix hero image spacing */
    .hero img {
        margin-top: 25px !important;
        border-radius: 12px !important;
    }

    /* Fix if any element overflows */
    body, html {
        overflow-x: hidden !important;
    }
}

/* ---------- EXTREME SMALL DEVICES (IPHONE SE) ---------- */
@media (max-width: 480px) {
    h1 { font-size: 24px !important; }
    h2 { font-size: 20px !important; }
    h3, h4 { font-size: 18px !important; }
    p, li { font-size: 15px !important; }
}/* End custom CSS */