.elementor-1285 .elementor-element.elementor-element-604e906{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-1128111{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-398cce9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:144px;--padding-right:144px;}.elementor-1285 .elementor-element.elementor-element-1abffe6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:144px;--padding-bottom:24px;--padding-left:48px;--padding-right:48px;}.elementor-1285 .elementor-element.elementor-element-1abffe6:not(.elementor-motion-effects-element-type-background), .elementor-1285 .elementor-element.elementor-element-1abffe6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-16a6930 );}.elementor-1285 .elementor-element.elementor-element-5b8586f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );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-1285 .elementor-element.elementor-element-e3ad7d4{text-align:center;font-family:"Quicksand", Sans-serif;font-size:1.6em;font-weight:400;font-style:italic;line-height:1.4em;color:var( --e-global-color-secondary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1285 .elementor-element.elementor-element-df712cc{text-align:center;}.elementor-1285 .elementor-element.elementor-element-df712cc .elementor-heading-title{font-family:"modern-love-grunge", Sans-serif;font-size:3em;font-weight:400;font-style:normal;line-height:1.4em;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-1285 .elementor-element.elementor-element-5323b0d{--spacer-size:48px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1285 .elementor-element.elementor-element-a857ebb{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-9f441bb{--display:flex;}.elementor-1285 .elementor-element.elementor-element-e170512{--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:48px 48px;--row-gap:48px;--column-gap:48px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:48px;--padding-right:48px;}.elementor-1285 .elementor-element.elementor-element-dfd9031{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-1285 .elementor-element.elementor-element-dfd9031:not(.elementor-motion-effects-element-type-background), .elementor-1285 .elementor-element.elementor-element-dfd9031 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-16a6930 );}.elementor-1285 .elementor-element.elementor-element-4072d83{--spacer-size:48px;}.elementor-1285 .elementor-element.elementor-element-122c9da{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-7479c24{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-063aaec{text-align:start;}.elementor-1285 .elementor-element.elementor-element-063aaec .elementor-heading-title{font-family:"modern-love-grunge", Sans-serif;font-size:2em;font-weight:400;font-style:normal;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-1285 .elementor-element.elementor-element-32fbb65{--spacer-size:48px;}.elementor-1285 .elementor-element.elementor-element-3992cb7{text-align:start;}.elementor-1285 .elementor-element.elementor-element-3992cb7 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:1.2em;font-weight:500;color:var( --e-global-color-secondary );}.elementor-1285 .elementor-element.elementor-element-02d7061{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-b0f58f1{text-align:start;}.elementor-1285 .elementor-element.elementor-element-dc96ced{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-6d659c0{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-1285 .elementor-element.elementor-element-6d659c0:not(.elementor-motion-effects-element-type-background), .elementor-1285 .elementor-element.elementor-element-6d659c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-16a6930 );}.elementor-1285 .elementor-element.elementor-element-f7a886b{--spacer-size:48px;}.elementor-1285 .elementor-element.elementor-element-fbaf761{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-1693be3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-8d3434c{text-align:start;}.elementor-1285 .elementor-element.elementor-element-8d3434c .elementor-heading-title{font-family:"modern-love-grunge", Sans-serif;font-size:2em;font-weight:400;font-style:normal;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-1285 .elementor-element.elementor-element-7586ee9{--spacer-size:48px;}.elementor-1285 .elementor-element.elementor-element-1d19a5b{text-align:start;}.elementor-1285 .elementor-element.elementor-element-1d19a5b .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:1.2em;font-weight:500;color:var( --e-global-color-secondary );}.elementor-1285 .elementor-element.elementor-element-69ca4a0{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-cc04837{text-align:start;}.elementor-1285 .elementor-element.elementor-element-46a9c1c{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-0f87cf0{--display:flex;}.elementor-1285 .elementor-element.elementor-element-d58e973{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-1285 .elementor-element.elementor-element-b8cb52c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-1285 .elementor-element.elementor-element-b8cb52c:not(.elementor-motion-effects-element-type-background), .elementor-1285 .elementor-element.elementor-element-b8cb52c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-16a6930 );}.elementor-1285 .elementor-element.elementor-element-df9c319{--spacer-size:48px;}.elementor-1285 .elementor-element.elementor-element-33d78c8{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-a02ed89{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-024ffd2{text-align:start;}.elementor-1285 .elementor-element.elementor-element-024ffd2 .elementor-heading-title{font-family:"modern-love-grunge", Sans-serif;font-size:2em;font-weight:400;font-style:normal;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-1285 .elementor-element.elementor-element-f9921cd{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-30b8c77{text-align:start;}.elementor-1285 .elementor-element.elementor-element-30b8c77 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:1.2em;font-weight:500;color:var( --e-global-color-secondary );}.elementor-1285 .elementor-element.elementor-element-aaecb8c{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-22fe177{text-align:start;}.elementor-1285 .elementor-element.elementor-element-da9726a{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-df8bf44{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-1285 .elementor-element.elementor-element-df8bf44:not(.elementor-motion-effects-element-type-background), .elementor-1285 .elementor-element.elementor-element-df8bf44 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-16a6930 );}.elementor-1285 .elementor-element.elementor-element-2684977{--spacer-size:48px;}.elementor-1285 .elementor-element.elementor-element-3fb648b{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-d25e4f9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-04377fd{text-align:start;}.elementor-1285 .elementor-element.elementor-element-04377fd .elementor-heading-title{font-family:"modern-love-grunge", Sans-serif;font-size:2em;font-weight:400;font-style:normal;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-1285 .elementor-element.elementor-element-5fd0601{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-fa77d60{text-align:start;}.elementor-1285 .elementor-element.elementor-element-fa77d60 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:1.2em;font-weight:500;color:var( --e-global-color-secondary );}.elementor-1285 .elementor-element.elementor-element-423fdbc{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-d837c2c{text-align:start;}.elementor-1285 .elementor-element.elementor-element-10734f1{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-8344f49{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-1285 .elementor-element.elementor-element-8344f49:not(.elementor-motion-effects-element-type-background), .elementor-1285 .elementor-element.elementor-element-8344f49 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-16a6930 );}.elementor-1285 .elementor-element.elementor-element-8a20ffa{--spacer-size:48px;}.elementor-1285 .elementor-element.elementor-element-055f80a{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-cfbf548{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-e05d5e5{text-align:start;}.elementor-1285 .elementor-element.elementor-element-e05d5e5 .elementor-heading-title{font-family:"modern-love-grunge", Sans-serif;font-size:2em;font-weight:400;font-style:normal;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-1285 .elementor-element.elementor-element-5e028ec{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-1e516a0{text-align:start;}.elementor-1285 .elementor-element.elementor-element-1e516a0 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:1.2em;font-weight:500;color:var( --e-global-color-secondary );}.elementor-1285 .elementor-element.elementor-element-18621ab{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-8cadad1{text-align:start;}.elementor-1285 .elementor-element.elementor-element-f1fbb0c{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-1d6154c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-1285 .elementor-element.elementor-element-1d6154c:not(.elementor-motion-effects-element-type-background), .elementor-1285 .elementor-element.elementor-element-1d6154c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-16a6930 );}.elementor-1285 .elementor-element.elementor-element-4b032f0{--spacer-size:48px;}.elementor-1285 .elementor-element.elementor-element-8db4d62{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-57553f2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-b238fad{text-align:start;}.elementor-1285 .elementor-element.elementor-element-b238fad .elementor-heading-title{font-family:"modern-love-grunge", Sans-serif;font-size:2em;font-weight:400;font-style:normal;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-1285 .elementor-element.elementor-element-27dcdde{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-5e1e716{text-align:start;}.elementor-1285 .elementor-element.elementor-element-5e1e716 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:1.2em;font-weight:500;color:var( --e-global-color-secondary );}.elementor-1285 .elementor-element.elementor-element-ad9007a{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-cff4407{text-align:start;}.elementor-1285 .elementor-element.elementor-element-1c87c85{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-f6ed14d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-1285 .elementor-element.elementor-element-f6ed14d:not(.elementor-motion-effects-element-type-background), .elementor-1285 .elementor-element.elementor-element-f6ed14d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-16a6930 );}.elementor-1285 .elementor-element.elementor-element-65abc72{--spacer-size:48px;}.elementor-1285 .elementor-element.elementor-element-2e4a269{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-bc22e9e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-da80169{text-align:start;}.elementor-1285 .elementor-element.elementor-element-da80169 .elementor-heading-title{font-family:"modern-love-grunge", Sans-serif;font-size:2em;font-weight:400;font-style:normal;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-1285 .elementor-element.elementor-element-6909378{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-bbfd7bc{text-align:start;}.elementor-1285 .elementor-element.elementor-element-bbfd7bc .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:1.2em;font-weight:500;color:var( --e-global-color-secondary );}.elementor-1285 .elementor-element.elementor-element-d779f80{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-88f4c5c{text-align:start;}.elementor-1285 .elementor-element.elementor-element-4e9d6e2{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-cf14da1{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-1285 .elementor-element.elementor-element-cf14da1:not(.elementor-motion-effects-element-type-background), .elementor-1285 .elementor-element.elementor-element-cf14da1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-16a6930 );}.elementor-1285 .elementor-element.elementor-element-c5c4b3b{--spacer-size:48px;}.elementor-1285 .elementor-element.elementor-element-fff161d{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-480e4ce{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-7b4a639{text-align:start;}.elementor-1285 .elementor-element.elementor-element-7b4a639 .elementor-heading-title{font-family:"modern-love-grunge", Sans-serif;font-size:2em;font-weight:400;font-style:normal;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-1285 .elementor-element.elementor-element-0792cd7{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-324e135{text-align:start;}.elementor-1285 .elementor-element.elementor-element-324e135 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:1.2em;font-weight:500;color:var( --e-global-color-secondary );}.elementor-1285 .elementor-element.elementor-element-e2876ba{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-9b0cc49{text-align:start;}.elementor-1285 .elementor-element.elementor-element-35d9069{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-daf0eee{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-1285 .elementor-element.elementor-element-daf0eee:not(.elementor-motion-effects-element-type-background), .elementor-1285 .elementor-element.elementor-element-daf0eee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-16a6930 );}.elementor-1285 .elementor-element.elementor-element-1201522{--spacer-size:48px;}.elementor-1285 .elementor-element.elementor-element-638f3d5{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-2e10acb{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-98c601a{text-align:start;}.elementor-1285 .elementor-element.elementor-element-98c601a .elementor-heading-title{font-family:"modern-love-grunge", Sans-serif;font-size:2em;font-weight:400;font-style:normal;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-1285 .elementor-element.elementor-element-9aba932{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-47cfb70{text-align:start;}.elementor-1285 .elementor-element.elementor-element-47cfb70 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:1.2em;font-weight:500;color:var( --e-global-color-secondary );}.elementor-1285 .elementor-element.elementor-element-a25ea2f{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-d607506{text-align:start;}.elementor-1285 .elementor-element.elementor-element-b640dd8{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-ea0420c{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:24px 0px 0px 0px;--n-tabs-title-gap:16px;--n-tabs-gap:32px;--n-tabs-title-border-radius:50px 50px 50px 50px;--n-tabs-title-color:var( --e-global-color-text );--n-tabs-title-color-active:var( --e-global-color-text );}.elementor-1285 .elementor-element.elementor-element-ea0420c.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-1285 .elementor-element.elementor-element-ea0420c.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );}.elementor-1285 .elementor-element.elementor-element-ea0420c [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-text );}.elementor-1285 .elementor-element.elementor-element-327a9b7{--display:flex;}.elementor-1285 .elementor-element.elementor-element-afc1efd{--display:flex;}.elementor-1285 .elementor-element.elementor-element-de982e4{--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:48px 48px;--row-gap:48px;--column-gap:48px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:48px;--padding-right:48px;}.elementor-1285 .elementor-element.elementor-element-c8d56d7{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-1285 .elementor-element.elementor-element-c8d56d7:not(.elementor-motion-effects-element-type-background), .elementor-1285 .elementor-element.elementor-element-c8d56d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-16a6930 );}.elementor-1285 .elementor-element.elementor-element-b9bd67b{--spacer-size:48px;}.elementor-1285 .elementor-element.elementor-element-e84d8df{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-bf0bcbd{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-2e756ef{text-align:start;}.elementor-1285 .elementor-element.elementor-element-2e756ef .elementor-heading-title{font-family:"modern-love-grunge", Sans-serif;font-size:2em;font-weight:400;font-style:normal;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-1285 .elementor-element.elementor-element-dbdcec9{--spacer-size:48px;}.elementor-1285 .elementor-element.elementor-element-f44a460{text-align:start;}.elementor-1285 .elementor-element.elementor-element-f44a460 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:1.2em;font-weight:500;color:var( --e-global-color-secondary );}.elementor-1285 .elementor-element.elementor-element-224e521{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-db4da01{text-align:start;}.elementor-1285 .elementor-element.elementor-element-5ce0274{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-d05f52a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-1285 .elementor-element.elementor-element-d05f52a:not(.elementor-motion-effects-element-type-background), .elementor-1285 .elementor-element.elementor-element-d05f52a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-16a6930 );}.elementor-1285 .elementor-element.elementor-element-9d47247{--spacer-size:48px;}.elementor-1285 .elementor-element.elementor-element-13650df{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-9c4fd22{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-e65e9ed{text-align:start;}.elementor-1285 .elementor-element.elementor-element-e65e9ed .elementor-heading-title{font-family:"modern-love-grunge", Sans-serif;font-size:2em;font-weight:400;font-style:normal;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-1285 .elementor-element.elementor-element-95d4a9d{--spacer-size:48px;}.elementor-1285 .elementor-element.elementor-element-6fce3e3{text-align:start;}.elementor-1285 .elementor-element.elementor-element-6fce3e3 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:1.2em;font-weight:500;color:var( --e-global-color-secondary );}.elementor-1285 .elementor-element.elementor-element-3773399{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-c4a0d33{text-align:start;}.elementor-1285 .elementor-element.elementor-element-ed50fc3{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-0097425{--display:flex;}.elementor-1285 .elementor-element.elementor-element-6602151{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-1285 .elementor-element.elementor-element-f5b2c72{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-1285 .elementor-element.elementor-element-f5b2c72:not(.elementor-motion-effects-element-type-background), .elementor-1285 .elementor-element.elementor-element-f5b2c72 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-16a6930 );}.elementor-1285 .elementor-element.elementor-element-c60307e{--spacer-size:48px;}.elementor-1285 .elementor-element.elementor-element-4ebfa89{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-d1ba66b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-31d0415{text-align:start;}.elementor-1285 .elementor-element.elementor-element-31d0415 .elementor-heading-title{font-family:"modern-love-grunge", Sans-serif;font-size:2em;font-weight:400;font-style:normal;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-1285 .elementor-element.elementor-element-63f1670{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-d9f3071{text-align:start;}.elementor-1285 .elementor-element.elementor-element-d9f3071 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:1.2em;font-weight:500;color:var( --e-global-color-secondary );}.elementor-1285 .elementor-element.elementor-element-ecc2aca{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-ad343b3{text-align:start;}.elementor-1285 .elementor-element.elementor-element-367038e{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-ffe650c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-1285 .elementor-element.elementor-element-ffe650c:not(.elementor-motion-effects-element-type-background), .elementor-1285 .elementor-element.elementor-element-ffe650c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-16a6930 );}.elementor-1285 .elementor-element.elementor-element-e6af22d{--spacer-size:48px;}.elementor-1285 .elementor-element.elementor-element-d141828{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-7c80329{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-89c3984{text-align:start;}.elementor-1285 .elementor-element.elementor-element-89c3984 .elementor-heading-title{font-family:"modern-love-grunge", Sans-serif;font-size:2em;font-weight:400;font-style:normal;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-1285 .elementor-element.elementor-element-235543a{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-9c19a26{text-align:start;}.elementor-1285 .elementor-element.elementor-element-9c19a26 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:1.2em;font-weight:500;color:var( --e-global-color-secondary );}.elementor-1285 .elementor-element.elementor-element-6858a0a{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-b70b9d2{text-align:start;}.elementor-1285 .elementor-element.elementor-element-77688b5{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-c451b80{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-1285 .elementor-element.elementor-element-c451b80:not(.elementor-motion-effects-element-type-background), .elementor-1285 .elementor-element.elementor-element-c451b80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-16a6930 );}.elementor-1285 .elementor-element.elementor-element-0b7da76{--spacer-size:48px;}.elementor-1285 .elementor-element.elementor-element-7d1c361{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-55bd524{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-7717bab{text-align:start;}.elementor-1285 .elementor-element.elementor-element-7717bab .elementor-heading-title{font-family:"modern-love-grunge", Sans-serif;font-size:2em;font-weight:400;font-style:normal;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-1285 .elementor-element.elementor-element-03f0104{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-413ed26{text-align:start;}.elementor-1285 .elementor-element.elementor-element-413ed26 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:1.2em;font-weight:500;color:var( --e-global-color-secondary );}.elementor-1285 .elementor-element.elementor-element-8783c58{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-079dcf8{text-align:start;}.elementor-1285 .elementor-element.elementor-element-5c57afb{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-095914a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-1285 .elementor-element.elementor-element-095914a:not(.elementor-motion-effects-element-type-background), .elementor-1285 .elementor-element.elementor-element-095914a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-16a6930 );}.elementor-1285 .elementor-element.elementor-element-41433dc{--spacer-size:48px;}.elementor-1285 .elementor-element.elementor-element-2836378{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-ae7e438{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-6aa1d5d{text-align:start;}.elementor-1285 .elementor-element.elementor-element-6aa1d5d .elementor-heading-title{font-family:"modern-love-grunge", Sans-serif;font-size:2em;font-weight:400;font-style:normal;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-1285 .elementor-element.elementor-element-0e4b199{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-13105ce{text-align:start;}.elementor-1285 .elementor-element.elementor-element-13105ce .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:1.2em;font-weight:500;color:var( --e-global-color-secondary );}.elementor-1285 .elementor-element.elementor-element-fcf8bbc{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-ba2daca{text-align:start;}.elementor-1285 .elementor-element.elementor-element-2fc546d{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-23e7e76{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-1285 .elementor-element.elementor-element-23e7e76:not(.elementor-motion-effects-element-type-background), .elementor-1285 .elementor-element.elementor-element-23e7e76 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-16a6930 );}.elementor-1285 .elementor-element.elementor-element-dad7f85{--spacer-size:48px;}.elementor-1285 .elementor-element.elementor-element-cafe538{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-630c9ce{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-44303fd{text-align:start;}.elementor-1285 .elementor-element.elementor-element-44303fd .elementor-heading-title{font-family:"modern-love-grunge", Sans-serif;font-size:2em;font-weight:400;font-style:normal;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-1285 .elementor-element.elementor-element-767200a{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-8f8ee37{text-align:start;}.elementor-1285 .elementor-element.elementor-element-8f8ee37 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:1.2em;font-weight:500;color:var( --e-global-color-secondary );}.elementor-1285 .elementor-element.elementor-element-4e0f776{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-9ea046b{text-align:start;}.elementor-1285 .elementor-element.elementor-element-5690230{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-be5ea2e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-1285 .elementor-element.elementor-element-be5ea2e:not(.elementor-motion-effects-element-type-background), .elementor-1285 .elementor-element.elementor-element-be5ea2e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-16a6930 );}.elementor-1285 .elementor-element.elementor-element-93f72d9{--spacer-size:48px;}.elementor-1285 .elementor-element.elementor-element-def1f55{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-2a105cc{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-dc8bf25{text-align:start;}.elementor-1285 .elementor-element.elementor-element-dc8bf25 .elementor-heading-title{font-family:"modern-love-grunge", Sans-serif;font-size:2em;font-weight:400;font-style:normal;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-1285 .elementor-element.elementor-element-218b11a{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-794cc70{text-align:start;}.elementor-1285 .elementor-element.elementor-element-794cc70 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:1.2em;font-weight:500;color:var( --e-global-color-secondary );}.elementor-1285 .elementor-element.elementor-element-3d010ac{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-7e95de7{text-align:start;}.elementor-1285 .elementor-element.elementor-element-aab2d5d{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-0926cdb{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-1285 .elementor-element.elementor-element-0926cdb:not(.elementor-motion-effects-element-type-background), .elementor-1285 .elementor-element.elementor-element-0926cdb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-16a6930 );}.elementor-1285 .elementor-element.elementor-element-fa84362{--spacer-size:48px;}.elementor-1285 .elementor-element.elementor-element-8cff612{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-6b20503{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-9f0062f{text-align:start;}.elementor-1285 .elementor-element.elementor-element-9f0062f .elementor-heading-title{font-family:"modern-love-grunge", Sans-serif;font-size:2em;font-weight:400;font-style:normal;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-1285 .elementor-element.elementor-element-248727a{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-624815b{text-align:start;}.elementor-1285 .elementor-element.elementor-element-624815b .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:1.2em;font-weight:500;color:var( --e-global-color-secondary );}.elementor-1285 .elementor-element.elementor-element-286dead{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-55f48c3{text-align:start;}.elementor-1285 .elementor-element.elementor-element-39b4aa8{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-526c7f9{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:24px 0px 0px 0px;--n-tabs-title-gap:16px;--n-tabs-gap:32px;--n-tabs-title-border-radius:50px 50px 50px 50px;--n-tabs-title-color:var( --e-global-color-text );--n-tabs-title-color-active:var( --e-global-color-text );}.elementor-1285 .elementor-element.elementor-element-526c7f9.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-1285 .elementor-element.elementor-element-526c7f9.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );}.elementor-1285 .elementor-element.elementor-element-526c7f9 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-text );}.elementor-1285 .elementor-element.elementor-element-0c3ddb5{--display:flex;}.elementor-1285 .elementor-element.elementor-element-be54782{--display:flex;}.elementor-1285 .elementor-element.elementor-element-fe30152{--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:48px 48px;--row-gap:48px;--column-gap:48px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:48px;--padding-right:48px;}.elementor-1285 .elementor-element.elementor-element-65ce2c4{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-1285 .elementor-element.elementor-element-65ce2c4:not(.elementor-motion-effects-element-type-background), .elementor-1285 .elementor-element.elementor-element-65ce2c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-16a6930 );}.elementor-1285 .elementor-element.elementor-element-47fa839{--spacer-size:48px;}.elementor-1285 .elementor-element.elementor-element-e226d69{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-ffecc0b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-7d020ec{text-align:start;}.elementor-1285 .elementor-element.elementor-element-7d020ec .elementor-heading-title{font-family:"modern-love-grunge", Sans-serif;font-size:2em;font-weight:400;font-style:normal;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-1285 .elementor-element.elementor-element-f6ea98e{--spacer-size:48px;}.elementor-1285 .elementor-element.elementor-element-1876b92{text-align:start;}.elementor-1285 .elementor-element.elementor-element-1876b92 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:1.2em;font-weight:500;color:var( --e-global-color-secondary );}.elementor-1285 .elementor-element.elementor-element-4668dd5{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-bab3abc{text-align:start;}.elementor-1285 .elementor-element.elementor-element-e524e03{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-77c8b25{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-1285 .elementor-element.elementor-element-77c8b25:not(.elementor-motion-effects-element-type-background), .elementor-1285 .elementor-element.elementor-element-77c8b25 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-16a6930 );}.elementor-1285 .elementor-element.elementor-element-af5d214{--spacer-size:48px;}.elementor-1285 .elementor-element.elementor-element-892cd4b{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-bdb78f3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-39a20c1{text-align:start;}.elementor-1285 .elementor-element.elementor-element-39a20c1 .elementor-heading-title{font-family:"modern-love-grunge", Sans-serif;font-size:2em;font-weight:400;font-style:normal;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-1285 .elementor-element.elementor-element-ea546ed{--spacer-size:48px;}.elementor-1285 .elementor-element.elementor-element-56b7a50{text-align:start;}.elementor-1285 .elementor-element.elementor-element-56b7a50 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:1.2em;font-weight:500;color:var( --e-global-color-secondary );}.elementor-1285 .elementor-element.elementor-element-8595cc7{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-97e27c8{text-align:start;}.elementor-1285 .elementor-element.elementor-element-41cfaaa{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-62196d6{--display:flex;}.elementor-1285 .elementor-element.elementor-element-f4b477a{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-1285 .elementor-element.elementor-element-76f245c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-1285 .elementor-element.elementor-element-76f245c:not(.elementor-motion-effects-element-type-background), .elementor-1285 .elementor-element.elementor-element-76f245c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-16a6930 );}.elementor-1285 .elementor-element.elementor-element-3f0889b{--spacer-size:48px;}.elementor-1285 .elementor-element.elementor-element-260ddb1{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-e30415f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-9cb7acb{text-align:start;}.elementor-1285 .elementor-element.elementor-element-9cb7acb .elementor-heading-title{font-family:"modern-love-grunge", Sans-serif;font-size:2em;font-weight:400;font-style:normal;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-1285 .elementor-element.elementor-element-47bad67{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-812508b{text-align:start;}.elementor-1285 .elementor-element.elementor-element-812508b .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:1.2em;font-weight:500;color:var( --e-global-color-secondary );}.elementor-1285 .elementor-element.elementor-element-767db96{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-4b9bbf7{text-align:start;}.elementor-1285 .elementor-element.elementor-element-4caf040{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-21de73e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-1285 .elementor-element.elementor-element-21de73e:not(.elementor-motion-effects-element-type-background), .elementor-1285 .elementor-element.elementor-element-21de73e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-16a6930 );}.elementor-1285 .elementor-element.elementor-element-ca3a8e9{--spacer-size:48px;}.elementor-1285 .elementor-element.elementor-element-af8bc78{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-d45ef96{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-01de22f{text-align:start;}.elementor-1285 .elementor-element.elementor-element-01de22f .elementor-heading-title{font-family:"modern-love-grunge", Sans-serif;font-size:2em;font-weight:400;font-style:normal;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-1285 .elementor-element.elementor-element-0cd443b{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-54ce8cb{text-align:start;}.elementor-1285 .elementor-element.elementor-element-54ce8cb .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:1.2em;font-weight:500;color:var( --e-global-color-secondary );}.elementor-1285 .elementor-element.elementor-element-f8ef6d4{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-93fd487{text-align:start;}.elementor-1285 .elementor-element.elementor-element-2c5d6c8{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-7cf65f8{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-1285 .elementor-element.elementor-element-7cf65f8:not(.elementor-motion-effects-element-type-background), .elementor-1285 .elementor-element.elementor-element-7cf65f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-16a6930 );}.elementor-1285 .elementor-element.elementor-element-be1bc98{--spacer-size:48px;}.elementor-1285 .elementor-element.elementor-element-b1dee61{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-b310397{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-a8c3eb5{text-align:start;}.elementor-1285 .elementor-element.elementor-element-a8c3eb5 .elementor-heading-title{font-family:"modern-love-grunge", Sans-serif;font-size:2em;font-weight:400;font-style:normal;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-1285 .elementor-element.elementor-element-bf14bd4{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-fe78abd{text-align:start;}.elementor-1285 .elementor-element.elementor-element-fe78abd .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:1.2em;font-weight:500;color:var( --e-global-color-secondary );}.elementor-1285 .elementor-element.elementor-element-c9d2331{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-b2ad7f0{text-align:start;}.elementor-1285 .elementor-element.elementor-element-d57a055{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-943b23e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-1285 .elementor-element.elementor-element-943b23e:not(.elementor-motion-effects-element-type-background), .elementor-1285 .elementor-element.elementor-element-943b23e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-16a6930 );}.elementor-1285 .elementor-element.elementor-element-bcc90bb{--spacer-size:48px;}.elementor-1285 .elementor-element.elementor-element-0c178c8{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-d0d782c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-8df9daa{text-align:start;}.elementor-1285 .elementor-element.elementor-element-8df9daa .elementor-heading-title{font-family:"modern-love-grunge", Sans-serif;font-size:2em;font-weight:400;font-style:normal;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-1285 .elementor-element.elementor-element-cb359f2{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-2eaa70d{text-align:start;}.elementor-1285 .elementor-element.elementor-element-2eaa70d .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:1.2em;font-weight:500;color:var( --e-global-color-secondary );}.elementor-1285 .elementor-element.elementor-element-9f11a2f{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-e8d2e0b{text-align:start;}.elementor-1285 .elementor-element.elementor-element-ea56973{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-4650dc8{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-1285 .elementor-element.elementor-element-4650dc8:not(.elementor-motion-effects-element-type-background), .elementor-1285 .elementor-element.elementor-element-4650dc8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-16a6930 );}.elementor-1285 .elementor-element.elementor-element-a29a247{--spacer-size:48px;}.elementor-1285 .elementor-element.elementor-element-2cea6aa{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-31e6797{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-f19fadd{text-align:start;}.elementor-1285 .elementor-element.elementor-element-f19fadd .elementor-heading-title{font-family:"modern-love-grunge", Sans-serif;font-size:2em;font-weight:400;font-style:normal;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-1285 .elementor-element.elementor-element-94dee8a{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-ee72bb1{text-align:start;}.elementor-1285 .elementor-element.elementor-element-ee72bb1 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:1.2em;font-weight:500;color:var( --e-global-color-secondary );}.elementor-1285 .elementor-element.elementor-element-84eaddf{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-6f5bd60{text-align:start;}.elementor-1285 .elementor-element.elementor-element-4c703f4{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-91d20b6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-1285 .elementor-element.elementor-element-91d20b6:not(.elementor-motion-effects-element-type-background), .elementor-1285 .elementor-element.elementor-element-91d20b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-16a6930 );}.elementor-1285 .elementor-element.elementor-element-285c7c6{--spacer-size:48px;}.elementor-1285 .elementor-element.elementor-element-2bdec71{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-92ab1d2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-6a709da{text-align:start;}.elementor-1285 .elementor-element.elementor-element-6a709da .elementor-heading-title{font-family:"modern-love-grunge", Sans-serif;font-size:2em;font-weight:400;font-style:normal;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-1285 .elementor-element.elementor-element-732b6f1{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-8067db3{text-align:start;}.elementor-1285 .elementor-element.elementor-element-8067db3 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:1.2em;font-weight:500;color:var( --e-global-color-secondary );}.elementor-1285 .elementor-element.elementor-element-866f68e{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-7445e2e{text-align:start;}.elementor-1285 .elementor-element.elementor-element-21f8f9a{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-e218536{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-1285 .elementor-element.elementor-element-e218536:not(.elementor-motion-effects-element-type-background), .elementor-1285 .elementor-element.elementor-element-e218536 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-16a6930 );}.elementor-1285 .elementor-element.elementor-element-0f3e6d6{--spacer-size:48px;}.elementor-1285 .elementor-element.elementor-element-f802d55{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-b8f54c9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-0810c09{text-align:start;}.elementor-1285 .elementor-element.elementor-element-0810c09 .elementor-heading-title{font-family:"modern-love-grunge", Sans-serif;font-size:2em;font-weight:400;font-style:normal;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-1285 .elementor-element.elementor-element-56a665c{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-258f0af{text-align:start;}.elementor-1285 .elementor-element.elementor-element-258f0af .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:1.2em;font-weight:500;color:var( --e-global-color-secondary );}.elementor-1285 .elementor-element.elementor-element-c0da108{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-39079ba{text-align:start;}.elementor-1285 .elementor-element.elementor-element-73e6251{--spacer-size:24px;}.elementor-1285 .elementor-element.elementor-element-d3891fd{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:24px 0px 0px 0px;--n-tabs-title-gap:16px;--n-tabs-gap:32px;--n-tabs-title-border-radius:50px 50px 50px 50px;--n-tabs-title-color:var( --e-global-color-text );--n-tabs-title-color-active:var( --e-global-color-text );}.elementor-1285 .elementor-element.elementor-element-d3891fd.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-1285 .elementor-element.elementor-element-d3891fd.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );}.elementor-1285 .elementor-element.elementor-element-d3891fd [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-text );}.elementor-1285 .elementor-element.elementor-element-2713135{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--n-tabs-title-border-radius:10px 10px 10px 10px;--n-tabs-title-color:var( --e-global-color-text );--n-tabs-title-color-active:var( --e-global-color-16a6930 );--n-tabs-title-direction:column;--n-tabs-icon-order:initial;--n-tabs-title-justify-content-toggle:center;--n-tabs-title-align-items-toggle:initial;--n-tabs-icon-size:32px;--n-tabs-icon-color:var( --e-global-color-text );--n-tabs-icon-color-active:var( --e-global-color-16a6930 );}.elementor-1285 .elementor-element.elementor-element-2713135.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-primary );}.elementor-1285 .elementor-element.elementor-element-2713135.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1285 .elementor-element.elementor-element-2713135.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-primary );}.elementor-1285 .elementor-element.elementor-element-2713135.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );}.elementor-1285 .elementor-element.elementor-element-2713135 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-16a6930 );--n-tabs-icon-color-hover:var( --e-global-color-16a6930 );}@media(max-width:1024px){.elementor-1285 .elementor-element.elementor-element-1abffe6{--padding-top:48px;--padding-bottom:48px;--padding-left:24px;--padding-right:24px;}.elementor-1285 .elementor-element.elementor-element-e3ad7d4{font-size:1.1em;}.elementor-1285 .elementor-element.elementor-element-df712cc .elementor-heading-title{font-size:2em;}.elementor-1285 .elementor-element.elementor-element-9f441bb{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-e170512{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-dfd9031{--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-1285 .elementor-element.elementor-element-063aaec .elementor-heading-title{font-size:1.6em;}.elementor-1285 .elementor-element.elementor-element-6d659c0{--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-1285 .elementor-element.elementor-element-8d3434c .elementor-heading-title{font-size:1.6em;}.elementor-1285 .elementor-element.elementor-element-0f87cf0{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-d58e973{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-b8cb52c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-1285 .elementor-element.elementor-element-024ffd2 .elementor-heading-title{font-size:1.6em;}.elementor-1285 .elementor-element.elementor-element-04377fd .elementor-heading-title{font-size:1.6em;}.elementor-1285 .elementor-element.elementor-element-e05d5e5 .elementor-heading-title{font-size:1.6em;}.elementor-1285 .elementor-element.elementor-element-b238fad .elementor-heading-title{font-size:1.6em;}.elementor-1285 .elementor-element.elementor-element-da80169 .elementor-heading-title{font-size:1.6em;}.elementor-1285 .elementor-element.elementor-element-7b4a639 .elementor-heading-title{font-size:1.6em;}.elementor-1285 .elementor-element.elementor-element-98c601a .elementor-heading-title{font-size:1.6em;}.elementor-1285 .elementor-element.elementor-element-ea0420c{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}.elementor-1285 .elementor-element.elementor-element-afc1efd{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-de982e4{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-0097425{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-6602151{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1285 .elementor-element.elementor-element-be54782{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-fe30152{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-62196d6{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-f4b477a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1285 .elementor-element.elementor-element-2713135{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-title-direction:column;--n-tabs-icon-order:initial;--n-tabs-title-justify-content-toggle:center;--n-tabs-title-align-items-toggle:initial;--n-tabs-icon-size:32px;}}@media(max-width:767px){.elementor-1285 .elementor-element.elementor-element-604e906{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:120px;--padding-left:24px;--padding-right:24px;}.elementor-1285 .elementor-element.elementor-element-1128111{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-398cce9{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-1abffe6{--padding-top:48px;--padding-bottom:48px;--padding-left:24px;--padding-right:24px;}.elementor-1285 .elementor-element.elementor-element-df712cc .elementor-heading-title{font-size:2em;}.elementor-1285 .elementor-element.elementor-element-9f441bb{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-e170512{--min-height:100vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-dfd9031{--min-height:35vh;}.elementor-1285 .elementor-element.elementor-element-6d659c0{--min-height:35vh;}.elementor-1285 .elementor-element.elementor-element-0f87cf0{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-d58e973{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-b8cb52c{--min-height:35vh;}.elementor-1285 .elementor-element.elementor-element-df8bf44{--min-height:35vh;}.elementor-1285 .elementor-element.elementor-element-8344f49{--min-height:35vh;}.elementor-1285 .elementor-element.elementor-element-1d6154c{--min-height:35vh;}.elementor-1285 .elementor-element.elementor-element-f6ed14d{--min-height:35vh;}.elementor-1285 .elementor-element.elementor-element-cf14da1{--min-height:35vh;}.elementor-1285 .elementor-element.elementor-element-daf0eee{--min-height:35vh;}.elementor-1285 .elementor-element.elementor-element-ea0420c{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}.elementor-1285 .elementor-element.elementor-element-327a9b7{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-afc1efd{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-de982e4{--min-height:100vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-c8d56d7{--min-height:35vh;}.elementor-1285 .elementor-element.elementor-element-d05f52a{--min-height:35vh;}.elementor-1285 .elementor-element.elementor-element-0097425{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-6602151{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-f5b2c72{--min-height:35vh;}.elementor-1285 .elementor-element.elementor-element-ffe650c{--min-height:35vh;}.elementor-1285 .elementor-element.elementor-element-c451b80{--min-height:35vh;}.elementor-1285 .elementor-element.elementor-element-095914a{--min-height:35vh;}.elementor-1285 .elementor-element.elementor-element-23e7e76{--min-height:35vh;}.elementor-1285 .elementor-element.elementor-element-be5ea2e{--min-height:35vh;}.elementor-1285 .elementor-element.elementor-element-0926cdb{--min-height:35vh;}.elementor-1285 .elementor-element.elementor-element-0c3ddb5{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-be54782{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-fe30152{--min-height:100vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-65ce2c4{--min-height:35vh;}.elementor-1285 .elementor-element.elementor-element-77c8b25{--min-height:35vh;}.elementor-1285 .elementor-element.elementor-element-62196d6{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1285 .elementor-element.elementor-element-f4b477a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1285 .elementor-element.elementor-element-76f245c{--min-height:35vh;}.elementor-1285 .elementor-element.elementor-element-21de73e{--min-height:35vh;}.elementor-1285 .elementor-element.elementor-element-7cf65f8{--min-height:35vh;}.elementor-1285 .elementor-element.elementor-element-943b23e{--min-height:35vh;}.elementor-1285 .elementor-element.elementor-element-4650dc8{--min-height:35vh;}.elementor-1285 .elementor-element.elementor-element-91d20b6{--min-height:35vh;}.elementor-1285 .elementor-element.elementor-element-e218536{--min-height:35vh;}}/* Start custom CSS for container, class: .elementor-element-dfd9031 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-dfd9031 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d659c0 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-6d659c0 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b8cb52c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-b8cb52c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df8bf44 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-df8bf44 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8344f49 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-8344f49 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d6154c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-1d6154c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6ed14d *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-f6ed14d {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf14da1 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-cf14da1 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-daf0eee *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-daf0eee {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dfd9031 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-dfd9031 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d659c0 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-6d659c0 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b8cb52c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-b8cb52c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df8bf44 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-df8bf44 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8344f49 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-8344f49 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d6154c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-1d6154c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6ed14d *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-f6ed14d {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf14da1 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-cf14da1 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-daf0eee *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-daf0eee {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dfd9031 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-dfd9031 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d659c0 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-6d659c0 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b8cb52c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-b8cb52c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df8bf44 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-df8bf44 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8344f49 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-8344f49 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d6154c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-1d6154c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6ed14d *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-f6ed14d {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf14da1 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-cf14da1 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-daf0eee *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-daf0eee {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c8d56d7 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-c8d56d7 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d05f52a *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-d05f52a {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f5b2c72 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-f5b2c72 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ffe650c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-ffe650c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c451b80 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-c451b80 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-095914a *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-095914a {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23e7e76 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-23e7e76 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be5ea2e *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-be5ea2e {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0926cdb *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-0926cdb {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c8d56d7 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-c8d56d7 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d05f52a *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-d05f52a {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f5b2c72 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-f5b2c72 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ffe650c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-ffe650c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c451b80 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-c451b80 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-095914a *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-095914a {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23e7e76 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-23e7e76 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be5ea2e *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-be5ea2e {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0926cdb *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-0926cdb {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c8d56d7 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-c8d56d7 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d05f52a *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-d05f52a {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f5b2c72 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-f5b2c72 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ffe650c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-ffe650c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c451b80 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-c451b80 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-095914a *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-095914a {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23e7e76 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-23e7e76 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be5ea2e *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-be5ea2e {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0926cdb *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-0926cdb {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65ce2c4 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-65ce2c4 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-77c8b25 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-77c8b25 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76f245c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-76f245c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21de73e *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-21de73e {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7cf65f8 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-7cf65f8 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-943b23e *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-943b23e {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4650dc8 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-4650dc8 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91d20b6 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-91d20b6 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e218536 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-e218536 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65ce2c4 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-65ce2c4 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-77c8b25 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-77c8b25 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76f245c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-76f245c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21de73e *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-21de73e {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7cf65f8 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-7cf65f8 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-943b23e *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-943b23e {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4650dc8 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-4650dc8 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91d20b6 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-91d20b6 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e218536 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-e218536 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65ce2c4 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-65ce2c4 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-77c8b25 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-77c8b25 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76f245c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-76f245c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21de73e *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-21de73e {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7cf65f8 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-7cf65f8 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-943b23e *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-943b23e {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4650dc8 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-4650dc8 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91d20b6 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-91d20b6 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e218536 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-e218536 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dfd9031 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-dfd9031 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d659c0 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-6d659c0 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b8cb52c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-b8cb52c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df8bf44 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-df8bf44 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8344f49 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-8344f49 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d6154c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-1d6154c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6ed14d *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-f6ed14d {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf14da1 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-cf14da1 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-daf0eee *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-daf0eee {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dfd9031 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-dfd9031 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d659c0 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-6d659c0 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b8cb52c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-b8cb52c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df8bf44 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-df8bf44 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8344f49 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-8344f49 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d6154c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-1d6154c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6ed14d *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-f6ed14d {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf14da1 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-cf14da1 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-daf0eee *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-daf0eee {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dfd9031 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-dfd9031 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d659c0 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-6d659c0 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b8cb52c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-b8cb52c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df8bf44 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-df8bf44 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8344f49 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-8344f49 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d6154c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-1d6154c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6ed14d *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-f6ed14d {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf14da1 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-cf14da1 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-daf0eee *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-daf0eee {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c8d56d7 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-c8d56d7 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d05f52a *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-d05f52a {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f5b2c72 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-f5b2c72 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ffe650c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-ffe650c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c451b80 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-c451b80 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-095914a *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-095914a {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23e7e76 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-23e7e76 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be5ea2e *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-be5ea2e {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0926cdb *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-0926cdb {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c8d56d7 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-c8d56d7 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d05f52a *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-d05f52a {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f5b2c72 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-f5b2c72 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ffe650c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-ffe650c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c451b80 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-c451b80 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-095914a *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-095914a {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23e7e76 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-23e7e76 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be5ea2e *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-be5ea2e {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0926cdb *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-0926cdb {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c8d56d7 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-c8d56d7 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d05f52a *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-d05f52a {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f5b2c72 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-f5b2c72 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ffe650c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-ffe650c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c451b80 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-c451b80 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-095914a *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-095914a {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23e7e76 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-23e7e76 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be5ea2e *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-be5ea2e {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0926cdb *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-0926cdb {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65ce2c4 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-65ce2c4 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-77c8b25 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-77c8b25 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76f245c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-76f245c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21de73e *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-21de73e {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7cf65f8 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-7cf65f8 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-943b23e *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-943b23e {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4650dc8 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-4650dc8 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91d20b6 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-91d20b6 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e218536 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-e218536 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65ce2c4 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-65ce2c4 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-77c8b25 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-77c8b25 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76f245c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-76f245c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21de73e *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-21de73e {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7cf65f8 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-7cf65f8 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-943b23e *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-943b23e {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4650dc8 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-4650dc8 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91d20b6 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-91d20b6 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e218536 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-e218536 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65ce2c4 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-65ce2c4 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-77c8b25 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-77c8b25 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76f245c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-76f245c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21de73e *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-21de73e {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7cf65f8 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-7cf65f8 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-943b23e *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-943b23e {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4650dc8 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-4650dc8 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91d20b6 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-91d20b6 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e218536 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-e218536 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dfd9031 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-dfd9031 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d659c0 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-6d659c0 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b8cb52c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-b8cb52c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df8bf44 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-df8bf44 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8344f49 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-8344f49 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d6154c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-1d6154c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6ed14d *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-f6ed14d {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf14da1 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-cf14da1 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-daf0eee *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-daf0eee {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dfd9031 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-dfd9031 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d659c0 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-6d659c0 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b8cb52c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-b8cb52c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df8bf44 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-df8bf44 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8344f49 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-8344f49 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d6154c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-1d6154c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6ed14d *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-f6ed14d {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf14da1 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-cf14da1 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-daf0eee *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-daf0eee {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dfd9031 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-dfd9031 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d659c0 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-6d659c0 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b8cb52c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-b8cb52c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df8bf44 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-df8bf44 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8344f49 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-8344f49 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d6154c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-1d6154c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6ed14d *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-f6ed14d {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf14da1 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-cf14da1 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-daf0eee *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-daf0eee {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c8d56d7 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-c8d56d7 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d05f52a *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-d05f52a {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f5b2c72 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-f5b2c72 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ffe650c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-ffe650c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c451b80 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-c451b80 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-095914a *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-095914a {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23e7e76 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-23e7e76 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be5ea2e *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-be5ea2e {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0926cdb *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-0926cdb {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c8d56d7 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-c8d56d7 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d05f52a *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-d05f52a {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f5b2c72 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-f5b2c72 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ffe650c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-ffe650c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c451b80 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-c451b80 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-095914a *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-095914a {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23e7e76 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-23e7e76 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be5ea2e *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-be5ea2e {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0926cdb *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-0926cdb {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c8d56d7 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-c8d56d7 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d05f52a *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-d05f52a {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f5b2c72 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-f5b2c72 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ffe650c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-ffe650c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c451b80 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-c451b80 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-095914a *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-095914a {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23e7e76 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-23e7e76 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be5ea2e *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-be5ea2e {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0926cdb *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-0926cdb {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65ce2c4 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-65ce2c4 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-77c8b25 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-77c8b25 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76f245c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-76f245c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21de73e *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-21de73e {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7cf65f8 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-7cf65f8 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-943b23e *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-943b23e {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4650dc8 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-4650dc8 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91d20b6 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-91d20b6 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e218536 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-e218536 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65ce2c4 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-65ce2c4 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-77c8b25 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-77c8b25 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76f245c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-76f245c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21de73e *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-21de73e {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7cf65f8 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-7cf65f8 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-943b23e *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-943b23e {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4650dc8 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-4650dc8 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91d20b6 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-91d20b6 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e218536 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-e218536 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65ce2c4 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-65ce2c4 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-77c8b25 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-77c8b25 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76f245c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-76f245c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21de73e *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-21de73e {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7cf65f8 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-7cf65f8 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-943b23e *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-943b23e {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4650dc8 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-4650dc8 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91d20b6 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-91d20b6 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e218536 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-e218536 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dfd9031 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-dfd9031 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d659c0 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-6d659c0 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b8cb52c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-b8cb52c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df8bf44 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-df8bf44 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8344f49 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-8344f49 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d6154c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-1d6154c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6ed14d *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-f6ed14d {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf14da1 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-cf14da1 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-daf0eee *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-daf0eee {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dfd9031 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-dfd9031 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d659c0 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-6d659c0 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b8cb52c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-b8cb52c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df8bf44 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-df8bf44 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8344f49 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-8344f49 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d6154c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-1d6154c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6ed14d *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-f6ed14d {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf14da1 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-cf14da1 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-daf0eee *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-daf0eee {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dfd9031 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-dfd9031 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d659c0 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-6d659c0 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b8cb52c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-b8cb52c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df8bf44 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-df8bf44 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8344f49 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-8344f49 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d6154c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-1d6154c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6ed14d *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-f6ed14d {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf14da1 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-cf14da1 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-daf0eee *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-daf0eee {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c8d56d7 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-c8d56d7 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d05f52a *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-d05f52a {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f5b2c72 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-f5b2c72 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ffe650c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-ffe650c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c451b80 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-c451b80 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-095914a *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-095914a {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23e7e76 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-23e7e76 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be5ea2e *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-be5ea2e {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0926cdb *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-0926cdb {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c8d56d7 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-c8d56d7 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d05f52a *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-d05f52a {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f5b2c72 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-f5b2c72 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ffe650c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-ffe650c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c451b80 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-c451b80 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-095914a *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-095914a {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23e7e76 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-23e7e76 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be5ea2e *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-be5ea2e {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0926cdb *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-0926cdb {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c8d56d7 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-c8d56d7 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d05f52a *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-d05f52a {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f5b2c72 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-f5b2c72 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ffe650c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-ffe650c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c451b80 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-c451b80 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-095914a *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-095914a {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23e7e76 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-23e7e76 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be5ea2e *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-be5ea2e {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0926cdb *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-0926cdb {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65ce2c4 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-65ce2c4 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-77c8b25 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-77c8b25 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76f245c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-76f245c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21de73e *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-21de73e {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7cf65f8 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-7cf65f8 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-943b23e *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-943b23e {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4650dc8 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-4650dc8 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91d20b6 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-91d20b6 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e218536 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-e218536 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65ce2c4 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-65ce2c4 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-77c8b25 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-77c8b25 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76f245c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-76f245c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21de73e *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-21de73e {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7cf65f8 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-7cf65f8 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-943b23e *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-943b23e {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4650dc8 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-4650dc8 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91d20b6 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-91d20b6 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e218536 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-e218536 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65ce2c4 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-65ce2c4 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-77c8b25 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-77c8b25 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76f245c *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-76f245c {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21de73e *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-21de73e {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7cf65f8 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-7cf65f8 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-943b23e *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-943b23e {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4650dc8 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-4650dc8 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91d20b6 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-91d20b6 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e218536 *//* --- RÉGLAGE DU CONTENEUR --- */
/* Important : permet au rond de dépasser du cadre */
.elementor-1285 .elementor-element.elementor-element-e218536 {
    position: relative;
    overflow: visible !important;
}

/* --- LE ROND PRINCIPAL (Bleu-vert foncé) --- */
.simple-dot-css {
    /* Positionnement absolu pour le centrer en haut */
    position: absolute;
    /* Ajustez 'top' pour monter/descendre le rond. 
       -16px signifie que la moitié du rond (32px/2) dépasse */
    top: -16px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 20; /* S'assure qu'il est au-dessus du reste */

    /* Apparence */
    width: 32px;  /* Taille du grand rond */
    height: 32px;
    background-color: #dbbea1; /* Couleur teal de votre image */
    border-radius: 50%; /* Rend le carré parfaitement rond */
}

/* --- LE PETIT ROND CLAIR (Le reflet) --- */
.simple-dot-css::before {
    content: '';
    position: absolute;
    
    /* Positionnement du reflet à l'intérieur du grand rond */
    top: 6px;  /* Décalage depuis le haut */
    left: 6px; /* Décalage depuis la gauche */
    
    /* Apparence du reflet */
    width: 10px; /* Taille du petit rond */
    height: 10px;
    background-color: #f5f5f5; /* Couleur claire de votre image */
    border-radius: 50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-604e906 */.elementor-1285 .elementor-element.elementor-element-604e906 {
    background-color: #fff; /* Fond blanc */
    background-image: radial-gradient(#dbbea1 1.5px, transparent 1.5px); /* Les points */
    background-size: 30px 30px; /* L'espacement */
}/* End custom CSS */