.elementor-144 .elementor-element.elementor-element-41dc87e{--display:flex;--justify-content:center;}.elementor-144 .elementor-element.elementor-element-41dc87e.e-con{--align-self:center;}.elementor-144 .elementor-element.elementor-element-eb4f410{width:100%;max-width:100%;}.elementor-144 .elementor-element.elementor-element-eb4f410.elementor-element{--align-self:center;}.elementor-144 .elementor-element.elementor-element-545b79c{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-144 .elementor-element.elementor-element-219e863{--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-144 .elementor-element.elementor-element-666c06d .elementor-heading-title{font-weight:200;color:#627AFF;}.elementor-144 .elementor-element.elementor-element-aac3035{text-align:left;}.elementor-144 .elementor-element.elementor-element-aac3035 p{margin-bottom:0px;}.elementor-144 .elementor-element.elementor-element-bf9f6b9{--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-144 .elementor-element.elementor-element-d315340{--display:flex;}.elementor-144 .elementor-element.elementor-element-d7c56d9{--display:flex;}.elementor-144 .elementor-element.elementor-element-e365a60{--display:flex;}.elementor-144 .elementor-element.elementor-element-98602d7{--display:flex;}.elementor-144 .elementor-element.elementor-element-87b7cad{--display:flex;}.elementor-144 .elementor-element.elementor-element-acf078b{--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;}.elementor-144 .elementor-element.elementor-element-7f3ef0e{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-144 .elementor-element.elementor-element-8345e6c{--display:flex;}.elementor-144 .elementor-element.elementor-element-c836014 .elementor-heading-title{font-weight:200;color:#627AFF;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-144 .elementor-element.elementor-element-219e863{--width:50%;}.elementor-144 .elementor-element.elementor-element-bf9f6b9{--width:50%;}}@media(max-width:1366px){.elementor-144 .elementor-element.elementor-element-7f3ef0e{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-144 .elementor-element.elementor-element-7f3ef0e{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-144 .elementor-element.elementor-element-7f3ef0e{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-dd0faca */<style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
            background-color: #f4f4f4;
        }
        .title {
            font-size: 24px;
            font-weight: bold;
            margin-bottom: 20px;
        }
        .circle-container {
            position: relative;
            width: 350px;
            height: 350px;
            border-radius: 50%;
            background: conic-gradient(
                #d9534f 0deg 60deg, 
                #5bc0de 60deg 120deg, 
                #5cb85c 120deg 180deg, 
                #f0ad4e 180deg 240deg, 
                #337ab7 240deg 300deg, 
                #9c27b0 300deg 360deg
            );
            display: flex;
            align-items: center;
            justify-content: center;
            transition: transform 0.3s ease-in-out;
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
            margin-bottom: 20px;
        }
        .circle-container:hover {
            transform: scale(1.05);
        }
        .circle-center {
            width: 140px;
            height: 140px;
            background: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            font-weight: bold;
            box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.2);
        }
        .legend {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            margin-top: 10px;
        }
        .legend-item {
            display: flex;
            align-items: center;
            margin: 5px 0;
            font-size: 16px;
        }
        .legend-color {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            margin-right: 10px;
            border: 1px solid #ccc;
        }
    </style>/* End custom CSS */