.order-tracking{max-width:893px;margin:0 auto}.head-order-tracking{position:relative;text-align:center}.head-order-tracking img{width:236px}.head-order-tracking .head-bg{content:"";width:130px;height:130px;background:var(--main-color);border-radius:24px;z-index:-1;position:absolute;top:40px}.head-order-tracking .head-bg.right{right:28%;transform:rotate(30deg)}.head-order-tracking .head-bg.left{left:28%;transform:rotate(150deg)}.body-order-tracking{transform:translateY(-71px);margin:0 24px -41px;position:relative}.body-order-tracking:before{content:"";width:100px;height:calc(100% + 56px);background:var(--black-color-5);border-radius:24px;z-index:-1;position:absolute;right:-24px;top:50%;transform:translateY(-50%)}.body-order-tracking:after{content:"";width:100px;height:calc(100% + 56px);background:var(--black-color-5);border-radius:24px;z-index:-1;position:absolute;left:-24px;top:50%;transform:translateY(-50%)}.body-order-tracking .d-flex{align-items:center;justify-content:space-between;z-index:2;position:relative;background:var(--white-color);padding:27px 30px;border-radius:24px}.body-order-tracking .title-box{width:calc(46% - 162px);display:flex;flex-direction:column;position:relative}.body-order-tracking .title-box:before{content:"";border:10px solid var(--black-color-10);border-top-color:#fff0;border-left-color:#fff0;border-bottom-color:#fff0;position:absolute;right:-26px;top:50%;transform:translateY(-50%);transition:all .3s ease-in-out}.body-order-tracking .title-box .title{font-size:20px;font-weight:700;line-height:28px}.body-order-tracking .title-box .subtitle{font-size:14px;font-weight:400;line-height:19px;color:var(--black-color-70)}.body-order-tracking .text{width:54%;padding:0 24px;font-size:14px;font-weight:300;line-height:21px;color:var(--black-color-70)}.body-order-tracking .btn{min-width:162px;width:max-content;height:40px;color:var(--white-color);background:var(--sec-color);border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:BeautyShopFont}@media (max-width:991px){.body-order-tracking .title-box{width:calc(46% - 120px)}.body-order-tracking .btn{min-width:120px}.head-order-tracking .head-bg.right{right:22%}.head-order-tracking .head-bg.left{left:22%}}@media (max-width:767px){.head-order-tracking .head-bg{width:78px;height:78px;top:24px}.head-order-tracking .head-bg.right{right:28%;transform:translateX(28%) rotate(30deg)}.head-order-tracking .head-bg.left{left:28%;transform:translateX(-28%) rotate(150deg)}.head-order-tracking img{width:142px}.body-order-tracking{margin:0 0 -41px;transform:translateY(-41px)}.body-order-tracking:before,.body-order-tracking:after{display:none}.body-order-tracking .title-box{width:100%}.body-order-tracking .text{width:100%;text-align:justify;padding:0}.body-order-tracking .btn{width:100%}.body-order-tracking .d-flex{justify-content:center;gap:15px;padding:17px 40px 24px;text-align:center}}@media (max-width:400px){.head-order-tracking .head-bg.right{right:50px;transform:rotate(30deg)}.head-order-tracking .head-bg.left{left:50px;transform:rotate(150deg)}}