/*
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_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;
}
.home5_col1 .col-inner{
        background: rgba(243, 243, 243, 1);
    padding: 40px;
    border-radius: 25px;
    height: 100%;
}
.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;
}
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 {
        font-size: 14px;
        line-height: 1.6;
        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;
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}