/*
	########################
	##      Banner Section
	########################
	*/   
  
    	#banner-section{
    	     width: min(90%, 1800px);  
         margin:0 auto;
         padding-top:5em;
    	}
			  
		#banner-section h3{
			      font-size:2.4em;
			  }
	   #banner-section p{
			      font-size:1.6em;
			  }
		#banner-section h1{
			      font-size:4.5em;
			          margin-bottom: 0px;
			  }
			  
		#banner-section .job-banner{
			      display:flex;
			      justify-content:center;
			      align-items:flex-start;
			      column-gap:3em; 
			      row-gap: 1.7em;
			  }
		#banner-section .job-banner .column-1{
		    width:100%;
		    max-width:450px;
		}	  
		#banner-section .job-banner .column-2{
		    width:100%;
		    max-width:600px;
		}	  
		
		 @media (max-width:1200px){ 
		 #banner-section h3{
			      font-size:2.1em;
			  }
	     #banner-section p{
			      font-size:1.3em;
			  }
	 	#banner-section h1{
			      font-size:4.2em;
			          margin-bottom: 0px;
			  }
		}
		
	
		@media (max-width:1024px){
		    #banner-section .job-banner{ 
			      flex-wrap:wrap;
		    }
		 
		}
		
		
		@media (max-width:500px){ 
		 #banner-section h3{
			      font-size:1.5em;
			  }
	     #banner-section p{
			      font-size:1em;
			  }
	 	#banner-section h1{
			      font-size:3em;
			          margin-bottom: 0px;
			  }
		}
		
		
	/*
	########################
	##      Banner Section
	########################
	*/
	
	
	
	
	/*
	########################
	##     Search Bar
	########################
	*/
	 .job-container{
        width: min(90%, 1800px);  
         margin:0 auto;
         padding-top:5em;
   }
	#jobs-section{
	    width:100%;
	    max-width:750px;
	    margin:0 auto;
	}
	
	.search-box{
	    display:flex;
	    justify-content:space-evenly;
	    align-items:center;
	    background: #fff;
        padding:1em;
        border-radius:12px;
        box-shadow:0 0 29px #D8E3FE;
        gap:25px;
	}

	 
	 #text{
	     width:100%;
	     height: 50px;
         border: 0px;
         font-size:18px;
         color:#828282;
         font-family:'Visuelt-Light'; 
	 }
	 #dropdown{
	      width:100%;
	     height: 50px;
         border: 0px;
         font-size:18px; 
         color:#828282;
         padding:10px 15px;
         background: #fff;
         font-family:'Visuelt-Light';
	 }
	 :focus-visible {
    outline: red auto 0px;
}
	.submit-btn{
	     font-family:'Visuelt-Medium';
	    background: #ffd729;
        padding: 25px 30px;
        border-radius: 10px;
        color:#4e4c44;
        cursor:pointer;
	}
	
	.job-keyword{
	   position:relative;
	   width: 100%;
       max-width: 190px;
       display: flex;
       justify-content: center;
       align-items: center;
       gap: 10px;
	}
	.job-keyword img{
	    width:30px;
	    height:30px;
	}
	
	.job-keyword:after{
	    position:absolute;
	    width:2px;
	    height:60px;
	    content:'';
	    background-color:#c9c9c9;
	    right:-22px;
	}
	.job-city{
	   position:relative;
	   width: 100%;
       max-width: 230px;
       display: flex;
       justify-content: center;
       align-items: center;
       gap: 10px;
    
	}
		.job-city .image-1{
	    width:30px;
	    height:30px;
	}
		.job-city .image-2{
	    width:16px;
	    height:16px;
	}
	 

	 
	/*
	########################
	##     Search Bar
	########################
	*/
	
	
	
	
		/*
	########################
	##     Job Bar
	########################
	*/
	
	.job-description{
	    padding:3em 0em;
	    text-align:center;
	    width:100%;
	    max-width:1200px;
	    margin:0 auto;
	}
	
	.job-description h2{
	    text-align:center;
	    padding-bottom:0.6em;
	}
		
	
	.jobCard-container{
	   width:100%;
	    max-width:1280px;
	    margin:0 auto;
	    padding:2em 0em 5em 0em;
	   
	}
	
	.jobCard-container .jobCard-row{
	    width:100%;
	    display:flex;
	    justify-content:space-between;
	    align-items:self-start;
	     flex-wrap:wrap;
	     row-gap:80px;
	     column-gap:30px;
	}
	
	.jobCard-container .jobCard-row .jobCard-col{
	    width:100%; 
	    max-width:600px;
	    box-shadow: 0 0 29px #D8E3FE;
	    padding: 40px 40px;
	    border-radius:15px;
	        display: flex;
    flex-direction: column;
    justify-content: start;
    min-height: 250px;
	}
	
	.jobCard-container .jobCard-row .jobCard-col .jobCard-items p{
	    font-size:19px;
	    padding:8px 0px 8px 0px;
	    color:#080808;
	}
	
	.jobCard-container .jobCard-row .jobCard-col .jobCard-points{  
	    display: flex;
        justify-content: space-between;
        align-items: start;
        padding-top:20px;
	}
	.jobCard-container .jobCard-row .jobCard-col .jobCard-points .points{
	    display:flex;
	    justify-content:center;
	    align-items:center;
	    gap: 11px;
	}
	
	.jobCard-container .jobCard-row .jobCard-col .jobCard-points .points .pint-text{
	    font-size:15px;
	    color:#6a6a6a;
	}
	
	.jobCard-container .jobCard-row .jobCard-col .jobCard-points .point-img{
	    width:100%;
	    max-width:27px;
	}
	
	
	
	@media(max-width:1380px){
	    .jobCard-container .jobCard-row .jobCard-col{
	       max-width: 525px;
	    }
	}
	
	@media(max-width:1200px){
	    .jobCard-container .jobCard-row .jobCard-col{
	       max-width: 495px;
	    }
	    
	   .jobCard-container .jobCard-row{ 
	     row-gap:60px;
	     column-gap:30px;
	}
	}
	
		@media(max-width:1180px){
	    .jobCard-container .jobCard-row .jobCard-col{
	       max-width: 480px;
	    }
	    	.jobCard-container .jobCard-row .jobCard-col .jobCard-items h3{
	    	    font-size:1.2em;
	    	}
	    
	    .jobCard-container .jobCard-row{ 
	     row-gap:60px;
	     column-gap:30px;
	}
	}
	
		@media(max-width:1080px){
	    .jobCard-container .jobCard-row .jobCard-col{
	       max-width: 435px;
	    }
	    
	    .jobCard-container .jobCard-row{ 
	     row-gap:35px;
	     column-gap:30px;
	}
	
	.jobCard-container .jobCard-row{
	    justify-content:center;
	}
	}
		@media(max-width:1000px){
	    .jobCard-container .jobCard-row .jobCard-col{
	       max-width: 600px;
	    }
		}
	
		/*
	########################
	##     Job Bar
	########################
	*/