.contact--page {
  background: url('/assets/img/contact/bg.jpg');
  background-size: cover;
  -webkit-background-size: cover;
  background-repeat: no-repeat;

  .s1 {
    min-height: calc(100vh - 85px);
    display: flex;
    align-items: center;
    padding: 150px 0;

    .message {
      display: flex;
      justify-content: center;

      .form_1 {
        max-width: 450px;
        @extend %defaultBoxShadow;

        @media (max-width: 992px) {
          max-width: 100%;
        }

        .title {
          text-align: center;
          margin-bottom: 30px;

          p {
            font-size: 24px;
            color: #000;
          }
        }

        .email {
          direction: ltr;
          text-align: right;
        }
      }
    }

    .contact {
      display: flex;
      align-items: center;

      a,
      p,
      span,
      i {
        color: #fff;
        @extend %defaultTransition;
      }

      ul {
        li {
          margin-bottom: 30px;

          a {
            font-size: 20px;

            span {
              direction: ltr !important;
              display: inline-block;
            }

            @media (max-width: 575px) {
              font-size: 16px;
            }

            &:hover {
              span,
              i {
                color: #00bfff;
              }
            }
          }

          p {
            font-size: 20px;

            @media (max-width: 575px) {
              font-size: 16px;
            }
          }
        }
      }
    }
  }
}