#Circles .st0{fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:2px}.tree-circles{overflow:hidden;position:relative}.tree-circles .inner{background-color:#172f4a;color:#fff;padding:5rem 0}@media only screen and (min-width:960px){.tree-circles .inner{padding:7.5rem 0 12.5rem}}.tree-circles .inner .tab-items{display:flex;overflow:auto}@media only screen and (min-width:960px){.tree-circles .inner .tab-items{flex-direction:column;overflow:visible}}.tree-circles .inner .tab-items .button-holder{flex-shrink:0;padding:.5rem;position:relative}@media only screen and (min-width:960px){.tree-circles .inner .tab-items .button-holder{padding-left:0;padding-right:0}.tree-circles .inner .tab-items .button-holder:not(:last-child){margin-bottom:1rem}}@media only screen and (min-width:1280px){.tree-circles .inner .tab-items .button-holder{margin-left:2.5rem;margin-right:0}}.tree-circles .inner .tab-items .button-holder:not(:last-child){margin-right:1rem}@media only screen and (min-width:960px){.tree-circles .inner .tab-items .button-holder:not(:last-child){margin-right:0}}.tree-circles .inner .tab-items .button-holder:before{background-color:#ffffff0d;content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:background-color .3s cubic-bezier(.5,0,.15,1);width:100%;z-index:0}@media only screen and (min-width:960px){.tree-circles .inner .tab-items .button-holder:before{left:calc(-2.5rem - 30vw);width:calc(2.5rem + 30vw + 100%)}}.tree-circles .inner .tab-items .button-holder.is-inactive:before{background-color:transparent}.tree-circles .inner .tab-items .button-holder.is-inactive .tab-button{color:#ffffff80}.tree-circles .inner .tab-items .button-holder .tab-button{position:relative;transition:color .3s cubic-bezier(.5,0,.15,1);vertical-align:middle;z-index:1}.tree-circles .inner .tab-items .button-holder .tab-button:active,.tree-circles .inner .tab-items .button-holder .tab-button:focus,.tree-circles .inner .tab-items .button-holder .tab-button:hover{text-decoration:underline}.tree-circles .inner .tab-items .button-holder .tab-button .title-holder{-webkit-hyphens:auto;hyphens:auto}.tree-circles .inner .tab-items .button-holder .tab-button .title-holder b{-webkit-line-clamp:2;padding:0}.tree-circles .inner .tab-items .button-holder .tab-button .icon-holder{display:none}.tree-circles .inner .tab-items .content-holder{display:none;margin-bottom:1rem}@media only screen and (min-width:960px){.tree-circles .inner .tab-items .content-holder{display:block}}@media only screen and (min-width:1280px){.tree-circles .inner .tab-items .content-holder{margin-left:2.5rem}}@media only screen and (min-width:960px){.tree-circles .inner .mobile-contents{display:none}.tree-circles .inner .circles-holder{position:relative}}.tree-circles .inner .circles-holder .circles-svg{color:#ffffff0d;position:absolute;right:-20vw;top:-40vw;width:70vw}@media only screen and (min-width:960px){.tree-circles .inner .circles-holder .circles-svg{color:#fff;position:static;width:auto}}.tree-circles .inner .circles-holder .circles-svg .st0{transform-origin:center;transition:transform 1s cubic-bezier(.5,0,.15,1)}.tree-circles .inner .circles-holder .circle-buttons{display:none}@media only screen and (min-width:960px){.tree-circles .inner .circles-holder .circle-buttons{display:block}}.tree-circles .inner .circles-holder .circle-buttons .circle-tab{align-items:center;display:flex;flex-direction:column;position:absolute}.tree-circles .inner .circles-holder .circle-buttons .circle-tab:first-child{left:0;top:0}.tree-circles .inner .circles-holder .circle-buttons .circle-tab:nth-child(2){right:0;top:0}.tree-circles .inner .circles-holder .circle-buttons .circle-tab:nth-child(3){bottom:0;flex-direction:column-reverse;left:50%;transform:translate(-50%,100%)}.tree-circles .inner .circles-holder .circle-buttons .circle-tab:nth-child(3) .tab-title{padding-bottom:0;padding-top:.25rem}.tree-circles .inner .circles-holder .circle-buttons .circle-tab .tab-title{max-width:15rem;overflow:hidden;padding-bottom:.25rem;text-overflow:ellipsis}.tree-circles .inner .circles-holder .circle-buttons .circle-tab .button-holder.is-active .circle-button{border-width:2px}.tree-circles .inner .circles-holder .circle-buttons .circle-tab .button-holder .circle-button{border:1px solid #fff;border-radius:999px;cursor:pointer;height:2.5rem;position:relative;width:2.5rem}.tree-circles .inner .circles-holder .circle-buttons .circle-tab .button-holder .circle-button:after{background-color:#fff;border-radius:999px;content:"";display:block;height:4px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:4px}