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

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

.bdl {
	padding-left: var(--gap-hori);
    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, .section11 {
    padding: 0 var(--20-px);
    display: flex;
	gap: var(--gap-hori);
}

.section2 {
    padding: var(--15-px);
    display: flex;
	gap: var(--gap-hori);
	background: #f7f7f7;
	border: var(--1-px) solid hsla(40, 17%, 93%, .4);
}

.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;
}

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

.section11 .col1 .row1 {
    display: flex;
    gap: var(--gap-hori);
}

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

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

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

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

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

.mucvideo .tinbaibox {
	flex-direction: row;
}

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

.mucenglish .tieudebox {
	margin-bottom: var(--15-px);
	margin-right: auto;
	margin-left: auto;
}

.mucenglish .tinbaibox {
	flex-direction: row;
	gap: var(--30-px);
}

.listmuc {
	background: #f7f7f7;
    border-radius: var(--10-px);
	padding: var(--20-px);
}

#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);
}

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

.nzvahtvn {
	padding: var(--20-px);
	text-align: left;
	width: var(--724-px);
	display: flex;
	flex-direction: column;
	gap: var(--20-px);
	border: 1px solid #e6eef9;
	border-radius: var(--10-px);
    background: url('https://static.vnncdn.net/v1/background/bg-netzero-htvn.jpg') center/cover no-repeat;
}