@import url('https://fonts.googleapis.com/css2?family=Volkhov:ital,wght@0,400;0,700;1,400;1,700&display=swap');
:root{
    --color-tieude:#103178;
    --color-text:#707070;
    --color-hotline:#7e0505;
    --color-ycaubaogia:#0088DE;
    --font01:'Inria Serif',serif;
}
body{
    font-family: var(--font01);
    color : var(--color-text)
}
.container{
    width: 100%;
    max-width: 1700px;

    margin-left: auto;
    margin-right: auto;
}
/* màu chữ xanh #09213E */
/* màu chữ xám:  #707070*/
/* màu hotline tư vấn: #E71B1B */
/* màu yêu cầu báo giá : #0088DE */
/* fontchuwx:16px/1.6 Arial, sans-serif */
@media screen and (max-width:1200px) {
    .container{
        max-width: 960px;
    }
}
@media screen and (max-width:992px) {
    .container{
        max-width: 720px;
    }
}
@media screen and (max-width:768px) {
    .container{
        max-width: 668px;
    }
}
html, body {
    height: 100%; /* Đảm bảo html và body chiếm toàn bộ chiều cao viewport */
    margin: 0;
    padding: 0;
}

body {
    display: flex;
    flex-direction: column; /* Sắp xếp các phần tử theo cột */
    min-height: 100vh; /* Đảm bảo body chiếm ít nhất toàn bộ chiều cao viewport */
}

.main-content-wrapper {
    flex: 1; /* Cho phép phần nội dung chính giãn nở để đẩy footer xuống */
    /* Hoặc min-height: calc(100vh - (chiều cao header + chiều cao footer)); nếu bạn biết chính xác chiều cao header/footer */
}

.section-seven { /* Footer của bạn */
    /* Các thuộc tính footer hiện có */
    margin-top: auto; /* Đẩy footer xuống dưới cùng */
}

.header .header-title {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: default;
}