.home_wrapper{
    .location_box{
      position: fixed;
      left:0px;
      top: 60px;
      right:0px;
      z-index: 999;
    }
    .location_bar{
      max-width:100px;
      background: #fff;
      padding:5px;
      border-radius: 20px;
      margin:0 auto;
      text-align: center;
      -webkit-box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.2);
      -moz-box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.2);
      box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.2);
      background-image: url("../../assets/img/aaset_loc.png");
      background-position: left 15px top 6px;
      background-repeat: no-repeat;
      padding-left:30px;
      padding-right:30px;
      background-size: 15px;
      font-size: 14px;
      white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    }

    .banner{
        width:100%;
        height: 150px;
        img{
            width:100%;
            height:100%;
            object-fit: cover;
            object-position: center;
        }
    }
    .btn_bay{
      text-align: center;
      padding:15px;
      .btn{
        height:35px;
        border-radius: 20px;
        font-size: 16px;
        margin: 2px;
        width: 48%;
      }
      .call_btn{
        display: inline-block;
        background-color: #28be57;
        color: #fff;
        background-image: url("../../assets/img/asset_call.png");
        background-position: left 5px top 0px;
        background-repeat: no-repeat;
        background-size: 35px;
      }
      .book_btn{
        display: inline-block;
        background-color: #39267f;
        color: #fff;
      }
      .remind_btn{
        display: inline-block;
        background-color: #fbd339;
        color: #282438;
      }
    }
    .pay_description{
      background-color: #f6f5fa;
      padding:15px;
      h6{
        margin:0px;
        padding:0px;
        padding-bottom: 10px;
        span{
          img{
            height:20px;
            margin-right:15px;
          }
          a{
            text-decoration: none;
            color: #39267f;
            font-size: 13px;
            position: relative;
            bottom: 5px;
          }
        }
      }
    }
    .bottom_tab_bay{
      border:1px solid #dcdae9;
      border-bottom-left-radius: 25px; 
      border-bottom-right-radius: 25px; 
      ul{
        padding:0px;
        margin:0px;
        li{
          width: 50%;
          display: inline-block;
          list-style: none;
          text-align: center;
          padding: 10px;
          font-weight: 500;
          &:nth-child(odd){
            border-bottom-left-radius: 25px; 
          }
          &:nth-child(even){
            border-bottom-right-radius: 25px; 
          }

        }
        .active{
          background: #dcdae9;
          color: #39267f;
        }
      }
    }
    .tab_content{
      .tab_content_inner{
        .top_div{
          padding: 10px;
          .pic_circle{
            width:40px;
            height:40px;
            border-radius: 50%;
            object-fit: cover;
            object-position: center;
            border:1px solid #dcdae9;
            float: left;
            img{
              width: 100%;
              height: 100%;
              border-radius: 50%;
              object-fit: cover;
              object-position: center;
            }
          }
          .pic_details{
            width: calc(100% - 40px);
            padding:2px;
            padding-left: 10px;
            float: left;
            h5{
              margin:0px;
              padding:0px;
              font-size: 16px;
              padding-bottom: 3px;
            }
            p{
              margin:0px;
              padding: 0px;
              color: #9c97b7;
              font-size: 13px;
            }
          }
        }
        .shopper_details{
          padding: 15px;
          p{
            margin:0px;
            padding:0px;
            color: #4e4961;
            text-align: justify;
          }
        }
        .rating_div{
          width:100%;
          padding: 15px;
          span{
            color: #4e4961;
            font-size: 16px;
            font-weight: 500;
          }

          .add_review{
            width: 40px;
            height:40px;
            background-color: #fbd339;
            color: #403838;
            border-radius: 50%;
            font-size: 30px;
          }
          .rating { 
            border: none;
            width:135px;
            margin: 0px;
            padding: 0px;
            padding-bottom: 5px;
          }
          
          .rating > input { display: none; } 
          .rating > label:before { 
            margin:2px;
            font-size:24px;
            font-family: FontAwesome;
            display: inline-block;
            content: "\f005";
          }
          
          .rating > .half:before { 
            content: "\f089";
            position: absolute;
          }
          
          .rating > label { 
            color: #dcdae9; 
           float: right; 
          }
          
          /***** CSS Magic to Highlight Stars on Hover *****/
          
          .rating > input:checked ~ label, /* show gold star when clicked */
          .rating:not(:checked) > label:hover, /* hover current star */
          .rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */
          
          .rating > input:checked + label:hover, /* hover current star when changing rating */
          .rating > input:checked ~ label:hover,
          .rating > label:hover ~ input:checked ~ label, /* lighten current selection */
          .rating > input:checked ~ label:hover ~ label { color: #FFED85;  }
        }

        .review_list{
          ul{
            margin:0px;
            padding:10px;
            li{
              list-style: none;
              background-color: #f6f5fa;
              border-radius:15px;
              margin-bottom: 10px;
              .top_div{
                .pic_circle{
                  width:40px;
                  height:40px;
                  border-radius: 50%;
                  object-fit: cover;
                  object-position: center;
                  border:1px solid #dcdae9;
                  float: left;
                  img{
                    width: 100%;
                    height: 100%;
                    border-radius: 50%;
                    object-fit: cover;
                    object-position: center;
                  }
                }
                .pic_details{
                  width: calc(100% - 70px);
                  padding:2px;
                  padding-left: 10px;
                  float: left;
                  h5{
                    margin:0px;
                    padding:0px;
                    font-size: 16px;
                    padding-bottom: 3px;
                    color: #282438;
                  }
                  p{
                    margin:0px;
                    padding: 0px;
                    color: #9c97b7;
                    font-size: 13px;
                    color: #282438;
                  }
                  h6{
                    margin:0px;
                    font-size: 13px;
                    font-weight: 400;
                    color: #282438;
                  }
                  h4{
                    margin:0px;
                    font-size: 17px;
                    padding-top: 8px;
                    padding-bottom: 5px;
                    color: #282438;
                  }
                }
                .rating{
                  width: 30px;
                  float: right;
                  color: #282438;
                  img{
                    width: 15px;
                    margin-right: 4px;
                    
                  }
                }
              }
            }
          }
        }
      }
    }
}

.review_wrapper{
  width: 100%;
  background: #fff;
  position: fixed;
  left:0px;
  right:0px;
  bottom: 0px;
  z-index: 9;
  .rate_card{
    background-color: #f6f5fa;
    border-radius:15px;
    padding: 20px;
    .inner_shop_name{
      border-left:3px solid #fbd339;
      padding-left: 10px;
      margin-bottom: 25px;
      h5{
        margin:0px;
        padding:0px;
        font-size: 16px;
        font-weight: 600;
        padding-bottom: 2px;

      }
      p{
        margin:0px;
        padding:0px;
        font-size: 12px;
        img{
          width: 15px;
          height:15px;
          border-radius: 50%;
          object-fit:cover;
          object-position:center;
          margin-right:5px;
          position: relative;
          top: 3px;

        }
      }
      h6{
        margin:0px;
        padding:0px;
        font-size: 12px;
        text-align: right;
      }
    }
    h4{
      margin:0px;
      padding:0px;
      font-size: 16px;
      text-align:left;
      padding-bottom:10px;
    }

    .rating { 
      border: none;
      width:260px;
      margin: 0 auto;
    }
    
    .rating > input { display: none; } 
    .rating > label:before { 
      margin: 5px;
      font-size:40px;
      font-family: FontAwesome;
      display: inline-block;
      content: "\f005";
    }
    
    .rating > .half:before { 
      content: "\f089";
      position: absolute;
    }
    
    .rating > label { 
      color: #dcdae9; 
     float: right; 
    }
    
  
    
    .rating > input:checked ~ label, 
    .rating:not(:checked) > label:hover, 
    .rating:not(:checked) > label:hover ~ label { color: #FFD700;  } 
    
    .rating > input:checked + label:hover,
    .rating > input:checked ~ label:hover,
    .rating > label:hover ~ input:checked ~ label, 
    .rating > input:checked ~ label:hover ~ label { color: #FFED85;  } 
  }

  .signup_btn{
    height: 40px;
    width: 100%;
    color: #fff;
    background-color: #39267f;
    border-radius: 20px;
    font-weight: 500;
    font-size: 16px; 
}

.row{
  padding-bottom: 10px;
  ion-input{
    background: #dcdae9;
    border-radius: 20px;
    color:#a29ebf;
    height: 40px;
    font-weight:400;
    padding-left: 15px !important;
}
}
}