body {padding: 0;background-color: #F5F5F5;font-family: 'Montserrat', sans-serif;}
*{padding: 0;margin: 0;box-sizing: border-box;list-style: none;text-decoration: none;outline: none;}
.container {width: 100%;max-width: 1140px;margin: 0 auto;padding: 0 15px;}
.container {width: 100% !important;}
.tr-image_main {width: 100%;display: inline-block;padding: 0px 0 70px;}
.track_order_main {width: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;margin: 30px 0 80px 0;}
.tr-image { width: 100%;display: flex;align-items: center;justify-content: center;}
.track-order {width: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;max-width: 552px;background: #fff;margin: 0 auto;box-shadow: 0 0 40px rgb(0 0 0 / 15%);}
.tr_order {background: rgb(86 131 181 / 20%);padding: 32px 0;width: 100%;text-align: center;}
.tr_order h3 {font-size: 24px;line-height: 30px;font-weight: 600;color: #000;}
.input-tr {width: 100%;text-align: center; padding: 48px 40px 72px 40px;}
.tr-image img {width: 260px;}
.input-tr input[type="text"] { padding: 20px 20px 20px 45px;width: 100%;border: 1px solid #D1D5DB;border-radius: 6px;font-size: 16px;line-height: 20px;color: #9CA3AF;}
/*.tr-btn {margin-top: 40px;background: #5683B5;padding: 18px 0; border-radius: 6px; cursor: pointer; font-size: 20px; font-weight: 500;}
.tr-btn a {color: #fff;}*/
.track_imgs {width: 15px;height: 15px;position: relative;top: -46px;left: 20px;}
.track_imgs svg {fill: #98A2B3;}
button#get_order { margin-top: 40px; background: #5683B5; padding: 18px 0; border-radius: 6px; cursor: pointer; font-size: 20px; font-weight: 500; width: 100%; border: none; color: #fff; }
#left-area { width: 100% !important; } 
.order_notfound { color: red; font-size: 16px; padding-top: 8px; margin-bottom: -15px; font-weight: 600; } 
.no_shiiping_info { background: #fff3cd; color: #856404; border: 2px solid #ffeeba; width: 100%; padding: 6px 0; display: flex; align-items: center; justify-content: center; }
.order_btn a {color: #000;}
.order_status-main {width: 100%;margin-bottom: 50px;}
.order_content {text-align: center;padding: 55px 0 30px 0;}
.or_svg {width: 12px;height: 12px;}
.order_content h2 {font-size: 32px;font-weight: 500;line-height: 42px;}
.order_btn {font-size: 18px;font-weight: 500;line-height: 28px;color: #000;}
.order_status_sl {width: 100%;background: #fff; padding: 40px; border-radius: 12px; margin-top: 5px;}
.order_status_first {width: 100%;display: flex;justify-content: center;}
.ord_flow {width: 46.33%;display: flex;}
.ord_id {width: 33.33%;}
.ord-check {width: 33.33%;}
.flower_ord {width: 120px;height: 120px;}
.flower_ord img {width: 100%;height: 100%;object-fit: cover;}
.flower_cont {font-size: 20px;font-weight: 500;line-height: 28px;padding-left: 20px;}
.ord-id-cont {font-size: 18px;font-weight: 500;color: #475467;line-height: 28px;padding-bottom: 4px;}
.ord-id-text {font-size: 18px; font-weight: 500; color: #000; padding-bottom: 32px;}
.inp_type {font-size: 14px;font-weight: 400;line-height: 20px;display: flex;}
.inp_type  input[type="checkbox"] { margin-right: 8px;}
.inp_btn_s {margin-top: 32px;background: #5683B5;text-align: center; padding: 13px 0;width: 100%; border-radius: 6px; max-width: 261px; font-size: 18px; line-height: 24px; font-weight: 500; color: #fff;cursor: pointer;font-family: 'Inter', sans-serif;}
.shoping_information_dv .lf_svg {width: 20px;height: 20px;background: #12B76A;padding: 3px;border-radius: 12px;fill: #fff;}
.lf_content span {font-size: 12px;line-height: 22px;color: #344054;padding-left:8px;font-weight: 400;}
.lf_content {display: flex;}
.lf_smhead {font-size: 14px;font-weight: 500; line-height: 20px; color: #1D2939; padding-left: 28px;padding-bottom: 20px;}
.shoping_information_dv h2 {font-size: 20px;font-weight: 500;color: #344054;line-height: 28px;padding-top: 20px; padding-bottom: 12px;}
.left-sec_dv {background: #F2F4F7;padding: 20px 10px 0px 12px;border-radius: 12px;width: 50%;height: 452px;overflow: auto;}
.right_sec_dv {width: 50%;}
.shoping-inner {display: flex; width: 100%;}
.right_sec_dv iframe {width: 100%;margin-left: 40px;}


.row.justify-content-between {display: flex;}
.track-add_content {
    padding-left: 40px;
    font-size: 20px;
    padding-bottom: 10px;
}

.hh-grayBox {
    background-color: #F8F8F8;
    margin-bottom: 20px;
    padding: 35px;
  margin-top: 20px;
}
.pt45{padding-top:45px;}
.order-tracking{
    text-align: center;
    width: 33.33%;
    position: relative;
    display: block;
}
.order-tracking .is-complete{
    display: block;
    position: relative;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    border: 0px solid #AFAFAF;
    background-color: #f7be16;
    margin: 0 auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
    z-index: 2;
}
.order-tracking .is-complete:after {
    display: block;
    position: absolute;
    content: '';
    height: 14px;
    width: 7px;
    top: -2px;
    bottom: 0;
    left: 5px;
    margin: auto 0;
    border: 0px solid #AFAFAF;
    border-width: 0px 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0;
}
.order-tracking.completed .is-complete{
    border-color: #27aa80;
    border-width: 0px;
    background-color: #27aa80;
}
.order-tracking.completed .is-complete:after {
    border-color: #fff;
    border-width: 0px 3px 3px 0;
    width: 7px;
    left: 11px;
    opacity: 1;
}
.order-tracking p {
    color: #A4A4A4;
    font-size: 16px;
    margin-top: 8px;
    margin-bottom: 0;
    line-height: 20px;
}
.order-tracking p span{font-size: 14px;}
.order-tracking.completed p{color: #000;}
.order-tracking::before {
    content: '';
    display: block;
    height: 3px;
    width: calc(100% - 40px);
    background-color: #f7be16;
    top: 13px;
    position: absolute;
    left: calc(-50% + 20px);
    z-index: 0;
}
.order-tracking:first-child:before{display: none;}
.order-tracking.completed:before{background-color: #27aa80;}
.product-tracking-status{display: none;}
h1.entry-title.main_title {display: none;}
body:not(.et-tb) #main-content .container, body:not(.et-tb-has-header) #main-content .container {padding-top: 0 !important;}
.et_right_sidebar #left-area {padding-right: 0 !important;}
.track-add_content {
    font-size: 20px;
    padding-bottom: 10px;
    text-align: center;
    background: #fff3cd;
    padding: 10px;
    margin-left: 25px;
    border-radius: 5px;
    margin-top: 17px;
}

/* new............ */

.tracking-first{max-width:1140px;margin:0 auto;padding:0 15px;font-family:'Open Sans',Helvetica,Arial,Lucida,sans-serif}
.tracking-first .ord_flow{background-color:rgb(242 244 247);padding:15px;border:1px solid rgb(225 225 225);border-radius:12px;flex-direction:column;text-align:center;align-items:center;margin:0 20px 0 0;width:auto;min-width:25%;max-width:25%;box-shadow:0 0 10px 0 rgb(0 0 0 / 10%)}
.tracking-first .flower_cont{padding:6px 0 0;text-transform:capitalize;line-height:normal;font-size:18px;color:#979797}
.tracking-first .ord_id{width:100%;flex-basis:100%;max-width:50%;padding:0 20px 0 0;text-align: left;}
.tracking-first .ord-check{width:100%;flex-basis:100%;max-width:25%}
.tracking-first .order_status_sl{padding:0;margin:30px 0 0}
.tracking-first .ord-id-cont{font-weight:600;font-size:14px;line-height:normal;color:#5683b5;letter-spacing:.3px}
.tracking-first .ord-id-text{padding:0 0 15px;font-weight:600;color:#979797}
.tracking-first .shoping_information_dv h2{font-weight:600!important;font-size:18px;line-height:normal;color:#5683b5}
.tracking-first .order_status_first{align-items:flex-start}
.tracking-first .order_btn a{font-size:14px;font-weight:600}
.tracking-first .lf_content span{font-family:'Montserrat',Helvetica,Arial,Lucida,sans-serif;font-weight:600;color:#5683b5;line-height:normal}
.tracking-first .lf_content{align-items:center}
@media (max-width:767px) {
    .tr_order {padding: 24px 0;}
    .tr_order h3 {font-size: 20px;line-height: 28px;}
    .order_status_first {display: unset;}
    .tr-btn {padding: 16px 0;font-size: 18px;}
    .ord_flow {width: 100%;}
    .ord-check {width: 100%;}
    .shoping-inner {display: inline-block;}
    .left-sec_dv {width: 100%;}
    .right_sec_dv {width: 100%;display: unset;}
    .right_sec_dv iframe {width: 100%;margin-top: 20px;margin-left: 0;}
    .ord_id {width: 100%;margin-top: 20px;}
    .order_content {padding: 30px 0 10px 0;}
    .order_content h2 {font-size: 24px;line-height: 34px;}
    .order_status_sl { padding: 25px;}
    .flower_cont {font-size: 16px;line-height: 26px;}
    .ord-id-cont {font-size: 15px;line-height: 25px;}
    .ord-id-text {font-size: 15px;padding-bottom: 28px;padding-bottom: 20px;}
    .inp_btn_s { padding: 11px 0;max-width: 250px;font-size: 16px;line-height: 22px;margin-top: 20px;}
    .tracking_bl .hh-grayBox {padding: 0;padding-top: 17px;}
    .track-add_content {padding-left: 0;}


 /* new ..............*/

.tracking-first{padding: 0;}
.tracking-first .ord_flow, .tracking-first .ord_id, .tracking-first .ord-check {max-width: 100%;margin: 0 0 20px;}
.tracking-first .ord_flow {max-width: 210px;min-width: 210px;}  
 
}

@media (min-width:768px) and (max-width:1029px) {
    .ord-check {width: 63.33%;margin-left: 15px;}
    .order_status_sl {padding: 20px;}
    .ord_id {
        width: 50%;
        text-align: center;
    }
    .right_sec_dv iframe {margin-left: 30px;}
}
@media(max-width:767px)
{
  
    
}