.bandwidth-block--use-cases{position:relative;z-index:1}.bandwidth-block--use-cases.is-preview:before{display:none}.bandwidth-block--use-cases .wrap{display:flex}.bandwidth-block--use-cases .wrap.flipped{flex-direction:row-reverse;margin-right:var(--widerMargin);margin-left:0}.bandwidth-block--use-cases .image{width:550px;flex-shrink:0;margin:0 0 0 var(--spx2)}.bandwidth-block--use-cases .content{width:100%}.bandwidth-block--use-cases .block-intro{max-width:600px;width:100%;margin:0 0 var(--sp)}.bandwidth-block--use-cases .bandwdth-block_title{margin:0 0 var(--spd2)}.bandwidth-block--use-cases .uses{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp) var(--spx3)}.bandwidth-block--use-cases .use{display:flex;justify-content:flex-start;align-items:flex-start}.bandwidth-block--use-cases .use-icon{width:35px;height:auto;flex-shrink:0;margin:0 20px 0 0}.bandwidth-block--use-cases .use-title{font-family:var(--serif);color:var(--heading-color);font-weight:700;line-height:1.4;font-size:var(--h6);margin:0 0 var(--sp) 0;margin:0 0 10px}.bandwidth-block--use-cases .use-title a{color:var(--heading-color)}.bandwidth-block--use-cases .use-title a svg{width:14px;height:10px;margin:0 0 1px}.bandwidth-block--use-cases .use-title a svg path{fill:var(--heading-color)}.bandwidth-block--use-cases .use-title a:hover{color:var(--blue-50)}.bandwidth-block--use-cases .use-title a:hover svg{transform:translateX(5px)}.bandwidth-block--use-cases .use-title a:hover svg path{fill:var(--blue-50)}.bandwidth-block--use-cases .use-content{font-size:var(--font-tiny);color:var(--grey-80)}@media (max-width:1200px){.bandwidth-block--use-cases .uses{grid-template-columns:repeat(1,1fr)}}@media (max-width:1024px){.bandwidth-block--use-cases .image{width:350px}}@media (max-width:767px){.bandwidth-block--use-cases .wrap{flex-wrap:wrap;justify-content:flex-end}.bandwidth-block--use-cases .wrap.flipped{margin-left:var(--sp);margin-right:var(--sp)}.bandwidth-block--use-cases .image{width:550px;max-width:100%;order:-1;margin:0 0 var(--spx2)}.bandwidth-block--use-cases .content{padding:0 var(--sp) 0 0}.bandwidth-block--use-cases .block-intro{margin:0 0 var(--spx2)}.bandwidth-block--use-cases .uses{grid-template-columns:repeat(2,1fr);gap:var(--spx2)}}@media (max-width:599px){.bandwidth-block--use-cases .uses{grid-template-columns:repeat(1,1fr)}}