.hroc-title{margin-bottom:48px}.hroc-title h2{font-size:44px;font-weight:500;letter-spacing:-.44px;line-height:46px}.howapl-grids{display:grid;gap:48px;grid-template-columns:repeat(4,1fr);margin:0 auto}.hroc-num{background:#f5f8fa;border-radius:50%;box-shadow:inset 0 0 48px 0 rgba(225,230,236,.32),inset 0 0 24px 0 rgba(225,230,236,.16);color:var(--primary_color3);font-size:14px;font-weight:600;height:50px;line-height:18px;margin:0 auto 24px;width:50px}.howapl-box{position:relative}.howapl-box .detail-content h6{color:var(--primary_color3);font-size:14px;font-weight:600;line-height:18px;margin-bottom:12px}.howapl-box .detail-content p{font-size:14px;letter-spacing:0;line-height:21px}.howapl-box:not(:last-child):after{background:var(--secondary_color);border-radius:10px;content:"";display:block;height:2px;left:auto;position:absolute;right:-53%;top:25px;width:calc(100% - 26px)}@media(max-width:767px){.hroc-num{position:relative;z-index:1}.hroc-title h2{font-size:28px;font-weight:500;letter-spacing:0;line-height:32px;text-align:left}.howapl-box{display:flex;flex-wrap:wrap;text-align:left}.howapl-box .detail-content{padding-left:24px;width:calc(100% - 50px)}.howapl-grids{display:block}.howapl-box:not(:last-child){padding-bottom:30px}.howapl-box:not(:last-child):after{bottom:0;height:100%;left:25px;right:auto;top:50px;width:2px}.hroc-num:after{background:#fff;bottom:-8px;content:"";height:8px;left:21px;position:absolute;right:0;width:8px}.howapl-box:nth-child(2) .hroc-num:before,.howapl-box:nth-child(3) .hroc-num:before,.howapl-box:nth-child(4) .hroc-num:before{background:#fff;content:"";height:8px;left:21px;position:absolute;right:0;top:-8px;width:8px}}