.tabs-with-image{display:flex;flex-direction:column;gap:var(--space-xxxl);& .tabs-with-image__heading{display:flex;& h1,& h2,& h3{margin:0}}& .tabs-with-image__heading--left{justify-content:flex-start;text-align:left}& .tabs-with-image__heading--center{justify-content:center;text-align:center}& .tabs-with-image__heading--right{justify-content:flex-end;text-align:right}& .tabs-with-image__columns{align-items:stretch;display:grid;gap:var(--space-xxl);grid-template-columns:minmax(0,4fr) minmax(0,8fr)}& .tabs-with-image__media{align-self:baseline;aspect-ratio:1/1;border-radius:50%;margin:-48px auto 0;max-width:100%;overflow:hidden;width:100%;& .tabs-with-image__media-img{display:block;height:100%;object-fit:cover;width:100%}}& .tabs-with-image__panel{align-items:center;display:flex;flex-direction:row-reverse;gap:var(--space-l);@media (max-width:1024px){flex-direction:column;gap:var(--space-xs)}}& .tabs-with-image__nav{display:flex;flex:0 0 240px;flex-direction:column;gap:var(--space-l);padding:var(--space-s) 0;position:relative;&:before{background:var(--primary-color);border-radius:var(--border-radius-default);content:"";height:110%;position:absolute;right:calc(100% - 44px);top:50%;transform:translateY(-50%);width:100vw;z-index:-1;@media (max-width:1024px){display:none}}@media (max-width:1024px){gap:var(--space-xs)}}& .tabs-with-image__nav-item{align-items:center;background:transparent;border:none;border-radius:var(--border-radius-default);color:var(--Colours-Black-400);cursor:pointer;display:flex;gap:var(--space-s);padding:var(--space-xs) var(--space-m);text-align:left;transition:background-color .2s ease,color .2s ease;& .tabs-with-image__nav-icon{align-items:center;background:var(--Colours-Black-500);border:1px solid var(--black-color);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:background-color .2s ease;width:40px;& img{height:20px;object-fit:contain;width:20px}}& .tabs-with-image__nav-text{font-family:var(--font-family-title);font-weight:600}&:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}&.is-active{color:var(--primary-color);& .tabs-with-image__nav-icon{background:var(--primary-color)}}}& .tabs-with-image__content-item{border-radius:var(--border-radius-card);color:var(--white-color);display:flex;flex-direction:column;gap:var(--space-m);padding:var(--space-xl) 0;&[hidden]{display:none}@media (max-width:1024px){background:var(--primary-color);box-shadow:var(--box-shadow-card);padding:var(--space-xl)}}& .tabs-with-image__content-title{align-items:center;display:flex;gap:var(--space-s);& .tabs-with-image__content-icon{align-items:center;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px;& img{height:100%;object-fit:contain;width:100%}}& h3{color:var(--white-color);font-family:var(--font-family-title);margin:0}}& .tabs-with-image__content-text{& *{color:hsla(0,0%,100%,.9)}& p{margin:0}& p+p{margin-top:var(--space-s)}}& .tabs-with-image__content-item .hs-button{align-self:flex-start}@media (max-width:1024px){& .tabs-with-image__columns{gap:var(--space-xs);grid-template-columns:1fr}& .tabs-with-image__nav{flex-direction:row;flex-wrap:wrap}& .tabs-with-image__nav-item{flex:1 1 auto}}@media (max-width:767px){& .tabs-with-image__nav-item{flex:1 1 100%}}}