/* ==========================================================================
   Trang Gioi thieu - dua cac khoi ve chung mot he luoi.

   Cac block cu (tamnhin, cauchuyen, kinhte, hanhtrinh) moi block tu dat le rieng
   (135px / 145px / 150px / 250px) nen chu khong thang hang theo chieu doc.
   File nay chi ghi de le trai/phai, khong dung toi bo cuc ben trong block.
   ========================================================================== */

:root {
    --gt-gutter: 20px;
    --gt-max: 1320px;
    /* Le thuc te: can giua khung 1320px, toi thieu bang gutter */
    --gt-edge: max(var(--gt-gutter), calc((100% - var(--gt-max)) / 2 + var(--gt-gutter)))
}

@media screen and (min-width:768px) {
    :root {
        --gt-gutter: 48px
    }
}

@media screen and (min-width:1024px) {
    :root {
        --gt-gutter: 70px
    }
}

/* Tieu de co 2 vach ngang: bo vao khung chung thay vi tran sat mep man hinh */
.tamnhin .section-heading,
.cauchuyen .section-heading,
.kinhte .section-heading {
    padding-left: var(--gt-edge);
    padding-right: var(--gt-edge)
}

/* Tam nhin: giu le phai rong (cho hoa tiet), chi nan le trai */
.tamnhin__wapper {
    padding-left: var(--gt-edge)
}

/* Cau chuyen */
.cauchuyen__content,
.cauchuyen__wapper h4 {
    padding-left: var(--gt-edge);
    padding-right: var(--gt-edge)
}

/* Gia tri cot loi */
.kinhte__wapper {
    padding-left: var(--gt-edge);
    padding-right: var(--gt-edge)
}

/* Hanh trinh (nen mau ca phe) - giu padding doc, chi nan le ngang */
.hanhtrinh__wapper {
    padding-left: var(--gt-edge);
    padding-right: var(--gt-edge)
}

@media screen and (max-width:767px) {
    /* Mobile: le bang nhau hai ben, khong de le phai rong cua ban desktop */
    .tamnhin__wapper {
        padding-right: var(--gt-edge)
    }
}