/*background colors*/
.contact-top-sec {
  padding-top: 48px;
  padding-bottom: 48px;
  overflow: hidden; }
  @media only screen and (max-width: 767px) {
    .contact-top-sec {
      padding-top: 30px;
      padding-bottom: 30px; } }
  .contact-top-sec .view-content {
    float: left;
    width: calc(35% - 30px);
    margin-right: 30px;
    max-height: 565px;
    overflow: auto; }
    @media only screen and (max-width: 767px) {
      .contact-top-sec .view-content {
        width: 100%;
        margin: 0; } }
    .contact-top-sec .view-content li:last-child .contact-us-list {
      margin-bottom: 0; }
    .contact-top-sec .view-content .contact-us-list {
      width: 100%;
      background-color: #4FA7D71A;
      border: 1px solid #00769C;
      border-radius: 8px;
      margin-bottom: 12px; }
      .contact-top-sec .view-content .contact-us-list .contact-top {
        display: flex;
        padding: 20px; }
        @media only screen and (max-width: 767px) {
          .contact-top-sec .view-content .contact-us-list .contact-top {
            padding: 10px 10px 20px 10px; } }
        .contact-top-sec .view-content .contact-us-list .contact-top .contact-hospital-img {
          margin-right: 15px;
          width: 90px;
          height: 70px; }
          .contact-top-sec .view-content .contact-us-list .contact-top .contact-hospital-img img {
            max-width: none;
            border-radius: 5px; }
        .contact-top-sec .view-content .contact-us-list .contact-top .contact-top-right span {
          font: 14px/18px "Open Sans", sans-serif;
          color: #2C2C2C; }
        .contact-top-sec .view-content .contact-us-list .contact-top .contact-top-right p {
          font: 600 16px/24px "Noto Sans", sans-serif;
          color: #2C2C2C; }
      .contact-top-sec .view-content .contact-us-list .contact-bottom {
        padding: 0 16px; }
        .contact-top-sec .view-content .contact-us-list .contact-bottom .contact-bottom-row {
          position: relative;
          padding-left: 44px;
          margin-bottom: 16px; }
          .contact-top-sec .view-content .contact-us-list .contact-bottom .contact-bottom-row::before {
            content: "";
            position: absolute;
            left: 0px;
            top: 0;
            width: 24px;
            height: 24px;
            max-width: 24px;
            max-height: 24px;
            background: url("/assets/theme/images/mail-icon.svg") no-repeat; }
          .contact-top-sec .view-content .contact-us-list .contact-bottom .contact-bottom-row::after {
            content: "";
            position: absolute;
            width: 1px;
            height: 24px;
            background-color: #8080802b;
            top: 0;
            left: 33px; }
          .contact-top-sec .view-content .contact-us-list .contact-bottom .contact-bottom-row p {
            font: 14px/24px "Open Sans", sans-serif; }
            .contact-top-sec .view-content .contact-us-list .contact-bottom .contact-bottom-row p a {
              color: #00375f; }
        .contact-top-sec .view-content .contact-us-list .contact-bottom .contact-email::before {
          background-image: url("/assets/theme/images/mail-icon.svg"); }
        .contact-top-sec .view-content .contact-us-list .contact-bottom .contact-email a {
          font: 14px/24px "Open Sans", sans-serif;
          color: #00A0A0;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          display: block; }
        .contact-top-sec .view-content .contact-us-list .contact-bottom .contact-telephone::before {
          background-image: url("/assets/theme/images/call.svg"); }
        .contact-top-sec .view-content .contact-us-list .contact-bottom .contact-telephone p {
          font-weight: 600; }
        .contact-top-sec .view-content .contact-us-list .contact-bottom .contact-whatsapp::before {
          background-image: url("/assets/theme/images/whatsapp-icon.svg"); }
        .contact-top-sec .view-content .contact-us-list .contact-bottom .contact-whatsapp p {
          font-weight: 600; }
        .contact-top-sec .view-content .contact-us-list .contact-bottom .contact-emergency::before {
          background-image: url("/assets/theme/images/emergency.svg"); }
        .contact-top-sec .view-content .contact-us-list .contact-bottom .contact-emergency p {
          font-weight: 600; }
  .contact-top-sec .view-footer {
    float: right;
    width: 65%; }
    @media only screen and (max-width: 767px) {
      .contact-top-sec .view-footer {
        width: 100%;
        margin: 15px 0; } }
    .contact-top-sec .view-footer .contact-us-map img {
      border-radius: 8px; }

.contact-us-form {
  clear: both;
  background: url("/assets/theme/images/contact-form-bg.png") no-repeat;
  background-size: cover;
  padding: 48px 0; }
  @media only screen and (max-width: 767px) {
    .contact-us-form {
      padding: 30px 0; } }
  .contact-us-form h3 {
    font-family: "Noto Sans", sans-serif;
    font-size: 26px;
    line-height: 1.3;
    font-weight: 600;
    margin-bottom: 24px;
    color: #2c2c2c;
    margin-bottom: 10px; }
    @media only screen and (max-width: 767px) {
      .contact-us-form h3 {
        font-size: 20px;
        margin-bottom: 20px; } }
    @media only screen and (max-width: 767px) {
      .contact-us-form h3 {
        margin-bottom: 10px; } }
  .contact-us-form p {
    margin-bottom: 24px; }
  .contact-us-form form {
    max-width: 690px;
    width: 100%;
    background: #b5daec;
    padding: 40px; }
    @media only screen and (max-width: 767px) {
      .contact-us-form form {
        padding: 20px; } }
    .contact-us-form form .wrap-first-name,
    .contact-us-form form .wrap-full-name,
    .contact-us-form form .wrap-mobile-number,
    .contact-us-form form .wrap-email,
    .contact-us-form form .js-form-type-select {
      max-width: 337px;
      width: 100%; }
    .contact-us-form form .js-form-type-checkbox {
      display: flex;
      align-items: flex-start;
      flex-wrap: wrap; }
      .contact-us-form form .js-form-type-checkbox .form-checkbox {
        margin-top: 5px; }
      .contact-us-form form .js-form-type-checkbox .form-item__label {
        padding: 0 0 0 8px;
        width: calc(100% - 24px); }
        .contact-us-form form .js-form-type-checkbox .form-item__label p {
          margin-bottom: 0; }
    .contact-us-form form .button {
      min-width: 200px;
      min-height: 35px; }
      @media only screen and (max-width: 767px) {
        .contact-us-form form .button {
          width: 100%; } }

/*# sourceMappingURL=contact-us.css.map */
