:root{--inner-ring-radius:40%;--outer-ring-radius:65%;--inner-circle-radius:20px;--outer-circle-radius:35px;--outer-outline-radius:45px;--inner-ends-radius:calc((var(--outer-outline-radius) - var(--inner-circle-radius)) / 2)}@media (min-width:360px){:root{--inner-ring-radius:40%;--outer-ring-radius:60%;--inner-circle-radius:25px;--outer-circle-radius:40px;--outer-outline-radius:50px}}@media (min-width:540px){:root{--inner-ring-radius:40%;--outer-ring-radius:60%;--inner-circle-radius:30px;--outer-circle-radius:45px;--outer-outline-radius:60px}}@media (min-width:768px){:root{--inner-ring-radius:33%;--outer-ring-radius:50%;--inner-circle-radius:40px;--outer-circle-radius:60px;--outer-outline-radius:70px}}.component.custom-circle-hub{padding-left:20px;padding-right:20px}@media (min-width:992px){.component.custom-circle-hub{padding-left:0;padding-right:0}}.component.custom-circle-hub .container{display:flex;flex-direction:column}@media (min-width:992px){.component.custom-circle-hub .container{flex-direction:row;align-items:center}}.component.custom-circle-hub .text h1,.component.custom-circle-hub .text h2,.component.custom-circle-hub .text h3,.component.custom-circle-hub .text h4,.component.custom-circle-hub .text h5,.component.custom-circle-hub .text h6,.component.custom-circle-hub .text p{margin-top:0}.component.custom-circle-hub .text p{font-size:17px;line-height:24px;margin-bottom:25px}@media (min-width:992px){.component.custom-circle-hub .text{width:50%;margin:0 20px}}.component.custom-circle-hub .hub{padding:calc(var(--outer-outline-radius)*2)0 calc(var(--outer-outline-radius)*2) calc(var(--outer-outline-radius)/2)}@media (min-width:768px){.component.custom-circle-hub .hub{padding:calc(var(--outer-outline-radius)*1.5)0 calc(var(--outer-outline-radius)*1.5) calc(var(--outer-outline-radius)/2)}}@media (min-width:992px){.component.custom-circle-hub .hub{width:50%;margin:0 20px;padding:var(--outer-outline-radius)0 var(--outer-outline-radius) calc(var(--outer-outline-radius)/2)}}.component.custom-circle-hub .hub .graphic{position:relative;width:100%}.component.custom-circle-hub .hub .graphic:before{position:relative;content:"";display:block;padding-bottom:100%}.component.custom-circle-hub .hub .dot,.component.custom-circle-hub .hub .outline{position:absolute;top:50%;transform:translate3d(-50%,-50%,0)}.component.custom-circle-hub .hub .inner-circle-head,.component.custom-circle-hub .hub .inner-circle-tail{width:var(--inner-ends-radius);height:var(--inner-ends-radius);border:1px solid #a6a9ac;position:absolute;left:calc(0px - var(--inner-circle-radius)/2 - var(--inner-ends-radius));border-radius:var(--inner-ends-radius)}.component.custom-circle-hub .hub .inner-circle-head{top:calc(50% + var(--inner-ring-radius) - var(--inner-ends-radius)/2)}.component.custom-circle-hub .hub .inner-circle-tail{top:calc(50% - var(--inner-ring-radius) - var(--inner-ends-radius)/2)}.component.custom-circle-hub .hub .inner-ring,.component.custom-circle-hub .hub .outer-ring{border:1px solid #a6a9ac;border-radius:50%;position:absolute;top:50%;left:0;transform:translate3d(-50%,-50%,0) rotate(45deg);border-bottom-color:transparent;border-left-color:transparent}.component.custom-circle-hub .hub .inner-ring.one{width:calc(var(--inner-ring-radius)*2 - 6px);height:calc(var(--inner-ring-radius)*2 - 6px)}.component.custom-circle-hub .hub .inner-ring.two{width:calc(var(--inner-ring-radius)*2 + 6px);height:calc(var(--inner-ring-radius)*2 + 6px)}.component.custom-circle-hub .hub .outer-ring{width:calc(var(--outer-ring-radius)*2);height:calc(var(--outer-ring-radius)*2)}.component.custom-circle-hub .hub .inner-circle,.component.custom-circle-hub .hub .outer-circle{position:absolute}.component.custom-circle-hub .hub .inner-circle .dot{width:var(--inner-circle-radius);height:var(--inner-circle-radius);border-radius:50%}.component.custom-circle-hub .hub .outer-circle a .dot:hover{opacity:.8}.component.custom-circle-hub .hub .outer-circle .dot{width:var(--outer-circle-radius);height:var(--outer-circle-radius);border-radius:50%}.component.custom-circle-hub .hub .outer-circle .outline{width:var(--outer-outline-radius);height:var(--outer-outline-radius);border-radius:50%;border-width:1px;border-style:solid}.component.custom-circle-hub .hub .label{position:absolute;transform:translate3d(0,-50%,0);padding-left:10px;line-height:.5}.component.custom-circle-hub .hub .label--first{transform:translateY(-145%);padding-left:0}.component.custom-circle-hub .hub .label--last{transform:translateY(65%);padding-left:0}.component.custom-circle-hub .hub .label a,.component.custom-circle-hub .hub .label span{font-weight:700;text-decoration:none;font-size:12px;line-height:1}@media (min-width:360px){.component.custom-circle-hub .hub .label a,.component.custom-circle-hub .hub .label span{font-size:14px}}@media (min-width:540px){.component.custom-circle-hub .hub .label a,.component.custom-circle-hub .hub .label span{font-size:16px}}.component.custom-circle-hub.circles-direction--right .hub{overflow:hidden;padding:calc(var(--outer-outline-radius)*2) calc(var(--outer-outline-radius)/2) calc(var(--outer-outline-radius)*2)0}@media (min-width:768px){.component.custom-circle-hub.circles-direction--right .hub{padding:calc(var(--outer-outline-radius)*1.5) calc(var(--outer-outline-radius)/2) calc(var(--outer-outline-radius)*1.5)0}}@media (min-width:992px){.component.custom-circle-hub.circles-direction--right .hub{padding:var(--outer-outline-radius) calc(var(--outer-outline-radius)/2) var(--outer-outline-radius)0}}.component.custom-circle-hub.circles-direction--right .hub .label{padding-left:0;padding-right:10px;text-align:right}.component.custom-circle-hub.circles-direction--right .hub .label--first,.component.custom-circle-hub.circles-direction--right .hub .label--last{padding-right:0!important}.component.custom-circle-hub.circles-direction--right .hub .inner-circle-head,.component.custom-circle-hub.circles-direction--right .hub .inner-circle-tail{left:auto;right:calc(0px - var(--inner-circle-radius)/2 - var(--inner-ends-radius))}.component.custom-circle-hub.circles-direction--right .hub .inner-ring,.component.custom-circle-hub.circles-direction--right .hub .outer-ring{left:auto;right:0;transform:translate3d(50%,-50%,0) rotate(-135deg)}.component.custom-circle-hub.mobile-order--reverse .hub{order:2}.component.custom-circle-hub.mobile-order--reverse .text{order:1}@media (min-width:992px){.component.custom-circle-hub.desktop-order--reverse .hub{order:2}.component.custom-circle-hub.desktop-order--reverse .text{order:1}}