/*============================================================================
#Variable
==============================================================================*/
/*********************************************************************
SECTION dat lich
***********************************************************************/
.section_appointment {
  position: relative;
  padding-top: 100px;
  margin-top: 0;
  padding-bottom: 60px;
  background-position: bottom left;
  background-repeat: no-repeat;
  background-color: transparent; }
  @media (max-width: 991px) {
    .section_appointment {
      padding-bottom: 0; } }
  @media (max-width: 767px) {
    .section_appointment {
      padding: 30px 0 0; } }
  .section_appointment .banner-appointment-form {
    background-position: center center;
    background-repeat: no-repeat; }
    .section_appointment .banner-appointment-form .order-2 {
      position: relative;
      z-index: 1; }
    .section_appointment .banner-appointment-form .order-1 {
      position: relative;
      z-index: 0; }
    .section_appointment .banner-appointment-form h2 {
      position: relative;
      font-family: "Montserrat", sans-serif;
      line-height: 1em;
      margin-bottom: 10px;
      font-weight: 600; }
      .section_appointment .banner-appointment-form h2 span {
        position: relative;
        z-index: 1; }
        .section_appointment .banner-appointment-form h2 span span {
          color: #00bcd4; }
      .section_appointment .banner-appointment-form h2:after {
        position: absolute;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        top: -.36em;
        font-size: 80px;
        line-height: 1em;
        white-space: nowrap;
        content: attr(data-title);
        color: #f7f9fb; }
      @media (max-width: 767px) {
        .section_appointment .banner-appointment-form h2 {
          line-height: initial; }
          .section_appointment .banner-appointment-form h2:after {
            font-size: 40px; } }
    .section_appointment .banner-appointment-form p {
      font-size: 16px;
      line-height: 27px;
      margin-bottom: 27px;
      position: relative; }
    .section_appointment .banner-appointment-form form {
      margin-bottom: 60px; }
      .section_appointment .banner-appointment-form form .group_contact fieldset {
        padding: 0 15px;
        border: none;
        width: 100%; }
        .section_appointment .banner-appointment-form form .group_contact fieldset input, .section_appointment .banner-appointment-form form .group_contact fieldset textarea {
          padding: 0 15px;
          border: 1px solid #e5e5e5;
          border-radius: 5px;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          box-shadow: none;
          background-color: transparent;
          font-size: 14px;
          margin-top: 15px;
          background: #fff; }
        .section_appointment .banner-appointment-form form .group_contact fieldset input {
          height: 45px;
          margin-bottom: 0; }
        .section_appointment .banner-appointment-form form .group_contact fieldset textarea {
          padding: 30px 15px; }
        .section_appointment .banner-appointment-form form .group_contact fieldset button {
          margin-top: 20px;
          border: none;
          width: 100%; }