/* Base constraints for images to prevent overflow and keep aspect ratio on ALL devices */
body.page-id-7759 .elementor-widget-e-image img {
    max-width: 100% !important;
    height: auto !important;
    object-fit: cover;
    border-radius: inherit;
    display: block; /* Removes bottom spacing on images */
}

/* DESKTOP (Already fine, but adding a fallback just in case to preserve current sizing) */
@media (min-width: 1025px) {
    /* No changes applied to desktop sizes as requested */
}

/* TABLET STYLES (768px - 1024px) */
@media (max-width: 1024px) and (min-width: 768px) {
    /* Headings: Reduce size to fit screen width */
    body.page-id-7759 .elementor-widget-e-heading h1,
    body.page-id-7759 .elementor-widget-e-heading h2,
    body.page-id-7759 .elementor-widget-e-heading h3,
    body.page-id-7759 .elementor-widget-e-heading .elementor-heading-title {
        font-size: clamp(28px, 4vw, 36px) !important;
        line-height: 1.3 !important;
    }
    
    /* Paragraphs */
    body.page-id-7759 .elementor-widget-e-paragraph p,
    body.page-id-7759 .elementor-widget-e-paragraph .elementor-widget-container {
        font-size: 16px !important;
        line-height: 1.6 !important;
    }

    /* Images: Ensure they scale nicely within columns */
    body.page-id-7759 .elementor-widget-e-image {
        max-width: 90% !important;
        margin: 0 auto !important; /* Centered */
    }
}

/* MOBILE STYLES (Under 768px) */
@media (max-width: 767px) {
    /* Headings: Ensure they don't break onto too many lines */
    body.page-id-7759 .elementor-widget-e-heading h1 {
        font-size: 32px !important;
        line-height: 1.2 !important;
    }
    body.page-id-7759 .elementor-widget-e-heading h2 {
        font-size: 26px !important;
        line-height: 1.3 !important;
    }
    body.page-id-7759 .elementor-widget-e-heading h3,
    body.page-id-7759 .elementor-widget-e-heading .elementor-heading-title {
        font-size: 22px !important;
        line-height: 1.3 !important;
    }
    
    /* Paragraphs: Legible but space-saving */
    body.page-id-7759 .elementor-widget-e-paragraph p,
    body.page-id-7759 .elementor-widget-e-paragraph .elementor-widget-container {
        font-size: 15px !important;
        line-height: 1.5 !important;
    }

    /* Images: Full width inside their container, with padding to prevent edge-touching */
    body.page-id-7759 .elementor-widget-e-image {
        max-width: 100% !important;
        padding: 0 10px !important;
        margin: 20px auto !important; /* Add space around the image on mobile */
    }
}