/* google tanslator */
.goog-te-gadget img {
  display: none !important;
}
.google_absolute {
  position: absolute;
  left: 50%;
}
.goog-te-banner-frame {
  display: none !important;
}
.active,
.ancher:hover {
  color: #004AAD !important;
}
.form_container {
  height: 100vh;
}

.formimage {
  margin-top: 10%;
 
}
.formimage img {
width: 100%;
}

.formhead {
  margin-top: 8%;
}
.goog-logo-link,
.goog-logo-link:link,
.goog-logo-link:visited,
.goog-logo-link:hover,
.goog-logo-link:active {
  display: none !important;
}
.goog-te-banner-frame {
  display: none !important;
}
.goog-te-gadget {
  color: #fff !important;
}
.name_input_data input {
  background: rgba(22, 102, 250, 0.04);
  border: 1px solid #004AAD0a;
}

.area-bg:focus {
  box-shadow: none !important;
  outline: none;
}
.email_input_data input {
  border: 1px solid #004AAD0a;
  background: rgba(22, 102, 250, 0.04);
}

.message_input_data textarea {
  border: 1px solid #004AAD0a;
  background: rgba(22, 102, 250, 0.04);
}
.area-bg {
  background: rgba(22, 102, 250, 0.04);
  border: 1px solid #004AAD0a;
}
:focus {
  outline: none !important;
  box-shadow: none !important;
}

textarea:focus {
  outline: none !important;
}
.message_container input::placeholder {
  position: absolute;
  padding-top: 10px;
}
.modalBox {
  background-color: #004AAD;
}

.formhead form {
  width: 89%;
  margin-left: 10%;
}
.formhead h5 {
  font-family: Alegreya Sans;
  font-style: Medium;
  font-size: 14px;
  font-weight: 500;
  color: #004AAD;
  margin-left: 10%;
}
.log_image {
  width: 129px;
}

.inputspace::placeholder{
  padding-left: 0px!important;
}
.formhead h1 {
  font-family: "Inter", sans-serif;
  font-style: black;
  font-size: 30px;
  font-weight: 900;
  margin-left: 10%;
  letter-spacing: 0.02em;
}
form {
  width: 100%;

  margin-top: 5%;
}
form label {
  font-family: Alegreya Sans;
  font-style: Medium;
  font-size: 16px;
  font-weight: 500;
  color: black;
}
form li {
  list-style: none;
  padding: 20px;
}

form input {
  margin-bottom: 2%;

  border: none;
}
.last0 {
  padding-top: 60px;
}
.last0 a {
  color: rgba(5, 6, 8, 0.7);
  font-family: Alegreya Sans;
  font-style: Regular;
  font-size: 18px;
  text-decoration: none;
  margin-left: 3%;
}

.last1 i {
  color: #004AAD;
  font-size: 16px;
}
.last1 a {
  font-family: Alegreya Sans;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
}
.last2 a {
  font-family: Alegreya Sans;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
}

.last2 i {
  color: #ffd747;
  font-size: 16px;
}
.last21 {
  color: #74c9f7;
  font-size: 16px;
}
.last21 a {

  font-family: Alegreya Sans;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
}

.last3 {
  margin-top: 15px;
}
.last3 i {
  color: #1877f2;
  font-size: 22px;
}

.last22 {
  font-family: Alegreya Sans;
  font-style: normal;
  font-weight: 400;
}



#item1 {
  width: 435px;
  height: 40px;
  background-color: rgb(239 246 255);
}
#item2 {
  width: 200px;
  height: 40px;
  background-color: rgb(239 246 255);
}
#item3 {
  width: 180px;
  height: 40px;
  margin-left: 5px;
  background-color: rgb(239 246 255);
}

input::placeholder {
  font-size: 12px !important;
  color: black !important;
  font-family: Alegreya Sans;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 2%;
}
#item4 {
  width: 435px;
  height: 80px;
  background-color: rgb(239 246 255);
}
form button {
  margin-left: -4%;
  width: 140px;
  height: 50px;
}

.puts input::placeholder {
  color: white !important;
  font-size: 10px !important;
  letter-spacing: 2%;
}


.fs--5 {
  font-family: Alegreya Sans;
  font-weight: 600;
}

textarea::placeholder {
  color: black !important;
  font-size: 12px !important;
  letter-spacing: 2%;
}

textarea {
  resize: none;
}
@media only screen and (min-width: 1024px) and (max-width: 1024px) {
.ptclno{
  width: 39%!important;
}
.contactno{
  width: 39.333333%!important;
  padding-left: 0rem!important;
}
}
@media only screen and (min-width: 320px) and (max-width: 997px) {
  .name_input input {
    width: 269px !important;
  }
  .email_conatiner input {
    width: 269px !important;
  }
  .date_container {
    margin-left: 0px !important;
  }
  .date_container input {
    width: 269px !important;
    padding: 0px 24px !important;
  }
  .message_container textarea {
    width: 269px !important;
  }

  .message_container .form-control {
    background-color: rgba(22, 102, 250, 0.04) !important;
  }

  textarea .form-control:focus {
    box-shadow: none !important;
    border: 2px solid black;
  }

  .formimage {
    width: 100% !important;
  }
  .name_input {
    padding: 0px !important;
  }
  .input_data_size {
    padding: 0px !important;
  }
  .message_container {
    padding: 0px !important;
  }
  .formhead h5 {
    margin-left: 0% !important;
  }
  .formhead h1 {
    margin-left: 10% !important;
  }
  .last0 {
    text-align: center !important;
  }
}

@media only screen and (max-width: 768px) {
  .formimage img {
    width: 70% !important;
    margin-top: 18%;
  }

  .mobile-setting {
    justify-content: center !important;
  }
}

#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 120px;
  height: 120px;
  margin: -76px 0 0 -76px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s;
}

@-webkit-keyframes animatebottom {
  from {
    bottom: -100px;
    opacity: 0;
  }
  to {
    bottom: 0px;
    opacity: 1;
  }
}

@keyframes animatebottom {
  from {
    bottom: -100px;
    opacity: 0;
  }
  to {
    bottom: 0;
    opacity: 1;
  }
}
@media only screen and (min-width: 320px) and (max-width: 375px){
  .last0 {
    padding-top: 30px!important;
}
}

@media only screen and (max-width:900px){
  .goog-te-gadget .goog-te-combo{
      width:auto;
  }
}