/* Home page - "Our Vision" list readability.
   Loaded after style_home.css. Scoped to .about_wrapper .vision_new_section only.

   The building artwork (.about_main_box::after) sits behind the right column, so the
   light (#616161, weight 300) descriptions and weight-300 titles are lost in its line
   work on every screen size. The artwork and layout are left as they are; the text is
   made darker and heavier, and a soft white halo separates each glyph from the drawing
   behind it. The section background is a fixed #fff, so these colours hold regardless
   of the OS colour scheme. */

.about_wrapper .vision_new_section .vision_item_new {
    gap: 20px;
}

    .about_wrapper .vision_new_section .vision_item_new h3 {
        flex: 0 0 auto;
        min-width: 52px;
        color: #111;
        line-height: 1.2;
    }

.about_wrapper .vision_new_section .vision_right_box {
    flex: 1 1 auto;
    min-width: 0;
}

    .about_wrapper .vision_new_section .vision_right_box h6 {
        color: #111;
        font-weight: 400;
        line-height: 1.3;
        text-shadow: 0 0 2px #fff, 0 0 6px #fff, 0 0 12px rgba(255, 255, 255, 0.9);
    }

.about_wrapper .vision_new_section .vision_item_new p {
    color: #3a3a3a;
    font-weight: 400;
    line-height: 1.6;
    overflow-wrap: break-word;
    text-shadow: 0 0 2px #fff, 0 0 6px #fff, 0 0 12px rgba(255, 255, 255, 0.9);
}

@media screen and (max-width: 680px) {

    .about_wrapper .vision_new_section .vision_item_new {
        gap: 14px;
        margin-bottom: 20px;
    }

        .about_wrapper .vision_new_section .vision_item_new h3 {
            min-width: 44px;
            font-size: 24px;
        }

    .about_wrapper .vision_new_section .vision_item_new p {
        font-size: 15px;
        line-height: 22px;
    }
}