:root{--level-1:#16ad61;--level-2:#d69620;--level-3:#2c5fbd;--level-4:#bd122c;--black:#000}.tree-container{max-width:1000px;padding:0 10px;margin:0 auto}.box{color:#fff;font-size:15px;text-align:center;position:relative;padding:5px;box-shadow:2px 2px 2px rgba(0,0,0,.15);border-radius:10px}.box h1{font-size:1rem}.level-1{width:40%;margin:0 auto 40px;background:var(--level-1)}.level-1 h1{font-size:1.5rem}.level-1:before{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:4px;height:20px;background:var(--black)}.level-2-wrapper{position:relative;display:grid;grid-template-columns:repeat(4,1fr)}.level-2-wrapper .lavel-2-div-one{grid-column:1/4}.level-2-wrapper:before{top:-20px;left:37.5%;width:50%}.level-2-wrapper:after,.level-2-wrapper:before{content:"";position:absolute;height:4px;background:var(--black)}.level-2-wrapper:after{display:none;left:-20px;bottom:-20px;width:calc(100% + 20px)}.level-2-wrapper li{position:relative}.level-2-wrapper>li:before{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);width:4px;height:20px;background:var(--black)}.level-2{width:100%;max-width:300px;margin:0 auto 40px;background:var(--level-2)}.citizen{background:#bb20d6}.level-2:before{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:4px;height:20px;background:var(--black)}.citizen:before{width:0!important;height:0!important;opacity:0!important}.level-2:after{display:none;content:"";position:absolute;top:50%;left:0;transform:translate(-100%,-50%);width:20px;height:2px;background:var(--black)}.level-3-wrapper{position:relative;display:grid;grid-template-columns:repeat(5,1fr);grid-column-gap:10px;width:100%;margin:0 auto}.level-3-wrapper:before{content:"";position:absolute;top:-20px;left:calc(10% - 6px);width:calc(80% + 11px);height:4px;background:var(--black)}.single-office.level-3-wrapper{grid-template-columns:repeat(2,1fr)}.single-office.level-3-wrapper:before{width:calc(50% + 9px);left:calc(25% - 5px)}.level-3-wrapper>li:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%,-100%);width:4px;height:20px;background:var(--black)}.level-3{margin-bottom:20px;background:var(--level-3)}.level-3 h1{font-size:14px}.level-4-wrapper{position:relative;width:80%;margin-left:auto}.level-4-wrapper:before{content:"";position:absolute;top:-20px;left:-20px;width:4px;height:calc(100% + 20px);background:var(--black)}.level-4-wrapper li+li{margin-top:10px}.level-4{font-weight:400;text-align:left;padding-left:10px;background:var(--level-4)}.level-4 p{font-size:13px}.level-4 h6{font-size:14px}.level-4:before{content:"";position:absolute;top:50%;left:0;transform:translate(-100%,-50%);width:20px;height:2px;background:var(--black)}.mods-zone .level-4{background:#3b2cbd}@media screen and (max-width:700px){.box{padding:20px 10px}.level-1,.level-2{width:100%}.level-1{margin-bottom:20px}.level-1:before,.level-2-wrapper>li:before{display:none}.level-2-wrapper,.level-2-wrapper:after,.level-2:after{display:block}.level-2-wrapper{width:90%;margin-left:10%}.level-2-wrapper:before{left:-20px;width:2px;height:calc(100% + 40px)}.level-2-wrapper>li:not(:first-child){margin-top:50px}}