.img-welfare img{border-radius: var(--border-radius);object-fit: cover; width: 100%; height: 400px;}
.des-job,.box-welfare{ background: #F6F6F6; padding: 45px 60px 30px; border-radius: 10px; float: right; margin-top: -15%; margin-bottom:50px; }

.box-welfare .title-gradient{display: inline; line-height: 30px; display: inline-block; line-height: 34px; font-size: var(--fz-22); margin-bottom: 20px;}

.main-welfare .w-welfare{position: relative;}
.main-welfare .w-welfare:nth-child(2n+2) .img-welfare{float: right; padding-right: 0px;}
.main-welfare .w-welfare:nth-child(2n+2) .box-welfare{float: left; }

.fadeinupBy:nth-child(1) {-webkit-animation-delay: 0.30s; -moz-animation-delay: 0.30s; -o-animation-delay: 0.30s; animation-delay: 0.30s;}
.fadeinupBy:nth-child(2) {-webkit-animation-delay: 0.60s; -moz-animation-delay: 0.60s; -o-animation-delay: 0.60s; animation-delay: 0.60s;}
.fadeinupBy:nth-child(3) {-webkit-animation-delay: 0.90s; -moz-animation-delay: 0.90s; -o-animation-delay: 0.90s; animation-delay: 0.90s;}
.fadeinupBy:nth-child(4) {-webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; -o-animation-delay: 1.2s; animation-delay: 1.2s;}

.header-vit{background: linear-gradient(90deg, #0099DA 3.14%, #005CA1 100%);}

	#tintuyendung{padding: 60px 0px;}
		.vitritd {width:100%; margin-top: 20px ;}
		.header-vit ul,.toogle-tuyendung ul{padding-left: 0px;margin-bottom: 0px;    width: 100%;}
		.header-vit li, .toogle-tuyendung .card-header li {
		    text-align: center;    font-weight: 700;
		    color: var(--colorFFF); text-transform: uppercase;
		    font-size: var(--fz-19); padding: 11px 15px;
		}
		.toogle-tuyendung{ border: 1px solid #D9D9D9; border-top:0px; }

		.header-vit ul,.heading-card ul{display: grid; grid-template-columns:10% 46% 12% 16% 16%;    align-items: center;}
		.apply-cv .view-cv{
			padding: 7px 20px 9px 20px; line-height: 23px; position: relative; transition: var(--d-transition); 
			background: var(--colorD93); color: var(--colorFFF); font-size: 16px; font-weight: 700; 
			display: inline-block; border-radius: 7px;
		}
			


		.heading-card .vtri-td,.header-vit .vtri-td{text-align: left !important; padding-left: 20px !important;}
		.toogle-tuyendung .card li {transition: var(--d-transition); padding:0px 15px; color: var(--color55);font-weight: 700;font-size: var(--fz-17);}	
		.toogle-tuyendung .card  .vtri-td,.toogle-tuyendung .card .st-td{color: var(--color199);}
		.heading-card .vtri-td{text-transform: uppercase;}
		
		.toogle-tuyendung  .card{border:0px; border-bottom: 1px solid #D9D9D9; border-radius: 0px; background: transparent;		}
		.toogle-tuyendung  .card:hover{background: #fff;}
			.toogle-tuyendung .btn-link{width: 100%;    text-decoration: none;padding-left: 0px; padding-right: 0px;}
		.toogle-tuyendung .card:last-child{border-bottom: 0px;}	

		.toogle-tuyendung  .card-body h2,.toogle-tuyendung .card-body h3,.toogle-tuyendung .card-body h4,.toogle-tuyendung .card-body h5,.toogle-tuyendung .card-body h6		
		{font-weight: 700; color: #F1BC21; font-size: var(--fz-17); margin-bottom: 15px;}
		.toogle-tuyendung .card-body{padding-left: 11.7%;}
		.d-job p{margin-bottom: 15px;}
		.heading-card .active .view-cv,.heading-card a.btn:not(.collapsed) .view-cv{opacity: 0;pointer-events: none;}
		.heading-card .collapsed .active .view-cv{opacity: 1}

.main-cv-information{display: flex;    align-items: center;}
.img-cv-inf img{border-radius: var(--border-radius);}
.box-cv-information h2{font-size: var(--fz-20);line-height: 29px; font-weight: 700; text-transform: uppercase; color: transparent !important; -webkit-background-clip: text; background-clip: text; background-image: linear-gradient(105.28deg, #FFCD1E -14.57%, #C98A10 65.35%);}
.box-cv-information ul{padding-left: 0px;}
.box-cv-information li{position: relative; padding-left: 30px; margin-bottom: 10px;}
.box-cv-information li:before{
	content: ''; position: absolute; left: 0px; top: 2px;
	background: url(../images/ico-check-list.svg) center center no-repeat;
	width: 22px; height: 22px; background-size: contain;
}
.box-cv-information a{color:#0097DB;}



.s-form-apply {position: relative; margin-bottom: 40px;}
.s-form-apply .title_sub { color: var(--color32);    margin-bottom: 20px;}
	.s-form-apply .title_sub:after {background-image: url(../images/line-bt-c8.svg); background-position: left center;   width: 75%;    background-size: cover;}

.apply-form{display: -webkit-box; display: -ms-flexbox; display: flex ; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0px; padding-right: 0px; margin-left: -15px; margin-right: -15px;}
	.s-form-apply .add-pro {padding-top: 45px; padding-left: 30px; background: #F6F6F6; border: 1px solid #D9D9D9; border-radius: 4px;}
	.apply-form .form-pro h3 { font-family: 'Play'; font-weight: bold; font-size: 27px; margin-bottom: 25px; text-transform: uppercase; color: var(--color32);}
	.add-pro ul{padding-left: 0px;}
	.add-pro li{margin-bottom: 15px; position: relative; padding-left: 30px;color:var(--color55)}
	.add-pro .hotline-f a{font-family: 'Play'; font-weight: bold; color:var(--color55) !important}
	.add-pro li:before { content: ''; left: 0px; top: 12px; position: absolute; transform: translateY(-50%); }
	.add-pro .address:before { background: url(../images/ico-address-2.svg) left center no-repeat; background-size: contain; width: 19px; height: 22px; }
	.add-pro .hotline-f:before { background: url(../images/ico-tel-2.svg) left center no-repeat; background-size: contain; width: 20px; height: 20px; }
	.add-pro .email-f:before { background: url(../images/ico-email-f-2.svg) left center no-repeat; background-size: contain; width: 20px; height: 16px; }
	.add-pro .website-f:before { background: url(../images/ico-website-2.svg) left center no-repeat; background-size: contain; width: 20px; height: 20px; }

.s-form-apply .submit{ background: var(--colorD93); transition: var(--d-transition);    position: relative; border-radius: 7px; color: #fff; font-weight: 700; font-size: var(--fz-18); padding:8px 25px 8px 25px;margin-top: 15px;} 
	.s-form-apply .submit:after {content: ''; opacity: 0; position: absolute; width: 25px; height: 12px; top: 15px;background: url(../images/ico-more-w.svg) left top no-repeat; background-size: 25px; transition: var(--d-transition); right:20px;} 
	.s-form-apply .submit:hover:after {opacity: 1; animation-name: movelr; animation-duration: 1s; animation-timing-function: cubic-bezier(.15,.41,.69,.94); animation-iteration-count: infinite; }
.s-form-apply .submit:hover{background-color: var(--colorA10); padding-right: 60px;}

.form-apply{display: -webkit-box; display: -ms-flexbox; display: flex ; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.form-cv .form-apply textarea{height: 92px; }

button, input, optgroup, select, textarea {outline: none !important}

.s-form-apply:before{content: ''; position: absolute; bottom: -16px; height: 15px; width: 100%; background-color: var(--color32);}
.s-form-apply .btn-cv {  color: #969696; width: 100%; text-align: left; border: 1px solid #ced4da; padding: .375rem .75rem; background: url(../images/icon-file.svg) 97% center no-repeat; background-size: 22px; outline: none !important;}

.s-form-apply select,.apply-form .form-control,.apply-form  .btn-cv{font-size: var(--fz-16);border-radius: 4px;height: 38px; color: var(--color55); border-color: #D9D9D9; width: 100%;padding: 5px 10px 6px;}
.s-form-apply .apply-form{margin: 0px;}
.s-form-apply .form-cv{padding-right: 25px;}

select option, select:focus{color: #555555;}
@media screen and (min-width:1200px){
.apply-cv .view-cv:after{content: ''; opacity: 0; position: absolute; width: 16px; height: 12px; top: 14px; background: url(../images/ico-more.svg) left top no-repeat; background-size: contain; transition: var(--d-transition); right: 15px;}
	.apply-cv .view-cv:hover:after { animation-name: movelr; animation-duration: 1s; animation-timing-function: cubic-bezier(.15,.41,.69,.94); animation-iteration-count: infinite; }	
	.apply-cv .view-cv:hover{background: var(--colorA10); border-color: transparent; padding: 7px 45px 9px 20px !important;}
.heading-card a:hover li{color: transparent !important; -webkit-background-clip: text;background-clip: text;
    background-image: linear-gradient(105.28deg, #FFCD1E -14.57%, #C98A10 65.35%);}
}
@media screen and (min-width:1440px){
	.img-welfare img {height: 420px; }
	.s-form-apply .form-group{margin-bottom:20px }
	.apply-form .form-cv{ padding-right: 35px; }
	.s-form-apply select, .apply-form .form-control, .apply-form .btn-cv {height: 40px;}
	.form-cv .form-apply textarea { height: 100px; }
	.box-cv-information h2{margin-bottom: 20px;}
}	
@media screen and (min-width:1600px){
	.img-welfare img {height: 460px; }
	.s-form-apply .add-pro { padding-top: 55px; padding-left: 40px;padding-right: 40px; }
}	
@media screen and (min-width:1680px){
	.header-vit li, .toogle-tuyendung .card-header li{font-size: var(--fz-20);}
	.header-vit li{padding: 15px 15px 12px;}
	.s-form-apply select,.apply-form .form-control,.apply-form  .btn-cv{font-size: var(--fz-18);}

}
@media screen and (min-width:1900px){
	.img-welfare img {height: 550px; }
	.header-vit li, .toogle-tuyendung .card-header li { font-size: var(--fz-25); }
	.toogle-tuyendung .card li{font-size: var(--fz-18);}
	.s-form-apply .form-group { margin-bottom: 25px; }
}
@media screen and (min-width:992px) and (max-width:1199px)
{
	.header-vit ul, .heading-card ul {grid-template-columns: 7% 46% 13% 18% 16%;}
	.header-vit li, .toogle-tuyendung .card-header li{font-size: var(--fz-18);}
	.s-form-apply .form-cv{-webkit-box-flex: 0; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55% ; }
	.s-form-apply .add-pro {-webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45% ; }
}

@media screen and (min-width:768px) and (max-width:979px){
	.img-welfare img {height: 330px; }
	.box-welfare { background: #F6F6F6; padding: 35px 40px 20px;}
	.s-welfare-page .box-welfare{margin-top: -30px;}
	.main-welfare .w-welfare .img-welfare {padding-right: 0px; padding-left: 0px; }

	.header-vit ul, .heading-card ul {grid-template-columns:7% 44% 11% 18% 20%;}

	.header-vit li, .toogle-tuyendung .card-header li,.toogle-tuyendung .card li,
	.toogle-tuyendung .card-body h2, .toogle-tuyendung .card-body h3, .toogle-tuyendung .card-body h4, 
	.toogle-tuyendung .card-body h5, .toogle-tuyendung .card-body h6{font-size: var(--fz-16);}

	.header-vit li, .toogle-tuyendung .card-header li {padding: 11px 7px; }
	.toogle-tuyendung .card-body { padding-left: 9.8%; padding-top: 0px;}

	.main-cv-information { display: block; }
	.box-cv-information{margin-top: 20px;}
	.s-form-apply .form-cv,.s-form-apply .add-pro{-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% ; }
	.s-form-apply .add-pro { margin-top: 20px; padding-top: 35px; padding-bottom: 20px; }
	.s-form-apply .form-cv { padding-right: 0px; }
}

@media screen and (max-width: 767px) {	
	.img-welfare img {height: 330px; }
	.box-welfare { background: #F6F6F6; padding: 35px 40px 20px;    margin-bottom: 20px;}
	.s-welfare-page .box-welfare{margin-top: -30px;}
	.main-welfare .w-welfare .img-welfare {padding-right: 0px; padding-left: 0px; }

	.header-vit ul, .heading-card ul {grid-template-columns:7% 44% 11% 18% 20%;}

	.header-vit li, .toogle-tuyendung .card-header li,.toogle-tuyendung .card li,
	.toogle-tuyendung .card-body h2, .toogle-tuyendung .card-body h3, .toogle-tuyendung .card-body h4, 
	.toogle-tuyendung .card-body h5, .toogle-tuyendung .card-body h6{font-size: var(--fz-16);}

	.header-vit li, .toogle-tuyendung .card-header li {padding: 11px 7px; }
	.toogle-tuyendung .card-body { padding-left: 9.8%; padding-top: 0px;}

	.main-cv-information { display: block;}
	.box-cv-information{margin-top: 20px;}
	.s-form-apply .form-cv,.s-form-apply .add-pro{-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% ; }
	.s-form-apply .add-pro { margin-top: 20px; padding-top: 35px; padding-bottom: 20px; }
	.s-form-apply .form-cv { padding-right: 0px; }
}


/*Mobile Đứng*/
@media screen and (max-width: 480px) and (orientation : portrait) {
	.img-welfare img { height: 280px; }
	.main-strategy .img-welfare{padding-right: 0px !important;}
	.box-welfare { padding: 20px 20px 10px; margin-top: 30px; }

	.header-vit li.sl-td,.header-vit li.time-td,.toogle-tuyendung li.sl-td,.toogle-tuyendung li.time-td{display: none;}
	.header-vit ul, .heading-card ul { grid-template-columns:11% 59% 30%; }
	.apply-cv .view-cv { padding: 5px 10px 7px 10px;         font-size: 15px;}
	.heading-card .vtri-td, .header-vit .vtri-td { text-align: left !important;line-height: 17px; padding-left: 10px !important; font-size:15px !important;white-space: initial; }

	.box-cv-information h2{font-size: 18px; line-height: 23px; margin-bottom: 25px;}
	.form-apply > *{padding-left: 0px; padding-right: 0px;}
	.s-form-apply .add-pro {padding-left: 20px; }

	.form-apply .col_form:nth-child(1){order: 1}
	.form-apply .col_form:nth-child(2){order: 4}
	.form-apply .col_form:nth-child(3){order: 2}
	.form-apply .col_form:nth-child(4){order: 3}
	.form-apply .col_form:nth-child(5){order:4}
	.form-apply .col_form:nth-child(6){order: 6}

}
@media screen and (max-width:420px) {
	.img-welfare img { height: 260px; }

}	
@media screen and (max-width:380px) {
	.header-vit ul, .heading-card ul { grid-template-columns: 11% 56% 33%; }

}

@media screen and (max-width: 365px) {
	

}
@media screen and (max-width: 330px) {
	.apply-cv .view-cv { padding: 4px 8px 6px 8px;font-size: 14px;}
	.heading-card .vtri-td, .header-vit .vtri-td {font-size: 14px !important; }

}