/*
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.   ***************/
.timviec_sec1 {
	padding-bottom: 0 !important;
}
.wpcf7 form.invalid .wpcf7-response-output {
	border-color: black;
	color: black;
}
.timviec_sec select.wpcf7-form-control.wpcf7-select {
    height: 3rem;
}
.timviec_sec input.wpcf7-form-control {
    height: 3rem;
}
.timviec_sec .wpcf7 h3 {
	font-size: 1.8rem;
}
.timviec_sec .wpcf7 {
	border-bottom-left-radius: unset;
	border-bottom-right-radius: unset;
	padding: 1rem;
}
.timviec_sec .col2 {
	padding-bottom: 0;
}
.timviec_sec .col1 {
	padding-bottom: 0;
}
.timviec_sec form.wpcf7-form p {
	margin-bottom: 0.7rem;
}
.timviec_sec .col1 h3::after {
	content: "";
    display: block;
    width: 3rem; 
    height: 2px; 
    background-color: var(--fs-color-secondary);
    margin: 8px 0; 
}
.timviec_sec .col1 h3 {
	font-size: 1.5rem;
}
.footer_bottom .column1 {
	padding-bottom: 0;
}
.footer_bottom .column2 .col2{
	padding-bottom: 0;
}.footer_bottom .column2 .col1{
	padding-bottom: 0;
}
.footer_bottom .column2 .col2{
	padding-bottom: 0;
}
.footer_bottom .column2{
	padding-bottom: 0;
}
h1, h2, h3, h4, h5, h6, a, p, span, strong, div, label, input, li {
    font-family: "Roboto", sans-serif;
}
        .job-info {
            background-color: #f0f8ff;
			display: flex;
			flex-wrap: wrap;
			margin-bottom: 1rem;
        }
        .job-info-item {
            flex: 0 0 50%;
			box-sizing: border-box;
			padding: 10px;
        }

        .job-info-icon {
            margin-right: 10px;
			color:black;
        }

        .job-info-label {
            font-weight: bold;
            margin-right: 5px;
			color: black;
        }

.banner_sec h1 {
    font-weight: 700;
    margin: 145px 0 50px;
    color: #000;
	font-size: 45px;
    position: relative;
}
.banner_sec h1:after {
    content: "";
    background: url('/wp-content/uploads/2024/07/bg-after-h1.png') no-repeat top center;
    width: 101px;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: -25px;
}
.banner_sec h1 strong{
	    color: #f6432e;
}
.banner_sec .column1 p {
	font-size: 1.25rem;
    margin-bottom: 2.5rem;
    color: var(--fs-color-primary);
}
.button span {	
	font-weight: 400;
    text-transform: initial;
    font-size: 1rem;
    padding: 5px 10px;
}
.banner_sec .column1 .btn {
    line-height: 34px;
    font-size: 1.5rem;
    font-weight: 700;
     margin-bottom: 255px; 
    /* background-image: -webkit-linear-gradient(95deg, var(--fs-color-alert) -20%, var(--fs-color-secondary) 100%); */
    border-radius: 99px;
    color: #000000;
    border: none;
	
}
.banner_sec .column1 .button span {
    font-weight: 600;
    font-size: 1.5rem;
}
.infor_row1 h2 {
	color: var(--fs-color-secondary);
    font-weight: 700;
    text-align: left;
    margin-bottom: 1.563rem;
	font-size: 1.7rem;
}
.infor_row1 .column2 {
    display: flex;
    color: var(--fs-color-primary);
    align-items: center;
    text-align: justify;
	padding-bottom: 0;
}
.infor_row1 .column1 {
	padding-bottom: 0;
}
.infor_row1 .column1 .img {
	margin-bottom: 0;
}
@keyframes zoomEffect {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2); 
    }
    100% {
        transform: scale(1);
    }
}
.video-button-wrapper {
    position: absolute;
    bottom: 8rem;
    left: 14rem;
    animation: zoomEffect 1.5s infinite; 
}
.icon-play:before {
    color: var(--fs-color-secondary);
}
.video-button-wrapper .button.icon.circle {
    background: transparent;
    border-color: var(--fs-color-alert);
}
.video-button-wrapper .button.icon.circle:hover {
    background: var(--fs-color-alert)!important;
}
.infor_row2 .column1 > .col-inner {
    background: url(/wp-content/uploads/2024/07/bg-achievement-2.png) no-repeat top center;
    background-size: cover;
height: 236px;
	padding-top: 2.5em;
}
.infor_row2 .column1 .row2 .num {
	font-size: 3rem;
    color: #000;
    font-weight: 500;
    line-height: 3rem;
}
.infor_row2 .column1 .row2 p {
	margin-bottom: 0;
}
.infor_row2 .column1{
	padding-bottom: 0;
}
.infor_row2 .column1 .colx{
	padding-bottom: 0;
}
.tuyendung_sec {
	padding-top: 130px!important;
	padding-bottom: 60px !important;
}
/* .team_sec .slider img {
    border-radius: 90px 0px 0px 0px;
} */
.infor_row2 {
    height: 9rem;
}
.tuyendung_sec .title p {
    color: #000;
    font-size: 1.25rem;
    font-weight: 300;
    margin-bottom: 10px;
}
.tuyendung_sec .title h2 {
	color: #000;
	margin-bottom: 0;
	font-size: 1.7rem;
}
.tuyendung_row1 .col.post-item .col-inner {
    background: #fff;
    border-radius: 12px;
    padding: 5px;
    display: flex;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .14);
    height: 100%;
	font-size: 0.85rem;
}
.tuyendung_row1 .col.post-item .col_local{
	padding-left: 10px;
}
.tuyendung_row1 .col.post-item .col-inner .image-cover {
	border-radius: 10px;
}
.tuyendung_row1 .col.post-item {
    padding-bottom: 1.3rem;
}
.show_infor .col-inner {
	background: unset !important;
	border-radius: unset !important;
    box-shadow: unset !important;
	align-items: center;
	color: black;
    font-weight: 300;
}
.show_infor .col{
	padding: 0;
}
.show_infor i{
	padding-right: 3px;
}
.is-divider {
	display: none;
}
.tuyendung_row1 .box-text p {
    text-transform: inherit;
    color: black;
    font-size: 0.85rem;
    opacity: 1;
    margin-bottom: 0.5rem;
    font-weight: 300;
}
.tuyendung_row1 .box-text .from_the_blog_excerpt {
	display: none;
}
.tuyendung_row1 .box-text a.plain {
    font-size: 1.5rem;
    font-weight: 600;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.widget-area .tuyendung_row1 .box-text a.plain {
	font-size: 19px;
	display: flex;
}
.tuyendung_row1 .box-text a.plain:hover {
    color: var(--fs-color-secondary);
}
.tuyendung_row1 .box-text a.button {
    position: absolute;
    font-size: 0.6rem;
    color: white;
    border-radius: 5px;
    padding: 0px 5px;
    font-weight: 700;
    width: 2.5rem;
	margin-right: 0;
    top: 0;
    right: 0;
}
.tuyendung_row1 .blog.hot a.button:hover {
	border-color: var(--fs-color-secondary)!important;
}
.tuyendung_row1 .blog.new a.button:hover {
	border-color: rgb(38,194,104)!important;
}
.tuyendung_row1 .blog.hot img {
	padding: 1rem;
}
.tuyendung_row1 .blog.hot a.button {
	background: var(--fs-color-secondary);
}
.tuyendung_row1 .blog.new a.button {
	background: rgb(38,194,104);
}
.tuyendung_row1 .box-text {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.tuyendung_row2 a.button {
    color:#000;
}
.tuyendung_row2 .button span {
    font-weight: 600;
    font-size: 1.3rem;
}
.team_row .text1 p {
    font-size: 1.25rem;
    font-weight: 300;
    margin-bottom: 1rem;
	color: black;
}
.team_row .text1 h2 {
    color: #000000;
    font-size: 1.7rem;
    margin-bottom: 35px;
}
.team_row .row1 .img {
    background: white;
    border-radius: 20px;
	box-shadow: 12px 12px 30px 0 rgba(0, 52, 131, .2);
}
.team_row .row1 .img img{
	padding: 1rem;
}
p {
    font-size: 15px;
}
.team_row .row1 .col2{
    padding: 0 10px 0 0;
}
.team_row .row1 .col2 p{
	text-align: justify;
}
.sapo_sec {
    padding: 50px 0px 30px 0px !important;
}
.sapo_row .title p {
    font-size: 1.25rem;
    font-weight: 300;
    margin-bottom: 1rem;
	color: black;
}
.sapo_row .title h2 {
	color: var(--fs-color-secondary);
	font-size: 1.7rem;
}
.sapo_row .row2 {
    color: black;
    opacity: 1;
}
.sapo_row .row2 p{
    color: black;
    opacity: 1;
	text-align: justify;
    margin-bottom: 5px;
}
.sapo_row .row2 .img{
    background: var(--fs-color-secondary);
    border-radius: 2rem;
}
.sapo_row .row2 .img img{
	padding: 1rem;
}
.sapo_row .row2 .col1{
	padding: 1rem;
}
.story_sec .column1 h2 {
    color: #000;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
	margin-bottom: 0;
	font-size: 1.7rem;
}
.story_sec {
    padding-top: 6rem !important;
}
.story_row2 .blog1 img{
	border-radius: 1rem;
}
.story_row2 .blog1 .image-cover{
	border-radius: 1rem;
}
.story_row2 .show_infor {
	display: none;
}
.story_row2 .blog2 img{
	border-radius: 1rem;
}
.story_row2 .blog2 .col-inner{
	border-radius: 1rem;
    box-shadow: none;
}
.story_row2 .blog2 .box-blog-post {
	border-radius: 1rem;
}
.story_row2 .blog2 .box-text {
	align-content: center;
    padding-bottom: 0;
	padding-top: 0;
}
.story_row2 .blog1 .box-text {
    padding-top: 1rem;
    padding-bottom: 0;
}
.story_row2 .blog2 .box-vertical {
	background: var(--fs-color-secondary) !important;
}
@keyframes zoom {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}
.story_row2 .blog2 .box-vertical .box-text a.plain {
    color: white;
    animation: zoom 3s infinite;
	font-size: 1.2rem;
}
.story_row3 .col-inner.text-center {
    margin: 0 auto;
    padding: 35px 95px 35px;
    border-top-left-radius: 100px;
    border-bottom-right-radius: 100px;
}
.story_row3 .column3 p {
    font-size: 1.25rem;
    font-weight: 300;
    margin-bottom: 5px;
}
.footer_row1 .col {
	padding-bottom: 0;
}
.story_row3 .column3 .button span {
    font-weight: 600;
    font-size: 1.3rem;
    color: white;
}
span.wpcf7-form-control-wrap.dynamicname input {
    background: transparent;
    box-shadow: none;
    border: 0;
    padding: 0;
    height: auto;
    margin-bottom: 5px;
    color: #000;
	user-select: none;         
    -webkit-user-select: none; 
    -moz-user-select: none;   
    -ms-user-select: none;
}
.story_row3 .column3{
	height: 0;
	margin-bottom: 3rem;
}
.scroll-to-bullets {
    display: none;
}
.footer_sec h3 {
    font-size: 1.2rem;
    color: white;
}
.footer_sec p {
    color: white;
    font-size: 0.85rem;
    margin-bottom: 0rem;
}
.footer_sec a {
    color: var(--fs-color-secondary);
}
.footer_sec a:hover {
    color: white;
}
.absolute-footer {
    display: none;
}
.bottom_footer .footer_row2 .col{
	padding: 0;
}
.bottom_footer {
	padding-bottom: 0!important;
	padding-top: 15px!important;
	border-top: 0.5px solid #808080;
}
.bottom_footer .img .img-inner {
    bottom: 0.5rem;
}
.wpcf7 {
    color: white;
    position: relative;
    border: 1px solid var(--fs-color-secondary);
    padding: 1rem;
    background: var(--fs-color-secondary);
    border-radius: 1rem;
}
.wpcf7 h3 {
    color: white;
    text-align: center;
    font-size: 1.5rem;
	pointer-events: none;
}
.wpcf7 label {
    color: black;
    font-size: 1rem;
}
.wpcf7 p {
    width: 100%;
}
.form-row_lien_he {
    display: flex;
    gap: 1rem;
}
.wpcf7 .wpcf7-not-valid-tip {
    background-color: black;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    font-size: 1rem;
    color: #fff;
    font-weight: 700;
    border-radius: 100px;
    border: initial;
    cursor: pointer;
    outline: 0;
    position: relative;
    outline: 0;
    -webkit-user-select: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    white-space: nowrap;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 1;
    overflow: hidden;
    padding: 6px 40px;
    margin: 0;
}
.blog-single .large-9.col {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
 .blog-single .large-3 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
.wpcf7-spinner {
    display: none;
}
.wpcf7 .btn {
	text-align: center;
}
#comments .comment-respond {
    border-radius: 1rem;
}
#comments .comment-respond a{
   	color: var(--fs-color-secondary);
	font-weight: 500;
}
#comments .comment-respond p.form-submit {
    text-align: center;
}
#comments .comment-respond input {
    border-radius: 99px;
}
.post-sidebar {
    padding: 0 !important;
}
.post-sidebar .tuyendung_row1 .box-text p {
    font-size:0.85rem;
}
.post-sidebar .col_date {
	display: none;
}
.post-sidebar .tuyendung_row1 .col.post-item .col-inner {
    padding: 0 0 0 15px;
    font-size: 0.85rem;
}
.post-sidebar .tuyendung_row1 .box-text a.button {
    right: 10px;
}
.post-sidebar i.fas.fa-dollar-sign {
    font-size: unset;
}
.blog_dulich .box-text.text-left {
    padding-bottom: 0.5rem;
}
.post-sidebar h4 {
    color: #000;
    padding: 5px;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}
.cv_lien_quan .column {
	padding: 0 15px;
}
.cv_lien_quan .column .button {
    width: 100%;
}
.cv_lien_quan .column .button span {
    font-size: 1.5rem;
}
.widget-area {
    position: sticky;
    top: 10px;
}
.entry-header-text-top {
    padding-bottom: 0;
}
.entry-header-text-top h1 {
	margin-bottom: 0;
	color: #000;
}
.blog_dulich .show_infor {
	display: none;
}
.blog_dulich a.plain {
    font-size: 16px;
    font-weight: 600;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: black;
}
.blog_dulich a.plain:hover {
    color: var(--fs-color-secondary);
}
.blog_dulich .image-cover {
    border-top-left-radius: 35px;
    border-bottom-right-radius: 35px;
}
.blog_dulich .post-meta {
    color: black;
    font-size: 14px;
}
.team_row .text_row .col {
	padding-bottom: 0;
}
#comments .comment-respond {
    display: none;
}

	.sapo_row .column2 .col2 {
		padding-bottom: 0;
	}
	.sapo_row .column2 .col1 {
		padding-bottom: 0.5rem;
	}
	.sapo_row .column2 h3 {
		margin-bottom: 0;
	}
input.wpcf7-form-control {
    border-radius: 5px;
    height: auto;
    box-shadow: none;
}
.cv label {
    border: 2px solid #fff;
    padding: 10px 10px 0px 10px;
    margin-bottom: 10px;
    margin-top: 5px;
    display: flex;
    gap: 0.5rem;
    background-color: #fff;
    font-size: 15px;
    border-radius: 8px;
    height: auto;
}
	form.wpcf7-form.init {
		margin-bottom: 0;
	}
	.entry-content {
		padding-bottom: 0;
	}
	.entry-content p {
		color: black;
	}
.nav>li {
    margin: 0 30px;
}
@media screen and (max-width: 1024px) {
	.team_sec1 .team_row1 {
		display: flex;
		flex-direction: column-reverse;
	}
	.tuyendung_sec {
		padding-bottom: 0 !important;
	}
	.sapo_row .row2 .col1{
		padding: 0;
	}
	.team_row .column1 .col-inner {
		padding-left: 1vw !important;
	}
	.blog_dulich .box-text.text-left {
		padding-bottom: 0rem;
	}
	.team_row .row1 .col2 {
		padding: 0;
	}
	.tuyendung_row1 .blog.hot img {
		padding: 0.5rem;
	}
	.cv_lien_quan .column .button {
		font-size: 1.5rem;
		padding: 0px 1rem;
	}
    .banner_sec h1:after {
        left: 50%;
        transform: translateX(-50%);
    }
	.banner_sec .column1 p {
		font-size: 1rem;
		margin-bottom: 2.5rem;
		color: var(--fs-color-primary);
	}
	.infor_row1 .column1 {
		padding: 0 15px;
	}
	.infor_row1 .column2 {
		padding: 0 15px;
	}
	.infor_row2 {
		height: 0rem;
	}
	.tuyendung_row1 .col.post-item .col-inner {
		font-size: 0.5rem!important;
	}
	.video-button-wrapper {
		bottom: 6rem;
		left: 12rem;
	}
	.infor_row2 .column1 .row2 .num {
		line-height: 2rem;
	}
	.team_row .row1 .img {
		width: 75% !important;
	}
	.team_row .row1 .img img {
		padding: 1.5rem;
	}
	.team_row .column2 {
		display: flex;
		align-items: center;
        max-width: 100%;
	}
	.team_row .column2 .col-inner {
		width: 110%;
		margin: 0!important;
	}
	.team_sec .slider img {
		border-radius: 0;
	}
	.story_sec {
		padding-top: 2rem !important;
	}
/* 	.team_row .flickity-enabled.is-draggable .flickity-viewport {
		height: 38rem !important;
	} */
	.banner_sec .column1 .btn {
		margin-bottom: 0;
	}
	.team_row .text1 h2 {
		width: auto;
		font-size: 1.5rem;
	}
	.team_row .column1 {
		max-width: 100%;
	}
	.team_row {
		display: flex;
		flex-direction: column;
	}
}
@media screen and (max-width: 768px) {
	.team_sec1 .team_row1 {
		display: flex;
		flex-direction: column-reverse;
	}
	.blog-single .large-3 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.blog-single .large-9.col {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		padding-bottom: 0;
	}
	.infor_row2 .column1 > .col-inner {
		height: 9rem;
	}
	.tuyendung_sec {
		padding-bottom: 0px !important;
		padding-top: 110px !important;
	}
	.sapo_row .row2 .col1{
        padding: 0 1rem 0 1.5rem;
	}
    .tuyendung_row1 .col.post-item .col-inner {
        font-size: .8rem !important;
    }
    .banner_sec .column1 p {
        text-align: center;
    }
	.blog_dulich .post-meta {
		font-size: 1.2rem;
	}
	.blog_dulich a.plain {
		font-size: 1.5rem;
	}
	.story_sec {
		padding-top: 2rem !important;
	}
	.sapo_sec {
		padding: 30px 0 0px !important;
	}
	.sapo_row {
		flex-direction: column-reverse;
	}
	.banner_sec .column1 .btn {
		margin-bottom: 0;
	}
    .banner_sec h1:after  {
        left: 50%;
        transform: translateX(-50%);
    }
    .video-button-wrapper {
        bottom: 11rem;
        left: 19rem;
    }
	.infor_row1 h2 {
		margin-bottom: 1rem;
		text-align: center;
		margin-top: 1.5rem;
		font-size: 28px;
	}
	.infor_row2 .column1 .row2 .num {
		font-size: 2rem;
	}
	.infor_row2 .column1 .col-inner {
		padding-left: 0rem;
		padding-right: 0rem;
		line-height: 1rem;
	    padding-top: 0.5rem;
	}
    .infor_row2 {
        height: 3rem;
    }
	.team_row .row1 .col2 {
		padding: 0 1rem;
	}
	.post-sidebar {
		padding: 0 15px !important;
	}
	.story_row2 .column2 {
		padding-bottom: 0;
	}
	.tuyendung_row1 .box-text a.plain {
		font-size: 1.2rem;
	}
    .team_row .row1 .img img {
        padding: 1.2rem;
    }
    .team_row .row1 .img {
        width: 90% !important;
    }
	.infor_row1 {
		display: flex;
		flex-direction: column-reverse;
	}
}
@media screen and (max-width: 549px) {
	.infor_sec {
		padding-top: 0 !important;
	}
	.banner_sec .column1 p {
        text-align: center;
        font-size: .9rem;
    }
	.cv label {
		display: inline-block;
	}
	.banner_sec {
		padding-top: 0px !important;
		padding-bottom: 0 !important;
	}
	.tuyendung_sec .title h2 {
		font-size: 1.73rem;
	}
	.banner_sec .column1 .button span {
    line-height: 50px;
}
	.story_sec {
        padding-top: 2rem !important;
    }
	.tuyendung_sec {
    padding-bottom: 0px !important;
		padding-top: 1rem !important;
}
	.widget-area .tuyendung_row1 .col.post-item .col_local {
		padding-left: 0;
	}
	.tuyendung_row1 .column1 {
		padding-bottom: 0;
	}
	.story_row2 .column2 {
		padding-bottom: 0;
	}
	.banner_sec .column1 .btn {
		margin-bottom: 0;
	}
	.banner_sec h1 {
		text-align: center;
		font-size: 1.8rem;
	}
    .video-button-wrapper {
        bottom: 4rem;
        left: 10rem;
    }
	.video-button-wrapper .button.icon.circle {
		font-size: 2rem;
	}
    .infor_row2 {
        height: 12rem;
    }
    .infor_row2 .column1 .col-inner {
        /* background: url(https://tuyendung.theme.trueads.vn/wp-content/uploads/2024/07/bg-environment-e1720676925488.png); */
        padding-bottom: 1rem;
        background-size: cover;
        height: auto;
    }
	.tuyendung_row1 .blog .box-vertical {
		display: flex;
	}
	.tuyendung_row1 .box-text {
		width: 70%;
	}
    .tuyendung_row1 .blog .box-image {
        width: 30% !important;
        margin: 10px;
        align-content: center;
    }
	.sapo_row .row2 .col1 {
        padding: 0 1rem 0 1.5rem;
	}
	.sapo_row .column2 {
		padding-bottom: 0;
	}
	.story_row2 .blog2 .box-vertical {
		display: flex;
	}
	.story_row3 .col-inner.text-center {
		padding: 2rem;
	}
	.footer_row2 p {
		font-size: 0.7rem;
	}
	.job-info-item {
		flex: 0 0 100%;
	}
	.tuyendung_row1 .col.post-item .col_price {
		padding-left: 10px;
	}
	.tuyendung_row1 .col.post-item .col_date {
		padding-left: 10px;
	}
	.post-sidebar .tuyendung_row1 .col.post-item .col_price .col-inner {
		padding: 0 0 0 5px;
	}
	    .team_row .row1 .col2 {
        padding-left: 0;
    }
	.infor_row1 {
		display: flex;
		flex-direction: column-reverse;
	}
	.tuyendung_row1 .box-text a.plain {
		font-size: 1.5rem;
		font-weight: 600;
		color: #000;
		display: flex;
	}
}