.article-wrapper {
	display: flex;
	align-self: stretch;
	width: 100%;
}

.article-left {
	width: 100%;
	padding: 40px 0 60px;
	overflow-x: auto;
	
	max-width: 747px;
}
.article-right {
	min-width: 360px;
    width: 360px;
    padding: 40px 0 60px;
	position: relative;
	
}
.sticky-content {
	position: absolute;
	top: 40px;
	width: 100%;
	max-width: 360px;
}

.path { margin-top: 0; margin-bottom: 20px; }

.main-title {
	--min-size: 24;
	--max-size: 34;
	--font-size: calc(
		(var(--min-size) * 1px) + 
		(var(--max-size) - var(--min-size)) * 
		((100cqw - 375px) / (1200 - 375))
	);
	font-size: clamp(var(--min-size) * 1px, var(--font-size), var(--max-size) * 1px);
	font-weight: 600;
	
	margin-bottom: 4px;
}
.main-title2 {
	--min-margin-bottom: 24;
	--max-margin-bottom: 32;
	--margin-bottom: calc(
		(var(--min-margin-bottom) * 1px) + 
		(var(--max-margin-bottom) - var(--min-margin-bottom)) * 
		((100cqw - 320px) / (1200 - 320))
	);
	margin-bottom: clamp(var(--min-margin-bottom) * 1px, var(--margin-bottom), var(--max-margin-bottom) * 1px);
}

.line-share {
	--min-margin-top: 12;
	--max-margin-top: 20;
	--margin-top: calc(
		(var(--min-margin-top) * 1px) + 
		(var(--max-margin-top) - var(--min-margin-top)) * 
		((100cqw - 320px) / (1200 - 320))
	);
	margin-top: clamp(var(--min-margin-top) * 1px, var(--margin-top), var(--max-margin-top) * 1px);
	
	--min-margin-bottom: 24;
	--max-margin-bottom: 36;
	--margin-bottom: calc(
		(var(--min-margin-bottom) * 1px) + 
		(var(--max-margin-bottom) - var(--min-margin-bottom)) * 
		((100cqw - 320px) / (1200 - 320))
	);
	margin-bottom: clamp(var(--min-margin-bottom) * 1px, var(--margin-bottom), var(--max-margin-bottom) * 1px);
}

.box-fail > .reveal {
	--min-size: 18;
	--max-size: 24;
	--font-size: calc(
		(var(--min-size) * 1px) + 
		(var(--max-size) - var(--min-size)) * 
		((100cqw - 375px) / (1200 - 375))
	);
	font-size: clamp(var(--min-size) * 1px, var(--font-size), var(--max-size) * 1px);
	font-weight: 500;
	
	--min-margin-bottom: 12;
	--max-margin-bottom: 20;
	--margin-bottom: calc(
		(var(--min-margin-bottom) * 1px) + 
		(var(--max-margin-bottom) - var(--min-margin-bottom)) * 
		((100cqw - 320px) / (1200 - 320))
	);
	margin-bottom: clamp(var(--min-margin-bottom) * 1px, var(--margin-bottom), var(--max-margin-bottom) * 1px);
}
.box-fail > .bottleneck {
	font-size: 18px;
	line-height: 26.5px;
	
	margin: 24px auto;
}
.bar-title {
	margin-bottom: 16px;
	background: rgba(104, 178, 97, 0.2);
	border-left: 5px solid #68B261;
	
	padding: 10.5px 12px;
	
	--min-size: 19;
	--max-size: 24;
	--font-size: calc(
		(var(--min-size) * 1px) + 
		(var(--max-size) - var(--min-size)) * 
		((100cqw - 375px) / (1200 - 375))
	);
	font-size: clamp(var(--min-size) * 1px, var(--font-size), var(--max-size) * 1px);
	font-weight: 600;
}

.box-fail > .txt-answser { font-size: 18px; font-weight: 600; margin-bottom: 16px; margin-top: 20px; }

.box-fail > .common { 
	font-size: 18px; 
	font-weight: 500; 
	
	
	--min-margin-bottom: 20;
	--max-margin-bottom: 36;
	--margin-bottom: calc(
		(var(--min-margin-bottom) * 1px) + 
		(var(--max-margin-bottom) - var(--min-margin-bottom)) * 
		((100cqw - 320px) / (1200 - 320))
	);
	margin-bottom: clamp(var(--min-margin-bottom) * 1px, var(--margin-bottom), var(--max-margin-bottom) * 1px);
}

.box-fail > .example {
	background: rgba(51, 51, 51, 0.08);
	border-radius: 12px;
	padding: 12px 16px;
}

.box-fail > .example > div:nth-child(1) {
	width: 88px;
	height: 33px;
	border-radius: 6px;
	padding: 4px 8px;
	background: #FFF;
	margin-bottom: 4px;
	font-size: 18px;
	font-weight: 700;
}
.box-fail > .example > div:nth-child(2) { font-size: 18px; font-weight: 400; }

.box-fail > .box-row > div { width: 100%; padding: 20px 0; }
.box-fail > .box-row > div:nth-child(1) { border-bottom: 1px solid rgba(51, 51, 51, .2); }
.box-fail > .box-row > div > div:nth-child(1) { font-size: 18px; font-weight: 700; margin-bottom: 12px; }
.box-fail > .box-row > div > div:nth-child(2),
.box-fail > .box-row > div > div:nth-child(3) { font-size: 18px; font-weight: 500; line-height: 26.5px; }
.box-fail > .box-row > div > div:nth-child(2) { margin-bottom: 20px; }

.box-fail > .improve { 
	font-size: 18px; 
	font-weight: 500; 
	/* padding-bottom: 24px; */
	/* margin-bottom: 24px; */
	/* border-bottom: 1px solid rgba(51, 51, 51, .2); */
}
.box-fail > .improve ul li { line-height: 30px; }

.flag { 
	display: inline-block; 
	
	--min-width: 27;
	--max-width: 60;
	--width: calc(
		(var(--min-width) * 1px) + 
		(var(--max-width) - var(--min-width)) * 
		((100cqw - 375px) / (1200 - 375))
	);
	width: clamp(var(--min-width) * 1px, var(--width), var(--max-width) * 1px);
	
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	
	margin-left: 7px;
	margin-bottom: -.25rem;
}
.flag > img { width: 100%; display: block; }
.flag-england   { background-image: url(../../img/v3.1/consultants/flag/icon_contry_england.png); }
.flag-usa       { background-image: url(../../img/v3.1/consultants/flag/icon_contry_usa.png); }
.flag-honduras  { background-image: url(../../img/v3.1/consultants/flag/icon_contry_honduras.png); }
.flag-tw        { background-image: url(../../img/v3.1/consultants/flag/icon_contry_tw.png); }
.flag-canada    { background-image: url(../../img/v3.1/consultants/flag/icon_contry_canada.png); }
.flag-singaproe { background-image: url(../../img/v3.1/consultants/flag/icon_contry_singaproe.png); }
.flag-eswatini  { background-image: url(../../img/v3.1/consultants/flag/icon_contry_eswatini.png); }

.box-consultants-row > div { 
	border-radius: 20px; 
	background: #FFF9E1; 
	position: relative; 
	
	width: calc(50% - 16px); 
	max-width: 423px; 
	padding: 20px 0;
	
	margin: 12px 8px;
}

.box-consultants-row > div > img { max-width: 423px; }

.box-consultants-row > div > div {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	
	background-image: url(../../img/v3.1/consultants/image_teacher_deco.png?v=1.0.1);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	
	--min-size: 13.06;
	--max-size: 48;
	--font-size: calc(
		(var(--min-size) * 1px) + 
		(var(--max-size) - var(--min-size)) * 
		((100cqw - 375px) / (1200 - 375))
	);
	font-size: clamp(var(--min-size) * 1px, var(--font-size), var(--max-size) * 1px);
	
	font-weight: 700;
	color: #FFF;
	
	height: calc(100% / 461 * 130);
	
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.box-consultants-row > div > div > div {
	position: absolute;
	bottom: 8px;
	left: 12px;
	right: 12px;
}

.box-consultants-info, .any-time, .exclusive {
	--min-margin-bottom: 24;
	--max-margin-bottom: 42;
	--margin-bottom: calc(
		(var(--min-margin-bottom) * 1px) + 
		(var(--max-margin-bottom) - var(--min-margin-bottom)) * 
		((100cqw - 320px) / (1200 - 320))
	);
	margin-bottom: clamp(var(--min-margin-bottom) * 1px, var(--margin-bottom), var(--max-margin-bottom) * 1px);
	
	padding: 0 6px;
}
.box-consultants-info ul li,
.any-time, .any-time ul li,
.exclusive { font-size: 18px; font-weight: 500; }

.popX { display: none !important; }

.backup {
	--min-margin-bottom: 24;
	--max-margin-bottom: 36;
	--margin-bottom: calc(
		(var(--min-margin-bottom) * 1px) + 
		(var(--max-margin-bottom) - var(--min-margin-bottom)) * 
		((100cqw - 320px) / (1200 - 320))
	);
	margin-bottom: clamp(var(--min-margin-bottom) * 1px, var(--margin-bottom), var(--max-margin-bottom) * 1px);
}

.box-form { width: 100% !important; }
.box-form-top > div.row { justify-content: center; align-items: center; }
.box-form-top > div.row > div:nth-child(1) {
	--min-size: 56;
	--max-size: 80;
	--width: calc(
		(var(--min-size) * 1px) + 
		(var(--max-size) - var(--min-size)) * 
		((100cqw - 320px) / (1200 - 320))
	);
	width: clamp(var(--min-size) * 1px, var(--width), var(--max-size) * 1px);	
}
.box-form-top > div.row > div:nth-child(2) {
	--min-size: 240;
	--max-size: 380;
	--width: calc(
		(var(--min-size) * 1px) + 
		(var(--max-size) - var(--min-size)) * 
		((100cqw - 320px) / (1200 - 320))
	);
	width: clamp(var(--min-size) * 1px, var(--width), var(--max-size) * 1px);
}
.box-form-top > div.row > div:nth-child(2) > div {
	--min-size: 20;
	--max-size: 32;
	--font-size: calc(
		(var(--min-size) * 1px) + 
		(var(--max-size) - var(--min-size)) * 
		((100cqw - 320px) / (1200 - 320))
	);
	font-size: clamp(var(--min-size) * 1px, var(--font-size), var(--max-size) * 1px);
	font-weight: 600;
	
}


.extend, .testimony, .imm { margin-bottom: 36px; }
.extend > div, .testimony > div, .imm > div {
	font-size: 20px;
	font-weight: 600;
	color: #68B261;
	margin-bottom: 12px;
	line-height: 32px;
}
.extend > a, .testimony > a, .imm > a {
	padding: 24px 0;
	border-top: 1px solid rgba(51, 51, 51, .2);
	font-size: 20px;
	font-weight: 600;
	text-decoration: none;
	color: #333;
}
.extend > a:hover, .testimony > a:hover, .imm > a:hover > span { color: #7BC074; }

.imm > a { font-size: 16px; font-weight: 500; line-height: 32px; }


.speaking > div {
	font-size: 18px; 
	font-weight: 400; 
	
	margin-top: 12px;
	
	--min-margin-bottom: 24;
	--max-margin-bottom: 40;
	--margin-bottom: calc(
		(var(--min-margin-bottom) * 1px) + 
		(var(--max-margin-bottom) - var(--min-margin-bottom)) * 
		((100cqw - 320px) / (1200 - 320))
	);
	margin-bottom: clamp(var(--min-margin-bottom) * 1px, var(--margin-bottom), var(--max-margin-bottom) * 1px);
}

.box-wrong > div:nth-child(1) { 
	font-size: 18px; 
	font-weight: 500; 
	margin-bottom: 12px;
}
.box-wrong > div.box-row { margin: 12px auto 32px; }
.box-wrong > div.box-row > div { width: 100%; padding: 20px 0; }
.box-wrong > div.box-row > div:nth-child(1) { border-bottom: 1px solid rgba(51, 51, 51, .2); }
.box-wrong > div.box-row > div > div:nth-child(1) { font-size: 18px; font-weight: 700; margin-bottom: 12px; }
.box-wrong > div.box-row > div > div:nth-child(2),
.box-wrong > div.box-row > div > div:nth-child(3) { font-size: 18px; font-weight: 500; line-height: 26.5px; }
.box-wrong > div.box-row > div > div:nth-child(2) { margin-bottom: 12px; }

.recommend {
	font-size: 18px;
    font-weight: 600;
    color: #68B261;
    line-height: 32px;
	
	--min-margin-bottom: 24;
	--max-margin-bottom: 36;
	--margin-bottom: calc(
		(var(--min-margin-bottom) * 1px) + 
		(var(--max-margin-bottom) - var(--min-margin-bottom)) * 
		((100cqw - 320px) / (1200 - 320))
	);
	margin-bottom: clamp(var(--min-margin-bottom) * 1px, var(--margin-bottom), var(--max-margin-bottom) * 1px);
    
}
.recommend > a { color: #68B261; text-decoration: none; display: inline-block; }
.recommend > a:hover { text-decoration: underline; }

.why { 
	--min-margin-top: 20;
	--max-margin-top: 36;
	--margin-top: calc(
		(var(--min-margin-top) * 1px) + 
		(var(--max-margin-top) - var(--min-margin-top)) * 
		((100cqw - 320px) / (1200 - 320))
	);
	margin-top: clamp(var(--min-margin-top) * 1px, var(--margin-top), var(--max-margin-top) * 1px);
	
	--min-padding-top: 24;
	--max-padding-top: 36;
	--padding-top: calc(
		(var(--min-padding-top) * 1px) + 
		(var(--max-padding-top) - var(--min-padding-top)) * 
		((100cqw - 320px) / (1200 - 320))
	);
	padding-top: clamp(var(--min-padding-top) * 1px, var(--padding-top), var(--max-padding-top) * 1px);
	
	border-top: 1px solid rgba(51, 51, 51, .2);
}

.popX2 > div:nth-child(2) > div:nth-child(5) { background: none !important; }
.popX2 > div:nth-child(2) > div:nth-child(6) { display: none !important; }
.popX2 > div:nth-child(2) > div:nth-child(7) { display: none !important; }


@media screen and (max-width: 1023px) {
	.article-wrapper { flex-direction: column; }
	.article-left { padding: 20px 0 0; margin: 0 auto; }
	.article-right {
		width: 100%;
        min-width: 0;
        padding: 20px 20px 40px;
	}
	.sticky-content {
		width: 100%;
		min-width: 0;
		max-width: 747px;
		position: relative;
		margin: 0 auto;
	}
	.box-form { margin: 0 auto 24px !important; }
}

.popX2  {
	position: fixed;
   
	right: 0;
	left: 0;
	bottom: 0;
	
	height: 73px;
	
    z-index: 99990;
}
.popX2 > div:nth-child(1) { display: none; }
.popX2 > div:nth-child(2) {
	border-top: 1.5px solid #68B261;
	background: rgba(255, 255, 255, 1);
	
	height: 73px;
	
	display: flex;
	flex-wrap: wrap;
	
	justify-content: center !important;
}
.popX2 > div:nth-child(2) > div { flex: 0 0 auto; width: 80px; max-width: 100%; padding: .5rem; }
.popX2 > div:nth-child(2) > div:nth-child(odd) { padding: .5rem; background: url(../../img/v3.1/icon/line2.svg) right center no-repeat; }
.popX2 > div:nth-child(2) > div:nth-child(even) { padding: 0; display: none; }
.popX2 > div:nth-child(2) > div:last-child { background: none; }
.popX2 > div:nth-child(2) > div > a {
	font-size: 14px;
	font-weight: 500;
	font-family: 'Noto Sans';
	line-height: 19px;
	color: #333;
	text-align: center;
	padding-bottom: 6px;
    text-decoration: none;
}
.popX2 > div:nth-child(2) > div > a:hover { color: #68B261; }
.popX2 > div:nth-child(2) > div > a > img { margin-top: 4px; margin-bottom: 4px; width: 24px; }
.popX2 > div:nth-child(2) > div > a > span.pc  { display: none; }
.popX2 > div:nth-child(2) > div > a > span.mobile  { display: block; }


@media screen and (max-width: 374px) {
	.flag { width: 24px; margin-left: 5px; }
	.box-consultants-row > div > div { font-size: 12px; }
	.box-consultants-row > div > div > div { bottom: 3px; }
	
	.box-form-top > div.row > div:nth-child(1) { width: 56px; }
	.box-form-top > div.row > div:nth-child(2) { width: 200px; }
	.box-form-top > div.row > div:nth-child(2) > div { font-size: 16px; }
}

@media screen and (min-width: 414px) {
	
}

@media screen and (min-width: 576px) {
		
}

@media screen and (min-width: 640px) {
	
}

@media screen and (min-width: 768px) {
	.box-fail > .box-row { margin: 16px auto; }
	.box-fail > .box-row > div { width: 50%; padding: 0; }
	.box-fail > .box-row > div:nth-child(1) { 
		border-bottom: 0; 
		border-right: 1px solid rgba(51, 51, 51, .2); 
		padding-right: 20px;
	}
	.box-fail > .box-row > div:nth-child(2) { padding-left: 20px; }
	.box-fail > .improve { 
		/* margin-bottom: 36px;  */
		/* padding-bottom: 36px;  */
	}
	
	.flag { width: 27px; }
	.box-consultants-row > div { width: calc(25% - 16px); }
	.box-consultants-row > div > div { font-size: 14.29px; }
	
	.box-consultants-info ul li,
	.any-time, .any-time ul li,
	.exclusive { font-size: 18px; font-weight: 500; }
	
	.box-wrong > div.box-row > div { width: 50%; padding: 0; }
	.box-wrong > div.box-row > div:nth-child(1) { 
		border-bottom: 0; 
		border-right: 1px solid rgba(51, 51, 51, .2); 
		padding-right: 20px;
	}
	.box-wrong > div.box-row > div:nth-child(2) { padding-left: 20px; }
	
	.popX2 { display: none; }
}

@media screen and (min-width: 992px) {
	/* .article-right { display: block; padding-left: 40px; } */
	.box-consultants-row > div { width: calc(25% - 12px); margin: 12px 6px; }	
	.box-consultants-row > div > div { font-size: 13px; }
	.box-consultants-row > div > div > div { bottom: 3px; }	
}

@media screen and (min-width: 1024px) {
	.article-left { padding-right: 70px; }
	
	.main-title { font-size: 34px; }
	.box-fail > .reveal { font-size: 24px; margin-bottom: 20px; }
	.bar-title { font-size: 24px; }
	
	.box-fail > .common { margin-bottom: 36px; }
	.box-consultants-row > div { width: calc(25% - 16px); margin: 12px 8px; }
	.box-consultants-row > div > div { font-size: 14.29px; }
	.box-consultants-row > div > div > div { bottom: 8px; }	
	
	.box-form-top > div.row > div:nth-child(1) { width: 80px; }
	.box-form-top > div.row > div:nth-child(2) { width: 380px; }
	.box-form-top > div.row > div:nth-child(2) > div { font-size: 32px; }
}