

.grid .community1_title {display:flex;padding:20px 20px 15px 20px;font-weight:600;line-height:1.2;}
.grid .community1_score {display:flex;width:calc(100% - 40px);justify-content:space-between;}
.grid .community1_score span {display:flex;width:31%;flex-direction:column;justify-content:center;align-items:center;padding:10px 0 10px 0;border-radius:10px;background:rgba(0,0,0,0.05);}
.grid .community1_score span:nth-last-child(1) {border:none;}
.grid .community1_score span i {margin-bottom:5px;margin-top:5px;font-size:20px;}
.grid .community1_score span:nth-child(1) i {color:var(--color-green);}
.grid .community1_score span:nth-child(2) i {color:var(--color-red);}
.grid .community1_score span:nth-child(3) i {color:var(--color-blue);}
.grid .community1_score span em:nth-child(2) {font-weight:600;margin-bottom:-2px;}
.grid .community1_score span em:nth-child(3) {font-size:12px;}
.grid .community1_overview {display:flex;padding:20px;font-size:14px;}
.grid .community1_cta {display:flex;font-size:14px;height:50px;width:calc(100% - 40px);border-radius:10px;justify-content:center;align-items:center;background:rgba(0,0,0,0.05);color:#000;margin-bottom:20px;font-weight:500;}

.grid .community2_title {display:flex;padding:20px 20px 15px 20px;font-weight:600;}
.grid .community2_debat {display:flex;width:calc(100% - 40px);justify-content:space-between;border-radius:10px;background:rgba(0,0,0,0.05);padding:10px 0 10px 0;}
.grid .community2_debat span {display:flex;width:50%;flex-direction:column;justify-content:center;align-items:center;}
.grid .community2_debat span img {display:flex;height:80px;aspect-ratio:1/1;border-radius:100%;background:#333;}
.grid .community2_debat span em:nth-child(2) {display:flex;font-weight:600;font-size:15px;margin:5px 0 -2px 0;}
.grid .community2_debat span em:nth-child(3) {display:flex;font-size:12px;}
.grid .community2_debat span:nth-child(1) {border-right:0.5px solid rgba(0,0,0,0.15);}
.grid .community2_overview {display:flex;padding:20px;flex-direction:column;}
.grid .community2_overview span:nth-child(1) {font-weight:600;font-size:15px;margin-bottom:10px;}
.grid .community2_overview span:nth-child(2) {font-size:14px;}
.grid .community2_cta {display:flex;font-size:14px;height:50px;width:calc(100% - 40px);border-radius:10px;justify-content:center;align-items:center;background:rgba(0,0,0,0.05);color:#000;margin-bottom:20px;font-weight:500;}

.grid .community3 {display:flex;padding:40px 0 0 50px;justify-content:flex-start;align-items:flex-start;width:100%;flex-direction:column;}
.grid .community3_title {display:flex;padding:0 20px 25px 0;font-weight:600;line-height:1.2;width:100%;}
.grid .community3_content {display:flex;width:100%;}
.grid .community3_col1 {display:flex;width:240px;flex-shrink:0;flex-direction:column;margin:0 20px 0 0;}
.grid .community3_col2 {display:flex;width:350px;flex-shrink:0;flex-direction:column;margin:0 20px 0 0;}
.grid .community3_col3 {display:flex;width:350px;flex-shrink:0;flex-direction:column;margin:0 20px 0 0;}
.grid .community3_col4 {display:flex;width:350px;flex-shrink:0;flex-direction:column;margin:0 20px 0 0;}
.grid .community3_circle {display:flex;border-radius:15px;background:rgba(255,255,255,0.3);padding:0 30px 20px 30px;margin:0 20px 20px 0;width:100%;flex-direction:column;height:270px;}
.grid .community3_circle strong {display:flex;font-weight:600;padding:15px 0 10px 0;border-bottom:0.5px solid rgba(0,0,0,0.15);margin-bottom:20px;}
.grid .community3_circle span {display:flex;height:180px;aspect-ratio:1/1;border-radius:100%;border:17px solid var(--color-black);justify-content:center;align-items:center;flex-direction:column;}
.grid .community3_circle span em:nth-child(1) {font-size:30px;font-weight:700;margin-bottom:-5px;}
.grid .community3_candle {display:flex;border-radius:15px;background:rgba(255,255,255,0.3);padding:0 30px 30px 30px;margin:0 20px 0 0;width:100%;flex-direction:column;}
.grid .community3_candle strong {display:flex;font-weight:600;padding:15px 0 10px 0;border-bottom:0.5px solid rgba(0,0,0,0.15);margin-bottom:20px;}
.grid .community3_candle quote {display:flex;width:100%;justify-content:space-between;}
.grid .community3_candle div {display:flex;width:20px;align-items:center;justify-content:flex-end;flex-direction:column;}
.grid .community3_candle div span {display:flex;width:20px;background:rgba(255,255,255,0.1);border-radius:10px;height:130px;align-items:flex-end;}
.grid .community3_candle div span em {display:flex;width:20px;background:var(--color-black);border-radius:10px;height:80%;justify-content:center;}
.grid .community3_candle div span em u {display:flex;margin-top:-22px;text-decoration:none;font-size:13px;font-weight:700;color:var(--color-black)}
.grid .community3_candle div b {display:flex;font-weight:normal;font-size:12px;margin-top:5px;}
.grid .community3_list {display:flex;border-radius:15px;background:rgba(255,255,255,0.3);padding:0 30px 0 30px;margin:0 20px 0 0;width:100%;flex-direction:column;}
.grid .community3_list strong {display:flex;font-weight:600;padding:15px 0 10px 0;border-bottom:0.5px solid rgba(0,0,0,0.15);margin-bottom:20px;}
.grid .community3_list div {display:flex;width:100%;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:7px;}
.grid .community3_list div span:nth-child(1) {display:flex;align-items:center;font-weight:500;}
.grid .community3_list div span:nth-child(1) img {display:flex;height:40px;aspect-ratio:1/1;border-radius:100%;margin:0 10px 0 0;}
.grid .community3_list div span:nth-child(2) {display:flex;align-items:center;}
.grid .community3_spider {display:flex;border-radius:15px;background:rgba(255,255,255,0.3);padding:0 30px 0 30px;margin:0 20px 0 0;flex-direction:column;height:270px;width:100%;margin-bottom:20px;}
.grid .community3_spider strong {display:flex;font-weight:600;padding:15px 0 10px 0;border-bottom:0.5px solid rgba(0,0,0,0.15);margin-bottom:20px;}
.grid .community3_spider .community3_spider_canvas {display:flex;width:140%;margin-left:-20%;margin-top:-10px;}
.grid .community3_suggest {display:flex;border-radius:15px;background:rgba(255,255,255,0.3);padding:0 30px 0 30px;margin:0 20px 0 0;width:100%;flex-direction:column;height:100%;}
.grid .community3_suggest strong {display:flex;font-weight:600;padding:15px 0 10px 0;border-bottom:0.5px solid rgba(0,0,0,0.15);margin-bottom:20px;}
.grid .community3_suggest div {display:flex;width:200%;justify-content:flex-start;align-items:flex-start;font-size:13px;margin-bottom:7px;border-radius:10px;background:rgba(255,255,255,0.3);padding:20px 10px 20px 15px;}
.grid .community3_suggest div i {display:flex;margin:3px 10px 0 0;font-size:15px;}

.grid .community4_title {display:flex;padding:20px 20px 15px 20px;font-weight:600;}
.grid .community4_debat {display:flex;width:calc(100% - 40px);justify-content:space-between;flex-direction:column;padding-bottom:10px;}
.grid .community4_debat div {display:flex;width:100%;align-items:center;margin-bottom:10px;border-radius:10px;background:rgba(0,0,0,0.05);padding:10px 0 10px 0;}
.grid .community4_debat div img {display:flex;height:60px;aspect-ratio:1/1;border-radius:100%;background:#333;margin:0 10px 0 10px;}
.grid .community4_debat div span {display:flex;flex-direction:column;}
.grid .community4_debat div span em:nth-child(1) {display:flex;font-weight:600;font-size:15px;margin:5px 0 -2px 0;}
.grid .community4_debat div span em:nth-child(2) {display:flex;font-size:12px;}
.grid .community4_debat div u {display:flex;text-decoration:none;align-items:center;position:absolute;right:35px;height:40px;justify-content:center;align-items:center;border-radius:100%;background:var(--color-purple);padding:0 10px 0 10px;color:#fff;font-size:13px;flex-shrink:0;width:40px;}
.grid .community4_debat div u i {display:flex;font-size:15px;}

.grid .community5_title {display:flex;padding:20px 20px 15px 20px;font-weight:600;}
.grid .community5_debat {display:flex;width:calc(100% - 40px);justify-content:space-between;flex-direction:column;padding-bottom:10px;}
.grid .community5_debat div {display:flex;width:100%;align-items:flex-start;margin-bottom:10px;border-radius:10px;background:rgba(0,0,0,0.05);padding:10px 0 10px 0;position:relative;}
.grid .community5_debat div img {display:flex;height:30px;aspect-ratio:1/1;border-radius:100%;background:#333;margin:0 10px 0 10px;}
.grid .community5_debat div span {display:flex;flex-direction:column;}
.grid .community5_debat div span em:nth-child(1) {display:flex;font-weight:600;font-size:13px;margin:0 0 -2px 0;}
.grid .community5_debat div span em:nth-child(2) {display:flex;font-size:14px;font-weight:400;line-height:1.3;padding-right:20px;}
.grid .community5_debat div u {display:flex;text-decoration:none;align-items:center;position:absolute;right:10px;height:auto;justify-content:center;align-items:center;color:#000;font-size:15px;}
.grid .community5_debat div u i {display:flex;margin:0;}

.grid .community6_title {display:flex;padding:20px 20px 15px 20px;font-weight:600;}
.grid .community6_message {display:flex;width:calc(100% - 40px);justify-content:space-between;padding-bottom:50px;}
.grid .community6_message img {display:flex;height:50px;aspect-ratio:1/1;border-radius:100%;margin:0 10px 0 0;}
.grid .community6_message span {display:flex;flex-direction:column;border-radius:10px;background:rgba(0,0,0,0.05);padding:13px 15px 23px 15px;position:relative;}
.grid .community6_message span em:nth-child(1) {display:flex;font-size:15px;font-weight:600;}
.grid .community6_message span em:nth-child(2) {display:flex;font-size:14px;}
.grid .community6_message span div {border-radius:10px;background:#e8e1de;padding:0 10px 0 10px;position:absolute;left:10px;bottom:-15px;box-shadow:0 0px 3px rgba(0,0,0,0.2);height:30px;border-radius:15px;justify-content:center;align-items:center;display:flex;}
.grid .community6_message span div u {text-decoration:none;font-size:14px;margin-left:5px;font-weight:500;}

.grid .community7_title {display:flex;padding:20px 20px 15px 20px;font-weight:600;}
.grid .community7_debat {display:flex;width:calc(100% - 40px);justify-content:space-between;flex-direction:column;padding-bottom:10px;}
.grid .community7_debat div {display:flex;width:100%;align-items:center;margin-bottom:10px;border-radius:10px;background:rgba(0,0,0,0.05);padding:10px 0 10px 0;position:relative;}
.grid .community7_debat div img {display:flex;height:60px;aspect-ratio:1/1;border-radius:100%;background:#333;margin:0 10px 0 10px;}
.grid .community7_debat div span {display:flex;flex-direction:column;}
.grid .community7_debat div span em:nth-child(1) {display:flex;font-weight:600;font-size:15px;margin:5px 0 -2px 0;}
.grid .community7_debat div span em:nth-child(2) {display:flex;font-size:12px;}
.grid .community7_debat div u {display:flex;text-decoration:none;align-items:center;position:absolute;right:10px;height:40px;justify-content:center;align-items:center;border-radius:10px;background:#2d64bc;padding:0 10px 0 10px;color:#fff;font-size:13px;}
.grid .community7_debat div u i {display:flex;margin:0 0 0 5px;}



.schema {display:flex;width:100%;margin:-50px 0 100px 0;}
.schema .center {display:flex;}
.schema2 {display:flex;width:100%;justify-content:center;}
.schema2 div  {display:flex;height:340px;aspect-ratio:1/1;border-radius:100%;position:relative;justify-content:center;align-items:center;margin:70px;}
.schema2 div span {display:flex;height:50px;background:var(--color-bloc);border-radius:10px;justify-content:center;align-items:center;width:110px;font-size:12px;}
.schema2 div span:nth-child(1) {display:flex;position:absolute;left:-55px;}
.schema2 div span:nth-child(2) {display:flex;position:absolute;top:-25px;}
.schema2 div span:nth-child(3) {display:flex;position:absolute;right:-55px;}
.schema2 div span:nth-child(4) {display:flex;position:absolute;bottom:-25px;}
.schema2 div strong {display:flex;height:180px;aspect-ratio:1/1;background:var(--color-bloc);border-radius:100%;justify-content:center;align-items:center;font-weight:500;flex-direction:column;font-size:20px;text-transform:uppercase;}
.schema2 div strong i {font-size:50px;margin:0 0 0 0;display:none;}
.schema2 div .fa-arrow-right {display:flex;position:absolute;top:20%;right:-70px;transform:scale(1.5);color:var(--color-green);animation:slideRight 1s linear infinite;}
.schema2 div .fa-arrow-left {display:flex;position:absolute;bottom:20%;right:-70px;transform:scale(1.5);color:var(--color-red);animation:slideLeft 1s linear infinite;}
.schema2 div:nth-last-child(1)  {border-color:var(--color-red);}
.schema2 div quote {display:flex;height:340px;aspect-ratio:1/1;border-radius:100%;border:1px dashed #fff;justify-content:center;align-items:center;position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;animation: rotation 100s linear infinite;}
.schema2 div:nth-last-child(1) quote {display:flex;height:340px;aspect-ratio:1/1;border-radius:100%;border:1px dashed red;justify-content:center;align-items:center;position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;animation: rotation 100s linear infinite;}

@keyframes slideRight {
    0% {
        transform: translateX(0) scale(1.5);
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        transform: translateX(20px) scale(1.5);
        opacity: 0;
    }
}

@keyframes slideLeft {
    0% {
        transform: translateX(0) scale(1.5);
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        transform: translateX(-20px) scale(1.5);
        opacity: 0;
    }
}


@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}