main.page_contact {
  padding-top: 84px; }
  main.page_contact .bg_contact_page {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right; }
    @media screen and (max-width: 991px) {
      main.page_contact .bg_contact_page {
        background-position: right 0; } }
    @media screen and (max-width: 767px) {
      main.page_contact .bg_contact_page {
        background-position: top;
        background-image: url("../image/contact/bg_contact_mobile.png") !important; } }
  main.page_contact .home-banner {
    padding: 0; }
    main.page_contact .home-banner .banner-content {
      padding-top: 83px;
      padding-bottom: 154px;
      display: flex; }
      @media screen and (max-width: 991px) {
        main.page_contact .home-banner .banner-content {
          padding-top: 60px;
          padding-bottom: 90px; } }
      @media screen and (max-width: 767px) {
        main.page_contact .home-banner .banner-content {
          flex-direction: column;
          padding-bottom: 60px; } }
      main.page_contact .home-banner .banner-content .left_content_banner {
        width: 49%;
        color: #1F1F1F; }
        @media screen and (max-width: 767px) {
          main.page_contact .home-banner .banner-content .left_content_banner {
            width: 100%; } }
        @media screen and (max-width: 767px) {
          main.page_contact .home-banner .banner-content .left_content_banner h2 {
            font-size: 35px;
            text-align: center; } }
        @media screen and (max-width: 575px) {
          main.page_contact .home-banner .banner-content .left_content_banner h2 {
            font-size: 28px; } }
        main.page_contact .home-banner .banner-content .left_content_banner .contact_form {
          margin-top: 45px;
          background: #ffffff;
          -webkit-box-shadow: 3px 3px 40px 0px rgba(0, 0, 0, 0.15);
          border-radius: 5px;
          padding: 35px; }
          @media screen and (max-width: 991px) {
            main.page_contact .home-banner .banner-content .left_content_banner .contact_form {
              margin-top: 30px; } }
          @media screen and (max-width: 767px) {
            main.page_contact .home-banner .banner-content .left_content_banner .contact_form {
              margin-top: 90px; } }
          main.page_contact .home-banner .banner-content .left_content_banner .contact_form .form_detail .error-message {
            display: none;
            margin-top: 5px;
            font-family: 'Work Sans', sans-serif; }
            main.page_contact .home-banner .banner-content .left_content_banner .contact_form .form_detail .error-message.err_recapcha {
              margin-top: -20px;
              margin-bottom: 25px; }
          main.page_contact .home-banner .banner-content .left_content_banner .contact_form .form_detail small {
            color: #D82121; }
          main.page_contact .home-banner .banner-content .left_content_banner .contact_form .form_detail input {
            border: none;
            border-bottom: 1px solid rgba(31, 31, 31, 0.1); }
          main.page_contact .home-banner .banner-content .left_content_banner .contact_form .form_detail textarea {
            border: none;
            border-bottom: 1px solid rgba(31, 31, 31, 0.1); }
          main.page_contact .home-banner .banner-content .left_content_banner .contact_form .form_detail .fr_input {
            display: flex;
            gap: 16px; }
            @media screen and (max-width: 991px) and (min-width: 768px) {
              main.page_contact .home-banner .banner-content .left_content_banner .contact_form .form_detail .fr_input {
                flex-direction: column; } }
            @media screen and (max-width: 575px) {
              main.page_contact .home-banner .banner-content .left_content_banner .contact_form .form_detail .fr_input {
                flex-direction: column; } }
          main.page_contact .home-banner .banner-content .left_content_banner .contact_form .form_detail .cs_textarea {
            width: 100% !important;
            margin-top: 35px; }
            @media screen and (max-width: 575px) {
              main.page_contact .home-banner .banner-content .left_content_banner .contact_form .form_detail .cs_textarea {
                margin-top: 15px; } }
          main.page_contact .home-banner .banner-content .left_content_banner .contact_form .form_detail .cs_input {
            display: flex;
            width: 50%;
            flex-direction: column; }
            @media screen and (max-width: 991px) and (min-width: 768px) {
              main.page_contact .home-banner .banner-content .left_content_banner .contact_form .form_detail .cs_input {
                width: 100%; } }
            @media screen and (max-width: 575px) {
              main.page_contact .home-banner .banner-content .left_content_banner .contact_form .form_detail .cs_input {
                width: 100%; } }
            main.page_contact .home-banner .banner-content .left_content_banner .contact_form .form_detail .cs_input label {
              font-size: 12px;
              color: #1F1F1F;
              margin-bottom: 10px;
              font-family: 'Work Sans', sans-serif; }
          main.page_contact .home-banner .banner-content .left_content_banner .contact_form .form_detail .g-recaptcha {
            margin-top: 40px;
            transform: scale(0.7);
            transform-origin: 0 0; }
            @media screen and (max-width: 575px) {
              main.page_contact .home-banner .banner-content .left_content_banner .contact_form .form_detail .g-recaptcha {
                margin-top: 30px; } }
          main.page_contact .home-banner .banner-content .left_content_banner .contact_form .form_detail .cs_btn_submit {
            background: #ffffff;
            border: 1px solid #1F1F1F;
            border-radius: 5px;
            width: 152px;
            height: 36px;
            font-family: 'Work Sans', sans-serif;
            box-shadow: none; }
            main.page_contact .home-banner .banner-content .left_content_banner .contact_form .form_detail .cs_btn_submit:focus {
              outline: none; }
            @media screen and (max-width: 575px) {
              main.page_contact .home-banner .banner-content .left_content_banner .contact_form .form_detail .cs_btn_submit {
                left: 50%;
                transform: translateX(-50%); } }
      main.page_contact .home-banner .banner-content .right_content_banner {
        width: 51%;
        padding-left: 92px;
        display: flex;
        align-items: end; }
        @media screen and (max-width: 1080px) {
          main.page_contact .home-banner .banner-content .right_content_banner {
            padding-left: 80px; } }
        @media screen and (max-width: 991px) {
          main.page_contact .home-banner .banner-content .right_content_banner {
            padding-left: 40px; } }
        @media screen and (max-width: 767px) {
          main.page_contact .home-banner .banner-content .right_content_banner {
            width: 100%;
            padding: 0;
            padding-top: 60px; } }
        main.page_contact .home-banner .banner-content .right_content_banner .content_detail {
          display: flex;
          width: 100%; }
          main.page_contact .home-banner .banner-content .right_content_banner .content_detail .left_detail {
            width: 50%;
            padding-right: 55px;
            border-right: 1px solid #ACDFE9; }
            @media screen and (max-width: 1080px) {
              main.page_contact .home-banner .banner-content .right_content_banner .content_detail .left_detail {
                padding-right: 45px; } }
            @media screen and (max-width: 991px) {
              main.page_contact .home-banner .banner-content .right_content_banner .content_detail .left_detail {
                padding-right: 30px; } }
            @media screen and (max-width: 575px) {
              main.page_contact .home-banner .banner-content .right_content_banner .content_detail .left_detail {
                padding-right: 20px; } }
            main.page_contact .home-banner .banner-content .right_content_banner .content_detail .left_detail p:last-child {
              margin-top: 13px;
              width: 80%; }
              @media screen and (max-width: 991px) {
                main.page_contact .home-banner .banner-content .right_content_banner .content_detail .left_detail p:last-child {
                  width: 100%; } }
          main.page_contact .home-banner .banner-content .right_content_banner .content_detail .right_detail {
            width: 50%;
            padding-left: 68px; }
            @media screen and (max-width: 1080px) {
              main.page_contact .home-banner .banner-content .right_content_banner .content_detail .right_detail {
                padding-left: 50px; } }
            @media screen and (max-width: 991px) {
              main.page_contact .home-banner .banner-content .right_content_banner .content_detail .right_detail {
                padding-left: 30px; } }
            @media screen and (max-width: 767px) {
              main.page_contact .home-banner .banner-content .right_content_banner .content_detail .right_detail {
                padding-left: 30px; } }
            @media screen and (max-width: 575px) {
              main.page_contact .home-banner .banner-content .right_content_banner .content_detail .right_detail {
                padding-left: 20px; } }
            main.page_contact .home-banner .banner-content .right_content_banner .content_detail .right_detail p:last-child {
              margin-top: 13px;
              width: 80%; }
              @media screen and (max-width: 991px) {
                main.page_contact .home-banner .banner-content .right_content_banner .content_detail .right_detail p:last-child {
                  width: 100%; } }
          main.page_contact .home-banner .banner-content .right_content_banner .content_detail p.p3 {
            margin-bottom: 13px;
            font-weight: 600;
            text-transform: uppercase; }
    main.page_contact .home-banner .cs_map {
      margin-bottom: 154px; }
      @media screen and (max-width: 991px) {
        main.page_contact .home-banner .cs_map {
          margin-bottom: 90px; } }
      @media screen and (max-width: 767px) {
        main.page_contact .home-banner .cs_map {
          margin-bottom: 60px; } }
      @media screen and (max-width: 575px) {
        main.page_contact .home-banner .cs_map {
          margin-bottom: 45px; } }
      main.page_contact .home-banner .cs_map iframe {
        width: 100%;
        border-radius: 10px; }
  main.page_contact .signin-banner .banner-content {
    color: #fff;
    text-align: center;
    padding: 56px 10% 72px; }
    main.page_contact .signin-banner .banner-content .banner-title {
      max-width: 1120px;
      line-height: 47px; }
      @media screen and (max-width: 767px) {
        main.page_contact .signin-banner .banner-content .banner-title {
          font-size: 35px;
          line-height: 40px; } }
      @media screen and (max-width: 480px) {
        main.page_contact .signin-banner .banner-content .banner-title {
          font-size: 28px;
          line-height: 35px; } }
    main.page_contact .signin-banner .banner-content .banner-desc {
      max-width: 745px;
      margin: auto;
      padding: 28px 0 38px;
      line-height: 27px; }
      @media screen and (max-width: 480px) {
        main.page_contact .signin-banner .banner-content .banner-desc {
          font-size: 20px; } }
    main.page_contact .signin-banner .banner-content button.btn2 {
      margin-top: 0px;
      margin-bottom: 0;
      padding: 13px 33px; }
  main.page_contact .action-btn {
    display: flex;
    gap: 15px;
    align-items: center; }
    main.page_contact .action-btn .icon_loading {
      width: 25px;
      display: none; }
  main.page_contact .infor_form {
    margin-top: 10px; }
  main.page_contact .infor_success {
    display: none;
    color: #1F1F1F; }
  main.page_contact .infor_error {
    display: none;
    color: #D82121; }

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