*{
   font-family: 'Lato', sans-serif;
}
/** Contact Us Sction starts**/
.commonSection{
   padding: 100px 0;
}
.contact-us-section {
   position: relative;
}

.bg_ball_1 {
   position: absolute;
   top: -17px;
   right: 134px;
   width: 121px;
   height: 121px;
   opacity: 0.2;
   border-radius: 50%;
   background: #EE6C4D;
}

.bg_ball_2 {
   position: absolute;
   top: 46px;
   right: 255px;
   width: 314px;
   height: 314px;
   opacity: 0.15;
   border-radius: 50%;
   background: #BDBDBD;
}

.bg_ball_3 {
   position: absolute;
   bottom: 24px;
   left: -81px;
   width: 314px;
   height: 314px;
   opacity: 0.15;
   border-radius: 50%;
   background: #BDBDBD;
}

.bg_ball_4 {
   position: absolute;
   bottom: -23px;
   left: 157px;
   width: 174px;
   height: 174px;
   opacity: 0.2;
   border-radius: 50%;
   background: #64BADD;
}

.content-container{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 100px 0;
}


.contact-fullWidthCol{
  width: 600px;
  display: flex;
  flex-direction: column;
}

.contact-us-section .form-top-section{
   text-align: center;
   margin-bottom: 20px;
}
.contact-us-section h4{
   padding-bottom: 15px;
}

.form-wrapper{
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   position: relative;
}
.form-wrapper .input-box{
   padding: 10px 5px;
   position: relative;
}

.form-wrapper .input-box.type1{
   width: 50%;
}
.form-wrapper .input-box.type2{
   width: 100%;
}
.form-wrapper .input-box .input-box-inner{
   position: relative;
   display: flex;
   flex-direction: column;
}
.form-wrapper .input-box .label-danger {
   margin-top: 6px;
   padding-left: 5px;
}
.form-wrapper .input-box .label-danger p{
   margin-bottom: 0;
   font-size: 16px;
   font-weight: 700;
   color: #f00;
}
.form-wrapper .input-box .input-box-inner input{
   position: relative;
   width: 100%;
   height: 60px;
   color: #292929;
   border-radius: 5px;
   border: 2px solid #CCCCCC;
   background: #fff;
   outline: none;
   margin-bottom: 0 !important;
   padding: 10px 16px;
}
.form-wrapper .input-box .input-box-inner label{
   position: relative;
   width: 100%;
   margin-top: 6px;
   padding-left: 5px;
   font-size: 16px;
   line-height: 1.2;
   color: #f00;
}
.form-wrapper .input-box .input-box-inner textarea{
   position: relative;
   width: 100%;
   height: 184px;
   resize: none;
   color: #292929;
   border-radius: 5px;
   border: 2px solid #CCCCCC;
   background: #fff;
   outline: none;
   margin-bottom: 0 !important;
   padding: 16px;
}
.form-wrapper .input-box .input-box-inner input::placeholder,
.form-wrapper .input-box .input-box-inner textarea::placeholder{
   color: #292929;
}
.form-wrapper .input-box .input-box-inner input:focus,
.form-wrapper .input-box .input-box-inner textarea:focus{
   box-shadow: none;
}
.form-wrapper .input-box .input-box-inner.message{
   display: block;
}

.form-wrapper .bottom-box{
   padding: 10px 5px;
   display: flex;
   flex-direction: column;
   width: 100%;
}
.form-wrapper .bottom-box .recapatcha{
   position: relative;
   margin-bottom: 20px;
}
.form-wrapper .bottom-box button{
   padding: 10px 45px;
}
.form-wrapper .submit_btn{
   margin-left: auto;
}
.contact-us-section .submit_btn{
   padding: 10px 40px;
   font-size: 18px;
   line-height: 28px;
   font-weight: 600;
   color: #fff;
   border-radius: 6px;
   border: 1px solid #3A4775;
   background: #3A4775;
   display: flex;
   align-items: center;
   justify-content: center;
}
.form-wrapper .bottom-box .right-icon{
   margin-left: 6px;
}
.receiverMail{
   text-align: center;
   margin-top: 14px;
}
.receiverMail .mail-id{
   color: #18ABFF;
   font-weight: 700;
   text-decoration: none;
}
/** Contact Us Sction End**/

@media screen and (max-width:1150px) {
   .bg_ball_1 {
      top: -60px;
      right: -22px;
      width: 194px;
      height: 194px;
   }
   .bg_ball_2 {
      display: none;
   }
}

@media screen and (max-width:768px) {
   .contact-fullWidthCol {
      width: 100%;
    }
    .content-container {
      padding: 80px 35px;
    }
}

@media screen and (max-width:600px) {
   .bg_ball_3 {
      bottom: 200px;
      left: -129px;
   }
   
   .bg_ball_4 {
      bottom: 182px;
      left: 90px;
   }
}

@media screen and (max-width:575px) {
   .form-wrapper .input-box.type1 {
      width: 100%;
  }
  .contact-us-section .form-wrapper{
      padding: 10px;
  }
}

@media screen and (max-width:450px) {
   .content-container {
      padding: 70px 25px;
    }
}