*,*::before,*::after{box-sizing:border-box}*{// background-color:green;margin:0;padding:0;// font:inherit;font-family:"Avenir Next LT Pro",sans-serif;scroll-behavior:smooth}img,picture,svg,video{display:block;max-width:100vh}body{margin:0;padding:0;width:100%}.home{max-width:1300px;width:100%;margin-left:auto;margin-right:auto;padding:0.5rem 2rem;margin-bottom:2rem;@media (max-width:768px){padding:0.5rem 0.5rem}.hero_description,.ressources{ul{margin-top:0px;margin-bottom:0px;list-style-type:disc;margin-left:40px;font-size:1rem}ul li{color:#7a7a7a;font-weight:200;font-style:italic;margin-top:0px;margin-bottom:0px;a{color:#145062}}}.header_tab{font-size:1.6rem;color:#1088ad;margin-top:1rem;margin-bottom:1rem;font-weight:bold;@media (max-width:900px){}}.desc_tab{color:#1088ad;font-weight:bold;line-height:1.2;font-size:2.2rem;margin-top:2rem;margin-bottom:1rem;@media (max-width:1300px){font-size:1.3rem;padding-top:3rem}}.header_shalf{font-size:1.6rem;color:#1088ad;text-align:center;font-weight:bold;margin-bottom:2rem}p{font-size:1rem;margin-bottom:1rem}.card_carac_container{display:grid;grid-template-columns:1fr 1fr 1fr;font-size:1rem;gap:2rem;text-align:center;margin-bottom:5rem;@media (max-width:900px){grid-template-columns:auto}.card_caracteristic{box-shadow:rgb(38,57,77) 0px 20px 30px -10px;border-radius:5px;border:1px solid #a7a7a7;padding:0.5rem}.card_caracteristic_head{font-size:1rem;text-align:center;font-weight:bold}.ul_age{margin-top:1rem;margin-bottom:1rem;display:flex;justify-content:center;align-items:center;height:100%;// Adjust height according to your layout needs gap:1rem;.baby,.child,.adol,.adult,.school,.clinic,.homeT,.short,.medium,.long{background-size:contain;// Ensure the background image scales correctly background-repeat:no-repeat;background-position:center}.baby,.child,.adol,.adult{width:100px;// Set the desired width for the images height:100px;// Set the desired height for the images border-radius:50%;border:2px solid #000}.school,.clinic,.homeT,.short,.medium,.long{width:150px;// Set the desired width for the images height:100px;// Set the desired height for the images}.baby{background-image:url("/static/ebiadhd/img/interventions/baby.svg")}.child{background-image:url("/static/ebiadhd/img/interventions/child.svg")}.adol{background-image:url("/static/ebiadhd/img/interventions/adol.svg")}.adult{background-image:url("/static/ebiadhd/img/interventions/adult.svg")}.school{background-image:url("/static/ebiadhd/img/interventions/school.svg")}.homeT{background-image:url("/static/ebiadhd/img/interventions/home.svg")}.unknown{background-image:url("/static/ebiadhd/img/interventions/home.svg")}.clinic{background-image:url("/static/ebiadhd/img/interventions/building.svg")}.short{background-image:url("/static/ebiadhd/img/interventions/calendar-short.svg")}.medium{background-image:url("/static/ebiadhd/img/interventions/calendar-medium.svg")}.long{background-image:url("/static/ebiadhd/img/interventions/calendar-long.svg")}}}.bottom_ressources{padding:1rem;margin-top:2rem;border:1px solid #000;.header_tab{margin-top:0}.ressources{a{color:#145062}}}}.btn_container{max-width:100%;margin:auto}.button{background-color:#4586b1;border:none;border-radius:5px;color:white;padding:0.5rem;text-align:center;text-decoration:none;display:inline-flex;align-items:center;font-size:0.8rem;gap:1rem;cursor:pointer;width:auto}.button:hover{opacity:0.7}.hero{position:relative;width:100%;.hero_image{float:right;margin:5px;margin:5px;top:0;bottom:auto;@media (max-width:768px){display:block;margin-top:2rem;float:none;margin-left:auto;margin-right:auto;width:95vw}}.hero_image img{width:auto;max-width:400px;border-radius:10px;@media (max-width:400px){width:80vw}}}.custom-hr{margin-top:2rem;margin-bottom:2rem;height:5px;width:95%;margin-left:auto;margin-right:auto;background-color:#1088ad;border:none}*{margin:0;padding:0;box-sizing:border-box}.intro_helper{border:1px solid #ccc;border-radius:5px;font-weight:bold;text-align:center;padding:1rem;width:100%;color:#1088ad;margin-bottom:0.5rem}.helper_boxes{display:grid;grid-template-columns:1fr 1fr;@media (max-width:768px){grid-template-columns:1fr}gap:0.5rem;}.header_tab_plot{font-size:1rem;color:#1088ad}.canva_description{position:relative;display:grid;isolation:isolate;border:1px solid #ccc;border-radius:5px;padding:2rem;@media (max-width:768px){padding:0.5rem}}#canva_description_efficacy,#canva_description_size,#canva_description_grade{width:100%;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;position:relative;@media (max-width:768px){margin-bottom:1rem}}.circle{display:flex;width:2rem;height:2rem;border-radius:50%;display:inline-block;margin-right:0.5rem;cursor:pointer;transition:all 0.3s ease;@media (max-width:768px){width:1.5rem;height:1.5rem}}#canva_description_efficacy .circle:nth-child(1){background-color:#9e6b4c}#canva_description_efficacy .circle:nth-child(2){background-color:#ec240a}#canva_description_efficacy .circle:nth-child(3){background-color:#df958c}#canva_description_efficacy .circle:nth-child(4){background-color:#d4d4d4}#canva_description_efficacy .circle:nth-child(5){background-color:#a6d2a7}#canva_description_efficacy .circle:nth-child(6){background-color:#02d70e}#canva_description_efficacy .circle:nth-child(7){background-color:#00e1ff}#canva_description_size .circle.size{background-color:transparent;border:2px solid #000}#canva_description_grade .circle.grade{background-color:transparent}#contain_helper{margin-left:auto;margin-right:auto;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ccc;border-radius:5px;padding:2rem;width:100%;@media (max-width:768px){padding:1rem}}#img_helper{background-image:url("/static/ebiadhd/img/interventions/boy-1454054_640.png");background-size:cover;background-position:center;width:150px;height:150px;margin-left:auto;margin-right:auto;@media (max-width:768px){width:100px;height:100px}}#labelDefault{text-align:center;padding-top:1rem;font-style:italic;color:grey}#labelCard{text-align:center;display:none}#hoverText_efficacy,#hoverText_size,#hoverText_grade{display:none;position:absolute;font-size:16px;color:#fff;opacity:0;font-weight:bold;background-color:#1088ad;transition:opacity 0.5s ease-in-out;padding:1rem;border-radius:5px;z-index:10}.container_canvas{height:500px!important}#chartjs-tooltip{opacity:1;position:absolute;background-color:#fff;border:3px solid #2d2d2d;border-radius:3px;box-shadow:0px 0px 20px rgba(0,0,0,0.1);transition:all 0.1s ease;pointer-events:none;font-weight:200}#chartjs-tooltip table{margin:0;font-size:0.8rem;font-weight:normal!important}#chartjs-tooltip table th{margin:0;font-size:0.8rem;font-weight:normal!important}.tooltip-label{color:#ff5722}