.hbp-cards-steps-01 .card{background-color:transparent;border:none;cursor:pointer}.hbp-cards-steps-01 .step-num-wrap{color:var(--card-accent);display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.hbp-cards-steps-01 .step-circle{align-items:center;border-radius:100%;display:flex;height:4.6875rem;justify-content:center;left:50px;position:absolute;width:4.6875rem}.hbp-cards-steps-01 .card .step-circle{background:var(--white);border:3px dashed var(--card-accent);transition:border .25s ease}.hbp-cards-steps-01 .card:is([active],:hover) .step-circle{border:3px solid var(--card-accent-hover);transition:border .25s ease}.hbp-cards-steps-01 .step-text{font-size:1.5rem;font-weight:700}.hbp-cards-steps-01 .card-content{margin-top:2.34375rem}.hbp-cards-steps-01 .card:is([active],:hover) :is(.card-inner-2,.heading){opacity:1;transition:opacity .25s ease}@media (max-width:991px){.hbp-cards-steps-01 .card-content{margin-top:2.3rem}.hbp-cards-steps-01 .step-circle{height:5rem;width:5rem}.hbp-cards-steps-01 .description br{display:none}}@media (min-width:992px){.hbp-cards-steps-01 .card:nth-child(2n){margin-top:2.34375rem}.hbp-cards-steps-01 .card:nth-child(3n){margin-top:4.6875rem}.hbp-cards-steps-01 .card .heading{opacity:.2;transition:opacity .25s ease}.hbp-cards-steps-01 .card .card-inner-2{opacity:0;transition:opacity .25s ease}}