xe ghép hà nội phù ninh
IMAGE PROFILE THANH LOAN GO

Xe Ghép Hà Nội Phù Ninh | Phù Ninh Hà Nội Đưa Đón Tận Nơi Giá Rẻ

Dịch Vụ Xe Ghép Hà Nội Phù Ninh – Đón Trả Tận Nơi, Giá Rẻ, Uy Tín

Nhu cầu di chuyển giữa Hà Nội và huyện Phù Ninh (Phú Thọ) ngày càng tăng cao phục vụ công việc, học tập, khám chữa bệnh hay thăm thân. Thay vì phải ra bến xe chen chúc, chờ đợi xe khách dọc đường hay tốn kém chi phí bắt taxi truyền thống, dịch vụ xe ghép Hà Nội Phù Ninh ra đời như một giải pháp di chuyển tối ưu. Với tiêu chí “Đón tận cửa – Trả tận nơi – Tiết kiệm – An toàn”, chúng tôi hướng tới trải nghiệm hành trình thoải mái như xe nhà riêng.

Bảng Giá Cước Xe Ghép Hà Nội – Phù Ninh Mới Nhất

Sự minh bạch về giá vé luôn là yếu tố giúp khách hàng yên tâm lựa chọn dịch vụ xe đi Phù Ninh giá rẻ. Dưới đây là bảng giá tham khảo áp dụng cho hình thức ghép chỗ linh hoạt và bao xe trọn gói:

Giá vé ghép chỗ linh hoạt theo khu vực tại Phù Ninh

Khu vực đón/trả tại Phù Ninh Hình thức ghép chỗ (4 - 7 chỗ) Hình thức bao xe trọn gói
Khu vực trung tâm: Thị trấn Phong Châu, Phú Lộc 150.000đ – 180.000đ / vé 600.000đ – 700.000đ
Khu vực lân cận: Phú Nham, Tiên Phú, Trạm Thản 170.000đ – 190.000đ / vé 700.000đ – 800.000đ
Khu vực xã xa: Trị Quận, Hồng Đà, Phú Mỹ 180.000đ – 200.000đ / vé 750.000đ – 850.000đ
Khu vực ven sông: Tử Đà, Vĩnh Phú, An Đạo 190.000đ – 200.000đ / vé 800.000đ – 900.000đ

Lưu ý: Giá trên đã trọn gói, cam kết không thu thêm phụ phí vô lý khi vào ngõ sâu hoặc đón trả tận nhà.

Giá bao xe trọn gói (Xe 4 chỗ & 7 chỗ)

  • Bao xe 4 chỗ: Thích hợp cho gia đình nhỏ từ 2 - 4 người, đi riêng tư, thoải mái giờ giấc.
  • Bao xe 7 chỗ: Không gian rộng rãi cho nhóm đông người, nhiều hành lý hoặc đi khám bệnh tuyến Trung ương tại Hà Nội.

Lộ Trình & Thời Gian Di Chuyển Từ Hà Nội Về Phù Ninh

Hiểu rõ lộ trình giúp hành khách chủ động sắp xếp thời gian công việc cá nhân một cách tốt nhất.

Lộ trình di chuyển tiêu chuẩn

  • Tuyến cao tốc: Hà Nội → Cầu Thăng Long / Nhật Tân → Cao tốc Nội Bài – Lào Cai → Nút giao IC7/IC8 → Huyện Phù Ninh.
  • Tuyến quốc lộ: Hà Nội → Cầu Thăng Long → Quốc lộ 2 → Vĩnh Phúc → Phù Ninh.

Thời gian chạy trung bình & khung giờ xuất phát

  • Thời gian di chuyển: Chỉ từ 60 đến 90 phút tùy thuộc vào điểm đón trả cụ thể tại nội thành Hà Nội hay các xã tại Phù Ninh.
  • Tần suất chạy liên tục trong ngày:
    • Sớm (5:00 – 6:00): Phục vụ khách đi khám bệnh, công tác sớm tại Hà Nội.
    • Ban ngày (7:00 – 17:00): Các chuyến liên tục cách nhau từ 1 - 2 tiếng phục vụ người đi làm, học sinh, sinh viên.
    • Buổi tối (18:00 – 20:00): Chuyến muộn về quê cuối ngày.

Các Dòng Xe Sử Dụng & Tiện Ích Dịch Vụ

Dịch vụ xe tiện chuyến Hà Nội Phù Ninh đầu tư vào hệ thống phương tiện và chất lượng phục vụ để mang đến hành trình thuận tiện, an toàn và thoải mái cho khách hàng.

Dàn xe đời mới 4 – 7 chỗ sạch sẽ, êm ái

  • Sử dụng các dòng xe như Vios, Accent, Mazda, Innova, Xpander... được bảo dưỡng định kỳ.
  • Không gian xe được dọn dẹp sạch sẽ, không mùi hôi, điều hòa mát lạnh, ghế ngồi êm ái giúp hạn chế tối đa cảm giác mệt mỏi, say xe.

Đón trả tận cửa tại tất cả các xã, thị trấn thuộc huyện Phù Ninh

Dịch vụ xe ghép Phú Thọ Hà Nội nói chung và tuyến Phù Ninh nói riêng hỗ trợ đưa đón tận nơi tại nhiều địa bàn:

  • Thị trấn Phong Châu.
  • An Đạo.
  • Bình Bộ.
  • Phù Ninh.
  • Tiên Du.
  • Trị Quận.
  • Trung Giáp.
  • Hạ Giáp.
  • Liên Hoa.
  • Phú Mỹ.
  • Lệ Mỹ.
  • Gia Thanh.
  • Bảo Thanh.
  • Trạm Thản.
  • Phú Lộc.
  • Phú Nham.
  • Tử Đà.
  • Vĩnh Phú.

Hỗ trợ đón trả tận nơi tại các quận nội thành Hà Nội, các bệnh viện lớn như Bạch Mai, Việt Đức, K, 108... và sân bay Nội Bài theo lịch trình cụ thể.

Dịch vụ ký gửi hàng hóa nhanh chóng, an toàn

Bên cạnh chở khách, chúng tôi nhận vận chuyển tài liệu, quà biếu, thực phẩm, hàng hóa liên tỉnh từ Hà Nội về Phù Ninh và ngược lại với cước phí hợp lý, hỗ trợ giao tận tay người nhận đúng hẹn theo thỏa thuận.

Tại Sao Người Dân Phù Ninh Tin Chọn Dịch Vụ Xe Ghép Của Chúng Tôi?

  1. Tài xế chuyên tuyến kinh nghiệm lâu năm: Đội ngũ lái xe am hiểu từng cung đường lớn nhỏ tại Phù Ninh, lái xe điềm đạm, không phóng nhanh vượt ẩu, đặt sự an toàn của hành khách lên hàng đầu.
  2. Cam kết không nhồi nhét khách: Đúng số lượng ghế quy định, không bắt khách dọc đường, không gian ngồi rộng rãi, thoải mái.
  3. Đúng giờ, uy tín: Tài xế luôn liên hệ trước giờ khởi hành và đón khách đúng hẹn, hạn chế ảnh hưởng đến lịch trình của khách hàng.
  4. Tiết kiệm chi phí: Chi phí được tối ưu so với việc đi xe riêng, phù hợp với nhu cầu di chuyển cá nhân và gia đình.

Hướng Dẫn Cách Đặt Xe Ghép Hà Nội Phù Ninh Nhanh Chóng

Để đặt xe đi tuyến Hà Nội – Phù Ninh hoặc ngược lại, quý khách chỉ cần thực hiện 3 bước đơn giản:

  1. Bước 1: Gọi điện trực tiếp hoặc nhắn tin qua Zalo tới Hotline: 0355164283.
  2. Bước 2: Cung cấp thông tin lịch trình: địa điểm đón, điểm trả, thời gian đi và số lượng hành khách.
  3. Bước 3: Tổng đài điều phối tài xế gần nhất liên hệ đón khách đúng giờ. Thanh toán trực tiếp cho tài xế sau khi kết thúc chuyến đi.

Câu Hỏi Thường Gặp (FAQ) Về Tuyến Xe Ghép Hà Nội – Phù Ninh

Q1: Đặt xe ghép Hà Nội Phù Ninh trước bao lâu thì có xe?

Trả lời: Quý khách nên đặt trước từ 1 - 2 tiếng hoặc đặt trước từ hôm trước đối với các chuyến đi sáng sớm để chúng tôi sắp xếp xe đón đúng khung giờ yêu cầu một cách chu đáo nhất.

Q2: Xe có vào tận các xã sâu hoặc đường ngõ nhỏ tại Phù Ninh không?

Trả lời: Có. Tài xế sẽ hỗ trợ vào tận nhà nếu điều kiện đường xá cho phép xe 4 - 7 chỗ di chuyển an toàn, giúp người già và trẻ nhỏ không phải di chuyển ra quốc lộ vất vả.

Q3: Tôi muốn bao trọn xe để đi gia đình hoặc có việc riêng thì giá tính thế nào?

Trả lời: Hình thức bao xe trọn gói có mức giá dao động từ 600.000đ – 900.000đ tùy thuộc vào điểm đến cụ thể tại các xã của huyện Phù Ninh, mang lại không gian riêng tư hoàn toàn cho quý khách.

LIÊN HỆ ĐẶT XE : XE GHÉP HÀ NỘI PHÙ NINH - XE GHÉP PHÙ NINH HÀ NỘI

  • GIÁ RẺ, TIẾT KIỆM CHI PHÍ
  • BÁO GIÁ TRỌN GÓI, MINH BẠCH, KHÔNG PHÁT SINH PHỤ PHÍ
  • ĐÓN TRẢ TẬN NƠI (TẬN NHÀ - TẬN ĐIỂM ĐẾN)
  • PHỤC VỤ 24/7, CÓ CHUYẾN CHẠY ĐÊM/SÁNG SỚM
  • ĐẶT XE NHANH GỌN, DỄ DÀNG
  • TÀI XẾ LÁI XE AN TOÀN, LỊCH SỰ, RÀNH ĐƯỜNG
  • CHẤT LƯỢNG XE TỐT, ĐỜI MỚI, SẠCH SẼ, KHÔNG MÙI
  • KHÔNG NHỒI NHÉT VƯỢT QUÁ SỐ NGƯỜI QUY ĐỊNH
  • LỘ TRÌNH ĐÓN/TRẢ KHÁCH GHÉP HỢP LÝ, KHÔNG ĐI VÒNG VÈO MẤT THỜI GIAN
  • CAM KẾT ĐÚNG GIỜ, KHÔNG CAO SU, KHÔNG HỦY CHUYẾN ĐỘT NGỘT
  • ĐƯỢC MANG THEO HÀNH LÝ THOẢI MÁI
  • HỖ TRỢ NHẬN GỬI HÀNG HÓA, BƯU PHẨM NHANH

THANH LOAN GO

Dịch vụ xe ghép: XE GHÉP HÀ NỘI PHÙ NINH - XE GHÉP PHÙ NINH HÀ NỘI

Địa chỉ: Số 2/25 P ngõ Hồ Giám, Phường Văn Miếu - Quốc Tử Giám, Thành phố Hà Nội

Số điện thoại liên hệ: 0355164283

Zalo: https://zalo.me/0355164283

Website: https://thanhloangroup.com/thanh-loan-go/

/* ========================================================= RESET ========================================================= */ * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; background: #07142b; } body { margin: 0 !important; background: #07142b !important; font-family: Arial, Helvetica, sans-serif !important; color: #ffffff !important; line-height: 1.7; overflow-x: hidden; } /* ========================================================= BIẾN CHUNG ========================================================= */ :root { --blue: #1E50A2; --blue-dark: #0b2454; --blue-deep: #061735; --blue-light: #2d68c7; --blue-soft: #123875; --red: #ff5858; --red-dark: #d93636; --red-light: #ff7777; --white: #ffffff; --text: #ffffff; --text-soft: #dbe7ff; --text-muted: #b9c9e7; --border: rgba(255, 255, 255, 0.18); --border-soft: rgba(255, 255, 255, 0.10); --border-red: rgba(255, 88, 88, 0.65); --shadow: 0 0 25px rgba(255, 88, 88, 0.12); } /* ========================================================= KHUNG WEBSITE ========================================================= */ .container { position: relative; z-index: 1; width: min(95%, 1000px); margin: 25px auto; padding: 12px; background: linear-gradient( 180deg, rgba(18, 57, 122, 0.96), rgba(6, 23, 53, 0.98) ); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 14px; color: #ffffff !important; box-shadow: 0 0 30px rgba(0, 0, 0, 0.35), 0 0 20px rgba(30, 80, 162, 0.12); } /* ========================================================= ẢNH NỀN ========================================================= */ .image_background { width: 100%; overflow: hidden; border-radius: 12px; background: var(--blue-dark); } .image_background img { display: block; width: 100%; height: auto; border-radius: 12px; object-fit: cover; } /* ========================================================= HEADER ========================================================= */ .header_info { display: flex !important; justify-content: space-between; align-items: center; gap: 20px; margin: 20px 0 30px; padding: 18px; flex-wrap: wrap; background: linear-gradient( 135deg, rgba(11, 36, 84, 0.96), rgba(18, 57, 122, 0.84) ); border: 1px solid rgba(255, 88, 88, 0.35) !important; border-radius: 14px; box-shadow: 0 0 20px rgba(255, 88, 88, 0.08); } .left_info { display: flex; align-items: center; gap: 15px; min-width: 0; flex: 1; } .header_profile { width: 110px; height: 110px; padding: 0; margin: 0; flex-shrink: 0; overflow: hidden; background: var(--blue-dark); border: 3px solid var(--red); border-radius: 50%; box-shadow: 0 0 12px rgba(255, 88, 88, 0.45), 0 0 25px rgba(255, 88, 88, 0.12); } .header_profile img { display: block; width: 100%; height: 100%; object-fit: cover; } .left_info h1, .header_info h1 { margin: 0; color: #ffffff !important; font-size: clamp(24px, 4vw, 38px); line-height: 1.25; font-weight: 700; text-shadow: 0 0 8px rgba(255, 255, 255, 0.10); } /* ========================================================= SOCIAL ========================================================= */ .right_info { display: flex !important; align-items: center; justify-content: flex-end; gap: 12px; flex-wrap: wrap; margin-left: auto; } .right_info a { display: block; text-decoration: none !important; } .logo_social { width: 52px; height: 52px; display: grid; place-items: center; flex-shrink: 0; overflow: hidden; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 88, 88, 0.45); border-radius: 10px; transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; } .logo_social img { display: block; width: 100%; height: 100%; object-fit: contain; opacity: 1; filter: none !important; } .right_info a:hover .logo_social { transform: translateY(-3px); background: rgba(255, 88, 88, 0.12); border-color: var(--red); box-shadow: 0 0 10px rgba(255, 88, 88, 0.45), 0 0 20px rgba(255, 88, 88, 0.12); } /* ========================================================= BIO BOX ========================================================= */ .bio_box { position: relative; width: 100%; margin-top: 20px; padding: 25px; overflow: hidden; color: #ffffff !important; background: linear-gradient( 180deg, rgba(18, 57, 122, 0.95), rgba(7, 20, 43, 0.98) ) !important; border: 2px solid var(--red) !important; border-radius: 14px; box-shadow: 0 0 25px rgba(255, 88, 88, 0.12), inset 0 0 25px rgba(0, 0, 0, 0.15); } .bio_box::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--red); box-shadow: 0 0 10px var(--red), 0 0 22px var(--red); z-index: 2; } /* ========================================================= ÉP CHỮ TRẮNG TOÀN BỘ NỘI DUNG ========================================================= */ .bio_box, .bio_box *, .tlg-future, .tlg-future *, .tlg-shell, .tlg-shell *, .service-content, .service-content * { color: #ffffff !important; } /* ========================================================= TLG FUTURE ========================================================= */ .tlg-future { width: 100%; position: relative; background: linear-gradient( 180deg, rgba(18, 57, 122, 0.92), rgba(7, 20, 43, 0.98) ) !important; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 12px; overflow: hidden; } .tlg-shell { width: 100%; padding: 0; color: #ffffff !important; } /* ========================================================= SERVICE CONTENT ========================================================= */ .service-content { width: 100%; color: #ffffff !important; font-size: 16px; line-height: 1.8; } /* ========================================================= TIÊU ĐỀ ========================================================= */ .service-content h1 { margin: 0 0 20px; padding-bottom: 12px; color: #ffffff !important; font-size: 32px; font-weight: 700; line-height: 1.35; border-bottom: 2px solid rgba(255, 88, 88, 0.55); } .service-content h2 { position: relative; margin: 32px 0 17px; padding: 13px 17px; color: #ffffff !important; background: linear-gradient( 90deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.015) ); border-left: 5px solid var(--red); border-radius: 6px; font-size: 24px; font-weight: 700; line-height: 1.4; text-shadow: 0 0 8px rgba(255, 255, 255, 0.08); } .service-content h3 { margin: 24px 0 12px; padding: 9px 13px; color: #ffffff !important; background: linear-gradient( 135deg, #123875, #0b2454 ); border-left: 4px solid var(--red); border-radius: 6px; font-size: 20px; font-weight: 700; line-height: 1.4; } /* ========================================================= ĐOẠN VĂN ========================================================= */ .service-content p { margin: 0 0 16px; color: #ffffff !important; font-size: 16px; line-height: 1.8; } .service-content strong, .service-content b { color: #ffffff !important; font-weight: 700; } .service-content em { color: var(--text-soft) !important; } /* ========================================================= DANH SÁCH ========================================================= */ .service-content ul, .service-content ol { margin: 17px 0; padding: 16px 20px 16px 42px; background: rgba(255, 255, 255, 0.055); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 10px; } .service-content li { margin-bottom: 8px; color: #ffffff !important; line-height: 1.75; } .service-content li:last-child { margin-bottom: 0; } .service-content li::marker { color: var(--red) !important; font-weight: 700; } /* ========================================================= DANH SÁCH LỒNG NHAU ========================================================= */ .service-content ul ul, .service-content ol ol, .service-content ul ol, .service-content ol ul { margin-top: 10px; margin-bottom: 5px; padding-top: 10px; padding-bottom: 10px; background: rgba(0, 0, 0, 0.12); border: 1px solid rgba(255, 255, 255, 0.10); } /* ========================================================= LINK ========================================================= */ .service-content a { color: #ffffff !important; font-weight: 700; text-decoration: underline; text-decoration-color: var(--red); text-decoration-thickness: 2px; text-underline-offset: 3px; transition: color 0.2s ease, text-decoration-color 0.2s ease; } .service-content a:hover { color: #ffe1e1 !important; text-decoration-color: #ff7777; } /* ========================================================= NOTE / ITALIC ========================================================= */ .service-content p > em { display: block; margin-top: 5px; padding: 13px 16px; color: #ffffff !important; background: linear-gradient( 135deg, rgba(18, 56, 117, 0.88), rgba(11, 36, 84, 0.92) ); border-left: 4px solid var(--red); border-radius: 7px; font-style: italic; } /* ========================================================= TABLE RESPONSIVE ========================================================= */ .table-responsive { width: 100%; margin: 20px 0; overflow-x: auto; -webkit-overflow-scrolling: touch; border: 2px solid var(--red); border-radius: 12px; background: #0b2454; box-shadow: 0 0 18px rgba(255, 88, 88, 0.10); } /* ========================================================= TABLE ========================================================= */ .service-content table { width: 100%; min-width: 680px; border-collapse: collapse; border-spacing: 0; background: #0b2454 !important; color: #ffffff !important; } .service-content thead { background: #123875 !important; } .service-content th { padding: 14px 12px; color: #ffffff !important; background: #123875 !important; border: 1px solid rgba(255, 255, 255, 0.25); font-size: 15px; font-weight: 700; line-height: 1.5; text-align: center; vertical-align: middle; } .service-content td { padding: 13px 12px; color: #ffffff !important; background: #0b2454 !important; border: 1px solid rgba(255, 255, 255, 0.18); font-size: 15px; line-height: 1.6; vertical-align: top; } .service-content tbody tr:nth-child(even) td { background: #102e65 !important; } .service-content tbody tr:hover td { background: #173d80 !important; } .service-content td strong { color: #ffffff !important; } /* Căn giữa cột giá */ .service-content td:nth-child(2), .service-content td:nth-child(3) { text-align: center; font-weight: 600; } /* ========================================================= FAQ ========================================================= */ .faq-item { margin: 15px 0; padding: 17px 18px; background: linear-gradient( 135deg, rgba(18, 56, 117, 0.80), rgba(11, 36, 84, 0.90) ); border: 1px solid rgba(255, 255, 255, 0.18); border-left: 5px solid var(--red); border-radius: 10px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15); } .faq-item h3 { margin: 0 0 10px; padding: 0; background: transparent; border: 0; border-radius: 0; font-size: 19px; line-height: 1.5; } .faq-item p { margin: 0; line-height: 1.75; } .faq-item strong { color: #ffffff !important; } /* ========================================================= CONTACT INFO ========================================================= */ .contact-info { margin-top: 30px; padding: 22px; background: linear-gradient( 135deg, rgba(18, 56, 117, 0.96), rgba(11, 36, 84, 0.98) ); border: 2px solid var(--red); border-radius: 12px; box-shadow: 0 0 20px rgba(255, 88, 88, 0.12); } .contact-info h2 { margin: 0 0 20px; padding: 0 0 12px; background: transparent; border-left: 0; border-bottom: 2px solid rgba(255, 88, 88, 0.45); border-radius: 0; font-size: 24px; } .contact-info p { margin-bottom: 11px; } .contact-info p:last-child { margin-bottom: 0; } /* ========================================================= PHONE LINK ========================================================= */ .contact-info a[href^="tel:"] { display: inline-block; padding: 3px 10px; color: #ffffff !important; background: rgba(255, 88, 88, 0.14); border: 1px solid rgba(255, 88, 88, 0.45); border-radius: 6px; text-decoration: none; transition: background 0.2s ease, transform 0.2s ease; } .contact-info a[href^="tel:"]:hover { background: rgba(255, 88, 88, 0.25); transform: translateY(-1px); } /* ========================================================= ZALO / WEBSITE ========================================================= */ .contact-info a[target="_blank"] { word-break: break-word; } /* ========================================================= SERVICE BENEFITS ========================================================= */ .service-benefits { list-style: none !important; padding: 18px !important; margin: 20px 0 !important; background: linear-gradient( 135deg, rgba(18, 56, 117, 0.82), rgba(11, 36, 84, 0.92) ) !important; border: 1px solid rgba(255, 88, 88, 0.28) !important; border-radius: 12px; } .service-benefits li { position: relative; padding: 9px 10px 9px 33px; margin: 0 !important; color: #ffffff !important; border-bottom: 1px solid rgba(255, 255, 255, 0.08); line-height: 1.6; } .service-benefits li:last-child { border-bottom: 0; } .service-benefits li::before { content: "✓"; position: absolute; top: 8px; left: 5px; color: var(--red) !important; font-size: 18px; font-weight: 700; } .service-benefits li::marker { content: ""; } /* ========================================================= BLOCKQUOTE ========================================================= */ .service-content blockquote { margin: 20px 0; padding: 16px 18px; background: linear-gradient( 135deg, #123875, #0b2454 ); border-left: 5px solid var(--red); border-top: 1px solid rgba(255, 255, 255, 0.12); border-right: 1px solid rgba(255, 255, 255, 0.12); border-bottom: 1px solid rgba(255, 255, 255, 0.12); border-radius: 8px; } /* ========================================================= HIGHLIGHT HOTLINE ========================================================= */ .contact-info p strong:first-child { font-weight: 700; } /* ========================================================= ẢNH TRONG NỘI DUNG ========================================================= */ .service-content img { display: block; width: 100%; max-width: 100%; height: auto; margin: 20px auto; border-radius: 10px; object-fit: cover; } /* ========================================================= TEXT SELECTION ========================================================= */ .service-content ::selection, .header_info ::selection, .bio_box ::selection { background: var(--red); color: #ffffff; } /* ========================================================= SCROLL BAR ========================================================= */ .table-responsive::-webkit-scrollbar { height: 8px; } .table-responsive::-webkit-scrollbar-track { background: #061735; border-radius: 10px; } .table-responsive::-webkit-scrollbar-thumb { background: var(--red); border-radius: 10px; } .table-responsive::-webkit-scrollbar-thumb:hover { background: var(--red-light); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 768px) { .container { width: 95%; margin: 15px auto; padding: 8px; } /* HEADER */ .header_info { flex-direction: column; justify-content: center; text-align: center; padding: 15px; } .left_info { width: 100%; flex-direction: column; justify-content: center; text-align: center; } .left_info h1, .header_info h1 { font-size: 26px; line-height: 1.35; } .header_profile { width: 90px; height: 90px; } /* SOCIAL */ .right_info { width: 100%; justify-content: center; margin-left: 0; } .logo_social { width: 45px; height: 45px; } /* BIO */ .bio_box { padding: 18px; border-radius: 12px; } .tlg-shell { padding: 0; } /* CONTENT */ .service-content { font-size: 15px; } .service-content p { font-size: 15px; line-height: 1.75; } .service-content h1 { font-size: 26px; } .service-content h2 { margin-top: 27px; padding: 11px 14px; font-size: 21px; } .service-content h3 { font-size: 18px; } .service-content ul, .service-content ol { padding-left: 34px; } /* TABLE */ .table-responsive { margin: 18px 0; border-radius: 9px; } .service-content table { min-width: 650px; } .service-content th, .service-content td { padding: 10px; font-size: 14px; } /* FAQ */ .faq-item { padding: 14px; } .faq-item h3 { font-size: 17px; } /* CONTACT */ .contact-info { padding: 17px; } .contact-info h2 { font-size: 21px; } .service-benefits { padding: 12px !important; } .service-benefits li { padding-left: 29px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 480px) { body { font-size: 14px; } .container { width: 98%; margin: 10px auto; padding: 6px; border-radius: 10px; } /* IMAGE */ .image_background, .image_background img { border-radius: 9px; } /* HEADER */ .header_info { margin: 12px 0 20px; padding: 13px; gap: 13px; border-radius: 11px; } .header_profile { width: 75px; height: 75px; border-width: 2px; } .left_info h1, .header_info h1 { font-size: 21px; line-height: 1.3; } /* SOCIAL */ .right_info { gap: 8px; } .logo_social { width: 37px; height: 37px; border-radius: 8px; } /* BIO */ .bio_box { margin-top: 12px; padding: 12px; border-radius: 10px; } .tlg-future { border-radius: 8px; } /* TEXT */ .service-content { font-size: 14px; line-height: 1.7; } .service-content p { font-size: 14px; line-height: 1.75; } /* H2 */ .service-content h2 { margin-top: 22px; margin-bottom: 12px; padding: 9px 11px; border-left-width: 4px; border-radius: 5px; font-size: 18px; line-height: 1.45; } /* H3 */ .service-content h3 { margin-top: 18px; padding: 8px 10px; border-left-width: 3px; font-size: 16px; } /* LIST */ .service-content ul, .service-content ol { margin: 13px 0; padding: 12px 12px 12px 29px; border-radius: 8px; } .service-content li { margin-bottom: 7px; line-height: 1.65; } /* NOTE */ .service-content p > em { padding: 11px 12px; border-left-width: 3px; } /* TABLE */ .table-responsive { margin: 15px 0; border-width: 1px; border-radius: 8px; } .service-content table { min-width: 620px; } .service-content th, .service-content td { padding: 8px; font-size: 13px; line-height: 1.5; } /* FAQ */ .faq-item { margin: 10px 0; padding: 12px; border-left-width: 3px; border-radius: 8px; } .faq-item h3 { margin-bottom: 7px; font-size: 16px; } .faq-item p { font-size: 14px; } /* BENEFITS */ .service-benefits { padding: 10px !important; border-radius: 9px; } .service-benefits li { padding: 8px 5px 8px 27px; font-size: 14px; line-height: 1.6; } .service-benefits li::before { top: 7px; left: 2px; font-size: 16px; } /* CONTACT */ .contact-info { margin-top: 22px; padding: 14px; border-radius: 9px; } .contact-info h2 { margin-bottom: 14px; font-size: 19px; } .contact-info p { font-size: 14px; line-height: 1.65; } .contact-info a { word-break: break-word; } } /* ========================================================= MOBILE SIÊU NHỎ ========================================================= */ @media (max-width: 360px) { .container { width: 99%; padding: 4px; } .header_info { padding: 10px; } .left_info h1, .header_info h1 { font-size: 19px; } .header_profile { width: 68px; height: 68px; } .logo_social { width: 34px; height: 34px; } .bio_box { padding: 9px; } .service-content h2 { font-size: 17px; padding: 8px 9px; } .service-content h3 { font-size: 15px; padding: 7px 8px; } .service-content p, .service-content li { font-size: 13px; } .service-content th, .service-content td { font-size: 12px; padding: 7px; } .contact-info h2 { font-size: 18px; } } /* ========================================================= ACCESSIBILITY / REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition: none !important; animation: none !important; } }