body{
	overflow-x: hidden;
	/*font-family: "open-sans";
	font-style: normal;
	font-weight: 400	;*/
}
select{
	outline: none;
    border: none;
	font-size: 13px !important;
}

select > option{ 
	outline: none;
    border: none;
}
.container-fluid{
	margin:0px;
	padding: 0px;
}
.dropdown-list{	
	position: absolute;
    height: 250px;
    overflow-y:auto;
    z-index: 9999999;
}
.search-candidate-container{
	position: relative;
}
.each_company_name,.each_skill_name{
	line-height: 20px;
    font-size: 13px;
    background: white;
    padding: 4px 15px;
    color:black;
}
.each_menu :hover{
	border-bottom: 1px solid blue;
}
.each_company_name:hover,.each_skill_name:hover,.each_skill_name > a:hover{
	background:#184370;
	color:white !important;
	cursor: pointer;
}
.each_company_name > a{
	text-decoration: none;
	color:black !important;
}
.each-input > input::placeholder{
	padding-left: 0px;
	font-size: 12px !important;
}
.each-input > input{
	font-size: 13px !important;
}
.job-location-input > input{
	padding:0px 30px 0px 0px;
}
.each-input > i{
	padding:0px 7px 0px 0px;
}
.serchBtn-container > button > i{
	font-size: 20px;
	font-weight: 600;
	vertical-align: middle;
}
.serchBtn-container {
	width:50px !important;
}
.header_logo{
	padding-top: 15px;
	padding:8px 0px;
}
.header_logo > a >img{
    width: 50%;
   	margin: auto;
    display: block;
    cursor: pointer;
    margin-top: 5px;
    margin-left: 70px;
}
.header_logo1{
	padding:0px;
	padding-top:13px;
}
.header_logo1 > a >img{
    width: 45%;
   	margin: auto;
    display: block;
    cursor: pointer;
}
.header_box_container{
	display: flex;
}
.menu_container{

}
.menu_container > ul{
	display: flex;

	list-style: none;
}
.menu_container > ul > li{
	/*padding-left: 40px;*/
	/*width: 120px;*/
	margin-top: 4px;
	cursor: pointer;
	position: relative;
}
.menu_container > ul > li > a{
	display: block;
	padding: 0px 17px 0px 17px;
	text-align: center;
	text-decoration: none;
	line-height: 50px;
	font-size: 14px;
	font-weight: 500;
	transition: 0.3s ease;
	color: #05264e;
	/*color: white;*/
	/*color: var(--text-secondary);*/
	
}
	
.menu_container > ul > li > a > img{
	height: 15px;
	width: 15px;
	margin-left: 3px;
	transition: 0.7s ease;
}
.menu_container > ul > li > a:hover > .each_dropdown_box_container{
	display: block;
}
.each_dropdown_container{
	display: none;
}

.login_btn_container{
    border-radius: 7px;
    border: 0.5px solid lightgray;
    text-align: center;
    width: 100px;
    line-height: 32px;
    margin-top: 10px;
    margin-left: 7px;
    cursor: pointer;
    transition: 0.3s ease;
}
.login_btn_container > a{
	text-decoration: none;
	font-size: 12px;
	display: block;
	color: var(--text-secondary);
	/*color: white;*/
}
.register_btn{
	border-color: var(--button-primary);
	width: 110px;
	background: var(--button-primary);
  	transition: 0.3s ease;
}


.login_btn_container:hover{
	border-color: var(--button-secondary-hover);
	background-color:var(--button-secondary-hover);	
	border-radius: 7px;
}
.login_btn_container:hover > a{
	color:var(--text-primary-hover);
}	
.register_btn:hover{
	border-color: var(--button-primary-hover);
	background: var(--button-primary-hover);		
	border-radius: 7px;
}
.register_btn:hover > a{
	/*color: var(--text-secondary-hover);*/
	color: white;
}


/*.btn_container {
	border-radius: var(--button-border-radius);
  background: var(--button-primary);
  transition: 0.3s ease;
  cursor: pointer;
	padding: 7px 20px;

}
.register_btn > a{
	text-decoration: none;
	color:var(--text-secondary);
	font-size: 14px;
}*/
.post_job_btn{
	width: 75%;
	margin-top: 20px;
	margin-left: 10px;
	cursor: pointer;
}
.post_job_btn > a{
	text-decoration: none;
	color: black;
	font-size: 15px;
	font-weight:500;
}

.btn_container:hover{
	background: var(--button-primary-hover);		
	color: var(--text-secondary-hover);
}
.notification_container > img{
	height: 35px;
	width: 35px;
	margin-left: 25px;
	margin-top: 15px;
	cursor: pointer;
}
.header_logo{
	line-height: 55px;
}.post_job_btn :hover{
	color:var(--text-secondary-color);
	font-weight:bold;
}
ul{
	margin:0px;
	padding: 0px;
}
.container-fluid
{
	padding: 0px;
}
.title-container{
 	/*position: absolute;
	top:0px;
	right:190px;*/
	font-size: 31px;			
	color:var(--text-primary);
/*		width:821px;			*/
	text-align: center;
	margin-top: 145px;
	font-family: var(--hero-section-title);
  	font-weight: 600;
  	font-style: normal;	
  	line-height: 53px;
}
.sub-title-container{
	/*position: absolute;
	top:268px;
	right:254px;*/
	font-size:16px;
	color:white;
	width:700px;
	
	text-align: center;
	font-weight: 400;
	margin-top: 45px;
	padding-left: 103px;
}
.section-button-container{
	background: white;
	color:black;
	width:250px;			
	margin: auto;
	text-align: center;	
	border-radius: 6px;
	font-weight: 600;
	cursor: pointer;
}
.get-btn{
	margin-top: 40px;
	line-height: 43px;
}
.hero-section-image-container{
	margin-top: 70px;
	text-align: center;
}
.hero-section-image-container > img{
	width:70%;
	margin-left: 50px;
}	

.hero-section-two-container{
	background: var(--primary-color);
	height: 300px;
	margin-top: 20px;
	border-radius: 60px 60px 0px 0px;
}
.hero-section-description{
	margin-top: 60px;
	background: white;
}

			
/*.hero-section >.video-container > video{
	width:100%;

}*/
.title-container{
	
}
/*.hero-section{
	position: relative;
	overflow: hidden;
	height: 70vh;
	background-color:#232733;
/*	background-image: url("../images/hh2.png");*/
/*background-image: url("../images/herobgjob1.png");*/
	/*background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;*/
}*/

.video-container > img{
	height:60vh;
	width: 100%;
}
/*.video-container >img{
	margin-left: 12%;
	margin-top: -16%;

}*/
.recently-container{
	color:red;
}
.video-background{
	position: absolute;
	left:0px;
	top:0px;
 	width: 100%;
 	height: 100%;
/*	background: linear-gradient(221deg, #00000029, transparent);*/
}
.video-container{
	position: relative;			
}
.search-candidate-container {
    margin: auto;
    border-radius: 7px;
    background-color: white;
    margin-top: 133px;
    line-height: 60px;
    position: relative;
    width: 90%;
    margin-left: 104px;
}
.serch-candidate-detail{
	display: flex;
	margin-left: 10px;
}
.job-title-input > input{
	border-right: 1px solid gray;
	line-height: 24px;
    border: none;
    width:224px;
    padding-right: 0px;
}
.job-exp-icon{
	right: 91px;
    position: absolute;
    top: 1px;		
}
.hero-content{
	width: 785px;
/*    text-align: center;*/
    font-weight: 600;
    font-size: 34px;
    padding-left: 100px;
    font-family: "popins";
    margin-top: 50px;
}
.job-exp-input {	
	margin-left: 20px;
}
.job-location-input {
	margin-left: 20px;
}
.job-location-input > input{
	line-height: 24px;	
	border: none; 
	width:117px;
}
.job-exp-input > select {
    /* text-align: center; */
    line-height: 24px;
    color: #302733;
    border: none;
    width: 160px;
}
.each-input > input:focus{
	outline: none;
}
.each_icon {
    color: #27c7b8 !important;
}
.each-input > i{
	color: var(--icon-primary);
   font-size: 20px;	
	vertical-align: middle;
	padding-bottom: 5px;
}.each-input > input::placeholder{
	padding-left: 5px;
	vertical-align: middle;
	font-size: 15px;
	font-weight: 400;
	color:var(--text-secondary);
}
.job-title-input > i{
	font-size: px;
}
.each_menu{
	font-size: 13px;
	font-weight: 500;
	
}
.serchBtn-container{
	background-color:var(--button-primary);	
    color: var(--text-secondary);
    text-align: center;
    position: absolute;
    top: 7px;
    right: 8px;
    width: 130px;
    line-height: 46px;
    cursor: pointer;
    font-weight: 500;
    font-size: 15px;
    border-radius: var(--button-border-radius);
    transition: 0.3s ease;
    
}
.search_button_container {
    text-align: center;
    position: absolute;
    top: 7px;
    right: 9px;
    width: 48px;
    line-height: 42px;
    cursor: pointer;
    font-weight: 500;
    font-size: 15px;
}
.search_button{
	border: none;
	border-radius: 33px;
	width: 100%;
	background-color: #27c7b8;
	transition: 0.3s ease;
}
.search_button > i{
	font-size: 20px;
	font-weight: 600;
	vertical-align: middle;
	color: white;
}
.search_button:hover{
/*	background-color: #1ba79a;*/
}
.serchBtn-container >  button{
	border: none;
	  background: #ffbb00;
}
.header_btn_container{
	padding-left: 33px;
	margin-left: auto;
	margin-right: 10px;
	display: flex;
}
.serchBtn-container:hover{
		background-color:#efc34a;

}
.title-container > span{			
	font-size: 38px;
   color: var(--text-primary-color);
}.sub-title-two-container > span{
	border-bottom: var(--secondary-color);
	padding-left: 8px;
	cursor: pointer;

}.sub-title-two-container{
	color:white;
	margin-top: 160px;
	margin-left: 140px;
	font-width:500;
	font-size: 17px;

}.title-container > .title{
	color: white;
    font-size: 27px;
    display: block;
}.sub-title-span{
	color:var(--text-primary);
	border:none !important;
	font-weight: 600;
}
.video-content-container{
	position: absolute;
    top: 24%;
    left: 30px;
}
.video-container > img{
	width: 100%;
}
	
.sub-title-container >span{
	COLOR:var(--text-secondary-color)!important;
	font-weight: 500;
}
.work-type-title{
	padding-left: 14px;
}


.add-fixed-serchbar{
	opacity: 1 !important;
    top: -70px !important;
    right: 5px !important;		
}	

.fixed-sidebar{
	width:100%;					
	position: fixed;
	top:-170px;	
	right:5px;	
	z-index: 999999;		
	opacity: 0;	
	transition: 0.3s ease-out;
    background: linear-gradient(180deg, black, #0000005e, #00000000);			
}
.scroll-serchbar{
	width:92%;
	margin-bottom: 20px;
	margin-left: auto !important;

}
.job-title-input{
	padding-left: 9px;
/*	padding-right: 10px;*/
}
.scroll-serch-candidate{
	box-shadow:var(--box-shadow);
}
.search_bar_shadow{
	border: 5px solid #ddd;
}
.candidate-location{
	margin-left: 0px;
}



@media only screen and (max-width:600px) {
	.header_logo{
		display: none;
	}
	.header_menu_container{
		display: none;
	}
	.header_btn_container{
		padding-left: 0px;
		margin-right: 5px;
	}	
	.each-input > input::placeholder{
		font-size: 10px;
	}
	.serchBtn-container{
		width:73px;
		line-height: 30px;
		font-size: 12px;
		top:5px;
		right:6px;
	}
	.each-input > i{
		font-size: 15px;
		padding-bottom: 5px;
	}
	.menu_container > ul{
		padding: 0px;
	}
	.menu_container > ul > li > a {
		padding-left: 20px;
		font-size: 13px;
	}
	.login_btn_container{
		line-height: 25px;
	}
	.header_btn_container{
		padding-left: 0px;
		padding-right: 15px;
		padding-bottom: 0px;
		padding-top: 9px;
 
    }
    .job-location-input > input {
	    line-height: 24px;
	    border: none;
	    width: 140px;
	}
    .res-title-container{	    
	    color: white;
	    font-size: 21px;
	    width: 436px;
	    text-align: center;
	    font-weight: 600;
	  }
	  .res-search-candidate-container{	  
	  	margin-top: 90px;
	  	width: 100%;
	  }
	  .res-title-container > span{
	  		color:var(--primary-color);
	  		display: none;
	  }
	   .res-title-container > .title{
	   	color: white;
	   	display: none;
	   }
	   .res-serch-candidate-detail{
		   	border: 1px solid gray;
	      border-radius: 20px;
	      display:flex;
	      line-height: 38px;
	      position: relative;
	      width:87%;
	      background: white;
	   }
	   
	   .res-job-title-input > input{
	   	width:75%;
	   }
	   .res-job-exp-input > input{
	   	width:70%;
	   }
	   .res-each-input > input::focus{
	   	outline: none;
	   }
	   .res-each-input > i{
	   	padding-right: 4px;
	   	padding-left: 6px;
	   	vertical-align: middle;
	   	color:var(--primary-color);
	   }
	   .res-job-location-input > input{
	   		
	   		margin-right:10px;
	   }
	   .res-each-input > input{
		   	border: none;
		   	outline: none;
		   	font-size: 12px;
	   }	  
	   .res-serchBtn-container{
	   		width: 82px;
        position: absolute;
        top: 6px;
        right: 10px;
        line-height: 30px;
        background: var(--primary-color);
        border-radius: 20px;
        color: white;
        text-align: center;
        font-size: 13px;
	   }
	   .res-each-input > input::placeholder{
	    	font-size: 12px;
	   }
	   .res-job-location-input {
	     
	   }
	   .video-background {
	   	height: 98%;
		}
		.hero-section {
			height: 37vh;
		}
		.video-res-content-container{
			position: absolute;
			top:90px;
			left:50px;
		}
		.hero-section{
			position: relative;
		}
		.res-job-location-input{
			display: flex;
		}
		.job-location{
			flex: 1;
		}
		.res-job-location-input > i{
			padding-top: 14px;
		}
		.scroll-serchbar{
			width:100%;
		}
		.how-it-works-section{
			margin:40px 25px !important;
		}
		.how-it-works-section p {
		    font-size: 12px !important;
		}
		.step h3 {
		    font-size: 18px;
		    font-weight: bold;
		    color: #333;
		    margin-bottom: 10px;
		}
 
}
	@media only screen and (min-width:576px) and (max-width:768px){
	body{
		overflow-x: hidden;
	}
	.header_logo{
		display: none;
	}
	.header_menu_container{
		display: none;
	}
	.each-input > input::placeholder{
		font-size: 10px;
	}
	.serchBtn-container{
		width:73px;
		line-height: 30px;
		font-size: 12px;
		top:5px;
		right:6px;
	}
	.each-input > i{
		font-size: 15px;
		padding-bottom: 5px;
	}
	.menu_container > ul{
		padding: 0px;
	}
	.menu_container > ul > li > a {
		padding-left: 20px;
		font-size: 13px;
	}
	.login_btn_container{
		line-height: 25px;
	}
	.header_btn_container{
		padding-left: 0px;
		padding-right: 15px;
		padding-bottom: 0px;
		padding-top: 9px;
 
    }
    .job-location-input > input {
	    line-height: 24px;
	    border: none;
	    width: 140px;
	}
    .res-title-container{	    
	    color: white;
	    font-size: 21px;
	    width: 436px;
	    text-align: center;
	    font-weight: 600;
	  }
	  .res-search-candidate-container{	  
	  	margin-top: 90px;
	  	width: 100%;
	  }
	  .res-title-container > span{
	  		color:var(--primary-color);
	  		display: none;
	  }
	   .res-title-container > .title{
	   	color: white;
	   	display: none;
	   }
	   .res-serch-candidate-detail{
		   	border: 1px solid gray;
	      border-radius: 20px;
	      display:flex;
	      line-height: 38px;
	      position: relative;
	      width:87%;
	      background: white;
	   }
	   
	   .res-job-title-input > input{
	   	width:75%;
	   }
	   .res-job-exp-input > input{
	   	width:70%;
	   }
	   .res-each-input > input::focus{
	   	outline: none;
	   }
	   .res-each-input > i{
	   	padding-right: 4px;
	   	padding-left: 6px;
	   	vertical-align: middle;
	   	color:var(--primary-color);
	   }
	   .res-job-location-input > input{
	   		
	   		margin-right:10px;
	   }
	   .res-each-input > input{
		   	border: none;
		   	outline: none;
		   	font-size: 12px;
	   }	  
	   .res-serchBtn-container{
	   		width: 82px;
        position: absolute;
        top: 6px;
        right: 10px;
        line-height: 30px;
        background: var(--primary-color);
        border-radius: 20px;
        color: white;
        text-align: center;
        font-size: 13px;
	   }
	   .res-each-input > input::placeholder{
	    	font-size: 12px;
	   }
	   .res-job-location-input {
	     
	   }
	   .video-background {
	   	height: 98%;
		}
		.hero-section {
			height: 37vh;
		}
		.video-res-content-container{
			position: absolute;
			top:90px;
			left:50px;
		}
		.hero-section{
			position: relative;
		}
		.res-job-location-input{
			display: flex;
		}
		.job-location{
			flex: 1;
		}
		.res-job-location-input > i{
			padding-top: 14px;
		}
		.scroll-serchbar{
			width:100%;
		}
		.how-it-works-section{
			margin:40px 25px !important;
		}
		.how-it-works-section p {
		    font-size: 12px !important;
		}
		.step h3 {
		    font-size: 18px;
		    font-weight: bold;
		    color: #333;
		    margin-bottom: 10px;
		}
}

	@media only screen and (min-width:768px) and (max-width:992px) {
		/*.header_logo{
			display: none;
		}
		.header_menu_container{
			display: none;
		}*/
		.menu_container > ul{
			padding:0px;
		}
		.menu_container > ul > li > a {
		    padding: 0px 9px 0px 11px;
		    font-size: 12px;
		}
		.login_btn_container{
			line-height: 25px;
		}
		.header_btn_container{
	        padding-left: 0px;
        	padding-top: 37px;
		}
		.post_job_btn{
			padding-left: 4px;
		}
		.post_job_btn > a{
			font-size:9px;
		}
		.register_btn > a{
			font-size: 11px;
		}
		.btn_container{
			padding: 5px 14px;

		}
		/*.login_btn_container{
			/*margin-top: 19px;*/
			/*padding: 1px 11px ;
			line-height: 20px;
		}
		.login_btn_container >a {
			font-size: 11px;
			line-height: 25px;
		}
		.register_btn {
			line-height: 20px;
			margin-left: 5px;
			margin-top: 19px;
		}*/
		.post_job_btn{
			padding-left: 0px;
		}
		.header_logo > img{
			margin-left: 56px;
		}
		.title-container{
			margin-top: 81px;
			width:665px;
		}
		.title-container > span{
			font-size: 28px;
		}
		.title-container > .title{
			font-size: 19px;
		}
		.sub-title-container{
			display: none;
		}
		.search-candidate-container {
			width:100%;
			margin-left: 53px;
			margin: auto;
			margin-top: 25px;
			line-height: 52px;

		}
		.serchBtn-container {
			width:112px;
			line-height: 40px;
		}
		.job-title-input > input {
			width:175px;
		}
		.job-location-input {
			margin:0px;
		}
		.serch-candidate-detail {
			margin-left: 14px;
		}
		.sub-title-two-container {
			margin-top: 100px;
       margin-left: 76px;
		}
		.hero-section {
			height: 49vh;
		}
	}

	@media only screen and (min-width:992px) and (max-width:1200px) {
		.post_job_btn {
			margin-left: 9px;
			padding-left: 0px;
		}
		.post_job_btn > a{
			font-size: 11px;
		}
		.login_btn_container{
			line-height: 25px;
			width: 75px;
		}		
		.header_logo > a > img{
		    width: 55%;
		    margin-left: 43px;
		    margin-top: 9px;
		}			
		.menu_container > ul > li > a {
			/*padding-left: 27px;*/
			font-size: 12px;
		}
		.menu_container > ul{
			padding:0px;
		}
		/*.login_btn_container {
			margin-top: 18px;
			width:69px;
			text-align: center;
			line-height: 18px;
		}
		.login_btn_container > a{
			font-size: 12px;
			line-height: 20px;
		}
		.resgister_btn{
			width: 100px;
		}
		.register_btn >a {
			font-size: 12px;
		}*/
		.btn_container{
			padding: 7px 15px;
		}
		.header_btn_container{
			padding: 0px;
			margin-top: 3px;
			justify-content: right;
		}
		.sub-title-container{
			display: none;
		}
		.sub-title-two-container {
			margin-top: 159px;
		}
		.video-background{
			background: #00000073;
			height: 64vh;
		}
		.hero-section{
			height: 64vh;
		}
		.icon-container {
			margin: 16px 17px;
		}
		.search-candidate-container {
			margin: auto;
			margin-top: 31px;
		}
		.title-container > span {
			font-size: 38px;
		}
		.title-container > .title {
			font-size: 24px;
		}
		.serchBtn-container {
			WIDTH:115PX;
			line-height: 39PX;
		}
		.search-candidate-container{
			width: 111%;
			line-height: 52px;
		}
		.job-location-input > input {
		    width: 120px;
		}
		.each-input > input::placeholder{
			font-size: 16px;
		}


	}

	@media only screen and (min-width:1200px) and (max-width:1400px) {
			.menu_container > ul > li{
				/*width: 95px;*/
			}
			.menu_container > ul > li > a {
				padding-left: 18px;
				font-size: 14px;
			}
			.header_logo{
				margin-top: 8px;
			}
			.header_logo > a > img{
			    width: 45%;
			    margin-left: 80px;
			}
			.header_btn_container{
				padding: 0px;
				margin-top: 3px;
			}
			.menu_container > ul {
				padding: 0px;
			}
			.post_job_btn > a{
				font-size: 14px;
			}
			.header_logo > img{
				width:37%;
			}
			.login_btn_container{
				line-height: 25px;
			}
			.btn_container {
				padding: 5px 20px;
			}
			.post_job_btn {
				padding-left: 5px;
			}
			.sub-title-two-container {
				margin-top: 169px;
			}
			.video-content-container {
				right:26px;
			}
			.title-container > span {
				font-size: 43px;
			}
			.search-candidate-container {
				line-height: 49px;
				width:66%;
			}
			.serchBtn-container {
					line-height: 38px;
					top:6px;
					width:113px;
			}
			
		}


		
/*candidate profile dropdown*/		
.header_btn_container1{
	margin-top: 7px;
}
.user_profile_container{
    margin-left: auto;
    margin-right: 50px;
    cursor: pointer;
    height: 40px;
	width: 40px;
	margin-top: 0px;
	border-radius: 20px;
	border: 0.5px solid lightgray;
    padding: 5px;
    position: relative;
}
.user_profile_container:hover{
	/*background:#e6ecff;*/
	/*border-radius: 20px;*/
	/*width: 40px;*/
}
.user_profile_container > img{
	/*height: 40px;
	width: 40px;
	margin-top: 0px;
	border-radius: 20px;
	border: 0.5px solid lightgray;*/
}
.employer_img{
	margin-top: 9px;
	margin-left: 10px;
}
.user_profile_container > i{
	font-size: 20px;
	margin-left: 3px;
	vertical-align: middle;
}
.user_profile_dropdown_container1{
	border-radius: 12px;
    box-shadow: 0px 0px 5px 1px #f9e7e7;
    /*border: 0.5px solid white;*/
    background: white;
    width: 230px;
    z-index: 1;
    /*padding: 15px;*/
    position: absolute;
    top: 69px;
    right: 15px;
    display: none;
}
.user_email_box{
	border: 0.5px solid lightgray;
}
.user_email_box_container{
	display: flex;
	padding: 17px;
	
}
.user_profile_box_img_container{
	width: 40px;
    height: 40px;
    border-radius: 20px;
    margin-top: -4px;
    border: 0.5px solid lightgray;
}
/*.user_email_box_container:hover{
	background: #f0f8ffb8;
}*/
.email_bottom_line_container{
	/*margin-top: -13px;*/
    border-bottom: 0.5px solid #ebe8e8;
}
.user_email_box_container > img{
   /* width: 40px;
    height: 40px;
    border-radius: 20px;
    margin-top: -4px;
    border: 0.5px solid lightgray;*/
}
.user_email_box_container > span{
	font-size: 12px;
	color: #6d6565;
    margin-left: 12px;
    margin-top: 4px;
    font-weight: 500;
}
.user_profile_content{
    margin-top: 8px;
    margin-bott/*o*/m: 8px;
}
.user_profile_content > ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.user_profile_content > ul > li{
	/*display: flex;*/
	width: 230px;
	height: 45px;
	transition: 0.3s ease;
	position: relative;
}
.user_profile_content > ul > li:hover{
	background: #ebedfc;
	border-radius: 5px;
    /*width: 215px;
    margin-left: 7px;*/
    padding: 0px;
}
.user_profile_content > ul > .user_profile_dropdown_option_container:hover{
	/*background: #f0f8ffb8;*/
}
.user_profile_content > ul > .user_profile_dropdown_option_container:hover > i{
	display: none;
}
.user_profile_dropdown_option_container{
	margin-top: 9px;
	margin-bottom: 7px;
	border-top: 0.5px solid #ebe8e8;
}

.user_profile_content > ul > li:hover > i{
	display: block;
}
.user_profile_content > ul > li > a{
	text-decoration: none;
	/*padding-left: 15px;*/
	font-size: 12px;
	color: #615a5a;
	line-height: 50px;
	display: block;
	font-weight: 500;
	/*padding-left: 5px;*/
	transition: 0.8s ease;
	margin-left: 20px;
	/*margin-top: 6px;*/
}
.user_profile_content > ul > li > i{
	/*margin-top: 13px;*/
    /*margin-left: 80px;*/
    color: #7e8cf7;
    display: none;
    position: absolute;
    top: 15px;
    right: 13px;
    transition: 0.3s ease;
}
.user_profile_content > ul > li > a > i{
	font-size: 18px;
	color: #a5a2a2;
	vertical-align: middle;
	margin-right: 13px;
}





.employer_profile_dropdown_container{
	position: relative;
	display: none;
}
.employer_profile_dropdown_box_container{
    position: absolute;
    top: 70px;
    right: 25px;
    z-index: 9;
}
.employer_profile_detail_option{
	border-radius: 7px;
	/*border: 0.5px solid lightgray;*/
    box-shadow: 0px 0px 4px 2px #d3d3d3d9;
	background-color: white;
	width: 200px;
	padding-bottom: 7px;
	/*height: 250px;*/
}
.employer_profile_container{
	/*display: flex;*/
	margin-right: 0px;
	width: 50px;
}
.employer_profile_img_container{
	margin-top: 12px;
	margin-left: 30px;
	cursor: pointer;
	background-color: #d9d7d7e0;
    width: 40px;
    height: 40px;
    /*line-height: 25px;*/
    text-align: center;
    border-radius: 50px;
    transition: 0.3s ease;
}
.employer_profile_img_container > i{
	color: var(--text-secondary);
    font-size: 23px;
    padding-top: 8px;
}
.employer_profile_detail_option > ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.employer_profile_detail_option > ul > li:hover > .user_details{
	background-color: white;
}
.employer_profile_detail_option > ul > li:hover{
	background-color: #e1e4e57d;
}
.employer_profile_detail_option > ul > li > a{
	text-decoration: none;
	color: var(--text-secondary);
	font-size: 12px;
	display: block;
	padding: 10px 10px 6px 27px;
	line-height: 30px;
}
.user_details{
	display: flex;
	padding: 10px 5px 5px 5px;
	border-bottom: 0.5px solid #d3d3d385;
}
.employer_email{
    font-size: 13px;
    font-weight: 500;
    color: dimgray;
    line-height: 40px;
    padding-left: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 140px;
}
.employer_user_img{
	margin-top: 12px;
	margin-left: 5px;
	margin-bottom: 5px;
	cursor: pointer;
	background-color: #e1e4e57d;
    width: 40px;
    height: 40px;
    /*line-height: 25px;*/
    text-align: center;
    border-radius: 50px;
    transition: 0.3s ease;
}
.employer_user_img > img{
	height: 40px; 
    width: 40px;
    margin-top: 0px;
    border-radius: 20px;
    border: 0.5px solid lightgray;
}
.dashboard_title_container{
	display: flex;
/*    margin-top: 30px;*/
    margin-bottom: 10px;
}
.dashboard_title{
    font-size: 23px;
    color: var(--text-secondary);
    cursor: pointer;
    font-weight: 500;
/*    margin-top: 30px;*/
/*    margin-left: 20px;*/
}
.home_page_title_box_container{
	border-radius: 30px;
	border: 0.5px solid #eef9f2;
	background-color: #eef9f2;
	/*background-color: rgba(44, 44, 81, 0.08);*/
    padding: 7px 20px 7px 20px;
    /*width: 25%;*/
    margin-left: auto;
    margin-right: 20px;
}
.home_page_title_container{
	display: flex;
}
.each_title > a{
	font-size: 14px;
	color: #2c2c51;
	font-weight: 500;
	padding-left: 5px;
	cursor: pointer;
	text-decoration: none;
}
.each_title > i{
	cursor: pointer;
	font-size: 14px;
	color: #2c2c51;
	padding-left: 5px;
}




/*agency popup*/
.dashboard_header_container{
    display: flex;
}
.dashboard_user_icon_container{
    margin-left: auto;
    margin-right: 77px;
    margin-top: -13px;
}
.dashboard_user_icon{
    margin-top: 20px;
    cursor: pointer;
    border: 0.5px solid lightgray;
    /*background-color: #d3d3d382;*/
    width: 40px;
    height: 40px;
    /* line-height: 25px; */
    text-align: center;
    border-radius: 20px;
    transition: 0.3s ease;
}
/*.dashboard_user_icon > i{
    color: var(--text-secondary);
    font-size: 23px;
    padding-top: 8px;
}*/


.agency_profile_dropdown_container{
    position: relative;
    display: none;
}
.agency_profile_dropdown_box_container1{
    position: absolute;
    top: 60px;
    right: 57px;
    z-index: 9;
}
.agency_profile_detail_option{
    border-radius: 7px;
    /*border: 0.5px solid lightgray;*/
    box-shadow: 0px 0px 4px 2px #d3d3d3d9;
    background-color: white;
    width: 200px;
    padding-bottom: 7px;
    /*height: 250px;*/
}
.agency_profile_detail_option > ul{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
.agency_profile_detail_option > ul > li:hover > .user_details{
    background-color: white;
}
.agency_profile_detail_option > ul > li:hover{
    background-color: #e1e4e57d;
}
.agency_profile_detail_option > ul > li > a{
    text-decoration: none;
    color: var(--text-secondary);
    font-size: 12px;
    display: block;
    padding: 10px 10px 6px 27px;
    line-height: 30px;
}
.user_details{
    display: flex;
    padding: 10px 5px 5px 5px;
    border-bottom: 0.5px solid #d3d3d385;
}
.agency_email{
    font-size: 13px;
    font-weight: 500;
    color: var(--text-secondary);
    line-height: 40px;
    padding-left: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 140px;
}
.agency_user_img{
    margin-top: 10px;
    margin-left: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    /*background-color: #e1e4e57d;*/
    width: 40px;
    height: 40px;
    /*line-height: 25px;*/
    text-align: center;
    border-radius: 50px;
    transition: 0.3s ease;
}
.agency_user_img > i{
    font-size: 23px;
    vertical-align: middle;
    padding-top: 10px;
    color: var(--text-secondary);
}
.header_container{
	/*background:#232733;*/
	background: white;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 30%);
    height: 60px;
}
.header_container1{
	/*background:#232733;*/
	background: white;
    padding-bottom: 8px;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 30%);
}
.emp_header_container{
	position: fixed;
	top: 0px;
	background: transparent;
}
.menu_container > ul > li > a > i{
	color: #05264e;
	/*color: white;*/
	font-size: 10px;
	padding-left: 4px;
}
.menu_container > ul > li > a:hover > .each_dropdown_box_container{
	color: var(--text-secondary);
	font-weight: 600;
	display: block;
}
.menu_container > ul > li:hover > .each_dropdown_box_container {
    display: block;
}
.each_dropdown_box_container{
	display: none;
}
.sub_dropdown{
	position: relative;
	padding-top: 10px;
	padding-bottom: 25px;	
	height: 100%;	
	width: 100%;
	overflow: hidden;
	transform: scale(1.0);
}
.sub_dropdown3{
/*	width: 80% !important;*/
}
.sub_each_dropdown_bg {
    position: absolute;
    top: 10px; /* Start slightly outside the container */
    left: -10px; /* Start slightly outside the container */
    width: 100%;
    height: 100%;
    opacity: 0; /* Start with zero opacity */
    background: linear-gradient(45deg, #dde2f7, transparent);
    border-radius: 10px 0px 0px 10px;
    transition: opacity 0.3s ease, top 0.3s ease, left 0.3s ease; /* Animate these properties */
}
.sub_each_dropdown_bg1{
	background: linear-gradient(45deg, #f2eefa, transparent);
}
.sub_each_dropdown_bg2{
	background: linear-gradient(45deg, #f1f0f0e0, transparent);
}
.sub_dropdown:hover > .sub_each_dropdown_bg {
    top: 0; /* Move into the container */
    left: 0; /* Move into the container */
    opacity: 1; /* Fully visible on hover */
    border-radius: 10px 0px 0px 10px;
}
.sub_dropdown:hover > .sub_each_dropdown_bg1{
	 top: 0; /* Move into the container */
    left: 0; /* Move into the container */
    opacity: 1; /* Fully visible on hover */
    border-radius: 0px 0px 0px 0px;
}
.sub_dropdown:hover > .sub_each_dropdown_bg2{
	top: 0px;
	left: 0px;
	opacity: 1;
	border-radius: 0px 10px 10px 0px;
}
.sub_each_dropdown_content{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
/*	border-right: 1px solid #efeff8;*/
	padding-top: 15px;
}
.sub_dropdown:hover > .sub_each_dropdown_content{
	/*transform: scale(1.03);*/
}	
.each_dropdown_box{
	border-radius: 10px;
    border: 1px solid #ececec;
    box-shadow: 0 10px 20px -5px rgba(10, 42, 105, .06);
    background-color: #fff;
    position: absolute;
    top: 100%;
    left: -30px;
    z-index: 999;
    width: 300px;
    height: 95px;
    display: flex;
    overflow: hidden;
}
.each_dropdown_box > .sub_dropdown ul{
	display: inline-block;
	padding: 0px;
	margin: 0px;
}
.each_box{
	padding: 0px 30px;
}
.each_dropdown_box > .sub_dropdown ul > li{
	width: 100%;
	list-style: none;
	line-height: 35px;
}	
.each_dropdown_box > .sub_dropdown ul > li > .each_menu_title{
    font-size: 13px;
    font-weight: 600;
/*    line-height: 20px;*/
    color: #121224;
    position: relative;
/*    padding: 14px 22px 10px 25px;*/
    transition: 0.3s ease;
    text-decoration: none;
}
.each_dropdown_box > .sub_dropdown ul > li > a{
    font-size: 13px;
    font-weight: 500;
    line-height: 26px;
    color: #474d6a;
    position: relative;
    display: block;
    padding-left: 26px;
    transition: 0.3s ease;
    text-decoration: none;
}
.sub_dropdown > .sub_each_dropdown_content > ul > .each_detail_menu:hover > a{
/*	padding-left: 3px;*/
	font-weight: bolder;
}
.sub_dropdown:hover > .sub_each_dropdown_content > ul > .view_more_option_container > a{
	/*background: #fff5f5fc;*/
}
.view_more_option_container{
	margin-top: 7px;
}
.view_more_option_container > a{
    font-size: 10px !important;
    padding: 5px 14px;
    text-decoration: none;
    color: #474d6a;
    border-radius: 6px;
    transition: 0.3s ease;
    margin-left: 27px;
}
.view_more_option > i{
	vertical-align: middle;
	padding-left: 2px;
	font-size: 11px;
	color: #474d6a;
}
.view_more_option:hover{
	background: #fff5f5fc;   
}
/*	.sub_dropdown1:hover{
	background: linear-gradient(to Right, #dde2f7, transparent);
	border-radius: 0px 0px 0px 0px;
}
.sub_dropdown2:hover{
	background: linear-gradient(to Right, #dde2f7, transparent);
	border-radius: 0px 10px 10px 0px;
}*/
.each_dropdown_width{
	width: 200px !important;
}
.each_dropdown_box1{
	width: 200px !important;
	height: 116px;
	/*border-right: none;*/
}
.each_dropdown_content{
	border-right: none;
}
.side_menu_click_icon{
	border-radius: 5px;
    width: 45px;
    line-height: 25px;
    box-shadow: 0px 0px 4px 1px lightgray;
    margin-left: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.side_menu_click_icon > i{
    font-size: 33px;
    line-height: 42px;
    padding-left: 6px;
}
.side_menu_close_icon_container{
	border: 0.5px solid #414162;
    border-radius: 16px;
    width: 30px;
    height: 30px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.1);
    cursor: pointer;
    position: absolute;
    right: 23px;
    top: 20px;
}
.side_menu_close_icon_container > i{
	font-size: 15px;
	color: white;
	vertical-align: middle;
	line-height: 27px;
}
.side_nav_main_box_container {
    position: fixed;
    top: 0;
    left: -100%; /* Hidden by default */
    width: 320px;
    height: 100vh;
    background-color: #222433;
    transition: all 0.3s ease;
    z-index: 9999999;
}

.show_side_menu {
    left: 0px; 
    top: 0px;
}
.side_nav_box_container{
	margin-top: 70px;
}
.side_nav_each_box{

}
.side_nav_each_box > ul{
	padding: 0px;
	margin: 0px;n
	list-style: none;
}
.side_nav_each_box > ul > li{
	position: relative;
}
.side_nav_each_box > ul > li:after{
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.1);
}
/*.side_nav_each_box > ul > li > i{
	color: white;
	font-size: 12px;
}*/
.side_nav_each_box > ul > li > a{
	color: white;
	text-decoration: none;
	font-size: 14px;
	display: block;
	padding: 20px 20px 20px 36px;
}
.side_nav_each_box > ul > li > a > i{
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 33px;
    border-radius: 40px;
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
    display: block;
    margin-top: -5px;
    position: absolute;
    /*top: 24%;*/
    right: 15px;
    font-size: 15px;
    vertical-align: middle;
     display: inline-block;
    transition: all 0.3s ease;
}
.side_nav_menu_each_dropdown{
	display: none;
	background-color: #e7e6e621;
}
.side_nav_menu_each_dropdown > ul{
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.side_nav_menu_each_dropdown > ul > li{
	 border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);
}
.side_nav_menu_each_dropdown > ul > li > a{
    text-decoration: none;
    color: white;
    /* color: rgba(255, 255, 255, 0.7); */
    font-size: 11px;
    /*font-weight: 500;*/
    padding: 10px 10px 10px 40px;
    display: block;
}
.side_nav_menu_each_dropdown > ul > li > a > i{
	/*width: 25px;
    height: 25px;*/
    text-align: center;
    line-height: 33px;
    color: #fff;
    display: block;
    margin-top: -11px;
    margin-right: 12px;
    position: absolute;
    /* top: 24%; */
    right: 15px;
    font-size: 8px;
    vertical-align: middle;
    display: inline-block;
    transition: all 0.3s ease;
}
.companies_each_dropdown_box{
	display: none;
}
.companies_each_dropdown_box > ul{
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.companies_each_dropdown_box > ul > li{

}
.companies_each_dropdown_box > ul > li > a{
	text-decoration: none;
    color: #cac9c9;
    font-size: 9px;
    font-weight: 500;
    padding: 4px 10px 4px 45px;
    display: block;
    text-decoration: underline;
}
.companies_each_dropdown_viewall_option{
    border: 1px solid silver;
    width: 50px;
    border-radius: 4px;
    text-align: center;
    line-height: 13px;
    margin-left: 45px;
    margin-top: 5px;
    margin-bottom: 7px;
}
.companies_each_dropdown_viewall_option > a{
    text-decoration: none;
    font-size: 8px;
    color: silver;
    display: block;
    /*border-bottom: 0.5px solid #e8e8e83b;
    width: 50px;*/
}
.update-profile > a{
	font-size: 10px;  
    background: lightgrey;   
    text-align: center;
    border-radius: 6px;
    line-height: 22px;    
    margin-top: -7px;
    padding: 3px 5px;
    text-decoration: none;
    color:black;
}
.update-profile{
	margin-top: -12px;
	margin-left: 10px;
}
.candidate-profile-detail{
	margin-top: -15px;
    margin-left: 10px;
}