/* banner cdm start here  */
.banner-contact{
    background-image: url(../img/contact.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 400px;
    position: relative;
    overflow: hidden;
  }

  .banner-con-wrapper {
    position: absolute;
    top: 30%;
    bottom: 50%;
  }
/* banner cdm end here  */


.contact-form .form-select, input{
    border: none !important;
}
.form-control:focus {
    box-shadow: none !important;
    border: none !important;
}
.form-group {
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, .06);
    background-color: #fff;
}

.form-group:focus-within {
    outline: 1px solid rgb(226, 0, 1) !important;
}
.form-group:focus-within i{
    color: rgb(226, 0, 1) !important;
}

textarea .form-control:focus{
  box-shadow: rgb(13 110 253 / 25%) 0px 0px 0px 0.25rem !important;
}
.form-select:focus {
  box-shadow: none;
}
form{
  background-color: #F9F9FA;
  padding: 20px;
}

a{
  text-decoration: none;
  color: black;
}
a:hover{
  color: #E20001;
}
.btn-danger:focus {
  box-shadow: none !important;
  border: none !important;
  padding: 10px;
}
.extra-c textarea:focus{
  border: 1px solid #ced4da !important;
  outline: 1px solid #E20001;
}
.extra-c:focus-within{
  outline: none !important;
}
.contact-form{
  padding-bottom: 9rem;
  padding-top: 20px;
}
form span{
  color: #E20001;
}

.contact-info-wrapper h1{
  padding: 30px 0
}

.contact-form{
  padding-top: 100px;
  }
.contact-info h1{
    padding: 80px 0;
    padding-bottom: 40px;
    }

    /* form  */
    #status {
      width: 90%;
      max-width: 500px;
      text-align: center;
      padding: 10px;
      margin: 0 auto;
      border-radius: 8px;
    }
    #status.success {
      background-color: rgb(139, 20, 20);
      color:#fff;
      animation: status 4s ease forwards;
    }
    #status.error {
      background-color: red;
      color: white;
      animation: status 4s ease forwards;
    }
    @keyframes status {
      0% {
        opacity: 1;
        pointer-events: all;
      }
      90% {
        opacity: 1;
        pointer-events: all;
      }
      100% {
        opacity: 0;
        pointer-events: none;
      }
    }

    div#searchN input {
      border: 1px solid #797979 !important;
  }