/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.9
	Stable tag: 3.4.9
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/

@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Space+Grotesk:wght@300..700&display=swap');
body *:not(i){
font-family: "Be Vietnam Pro", sans-serif !important;
}
/*
@media(max-width:768px){
h1.elementor-heading-title{
	font-size:25px
}
	
}
*/


/* Áp dụng riêng cho màn hình mobile (nhỏ hơn 767px) */
@media (max-width: 767px) {
  /* 1. Khung chứa danh sách các tiêu đề tab */
.elementor-widget-n-tabs .e-n-tabs-heading{
    display: flex !important;
    flex-wrap: nowrap !important;       /* Bắt buộc xếp trên 1 hàng, không xuống dòng */
    overflow-x: auto !important;        /* Bật thanh cuộn ngang khi tràn */
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch; /* Giúp vuốt mượt trên iOS Safari */
    
    /* Tùy chỉnh thêm khoảng cách & xóa thanh cuộn xấu */
    gap: 10px !important;               /* Khoảng cách giữa các nút */
    padding-bottom: 8px !important;     /* Tạo khoảng trống phía dưới nếu có thanh cuộn */
    scrollbar-width: none;              /* Ẩn thanh cuộn trên Firefox */
	justify-content: flex-start !important;
  }

  /* Ẩn thanh cuộn trên Chrome, Safari, Edge để giao diện đẹp hơn */

  /* 2. Cấu hình từng nút tab */
.e-n-tabs-heading .e-n-tab-title {
    flex: 0 0 auto !important;          /* Không bị co ép lại khi danh sách dài */
    white-space: nowrap !important;     /* Chữ trong nút không bị ngắt dòng */
	margin:0px !important
  }
}