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

body{background-color:#fff; color:#333; font-family:'Noto Sans', sans-serif; font-size:13px; line-height:18px; margin:0; padding:0;}
a{color:#202020; text-decoration:none; outline:none;}
a:hover{color:#3ab54a; text-decoration:none; outline:none;}

p{margin: 0 0 5px; text-align: justify;}
h1{font-size:30px;}
h2{font-size:24px;}
label {vertical-align: middle; text-transform:none !important;}
ol, ul{padding:0;margin:15px 0 9px 15px;}

input:-webkit-autofill { -webkit-box-shadow:0 0 0 50px #fff inset; -webkit-text-fill-color: #3ab54a;}
input:-moz-autofill { -webkit-box-shadow:0 0 0 50px #fff inset; -webkit-text-fill-color: #3ab54a;}
select:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #fff inset;}
select:-moz-autofill {-webkit-box-shadow: 0 0 0 1000px #fff inset;}


/* ------------------ Company Profile CSS - added 04/02/2020 - 02:09pm - updated 02/11/2023 - 12:21pm ------------------------- */


.company_breadcrumb{display:block; width:100%; font-size:0.8rem; color:#333; background:#fff; margin:0 auto 1rem;}
.company_breadcrumb a{color:#666;}
.company_breadcrumb a:hover{color:#3ab54a;}
.company_breadcrumb_box{display:block; height:auto; padding:15px 0; margin:0 auto;}
.company_breadcrumb_box span{font-weight:600; color:#000;}


.company_container{display:block; width:100%; border-top:1px solid #f1f1f1; padding:3rem 0;}

.company_box{display:block; width:1200px; max-width:90%; min-height:500px; height:auto; font-family:'Noto Sans', sans-serif; padding:0; margin:0 auto; position:relative;}


.company_content_box{display:block; width:100%; min-height:100vh; height:auto; margin:0 auto; vertical-align:top;}
.company_content_ext{display:block; width:100%; margin:0 auto;}


.company_pic_box{display:block; width:100%; height:400px;}

.company_vid{display:inline-block; width:57%; height:400px; border:1px solid #ddd; border-radius:10px 0 0 10px; box-shadow:0 2px 4px rgba(0,0,0,0.15); margin:0 auto 1rem;}

.company_vid_pic_box{display:inline-block; width:41.5%; height:400px; border-radius:0 10px 10px 0; margin-left:0.5%; vertical-align:top;}
.company_vid_pic2_1{display:inline-block; width:48%; height:400px; object-fit:cover; border:1px solid #ddd; border-radius:0; margin-right:0.85%; vertical-align:top;}
.company_vid_pic2_2{display:inline-block; width:48%; height:400px; object-fit:cover; border:1px solid #ddd; border-radius:0 10px 10px 0; margin-left:0.85%; vertical-align:top;}

.company_banner_block{display:block; width:100%; margin:0 auto 2rem;}

.company_banner_pic3_1{display:inline-block; width:57%; height:400px; object-fit:cover; border:1px solid #ddd; border-radius:10px 0 0 10px; margin-right:0.25%; vertical-align:top;}
.company_banner_pic3_2{display:inline-block; width:20%; height:400px; object-fit:cover; border:1px solid #ddd; margin:0 0.25%; vertical-align:top;}
.company_banner_pic3_3{display:inline-block; width:20%; height:400px; object-fit:cover; border:1px solid #ddd; border-radius:0 10px 10px 0; margin-left:0.25%; vertical-align:top;}

.company_banner_pic_single{display:block; width:99.5%; height:auto; max-height:300px; object-fit:cover; border:1px solid #ddd; border-radius:10px;}


.company_banner_temp{display:block; width:99%; text-align:center; border:2px dotted #cc0000; border-radius:10px; padding:0.5% 0; margin-bottom:1rem;}
.company_banner_temp_block{display:block; width:100%; height:450px; margin:0 auto;}
.company_banner_temp_msg{display:block; width:100%; line-height:1.5rem; font-size:0.85rem; color:#333; margin:1rem auto;}
.company_banner_temp_msg div{display:inline-block; font-weight:700;}
.company_banner_temp_msg a{font-weight:700; text-decoration:underline;}
.company_banner_temp_msg a:hover{color:#000;}


.company_content_left{display:inline-block; width:64%; margin-right:5%; vertical-align:top;}
.company_content_right{display:inline-block; width:28%; margin:1rem 0 0 2%; vertical-align:top;}


.company_content_brand_box{display:flex; justify-content:space-between; align-items:center; width:100%; margin:0 auto 1rem;}

.company_content_name{width:80%; line-height:2.25rem; font-size:1.5rem; font-weight:900; color:#000;}

.company_content_logo{display:flex; justify-content:flex-end; width:20%;}
.company_content_logo img{width:85px; max-width:100%; height:85px; object-fit:contain;}
.company_content_logo_none{width:85px; max-width:100%; height:85px;}


.company_content_about_box{display:flex; justify-content:flex-start; align-items:center; width:95%; background:#f8f8f8; border:1px solid #f0f0f0; 
                           border-radius:5px; padding:1.5% 2.5%; margin:0 auto 1rem;}

.company_content_each{display:inline-block; font-size:0.8rem; color:#3ab54a; text-transform:uppercase; padding:1.5% 0; vertical-align:middle;}
.company_content_separator{display:inline-block; color:#aaa; padding:0 2.5%; vertical-align:middle;}

.company_content_vote{display:inline-block; line-height:2rem; font-size:1.25rem; font-weight:700; color:#ed2f39; float:right;}
.company_content_vote img{display:inline-block; width:35px; height:35px; vertical-align:middle;}
.company_content_vote span{vertical-align:middle;}

.company_content_desc{display:block; width:90%; margin:0;}
.company_content_descdetails{display:block; width:100%; height:auto; line-height:1.85rem; font-family:'Noto Sans', sans-serif; font-weight:400; margin:0 auto 25px;
                             text-align:justify; word-break:break-word;}
.company_content_descdetails p{font-size:0.9rem; text-align:justify !important; margin-bottom:25px;}
.company_content_descdetails span{line-height:1.85rem !important; text-align:justify;}

.company_content_descdetails ul, .company_content_descdetails ol{margin:1rem 0; -webkit-margin-before:0.8em; -webkit-margin-after:0.8em; -webkit-padding-start:0;
                                                                -moz-margin-before:0.8em; -moz-margin-after:0.8em; -moz-padding-start:0;}
/*.company_content_descdetails ::marker{font-size:1.25rem;}*/
.company_content_descdetails li{font-size:0.85rem !important; margin-left:1.5rem;}

.company_content_descedit{width:250px; height:40px; line-height:40px; font-size:0.9rem; font-weight:600; color:#fff; 
                          text-align:center; background:#3ab54a; border:1px solid #3ab54a; border-radius:5px; margin:25px auto;}
.company_content_descedit:hover{outline:none; color:#3ab54a; background:transparent;}

.company_content_desccreate{display:block; width:250px; height:40px; line-height:40px; font-size:0.9rem; font-weight:600; color:#3ab54a; 
                            text-align:center; background:transparent; border:2px solid #3ab54a; border-radius:25px; margin:25px auto;}
.company_content_desccreate:hover{outline:none; color:#fff; background:#3ab54a;}


.company_content_title{line-height:2rem; font-size:1.15rem; font-weight:700; font-family:'Zilla Slab', serif; color:#999; text-transform:uppercase;
                       padding:2rem 0; margin:0 auto;}
.company_content_title span{font-weight:600; color:#333;}


.company_content_jobs{display:block; width:100%; padding:25px 0 0; margin:25px auto 0;}
.company_content_ext_jobs{display:block; width:100%;}


.company_details_box{display:block; width:80%; padding:5%10%; border:1px solid #ddd; border-radius:10px; -webkit-box-shadow:0px 0px 10px 5px rgba(221,221,221,1);
                     -moz-box-shadow:0px 0px 10px 5px rgba(221,221,221,1); box-shadow:0px 0px 10px 5px rgba(221,221,221,1); margin:0 auto 2rem;}

.company_details_each{display:block; width:100%; margin:0 auto 28px;}

.company_details_address{display:inline-block; width:100%; max-width:100%; height:188px; border:1px solid #ddd; border-radius:3px; vertical-align:top; margin:0 25px 0 0; 
                         background:#3ab54a; background-image: -ms-linear-gradient(top, #3ab54a 0%, #3ab54a 100%); 
                         background-image: -moz-linear-gradient(top, #3ab54a 0%, #3ab54a 100%); background-image: -o-linear-gradient(top, #3ab54a 0%, #3ab54a 100%);
                         background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3ab54a), color-stop(100, #3ab54a));
                         background-image: -webkit-linear-gradient(top, #3ab54a 0%, #3ab54a 100%); background-image: linear-gradient(to bottom, #3ab54a 0%, #3ab54a 100%);
                         box-shadow:0 2px 4px rgba(0,0,0,0.15);}
.company_details_address:hover{box-shadow:0 2px 4px rgba(0,0,0,0.45);}
.company_details_addresstable{display:table; width:85%; height:190px;}
.company_details_addressttitle{display:table-cell; width:100%; text-align:left; vertical-align:middle; color:#fff; font-size:0.85rem; line-height:1.5rem; font-weight:300;}


.company_details_jobs{display:inline-block; width:100%; max-width:100%; height:188px; border:1px solid #ddd; border-radius:3px; vertical-align:top; margin-top:25px;
                      background:#ffa800; box-shadow:0 2px 4px rgba(0,0,0,0.15); 
                      background-image: -ms-linear-gradient(top, #ffa800 0%, #ff7f00 100%);
                      background-image: -moz-linear-gradient(top, #ffa800 0%, #ff7f00 100%);background-image: -o-linear-gradient(top, #ffa800 0%, #ff7f00 100%);
                      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffa800), color-stop(100, #ff7f00));
                      background-image: -webkit-linear-gradient(top, #ffa800 0%, #ff7f00 100%); background-image: linear-gradient(to bottom, #ffa800 0%, #ff7f00 100%);}
.company_details_jobs:hover{box-shadow:0 2px 4px rgba(0,0,0,0.45);}
.company_details_jobstable{display:table; width:85%; height:150px;}
.company_details_jobstitlebox{display:table-cell; width:100%; height:130px; line-height:1.25rem; font-size:0.9rem; font-weight:300; color:#fff; 
                              text-align:left; vertical-align:middle;}
.company_details_jobstitle{display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical; font-size:0.9rem; font-weight:300;}
.company_details_jobslist{display:block; width:80%; font-size:12px; font-weight:400; color:#fff; text-transform:uppercase;}
.company_details_jobslist img{display:inline-block; width:12px; height:12px; margin-left:5px; vertical-align:middle;}



.company_details_info{display:block; width:80%; padding:10%; margin:10% auto; background:#fcfcfc;}

.company_details_info_each{display:flex; justify-content:flex-start; align-items:flex-start; gap:15px; margin:0 0 1.5rem;}
.company_details_info_each a{color:#3ab54a;}
.company_details_info_each a:hover, .company_details_info_each:focus{color:#000; outline:none;}

.company_details_info_logo{width:20px; object-fit:contain; border:1px solid #ddd;}
.company_details_info_icons{width:20px; font-size:1rem; color:#aaa;}
.company_details_info_more{width:85%; font-size:0.8rem; font-weight:500; word-break:break-all;}
/*.company_details_info_more span{line-height:1.25rem;}*/


/* =============================================================================================================================================== */
/* - - - - - - - - - - - - - - - - - - - - List of Jobs - copy of Seek Result - added 22/08/2023 - 04:57pm - - - - - - - - - - - - - - - - - - - - */
/* =============================================================================================================================================== */


.job_each{display:flex; flex-direction:column; border-bottom:1px solid #eee; width:95%; padding:5% 2.5%; margin:0 auto; position:relative;}
.job_each:hover{background:rgba(58,181,74,0.05); -webkit-box-shadow:0px 0px 10px 2px rgba(58,181,74,0.05);
                -moz-box-shadow:0px 0px 10px 2px rgba(58,181,74,0.05); box-shadow:0px 0px 10px 2px rgba(58,181,74,0.05);}
.job_each:hover .job_title{color:#000;}

.job_each_ext{display:block; width:90%; border-bottom:1px solid #eee; padding:0 2.5%; margin:0; position:relative;}
.job_each_ext:hover{background:rgba(58,181,74,0.015); -webkit-box-shadow:0px 0px 10px 2px rgba(58,181,74,0.05); 
                    -moz-box-shadow:0px 0px 10px 2px rgba(58,181,74,0.05); box-shadow:0px 0px 10px 2px rgba(58,181,74,0.05);}
.job_each_ext:hover .job_title{color:#000;}

.job_each_block{display:flex; justify-content:space-between; align-items:flex-start; width:100%;}
.job_each_block:hover .job_title{color:#333; text-shadow:0 0 1px #3ab54a;}

.job_title{display:block; max-width:90%; line-height:1.85rem; font-size:1.25rem; font-weight:700; color:#2e903b; word-break:break-word; margin:0;}

.save_job_login{width:25px; height:25px; cursor:pointer; background:url('https://uploads.bighire.my/web/images/icon/save_job_btn.png') no-repeat center/20px;}
.save_job_login:hover{background:url('https://uploads.bighire.my/web/images/icon/save_job_btn_hover.png') no-repeat center/20px;}

.save_job{width:25px; height:25px; cursor:pointer; background:url('https://uploads.bighire.my/web/images/icon/save_job_btn.png') no-repeat center/20px;}
.save_job:hover{background:url('https://uploads.bighire.my/web/images/icon/save_job_btn_hover.png') no-repeat center/20px;}


.job_comploc{display:block; width:100%; line-height:1.25rem; font-size:0.8rem;}
.job_loc{color:#000; font-weight:400; vertical-align:middle;}
.job_comp{color:#000; font-weight:700; vertical-align:middle;}

.job_desc{width:100%; min-height:50px; line-height:1.25rem; font-size:0.75rem; font-weight:400; color:#333; margin:1rem 0; 
          display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden;}
.job_desc img{/*display:none !important;*/ display:block; max-width:65% !important; margin:1rem 0;}

.job_ext{display:flex; justify-content:space-between; align-items:center; width:100%; margin:0 auto;}

.job_info{display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; gap:10px; width:80%;}

.job_type{width:fit-content; height:30px; line-height:30px; color:#000; border:1px solid #ddd; border-radius:5px; padding:0 15px;}
.job_salary{width:fit-content; height:30px; line-height:30px; color:#000; border:1px solid #ddd; border-radius:5px; padding:0 15px;}
.job_type img, .job_salary img{display:inline-block; width:15px; height:15px; margin-right:2.5%; vertical-align:top;}

.job_quickapply{width:fit-content; height:30px; line-height:30px; font-size:0.8rem; font-weight:500; color:#3ab54a; 
                border:1px solid #3ab54a; border-radius:5px; padding:0 15px;}
.job_quickapply:hover{color:#fff; background:#3ab54a;}

.job_logo{width:20%; height:50px; text-align:right;}
.job_logo img{width:125px; max-width:100%; height:50px; object-fit:contain; object-position:right center;}


/* --------------------------- pagination css - added 06/10/2023 - 10:20am--------------------------- */ 

.pagination{display:block; width:90%; height:auto; font-family:'Noto Sans', sans-serif; text-align:center; margin:1.5rem 0 3rem;}
.pagination .leading-5{margin:1rem auto;}
.pagination .text-gray-500{font-weight:700 !important; color:#000 !important;}
.pagination .text-gray-700{font-weight:400 !important; color:#444 !important;}
.pagination .font-medium{font-weight:400 !important; color:#333 !important;}
.pagination .rounded-md.text-gray-500{color:#888 !important; margin:0 10px !important;}
.pagination .cursor-default.-ml-px{color:#333 !important; font-weight:700 !important; background:rgba(11,145,255,0.1); border:1px solid rgba(11,145,255,0.15); 
                                   border-radius:3px; padding:3px 10px !important;}
.pagination .justify-between{display:block; margin:3rem auto 1.5rem;}
.pagination .justify-between a{text-align:center; color:#000; border:1px solid #fff; border-radius:3px; padding:3px 5px 3px 8px !important; margin:0 3px !important;}
.pagination .justify-between a:hover{background:rgba(11,145,255,0.025); border:1px solid rgba(11,145,255,0.05); border-radius:3px;}
.pagination [aria-disabled="true"] .py-2{font-weight:400 !important; padding:0 10px !important; color:#333 !important; background:#fff !important;}
.pagination [aria-disabled="true"] .text-sm{background:none !important; border:none !important; color:#ccc !important; padding:0 !important; margin:0 !important;}
.pagination .hidden p{display:none; font-size:0.9rem !important; font-weight:700 !important; color:#000 !important;}
.pagination .hidden span.font-medium{color:#000 !important; font-weight:700 !important;}
[aria-current]:not([aria-current="false"]){color:#333; font-weight:600;}
[aria-current]:not([aria-current="true"]){color:#333; font-weight:400;}
[aria-orientation="vertical"]{flex-direction: column;}
[aria-hidden='true']{display: none;}
.pagination [aria-label="« Previous;"], .pagination [aria-label="Next »"]{display:none !important;}
.pagination.w-5.h-5{display:none!important;}
.pagination svg{display:none!important;}
.pagination a[aria-label="« Previous"]{display:none !important;}

/* --------------------------- END pagination css - added 06/10/2023 - 10:20am--------------------------- */ 


/* ----------------------------------------------------------------------------------- */
/* ------------------- media css - updated on 21/05/2025 - 11:33am ------------------- */
/* ----------------------------------------------------------------------------------- */

@media only screen and (min-width: 240px) and (max-width: 480px) {
  
  .company_content_left{display:block; width:100%; margin:0;}
  .company_content_right{display:none; display:block; width:100%; margin:0;}
  
  .company_vid{display:block; width:100% !important; height:200px; border-radius:10px; margin:0 auto 2rem;}
  .company_banner_pic3_1{display:block; width:100%; height:200px; border-radius:10px;}
  .company_vid_pic_box, .company_banner_pic3_2, .company_banner_pic3_3{display:none;}
  
  .company_content_desc{display:block; width:100%;}
  
  .company_content_about_box{display:none;}
  .company_content_vote{display:none; float:none; margin:1rem 0 0;}
  
  .job_each{width:100%; padding:10% 0;}
  .job_ext{gap:10px;}
  .job_info{width:100%;}
  .job_logo{display:none;}
  
}

@media only screen and (min-width: 481px) and (max-width: 660px) {
  
  .company_content_left{display:block; width:100%; margin:0;}
  .company_content_right{display:none; display:block; width:100%; margin:0;}
  
  .company_vid{display:block; width:100% !important; height:200px; border-radius:10px; margin:0 auto 2rem;}
  .company_banner_pic3_1{display:block; width:100%; height:200px; border-radius:10px;}
  .company_vid_pic_box, .company_banner_pic3_2, .company_banner_pic3_3{display:none;}
  
  .company_content_desc{display:block; width:100%;}
  
  .company_content_about_box{display:none;}
  .company_content_vote{display:none; float:none; margin:1rem 0 0;}
  
  .job_each{width:100%; padding:10% 0;}
  .job_ext{gap:10px;}
  .job_info{width:100%;}
  .job_logo{display:none;}
  
}

@media only screen and (min-width: 721px) and (max-width: 920px) {
	
  .company_content_left{display:block; width:100%; margin:0;}
  .company_content_right{display:none; display:block; width:100%; margin:0;}
  
}

@media only screen and (min-width: 921px) and (max-width: 1080px) {
	
}

@media only screen and (min-width: 1081px) and (max-width: 1280px) {
  
}

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

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

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

@media only screen and (max-device-width: 720px) and (orientation:landscape) {
  
  .company_content_left{display:block; width:100%; margin:0;}
  .company_content_right{display:none; display:block; width:100%; margin:0;}
  
}

/* --------------------------------------------------------------------------------------- */
/* ------------------- END media css - updated on 21/05/2025 - 11:33am ------------------- */
/* --------------------------------------------------------------------------------------- */