.circle-diagram{display:block;position:relative;--border-w:4px;--half-border:calc(var(--border-w)/2);--outer-circle-w:26px;--size-chart:75%}@media (min-width:768px){.circle-diagram{--outer-circle-w:26px}}@media (min-width:992px){.circle-diagram{--border-w:8px;--half-border:calc(var(--border-w)/2);--outer-circle-w:36px}}.circle-diagram .left-wrapper,.circle-diagram .right-wrapper{position:relative;width:100%}.circle-diagram .left-wrapper{align-items:center;display:flex;justify-content:center}.circle-diagram .chart-wrapper{left:50%;min-width:320px;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--size-chart)}@media (min-width:992px){.circle-diagram .chart-wrapper{min-width:480px}}.img-back{height:auto!important;min-width:364px;position:relative;width:100%}@media (min-width:992px){.img-back{min-width:570px}}@media (min-width:768px){.circle-diagram .container{display:flex;flex-direction:row;gap:2rem;margin-left:auto;margin-right:auto}.circle-diagram .left-wrapper{width:60%}.circle-diagram .right-wrapper{width:40%}}@media (min-width:1400px){.circle-diagram .container{gap:4rem}}.circle-diagram .chart{height:auto;position:relative;width:100%}.circle-diagram .chart,.circle-diagram .chart .chart-inside{aspect-ratio:1;clip-path:circle(50% at 50% 50%);overflow:hidden}.circle-diagram .chart .chart-inside{height:calc(100% - var(--outer-circle-w)*2 - var(--border-w)*2);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% - var(--outer-circle-w)*2 - var(--border-w)*2);z-index:2}.circle-diagram .pie-wrapper{cursor:pointer;height:50%;width:50%}.circle-diagram .pie{line-height:1;position:absolute;text-align:center;z-index:10}.circle-diagram .pie a{color:#000;font-size:10px;font-weight:600;line-height:1.2;margin:0;text-align:center;text-decoration:none}@media (min-width:992px){.circle-diagram .pie a{font-size:14px}}@media (min-width:1500px){.circle-diagram .pie a{font-size:16px}}.circle-diagram .pie-wrapper:hover:before{background-color:#ef276f!important}.circle-diagram .pie-wrapper:hover .pie a{color:#fff!important;text-decoration:none}.circle-diagram .pie-wrapper.active:before{background-color:#ef276f!important}.circle-diagram .pie-wrapper.active .pie a{color:#fff!important}.circle-diagram #pie1{background-color:#fff;clip-path:polygon(0 0,50% 0,100% 100%,0 100%);left:0;position:absolute;top:0;z-index:3}.circle-diagram #pie1:before{background-color:#84dfff;clip-path:inherit;content:"";height:calc(100% - var(--border-w));left:0;position:absolute;top:calc(var(--border-w)/2 - 1px);width:calc(100% - var(--border-w))}.circle-diagram #pie1 .pie{bottom:30%;left:18%}.circle-diagram #pie2{background-color:#fff;clip-path:polygon(0 0,50% 100%,100% 0);height:calc(50% + var(--half-border));left:25%;position:absolute;top:0;width:calc(50% + var(--half-border));z-index:2}.circle-diagram #pie2:before{background-color:#84dfff;clip-path:inherit;content:"";height:calc(100% - var(--border-w));left:calc(var(--half-border)/2);position:absolute;top:0;width:calc(100% - var(--border-w))}.circle-diagram #pie2 .pie{left:48%;top:25%;transform:translate(-50%,-50%)}.circle-diagram #pie3{background-color:#fff;clip-path:polygon(50% 0,100% 0,100% 100%,0 100%);position:absolute;right:0;top:0;z-index:2}.circle-diagram #pie3:before{background-color:#84dfff;clip-path:inherit;content:"";height:calc(100% - var(--border-w));position:absolute;right:0;top:calc(var(--border-w)/2 - 1px);width:calc(100% - var(--border-w))}.circle-diagram #pie3 .pie{bottom:35%;right:18%}.circle-diagram #pie4{background-color:#fff;bottom:0;clip-path:polygon(0 0,100% 0,50% 100%,0 100%);left:0;position:absolute;z-index:2}.circle-diagram #pie4:before{background-color:#84dfff;bottom:calc(var(--border-w)/2 - 1px);clip-path:inherit;content:"";height:calc(100% - var(--border-w));left:0;position:absolute;width:calc(100% - var(--border-w))}.circle-diagram #pie4 .pie{left:16%;top:29%}.circle-diagram #pie5{background-color:#fff;bottom:0;clip-path:polygon(50% 0,0 100%,100% 100%);height:calc(50% + var(--half-border));left:25%;position:absolute;width:calc(50% + var(--half-border));z-index:3}.circle-diagram #pie5:before{background-color:#84dfff;bottom:0;clip-path:inherit;content:"";height:calc(100% - var(--border-w));left:calc(var(--half-border)/2);position:absolute;width:calc(100% - var(--border-w))}.circle-diagram #pie5 .pie{bottom:17%;left:48%;transform:translate(-50%,-50%)}.circle-diagram #pie6{background-color:#fff;bottom:0;clip-path:polygon(0 0,100% 0,100% 100%,50% 100%);position:absolute;right:0;z-index:2}.circle-diagram #pie6:before{background-color:#84dfff;bottom:calc(var(--border-w)/2 - 1px);clip-path:inherit;content:"";height:calc(100% - var(--border-w));position:absolute;right:0;width:calc(100% - var(--border-w))}.circle-diagram #pie6 .pie{right:20%;top:20%}.circle-diagram .center-circle{aspect-ratio:1;border:var(--border-w) solid #fff;border-radius:50%;cursor:pointer;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.circle-diagram .center-circle:hover{background-color:#ef276f!important}.circle-diagram .center-circle:hover .pie a{color:#fff!important;text-decoration:none}.circle-diagram .center-circle.active{background-color:#ef276f!important}.circle-diagram .center-circle.active .pie a{color:#fff!important}.circle-diagram .center-circle.large{background-color:#58bcff;height:38%;width:38%;z-index:4}.circle-diagram #pie7 .pie{left:-7%;top:7%}@media (min-width:768px){.circle-diagram #pie7 .pie{left:-9%}}@media (min-width:992px){.circle-diagram #pie7 .pie{left:2px}}.circle-diagram .center-circle.small{background-color:#84dfff;height:17%;width:17%;z-index:5}.circle-diagram .center-circle.large .pie a{font-size:10px;line-height:1}.circle-diagram .center-circle.small .pie a{font-size:12px;line-height:1}@media (min-width:992px){.circle-diagram .center-circle.large .pie a{font-size:14px}.circle-diagram .center-circle.small .pie a{font-size:20px}}@media (min-width:1500px){.circle-diagram .center-circle.large .pie a{font-size:16px}.circle-diagram .center-circle.small .pie a{font-size:30px}}.circle-diagram #pie8 .pie{left:50%;line-height:0;top:50%;transform:translate(-50%,-50%);width:100%}.circle-diagram #pie8 .mobile-text{display:block}.circle-diagram #pie8 .desktop-text{display:none}@media (min-width:992px){.circle-diagram .center-circle.large{height:40%;width:40%}.circle-diagram .center-circle.small{height:23%;width:23%}.circle-diagram #pie8 .pie{line-height:1}.circle-diagram #pie8 .mobile-text{display:none}.circle-diagram #pie8 .desktop-text{display:block}}.circle-diagram .outer-circle{aspect-ratio:1;border-radius:50%;cursor:pointer;height:auto;-webkit-mask:radial-gradient(circle closest-side,#0000 calc(100% - var(--outer-circle-w)),#fff calc(100% - var(--outer-circle-w) - 2px));mask:radial-gradient(circle closest-side,#0000 calc(100% - var(--outer-circle-w)),#fff calc(100% - var(--outer-circle-w) - 2px));width:100%}.circle-diagram .outer-circle a{font-size:10px;line-height:1.2}@media (min-width:992px){.circle-diagram .outer-circle a{font-size:14px}}@media (min-width:1500px){.circle-diagram .outer-circle a{font-size:16px}}.circle-diagram .outer-circle:not(.no-hover):hover:before{background-color:#ef276f!important}.circle-diagram .outer-circle:not(.no-hover):hover .pie a{color:#fff!important;text-decoration:none}.circle-diagram .outer-circle.active:before{background-color:#ef276f!important}.circle-diagram .outer-circle.active .pie a{color:#fff!important}.circle-diagram #pie9{background-color:#fff;clip-path:polygon(50.5% 0,100% 0,100% 100%,76.5% 100%,49% 49%);left:0;position:absolute;top:0;z-index:1}.circle-diagram #pie9:before{background-color:#58bcff;clip-path:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.circle-diagram #pie9 .pie{right:34px;top:-3px;transform:rotate(45deg) translate(50%,-50%)}@media (min-width:768px){.circle-diagram #pie9 .pie{right:11%;top:-3%}}@media (min-width:992px){.circle-diagram #pie9 .pie{right:12%;top:0}}@media (min-width:1200px){.circle-diagram #pie9 .pie{right:60px;top:0}}.circle-diagram #pie10{background-color:#fff;clip-path:polygon(0 0,49% 0,49% 49%,0 49%);left:0;position:absolute;top:0;z-index:1}.circle-diagram #pie10:before{background-color:#58bcff;clip-path:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.circle-diagram #pie10 .pie{left:34px;top:-3px;transform:rotate(-45deg) translate(-50%,-50%)}@media (min-width:768px){.circle-diagram #pie10 .pie{left:11%;top:-3%}}@media (min-width:992px){.circle-diagram #pie10 .pie{left:12%;top:0}}@media (min-width:1200px){.circle-diagram #pie10 .pie{left:60px;top:0}}.circle-diagram #no11{background-color:#fff;clip-path:polygon(0 51%,50% 50%,26.5% 95%,0 100%);cursor:default;left:0;position:absolute;top:0;z-index:1}.circle-diagram #no11:before{background-color:#58bcff;clip-path:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.circle-diagram #no12{background-color:#fff;clip-path:polygon(50% 50%,26% 100%,74% 100%);cursor:default;left:0;position:absolute;top:0;z-index:1}.circle-diagram #no12:before{background-color:#58bcff;clip-path:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.circle-diagram .right-wrapper,.circle-diagram .text-wrapper{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.circle-diagram .text-wrapper h2{color:#0d3253;font-weight:600;letter-spacing:normal}.circle-diagram .text-wrapper p{color:#000}.diagram-content{display:none}.diagram-content.active{display:block}.circle-diagram .ISP-standard-button{background-color:#305595;color:#fff}.circle-diagram .ISP-standard-button:hover{background-color:#1c396c;color:#fff}