.onop{padding:180px 0 200px}.onop .container{align-items:center;display:flex;flex-direction:column}.onop h2{font-size:62px}.onop h2,.onop__subheading{max-width:666px;text-align:center}.onop__subheading{font-family:Nib Pro,sans-serif;margin-top:28px}.onop__wrapper{display:flex;gap:40px;justify-content:space-between;margin-bottom:40px;margin-top:40px}.onop__left{display:grid;gap:24px;grid-template-rows:repeat(3,1fr);width:37%}.onop__nav-item{border-radius:0 12px 12px 0;display:flex;transition:.3s}.onop__nav-item.blue{--used-color:#00218b}.onop__nav-item.green{--used-color:#47d5d1}.onop__nav-item.light-blue{--used-color:#2faee0}.onop__progressbar{background-color:var(--used-color,#2faee0);display:block;height:0;margin-right:36px;transition:0s;transition-timing-function:linear;width:4px}.onop__item-content{display:flex;flex-direction:column;gap:12px;margin-top:20px;padding-right:30px}.onop__item-title{color:var(--used-color,#2faee0);font-size:22px;font-weight:600;line-height:30px}.onop__item-text{font-size:16px}.onop__nav-item.active .onop__progressbar{height:100%;transition:6.8s}.onop__nav-item.active{background-color:#fff;color:#0e2230}.onop__cta{display:none}.onop__cta.active{display:block}.onop__cta p{margin-bottom:16px}.onop__right{width:60%}.onop__image{aspect-ratio:3/2;background-color:#fff;border-radius:16px;display:none;transition:.5s;transition-behaviour:allow-discrete}.onop__image.active{display:block;opacity:1;@starting-style{opacity:0}}.onop__image img{border-radius:16px;object-fit:cover}.onop__image p{display:none;padding:0 20px 20px}@media(max-width:992px){.onop__left{flex:1 1 35%}.onop__nav-item{font-size:18px;line-height:18px}.onop__right{flex:1 1 65%}}@media(max-width:768px){.onop{padding:64px 0}.onop__wrapper{flex-direction:column}.onop__left{display:flex;gap:18px;width:100%}.onop__right{width:100%}.onop__item-content{padding:0 12px 20px 0}.onop__progressbar{margin-right:24px;width:9px}.onop h2{font-size:32px}}@media(max-width:600px){.onop__item-text{display:none}.onop__image p{display:block}.onop__left{flex-direction:column;gap:4px}.onop__progressbar{height:4px;width:0}.onop__nav-item.active .onop__progressbar{height:4px;width:100%}.onop__nav-item{flex-direction:column}.onop__item-content{margin:unset;padding:12px}.onop__nav-item{border-radius:16px;overflow:hidden}}