@font-face { 
    font-family:F37Ginger; 
    src:url(https://s3.ap-southeast-2.amazonaws.com/rec-marketing-apse2-customer-files/370108c6ed410f229fef8fb69dbc06ec/5bec3f5d3415b47aec0f230fb35afd35/Ginger%20Font/F37Ginger-Regular.otf) format("opentype"); 
    font-weight: noraml; 
    font-style: normal; 
  }
  @font-face { 
    font-family:F37Ginger-light; 
    src:url(https://s3.ap-southeast-2.amazonaws.com/rec-marketing-apse2-customer-files/370108c6ed410f229fef8fb69dbc06ec/5bec3f5d3415b47aec0f230fb35afd35/Ginger%20Font/F37Ginger-Light.otf) format("opentype"); 
    font-weight: noraml; 
    font-style: normal; 
  }
/* Theme Selection CSS */

.btn-top-nav {
  color: #000;
  background-color: #F8F9FA;
  border-color: #F8F9FA;
  font-size:14px!important;
}

.topnav-menu {
  padding: .8rem .3rem;
  border-radius: 15px;
}

#top-nav .dropdown-item {
  padding: .7rem 1.5rem;
  color: #171616 ;
  display: block;
  width: 100%;
  clear: both;
  font-weight: 400;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

/* Logo */

img.brand-logo {
  width: 100%;
  max-width: 190px;
  
}

/* Typography */

body,
p, 
li {
    font-family: "F37Ginger-light", sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #000;  
}
p {
    font-size: 16px;
    line-height: 32px;
    font-weight: 300;
}


 h1,  h2,  h3,  h4,  h5,  h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "F37Ginger", sans-serif;
    line-height: 1.35em;
}

 h1, .h1 {
	font-size: 34px;
	
}
 h2, .h2 {
	font-size: 30px;
	
}


/* Navigation */

.primary-title h1 {
    font-size: 3.5em;
}

.nav-link {
  padding: 12px 16px 12px 16px;
}

.navbar-light .navbar-nav .nav-link {
  color: #fff;
 
  
}

.navbar-light .navbar-nav .active>.nav-link, 
.navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.show, 
.navbar-light .navbar-nav .show>.nav-link {
  color: #fff;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: #fff;
    text-decoration: underline;
}

.dropdown-menu {
  border-radius: 0;  
  padding: 0;
  margin: 0;
}

@media (min-width: 1299px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 15px;
    padding-left: 15px;
  }
}

/* Primary Title */

@media only screen and (max-width: 768px) {
  .primary-title h1 {
    font-size: 1.7em;
  }
}

/* Buttons */

.btn {
  font-weight: 600;
}

/* Job Search Block */

.job-search-results ul {
  font-weight: 400;
}

.job-search-results a {
    color: #000;
    font-family: "F37Ginger", sans-serif;
}

.badge {
  background-color: #000;
}

.btn-success,
.btn-success:hover,
.btn-success:visited,
.btn-success:active,
.btn-success:focus {
    background-color: #364f6b;
    border-color: #364f6b;
}

.block-job-search-results .job-search-results table {
  font-size: 15px;
}

.job-search-filter-groups {
  background-color: #f8f9fa;
}

@media only screen and (max-width: 768px) {
  .block-job-search-results .job-search-results .job-search-collapse {
    font-size: 16px;
  }
}

/* Footer */


footer .fab {
    font-size: 18px;
    font-weight:900;
}

footer .sociallinks {
  margin-top:1rem;
  margin-left:-10px;
  margin-bottom: 40px;
}
.sociallinks li a{
    transition: 0.3s ease;
    color: #fff;
}
.sociallinks li a:hover
{
  color: #fe5000;
}

footer .sociallinks > li{
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
}

footer .bottom-footer li{
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.bottom-footer {
    padding: 20px;
}
.footer-title {
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 1px;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 400;
}
.footer-text p
{
  margin-bottom:0 !important;
   font-size: 14px;
   line-height: 25px;
  color:#fff;
}
.top-footer {
    border-bottom: 1px solid #FFF;
    padding: 70px 0;
}


/* Container width class */

.primary-title .block-image-text {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .primary-title .block-image-text {
    width: 750px;
  }
}
@media (min-width: 992px) {
 .primary-title .block-image-text {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .primary-title .block-image-text {
    width: 1170px;
  }
}
/**Custom CSS**/
.LoR_bg
{
background-color: #2d2d2d;
}
.hero_banner_jumbotron {
    margin-bottom: 2rem;
   /* background: url(https://s3.ap-southeast-2.amazonaws.com/rec-marketing-apse2-uploads/public/uploads/fc21e38f79491e3571d8a22daeb67e4b/images/files/7fe9030727ef7a43da5951ec6d02b841/original/LOK_CSM_157_print.jpg?1653607394);*/
    background:linear-gradient(rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0.2)), url(https://s3.ap-southeast-2.amazonaws.com/rec-marketing-apse2-uploads/public/uploads/fc21e38f79491e3571d8a22daeb67e4b/images/files/70033f75503f423b249e90b5ac07d99a/large/22-288R_LOK_POE_438_v1.0_%28003%29.jpg?1653623903);
    padding: 16em 0em 8em 0em;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: rgba(0, 0, 0, 0.34);
    background-blend-mode: overlay;
}
@media screen and (min-width: 1299px){
.hero_banner_jumbotron {
        padding: 30em 2em 8em 0em;
  }
}
.text-white
{
  color:#fff !important;
}
.text-white h1
{
  color:#fff !important;
}
a.button.button1:after,a.button.button2:after {
    content: '\f061';
    font-family: 'Font Awesome 7 Free';
    font-weight: 900;
    margin-left: 10px;
}
a.button.button1 {
    display: inline-block;
    background-color: transparent;
    border: 1px solid #000;
    position: relative;
    color: #000;
    padding: 10px 30px 10px 30px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.4px;
    font-weight: 300;
    text-decoration: none !important;
    text-transform:inherit;
    -webkit-transition: background 0.25s linear;
    transition: background 0.25s linear;
}
a.button.button1:hover {
   background-color: transparent;
   border: 1px solid #fe5000;
   color: #fe5000;
}
a.button.button2{
    display: inline-block;
    background-color: transparent;
    border: 1px solid #FFF;
    position: relative;
    color: #FFF;
    padding: 10px 30px 10px 30px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.4px;
    font-weight: 300;
    text-decoration: none !important;
      text-transform: inherit;
  
}
a.button.button2:hover
{
  background-color: transparent;
   border: 1px solid #fe5000;
   color: #fe5000;
}

.form-control {
    border-radius: 0px;
}
.input-group input, .input-group-btn button {
    height: 45px;
    padding: 10px 12px;
}
.hero_banner_jumbotron .job-search-control .btn-primary,
.hero_banner_jumbotron .job-search-control .btn-primary:active, 
.hero_banner_jumbotron .job-search-control .btn-primary:visited, 
.hero_banner_jumbotron .job-search-control .btn-primary:focus

{
    border: 1px solid #fff !important;
    background: transparent;
    font-weight: 700;
    border-radius: 0px !important;
    margin-left: 20px;
    padding: 0px 20px;
    color: #fff;
}
.hero_banner_jumbotron .job-search-control .near-me-btn,
.hero_banner_jumbotron .job-search-control .near-me-btn:active,
.hero_banner_jumbotron .job-search-control .near-me-btn:visited,
.hero_banner_jumbotron .job-search-control .near-me-btn:focus

{
    border: 1px solid #fff !important;
    background: transparent;
    font-weight: 700;
    border-radius: 0px !important;
    margin-left: 20px;
    padding: 0px 20px;
    color: #fff;
    text-transform: inherit;
    font-size: 14px;
}
.job-search-control .btn-primary, .job-search-control .btn-primary:active, .job-search-control .btn-primary:visited, .job-search-control .btn-primary:focus {
    border: 1px solid #000 !important;
    background: transparent;
    font-weight: 600;
    border-radius: 0px !important;
    margin-left: 20px;
    padding: 0px 35px;
    color: #000;
    text-transform: inherit;
    font-size: 14px;
}
.job-search-control .btn-success,
.job-search-control .btn-successl:active, 
.job-search-control .btn-success:visited, 
.job-search-control .btn-success:focus
{
   border: 1px solid #000 !important;
    background: transparent;
    font-weight: 600;
    border-radius: 0px !important;
    margin-left: 20px;
    padding: 0px 35px;
    color: #000;
    margin-left: 10px;
    width: 100%;
}
.job-search-control .near-me-control {
    margin-left: 0;
}

@media screen and (max-width: 1199px){
  .input-group > .form-control {
    width: 100%;
    margin-bottom: 30px;
}
  span.input-group-btn {
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
}
    .hero_banner_jumbotron .job-search-control .btn-primary,.hero_banner_jumbotron .job-search-control .near-me-btn{
    margin-left: 0;
    width: 100%;
} 
  .job-search-control .btn-success
{
    margin-left: 0px;
    width: 100%;
}
  .job-search-control .btn-primary {
    margin-left: 0;
    width: 100%;
}
  .job-search-control .btn-primary {
    margin-left: 0px;
}
}

.block-job-search-results .job-search-results .job-search-filter-groups {
    width: 100%;
}

.error_page a
{
      color: #000;
  text-decoration:underline;
}
nav ul, nav ol, ul, li {
   
    list-style-image: none;
    margin: 0;
    padding: 0;
}
.footer-link {
    line-height: 34px;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    letter-spacing: 1px;
    display: inline-block;
    padding-bottom: 5px;
    position: relative;
}
.footer-link:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    background-color: #fff;
    width: 0;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    bottom:10px;
}
@media only screen and (min-width: 1025px){
.footer-link:hover::after {
    width: 100%;
}
}
a.footer-link
{
  text-decoration:none;
  color:#FFF;
}
.block-wrapper.custom-block-image-text .block-image-text {
    padding: 3rem;
}
.navbar {
    padding: 0.5rem 0.5rem;
}
@media (min-width: 1300px){
.navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}
}
.custom-block-image-text .block-image-cover .block-image-text {
    padding: 3rem;
    width: 50%;
}
@media (max-width: 768px){
.custom-block-image-text .block-image-cover .block-image-text {
    padding: 3rem;
    width: 100%;
}
 
.custom-block-image-text .block-image-cover {
    height: 600px;
}
  .custom_card_margin .col-md-4, .custom_card_margin .col-md-6
  {
    margin-bottom:1rem;
  }
}

button#consent_reject,button#consent_agree{
    color: #000;
    background-color: #FFF;
    border-color:#000;
}
button#consent_reject:hover,button#consent_agree:hover
{
    background-color: transparent;
    border: 1px solid #fe5000;
    color: #fe5000;
}
.card {
    border: 1px solid #f2f2f2;
    border-radius: 4px;
    box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 1px 3px 1px;
}

.bg-grey {
    background: #EDF1F2;
}

@media (min-width: 768px){
.job-search-results-dropdown-filter-col {
    flex: 0 0 33%;
    max-width: 33%;
}
}
.block-job-search-results .job-search-results .job-search-results-filter {
    padding: 10px;
}
.hero-banner-text h1
{
  font-size:48px;
}
.btn-primary {
    border: 1px solid #000;
    background: transparent;
    color: #000;
   
}
.btn-primary:hover {
    background-color: transparent;
    border: 1px solid #fe5000 !important;
    color: #fe5000;
}
#cookie_consent_description a, #cookie_consent_description a:visited {
    color: #000;
    text-decoration: underline;
}
.candidate-settings-panel {
    background-color: transparent;
    padding: 20px;
    border: 1px solid #ccc;
}

.navbar-light .navbar-toggler-icon {
    background-image: url(https://s3.ap-southeast-2.amazonaws.com/rec-marketing-apse2-uploads/public/uploads/fc21e38f79491e3571d8a22daeb67e4b/images/files/f113382b5609d9911ca90fae55621dd6/original/icons8-menu-50.png?1655951127);
}
@media (max-width: 1200px){
  li.nav-item {
    padding: 1rem;
}
}
/*** filter styling ***/
select.job-search-results-filter {
    padding: 7px;
    background: #fff;
    border: 1px solid #ececec;
}
.jobPage_searchBlock .job-search-control, .job-search-dropdown-filters {
    background-color: #f2f2f2;
}
.jobPage_searchBlock .job-search-control {
    margin: 15px 0px 0px 0px !important;
    padding: 45px 45px 45px 45px;
    border-radius: 4px 4px 0px 0px;
    border-top: 3px solid #000;
}
.job-search-dropdown-filters {
    margin: 0px 0px 60px 0px;
    padding: 5px 28px 45px 45px !important;
    border-radius: 0px 0px 6px 6px;
  	box-shadow: none;
}
li.job-component-icon-and-text {
    margin-bottom: 8px;
}
/**** Job Listing Card css**/

@media (min-width: 768px)
{
.job-search-results-card-col {
    flex: 0 0 33%;
    max-width: 33%;
}
}

.card-body {
    padding: 2rem;
}
.card-footer {
    padding: 1.25rem 2rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
    border-radius: 0 0 4px 4px;
}
.job-search-results-footer .fa-chevron-right::before {
    content: "\f178";
}
.job-search-results a:hover{
    color: #fe5000;
}
/*** Job Page css***/

.sidebar
{
     background-color: #f2f2f2;
     border-top: 3px solid #000;
    padding:3rem;
     
}
@media (max-width: 1024px){
.sidebar
{
   padding:1rem;
     
}
}
.sidebar a.referral-link
{
  color:#000;
  text-decoration:underline;
}
.block-jobs h3 {
    font-size: 18px;
}
.block-jobs .job {
    margin-bottom: 30px;
}
.block-jobs .job-summary {
    font-size: 16px;
    margin-top: 10px;
}
.jobs-list .job a {
    color: #000;
    font-weight: 600;
}
.jobs-list .job a:hover {
    color: #fe5000;
    text-decoration:underline;
}
 span.job-location:before,span.job-country:before,span.job-state:before,span.job-city:before{
    content: '\f3c5';
    font-family: 'Font Awesome 7 Free';
    font-weight: 600;
    margin-right: 5px;
    font-size: 14px;
}
span.job-department:before,span.job-category:before{
    content: '\f0b1';
    font-family: 'Font Awesome 7 Free';
    font-weight: 600;
    margin-right: 5px;
    font-size: 14px;
}
.block-jobs .job span.job-field {
    margin-right: 0px; 
    margin-bottom: 5px;
    font-size: 15px;  
}
span.job-country, span.job-location {
    display: block;
}
.block-jobs .job h3.job-title {
   
    margin-bottom: 5px;
}
.block-job-description h3 {
    font-size: 30px;
}
.block-job-description li {
    margin-bottom: 0.5em;
}
.block-job-description .job-description-controls .btn {
    padding: 8px 16px !important;
    line-height: normal;
    background-color: #FFF;
    font-size: 11px;
    color: #000 !important;
    border: 1px solid #000;
    margin-bottom: 10px;

}
.block-job-description .job-description-controls .btn:Hover
{
  color:#fe5000 !important;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff !important;
    background-color: #0062cc;
    border-color: #005cbf;
}
.page-row .page-block img {
    
    object-fit: contain;
}
@media (max-width: 768px){
  .custom_card_margin .col-md-3,.custom_card_margin .col-md-2,.custom_card_margin .col-md-4, .custom_card_margin .col-md-6,.top-footer .col-md-4  {
    margin-bottom: 20px;
}
  .job-search-results-dropdown-filter-col {
    margin-bottom: 20px;
}
  .block-job-search-results .job-search-results .job-search-dropdown-filters {
    padding: 0 !important;
    background: transparent;
}
  .jobPage_searchBlock .job-search-control {
    margin: 15px 0px 15px 0px !important;
  }
}
.btn {
 
    text-transform: inherit;
}
.exit-call-to-action-modal .modal-dialog {
    background-color:#f2f2f2;
}
.exit-call-to-action-modal .modal-dialog .modal-content {
    background-color: inherit;
    border: 1px solid #000;
}
button#form_submit_exit_call_to_action:after {
    content: '\f061';
    font-family: 'Font Awesome 7 Free';
    font-weight: 900;
    margin-left: 10px;
}
.error_page a{
  text-decoration:underline;
}
@media (max-width: 768px)
{
.read-col-rtl-mobile .row 
{
flex-direction: column-reverse;
}
}
footer li {
    list-style: none;
}
.divesity_links a
{
  text-decoration:none;
  border-bottom: 2px solid #07828c;
  color: #07828c;
  font-weight:bold;
}
/*** FAQs ***/
.accordion .accordion-button {
    font-size: 18px;
    color: #000000;
    font-weight: 500;
}
.accordion h5 {
  margin-bottom:0px;
}