.elementor-27642 .elementor-element.elementor-element-176c8707{--display:flex;}.elementor-27642 .elementor-element.elementor-element-294d0b80{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-27642 .elementor-element.elementor-element-1e864d4{--display:flex;}.elementor-27642 .elementor-element.elementor-element-6afe015a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-color:#E3D4D4;--border-color:#E3D4D4;}.elementor-27642 .elementor-element.elementor-element-2bd3550{--display:flex;}/* Start custom CSS for container, class: .elementor-element-294d0b80 */.key-takeaways-box {
        position: relative;
        padding: 1rem; /* Generous padding all around for clean separation */
        margin: 2.5rem 0; /* Vertical spacing from surrounding content */
        background-color: #ffffff;
        font-family: 'Inter', sans-serif;
        color: #333333; /* Dark gray body text */
        line-height: 1.7;
        /* Ensure the box is contained and centered if used in a wider column */
        max-width: 100%;
        box-sizing: border-box; 
    }

    /* Define the subtle professional red color */
    :root {
        --accent-red: #c2523d; /* A professional, subtle reddish-orange */
    }

    /* 2. TOP-LEFT L-SHAPED ACCENT: Uses the ::before pseudo-element */
    .key-takeaways-box::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        border-top: 3px solid var(--accent-red); /* Horizontal part of the 'L' */
        border-left: 3px solid var(--accent-red); /* Vertical part of the 'L' */
        width: 100px; /* Length of the horizontal part */
        height: 80px; /* Length of the vertical part (adjust as needed) */
        box-sizing: border-box; /* Includes borders in the element's size calculation */
    }

    /* 3. BOTTOM-RIGHT L-SHAPED ACCENT: Uses the ::after pseudo-element */
    .key-takeaways-box::after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        border-bottom: 3px solid var(--accent-red); /* Horizontal part of the 'L' */
        border-right: 3px solid var(--accent-red); /* Vertical part of the 'L' */
        width: 100px; /* Length of the horizontal part */
        height: 40px; /* Length of the vertical part */
        box-sizing: border-box;
    }


    /* 4. HEADING STYLING: Ensures uppercase, bold, and proper spacing */
    .key-takeaways-box h2 {
        font-size: 1.1rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.15em; /* Increased spacing for an editorial look */
        color: #1a1a1a; /* Darker color for the heading */
        margin-top: 0;
        margin-bottom: 2rem;
    }
    
    /* 5. LIST STYLING: Ensures proper spacing and standard bullet points. */
    .key-takeaways-box ul {
        list-style: disc;
        padding-left: 1.5rem; 
        margin: 0;
    }

    .key-takeaways-box ul li {
        margin-bottom: 1rem; /* Increased space between bullet points for readability */
        font-size: 1rem;
        padding-left: 0.25rem; /* Small nudge for alignment */
    }
    
    /* Remove margin from the last bullet point */
    .key-takeaways-box ul li:last-child {
        margin-bottom: 0;
    }/* End custom CSS */