{"id":4868,"date":"2026-10-01T08:34:45","date_gmt":"2026-10-01T08:34:45","guid":{"rendered":"https:\/\/theaclinic.vn\/?page_id=4868"},"modified":"2026-10-01T08:40:51","modified_gmt":"2026-10-01T08:40:51","slug":"lien-he-thea","status":"publish","type":"page","link":"https:\/\/theaclinic.vn\/?page_id=4868","title":{"rendered":"Li\u00ean H\u1ec7 Thea"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4868\" class=\"elementor elementor-4868\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2e3f63 e-con-full e-flex e-con e-parent\" data-id=\"c2e3f63\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3910016 elementor-widget elementor-widget-html\" data-id=\"3910016\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nTHEA \u2014 CONTACT \/ BOOKING PAGE V1\nWordPress + Elementor HTML Widget\nHeader \/ Footer d\u00f9ng Global Template hi\u1ec7n t\u1ea1i\n========================================================= -->\n\n<main id=\"thea-contact-v1\" class=\"thea-contact-v1\" lang=\"vi\">\n\n  <!-- =====================================================\n       01. HERO\n  ====================================================== -->\n  <section class=\"tc1-hero\">\n\n    <div class=\"tc1-hero-media\">\n      <img\n        src=\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-khong-gian-08-sanh-le-tan-goc-rong-v001.webp\"\n        alt=\"Kh\u00f4ng gian ti\u1ebfp \u0111\u00f3n t\u1ea1i THEA\"\n        loading=\"eager\"\n        fetchpriority=\"high\"\n        decoding=\"async\"\n      >\n    <\/div>\n\n    <div class=\"tc1-hero-overlay\"><\/div>\n\n    <span class=\"tc1-flower tc1-flower-hero-left\" aria-hidden=\"true\"><\/span>\n    <span class=\"tc1-flower tc1-flower-hero-right\" aria-hidden=\"true\"><\/span>\n\n    <div class=\"tc1-container tc1-hero-inner\">\n\n      <div class=\"tc1-hero-copy tc1-reveal\">\n\n        <span\n          class=\"tc1-kicker\"\n          data-vi=\"LI\u00caN H\u1ec6 \u00b7 \u0110\u1eb6T H\u1eb8N\"\n          data-en=\"CONTACT \u00b7 BOOKING\"\n        >\n          LI\u00caN H\u1ec6 \u00b7 \u0110\u1eb6T H\u1eb8N\n        <\/span>\n\n        <h1>\n          <span\n            data-vi=\"B\u1eaft \u0111\u1ea7u b\u1eb1ng\"\n            data-en=\"Begin with\"\n          >\n            B\u1eaft \u0111\u1ea7u b\u1eb1ng\n          <\/span>\n\n          <span\n            data-vi=\"m\u1ed9t cu\u1ed9c tr\u00f2 chuy\u1ec7n.\"\n            data-en=\"a conversation.\"\n          >\n            m\u1ed9t cu\u1ed9c tr\u00f2 chuy\u1ec7n.\n          <\/span>\n        <\/h1>\n\n        <p\n          data-vi=\"M\u1ed7i h\u00e0nh tr\u00ecnh t\u1ea1i THEA b\u1eaft \u0111\u1ea7u t\u1eeb vi\u1ec7c l\u1eafng nghe. Chia s\u1ebb \u0111i\u1ec1u b\u1ea1n \u0111ang quan t\u00e2m \u0111\u1ec3 \u0111\u1ed9i ng\u0169 THEA c\u00f3 th\u1ec3 trao \u0111\u1ed5i c\u00f9ng b\u1ea1n v\u1ec1 h\u01b0\u1edbng ch\u0103m s\u00f3c ph\u00f9 h\u1ee3p.\"\n          data-en=\"Every journey at THEA begins with listening. Share what matters to you so our team can discuss a suitable direction of care.\"\n        >\n          M\u1ed7i h\u00e0nh tr\u00ecnh t\u1ea1i THEA b\u1eaft \u0111\u1ea7u t\u1eeb vi\u1ec7c l\u1eafng nghe.\n          Chia s\u1ebb \u0111i\u1ec1u b\u1ea1n \u0111ang quan t\u00e2m \u0111\u1ec3 \u0111\u1ed9i ng\u0169 THEA\n          c\u00f3 th\u1ec3 trao \u0111\u1ed5i c\u00f9ng b\u1ea1n v\u1ec1 h\u01b0\u1edbng ch\u0103m s\u00f3c ph\u00f9 h\u1ee3p.\n        <\/p>\n\n        <div class=\"tc1-hero-actions\">\n\n          <a href=\"#tc1-booking\" class=\"tc1-btn tc1-btn-primary\">\n\n            <span\n              data-vi=\"\u0110\u1eb6T L\u1ecaCH T\u01af V\u1ea4N\"\n              data-en=\"BOOK A CONSULTATION\"\n            >\n              \u0110\u1eb6T L\u1ecaCH T\u01af V\u1ea4N\n            <\/span>\n\n            <span>\u2192<\/span>\n\n          <\/a>\n\n          <a href=\"tel:+84918411771\" class=\"tc1-btn tc1-btn-light\">\n\n            <span\n              data-vi=\"G\u1eccI THEA\"\n              data-en=\"CALL THEA\"\n            >\n              G\u1eccI THEA\n            <\/span>\n\n          <\/a>\n\n        <\/div>\n\n        <a href=\"#tc1-info\" class=\"tc1-scroll\">\n\n          <span><\/span>\n\n          <b>SCROLL<\/b>\n\n          <i>\u2193<\/i>\n\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       02. CONTACT QUICK INFO\n  ====================================================== -->\n  <section class=\"tc1-info\" id=\"tc1-info\">\n\n    <div class=\"tc1-container\">\n\n      <div class=\"tc1-info-grid\">\n\n        <!-- PHONE -->\n        <a href=\"tel:+84918411771\" class=\"tc1-info-card tc1-reveal\">\n\n          <span class=\"tc1-info-no\">01<\/span>\n\n          <div class=\"tc1-info-icon\">\n\n            <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n              <path d=\"M21 12l8 12-6 6c4 8 9 13 17 17l6-6 12 8c-2 7-7 11-14 10-18-3-36-21-39-39-1-7 3-12 10-14z\"\/>\n            <\/svg>\n\n          <\/div>\n\n          <span\n            class=\"tc1-info-label\"\n            data-vi=\"G\u1eccI THEA\"\n            data-en=\"CALL THEA\"\n          >\n            G\u1eccI THEA\n          <\/span>\n\n          <strong>\n            0918 411 771\n          <\/strong>\n\n          <p\n            data-vi=\"Trao \u0111\u1ed5i nhanh c\u00f9ng \u0111\u1ed9i ng\u0169 THEA.\"\n            data-en=\"Speak directly with the THEA team.\"\n          >\n            Trao \u0111\u1ed5i nhanh c\u00f9ng \u0111\u1ed9i ng\u0169 THEA.\n          <\/p>\n\n          <span class=\"tc1-info-link\">\n            <span\n              data-vi=\"G\u1eccI NGAY\"\n              data-en=\"CALL NOW\"\n            >\n              G\u1eccI NGAY\n            <\/span>\n            \u2192\n          <\/span>\n\n        <\/a>\n\n\n        <!-- EMAIL -->\n        <a\n          href=\"mailto:enquiry@theaclinic.vn\"\n          class=\"tc1-info-card tc1-reveal\"\n        >\n\n          <span class=\"tc1-info-no\">02<\/span>\n\n          <div class=\"tc1-info-icon\">\n\n            <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n              <rect x=\"10\" y=\"15\" width=\"44\" height=\"34\" rx=\"3\"\/>\n              <path d=\"M11 18l21 16 21-16\"\/>\n            <\/svg>\n\n          <\/div>\n\n          <span\n            class=\"tc1-info-label\"\n            data-vi=\"EMAIL\"\n            data-en=\"EMAIL\"\n          >\n            EMAIL\n          <\/span>\n\n          <strong>\n            enquiry@theaclinic.vn\n          <\/strong>\n\n          <p\n            data-vi=\"G\u1eedi y\u00eau c\u1ea7u ho\u1eb7c th\u00f4ng tin c\u1ea7n h\u1ed7 tr\u1ee3.\"\n            data-en=\"Send your enquiry or support request.\"\n          >\n            G\u1eedi y\u00eau c\u1ea7u ho\u1eb7c th\u00f4ng tin c\u1ea7n h\u1ed7 tr\u1ee3.\n          <\/p>\n\n          <span class=\"tc1-info-link\">\n            <span\n              data-vi=\"G\u1eecI EMAIL\"\n              data-en=\"SEND EMAIL\"\n            >\n              G\u1eecI EMAIL\n            <\/span>\n            \u2192\n          <\/span>\n\n        <\/a>\n\n\n        <!-- LOCATION -->\n        <a\n          href=\"#tc1-visit\"\n          class=\"tc1-info-card tc1-reveal\"\n        >\n\n          <span class=\"tc1-info-no\">03<\/span>\n\n          <div class=\"tc1-info-icon\">\n\n            <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n              <path d=\"M32 55s16-16 16-29a16 16 0 10-32 0c0 13 16 29 16 29z\"\/>\n              <circle cx=\"32\" cy=\"26\" r=\"6\"\/>\n            <\/svg>\n\n          <\/div>\n\n          <span\n            class=\"tc1-info-label\"\n            data-vi=\"GH\u00c9 TH\u0102M THEA\"\n            data-en=\"VISIT THEA\"\n          >\n            GH\u00c9 TH\u0102M THEA\n          <\/span>\n\n          <strong\n            data-vi=\"Somerset Chancellor Court\"\n            data-en=\"Somerset Chancellor Court\"\n          >\n            Somerset Chancellor Court\n          <\/strong>\n\n          <p>\n            21\u201323 Nguy\u1ec5n Th\u1ecb Minh Khai,\n            TP.HCM\n          <\/p>\n\n          <span class=\"tc1-info-link\">\n            <span\n              data-vi=\"XEM B\u1ea2N \u0110\u1ed2\"\n              data-en=\"VIEW MAP\"\n            >\n              XEM B\u1ea2N \u0110\u1ed2\n            <\/span>\n            \u2192\n          <\/span>\n\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       03. BOOKING FORM\n  ====================================================== -->\n  <section class=\"tc1-booking\" id=\"tc1-booking\">\n\n    <span class=\"tc1-flower tc1-booking-flower\" aria-hidden=\"true\"><\/span>\n\n    <div class=\"tc1-container tc1-booking-grid\">\n\n      <!-- IMAGE -->\n      <div class=\"tc1-booking-media tc1-reveal\">\n\n        <figure>\n\n          <img\n            src=\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-khong-gian-04-goc-logo-thuong-hieu-v001.webp\"\n            alt=\"Kh\u00f4ng gian th\u01b0\u01a1ng hi\u1ec7u THEA\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n\n        <\/figure>\n\n        <div class=\"tc1-booking-media-note\">\n\n          <span>\n            BEAUTY \u00b7 WELLNESS \u00b7 SOUL\n          <\/span>\n\n          <p\n            data-vi=\"M\u1ed9t cu\u1ed9c tr\u00f2 chuy\u1ec7n nh\u1ecf c\u00f3 th\u1ec3 l\u00e0 \u0111i\u1ec3m b\u1eaft \u0111\u1ea7u cho m\u1ed9t h\u00e0nh tr\u00ecnh ph\u00f9 h\u1ee3p h\u01a1n.\"\n            data-en=\"A simple conversation can be the beginning of a more personal journey.\"\n          >\n            M\u1ed9t cu\u1ed9c tr\u00f2 chuy\u1ec7n nh\u1ecf c\u00f3 th\u1ec3 l\u00e0 \u0111i\u1ec3m b\u1eaft \u0111\u1ea7u\n            cho m\u1ed9t h\u00e0nh tr\u00ecnh ph\u00f9 h\u1ee3p h\u01a1n.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- FORM -->\n      <div class=\"tc1-form-panel tc1-reveal\">\n\n        <div class=\"tc1-form-head\">\n\n          <span\n            class=\"tc1-kicker\"\n            data-vi=\"\u0110\u1eb6T H\u1eb8N C\u00d9NG THEA\"\n            data-en=\"BOOK WITH THEA\"\n          >\n            \u0110\u1eb6T H\u1eb8N C\u00d9NG THEA\n          <\/span>\n\n          <h2\n            data-vi=\"H\u00e3y cho ch\u00fang t\u00f4i bi\u1ebft \u0111i\u1ec1u b\u1ea1n \u0111ang quan t\u00e2m.\"\n            data-en=\"Tell us what you are looking for.\"\n          >\n            H\u00e3y cho ch\u00fang t\u00f4i bi\u1ebft\n            \u0111i\u1ec1u b\u1ea1n \u0111ang quan t\u00e2m.\n          <\/h2>\n\n          <p\n            data-vi=\"\u0110i\u1ec1n th\u00f4ng tin b\u00ean d\u01b0\u1edbi. \u0110\u1ed9i ng\u0169 THEA s\u1ebd li\u00ean h\u1ec7 l\u1ea1i \u0111\u1ec3 trao \u0111\u1ed5i v\u00e0 x\u00e1c nh\u1eadn l\u1ecbch ph\u00f9 h\u1ee3p.\"\n            data-en=\"Complete the form below. THEA will contact you to discuss your needs and confirm a suitable appointment.\"\n          >\n            \u0110i\u1ec1n th\u00f4ng tin b\u00ean d\u01b0\u1edbi. \u0110\u1ed9i ng\u0169 THEA s\u1ebd li\u00ean h\u1ec7 l\u1ea1i\n            \u0111\u1ec3 trao \u0111\u1ed5i v\u00e0 x\u00e1c nh\u1eadn l\u1ecbch ph\u00f9 h\u1ee3p.\n          <\/p>\n\n        <\/div>\n\n\n        <form id=\"theaContactForm\" class=\"tc1-form\" novalidate>\n\n          <!-- WordPress AJAX action -->\n          <input\n            type=\"hidden\"\n            name=\"action\"\n            value=\"thea_contact_submit\"\n          >\n\n          <!-- Honeypot -->\n          <div class=\"tc1-honeypot\" aria-hidden=\"true\">\n\n            <label>\n              Website\n              <input\n                type=\"text\"\n                name=\"website\"\n                tabindex=\"-1\"\n                autocomplete=\"off\"\n              >\n            <\/label>\n\n          <\/div>\n\n\n          <div class=\"tc1-form-grid\">\n\n            <!-- NAME -->\n            <div class=\"tc1-field\">\n\n              <label for=\"tc1-name\">\n                <span\n                  data-vi=\"H\u1ecd v\u00e0 t\u00ean\"\n                  data-en=\"Full name\"\n                >\n                  H\u1ecd v\u00e0 t\u00ean\n                <\/span>\n                *\n              <\/label>\n\n              <input\n                id=\"tc1-name\"\n                name=\"name\"\n                type=\"text\"\n                required\n                autocomplete=\"name\"\n                data-placeholder-vi=\"T\u00ean c\u1ee7a b\u1ea1n\"\n                data-placeholder-en=\"Your name\"\n                placeholder=\"T\u00ean c\u1ee7a b\u1ea1n\"\n              >\n\n            <\/div>\n\n\n            <!-- PHONE -->\n            <div class=\"tc1-field\">\n\n              <label for=\"tc1-phone\">\n                <span\n                  data-vi=\"S\u1ed1 \u0111i\u1ec7n tho\u1ea1i\"\n                  data-en=\"Phone number\"\n                >\n                  S\u1ed1 \u0111i\u1ec7n tho\u1ea1i\n                <\/span>\n                *\n              <\/label>\n\n              <input\n                id=\"tc1-phone\"\n                name=\"phone\"\n                type=\"tel\"\n                required\n                autocomplete=\"tel\"\n                inputmode=\"tel\"\n                data-placeholder-vi=\"0918...\"\n                data-placeholder-en=\"Phone number\"\n                placeholder=\"0918...\"\n              >\n\n            <\/div>\n\n\n            <!-- EMAIL -->\n            <div class=\"tc1-field\">\n\n              <label for=\"tc1-email\">\n                Email\n              <\/label>\n\n              <input\n                id=\"tc1-email\"\n                name=\"email\"\n                type=\"email\"\n                autocomplete=\"email\"\n                data-placeholder-vi=\"Email c\u1ee7a b\u1ea1n\"\n                data-placeholder-en=\"Your email\"\n                placeholder=\"Email c\u1ee7a b\u1ea1n\"\n              >\n\n            <\/div>\n\n\n            <!-- SERVICE -->\n            <div class=\"tc1-field\">\n\n              <label for=\"tc1-service\">\n\n                <span\n                  data-vi=\"D\u1ecbch v\u1ee5 quan t\u00e2m\"\n                  data-en=\"Service of interest\"\n                >\n                  D\u1ecbch v\u1ee5 quan t\u00e2m\n                <\/span>\n\n                *\n\n              <\/label>\n\n              <select\n                id=\"tc1-service\"\n                name=\"service\"\n                required\n              >\n\n                <option\n                  value=\"\"\n                  data-vi=\"Ch\u1ecdn nhu c\u1ea7u\"\n                  data-en=\"Select a service\"\n                >\n                  Ch\u1ecdn nhu c\u1ea7u\n                <\/option>\n\n                <option\n                  value=\"Ch\u0103m s\u00f3c da & S\u1eafc t\u1ed1\"\n                  data-vi=\"Ch\u0103m s\u00f3c da & S\u1eafc t\u1ed1\"\n                  data-en=\"Skin care & Pigmentation\"\n                >\n                  Ch\u0103m s\u00f3c da &amp; S\u1eafc t\u1ed1\n                <\/option>\n\n                <option\n                  value=\"Tr\u1ebb h\u00f3a & N\u00e2ng c\u01a1\"\n                  data-vi=\"Tr\u1ebb h\u00f3a & N\u00e2ng c\u01a1\"\n                  data-en=\"Rejuvenation & Lifting\"\n                >\n                  Tr\u1ebb h\u00f3a &amp; N\u00e2ng c\u01a1\n                <\/option>\n\n                <option\n                  value=\"Body & Ch\u0103m s\u00f3c chuy\u00ean bi\u1ec7t\"\n                  data-vi=\"Body & Ch\u0103m s\u00f3c chuy\u00ean bi\u1ec7t\"\n                  data-en=\"Body & Specialised Care\"\n                >\n                  Body &amp; Ch\u0103m s\u00f3c chuy\u00ean bi\u1ec7t\n                <\/option>\n\n                <option\n                  value=\"Wellness\"\n                  data-vi=\"Wellness \/ Th\u01b0 gi\u00e3n\"\n                  data-en=\"Wellness \/ Relaxation\"\n                >\n                  Wellness \/ Th\u01b0 gi\u00e3n\n                <\/option>\n\n                <option\n                  value=\"S\u1ea3n ph\u1ea9m \/ Shop\"\n                  data-vi=\"S\u1ea3n ph\u1ea9m \/ Shop THEA\"\n                  data-en=\"THEA Shop \/ Products\"\n                >\n                  S\u1ea3n ph\u1ea9m \/ Shop THEA\n                <\/option>\n\n                <option\n                  value=\"Ch\u01b0a x\u00e1c \u0111\u1ecbnh\"\n                  data-vi=\"Ch\u01b0a x\u00e1c \u0111\u1ecbnh \u2013 c\u1ea7n t\u01b0 v\u1ea5n\"\n                  data-en=\"Not sure \u2013 I need guidance\"\n                >\n                  Ch\u01b0a x\u00e1c \u0111\u1ecbnh \u2013 c\u1ea7n t\u01b0 v\u1ea5n\n                <\/option>\n\n              <\/select>\n\n            <\/div>\n\n\n            <!-- DATE -->\n            <div class=\"tc1-field\">\n\n              <label for=\"tc1-date\">\n\n                <span\n                  data-vi=\"Ng\u00e0y mong mu\u1ed1n\"\n                  data-en=\"Preferred date\"\n                >\n                  Ng\u00e0y mong mu\u1ed1n\n                <\/span>\n\n              <\/label>\n\n              <input\n                id=\"tc1-date\"\n                name=\"preferred_date\"\n                type=\"date\"\n              >\n\n            <\/div>\n\n\n            <!-- TIME -->\n            <div class=\"tc1-field\">\n\n              <label for=\"tc1-time\">\n\n                <span\n                  data-vi=\"Khung gi\u1edd\"\n                  data-en=\"Preferred time\"\n                >\n                  Khung gi\u1edd\n                <\/span>\n\n              <\/label>\n\n              <select\n                id=\"tc1-time\"\n                name=\"preferred_time\"\n              >\n\n                <option\n                  value=\"\"\n                  data-vi=\"THEA li\u00ean h\u1ec7 s\u1eafp x\u1ebfp\"\n                  data-en=\"Let THEA arrange\"\n                >\n                  THEA li\u00ean h\u1ec7 s\u1eafp x\u1ebfp\n                <\/option>\n\n                <option\n                  value=\"Bu\u1ed5i s\u00e1ng\"\n                  data-vi=\"Bu\u1ed5i s\u00e1ng\"\n                  data-en=\"Morning\"\n                >\n                  Bu\u1ed5i s\u00e1ng\n                <\/option>\n\n                <option\n                  value=\"Bu\u1ed5i chi\u1ec1u\"\n                  data-vi=\"Bu\u1ed5i chi\u1ec1u\"\n                  data-en=\"Afternoon\"\n                >\n                  Bu\u1ed5i chi\u1ec1u\n                <\/option>\n\n                <option\n                  value=\"Bu\u1ed5i t\u1ed1i\"\n                  data-vi=\"Bu\u1ed5i t\u1ed1i\"\n                  data-en=\"Evening\"\n                >\n                  Bu\u1ed5i t\u1ed1i\n                <\/option>\n\n              <\/select>\n\n            <\/div>\n\n\n            <!-- MESSAGE -->\n            <div class=\"tc1-field tc1-field-full\">\n\n              <label for=\"tc1-message\">\n\n                <span\n                  data-vi=\"L\u1eddi nh\u1eafn \/ nhu c\u1ea7u ch\u0103m s\u00f3c\"\n                  data-en=\"Message \/ care concerns\"\n                >\n                  L\u1eddi nh\u1eafn \/ nhu c\u1ea7u ch\u0103m s\u00f3c\n                <\/span>\n\n              <\/label>\n\n              <textarea\n                id=\"tc1-message\"\n                name=\"message\"\n                rows=\"5\"\n                data-placeholder-vi=\"B\u1ea1n c\u00f3 th\u1ec3 chia s\u1ebb th\u00eam \u0111i\u1ec1u m\u00ecnh \u0111ang quan t\u00e2m...\"\n                data-placeholder-en=\"Tell us a little more about what you are looking for...\"\n                placeholder=\"B\u1ea1n c\u00f3 th\u1ec3 chia s\u1ebb th\u00eam \u0111i\u1ec1u m\u00ecnh \u0111ang quan t\u00e2m...\"\n              ><\/textarea>\n\n            <\/div>\n\n\n            <!-- CONSENT -->\n            <div class=\"tc1-field-full tc1-consent\">\n\n              <label>\n\n                <input\n                  type=\"checkbox\"\n                  name=\"consent\"\n                  value=\"1\"\n                  required\n                >\n\n                <span\n                  data-vi=\"T\u00f4i \u0111\u1ed3ng \u00fd \u0111\u1ec3 THEA s\u1eed d\u1ee5ng th\u00f4ng tin tr\u00ean nh\u1eb1m li\u00ean h\u1ec7 v\u00e0 h\u1ed7 tr\u1ee3 y\u00eau c\u1ea7u \u0111\u1eb7t h\u1eb9n c\u1ee7a t\u00f4i.\"\n                  data-en=\"I agree that THEA may use the information above to contact me regarding this booking request.\"\n                >\n                  T\u00f4i \u0111\u1ed3ng \u00fd \u0111\u1ec3 THEA s\u1eed d\u1ee5ng th\u00f4ng tin tr\u00ean\n                  nh\u1eb1m li\u00ean h\u1ec7 v\u00e0 h\u1ed7 tr\u1ee3 y\u00eau c\u1ea7u \u0111\u1eb7t h\u1eb9n c\u1ee7a t\u00f4i.\n                <\/span>\n\n              <\/label>\n\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"tc1-form-footer\">\n\n            <button\n              type=\"submit\"\n              class=\"tc1-submit\"\n              id=\"tc1Submit\"\n            >\n\n              <span\n                class=\"tc1-submit-label\"\n                data-vi=\"G\u1eecI Y\u00caU C\u1ea6U \u0110\u1eb6T H\u1eb8N\"\n                data-en=\"SEND BOOKING REQUEST\"\n              >\n                G\u1eecI Y\u00caU C\u1ea6U \u0110\u1eb6T H\u1eb8N\n              <\/span>\n\n              <span class=\"tc1-submit-arrow\">\n                \u2192\n              <\/span>\n\n              <span class=\"tc1-spinner\" aria-hidden=\"true\"><\/span>\n\n            <\/button>\n\n            <p class=\"tc1-form-status\" id=\"tc1FormStatus\" aria-live=\"polite\"><\/p>\n\n          <\/div>\n\n        <\/form>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       04. VISIT THEA\n  ====================================================== -->\n  <section class=\"tc1-visit\" id=\"tc1-visit\">\n\n    <div class=\"tc1-container\">\n\n      <header class=\"tc1-section-head tc1-reveal\">\n\n        <div>\n\n          <span\n            class=\"tc1-kicker\"\n            data-vi=\"VISIT THEA\"\n            data-en=\"VISIT THEA\"\n          >\n            VISIT THEA\n          <\/span>\n\n          <h2\n            data-vi=\"M\u1ed9t kh\u00f4ng gian d\u00e0nh cho kho\u1ea3ng th\u1eddi gian c\u1ee7a b\u1ea1n.\"\n            data-en=\"A space created for your time.\"\n          >\n            M\u1ed9t kh\u00f4ng gian d\u00e0nh cho\n            kho\u1ea3ng th\u1eddi gian c\u1ee7a b\u1ea1n.\n          <\/h2>\n\n        <\/div>\n\n        <p\n          data-vi=\"T\u1eeb khu v\u1ef1c \u0111\u00f3n ti\u1ebfp \u0111\u1ebfn ph\u00f2ng ch\u0103m s\u00f3c, THEA h\u01b0\u1edbng \u0111\u1ebfn m\u1ed9t tr\u1ea3i nghi\u1ec7m nh\u1eb9 nh\u00e0ng, ri\u00eang t\u01b0 v\u00e0 ch\u1ec9n chu.\"\n          data-en=\"From reception to treatment rooms, THEA is designed around a calm, private and thoughtful experience.\"\n        >\n          T\u1eeb khu v\u1ef1c \u0111\u00f3n ti\u1ebfp \u0111\u1ebfn ph\u00f2ng ch\u0103m s\u00f3c,\n          THEA h\u01b0\u1edbng \u0111\u1ebfn m\u1ed9t tr\u1ea3i nghi\u1ec7m nh\u1eb9 nh\u00e0ng,\n          ri\u00eang t\u01b0 v\u00e0 ch\u1ec9n chu.\n        <\/p>\n\n      <\/header>\n\n\n      <div class=\"tc1-visit-grid\">\n\n        <!-- CONTACT BLOCK -->\n        <div class=\"tc1-visit-info tc1-reveal\">\n\n          <span\n            class=\"tc1-visit-label\"\n            data-vi=\"\u0110\u1ecaA CH\u1ec8\"\n            data-en=\"ADDRESS\"\n          >\n            \u0110\u1ecaA CH\u1ec8\n          <\/span>\n\n          <h3>\n            Somerset Chancellor Court\n          <\/h3>\n\n          <p>\n            21\u201323 Nguy\u1ec5n Th\u1ecb Minh Khai<br>\n            TP.HCM\n          <\/p>\n\n\n          <div class=\"tc1-visit-contact\">\n\n            <a href=\"tel:+84918411771\">\n\n              <span\n                data-vi=\"\u0110i\u1ec7n tho\u1ea1i\"\n                data-en=\"Phone\"\n              >\n                \u0110i\u1ec7n tho\u1ea1i\n              <\/span>\n\n              <strong>\n                0918 411 771\n              <\/strong>\n\n            <\/a>\n\n\n            <a href=\"mailto:enquiry@theaclinic.vn\">\n\n              <span>\n                Email\n              <\/span>\n\n              <strong>\n                enquiry@theaclinic.vn\n              <\/strong>\n\n            <\/a>\n\n          <\/div>\n\n\n          <p class=\"tc1-visit-note\"\n             data-vi=\"Vui l\u00f2ng li\u00ean h\u1ec7 tr\u01b0\u1edbc \u0111\u1ec3 THEA x\u00e1c nh\u1eadn th\u1eddi gian h\u1eb9n ph\u00f9 h\u1ee3p.\"\n             data-en=\"Please contact THEA in advance so we can confirm a suitable appointment time.\"\n          >\n            Vui l\u00f2ng li\u00ean h\u1ec7 tr\u01b0\u1edbc \u0111\u1ec3 THEA\n            x\u00e1c nh\u1eadn th\u1eddi gian h\u1eb9n ph\u00f9 h\u1ee3p.\n          <\/p>\n\n        <\/div>\n\n\n        <!-- MAP -->\n        <div class=\"tc1-map tc1-reveal\">\n\n          <iframe\n            title=\"THEA - Somerset Chancellor Court\"\n            src=\"https:\/\/www.google.com\/maps?q=Somerset%20Chancellor%20Court%2021-23%20Nguyen%20Thi%20Minh%20Khai%20Ho%20Chi%20Minh%20City&output=embed\"\n            loading=\"lazy\"\n            referrerpolicy=\"no-referrer-when-downgrade\"\n            allowfullscreen\n          ><\/iframe>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- SPACE GALLERY -->\n      <div class=\"tc1-space-gallery\">\n\n        <figure class=\"tc1-space-large tc1-reveal\">\n\n          <img\n            src=\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-khong-gian-07-toan-canh-quay-le-tan-v001.webp\"\n            alt=\"Qu\u1ea7y l\u1ec5 t\u00e2n THEA\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n\n        <\/figure>\n\n\n        <figure class=\"tc1-reveal\">\n\n          <img\n            src=\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-khong-gian-05-phong-treatment-tranh-koi-v001.webp\"\n            alt=\"Ph\u00f2ng treatment THEA\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n\n        <\/figure>\n\n\n        <figure class=\"tc1-reveal\">\n\n          <img\n            src=\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-khong-gian-09-khu-tiep-khach-thu-gian-v001.webp\"\n            alt=\"Khu ti\u1ebfp kh\u00e1ch THEA\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n\n        <\/figure>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       05. BEFORE YOUR VISIT\n  ====================================================== -->\n  <section class=\"tc1-journey\">\n\n    <span class=\"tc1-flower tc1-journey-flower-left\" aria-hidden=\"true\"><\/span>\n    <span class=\"tc1-flower tc1-journey-flower-right\" aria-hidden=\"true\"><\/span>\n\n    <div class=\"tc1-container\">\n\n      <header class=\"tc1-section-center tc1-reveal\">\n\n        <span\n          class=\"tc1-kicker\"\n          data-vi=\"TR\u01af\u1edaC KHI \u0110\u1ebeN THEA\"\n          data-en=\"BEFORE YOUR VISIT\"\n        >\n          TR\u01af\u1edaC KHI \u0110\u1ebeN THEA\n        <\/span>\n\n        <h2\n          data-vi=\"M\u1ed9t h\u00e0nh tr\u00ecnh \u0111\u01a1n gi\u1ea3n, r\u00f5 r\u00e0ng v\u00e0 ri\u00eang t\u01b0.\"\n          data-en=\"A simple, clear and personal journey.\"\n        >\n          M\u1ed9t h\u00e0nh tr\u00ecnh \u0111\u01a1n gi\u1ea3n,\n          r\u00f5 r\u00e0ng v\u00e0 ri\u00eang t\u01b0.\n        <\/h2>\n\n      <\/header>\n\n\n      <div class=\"tc1-journey-grid\">\n\n        <!-- STEP 1 -->\n        <article class=\"tc1-step tc1-reveal\">\n\n          <figure>\n\n            <img\n              src=\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-04-doi-ngu-chuyen-vien-v001.webp\"\n              alt=\"\u0110\u1ed9i ng\u0169 chuy\u00ean vi\u00ean THEA\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n\n          <\/figure>\n\n          <span class=\"tc1-step-no\">\n            01\n          <\/span>\n\n          <h3\n            data-vi=\"Chia s\u1ebb nhu c\u1ea7u\"\n            data-en=\"Share your needs\"\n          >\n            Chia s\u1ebb nhu c\u1ea7u\n          <\/h3>\n\n          <p\n            data-vi=\"Cho THEA bi\u1ebft \u0111i\u1ec1u b\u1ea1n \u0111ang quan t\u00e2m v\u00e0 mong mu\u1ed1n c\u1ea3i thi\u1ec7n.\"\n            data-en=\"Tell THEA what you are concerned about and what you hope to improve.\"\n          >\n            Cho THEA bi\u1ebft \u0111i\u1ec1u b\u1ea1n \u0111ang quan t\u00e2m\n            v\u00e0 mong mu\u1ed1n c\u1ea3i thi\u1ec7n.\n          <\/p>\n\n        <\/article>\n\n\n        <!-- STEP 2 -->\n        <article class=\"tc1-step tc1-reveal\">\n\n          <figure>\n\n            <img\n              src=\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-04-chuan-bi-dung-cu-v001.webp\"\n              alt=\"Chu\u1ea9n b\u1ecb d\u1ee5ng c\u1ee5 t\u1ea1i THEA\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n\n          <\/figure>\n\n          <span class=\"tc1-step-no\">\n            02\n          <\/span>\n\n          <h3\n            data-vi=\"Trao \u0111\u1ed5i c\u00f9ng THEA\"\n            data-en=\"Talk with THEA\"\n          >\n            Trao \u0111\u1ed5i c\u00f9ng THEA\n          <\/h3>\n\n          <p\n            data-vi=\"\u0110\u1ed9i ng\u0169 trao \u0111\u1ed5i th\u00eam v\u1ec1 nhu c\u1ea7u v\u00e0 \u0111\u1ecbnh h\u01b0\u1edbng ch\u0103m s\u00f3c ph\u00f9 h\u1ee3p.\"\n            data-en=\"Our team discusses your needs and an appropriate care direction.\"\n          >\n            \u0110\u1ed9i ng\u0169 trao \u0111\u1ed5i th\u00eam v\u1ec1 nhu c\u1ea7u\n            v\u00e0 \u0111\u1ecbnh h\u01b0\u1edbng ch\u0103m s\u00f3c ph\u00f9 h\u1ee3p.\n          <\/p>\n\n        <\/article>\n\n\n        <!-- STEP 3 -->\n        <article class=\"tc1-step tc1-reveal\">\n\n          <figure>\n\n            <img\n              src=\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-04-chuan-bi-giuong-treatment-v001.webp\"\n              alt=\"Chu\u1ea9n b\u1ecb ph\u00f2ng ch\u0103m s\u00f3c THEA\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n\n          <\/figure>\n\n          <span class=\"tc1-step-no\">\n            03\n          <\/span>\n\n          <h3\n            data-vi=\"X\u00e1c nh\u1eadn l\u1ecbch h\u1eb9n\"\n            data-en=\"Confirm your visit\"\n          >\n            X\u00e1c nh\u1eadn l\u1ecbch h\u1eb9n\n          <\/h3>\n\n          <p\n            data-vi=\"THEA li\u00ean h\u1ec7 x\u00e1c nh\u1eadn ng\u00e0y v\u00e0 th\u1eddi gian ph\u00f9 h\u1ee3p tr\u01b0\u1edbc bu\u1ed5i h\u1eb9n.\"\n            data-en=\"THEA confirms a suitable date and time before your visit.\"\n          >\n            THEA li\u00ean h\u1ec7 x\u00e1c nh\u1eadn ng\u00e0y\n            v\u00e0 th\u1eddi gian ph\u00f9 h\u1ee3p tr\u01b0\u1edbc bu\u1ed5i h\u1eb9n.\n          <\/p>\n\n        <\/article>\n\n\n        <!-- STEP 4 -->\n        <article class=\"tc1-step tc1-reveal\">\n\n          <figure>\n\n            <img\n              src=\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-khong-gian-06-phong-treatment-hai-giuong-v001.webp\"\n              alt=\"Kh\u00f4ng gian ch\u0103m s\u00f3c THEA\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n\n          <\/figure>\n\n          <span class=\"tc1-step-no\">\n            04\n          <\/span>\n\n          <h3\n            data-vi=\"Tr\u1ea3i nghi\u1ec7m t\u1ea1i THEA\"\n            data-en=\"Experience THEA\"\n          >\n            Tr\u1ea3i nghi\u1ec7m t\u1ea1i THEA\n          <\/h3>\n\n          <p\n            data-vi=\"D\u00e0nh th\u1eddi gian cho m\u1ed9t tr\u1ea3i nghi\u1ec7m ch\u0103m s\u00f3c \u0111\u01b0\u1ee3c t\u1ed5 ch\u1ee9c ri\u00eang cho b\u1ea1n.\"\n            data-en=\"Take time for a care experience thoughtfully arranged around you.\"\n          >\n            D\u00e0nh th\u1eddi gian cho m\u1ed9t tr\u1ea3i nghi\u1ec7m ch\u0103m s\u00f3c\n            \u0111\u01b0\u1ee3c t\u1ed5 ch\u1ee9c ri\u00eang cho b\u1ea1n.\n          <\/p>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       06. FINAL CTA\n  ====================================================== -->\n  <section class=\"tc1-final\">\n\n    <span class=\"tc1-final-flower\" aria-hidden=\"true\"><\/span>\n\n    <div class=\"tc1-container tc1-final-inner tc1-reveal\">\n\n      <div>\n\n        <span class=\"tc1-final-eyebrow\">\n          BEAUTY \u00b7 WELLNESS \u00b7 SOUL\n        <\/span>\n\n        <h2\n          data-vi=\"B\u1ea1n ch\u01b0a ch\u1eafc n\u00ean b\u1eaft \u0111\u1ea7u t\u1eeb \u0111\u00e2u?\"\n          data-en=\"Not sure where to begin?\"\n        >\n          B\u1ea1n ch\u01b0a ch\u1eafc n\u00ean\n          b\u1eaft \u0111\u1ea7u t\u1eeb \u0111\u00e2u?\n        <\/h2>\n\n        <p\n          data-vi=\"M\u1ed9t cu\u1ed9c tr\u00f2 chuy\u1ec7n ng\u1eafn l\u00e0 \u0111\u1ee7 \u0111\u1ec3 b\u1eaft \u0111\u1ea7u.\"\n          data-en=\"A short conversation is enough to begin.\"\n        >\n          M\u1ed9t cu\u1ed9c tr\u00f2 chuy\u1ec7n ng\u1eafn l\u00e0 \u0111\u1ee7 \u0111\u1ec3 b\u1eaft \u0111\u1ea7u.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"tc1-final-actions\">\n\n        <a\n          href=\"tel:+84918411771\"\n          class=\"tc1-btn tc1-btn-outline-light\"\n        >\n\n          <span\n            data-vi=\"G\u1eccI 0918 411 771\"\n            data-en=\"CALL 0918 411 771\"\n          >\n            G\u1eccI 0918 411 771\n          <\/span>\n\n        <\/a>\n\n\n        <a\n          href=\"#tc1-booking\"\n          class=\"tc1-btn tc1-btn-gold\"\n        >\n\n          <span\n            data-vi=\"\u0110\u1eb6T H\u1eb8N\"\n            data-en=\"BOOK A VISIT\"\n          >\n            \u0110\u1eb6T H\u1eb8N\n          <\/span>\n\n          \u2192\n\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       MOBILE STICKY CTA\n  ====================================================== -->\n  <div class=\"tc1-mobile-sticky\">\n\n    <a href=\"tel:+84918411771\">\n\n      <span\n        data-vi=\"G\u1eccI THEA\"\n        data-en=\"CALL THEA\"\n      >\n        G\u1eccI THEA\n      <\/span>\n\n    <\/a>\n\n    <a href=\"#tc1-booking\">\n\n      <span\n        data-vi=\"\u0110\u1eb6T H\u1eb8N\"\n        data-en=\"BOOK NOW\"\n      >\n        \u0110\u1eb6T H\u1eb8N\n      <\/span>\n\n      \u2192\n\n    <\/a>\n\n  <\/div>\n\n<\/main>\n\n\n\n<style>\n\n\/* =========================================================\n   THEA CONTACT V1\n========================================================= *\/\n\n#thea-contact-v1{\n\n  --tc-navy:#16305e;\n  --tc-navy-deep:#0c2145;\n\n  --tc-bronze:#b87537;\n  --tc-bronze-dark:#955928;\n  --tc-gold:#d6a36e;\n\n  --tc-paper:#fffdf9;\n  --tc-ivory:#f8f3ec;\n  --tc-warm:#fbf7f2;\n\n  --tc-text:#626a79;\n  --tc-muted:#8b8f98;\n\n  --tc-line:#e8dbce;\n\n  --tc-shadow:\n    0 18px 52px\n    rgba(15,35,71,.08);\n\n  --tc-shadow-lg:\n    0 28px 75px\n    rgba(15,35,71,.13);\n\n  --tc-max:1360px;\n\n  width:100%;\n\n  overflow:hidden;\n\n  background:\n    var(--tc-paper);\n\n  color:\n    var(--tc-navy);\n\n  font-family:\n    \"Be Vietnam Pro\",\n    Arial,\n    sans-serif;\n\n  -webkit-font-smoothing:\n    antialiased;\n\n  text-rendering:\n    optimizeLegibility;\n}\n\n\n#thea-contact-v1,\n#thea-contact-v1 *,\n#thea-contact-v1 *::before,\n#thea-contact-v1 *::after{\n\n  box-sizing:border-box;\n}\n\n\n#thea-contact-v1 :is(\n  h1,\n  h2,\n  h3,\n  p,\n  figure\n){\n\n  margin:0;\n}\n\n\n#thea-contact-v1 img{\n\n  display:block;\n\n  width:100%;\n}\n\n\n#thea-contact-v1 a{\n\n  color:inherit;\n\n  text-decoration:none;\n}\n\n\n#thea-contact-v1 button,\n#thea-contact-v1 input,\n#thea-contact-v1 select,\n#thea-contact-v1 textarea{\n\n  font:inherit;\n}\n\n\n#thea-contact-v1 section[id]{\n\n  scroll-margin-top:110px;\n}\n\n\n#thea-contact-v1 :is(\n  a,\n  button,\n  input,\n  select,\n  textarea\n):focus-visible{\n\n  outline:\n    3px solid\n    rgba(184,117,55,.35);\n\n  outline-offset:2px;\n}\n\n\n.tc1-container{\n\n  position:relative;\n\n  z-index:5;\n\n  width:\n    min(\n      var(--tc-max),\n      calc(100% - 88px)\n    );\n\n  margin-inline:auto;\n}\n\n\n\n\/* =========================================================\n   COMMON\n========================================================= *\/\n\n.tc1-kicker{\n\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:11px;\n\n  color:\n    var(--tc-bronze);\n\n  font-size:9px;\n\n  font-weight:700;\n\n  letter-spacing:.22em;\n\n  text-transform:uppercase;\n}\n\n\n.tc1-kicker::before{\n\n  content:\"\";\n\n  width:30px;\n\n  height:1px;\n\n  background:\n    currentColor;\n}\n\n\n.tc1-btn{\n\n  min-height:50px;\n\n  padding:\n    0 25px;\n\n  display:inline-flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  gap:12px;\n\n  border-radius:999px;\n\n  border:\n    1px solid transparent;\n\n  font-size:9px;\n\n  font-weight:700;\n\n  letter-spacing:.11em;\n\n  text-transform:uppercase;\n\n  transition:\n    transform .25s ease,\n    background .25s ease,\n    border-color .25s ease,\n    box-shadow .25s ease;\n}\n\n\n.tc1-btn:hover{\n\n  transform:\n    translateY(-2px);\n}\n\n\n.tc1-btn-primary{\n\n  color:#fff;\n\n  background:\n    linear-gradient(\n      135deg,\n      #c5884c,\n      #a46231\n    );\n\n  box-shadow:\n    0 12px 27px\n    rgba(169,99,49,.20);\n}\n\n\n.tc1-btn-light{\n\n  color:\n    var(--tc-navy);\n\n  background:\n    rgba(255,255,255,.85);\n\n  border-color:\n    var(--tc-line);\n}\n\n\n.tc1-btn-gold{\n\n  color:\n    var(--tc-navy-deep);\n\n  background:\n    var(--tc-gold);\n}\n\n\n.tc1-btn-outline-light{\n\n  color:#fff;\n\n  border-color:\n    rgba(255,255,255,.34);\n\n  background:\n    rgba(255,255,255,.05);\n}\n\n\n.tc1-btn-outline-light:hover{\n\n  background:\n    rgba(255,255,255,.1);\n}\n\n\n\n\/* =========================================================\n   FLOWERS\n========================================================= *\/\n\n.tc1-flower{\n\n  position:absolute;\n\n  z-index:2;\n\n  pointer-events:none;\n\n  background-repeat:no-repeat;\n\n  background-position:center;\n\n  background-size:contain;\n}\n\n\n.tc1-flower-hero-left{\n\n  width:285px;\n\n  height:350px;\n\n  left:-85px;\n\n  bottom:-35px;\n\n  opacity:.38;\n\n  background-image:\n    url(\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-flower-corner-bottom-left-v001.png\");\n}\n\n\n.tc1-flower-hero-right{\n\n  width:260px;\n\n  height:320px;\n\n  right:-55px;\n\n  top:-35px;\n\n  opacity:.46;\n\n  background-image:\n    url(\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-flower-corner-top-right-v001.png\");\n}\n\n\n.tc1-booking-flower{\n\n  width:245px;\n\n  height:470px;\n\n  right:-75px;\n\n  top:100px;\n\n  opacity:.20;\n\n  background-image:\n    url(\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-flower-side-right-v001.png\");\n}\n\n\n.tc1-journey-flower-left{\n\n  width:220px;\n\n  height:280px;\n\n  left:-60px;\n\n  bottom:-15px;\n\n  opacity:.24;\n\n  background-image:\n    url(\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-flower-corner-bottom-left-v001.png\");\n}\n\n\n.tc1-journey-flower-right{\n\n  width:220px;\n\n  height:280px;\n\n  right:-55px;\n\n  top:-10px;\n\n  opacity:.22;\n\n  background-image:\n    url(\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-flower-corner-top-right-v001.png\");\n}\n\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.tc1-hero{\n\n  position:relative;\n\n  min-height:650px;\n\n  display:flex;\n\n  align-items:center;\n\n  overflow:hidden;\n\n  background:\n    var(--tc-ivory);\n}\n\n\n.tc1-hero-media{\n\n  position:absolute;\n\n  inset:0;\n}\n\n\n.tc1-hero-media img{\n\n  width:100%;\n\n  height:100%;\n\n  object-fit:cover;\n\n  object-position:\n    65% center;\n}\n\n\n.tc1-hero-overlay{\n\n  position:absolute;\n\n  inset:0;\n\n  z-index:1;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(255,252,248,.98) 0%,\n      rgba(255,252,248,.95) 32%,\n      rgba(255,252,248,.67) 49%,\n      rgba(255,252,248,.18) 73%,\n      rgba(255,252,248,.03) 100%\n    );\n}\n\n\n.tc1-hero-inner{\n\n  min-height:650px;\n\n  display:flex;\n\n  align-items:center;\n}\n\n\n.tc1-hero-copy{\n\n  position:relative;\n\n  z-index:5;\n\n  max-width:670px;\n\n  padding:\n    75px 0;\n}\n\n\n.tc1-hero-copy h1{\n\n  margin-top:16px!important;\n\n  color:\n    var(--tc-navy);\n\n  font:\n    500\n    clamp(60px,5.7vw,88px)\/.93\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  letter-spacing:-.035em;\n}\n\n\n.tc1-hero-copy h1 span{\n\n  display:block;\n}\n\n\n.tc1-hero-copy p{\n\n  max-width:570px;\n\n  margin-top:26px!important;\n\n  color:\n    var(--tc-text);\n\n  font-size:14px;\n\n  line-height:1.88;\n}\n\n\n.tc1-hero-actions{\n\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:11px;\n\n  margin-top:30px;\n}\n\n\n.tc1-scroll{\n\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:10px;\n\n  margin-top:34px;\n\n  color:\n    var(--tc-navy);\n\n  font-size:8px;\n\n  letter-spacing:.19em;\n}\n\n\n.tc1-scroll>span{\n\n  width:40px;\n\n  height:1px;\n\n  background:\n    var(--tc-bronze);\n}\n\n\n.tc1-scroll i{\n\n  color:\n    var(--tc-bronze);\n\n  font-style:normal;\n}\n\n\n\n\/* =========================================================\n   CONTACT CARDS\n========================================================= *\/\n\n.tc1-info{\n\n  padding:\n    0 0 100px;\n\n  background:#fff;\n}\n\n\n.tc1-info-grid{\n\n  position:relative;\n\n  z-index:10;\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  margin-top:-50px;\n\n  background:#fff;\n\n  border:\n    1px solid\n    var(--tc-line);\n\n  box-shadow:\n    var(--tc-shadow-lg);\n}\n\n\n.tc1-info-card{\n\n  position:relative;\n\n  min-height:290px;\n\n  padding:\n    38px 40px;\n\n  display:flex;\n\n  flex-direction:column;\n\n  align-items:flex-start;\n\n  transition:\n    background .25s ease;\n}\n\n\n.tc1-info-card:not(:last-child){\n\n  border-right:\n    1px solid\n    var(--tc-line);\n}\n\n\n.tc1-info-card:hover{\n\n  background:\n    #fcf8f3;\n}\n\n\n.tc1-info-no{\n\n  position:absolute;\n\n  right:24px;\n\n  top:20px;\n\n  color:\n    rgba(22,48,94,.25);\n\n  font:\n    500\n    14px\/1\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n}\n\n\n.tc1-info-icon{\n\n  width:46px;\n\n  height:46px;\n\n  color:\n    var(--tc-bronze);\n}\n\n\n.tc1-info-icon svg{\n\n  width:100%;\n\n  height:100%;\n\n  fill:none;\n\n  stroke:\n    currentColor;\n\n  stroke-width:1.3;\n\n  stroke-linecap:round;\n\n  stroke-linejoin:round;\n}\n\n\n.tc1-info-label{\n\n  display:block;\n\n  margin-top:20px;\n\n  color:\n    var(--tc-bronze);\n\n  font-size:8px;\n\n  font-weight:700;\n\n  letter-spacing:.17em;\n}\n\n\n.tc1-info-card strong{\n\n  display:block;\n\n  margin-top:7px;\n\n  color:\n    var(--tc-navy);\n\n  font:\n    500\n    clamp(22px,2vw,29px)\/1.15\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n}\n\n\n.tc1-info-card p{\n\n  margin-top:10px!important;\n\n  color:\n    var(--tc-text);\n\n  font-size:11px;\n\n  line-height:1.7;\n}\n\n\n.tc1-info-link{\n\n  display:flex;\n\n  align-items:center;\n\n  gap:8px;\n\n  margin-top:auto;\n\n  padding-top:22px;\n\n  color:\n    var(--tc-bronze-dark);\n\n  font-size:8px;\n\n  font-weight:700;\n\n  letter-spacing:.12em;\n}\n\n\n\n\/* =========================================================\n   BOOKING\n========================================================= *\/\n\n.tc1-booking{\n\n  position:relative;\n\n  padding:\n    115px 0;\n\n  background:\n    linear-gradient(\n      180deg,\n      #fbf7f1,\n      #fffdf9\n    );\n\n  overflow:hidden;\n}\n\n\n.tc1-booking-grid{\n\n  display:grid;\n\n  grid-template-columns:\n    .88fr 1.12fr;\n\n  gap:\n    clamp(\n      50px,\n      7vw,\n      95px\n    );\n\n  align-items:center;\n}\n\n\n.tc1-booking-media{\n\n  position:relative;\n}\n\n\n.tc1-booking-media figure{\n\n  overflow:hidden;\n\n  border-radius:\n    220px 220px 12px 12px;\n\n  background:\n    var(--tc-ivory);\n\n  box-shadow:\n    var(--tc-shadow);\n}\n\n\n.tc1-booking-media img{\n\n  height:690px;\n\n  object-fit:cover;\n\n  object-position:center;\n}\n\n\n.tc1-booking-media-note{\n\n  position:absolute;\n\n  right:-32px;\n\n  bottom:45px;\n\n  width:310px;\n\n  padding:\n    26px 27px;\n\n  background:\n    var(--tc-navy);\n\n  color:#fff;\n\n  box-shadow:\n    var(--tc-shadow-lg);\n}\n\n\n.tc1-booking-media-note span{\n\n  display:block;\n\n  color:\n    var(--tc-gold);\n\n  font-size:8px;\n\n  font-weight:700;\n\n  letter-spacing:.17em;\n}\n\n\n.tc1-booking-media-note p{\n\n  margin-top:10px!important;\n\n  font:\n    400\n    20px\/1.4\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n}\n\n\n.tc1-form-panel{\n\n  position:relative;\n\n  z-index:5;\n}\n\n\n.tc1-form-head{\n\n  max-width:650px;\n}\n\n\n.tc1-form-head h2{\n\n  margin-top:14px!important;\n\n  color:\n    var(--tc-navy);\n\n  font:\n    500\n    clamp(43px,4.5vw,67px)\/1.02\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  letter-spacing:-.03em;\n}\n\n\n.tc1-form-head p{\n\n  max-width:570px;\n\n  margin-top:18px!important;\n\n  color:\n    var(--tc-text);\n\n  font-size:12.5px;\n\n  line-height:1.8;\n}\n\n\n.tc1-form{\n\n  margin-top:36px;\n}\n\n\n.tc1-form-grid{\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(2,1fr);\n\n  column-gap:16px;\n\n  row-gap:19px;\n}\n\n\n.tc1-field{\n\n  display:flex;\n\n  flex-direction:column;\n\n  gap:8px;\n}\n\n\n.tc1-field-full{\n\n  grid-column:\n    1 \/ -1;\n}\n\n\n.tc1-field label{\n\n  color:\n    var(--tc-navy);\n\n  font-size:9px;\n\n  font-weight:700;\n\n  letter-spacing:.04em;\n}\n\n\n.tc1-field input,\n.tc1-field select,\n.tc1-field textarea{\n\n  width:100%;\n\n  border:\n    1px solid\n    var(--tc-line);\n\n  border-radius:3px;\n\n  background:\n    rgba(255,255,255,.93);\n\n  color:\n    var(--tc-navy);\n\n  outline:0;\n\n  transition:\n    border-color .2s ease,\n    box-shadow .2s ease,\n    background .2s ease;\n}\n\n\n.tc1-field input,\n.tc1-field select{\n\n  height:52px;\n\n  padding:\n    0 15px;\n}\n\n\n.tc1-field textarea{\n\n  min-height:125px;\n\n  padding:\n    14px 15px;\n\n  resize:vertical;\n}\n\n\n.tc1-field input::placeholder,\n.tc1-field textarea::placeholder{\n\n  color:\n    #a3a5ab;\n}\n\n\n.tc1-field input:focus,\n.tc1-field select:focus,\n.tc1-field textarea:focus{\n\n  border-color:\n    rgba(184,117,55,.65);\n\n  background:#fff;\n\n  box-shadow:\n    0 0 0 3px\n    rgba(184,117,55,.06);\n}\n\n\n.tc1-consent{\n\n  margin-top:3px;\n}\n\n\n.tc1-consent label{\n\n  display:flex;\n\n  align-items:flex-start;\n\n  gap:10px;\n\n  color:\n    var(--tc-text);\n\n  cursor:pointer;\n\n  font-size:10px;\n\n  font-weight:400;\n\n  line-height:1.6;\n}\n\n\n.tc1-consent input{\n\n  width:16px;\n\n  height:16px;\n\n  min-width:16px;\n\n  margin-top:1px;\n\n  accent-color:\n    var(--tc-bronze);\n}\n\n\n.tc1-form-footer{\n\n  margin-top:25px;\n}\n\n\n.tc1-submit{\n\n  position:relative;\n\n  min-height:54px;\n\n  min-width:245px;\n\n  padding:\n    0 25px;\n\n  display:inline-flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  gap:14px;\n\n  border:0;\n\n  border-radius:3px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #c4894d,\n      #9f602e\n    );\n\n  color:#fff;\n\n  cursor:pointer;\n\n  font-size:9px;\n\n  font-weight:700;\n\n  letter-spacing:.11em;\n\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease,\n    opacity .25s ease;\n}\n\n\n.tc1-submit:hover{\n\n  transform:\n    translateY(-2px);\n\n  box-shadow:\n    0 14px 30px\n    rgba(167,96,46,.22);\n}\n\n\n.tc1-submit:disabled{\n\n  opacity:.65;\n\n  cursor:not-allowed;\n\n  transform:none;\n}\n\n\n.tc1-spinner{\n\n  display:none;\n\n  width:15px;\n\n  height:15px;\n\n  border:\n    2px solid\n    rgba(255,255,255,.35);\n\n  border-top-color:#fff;\n\n  border-radius:50%;\n\n  animation:\n    tc1spin .8s linear infinite;\n}\n\n\n.tc1-submit.is-loading\n.tc1-spinner{\n\n  display:block;\n}\n\n\n.tc1-submit.is-loading\n.tc1-submit-arrow{\n\n  display:none;\n}\n\n\n@keyframes tc1spin{\n\n  to{\n    transform:\n      rotate(360deg);\n  }\n\n}\n\n\n.tc1-form-status{\n\n  min-height:21px;\n\n  margin-top:13px!important;\n\n  color:\n    var(--tc-text);\n\n  font-size:10.5px;\n}\n\n\n.tc1-form-status.is-success{\n\n  color:#527050;\n}\n\n\n.tc1-form-status.is-error{\n\n  color:#a23f3f;\n}\n\n\n.tc1-honeypot{\n\n  position:absolute!important;\n\n  width:1px!important;\n\n  height:1px!important;\n\n  overflow:hidden!important;\n\n  clip:\n    rect(0,0,0,0)!important;\n\n  white-space:nowrap!important;\n}\n\n\n\n\/* =========================================================\n   VISIT\n========================================================= *\/\n\n.tc1-visit{\n\n  padding:\n    110px 0;\n\n  background:#fff;\n}\n\n\n.tc1-section-head{\n\n  display:flex;\n\n  align-items:flex-end;\n\n  justify-content:space-between;\n\n  gap:60px;\n\n  margin-bottom:50px;\n}\n\n\n.tc1-section-head h2{\n\n  max-width:760px;\n\n  margin-top:13px!important;\n\n  color:\n    var(--tc-navy);\n\n  font:\n    500\n    clamp(42px,4.6vw,66px)\/1.02\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  letter-spacing:-.03em;\n}\n\n\n.tc1-section-head>p{\n\n  max-width:420px;\n\n  color:\n    var(--tc-text);\n\n  font-size:12px;\n\n  line-height:1.82;\n}\n\n\n.tc1-visit-grid{\n\n  display:grid;\n\n  grid-template-columns:\n    .65fr 1.35fr;\n\n  border:\n    1px solid\n    var(--tc-line);\n\n  background:#fff;\n\n  box-shadow:\n    var(--tc-shadow);\n}\n\n\n.tc1-visit-info{\n\n  padding:\n    50px 45px;\n\n  background:\n    #fbf7f1;\n}\n\n\n.tc1-visit-label{\n\n  color:\n    var(--tc-bronze);\n\n  font-size:8px;\n\n  font-weight:700;\n\n  letter-spacing:.18em;\n}\n\n\n.tc1-visit-info h3{\n\n  margin-top:13px!important;\n\n  color:\n    var(--tc-navy);\n\n  font:\n    500\n    34px\/1.15\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n}\n\n\n.tc1-visit-info>p{\n\n  margin-top:13px!important;\n\n  color:\n    var(--tc-text);\n\n  font-size:12px;\n\n  line-height:1.75;\n}\n\n\n.tc1-visit-contact{\n\n  display:grid;\n\n  gap:16px;\n\n  margin-top:30px;\n\n  padding-top:27px;\n\n  border-top:\n    1px solid\n    var(--tc-line);\n}\n\n\n.tc1-visit-contact a{\n\n  display:flex;\n\n  flex-direction:column;\n\n  gap:3px;\n}\n\n\n.tc1-visit-contact span{\n\n  color:\n    var(--tc-muted);\n\n  font-size:8px;\n\n  text-transform:uppercase;\n\n  letter-spacing:.12em;\n}\n\n\n.tc1-visit-contact strong{\n\n  color:\n    var(--tc-navy);\n\n  font-size:12px;\n\n  font-weight:600;\n}\n\n\n.tc1-visit-note{\n\n  margin-top:28px!important;\n\n  padding-top:25px;\n\n  border-top:\n    1px solid\n    var(--tc-line);\n\n  font-size:10px!important;\n}\n\n\n.tc1-map{\n\n  min-height:440px;\n}\n\n\n.tc1-map iframe{\n\n  width:100%;\n\n  height:100%;\n\n  min-height:440px;\n\n  display:block;\n\n  border:0;\n\n  filter:\n    saturate(.70)\n    contrast(.98);\n}\n\n\n.tc1-space-gallery{\n\n  display:grid;\n\n  grid-template-columns:\n    1.35fr .825fr .825fr;\n\n  gap:12px;\n\n  margin-top:12px;\n}\n\n\n.tc1-space-gallery figure{\n\n  height:280px;\n\n  overflow:hidden;\n\n  background:\n    var(--tc-ivory);\n}\n\n\n.tc1-space-large{\n\n  height:330px!important;\n}\n\n\n.tc1-space-gallery img{\n\n  width:100%;\n\n  height:100%;\n\n  object-fit:cover;\n\n  transition:\n    transform .65s ease;\n}\n\n\n.tc1-space-gallery figure:hover img{\n\n  transform:\n    scale(1.035);\n}\n\n\n\n\/* =========================================================\n   JOURNEY\n========================================================= *\/\n\n.tc1-journey{\n\n  position:relative;\n\n  padding:\n    105px 0;\n\n  background:\n    linear-gradient(\n      180deg,\n      #faf5ef,\n      #fffdf9\n    );\n\n  overflow:hidden;\n}\n\n\n.tc1-section-center{\n\n  max-width:810px;\n\n  margin:\n    0 auto 50px;\n\n  text-align:center;\n}\n\n\n.tc1-section-center h2{\n\n  margin-top:13px!important;\n\n  color:\n    var(--tc-navy);\n\n  font:\n    500\n    clamp(42px,4.7vw,65px)\/1.02\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  letter-spacing:-.03em;\n}\n\n\n.tc1-journey-grid{\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  gap:14px;\n}\n\n\n.tc1-step{\n\n  padding:\n    9px 9px 29px;\n\n  background:#fff;\n\n  border:\n    1px solid\n    var(--tc-line);\n\n  box-shadow:\n    0 7px 23px\n    rgba(15,35,71,.035);\n}\n\n\n.tc1-step figure{\n\n  overflow:hidden;\n}\n\n\n.tc1-step img{\n\n  aspect-ratio:\n    1.35\/1;\n\n  object-fit:cover;\n\n  transition:\n    transform .65s ease;\n}\n\n\n.tc1-step:hover img{\n\n  transform:\n    scale(1.035);\n}\n\n\n.tc1-step-no{\n\n  display:block;\n\n  margin:\n    23px 17px 0;\n\n  color:\n    var(--tc-bronze);\n\n  font:\n    500\n    21px\/1\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n}\n\n\n.tc1-step h3{\n\n  margin:\n    8px 17px 0!important;\n\n  color:\n    var(--tc-navy);\n\n  font:\n    500\n    23px\/1.2\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n}\n\n\n.tc1-step p{\n\n  margin:\n    10px 17px 0!important;\n\n  color:\n    var(--tc-text);\n\n  font-size:10.5px;\n\n  line-height:1.7;\n}\n\n\n\n\/* =========================================================\n   FINAL CTA\n========================================================= *\/\n\n.tc1-final{\n\n  position:relative;\n\n  padding:\n    82px 0;\n\n  overflow:hidden;\n\n  color:#fff;\n\n  background:\n    radial-gradient(\n      circle at 95% 0,\n      rgba(214,163,110,.18),\n      transparent 34%\n    ),\n    var(--tc-navy-deep);\n}\n\n\n.tc1-final-flower{\n\n  position:absolute;\n\n  right:-60px;\n\n  bottom:-100px;\n\n  width:400px;\n\n  height:400px;\n\n  background-image:\n    url(\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-flower-corner-bottom-right-v001.png\");\n\n  background-repeat:no-repeat;\n\n  background-size:contain;\n\n  opacity:.15;\n\n  pointer-events:none;\n}\n\n\n.tc1-final-inner{\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n  gap:55px;\n}\n\n\n.tc1-final-eyebrow{\n\n  display:block;\n\n  color:\n    var(--tc-gold);\n\n  font-size:8px;\n\n  font-weight:700;\n\n  letter-spacing:.19em;\n}\n\n\n.tc1-final h2{\n\n  max-width:730px;\n\n  margin-top:13px!important;\n\n  color:#fff;\n\n  font:\n    400\n    clamp(42px,4.5vw,63px)\/1.02\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  letter-spacing:-.025em;\n}\n\n\n.tc1-final p{\n\n  margin-top:13px!important;\n\n  color:\n    rgba(255,255,255,.64);\n\n  font-size:12px;\n}\n\n\n.tc1-final-actions{\n\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:10px;\n\n  flex-shrink:0;\n}\n\n\n\n\/* =========================================================\n   MOBILE STICKY\n========================================================= *\/\n\n.tc1-mobile-sticky{\n\n  display:none;\n}\n\n\n\n\/* =========================================================\n   REVEAL\n========================================================= *\/\n\n.tc1-reveal{\n\n  opacity:0;\n\n  transform:\n    translateY(22px);\n\n  transition:\n    opacity .72s ease,\n    transform .72s ease;\n}\n\n\n.tc1-reveal.tc1-visible{\n\n  opacity:1;\n\n  transform:none;\n}\n\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:1100px){\n\n  .tc1-container{\n\n    width:\n      calc(\n        100%\n        -\n        54px\n      );\n  }\n\n\n  .tc1-hero-copy{\n\n    max-width:575px;\n  }\n\n\n  .tc1-info-card{\n\n    padding:\n      34px 27px;\n  }\n\n\n  .tc1-booking-grid{\n\n    gap:48px;\n  }\n\n\n  .tc1-booking-media img{\n\n    height:620px;\n  }\n\n\n  .tc1-booking-media-note{\n\n    right:-18px;\n\n    width:270px;\n  }\n\n\n  .tc1-journey-grid{\n\n    grid-template-columns:\n      repeat(2,1fr);\n  }\n\n}\n\n\n\n\/* =========================================================\n   TABLET PORTRAIT\n========================================================= *\/\n\n@media(max-width:900px){\n\n  .tc1-hero{\n\n    min-height:730px;\n\n    align-items:flex-end;\n  }\n\n\n  .tc1-hero-inner{\n\n    min-height:730px;\n\n    align-items:flex-end;\n  }\n\n\n  .tc1-hero-overlay{\n\n    background:\n      linear-gradient(\n        180deg,\n        rgba(255,252,248,.06) 0%,\n        rgba(255,252,248,.12) 36%,\n        rgba(255,252,248,.91) 66%,\n        rgba(255,252,248,.99) 100%\n      );\n  }\n\n\n  .tc1-hero-media img{\n\n    object-position:\n      58% 20%;\n  }\n\n\n  .tc1-hero-copy{\n\n    max-width:720px;\n\n    padding:\n      340px 0 60px;\n  }\n\n\n  .tc1-info-grid{\n\n    grid-template-columns:1fr;\n\n    margin-top:0;\n  }\n\n\n  .tc1-info-card{\n\n    min-height:0;\n  }\n\n\n  .tc1-info-card:not(:last-child){\n\n    border-right:0;\n\n    border-bottom:\n      1px solid\n      var(--tc-line);\n  }\n\n\n  .tc1-booking-grid{\n\n    grid-template-columns:1fr;\n\n    gap:68px;\n  }\n\n\n  .tc1-booking-media{\n\n    max-width:720px;\n\n    margin-inline:auto;\n  }\n\n\n  .tc1-booking-media img{\n\n    height:650px;\n  }\n\n\n  .tc1-booking-media-note{\n\n    right:18px;\n  }\n\n\n  .tc1-section-head{\n\n    display:block;\n  }\n\n\n  .tc1-section-head>p{\n\n    margin-top:19px;\n  }\n\n\n  .tc1-visit-grid{\n\n    grid-template-columns:1fr;\n  }\n\n\n  .tc1-map{\n\n    min-height:390px;\n  }\n\n\n  .tc1-map iframe{\n\n    min-height:390px;\n  }\n\n\n  .tc1-space-gallery{\n\n    grid-template-columns:\n      1fr 1fr;\n  }\n\n\n  .tc1-space-large{\n\n    grid-column:\n      1 \/ 3;\n  }\n\n\n  .tc1-final-inner{\n\n    display:block;\n  }\n\n\n  .tc1-final-actions{\n\n    margin-top:30px;\n  }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:767px){\n\n  body{\n\n    padding-bottom:64px;\n  }\n\n\n  .tc1-container{\n\n    width:\n      calc(\n        100%\n        -\n        30px\n      );\n  }\n\n\n  .tc1-flower{\n\n    opacity:.14!important;\n  }\n\n\n  \/* HERO *\/\n\n  .tc1-hero{\n\n    min-height:690px;\n  }\n\n\n  .tc1-hero-inner{\n\n    min-height:690px;\n  }\n\n\n  .tc1-hero-copy{\n\n    padding:\n      305px 0 52px;\n  }\n\n\n  .tc1-hero-copy h1{\n\n    font-size:\n      clamp(\n        45px,\n        12vw,\n        56px\n      );\n  }\n\n\n  .tc1-hero-copy p{\n\n    font-size:12.5px;\n  }\n\n\n  .tc1-hero-actions{\n\n    display:grid;\n  }\n\n\n  .tc1-btn{\n\n    width:100%;\n  }\n\n\n  .tc1-scroll{\n\n    display:none;\n  }\n\n\n  \/* CONTACT INFO *\/\n\n  .tc1-info{\n\n    padding-bottom:70px;\n  }\n\n\n  .tc1-info-card{\n\n    padding:\n      29px 25px;\n  }\n\n\n  \/* BOOKING *\/\n\n  .tc1-booking{\n\n    padding:\n      75px 0;\n  }\n\n\n  .tc1-booking-media figure{\n\n    border-radius:\n      150px 150px 10px 10px;\n  }\n\n\n  .tc1-booking-media img{\n\n    height:500px;\n  }\n\n\n  .tc1-booking-media-note{\n\n    position:relative;\n\n    right:auto;\n\n    bottom:auto;\n\n    width:\n      calc(100% - 30px);\n\n    margin:\n      -60px auto 0;\n\n    padding:\n      23px;\n  }\n\n\n  .tc1-form-head h2{\n\n    font-size:44px;\n  }\n\n\n  .tc1-form-grid{\n\n    grid-template-columns:1fr;\n  }\n\n\n  .tc1-field-full{\n\n    grid-column:auto;\n  }\n\n\n  .tc1-submit{\n\n    width:100%;\n  }\n\n\n  \/* VISIT *\/\n\n  .tc1-visit{\n\n    padding:\n      75px 0;\n  }\n\n\n  .tc1-section-head h2{\n\n    font-size:43px;\n  }\n\n\n  .tc1-visit-info{\n\n    padding:\n      35px 27px;\n  }\n\n\n  .tc1-space-gallery{\n\n    grid-template-columns:1fr;\n  }\n\n\n  .tc1-space-large{\n\n    grid-column:auto;\n\n    height:300px!important;\n  }\n\n\n  .tc1-space-gallery figure{\n\n    height:235px;\n  }\n\n\n  \/* JOURNEY *\/\n\n  .tc1-journey{\n\n    padding:\n      75px 0;\n  }\n\n\n  .tc1-section-center h2{\n\n    font-size:43px;\n  }\n\n\n  .tc1-journey-grid{\n\n    grid-template-columns:1fr;\n  }\n\n\n  \/* FINAL *\/\n\n  .tc1-final{\n\n    padding:\n      65px 0;\n  }\n\n\n  .tc1-final h2{\n\n    font-size:43px;\n  }\n\n\n  .tc1-final-actions{\n\n    display:grid;\n  }\n\n\n  \/* MOBILE STICKY *\/\n\n  .tc1-mobile-sticky{\n\n    position:fixed;\n\n    z-index:99990;\n\n    left:0;\n\n    right:0;\n\n    bottom:0;\n\n    height:62px;\n\n    display:grid;\n\n    grid-template-columns:\n      .82fr 1.18fr;\n\n    padding:\n      7px 9px;\n\n    gap:7px;\n\n    background:\n      rgba(255,253,249,.96);\n\n    border-top:\n      1px solid\n      var(--tc-line);\n\n    box-shadow:\n      0 -10px 30px\n      rgba(15,35,71,.08);\n\n    backdrop-filter:\n      blur(12px);\n  }\n\n\n  .tc1-mobile-sticky a{\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:center;\n\n    gap:9px;\n\n    border:\n      1px solid\n      var(--tc-line);\n\n    color:\n      var(--tc-navy);\n\n    font-size:9px;\n\n    font-weight:700;\n\n    letter-spacing:.08em;\n  }\n\n\n  .tc1-mobile-sticky a:last-child{\n\n    border-color:\n      var(--tc-bronze);\n\n    background:\n      var(--tc-bronze);\n\n    color:#fff;\n  }\n\n}\n\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media(max-width:430px){\n\n  .tc1-container{\n\n    width:\n      calc(\n        100%\n        -\n        24px\n      );\n  }\n\n\n  .tc1-hero-copy h1{\n\n    font-size:\n      clamp(\n        42px,\n        11.5vw,\n        49px\n      );\n  }\n\n\n  .tc1-form-head h2,\n  .tc1-section-head h2,\n  .tc1-section-center h2,\n  .tc1-final h2{\n\n    font-size:40px;\n  }\n\n\n  .tc1-booking-media img{\n\n    height:440px;\n  }\n\n}\n\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  .tc1-reveal{\n\n    opacity:1!important;\n\n    transform:none!important;\n\n    transition:none!important;\n  }\n\n\n  #thea-contact-v1 *,\n  #thea-contact-v1 *::before,\n  #thea-contact-v1 *::after{\n\n    animation:none!important;\n\n    transition:none!important;\n\n    scroll-behavior:auto!important;\n  }\n\n}\n\n<\/style>\n\n\n\n<script>\n\n(function(){\n\n  'use strict';\n\n\n  const root =\n    document.getElementById(\n      'thea-contact-v1'\n    );\n\n\n  if(\n    !root ||\n    root.dataset.ready === '1'\n  ){\n    return;\n  }\n\n\n  root.dataset.ready =\n    '1';\n\n\n  const reduced =\n    window.matchMedia(\n      '(prefers-reduced-motion: reduce)'\n    ).matches;\n\n\n\n  \/* =====================================================\n     REVEAL\n  ====================================================== *\/\n\n  const revealItems =\n    root.querySelectorAll(\n      '.tc1-reveal'\n    );\n\n\n  if(\n    'IntersectionObserver' in window &&\n    !reduced\n  ){\n\n    const observer =\n      new IntersectionObserver(\n        entries => {\n\n          entries.forEach(\n            entry => {\n\n              if(\n                entry.isIntersecting\n              ){\n\n                entry.target\n                  .classList\n                  .add(\n                    'tc1-visible'\n                  );\n\n\n                observer.unobserve(\n                  entry.target\n                );\n\n              }\n\n            }\n          );\n\n        },\n        {\n          threshold:.12,\n          rootMargin:\n            '0px 0px -5% 0px'\n        }\n      );\n\n\n    revealItems.forEach(\n      item =>\n        observer.observe(\n          item\n        )\n    );\n\n  }else{\n\n    revealItems.forEach(\n      item =>\n        item.classList.add(\n          'tc1-visible'\n        )\n    );\n\n  }\n\n\n\n  \/* =====================================================\n     SMOOTH SCROLL\n  ====================================================== *\/\n\n  root\n    .querySelectorAll(\n      'a[href^=\"#tc1-\"]'\n    )\n    .forEach(\n      link => {\n\n        link.addEventListener(\n          'click',\n          e => {\n\n            const id =\n              link.getAttribute(\n                'href'\n              );\n\n\n            const target =\n              root.querySelector(\n                id\n              );\n\n\n            if(!target){\n              return;\n            }\n\n\n            e.preventDefault();\n\n\n            target.scrollIntoView({\n              behavior:\n                reduced\n                  ? 'auto'\n                  : 'smooth',\n              block:'start'\n            });\n\n          }\n        );\n\n      }\n    );\n\n\n\n  \/* =====================================================\n     DATE MINIMUM\n  ====================================================== *\/\n\n  const dateInput =\n    root.querySelector(\n      '#tc1-date'\n    );\n\n\n  if(dateInput){\n\n    const today =\n      new Date();\n\n\n    const y =\n      today.getFullYear();\n\n\n    const m =\n      String(\n        today.getMonth() + 1\n      )\n      .padStart(\n        2,\n        '0'\n      );\n\n\n    const d =\n      String(\n        today.getDate()\n      )\n      .padStart(\n        2,\n        '0'\n      );\n\n\n    dateInput.min =\n      `${y}-${m}-${d}`;\n\n  }\n\n\n\n  \/* =====================================================\n     LANGUAGE\n  ====================================================== *\/\n\n  const KEY =\n    'thea_lang';\n\n\n  const LANG_SELECTOR =\n    '.th3-language a,' +\n    '.th3-mobile-language a,' +\n    '.tf2-language a,' +\n    '[data-thea-lang-switch]';\n\n\n  let lang =\n    'vi';\n\n\n  function norm(value){\n\n    return String(\n      value || ''\n    )\n    .replace(\n      \/\\s+\/g,\n      ' '\n    )\n    .trim();\n\n  }\n\n\n  function buttonLanguage(el){\n\n    const direct =\n      el.getAttribute(\n        'data-thea-lang-switch'\n      );\n\n\n    if(\n      direct === 'vi' ||\n      direct === 'en'\n    ){\n      return direct;\n    }\n\n\n    if(\n      el.classList.contains(\n        'th3-lang-vi'\n      )\n    ){\n      return 'vi';\n    }\n\n\n    if(\n      el.classList.contains(\n        'th3-lang-en'\n      )\n    ){\n      return 'en';\n    }\n\n\n    const text =\n      norm(\n        el.textContent\n      )\n      .toUpperCase();\n\n\n    if(text === 'VI'){\n      return 'vi';\n    }\n\n\n    if(text === 'EN'){\n      return 'en';\n    }\n\n\n    return null;\n\n  }\n\n\n  function translatePage(){\n\n    root\n      .querySelectorAll(\n        '[data-vi][data-en]'\n      )\n      .forEach(\n        el => {\n\n          el.textContent =\n            el.getAttribute(\n              'data-' + lang\n            );\n\n        }\n      );\n\n\n    root\n      .querySelectorAll(\n        '[data-placeholder-vi][data-placeholder-en]'\n      )\n      .forEach(\n        el => {\n\n          el.placeholder =\n            el.getAttribute(\n              'data-placeholder-' + lang\n            );\n\n        }\n      );\n\n\n    root.lang =\n      lang;\n\n\n    document.documentElement.lang =\n      lang;\n\n  }\n\n\n  function syncLanguageButtons(){\n\n    document\n      .querySelectorAll(\n        LANG_SELECTOR\n      )\n      .forEach(\n        el => {\n\n          const code =\n            buttonLanguage(el);\n\n\n          if(!code){\n            return;\n          }\n\n\n          el.classList.toggle(\n            'active',\n            code === lang\n          );\n\n        }\n      );\n\n  }\n\n\n  function setLanguage(\n    value,\n    notify\n  ){\n\n    value =\n      String(\n        value || ''\n      )\n      .toLowerCase()\n      .split('-')[0];\n\n\n    if(\n      value !== 'vi' &&\n      value !== 'en'\n    ){\n      return;\n    }\n\n\n    lang =\n      value;\n\n\n    try{\n\n      localStorage.setItem(\n        KEY,\n        lang\n      );\n\n    }catch(e){}\n\n\n    translatePage();\n\n    syncLanguageButtons();\n\n\n    if(notify){\n\n      document.dispatchEvent(\n\n        new CustomEvent(\n          'thea:languagechange',\n          {\n            detail:{\n              lang,\n              source:\n                'thea-contact-v1'\n            }\n          }\n        )\n\n      );\n\n    }\n\n  }\n\n\n  let initial =\n    'vi';\n\n\n  const requested =\n    new URLSearchParams(\n      location.search\n    )\n    .get('lang');\n\n\n  if(\n    requested === 'vi' ||\n    requested === 'en'\n  ){\n\n    initial =\n      requested;\n\n  }else{\n\n    try{\n\n      initial =\n        localStorage.getItem(\n          KEY\n        ) || 'vi';\n\n    }catch(e){}\n\n  }\n\n\n  setLanguage(\n    initial,\n    false\n  );\n\n\n  document.addEventListener(\n    'click',\n    e => {\n\n      const button =\n        e.target.closest(\n          LANG_SELECTOR\n        );\n\n\n      if(!button){\n        return;\n      }\n\n\n      const code =\n        buttonLanguage(\n          button\n        );\n\n\n      if(!code){\n        return;\n      }\n\n\n      e.preventDefault();\n\n\n      setLanguage(\n        code,\n        true\n      );\n\n    },\n    true\n  );\n\n\n  document.addEventListener(\n    'thea:languagechange',\n    e => {\n\n      if(\n        !e.detail ||\n        e.detail.source ===\n          'thea-contact-v1'\n      ){\n        return;\n      }\n\n\n      setLanguage(\n        e.detail.lang ||\n        e.detail.language,\n        false\n      );\n\n    }\n  );\n\n\n\n  \/* =====================================================\n     AJAX FORM\n  ====================================================== *\/\n\n  const form =\n    root.querySelector(\n      '#theaContactForm'\n    );\n\n\n  const submitButton =\n    root.querySelector(\n      '#tc1Submit'\n    );\n\n\n  const formStatus =\n    root.querySelector(\n      '#tc1FormStatus'\n    );\n\n\n  function setStatus(\n    text,\n    type\n  ){\n\n    formStatus.textContent =\n      text || '';\n\n\n    formStatus.classList.remove(\n      'is-success',\n      'is-error'\n    );\n\n\n    if(type){\n\n      formStatus.classList.add(\n        type\n      );\n\n    }\n\n  }\n\n\n  if(form){\n\n    form.addEventListener(\n      'submit',\n      async e => {\n\n        e.preventDefault();\n\n\n        setStatus(\n          '',\n          ''\n        );\n\n\n        if(\n          !form.checkValidity()\n        ){\n\n          form.reportValidity();\n\n          setStatus(\n            lang === 'vi'\n              ? 'Vui l\u00f2ng ki\u1ec3m tra c\u00e1c th\u00f4ng tin b\u1eaft bu\u1ed9c.'\n              : 'Please complete the required information.',\n            'is-error'\n          );\n\n          return;\n\n        }\n\n\n        submitButton.disabled =\n          true;\n\n\n        submitButton.classList.add(\n          'is-loading'\n        );\n\n\n        const data =\n          new FormData(\n            form\n          );\n\n\n        try{\n\n          const response =\n            await fetch(\n              window.location.origin +\n              '\/wp-admin\/admin-ajax.php',\n              {\n                method:'POST',\n                body:data,\n                credentials:'same-origin'\n              }\n            );\n\n\n          const result =\n            await response.json();\n\n\n          if(\n            result &&\n            result.success\n          ){\n\n            setStatus(\n              lang === 'vi'\n                ? 'THEA \u0111\u00e3 nh\u1eadn y\u00eau c\u1ea7u c\u1ee7a b\u1ea1n. \u0110\u1ed9i ng\u0169 s\u1ebd li\u00ean h\u1ec7 \u0111\u1ec3 x\u00e1c nh\u1eadn l\u1ecbch.'\n                : 'THEA has received your request. Our team will contact you to confirm your appointment.',\n              'is-success'\n            );\n\n\n            form.reset();\n\n\n            if(dateInput){\n\n              dateInput.min =\n                dateInput.min;\n\n            }\n\n          }else{\n\n            const message =\n              result &&\n              result.data &&\n              result.data.message\n                ? result.data.message\n                : (\n                  lang === 'vi'\n                    ? 'Ch\u01b0a th\u1ec3 g\u1eedi y\u00eau c\u1ea7u. Vui l\u00f2ng g\u1ecdi THEA qua 0918 411 771.'\n                    : 'Unable to send your request. Please call THEA at 0918 411 771.'\n                );\n\n\n            setStatus(\n              message,\n              'is-error'\n            );\n\n          }\n\n        }catch(error){\n\n          setStatus(\n            lang === 'vi'\n              ? 'K\u1ebft n\u1ed1i g\u1eedi form ch\u01b0a ho\u1ea1t \u0111\u1ed9ng. Vui l\u00f2ng g\u1ecdi THEA qua 0918 411 771.'\n              : 'The booking form connection is unavailable. Please call THEA at 0918 411 771.',\n            'is-error'\n          );\n\n        }finally{\n\n          submitButton.disabled =\n            false;\n\n\n          submitButton.classList.remove(\n            'is-loading'\n          );\n\n        }\n\n      }\n    );\n\n  }\n\n\n  window.THEAContactV1 = {\n\n    setLanguage:\n      code =>\n        setLanguage(\n          code,\n          true\n        ),\n\n    getLanguage:\n      () => lang\n\n  };\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>LI\u00caN H\u1ec6 \u00b7 \u0110\u1eb6T H\u1eb8N B\u1eaft \u0111\u1ea7u b\u1eb1ng m\u1ed9t cu\u1ed9c tr\u00f2 chuy\u1ec7n. M\u1ed7i h\u00e0nh tr\u00ecnh t\u1ea1i THEA b\u1eaft \u0111\u1ea7u t\u1eeb vi\u1ec7c l\u1eafng nghe. Chia s\u1ebb \u0111i\u1ec1u b\u1ea1n \u0111ang quan t\u00e2m \u0111\u1ec3 \u0111\u1ed9i ng\u0169 THEA c\u00f3 th\u1ec3 trao \u0111\u1ed5i c\u00f9ng b\u1ea1n v\u1ec1 h\u01b0\u1edbng ch\u0103m s\u00f3c ph\u00f9 h\u1ee3p. \u0110\u1eb6T L\u1ecaCH T\u01af V\u1ea4N \u2192 G\u1eccI THEA SCROLL \u2193 [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-4868","page","type-page","status-publish","hentry"],"lang":"vi","translations":{"vi":4868},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/theaclinic.vn\/index.php?rest_route=\/wp\/v2\/pages\/4868","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theaclinic.vn\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theaclinic.vn\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theaclinic.vn\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/theaclinic.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4868"}],"version-history":[{"count":4,"href":"https:\/\/theaclinic.vn\/index.php?rest_route=\/wp\/v2\/pages\/4868\/revisions"}],"predecessor-version":[{"id":4873,"href":"https:\/\/theaclinic.vn\/index.php?rest_route=\/wp\/v2\/pages\/4868\/revisions\/4873"}],"wp:attachment":[{"href":"https:\/\/theaclinic.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4868"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}