/*!
 * home.css
 * Version - 1.0
 * Website: tieuhoakem
 * Author: Khanhhv
 * Copyright (c) 2021 bicweb.com
 */
 .logo h1 {
	margin: 0;
	font-size: 1rem;
}
.gd_txtblog_list, .gd_service_posts{
	padding-top: 25px
}
.gd_box__title, .hb_box__title, .hb_consultants_box__title, .hb_solution_box__title {
	text-align: center;
}
.hb_box__title{
}
.hb_counter_title{
	padding-top: 60px;
}
.hb_solution_box__title .hb_text{
 font-size: 30px;
 color: #2f99d4;
 font-family: 'UTM Cookies', sans-serif;
 margin-bottom: 30px;
 position: relative;
 padding-bottom: 10px;
}
.hb_solution_box__title .hb_text::after{
  content: "";
  width: 100px;
  height: 2px;
  background-color: #2f99d4;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
}
.hb_solution_box__title img{
	padding-bottom: 10px;
}
.gd_box__title .gd_text, .hb_box__title .hb_text, .hb_consultants_box__title .hb_text_cgtv {
	font-size: 48px;
	color: #2f99d4;
	font-family: 'UTM Cookies', sans-serif;
	margin-bottom: 30px;
	position: relative;padding-top: 20px;
	padding-bottom: 10px;
}

.gd_box__title .gd_text::after {
	content: "";
	width: 100px;
	height: 2px;
	background-color: #2f99d4;
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
}
.hb_box__title .hb_text::after{
 content: "";
 width: 100px;
 height: 2px;
 background-color: #2f99d4;
 position: absolute;
 bottom: -120px;
 left: 50%;
 transform: translateX(-50%);
}
.hb_consultants_box__title .hb_text_cgtv:after{
 content: "";
 width: 100px;
 height: 2px;
 background-color: #ffff;
 position: absolute;
 bottom: -10px;
 left: 50%;
 transform: translateX(-50%);
}
.hb_box__title img{
	margin-top: -30px;
	padding-bottom: 74px;
}
.gd_module {
	padding: 20px 0;
}
.kh_img_video a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
.kh_img_video a::before {
	content: '';
	position: absolute;
	width: 70px;
	height: 70px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-image: url('../images/icon/icon_play.png');
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
}
/*--------------*/
   @-webkit-keyframes ripple {
       70% {
           box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
       }

       100% {
           box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
       }
   }

   @keyframes ripple {
       70% {
           box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
       }

       100% {
           box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
       }
   }
   /*--------------*/
   .kh_video_right .kh_item_video .kh_img_video a::after{
	   	width: 40px;
	   	height: 40px;
   }
   .kh_img_video a::after {
       content: '';
       position: absolute;
       width: 70px;
       height: 70px;
       top: 50%;
       border-radius: 50%;
       left: 50%;
       transform: translate(-50%, -50%) rotate(-45deg);
       opacity: 0.5;
       z-index: 1;
       -webkit-box-shadow: 0 0 0 0 var(--color1);
       -moz-box-shadow: 0 0 0 0 var(--color1);
       -ms-box-shadow: 0 0 0 0 var(--color1);
       -o-box-shadow: 0 0 0 0 var(--color1);
       box-shadow: 0 0 0 0 var(--color1);
       -webkit-animation: ripple 2s infinite;
       -moz-animation: ripple 2s infinite;
       -ms-animation: ripple 2s infinite;
       -o-animation: ripple 2s infinite;
       animation: ripple 2s infinite;
   }

/*********************************************
	1. Banner
	**********************************************/
	.gd_banner {
		clear: both;
	}

	.gd_banner img.bg_slider {
	}

	.gd_banner_image {
		margin: 0;
	}

	.gd_banner .owl-nav [class^="owl-"] {
		color: #ededed;
		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: block;
	}


	.gd_banner .owl-dots {
 /*       position: absolute;
		bottom: 25px;
		left: calc((100vw - var(--content-size)) / 2);
		display: flex;
		padding: 3px 10px;
		border-radius: 5px 5px 0 0;*/
		display: none;
	}

	.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;
		display: none;
	}

	.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 {
	padding: 35px 0;
	background-color: #fff6fb;
}

.kh_module.kh_module_video .kh_box_title.box_have_line {
	margin-bottom: 60px;
}
.kh_module.kh_module_news.kh_module_media {
}
.kh_module.kh_module_news.kh_module_media .kh_box_title.box_have_line {
	margin-bottom: 60px;
}
.kh_module.kh_module_customer {
	padding-top: 60px;
}
.kh_module.kh_module_customer .kh_box_title.box_have_line {
	margin-bottom: 60px;
}

/*********************************************
	2. Module đối tượng
	**********************************************/
	.kh_module.kh_module_obj {
		padding-top: 70px;
		padding-bottom: 150px;
		background-image: url('../images/backgound1.jpg');
		background-position: bottom center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	.kh_box_title {
		text-align: center;
		margin-bottom: 30px;
	}
	.kh_box_title .kh_above_title {
		font-size: 1.9rem;
		text-transform: uppercase;
		font-weight: 600;
		color: #666;
	}
	.kh_box_title .kh_title_module {
		font-size: 3.5rem;
		text-transform: uppercase;
		font-weight: 700;
		color: var(--color);
		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: 100px;
		height: 1px;
		left: 50%;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		background-color: var(--color);
	}
	.kh_img_center {
		text-align: center;
		margin-bottom: 0;
	}
	.kh_main_obj {
		position: relative;
		padding: 70px 0;
	}
	.kh_main_obj .kh_list_objs {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		display: flex;
		justify-content: center;
	}
	.kh_inner_obj {
		display: flex;
		align-items: center;
	}
	.kh_img_obj {
		margin-bottom: 0;
		z-index: 1;
	}
	.kh_list_left, .kh_list_right {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.kh_list_left .kh_item_obj {
	}
	.kh_list_left .kh_item_obj .kh_inner_obj {
		justify-content: flex-end;
	}
	.kh_name_obj {
		border-radius: 40px;
		padding: 20px;
		/*! padding-right: 12px; */
		background: linear-gradient(90deg, #fb5db7 50%, #c80676);
		width: calc(var(--content-size)/3 - 100px);
		color: var(--color);
		font-size: 1.35rem;
		text-transform: uppercase;
		font-weight: 700;
		font-weight: 600;
		color: #fff;
		position: sticky;
	}
	.kh_name_obj a{
		color: #fff
	}
	.kh_list_left .kh_item_obj .kh_inner_obj .kh_name_obj {
		text-align: right;
		padding-right: 100px;
		margin-right: -60px;
	}
	.kh_list_left .kh_item_obj .kh_inner_obj .kh_name_obj:hover{
		background: linear-gradient(0deg, var(--color1) 50%, #20bef87a);
	}
	.kh_list_right .kh_item_obj .kh_inner_obj .kh_name_obj {
		text-align: left;
		padding-left: 100px;
		margin-left: -60px;
		background: linear-gradient(90deg, #10b3ee 50%, #2dc6ff);
	}
	.kh_list_right .kh_item_obj .kh_inner_obj .kh_name_obj:hover{
		background: linear-gradient(0deg, var(--color) 50%, #e2008254);
	}
	.kh_list_left .kh_item_obj:nth-child(1), .kh_list_left .kh_item_obj:nth-child(5) {
		padding-right: calc(20%);
	}
	.kh_list_left .kh_item_obj:nth-child(2), .kh_list_left .kh_item_obj:nth-child(4) {
		padding-right: calc(30%);
	}
	.kh_list_left .kh_item_obj:nth-child(3) {
		/*! padding-right: calc(35%); */
		padding: 10px 0;
		padding-right: calc(35%);
	}
	.kh_list_right .kh_item_obj:nth-child(1), .kh_list_right .kh_item_obj:nth-child(5) {
		padding-left: calc(20%);
	}
	.kh_list_right .kh_item_obj:nth-child(2), .kh_list_right .kh_item_obj:nth-child(4) {
		padding-left: calc(30%);
	}
	.kh_list_right .kh_item_obj:nth-child(3) {
		padding: 10px 0;
		/*! padding-right: 0px; */
		padding-left: calc(35%);
	}

/*********************************************
	2. Module sản phẩm
	**********************************************/
	.kh_module.kh_module_prod {
		padding-bottom: 70px;
	}
	.kh_img_prod {
		margin-bottom: 15px;
	}
	.kh_inner_prod {
		background-repeat: no-repeat !important;
		background-size: cover !important;
		background-position: center center !important;
		height: calc(500/690 * var(--content-size)/2 - 15px);
		padding: 50px 40px 40px;
		border-radius: 30px;
		overflow: hidden;
	}
	.kh_info_top {
		justify-content: space-between;
		align-items: flex-end;
	}
	.kh_info_top .kh_info_left {
	}
	.kh_info_top .kh_info_left .kh_name_prod {
		color: #fff;
		font-weight: 800;
		font-size: 2rem;
		font-family: 'Barlow Condensed', sans-serif;
		line-height: 1;
		margin-bottom: 5px;
	}
	.kh_info_top .kh_info_left .kh_des_prod {
		font-size: 1.5rem;
		color: #fff;
		text-transform: uppercase;
		font-weight: 700;
		line-height: 1;
	}
	.kh_link_prod {
	}
	.kh_link_prod {
		padding: 8px 30px;
		background-color: #fff;
		border-radius: 30px;
	}
	.kh_link_prod a {
		line-height: 1;
		text-transform: uppercase;
		font-weight: 600;
		font-family: 'Barlow Condensed', sans-serif;
		font-size: 1.3rem;
	}
	.kh_info_bottom {
		margin-top: 20px;
	}
	.kh_info_bottom .kh_adv_list {
		list-style: none;
		padding-left: 0;
		margin-bottom: 0;
		display: flex;
		flex-wrap: wrap;
	}
	.kh_info_bottom .kh_adv_list li {
		flex: 0 0 50%;
		max-width: 50%;
		margin-bottom: 10px;
		line-height: 1.2;
		color: #fff;
		font-size: 1.15rem;
		padding-left: 25px;
		position: relative;
	}
	.kh_info_bottom .kh_adv_list li:before {
		content: "\f00c";
		font-family: "Font Awesome 5 Pro";
		display: inline-block;
		position: absolute;
		left: 0;
		width: 1.3em;
		background-color: #f3ec78;
		background-image: linear-gradient(90deg, #ffb300, #fde583, #b37809);
		background-size: 100%;
		-webkit-background-clip: text;
		-moz-background-clip: text;
		-webkit-text-fill-color: transparent;
		-moz-text-fill-color: transparent;
		font-weight: 700;
	}

/*********************************************
	3. Module cẩm nang
	**********************************************/
	.kh_list_handb {
		display: none !important;
	}
	.kh_list_handb.show {
		display: block !important;
	}
	.kh_handb_item {
	}
	.kh_handb_item .kh_handb_inner {
		display: flex;
		margin-bottom: 30px;
	}
	.kh_name_handb {
		font-size: 1.3rem;
		color: var(--color);
	}
	.kh_handb_item .kh_handb_inner .kh_text_handb {
		text-align: left;
		display: block;
		flex: 1;
	}
	.kh_excerpt_handb {
		font-size: 1.2rem;
		color: #222;
		line-height: 1.3;
	}
	.kh_handb_image {
		flex: 0 0 22.5%;
		max-width: 22.5%;
		margin-bottom: 0;
		height: calc(120/180 * 7/12 * (var(--content-size) - 30px) * 22.5/100);
		margin-right: 15px;
		border-radius: 15px;
		overflow: hidden;
	}
	.kh_handb_image .img-fluid {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.kh_list_handb .owl-dots {
        position: absolute;
        display: none;
        border-radius: 5px 5px 0 0;
        bottom: -20px;
        padding: 3px 10px 3px 0;
        left: 0;
    }
    .kh_list_handb.show .owl-dots {
    	display: flex;
    }

        .kh_list_handb .owl-dots::after, .kh_list_handb .owl-dots:before {
            content: "";
            bottom: 0;
            position: absolute;
            display: none;
        }

        .kh_list_handb .owl-dots::after {
            border-left: 0px solid transparent;
            border-right: 15px solid transparent;
            right: -14px;
            border-bottom: 24px solid #fff;
        }

        .kh_list_handb .owl-dots::before {
            border-left: 15px solid transparent;
            border-top: 0px solid transparent;
            border-bottom: 24px solid #fff;
            left: -14px;
        }

    .kh_list_handb .owl-dot {
        padding: 5px;
    }

    .kh_list_handb .owl-dots .owl-dot span {
        display: block;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        border: 2px solid var(--color);
        transition: all 300ms ease-in 0ms;
    }

    .kh_list_handb .owl-dot.active span {
        background: var(--color);
    }


    .kh_module.kh_module_handbook {
    	background: url('../images/backgound2.jpg');
    	padding-top: 150px;
    	background-repeat: no-repeat;
    }
    .kh_module.kh_module_handbook .kh_box_title.box_have_line {
    	margin-bottom: 70px;
    }
    .kh_list_nav_handb {
    	list-style: none;
    	padding-left: 0;
    }
    .kh_list_nav_handb .kh_item_nav_handb {
    	padding: 25px;
    	background: linear-gradient(180deg, var(--color1) 70%, #20bef87a);
    	border-radius: 20px;
    	margin-bottom: 20px;
    	position: relative;
    	padding-left: 70px;
    }
    .kh_list_nav_handb .kh_item_nav_handb.actived {
      	background:linear-gradient(180deg, var(--color) 70%, #e2008254);
    }
    .kh_list_nav_handb .kh_item_nav_handb span {
    	color: #fff;
    	font-size: 1.4rem;
    	font-weight: 600;
    }
    .kh_list_nav_handb .kh_item_nav_handb:before {
    	/*! content: ''; */
    	/*! position: absolute; */
    	content: "+";
    	font-family: "Font Awesome 5 Pro";
    	display: inline-block;
    	position: absolute;
    	width: 70px;
    	left: 0;
    	text-align: center;
    	font-size: 4.5rem;
    	font-weight: 0;
    	top: 50%;
    	transform: translateY(-50%);
    	color: #fff;
    }
    .kh_link_cat {
      	display: inline-block;
      	padding: 10px 30px;
      	background: linear-gradient(0deg, var(--color) 50%, #e2008254);
      	border-radius: 30px;
      	color: #fff;
    }
    .kh_link_cat:hover{
    	background: linear-gradient(0deg, var(--color1) 50%, #20bef87a);
    }
    .kh_link_cat a {
      	color: #fff;
      	font-weight: 600;
      	text-transform: uppercase;
      	font-size: 1.2rem;
    }

/*********************************************
	4. Module Lý do
	**********************************************/
    .kh_achieves {
		padding: 20px 0;
        display: flex;
        align-content: center;
        justify-content: space-between;
        flex-wrap: nowrap;
    }

    .kh_achieves .kh_item_achieve {
        flex: 0 0 20%;
        max-width: 20%;
        text-align: center;
    }

    .kh_achieves .kh_item_achieve .kh_achieve_inner .kh_achieve_images {
        width: 175px;
        height: 175px;
        margin: 0 auto;
        margin-bottom: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #ffb0dc;
        border-radius: 50%;
        bo1: ;
        border: 2px solid var(--color);
        padding: 1px;
        position: relative;
    }
    .kh_achieve_images::before {
	    content: '';
	    position: absolute;
	    width: 170px;
	    height: 170px;
	    left: 50%;
	    top: 50%;
	    transform: translate(-50%, -50%);
	    border: 2px solid #fff;
	    border-radius: 50%;
    }
    .kh_achieves .kh_item_achieve .kh_achieve_inner .kh_achieve_images img{
    	z-index: 1;
    }
    .kh_achieves .kh_item_achieve .kh_achieve_inner .kh_achieve_images:hover img{
    	animation: shake 0.5s; 
    	animation-iteration-count: infinite; 
    }
    @keyframes shake {
    	0% { transform: translate(1px, 1px) rotate(0deg); }
    	10% { transform: translate(-1px, -2px) rotate(-1deg); }
    	20% { transform: translate(-3px, 0px) rotate(1deg); }
    	30% { transform: translate(3px, 2px) rotate(0deg); }
    	40% { transform: translate(1px, -1px) rotate(1deg); }
    	50% { transform: translate(-1px, 2px) rotate(-1deg); }
    	60% { transform: translate(-3px, 1px) rotate(0deg); }
    	70% { transform: translate(3px, 1px) rotate(-1deg); }
    	80% { transform: translate(-1px, -1px) rotate(1deg); }
    	90% { transform: translate(1px, 2px) rotate(0deg); }
    	100% { transform: translate(1px, -2px) rotate(-1deg); }
    }

    .kh_achieves .kh_item_achieve .kh_achieve_inner .kh_achieve_item_content .kh_achieve_item_title .kh_achieve_item_name {
        text-transform: uppercase;
        font-size: 1.4rem;
        font-weight: 700;
    }

    .kh_achieves .kh_item_achieve .kh_achieve_inner .kh_achieve_item_content .kh_achieve_item_desc {
        padding: 0 25px;
        display: block;
        color: #222;
        font-size: 1.1rem;
        line-height: 1.3;
        font-weight: 400;
    }

    .kh_achieves .kh_item_achieve .kh_achieve_inner .kh_achieve_item_content .kh_achieve_item_title .kh_achieve_item_name {
        color: var(--color);
    }


/*********************************************
	5. Module Hỏi Đáp
	**********************************************/

	.kh_module.kh_module_form {
		background-image: url('../images/backgound3.png');
		background-position: bottom center;
		background-repeat: no-repeat;
		padding: 35px 0 0;
	}
	.kh_module.kh_module_form .row {
		align-items: center;
	}
	.kh_form_home {
	}
	.kh_img_form{
		margin-bottom:0; 
	}
	.kh_form_home .wpcf7-form {
	}
	.kh_form_home .wpcf7-form .hb_form_group_address {
		display: none;
	}
	.kh_form_home .gd_contact_form .row {
		display: block;
	}
	.kh_form_home .gd_contact_form .row .form-group {
		max-width: 100%;
	}
	.kh_form_home .gd_contact_form .row .form-group input {
		padding: 15px;
		border-radius: 30px;
		color: #222;
		padding-left: 50px;
	}
	.kh_form_home .gd_contact_form .form-group.gd_submit {
	}
	.kh_form_home .gd_contact_form .hb_form_group_textarea_pen {
	}
	.form-group.hb_form_group_textarea_pen {
	}
	.kh_form_home .gd_contact_form .hb_form_group_textarea_pen .wpcf7-form-control {
		border-radius: 30px;
		padding: 15px;
		padding-left: 50px;
	}
	.kh_form_home .gd_contact_form .form-group.gd_submit .order-submit {
		padding: 10px 30px;
		border-radius: 30px;
		color: #fff;
		background-color: var(--color1);
		font-size: 1.25rem;
		text-transform: uppercase;
		font-weight: 600;
	}
	.kh_add_before{
		position: relative;
	}	
	 .hb_contact_form{
	}
    .hb_contact_form .gd_form_group_user input,
    .hb_contact_form .gd_form_group_phone input,
    .hb_contact_form .gd_form_group_email input{
        height: 50px;
    }
    .hb_contact_form .form-control{
        border-radius: 25px;
        outline: none;
    }
    .hb_contact_form .gd_form_group_user .kh_add_before::after {
        color: var(--color);
        content: "\f007";
        font-family: "Font Awesome 5 Pro";
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;
        font-size: 17px;
        font-weight: 600;
    }
    .hb_contact_form .gd_form_group_phone .kh_add_before::after {
        color: var(--color);
        content: "\f879";
        font-family: "Font Awesome 5 Pro";
        position: absolute;
        padding-left: 15px;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;
        font-size: 17px;
        font-weight: 600;
    }
    .hb_contact_form .gd_form_group_email .kh_add_before::after {
        color: var(--color);
        content: "\f0e0";
        font-family: "Font Awesome 5 Pro";
        position: absolute;
        padding-left: 15px;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;
        font-size: 17px;
        font-weight: 600;
    }
    .hb_contact_form .gd_form_group_textarea_pen .kh_add_before:after {
        color: var(--color);
        content: "\f128";
        font-family: "Font Awesome 5 Pro";
        position: absolute;
        padding-left: 15px;
        top: 4%;
        text-align: center;
        font-size: 17px;
        font-weight: 600;
    }
    .hb_contact_form .gd_form_group_user .form-control, 
    .hb_contact_form .gd_form_group_email .form-control, 
    .hb_contact_form .gd_form_group_phone .form-control, 
    .hb_contact_form .gd_form_group_textarea_pen .form-control {
        padding-left: 40px;
        position: relative;
    }
    .hb_contact_form .gd_form_group_textarea_pen textarea{
        height: 100px;
    }
    .hb_contact_form .hb_submit {
    }
    .hb_contact_form .wpcf7-submit {
         text-transform: uppercase;
         font-weight: bold;
         color: #fff;
         background: linear-gradient(0deg, var(--color1) 50%, #20bef87a);
         padding: 15px 60px;
         font-size: 1.2rem;
         line-height: 1;
         border-radius: 50px;
         border: none;
    }
    .hb_contact_form .wpcf7-submit:hover {
        color: #fff;
        background: linear-gradient(0deg, var(--color) 50%, #e2008254);
    }
    .kh_first_contact{
        border-bottom: 1px solid #bbbb;
    }
    .hb_contact_form .hb_submit .ajax-loader{
        position: absolute;
        left: 50%;
        top: 10.6%;
        transform: translate(-50%,-10.6%);
    }

/*********************************************
	6. Module Khách Hàng
	**********************************************/
	.kh_sub_title_module {
		text-align: center;
		color: var(--color2);
		font-size: 1.5rem;
		text-transform: uppercase;
		font-weight: 700;
	}
	.kh_item_group {
		display: flex;
		margin: 0 -15px;
	}
	.kh_item_group .kh_left_item {
		padding: 0 15px;
		flex: 0 0 37%;
		max-width: 37%;
	}
	.kh_item_group .kh_right_item {
		padding: 0 15px;
		display: flex;
		flex-flow: column;
		margin: -15px 0;
		flex: 0 0 63%;
		max-width: 63%;
	}
	.kh_item_group .kh_right_item .kh_item_customer {
		padding: 15px 0;
		padding-right: 7px;
	}
	.kh_item_group .kh_right_item .kh_item_customer .kh_inner_customer {
		display: flex;
		padding: 50px;
		align-items: center;
	}
	.kh_item_group .kh_left_item .kh_item_customer .kh_inner_customer {
		height: 100%;
		display: flex;
		flex-flow: column;
		justify-content: center;
		align-items: center;
	}
	.kh_img_customer {
		width: 150px;
		height: 150px;
		border-radius: 50%;
		overflow: hidden;
		border: 1px solid var(--color);
		margin: 0 auto;
	}
	.kh_img_customer .img-fluid {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.kh_item_group .kh_right_item .kh_item_customer .kh_about_customer {
		flex: 1;
		text-align: left;
		position: relative;
	}
	.kh_item_group .kh_right_item .kh_item_customer .kh_about_customer::before {
		position: absolute;
		content: unset;
		width: 30px;
		height: 30px;
		background: url('../images/icon/icon_phay_red.png') no-repeat center center;
		left: 0;
		bottom: -30px;
	}
	.kh_item_group .kh_left_item .kh_item_customer {
		height: 100%;
	}
	.kh_inner_customer {
		box-shadow: 0px 0px 10px #e2008245;
		border-radius: 30px;
	}
	.kh_list_group .owl-stage-outer {
		padding: 4px;
	}

	.kh_item_group .kh_right_item .kh_item_customer .kh_inner_customer .kh_img_customer {
		margin-right: 20px;
	}
	.kh_name_customer {
		color: var(--color);
		font-size: 1.45rem;
		font-weight: 700;
	}
	.kh_info_customer {
		color: #666666;
		font-size: 17px;
		font-weight: 500;
	}
	.kh_item_group .kh_left_item .kh_item_customer .kh_inner_customer .kh_about_customer {
		padding: 0 30px;
	}
	.kh_item_group .kh_left_item .kh_item_customer .kh_inner_customer .kh_about_customer .kh_report_customer {
		text-align: center;
		/*! margin-top: 10px; */
	}
	.kh_report_customer {
		margin-top: 10px;
		font-size: 1.15rem;
	}
	.kh_wrap_img_customer {
		margin-bottom: 30px;
		position: relative;
	}
	.kh_wrap_img_customer::before {
		content: '';
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		z-index: 9;
		border-radius: 50%;
		background: url('../images/icon/icon_phay_white.png') no-repeat center center;
		width: 40px;
		height: 40px;
		bottom: -20px;
		background-color: var(--color);
	}

	.kh_group_customer {
	}
	.kh_group_customer .owl-nav {
	  	display: block;
	  	position: absolute;
	  	top: 0;
	  	left: 0;
	  	z-index: -1;
	  	width: 100%;
	  	height: 100%;
	  	color: var(--color);
	}
	.kh_group_customer .owl-nav .owl-prev {
	  	position: absolute;
	  	content: '';
	  	left: -70px;
	  	width: 38px;
	  	height: 70px;
	  	top: 50%;
	  	transform: translateY(-50%);
	  	cursor: pointer;
	  	background: url(../images/icon/prev_left.png) no-repeat center center;
	}
	.kh_group_customer .owl-nav .owl-next {
	  	position: absolute;
	  	content: '';
	  	right: -70px;
	  	cursor: pointer;
	  	width: 38px;
	  	cursor: pointer;
	  	height: 70px;
	  	background: url(../images/icon/next_right.png) no-repeat center center;
	  	top: 50%;
	  	transform: translateY(-50%);
	}


/*********************************************
	7. Module báo chí
	**********************************************/
    .kh_news_media .kh_img_page{
        height: calc(300/450 * var(--content-size)/3 - 15px);
        border-radius: 20px;
        object-fit: ;
        overflow: hidden;
    }
    .kh_news_media .kh_img_page .img-fluid {
      	width: 100%;
      	height: 100%;
      	object-fit: cover;
    }
    .kh_title_media, .kh_title_media a {
      	color: #222;
      	font-size: 1.3rem;
      	font-weight: 600;
    }
    .kh_title_media {
      	position: relative;
      	padding-left: 40px;
    }
    .kh_title_media:before {
      	content: ;
      	position: absolute;
      	content: ;
      	content: '';
      	width: 30px;
      	height: 1px;
      	background-color: var(--color);
      	left: 0;
      	top: 50%;
      	transform: translateY(-50%);
    }
    .kh_item_page_news {
        margin-bottom: 20px;
    }

/*********************************************
	8. Module Video
	**********************************************/

    .kh_video_left .kh_img_video {
    	height: calc(440/785 * var(--content-size) * 7/12 - 15px);
    	border-radius: 20px;
    	overflow: hidden;
    }
    .kh_video_left {
    }
    .kh_video_left .kh_img_video .img-fluid {
    	width: 100%;
    	height: 100%;
    	object-fit: cover;
    }
    .kh_video_right {
    }
    .kh_video_right  .kh_item_video {
    	display: flex;
    	/*! margin: 0 -10px; */
    }
    .kh_video_right .kh_item_video .kh_img_video {
    	flex: 0 0 45%;
    	max-width: 45%;
    	border-radius: 10px;
    	overflow: hidden;
    	height: calc(155/280 * var(--content-size) * 5/12 * 1/2 - 15px);
    	/*! padding: 0 10px; */
    	/*! border-radius: 10px; */
    	margin-right: 20px;
    }
    .kh_video_right .kh_item_video .kh_img_video a::before {
	    width: 40px;
	    height: 40px;
    }
    .kh_video_right .kh_item_video .kh_img_video .img-fluid {
    	width: 100%;
    	height: 100%;
    	object-fit: cover;
    }
    .kh_video_right .kh_title_video {
    	color: #222;
    	font-size: 1.2rem;
    	/*! padding: 0 10px; */
    }
    .kh_video_left .kh_title_video {
    	color: var(--color);
    	font-size: 1.5rem;
    	font-weight: 700;
    }
/*End*/
/*bổ sung css button*/
	.hb_button{
		margin: 40px auto 0;
		text-align: center;
	}
	.hb_button a{
		border-radius: 30px;
		padding: 10px 80px;
		color: #fff;
		font-size: 1.5rem;
		font-weight: 700;
		text-transform: uppercase;
		background: linear-gradient(180deg, var(--color1) 50%, #20bef87a);
	}
	.hb_button a:hover{
		background: linear-gradient(180deg, var(--color) 50%, #e2008254);
	}

	.kh_module_video .hb_button a{
		padding: 10px 40px;
	}
/*End*/

/*Responsive*/
@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_module.kh_module_obj{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.kh_inner_prod{
		height: unset;
	}
	.kh_module.kh_module_prod {
		padding-bottom: 50px;
	}
	.kh_module.kh_module_handbook{
		padding-top: 50px;
	}
	.kh_module.kh_module_handbook .kh_box_title.box_have_line,
	.kh_module.kh_module_customer .kh_box_title.box_have_line,
	.kh_module.kh_module_news.kh_module_media .kh_box_title.box_have_line,
	.kh_module.kh_module_video .kh_box_title.box_have_line{
		margin-bottom: 40px;
	}
	.kh_module.kh_module_customer{
		padding-top: 50px;
	}
	.kh_info_bottom .kh_adv_list li{
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-device-width: 625px) and (max-device-width: 1366px) {

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

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

@media only screen and (max-width: 1119px) and (min-width: 1080px){
	.kh_module.kh_module_handbook{
		padding-top: 30px;
	}
	.kh_module.kh_module_handbook .kh_box_title.box_have_line{
		margin-bottom: 30px;
	}
	.kh_group_customer .owl-nav{
		display: none;
	}
	.kh_group_customer .owl-dots {
	    bottom: -40px;
	    left: 50%;
	    transform: translateX(-50%);
	    display: flex;
	    position: absolute;
	    padding: 3px 10px 3px 0;
	    border-radius: 5px 5px 0 0;
	}
	.kh_group_customer .owl-dot {
	    padding: 5px;
	}
	.kh_group_customer .owl-dot.active span {
	    background: var(--color);
	}
	.kh_group_customer .owl-dots .owl-dot span {
	    display: block;
	    width: 15px;
	    height: 15px;
	    border-radius: 50%;
	    border: 2px solid var(--color);
	    transition: all 300ms ease-in 0ms;
	}
	.kh_inner_customer{
		box-shadow: unset;
	}
	.kh_item_video{
		flex: 0 0 50%;
		max-width: 50%;
		padding: 0 15px;
		margin-bottom: 30px;
	}
	.kh_img_video{
		margin-bottom: 0.5rem;
	}
	.kh_img_video img{
		width: 100%;
		height: 100%;
	}
	.kh_img_video a::before{
		width: 50px;
		height: 50px;
	}
	.kh_title_video{
		font-size: 1.5rem;
	}
	.kh_module.kh_module_video .kh_box_title.box_have_line,
	.kh_module.kh_module_news.kh_module_media .kh_box_title.box_have_line,
	.kh_module.kh_module_customer .kh_box_title.box_have_line,
	.kh_module.kh_module_customer{
		margin-bottom: 30px;
	}
	.kh_module.kh_module_obj{
		padding-bottom: 50px;
		padding-top: 30px;
	}
	.kh_name_obj{
		font-size: 1rem;
	}
	.kh_module.kh_module_prod {
		padding-bottom: 50px;
	}
	.kh_inner_prod{
		height: unset;
	}
	.kh_info_top .kh_info_left .kh_des_prod{
		font-size: 1.3rem;
	}
	.kh_info_bottom .kh_adv_list li{
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media only screen and (max-width: 1079px) and (min-width: 992px) {
	.kh_name_obj{
		border-radius: 40px !important;
	}
	.kh_item_prod {
		flex: 0 0 50% !important; 
		max-width: 50% !important; 
	}
	.kh_info_top{
		display: block !important;
	}
	.kh_info_top .kh_info_left{
		margin-bottom: 20px;
	}
	.kh_info_bottom .kh_adv_list li{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.hb_button{
		margin: 0 auto;
	}
	.kh_module.kh_module_video {
		padding: 30px 0 !important;
	}
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
	.kh_name_obj{
		border-radius: 0;
	}
	.kh_link_prod{
		display: inline-block;
	}
	.kh_group_customer .owl-nav{
		display: none;
	}
	.kh_group_customer .owl-dots {
	    bottom: -40px;
	    left: 50%;
	    transform: translateX(-50%);
	    display: flex;
	    position: absolute;
	    padding: 3px 10px 3px 0;
	    border-radius: 5px 5px 0 0;
	}
	.kh_group_customer .owl-dot {
	    padding: 5px;
	}
	.kh_group_customer .owl-dot.active span {
	    background: var(--color);
	}
	.kh_group_customer .owl-dots .owl-dot span {
	    display: block;
	    width: 15px;
	    height: 15px;
	    border-radius: 50%;
	    border: 2px solid var(--color);
	    transition: all 300ms ease-in 0ms;
	}
	.kh_item_video{
		flex: 0 0 50%;
		max-width: 50%;
		padding: 0 15px;
		margin-bottom: 30px;
	}
	.kh_img_video{
		margin-bottom: 0.5rem;
	}
	.kh_img_video img{
		width: 100%;
		height: 100%;
	}
	.kh_img_video a::before{
		width: 50px;
		height: 50px;
	}
	.kh_title_video{
		font-size: 1.5rem;
	}
	.kh_module.kh_module_video .kh_box_title.box_have_line{
		margin-bottom: 30px;
	}
	.kh_module.kh_module_video{
		padding: 30px 0 0;
	}
	.kh_module.kh_module_news.kh_module_media .kh_box_title.box_have_line{
		margin-bottom: 30px;
	}
	.kh_module.kh_module_prod {
	    padding-bottom: 50px;
	}
	.kh_item_prod{
		margin-bottom: 30px;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.kh_item_prod:last-child{
		margin-bottom: 0;
	}
	.kh_inner_prod{
		height: unset;
	}
	.kh_module.kh_module_handbook{
		padding-top: 30px;
	}
	.kh_module.kh_module_handbook .kh_box_title.box_have_line{
		margin-bottom: 30px;
	}
	.kh_module.kh_module_customer{
		padding-top: 30px;
	}
	.kh_module.kh_module_customer .kh_box_title.box_have_line{
		margin-bottom: 30px;
	}
}
@media screen and (max-device-width: 992px) {
	.kh_item_obj .kh_inner_obj a{
		width: 100%;
		display: flex;
		order: 2;
	}
	.kh_module.kh_module_obj{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.kh_main_obj{
		padding: 0;
	}
	.kh_main_obj .kh_list_objs{
		justify-content: space-between;
		position: unset;
		transform:unset;
	}
	.kh_list_left, .kh_list_right{
		/*flex: unset;*/
		max-width: unset;
	}
	.hb_button{
		margin: 0 auto 0;
	}
	.kh_info_top{
		display: block !important;
	}
	.kh_info_top .kh_info_left .kh_name_prod{
		font-size: 1.715rem;
	}
	.kh_info_top .kh_info_left{
		margin-bottom: 10px;
	}
	.kh_list_left .kh_item_obj:nth-child(1), .kh_list_left .kh_item_obj:nth-child(5),
	.kh_list_left .kh_item_obj:nth-child(2), .kh_list_left .kh_item_obj:nth-child(4),
	.kh_list_left .kh_item_obj:nth-child(3){
		padding-right: unset;
	}
	.kh_inner_obj{
		flex-wrap: wrap;
		margin-bottom: 10px;
	}
	.kh_list_left .kh_item_obj .kh_inner_obj .kh_name_obj{
		text-align: center;
		padding-right: 20px;
		margin-right: 0;
		flex:0 0 100%;
		max-width: 100%;
		order: 2;
		z-index: unset;
	}
	.kh_img_obj{
		margin: 0 auto 0.5rem;
		display: block;
	}
	.kh_list_right .kh_item_obj:nth-child(1), .kh_list_right .kh_item_obj:nth-child(5),
	.kh_list_right .kh_item_obj:nth-child(2), .kh_list_right .kh_item_obj:nth-child(4),
	.kh_list_right .kh_item_obj:nth-child(3){
		padding-left: 0;
	}
	.kh_list_right .kh_item_obj .kh_inner_obj .kh_name_obj{
		text-align: center;
		padding-left: 20px;
		margin-left: 0;
		z-index: unset;
		flex:0 0 100%;
		max-width: 100%;
	}
	.kh_module.kh_module_prod {
	    padding-bottom: 50px;
	}
	.kh_item_prod{
		margin-bottom: 30px;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.kh_item_prod:last-child{
		margin-bottom: 0;
	}
	.kh_inner_prod{
		height: unset;
	}
	.kh_module.kh_module_handbook{
		padding-top: 30px;
		background-size: cover;
	}
	.kh_module.kh_module_handbook .kh_box_title.box_have_line{
		padding-bottom: 30px;
	}
	.kh_handb_item .kh_handb_inner{
		flex-wrap: wrap;
	}
	.kh_handb_item{
		margin-bottom: 30px;
	}
	.kh_handb_image{
		flex: 0 0 100%;
		max-width: 100%;
		height: unset;
		margin-bottom: 0.5rem;
	}
	.kh_list_handb .owl-dots{
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	.kh_list_nav_handb .kh_item_nav_handb{
		padding: 20px 0 20px 70px;
	}
	.kh_achieves{
		flex-wrap: wrap;
		padding: 0;
	}
	.kh_achieves .kh_item_achieve {
	    flex: 0 0 50%;
	    max-width: 50%;
	    margin-bottom: 30px;
	}
	.kh_achieves .kh_item_achieve:last-child{
		flex: 0 0 100%;
		max-width: 100%;
		display: block;
		margin: 0 auto;
	}
	.kh_module.kh_module_customer {
	    padding-top: 30px;
	}
	.kh_group_customer .owl-nav{
		display: none;
	}
	.kh_group_customer .owl-dots {
	    bottom: -40px;
	    left: 50%;
	    transform: translateX(-50%);
	    display: flex;
	    position: absolute;
	    padding: 3px 10px 3px 0;
	    border-radius: 5px 5px 0 0;
	}
	.kh_group_customer .owl-dot {
	    padding: 5px;
	}
	.kh_group_customer .owl-dot.active span {
	    background: var(--color);
	}
	.kh_group_customer .owl-dots .owl-dot span {
	    display: block;
	    width: 15px;
	    height: 15px;
	    border-radius: 50%;
	    border: 2px solid var(--color);
	    transition: all 300ms ease-in 0ms;
	}
	.kh_item_video{
		flex: 0 0 50%;
		max-width: 50%;
		padding: 0 15px;
		margin-bottom: 30px;
	}
	.kh_img_video{
		margin-bottom: 0.5rem;
	}
	.kh_img_video img{
		width: 100%;
		height: 100%;
	}
	.kh_img_video a::before{
		width: 50px;
		height: 50px;
	}
	.kh_title_video{
		font-size: 1.5rem;
	}
	.kh_module.kh_module_video .kh_box_title.box_have_line{
		margin-bottom: 30px;
	}
	.kh_module.kh_module_video{
		padding: 30px 0 0;
	}
}

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

}

@media screen and (max-device-width: 576px) {
	.kh_name_obj{
		font-size: 1rem;
		padding: 5px;
	}
	.kh_module.kh_module_obj{
		padding-top: 30px; 
		padding-bottom: 0;
	}
	.kh_main_obj{
		padding: 0 0 30px;
	}
	.kh_main_obj .kh_list_objs{
		left:unset;
		transform:unset;
		position: relative;
	}
	.kh_name_obj{
		border-radius: unset;
		z-index:unset;
		order: 2;
	}
	.kh_img_obj{
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 0.5rem;
	}
	.kh_img_obj img{
		display: block;
		margin: 0 auto;
	}
	.kh_list_left .kh_item_obj .kh_inner_obj .kh_name_obj{
		flex: 0 0 100%;
		max-width: 100%;
		padding-right: 0;
		margin-right: 0;
		text-align: center;
	}
	.kh_name_obj span{
		color: var(--color);
		font-weight: 700;
	}
	.kh_list_right .kh_item_obj .kh_inner_obj .kh_name_obj span{
		color: var(--color1);
		font-weight: 700;
	}
	.kh_name_obj,.kh_list_right .kh_item_obj .kh_inner_obj .kh_name_obj{
		background: none;
	}
	.kh_item_obj .kh_inner_obj{
		flex-wrap: wrap;
		margin-bottom: 30px;
	}
	.kh_item_obj .kh_inner_obj a{
		width: 100%;
		display: flex;
		order: 2;
	}
	.kh_list_right .kh_item_obj .kh_inner_obj .kh_name_obj{
		padding-left: 20px;
		margin-left: 0;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: center;
	}
	.kh_item_prod{
		margin-bottom: 30px;
	}
	.kh_item_prod:last-child{
		margin-bottom: 0;
	}
	.kh_img_prod{
		margin-bottom: 0.5rem;
	}
	.kh_inner_prod{
		height: unset;
		padding:50px 25px 40px;
		border-radius: 0;
	}
	.kh_link_prod a{
		font-size: 1rem;
		white-space: nowrap;
	}
	.kh_info_top .kh_info_left .kh_des_prod{
		font-size: 1.2rem;
	}
	.kh_link_prod{
		display: inline-block;
	}
	.kh_info_bottom .kh_adv_list li{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.kh_module.kh_module_prod {
	    padding-bottom: 40px;
	}
	.kh_module.kh_module_handbook{
		padding-top: 30px;
		background-size: cover;
	}
	.kh_module.kh_module_handbook .kh_box_title.box_have_line{
		margin-bottom: 30px;
	}
	.kh_handb_item .kh_handb_inner{
		flex-wrap: wrap;
	}
	.kh_handb_image{
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 0.5rem;
		height: unset;
	}
	.kh_module.kh_module_story{
		padding: 30px 0 0;
	}
	.kh_box_title .kh_title_module{
		font-size: 2rem;
	}
	.kh_box_title .kh_above_title{
		font-size: 1.5rem;
	}
	.kh_module.kh_module_customer {
		padding-top: 30px;
	}
	.kh_module.kh_module_customer .kh_box_title.box_have_line {
	    margin-bottom: 30px;
	}
	.kh_inner_customer{
		box-shadow: unset;
	}
	.kh_report_customer{
		padding: 0 10px;
		text-align: justify;
	}
	.kh_module.kh_module_news.kh_module_media{
		padding: 30px 0;
	}
	.kh_news_media .kh_img_page{
		height: unset;
		border-radius: 10px;
	}
	.kh_item_page_news:last-child{
		margin-bottom: 0;
	}
	.kh_module.kh_module_video{
		padding: 0 0 30px;
	}
	.kh_module.kh_module_video .kh_box_title.box_have_line{
		margin-bottom: 30px;
	}
	.kh_item_video{
		padding: 0 15px;
	}
	.kh_img_video img{
		width: 100%;
		height: 100%;
	}
	.kh_module.kh_module_news.kh_module_media .kh_box_title.box_have_line{
		margin-bottom: 30px;
	}
	.kh_group_customer .owl-nav{
		display: none;
	}
	.kh_list_handb.show .owl-dots{
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	.kh_group_customer .owl-dots{
		position: absolute;
		border-radius: 5px 5px 0 0;
		bottom: -30px;
		padding: 3px 10px 3px 0;
		left: 50%;
		transform: translateX(-50%);
		display: flex;
	}
	.kh_group_customer .owl-dot {
	    padding: 5px;
	}
	.kh_group_customer .owl-dot.active span {
	    background: var(--color);
	}
	.kh_group_customer .owl-dots .owl-dot span {
	    display: block;
	    width: 15px;
	    height: 15px;
	    border-radius: 50%;
	    border: 2px solid var(--color);
	    transition: all 300ms ease-in 0ms;
	}
	.kh_list_nav_handb .kh_item_nav_handb{
		padding: 15px 54px;
	}
	.kh_list_nav_handb .kh_item_nav_handb:before{
		font-size: 3rem;
	}
	.kh_list_nav_handb .kh_item_nav_handb span{
		font-size: 1rem;
	}
	.kh_item_video{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.kh_img_video a::before{
		width: 50px;
		height: 50px;
	}
	.kh_img_video a::after{
		width: 50px;
		height: 50px;
	}
}

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

}

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

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

}