/** appointment-section **/

.appointment-section{
  position: relative;
}

.appointment-section .inner-container{
  position: relative;
  display: block;
  background: linear-gradient(180deg, #e87222, #d55f1f);
  padding: 36px 140px 47px 0px;
  margin-top: -78px;
  z-index: 1;
}

.appointment-section .inner-container:before{
  position: absolute;
  content: '';
  background: linear-gradient(180deg, #e87222, #d55f1f);
  width: 6000px;
  height: 100%;
  top: 0px;
  right: 0px;
  z-index: -1;
}

.appointment-section .upper-text{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 26px;
  font-family: var(--jost);
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  margin-bottom: 15px;
}

.appointment-section form{
  position: relative;
  padding-right: 210px;
}

.appointment-section .form-group{
  position: relative;
  margin-bottom: 0px;
}

.appointment-section .form-group input[type='text'],
.appointment-section .form-group input[type='email']{
  position: relative;
  display: block;
  width: 100%;
  height: 53px;
  background: #fff;
  font-size: 18px;
  color: #000000;
  padding: 10px 20px;
}

.appointment-section form .message-btn{
  position: absolute;
  top: 0px;
  right: 0px;
}

.appointment-section form .message-btn .theme-btn{
  font-size: 15px;
  color: #000000;
  background: #fff;
  padding: 14px 43px 13px 43px;
}

.appointment-section form .message-btn .theme-btn:hover{
  background: #000;
  color: #fff !important;
}