/* h3.form-title {
    text-align: center;
    font-size: 30px;
    color: brown;
    font-family: serif;
    font-weight: 600;
}
p.form-para {
    text-align: center;
    color: white;
    background-color: #8080804d;
    font-size: 20px;
    font-family: serif;
}
.contact-us-form {
    max-width: 700px;
    margin: 0 auto;
  }

  h3.form-title {
    font-size: 36px;
    line-height: 46px;
  }

  p.form-para {
    font-size: 15px;
    color: black;
    background-color: #00000038;
  }

  .form-top-information {
    grid-template-columns: 1fr 1fr;
    display: grid;
    grid-gap: 30px;
  }

  .form-top-information input {
    outline: none;
    border: 1px solid #DEE5ED;
    padding: 10px 20px;
    font-size: 20px;
    line-height: 25px;
    color: #15121259;
    width: 100%;
    height: inherit;
    border-radius: 10px;
    background: #fff;
  }

  textarea#message {
    margin: 30px 0;
    height: 130px;
    outline: none;
    border: 1px solid #DEE5ED;
    padding: 10px 15px;
    font-size: 20px;
    line-height: 46px;
    width: 100%;
    color: #0000004f;
    background-color: #fff;
    border-radius: 10px;
  }

  .button {
    text-align: right;
  }




  .contact {
    margin: 8px auto;
    display: block;
    text-align: center;
    padding: 15px;
  }

  /* .contact {
    /* From https://css.glass */
    /* background: rgba(255, 255, 255, 1);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 1);

  }

  .contact-us-form {
    max-width: 700px;
    margin: 0 auto;
  }

  h3.form-title {
    font-size: 36px;
    line-height: 46px;
  }

  p.form-para {
    font-size: 15px;
    color: black;
    background-color: #00000038;
  }

  .form-top-information {
    grid-template-columns: 1fr 1fr;
    display: grid;
    grid-gap: 30px;
  }

  .form-top-information input {
    outline: none;
    border: none;
    padding: 10px 20px;
    font-size: 20px;
    line-height: 25px;
    color: #15121259;
    width: 100%;
    height: inherit;
    border-radius: 10px;
    background: #fff;
    border-bottom: 1px solid;
}
.form-top-information select,option {
    outline: none;
    border: none;
    padding: 10px 20px;
    font-size: 20px;
    line-height: 25px;
    color: #15121259;
    width: 100%;
    height: inherit;
    border-radius: 10px;
    background: #fff;
    border-bottom: 1px solid;
}
.form-bottom-information textarea{
    outline: none;
    border: none;
    padding: 10px 20px;
    font-size: 20px;
    line-height: 25px;
    color: #15121259;
    width: 100%;
    height: inherit;
    border-radius: 10px;
    background: #fff;
    border-bottom: 1px solid;

}
textarea#message {
    border: none;
    border-bottom: 1px solid;
}

  textarea#message {
    margin: 30px 0;
    height: 130px;
    outline: none;
    /* border: 1px solid #DEE5ED; */
    padding: 10px 15px;
    font-size: 20px;
    line-height: 46px;
    width: 100%;
    color: #0000004f;
    background-color: #fff;
    border-radius: 10px;
  }

  .button {
    text-align: right;
  } */

  /* button.submit-button {
    font-size: 15px;
    line-height: 25px;
    padding: 12px 35px;
    border-radius: 10px;
    text-transform: uppercase;
    font-weight: bold;
    border: 1px solid #4f9da6;
    background-color: #4f9da6;
    color: #fff;
  } */

  /* .contact-details {
    /* border-top: 1px solid #ddd; */
    /* margin-top: 60px;
    text-align: center; */
  } */

  /* ul.adress {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 50px;
    grid-gap: 20px;
  }

  ul.adress li {
    list-style: none;
    display: inline-block;
    font-size: 15px;
    margin-left: -25px;
  }

  li.info span {
    color: #ff5959;
    margin-right: 10px;
    text-align: center;
    line-height: 30px;
  }

  .contact-page {
    padding: 100px;
    background-color: #d3d3d342; */
  } */
  /* .form-top-information input{
  border: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
  height: 40px !important;
  padding-left: 0;
  padding-right: 0;
  background: transparent !important;
  color: rgba(10, 9, 9, 0.9) !important;
  font-size: 13px;
  border-radius: 0px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  }
  .form-top-information select{
    border: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
  height: 40px !important;
  padding-left: 0;
  padding-right: 0;
  background: transparent !important;
  color: rgba(11, 8, 8, 0.9) !important;
  font-size: 13px;
  border-radius: 0px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  }
  .form-top-information option,textarea{
    border: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
  height: 40px !important;
  padding-left: 0;
  padding-right: 0;
  background: transparent !important;
  color: rgba(11, 9, 9, 0.9) !important;
  font-size: 13px;
  border-radius: 0px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  }

   */
   /* .button-29 {
    align-items: center;
    appearance: none;
    background-image: radial-gradient(100% 100% at 100% 0, #283c93f5 0, #060d41 100%);
    border: 0;
    border-radius: 6px;
    box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-family: "JetBrains Mono",monospace;
    height: 48px;
    justify-content: center;
    line-height: 1;
    list-style: none;
    overflow: hidden;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
    text-align: left;
    text-decoration: none;
    transition: box-shadow .15s,transform .15s;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
    will-change: box-shadow,transform;
    font-size: 18px;
  }
  
  .button-29:focus {
    box-shadow: #3c4fe0 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
  }
  
  .button-29:hover {
    box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
    transform: translateY(-2px);
  }
  
  .button-29:active {
    box-shadow: #3c4fe0 0 3px 7px inset;
    transform: translateY(2px);
  }
  li.info { */
    /* border-right: 1px solid #80808042; */
}
/* li#info11 {
    border-right: none;
}
.contact {
    width: 50%;
    float: left;
}

li iframe {
    width: 30rem;
    height: 20rem;
    border-radius: 15px;
    margin-left: -8rem;
}

ul.adress {
    display: flow-root;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 50px;
    grid-gap: 20px; */
}
/* @media screen and (min-width: 320px) and (max-width: 768px) {
  .contact {
    width: 0ss;
    /* float: right; */
}
/* .contact {
  margin: 0;
  display: block;
  text-align: center;
  padding: 0;
  width: 38rem;
}
.contact {
  margin: 0;
  display: block;
  text-align: center;
  padding: 0;
}
h3.form-title {
  font-size: 40px;
  line-height: 1;
} */
.contact-details { */
  /* border-top: 1px solid #ddd; */
  /* margin-top: 65rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-page {
  padding: 0;
  background-color: #d3d3d342;
  display: block;
  width: 100;
}
ul.adress {
  display: inline-block;
  /* grid-template-columns: 1fr 1fr 1fr; */
  /* margin-top: 10px;
  /* grid-gap: 20px; */
  /* margin-left: -40rem; */ */
}
/* ul.adress li {
  list-style: none;
  display: inline-block;
  font-size: 12px;
}
li.info {
  border-right: none;
} */
}
 */ */