.title_page, .title-head, .title_page a{

	font-weight: 700;
}
.title-head {
	font-weight: 500 !important;
}
.aside-filter ul {
	padding-left: 0;
	list-style: none;
	margin: 0px;
}
.aside-item {
	padding-top: 15px;
}
aside.aside-item + .aside-item {
	margin-top: 15px;
}
.aside-title a:hover {
	color: var(--primary-color);
}
.aside-content {
	position: relative;
	clear: left;
	font-size: 14px;
	padding: 0;
}
.aside-content:last-child {
	border-bottom: none;
}
.aside-content .nav-item {
	position: relative;
}
.aside-content .nav-item > a {
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.3;
	padding: 5px 30px 2px 0px;
}
.aside-content .nav-item > a:hover {
	color: var(--primary-color);
}
.aside-content .dropdown-menu a {
	font-weight: 400;
}
.aside-content .fa {
	cursor: pointer;
	display: inline;
	position: absolute;
	right: 5px;
	top: 10px;
	z-index: 1;
	width: 30px;
	text-align: center;
	font-size: 14px;
}
.aside-content .active > .dropdown-menu {
	display: block;
}
.aside-content .dropdown-menu {
	width: 100%;
	border: 0;
	padding: 0px;
	padding-left: 15px;
	box-shadow: none;
	margin-top: 0px;
	position: static;
	background: none;
}
.aside-content:hover > a {
	color: #333;
	background-color: transparent;
}
.aside-content ul > li:before {
	top: 17px;
	left: 15px;
}
.blogwp h3, .blogwp h3 a.link {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
}
@media (max-width: 991px) {
	.sidebar {
		order: 1;
		border-top: 10px solid #f4f4f4;
	}
}
.sidebar {
	border-left: 1px solid #eee;
	padding-bottom: 1.25rem;
	padding-left: 15px;
}
.content-blog .blogwp + .blogwp {
	border-top: 1px solid #eee !important;
}
.content-blog .blogwp .card-body {
	padding-right: 0px;
	padding-left: 0px;
	font-size: 14px;
	margin-bottom: 7px;
}
.content-blog .blogwp .card-body p {
	color: var(--text-secondary-color)
}
a.button_custome_35.link {
	color: var(--primary-color);
}
.blogwp .media .media-body {
	display: flex;
	gap: 10px;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 5px;
}
.blogwp .button_custome_35.link {
	display: block;
	margin-top: 10px;
}
@media (min-width: 768px) {
	.box_relate_product form.product-action{
		border: 1px solid rgba(127, 127, 127, .16);
		box-shadow: 0 1px 4px #7f7f7f1c;
		border-radius: 10px;
	}
	.sidebar .blogwp.media .image-blog {
		width: 75px;
	}
}
.pagination {
	justify-content: center;
	float: none !important;
}
.article-content {
	min-height: 150px;
	margin-top: 15px;
	padding-top: 10px;
	border-top: 1px solid #eee;
	word-break: break-word;
}
.article-content img {
	max-width: 100% !important;
	height: auto !important;
}
figure.article-comment-user-image {
	width: 50px;
}
.article-comment + .media {
	border-top: 1px solid #eee;
}
.head_art {
	padding: 35px 0 25px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 30px;
	position: relative;
}
.head_art:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background: #000;
	top: 0;
	opacity: 0.5;
	z-index: 0;
	pointer-events: none;
}
.head_art .chir_breadcrumb, .head_art .container {
	position: relative;
}
.breadcrumb {
	margin: 0;
	font-size: 14px;
	padding: 0px;
	border-radius: 0;
	font-weight: 400;
	line-height: 24px;
	background-color: transparent;
	width: 100%;
	text-align: left;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}
.breadcrumb li {
	display: inline-block;
	padding: 10px 0px;
}
.head_art .breadcrumb strong, .head_art .breadcrumb a, .head_art .breadcrumb span {
	color: #fff;
}
.head_art .head h1, .head_art .head .h1 {
	font-size: 30px;
	text-transform: uppercase;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 40px;
	max-width: 768px;
	line-height: normal;
}
.head_art .info_edu:before {
	position: absolute;
	content: '';
	top: 0;
	height: 2px;
	background: #00cb89;
	width: 300px;
	max-width: 70%;
}
.head_art .info_edu {
	color: #fff;
	padding: 20px 0;
	position: relative;
	margin-bottom: 0;
}
.info_edu ul li {
	display: inline-block;
	padding-right: 10px;
}
.info_edu ul {
	padding: 0;
}
.table-of-contents .btn-expand{position: absolute; right: 15px; top: 15px;color: #000;}
.table-of-contents .label-title{
	font-size: 20px;
	margin-bottom: 20px;
	display: block;
	font-weight: 600;
	color: var(--primary-color);
}
.table-of-contents {
	float: none;
	width: 100%;
	border: 1px solid #d3d5d7;
	border-radius: 5px;
	font-size: 14px;
	padding: 1em 1em;
	margin: 0 0 20px 0;
	position: relative;
	background: #fff;
}
.table-of-contents ol {
	padding: 0 0 0 15px;
	color: #007bff;
}
.table-of-contents li {
	margin: 0 0 0.7em 0;
}

.table-of-contents ol { counter-reset: item; margin-left: 0 !important;}
.table-of-contents ol ol{margin: 10px 0;}
.table-of-contents li { display: block }
.table-of-contents li:before { content: counters(item, ".") ". "; counter-increment: item }

.table-of-contents a {
	text-decoration: none;
	color: #007bff;
	padding-bottom: .6rem;
}
.table-of-contents a:hover,
.table-of-contents a:active {
	text-decoration: underline;
}
.summar {
	margin-bottom: 20px;
}
.body-content h2 {
	border-left: 2px solid #cc0101;
	padding-left: 10px;
	font-size: 20px;
}
.banner_art {
	position: sticky;
	top: 60px;
}

.title-head {
	margin: 0;
	margin-bottom: 10px;
	font-size: 18px;
	text-transform: uppercase;
	width: 100%;
}
.title-head .tit {
	display: inline-block;
	border-bottom: 2px solid #cc0101;
	padding-bottom: 2px;
	margin: 0;
}
.list-blogs .blog-item-name:before {
	position: absolute;
	content: '';
	width: 5px;
	height: 5px;
	top: 4px;
	left: 3px;
	background: #cc0101;
}
.list-blogs .blog-item {
	padding: 15px 0;
	border-bottom: 1px solid #ddd;
}
.list-blogs .blog-item-name {
	font-size: 14px;
	padding-left: 15px;
	position: relative;
}
.b_blog_s .b_title_product .title_object .title h2, .b_blog_s .b_title_product .title_object .title .h2 {
	color: #000;
	padding-left: 30px;
}
.b_title_product .title_object .title h2, .b_title_product .title_object .title .h2 {
	margin: 5px 0;
}
.b_blog_s .b_title_product .icon {
	position: absolute;
	max-width: 22px;
	left: 0;
	top: 6px;
	width: auto;
	height: auto;
}
.title_object .title h2, .title_object .title .h2 {
	display: block;
	line-height: 40px;
	font-size: 17px;
	text-transform: uppercase;
	padding-left: 10px;
	color: #cc0101;
	position: relative;
	font-weight: bold;
}
.b_blog_s .b_title_product {
	border-bottom: 1px solid #ccc;
}
.block_deal_list {
	margin: 15px 0;
}

.box_relate_product {
	background: #fff;
	border-radius: 4px;
	padding: 10px;
	margin: 15px 0 20px;
}

.box_relate_product .list_pro {
	display: flex;
	align-items: center;
	margin: 10px 0;
}
.box_relate_product .list_pro .chir-img {
	padding: 0px;
	overflow: hidden;
	max-width: 30%;
	min-width: 30%;
	margin-right: 10px;
}
@media (min-width:992px) {
	.box_relate_product .item_clb:nth-child(2n+3) {
		clear: left;
	} 
}
.blog_post_heading h3, .pro-name {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	min-height: 48px;
	line-height: 24px;
	margin: 0;
}
.pro-price {
	color: #cc0101;
	min-height: 26px;
	font-size: 17px;
}
.compare-price {
	font-size: 12px;
	margin-left: 5px;
}
.compare-price {
	color: #999999;
}
.article__content p {
	margin: 0;
}

.blog-tong-hop .list-keywords{
	margin: 0;
	padding: 0;
	list-style: none;
	scrollbar-width: none;
	margin-top: 12px;
	align-items: center;

	display: flex;
	gap: 8px;
	overflow-y: hidden;
	flex-wrap: wrap;
}
.list-keywords li a{

	white-space: nowrap;
	padding: 7px 15px;
	border-radius: 50px;
	border: 1px solid #ccc;
	display: block;
}
.list-keywords li a:hover{
	filter: brightness(1);
}
@media (max-width:991px) {
	.blog-tong-hop .list-keywords{
		flex-wrap: nowrap;
	}

}
.box-grid-parent .item_grid:nth-child(n+7){
	display:none;
}
.box-grid-parent .item_grid:nth-child(1) .content_blog{
	padding-bottom: 0;
	margin-bottom: 0;
}

.box-grid-parent .item_grid:nth-child(1) .content_blog h3{
	margin-bottom: 0;
}

.box-grid-parent .item_grid:not(:nth-child(1)) .blogwp{
	display: flex;

	align-items: center;
}


.box-grid-parent .item_grid:not(:nth-child(1)) .content_blog{
	margin-left: 0.75rem;
	padding:0;
	margin-bottom: 0;
}

.box-grid-parent .item_grid:not(:nth-child(1)) .content_blog h3{

	margin-bottom: 0;
}

.box-grid-parent .item_grid:not(:nth-child(1)) .blogwp .image-blog{
	flex-basis: 132px;
}
@media (min-width:992px) {
	.box-grid-parent .item_grid:not(:nth-child(1)) .blogwp .image-blog{
		flex-basis: 151px;
	}
	.box-grid-parent{
		display: grid;
		grid-template-columns: 1.5fr 1fr;
		grid-template-rows: repeat(5, 1fr);
		grid-column-gap: 20px;
		grid-row-gap: 20px;
	}
	.box-grid-parent .item_grid:nth-child(1) {
		grid-area: 1 / 1 / 6 / 2;
	}
	.box-grid-parent .item_grid:nth-child(2) {
		grid-area: 1 / 2 / 2 / 3; 
	}
	.box-grid-parent .item_grid:nth-child(3) {
		grid-area: 2 / 2 / 3 / 3;
	}
	.box-grid-parent .item_grid:nth-child(4) {
		grid-area: 3 / 2 / 4 / 3;
	}
	.box-grid-parent .item_grid:nth-child(5) {
		grid-area: 4 / 2 / 5 / 3;
	}
	.box-grid-parent .item_grid:nth-child(6) {
		grid-area: 5 / 2 / 6 / 3;
	}
	.box-grid-parent .item_grid:nth-child(1) .blogwp .title-art{
		font-size: 28px;
	}
}

.estore-icon svg{
	width: 20px;
}

.bg-gray-secondary{
	background: #f6f7f9;
}
.blogs-child.bg-white{
	border-radius: 12px;
	overflow: hidden;
	padding: 16px 16px 24px;

	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}

.blogs-child .heading {
	display: flex;
	gap:10px;
	justify-content: space-between;
}

.blogs-child .heading .head-title{
	margin: 0;
	font-size: 20px; 
}

.blogs-items .item-bl:not(:first-child) .image-blog {
	display: none !important;
}
.blogs-items .item-bl:nth-child(n+3){ 
	padding-top: 16px;
	border-top: 1px solid #e4e8ed;
	margin-top: 16px;
}

.blogs-items .item-bl:nth-child(n+3) .justify{ 
	display: none !important;
}
.text-link{
	color: var(--primary-color)
}
.lh-1{
	line-height: 1 !important;
}
.text-title-link:hover{
	color: var(--primary-color)
}
@media (max-width:991px) {
	.blogs-items .item-bl:nth-child(1) .justify{
		margin-bottom: 0px;
	}
	.box-grid-parent .item_grid:nth-child(1) .blogwp .title-art{
		font-size: 16px;
	}
	.blogs-items .item-bl:nth-child(n+2){
		padding-top: 12px;
		border-top: 1px solid #e4e8ed;
		margin-top: 12px;
	}
	.blogs-items .item-bl:nth-child(n+2) .justify{
		display: none !important;
	}

	.blogs-items .item-bl:nth-child(n+3){
		padding-top: 12px;
		margin-top: 12px;
	}
	.blogs-items .item-bl:nth-child(n+2) .media-body{
		margin-bottom: 0px;
	}
	.blogs-child .heading .head-title{
		font-size: 18px;
	}
}
@media (min-width:992px) {

	.blogs-items .item-bl:first-child .blogwp{
		display: flex;
		box-shadow: inset -1px 0 0 #e4e8ed;
		padding-right: 20px;
		margin-right: 20px;
	}
	.blogs-items .item-bl:first-child .blogwp .image-blog {
		width: 286px;
	}
	.blogs-items .item-bl:first-child .blogwp .content_blog  {
		margin-left: 10px;
	}
	.blogs-items {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: repeat(2, 1fr);
		grid-column-gap: 0px;
		grid-row-gap: 0px;
	}

	.blogs-items .item-bl:nth-child(1) { grid-area: 1 / 1 / 3 / 3; }
	.blogs-items .item-bl:nth-child(2) { grid-area: 1 / 3 / 3 / 4; }
	.blogs-items .item-bl:nth-child(3) { grid-area: 3 / 1 / 3 / 2; }
	.blogs-items .item-bl:nth-child(4) { grid-area: 3 / 2 / 3 / 3; }
	.blogs-items .item-bl:nth-child(5) { grid-area: 3 / 3 / 3 / 4; }
}

.conner-side-bar{
	border-radius: 12px;
	overflow: hidden;
	padding: 16px;
	background: #ffe2e2;
	position: sticky;
	top: 66px;
}
.conner-side-bar .heading{
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
}

.conner-side-bar ul{
	padding: 0;
	margin: 0;
	list-style: none;
	margin-top: 20px;
}
.conner-side-bar ul a{

	font-size: 16px;
	font-weight: 500;
}
.conner-side-bar ul a:hover{
	color: var(--primary-color);
}

.blog-normal .blogwp{
	display: flex;
	padding: 10px;
	background: white;
	border-radius: 0.5rem;
	margin-bottom: 20px;
}
.blog-normal .blogwp .image-blog{

	flex-basis: 267px;
}
.blog-normal .content_blog{
	margin-left: 16px;
}

.art-summary{
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
@media(max-width: 991px){

	.bg-gray-secondary .blog-normal,.bg-nl {
		padding: 10px 0;
		background: white;
	}
	.blog-normal .col-md-9{

		background: white;
	}
	.blog-normal .blogwp{

		padding: 0px;
		background: white;
		margin-bottom: 20px;
		align-items: center;
	}
	.blog-normal .blogwp h3{

		margin-bottom: 0px;
	}
	.blog-normal .content_blog{
		margin-left: 7px;
	}

	.blog-normal .blogwp .image-blog{
		flex-basis: 132px;
	}
	.blog-normal .justify,.blog-normal .media{
		display: none;
	}
}

#load-more{
	font-size:14px;
	font-weight: 500;

}
#load-more svg{
	width: 20px;
	margin-right: 5px;
}
.parent-category a{
	cursor: pointer;
	overflow: hidden;
	will-change: transform;
	display: inline-flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	border-radius: 50px;
	padding-left: 12px;
	padding-right: 12px;
	margin-inline-end: 0px;
	background: #edf0f3;
	color: #4a4f63;
	border: 1px solid #edf0f3;
	height: 24px;
	font-weight: 400;
	font-size: 12px;
}

.box_relate_product .item_product_main {
	height: auto;
	background: white;
}
.box_relate_product .item_product_main form {
	transition: height ease-in-out 0.3s;
	height: 100%;
	position: relative;
}

.custom-btn{
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: space-between;
	gap: 5px;
	margin-top: 20px;
	position: relative;
	width:100% !important; 
	transition: all ease-in-out 0.3s;
}


.custom-btn > div{
	width: calc(50% - 5px);
}
.item_product_main .custom-btn button.product-item-btn{
	width: 100%;
	border-radius: 0;
	position: relative;
	box-shadow: none;
	font-size:13px;
	min-height: 30px;
	height: auto;
	background: linear-gradient(180deg, #ce000b, #b7000b);
	margin-right: 0;
	border-radius: 99px;
	box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.1);
}
.item_product_main .product-item-cta{
	padding-right:0
}
.item_product_main .custom-btn .custom-quickview button.product-item-btn{
	background: #fafafa; 
	color: #000;

}
.item_product_main .custom-btn .custom-quickview button.product-item-btn:hover{
	background: linear-gradient(180deg, #ce000b, #b7000b);
	color: #fff;
}
.item_product_main .product-item-btn{
	margin-right: 0;
}
.item_product_main .label_soldout.product-item-btn.sold_out{
	width: calc(50% - 5px);
	height: 100%;
	font-size: 13px;
	border-radius: 0;
	margin-right: 0;
	border-radius: 99px;
}
.quickview-options .quick-view-product{
	max-width: 500px !important;
	top: 50% !important;
	transform: translate(0, -50%);
}
.quickview-options .quick-view-product .product-left-column{
	display: none;
}

.quickview-options .quick-view-product .product-info.product-item{

	flex: 0 0 100% !important;
	max-width: 100% !important;
}

.quickview-options .quick-view-product .product-info.product-item .product-promotion,.quickview-options .quick-view-product .sapo-product-reviews-badge{
	display: none;
}
.quickview-options .product-summary{
	display: none;
}
.quickview-options .quick-view-product button.btn.btn_num,.quickview-options .quick-view-product .prd_quantity,.quickview-options .quick-view-product .input_number_product,.quickview-options .quick-view-product .custom-btn-number{
	height: 40px;
}

@media(max-width: 767px){
	.box_relate_product{
		border: 2px solid #d6d6d6;
		border-radius: 15px;
	}
	.box_relate_product .item_product_main .product-info{
		padding: 0 0 0 8px;
	}
	.box_relate_product form.product-action{
		border-bottom: 1px solid #d5d5d5;
		padding-bottom: 1rem !important;
	}
	.box_relate_product form.product-action{
		display: flex;
		align-items: flex-start;

	}
	.box_relate_product .item_product_main .product-thumbnail{
		width: 40%;
		border-radius: 10px;
		min-width: 130px;
		border: 1px solid #c8c8c8

	}

	.custom-btn{
		position: relative;
		opacity: 1;
		transform: none;
		visibility: visible;
		justify-content: flex-start;
	}
	.item_product_main .compare-price{
		margin-left: 0px;
	}
}
.box_relate_product .item_product_main.last-item{
	position: relative;
}
.box_relate_product .item_product_main.last-item:before{
	content: '';
	position: absolute;
	top: 1px;
	left: 12px;
	right: 12px;
	bottom: 1px;
	border-radius: 10px;
	background: rgba(255, 255, 255,0.75);
	z-index: 10;
}
.box_relate_product .item_product_main.last-item > a{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 11;
	background: white;
}
.box_relate_product .item_product_main.last-item > a:hover{
	color: var(--primary-color);
}
@media(min-width: 767px){
	#tdeeModal .box_relate_product .item_product_main .price_box, .jj{
		min-height: 49px
	}
}
.box_relate_product .single_item_product_list form.product-action{
	padding-bottom: 0 !important
}
@media(min-width: 768px){
	.box_relate_product .single_item_product_list form.product-action{
		border: 1px solid rgba(127, 127, 127, .16);
		box-shadow: 0 1px 4px rgba(127, 127, 127, .32)
	}
	.box_relate_product .single_item_product_list form.product-action{
		display: flex;
		flex-direction: row
	}
	.box_relate_product .single_item_product_list .product-thumbnail{
		min-width: 35%;
		flex: 0 0 35%;
	}
	.box_relate_product .single_item_product_list .product-info{
		min-width: 65%;
		flex: 0 0 65%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}

.blogwp .h3, .blogwp .h3 a.link {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
}

@media (max-width: 991px) and (min-width: 768px) {
	.block-1{
		text-align: center;
	}
}
@media (max-width: 767px) {
	.block-1{
		text-align: center;
	}
}


.block-1 h1 {
	font-size: 36px;
	font-weight: 700;
	margin: 145px 0 50px;
	color: var(--primary-color);
	position: relative;
}

@media (max-width: 991px) and (min-width: 768px) {
	.block-1 h1{
		margin-top: 30px;
	}
}
@media (max-width: 767px) {
	.block-1 h1 {
		font-size: 26px;
		margin-top: 30px;;
	}
}
.block-1 h1::after {
	content: "";
	background: var(--primary-color);
	width: 101px;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: -25px;
}
@media (max-width: 991px) and (min-width: 768px) {
	.block-1 h1::after{
		left: 50%;
		transform: translateX(-50%);
	}
}
.block-1 .desc {
	font-size: 20px;
	margin-bottom: 40px;
	color: var(--text-color);
}

@media (max-width: 991px) and (min-width: 768px) {
	.block-1 .desc{
		text-align: center;
	}
}
.block-1 .btn-trial{
	padding: 0 54px;
	line-height: 60px;
	height: 60px;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 255px;
	background-image: -moz-linear-gradient(-138deg,#ce000b 0%,#b7000a 100%);
	background-image: -webkit-linear-gradient(-138deg,#ce000b 0%,#b7000a 100%);
	border-radius: 45px;
	transition: all .5s ease;
	outline: 0;
}
@media (max-width: 991px) and (min-width: 768px) {
	.block-1 .btn-trial{
		margin-bottom: 80px;
	}
}
@media (max-width: 767px) {
	.block-1 .btn-trial {
		margin-bottom: 30px;
	}
}


.block-1 .btn-trial:before {
	content: "";
	border-radius: 45px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,.04);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.block-1 .btn-trial:hover:before{
	transform: scaleX(1) !important;
}

@media (max-width: 991px) and (min-width: 768px) {
	.block-1 img{
		display: block;
		margin: auto;
	}
}
.block-1 img{
	border-radius: 35px 0px 35px 35px;
	box-shadow: 12px 12px 30px 0 rgba(0,52,131,.2);
}
.block-2 .bg.lazy_bg.loaded::before {
  border-radius: 0 0 35px 35px;
}
.block-2 .bg{
	padding-top: 35px;
	padding-bottom: 35px;
	background-size: cover;
	padding-left: 70px;
	padding-right: 70px;
	border-radius: 0 0 35px 35px;
}
@media (max-width: 991px) and (min-width: 768px) {
	.block-2 .bg{
		padding-left: 40px;
		padding-right: 40px;
	}
}
@media (max-width: 767px) {
	.block-2 .bg {
		padding: 15px
	}
}


.block-2 .block-image img{
	border-radius: 0 40px 0 0;
}
@media (max-width: 991px) and (min-width: 768px) {
	.block-2 .block-image img{
		display: block;
		margin: auto;
		margin-top: 40px;
	}
}
.block-2 .block-content {
	padding-left: 40px;
}
@media (max-width: 767px) {
	.block-2 .block-content {
		padding-left: 15px;
	}
}
.block-2 .block-content .content{
	margin-bottom: 25px;
	color: var(--text-color);
	line-height: 24px;
	font-size: 16px;
	text-align: justify;
}
.block-2 .btn-play {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 9;
	animation-name: pulse;
	-webkit-animation-name: pulse;
	animation-delay: 0s;
	-webkit-animation-delay: 0s;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	transform-origin: top left;
	max-width: 100px;
}
.block-2 h2 {
	color: var(--primary-color);
	font-size: 28px;
	font-weight: 700;
	text-align: left;
	padding-top: 50px;
	margin-bottom: 25px;
}
@media (max-width: 991px) and (min-width: 768px) {
	.block-2 h2 {
		padding-top: 50px;
		text-align: center;
	}
}
@media (max-width: 767px) {
	.block-2 h2{
		padding-top: 15px;
	}
	.block-2 .block-content {
		padding-top: 50px;
		text-align: center;
	}
}
.block-2 .block-2-icon{
	z-index: 2;
	position: relative;
	margin: 0 auto;
	border-radius: 18px;
	background: var(--primary-color);
	padding: 10px;
	max-width: 68px;
}

.block-2 .number {
	font-size: 48px;
	margin-bottom: -5px;
}
@media (max-width: 991px) and (min-width: 768px) {
	.block-2 .number {
		font-size: 30px;
	}
}
@media (max-width: 767px) {
	.block-2 .number {
		font-size: 30px;
	}
}
.block-2 .number + p {
	margin-bottom: 0;
	font-size: 16px;
}
@media (max-width: 767px) {
	.block-2 .number + p{
		margin-bottom: 15px;
	}
}
@-webkit-keyframes pulse {
	0% {
		-webkit-transform:scale(1) translate(-50%, -50%);
		transform:scale(1) translate(-50%, -50%);
	}
	50% {
		-webkit-transform:scale(1.1) translate(-50%, -50%);
		transform:scale(1.1) translate(-50%, -50%);
	}
	100% {
		-webkit-transform:scale(1) translate(-50%, -50%);
		transform:scale(1) translate(-50%, -50%);
	}
}
@keyframes pulse {
	0% {
		-webkit-transform:scale(1) translate(-50%, -50%);
		-ms-transform:scale(1) translate(-50%, -50%);
		transform:scale(1) translate(-50%, -50%);
	}
	50% {
		-webkit-transform:scale(1.1) translate(-50%, -50%);
		-ms-transform:scale(1.1) translate(-50%, -50%);
		transform:scale(1.1) translate(-50%, -50%);
	}
	100% {
		-webkit-transform:scale(1) translate(-50%, -50%);
		-ms-transform:scale(1) translate(-50%, -50%);
		transform:scale(1) translate(-50%, -50%);
	}
}
.block-3{
	padding-bottom: 60px;
	padding-top: 60px;
}
.block-3 .block-title p {
	color: var(--text-color); 
	font-size: 20px;
	margin-bottom: 10px;
}
.block-3 .block-title h2 {
	font-size: 29px;
	font-weight: 700;
	color: var(--primary-color);
	margin-bottom: 0;
}

.block-3 .item .inner, .article-cv .list-relate .item .inner {
	background: #fff;
	border-radius: 12px;
	padding: 15px 20px;
	display: flex;
	flex-direction: column;
	box-shadow: 0 0 40px 0 rgba(0,0,0,.14);
	height: 100%;

}

.block-3 .article-title, .article-cv .list-relate .item .article-title{
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	transition: all .5s ease;
	color: var(--text-color);
	margin-bottom: 10px;
}
.block-3 .article-title a, .article-cv .list-relate .item .article-title a{
	font-size: 18px;
	font-weight: 700;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.block-3 .article-title:hover, .block-3 .article-title:hover a, .article-cv .list-relate .item .article-title:hover a{
	color: var(--primary-color);
}
.block-3 .job-infor, .article-cv .list-relate .item .job-infor {
	width: 100%;
	display: grid;
	grid-template-areas:
		"salary expired";
	grid-template-columns: 3fr 2fr;
}

.block-3 .salary, .article-cv .list-relate .salary  {
	grid-area: salary;
}

.block-3 .location, .article-cv .list-relate .location  {
	grid-area: location;
}

.block-3 .expired-date, .article-cv .list-relate .expired-date  {
	grid-area: expired;
}
.block-3 .job-infor > span, .article-cv .list-relate .job-infor > span  {
	color: var(--text-color);
	font-size: 14px;
	margin-right: 0px;
	margin-bottom: 6px;
	display: flex;
	align-items: flex-start;
	gap: 4px;
}
.block-3 .job-infor > .salary, .article-cv .list-relate .job-infor > .salary{
	border-right: 1px solid #eee;
}
.block-3 .job-infor > .expired-date, .article-cv .list-relate .job-infor > .expired-date{
	padding-left: 12px;
	justify-content: end;
}


.block-3 .job-infor > span img, .article-cv .list-relate .job-infor > span img{
	margin-right: 4px;
	margin-top: 2px;
	flex-shrink: 0;
}
.block-3 .btn-trial{
	padding: 0 54px;
	line-height: 60px;
	height: 60px;
	font-size: 24px;
	font-weight: 700;
	background-image: -moz-linear-gradient(-138deg,#ce000b 0%,#b7000a 100%);
	background-image: -webkit-linear-gradient(-138deg,#ce000b 0%,#b7000a 100%);
	transition: all .5s ease;
	outline: 0;
	border: none;
	margin-top: 40px;
}
.block-3 .btn-trial:before {
	content: "";
	border-radius: .5rem !important;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,.04);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.block-3 .btn-trial:hover:before{
	transform: scaleX(1) !important;
}

.article-cv .list-relate .item + .item{
	margin-top: 20px
}
.block-4{
	background-size: cover
}
.block-4 .block-content .title p{
	font-size: 20px;
}
.block-4 .block-content{
	margin-top: 60px;
}
@media (max-width: 767px) {
	.block-4 .block-content{
		margin-top: 40px;
	}
}
.block-4 .block-content h2 {
	font-size: 28px;
	line-height: 40.6px;
	margin-bottom: 25px;
}
.block-4 .item{
	display: flex;
	gap: 40px;
	margin-bottom: 40px;
	padding-right: 20px;
}

@media (max-width: 991px) and (min-width: 768px) {
	.block-4 .item{
		gap: 30px;
	}
}
@media (max-width: 767px) {
	.block-4 .item{
		gap: 20px;
	}
}
.block-4 .ico{
	box-shadow: 12px 12px 30px 0 rgba(0,52,131,.2);
	width: 88px;
	height: 88px;
	border-radius: 30px;
	display: flex;
	border-radius: 18px;
	background: #fff;
	flex-shrink: 0;
	padding: 15px;
}

@media (max-width: 767px) {
	.block-4 .ico{
		width: 66px;
		height: 66px
	}
}
.block-4 h3{
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 15px;
}
@media (max-width: 767px) {
	.block-4 h3{
		margin-top: 0
	}
}

.block-4 .block-swiper {
	position: absolute;
	width: 50%;
	top: 0;
	right: 0;
	border-top-left-radius: 80px;
	transform: none;
}
.block-4 .block-swiper img{
	/*height: 100%;
	object-fit: cover*/
}
@media (max-width: 1446px) and (min-width: 1366px) {
	.block-4 .block-swiper {
		top: 50%;
		border-top-left-radius: 0px;
		transform: translateY(-50%);
	}
}



@media (max-width: 1365px) and (min-width: 1280px) {
	.block-4 .block-swiper {
		top: 50%;
		border-top-left-radius: 0px;
		transform: translateY(-50%);
	}
}


@media (max-width: 991px){
	.block-4 .block-swiper {
		position: relative;
		width: initial;
		border-top-left-radius: initial;
		margin-top: 50px;
		top: initial;
		transform: none;
	}
}

@media (max-width: 767px) {
	.block-4 .block-swiper{
		margin-top: 0
	}
}

@media (max-width: 991px) and (min-width: 768px) {
	.block-4 .block-swiper img{
		display: block;
		margin: 0 auto;
	}
}
.block-5{
	padding: 80px 0 40px;
}
.block-5 .block-content .title p {
	font-size: 20px;
	color: var(--text-color); 
}
.block-5 .block-content h2 {
	font-size: 28px;
	line-height: 40.6px;
	margin-bottom: 25px;
	color: var(--primary-color);
}
.block-5 .item{
	display: flex;
	gap: 40px;
	margin-bottom: 40px;
}
@media (max-width: 767px) {
	.block-5 .item{
		gap: 20px;
	}
}
@media (max-width: 991px) and (min-width: 768px) {
	.block-5 .item{
		gap: 30px;
	}
}
.block-5 .ico{
	box-shadow: 12px 12px 30px 0 rgba(0,52,131,.2);
	width: 88px;
	height: 88px;
	border-radius: 30px;
	display: flex;
	border-radius: 18px;
	background: var(--primary-color);
	flex-shrink: 0;
	padding: 15px;
}
@media (max-width: 767px) {
	.block-5 .ico{
		width: 66px;
		height: 66px;
	}
}
.block-5 h3{
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 15px;
}
@media (max-width: 767px) {
	.block-5 h3{
		margin-top: 0;
	}
}
.block-5 .block-5-slider{
	border-radius: 35px 0px 35px 35px;
	box-shadow: 12px 12px 30px 0 rgba(0,52,131,.2);
}

@media (max-width: 991px) and (min-width: 768px) {
	.block-6{
		background-position: top left;
	}
}

.block-6 .title p {
	font-size: 20px;
}
.block-6 .title h2 {
	font-size: 28px;
	line-height: 40.6px;
	margin-bottom: 25px;
}
.form-cv-card #submitBtn{
	font-weight: 700;
	background-image: -moz-linear-gradient(-138deg,#ce000b 0%,#b7000a 100%);
	background-image: -webkit-linear-gradient(-138deg,#ce000b 0%,#b7000a 100%);
	transition: all .5s ease;
	outline: 0;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
}
.form-cv-card #submitBtn:before {
	content: "";
	border-radius: .5rem !important;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,.04);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.form-cv-card #submitBtn:hover:before{
	transform: scaleX(1) !important;
}
.blogcv ~ #footer_chir{
	margin: 0
}
.breadcrumb{
	background-color: var(--primary-color);
	padding-top: 115px;
	padding-bottom: 115px;
	margin-bottom: 45px;
}
@media (max-width: 767px) {
	.breadcrumb {
		padding-top: 45px;
		padding-bottom: 45px;
		margin-bottom: 25px;
	}
}
.breadcrumb .title {
	font-size: 38px;
	line-height: 1.25;
	margin-bottom: 10px;
}
@media (max-width: 767px) {
	.breadcrumb .title {
		font-size: 22px;
	}
}
.breadcrumb p {
	font-size: 20px;
	line-height: 28px;
}
@media (max-width: 767px) {
	.breadcrumb p {
		font-size: 16px;
		line-height: initial;
	}
}
.article-cv  h1 {
	font-size: 30px;
	color: var(--primary-color);
	margin: 0 0 30px;
}
.article-cv .info {
	padding: 25px 30px 5px 30px;
	margin-bottom: 30px;
	background: #fff4f4;
	border-radius: 10px;
}
.article-cv .info .item{
	display: flex;
	align-items: center;
	gap: 4px;
}
@media (max-width: 767px) {
	.article-cv .info {
		padding: 25px 15px 5px 15px;
	}
}
.article-cv .form-cv-card{
	background-color: var(--primary-color);
	box-shadow: 12px 12px 30px 0 rgba(0,52,131,.2);
}
.article-cv .form-cv-card .card{
	background: inherit;
}

.article-cv .form-cv-card #submitBtn{
	background-color: var(--secondary-color)
}
.article-cv .relate h3{
	font-size: 20px;
	margin-bottom: 20px;
	color: var(--primary-color);
}

.article-cv .submit-cv a {
	margin-bottom: 60px;
	font-weight: 700;
	background-image: -moz-linear-gradient(-138deg,#ce000b 0%,#b7000a 100%);
	background-image: -webkit-linear-gradient(-138deg,#ce000b 0%,#b7000a 100%);
	transition: all .5s ease;
	outline: 0;
	border: none
}
.article-cv .submit-cv a:before {
	content: "";
	border-radius: .5rem !important;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,.04);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.article-cv .submit-cv a:hover:before{
	transform: scaleX(1) !important;
}
.article-cv .sticky-header {
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	right: 0;
	background: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,.3);
	padding: 15px 0;
	display: none;
	animation-duration: .5s;
}
.animated {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
@-webkit-keyframes fadeOutUp {
	from {
		opacity:1;
	}
	to {
		opacity:0;
		-webkit-transform:translate3d(0,-100%,0);
		transform:translate3d(0,-100%,0);
	}
}
@keyframes fadeOutUp {
	from {
		opacity:1;
	}
	to {
		opacity:0;
		-webkit-transform:translate3d(0,-100%,0);
		transform:translate3d(0,-100%,0);
	}
}
.fadeOutUp {
	-webkit-animation-name:fadeOutUp;
	animation-name:fadeOutUp;
}

.lazy_bg {
	background-size: cover;
	background-position: center;
}

.lazy_bg {
	position: relative;
	overflow: hidden; /* Chặn blur tràn ra ngoài */
}

/* Background nằm trong ::before, tách khỏi content */
.lazy_bg::before {
	content: '';
	position: absolute;
	inset: 0; /* top/right/bottom/left: 0 */

	background-image: inherit; /* Lấy từ parent */
	background-size: cover;
	background-position: center;

	filter: blur(12px);
	//transform: scale(1.05); /* Tránh viền trắng */
	transition: filter 0.4s ease, transform 0.4s ease;
	pointer-events: none;

	z-index: 0;
}

/* Content bên trong phải nổi lên trên */
.lazy_bg > * {
	position: relative;
	z-index: 1;
}

.lazy_bg.loaded::before {
	filter: blur(0);
	transform: scale(1);
}