@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

*{
   font-family: 'Inter', sans-serif;
}

#vivahr-jobs{
	max-width: 1024px;
	margin: 0 auto;
}

#vivahr-job-overview{
	max-width: 677px;
	margin: 0 auto;
}

#vivahr-jobs .vj-company-logo{
	display:flex;
	justify-content: center;
}

#vivahr-jobs .vj-company-overview{
	margin-top:35px;
	text-align: center;
}

.vj-search-box{
	margin-top: 40px;
	text-align: center;
}

.vj-search-box input{
	opacity: 0.5;
    border: 1px solid #7A8DAE;
    border-radius: 5px;
    height: 50px;
    text-indent: 45px;
    width: 80%;
}

.vj-filtering{
	padding: 30px 0;
	display: flex;
    justify-content: flex-start;
    gap: 19px;
	justify-content: center;
}

.vj-filtering>select{
	font-family: 'Inter';
	mix-blend-mode: normal;
    opacity: 0.5;
    border: 1px solid #7A8DAE;
    border-radius: 5px;
    width: 225px;
    height: 37px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #7A8DAE;
    text-indent: 9px;
}

.vj-jobs-table{
	padding: 27px 0;
}

.vj-jobs-table .table{
	width:100%;
	text-align: left;
	font-family: 'Inter';
	font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #000000;
}

.vj-job-title a
{
	font-family: 'Inter';
	font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
	text-decoration:none;
}

.vj-jobs-posted-data{
	font-family: 'Inter';
	font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;

    color: #000000;
}

.vj-apply-btn{
	font-family: 'Inter';
	background: #2B2D42;
    border-radius: 5px;
    width: 100%;
    max-width: 150px;
    height: 44px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF!important;
    justify-content: center;
	text-decoration:none;
	cursor:pointer;
}

.vj-apply-btn:hover{
	background-color: #475c67;
}

			.vjo-job-menu
			{
				display: flex;
                justify-content: center;
                align-items: center;
                width: 100%;
			}
			
			.vjo-job-menu ul{
				display: flex;
                padding-inline-start: 0;
                list-style-type: none;
			}
			
			.vjo-job-menu ul li{
				font-family: 'Inter';
				margin: 0 15px;    
				cursor: pointer;
				font-style: normal;
                font-weight: 400;
                font-size: 16px;
                line-height: 21px;
                color: #7A8DAE;
			}
			
			.vjo-job-menu ul li.active{
				border-bottom: 2px solid #0868F6;
			}

.d-flex{
	display:flex;
}

.justify-content-center{
	justify-content:center;
}

.flex-direction-column{
	flex-direction: column;
}

.hidden{
	display:none;
}

input, textarea{
	mix-blend-mode: normal;
    opacity: 0.5;
    border: 1px solid #7A8DAE;
    border-radius: 5px;
    width: 100%;
    height: 37px;
}

textarea{
    height:unset;	
}

label{
	font-family: 'Inter';
	font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #2B2D42;
}

.vivahr-form-group{
	padding:15px 0;
}

.vjo-header .vivhar-post-title{
	font-family: 'Inter';
	font-style: normal;
    font-weight: 600;
    font-size: 31px;
    line-height: 19px;
    color: #000000;
    text-align: center;
}

.vivahr-job-details{
	font-family: 'Inter';
	text-align: center;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #000000;
}

.vj-company-overview>h3{
	font-family: 'Inter';
	font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    text-align: center;
    color: #000000;
}

@media (max-width: 767.98px) {

    .vj-search-box input {
	    width:100%!important;
	}

    .vj-filtering{
		flex-direction:column;
	}
	
	.vj-filtering>select{
		width:100%!important;
	}
}

.resume-box {
    display: flex;
    align-items: center;
    justify-content: center;
    mix-blend-mode: normal;
    opacity: 0.5;
    border: 1px dashed #7A8DAE;
    border-radius: 5px;
    height: 106px;
    cursor: pointer;
}