/*
Theme Name: Theme Negotiation
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* Khai báo font Regular (Bình thường) */
@font-face {
    font-family: 'SF Pro Display';
    src: url('fonts/SFPRODISPLAYREGULAR.OTF') format('opentype');
    font-weight: 400; /* 400 là độ đậm chuẩn (Normal) */
    font-style: normal;
    font-display: swap; /* Giúp tối ưu hiển thị khi tải trang */
}

/* Khai báo font Bold (Đậm) */
@font-face {
    font-family: 'SF Pro Display';
    src: url('fonts/SFPRODISPLAYBOLD.OTF') format('opentype');
    font-weight: 700; /* 700 là độ đậm cho Bold */
    font-style: normal;
    font-display: swap;
}
body, h1, h2, h3, h4, h5, h6, p, a, span, ul, li, strong, div {
    font-family: 'SF Pro Display', sans-serif !important;
}
.home_block1_row{
    background: linear-gradient(180deg, #F7FFEC 0%, #F9FBF8 100%);

}
.home_neotexxt1 h1 {
    font-weight: 600;
    font-style: normal; /* Đã sửa: font-style dùng cho italic/normal, độ đậm dùng font-weight */
    font-size: 80px;
    line-height: 137%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 0;
    /* --- PHẦN TẠO MÀU CHỮ GRADIENT --- */
    background: linear-gradient(90deg, #6EA139 0%, #283B15 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent; /* Fallback cho trình duyệt cũ */
    /* ---------------------------------- */
}
.home_neotexxt2{
font-weight: 400;
font-style: Regular Italic;
font-size: 24px;
letter-spacing: 1%;
color: rgba(0, 0, 0, 1);
}
body .primary.is-outline.nut_btn{
        border-radius: 99px;
    color: rgba(113, 178, 34, 1);
    border: 1px solid rgba(113, 178, 34, 1);
    margin: 0 auto;
    padding: 5px 20px;
    display: table;
}
body .primary.is-outline.nut_btn:hover{
    color: #fff;
    border: 1px solid rgba(113, 178, 34, 1);
    background: rgba(113, 178, 34, 1);
}
body .primary.is-outline.nut_btn2{
        border-radius: 99px;
    color: #fff;
    border: 1px solid rgba(110, 161, 57, 1);
    margin: 0 auto;
    padding: 5px 20px;
    display: table;
    background: rgba(110, 161, 57, 1);
}
body .primary.is-outline.nut_btn2.nut_btn2_trang{
        border-radius: 99px;
    color: rgba(110, 161, 57, 1);
    border: 1px solid rgba(110, 161, 57, 1);
    margin: 0 auto;
    padding: 5px 20px;
    display: table;
    background: #fff;
	margin-left: 10px;
}
body .primary.is-outline.nut_btn:hover{
    color: rgba(110, 161, 57, 1);
    border: 1px solid rgba(110, 161, 57, 1);
    background: #fff;
}
.h2_tieude h2{
font-weight: 600;
font-style: Bold;
font-size: 48px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
color: rgba(41, 41, 41, 1);
}
.p_text_home p{
font-weight: 400;
font-style: Regular;
font-size: 16px;
line-height: 110%;
letter-spacing: 0%;
color: rgba(41, 41, 41, 1);
margin-bottom: 10px;
}
.home2_text1 p{
font-weight: 600;
font-size: 24px;
line-height: 110%;
letter-spacing: 0%;
color: rgba(41, 41, 41, 1);
margin-bottom: 5px !important;
}
.home2_text2 p{
font-weight: 400;
font-size: 16px;
line-height: 110%;
letter-spacing: 0%;
color: rgba(124, 124, 124, 1);
margin-bottom: 0;
}
body{
    font-size: 16px;
    font-weight: 400;
    color: rgba(41, 41, 41, 1);
}
.home2_iconbox {
    margin-bottom: 15px;
}
.home2_iconbox img{
    margin-top: 13px;
}
.p_text_home{
    margin-top: 23px;
}
.home_block3{
    background: linear-gradient(239.21deg, #FFBB00 -16.75%, #A6A300 28.52%, #6D9300 86.02%);
    padding-top: 60px !important;
}
.home_block4, .home_block6, .home_block7, .home_block9, .home_block8, .home_block_2{
    padding-top: 60px !important;
}
.home_block10{
	padding-top: 0 !important;
}
.home5_col1 .col-inner{
        background: rgba(243, 243, 243, 1);
    padding: 40px;
    border-radius: 25px;
    height: 100%;
	border: 1px solid #6ea139;
}
.home5_col1 .col-inner h3{
    font-size: 24px;
    margin-top: 15px;
    line-height: 30px;
}
.home5_col1 .col-inner p{
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 24px;
}
body .primary.is-outline.nut_btn.btntop{
    margin-top: 25px;
}

.h2_tieude_left h2{
    text-align: left;
	font-size: 46px;
}
body .primary.is-outline.nut_btn2.nut_btn2-left{
    display: inline-block;
}
/* CSS cho bảng nội dung */
    .nego-card {
    
        color: rgba(41, 41, 41, 1);
        border-radius: 8px; /* Bo góc nhẹ cho đẹp */
        font-size: 16px;
        line-height: 1.5;
    }

    .nego-title {
        font-size: 20px;
        font-weight: 800;
        text-transform: uppercase;
        margin-bottom: 5px;
        color: rgba(41, 41, 41, 1);
        margin-top: 0;
    }

    .nego-row {
        margin-bottom: 3px;
    }

    /* Màu xanh lá cây cho các tiêu đề con */
    .nego-label {
        color: rgba(110, 161, 57, 1); /* Màu xanh lá giống ảnh */
        font-weight: 700;
        margin-right: 5px;
    }

    /* Định dạng cho các mốc thời gian */
    .time-slot {
        font-weight: 800;
        color: rgba(41, 41, 41, 1);
        margin-top: 3px;
        display: block;
    }

    /* Định dạng nội dung chi tiết */
    .nego-content {
        color: rgba(41, 41, 41, 1);
        margin-left: 0;
    }

    /* Danh sách số 1,2,3,4,5 */
    .nego-list-item {
        display: block;
        margin-bottom: 0;
    }
body .primary.is-outline.nut_btn2.nut_btn2-left.nut_btn2top{
    margin-top: 10px;
}
.testi-name {
        font-size: 16px;
        font-weight: 800;
        color: rgba(41, 41, 41, 1);
        margin: 0 0 5px 0;
    }
    
    /* CSS phân biệt độ đậm nhạt cho chức vụ/công ty */
    .testi-role-container {
        font-size: 13px;
        color: rgba(94, 157, 31, 1); /* Màu xanh lá */
        margin: 0 0 5px 0;
        line-height: 1.5;
    }
    .role-title {
        font-weight: 400; /* Chức vụ: Nhạt */
        display: block;
    }
    .company-name {
        font-weight: 700; /* Tên công ty: Đậm */
        text-transform: uppercase; /* Viết hoa giống ảnh */
        display: block;
    }

    /* Nội dung văn bản */
    .testi-content {
        color: rgba(41, 41, 41, 1);
        text-align: justify;
        margin: 0;
    }
    .home7_col_all .col-inner{
           background: #fff;
    padding: 40px;
    border-radius: 25px;
    border: 1px solid rgba(148, 204, 90, 0.4); 
    height: 100%;
    }
    /* Responsive */
    @media (max-width: 768px) {
        .testimonial-container { flex-direction: column; }
        .testimonial-card { width: 100%; }
    }
    .testimonial-card::after {
    /* --- THAY ĐƯỜNG DẪN ẢNH CỦA BẠN VÀO DƯỚI ĐÂY --- */
    content: url('./images/hainhay.png');
    /* -------------------------------------------------- */

    display: block; /* Bắt buộc để chỉnh kích thước ảnh */
    
    /* Tùy chỉnh kích thước icon ảnh (nếu ảnh gốc quá to/nhỏ) */
    width: 80px; /* Độ rộng mong muốn */
    height: auto; /* Chiều cao tự động theo tỷ lệ */
    opacity: 0.8; /* Làm mờ nhẹ giống thiết kế (tùy chọn) */

    /* Căn vị trí Tuyệt đối (Kéo từ dưới lên trên) */
    position: absolute;
    /* CHỈNH SỐ NÀY NẾU ICON BỊ LỆCH CAO/THẤP SO VỚI ẢNH ĐẠI DIỆN */
    top: 50px; 
    right: 22px; /* Căn sát lề phải */
}
/* Phần tiêu đề có gạch dọc màu xanh */
    .service-title-box {
        border-left: 4px solid rgba(94, 157, 31, 1); /* Gạch dọc màu xanh đậm */
        padding-left: 15px; /* Khoảng cách từ gạch đến chữ */
        margin-bottom: 15px;
    }

    .service-title {
        color: rgba(94, 157, 31, 1); /* Màu chữ xanh lá */
        font-size: 20px;
        font-weight: 700;
        line-height: 1.3;
        margin: 0;
        text-transform: none; /* Viết thường/hoa tự do */
    }

    /* Nội dung mô tả bên dưới */
    .service-desc {
        color: rgba(41, 41, 41, 1);
        font-size: 15px;
        line-height: 1.6;
        text-align: justify; /* Căn đều 2 bên cho đẹp */
        margin: 0;
    }

    /* Responsive cho mobile */
    @media (max-width: 768px) {
        .services-container {
            flex-direction: column;
        }
    }
.home9_col1 .col-inner{
    border: 0.5px solid rgba(126, 190, 16, 1);
    background: #fff;
}
/* Tên thành viên */
    .member-name {
        color: rgba(94, 157, 31, 1); /* Màu xanh lá thương hiệu */
        font-size: 18px;
        font-weight: 800;
        text-transform: uppercase;
        margin: 0 0 10px 0;
        letter-spacing: 0.5px;
    }

    /* Chức vụ */
    .member-role {
        color: rgba(41, 41, 41, 1);
        font-size: 14px;
        line-height: 1.5;
        margin: 0;
        
    }
    .home_row11 .large-2 {
        flex-basis: 14.285%;
        max-width: 14.285%;
    }

    /* 1. Thiết lập vị trí cho thẻ Link */
.header-nav .nav-top-link {
    position: relative; /* Để canh chỉnh đường kẻ */
    text-decoration: none; /* Bỏ gạch chân mặc định nếu có */
}

/* 2. Tạo đường kẻ ẩn (Pseudo-element) */
.header-nav .nav-top-link::after {
    content: '';
    position: absolute;
    bottom: -15px;        /* Nằm sát dưới cùng */
    left: 0;
    width: 0%;        /* Mặc định chiều rộng là 0 (ẩn) */
    height: 3px;      /* Độ dày của đường kẻ */
    background-color: #75b342; /* MÀU XANH (Bạn có thể đổi mã màu này) */
    transition: width 0.3s ease-in-out; /* Hiệu ứng trượt mượt mà */
}

/* 3. Hiệu ứng khi Hover (Di chuột vào) */
.header-nav .menu-item:hover .nav-top-link::after {
    width: 100%; /* Đường kẻ chạy ra 100% */
}

/* 4. Hiệu ứng Active (Giữ nguyên khi đang ở trang đó) */
.header-nav .menu-item.current-menu-item .nav-top-link::after,
.header-nav .menu-item.current_page_item .nav-top-link::after,
.header-nav .menu-item.active .nav-top-link::after {
    width: 100%; /* Luôn hiển thị 100% */
}

/* Tùy chọn: Đổi màu chữ khi Active/Hover cho nổi bật hơn */
.header-nav .menu-item:hover .nav-top-link,
.header-nav .menu-item.current-menu-item .nav-top-link {
    color: #333; /* Màu chữ đậm hơn một chút hoặc đổi sang màu xanh tuỳ ý */
    opacity: 1;
}
.banner_tieude_h1 h1{
    font-size: 52px;
}
.sachthamkhao_trang p{
    margin-bottom: 0;
    font-size: 16px;
}
.blog-wrapper.blog-single.page-wrapper .large-10{
            flex-basis: 100%;
        max-width: 100%;
}
.entry-divider.is-divider.small{
    display: none;
}
.entry-header-text, .entry-content {
    padding: 0 !important;
}
.top_page{
    margin-top: 25px;
}
.home_block6_0{
    padding-top: 0 !important;
}
.col.post-item .is-divider{
    display: none;
}
.post-title.is-large a{
    color: rgba(41, 41, 41, 1);
}
.post-title.is-large a:hover{
    color: rgba(94, 157, 31, 1);
}
.tabbed-content .nav>li.tab>a{
    font-size: 18px;
    color: rgba(41, 41, 41, 1);
    text-transform: none;
}
.tabbed-content .nav>li.active>a, .tabbed-content .nav>li>a:hover{
    color: rgba(94, 157, 31, 1);
}
.tabbed-content .nav>li{
    margin-right: 15px;
}
.nav-line-bottom>li.active>a:before, .nav-line-bottom>li>a:hover::before{
    background-color:  rgba(94, 157, 31, 1) !important;
}
h1, h2, h3, h4, h5, h6{
    color: rgba(41, 41, 41, 1);
}
.tabbed-content .nav{
    width: 100%;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}
/* Bao quanh toàn bộ form */
.negotiation-form-wrapper {
    width: 100%;
    margin-bottom: 20px;
    font-family: Arial, sans-serif;
}

/* Tiêu đề màu xanh lá */
.negotiation-form-wrapper h3.form-header {
    color: rgba(94, 157, 31, 1); /* Mã màu xanh lá trong hình */
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 15px;
    padding: 0;
}

/* Flexbox container để chia cột */
.form-flex-container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px; /* Khoảng cách giữa các ô */
    align-items: flex-end; /* Căn nút gửi thẳng hàng với input */
}

/* Style cho từng cột */
.form-col {
    flex: 1;
    min-width: 180px; /* Đảm bảo hiển thị tốt trên màn hình nhỏ */
}

/* Style cho Label (nhãn) */
.form-col label {
    font-size: 13px;
    font-weight: 600;
    color: rgba(41, 41, 41, 1);
    margin-bottom: 5px;
    display: block;
}

/* Style cho các ô Input */
.negotiation-form-wrapper input[type="text"],
.negotiation-form-wrapper input[type="email"],
.negotiation-form-wrapper input[type="tel"] {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ccc;
    border-radius: 5px; /* Bo góc nhẹ */
    background-color: #fafafa;
    font-size: 14px;
    color: #333;
    outline: none;
    box-sizing: border-box; /* Đảm bảo padding không làm vỡ layout */
    margin-bottom: 0 !important;
        min-height: 42px;
}

/* Hiệu ứng khi click vào ô input */
.negotiation-form-wrapper input:focus {
    border-color: rgba(94, 157, 31, 1);
    background-color: #fff;
}

/* Style riêng cho nút Gửi */
.negotiation-form-wrapper input[type="submit"] {
     background-color: rgba(94, 157, 31, 1);
    color: #fff;
    border: none;
    padding: 0px 20px;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
    transition: background 0.3s;
    height: 35px !important;
    margin: 0;
    margin-top: 0;
    order: 2;
    min-height: auto;
}
.form-col.submit-col p{
    display: grid;
}
.footer_new .nut_btn2 {
    text-transform: none;
}
.ux-menu-link.flex.menu-item i{
    color: rgba(94, 157, 31, 1);
}
.tieudetrang_h2 h2{
    font-size: 32px;
}

/* Bao quanh form */
.vn-contact-form-container {
    max-width: 800px; /* Giới hạn chiều rộng nếu cần */
    margin: 0 auto;
    font-family: Arial, sans-serif;
}

/* Flexbox cho các hàng */
.vn-form-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px; /* Bù trừ khoảng cách padding */
    margin-bottom: 15px;
}

/* Cột (chiếm 50% chiều rộng) */
.vn-form-col {
    width: 50%;
    padding: 0 10px;
    box-sizing: border-box;
    margin-bottom: 5px;
}

/* Cột full (Lời nhắn) */
.vn-form-col.full-width {
    width: 100%;
        margin: 0 10px;
}

/* Label (Nhãn) */
.vn-form-col label {
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
    color: #333;
}

/* Style cho Input và Textarea */
.vn-contact-form-container input[type="text"],
.vn-contact-form-container input[type="email"],
.vn-contact-form-container input[type="tel"],
.vn-contact-form-container textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 8px; /* Bo góc ô nhập */
    background-color: #f9f9f9;
    font-size: 14px;
    outline: none;
    box-sizing: border-box;
    transition: border 0.3s;
    margin: 0;
}
.vn-contact-form-container input[type="text"],
.vn-contact-form-container input[type="email"],
.vn-contact-form-container input[type="tel"]{
    min-height: 42px;
}
.vn-contact-form-container input:focus,
.vn-contact-form-container textarea:focus {
    border-color: #7ab642;
    background-color: #fff;
}

/* Style nút Gửi (Hình viên thuốc) */
.vn-form-submit {
    margin-top: 10px;
    position: relative; /* Để xử lý spinner nếu cần */
}

.vn-contact-form-container input[type="submit"] {
    background-color: #7ab642; /* Màu xanh lá cây */
    color: #fff;
    border: none;
    padding: 0px 40px; /* Nút dài ra */
    font-size: 16px;
    border-radius: 50px; /* Bo tròn kiểu viên thuốc */
    cursor: pointer;
    transition: background 0.3s;
    font-weight: 500;

}

.vn-contact-form-container input[type="submit"]:hover {
    background-color: #659a35;
}

/* Xử lý Spinner (Icon xoay) để không đẩy nút */
.vn-form-submit .wpcf7-spinner {
    position: absolute;
    top: 50%;
    margin-left: 10px;
    transform: translateY(-50%);
}

/* Responsive: Trên mobile chuyển về 1 cột */
@media (max-width: 600px) {
    .vn-form-col {
        width: 100%;
        margin-bottom: 15px;
    }
}

.home_h1 h1 {
    /* 1. Thiết lập nền gradient */
    background: linear-gradient(90deg, #6EA139 0%, #283B15 100%);
    
    /* 2. Cắt nền theo khuôn của chữ */
    -webkit-background-clip: text;
    background-clip: text;
    
    /* 3. Làm màu chữ trong suốt để lộ nền gradient bên dưới */
    -webkit-text-fill-color: transparent;
    color: transparent; /* Fallback cho một số trình duyệt cũ */
    font-size: 58px;
    /* Tùy chọn: Dùng inline-block để gradient ôm sát theo chiều dài chữ */
    /* Nếu để mặc định là block, gradient sẽ tính theo độ rộng khung chứa (container) */
    display: inline-block; 
}

.home_h1 h2 {
    /* 1. Thiết lập nền gradient */
    background: linear-gradient(90deg, #6EA139 0%, #283B15 100%);
    
    /* 2. Cắt nền theo khuôn của chữ */
    -webkit-background-clip: text;
    background-clip: text;
    
    /* 3. Làm màu chữ trong suốt để lộ nền gradient bên dưới */
    -webkit-text-fill-color: transparent;
    color: transparent; /* Fallback cho một số trình duyệt cũ */
    font-size: 50px;
    /* Tùy chọn: Dùng inline-block để gradient ôm sát theo chiều dài chữ */
    /* Nếu để mặc định là block, gradient sẽ tính theo độ rộng khung chứa (container) */
    display: inline-block; 
	line-height: normal;
}
.texth2_banner  p {
    /* 1. Thiết lập nền gradient */
    background: linear-gradient(90deg, #6EA139 0%, #283B15 100%);
    
    /* 2. Cắt nền theo khuôn của chữ */
    -webkit-background-clip: text;
    background-clip: text;
    
    /* 3. Làm màu chữ trong suốt để lộ nền gradient bên dưới */
    -webkit-text-fill-color: transparent;
    color: transparent; /* Fallback cho một số trình duyệt cũ */
    font-size: 24px;
    /* Tùy chọn: Dùng inline-block để gradient ôm sát theo chiều dài chữ */
    /* Nếu để mặc định là block, gradient sẽ tính theo độ rộng khung chứa (container) */
    display: inline-block; 
	line-height: normal;
	    line-height: normal;
    margin-top: 0;
}
/* Xóa style mặc định của danh sách */
ul.vn-check-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Cấu trúc từng dòng: Dùng Flexbox để icon và chữ thẳng hàng */
ul.vn-check-list li {
    display: flex;
    align-items: center; /* Căn giữa theo chiều dọc */
    margin-bottom: 10px; /* Khoảng cách giữa các dòng */
    font-family: Arial, sans-serif; /* Font chữ */
    font-size: 16px;
    color: #333;
    line-height: 1.4;
}

/* Khung chứa icon (để cố định kích thước) */
ul.vn-check-list li .icon-box {
    width: 24px;
    height: 24px;
    margin-right: 12px; /* Khoảng cách giữa icon và chữ */
    flex-shrink: 0; /* Đảm bảo icon không bị bóp méo khi chữ dài */
    display: flex; /* Để căn SVG chuẩn */
}
.event-info-container_banner {
    display: flex;
    align-items: center;
    gap: 30px;
    /* background-color: #bfbfbf; */
    padding: 20px 0px;
    border-radius: 4px;
    color: rgba(41, 41, 41, 1);
    font-family: Arial, sans-serif;
    font-size: 16px;
    /* width: fit-content; */
    margin: 0 auto;
    padding-top: 0;
}

/* Từng nhóm thông tin */
.info-item_banner {
    display: flex;
    align-items: center;
    gap: 10px;
}
/* Container bao quanh toàn bộ phần logo */
.sponsors-container_banner {
    display: flex;
    gap: 50px;
    
    /* Responsive: Xuống dòng khi màn hình nhỏ */
    flex-wrap: wrap; 
}

/* Từng nhóm (Label + Logo) */
.sponsor-group_banner {
    display: flex;
    align-items: left;
    gap: 15px; /* Khoảng cách giữa Label và Logo */
}

.label-box_banner {
    border: 1px solid rgba(41, 41, 41, 1);
    border-radius: 50px;
    padding: 4px 20px;
    font-weight: bold;
    color: rgba(41, 41, 41, 1);
    font-size: 14px;
    white-space: nowrap;
    background-color: transparent;
    line-height: 24px;
    height: auto;
    margin: 0;
    display: inline-block;
    height: 34px;
}
.sponsors-container_banner p, .pd_0 p{
	margin: 0 !important;
}
.logo-img_banner {
    height: 30px;
    width: auto;
    object-fit: contain;
    display: inline-block;
    margin-right: 15px;
}

/* --- Responsive cho mobile (tùy chọn) --- */
@media (max-width: 600px) {
    .sponsors-container_banner {
        flex-direction: column; /* Xếp dọc trên điện thoại */
        gap: 20px;
    }
    
    .sponsor-group_banner {
        flex-wrap: wrap; /* Logo xuống dòng nếu quá chật */
        justify-content: center;
    }
}
/* --- ICON BẰNG ẢNH --- */
.icon_banner {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Icon Đồng hồ */
.icon-clock_banner {
    /* Thay đường dẫn ảnh của bạn vào đây */
    background-image: url('https://cdn-icons-png.flaticon.com/512/2088/2088617.png'); 
    /* Bộ lọc màu xanh lá (chỉ dùng nếu ảnh gốc màu đen) */
    filter: invert(58%) sepia(61%) saturate(459%) hue-rotate(48deg) brightness(93%) contrast(89%);
}

/* Icon Địa điểm */
.icon-location_banner {
    /* Thay đường dẫn ảnh của bạn vào đây */
    background-image: url('https://cdn-icons-png.flaticon.com/512/684/684908.png');
    /* Bộ lọc màu xanh lá */
    filter: invert(58%) sepia(61%) saturate(459%) hue-rotate(48deg) brightness(93%) contrast(89%);
}

/* Chữ */
.text_banner {
    white-space: nowrap; /* Giữ chữ trên 1 dòng */
}

.text_banner strong {
    font-weight: bold;
    color: #222;
}

/* Style cho SVG */
ul.vn-check-list li svg {
    width: 100%;
    height: 100%;
    display: block;
}
.vn-check-list p{
    margin: 0 !important;
    color: rgba(0, 0, 0, 1);
}

/* (Tùy chọn) Chữ đậm nhẹ cho đẹp hơn */
ul.vn-check-list li span {
    font-weight: 400; 
}
.tieude_h2_48 h2{
	font-size: 48px;
}
.damphan_text2 p{
	font-size: 16px;
	margin-bottom: 10px;
}
.text_damphan_h3 h3{
	font-size: 24px;
	color: rgba(41, 41, 41, 1);
	margin-bottom: 0;
}
.text_damphan_h3 p{
	font-size: 14px;
	color: rgba(124, 124, 124, 1);
	margin-bottom: 0;
}
.icon-box-center .icon-box-img {
    margin: 0 auto 5px !important;
}
.tieude_42 h2{
	font-size: 42px;
}
.giangvien_text1 p{
	margin-bottom: 5px;
}
.giangvien_text1 h3{
	font-size: 22px;
	color: rgba(94, 157, 31, 1);
}
/* Container chính */
.card-container_lkg {
    text-align: center;
    background: #ffffff;
    padding: 30px;
}

/* Tiêu đề QUÝ 1 */
.quarter-title_lkg {
    color: rgba(110, 161, 57, 1);
    font-size: 24px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.khoiblock_lkg{
	padding-top: 60px !important;
}
.lichkhaigiang_col .nut_btn2{
	margin-left: auto !important;
}
/* Hàng chứa thông tin */
.info-row_lkg {
    display: flex;
    justify-content: center;
    gap: 15px; /* Khoảng cách giữa 2 cột */
}
.lichkhaigiang_col  .col-inner{
	    border: 0.5px solid rgba(126, 190, 16, 1);
    border-radius: 24px;
    overflow: hidden;
    padding-bottom: 30px;
    background: #fff;
}
/* Cột thông tin */
.info-column_lkg {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Nhãn (Khai giảng, Thời gian) */
.label_lkg {
    font-weight: 800;
    font-size: 18px;
    color: rgba(41, 41, 41, 1);
    margin-bottom: 5px;
}

/* Giá trị (Ngày, Giờ) */
.value_lkg {
    font-size: 16px;
    color: rgba(41, 41, 41, 1);
    font-weight: normal;
}

/* Khoảng cách giữa các mục */
.vn-profile-item {
    margin-bottom: 15px;
}

/* Xóa khoảng cách của mục cuối cùng */
.vn-profile-item:last-child {
    margin-bottom: 0;
}

/* Phần tiêu đề in đậm */
.vn-profile-header {
    font-weight: 700; /* In đậm */
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 5px;
}

/* Phần mô tả bên dưới (chữ thường) */
.vn-profile-desc {
    font-weight: 400;
}

/* Style riêng cho link website nếu cần */
.vn-website {
    font-weight: 400;
}


/* Tiêu đề (Kinh nghiệm, Hoạt động...) */
.vn-exp-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 0; /* Khoảng cách phía trên tiêu đề */
}

/* Xóa margin-top cho tiêu đề đầu tiên */
.vn-exp-title:first-child {
    margin-top: 0;
}

/* Đoạn văn bản mô tả */
.vn-exp-text {
    margin-bottom: 0;
    font-size: 14px;
}

/* Danh sách hoạt động (ul) */
ul.vn-exp-list {
    list-style-type: disc; /* Dấu chấm tròn mặc định */
    padding-left: 10px; /* Thụt đầu dòng */
    margin: 0;
}

/* Từng dòng trong danh sách (li) */
ul.vn-exp-list li {
    margin-bottom: 0; /* Khoảng cách giữa các gạch đầu dòng */
    font-size: 14px;
}

/* (Tùy chọn) Chỉnh màu dấu chấm tròn nếu muốn */
ul.vn-exp-list li::marker {
    color: #333; 
}
.col_2_giangvien .col-inner{
	    padding: 50px 30px;
    background: rgba(242, 248, 231, 1);
    border-radius: 32px;
    padding-bottom: 30px;
}
.col_2_giangvien .row.row-small .col-inner{
	padding: 0;
}
/* 1. Khung chứa toàn bộ form (Card) */
.vn-course-register-card {
    background-color: #f5f5f5; /* Màu nền xám nhạt */
    padding: 40px 30px;
    border-radius: 20px; /* Bo góc khung lớn */
    max-width: 480px; /* Độ rộng tối đa của form */
    margin: 0 auto; /* Căn giữa form ra giữa màn hình */
    text-align: center; /* Căn giữa nội dung bên trong */
    font-family: Arial, sans-serif;
    box-sizing: border-box;
}

/* 2. Tiêu đề "Đăng ký khoá học" */
.vn-card-title {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 15px;
    margin-top: 0;
}

/* 3. Các ô nhập liệu (Input) */
.vn-course-register-card input[type="text"],
.vn-course-register-card input[type="email"],
.vn-course-register-card input[type="tel"] {
    width: 100%;
    padding: 12px 15px;
    margin-bottom: 15px; /* Khoảng cách giữa các ô */
    border: 1px solid #e0e0e0; /* Viền nhạt */
    border-radius: 8px; /* Bo góc ô nhập */
    background-color: #fff; /* Nền trắng */
    font-size: 14px;
    outline: none;
    box-sizing: border-box;
	min-height: 42px;
}

/* Hiệu ứng khi bấm vào ô nhập */
.vn-course-register-card input:focus {
    border-color: #6da037;
}

/* 4. Nút Gửi */
.vn-card-submit-wrap {
    margin-top: 10px;
    position: relative;
}
.main-title_lkg {
            font-size: 14px;
            color: rgba(41, 41, 41, 1);
            margin-bottom: 10px;
            font-weight: 700;
            margin-top: 0;
        }

        .option_lkg {
            margin-bottom: 5px; /* Khoảng cách giữa các khối lớn */
        }

        .option-title_lkg {
            font-size: 14px;
            font-weight: 700;
            color: rgba(41, 41, 41, 1);
            display: flex;
            align-items: center;
            margin-bottom: 0;
        }

        /* ICON: NỀN XANH CHỮ TRẮNG */
        .icon-box_lkg {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 16px;
            height: 16px;
            background-color: #28a745; /* Nền xanh */
            color: #ffffff;            /* Dấu tích trắng */
            font-size: 12px;
            font-weight: bold;
            margin-right: 6px;
            border-radius: 3px;
            flex-shrink: 0;
        }

        .benefit-list_lkg {
            list-style: none;
            padding-left: 15px;
            margin: 0;
        }

        .benefit-list_lkg li {
            position: relative;
            margin-bottom: 0; /* Khoảng cách dòng trong danh sách */
            color: rgba(41, 41, 41, 1);
            font-size: 14px;
        }

        /* Dấu chấm đầu dòng */
        .benefit-list_lkg li::before {
            content: "•";
            position: absolute;
            left: -18px;
            font-weight: bold;
            color: #444;
        }
.h2_tieude{
	text-align: left;
}

        /* MÀU SẮC NHẤN MẠNH */
        .old-price_lkg {
            text-decoration: line-through;
            color: #76a346;
            margin-right: 5px;
            opacity: 0.8;
        }

        .new-price_lkg, .highlight-green_lkg {
            color: rgba(110, 161, 57, 1);
            font-weight: bold;
        }

        .new-price_lkg {
            text-decoration: underline;
        }

        /* RESPONSIVE CHO DI ĐỘNG */
        @media (max-width: 768px) {
            .payment-container_lkg {
                flex-direction: column;
                padding: 20px;
            }
            .qr-section_lkg {
                flex: 1;
                width: 100%;
                margin-bottom: 20px;
            }
        }
/* Tổng thể form */
.custom-registration-form {
    background-color: #f5f5f5;
    padding: 30px;
    border-radius: 10px;
    margin: 0 auto;
    text-align: center;
}
.dangky_gc1{
	padding-top: 60px !important;
}
.custom-registration-form h2 {
        font-weight: bold;
    font-size: 42px;
    margin-bottom: 25px;
    color: rgba(41, 41, 41, 1);
}
.dangky_gc1 .info-row_lkg {
    display: flex;
    justify-content: left;
    gap: 0;
}
.highlight-green_lkg {
            color: rgba(110, 161, 57, 1) !important;
            font-weight: 700;
        }
.dangky_gc1 .info-row_lkg:first-child{
	margin-top: 60px;
}
.info-row_lkg span{
    font-size: 14px;
    color: rgba(41, 41, 41, 1);
    margin-bottom: 0;
    margin-right: 10px;
}
/* Các ô nhập liệu */
.field-group {
    margin-bottom: 10px;
}

.custom-registration-form input[type="text"],
.custom-registration-form input[type="email"],
.custom-registration-form select {
        width: 100%;
    padding: 0px 20px;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-sizing: border-box;
    font-size: 14px;
    color: #666;
    background-color: #fff;
    height: 40px;
    margin-bottom: 5px;
}

/* Phần tải lên ảnh bill */
.upload-section {
    margin: 5px 0;
    cursor: pointer;
    margin-top: 0;
}

.upload-section label {
    display: block;
    color: #aaa;
    font-size: 14px;
}

.upload-section p {
    margin-top: 5px;
}

/* Nút bấm Hoàn tất */
.submit-button input[type="submit"] {
        background-color: rgba(110, 161, 57, 1);
    color: white;
    padding: 5px 30px;
    border: none;
    border-radius: 30px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.3s;
    margin: 0 auto;
        display: block;
    margin: 0 auto !important;
}

.submit-button input[type="submit"]:hover {
    background-color: #5d8332;
}

/* Ẩn input file mặc định và làm gọn CF7 */
.wpcf7-form-control-wrap {
    display: block;
    margin-bottom: 5px;
}

.wpcf7-not-valid-tip {
    font-size: 12px;
}
.vn-course-register-card input[type="submit"] {
    background-color: #6da037; /* Màu xanh lá giống hình */
    color: #fff;
    border: none;
    padding: 5px 45px;
    border-radius: 50px; /* Bo tròn hình viên thuốc */
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.3s;
	margin-right: 0;
}
.notification-box {
               background-color: #f9f9f9;
    border: 1px solid rgba(113, 178, 34, 1);
    border-radius: 12px;
    padding: 10px 30px;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    /* font-style: italic; */
    color: rgba(41, 41, 41, 1);
    font-size: 16px;
    margin-top: 15px;
        }
.vn-course-register-card input[type="submit"]:hover {
    background-color: #5a882e;
}

/* 5. Dòng ghi chú chân trang */
.vn-card-footer {
    margin-top: 20px;
    font-size: 13px;
    font-style: italic; /* Chữ nghiêng */
    color: #555;
    line-height: 1.4;
    margin-bottom: 0;
}
.multi-step-form {
    background-color: #f7f7f7;
    padding: 40px 30px;
    border-radius: 15px;
    max-width: 450px;
    margin: 0 auto;
    text-align: center;
    font-family: sans-serif;
}

.multi-step-form h2 {    font-weight: 700;
    font-size: 42px;
    margin-bottom: 20px;
    color: #292929; }
.sub-title { font-size: 14px; color: #666; margin-bottom: 15px !important; line-height: 1.5; }

.field-group { margin-bottom: 15px; }
.multi-step-form input[type="text"],
.multi-step-form input[type="email"],
.multi-step-form input[type="tel"] {
    width: 100%; padding: 15px 20px; border: 1px solid #dcdcdc; border-radius: 12px; box-sizing: border-box; background: #fff;
	margin-bottom: 0 !important;
}

/* Nút Tiếp tục & Hoàn tất */
.custom-btn, .wpcf7-submit {
        background-color: #74a33f !important;
    color: white !important;
    padding: 5px 30px !important;
    border: none !important;
    border-radius: 35px !important;
    font-size: 16px !important;
    cursor: pointer;
    display: inline-block;
	margin: 0 !important;
}

.upload-section { margin: 20px 0; color: #b5b5b5; font-size: 14px; }
/* Xử lý icon xoay (spinner) của CF7 để không làm vỡ nút */
.vn-card-submit-wrap .wpcf7-spinner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 10px;
}
.tieude_42_0 h2{
	margin-bottom: 0;
}
.nut_btn2-left2{
	margin-right: 15px !important;
}
.muctieu_text1 h3{
	font-size: 18px;
	margin-bottom: 0;
	color: rgba(41, 41, 41, 1);
	line-height: 26px;
}
.muctieu_text1 p{
	font-size: 14px;
	margin-bottom: 0;
	color: rgba(124, 124, 124, 1);
	line-height: 22px;
}
.home_muctieu{
	padding-bottom: 30px !important;
}
.thaydoi_kh li{
	margin-bottom: 5 !important;
	font-size: 14px;
}
.thaydoi_truocsau1 .col-inner, .thaydoi_truocsau2 .col-inner{
	border-radius: 15px !important;
}
.thaydoi_truocsau1 .col-inner {
	border-top-right-radius: inherit !important;
	border-bottom-right-radius: inherit !important;
}
.thaydoi_truocsau2 .col-inner {
	border-top-left-radius: inherit !important;
	border-bottom-left-radius: inherit !important;
	display: inline-grid;
}
.thaydoi_truocsau1, .thaydoi_truocsau2{
	min-height: 372px;
}
.noidun_kh .accordion-item {
    border: 1px solid rgba(110, 161, 57, 1);
    margin-bottom: 15px;
    border-radius: 20px;
}
.accordion-title{
	border-top: none !important;
}
.accordion .toggle {
    border-radius: 999px;
    height: 1.5em;
    left: auto !important;
    margin-right: 5px;
    position: absolute;
    top: .3em;
    transform-origin: 50% 47%;
    width: 2.3em;
    right: 0;
    float: right;
}
.noidun_kh .accordion-item .accordion-title span{
	font-size: 20px;
	font-weight: bold;
	color: rgba(41, 41, 41, 1);
}
/* Style cho danh sách (giữ nguyên logic flexbox cũ) */
ul.vn-check-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.vn-check-list li {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-family: Arial, sans-serif;
    font-size: 16px;
    color: #333;
}

/* 1. Vẽ hình tròn màu xanh */
ul.vn-check-list li .icon-box {
    width: 24px;
    height: 24px;
    background-color: #5D9C28; /* Màu xanh lá cũ */
    border-radius: 50%; /* Bo tròn 100% */
    margin-right: 12px;
    flex-shrink: 0;
    position: relative; /* Để căn chỉnh dấu tích bên trong */
}

/* 2. Vẽ dấu tích (Checkmark) bằng CSS */
ul.vn-check-list li .icon-box::after {
    content: '';
    position: absolute;
    /* Căn chỉnh vị trí dấu tích thủ công cho đẹp */
    left: 9px;
    top: 5px;
    
    /* Tạo hình chữ nhật */
    width: 5px;
    height: 10px;
    
    /* Tô viền phải và viền dưới màu trắng */
    border: solid white;
    border-width: 0 2px 2px 0;
    
    /* Xoay 45 độ để thành dấu tích */
    transform: rotate(45deg);
}
.Chayso{
	display: block;
}
/* --- Kết thúc đoạn thêm mới --- */
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}