:root {
  --gap-hori: var(--15-px);
  --gap-vert: var(--20-px);
}

.bdr {
	padding-right: var(--15-px);
    border-right: var(--1-px) solid #dedede;
}

.bdl {
	padding-left: var(--15-px);
    border-left: var(--1-px) solid #dedede;
}

.bigbanner {
	background: #f7f7f7;
    padding: var(--22-5-px);
}

.main {
     max-width: var(--1140-px);
}

#menu {
	z-index: 1000;
}

.section1, .section4, .section6, .section8 {
    padding: 0 var(--20-px);
    display: flex;
	gap: var(--gap-hori);
}

.section1 .col1 {
    display: flex;
	flex-direction: column;
    gap: var(--gap-vert);
}

.section1 .col2{
    display: flex;
    flex-direction: column;
    gap: var(--gap-vert);
}

.section1 .col3 {
    display: flex;
    flex-direction: column;
	gap: var(--gap-vert);
}

.section4 .col1 {
	display: flex;
	flex-direction: column;
	gap: var(--gap-vert);
	height: fit-content;
}

.section4 .col2 {
	display: flex;
	flex-direction: column;
	gap: var(--gap-vert);
}

.section4 .col2 .row1 {
    display: flex;
    gap: var(--gap-hori);
}

.section4 .col2 .row1 .col1 {
	height: auto;
}

.section4 .col2 .row2 {
    display: flex;
    flex-direction: column;
    gap: var(--gap-vert);
}

.section6 :is(.col1, .col2) {
    display: flex;
    flex-direction: column;
    gap: var(--gap-vert);
}

.section6 .col1 :is(.row1, .row3, .row5) {
    display: flex;
    gap: var(--gap-hori);
}

.section8 :is(.col1, .col2, .col3) {
    display: flex;
    flex-direction: column;
    gap: var(--gap-vert);
}

.section8 .col3 {
	height: fit-content;
}

.boxmuc .tieudebox {
    margin-bottom: var(--10-px);
}

.boxmuc .tinbaibox {
    display: flex;
    flex-direction: column;
    gap: var(--15-px);
}

.video {
	background-color: #f3f3f3;
    border-radius: 10px;
	padding: var(--20-px);
}

.video .tinbaibox {
    display: flex;
	flex-direction: row;
    gap: var(--gap-hori);
}

#boxgiavang {
    background-color: #f7f7f7;
    border-radius: var(--5-px);
    padding: var(--8-px) var(--15-px);
}

.boxmucdacbiet {
    background-color: #f7f7f7;
    border-radius: var(--10-px);
    display: flex;
    flex-direction: column;
    gap: var(--gap-vert);
    padding: var(--15-px) var(--15-px) var(--20-px);
}

.boxchinhtri, .premium {
    border-bottom: var(--1-px) solid #e4e4e4;
    padding-bottom: var(--20-px);
}