.main-banner{position:relative;margin:40px 48px;border-radius:20px;background:var(--bg-blue)}.text-banner{position:relative;z-index:1;align-items:center;text-align:center}.banner{position:absolute;bottom:0;right:0}.title-banner{font-size:30px;text-transform:capitalize}.contact-button{padding:19px 40px;width:fit-content;font-size:12px}.each-box{padding:100px 0}.each-small-box{padding:50px 20px;background:url(/build/assets/featured-categories-8-x4MUb3.png) no-repeat 50% / cover,var(--bg-blue)}.dot{display:inline-block;width:8px;height:8px;background-color:var(--orange);margin-right:10px}.each-title{font-size:14px}.title-each-box{font-size:28px}.box-ship{margin-top:48px}.box-ship .row{flex:1}.box-ship .row .each-transpost{position:relative;padding:0 0 30px}.v-line{width:1px;height:100%;background-image:repeating-linear-gradient(to bottom,var(--dark-gray),var(--dark-gray) 10px,transparent 10px,transparent 20px);transition:all 1s ease;position:relative}.v-line.down:before{content:"";position:absolute;top:0;left:-1px;height:var(--before-height, 0%);width:4px;background-color:var(--orange);transition:height .2s ease;z-index:1;border-radius:0}.v-line.up:before{content:"";position:absolute;bottom:0;left:-1px;height:var(--before-height, 0%);width:4px;background-color:var(--orange);transition:height .2s ease;z-index:1;border-radius:0}.box-ship .row:first-child .v-line.active:before{border-top-left-radius:4px;border-top-right-radius:4px}.box-ship .row:last-child .v-line.active:before{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.icon-transport{display:none;width:180px;height:180px}.icon-wrapper{position:relative}.box-icon-active .icon-transport{display:none}.box-icon-active .icon-active{position:absolute;top:0;left:0;opacity:0;-webkit-mask-image:linear-gradient(to bottom,#0000,#000);mask-image:linear-gradient(to bottom,#0000,#000);-webkit-mask-size:100% 200%;mask-size:100% 200%;-webkit-mask-position:top;mask-position:top;transition:opacity 1s ease,mask-position 1s ease;pointer-events:none}.box-icon-active.active .icon-active{opacity:1;-webkit-mask-position:bottom;mask-position:bottom}.box-transport{padding:32px;gap:18px;transition:all .5s ease}.box-transport.active{border-radius:20px;background:#fefefe;box-shadow:0 0 20px #0000001a;opacity:1}.num-transport-wrapper{position:relative;font-size:100px;height:100px;line-height:1}.num-transport{margin:0;position:absolute;top:0;left:0;width:100%;transition:opacity .5s ease;-webkit-user-select:none;user-select:none}.num-transport.gradient{background:linear-gradient(180deg,var(--blue) 0%,white 86.57%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:1;z-index:1}.num-transport.solid{color:var(--blue);opacity:0;z-index:2}.box-transport.active .num-transport.gradient{opacity:0}.box-transport.active .num-transport.solid{opacity:1}.title-transport{color:var(--dark-gray)}.box-transport.active .title-transport{color:#000}.box-transport.active .text-sub-desc{color:var(--dark-gray)}.featured-products{margin-top:40px;gap:40px}.each-featured{position:relative;background:url(/build/assets/mask-VnSnGb7S.png);background-size:contain;background-repeat:no-repeat;background-position:center;width:160px;height:135px;padding:12px 6px;gap:12px}.each-featured .title-cate{font-size:16px;height:46px}.featured-cate{width:25px;height:25px;object-fit:cover}.cart-btn{position:absolute;bottom:0;right:0}.cart-btn-icon{width:20px;height:20px}.promotional-products{margin-top:40px}.box-service{padding-top:24px;padding-bottom:40px;border-bottom:1px solid var(--light-blue-2)}.each-service{gap:15px}.content-service{gap:6px}@media (min-width: 576px){.title-banner{font-size:56px}.text-banner{padding:40px}.text-banner .text-desc{font-size:18px}.contact-button,.each-title{font-size:16px}.title-each-box{font-size:32px}.v-line:before{left:-1.75px}}@media (min-width: 768px){.main-banner{padding:100px 0}.title-banner{font-size:68px}.each-title{font-size:18px}.title-each-box{font-size:36px}.box-icon-active .icon-transport{display:inline-block}.featured-cate{width:50px;height:50px}}@media (min-width: 992px){.title-each-box{font-size:40px}}@media (min-width: 1400px){.main-banner{padding:228px 0}.text-banner{max-width:637px;padding:0 60px;align-items:flex-start;text-align:left}.box-ship .row .each-transpost{padding:70px 0}}@media (min-width: 1600px){.text-banner{padding:0}}