@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@400;500;600;700&display=swap');

*{box-sizing:border-box;}

body{width:100%; font-family:'Noto Sans', sans-serif; font-size:0.85rem; line-height:1.25rem; color:#000; text-rendering:auto; 
		 margin:0; position:relative;}
a{color:#2e903b; text-decoration:none; outline:none;}
a:hover{color:#333; text-decoration:none; outline:none;}
/*p{font-size:0.8rem; margin:0; padding:0;}*/

input{font-family:'Noto Sans', sans-serif; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
input:focus{outline-offset:0 !important;}
input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #f5f5f5 inset; -webkit-text-fill-color:#267E1B !important;}

input[type=submit], .input[type=checkbox]{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none; margin:0;}
input[type="number"]{-moz-appearance:textfield;}

::-webkit-input-placeholder{font-family:'Zilla Slab', sans-serif; font-weight:400; color:#888; font-size:0.85rem; letter-spacing:0.5px;}
::-moz-placeholder{font-family:'Zilla Slab', sans-serif; font-weight:400; color:#888; font-size:0.85rem; letter-spacing:0.5px;}
:-moz-placeholder{font-family:'Zilla Slab', sans-serif; font-weight:400; color:#888; font-size:0.85rem; letter-spacing:0.5px;}
:-ms-input-placeholder{font-family:'Zilla Slab', sans-serif; font-weight:400; color:#888; font-size:0.85rem; letter-spacing:0.5px;}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus{
  -webkit-text-fill-color:#000; -webkit-box-shadow:0 0 0px 1000px transparent inset; transition:background-color 5000s ease-in-out 0s;}

strong{font-weight:600 !important;}
em, var, address, dfn{font-style:normal !important;}
dl{margin:0 !important; -webkit-margin-before:0 !important; -webkit-margin-after:0 !important; -webkit-margin-start:0px; -webkit-margin-end:0px;}
dd{margin:0 0 0 15px !important; -webkit-margin-start:15px !important;}

p{display:block; margin:0; -webkit-margin-before:0; -webkit-margin-after:0; -webkit-margin-start:0; -webkit-margin-end:0;}


/* --------------------- header css - created 11/04/2025 - 02:10pm ---------------------------- */
.header_top{display:flex; justify-content:center; align-items:center; height:35px; background:#2e903b;}

.header_top_center{display:flex; justify-content:space-between; align-items:center; width:1220px; max-width:90%; height:35px; margin:0 auto;}
.header_top_left, .header_top_right{display:flex; justify-content:start; align-items:center; gap:5px;}

.header_top_menu{height:35px; line-height:35px; font-size:0.8rem; font-weight:600; color:#fff; background:#2e903b; padding:0 10px; position:relative;}
.header_top_menu:hover{color:#fff; background:#287e33; cursor:pointer;}

.header_top_menu i{font-size:0.65rem;}

.header_top_menu_mobile{display:none; height:35px; line-height:35px; font-size:0.8rem; font-weight:600; color:#fff; background:#2e903b; padding:0 10px; position:relative;}
.header_top_menu_mobile:hover{color:#fff; background:#287e33; cursor:pointer;}


.header_top_lang{display:flex; justify-content:flex-start; align-items:center; flex-direction:column; min-width:125px; padding:0 15px;}


.sel_user_name{position:relative;}
#sel_menu{display:flex; align-items:center;}
.sel_user_name_block{max-width:150px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 10px;}
#sel_user_menu{display:none; min-width:185px; width:fit-content; background:#fff; position:absolute; right:0; top:35px;
                 border:1px solid #ddd; box-shadow:0 0 5px #ddd; border-radius:5px; z-index:999999;}
.header_top_user{display:flex; justify-content:flex-start; align-items:center; flex-direction:column; min-width:150px; width:auto;}
.header_top_user_list{display:block; line-height:2.25rem; font-size:0.8rem; font-weight:600; color:#333; border-radius:3px; padding:0 10%; margin:5px;}
.header_top_user_list:hover{color:#000; background:rgba(58,181,74,0.15);}


.sel_locale_cont{position:relative;}
.sel_locale_cont img{width:20px; height:20px; border-radius:50%; cursor:pointer;}
.sel_locale_cont img:hover{box-shadow:0 0 5px 0 #ccc;}
#sel_locale_menu{display:none; min-width:165px; width:fit-content; background:#fff; position:absolute; right:0; top:35px;
                 border:1px solid #ddd; box-shadow:0 0 5px #ddd; border-radius:5px; z-index:999999;}
#sel_locale_menu:hover{background:#eee;}
#sel_locale_menu a{display:flex; flex-wrap:wrap; width:fit-content; justify-content:flex-start; align-items:center; line-height:2.5rem;
                   font-size:0.8rem; font-weight:600; color:#333; text-transform:capitalize; cursor:pointer;}

#sel_locale_menu_mobile{display:none; width:200px; position:absolute; right:10px; top:60px; font-size:0.8rem; line-height:20px; text-align:left; 
                        border:1px solid #ddd; box-shadow:0 0 5px #ddd; border-radius:5px; z-index:999999; padding:10px 0;}
#sel_locale_menu_mobile a {display:block; color:#444; padding:0 25px; margin:20px 0; text-transform:capitalize; cursor:pointer;}


.header_brand{display:flex; justify-content:center; align-items:center; height:65px; background:#3ab54a;}

.header_brand_center{display:flex; justify-content:space-evenly; align-items:center; width:1220px; max-width:90%; height:65px; margin:0 auto;}

.header_brand_logo{width:80px; max-width:10%; height:50px; object-fit:contain; object-position:center left; padding:0 10px; cursor:pointer;}

.header_menu_search{display:flex; justify-content:flex-start; align-items:center; width:70%;}
.header_menu_search form{width:100%; margin:0; display:flex; gap:0; justify-content:flex-start; align-items:center;}


.header_menu_option{display:flex; justify-content:flex-end; align-items:center; gap:15px; width:25%;}

.header_search_box{display:flex; justify-content:center; align-items:center; background:#fff; width:95%; height:40px;
                   border:2px solid #2e903b; border-radius:25px 0 0 25px;}
.header_search_box span{color:#ddd;}

.header_search_opt{display:flex; width:65%; height:40px; justify-content:space-evenly; align-items:center;}
.header_search_clear{visibility:hidden; width:5%; font-size:1.15rem; font-weight:600; font-family:Trebuchet MS, sans-serif; color:#f00; cursor:pointer;}

.header_search_text{width:/*48%*/90%; height:40px; line-height:40px; font-size:0.8rem; font-family:'Noto Sans', sans-serif; border:none; outline:none;}


#search_keyword{padding:0 10px 0 30px; background:url('https://uploads.bighire.my/web/images/icon/icon_searchglass_grey.png') no-repeat center left 5px/18px;
                border-radius:25px 0 0 25px;}
#search_location{padding:0 10px 0 40px; background:url('https://uploads.bighire.my/web/images/icon/icon_locpin_lightgrey.png') no-repeat center left 10px/18px;
                 border-radius:0;}

.header_search_submit{width:5%; height:40px; line-height:40px; font-size:1rem; color:#fff; text-align:center; 
                      background:url('https://uploads.bighire.my/web/images/icon/icon_searchglass_white.png') #2e903b no-repeat center/18px; 
                      border:2px solid #2e903b; border-left:none; border-radius:0 25px 25px 0; outline:none; cursor:pointer;}
.header_search_submit:hover{background:url('https://uploads.bighire.my/web/images/icon/icon_searchglass_white.png') #287e33 no-repeat center/18px;}

.header_menu_button{width:fit-content; height:35px; line-height:35px; font-size:0.85rem; font-weight:600; color:#fff;
                   border:1px solid #fff; border-radius:5px; padding:0 10px; position:relative;}
.header_menu_button:hover{color:#fff; background:#2e903b;}

.header_menu_link{width:fit-content; height:35px; line-height:35px; font-size:0.85rem; font-weight:600; color:#fff;
                  padding:0 10px; position:relative;}
.header_menu_link:hover{color:#ddd;}

.header_menu_line{display:block; border-bottom:1px solid #eee; padding:0 20px; margin:0 auto;}


.header_category_box{width:1200px; max-width:90%; margin:0 auto; position:relative;}

.scroll-container{display:flex; flex-direction:row; align-items:center; gap:10px; overflow-x:auto; scrollbar-width:none; 
									-ms-overflow-style:none; position:relative; padding:10px 5px; margin:2rem auto; cursor:grab;}
.scroll-container::-webkit-scrollbar{display:none;}

.scroll-item{display:flex; flex-direction:column; justify-content:center; align-items:center; width:fit-content !important; 
						 min-width:106px; height:100px; font-size:18px; text-align:center; padding:5px 10px;
						 background:#fff; border:1px solid transparent; border-radius:5px; box-sizing:border-box; 
						 box-shadow:rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;}
.scroll-item:hover{background:#ebf7ec;}

.scroll-arrow{position:absolute; top:50%; transform:translateY(-50%); z-index:10; border:1px solid #ddd; border-radius:100%;}
.scroll-arrow.left{left:-25px;}
.scroll-arrow.right{right:-25px;}
.arrow-button{display:flex; justify-content:center; align-items:center; width:35px; height:35px; color:#6b7280; 
							background:#fff; border:1px solid transparent; border-radius:50%; cursor:pointer; transition:background-color 0.2s;}
.arrow-button:hover{color:#3ab54a; background:#ebf7ec; border:1px solid #3ab54a;}
 
.scroll-item > span{display:flex; flex-wrap:wrap; max-width:100px; line-height:1rem; font-size:0.7rem; color:#000;}
.scroll-item img {display:block; width:50px; height:35px; object-fit:contain; margin-bottom:5px;}
  
  
/* --------------------------------- popup css for sign in - updated 12/01/2023 - 01:42pm -------------------------------------- */

#pop_up_background{display:none; position:absolute; height:100%; width:100%; top:0; left:0; background:rgba(0,0,0,0.5); position:fixed;z-index:999;}
.signup_pop_up_box{display:none; width:350px; height:auto; text-align:center; font-family:'Noto Sans', sans-serif; background:#fff;border-radius:10px;                 z-index:9999999999; position:absolute; top:15vh; left:38%; transform:translate(0, 0);}

.popup_blueheader{display:block; width:350px; height:95px; background:#2e903b; border-radius:10px 10px 0 0;}
.popup_triangle{height:0; width:0; border-left:176px solid transparent; border-right:176px solid transparent;
                border-bottom:0 solid transparent; border-top:1.5rem solid #2e903b; margin-top:-1px; margin-left:-1px;}

.pop_up_header{display:block; margin:0 auto 30px; width:100%; text-transform:capitalize; padding:25px 0 0; text-align:center; }
.pop_up_header img{width:20px;}
.popup_title{display:block; font-size:15px; line-height:35px; font-weight:600; color:#fff; margin-top:5px;}

.popup_cancel{font-size:16px; text-align:right; width:auto; text-decoration:none; line-height:50px; color:#fff; font-family:'Segoe UI', sans-serif; position:absolute; right:20; outline:none;}
.popup_cancel:hover{color:#eee; outline:none;}

.popup_error{display:block; color:#f00; text-align:center; margin:1rem auto;}

.popup_box{display:block; width:85%; height:auto; margin:2rem auto;}
.popup_block{display:block; width:100%; text-align:left; position:relative;}
.popup_block_option{display:block; margin:20px auto;}
.popup_block_button{display:block; height:100px;}

.popup_text::-webkit-input-placeholder{font-family:'Noto Sans', sans-serif; font-weight:400; color:#888; font-size:0.85rem;}
.popup_text::-moz-placeholder{font-family:'Noto Sans', sans-serif; font-weight:400; color:#888; font-size:0.85rem;}

.popup_text{display:block; width:100%; height:40px; line-height:40px; font-size:0.9rem; color:#2e903b;font-family:'Noto Sans', sans-serif;
            border:1px solid #ddd; border-radius:3px; padding:0 15px; margin:1rem auto; vertical-align:top;}
.popup_text:focus{outline:none; border:1px solid #2e903b;}

.popup_see_password{display:block; width:25px; height:25px; background:url('https://uploads.bighire.my/web/images/icon/icon_eye_seehover.png') no-repeat center right/20px; 
                    position:absolute; top:10; right:10; cursor:pointer;}
.popup_see_password:hover{display:block; width:25px; height:25px; background:url('https://uploads.bighire.my/web/images/icon/icon_eye_see.png') no-repeat center right/20px; 
                          position:absolute; top:10; right:10; cursor:pointer;}

.popup_line{display:block; border-bottom:1px solid #ddd; margin:1rem auto;}
.popup_separator_line{display:inline-block; width:15%; border-bottom:1px solid #ddd; margin:1rem auto; vertical-align:middle;}
.popup_separator_opt{display:inline-block; width:auto; max-width:55%; font-size:0.75rem; Color:#666; margin:5%; vertical-align:middle;}

.popup_prob{display:block; width:100%; height:30px; line-height:30px; font-size:0.8rem; font-weight:700; color:#000;}
.popup_prob:hover{color:#2e903b; outline:none;}

.popup_signin{display:block; width:100%; height:35px; font-size:0.85rem; font-weight:600; color:#fff; text-align:center; font-family:'Noto Sans', sans-serif;
              background:#2e903b; border:1px solid #2e903b; border-radius:3px; padding:0 2.5%; margin:1rem auto; cursor:pointer;}
.popup_signin:hover{background:#fff; border:1px solid #2e903b; color:#2e903b; outline:none;}
.popup_signup{display:block; width:100%; height:35px; line-height:35px; font-size:0.85rem; font-weight:600; color:#2e903b; text-align:center;
              font-family:'Noto Sans', sans-serif; background:#fff; border:1px solid #2e903b; border-radius:3px; margin:1rem auto;}
.popup_signup:hover{background:#2e903b; color:#fff; outline:none;}

/* --------------------------------- END popup css for sign in - added 12/4/2018 - 11:21am - updated 12/01/2023 - 01:42pm -------------------------------------- */


/* ----------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------- media css - added 16/04/2025 - 02:27pm - updated 06/05/2025 - 10:05am --------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width:240px) and (max-width:480px) {
  
  #top_menu_jobseeker, #top_menu_employer{display:flex;}
  #top_menu_search, #top_menu_company, #top_menu_resume, #top_menu_contact, #sel_locale{display:none;}
  
  .header_brand_logo{width:20%; max-width:20%; padding:0;}
	.header_menu_search{width:80%;}
	.header_menu_option{display:none; width:30%;}
	
	.header_search_box{width:90%;}
  #header_search_key{width:100%}
	#search_keyword{width:90%;}
	#search_line{display:none;}
	#header_search_loc, #search_location{display:none;}
	.header_search_submit{width:15%;}
	
}

@media only screen and (min-width:481px) and (max-width:660px) {
  
  #top_menu_jobseeker, #top_menu_employer{display:flex;}
  #top_menu_search, #top_menu_company, #top_menu_resume, #top_menu_contact{display:none;}
  
  .header_brand_logo{width:20%; max-width:20%; padding:0;}
	.header_menu_search{width:80%;}
	.header_menu_option{display:none; width:30%;}
	
	.header_search_box{width:90%;}
  #header_search_key{width:100%}
	#search_keyword{width:90%;}
	#search_line{display:none;}
	#header_search_loc, #search_location{display:none;}
	.header_search_submit{width:15%;}
	
}

@media only screen and (min-width:661px) and (max-width:720px) and (orientation:portrait) {
  
  #top_menu_jobseeker, #top_menu_employer{display:flex;}
  #top_menu_search, #top_menu_company, #top_menu_resume, #top_menu_contact{display:none;}
  
  .header_brand_logo{width:20%; max-width:20%; padding:0;}
	.header_menu_search{width:80%;}
	.header_menu_option{display:none; width:30%;}
	
	.header_search_box{width:90%;}
  #header_search_key{width:100%}
	#search_keyword{width:90%;}
	#search_line{display:none;}
	#header_search_loc, #search_location{display:none;}
	.header_search_submit{width:15%;}
	
}

@media only screen and (min-width:721px) and (max-width:920px) {
  
  #top_menu_jobseeker, #top_menu_employer{display:flex;}
  #top_menu_search, #top_menu_company, #top_menu_resume{display:none;}
  
	.header_menu_search{width:88%;}
	.header_menu_option{display:none; width:30%;}
	
	.header_search_box{width:92%;}
	.header_search_submit{width:8%;}
	
}

@media only screen and (min-width:921px) and (max-width:980px) {
	
	.header_menu_search{width:60%;}
	.header_menu_option{width:30%;}
	
	.header_search_box{width:92%;}
	.header_search_submit{width:8%;}
	
}

@media only screen and (min-width:981px) and (max-width:1023px) {
  
	.header_menu_search{width:60%;}
	.header_menu_option{width:30%;}
	
	.header_search_box{width:92%;}
	.header_search_submit{width:8%;}
	
}

@media screen and (min-width:1024px) and (max-width:1200px) {
  
	.header_menu_search{width:60%;}
	.header_menu_option{width:30%;}
	
	.header_search_box{width:92%;}
	.header_search_submit{width:8%;}
	
}

@media screen and (min-width:1201px) and (max-width:1439px) {
  
}

@media screen and (min-width:1440px) and (max-width:1600px) {
  
}

@media screen and (min-width:1601px) and (max-width:2500px) {
	
}

@media only screen and (max-device-width:480px) and (orientation:portrait) {
  
}

@media only screen and (max-device-width:720px) and (orientation:landscape) {
  
  #top_menu_jobseeker, #top_menu_employer{display:flex;}
  #top_menu_search, #top_menu_company, #top_menu_resume{display:none;}
  
  .header_brand_logo{padding:0;}
	.header_menu_search{width:88%;}
	.header_menu_option{display:none; width:30%;}
	
	.header_search_box{width:90%;}
  #header_search_key{width:50%; }
	#search_keyword{width:80%;}
	#search_line{display:block !important;}
	#header_search_loc{display:flex; width:50%;}
	#search_location{display:flex; width:80%;}
	.header_search_submit{width:10%;}
	
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------- END media css - added 16/04/2025 - 02:27pm - updated 06/05/2025 - 10:05am --------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */