/* Begin of Banner section  */
.inner-img img {
  width: 100%;
}

.about-head {
  position: absolute;
  top: 120px;
  right: 0;
  left: 0;
  bottom: unset;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* End of Banner section  */

/* Begin of Contact section  */
.contact-head h5 {
  font-size: 22px;
  color: #272727;
  font-family: "Work Sans";
  font-weight: 400;
  margin: 0;
}
.about-head h2 {
  font-size: 70px;
  color: #192A53;
  font-family: 'Futura-bold';
  font-weight: 700;
}

.form-btn button {
  width: 100%;
  background-color: #FFA400;
}
form.contact-form {
  background-color: #F6F6F4;
  padding: 40px;
  width: 60%;
  margin: 0 auto;
}
.form-group input::placeholder {
  font-size: 12px;
  color: #959ead;
}

.form-group input::placeholder {
  font-size: 12px;
  color: #959ead;
  font-family: "Work Sans";
  font-weight: 500;
}

.form-group textarea::placeholder {
  font-size: 13px;
  color: #959ead;
  font-family: "Work Sans";
  font-weight: 400;
}

.contact-head h2 {
  font-size: 50px;
  color: #272727;
  font-family: "Work Sans";
  font-weight: 600;
}

.contact-head p {
  font-size: 16px;
  color: #000000;
  font-family: "Work Sans";
  font-weight: 400;
}
.contact-head {
  text-align: center;
  padding-bottom: 30px;
}

section.contact-sec {
  padding: 70px;
}
/* End of Conatct section  */

/* begin of info section  */
.info-img img {
  background-color: #24345B;
  padding: 20px;
  border-radius: 8px;
  height: 70px;
}

.info-head h3 {
  font-size: 27px;
  color: #000000;
  font-family: "Work Sans";
  font-weight: 400;
  padding: 25px 0px 15px;
}

.info-head p {
  font-size: 13px;
  color: #000000;
  font-family: "Work Sans";
  font-weight: 400;
}

.info-annchor a {
  font-size: 16px;
  color: #FFA400;
  font-family: "Work Sans";
  font-weight: 700;
}

.info-box {
  text-align: center;
}

section.info-sec {
  padding: 80px;
}

textarea#exampleFormControlTextarea1 {
  height: 140px;
  resize: none;
  background-color: transparent;
  border-radius: unset;
  padding: 20px;
}
/* End of info section  */

/* Begin of career page section  */
.career-head h2 {
  font-size: 36px;
}
.form-group h3 {
  font-size: 18px;
  color: #4b91f1;
  font-family: "Work Sans";
  font-weight: 500;
  padding-bottom: 1p;
  padding-bottom: 10px;
  padding-top: 18px;
}

.contact-sec .form-group input {
  padding: 13px;
  border-radius: unset;
  background-color: transparent;
  /* padding: 0px 20px; */
  padding: 15px 22px;
}
/* End of career page section  */
/* Media Query */

@media (min-width: 200px) and (max-width: 375px){
  form.contact-form {
    padding: 0px;
    width: 100%;
    margin: 0 auto;
}
.about-head h2 {
  font-size: 25px;
}
.inner-img img {
  width: 100%;
  height: 200px;
}
section.contact-sec {
  padding: 20px;
}
section.info-sec {
  padding: 15px;
}
.info-head h3{
  font-size: 20px !important;
}
}

@media (min-width: 375px) and (max-width: 540px){
  form.contact-form {
    padding: 0px;
    width: 100%;
    margin: 0 auto;
}
.about-head h2 {
  font-size: 25px;
}
.inner-img img {
  width: 100%;
  height: 200px;
}
section.contact-sec {
  padding: 20px;
}
section.info-sec {
  padding: 15px;
}
.info-head h3{
  font-size: 20px !important;
}
}

@media (min-width: 540px) and (max-width: 820px){
  .info-head h3{
    font-size: 20px !important;
  }
  form.contact-form {
    padding: 0px;
    width: 100%;
    margin: 0 auto;
}
.inner-img img {
  width: 100%;
  height: 300px;
}
section.contact-sec {
  padding: 20px;
}
section.info-sec {
  padding: 15px;
}
}