.accordion-right img{transition:filter .3s ease}.accordion-right a:hover img,.accordion-right img:hover{filter:brightness(.7)}.step.active .circle img{filter:brightness(0) invert(1)}.step .circle img{max-width:20px}.accordion-right{border-radius:8px;display:flex;overflow:hidden;position:relative}@media (min-width:768px){.accordion-right{aspect-ratio:16/9}}.accordion-right img{display:block;height:100%;max-width:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.accordion-container{align-items:stretch;display:flex;gap:40px;height:auto;position:relative}.accordion-left,.accordion-right{width:50%}.vertical-line{background:#c2d4f6;height:100%;left:20px;position:absolute;top:0;width:4px;z-index:0}.step{border:2px solid transparent;border-radius:4px;cursor:pointer;margin-bottom:20px;padding-left:40px;position:relative;transition:all .3s ease;z-index:1}.step:focus{border-color:#0072ce;box-shadow:0 0 0 3px rgba(0,114,206,.2);outline:none}.step:hover:not(.active) .circle{background:rgba(0,114,206,.1);border-color:#0072ce}.step:hover:not(.active) .step-title{color:#0072ce}.step-header{align-items:center;display:flex;padding-top:4px}.circle{background:#fff;border:3px solid #fff;border-radius:50%;color:#e03336;display:grid;font-weight:700;height:40px;left:0;margin-right:15px;place-items:center;position:absolute;top:0;transition:all .3s ease;width:40px}.step-title{font-size:22px;font-weight:700;margin-bottom:0;padding-left:25px;transition:color .3s ease}.step-content{color:#333;margin-top:10px;max-height:0;opacity:0;overflow:hidden;padding-left:25px;transition:max-height .4s ease,opacity .4s ease}.step.active .step-content{max-height:500px;opacity:1}.step.active .circle{background:#0072ce;border:3px solid #0072ce;color:#fff;transition:background .3s,color .3s}.step.active .step-content a{tabindex:0}@media (max-width:767px){.accordion-right img{z-index:2}.accordion-container{align-items:stretch;display:grid}.accordion-left,.accordion-right{width:100%}}