@media only screen and (min-width: 991px) {
    .gap_6 {
        gap: 5.5rem !important;
        margin-left: 70px !important;
    }

    #select2-pickup_time-container {
        border: 1px solid #e0e3e6;
        border-radius: 30px;
        padding-bottom: 5px;
        width: 345px !important;
        background-color: #fef8f8;
    }

    #select2-local_pickup_time-container {
        border: 1px solid #e0e3e6;
        border-radius: 30px;
        padding-bottom: 5px;
        width: 345px !important;
        background-color: #fef8f8;
    }

    .last_img {
        height: 200px;
    }

    .btn_width {
        width: 25%;
    }

    .f_logo {
        height: 100px;
        background: white;
        border-radius: 10px;
        padding: 20px;
    }

    .gap_6_1 {
        gap: 5.5rem !important;
        margin-left: 70px !important;
    }

}


  @media only screen and (max-width: 600px) {
    .comunication_section {
      background: #f15f23 none repeat scroll 0 0;
      bottom: 0;
      display: block;
      margin: 0 auto;
      padding: 12px 0 10px;
      position: fixed;
      text-align: center;
      width: 100%;
      z-index: 999;
    }

    .inside_comunication_section {
      margin: 0 0 0 15px;
      padding: 0;
      width: 100%;
    }

    .sectionleft {
      float: left;
      margin: 0 10px 0 0;
      padding: 0;
      width: 30%;
    }

    .sectioncenter {
      float: left;
      padding: 0;
      margin-left: 25px;
    }

    .sectionright {
      float: right;
      /* margin: 0 10px 0 0; */
      padding: 0;
      width: 45%;
    }

    .textsec {
      float: right;
      margin: 0;
      padding: 0;
      width: 60%;
    }

    .imgsec {
      font-size: 12px !important
    }

  }

@media only screen and (max-width: 991px) {
    .gap_6 {
        gap: 1.5rem !important;
    }

    #select2-pickup_time-container {
        border: 1px solid #e0e3e6;
        border-radius: 30px;
        padding-bottom: 5px;
        width: 280px !important;
        background-color: #fef8f8;
    }

    #select2-local_pickup_time-container {
        border: 1px solid #e0e3e6;
        border-radius: 30px;
        padding-bottom: 5px;
        width: 280px !important;
        background-color: #fef8f8;
    }

    .last_img {
        height: 100px;
    }

    .btn_width {
        width: 100%;
    }

    .f_logo {
        height: 100px;
        background: white;
        border-radius: 10px;
    }

    .con_txt {
        font-size: 15px;
        line-height: 3;
    }

    .gap_6_1 {
        gap: 5px !important;
    }

    .t_font {
        font-size: 12px;
    }

}

@media only screen and (min-width: 300px) and (max-width: 499px) {
    .t_font {
        font-size: 11px;
    }

}

@media only screen and (min-width: 500px) and (max-width: 599px) {
    .t_font {
        font-size: 12px;
    }

}

@media only screen and (min-width: 600px) and (max-width: 699px) {
    .t_font {
        font-size: 12px;
    }

}

@media only screen and (min-width: 700px) and (max-width: 799px) {
    .t_font {
        font-size: 12px;
    }

}

@media only screen and (min-width: 800px) and (max-width: 899px) {
    .t_font {
        font-size: 12px;
    }

}


.clr_secondary_custom {
    color: hsl(var(--secondary-500)) !important;
}

.f_18 {
    font-size: 18px !important;
}

.f_14 {
    font-size: 14px !important;
}

.mt-50 {
    margin-top: 30px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mb-80 {
    margin-bottom: 80px !important;
}

.r_1 {
    color: black !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.text_center {
    text-align: center !important;
}

.h_280 {
    height: 180px !important;
}

.rt_city {
    color: #f15f23;
    font-weight: 900;
}

.form_select {
    border: none;
    padding: 10px;

}

.form_select::placeholder {
    color: black !important;
    font-size: 16px !important;
    /* font-weight: 900 !important ; */
}

.h_55 {
    height: 55px !important;
}

.mt_30 {
    margin-top: 30px !important;
}

.clr_blu {
    color: #f15f23 !important;
}

.text_dec {
    text-decoration: line-through !important;
}

.modal_width {
    width: 360px !important;
}

.m_close {
    background: white !important;
    border-radius: 25px !important;
    height: 30px !important;
    color: #f15f23 !important;
    width: 30px !important;
    border: 1px solid #f15f23;
}

.btn-md {
    background-color: #f15f23 !important;
    border-color: #f15f23 !important;
}


.m_txt {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    font-weight: 700 !important;
    font-size: 12px;
}



.mt_15 {
    margin-top: 15px !important;
}

.c_app {
    background: #f15f23;
    padding: 3px;
    border: none;
    width: 60px;
    font-size: 15px;
    font-weight: 900;
}

:disabled {
    background-color: #818387 !important;
    font-weight: 700 !important;
}

.pb_50 {
    padding: 30px !important;
}

.text_bg {
    border: 1px solid #243756;
    padding: 4px;
    border-radius: 33px;
    background: #243756;
    color: white;
}

.cab_height {
    height: 25px !important;
}

.mt__0 {
    margin-top: 0px !important;
}

.mt_5 {
    margin-top: 5px !important;
}

.home_date {
    border: none !important;
}

.lable-cust {
    color: #f15f23 !important;
    font-weight: 900 !important;
    font-size: 15px !important;
}

.c_point {
    cursor: pointer !important;
    color: #f15f23 !important;

}

.f_13 {
    font-size: 13px !important;
}

.mb_5 {
    margin-bottom: 25px !important;
}

.c_red {
    color: #f15f23;
    border: 1px solid #f15f23;
    height: 30px;
    width: 80px;
    font-size: 12px;
}

.c_red:hover {
    background-color: #f15f23;
    color: white;
}

.add_btn {
    border: 2px solid #0d5022;
    border-radius: 100% 50px;
    color: #0d5022;
    font-size: 10px;
}

.add_btn:hover {
    color: white;
    border-radius: 35px;
    background-color: #0d5022;
}

.remove {
    border: 2px solid #f15f23;
    color: #f15f23;
    border-radius: 88px 100%;
    font-size: 10px;
}

.remove:hover {
    color: white;
    border-radius: 35px;
    background-color: #f15f23;
}

.text_just {
    text-align: justify !important;
}

.pt_0 {
    padding-top: 0px !important;
}

.req_footer {
    position: relative;
    text-align: center;
    margin: 0 0px 20px
}

.req_footer::after {
    z-index: -1;
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background: #E9E4E4;
    left: 0;
    top: 14px;
}

.f_txt {
    display: inline-block;
    background: #e8e8e8;
    padding: 10px 10px;
    text-transform: uppercase;
    color: #323232;
    font-weight: 900;
    font-size: 11px;
    border-radius: 34px;
}

.gap_4 {
    gap: 0.5rem !important;
}

.c_red_1 {
    color: #f15f23 !important;
    font-weight: 900;
    font-size: 22px;
}

.p_25 {
    padding: 0px 25px;
}

.mb_30 {
    margin-bottom: 30px !important;
}

.mt_40 {
    margin-top: 40px !important;
}

.bg_red {
    background: #f15f23 !important;
}

.bg_red {
    background: #f15f23 !important;
}

.h_100 {
    height: 100px !important;

}
.pb_5{
    padding:5px !important;
}
.l_h:hover{
    color:black !important;
}
.c_main{
    color:#ff9c75 !important;
}
.br_15{
    border-radius:15px 0px !important;
}

@media only screen and (min-width: 900px) {
  .display_none {
    display: none !important;
  }

}

.a_clr {
    color: transparent !important;
}