.activeOrderDesktopCard{display:block}@media(max-width:1200px){.activeOrderDesktopCard{display:none}.activeOrderDesktopCard.skeletonLoader{display:block}}.activeOrderMobileCard{display:none}@media(max-width:1200px){.activeOrderMobileCard{display:block}}.activeOrderTop{display:flex;justify-content:space-between;padding:18px 26px;background-color:#ebebeb;border-radius:20px 20px 0 0;border:1px solid #ebebeb;margin-top:25px}.activeOrderTopContentsTitle{font-size:12px}.activeOrderTopContentsDescription{font-size:14px;font-weight:500}.activeOrderTopContentsButtons{color:#d7b77a;font-weight:500;font-size:15px}.activeOrderDetails{padding:24px;background-color:#fff;border-radius:0 0 20px 20px;border:1px solid #ebebeb}@media(max-width:1200px){.activeOrderDetails{border-radius:15px;margin-top:20px;padding:20px 24px}}.activeOrderDetailsTitle{font-size:18px;font-weight:600}@media(max-width:1200px){.activeOrderDetailsTitle{font-size:14px;font-weight:600}}.orderandPrice{display:flex;justify-content:space-between;align-items:center}.orderandPrice .activeOrderNumber{font-size:15px;font-weight:600;line-height:20px;color:#242426}.orderandPrice .rightSection{display:flex;-moz-column-gap:14px;column-gap:14px;align-items:center}.orderandPrice .rightSection .activeOrderPrice{font-size:14px;font-weight:700}.activeOrderDetailsContents{display:flex;justify-content:space-between;align-items:flex-start;margin-top:13px;padding-bottom:20px}.activeOrderDetailsContents:not(:last-child){border-bottom:1px solid #d1d1d1}@media(max-width:1200px){.activeOrderDetailsContents{flex-direction:column;align-items:start;margin-top:9px}}.activeOrderDetailsContentsLeft{display:flex;align-items:center}.activeOrderDetailsContentsLeftImageDiv{height:100px;width:100px}@media(max-width:1200px){.activeOrderDetailsContentsLeftImageDiv{height:50px;width:50px}}.activeOrderDetailsContentsLeftImage{-o-object-fit:cover;object-fit:cover;height:100%;border-radius:15px}@media(max-width:1200px){.activeOrderDetailsContentsLeftImage{border-radius:60%}}.activeOrderDetailsContentsLeftDetails{margin-left:44px}@media(max-width:1200px){.activeOrderDetailsContentsLeftDetails{margin-left:5px}}.activeOrderDetailsContentsRight{display:flex;justify-content:flex-end;-moz-column-gap:15px;column-gap:15px}@media(max-width:768.98px){.activeOrderDetailsContentsRight button{width:100%}.activeOrderDetailsContentsRight{width:100%!important}}.activeOrderDetailsContentsRight .cancelButton,.activeOrderDetailsContentsRight .reviewButton{border-radius:60px;border:1px solid #d7b77a;background:#000;color:#d7b77a;font-size:13px;font-weight:500;padding:15px 25px}@media(max-width:1200px){.activeOrderDetailsContentsRight .reviewButton{margin-top:10px;padding:10px}}@media(max-width:1280px){.activeOrderDetailsContentsRight .reviewButton{font-size:11px;margin-top:10px;padding:12px 15px}}.activeOrderDetailsContentsRight .returnButton{border-radius:60px;border:1px solid #d7b77a;background:#fff;color:#d7b77a;font-size:13px;font-weight:500;padding:15px 25px}@media(max-width:1200px){.activeOrderDetailsContentsRight .returnButton{margin-top:10px;padding:10px}}@media(max-width:1280px){.activeOrderDetailsContentsRight .returnButton{font-size:11px;margin-top:10px;padding:12px 15px}}.activeOrderDetailsContentsRight .returnButton:hover{background:#000}.completedPageSection{display:flex;justify-content:flex-end}@media screen and (max-width:1200px){.completedPageSection{width:100%}}.activeOrderDetailsSection .desktopTitle{display:flex;align-items:center;-moz-column-gap:20px;column-gap:20px}.activeOrderDetailsSection .desktopTitle .back-button{cursor:pointer}.activeOrderDetailsSection .desktopTitle h2{text-transform:uppercase}@media(max-width:1200px){.activeOrderDetailsSection .desktopTitle{display:none}}.activeOrderDetailsSection .mobileTitle{display:none}@media(max-width:1200px){.activeOrderDetailsSection .mobileTitle{display:block;margin-left:19px}}.activeOrderDetailsSection .orderDateBox{margin-top:40px;padding:24px 29px;display:flex;justify-content:space-between;border-radius:10px;background:#fff7ee;align-items:center}@media(max-width:1200px){.activeOrderDetailsSection .orderDateBox{margin-top:27px;padding:21px 17px;align-items:center}}.activeOrderDetailsSection .orderDateBox .left{display:flex;justify-content:space-between;-moz-column-gap:21px;column-gap:21px}@media(max-width:1200px){.activeOrderDetailsSection .orderDateBox .left{display:none}}.activeOrderDetailsSection .orderDateBox .mobileleft{display:none}@media(max-width:1200px){.activeOrderDetailsSection .orderDateBox .mobileleft{display:block}}.activeOrderDetailsSection .orderDateBox .mobileleft .firstP{font-size:13px;font-weight:600}.activeOrderDetailsSection .orderDateBox .mobileleft .secondP{font-size:13px;font-weight:400}.activeOrderDetailsSection .orderDateBox .right h5{cursor:pointer;color:#d7b77a;font-size:15px;font-weight:600}.activeOrderDetailsSection .orderDateCancelBox{margin-top:40px;padding:24px 29px;display:flex;justify-content:space-between;border-radius:10px;background:#fee;align-items:center}@media(max-width:1200px){.activeOrderDetailsSection .orderDateCancelBox{margin-top:27px;padding:21px 17px;align-items:center}}.activeOrderDetailsSection .orderDateCancelBox .left{display:flex;justify-content:space-between;-moz-column-gap:21px;column-gap:21px}@media(max-width:1200px){.activeOrderDetailsSection .orderDateCancelBox .left{display:none}}.activeOrderDetailsSection .orderDateCancelBox .mobileleft{display:none}@media(max-width:1200px){.activeOrderDetailsSection .orderDateCancelBox .mobileleft{display:block}}.activeOrderDetailsSection .orderDateCancelBox .mobileleft .firstP{font-size:13px;font-weight:600}.activeOrderDetailsSection .orderDateCancelBox .mobileleft .secondP{font-size:13px;font-weight:400}.activeOrderDetailsSection .orderDateCancelBox .right h5{cursor:pointer;color:#d7b77a;font-size:15px;font-weight:600}.activeOrderDetailsSection .orderDateCompletedBox{margin-top:40px;padding:24px 29px;display:flex;justify-content:space-between;border-radius:10px;background:#fff7ee;align-items:center}@media(max-width:1200px){.activeOrderDetailsSection .orderDateCompletedBox{margin-top:27px;padding:21px 17px;align-items:center}}.activeOrderDetailsSection .orderDateCompletedBox .left{display:flex;justify-content:space-between;-moz-column-gap:21px;column-gap:21px}@media(max-width:1200px){.activeOrderDetailsSection .orderDateCompletedBox .left{display:none}}.activeOrderDetailsSection .orderDateCompletedBox .mobileleft{display:none}@media(max-width:1200px){.activeOrderDetailsSection .orderDateCompletedBox .mobileleft{display:block}}.activeOrderDetailsSection .orderDateCompletedBox .mobileleft .firstP{font-size:13px;font-weight:600}.activeOrderDetailsSection .orderDateCompletedBox .mobileleft .secondP{font-size:13px;font-weight:400}.activeOrderDetailsSection .orderDateCompletedBox .right h5{cursor:pointer;color:#d7b77a;font-size:15px;font-weight:600}.activeOrderDetailsSection .orderMessageBox{margin-top:40px;padding:24px 29px;display:flex;-moz-column-gap:21px;column-gap:21px;border-radius:10px;background:#f2ffee;border:1px solid #a6cf9a;align-items:center}.activeOrderDetailsSection .orderMessageBox p{font-size:15px}.activeOrderDetailsSection .orderMessageBox h4{font-size:18px;font-weight:600}@media(max-width:1200px){.activeOrderDetailsSection .orderMessageBox{margin-top:23px;flex-direction:column;align-items:start;padding:9px 17px}.activeOrderDetailsSection .orderMessageBox p{font-size:13px}.activeOrderDetailsSection .orderMessageBox h4{font-size:14px}}.activeOrderDetailsSection .paymentInformationBox{margin-top:25px;padding:34px;border-radius:20px;border:1px solid #ebebeb}@media(max-width:1200px){.activeOrderDetailsSection .paymentInformationBox{padding:21px}}.activeOrderDetailsSection .paymentInformationBox .title{font-size:20px;font-weight:600;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,.2)}@media(max-width:1200px){.activeOrderDetailsSection .paymentInformationBox .title{font-size:15px;padding-bottom:7px;font-weight:600}}.activeOrderDetailsSection .paymentInformationBox .paymentMethod{margin-top:22px}.activeOrderDetailsSection .paymentInformationBox .paymentMethod h5{font-size:18px;font-weight:600}@media(max-width:1200px){.activeOrderDetailsSection .paymentInformationBox .paymentMethod h5{font-size:15px}}.activeOrderDetailsSection .paymentInformationBox .paymentMethod p{font-size:15px}@media(max-width:1200px){.activeOrderDetailsSection .paymentInformationBox .paymentMethod p{margin-top:-1px}}.activeOrderDetailsSection .paymentInformationBox .paymentMethod .content h5{font-size:18px;font-weight:600;margin-top:30px}@media(max-width:1200px){.activeOrderDetailsSection .paymentInformationBox .paymentMethod .content h5{font-size:14px;margin-top:30px}}.activeOrderDetailsSection .paymentInformationBox .paymentMethod .content p{margin-top:15px;max-width:152px;width:100%;font-size:15px;font-weight:400}.activeOrderDetailsSection .paymentInformationBox .paymentMethod .orderSummeryBox h5{font-size:14px;font-weight:600}.activeOrderDetailsSection .paymentInformationBox .paymentMethod .orderSummeryBox .amountBox h6{margin-top:15px;font-size:15px;display:flex;-moz-column-gap:39px;column-gap:39px;justify-content:space-between;font-weight:600;padding-bottom:15px;border-bottom:1px solid rgba(0,0,0,.2)}.activeOrderDetailsSection .paymentInformationBox .paymentMethod .orderSummeryBox .amountBox h6:last-child{border-bottom:none}.activeOrderDetailsSection .paymentInformationBox .paymentMethod .orderSummeryBox .amountBox h6 .smallTitle{font-weight:300}.activeOrderDetailsSection .paymentInformationBox .cancelPaymentmethod{display:flex;justify-content:space-between}@media(max-width:1200px){.activeOrderDetailsSection .paymentInformationBox .cancelPaymentmethod .left{width:100%}.activeOrderDetailsSection .paymentInformationBox .cancelPaymentmethod .left .content p{max-width:152px;font-size:13px}.activeOrderDetailsSection .paymentInformationBox .cancelPaymentmethod .right{width:100%;margin-left:5px}.activeOrderDetailsSection .paymentInformationBox .cancelPaymentmethod .right .content p{max-width:132px;font-size:13px}.activeOrderDetailsSection .paymentInformationBox .cancelPaymentmethod .right .content h5{margin-top:10px}}.activeOrderDetailsSection .paymentInformationBox .cancelPaymentmethod .end{margin-top:50px}.activeOrderDetailsSection .paymentInformationBox .cancelPaymentmethod .end .orderSummeryBox h5{font-size:18px;font-weight:600}@media(max-width:1200px){.activeOrderDetailsSection .paymentInformationBox .cancelPaymentmethod .end{display:none}}.activeOrderDetailsSection .paymentInformationBox .endforMobile{display:none}.activeOrderDetailsSection .paymentInformationBox .endforMobile .orderSummeryBox h5{font-size:14px;font-weight:600}.activeOrderDetailsSection .paymentInformationBox .endforMobile .orderSummeryBox .amountBox h6{margin-top:15px;font-size:15px;display:flex;-moz-column-gap:39px;column-gap:39px;justify-content:space-between;font-weight:600;padding-bottom:15px;border-bottom:1px solid rgba(0,0,0,.2)}.activeOrderDetailsSection .paymentInformationBox .endforMobile .orderSummeryBox .amountBox h6:last-child{border-bottom:none}.activeOrderDetailsSection .paymentInformationBox .endforMobile .orderSummeryBox .amountBox h6 .smallTitle{font-weight:300}@media(max-width:1200px){.activeOrderDetailsSection .paymentInformationBox .endforMobile{display:block}}.activeOrderDetailsSection .paymentInformationBox .paymentDetailsBox{display:flex;justify-content:space-between}@media(max-width:1200px){.activeOrderDetailsSection .paymentInformationBox .paymentDetailsBox{flex-wrap:wrap}}.activeOrderDetailsSection .paymentInformationBox .paymentDetailsBox .content h5{font-size:18px;font-weight:600;margin-top:30px}@media(max-width:1200px){.activeOrderDetailsSection .paymentInformationBox .paymentDetailsBox .content h5{font-size:14px;margin-top:20px}}.activeOrderDetailsSection .paymentInformationBox .paymentDetailsBox .content p{margin-top:15px;max-width:152px;width:100%;font-size:15px;font-weight:400}@media(max-width:1200px){.activeOrderDetailsSection .paymentInformationBox .paymentDetailsBox .content p{font-size:13px;max-width:132px}.activeOrderDetailsSection .paymentInformationBox .paymentDetailsBox .orderSummeryBox{width:100%}}.activeOrderDetailsSection .paymentInformationBox .paymentDetailsBox .orderSummeryBox .amountBox h6{margin-top:15px;font-size:15px;display:flex;-moz-column-gap:39px;column-gap:39px;justify-content:space-between;font-weight:600;padding-bottom:15px;border-bottom:1px solid rgba(0,0,0,.2)}.activeOrderDetailsSection .paymentInformationBox .paymentDetailsBox .orderSummeryBox .amountBox h6:last-child{border-bottom:none}.activeOrderDetailsSection .paymentInformationBox .paymentDetailsBox .orderSummeryBox .amountBox h6 .smallTitle{font-weight:300}.activeOrderDetailsSection .relatedOrdersBox{margin-top:30px;border-radius:20px;border:1px solid #ebebeb;overflow:hidden}.activeOrderDetailsSection .relatedOrdersBox .relatedOrderDetails{padding:24px;background-color:#fff}@media(max-width:1200px){.activeOrderDetailsSection .relatedOrdersBox .relatedOrderDetails{padding:15px}}.activeOrderDetailsSection .relatedOrdersBox .activeOrderDetailsTitle{font-size:18px;font-weight:600}.activeOrderDetailsSection .relatedOrdersBox .activeOrderDetailsContents{display:flex;justify-content:space-between;align-items:flex-start;margin-top:13px;padding-bottom:20px;border-bottom:1px solid #ebebeb}.activeOrderDetailsSection .relatedOrdersBox .activeOrderDetailsContents .activeOrderDetailsContentsLeft{display:flex;align-items:center}.activeOrderDetailsSection .relatedOrdersBox .activeOrderDetailsContents .activeOrderDetailsContentsLeftImageDiv{height:100px;width:100px}@media(max-width:1200px){.activeOrderDetailsSection .relatedOrdersBox .activeOrderDetailsContents .activeOrderDetailsContentsLeftImageDiv{height:70px;width:70px}}.activeOrderDetailsSection .relatedOrdersBox .activeOrderDetailsContents .activeOrderDetailsContentsLeftImage{-o-object-fit:cover;object-fit:cover;height:100%;border-radius:15px}.activeOrderDetailsSection .relatedOrdersBox .activeOrderDetailsContents .activeOrderDetailsContentsLeftDetails{margin-left:44px}@media(max-width:1200px){.activeOrderDetailsSection .relatedOrdersBox .activeOrderDetailsContents .activeOrderDetailsContentsLeftDetails{margin-left:14px}}.activeOrderDetailsSection .reasonBox{margin-top:30px;border-radius:10px;background:#fee;padding-top:24px;padding-left:53px}@media(max-width:1200px){.activeOrderDetailsSection .reasonBox{padding-left:24px}}.activeOrderDetailsSection .reasonBox p{padding-bottom:31px}@media(max-width:1200px){.activeOrderDetailsSection .reasonBox p{padding-bottom:31px}}.activeOrderDetailsSection .orderCancelBox{margin-top:72px}@media(max-width:1200px){.activeOrderDetailsSection .orderCancelBox{display:flex;justify-content:center;margin-top:72px}}.activeOrderDetailsSection .orderCancelBox .cancelButton{border-radius:60px;border:1px solid #d7b77a;background:#000;color:#d7b77a;font-size:13px;font-weight:500;padding:15px 25px}@media(max-width:1200px){.activeOrderDetailsSection .orderCancelBox .cancelButton{width:321px;height:45px}}.skeletonLoaderContent{animation:skeleton 1.5s infinite;flex:0 0 auto}@media screen and (max-width:1200px){.skeletonLoaderContent{display:block!important}}.skeletonLoaderContent p{height:14px;width:100%}.skeletonLoaderContent h4{width:100%;height:18px}@keyframes skeleton{0%{background-color:hsla(0,0%,65%,.1)}50%{background-color:hsla(0,0%,65%,.3)}to{background-color:hsla(0,0%,65%,.1)}}#quantity::-webkit-inner-spin-button,#quantity::-webkit-outer-spin-button{-webkit-appearance:auto;appearance:auto}.rtl .reasonBox{padding-right:53px;padding-left:0}.rtl .activeOrderDetailsContentsLeftDetails{margin-right:44px;margin-left:0}@media(max-width:1200px){.rtl .activeOrderDetailsContentsLeftDetails{margin-right:5px;margin-left:0}}.OrderBar_progress__gjiPp{display:flex;justify-content:space-between;align-items:center;margin:20px 0;width:100%}.OrderBar_step__fxt4I{flex:1;text-align:center;position:relative}.OrderBar_circle__ba_Ig{width:16px;height:16px;background-color:#ccc;border-radius:50%;margin:0 auto 8px}.OrderBar_title__k4njg{width:100%;font-size:15px;font-weight:500}.OrderBar_active__osuO_ .OrderBar_circle__ba_Ig{background-color:#d7b77a;width:22px;height:22px}.OrderBar_lastActive__L_VBn{background-color:#d7b77a;border:4px solid #e8e8e8}.OrderBar_step__fxt4I:not(:last-child) .OrderBar_circle__ba_Ig:after{content:"";width:100%;height:2px;background-color:#d9d9d9;right:90;position:absolute;top:23%;transform:translateY(-50%);z-index:-1}.OrderBar_active__osuO_ .OrderBar_title__k4njg{color:#000}@media (max-width:767.98px){.OrderBar_progress__gjiPp{margin:10px 0;width:100%}.OrderBar_title__k4njg{font-size:7px;font-weight:400}.OrderBar_circle__ba_Ig{align-items:center}}