/*Global Rulse*/
:root{
  --sec-color:#D9E7F4
}
/*Global Rulse*/
/* ********************** */
/* section-hero */
/* ********************** */
.hero-section .container .heading-hero-section {
  /* text-align: center; */
  display: flex;
  align-items: center;
  justify-content: center;
  /* margin-top: 25rem; */
  font-size: 4rem;
  color: #fff;
}
.hero-section {
  background-color: var(--sec-color) !important;
  height:40vh;
  background-image: none ;
  background-size: cover;
}
/* ********************** */
/* contact-us-form*/
/* ********************** */
.form-section{
  padding: 4rem 2rem;
}
.form-section .container{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(390px, auto));
  gap: 45px;
  justify-content: space-between;
  align-items: center;
  align-content: space-between;
}
.box-form {
/*   width: 70rem;
  height: 50rem; */
  border-radius: 12px;
  border: 2px solid #1212;
}

.margin-for-input-boxs {
  margin: 2rem;
}
.input-boxs-input .head-for-input {
  /* margin: 7rem;
  margin-bottom: 2rem; */
  font-size: 1.3rem;
  color: #005eb8;
  display: block;
  margin: 10px 10px 10px;
}
.input-boxs-input .input-type {
  outline: none;
  border: none;
  border-bottom: 2px solid #1212;
  font-size: 1.3rem;
  color: #333;
  width: 25rem;
  padding: 20px 0;
/*   margin-bottom: 2rem; */
  display: block;
  margin: 15px 10px 10px;
}
.input-boxs-input .input-type-big-one {
  padding: 1.0rem 0.75rem;
  font-size: 1.3rem;
  border-radius: 12px;
  border: solid 2px #1212;
  color: #333;
  outline: none;
  width: 100%;
}
.input-boxs-input .btn-form-box {
  color: #fff;
  background-color: #005eb8;
  border: none;
  outline: none;
  margin-top: 3rem;
  padding: 1rem 3rem;
  font-size: 2rem;
  border-radius: 9px;
}
.grid{
  display: grid;
  grid-template-columns: repeat(2,1fr);

}
 .photo-side img{
  border-style: none;
  max-width: 80%;
  border-radius: 12px;
}

@media (max-width:1200px) {
 .photo-side img{
     display: none;
  }
  .box-form{
    width: 50rem;
  }
}
@media (max-width:992px) {
 .photo-side img{
     display: none;
  }
  .box-form{
    width: 40rem;
  }
}
@media (max-width:768px) {
  
  .box-form{
    width: 30rem;
  }
  .input-boxs-input .input-type{
    width: 18rem;
  }
  .input-boxs-input .input-type-big-one{
    font-size: 1.4rem;
    
  }
}
@media (max-width:560px){
  .box-form{
    width: 30rem;
  }
  html{
    font-size: 50%;
  }
  .input-boxs-input .input-type-big-one{
    padding: 3rem 1rem;
    
  }
  .margin-for-input-boxs{
    margin-left: 5rem;
  }
}