@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap');
body{
  font-family: 'Inter', sans-serif;
  font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6{
  font-family: 'Inter', sans-serif;
}
.font-200{
  font-weight: 200;
}
.font-300{
  font-weight: 300;
}
.font-400{
  font-weight: 400;
}
.font-500{
  font-weight: 500;
}
.font-600{
  font-weight: 600;
}
.font-700{
  font-weight: 700;
}
.font-800{
  font-weight: 800;
}
.font-900{
  font-weight: 900;
}
.text-lg{
  font-size: 1.5rem;
}
.text-3xl{
  font-size: 3.15rem;
  color: #464543;
}
.text-white-o-half{
  color: rgba(255,255,255,0.8);
}
.text-charcoal {
	color: #464543;
}
.min-h-box{
  min-height: 135px;
}
.bg-custom-green{
  background-color: #4ACB59;
  color: #fff;
}
.public-navbar .nav-link{
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 12px;
  padding-right: 12px;
}
.nav-item-btn{
  padding-top: 10px;
  padding-bottom: 10px;
}
.nav-item-btn:not(:last-child),
.nav-item-btn:not(:first-child){
  margin-right: 10px;
}
.grid{
  display: grid;
}
.grid-col-1{
  grid-template-columns: repeat(1,minmax(0,1fr));
}
.grid-col-2{
  grid-template-columns: repeat(2,minmax(0,1fr));
}
.grid-col-3{
  grid-template-columns: repeat(3,minmax(0,1fr));
}
.grid-col-4{
  grid-template-columns: repeat(4,minmax(0,1fr));
}
.grid-col-5{
  grid-template-columns: repeat(5,minmax(0,1fr));
}
.grid-col-6{
  grid-template-columns: repeat(6,minmax(0,1fr));
}
.gap-col-3{
  gap: 1rem;
}
section {
	padding: 5rem 1rem;
}
.bg-white-5{
  background-color: rgba(255,255,255,0.8);
  padding: 3rem;
  border: 1px solid #ddd;
  margin-top: -8rem;
}
.bg-feature-img{
  background-image: url('https://cdn.vnoc.com/background/bg-feat-img.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 750px;
  overflow: hidden;
  display: flex;
  background-color: #d0fed5;
  color: #fff;
  position: relative;
}
.bg-feature-img::before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(70, 69, 67, 0.88);
}
.text-title-lead{
  line-height: normal;
  font-size: 4.5rem;
  font-weight: 600;
  margin-bottom: 1rem;
  /*text-shadow: -2px 2px #333;*/
}
.shadow-xs{
  text-shadow: -2px 2px #333;
}
footer.footer{
  background-color: #3e3e3d;
  color: #fff;
}
.text-link-footer,
.social-links{
  text-decoration: none;
  display: inline-block;
  color: rgba(255,255,255,0.7);
}
.text-link-footer:hover,
.text-link-footer:focus,
.text-link-footer:active,
.social-links:hover,
.social-links:focus,
.social-links:active{
  outline: none;
  color: #fff;
}
.social-links{
  font-size: 1.5rem;
  width: 2rem;
}
.custom-form-feature{
  vertical-align: top;
}
.custom-form-feature .btn{
  min-width: 10rem;
}
.custom-form-feature .form-control,
.custom-form-feature .form-select,
.custom-form-feature .btn{
  height: 70px;
  border-color: transparent;
  font-size: 1rem;
  border-radius: 0 !important;
}
.custom-form-feature .form-control{
  border-right: 1px solid #cacacd;
  border-top: none;
  border-bottom: none;
  border-left: none;
}
.custom-form-feature .form-control:hover,
.custom-form-feature .form-control:focus,
.custom-form-feature .form-control:active,
.custom-form-feature .form-select:hover,
.custom-form-feature .form-select:focus,
.custom-form-feature .form-select:active,
.custom-form-feature .btn:hover,
.custom-form-feature .btn:focus,
.custom-form-feature .btn:active{
  outline: none;
  box-shadow: none;
}
.icon-featuer-btn{
width: 5rem;
height: 5rem;
}
.w-3{
  width: 1.5rem;
}
.h-3{
  height: 1.5rem;
}

/* Public Pages */
.breadcrumb-custom{
  font-weight: 600;
  text-transform: capitalize;
}
.breadcrumb-arrow{
  width: 1.5rem;
  height: 1.5rem;
}
.public-min-h{
  min-height: 350px;
}
label:not(.form-check-label){
  font-weight: bold;
}

/* custom buttons, text, backgrounds */
.btn-brown {
	background: #AE9473;
	border: 1px solid #AE9473;
	color: #ffffff;
}
.btn-brown:hover {
	background: #988265;
	border: 1px solid #988265;
	color: #ffffff;
}
.btn-brown:focus, .btn-brown:active {
	background: #AE9473;
	border: 1px solid #AE9473;
	color: #ffffff;
}
.btn-outline-brown {
	background: none;
	border: 1px solid #AE9473;
	color: #AE9473;
}
.btn-outline-brown:hover {
	background: none;
	border: 1px solid #988265;
	color: #988265;
}
.btn-outline-brown:focus, .btn-outline-brown:active {
	background: none;
	border: 1px solid #988265;
	color: #988265;
}
.text-brown {
	color: #AE9473;
}
.bg-brown {
	background: #AE9473;
}
.btn-charcoal {
	background: #787A79;
	border: 1px solid #787A79;
	color: #ffffff;
}
.btn-charcoal:hover {
	background: #676868;
	border: 1px solid #676868;
	color: #ffffff;
}
.btn-charcoal:focus, .btn-charcoal:active {
	background: #676868;
	border: 1px solid #676868;
	color: #ffffff;
}
.bg-bronze {
	background: #787A79;
}
.bg-stone {
	background: #E2E3DE;
}
.border1 {
	background: #E3E4E4;
	/*border: 1px solid #B1B7B7;*/
	box-shadow: 0 5px 10.83px .17px rgba(0,0,0,.085);
	border-radius: 3px;
	color: #444444;
}
.border1:hover {	
	background: #A7ACAC;
	color: #ffffff;
}
.border1 .jobs-cat {
	border-radius: 6px;
}
.how-tab .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #AE9473;
  background: #F8F5F5;
  border-bottom: 1px solid #EADBC7;
}
.how-tab .nav-link {
	color: #787A79;
	margin-bottom: .85rem;
}
.div-mobile {
	display: none;
}
@media (max-width: 1199.98px) {
	.col-desktop {
		display: none;
	}
	.div-mobile {
		display: block;
	}
}
/* blog */
.blogsnip {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  color: #ffffff;
  font-family: 'Lato', Arial, sans-serif;
  font-size: 16px;
  overflow: hidden;
  position: relative;
  text-align: left;
}
.blogsnip * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.blogsnip img {
  width: 100%;
  vertical-align: top;
  position: relative;
}
.blogsnip figcaption {
  padding: 25px 20px 25px;
  position: absolute;
  bottom: 0;
  z-index: 1;
}
.blogsnip figcaption:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #700877;
  content: '';
  background: -moz-linear-gradient(90deg, #AE9473 0%, #787A79 100%, #4C4E4D 100%);
  background: -webkit-linear-gradient(90deg, #AE9473 0%, #787A79 100%, #4C4E4D 100%);
  background: linear-gradient(90deg, #AE9473 0%, #787A79 100%, #4C4E4D 100%);
  opacity: 0.8;
  z-index: -1;
}
.blogsnip h3,
.blogsnip p {
  margin: 0;
  padding: 0;
}
.blogsnip h3 {
  display: inline-block;
  font-weight: 700;
  letter-spacing: -0.4px;
  margin-bottom: 5px;
}
.blogsnip p {
  font-size: 0.8em;
  line-height: 1.6em;
  margin-bottom: 0px;
  display: none;
}
.blogsnip a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}
.blogsnip:hover img,
.blogsnip.hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/*****/
.border1:nth-child(1) .catname::before {
	background-image: url('https://cdn.vnoc.com/icons/icon-job-category-admin-1.png');
	background-size: cover;
	display: inline-block;
	width: 50px; 
	height: 50px;
	content:"";
	vertical-align: -14px;
	margin-right: 5px;
}
.border1:nth-child(2) .catname::before {
	background-image: url('https://cdn.vnoc.com/icons/icon-job-category-bookkeeping.png');
	background-size: cover;
	display: inline-block;
	width: 50px; 
	height: 50px;
	content:"";
	vertical-align: -14px;
	margin-right: 5px;
}
.border1:nth-child(3) .catname::before {
	background-image: url('https://cdn.vnoc.com/icons/icon-job-category-creative-writing-1.png');
	background-size: cover;
	display: inline-block;
	width: 50px; 
	height: 50px;
	content:"";
	vertical-align: -14px;
	margin-right: 5px;
}
.border1:nth-child(4) .catname::before {
	background-image: url('https://cdn.vnoc.com/icons/icon-job-category-graphic-design.png');
	background-size: cover;
	display: inline-block;
	width: 50px; 
	height: 50px;
	content:"";
	vertical-align: -14px;
	margin-right: 5px;
}
.border1:nth-child(5) .catname::before {
	background-image: url('https://cdn.vnoc.com/icons/icon-job-category-marketing-1.png');
	background-size: cover;
	display: inline-block;
	width: 50px; 
	height: 50px;
	content:"";
	vertical-align: -14px;
	margin-right: 5px;
}
.border1:nth-child(6) .catname::before {
	background-image: url('https://cdn.vnoc.com/icons/icon-job-category-research.png');
	background-size: cover;
	display: inline-block;
	width: 50px; 
	height: 50px;
	content:"";
	vertical-align: -14px;
	margin-right: 5px;
}
.border1:nth-child(7) .catname::before {
	background-image: url('https://cdn.vnoc.com/icons/icon-job-category-social-media-1.png');
	background-size: cover;
	display: inline-block;
	width: 50px; 
	height: 50px;
	content:"";
	vertical-align: -14px;
	margin-right: 5px;
}
.border1:nth-child(8) .catname::before {
	background-image: url('https://cdn.vnoc.com/icons/icon-job-category-tech.png');
	background-size: cover;
	display: inline-block;
	width: 50px; 
	height: 50px;
	content:"";
	vertical-align: -14px;
	margin-right: 5px;
}