:root{--primary-h:248;--primary-s:57%;--primary-l:60%;--primary-color:#6e5fd3}.banner-package-group-practice{background:url(/themes/hsk-online/v2/images/banner/banner-practice.png) no-repeat 50%;background-size:cover}.package-list{display:grid;gap:1.875rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:3.125rem}.package-list-wrapper{margin-top:8rem}.timeline{margin-top:2.5rem}.timeline__stepper{display:flex;flex-wrap:wrap;justify-content:space-around;row-gap:132px}.timeline__step{flex:1 0 16.6%;padding-bottom:1.5rem;position:relative}.timeline__step:hover .timeline__step-content{display:flex}.timeline__step-title{border-bottom:1px solid #eee;cursor:pointer;font-size:1.25rem;font-weight:700;min-width:12rem;padding-bottom:1rem;position:relative;text-align:center;transition:all .3s ease}.timeline__step-title-point{background-color:#d9d9d9;border-radius:9999px;bottom:0;content:"";display:block;height:15px;left:50%;position:absolute;transform:translate(-50%,50%);transition:all .3s ease;width:15px}.timeline__step-title-point:after{border:1px solid #9a2524;border-radius:inherit;content:"";display:block;inset:-3px;opacity:0;position:absolute}.timeline__step-title--active{color:#9a2524}.timeline__step-title--active .timeline__step-title-point{background-color:#9a2524}.timeline__step-title--active .timeline__step-title-point:after{opacity:1}.timeline__step-title:hover{color:#9a2524}.timeline__step-title:hover .timeline__step-title-point{background-color:#9a2524}.timeline__step-title:hover .timeline__step-title-point:after{opacity:1}.timeline__step-content{align-items:center;animation:fade-in .8s both;background-color:#f2f2f2;border-radius:5px;display:flex;display:none;flex-direction:row;gap:1.125rem;justify-content:center;left:50%;padding:.8rem 1.25rem;position:absolute;top:100%;transform:translateX(-50%)}@keyframes fade-in{0%{transform:translateX(-50%) scale(1.4)}to{opacity:1}}.timeline__step-content__item{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center;row-gap:.5rem}.timeline__step-content__item .btn-icon{background-color:#d4d4d4}.timeline__step-content__item .btn-icon svg path{transition:all .3s ease}.timeline__step-content__item .btn-icon-primary,.timeline__step-content__item .btn-icon:hover{background-color:#9a2524}.timeline__step-content__item .btn-icon-primary svg path,.timeline__step-content__item .btn-icon:hover svg path{fill:#fff}.timeline__step-content__item span{font-size:.875rem;font-weight:500}