@import url("https://fonts.googleapis.com/css2?family=Prompt&display=swap");
body {
  margin: 0;
  padding: 0;
  font-family: "Prompt", sans-serif;
}
body a{
  text-decoration: none !important;
  color: white !important;
}
.p-size {
  font-style: normal;
  font-weight: 275;
  font-size: 20px;
  line-height: 26px;
}
.margin-top {
  margin-top: 4rem;
}
.nav-background {
  background-color: #122c45 !important;
}

/* Form Start */
.col-md-12 {
  /* border: 1px solid red; */
}
.h-1 {
  font-weight: 400;
  font-size: 30px;
  line-height: 45px;
}
#date{
  width: 100%;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  border:1px solid #CED4DA;
  border-radius: 3px;
}
.time-p {
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 27px;
}
input[type="file" i]{
  padding:1rem 0rem 3rem 2rem;
}
.colon {
  font-weight: 500;
  font-size: 35px;
  margin-top: 500px;
}
#hours {
  margin-top: -1% !important;
  width: 80px;
  height: 55px;
}
.btn-group-toggle .btn {
  border: 1px solid #959494 !important;
  padding-top: 1rem;
}
@media screen and (max-width: 535px) and (min-width: 361px) {
  #comment {
    top: 69rem !important;
    position: absolute;
  }
}
@media screen and (max-width: 360px) and (min-width: 280px) {
  .btn-group{
    position: absolute !important;
    left: 1rem;
    top:  11rem;
  }
  .min,.hour,.colon{
    position:absolute;
  }
  .hour{
    top:2rem;
  }
  .min{
    left: 1rem;
    top: 6.5rem;
  }
  iframe{
    margin-top: 15rem;
  }
  .colon{
   display:none;
  }
  #comment {
    top: 86rem !important;
    position: absolute;
  }
  ::placeholder{
    font-size: 14px;
  }
}
.map {
  background-color: linear-gradient(
      0deg,
      rgba(18, 44, 69, 0.77),
      rgba(18, 44, 69, 0.77)
    ),
    url(.jpg);
  border: 1px solid #959494;
  border-radius: 5px;
}
#comment {
  position: absolute;
  top: 68rem;
  left: 4rem;
  font-family: "Prompt";
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  color: #959494;
}
.comment-form{
    padding-top: 3rem !important;
    padding-left: 3rem !important;
}

.container-radio {
  
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  .container-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }
  
  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 0%;
  }
  
  .container:hover input ~ .checkmark {
    background-color: #ccc;
  }
  .container input:checked ~ .checkmark {
    background-color: #77B255;
  }
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

/* Radio Buttons End */
.btn-blue{
    background-color: #122C45;
     color: white;
   width: 8rem;
  }
  input[type="checkbox"]{
    border: 10px solid green !important;
}
.checkbox input{
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
/* Form End */

/* Footer Start */
.footer {
  background-color: #0a1f33;
}
.footer .col-md-2 a,
.footer .col-md-4 a {
  color: rgb(255, 255, 255);
  text-decoration: none;
}
.hr-footer{
  width: 100%;
  height: 0px;
  background-color: #FFFFFF66;
  margin-top: 2.5rem;
  margin-bottom: 1.5rem;
}
.footer-margin {
  margin-top: 4rem;
}
/* Footer End */