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

/* #### Generated By: http://font.download #### */

@font-face {
	font-family: 'SF UI Display';
	font-style: normal;
	font-weight: 100;
	src: local('SF UI Display Ultralight'), url('fonts/sf-ui-display-ultralight-58646b19bf205.woff') format('woff');
}


@font-face {
	font-family: 'SF UI Display';
	font-style: normal;
	font-weight: 200;
	src: local('SF UI Display Thin'), url('fonts/sf-ui-display-thin-58646e9b26e8b.woff') format('woff');
}


@font-face {
	font-family: 'SF UI Display';
	font-style: normal;
	font-weight: 300;
	src: local('SF UI Display Light'), url('fonts/sf-ui-display-light-58646b33e0551.woff') format('woff');
}


@font-face {
	font-family: 'SF UI Display';
	font-style: normal;
	font-weight: 400;
	src: local('SF UI Display Medium'), url('fonts/sf-ui-display-medium-58646be638f96.woff') format('woff');
}


@font-face {
	font-family: 'SF UI Display';
	font-style: normal;
	font-weight: 500;
	src: local('SF UI Display Semibold'), url('fonts/sf-ui-display-semibold-58646eddcae92.woff') format('woff');
}


@font-face {
	font-family: 'SF UI Display';
	font-style: normal;
	font-weight: 600;
	src: local('SF UI Display Bold'), url('fonts/sf-ui-display-bold-58646a511e3d9.woff') format('woff');
}


@font-face {
	font-family: 'SF UI Display';
	font-style: normal;
	font-weight: 700;
	src: local('SF UI Display Heavy'), url('fonts/sf-ui-display-heavy-586470160b9e5.woff') format('woff');
}


@font-face {
	font-family: 'SF UI Display';
	font-style: normal;
	font-weight: 800;
	src: local('SF UI Display Black'), url('fonts/sf-ui-display-black-58646a6b80d5a.woff') format('woff');
}
body{
	font-family: 'SF UI Display';
}
.button, button, input[type=button], input[type=reset], input[type=submit]{
	font-weight:500
}
.banner_top{
	background:url('http://happycv.vn/wp-content/uploads/2026/03/banner1.svg') right top no-repeat,url('http://happycv.vn/wp-content/uploads/2026/03/bottom.svg') left bottom no-repeat
}
.banner_top .title p{
	margin-bottom:0px;
}
.banner_top .title p{
	font-size: 44px;
	font-weight: bold;
}
.banner_top .title p span{
	background: linear-gradient(to bottom, #31CBF4 0%, #FFFFFF 100%);
	-webkit-background-clip: text; /* Cần thiết cho Chrome, Safari, Edge */
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
.featured-box.icon-box-left {
    align-items: center;
}
.button.is-outline.button2{
    border: 1px solid #28A9CC;
    font-size: 14px;
    color: #fff;
}
.button.is-outline.button1{
    border: 1px solid transparent;
    font-size: 14px;
    color: #fff;
	background-image:linear-gradient(#107793, #107793), linear-gradient(to right, #00D9FF, #FFAE00);
	background-origin: border-box;
	background-clip: padding-box, border-box;
}
.primary.button_app,.primary.googleplay{
	background: linear-gradient(to right, #006884, #3DAAC8);
	border: 0px;
	font-size:14px
}
.button.appstore{
	font-size:14px
}
.primary.button_app i{
	background: url(http://happycv.vn/wp-content/uploads/2026/03/Smartphone.png);
	text-indent: -999999px;
	width: 10px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
}
.button.appstore i{
	background: url(http://happycv.vn/wp-content/uploads/2026/03/Apple-1.svg);
	text-indent: -999999px;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: center;
}
.button.googleplay i{
	background: url(http://happycv.vn/wp-content/uploads/2026/03/GooglePlay.png);
	text-indent: -999999px;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: center;
}
ul li.bullet-checkmark:before{
	background:url('http://happycv.vn/wp-content/uploads/2026/03/div.svg');
	text-indent: -999999px;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: center;
	margin-right:10px
}
ul li.bullet-arrow, ul li.bullet-checkmark, ul li.bullet-cross, ul li.bullet-star{
	padding-left:35px;
	border-bottom:0px
}
.footer-primary{
	padding:30px 0px 20px;
	border-top:1px solid #E6E6E6;
	font-weight: 300;
}
.copyright-footer {
	color:#333
}
.box-blog-post{
	background: linear-gradient(180deg, #E4F8FF 0%, #FFFFFF 25%, #FFFFFF 100%);
	border:1px solid #B1EEFF;
	border-radius:8px;
	padding:15px
}
.box-blog-post img{
	border-radius:8px;
}
.box-blog-post .is-divider,.entry-divider,.widget .is-divider{
	display:none
}
.entry-header-text-top{
	padding-bottom:0px
}
.post-date.badge {
    height: 70px;
    width: 100px;
}
.post-date.badge .badge-inner{
    border-radius: 8px;
}
.recent-blog-posts-li{
	background: linear-gradient(180deg, #E4F8FF 0%, #FFFFFF 25%, #FFFFFF 100%);
	border:1px solid #B1EEFF;
	border-radius:8px;
	padding:5px 10px;
	margin-bottom:10px !important
}
span.widget-title{
	font-size:18px;
	display:block;
	margin-bottom:10px
}
.html.header-button-1 .button {
	padding:7px 25px
}
.header-main .nav > li.html_topbar_left > a {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	background-color: var(--fs-color-primary);
	color: #fff !important;
	padding: 20px;
	height: 75px;
	background-image:url('http://happycv.vn/wp-content/uploads/2026/03/speed.svg');
	background-repeat: no-repeat;
	background-position: center left 10px;
	padding-left: 50px;
}

.header-main .nav > li.html_topbar_left > a span{
	font-size:12px;
	font-weight:300
}
.bggra{
	background: linear-gradient(180deg, #30A9C9 0%, #DEF8FF 100%);
}
#popup .icon-box-img img{
	height:40px;
	width:40px;
	object-fit:cover;
	border-radius:100%
}
#popup .icon-box{
	box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1);
	border-radius:15px;
	padding:5px
}
#popup{
	border-radius:15px;
	overflow:hidden
}
#popup .icon-box .icon-box-text{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
}
#popup .icon-box .icon-box-text p{
	margin-bottom:0px
}
.header-block {
    min-height: 0px;
	top:0px !important;
    width: 100%;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.banner_top .title p{
	font-size: 24px;
	font-weight: bold;
}
	.button.is-outline.button1,.button.is-outline.button2{
		font-size:12px
	}
	.icon-box.featured-box{
		margin-left:0px !important
	}
}