@font-face {
  font-family: "RTB";
  src: url(./fonts/RTRondelle-Bold-0eb6cd8020792814a331996f8662c338.ttf);
}

@font-face {
  font-family: "RT";
  src: url(./RTRondelle-Book-51632d5abada48dc68c4173b5bba776e.ttf);
}

@font-face {
  font-family: "WLK";
  src: url(./fonts/Wulkan-Display-Regular-da41df98395033f47e075c44090ba3ab.ttf);
}

:root {
  --red: #f43234;
  --black: #161616;
  --grey: #828282;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "RT", sans-serif;
}

body,
html {
  margin: 0;
  padding: 0;
  position: relative;
}

.form {
  font-family: "RT";
  font-size: 24px;
}

.con_select {
  width: 20% !important;
}

.con_number {
  width: 75% !important;
}

.form-control {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid var(--black);
  padding: .5rem 0rem;
  padding-bottom: 0;
}

.form-control:focus {
  box-shadow: none;
  border-color: var(--red);
}

#messagebox {
  border: 1px solid var(--grey);
  border-radius: 10px;
  padding: .5rem .5rem;
}

.form label {
  color: var(--grey);
}

.mail_sec {
  position: relative;
}

.mail_sec span {
  font-size: 20px;
  font-family: "RT";
}

.mail_sec span:nth-child(1) {
  color: var(--grey);
}
.mail_sec span:nth-child(3) {
  color: var(--grey);
}

hr {
  border: none;
  height: 10px;
  color: black;
  border-bottom: 2px solid black;
  width: 20%;
}

.submit_btn {
  background-color: transparent !important;
  border-color: red;
  color: var(--red);
  border: 2px solid;
  font-weight: 500;
}

.submit_btn:hover {
  background-color: transparent !important;
  border-color: var(--black);
  color: var(--black);
}

.form-control::placeholder {
  color: rgba(33, 37, 41, 0.52);
  opacity: 1;

}

.form-group {
  margin-top: 30px;
}

.submit_btn {
  margin-top: 30px;
}

@media screen and (max-width:1366px) {
  .form {
    font-size: 22px;
  }
}

@media screen and (min-width: 1080px) and (max-width: 1440px) {
  .con_main_head {
    font-size: 70px;
  }
}

@media screen and (max-width: 575px) {
  .form {
    font-size: 16px;
  }
}

.mail_sec::after {
  content: "";
  width: 90px;
  height: 2px;
  background-color: var(--black);
  position: absolute;
  top: -25px;
  left: 0;
}
#custom_mobile_number_error{
    width: 100%;
    margin-top: .25em;
    font-size:16px;
}

.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
    /*border-color: none;*/
    box-shadow: unset;
}
.invalid-feedback{
    font-size:16px;
}
.form-control.is-invalid, .was-validated .form-control:invalid{
    background-image:none;
}