.ecosystems{--padding:4rem;--breakpoint:70%;overflow:hidden}@media (max-width:992px){.ecosystems{--breakpoint:100%;--padding:1.5rem}}.ecosystems .container{position:relative}.ecosystems h2{margin:0}.ecosystems .subtitle{font-size:36px;font-weight:300;line-height:1.3;margin-bottom:var(--padding)}@media (max-width:1200px){.ecosystems .subtitle{font-size:33px}}@media (max-width:992px){.ecosystems .subtitle{font-size:29px}}@media (max-width:768px){.ecosystems .subtitle{font-size:27px}}@media (max-width:576px){.ecosystems .subtitle{font-size:24px}}.ecosystems .bg{background-repeat:repeat;height:var(--breakpoint);left:var(--padding);position:absolute;top:var(--padding);width:100%}.ecosystems .text-wrap{position:relative}.ecosystems .text-wrap:before{background-color:#000;content:"";height:calc(100% - var(--padding));position:absolute;right:100%;top:0;width:100%}@media (max-width:768px){.ecosystems .text-wrap:before{display:none}}.ecosystems .text-title{background-color:#000;padding:var(--padding) var(--padding) var(--padding) 0;width:var(--breakpoint)}@media (max-width:768px){.ecosystems .text-title{margin:0 -1.5rem;padding:var(--padding);width:calc(100% + 3rem)}}.ecosystems .text-subtitle{background-color:#fff;padding:var(--padding)}.ecosystems .text-subtitle .subtitle{width:var(--breakpoint)}@media (max-width:768px){.ecosystems .text-subtitle{background:none}}.ecosystems .graphic{height:100%;position:absolute;right:0;top:50%;width:calc(100% - var(--breakpoint))}.ecosystems .graphic img{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}@media (max-width:992px){.ecosystems .graphic{display:none}}.ecosystems .animation{margin-top:var(--padding);position:relative}