* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: #f4f7fb;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.anh-minh-hoa {
    width: 100%;
    border-radius: 16px;
}

.khu-vuc {
    width: 1000px;
    margin: 0 auto;
    padding: 60px 100px;
    background-color: white;
    margin-bottom: 40px;
    border-radius: 18px;
}

.khu-vuc-gioi-thieu {
    margin-top: 80px;
    border: 2px solid #e4effc;
    background-color: #f2f8ff;
}

.khu-vuc-dang-ky {
    background-color: #fbfcff;
}

.tieu-de-chinh {
    margin: 32px 0;
    text-align: center;
    color: #2563eb;
    font-size: 40px;
}

.chu-noi-bat {
    display: inline-block;
    background-color: #2563eb;
    color: white;
    padding: 4px 16px;
    border-radius: 8px;
}

.doan-gioi-thieu {
    margin-bottom: 20px;
    line-height: 160%;
    text-align: justify;
}

.nut-lien-ket {
    display: inline-block;
    background-color: #2563eb;
    color: white;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: bold;
}

.nut-lien-ket:hover {
    background-color: #1c50c0;
}

.can-giua-lien-ket {
    text-align: center;
}

.tieu-de-phu {
    text-align: center;
    color: #0f766e;
    margin-bottom: 32px;
    font-size: 30px;
}

.can-deu-danh-sach {
    text-align: justify;
}

.khung-danh-sach {
    width: 48%;
    display: inline-block;
    border: 1px solid #e4effc;
    border-radius: 12px;
    padding: 20px;
    vertical-align: top;
}

.khung-danh-sach-gia {
    display: inline-block;
    width: 100%;
}

.tieu-de-muc {
    margin-bottom: 16px;
    font-size: 20px;
}

.danh-sach {
    margin-left: 32px;
    line-height: 200%;
}

ul.danh-sach {
    list-style-type: square;
}

ol.danh-sach {
    list-style-type: upper-alpha;
}

.bang-lo-trinh,
.o-tieu-de,
.o-du-lieu {
    border: 1px solid #d7dbe4;
    border-collapse: collapse;
}

.o-tieu-de,
.o-du-lieu {
    padding: 12px;
    text-align: center;
}

.bang-lo-trinh {
    width: 100%;
}

.o-tieu-de {
    background-color: #e6f7f5;
}

.bieu-mau {
    width: 600px;
    margin: 0 auto;
}

.nhan {
    display: block;
    font-weight: bold;
    margin-top: 24px;
    margin-bottom: 8px;
}

.o-nhap,
.o-ghi-chu {
    display: block;
    width: 100%;
    padding: 12px;
    border: 1px solid #d7dbe4;
    border-radius: 8px;
}

.o-nhap::placeholder,
.o-ghi-chu::placeholder {
    font-style: italic;
}

.o-ghi-chu {
    height: 120px;
}

.nhom-lua-chon {
    margin-bottom: 12px;
}

.nut-dang-ky {
    display: block;
    width: 100%;
    background-color: #2563eb;
    color: white;
    padding: 14px 0;
    border: none;
    font-weight: bold;
    font-size: 16px;
    border-radius: 8px;
    margin-top: 30px;
    cursor: pointer;
}

.nut-dang-ky:hover {
    background-color: #1c50c0;
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width:1024px){

    .khu-vuc{
        width:95%;
        padding:40px;
    }

    .bieu-mau{
        width:100%;
    }

    .khung-danh-sach{
        width:100%;
        display:block;
        margin-bottom:20px;
    }

}

@media (max-width:768px){

    .khu-vuc{
        width:100%;
        padding:24px 18px;
        margin-bottom:20px;
        border-radius:0;
    }

    .khu-vuc-gioi-thieu{
        margin-top:0;
    }

    .tieu-de-chinh{
        font-size:30px;
        line-height:1.3;
    }

    .tieu-de-phu{
        font-size:24px;
    }

    .tieu-de-muc{
        font-size:20px;
    }

    .bieu-mau{
        width:100%;
    }

    .o-nhap,
    .o-ghi-chu,
    .nut-dang-ky{
        width:100%;
    }

    .bang-lo-trinh{
        display:block;
        overflow-x:auto;
        white-space:nowrap;
    }

    .anh-minh-hoa{
        width:100%;
        height:auto;
    }

    .chu-noi-bat{
        display:inline;
    }

}

@media (max-width:480px){

    .khu-vuc{
        padding:18px 14px;
    }

    .tieu-de-chinh{
        font-size:24px;
    }

    .tieu-de-phu{
        font-size:22px;
    }

    .tieu-de-muc{
        font-size:18px;
    }

    .doan-gioi-thieu{
        text-align:left;
    }

    .danh-sach{
        margin-left:20px;
    }

}