/* Trident Distribution — responsive / media queries 
   Generated from the validated prototype. Edit component styles here. */

@media(max-width:860px){.triad{grid-template-columns:1fr;gap:6px}.triad .arrow{transform:rotate(90deg);justify-content:center;padding:4px 0}body.rtl .triad .arrow{transform:rotate(90deg)}}

@media(max-width:860px){.chain{grid-template-columns:repeat(2,1fr)}.chain .step:nth-child(4n){border-inline-end:1px solid var(--line)}.chain .step:nth-child(2n){border-inline-end:none}.chain .step:nth-child(n+5){border-bottom:1px solid var(--line)}.chain .step:nth-last-child(-n+2){border-bottom:none}}

@media(max-width:520px){.chain{grid-template-columns:1fr}.chain .step{border-inline-end:none!important;border-bottom:1px solid var(--line)!important}.chain .step:last-child{border-bottom:none!important}}

@media(max-width:720px){
    .g2,.g3,.g4,.two-col,.two,.trust,.paths,.fcols{grid-template-columns:1fr}
    section.blk{padding:60px 0}
    .hero .wrap{padding-top:64px;padding-bottom:64px}
    .panel{padding:26px}
  }

@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

@media(max-width:860px){.fw{grid-template-columns:1fr}.fw-link{width:2px;height:26px;margin:6px 0}.fw-link::after{right:auto;left:-3px;top:auto;bottom:-1px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:7px solid var(--orange)}}

@media(max-width:720px){.mx-legend{grid-template-columns:repeat(2,1fr)}}