.timeline-block{overflow:hidden;padding:0 20px;width:100%}.timeline-block .timeline_title-box{color:#161616;font-size:40px;font-weight:600;line-height:120%;padding:0 0 100px;text-align:center}.timeline-block .timeline_title-box span{color:#fe5a13}.timeline-block .format-container{margin:0 auto;padding:0;position:relative;width:100%}.timeline-block .format-container .timeline{display:flex;flex-direction:column;margin:0 auto;max-width:100%;position:relative;width:100%}.timeline-block .format-container .timeline .timeline_line{background-color:#ccd0d6;bottom:0;left:50%;overflow:hidden;position:absolute;top:2px;transform:translateX(-50%);width:2px}@media(max-width:768px){.timeline-block .format-container .timeline .timeline_line{left:32px}}.timeline-block .format-container .timeline .timeline_line .timeline_line-progress{background-color:#fe5a13;height:20%;width:100%}.timeline-block .format-container .timeline .timeline_list{display:flex;flex-direction:column}.timeline-block .format-container .timeline .timeline_list .timeline_item{position:relative}.timeline-block .format-container .timeline .timeline_list .timeline_item .timeline-card_box{height:64px;padding:0;transform:translateX(50%)}@media(max-width:768px){.timeline-block .format-container .timeline .timeline_list .timeline_item .timeline-card_box{transform:translateX(32px)}}.timeline-block .format-container .timeline .timeline_list .timeline_item .timeline-card_box .timeline-card_point-box{display:inline-block;margin:0;transform:translateX(-50%)}.timeline-block .format-container .timeline .timeline_list .timeline_item .timeline-card_box .timeline-card_point-box .timeline-card_point{align-items:center;background-color:#fff;border:1px solid #ccd0d6;border-radius:50%;display:flex;flex-direction:row;height:64px;justify-content:center;line-height:64px;width:64px}.timeline-block .format-container .timeline .timeline_list .timeline_item .timeline-card_box .timeline-card_point-box .timeline-card_point .icon{align-items:center;display:flex;filter:grayscale(1);flex-direction:row;height:100%;justify-content:center;width:100%}.timeline-block .format-container .timeline .timeline_list .timeline_item .timeline-card_box .timeline-card_point-box .timeline-card_point .icon img{height:28px;width:28px}.timeline-block .format-container .timeline .timeline_list .timeline_item .timeline-card_box .timeline-card_point-box .timeline-card_point .icon-bag{background:url(/app/themes/graming/dist/assets/bag-heart.svg) 50% 50%;background-size:cover;height:28px;width:28px}.timeline-block .format-container .timeline .timeline_list .timeline_item .timeline-card_box .timeline-card_point-box .timeline-card_point .icon-search{background:url(/app/themes/graming/dist/assets/Zoom.svg) 50% 50%;background-size:cover;height:28px;width:28px}.timeline-block .format-container .timeline .timeline_list .timeline_item .timeline-card_box .timeline-card_point-box .timeline-card_point .icon-cheked{background:url(/app/themes/graming/dist/assets/bag-check.svg) 50% 50%;background-size:cover;height:28px;width:28px}.timeline-block .format-container .timeline .timeline_list .timeline_item .timeline-card_box .timeline-card_point-box .timeline-card_point .icon-truck{background:url(/app/themes/graming/dist/assets/delivery-truck.svg) 50% 50%;background-size:cover;height:28px;width:28px}.timeline-block .format-container .timeline .timeline_list .timeline_item .timeline-card_item{background-color:#fff;border:1px solid #ccd0d6;border-radius:15px;display:inline-block;margin:0;opacity:0;position:relative;transition:transform .5s,opacity .5s;width:45%}@media(max-width:768px){.timeline-block .format-container .timeline .timeline_list .timeline_item .timeline-card_item{width:calc(100% - 84px)}}.timeline-block .format-container .timeline .timeline_list .timeline_item .timeline-card_item .timeline-card_info{padding:20px 30px}@media only screen and (max-width:639px){.timeline-block .format-container .timeline .timeline_list .timeline_item .timeline-card_item .timeline-card_info{padding:10px 15px}}.timeline-block .format-container .timeline .timeline_list .timeline_item .timeline-card_item .timeline-card_info .timeline-card_title{color:#161616;font-size:25px;font-weight:600;line-height:120%;margin:0 0 25px;text-align:center}.timeline-block .format-container .timeline .timeline_list .timeline_item .timeline-card_item .timeline-card_info .timeline-card_desc{color:#646464;font-size:18px;font-weight:400;line-height:1.45;text-align:center}.timeline-block .format-container .timeline .timeline_list .timeline_item:nth-child(2n){text-align:right}@media(max-width:768px){.timeline-block .format-container .timeline .timeline_list .timeline_item:nth-child(2n){text-align:left}}.timeline-block .format-container .timeline .timeline_list .timeline_item:nth-child(2n) .timeline-card_box{height:64px;padding:0;transform:translateX(-50%)}@media(max-width:768px){.timeline-block .format-container .timeline .timeline_list .timeline_item:nth-child(2n) .timeline-card_box{transform:translateX(32px)}}.timeline-block .format-container .timeline .timeline_list .timeline_item:nth-child(2n) .timeline-card_point-box{margin:0;transform:translateX(50%)}@media(max-width:768px){.timeline-block .format-container .timeline .timeline_list .timeline_item:nth-child(2n) .timeline-card_point-box{transform:translateX(-50%)}}.timeline-block .format-container .timeline .timeline_list .timeline_item:nth-child(2n) .timeline-card_item{transform:translateX(200%)}@media only screen and (max-width:979px){.timeline-block .format-container .timeline .timeline_list .timeline_item:nth-child(2n) .timeline-card_item{transform:translateX(200%)}}.timeline-block .format-container .timeline .timeline_list .timeline_item:nth-child(odd) .timeline-card_item{transform:translateX(-200%)}@media only screen and (max-width:979px){.timeline-block .format-container .timeline .timeline_list .timeline_item:nth-child(odd) .timeline-card_item{transform:translateX(200%)}}.timeline-block .format-container .timeline .timeline_list .timeline_item.js-active .timeline-card_point-box .timeline-card_point{background-color:#fff;border:1px solid #fe5a13}.timeline-block .format-container .timeline .timeline_list .timeline_item.js-active .timeline-card_point-box .timeline-card_point .icon{filter:grayscale(0)}.timeline-block .format-container .timeline .timeline_list .timeline_item.js-active .timeline-card_point-box .timeline-card_point .icon-bag{background:url(/app/themes/graming/dist/assets/bag-heart_h.svg) 50% 50%}.timeline-block .format-container .timeline .timeline_list .timeline_item.js-active .timeline-card_point-box .timeline-card_point .icon-search{background:url(/app/themes/graming/dist/assets/Zoom_h.svg) 50% 50%}.timeline-block .format-container .timeline .timeline_list .timeline_item.js-active .timeline-card_point-box .timeline-card_point .icon-cheked{background:url(/app/themes/graming/dist/assets/bag-check_h.svg) 50% 50%}.timeline-block .format-container .timeline .timeline_list .timeline_item.js-active .timeline-card_point-box .timeline-card_point .icon-truck{background:url(/app/themes/graming/dist/assets/delivery-truck_h.svg) 50% 50%}.timeline-block .format-container .timeline .timeline_list .timeline_item.js-active:nth-child(2n) .timeline-card_item{opacity:1;transform:translateY(-64px)}@media(max-width:768px){.timeline-block .format-container .timeline .timeline_list .timeline_item.js-active:nth-child(2n) .timeline-card_item{transform:translate(84px,-64px)}}.timeline-block .format-container .timeline .timeline_list .timeline_item.js-active:nth-child(odd) .timeline-card_item{opacity:1;transform:translateY(-64px)}@media(max-width:768px){.timeline-block .format-container .timeline .timeline_list .timeline_item.js-active:nth-child(odd) .timeline-card_item{transform:translate(84px,-64px)}}