/* ======================================================= */
/* ==   CSS HOÀN CHỈNH CHO TEMPLATE "VỀ CHÚNG MÌNH"   == */
/* ======================================================= */

/* --- Container chính của section --- */
.section-ve-chung-minh {
    background: linear-gradient(47deg, #5EB47C 10%, #007D6E 100%);
    position: relative;
    padding: 120px 0;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 600px;
}


/* [MỚI] Thêm các đường cong mềm mại ở nền */
.section-ve-chung-minh::before {
    content: '';
    position: absolute;
    top: 20%;
    left: 0;
    width: 100%;
    height: 71%;

    /* SVG đã được vẽ lại để giống với các đường lượn trong ảnh */
    background-image: var(--bg-day-url);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    opacity: 1;
    /* Độ mờ của đường cong */
    z-index: 222;
}


/* [MỚI] Tạo hình lượn sóng màu trắng ở chân section */
.section-ve-chung-minh::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    /* Tăng chiều cao của sóng */
    /* [TINH CHỈNH] SVG cho đường cong chân thực hơn, dốc nhẹ nhàng */
    background-image: var(--bg-song-url);
    /* <--- ĐÚNG */
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 2;
    background-position: bottom;
    background-color: #fcf8f4;
}


.container-ve-chung-minh {
    max-width: 1320px;
    min-width: 1320px;
    position: relative;
    z-index: 3;
    margin: 0 auto;
    padding-bottom: 100px;
}

/* [TINH CHỈNH] Tiêu đề "Về chúng mình" */
.tieu-de-ve-chung-minh {
    /* Sử dụng font đã nhúng ở Bước 1 */
    font-family: 'Title-One', serif;
    font-size: 68px;
    font-weight: 500;
    line-height: 1.3;
    color: #ffffff;
    margin: 0 0 24px 0;
}

/* [TINH CHỈNH] Đoạn mô tả */
.mo-ta-ve-chung-minh {
    font-family: 'Text', sans-serif;
    /* Giả định bạn có font Manrope */
    font-size: 18px;
    line-height: 1.8;
    /* Giãn dòng để thoáng hơn */
    color: rgba(255, 255, 255, 0.9);
    /* Màu trắng hơi mờ, dễ đọc hơn */
    margin: 0;

    /* Thêm chút padding tránh chữ dính sát lề trên mobile */
    padding: 0;
}

@media(max-width:1320px) {
    .container-ve-chung-minh {

        min-width: unset;
    }
}


/* --- Responsive cho các thiết bị --- */
@media (max-width: 768px) {
    .section-ve-chung-minh {
        padding: 100px 20px;
        min-height: 500px;
    }

    .tieu-de-ve-chung-minh {
        font-size: 48px;
    }

    .mo-ta-ve-chung-minh {
        font-size: 16px;
    }

    .container-terms-content .form-wrapper .ff-default .ff-el-input--label label {
        font-size: 18px;
    }

    .container-terms-content .form-wrapper .ff-el-form-check label.ff-el-form-check-label {
        margin-bottom: 1rem;
    }

    .container-terms-content .form-wrapper .ff-default .ff-el-form-check label.ff-el-form-check-label {
        line-height: 1.5;

    }

    .container-terms-content .form-wrapper .fluentform {
        padding: 1.5rem;
    }
}

@media (max-width: 480px) {
    .section-ve-chung-minh {
        padding: 80px 15px;
        min-height: auto;
    }

    .tieu-de-ve-chung-minh {
        font-size: 36px;
    }

    .mo-ta-ve-chung-minh {
        line-height: 1.7;
    }
}