/*!

 * home.css

 * Version - 1.0

 * Website: Dahuong

 * Author: KhanhHV

 * Copyright (c) 2020 bicweb.com

 */

.logo h1 {

	margin: 0;

	font-size: 1rem;

}



.gd_box__title {

	text-align: center;

}



	.gd_box__title .gd_text {

		font-size: 30px;

		color: #083190;

		font-weight: bold;

		margin-bottom: 30px;

		position: relative;

		padding-bottom: 10px;

	}



		.gd_box__title .gd_text::after {

			content: "";

			width: 70px;

			height: 1px;

			background-color: #008ed4;

			position: absolute;

			bottom: 0;

			left: 50%;

			transform: translateX(-50%);

		}



.kh_module {

	padding: 70px 0;

}



/*********************************************

	1. Banner

	**********************************************/

	.gd_banner {

		clear: both;

	}



		.gd_banner img.bg_slider {

		}



	.gd_banner_image {

		margin: 0;

	}



	.gd_banner .owl-nav [class^="owl-"] {

		color: #fff;

		line-height: 1;

		opacity: 0;

		position: absolute;

		text-align: center;

		top: 50%;

		-moz-transform: translateY(-50%);

		-ms-transform: translateY(-50%);

		-o-transform: translateY(-50%);

		-webkit-transform: translateY(-50%);

		transform: translateY(-50%);

		transition: all 0.3s ease-in 0s;

		visibility: hidden;

		z-index: 100;

		height: 65px;

		width: 40px;

		cursor: pointer;

		font-size: 48px;

	}



	.gd_banner .owl-prev {

		left: 40px;

	}



	.gd_banner .owl-next {

		right: 40px;

	}



	.gd_banner:hover .owl-nav [class^="owl-"] {

		opacity: 1;

		visibility: visible;

	}



	.gd_banner .owl-nav.disabled {

		display: none;

	}





	.gd_banner .owl-dots {

		position: absolute;

		bottom: 25px;

		display: flex;

		padding: 3px 10px;

		border-radius: 5px 5px 0 0;

		left: 50%;

		transform: translateX(-50%);

	}



		.gd_banner .owl-dots::after, .gd_banner .owl-dots:before {

			content: "";

			bottom: 0;

			position: absolute;

			display: none;

		}



		.gd_banner .owl-dots::after {

			border-left: 0px solid transparent;

			border-right: 15px solid transparent;

			right: -14px;

			border-bottom: 24px solid #fff;

		}



		.gd_banner .owl-dots::before {

			border-left: 15px solid transparent;

			border-top: 0px solid transparent;

			border-bottom: 24px solid #fff;

			left: -14px;

		}



	.gd_banner .owl-dot {

		padding: 5px;

	}



	.gd_banner .owl-dots .owl-dot span {

		display: block;

		width: 10px;

		height: 10px;

		border-radius: 5px;

		background: #fff;

		transition: all 300ms ease-in 0ms;

	}



	.gd_banner .owl-dot.active span {

		width: 50px;

	}



	.gd_box_testimonial .owl-dots {

		background: none;

		bottom: -20px;

	}



	.owl-nav.disabled {

		display: none;

	}

	.kh_module_why .owl-dots {

		position: absolute;

		bottom: -13%;

		display: flex;

		padding: 3px 10px;

		border-radius: 5px 5px 0 0;

		left: 50%;

		transform: translate(-50%, -50%);

	}



	.kh_module_why .owl-dots:before, .kh_module_why .owl-dots::after{

		content: "";

		bottom: 0;

		position: absolute;

		display: none;

	}



	.kh_module_why .owl-dots::after {

		border-left: 0px solid transparent;

		border-right: 15px solid transparent;

		right: -14px;

		border-bottom: 24px solid #fff;

	}



	.kh_module_why .owl-dots::before {

		border-left: 15px solid transparent;

		border-top: 0px solid transparent;

		border-bottom: 24px solid #fff;

		left: -14px;

	}



	.kh_module_why .owl-dot, .gd_module__thanhphan .owl-dot, .kh_testimonial .owl-dot {

		padding: 5px;

	}



	.kh_module_why .owl-dots .owl-dot span{

		display: block;

		width: 15px;

		height: 15px;

		border-radius: 50%;

		border: 1.5px solid #da8240;

		transition: all 300ms ease-in 0ms;

	}



	.kh_module_why .owl-dot.active span, .gd_module__thanhphan .owl-dot.active span, .kh_testimonial .owl-dot.active span {

		background-color: #da8240;

		background-image: linear-gradient(45deg, #da8240, #fde583, #da8240);

		background-size: 100%;

		-moz-background-clip: text;

		-moz-text-fill-color: transparent;

	}



	.kh_down_croll {

		cursor: pointer;

		text-align: center;

		width: max-content;

		margin: 0 auto;

	}

	.kh_down_croll span {

		display: block;

		width: max-content;

		margin: 0 auto;

	}

	.kh_down_croll span:first-child {

		color: #fff;

		font-size: 1.4rem;

		text-transform: uppercase;

		font-weight: 600;

	}

	.kh_down_croll span i {

		font-size: 30px;

		font-weight: lighter;

		color: #fff;

	}



/*********************************************

	2. Module Story

**********************************************/

	.kh_module.kh_module_story {

		padding-top: 70px;

	}



	.kh_inner_one {

		padding-left: 20px;

		padding-top: 80px;

	}



	.kh_wrap_one {

		position: relative;

		padding: 20px;

	}

	.kh_wrap_one:before {

		content: '';

		position: absolute;

		top: 0;

		left: -10px;

		width: 40px;

		height: 1px;

		background-color: var(--color);

	}

	.kh_wrap_one {

	}

	.kh_wrap_one::after {

		content: '';

		position: absolute;

		top: -10px;

		left: 0;

		width: 1px;

		height: 40px;

		background-color: var(--color);

	}



	.kh_line_story {

		position: absolute;

		width: 100%;

		height: 100%;

		left: 0;

		top: 0;

		z-index: -1;

	}

	.kh_line_story:before {

		content: '';

		position: absolute;

		bottom: -10px;

		right: 0;

		width: 1px;

		height: 40px;

		background-color: var(--color);

	}

	.kh_line_story:after {

		content: '';

		position: absolute;

		bottom: 0;

		right: -10px;

		width: 40px;

		height: 1px;

		background-color: var(--color);

	}

	.kh_title_one {

		font-family: 'CormorantGaramond', sans-serif;

		font-size: 2.5rem;

		font-weight: 600;

		line-height: 1;

	}

	.kh_title_one span {

		font-size: 2.5rem;

		font-weight: 500;

		font-family: sans-serif;

	}

	.kh_sub_title {

		color: var(--color);

		font-size: 1.65rem;

		/*! text-transform: uppercase; */

		font-weight: 600;

		position: relative;

		padding-bottom: 15px;

		margin-bottom: 20px;

	}

	.kh_sub_title:before {

		content: '';

		position: absolute;

		width: 100px;

		height: 2px;

		left: 0;

		bottom: 0;

		background-color: var(--color2);

	}

	.kh_des_title {

		color: #5b5b5b;

	}

	.kh_box_text {

		padding: 10px 20px 10px 20px;

		position: relative;

		margin-top: 15px;

	}

	.kh_box_text:before {

		content: '';

		position: absolute;

		width: ;

		width: 3px;

		height: 100%;

		left: 0;

		top: 0;

		background-color: var(--color);

	}



/*********************************************

	3. Module Tác hại

**********************************************/

	.kh_module.kh_module_harm {

		background: url(../images/tac-hai-right.jpg) no-repeat right;

		margin-bottom: 60px;

	}

	.kh_box_title {

		text-align: center;

	}

	.kh_above_title {

		font-family: 'CormorantGaramond', sans-serif;

		font-size: 2.5rem;

		font-weight: 600;

		line-height: 1;

	}

	.kh_box_title.box_have_line {

		position: relative;

		padding-bottom: 15px;

	}

	.kh_box_title.box_have_line:before {

		content: '';

		position: absolute;

		width: 70px;

		height: 2px;

		bottom: 0;

		left: 50%;

		transform: translateX(-50%);

		background-color: var(--color2);

	}

	.kh_box_title .kh_title_module {

		font-size: 2.5rem;

		color: var(--color);

		line-height: 1.2;

		text-transform: uppercase;

	}

	.kh_title_harm {

		justify-content: space-between;

		align-items: center;

	}

	.kh_text_below {

		font-family: 'CormorantGaramond', sans-serif;

		font-size: 2.5rem;

		font-weight: 600;

		line-height: 1;

	}

	.kh_right_title {

		flex: 0 0 35%;

	}

	.kh_module.kh_module_harm .kh_box_title {

		margin-bottom: 15px;

	}

	.kh_right_title .kh_des_title {

		text-align: right;

		color: #222;

		font-weight: 600;

		position: relative;

		font-size: 1.2rem;

		line-height: 1.2;

	}

	.kh_right_title .kh_des_title:before {

		content: '';

		position: absolute;

		width: 100px;

		height: 2.5px;

		left: -100px;

		top:20px;

		transform: translateY(-50%);

		background-color: var(--color2);

	}

	.kh_list_harms {

		padding: 30px 0;

		align-content: center;

		margin: 0 -15px;

		position: relative;

		z-index: 1;

	}

	.kh_list_harms .kh_item_harm {

		flex: 0 0 20%;

		max-width: 20%;

		/*! align-items: center; */

		padding: 0 15px;

	}

	.kh_item_harm.kh_main_harm .kh_inner_harm {

		padding: 40px 15px 60px 15px;

		/*! box-shadow: 1px 1px 1px rgba(0,0,0,0.7); */

		box-shadow: 0px 0px 10px 3px #d1d1d1;

		height: 100%;

		width: 100%;

	}

	.kh_inner_harm {

		background-color: #fff;

	}

	.kh_item_harm.kh_main_harm .kh_inner_harm .kh_img_harm {

		width: 100px;

		height: 100px;

		margin: 0 auto;

		border-radius: 50%;

		overflow: hidden;

		border: 1px solid var(--color);

		margin-bottom: 15px;

	}

	.kh_item_harm.kh_main_harm .kh_inner_harm .kh_img_harm .img-fluid {

		width: 100%;

		height: 100%;

		object-fit: cover;

	}

	.kh_name_harm {

		text-align: center;

	}

	.kh_list_harms .kh_item_harm:first-child {

		display: flex;

		align-items: center;

		justify-content: center;

	}

	.kh_list_harms .kh_item_harm:first-child .kh_inner_harm {

		width: 200px;

		height: 200px;

		border: 2px solid var(--color);

		border-radius: 50%;

		display: flex;

		justify-content: center;

		align-items: center;

		text-align: center;

	}

	.kh_list_harms .kh_item_harm:first-child .kh_inner_harm .kh_big_text {

		font-size: 3.5rem;

		font-weight: 600;

		color: var(--color);

		line-height: 1;

	}

	.kh_list_harms .kh_item_harm:first-child .kh_inner_harm .kh_small_text {

		font-size: 14px;

	}

	.kh_list_harms:before {

		content: '';

		position: absolute;

		height: 2px;

		top: 50%;

		background-color: var(--color);

		z-index: -1;

		width: calc(var(--content-size) - 150px);

		left: 50%;

		transform: translate(-50%, -50%);

	}



/*********************************************

	4. Module Sản phẩm

**********************************************/

	.kh_module.kh_module_product {

		margin-top: 50px;

		background: url(../images/giai-phap.jpg) no-repeat center;

		background-size: cover;

		padding: 70px 0 200px;

		margin-bottom: 150px;

		position: relative;

	}

	.kh_list_prod {

		display: flex;

		justify-content: center;

		align-items: center;

	}

	.kh_item_prod {

		display: flex;

		align-items: center;

		flex: 0 0 46%;

		max-width: 46%;

	}

	.kh_btn_prod {

		display: none;

		align-items: center;

		margin: 10px -5px 0;

	}

	.kh_item_prod:hover .kh_btn_prod {

		display: flex;

	}

	.kh_item_prod.prod_1 .kh_btn_prod {

		justify-content: flex-end;

	}

	.kh_btn_prod a span {

		display: inline-block;

		width: 45px;

		height: 45px;

		line-height: 45px;

		text-align: center;

		border-radius: 50%;

		background: var(--color);

		color: #fff;

	}

	.kh_btn_prod a {

		display: block;

		color: var(--color);

		border: 1px solid var(--color);

		border-radius: 30px;

		padding: 0 20px 0 0;

		font-size: 1rem;

		font-weight: 600;

		background-color: #fff;

		text-transform: uppercase;

	}

	.kh_btn_prod div {

		padding: 0 5px;

	}

	.kh_btn_prod div:nth-child(2) a span {

		background-color: #fff;

		color: var(--color);

	}

	.kh_btn_prod div:nth-child(2) a {

		color: #fff !important;

		background-color: var(--color);

	}

	.img-fluid {

	}

	.kh_box_title.box_name_prod {

	}

	.kh_box_title.box_name_prod .kh_above_title {

		font-size: 1.7rem;

	}

	.kh_box_title.box_name_prod .kh_title_module {

		font-size: 2.7rem;

	}

	.kh_item_prod.prod_1 {

		justify-content: flex-end;

	}

	.kh_item_prod.prod_1 .kh_box_title.box_name_prod {

		text-align: right;

	}

	.kh_item_prod.prod_2 .kh_box_title.box_name_prod {

		text-align: left;

	}

	.kh_img_prod {

		margin-bottom: 0;

	}

	.kh_item_prod.prod_2 {

		justify-content: flex-start;

	}

	.kh_logo_center {

		flex: 0 0 8%;

		max-width: 8%;

	}

	.kh_logo_center figure {

		display: flex;

		justify-content: center;

	}

	.kh_item_prod.prod_1 .kh_img_prod {

		margin-left: 15px;

	}

	.kh_item_prod.prod_2 .kh_img_prod {

		margin-right: 15px;

	}





	.kh_list_intro {

		position: absolute;

		left: 50%;

		transform: translateX(-50%);

		width: 100%;

		bottom: -140px;

	}

	.kh_list_intro .container {

		display: flex;

		max-width: 1600px;

		box-shadow: 0px 0px 10px 3px #d1d1d1;

		background-color: #fff;

		padding: 30px 50px;

	}

	.kh_list_intro .kh_item_intro {

		flex: 0 0 20%;

		max-width: 20%;

		text-align: center;

		padding: 0 10px;

	}

	.kh_icon_intro {

		margin-bottom: 15px;

	}

	.kh_title_intro {

		color: var(--color);

		font-weight: 600;

		line-height: 1.4;

		font-size: 1.1rem;

		margin-bottom: 5px;

	}



/*********************************************

	5. Module Lý do

**********************************************/

	.kh_module.kh_module_why {

		background: url(../images/bg_box_02.jpg) no-repeat left top;

		background-size: cover;

	}

	.kh_list_why {

		padding: 0;

		position: absolute;

		width: 100%;

		height: 100%;

		left: 0;

		top: 0;

		justify-content: space-between;

	}

	.kh_list_why .kh_item_why {

		width: 30%;

		position: absolute;

		text-align: center;

		height: 50%;

	}

	.kh_wrap_icon {

		margin: 0 auto;

		width: max-content;

		height: auto;

	}

	.kh_icon_why {

		position: relative;

		margin-bottom: 15px;

	}

	.kh_icon_why:before {

		position: absolute;

		width: 40px;

		height: 1.5px;

		bottom: 0;

		left: 50%;

		transform: translateX(-50%);

		background-color: var(--color2);

	}

	.kh_title_why {

		color: #222;

		font-weight: 800;

		font-size: 1.2rem;

		text-transform: uppercase;

		line-height: 1.4;

		margin-bottom: 5px;

	}

	.kh_inner_why .kh_icon_below {

		position: absolute;

		width: 80%;

		height: 70%;

		background-repeat: no-repeat;

		opacity: 0.05;

		left: 50%;

		top: 0;

		transform: translateX(-50%);

		background-position: top left;

	}

	.kh_inner_why {

		position: relative;

		padding: 20px 0;

	}

	.kh_list_why .kh_item_why:nth-child(2n) .kh_inner_why .kh_icon_below {

		background-position: bottom right;

	}

	.kh_img_why {

		width: max-content;

		margin: 0 auto;

		padding: 70px 0;

	}

	.kh_wrap_box_why {

		position: relative;

		padding: ;

		margin-top: 30px;

	}

	.kh_item_why:nth-child(1) {

		left: 0;

		top: 0;

	}

	.kh_item_why:nth-child(2) {

		right: 0;

		top: 0;

	}

	.kh_item_why:nth-child(3) {

		bottom: -20px;

		left: 0;

	}

	.kh_item_why:nth-child(4) {

		bottom: -20px;

		right: 0;

	}





/*********************************************

	6. Module Chuyên gia

**********************************************/

	.kh_wrap_expert {

		display: flex;

		align-items: center;

		justify-content: center;

	}



	.kh_img_expert {

		margin-bottom: 0;

		padding: 50px 15px 50px 50px;

		position: relative;

		height: calc(470/630 * var(--content-size) * 5/12 - 15px);

	}

	.kh_abs_img {

		position: absolute;

		width: 90px;

		height: 90px;

		display: flex;

		justify-content: center;

		align-items: center;

		left: 10px;

		top: 10px;

		background-color: #feeed0;

		z-index: 999;

	}

	.kh_img_expert:before {

		content: '';

		position: absolute;

		width: calc(470/630 * var(--content-size) * 5/12 - 15px);

		height: calc(470/630 * var(--content-size) * 5/12 - 15px);

		border: 3px solid var(--color);

		z-index: -1;

		border-left: none;

		left: 0;

		top: 0;

		/*! transform: translateY(-50%); */

	}

	.kh_inner_img {

		width: 100%;

		height: 100%;

	}

	.kh_inner_img .img-fluid {

		width: 100%;

		height: 100%;

		object-fit: cover;

	}

	.kh_img_expert::after {

		content: '';

		position: absolute;

		width: 3px;

		height: calc(470/630 * var(--content-size) * 5/12 - 15px);

		left: 0;

		top: 0;

		z-index: -1;

		background: linear-gradient(0deg, var(--color) 40%, #fbfbfb, var(--color));

	}

	.kh_img_expert .kh_img_hidden {

		display: none;

	}

	.kh_list_expert {

		padding-bottom: 30px;

	}

	.kh_item_expert {

		text-align: left;

	}

	.kh_item_expert .kh_box_title {

		text-align: ;

		text-align: left;

		margin-bottom: 30px;

	}

	.kh_item_expert .kh_box_title:before {

		left: 0;

		transform: unset;

	}

	.kh_list_expert  .owl-dots {

		position: absolute;

		display: flex;

		padding: 3px 10px;

		border-radius: 5px 5px 0 0;

		bottom: 0;

		left: -5px;

		transform: unset;

		padding-left: 0;

	}



		.kh_list_expert  .owl-dots::after, .kh_list_expert  .owl-dots:before {

			content: "";

			bottom: 0;

			position: absolute;

			display: none;

		}



		.kh_list_expert  .owl-dots::after {

			border-left: 0px solid transparent;

			border-right: 15px solid transparent;

			right: -14px;

			border-bottom: 24px solid #fff;

		}



		.kh_list_expert  .owl-dots::before {

			border-left: 15px solid transparent;

			border-top: 0px solid transparent;

			border-bottom: 24px solid #fff;

			left: -14px;

		}



	.kh_list_expert  .owl-dot {

		padding: 5px;

	}



	.kh_list_expert  .owl-dots .owl-dot span {

		display: block;

		width: 20px;

		border: 1px solid var(--color);

		height: 10px;

		border-radius: 5px;

		background: #fff;

		transition: all 300ms ease-in 0ms;

	}



	.kh_list_expert  .owl-dot.active span {

		width: 50px;

		background-color: var(--color);

	}



/*********************************************

	7. Module Thời điểm

**********************************************/

	.kh_module.kh_module_time {

		padding-top: 80px;

		padding-bottom: 50px;

	}

	.kh_img_time {

		width: 180px;

		height: 180px;

		margin: 0 auto;

		border-radius: 50%;

		overflow: hidden;

		border: 1.5px solid var(--color2);

	}

	.kh_img_time img {

		width: 100%;

		height: 100%;

		object-fit: cover;

	}

	.kh_item_time {

		text-align: center;

	}

	.kh_title_time {

		color: var(--color);

		font-weight: 600;

		line-height: 1.4;

		font-size: 1.1rem;

		margin-bottom: 5px;

	}

	.kh_item_time .kh_inner_time {

		padding: 0 30px;

	}

	.kh_module.kh_module_time .kh_box_title {

		position: absolute;

		top: -50px;

		left: 50%;

		transform: translateX(-50%);

		z-index: 1;

		background: #fff;

		padding: 0 30px;

	}



	.kh_wrap_box_time {

		padding-bottom: 50px;

		border-left: 2px solid var(--color);

		position: relative;

		border-right: 2px solid var(--color);

		padding-top: 100px;

	}

	.kh_wrap_box_time:before {

		content: '';

		position: absolute;

		width: 100%;

		height: 2px;

		left: 0;

		bottom: 0;

		background-image: linear-gradient(90deg, var(--color) 40%, #fbfbfb, var(--color));

	}

	.kh_wrap_box_time:after {

		content: '';

		position: absolute;

		width: 100%;

		height: 2px;

		left: 0;

		top: 0;

		background-image: linear-gradient(90deg, var(--color), #fbfbfb, var(--color) 65%);

		z-index: -1;

	}



/*********************************************

	8. Module Khách hàng

**********************************************/

	.kh_module.kh_module_exps {

		background: url(../images/bg_box_02.jpg) no-repeat left top;

		background-size: cover;

	}

	.kh_img_video_exp {

		width: 70%;

		margin: 30px auto 40px;

		position: relative;

		cursor: pointer;

	}

	.kh_wrap_img_exp {

		align-items: center;

	}

	.kh_img_exp {

		width: 130px;

		height: 130px;

		margin-bottom: 0;

		border-radius: 50%;

		overflow: hidden;

		border: 1px solid var(--color2);

		margin-right: 10px;

	}

	.kh_img_exp .img-fluid {

		width: 100%;

		height: 100%;

		object-fit: cover;

		transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
		transform: scale(1);

	}

	.kh_wrap_img_exp:hover .kh_img_exp .img-fluid {
		transform: scale(1.2) !important;
	}

	.kh_info_cus {

		flex: 1;

	}

	.kh_info_cus .kh_name_customer a {

		color: #222;

		font-size: 1.2rem;

		font-weight: 500;

	}

	.kh_list_exp .owl-stage-outer {

	    padding-bottom: 3px;

	}

	.kh_list_exp .owl-stage-outer .kh_item_exp {

		text-align: left;

	}

	.kh_inner_exp {

		height: 100%;

		padding: 30px;

		box-shadow: -1px 2px 5px rgba(0,0,0,0.3);

		border-radius: 20px;

		background-color: #fff;

	}

	.kh_excerpt_exp {

		margin-top: 15px;

		font-weight: 400;

	}



	.kh_module_exps .video-about {

	    height: 100%;

	    display: flex;

	    align-items: center;

	    margin: 0;

	}



	    .kh_module_exps .video-about img {

	        display: block;

	    }



	.kh_module_exps .video-wrap {

	    width: 100%;

	    height: 100%;

	}



	.kh_module_exps .gd_closed {

	    position: absolute;

	    color: #fff;

	    top: 0px;

	    right: 10px;

	}



	.kh_module.kh_module_exps .video-popup {

		position: absolute;

		width: 100%;

		height: 100%;

		top: 0;

		left: 0;

		z-index: 99999999;

		visibility: hidden;

	}

	.kh_module.kh_module_exps .video-popup.active {

		visibility: visible;

	}

	.kh_module.kh_module_exps .video-popup #videoShow {

		width: 100%;

		height: 100%;

		display: block;

	}



	    .kh_module_exps .video-link i.fas.fa-play {

	        transition: 0.9s;

	        transform-origin: 40% 50%;

	    }



	    .kh_module_exps .video-link:hover i.fas.fa-play {

	        transform: rotateZ(360deg);

	    }

    .kh_img_video_exp span {

	    width: 70px;

	    height: 70px;

	    display: block;

	    position: absolute;

	    top: 50%;

	    left: 50%;

	    transform: translate(-50%, -50%);

	    line-height: 70px;

	    text-align: center;

	    border-radius: 50%;

	    color: #fff;

	    background: linear-gradient(0deg, #ffab0bb8 10%, #fbe27e);

    }





/*********************************************

	9. Box News

**********************************************/

	.kh_module.kh_module_news {

		background: url(../images/bg_box_02.jpg) no-repeat left top;

		background-size: cover;

	}

	.row.kh_list_news {

		padding-top: 40px;

		padding-bottom: 30px;

	}

	.kh_thumb_news {

		height: calc(300/450 * var(--content-size)/3 - 15px);

		margin-bottom: 0;

		overflow: hidden;

	}

	.kh_thumb_news .img-fluid {

		width: 100%;

		height: 100%;

		transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
		transform: scale(1);

	}

	.kh_inner_news:hover .kh_thumb_news img {
		transform: scale(1.2) !important;
	}

	.kh_inner_news {

		height: 100%;

		border-radius: 20px;

		overflow: hidden;

		box-shadow: -1px 2px 5px rgba(0,0,0,0.3);

	}

	.kh_inner_news .kh_content_news {

		height: calc(100% - (300/450 * var(--content-size)/3 - 15px));

		padding: 20px;

		border: 1px solid #ccc;

		border-radius: 0 0 20px 20px;

		border-top: none;

		background-color: #fff;

	}

	.kh_wrap_content_news {

		background-color: #fff;

		height: 100%;

	}

	.kh_name_news {

		line-height: 1.4;

		margin-bottom: 10px;

		text-align: center;

	}

	.kh_name_news a {

		color: var(--color);

		line-height: 1.4;

		font-weight: 800;

		font-size: 1.2rem;

		margin-bottom: 10px;

		text-align: center;

		text-transform: uppercase;

	}

	.kh_des_news {

		margin-bottom: 10px;

		font-weight: 500;

	}

	.kh_read_detail a {

		color: var(--color);

		font-weight: 600;

	}



/*********************************************

	10. Box Giải pháp

**********************************************/

	.kh_module.kh_module_solution .kh_box_title .kh_title_module {

		color: #222;

	}

	.row.kh_box_solu {

		align-items: center;

	}

	.kh_module.kh_module_solution .kh_box_title.box_have_line::before {

		background-color: var(--color);

	}



/*********************************************

	11. Box Nghiên cứu

**********************************************/

	.kh_module.kh_module_research .kh_box_title .kh_title_module {

		color: #222;

	}

	.kh_des_box {

		text-align: center;

		margin: 30px 0;

		font-weight: 400;

		line-height: 1.3;

	}

	.kh_title_des {

		font-weight: 400;

	}

	.kh_img_research {

		width: calc(100% - 30px);

		margin-bottom: 0;

		border: 1px solid var(--color2);

		border-radius: 30px;

		overflow: hidden;

		margin: 0 0 0 auto;

	}

	.kh_img_research .img-fluid {

		width: 100%;

		height: 100%;

	}

	.kh_inner_research {

		height: 100%;

		position: relative;

		padding-top: 30px;

	}

	.kh_number_research {

		position: absolute;

		background-color: var(--color);

		font-size: 2.5rem;

		font-weight: 800;

		color: #fff;

		padding: 0 40px;

		transform: skew(-10deg);

		left: 20px;

		bottom: 60px;

	}

	.kh_result_research {

		color: var(--color);

		font-size: 1.2rem;

		text-transform: uppercase;

		font-weight: 600;

		padding: 20px 40px 15px;

		background-color: #fff;

	}

	.kh_img_research a {

		display: block;

		height: calc(200/420 * (var(--content-size)/3 - 60px));

	}

	.kh_number_research span {

		transform: skew(10deg);

		display: block;

	}

	.kh_inner_research::before {

		content: '';

		position: absolute;

		width: calc(100% - 30px);

		height: calc(100% - 30px);

		left: 0;

		top: 0;

		background-color: var(--color2);

		z-index: -1;

		border-radius: 30px;

	}

	.kh_result_research span {

		font-weight: 100;

		margin-left: 10px;

		display: inline-block;

	}





/*********************************************

	10. Module XXX

**********************************************/

	@media screen and (min-device-width: 858px) and (max-device-width: 1800px) {



	}

	@media screen and (min-device-width: 1600px) and (max-device-width: 1800px) {



	}



	@media screen and (max-device-width: 1536px) and (min-device-width: 1440px) {



	}



	@media only screen and (min-width: 1200px) and (max-width: 1440px) {

		.kh_box_title .kh_title_module {

			font-size: 2.5rem;

		}

		.kh_box_title {

			margin-bottom: 10px;

		}

		.kh_title_why {

			font-size: 1.1rem;

		}

	}

	@media screen and (min-device-width: 625px) and (max-device-width: 1366px) {



	}

	@media screen and (min-device-width: 992px) and (max-device-width: 1440px) {

		.kh_img_why .img-fluid {

		  	max-width: 80%;

		}

		.kh_img_why {

		  	display: flex;

		  	justify-content: center;

		  	align-items: center;

		}



	}

	@media only screen and (max-width: 1024px) and (min-width: 992px){

	   .kh_img_why {

		   padding: 120px 0;

	   }

	}



	@media only screen and (max-width: 1199px) {



		.kh_box_title .kh_title_module {

			font-size: 2rem;

		}



		.kh_text_below {

			font-size: 1.5rem;

		}





	}

	@media only screen and (max-width: 1119px) and (min-width: 1080px){

		.kh_title_why {

			font-size: 1rem;

		}

	}

	@media only screen and (max-width: 1079px) and (min-width: 992px) {



	}

	@media only screen and (max-width: 1024px) {



		.kh_img_why {

			width: 40%;

		}



		.kh_module {

			padding: 40px 0;

		}



		.kh_img_research a {

			height: calc(200/420 * (var(--content-size)/3 + 30px));

		}

		.kh_number_research {

			font-size: 1.5rem;

		}



	}

	@media only screen and (max-width: 992px) and (min-width: 768px) {

		



	}

	@media screen and (max-device-width: 992px) {



		.kh_box_title.box_have_line {

			margin-bottom: 20px;

		}



		.kh_thumb_news {

			height: calc(300/450 * var(--content-size)/2 - 15px);

		}



		.kh_list_why {

			position: unset; 

			display: flex;

			flex-wrap: wrap;

			margin: 0 -10px;

			width: unset;

			height: unset;

			justify-content: unset;

		}



		.kh_list_why .kh_item_why {

			position: unset; 

			flex: 0 0 50%;

			max-width: 50%;

			width: unset;

			padding: 0 10px;

		}



		.kh_img_why {

			padding: 0;

		}



		.kh_inner_research::before {

			content: unset; 

		}



		.kh_inner_research {

			padding-top: 0; 

		}



		.kh_img_research {

			width: 100%;

			border-radius: 20px;

			margin: 0;

		}



		.kh_result_research {

			font-size: 1.2rem;

			padding: 10px 20px;

		}



		.kh_number_research {

			font-weight: 500;

			transform: unset;

			left: 0;

			bottom: unset;

			top: 0;

		}



		.kh_number_research {

			font-size: 1.2rem;

		}



		.kh_number_research span {

			transform: unset;

		}



		.kh_des_box {

			margin: 0 0 20px;

		}



		.kh_box_title .kh_title_module {

			font-size: 1.7rem;

		}



		.kh_inner_exp {

			padding: 15px;

		}



		.kh_wrap_img_exp {

			display: block !important;

		}



		.kh_img_exp {

			width: 100px;

			height: 100px;

			margin: 0 auto 10px;

		}



		.kh_info_cus {

			text-align: center;

		}



	}



	@media only screen and (max-width: 767px) and (min-width: 577px) {



	}



	@media screen and (max-device-width: 576px) {

		.kh_title_why {

			font-size: 1.1rem;

		}

		.kh_img_research a {

			height: calc(200/420 * (var(--content-size) + 30px));

		}



		.kh_thumb_news {

			height: calc(300/450 * var(--content-size) - 15px);

		}



		.kh_item_research {

			margin-bottom: 25px;

		}



		.kh_module {

			padding: 30px 0;

		}

		.kh_img_video_exp {

			width: 90%;

		}



		.kh_list_why .kh_img_why {

		  	flex: 0 0 100%;

		  	max-width: 100%;

		  	display: flex;

		  	justify-content: center;

		  	align-items: center;

		  	margin: 15px 0;

		}

		.kh_list_why {

		}

		.kh_list_why .kh_img_why .img-fluid {

		  	max-width: 49%;

		}

		.kh_item_news {

			padding: 0 15px;

		}

		.kh_list_exp .owl-stage-outer .kh_item_exp {

			padding: 0 15px;

		}

	}

	@media only screen and (max-width: 736px) and (min-width: 414px) {

		

	}

	@media only screen and (max-width: 731px) and (min-width: 411px) {

		

	}



	@media screen and (max-device-width: 414px) {

		

	}

	@media only screen and (max-width: 812px) and (min-width: 375px) {

		

	}

	@media screen and (max-device-width: 414px) { 

		

	}

	@media only screen and (max-width: 667px) and (min-width: 375px) {

		

	}

	@media only screen and (max-device-width: 724px) and (min-device-width: 325px) {

		

	}	

	@media screen and (max-device-width: 375px) {



	}

	@media screen and (max-device-width: 360px) {



	}

	@media only screen and (max-width: 808px) and (min-width: 331px) {



	}

	@media only screen and (max-width: 744px) and (min-width: 231px) {



	}