.framework__filter input[type=radio]{margin-right:10px}.filter__inner{display:flex;flex-flow:column;width:200px}.filter__inner h2{font-weight:700}.filter__top-content>p{font-weight:700!important;margin-bottom:10px}.framework__tooltip{background-color:#f2f2f2;font-size:16px;font-weight:700;margin-bottom:25px;padding:15px 25px;position:relative}.framework__tooltip>div{background-color:#6638b6;border-radius:40px;color:#fff;height:20px;left:-10px;position:absolute;text-align:center;top:-10px;width:20px}.content-box{background-color:#fff;border-radius:10px;display:none;height:275px;padding:20px;z-index:3}.content-box.active{display:flex;flex-direction:column}.content-box.default{justify-content:center}.content-box.default p{font-size:50px;font-weight:700!important;line-height:1;text-transform:uppercase}.content-box.default .categories{justify-content:center}.content-box h2{font-size:20px;font-weight:700;text-align:left;text-transform:uppercase}.content-box__content,.content-box__content p{font-size:16px;margin-bottom:5px;text-align:left}.square.hidden{opacity:.2}.center-section{background-color:#fff;border-radius:10px;display:grid;grid-area:center;grid-template-columns:2fr 2fr;grid-template-rows:2fr 1fr;position:relative;z-index:1}.overlay{background-color:transparent;border-radius:10px;bottom:0;left:0;opacity:0;padding:35px;position:absolute;right:0;text-align:center;top:0;transition:opacity .3s ease;visibility:hidden;z-index:4}.overlay.active{opacity:1;visibility:visible}.categories{align-items:center;display:flex;font-size:12px;font-weight:700;gap:10px;margin-top:20px;text-transform:uppercase}.categories .circle{border-radius:50%;height:14px;width:14px}.circle.orange{background-color:#eb6c15}.circle.green{background-color:#009a44}.circle.purple{background-color:#6638b6}.board{display:grid;gap:5px;grid-template-areas:"top top top top top top" "left center center center center right" "left center center center center right" "left center center center center right" "left bottom bottom bottom bottom bottom";grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(5,1fr);height:580px;position:relative;width:720px}.square{align-items:center;cursor:pointer;display:flex;font-size:12px;justify-content:center;text-align:center;transition:background-color .3s,opacity .3s ease,transform .3s;width:116px}.square,.square-container{background-color:#ccc;border-radius:10px}.square-container{display:grid;grid-template-columns:15px 1fr;grid-template-rows:15px 1fr;height:100%;overflow:hidden;position:relative;width:100%}.color-strip{position:absolute}.color-strip.horizontal{height:15px;width:100%}.color-strip.horizontal.bottom{grid-row:2}.color-strip.horizontal.bottom-right{grid-row:2;left:auto;right:0;width:50%}.color-strip.vertical{height:100%;width:15px}.color-strip.vertical.left{grid-column:1}.color-strip.vertical.right{grid-column:2;z-index:2}.color-strip.vertical.half-top{height:50%;position:absolute;top:0}.color-strip.vertical.half-bottom{bottom:0;height:50%;position:absolute}.color-strip.orange{background-color:#eb6c15}.color-strip.purple{background-color:#6638b6}.color-strip.green{background-color:#009a44}.square-content{align-items:center;background-color:#ccc;color:#333;display:flex;font-size:12px;font-weight:700;grid-column:1/span 2;justify-content:center;text-align:center;text-transform:uppercase}.square.before.ai:first-of-type .square-container{grid-template-columns:15px 1fr;grid-template-rows:15px 1fr}.square.before.ai:first-of-type .square-content{grid-column:2}.square.before.ai:first-of-type .color-strip.vertical.purple{z-index:2}.square.before.expertise .square-container,.square.before.people .square-container{grid-template-columns:1fr 1fr;grid-template-rows:15px 1fr}.square.before.expertise .color-strip.horizontal.orange,.square.before.people .color-strip.horizontal.orange{width:50%}.square.before.expertise .color-strip.horizontal.purple,.square.before.people .color-strip.horizontal.purple{left:auto;right:0;width:50%}.square.before.ai:nth-child(3) .square-container{grid-template-columns:1fr;grid-template-rows:15px 1fr}.square.before.ai:nth-child(3) .color-strip.horizontal.green{width:100%}.square.before.ai:nth-child(4) .square-container{grid-template-columns:1fr 1fr;grid-template-rows:15px 1fr}.square.before.ai:nth-child(4) .color-strip.horizontal.purple{width:50%}.square.before.ai:nth-child(4) .color-strip.horizontal.orange{left:auto;right:0;width:50%}.square.after.ai:nth-of-type(4) .square-container,.square.after.expertise.document .square-container,.square.before.ai:nth-of-type(5) .square-container,.square.before.expertise .square-container,.square.before.people .square-container{background-color:#ccc;grid-template-columns:1fr;grid-template-rows:15px 1fr}.square.after.ai:nth-of-type(4) .square-content,.square.after.expertise.document .square-content,.square.before.ai:nth-of-type(5) .square-content,.square.before.expertise .square-content,.square.before.people .square-content{grid-row:2;padding:10px}.square.after.expertise.people.document .color-strip.horizontal.purple{left:0;width:50%}.square.after.expertise.people.document .color-strip.horizontal.orange{right:0;width:50%}.square.after.expertise.people.document .square-content{grid-column:1/span 2}.square.before.expertise.people.contract-templates .square-container{grid-template-columns:15px 1fr;grid-template-rows:1fr}.square.before.expertise.people.contract-templates .square-content{grid-column:2;grid-row:1;height:100%;padding:0}.square.managing.managment.people.expertise .square-container{grid-template-rows:1fr}.square.managing.managment.people.expertise .color-strip.vertical.half-bottom,.square.managing.managment.people.expertise .color-strip.vertical.half-top{grid-column:1;width:15px}.square.managing.managment.people.expertise .square-content{grid-column:2;grid-row:1;height:100%;width:100%}.square.after.ai:nth-of-type(7) .square-container{grid-template-columns:15px 1fr;grid-template-rows:1fr}.square.after.ai:nth-of-type(7) .color-strip.vertical.green{grid-column:1;grid-row:1/3}.square.after.ai .square-container{grid-template-columns:15px 1fr;grid-template-rows:1fr}.square.after.ai .color-strip.vertical.green{grid-column:1;height:100%}.square.after.ai.contract-analysis .square-container{grid-template-columns:1fr 15px;grid-template-rows:1fr}.square.after.ai.contract-analysis .color-strip.vertical.purple.half-top.right{background-color:#6638b6;height:50%;position:absolute;right:0;top:0}.square.after.ai.contract-analysis .color-strip.vertical.green.half-bottom.right{background-color:#009a44;bottom:0;height:50%;position:absolute;right:0}.square.after.ai.contract-analysis .square-content{grid-column:1}.square.after.expertise.mna-project-support .square-container{grid-template-columns:1fr 15px;grid-template-rows:1fr}.square.after.expertise.mna-project-support .color-strip.vertical.orange.half-top.right{background-color:#eb6c15;height:50%;position:absolute;right:0;top:0}.square.after.expertise.mna-project-support .color-strip.vertical.purple.half-bottom.right{background-color:#6638b6;bottom:0;height:50%;position:absolute;right:0}.square.after.expertise.mna-project-support .square-content{grid-column:1}.square.managing.people.clm-administration .square-container{grid-template-columns:1fr 15px;grid-template-rows:1fr}.square.managing.people.clm-administration .color-strip.vertical.purple.half-top.right{background-color:#6638b6;height:50%;position:absolute;right:0;top:0}.square.managing.people.clm-administration .color-strip.vertical.orange.half-bottom.right{background-color:#eb6c15;bottom:0;height:50%;position:absolute;right:0}.square.managing.people.clm-administration .square-content{grid-column:1}.square.managing.people.expertise.bottom-left-box .square-container{grid-template-columns:15px 1fr;grid-template-rows:1fr 15px}.square.managing.people.expertise.bottom-left-box .color-strip.vertical{grid-column:1;grid-row:1/3}.square.managing.people.expertise.bottom-left-box .color-strip.horizontal{grid-column:1/3;grid-row:2}.square.managing.people.expertise.bottom-left-box .square-content{grid-column:2;grid-row:1}.square.after.ai .square-container{grid-template-columns:1fr 15px;grid-template-rows:15px 1fr}.square.after.ai .color-strip.vertical{grid-column:2}.square.after.ai:nth-of-type(6) .square-container{grid-template-columns:1fr 15px;grid-template-rows:15px 1fr}.square.after.ai:nth-of-type(6) .color-strip.vertical.green.right{grid-column:2;grid-row:1/3}.square.after.ai:nth-of-type(6) .square-content{grid-column:1;grid-row:2}.square.before.ai:nth-of-type(7) .square-container{grid-template-columns:15px 1fr;grid-template-rows:1fr}.square.before.ai:nth-of-type(7) .color-strip.vertical.green{grid-column:1;grid-row:1/3}.square.before.ai:nth-of-type(7) .square-content{grid-column:2}.square.managing.ai:last-of-type .square-container{grid-template-columns:1fr 15px;grid-template-rows:1fr 15px}.square.managing.ai:last-of-type .square-content{grid-column:1}.square-container.bottom-row{grid-template-columns:1fr 1fr;grid-template-rows:1fr 15px}.square.managing.ai.expertise.workflow .square-container{grid-template-columns:1fr;grid-template-rows:1fr 15px}.square.managing.ai.expertise.workflow .color-strip.horizontal.bottom-left,.square.managing.ai.expertise.workflow .color-strip.horizontal.bottom-right{bottom:0;height:15px;position:absolute}.square.managing.ai.expertise.workflow .color-strip.horizontal.bottom-left{background-color:#009a44;left:0;width:50%}.square.managing.ai.expertise.workflow .color-strip.horizontal.bottom-right{background-color:#6638b6;right:0;width:50%}.square.managing.ai.expertise.workflow .square-content{grid-row:1}.square.managing.people .square-container{grid-template-rows:1fr 15px}.square.managing.people .color-strip.horizontal.bottom-right{background-color:#eb6c15;width:100%}.square.managing.people.expertise .color-strip.horizontal.bottom-left{background-color:#eb6c15;bottom:0;height:15px;left:0;position:absolute;width:50%}.square.managing.people.expertise .color-strip.horizontal.bottom-right{background-color:#6638b6;bottom:0;height:15px;position:absolute;right:0;width:50%}.square.managing.people.expertise .square-content{border-radius:10px 10px 0 0;grid-row:1}.square.people.expertise.training .color-strip.horizontal.bottom-left{background-color:#6638b6;bottom:0;height:15px;left:0;position:absolute;width:50%}.square.people.expertise.training .color-strip.horizontal.bottom-right{background-color:#eb6c15;bottom:0;height:15px;position:absolute;right:0;width:50%}.section{display:grid;opacity:1;position:relative;z-index:3}.after-sign,.before-sign,.managing-it-all{background-color:#fff;display:grid;position:relative}.before-sign{grid-template-columns:30px 1fr;grid-template-rows:40px 1fr;margin-bottom:2px;margin-right:5px}.before-left{background-color:#0057b7;grid-column:1/2;grid-row:1/span 2;width:30px}.before-top{background-color:#0057b7;color:#fff;display:flex;font-size:18px;font-weight:500;grid-column:2/3;grid-row:1/2;height:40px;padding-top:3px;text-transform:uppercase}.before-content{background-color:#fff;border-top-left-radius:10px;grid-column:2/3;grid-row:2/3;margin-top:-10px}.after-sign{grid-template-columns:1fr 30px;grid-template-rows:30px 1fr;margin-bottom:2px;margin-left:2px}.after-right{grid-column:2/3;grid-row:1/span 2;width:30px}.after-right,.after-top{background-color:#0057b7}.after-top{color:#fff;display:flex;font-size:18px;font-weight:700;font-weight:500;grid-column:1/2;grid-row:1/2;height:40px;justify-content:end;padding-right:10px;padding-top:3px;text-align:right;text-transform:uppercase}.after-content{background-color:#fff;border-top-right-radius:10px;grid-column:1/2;grid-row:2/3}.managing-it-all{background-color:#0057b7;grid-column:1/4;grid-template-columns:30px 1fr 30px;grid-template-rows:1fr 30px;margin-top:5px}.managing-left{background-color:#0057b7;grid-column:1/2;grid-row:1/span 2;width:30px}.managing-middle{background-color:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px;grid-column:2/3;grid-row:1/2;margin-top:-1px;position:relative;z-index:3}.managing-right{background-color:#0057b7;grid-column:3/4;grid-row:1/span 2;width:30px}.managing-bottom{background-color:#0057b7;color:#fff;display:flex;font-size:18px;font-weight:500;grid-column:1/4;grid-row:2/3;height:40px;justify-content:center;margin-top:-14px;text-align:center;text-transform:uppercase}.managing-bottom span{position:relative;top:16px}.highlight-ai .color-strip,.highlight-expertise .color-strip,.highlight-people .color-strip,.no-highlight .color-strip,.no-highlight .square-content{display:none!important}.highlight-ai .square-container,.highlight-expertise .square-container,.highlight-people .square-container,.no-highlight .square-container{display:flex}.highlight-ai .square-content,.highlight-expertise .square-content,.highlight-people .square-content{color:#fff;height:100%!important;padding:10px;width:100%}.no-highlight .square-container,.no-highlight .square-content{background-color:#ccc}.highlight-people .square-container,.highlight-people .square-content{background-color:#eb6c15!important}.highlight-ai .square-container,.highlight-ai .square-content{background-color:#009a44!important}.highlight-expertise .square-container,.highlight-expertise .square-content{background-color:#6638b6!important}@media screen and (min-width:1200px){.framework__filter{order:2;width:calc(100% - 760px)}.framework__container{width:720px}.framework{align-items:center;display:flex;flex-flow:row;gap:40px;justify-content:space-between;width:100%}}@media screen and (max-width:1199.99px){.framework__filter{margin-bottom:40px;width:100%}.framework__container{margin:0 auto}.framework__tooltip{max-width:720px}}@media screen and (max-width:992px){.content-box h2{font-size:20px!important}}@media screen and (max-width:800px){.framework__inner{display:flex;justify-content:center;margin-bottom:-100px;transform:scale(.83);transform-origin:top left;transition:transform .2s ease-in-out;width:120.48193%}}@media screen and (max-width:620px){.framework__inner{margin-bottom:-150px;transform:scale(.73);width:136.9863%}}@media screen and (max-width:550px){.framework__inner{margin-bottom:-220px;transform:scale(.635);width:157.48031%}}@media screen and (max-width:480px){.framework__inner{margin-bottom:-300px;transform:scale(.51);width:196.07843%}}@media screen and (max-width:400px) and (min-width:390px){.framework__inner{margin-bottom:-350px;transform:scale(.48);width:208%}}@media screen and (max-width:389.99px){.framework__inner{margin-bottom:-350px;transform:scale(.4);width:250%}}