.variant_hide_btn{
      text-align:center;
  }
  .variant_hide_btn i{
      font-weight:bold;
      font-size:30px;
      color:rgba(41,134,203,1);
  }
  .variant_popup_div{
    position: fixed;       
    bottom:0;
    max-height:80vh;
    height: inherit;
    width: 100%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background: #f8f8fb;
    z-index: 9999999;
    /*display: none;*/
    padding: 10px 0px;
    display:none;
    padding-bottom:100px;
    max-height:80vh;
    padding:10px 0px 5px 0px;
    /*overflow-y:auto;*/
  }
  .variant_grid_div{
      display: grid;
      grid-template-rows: 30px auto 50px;
      height: 100%;
  }
  .variant_popup_body2{
    width: 100%;
    /*position:absolute;*/
    bottom:0;
    background:#fff;
    
  }
  .variant_popup_body{
      height: 100%;
      overflow-y:auto;
      /*padding-bottom:50px;*/
  }
  
 .variant_popup_head{
     display:flex;
     justify-content:space-between;
     padding:10px;
     padding-bottom:5px;
     box-shadow: rgba(27, 31, 35, 0.04) 0px 1px 0px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset;
 }
 .variant_popup_head .clear_all_btn{
     color:rgba(41,134,203,1);
 }
.variant_popup_div .variant_title{
    margin:0;
    color:#212529;
    text-align:left;

}
.variant_title{
    font-weight:bold;
    font-size:15px;
}
.variant_items{
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-top:10px;
}
.variant_item{
    display:grid;
    align-items:center;
    justify-content:space-between;
    grid-template-columns:1fr 1fr 1fr 1.2fr;
    padding:10px;
    background:#ffffff;
    border-radius:10px;
}
.variant_popup_body2 .variant_item{
    background:rgba(255,255,255,.7);
    backdrop-filter: blur(20px);
}
.variant_item .variant_img_div{
    height:60px;
    width:60px;
    aspect-ratio:1/1;
}
.variant_item .variant_img_div img{
    height:100%;
    width:100%;
    object-fit:contain;
}
.variant_physical_value{
    font-weight:400;
    font-size:14px;
    color:#696969;
}
.variant_price{
    font-size:15px;
    font-weight:600;
}
.variant_done_btn {
    color: #fff;
    border-radius: 5px;
    border: 0;
    width: 98%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    background: #2563eb;
}
/* ============================================================= */
.booking_detail_3{
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
  /*position: fixed;*/
  width: 100%;
  bottom: 0;
    left: 0;
  padding-top: 10px;
  z-index:9999;
  height: 95px;
  background:#fff;
}
.booking_detail_3 .content_div:nth-child(1){
  display: flex;
  justify-content: center;
  grid-gap: 7px;
}
.booking_detail_3 .content_div:nth-child(1) span{
  color: #F23E38;
  font-weight: bold;
}
.booking_detail_3 .content_div:nth-child(2) button{
   padding: 14px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 15px;
    background-color: #2563eb;
    color: white;
    border: 1px solid #2563eb;
}