body{
    background-color: black !important;
}
.container_box{
    width: 70%;
    margin: 10px auto;
    text-align:center;
    color: #fff;
}

.input{
    width: 45%;
    margin: 2.5px 0px;
    padding: 10px;
    background-color: transparent;
    border: 2px solid rgba(251, 245, 245, 0.1);
}
.input1{
    width: 90.5%;
    margin: 2.5px 0px;
    padding: 10px;
    background-color: transparent;
    border: 2px solid rgba(251, 245, 245, 0.1);
}
textarea{
    width: 93%;
    background-color: transparent;
    border: 2px solid rgba(251, 245, 245, 0.1);
}
textarea::placeholder{
    padding: 5px;
}

input:focus,textarea:focus,.btn:hover{
    border-color:#d1c286 !important;
}

.btn{
    border-color: rgba(251, 245, 245, 0.1) !important;
    width: 10%;
}

.billing_text{
    color: #fff;
    font-size: 20px;
}
.form-group1{
    width: fit-content;
    margin:10px auto;

}
@media screen and (min-width:320px) and (max-width:768px){
    .input{
        width: 100% !important;
    }
    .input1{
        width: 100% !important;
    }
    .btn{
        width: 45%;
    }
}


#map {
    height: 40vh;
    width: 90%;
    margin: 10px auto;

    /* position:static !important; */
  }

  @media screen and (min-width:320px) and (max-width:768px){
      #map{
          width: 100%;
      }
  }

/* #map >div{
      position: static !important;
      height: 20% !important;
      width: 50% !important;
  } */