/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
.btn {
	background: #c49479 !important;
	transition: none !important;
	border: solid 1px transparent;
}
.btn:hover {
	background: transparent !important;
	color: #c49479;
	border: solid 1px #c49479;
}
.title-1 h2 {
	text-transform: uppercase;
}
.title_modules .large {
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.title_modules .mini {
	color: #128e45;
	background: #fff;
	position: relative;
	display: inline-block;
	padding: 0 20px 0 0;
	font-size: 36px;
	margin-bottom: 30px;
}
.title_modules h2 {
	position: relative;
}
.title_modules h2:before {
	content: "";
	width: 100%;
	height: 1px;
	background: #ebebeb;
	position: absolute;
	top: 55px;
	left: 0;
}
.boxContent {
	background: #fafaff;
	text-align: center;
	height: 120px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-transform: uppercase;
	border-bottom: solid #128e45;
	box-shadow: 0px 0px 15px -4px #00000057;
	overflow: hidden;
}
.boxContent h3 {
	font-size: 20px;
	margin-bottom: 0;
	padding: 0 10px;
}
.boxContent:hover {
	background: #128e45;
	border-bottom: solid transparent;
	color: #fff;
}
.boxContent:hover h2 {
	color: #fff !important;
}
.boxContent:hover h3 {
	color: #fff;
}
.nopad{
	padding-bottom: 0;
}
.section-title-container .section-title span {
	border-bottom: double;
	font-size: 24px;
	color: #128e45;
}
.section-title-container .section-title {
	border-bottom: 0;
}
.des-content p {
	margin-bottom: 10px;
}
p, ul li {
	font-size: 15px;
	margin-bottom: 10px;
}
ul li:before{
	content: '\f058';
	font-family: "Font Awesome 5 Free";
	color: #fff;
	margin-right: 10px;
	background: #128e45;
	border-radius: 999px;
}
ul {
	list-style: none;
}
li{
	margin-left: 0 !important;
}
.des-content ul li {
	font-size: 16px;
}
.des-content2 {
	background: #fff;
	padding: 15px;
	border-radius: 8px;
	border: solid 1px #e5e5e5;
	box-shadow: 0px 0px 15px -4px rgb(0 0 0 / 8%);
}
.des-content2 p ,.des-content2 ul li {
	font-size: 16px !important;
}
.des-content2 h4 {
	text-transform: uppercase;
	font-size: 20px;
}
.des-content2 ul li:last-child {
	margin-bottom: 0;
}
.des-content2 ul {
	margin-bottom: 0;
}
.btn-2 span:after, .btn span:after {
	content: '\f1d8';
	margin-left: 10px;
	font-family: "Font Awesome 5 Free";
}
.btn, .btn-2 {
	transition: all 150ms linear 0s;
	animation-name: pulse;
	-webkit-animation-name: pulse;
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}
@keyframes pulse {
	0% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
	50% {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1)
	}
	100% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
}
.slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button{
	opacity: 1 !important;
}
.flickity-button {opacity: 1;width: 45px;}
.flickity-button svg {
	background: white;
	border-radius: 99px;
	padding: 15px;
}
.flickity-button svg path {
	fill: #128e45 !important;
}
.boxContent2 {
	background: #128e45;
	border-bottom: solid #c49479;
}
.boxContent2:hover h3 {color: #128e45;}
.boxContent2:hover{
	background: #fafaff;
	border-bottom: solid #128e45;
}
.boxContent2 h3 {
	color: #fff;
}
.des-content3 {
	background: #128e45;
	border: solid 1px #c49479;
}
.des-content3 h4, .des-content3 li, .des-content3 p {
	color: #fff;
}
.des-content3 ul li:before {
	color: #c49479;
}
.title_modules2 .mini {
	background: #eceaff;
}
.title_modules2 h2:before {
	background: #c7c3ef;
}
.section-4:before, .section-4:after {
	content: "";
	position: absolute;
	border-radius: 50%;
}
.section-4:before {
	top: 200px;
	left: -152px;
	width: 500px;
	height: 500px;
	background: #eceaff;
	opacity: 0.7;
}
.section-4:after {
	bottom: -252px;
	right: -15px;
	width: 678px;
	height: 678px;
	background: #eceaff;
	opacity: 0.7;
}
.des-footer p {
	margin-bottom: 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 2;
}
.section-footer .col {
	padding-bottom: 0;
}
.des-kh h4 {
	border-bottom: double;
	text-transform: uppercase;
	margin-bottom: 20px;
	font-size: 18px;
}
@media (min-width: 992px){
	.des-content2 {
		overflow: hidden;
		overflow-y: auto;
		height: 380px;
	}
	.des-content2::-webkit-scrollbar, .noidung-kh6::-webkit-scrollbar,.noidung-kh7-sub::-webkit-scrollbar{
		width: 5px;
		background-color: #F5F5F5;
	}
	.des-content2::-webkit-scrollbar-thumb, .noidung-kh6::-webkit-scrollbar-thumb, .noidung-kh7-sub::-webkit-scrollbar-thumb {
		border-radius: 5px;
		-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
		-moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
		background-color: #A3A8AF;
	}
	.noidung-kh3 {
		overflow: hidden;
		overflow-y: auto;
		height: 275px;
	}
	.noidung-kh4 ul{
		overflow: hidden;
		overflow-y: auto;
		height: 275px;
	}
	.noidung-kh6{
		overflow: hidden;
		overflow-y: auto;
		height: 250px;
	}
	.noidung-sale {
		height: 450px;
		overflow: hidden;
	}
	.sale-kh h3 {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 130px;
		overflow: hidden;
	}
	.sale-kh h3:before {
		content: '';
		background: #53b94c;
		position: absolute;
		width: 80px;
		height: 80px;
		right: -40px;
		bottom: -45px;
		transform: rotate(45deg);
	}
	.noidung-kh7-sub {
		height: 650px;
		overflow: hidden;
		overflow-y: auto;
	}
	.sec-09 .noidung-kh1 h3 {
		height: 95px;
		overflow: hidden;
	}
	.col-tv {
		max-width: 16.66666666666667%;
		flex-basis: 16.66666666666667%;
	}
}

/*page2*/
.tieude{
	text-shadow: 3px 2px rgba(40, 65, 133, 0.1);
}
.tieude1 h2 {
	font-size: 30px;
	text-transform: uppercase;
	letter-spacing: -2px;
	margin-bottom: 0;
}
.tieude1 h1 {
	font-size: 80px;
	text-transform: uppercase;
	margin-bottom: 0;
}
.noidung1 h4 {
	background: #128e45;
	padding: 3px 20px;
	color: #fff !important;
	width: 80%;
	text-align: center;
}
.noidung1 p {
	text-align: justify;
	line-height: 1.6;
	color: rgb(76, 76, 76);
}
.noidung1 h3 {
	font-size: 30px;
	color: #128e45 !important;
	text-shadow: 3px 2px rgba(40, 65, 133, 0.1);
	text-decoration: underline;
}
.btnn {
	background: #128e45;
/*	background-image: linear-gradient(rgb(255, 88, 124), rgb(247, 21, 10));*/
font-size: 15px;
line-height: 3;
transition: all 150ms linear 0s;
box-shadow: rgb(1, 1, 1) 0px 15px 22px -19px !important;;
}
.btnn {
	animation-name: pulse;
	animation-delay: 1s;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}
.tieude2 h2 {
	text-transform: uppercase;
	font-size: 34px;
}
.box-daotao {
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 30px -10px;
	height: 130px;
	overflow: hidden;
	padding: 15px;
	text-align: center;
	display: flex;
	align-items: center;
	border-radius: 5px;
}
.box-daotao h3 {
	font-size: 18px;
	margin-bottom: 0;
}
.box-daotao1 {
	background-image: linear-gradient(125deg, rgb(33, 76, 142), rgb(39, 223, 204));
}
.box-daotao1 h3 {
	color: #fff;
}
.nutmuiten {
	margin: -10px auto 0;
	animation-name: bounce;
	animation-delay: 1s;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}
@keyframes bounce{
	0%, 100%, 20%, 50%, 80% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(-15px);
		-ms-transform: translateY(-15px);
		transform: translateY(-15px);
	}
	60% {
		-webkit-transform: translateY(-15px);
		-ms-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}
.btnn1 {
	width: 210px;
	margin: 0 auto;
	display: block;
}
.noidung-footer p {
	margin-bottom: 8px;
}
.noidung-footer p i {
	width: 20px;
}
.sec-Footer {
	padding-bottom: 15px !important;
}
.noidung-kh1 {
	background: #128e45;
	box-shadow: rgba(37, 50, 133, 0.5) 0px 10px 25px -10px;
	border-radius: 10px;
	padding-bottom: 2px;
}
.noidung-kh1 h3 {
	text-align: center;
	padding: 30px 30px 0;
	margin-bottom: 0;
	color: #fff;
}
.noidungcon {
	background: #fff;
	margin: 20px !important;
	padding: 15px;
	border-radius: 8px;
}
.noidung-kh2 {
	background: #128e45;
}
.section-title b {
	background: transparent;
}
.col-bg > .col-inner {
	background: url(/wp-content/uploads/2023/11/2.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding: 40px;
	position: relative;
	height: 100%;
	width: 100%;
	background-size: cover;
}
.col-bg > .col-inner:before {
	content: '';
	background: #128e45c2;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.motanho {
	z-index: 1;
	position: relative;
}
.sliderBoxkh .large-4 .col-inner {
	background: #fff;
	padding: 20px;
	border-radius: 8px;
}
.noidung-kh3 h4 {
	text-align: center;
	background: #128e45;
	color: #fff;
	padding: 5px;
	border-radius: 8px;
	font-size: 16px;
}
.noidung-kh3 ul {
	margin-top: 20px;
}
.noidung-kh3::-webkit-scrollbar,.noidung-kh4 ul::-webkit-scrollbar {
	width: 5px;
	background-color: #F5F5F5;
}
.noidung-kh3::-webkit-scrollbar-thumb, .noidung-kh4 ul::-webkit-scrollbar-thumb {
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
	background-color: #A3A8AF;
}
.noidung-kh4 h4 {
	background: #128e45;
	width: 90%;
	margin: 0 auto;
	text-align: center;
	border-radius: 99px;
	padding: 5px 10px !important;
	color: #fff;
	margin-bottom: -20px;
	z-index: 1;
	position: relative;
}
.noidung-kh4 ul {
	background: white;
	box-shadow: rgba(37, 50, 133, 0.5) 0px 10px 25px -10px;
	padding: 50px 30px 20px;
}
.slider-hlp .flickity-button svg {
	background: #128e45;
}
.slider-hlp .flickity-button svg path {
	fill: #fff !important;
}
.col-mau > .col-inner {
	background: #128e45;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 30px -15px;
	border-radius: 8px;
	padding: 40px 30px 1px;
}
.noidung-kh5 ul li:before {
	font-size: 10px;
	background: #ffeccc;
	color: #ffeccc;
}
.noidung-kh5 h4 {
	font-size: 15px;
	position: relative;
	background: #128e45;
	padding: 5px 20px;
	border-left: solid 3px #ffeccc;
}
.col-mau2 > .col-inner {
	background-color: rgb(252, 241, 210);
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px -15px;
	padding: 40px;
}
.col-mau2 .col {
	padding-bottom: 0;
}
.col-mau2 > .col-inner img {
	border-radius: 8px;
}
.col-mau2 > .col-inner .img:before {
	content: '';
	border: solid 3px rgb(255, 109, 0);
	position: absolute;
	top: 15px;
	left: 15px;
	width: 100%;
	height: 100%;
	border-radius: 8px;
}
.col-mau2 > .col-inner .img {
	position: relative;
}
.tieude5 h3 {
	text-transform: uppercase;
	line-height: 1.3;
	font-size: 24px;
	margin-bottom: 20px;
}
.box-Ser .icon-box-img img {
	background-image: linear-gradient(284deg, rgb(255, 149, 6), rgb(245, 34, 0));
	padding: 5px;
}
.box-Ser .icon-box-img {
	border-width: 1px;
	border-radius: 13px;
	border-style: solid;
	border-color: rgb(236, 130, 39);
	padding: 4px;
}
.box-Ser + .box-Ser {
	margin-top: 8px;
}
.box-Ser {
	align-items: center;
}
.box-Ser .icon-box-text p {
	font-size: 18px;
}
.col-boxSer2 > .col-inner, .col-maua .col-boxSer2 > .col-inner{
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 30px -10px;
	border-radius: 6px;
	background: #fff;
	padding: 8px;
}
.col-maub .col-boxSer2:first-child > .col-inner,
.col-maub .col-boxSer2:nth-child(3) > .col-inner,
.col-maub .col-boxSer2:nth-child(5) > .col-inner,
.col-maua .col-boxSer2:nth-child(2) > .col-inner,
.col-maua .col-boxSer2:nth-child(4) > .col-inner,
.col-maua .col-boxSer2:last-child > .col-inner{
	background-color: #128e45;
}
.col-boxSer2:first-child > .col-inner .boxSer2 {
	border-width: 1px;
	border-radius: 5px;
	border-style: solid;
	border-color: rgba(225, 225, 225, 0.3);
}
.boxSer2 {
	padding: 20px;
	border-width: 1px;
	border-radius: 5px;
	border-style: solid;
	border-color: rgb(225, 225, 225);
}
.col-maub .col-boxSer2:first-child .boxSer2 .icon-inner, 
.col-maub .col-boxSer2:nth-child(3) .boxSer2 .icon-inner,
.col-maub .col-boxSer2:nth-child(5) .boxSer2 .icon-inner,
.col-maua .col-boxSer2:nth-child(2) .boxSer2 .icon-inner,
.col-maua .col-boxSer2:nth-child(4) .boxSer2 .icon-inner,
.col-maua .col-boxSer2:last-child .boxSer2 .icon-inner {
	border-width: 1px;
	border-radius: 1000px;
	border-style: solid;
	border-color: rgba(226, 237, 245, 0.4);
}
.boxSer2 .icon-inner img {
	padding: 10px;
}
.noidung-kh6 p:last-child{
	margin-bottom: 0;
}
.boxSer2 .icon-inner{
	border-width: 1px;
	border-radius: 1000px;
	border-style: solid;
	border-color: rgb(173, 173, 173);
}
.col-righta > .col-inner {
	box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 30px -15px;
	background: #fff;
	border-radius: 20px;
}
.noidung-kh7 h4 {
	background: #128e45;
	color: #fff;
	padding: 20px;
	border-radius: 20px 20px 0px 0px;
	text-align: center;
	font-size: 24px;
}
.noidung-kh7-sub {
	padding: 10px 30px 20px;
}
.img-spa img {
	border-radius: 10px;
}
.boxSale {
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 30px -10px;
	background: #fff;
	margin-top: 15px;
	padding: 15px 10px;
	align-items: center;
	border-radius: 10px;
}
.boxSale .icon-box-img .icon-inner {
	border-width: 2px;
	border-radius: 1000px;
	border-style: solid;
	border-color: rgb(174, 207, 206);
}
.boxSale .icon-box-img .icon-inner img {
	padding: 8px;
}
.boxSale .icon-box-text p {
	margin-bottom: 0;
}
.noidungcamket {
	background: #128e45;
	height: 150px;
	border-radius: 10px;
	box-shadow: rgba(37, 50, 133, 0.5) 0px 10px 25px -10px;
	align-items: center;
	margin-top: 30px;
	display: flex;
	justify-content: center;
}
.camket p:first-child {
	font-size: 60px;
	color: rgb(255 255 255);
	font-weight: bold;
	text-shadow: rgb(29, 88, 194) 2px 2px 0px;
}
.camket p {
	color: #fff;
	font-size: 18px;
	margin-bottom: 0;
	line-height: 1;
}
.sale-kh h3 {
	background: #128e45;
	color: #fff;
	padding: 20px;
	border-radius: 20px 20px 0px 0px;
	text-align: center;
	font-size: 20px;
	position: relative;
}
.col-sale-kh > .col-inner {
	box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 30px -15px;
	background: #fff;
	border-radius: 20px;
	padding-bottom: 30px;
}
.noidung-sale {
	text-align: center;
	padding: 30px 30px 20px;
}
.noidung-sale h5 {
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 20px;
	color: #128e45;
}
.noidung-sale p {
	border-bottom: solid 1px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	font-weight: bold;
}
.btnn-sale {
	width: 80%;
	margin: 0 auto;
	display: block;
}
.noidung-sale p:last-child {
	border-bottom: 0;
}
.camnhan .icon-inner, .camnhan .icon-inner img {
	border-radius: 999px;
	box-shadow: rgba(37, 50, 133, 0.5) 0px 10px 25px -10px;
}
.sec-03 {
	padding-top: 0 !important;
}
.btnn02 {
	background: #fff;
	color: #128e45 !important;
}
.quyenloi {
	display: flex;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 30px -10px;
	background: #128e45;
	padding: 15px 10px;
	align-items: center;
	border-radius: 10px;
}
.quyenloi .so {
	font-size: 25px;
	width: 11.44%;
	line-height: 50px;
	border-radius: 999px;
	justify-content: center;
	display: flex;
	color: #fff;
	border: solid 2px #fff;
}
.quyenloi p {
	padding-left: 15px;
	margin-bottom: 0;
	width: 88.56%;
	color: #fff;
}
.quyenloi+.quyenloi {
	margin-top: 10px;
}
.sec-menu .ux-menu, .sec-menu .ux-menu .ux-menu-link {
	display: inline-block;
}
.sec-menu .ux-menu .ux-menu-link a {
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
	color: #128e45;
}
.sec-menu .ux-menu .ux-menu-link {
	margin: 0 12px !important;
}
.sec-menu .col {
	padding-bottom: 0;
}
.sec-09 .noidung-kh1 h3 {
	height: 95px;
	overflow: hidden;
}
.img-thanhvien:before {
	content: '';
	background: #128e45;
	width: 5px;
	height: 100%;
	position: absolute;
	z-index: 1;
	left: 0;
}
.col-tv .text p {
	font-size: 13px;
}
.noidungcon img, .noidung-kh7-sub img {
    margin-bottom: 15px;
    border-radius: 10px;
}
@media (max-width: 549px){
	.tieude1 h1 {
		font-size: 60px;
	}
	.sec-01 {
		min-height: auto !important;
		padding: 50px 0 20px !important;
	}
	.tieude2 h2 {
		font-size: 28px;
	}
	.box-daotao h3 {
		font-size: 16px;
	}
	.sec-02, .sec-03, .col-righta {
		padding-bottom: 0 !important;
	}
	.col-bg > .col-inner, .col-mau2 > .col-inner {
		padding: 20px;
	}
	.noidung-kh4 h4 {
		font-size: 15px;
	}
	.box-Ser:last-child {
		margin-bottom: 20px;
	}
	.camket p:first-child {
		font-size: 50px;
	}
	.sec-01 .bg {
		background-position: left;
	}
	.sec-09 .col-righta {
		padding-bottom: 20px !important;
	}
	.quyenloi .so {
		width: 16%;
	}
}