.tracking-modal .modal-body{padding:16px 24px;}
.tracking-modal .modal-footer{justify-content:flex-start;}

.track-info {display: flex;align-items: center;margin: 0 0 16px;}
.track-info h6{margin:0 16px 0 0;font-size:16px;line-height:20px;}
.track-fedex {display: inline-flex;align-items: center;cursor:pointer;font-size:16px;line-height:20px;font-weight:500;white-space:nowrap;}
.track-fedex span{text-decoration:underline;}
.track-fedex:hover span{text-decoration:none;}

.alert-section{background:#FBF3D2;padding:16px 24px;margin:0 -24px;}
.alert-section p{margin:0;font-size:16px;line-height:16px;color:#212121;}
.tracking-modal .modal-header{padding:12px 24px;}
.tracking-modal .modal-footer{padding:24px;}
.tracking-status{margin:24px 0 40px;}
.status-circle{background:rgb(34 43 47 / 16%);width:26px;height:26px;border-radius:100px;display:flex;align-items:center;justify-content:center;border:5px solid #fff;position:relative;}
.status-circle:before{content: '';position: absolute;border-radius: 8px;}
.tracking-status ul li:first-child .status-circle:before{display:none;}
.main-status .status-circle{width:50px;height:50px;padding:8px;}
.status-completed .status-circle{background:#10A79E;}
.status-completed .status-circle:before{border-color:#10A79E;}
.outfor-delivary .status-circle:before{border-style:dashed;}
.status-warning .status-circle{background:#FABE2E;}
.status-cancelled .status-circle{background:#D61308;}
.status-cancelled .status-circle:before{border-color:#D61308;}
.tracking-status ul li p{font-size:16px;line-height:22px;margin:0}
.tracking-status ul li p span{font-size:14px;line-height:18px;color:#646F7D;font-weight:normal;}
.tracking-status ul li.main-status p{font-size:18px;line-height:22px;font-weight:600}
.status-content{min-width:172px;}
.mailing-address {background: #F5F6F8;padding: 16px;border: 1px solid #E9ECF0;border-radius: 4px;overflow: hidden;width:305px;margin: 0 0 24px;}
.mailing-address h6{font-size:16px;line-height:22px;font-weight:600;color:#212121;margin:0 0 8px;}
.mailing-address p{font-size:16px;line-height:20px;font-weight:400;color:#212121;margin:0;}
.mailing-address p span{display:block;}
/*.main-status:first-child .status-circle{margin-right:-16px}*/
@media(min-width:992px){
    .modal-custom-large{max-width:900px;}
    .tracking-status ul{display:flex;align-items:flex-start;justify-content:center;}
    .tracking-status ul li{min-width:135px;text-align:center;}
    .tracking-status .main-status{min-width:155px;}
    .status-list{min-height: 50px;display: flex;align-items: center;margin: 0 0 16px;justify-content: center;}
    .status-circle:before{left:-110px;top: 50%;transform: translateY(-50%);width:105px;}
    .status-warning .status-circle:before{border-top: 4px dashed #FABE2E;}
    .status-circle:before{border-top:4px solid rgb(34 43 47 / 16%);}
}

@media(max-width:991px){
    .tracking-status ul li{min-height:70px;display:flex;align-items:center;}
    .tracking-status ul li .status-list{margin:0 10px 0 0;min-width: 50px;display: flex;align-items: center;justify-content: center;}
    .modal-custom-large{max-width:100%;}
    /*.tracking-status .main-status {min-height: 90px;}*/
    .status-circle:before {border:none;border-left:4px solid rgb(34 43 47 / 16%);left: 50%;height:33px;top: -38px;transform: translateX(-50%);}
    .card-tracking{display:flex;justify-content:space-between;align-items:flex-start;}
    /*.track-info, */.mailing-address{margin:0;}
    .tracking-status{margin:0;}
    .modal-footer button{display:block;width:100%;max-width:100%;}
    .track-info{margin-bottom:0;}
    .status-warning .status-circle:before{border-left: 4px dashed #FABE2E;border-radius:0;}
    .track-info h6{line-height:22px;}
}

@media(max-width:767px){
    .card-tracking{display:block;}
    .tracking-modal .modal-header {padding: 24px 16px 16px;}
    .track-info{margin:0 24px 0 0;}
    
}