.elementor-870 .elementor-element.elementor-element-d88d99d{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-870 .elementor-element.elementor-element-d88d99d:not(.elementor-motion-effects-element-type-background), .elementor-870 .elementor-element.elementor-element-d88d99d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fb3bae3 );}.elementor-870 .elementor-element.elementor-element-0f55454{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-870 .elementor-element.elementor-element-6027c16{--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;--justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-870 .elementor-element.elementor-element-f689093 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:33px;font-weight:700;text-decoration:none;line-height:40px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-870 .elementor-element.elementor-element-13d6e30 p{margin-block-end:0px;}.elementor-870 .elementor-element.elementor-element-9b18faf{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:22px;}.elementor-870 .elementor-element.elementor-element-9b18faf p{margin-block-end:0px;}.elementor-870 .elementor-element.elementor-element-2744ed5{--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-870 .elementor-element.elementor-element-e540d68{--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-870 .elementor-element.elementor-element-e540d68:not(.elementor-motion-effects-element-type-background), .elementor-870 .elementor-element.elementor-element-e540d68 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4c651eb );}.elementor-870 .elementor-element.elementor-element-a73843e{--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-870 .elementor-element.elementor-element-a73843e:not(.elementor-motion-effects-element-type-background), .elementor-870 .elementor-element.elementor-element-a73843e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fb3bae3 );}.elementor-870 .elementor-element.elementor-element-b8dae32{--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-870 .elementor-element.elementor-element-b8dae32:not(.elementor-motion-effects-element-type-background), .elementor-870 .elementor-element.elementor-element-b8dae32 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4c651eb );}.elementor-870 .elementor-element.elementor-element-2d18fdf{--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;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-870 .elementor-element.elementor-element-2d18fdf:not(.elementor-motion-effects-element-type-background), .elementor-870 .elementor-element.elementor-element-2d18fdf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fb3bae3 );}.elementor-870 .elementor-element.elementor-element-bfae7a8{text-align:center;}.elementor-870 .elementor-element.elementor-element-c7674ca{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-870 .elementor-element.elementor-element-b4e13b9{--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-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-870 .elementor-element.elementor-element-b4e13b9:not(.elementor-motion-effects-element-type-background), .elementor-870 .elementor-element.elementor-element-b4e13b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d920f18 );}.elementor-870 .elementor-element.elementor-element-b4e13b9:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.12);}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-870 .elementor-element.elementor-element-bd44ed9 .elementor-icon-wrapper{text-align:start;}.elementor-870 .elementor-element.elementor-element-bd44ed9.elementor-view-stacked .elementor-icon{background-color:#137F8266;color:#012D362E;}.elementor-870 .elementor-element.elementor-element-bd44ed9.elementor-view-framed .elementor-icon, .elementor-870 .elementor-element.elementor-element-bd44ed9.elementor-view-default .elementor-icon{color:#137F8266;border-color:#137F8266;}.elementor-870 .elementor-element.elementor-element-bd44ed9.elementor-view-framed .elementor-icon, .elementor-870 .elementor-element.elementor-element-bd44ed9.elementor-view-default .elementor-icon svg{fill:#137F8266;}.elementor-870 .elementor-element.elementor-element-bd44ed9.elementor-view-framed .elementor-icon{background-color:#012D362E;}.elementor-870 .elementor-element.elementor-element-bd44ed9.elementor-view-stacked .elementor-icon svg{fill:#012D362E;}.elementor-870 .elementor-element.elementor-element-bd44ed9 .elementor-icon{font-size:24px;}.elementor-870 .elementor-element.elementor-element-bd44ed9 .elementor-icon svg{height:24px;}.elementor-870 .elementor-element.elementor-element-f701a3f{text-align:start;}.elementor-870 .elementor-element.elementor-element-f701a3f .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:700;text-decoration:none;line-height:25px;}.elementor-870 .elementor-element.elementor-element-1fe5d2a{text-align:start;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;text-decoration:none;line-height:22px;}.elementor-870 .elementor-element.elementor-element-1fe5d2a p{margin-block-end:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );}.elementor-870 .elementor-element.elementor-element-4509ff5 .elementor-button{background-color:#012D3600;font-family:"Nunito", Sans-serif;font-size:14px;font-weight:600;text-decoration:none;line-height:21px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:none;padding:0px 0px 0px 0px;}.elementor-870 .elementor-element.elementor-element-4509ff5 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-870 .elementor-element.elementor-element-c9c3d92{--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-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-870 .elementor-element.elementor-element-c9c3d92:not(.elementor-motion-effects-element-type-background), .elementor-870 .elementor-element.elementor-element-c9c3d92 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d920f18 );}.elementor-870 .elementor-element.elementor-element-c9c3d92:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.12);}.elementor-870 .elementor-element.elementor-element-b78e327 .elementor-icon-wrapper{text-align:start;}.elementor-870 .elementor-element.elementor-element-b78e327.elementor-view-stacked .elementor-icon{background-color:#137F8266;color:#012D362E;}.elementor-870 .elementor-element.elementor-element-b78e327.elementor-view-framed .elementor-icon, .elementor-870 .elementor-element.elementor-element-b78e327.elementor-view-default .elementor-icon{color:#137F8266;border-color:#137F8266;}.elementor-870 .elementor-element.elementor-element-b78e327.elementor-view-framed .elementor-icon, .elementor-870 .elementor-element.elementor-element-b78e327.elementor-view-default .elementor-icon svg{fill:#137F8266;}.elementor-870 .elementor-element.elementor-element-b78e327.elementor-view-framed .elementor-icon{background-color:#012D362E;}.elementor-870 .elementor-element.elementor-element-b78e327.elementor-view-stacked .elementor-icon svg{fill:#012D362E;}.elementor-870 .elementor-element.elementor-element-b78e327 .elementor-icon{font-size:24px;}.elementor-870 .elementor-element.elementor-element-b78e327 .elementor-icon svg{height:24px;}.elementor-870 .elementor-element.elementor-element-f9f94f0{text-align:start;}.elementor-870 .elementor-element.elementor-element-f9f94f0 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:700;text-decoration:none;line-height:25px;}.elementor-870 .elementor-element.elementor-element-82baa59{text-align:start;font-family:"Poppins", Sans-serif;font-size:13px;font-weight:400;text-decoration:none;line-height:20px;}.elementor-870 .elementor-element.elementor-element-82baa59 p{margin-block-end:0px;}.elementor-870 .elementor-element.elementor-element-0773a2f .elementor-button{background-color:#012D3600;font-family:"Nunito", Sans-serif;font-size:14px;font-weight:600;text-decoration:none;line-height:21px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:none;padding:0px 0px 0px 0px;}.elementor-870 .elementor-element.elementor-element-0773a2f .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-870 .elementor-element.elementor-element-fd951af{--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-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-870 .elementor-element.elementor-element-fd951af:not(.elementor-motion-effects-element-type-background), .elementor-870 .elementor-element.elementor-element-fd951af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d920f18 );}.elementor-870 .elementor-element.elementor-element-fd951af:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.12);}.elementor-870 .elementor-element.elementor-element-2181ddb .elementor-icon-wrapper{text-align:start;}.elementor-870 .elementor-element.elementor-element-2181ddb.elementor-view-stacked .elementor-icon{background-color:#137F8266;color:#012D362E;}.elementor-870 .elementor-element.elementor-element-2181ddb.elementor-view-framed .elementor-icon, .elementor-870 .elementor-element.elementor-element-2181ddb.elementor-view-default .elementor-icon{color:#137F8266;border-color:#137F8266;}.elementor-870 .elementor-element.elementor-element-2181ddb.elementor-view-framed .elementor-icon, .elementor-870 .elementor-element.elementor-element-2181ddb.elementor-view-default .elementor-icon svg{fill:#137F8266;}.elementor-870 .elementor-element.elementor-element-2181ddb.elementor-view-framed .elementor-icon{background-color:#012D362E;}.elementor-870 .elementor-element.elementor-element-2181ddb.elementor-view-stacked .elementor-icon svg{fill:#012D362E;}.elementor-870 .elementor-element.elementor-element-2181ddb .elementor-icon{font-size:24px;}.elementor-870 .elementor-element.elementor-element-2181ddb .elementor-icon svg{height:24px;}.elementor-870 .elementor-element.elementor-element-ee04046{text-align:start;}.elementor-870 .elementor-element.elementor-element-ee04046 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:700;text-decoration:none;line-height:25px;}.elementor-870 .elementor-element.elementor-element-0309819{text-align:start;font-family:"Poppins", Sans-serif;font-size:13px;font-weight:400;text-decoration:none;line-height:20px;}.elementor-870 .elementor-element.elementor-element-0309819 p{margin-block-end:0px;}.elementor-870 .elementor-element.elementor-element-60270f1 .elementor-button{background-color:#012D3600;font-family:"Nunito", Sans-serif;font-size:14px;font-weight:600;text-decoration:none;line-height:21px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:none;padding:0px 0px 0px 0px;}.elementor-870 .elementor-element.elementor-element-60270f1 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-870 .elementor-element.elementor-element-7e015e3{--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-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-870 .elementor-element.elementor-element-7e015e3:not(.elementor-motion-effects-element-type-background), .elementor-870 .elementor-element.elementor-element-7e015e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d920f18 );}.elementor-870 .elementor-element.elementor-element-7e015e3:hover{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.12);}.elementor-870 .elementor-element.elementor-element-d4f7e39 .elementor-icon-wrapper{text-align:start;}.elementor-870 .elementor-element.elementor-element-d4f7e39.elementor-view-stacked .elementor-icon{background-color:#137F8266;color:#012D362E;}.elementor-870 .elementor-element.elementor-element-d4f7e39.elementor-view-framed .elementor-icon, .elementor-870 .elementor-element.elementor-element-d4f7e39.elementor-view-default .elementor-icon{color:#137F8266;border-color:#137F8266;}.elementor-870 .elementor-element.elementor-element-d4f7e39.elementor-view-framed .elementor-icon, .elementor-870 .elementor-element.elementor-element-d4f7e39.elementor-view-default .elementor-icon svg{fill:#137F8266;}.elementor-870 .elementor-element.elementor-element-d4f7e39.elementor-view-framed .elementor-icon{background-color:#012D362E;}.elementor-870 .elementor-element.elementor-element-d4f7e39.elementor-view-stacked .elementor-icon svg{fill:#012D362E;}.elementor-870 .elementor-element.elementor-element-d4f7e39 .elementor-icon{font-size:24px;}.elementor-870 .elementor-element.elementor-element-d4f7e39 .elementor-icon svg{height:24px;}.elementor-870 .elementor-element.elementor-element-9271707{text-align:start;}.elementor-870 .elementor-element.elementor-element-9271707 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:700;text-decoration:none;line-height:25px;}.elementor-870 .elementor-element.elementor-element-f9f69b7{text-align:start;font-family:"Poppins", Sans-serif;font-size:13px;font-weight:400;text-decoration:none;line-height:20px;}.elementor-870 .elementor-element.elementor-element-f9f69b7 p{margin-block-end:0px;}.elementor-870 .elementor-element.elementor-element-5c79026 .elementor-button{background-color:#012D3600;font-family:"Nunito", Sans-serif;font-size:14px;font-weight:600;text-decoration:none;line-height:21px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:none;padding:0px 0px 0px 0px;}.elementor-870 .elementor-element.elementor-element-5c79026 .elementor-button-content-wrapper{flex-direction:row-reverse;}:root{--page-title-display:none;}@media(max-width:1024px) and (min-width:768px){.elementor-870 .elementor-element.elementor-element-b4e13b9{--width:48%;}.elementor-870 .elementor-element.elementor-element-c9c3d92{--width:48%;}.elementor-870 .elementor-element.elementor-element-fd951af{--width:48%;}.elementor-870 .elementor-element.elementor-element-7e015e3{--width:48%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-870 .elementor-element.elementor-element-f689093 .elementor-heading-title{font-size:35px;line-height:40px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-870 .elementor-element.elementor-element-2d18fdf{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-870 .elementor-element.elementor-element-c7674ca{--flex-wrap:wrap;}.elementor-870 .elementor-element.elementor-element-f701a3f .elementor-heading-title{font-size:18px;line-height:23px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-870 .elementor-element.elementor-element-f9f94f0 .elementor-heading-title{font-size:18px;line-height:23px;}.elementor-870 .elementor-element.elementor-element-ee04046 .elementor-heading-title{font-size:18px;line-height:23px;}.elementor-870 .elementor-element.elementor-element-9271707 .elementor-heading-title{font-size:18px;line-height:23px;}}@media(max-width:767px){.elementor-870 .elementor-element.elementor-element-d88d99d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-870 .elementor-element.elementor-element-f689093 .elementor-heading-title{font-size:25px;line-height:30px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-870 .elementor-element.elementor-element-f701a3f .elementor-heading-title{font-size:16px;line-height:20px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-870 .elementor-element.elementor-element-f9f94f0 .elementor-heading-title{font-size:16px;line-height:20px;}.elementor-870 .elementor-element.elementor-element-ee04046 .elementor-heading-title{font-size:16px;line-height:20px;}.elementor-870 .elementor-element.elementor-element-9271707 .elementor-heading-title{font-size:16px;line-height:20px;}}/* Start custom CSS for html, class: .elementor-element-5a94b90 *//* Import Inter Font (assuming you link it in your <head> or use @import) */
/* e.g., <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet"> */

.mps-spectrum-container {
    /* Base Container Styling */
    font-family: 'Inter', sans-serif;
    max-width: 800px; /* Limit max width on large screens */
    width: 90%;      /* Keep it responsive on smaller screens */
    margin: 40px auto; /* Center the container */
    padding: 30px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Subtle shadow like in the image */
}

.mps-header {
    text-align: center;
    font-size: 1.25rem; /* Larger font size */
    font-weight: 600; /* Semi-bold */
    margin-bottom: 30px;
    color: #333;
}

.mps-bar-wrapper {
    margin-bottom: 20px;
    padding: 0 5px; /* Add slight horizontal padding to align with labels */
}

.mps-spectrum-bar {
    height: 15px; /* Height of the bar */
    width: 100%;
    border-radius: 5px;
    /* Create the gradient from Red (Severe) to Green (Attenuated) */
    background: linear-gradient(to right, 
        #d9534f 0%, /* Red */
        #ffc107 40%, /* Yellow/Orange transition */
        #5cb85c 100% /* Green */
    );
}

.mps-labels {
    display: flex; /* Arrange labels horizontally */
    justify-content: space-between; /* Push labels to the edges */
    font-size: 0.95rem;
    line-height: 1.4;
    padding-top: 10px; /* Space between bar and labels */
}

.label-severe {
    text-align: left;
    color: #333;
}

.label-attenuated {
    text-align: right;
    color: #333;
}

.label-title {
    font-weight: 700; /* Bold the "Severe" and "Attenuated" titles */
    font-size: 1.05rem;
    margin-bottom: 4px;
}

/* Optional: Add a simple media query for very small mobile screens */
@media (max-width: 500px) {
    .mps-spectrum-container {
        padding: 20px;
        width: 95%; /* Use more screen width on small devices */
    }
    .mps-header {
        font-size: 1.1rem;
    }
    .mps-labels {
        font-size: 0.85rem;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-40413b8 *//* Inherits Inter font link from the first example */

.mps-subtypes-container {
    /* Base Container Styling - Similar to the first one */
    font-family: 'Inter', sans-serif;
    max-width: 1600px; 
    width: 100%;      
    margin: 40px auto; 
    padding: 30px 0; /* Padding handled by internal elements */
    color: #333;
}

.text-content {
    padding: 0 5%; /* Add side padding for text on large screens */
    margin-bottom: 40px;
}

.text-content h2 {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 20px;
}

.text-content p {
    line-height: 1.6;
    margin-bottom: 15px;
}

.subtypes-boxes-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; /* Allows wrapping on small screens */
    gap: 15px; /* Spacing between elements */
    margin-bottom: 20px;
    padding: 0 10px;
}

.subtype-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 250px; /* Base width */
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    min-height: 120px;
}

/* Specific Box Colors */
.hurler-color {
    background-color: #fce8e8; /* Light Pink */
    border: 1px solid #f99d9d;
}

.hurlerscheie-color {
    background-color: #fcf1df; /* Light Orange/Yellow */
    border: 1px solid #ffcc66;
}

.scheie-color {
    background-color: #e9f5e9; /* Light Green */
    border: 1px solid #8cc08c;
}

.subtype-title {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 5px;
}

.subtype-label {
    font-size: 0.9rem;
    font-weight: 400;
    margin-bottom: 10px;
}

.subtype-desc {
    font-style: italic;
    font-size: 0.9rem;
}

.arrow-connector {
    font-size: 2.5rem;
    font-weight: 300;
    color: #666;
}

.caption {
    text-align: center;
    margin-top: 10px;
    font-size: 0.9rem;
    color: #666;
    font-style: italic;
}

/* Media Query for Responsiveness (Stacking boxes on small screens) */
@media (max-width: 850px) {
    .subtypes-boxes-wrapper {
        flex-direction: column; /* Stack vertically */
    }
    
    .subtype-box {
        width: 80%; /* Widen boxes when stacked */
        max-width: 350px;
    }

    .arrow-connector {
        transform: rotate(90deg); /* Rotate the arrow to point down */
        margin: 10px 0;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-adbbd33 *//* Inherits Inter font from your existing setup */

.mps-detailed-container {
    font-family: 'Inter', sans-serif;
    max-width: 1600px;
    width: 90%;
    margin: 40px auto;
    color: #333;
}

.mps-section {
    margin-bottom: 60px;
}

h2 {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 15px;
    color: #111;
}

.intro-text {
    font-size: 1rem;
    line-height: 1.6;
    color: #555;
    margin-bottom: 30px;
    max-width: 900px;
}

/* --- Top Comparison Cards --- */
.comparison-cards-wrapper {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
}

.mps-card {
    flex: 1; /* Both cards take equal width */
    background: #fff;
    border-radius: 6px;
    padding: 25px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    border: 1px solid #e0e0e0; /* Subtle outer border */
}

.card-severe {
    border-left: 5px solid #d9534f; /* Red Accent */
}

.card-severe .card-header h3 { color: #d9534f; }

.card-attenuated {
    border-left: 5px solid #28a745; /* Green Accent */
}

.card-attenuated .card-header h3 { color: #28a745; }

.card-header {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.card-header h3 {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 700;
}

.subtitle {
    font-size: 0.9rem;
    color: #666;
    display: block;
    margin-top: 4px;
}

.mps-card ul {
    padding-left: 20px;
    margin: 0;
}

.mps-card li {
    margin-bottom: 10px;
    font-size: 0.95rem;
    line-height: 1.5;
    color: #444;
}

/* --- Blue Key Point Box --- */
.key-point-box {
    background-color: #eef4fc;
    border-left: 4px solid #4a90e2;
    padding: 20px;
    border-radius: 4px;
    font-size: 0.95rem;
    line-height: 1.5;
    color: #333;
}

/* --- Clinical Differences Grid --- */
.clinical-grid {
    display: flex;
    gap: 40px; /* Space between the two main columns */
}

.grid-column {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 30px; /* Space between vertical items */
}

.clinical-item h4 {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 15px;
    color: #222;
    display: flex;
    align-items: center;
}

.bullet {
    color: #0056b3; /* Blue bullet point color */
    font-size: 1.5rem;
    line-height: 0;
    margin-right: 8px;
    position: relative;
    top: 2px;
}

.gray-box {
    background-color: #f5f5f5;
    padding: 15px 20px;
    margin-bottom: 10px; /* Space between Severe and Attenuated boxes */
    border-radius: 5px;
}

.gray-box strong {
    display: block;
    font-size: 0.9rem;
    margin-bottom: 5px;
    color: #111;
}

.gray-box p {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.5;
    color: #444;
}

/* --- Responsive Media Queries --- */
@media (max-width: 768px) {
    .comparison-cards-wrapper {
        flex-direction: column; /* Stack red/green cards */
    }

    .clinical-grid {
        flex-direction: column; /* Stack the main columns */
        gap: 0;
    }

    .grid-column {
        gap: 0;
    }

    .clinical-item {
        margin-bottom: 30px; /* Add spacing between items when stacked */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8efd6d1 *//* Inherits Inter font from previous setup */

.mps-practice-container {
    font-family: 'Inter', sans-serif;
    max-width: 1600px;
    width: 100%;
    margin: 70px auto;
    color: #333;
}

h2 {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 20px;
    color: #111;
}

/* --- Section 1: Split Layout --- */
.assessment-split {
    display: flex;
    gap: 50px;
    margin-bottom: 60px;
    align-items: flex-start;
}

.assessment-text {
    flex: 1.2; /* Takes up slightly more space than the diagram */
}

.assessment-text p {
    line-height: 1.6;
    margin-bottom: 15px;
    color: #444;
}

.note-text {
    font-size: 0.95rem;
    color: #666;
    margin-top: 20px;
}

.custom-list {
    padding-left: 20px;
    margin-bottom: 20px;
}

.custom-list li {
    margin-bottom: 8px;
    line-height: 1.5;
    color: #0056b3; /* Blue bullets/text accent */
}

/* --- Flowchart Styling --- */
.assessment-flow-wrapper {
    flex: 0.8;
    display: flex;
    justify-content: center;
}

.flow-card {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 30px;
    width: 100%;
    max-width: 350px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.flow-card h3 {
    text-align: center;
    font-size: 1.1rem;
    margin-bottom: 25px;
    font-weight: 600;
}

.flow-step {
    width: 100%;
    padding: 12px 15px;
    border-radius: 5px;
    text-align: center;
    font-size: 0.9rem;
    position: relative;
}

.light-step {
    background-color: #eef4fc; /* Light Blue */
    color: #333;
    font-weight: 500;
}

.dark-step {
    background-color: #003366; /* Dark Blue */
    color: #fff;
    font-weight: 600;
}

.small-detail {
    font-size: 0.8rem;
    font-weight: 400;
    color: #555;
    display: block;
    margin-top: 2px;
}

/* Creating the vertical lines between boxes */
.flow-line {
    height: 15px;
    width: 2px;
    background-color: #ccc;
    margin: 2px 0;
}

/* --- Section 2: Focus Section --- */
.focus-section {
    margin-bottom: 60px;
    max-width: 900px;
}

.focus-section p {
    line-height: 1.7;
    margin-bottom: 20px;
    color: #444;
}

/* --- Section 3: Key Points Grid --- */
.key-points-section {
    margin-bottom: 50px;
}

.points-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 Columns */
    gap: 20px;
    margin-bottom: 30px;
}

.point-card {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 20px;
    background: #fff;
    font-size: 0.95rem;
    line-height: 1.5;
    color: #444;
    display: flex;
    align-items: center; /* Vertically center text if card is tall */
    box-shadow: 0 2px 5px rgba(0,0,0,0.03);
    border-left: 4px solid #0056b3; /* Adds the blue accent line on left */
}

/* --- Reassurance Box (Green) --- */
.reassurance-box {
    background-color: #e6f4ea; /* Very light green */
    border: 1px solid #34a853;
    border-radius: 6px;
    padding: 20px;
    color: #2d572c;
    line-height: 1.5;
    font-size: 0.95rem;
}

/* --- Responsive Design --- */
@media (max-width: 850px) {
    .assessment-split {
        flex-direction: column; /* Stack text and diagram */
        gap: 30px;
    }
    
    .assessment-flow-wrapper {
        width: 100%;
    }

    .points-grid {
        grid-template-columns: 1fr; /* 1 Column on mobile */
    }
}/* End custom CSS */