/*
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.   ***************/

@font-face{
	font-family:"fontvn.com-AcuminPro-Regular";
	src:url(fonts/fontvn.com-AcuminPro-Regular.ttf)
}
@font-face{
	font-family:"fontvn.com-Acumin_Pro_Bold";
	src:url(fonts/fontvn.com-Acumin_Pro_Bold.ttf)
}
@font-face{
	font-family:"fontvn.com-AcuminPro-Semibold";
	src:url(fonts/fontvn.com-AcuminPro-Semibold.ttf)
}
body {
	font-family:"fontvn.com-AcuminPro-Regular";	
}
h1, h2, h3, h4, h5, h6 {
font-family:"fontvn.com-Acumin_Pro_Bold"; 
	font-weight:500;
}
b,strong,.strong {
	font-family:"fontvn.com-Acumin_Pro_Bold"; 
}
.section__banner .box {
    border: 1px solid #322f2f;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 25px;
}
.section__banner .section-title {
	border: 0;
	padding: 0;
	margin: 0;
}
.section__banner .section-title .section-title-main {
padding: 0;
    margin: 0;
    border: 0;
    color: #fff;
    font-size: 52px;
    font-weight: 400;
    line-height: 66px;
    font-family: "fontvn.com-AcuminPro-Semibold";
    text-transform: none;
}
.section__banner p {
	color: #cdcdcd;
    font-size: 16px;
    line-height: 30px;
}
.section__banner a.button {
	    font-family: "fontvn.com-AcuminPro-Semibold";
    border-radius: 12px;
    padding: 3px 26px;
       text-transform: none;
}
.section__banner a.secondary {
    border: 1px solid #6c6c6c;
}
.section__banner a.primary {
    border: 1px solid #5cc8fa;	
}
.section__banner a.primary span {
    font-family: "fontvn.com-AcuminPro-Semibold";
    font-size: 15px;
}
.section__banner .ux-menu {
    display: flex;
    flex-direction: row;
    gap: 30px;
}
.section__banner .ux-menu .ux-menu-link__link span {
	color: #cdcdcd;
	font-size: 15px;
	position: relative;
}
.section__banner .ux-menu .ux-menu-link__link span:before {
content: '\e00a';
    font-family: fl-icons !important;
    font-size: 6px;
    width: 15px;
    height: 15px;
    border: 1px solid #5cc8fa;
    color: #5cc8fa;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    line-height: 15px;
}
.header-main .button span {
	font-weight: 500;
    font-family: "fontvn.com-AcuminPro-Semibold";
    font-size: 15px;
	text-transform: none;
}
.title__heading {
	margin-bottom: 0;
}
.title__heading b {
	opacity: 0;
	visibility: hidden;
}
.title__heading .section-title-main {
	text-transform: none;
    font-family: "fontvn.com-AcuminPro-Semibold";
    font-size: 30px;
    line-height: 35px;
}
.from__dk .left__form {
	float: left;
	width: 49%;
}
.right__form {
	float: right;
	width: 49%;
}
.clear__form {
	clear: both;
	width: 100%;
}
.from__dk input,
.from__dk textarea {
    width: 100%;
    background: #111;
    border: 1px solid #333;
    color: #666;
    box-shadow: 0 0 0 0;
    font-size: 15px;
    padding: 8px 20px;
    min-height: inherit;
    height: inherit;
    border-radius: 10px;
    line-height: 28px;
}
.from__dk textarea {
	height: 120px;
}
.from__dk input[type='submit'] {
	background: #5cc8fa;
	text-transform: none;
    font-family: "fontvn.com-AcuminPro-Semibold";
	color: #fff;
	font-size: 18px;
}
.wpcf7-spinner {
	position: absolute;
}
.note__note {
	text-align: center;
}
.note__note p {
	color: #aaa;
}
.title__heading .section-title {
	border-bottom: 0;
}
.section__giaiphap .icon-box {
    padding: 30px;
    border: 1px solid #322f2f;
    border-radius: 16px;
}
.section__giaiphap .icon-box h3 {
	font-size: 18px;
    font-family: "fontvn.com-AcuminPro-Semibold";
}
.section__tieuchuan .ux-menu {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-direction: row;
    justify-content: space-between;
}
.section__tieuchuan .ux-menu .ux-menu-link {
	width: 100%;
	text-align: center;

}
.section__tieuchuan .ux-menu .ux-menu-link .ux-menu-link__link{
    display: block;
    text-align: center;
    border: 1px solid #322f2f;
    border-radius: 12px;
}
.section__tieuchuan .ux-menu .ux-menu-link:hover .ux-menu-link__link{
	color: #5cc8fa;
	border: 1px solid #5cc8fa;
}
.title__heading a {
	color: #aaa;
    font-family: "fontvn.com-AcuminPro-Semibold";
	font-size: 14px;
}
.section__blog .post-item > .col-inner {
	border: 1px solid #322f2f;
	border-radius: 12px;
	overflow: hidden;
}
.section__blog .post-item .box-text {
	padding: 15px;
}
.section__blog .post-item .box-text .post-title a {
    color: #d3c7c7;
    font-size: 16px;
}
.section__blog .post-item .box-text  .is-divider {
	display: none;
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.section__banner {
	padding: 30px 0 !important;
}
.section__banner .section-title .section-title-main {
    font-size: 36px;
    line-height: 46px;
}
.title__heading .section-title-main {
	text-transform: none;
    font-family: "fontvn.com-AcuminPro-Semibold";
    font-size: 28px;
    line-height: 36px;
    padding: 0;
    margin: 0;
}
.section__banner a.button {
        padding: 2px 16px;
}
.section__banner a.button span {
	font-size: 13px;
}
.section__tieuchuan .ux-menu {
	gap: 6px;
}
.section__tieuchuan .ux-menu {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-direction: row;
    justify-content: flex-start;
    overflow: scroll;
}
.section__tieuchuan .ux-menu .ux-menu-link .ux-menu-link__link {
white-space: nowrap;
        padding: 5px 15px;
        min-height: inherit;
}
.section__tieuchuan {
	padding: 30px 0 !important;
}
.section__tieuchuan .col.large-12 {
	padding-bottom: 0;
}
.section__giaiphap .icon-box {
	padding: 10px;
}
.section__giaiphap .icon-box h3 {
	font-size: 14px;
}
.section__giaiphap .icon-box p {
	font-size: 13px;
}
.off-canvas .nav-vertical>li>a {
	    font-family: "fontvn.com-AcuminPro-Semibold";
	    font-size: 15px;
}






}