.course-desc { 
	width: 100%; 
	max-width: 812px; 
	margin: 0 auto; 
}
.course-desc > .title {
	--min-size: 19;
	--max-size: 34;
	--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: 700;
	
	--min-padding-bottom: 16;
	--max-padding-bottom: 24;
	--padding-bottom: calc(
		(var(--min-padding-bottom) * 1px) + 
		(var(--max-padding-bottom) - var(--min-padding-bottom)) * 
		((100cqw - 320px) / (1200 - 320))
	);
	padding-bottom: clamp(var(--min-padding-bottom) * 1px, var(--padding-bottom), var(--max-padding-bottom) * 1px);
	
}

.course-desc > div:nth-child(3) {
	--min-size: 19;
	--max-size: 28;
	--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: 700;
	
	--min-padding-top: 20;
	--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);
	padding-bottom: 12px;
}

.course-desc > div:nth-child(4) { 
	--min-size: 16;
	--max-size: 20;
	--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: 400; 
}

.box-consultants-header { max-width: 767px; width: 100%; margin: 0 auto; padding: 0 18px; }
.box-consultants-header > .title {
	--min-size: 19;
	--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: 700;
	
	--min-padding-top: 48;
	--max-padding-top: 100;
	--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);
	padding-bottom: 12px;
	
	text-align: center;
}
.box-consultants-header > .sub-title {
	--min-size: 16;
	--max-size: 24;
	--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: 500;
	
	--min-padding-bottom: 20;
	--max-padding-bottom: 36;
	--padding-bottom: calc(
		(var(--min-padding-bottom) * 1px) + 
		(var(--max-padding-bottom) - var(--min-padding-bottom)) * 
		((100cqw - 320px) / (1200 - 320))
	);
	padding-bottom: clamp(var(--min-padding-bottom) * 1px, var(--padding-bottom), var(--max-padding-bottom) * 1px);
	
	text-align: center;
}

.box-consultants-container {
	--min-margin-bottom: 48;
	--max-margin-bottom: 100;
	--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-consultants-row { max-width: 1200px; width: 100%; margin: 0 auto; }
.box-consultants-row > div { 
	width: 50%; 
	max-width: 324px;
	padding: 0 12px; 
	
	--min-margin-bottom: 16;
	--max-margin-bottom: 24;
	--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-consultants-row > div > div { 
	background: #FFF9E1; 
	
	--min-radius: 8;
	--max-radius: 10;
	--radius: calc(
		(var(--min-radius) * 1px) + 
		(var(--max-radius) - var(--min-radius)) * 
		((100cqw - 320px) / (1200 - 320))
	);
	border-radius: clamp(var(--min-radius) * 1px, var(--radius), var(--max-radius) * 1px);
	position: relative;
}
.box-consultants-row > div > div > img { max-width: 300px; }
.box-consultants-row > div > div > div {
	position: absolute;
	bottom: -1px;
	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: 14;
	--max-size: 28;
	--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: 700;
	color: #FFF;
	
	height: calc(100% / 461 * 130);
	
	--min-radius: 8;
	--max-radius: 10;
	--radius: calc(
		(var(--min-radius) * 1px) + 
		(var(--max-radius) - var(--min-radius)) * 
		((100cqw - 320px) / (1200 - 320))
	);
	border-bottom-left-radius: clamp(var(--min-radius) * 1px, var(--radius), var(--max-radius) * 1px);
	border-bottom-right-radius: clamp(var(--min-radius) * 1px, var(--radius), var(--max-radius) * 1px);
}
.box-consultants-row > div > div > div > div {
	position: absolute;
	
	--min-bottom: 3;
	--max-bottom: 8;
	--bottom: calc(
		(var(--min-bottom) * 1px) + 
		(var(--max-bottom) - var(--min-bottom)) * 
		((100cqw - 320px) / (1200 - 320))
	);
	bottom: clamp(var(--min-bottom) * 1px, var(--bottom), var(--max-bottom) * 1px);
	
	left: 12px;
	right: 12px;
}
.flag { 
	display: inline-block; 
	width: 32px; 
	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); }

.plan > .title {
	--min-size: 24;
	--max-size: 42;
	--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: 700;
	
	padding-bottom: 12px;
	
	text-align: center;
}

.plan > .sub-title {
	--min-size: 20;
	--max-size: 24;
	--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: 500;
	
	--min-padding-bottom: 16;
	--max-padding-bottom: 24;
	--padding-bottom: calc(
		(var(--min-padding-bottom) * 1px) + 
		(var(--max-padding-bottom) - var(--min-padding-bottom)) * 
		((100cqw - 320px) / (1200 - 320))
	);
	padding-bottom: clamp(var(--min-padding-bottom) * 1px, var(--padding-bottom), var(--max-padding-bottom) * 1px);
	
	text-align: center;
}

.step.row { margin-left: 0; margin-bottom: 0; }
.step > div { width: 100%; }
.step > div > img { display: block; margin: 0 auto; }
.step > div:nth-child(odd) > img { width: 110px; }
.step > div:nth-child(even) > img { width: 46px; }
.step > div:nth-child(even) > img:nth-child(1) { display: none; }
.step > div:nth-child(even) > img:nth-child(2) { display: block; }

.step > div:nth-child(odd) > div:nth-child(2) > span { 
	display: block; 
	width: 148px; 
	height: 49px; 
	border-radius: 27px; 
	border: 2px solid #68B261; 
	
	margin: 0 auto 24px;
	font-weight: 600;
	font-size: 24px;
	line-height: 45px;
	color: #68B261;
	text-align: center;
}
.step > div:nth-child(odd) > div:nth-child(3) {
	font-weight: 600;
	font-size: 24px;
	text-align: center;
	margin-bottom: 8px;
}
.step > div:nth-child(odd) > div:nth-child(4) {
	font-weight: 400;
	font-size: 20px;
	text-align: center;
	margin-bottom: 12px;
}

.btn-free {
	width: 240px;
	height: 59px;
	
	font-weight: 600;
	font-size: 20px;
	text-align: center;

	line-height: 59px;
	
	color: #FFF;
	
	background: #68B261;
	border-radius: 30px;
	
	--min-margin-top: 16;
	--max-margin-top: 60;
	--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);

}

.banner {
	--min-padding-top: 48;
	--max-padding-top: 100;
	--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);
	
	--min-padding-bottom: 24;
	--max-padding-bottom: 100;
	--padding-bottom: calc(
		(var(--min-padding-bottom) * 1px) + 
		(var(--max-padding-bottom) - var(--min-padding-bottom)) * 
		((100cqw - 320px) / (1200 - 320))
	);
	padding-bottom: clamp(var(--min-padding-bottom) * 1px, var(--padding-bottom), var(--max-padding-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;
	
}

@media screen and (max-width: 374px) {
	.course-desc > .title { font-size: 17px; }
	.course-desc > div:nth-child(3) { font-size: 16px; }
	.course-desc > div:nth-child(4) { font-size: 14px; }
	.box-consultants-header > .title { font-size: 16px; }
	.box-consultants-header > .sub-title { font-size: 14px; }
	.box-consultants-row > div > div > div { font-size: 13px; }
	.flag { width: 24px; }
	
	.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) {
	.box-consultants-row > div > div > div { font-size: 20px; }
}

@media screen and (min-width: 576px) {
	.box-consultants-row > div > div > div { font-size: 26px; }
		
}

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

}

@media screen and (min-width: 768px) {
	.course-desc { padding: 0 16px; }
	
	.box-consultants-row > div { width: 30%; }
	
	.box-consultants-row > div > div > div {
		--min-size: 14;
		--max-size: 28;
		--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);
	}
}

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

@media screen and (min-width: 1200px) {
	.course-desc > .title { font-size: 34px; padding-bottom: 24px; }
	.course-desc > div:nth-child(4) { font-size: 20px; }
	
	.box-consultants-header > .title { font-size: 32px; padding-top: 100px; }
	.box-consultants-header > .sub-title { font-size: 24px; padding-bottom: 36px; margin-bottom: 104px; }
	
	.box-consultants-container { background: rgba(104, 178, 97, 0.2); padding-bottom: 100px; margin-bottom: 0; }
	.box-consultants-row > div { width: 25%; margin-bottom: 24px; }
	.box-consultants-row > div > div { border-radius: 10px; }
	.box-consultants-row > div > div > div { font-size: 22px; border-radius: 8px; }
	.box-consultants-row > div > div > div > div { bottom: 8px; }
	
	.box-consultants-row > div:nth-child(1), .box-consultants-row > div:nth-child(2),
	.box-consultants-row > div:nth-child(3), .box-consultants-row > div:nth-child(4) { margin-top: -104px; }
	
	.plan { padding-top: 100px; }
	.plan > .title { font-size: 42px; }
	
	.step.row { align-items: center; }
	.step > div:nth-child(odd) { width: 230px; }
	.step > div:nth-child(even) { width: 50px; }
	.step > div:nth-child(1) { width: 280px; }
	.step > div:nth-child(5) { width: 250px; }
	
	.step > div:nth-child(even) > img:nth-child(1) { display: block; }
	.step > div:nth-child(even) > img:nth-child(2) { display: none; }

	.banner { padding-top: 100px; padding-bottom: 100px; }
	
	
	.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; }
}