:root{--level-1:#16ad61;--level-2:#2c5fbd;--level-3:#d69620;--level-4:#bd122c;--black:#000}.revenue-tree-container{max-width:1000px;padding:0 10px;margin:0 auto}.revenue-tree-container .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}.revenue-tree-container .box h1{font-size:1rem}.revenue-tree-container .level-1{width:40%;margin:0 auto 40px;background:var(--level-1)}.revenue-tree-container .level-1 h1{font-size:1.5rem}.revenue-tree-container .level-1:before{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:4px;height:20px;background:var(--black)}.revenue-tree-container .level-2-wrapper{position:relative;display:grid;gap:5px;grid-template-columns:repeat(11,1fr)}.revenue-tree-container .level-2-wrapper.single{display:block}.revenue-tree-container .level-2-wrapper:before{content:"";position:absolute;top:-20px;left:4%;width:92%;height:4px;background:var(--black)}.revenue-tree-container .single.level-2-wrapper:before{height:0!important}.revenue-tree-container .level-2-wrapper:after{display:none;content:"";position:absolute;left:-20px;bottom:-20px;width:calc(100% + 20px);height:4px;background:var(--black)}.revenue-tree-container .level-2-wrapper li{position:relative}.revenue-tree-container .level-2-wrapper>li:before{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);width:4px;height:20px;background:var(--black)}.revenue-tree-container .level-2{width:100%;max-width:300px;margin:0 auto 40px;background:var(--level-2)}.revenue-tree-container .level-2 h1{font-size:.8rem}.revenue-tree-container .level-2 h4{font-size:.9rem}.revenue-tree-container .level-2:after{display:none;content:"";position:absolute;top:50%;left:0;transform:translate(-100%,-50%);width:20px;height:2px;background:var(--black)}.revenue-tree-container .level-3-wrapper{position:relative;display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:10px;width:100%;margin:0 auto}.revenue-tree-container .level-3-wrapper:before{content:"";position:absolute;top:-20px;left:calc(13% - 6px);width:calc(74% + 11px);height:4px;background:var(--black)}.revenue-tree-container .level-3-wrapper>li:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%,-100%);width:4px;height:20px;background:var(--black)}.revenue-tree-container .level-3{margin-bottom:20px;background:var(--level-3)}.revenue-tree-container .level-3 h1{font-size:14px}.revenue-tree-container .level-4-wrapper{position:relative;width:80%;margin-left:auto}.revenue-tree-container .level-4-wrapper:before{content:"";position:absolute;top:-20px;left:-20px;width:4px;height:calc(100% + 20px);background:var(--black)}.revenue-tree-container .level-4-wrapper li+li{margin-top:10px}.revenue-tree-container .level-4{font-weight:400;text-align:left;padding-left:10px;background:var(--level-4)}.revenue-tree-container .level-4 p{font-size:13px}.revenue-tree-container .level-4 h6{font-size:14px}.revenue-tree-container .level-4:before{content:"";position:absolute;top:50%;left:0;transform:translate(-100%,-50%);width:20px;height:2px;background:var(--black)}.revenue-tree-container .mods-zone .level-4{background:#3b2cbd}@media screen and (max-width:700px){.revenue-tree-container .box{padding:20px 10px}.revenue-tree-container .level-1,.revenue-tree-container .level-2{width:100%}.revenue-tree-container .level-1{margin-bottom:20px}.revenue-tree-container .level-1:before,.revenue-tree-container .level-2-wrapper>li:before{display:none}.revenue-tree-container .level-2-wrapper,.revenue-tree-container .level-2-wrapper:after,.revenue-tree-container .level-2:after{display:block}.revenue-tree-container .level-2-wrapper{width:90%;margin-left:10%}.revenue-tree-container .level-2-wrapper:before{left:-20px;width:2px;height:calc(100% + 40px)}.revenue-tree-container .level-2-wrapper>li:not(:first-child){margin-top:50px}}