.elementor-27555 .elementor-element.elementor-element-7dcc6126{--display:flex;}.elementor-27555 .elementor-element.elementor-element-31f2156c{--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-27555 .elementor-element.elementor-element-02922fc{--display:flex;}.elementor-27555 .elementor-element.elementor-element-5248262c{--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-27555 .elementor-element.elementor-element-cfe86de{--display:flex;}.elementor-27555 .elementor-element.elementor-element-2fd5d30a{--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-27555 .elementor-element.elementor-element-4142dac{--display:flex;}.elementor-27555 .elementor-element.elementor-element-1628b050{--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-27555 .elementor-element.elementor-element-1639dc37{--display:flex;}.elementor-27555 .elementor-element.elementor-element-46478cff{--display:flex;}.elementor-27555 .elementor-element.elementor-element-5f1df0b8{--display:flex;}.elementor-27555 .elementor-element.elementor-element-6dbfbe55{--display:flex;}.elementor-27555 .elementor-element.elementor-element-42945dfb{--display:flex;}.elementor-27555 .elementor-element.elementor-element-1829933a{--display:flex;}.elementor-27555 .elementor-element.elementor-element-54805866{--display:flex;}.elementor-27555 .elementor-element.elementor-element-26762610{--display:flex;}.elementor-27555 .elementor-element.elementor-element-15d852e{--display:flex;}.elementor-27555 .elementor-element.elementor-element-1098a9d{--display:flex;}.elementor-27555 .elementor-element.elementor-element-9b7950b{--display:flex;}.elementor-27555 .elementor-element.elementor-element-2dbe9c5{--display:flex;}.elementor-27555 .elementor-element.elementor-element-cade3cd{--display:flex;}.elementor-27555 .elementor-element.elementor-element-53ac9fb2{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}html[scheme="dark"] .elementor-27555 .elementor-element.elementor-element-53ac9fb2{--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-hover-color:#FFFFFF;--n-accordion-title-active-color:#FFFFFF;}/* Start custom CSS for container, class: .elementor-element-31f2156c */.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 */