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

/*************** ADD CUSTOM CSS HERE.   ***************/
/* Header */
.header-bg-color{
	background-color: #fff !important;
}
.nav-dropdown-has-border .nav-dropdown{
	border: unset !important;
	border-radius: 20px 0 20px 0;
	padding: 0 !important;
}
.nav-dropdown li{
	width: 100%;
	float: left;
    position: relative;
}
.nav-dropdown li:hover{
	background-color: #ffc20f;
}
.nav-dropdown>li>a{
	border-bottom: unset !important;
}
.nav-dropdown>li>a:hover{
	color: #fff;
}
.nav-dropdown>li>a:before {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 0px;
    height: 1px;
    background-color: #ffffff;
    content: '';
    transition: 1s;
}
.nav-dropdown li.active>a{
	color: #ffc20f;
	font-weight: 600;
}
.nav-dropdown li.active>a:hover{
	color: #fff;
}
.gtranslate_wrapper a.glink{
	    margin-right: 5px;
}
/*  */
.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea, input[type=submit]{
	box-shadow: unset: !important;
	border-radius: 6px !important;
}
input[type=submit]{
	background-color: #ffc20f !important;
}
.txt-iframe iframe{
	border-radius: 6px !important;
}
/* Section services */
.sec-services:before {
    content: url(/wp-content/uploads/2025/08/pp.png);
    position: absolute;
    right: 242px;
    top: -5px;
    z-index: 1;
	opacity: 0.6;
	margin-top: 15px;
}
.bg-line img{
	position: relative;
	z-index: -1;
}
/* Blog */
.blog-single h1{
	color: #ffc20f;
    font-weight: 600;
}
.section-title span{
	font-weight: 900;
}
.product-small .box-image, .box-blog-post .box-image {
	border-radius: unset !important;
}
/* .h-blog-post{
	justify-content: center;
} */
.h-blog-post .col-inner{
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
/* 	height: 420px; */
	border-radius: 10px !important;
	background-color: #fff;
}
.h-blog-post .box-text p:before {
	position: absolute;
    background-image: url(/wp-content/uploads/2025/08/hao-sen.png);
    width: 73px;
    height: 16px;
    background-size: contain;
    content: '';
    top: -30px;
    left: 50%;
    margin-left: -36.5px;
    background-repeat: no-repeat;
}
.h-blog-post .is-divider{
	display: none !important;
}
.h-blog-post .col-inner img{
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
	border-bottom-left-radius: unset !important;
	border-bottom-right-radius: unset !important;
}
.h-blog-post .col-inner .box-text{
	padding: 10px 35px;
	height: 180px;
}
.h-blog-post .box-text-inner{
	justify-items: center;
}
.h-blog-post .col-inner .button{
	display: flex;
    justify-content: center;
    align-items: center;
    width: 167px;
    border-radius: 23px 0;
    border: 1px solid #ffc20f;
    transition: all 0.2s ease-in-out;
    z-index: 3;
    color: #ffc20f;
    text-transform: none;
    font-weight: 500;
	bottom: 25px;
    position: absolute;
}
.h-blog-post .col-inner .button:hover {
/*     box-shadow: 1px 1px #8D388A, 2px 2px #8D388A, 3px 3px #8D388A !important; */
	box-shadow: 1px 1px #09aa58, 2px 2px #09aa58, 3px 3px #09aa58 !important;
    transform: translateX(-3px);
	color: #fff;
	font-weight: 900;
}

.h-gallarey .box-image{
	border-radius: 10px;
}
.from_the_blog_excerpt {
	display: none;
}
.combos .from_the_blog_excerpt{
	display: flex;
}
/* Footer */
.listCallOver {
    position: fixed;
    z-index: 990;
    right: 15px;
    bottom: 70px;
    width: 40px;
}
.linkiIemCall {
    display: block;
    text-align: center;
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
	color: #fff;
}
.linkiIemCall .fa {
    font-size: 25px;
    padding-left: 3px;
    line-height: 30px;
}
.linkiIemCall.phone {
    background-color: #e42528;
}
.linkiIemCall.viber {
    background-color: #6f3faa;
}
.linkiIemCall.kakaotalk {
    background-color: #f7e111;
}
.linkiIemCall.zalo {
    background-color: #007cc3;
}
.linkiIemCall.messenger {
    background-color: #4286f7;
}
.linkiIemCall.messenger {
    background-color: #4286f7;
}
.linkiIemCall.phone-s {
    background-color: #21de2b;
}
.linkiIemCall.wechat {
    background-color: #00c75e;
}
.linkiIemCall.whatsapp {
    background-color: #25d366;
}
.linkiIemCall.fanpage {
    background-color: #3b579d;
}

.linkiIemCall img{
	border-radius: 99px;
}
.fa-phone:before {
    content: "\f095";
}
.fa-whatsapp:before {
    content: "\f232";
}


.heading-line {
        font: 700 clamp(24px, 5vw, 25px) / 1.2 "Poppins", system-ui, sans-serif;
        color: #111;
        text-transform: uppercase;
        position: relative;
        padding-left: 18px; 
        text-align: left;
      }

      .heading-line::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 6px;
        height: 100%;
        border-radius: 4px;
        background: linear-gradient(180deg, #00a652, #ffc20f);
        transform: scaleY(0);
        transform-origin: top;
        animation: line-in 0.6s ease forwards;
      }

      @keyframes line-in {
        to {
          transform: scaleY(1);
        }
      }

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.h-blog-post .col-inner .box-text{
		height: 155px;
		padding: 5px;
	}
	.h-blog-post .col-inner .button{
		bottom: 15px;
	}
	.header-main .nav > li > a > i:not(.icon-angle-down) {
		color: #ffc20f !important
	}
}