/*
Theme Name: flatsome-child
Description: Day la child theme flatsome
Author: Nhan
Template: flatsome
Version: 3.19.9.6
*/
blockquote,
dl,
figure,
form,
ol,
p,
pre,
ul {
	margin-bottom: 0.6em;
}

.uppercase,
h6,
span.widget-title,
th {
	letter-spacing: 0;
}

/* header */
#logo img {
	max-height: 84px !important;
}

#logo {
	width: 350px !important;
	margin-top: 30px;
}

.header-bottom::after {
	display: block;
	content: "";
	position: absolute;
	background-color: #2886a0;
	height: 100%;
	width: 53.7%;
	right: 0;
	bottom: 0;
	z-index: -1;
}

.header-bottom::before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	right: 52%;
	width: 100px;
	height: 0;
	border-top: 56px solid #fff;
	border-right: 27px solid transparent;
}

.header {
	border-bottom: 10px solid #2886a0;
}

.header-top a {
	color: #000;
	padding: 0 5px;
	font-size: 19px;
}

.header-bottom .nav-right li {
	padding: 15px 14px 5px 14px;
	position: relative;
}

.header-bottom .nav-right li a {
	font-weight: 700;
	font-size: 14px;
}

.header-bottom .nav-right li:not(:first-child)::before {
	position: absolute;
	content: "";
	display: block;
	height: 83px;
	width: 0.5px;
	background-color: #fff;
	left: -14px;
	bottom: -13px;
	transform: rotate(25deg);
}

.header-top {
	padding: 7px 0;
}

.header-top input {
	font-size: 0.75rem;
	line-height: 1rem;
	font-style: italic;
}

/*  */

.boxAfterBanner {
	padding: 0 30px;
	margin-top: -210px;
}

.boxAfterBanner .col .col-inner {
	border-radius: 0 16px 16px 0;
}

.boxAfterBanner .col:first-child .col-inner {
	border-radius: 16px 0 0 16px;
}

.boxAfterBanner h3 {
	color: rgb(255 235 120);
	font-size: 3.75rem;
	line-height: 1;
}

.boxAfterBanner p {
	color: rgb(255 255 255);
	font-size: 1rem;
	line-height: 1.5rem;
}

.boxAfterBanner .col:hover .col-inner {
	background-color: #f5f7f7 !important;
}

.boxAfterBanner .col:hover h3 {
	color: var(--primary-color);
}

.boxAfterBanner .col:hover p {
	color: #000;
}


/* tabTamNhin */
.tabTamNhin .tab {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	max-width: 263px;
	background-color: #116a82;
	height: 54px;
	line-height: 54px;
	position: relative;
	border-radius: 0 25px 25px 0;
	border: 1px solid #ff0;
	cursor: pointer;
}

.tabTamNhin .tab::after {
	content: "";
	background: url(./images/arrow-tam-nhin.png);
	left: 0;
	position: absolute;
	top: 0;
	width: 13%;
	height: 100%;
	background-repeat: no-repeat;
}

.tabTamNhin .nav.nav-vertical {
	justify-content: space-between;
	margin-top: 40px;
}

.tabTamNhin .nav-vertical > li > a {
	padding: 0;
	justify-content: center;
	color: #fff;
	font-size: 20px;
}

.tabTamNhin .nav-vertical > li.active > a,
.tabTamNhin .nav-vertical > li:hover > a {
	color: #ff0;
}

.tabTamNhin .tab-panels {
	padding: 0;
	margin-left: 60px;
	border: none;
}

.tabTamNhin .tab-panels .panel .col-inner {
	border-radius: 0 0 16px 16px;
}

.tabTamNhin .nav-vertical.nav-line > li > a:before {
	display: none;
}
.tabTamNhin {
	display: flex;
	align-items: flex-start;
}

.tabTamNhin .nav-vertical {
	flex-shrink: 0;
	width: 263px; /* cố định theo max-width bạn đang dùng */
}

.tabTamNhin .tab-panels {
	flex: 1;
	margin-left: 40px; /* bạn đang dùng 60px, có thể giữ nguyên nếu muốn */
}

/*  */
.icbox-special {
	background: #2886a0;
	color: #fff;
	padding-top: 10px;
}

.icbox-special .icon-box-img {
	margin: 0 auto 0.7em;
}

.icbox-df {
	background-color: #fff;
	padding: 40px 35px;
	border: 1px solid #e5e7eb;
	overflow: hidden;
}

.icbox-df:hover {
	    border: 1px solid #2886a0;
}

.stackIcBoxHome .icon-box {
	width: 355px;
}

.icbox-df h3 {
	position: relative;
	margin-bottom: 20px;
}

.icbox-df h3::before {
	display: block;
	position: absolute;
	content: "";
	top: -50px;
	left: 50%;
	transform: translateX(-50%);
	max-width: 166px;
	width: 100%;
	height: 22px;
	background-color: #2886a0;
	border-radius: 12px;
}

/* Linh vuc hoat dong */

.lvhd .box-text {
	background-color: #2886a0;
	padding-top: 1.4em;
	color: #fff;
	position: relative;
}
.lvhd .box-text::before {
	content: "";
	background: url(./images/arrow-tam-nhin.png);
	left: 0;
	position: absolute;
	width: 12%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	top: 0;
}

.lvhd .box-text::after {
	content: "";
	background: url(./images/arrow-tam-nhin.png);
	right: 0;
	position: absolute;
	width: 12%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	top: 0;
	transform: rotate(180deg);
}

.colTheManh {
	position: relative;
}

.logoTheManh {
	position: absolute;
	width: 18% !important;
	top: 30%;
	left: 41%;
}

.title-tuyenDung p{
    background-color: #2886a0;
    color: #fff;
    position: relative;
    width: 69%;
    margin: 0 auto;
    margin-bottom: 2rem;
    padding: 15px;
}

.title-tuyenDung p::before {
    content: "";
    background: url(./images/arrow-tam-nhin.png);
    left: 0;
    position: absolute;
    width: 12%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
}

.title-tuyenDung p::after {
    content: "";
    background: url(./images/arrow-tam-nhin.png);
    right: 0;
    position: absolute;
    width: 12%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
    transform: rotate(180deg);
}

/* footer */

.footer-wrapper .iconBoxContact .icon-box-text {
	position: relative;
	padding-left: 1.5em !important;
}

.footer-wrapper .iconBoxContact .icon-box-text::after {
	content: "";
	position: absolute;
	display: block;
	height: 75%;
	width: 1px;
	top: 50%;
	transform: translateY(-50%);
	left: 12px;
	background-color: #2c2c2c;
}

.footer-wrapper .icon-box {
	align-items: center;
}

.absolute-footer {
	display: none;
}

.dknt p {
	display: flex;
}
.wpcf7 form .wpcf7-response-output {
	margin: 0em 0em 1em;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2;
	font-size: 15px;
}

.dknt .wpcf7-spinner {
	display: none;
}

.dknt .wpcf7-submit {
	text-transform: none;
}

/* breadcrumd */

.px-1 {
	padding-left: 0.25rem;
	padding-right: 0.25rem;
}

.breadcrumb-custom {
	font-size: 0.9rem;
}

/* title page */
.custom-section-title-page {
	display: flex;
	justify-content: space-between;
	margin: 40px 0;
	border-bottom: 3px solid #2886a0;
}

.section-title-page {
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
	margin: 0;
	color: #000;
}

.icon-container {
	background-color: #2886a0;
	padding: 12px;
}

.icon-container img {
	display: block;
}

/* form */
.form-d-flex {
	display: flex;
	gap: 15px;
}

.custom-contact-form .input-group,
.custom-contact-form .textarea-group {
	position: relative;
}

.custom-contact-form i {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	background: #dfdfdf;
	padding: 11.5px 10px;
	color: #2886a0;
}

.custom-contact-form .textarea-group i {
	height: 94px;
}

.custom-contact-form input,
.custom-contact-form textarea {
	padding-left: 45px;
}

.custom-contact-form textarea {
	min-height: 94px;
}

.custom-contact-form .wpcf7-submit {
	width: 100%;
	background-color: #f39f86;
	background-image: linear-gradient(315deg, #f39f86 0%, #f9d976 74%);
	color: #000 !important;
	padding-left: 0;
	font-weight: 700;
}

.custom-contact-form .wpcf7-not-valid-tip {
	font-size: 14px;
}

.custom-contact-form .wpcf7-spinner {
	display: none;
}

.box .is-divider,
.entry-divider {
	display: none;
}

#comments {
	display: none;
}

.rowUngTuyen .col {
	border: 6px solid rgb(236 208 82);
	border-radius: 1.5rem;
	padding: 30px;
}

.hide-medium {
	display: none;
}

/* formTuyenDungHome */

.formTuyenDungHome .form-d-flex {
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 69%;
}

.formTuyenDungHome .wpcf7-response-output {
	width: 70%;
	margin: 0 auto !important;
}

.w-md-70 {
	width: 69%;
	margin: 0 auto;
}

.nav-top-link[href*="/tuyen-dung/"] {
	color: rgb(255 235 120) !important;
    font-size: 1rem !important;
}

.footerLeft .icon-box-left .icon-box-img+.icon-box-text {
    padding-left: 0.1em;
}

.footerLeft .icon-box-img {
	width: 15px !important;
}

.note-form {
    text-align: left;
    width: 69%;
    margin: 0 auto;
    margin-bottom: 20px;
    padding-left: 30px;
	margin-top: -10px;
}

a.button.secondary.is-outline.lowercase.hide-for-small {
    color: rgb(40, 134, 160);
}
a.button.secondary.is-outline.lowercase.hide-for-small:hover {
    background-color: rgb(40, 134, 160);
	color: #fff;
	border-color: rgb(40, 134, 160);
}
.has-hover:hover .tag-label {
    background-color: rgba(27, 127, 204, .8);
    opacity: 1;
}
button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    background-color: #2886a0;
}
.lienhe .icon-box-img {
    width: 40px !important;
    height: 40px !important;
    border: 2px solid #2886a0;
    border-radius: 50%;
}
.lienhe .icon-box-img img, .icon-box-img svg {
     width: 50%;
	margin: 6.5px 8px 9px 9px;
}
.company .slider .flickity-prev-next-button:hover .arrow, .slider .flickity-prev-next-button:hover svg {
    fill: #2886a0!important;
}
/* Hiển thị luôn nút Prev/Next của slider Flickity */
.company .row-slider.slider-nav-outside .flickity-prev-next-button {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
}


@media (max-width: 767.98px) {

	.note-form {
		text-align: left;
		width: 100%;
		margin: 0 auto;
		margin-bottom: 20px;
		padding-left: 0;
		margin-top: -10px;
	}
	
	.title-tuyenDung p{
		width: 100%;
		padding: 7px 57px;
	}
	.formTuyenDungHome .form-d-flex {
		width: 100% !important;
	}
	.w-md-70 {
		width: 100%;
		margin: 0 auto;
	}

	.formTuyenDungHome .custom-contact-form textarea {
		width: 100%;
	}

	.formTuyenDungHome .custom-contact-form i {
		padding: 12px 7px;
	}

	.formTuyenDungHome .wpcf7-submit {
		height: 36px;
		line-height: 23px;
		font-size: 13px;
	}

	.formTuyenDungHome .wpcf7-response-output {
		width: 100%;
	}

	.custom-section-title-page {
		margin: 20px 0;
		border: none;
	}

	.section-title-page {
		font-size: 1.125rem;
		padding-left: 1rem;
		position: relative;
		line-height: 1.75rem;
	}

	.icon-container {
		display: none;
	}

	.section-title-page::after {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		height: 100%;
		width: 8px;
		background-color: #2886a0;
	}

	.custom-contact-form input,
	.custom-contact-form textarea {
		padding-left: 37px;
	}

	.custom-contact-form i {
		padding: 14.5px 10px;
	}

	.custom-contact-form .wpcf7-submit {
		padding: 6px;
	}

	.rowUngTuyen {
		margin: 10px !important;
	}

	.rowUngTuyen .col {
		border: 3px solid rgb(236 208 82);
		border-radius: 1.5rem;
		padding: 20px;
	}

	.rowUngTuyen .form-d-flex {
		flex-direction: column;
		gap: 0;
	}

	.rowUngTuyen .custom-contact-form i {
		padding: 11.5px 10px;
	}

	.rowUngTuyen .custom-contact-form input,
	.rowUngTuyen .custom-contact-form textarea {
		padding-left: 45px;
	}

	.rowUngTuyen .wpcf7-submit {
		padding-left: 0 !important;
	}

	.rowUngTuyen .textarea-group {
		order: 1;
	}

	.hide-medium {
		display: block;
	}

	.hide-small {
		display: none;
	}

	.header-bottom::after,
	.header-bottom::before {
		content: none;
	}

	.header {
		border: none;
	}

	.header-bottom {
		background-color: #2886a0 !important;
	}

	.header-bottom ul {
		flex-flow: row;
	}

	#logo {
		margin-top: 0;
	}

	#logo img {
		max-height: 45px !important;
	}

	.header-bottom .search-field {
		border-radius: 6px;
	}

	.boxAfterBanner h3 {
		font-size: 1.75rem;
		line-height: 1;
		margin-bottom: 0.5rem;
	}
	.boxAfterBanner p {
		font-size: 0.7rem;
	}

	.boxAfterBanner {
		margin-top: -50px;
	}

	.boxAfterBanner .col .col-inner {
		border-radius: 6px !important;
	}

	.boxAfterBanner .col:first-child .col-inner {
		margin-bottom: 10px;
	}

	.boxAfterBanner {
		padding: 0 15px;
	}

	.line-center .is-divider {
		margin: 1rem auto;
	}

	.tabTamNhin .nav.nav-vertical {
		flex-flow: row;
	}

	.tabTamNhin .nav-vertical > li > a {
		font-size: 0.75rem;
		font-weight: 700;
		margin-left: 10px;
	}

	.tabTamNhin .tab {
		height: 43px;
		line-height: 43px;
		border-radius: 0;
		border-top-right-radius: 20px;
		border: 1px solid #fff !important;
		z-index: 2;
	}

	.tabTamNhin .tab:not(:first-child)::after {
		content: none;
	}

	.tabTamNhin .tab.active {
		border: 1px solid #ff0 !important;
	}
	.tabTamNhin .tab:not(:first-child) {
		margin-left: -20px;
		z-index: 1;
	}

	.tabTamNhin .tab:last-child {
		z-index: 0;
	}

	.tabTamNhin .tab::after {
		width: 23%;
		height: 100%;
		background-repeat: no-repeat;
		background-size: contain;
	}

	.tabTamNhin .tab-panels {
		margin-left: 0;
	}

	.bg-camket-mb .icon-box {
		align-items: center;
		background: #fff;
		padding: 5px;
		border-radius: 6px;
		margin-bottom: 10px;
	}

	.bg-camket-mb .icon-box-text {
		padding-left: 0.5em !important;
	}

	.logoTheManh {
		position: absolute;
		width: 17% !important;
		top: 30%;
		left: 41.5%;
	}
}