.cc__steps { margin: 0 auto 20px auto } .cc__steps .cc__section { background: url(https://p1-ofp.static.pub/ShareResource/segment/education/homepage/2023/image/idme-background.png) center no-repeat; background-size: cover; border-radius: 3px; padding: 1.5rem 2rem } .cc__step_summary { width: 16% } .cc__steps .cc__image { height: 35px } .cc__summary__text { margin-top: 16px; border-top: 1px solid #ccc; padding-top: 16px; line-height: 22px; font-size: 18px; color: #000 } .cc__summary__discount { color: #7a126b; font-weight: 700 } .cc__step { background: #fff 0 0 no-repeat padding-box; margin: 0 20px; border: 1px solid #ccc; border-radius: 6px; padding: 16px; flex: 1; flex-direction: column; text-align: center; position: relative } .cc__step:last-of-type { margin-right: 0 } .cc__step_title.cc__step_sequence { margin-bottom: 16px; align-items: center; justify-content: center } .cc__step_title.cc__step_sequence .order { margin-right: 8px; width: 36px; height: 48px; line-height: 1; font-size: 48px; font-weight: 700; text-align: left; display: flex } .cc__step_title.cc__step_sequence .order img { width: 100% } .cc__step_title.cc__step_sequence .name { line-height: 20px; font-size: 16px; color: #000; text-align: left } .cc__step_item.flex { display: flex; align-items: center; justify-content: center } .cc__step_item .cc__image { margin-right: 20px; width: 48px; height: 48px } .cc__step_item .cc__image img { height: 100% } .cc__step_item .cc__text { line-height: 16px; font-size: 16px; font-weight: 700; color: #171717 } .cc__step_item .cc__text.active { color: #294e95; cursor: pointer } .cc__step_item .cc__text.active:hover { text-decoration: underline } .cc__step_anchor { background: #fff; margin-top: -12px; margin-right: -13px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; width: 1.5rem; height: 1.5rem; position: absolute; transform: rotate(45deg); top: 50%; right: 0; z-index: 1 } .cc__footer { margin-top: 20px; line-height: 22px; font-size: 16px; text-align: center } .cc__footer .bold { font-weight: 700 } .cc__footer a { color: #294e95; text-decoration: underline } .cc__step_item a { font-weight: 700; color: #294e95 } .cc__container .hx_desktop_hide { display: none } .cc__container .hx_desktop_flex { display: flex }