.bc-infographic{min-height:500px;background:#e8f7ff;border:1px solid #c7e5f3;padding:24px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.bc-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:contrast(1.1) saturate(1.12);object-position:65% center}.bc-overlay{position:absolute;inset:0;background:rgba(232,247,255,.34);z-index:1}.bc-infographic>div:not(.bc-overlay){position:relative;z-index:2}.bc-top{width:67%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.bc-top span{background:#fff;padding:11px 13px;font-size:10px;text-transform:uppercase;display:flex;flex-direction:column}.bc-top b{font-size:17px;color:#009fdb;margin-bottom:2px}.bc-building{position:relative;height:270px;width:67%}.bc-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:130px;height:130px;border-radius:50%;background:#12b9f1;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 15px 35px #078abf2c}.bc-core svg{width:38px;height:38px;margin-bottom:7px}.bc-core b{font-size:14px}.bc-core small{font-size:9px;margin-top:2px}.bc-zone{position:absolute;background:#fff;width:145px;min-height:66px;padding:10px;display:flex;gap:9px;align-items:center;box-shadow:0 9px 25px #071a3d10}.bc-zone:after{content:"";position:absolute;background:#8edbf7}.bc-zone svg{width:22px;height:22px;color:#12aee5;flex:none}.bc-zone span{display:flex;flex-direction:column}.bc-zone b{font-size:11px}.bc-zone small{font-size:9px;color:#718199;margin-top:2px}.bc-zone.z1{left:0;top:12px}.bc-zone.z2{right:0;top:12px}.bc-zone.z3{left:0;bottom:12px}.bc-zone.z4{right:0;bottom:12px}.z1:after,.z3:after{width:52px;height:1px;right:-52px;top:50%}.z2:after,.z4:after{width:52px;height:1px;left:-52px;top:50%}.bc-timeline{width:67%;display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid #12b9f1;padding-top:10px}.bc-timeline div{display:flex;flex-direction:column;border-right:1px solid #c7e5f3;padding:0 9px}.bc-timeline div:last-child{border:0}.bc-timeline i{font-style:normal;font-size:11px;color:#009fdb;font-weight:800}.bc-timeline b{font-size:10px;margin-top:4px}@media(max-width:700px){.bc-infographic{min-height:500px}.bc-top,.bc-building,.bc-timeline{width:100%}.bc-building{height:300px}.bc-zone{width:125px}.bc-zone:after{display:none}.bc-core{width:115px;height:115px}.bc-top b{font-size:12px}}

.special-infographic .bc-top,.special-infographic .bc-building,.special-infographic .bc-timeline{width:58%}
.special-infographic .bc-zone{width:122px;padding:9px}
.special-infographic .bc-core{width:110px;height:110px}
.special-infographic .bc-core svg{width:30px;height:30px}
.special-infographic .bc-bg{object-position:center center}
.special-infographic .bc-overlay{background:linear-gradient(90deg,rgba(232,247,255,.56) 0%,rgba(232,247,255,.34) 55%,rgba(232,247,255,.04) 78%)}
@media(max-width:700px){
 .bc-infographic{min-height:790px;padding-top:280px;background:#e8f7ff;justify-content:space-between}
 .bc-infographic .bc-bg{height:255px;bottom:auto;object-position:78% center}
 .bc-infographic .bc-overlay{height:255px;bottom:auto;background:linear-gradient(90deg,rgba(232,247,255,.14),rgba(232,247,255,0))}
 .bc-infographic .bc-top,.bc-infographic .bc-building,.bc-infographic .bc-timeline{width:100%}
 .special-infographic .bc-zone{width:125px}
 .special-infographic .bc-core{width:115px;height:115px}
}