/*
Theme Name: JobsZM Theme
Description: A custom WordPress theme for JobsZM.
Author: JobsZM
Template: generatepress
Author URI: https://jobszm.com/
Version: 1.0
*/

.job-hero-section{
    width:100%;
    padding:0 0;
    margin:0;
    background-color:transparent
}
.job-hero-container{
    max-width:1200px;
    margin:0 auto;
    text-align:center;
    padding:30px 20px;
    background-color:#f3efec
}
.job-hero-title {
  font-family:
    'Plus Jakarta Sans',
    system-ui,
    -apple-system,
    sans-serif;
  color: #000;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
  max-width: 500px;
  margin: 0 auto 24px;
  padding: 0;
  text-align: center;
}
@media (max-width: 768px) {
  .job-hero-title {
    font-size: 26px;
    line-height: 1.25;
  }
}

.job-hero-description{
    color:#000;
    font-family:'Roboto',sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:22px;
    max-width:600px;
    margin:0 auto 24px;
    padding:0;
    text-align:center
}
.job-hero-button{
    display:flex;
    justify-content:center;
    align-items:center
}
.btn-post-job{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:12px 24px;
    background-color:#152919;
    color:#fff;
    font-family:Plus Jakarta Sans,sans-serif;
    font-size:15px;
    font-weight:700;
    text-decoration:none;
    border-radius:8px;
    transition:background-color .3s ease
}
.btn-post-job:hover{
    background-color:#207335;
    color:#fff;
    text-decoration:none
}
.btn-post-job svg{
    width:18px;
    height:18px
}
.hero-companies{
    margin-top:30px;
    width:100%
}
.hero-divider{
    width:324px;
    max-width:100%;
    height:1px;
    background-color:rgba(0,0,0,.25);
    margin:0 auto 20px
}
.hero-companies-title{
    color:#000;
    font-family:Plus Jakarta Sans,serif;
    font-size:18px;
    font-weight:700;
    text-align:center;
    margin:0 0 20px 0
}
.hero-logos{
    display:flex;
    gap:20px;
    align-items:center;
    justify-content:center;
    width:100%;
    flex-wrap:wrap
}
.hero-logo{
    flex:0 1 auto;
    width:auto;
    height:50px;
    max-height:none;
    object-fit:contain
}
.hero-logos .boa{
    width:60px
}
.hero-logos .wf{
    width:60px
}
.hero-logos .lt{
    width:65px
}
.hero-logos .lowes{
    width:52px
}
.hero-logos .ah{
    width:60px
}
.hero-logos .rv{
    width:60px
}
.page-hero-section{
    width:100%;
    padding:0;
    margin:0;
    background-color:transparent
}
.page-hero-container{
    max-width:1200px;
    margin:0 auto;
    text-align:center;
    padding:80px 20px;
    background-color:#f3efec;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:250px;
    gap:20px
}
.page-hero-breadcrumb{
    width:100%;
    display:flex;
    justify-content:center
}
.page-hero-title{
    font-family:Plus Jakarta Sans,serif;
    color:#000;
    font-size:26px;
    font-weight:700;
    line-height:1.2;
    margin:0;
    padding:0;
    text-align:center
}
.page-hero-description {
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    max-width: 600px;
    margin: 0 auto 24px;
    padding: 0;
    text-align: center;
}
@media (max-width:768px){
    .page-hero-container{
        padding:60px 20px;
        min-height:200px
    }
    .page-hero-title{
        font-size:24px
    }
}
@media (max-width:480px){
    .page-hero-container{
        padding:50px 20px;
        min-height:180px
    }
    .page-hero-title{
        font-size:24px
    }
}
.rank-math-breadcrumb{
    color:#000;
    font-family:Plus Jakarta Sans,serif;
    font-size:14px;
    font-weight:700;
    padding:0 5%
}
.rank-math-breadcrumb a{
    color:#000;
    opacity:.5;
    transition:all .25s ease
}
.rank-math-breadcrumb a:hover{
    color:#152919;
    opacity:1
}
.rank-math-breadcrumb .separator{
    color:#a0a0a0;
    margin:0 10px
}
@media (max-width:959px){
    .rank-math-breadcrumb{
        font-size:13px;
        text-align:center
    }
}
.single-job-hero-section{
    width:100%;
    padding:0 0;
    margin:0;
    background-color:transparent
}
.single_job_listing{
    margin-top:0
}
.single-job-hero-container{
    max-width:1200px;
    margin:0 auto;
    text-align:center;
    padding:50px 20px;
    background-color:#f3efec;
    border-radius:16px;
    box-sizing:border-box
}
.single-job-hero-logo{
    margin:0 auto 30px;
    display:flex;
    justify-content:center;
    align-items:center
}
.single-job-hero-logo img{
    max-width:120px;
    max-height:120px;
    width:auto;
    height:auto;
    object-fit:contain;
    border-radius:12px;
    background-color:#fff;
    padding:15px;
    box-shadow: 0 0 1px rgb(0 0 0 / 1);
}
.single-job-hero-title{
    font-family:Plus Jakarta Sans,serif;
    color:#000;
    font-size:34px;
    font-weight:700;
    line-height:1.3;
    max-width:800px;
    margin:0 auto 20px;
    padding:0;
    text-align:center
}
.single-job-hero-company{
    color:#000;
    font-family:'Roboto',sans-serif;
    font-size:16px;
    font-weight:600;
    margin:0 auto 12px;
    text-align:center
}
.single-job-hero-meta{
    color:#666;
    font-family:'Roboto',sans-serif;
    font-size:15px;
    font-weight:400;
    margin:0 auto 30px;
    text-align:center
}
.job-deadline-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  background: #f3efec;
  border: 1px solid #b4b4b4;
  border-radius: 8px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  margin: 0 auto 30px;
  transition: all 0.3s ease;
}

.job-deadline-badge svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: #152919;
}

.job-deadline-badge .deadline-label {
  font-weight: 600;
  color: #333;
}

.job-deadline-badge .deadline-date {
  font-weight: 700;
  color: #152919;
}

.job-deadline-badge .deadline-countdown {
  font-weight: 600;
  color: #666;
  font-size: 14px;
  margin-left: 5px;
}

.job-deadline-badge.urgent {
  background: #fff3e0;
  border-color: #ff9800;
  animation: pulse 2s ease-in-out infinite;
}

.job-deadline-badge.urgent svg,
.job-deadline-badge.urgent .deadline-label,
.job-deadline-badge.urgent .deadline-date {
  color: #f57c00;
}

.job-deadline-badge.urgent .deadline-countdown {
  color: #f57c00;
  font-weight: 700;
}

.job-deadline-badge.expired {
  background: #ffebee;
  border-color: #ef5350;
  opacity: 0.8;
}

.job-deadline-badge.expired svg,
.job-deadline-badge.expired .deadline-label,
.job-deadline-badge.expired .deadline-date {
  color: #c62828;
}

.job-deadline-badge.expired .deadline-countdown {
  color: #c62828;
  font-weight: 700;
}

.job-deadline-badge.open {
  background: #e8f5e9;
  border-color: #4caf50;
}

.job-deadline-badge.open svg,
.job-deadline-badge.open .deadline-label,
.job-deadline-badge.open .deadline-date {
  color: #2e7d32;
}
.single-job-hero-divider{
    width:80%;
    max-width:600px;
    height:1px;
    background-color:rgba(0,0,0,.15);
    margin:0 auto 30px
}
.single-job-hero-meta span.posted-date {
    display: inline-block;
    position: relative;
    top: -10px;
}
.single-job-hero-details {
    display: flex;
    gap: 0;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 0;
    padding-top: 28px;
}

.hero-section-divider {
    width: 30%;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
    margin: 28px auto 0;
}

.single-job-hero-section .hero-detail-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    padding: 0 66px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    font-family: 'Roboto', sans-serif;
}

.single-job-hero-section .hero-detail-item:last-child {
    border-right: none;
}

.single-job-hero-section .hero-detail-item svg {
    width: 24px;
    height: 24px;
    color: #525456;
    flex-shrink: 0;
    margin-bottom: 2px;
}

.single-job-hero-section .hero-detail-item img {
    width: 26px;
    height: 26px;
    color: #8a9ba8;
}

.single-job-hero-section .detail-label {
    font-weight: 400;
    font-size: 14px;
    color: #313233;
    text-transform: capitalize;
    letter-spacing: 0.03em;
}

.single-job-hero-section .detail-value {
    font-weight: 700;
    font-size: 16px;
    color: #1a1a1a;
}

@media (max-width: 600px) {
    .single-job-hero-details {
        flex-wrap: nowrap;
    }

    .single-job-hero-section .hero-detail-item {
        padding: 0 16px;
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        border-bottom: none;
        width: auto;
        flex: 1;
    }

    .single-job-hero-section .hero-detail-item:last-child {
        border-right: none;
    }

    .single-job-hero-section .detail-label {
        font-size: 13px;
    }

    .single-job-hero-section .detail-value {
        font-size: 15px;
    }
}

@media (max-width:768px){
    .single-job-hero-section{
        padding:0 0
    }
    .single-job-hero-container{
        padding:30px 20px
    }
    .single-job-hero-title{
        font-size:32px
    }
    .single-job-hero-company{
        font-size:18px
    }
    .single-job-hero-logo img{
        max-width:100px;
        max-height:100px
    }
}
@media (max-width:480px){
    .single-job-hero-title{
        font-size:28px
    }
    .single-job-hero-company{
        font-size:16px
    }
}

.single-job-hero-links {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 20px;
    padding-top: 20px;
    position: relative;
    border-top: none;
}

.single-job-hero-links::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 30%;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
}

.company-links-title {
    font-size: 14px;
    font-weight: 400;
    color: #313233;
    margin: 0;
    text-align: center;
    font-family: 'Roboto', sans-serif;
}

.company-links-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.company-link-circle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #000000;
    color: #ffffff;
    position: relative;
}

.company-link-circle .company-link-icon {
    width: 27px;
    height: 27px;
    color: #ffffff;
}

/* Twitter specific styling */
.twitter-link {
    background: #000000;
}

.twitter-link:hover {
    background: #1a91da;
}

/* Website specific styling */
.website-link {
    background: #000000;
}

.website-link:hover {
    background: #1f2937;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .company-links-icons {
        gap: 12px;
    }
    
    .company-link-circle {
        width: 40px;
        height: 40px;
    }
    
    .company-link-circle .company-link-icon {
        width: 25px;
        height: 25px;
    }
}

.curved-underline{
    position:relative;
    display:inline-block
}
.curved-underline::after{
    content:'';
    position:absolute;
    bottom:-6px;
    left:0;
    height:10px;
    width:100%;
    border:solid 4px #6db680;
    border-color:#6db680 transparent transparent transparent;
    border-radius:50%
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.sfHover > ul,
.main-navigation ul ul.toggled-on {
  left: auto;
  opacity: 1;
  pointer-events: auto;
  height: auto;
  overflow: visible;
}

.main-navigation ul ul {
  top: 100%;
}

.main-navigation .menu-item-has-children {
  position: relative;
}

.main-navigation .menu-item-has-children::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 12px;
}

.main-navigation, .main-navigation ul ul {
    background-color: #f3efec;
}
.main-navigation a {
    display: block;
    text-decoration: none;
    font-weight: 600;
    text-transform: none;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.main-navigation .main-nav ul li a{
    padding-left:20px;
    padding-right:20px;
    line-height:30px
}
@media (min-width:1025px){
    .nav-float-right #site-navigation{
        margin-left:0
    }
    .main-navigation{
        width:100%
    }
    #primary-menu{
        width:100%
    }
    .main-navigation li:last-child{
        margin-left:auto
    }
    .main-navigation li:first-child{
        margin-left:auto
    }
    .main-navigation .main-nav ul li:last-child a{
        font-family:'Plus Jakarta Sans',sans-serif;
        color:#fff;
        background-color:#152919;
        border-radius:4px;
        padding:5px 20px
    }
    .main-navigation .main-nav ul li:last-child a:hover{
        color:#fff;
        background-color:#207335;
        border-radius:4px
    }
}
.has-inline-mobile-toggle #site-navigation.toggled,.mobile-menu-control-wrapper .menu-toggle,.mobile-menu-control-wrapper .menu-toggle:focus,.mobile-menu-control-wrapper .menu-toggle:hover{
    background-color:#f3efec
}
.main-navigation.toggled ul.menu,.main-navigation.toggled ul.menu ul.sub-menu{
    background-color:#fff
}
.main-navigation.toggled .main-nav li a{
    color:#000
}
@media (max-width:768px){
    .main-navigation.toggled .main-nav ul li a{
        border-bottom:1px solid #ddd;
        padding-top:10px;
        padding-bottom:10px
    }
    .main-navigation.toggled .main-nav ul li:last-child a{
        border-bottom:none
    }
}
@media (max-width:768px){
    .main-navigation.toggled .main-nav{
        border-radius:15px;
        overflow:hidden;
        border:0 solid #eee;
        margin:0
    }
}
.mobile-menu-control-wrapper .menu-toggle:active,.mobile-menu-control-wrapper .menu-toggle:focus,.mobile-menu-control-wrapper .menu-toggle:hover{
    border-style:dotted;
    border-color:#000;
    border-width:thin
}

.inside-header{
    padding:12px 40px
}
.main-title{
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:23px;
    font-weight:600;
    text-transform:capitalize;
    margin:0;
    line-height:1.2em;
    word-wrap:break-word
}
@media screen and (min-width:768px){
    .site-header::after{
        margin-top:25px;
        padding:0 30px
    }
    .job-hero-container{
        padding:40px 30px
    }
}
@media screen and (min-width:992px){
    .site-header::after{
        margin-top:30px;
        padding:0 60px
    }
    .job-hero-container{
        padding:50px 60px
    }
}
@media screen and (min-width:1400px){
    .site-header::after{
        margin-top:35px;
        padding:0 80px
    }
    .job-hero-container{
        padding:60px 80px
    }
}
.site-header{
    background-color:#f3efec
}
.main-navigation .main-nav>ul{
    background-color:#f3efec
}
.site-header::after{
    content:'';
    display:block;
    max-width:1200px;
    width:100%;
    height:1px;
    background-color:rgba(0,0,0,.15);
    margin:0 auto 0;
    padding:0 20px;
    box-sizing:border-box
}
@media (min-width: 1025px) {
  .main-navigation .main-nav > ul > li > a {
    border: 2px solid transparent;
    border-radius: 6px;
    transition:
      border-color 0.15s ease,
      background-color 0.15s ease;
    line-height: 26px;
  }

  .main-navigation .main-nav > ul > li:hover > a,
  .main-navigation .main-nav > ul > li.sfHover > a {
    border-color: #152919;
  }

  .main-navigation .main-nav > ul > li.sfHover > a {
    border-color: #152919;
  }

  .main-navigation .main-nav > ul > li.current-menu-item > a,
  .main-navigation .main-nav > ul > li.current-menu-ancestor > a,
  .main-navigation .main-nav > ul > li.current-page-ancestor > a {
    border: 2px solid transparent;
    position: relative;
  }

  .main-navigation .main-nav > ul > li.current-menu-item > a::after,
  .main-navigation .main-nav > ul > li.current-menu-ancestor > a::after,
  .main-navigation .main-nav > ul > li.current-page-ancestor > a::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 40px);
    height: 2px;
    background-color: #152919;
    border-radius: 2px;
  }

  .main-navigation .main-nav > ul > li:last-child > a {
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: #fff;
    background-color: #152919;
    border-radius: 4px;
    padding: 5px 20px;
    border: none !important;
  }

  .main-navigation .main-nav > ul > li:last-child > a:hover {
    color: #fff;
    background-color: #207335;
    border-radius: 4px;
  }

  .main-navigation .main-nav > ul > li:last-child > a::after {
    content: none !important;
  }
}

@media (min-width: 1025px) {
  .main-navigation .main-nav > ul > li > ul::before {
    content: '';
    display: block;
    position: absolute;
    top: -6px;
    width: 12px;
    height: 12px;
    background-color: #1e1b3a;
    transform: rotate(45deg);
    border-radius: 2px;
    left: 24px;
    right: auto;
  }

  .main-navigation ul ul.sub-menu {
    left: auto;
    right: 0;
  }

  .main-navigation .main-nav > ul > li > ul.sub-menu::before {
    left: auto;
    right: 24px;
  }
}

@media (min-width: 1025px) {
  .main-navigation ul ul {
    background-color: #1e1b3a;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
    padding: 8px 0;
    min-width: 220px;
    border: none;
    margin-top: 12px;
    transition:
      opacity 300ms ease,
      left 0s 300ms,
      height 0s 300ms;
  }

  .main-navigation .main-nav ul ul li a {
    color: #ffffff !important;
    background-color: transparent;
    padding: 10px 20px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    border-radius: 0;
    transition:
      background-color 0.15s ease,
      color 0.15s ease;
  }

  .main-navigation .main-nav ul ul li a:hover {
    background-color: rgba(255, 255, 255, 0.08);
    color: #ffffff !important;
  }

  .main-navigation .main-nav ul ul li.current-menu-item > a,
  .main-navigation .main-nav ul ul li.current-menu-ancestor > a,
  .main-navigation .main-nav ul ul li.current-page-ancestor > a {
    background-color: #3ecfb2;
    color: #1e1b3a !important;
    font-weight: 700;
    border-radius: 4px;
    margin: 0 6px;
    padding: 10px 14px;
    width: calc(100% - 12px);
    box-sizing: border-box;
  }

  .main-navigation .main-nav ul ul li:first-child > a,
  .main-navigation .main-nav ul ul li:last-child > a,
  .main-navigation .main-nav ul ul li:first-child > a:hover,
  .main-navigation .main-nav ul ul li:last-child > a:hover {
    background-color: transparent;
    border-radius: 0;
    padding: 10px 20px;
    color: #ffffff !important;
    border: none;
  }

  .main-navigation ul ul ul {
    background-color: #1e1b3a;
    border-radius: 8px;
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.3);
    margin-left: 4px;
  }

  .main-navigation .main-nav ul ul li .dropdown-menu-toggle svg,
  .main-navigation .main-nav ul ul li .dropdown-menu-toggle path {
    fill: #ffffff;
  }

  .main-navigation:not(.toggled) ul li:hover > ul,
  .main-navigation:not(.toggled) ul li.sfHover > ul {
    transition: opacity 150ms ease;
    transition-delay: 0ms;
  }
}

.main-navigation
  .main-nav
  > ul
  > li[class*='current-menu-']:not(:last-child)
  > a {
  color: #000000;
}

.main-navigation .main-nav ul li:not([class*='current-menu-']):hover > a,
.main-navigation .main-nav ul li:not([class*='current-menu-']):focus > a,
.main-navigation .main-nav ul li.sfHover:not([class*='current-menu-']) > a,
.main-navigation .menu-bar-item:hover > a,
.main-navigation .menu-bar-item.sfHover > a {
  color: #000000;
}
.main-navigation
  .main-nav
  > ul
  > li:not([class*='current-menu-']):not(:last-child):hover
  > a,
.main-navigation
  .main-nav
  > ul
  > li:not([class*='current-menu-']):not(:last-child):focus
  > a,
.main-navigation
  .main-nav
  > ul
  > li.sfHover:not([class*='current-menu-']):not(:last-child)
  > a,
.main-navigation .menu-bar-item:hover > a,
.main-navigation .menu-bar-item.sfHover > a {
  color: #000000;
}
.main-navigation .main-nav > ul > li:last-child > a:hover,
.main-navigation .main-nav > ul > li:last-child > a:focus {
  color: #ffffff !important;
  background-color: #207335;
}

h1.entry-title{
    font-size:1.8em
}
body{
    margin:0
}
main{
    display:block
}
h1{
    font-size:2em;
    margin:.67em 0
}
hr{
    box-sizing:content-box;
    height:0;
    overflow:visible
}
a{
    background-color:transparent
}
b,strong{
    font-weight:bolder
}
code{
    font-family:monospace,monospace;
    font-size:1em
}
small{
    font-size:80%
}
sub{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
img{
    border-style:none
}
button,input,select,textarea{
    font-family:inherit;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
[type=button],[type=reset],[type=submit],button{
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
    border-style:none;
    padding:0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
    outline:1px dotted ButtonText
}
fieldset{
    padding:.35em .75em .625em
}
.vertical-center{
    position:absolute;
    top:50%;
    transform:translateY(-50%)
}
html{
    font-size:62.5%
}
@font-face{
    font-display:swap;
    font-family:Plus Jakarta Sans;
    font-style:normal;
    font-weight:300;
    src:url(https://jobszm.com/wp-content/themes/JobsZM/assets/fonts/plusjakartasans-light-webfont.woff2) format('woff2')
}
@font-face{
    font-display:swap;
    font-family:Plus Jakarta Sans;
    font-style:normal;
    font-weight:400;
    src:url(https://jobszm.com/wp-content/themes/JobsZM/assets/fonts/plusjakartasans-regular-webfont.woff2) format('woff2')
}
@font-face{
    font-display:swap;
    font-family:Plus Jakarta Sans;
    font-style:normal;
    font-weight:500;
    src:url(https://jobszm.com/wp-content/themes/JobsZM/assets/fonts/plusjakartasans-medium-webfont.woff2) format('woff2')
}
@font-face{
    font-display:swap;
    font-family:Plus Jakarta Sans;
    font-style:normal;
    font-weight:600;
    src:url(https://jobszm.com/wp-content/themes/JobsZM/assets/fonts/plusjakartasans-semibold-webfont.woff2) format('woff2')
}
@font-face{
    font-display:swap;
    font-family:Plus Jakarta Sans;
    font-style:normal;
    font-weight:700;
    src:url(https://jobszm.com/wp-content/themes/JobsZM/assets/fonts/plusjakartasans-bold-webfont.woff2) format('woff2')
}
@font-face {
    font-family: "Roboto";
    src: url("https://jobszm.com/wp-content/themes/JobsZM/assets/fonts/roboto-regular-webfont.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Roboto";
    src: url("https://jobszm.com/wp-content/themes/JobsZM/assets/fonts/roboto-medium-webfont.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Roboto";
    src: url("https://jobszm.com/wp-content/themes/JobsZM/assets/fonts/roboto-latin-600-normal-webfont.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Roboto";
    src: url("https://jobszm.com/wp-content/themes/JobsZM/assets/fonts/roboto-bold-webfont.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
.site-content{
    background-color:#fff;
    box-shadow:0 1px 3px rgba(0,0,0,.08);
    padding:40px 0;
    margin-bottom:0
}
.content-area{
    background-color:transparent;
    padding:0 20px
}
.job_listings{
    background-color:transparent;
    margin:0;
    padding:0
}
.inside-article{
    background-color:#fff;
    border:1px solid #e8e8e8;
    border-radius:8px;
    padding:40px;
    box-shadow:0 1px 3px rgba(0,0,0,.05)
}
.featured-image{
    margin:-40px -40px 30px -40px;
    border-radius:8px 8px 0 0;
    overflow:hidden
}
.site-main{
    padding:0
}
.entry-content{
    padding:0
}
@media (max-width:768px){
    .site-content{
        padding:20px 0
    }
    .content-area{
        padding:0 15px
    }
    .sidebar{
        padding:0 15px;
        margin-top:30px
    }
    .job_listing{
        padding:15px;
        margin-bottom:15px
    }
    .inside-article{
        padding:20px
    }
    .featured-image{
        margin:-20px 0 20px 0
    }
}
@media (max-width:480px){
    .inside-article{
        padding:15px
    }
    .job_listing{
        padding:0
    }
    .sidebar .widget{
        padding:15px
    }
}
@media (max-width:768px){
    .separate-containers .inside-article{
        padding:10px
    }
}
.separate-containers .inside-article>.featured-image{
    margin-top:0;
    margin-bottom:0
}
.single-post-hero-section{
    width:100%;
    padding:0 0;
    margin:0;
    background-color:transparent
}
.single .site-content .single-post-hero-section{
    margin-left:0;
    margin-right:0
}
.single-post-hero-container{
    max-width:1200px;
    margin:0 auto;
    text-align:center;
    padding:50px 20px 40px;
    background-color:#f3efec;
    border-radius:16px;
    box-sizing:border-box
}
.single-post-hero-breadcrumb{
    margin:0 auto 25px;
    text-align:center
}
.single-post-hero-breadcrumb .rank-math-breadcrumb{
    font-family:'Roboto',sans-serif;
    font-size:14px;
    color:#666
}
.single-post-hero-breadcrumb .rank-math-breadcrumb a{
    color:#152919;
    text-decoration:none;
    transition:color .3s ease
}
.single-post-hero-breadcrumb .rank-math-breadcrumb a:hover{
    color:#207335
}
.single-post-hero-title{
    font-family:'Plus Jakarta Sans',sans-serif;
    color:#000;
    font-size:36px;
    font-weight:700;
    line-height:1.3;
    max-width:800px;
    margin:0 auto 20px;
    padding:0;
    text-align:center
}
.single-post-hero-meta{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    flex-wrap:wrap;
    color:#666;
    font-family:'Roboto',sans-serif;
    font-size:15px;
    font-weight:400;
    margin:0
}
.single-post-hero-meta span{
    display:flex;
    align-items:center;
    gap:6px
}
.single-post-hero-meta svg{
    width:16px;
    height:16px;
    color:#152919;
    flex-shrink:0
}
.post-divider{
    color:#999;
    font-weight:300
}
.post-category a{
    color:#152919;
    text-decoration:none;
    font-weight:600;
    transition:color .3s ease
}
.post-category a:hover{
    color:#207335
}
.single .entry-header{
    display:none
}
.single article.post{
    margin-top:0
}
.single .entry-content{
    margin-top:0;
    padding-top:20px
}
@media (max-width:768px){
    .single-post-hero-section{
        padding:0 0
    }
    .single-post-hero-container{
        padding:40px 20px 35px
    }
    .single-post-hero-title{
        font-size:28px
    }
    .single-post-hero-meta{
        font-size:14px;
        gap:10px
    }
}
@media (max-width:480px){
    .single-post-hero-title{
        font-size:24px
    }
    .single-post-hero-meta{
        font-size:13px;
        gap:8px
    }
    .single-post-hero-meta span{
        gap:4px
    }
}

.blog article,
.archive article,
.search article {
  background: #fff;
  border-radius: 12px;
  padding: 30px;
  margin-bottom: 30px;
}
.blog .entry-title,
.archive .entry-title,
.search .entry-title {
	font-family:'Roboto',sans-serif;
	font-size:26px;
	font-weight:700;
	line-height:1.4;
	margin:0 0 15px 0
}
.blog .entry-meta,
.archive .entry-meta,
.search .entry-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: #666;
  margin-bottom: 15px;
}
.blog .entry-title a:hover,
.archive .entry-title a:hover,
.search .entry-title a:hover {
  color: #207335;
}
.blog .entry-meta a,
.archive .entry-meta a,
.search .entry-meta a {
  color: #152919;
  text-decoration: none;
  font-weight: 600;
}
.blog .entry-meta > *:not(:last-child)::after,
.archive .entry-meta > *:not(:last-child)::after,
.search .entry-meta > *:not(:last-child)::after {
  content: "•";
  margin-left: 12px;
  color: #999;
}
.blog .entry-summary,
.archive .entry-summary,
.search .entry-summary {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: #333;
  margin-bottom: 0;
}
.blog .entry-summary p,
.archive .entry-summary p,
.search .entry-summary p {
  margin-bottom: 0;
}
.blog .entry-summary .read-more,
.archive .entry-summary .read-more,
.search .entry-summary .read-more,
.blog a.read-more,
.archive a.read-more,
.search a.read-more {
  display: none !important;
}
.blog .cat-links,
.archive .cat-links,
.search .cat-links {
  display: inline-flex;
  gap: 8px;
  flex-wrap: wrap;
}
.blog .cat-links a,
.archive .cat-links a,
.search .cat-links a {
  display: inline-block;
  padding: 4px 12px;
  background-color: #f3efec;
  color: #152919;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
}
.blog .entry-footer,
.archive .entry-footer,
.search .entry-footer {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e5e5e5;
  font-size: 14px;
}
.reading-time {
  font-size: 14px;
  color: #666;
  font-weight: 400;
}
.continue-reading-wrapper {
  margin-top: 20px;
}

.continue-reading-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background-color: #152919;
  color: #fff;
  font-family: 'Roboto', serif;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 6px;
  transition: background-color 0.3s ease, transform 0.2s ease;
}
.continue-reading-button:hover {
  background-color: #207335;
  color: #fff;
}
.continue-reading-button svg {
  width: 16px;
  height: 16px;
}
.paging-navigation {
  margin-top: 40px;
  text-align: center;
}
.paging-navigation .pagination {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.paging-navigation .page-numbers {
  display: inline-block;
  padding: 10px 16px;
  background-color: #f3efec;
  color: #152919;
  border-radius: 6px;
  text-decoration: none;
  font-family: 'Poppins', serif;
  font-weight: 600;
  font-size: 14px;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.paging-navigation .page-numbers:hover,
.paging-navigation .page-numbers.current {
  background-color: #152919;
  color: #fff;
}
.paging-navigation .page-numbers.dots {
  background-color: transparent;
  pointer-events: none;
}
@media (max-width: 768px) {
  .blog article,
  .archive article,
  .search article {
    padding: 20px;
    margin-bottom: 20px;
  }
  
  .blog .entry-title,
  .archive .entry-title,
  .search .entry-title {
    font-size: 22px;
  }
  
  .blog .entry-meta,
  .archive .entry-meta,
  .search .entry-meta {
    font-size: 13px;
    gap: 8px;
  }
  
  .blog .entry-summary,
  .archive .entry-summary,
  .search .entry-summary {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  .blog .entry-title,
  .archive .entry-title,
  .search .entry-title {
    font-size: 20px;
  }
  
  .blog .entry-meta,
  .archive .entry-meta,
  .search .entry-meta {
    font-size: 12px;
  }
}
.callout-box{
    background-color:#f8f9fa;
    border-left:4px solid #666;
    padding:20px 25px;
    margin:25px 0;
    border-radius:0 8px 8px 0;
    font-family:'Roboto',sans-serif;
    font-size:16px;
    line-height:1.7
}
.callout-box p:last-child{
    margin-bottom:0
}
.callout-box b:first-child,.callout-box strong:first-child{
    display:block;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-weight:700;
    font-size:17px;
    color:#000;
    margin-bottom:10px
}
.callout-info{
    background-color:#f5f5f5;
    border-left-color:#555
}
.callout-tip{
    background-color:#f3efec;
    border-left-color:#84561b
}
.callout-tip strong:first-child{
    color:#84561b
}
.callout-important{
    background-color:#ffebee;
    border-left-color:#c62828
}
.callout-important strong:first-child{
    color:#c62828
}
.callout-box.with-icon{
    display:flex;
    gap:15px;
    align-items:flex-start
}
.callout-box.with-icon::before{
    content:'ℹ️';
    font-size:24px;
    flex-shrink:0;
    line-height:1
}
.callout-tip.with-icon::before{
    content:'💡'
}
.callout-box.full-box{
    border-left:none;
    border:2px solid #e5e5e5;
    border-radius:8px;
    box-shadow:0 2px 8px rgba(0,0,0,.08)
}
.callout-tip.full-box{
    border-color:#207335
}
@media (max-width:768px){
    .callout-box{
        padding:15px 20px;
        margin:20px 0
    }
    .callout-box b:first-child,.callout-box strong:first-child{
        font-size:16px
    }
}
body {
    color: #000;
    font-family: "Roboto", "Open Sans", system-ui, -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.618;
    background: #f8f6f4;
}
h1 {
    font-weight: 700;
}

h2 {
    font-weight: 600;
}

h3 {
    font-weight: 600;
}

h4 {
    font-weight: 500;
}

.flex-wrapper{
    display:flex;
    flex-wrap:wrap;
    align-content:flex-start
}
.flex-item{
    display:inline-block;
    display:flex;
    flex-direction:column
}
#submit-job-form .fieldset-job_title:before,.sidebar .sidebar-widget .widget-title,h1,h2,h3,h4,h5,h6,ul.job_listings li.job_listing a div.position h2,ul.job_listings li.job_listing a:visited div.position h2{
    margin:25px 0 15px 0;
    color:#212121;
    font-family:'Roboto',sans-serif;
    font-weight:700;
    line-height:1.2
}
#submit-job-form .fieldset-job_title:first-child:before,.sidebar .sidebar-widget .widget-title:first-child,h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,ul.job_listings li.job_listing a div.position h2:first-child{
    margin-top:0
}
h1{
    font-size:4.8rem;
    margin:40px 0 25px 0
}
#submit-job-form .fieldset-job_title:before,h2{
    font-size:3.4rem;
    margin:40px 0 15px 0
}
h3{
    font-size:2.8rem
}
h4{
    font-size:2rem
}
#submit-job-form ul.job_listings li.job_listing a div.position .fieldset-job_title:before,.sidebar .sidebar-widget .widget-title,h5,ul.job_listings li.job_listing a div.position #submit-job-form .fieldset-job_title:before,ul.job_listings li.job_listing a div.position h2,ul.job_listings li.job_listing a:visited div.position h2{
    font-size:1.6rem
}
h6{
    font-size:1.6rem
}
@media (max-width:767px){
    h1{
        font-size:4rem
    }
    #submit-job-form .fieldset-job_title:before,h2{
        font-size:3.4rem
    }
    h3{
        font-size:2.6rem
    }
}
ul.job_listings{
    padding-top:15px;
    border-top:none
}
ul.job_listings:after{
    content:'';
    display:table;
    clear:both
}
ul.job_listings li.job_listing{
    padding:0 0 25px 0;
    border:none
}
ul.job_listings li.job_listing a,ul.job_listings li.job_listing a:visited{
    width:100%;
    padding:20px 20px 20px 24px;
    color:#617482;
    border:1px solid #dedede;
    border-radius:4px;
    box-sizing:border-box;
    display:block;
    position:relative;
    transition:background-color .12s linear,border-color .12s linear,box-shadow .12s linear
}
ul.job_listings li.job_listing a:before,ul.job_listings li.job_listing a:visited:before{
    content:'';
    width:4px;
    display:block;
    background:#dedede;
    border-radius:4px 0 0 4px;
    position:absolute;
    top:-1px;
    left:-1px;
    bottom:-1px;
    transition:background-color .12s linear
}
ul.job_listings li.job_listing a img.company_logo,ul.job_listings li.job_listing a:visited img.company_logo{
    width:65px;
    height:65px;
    margin:0;
    border-radius:100%;
    display:block;
    -o-object-fit:cover;
    object-fit:cover;
    position:absolute;
    top:20px;
    left:20px
}
.company{
    margin-bottom:5px
}
ul.job_listings li.job_listing a div.position,ul.job_listings li.job_listing a:visited div.position{
    width:60%;
    min-height:65px;
    padding:0 0 0 90px;
    box-sizing:border-box;
    position:relative
}
ul.job_listings li.job_listing a div.position div.company,ul.job_listings li.job_listing a:visited div.position div.company{
    color:#617482
}
ul.job_listings li.job_listing a div.position div.tagline,ul.job_listings li.job_listing a:visited div.position div.tagline{
    color:#617482
}
ul.job_listings li.job_listing a div.location,ul.job_listings li.job_listing a:visited div.location{
    width:35%;
    color:#617482;
    font-size:16px;
    text-align:right;
    float:right
}
ul.job_listings li.job_listing a .meta .job-type,ul.job_listings li.no_job_listings_found a .meta .job-type{
    font-weight:700;
    font-size:14px;
    color:#019a01
}
ul.job_listings li.job_listing a ul.meta,ul.job_listings li.job_listing a:visited ul.meta{
    width:35%;
    margin-top:-2px;
    color:#617482;
    text-align:right;
    float:right
}
ul.job_listings li.job_listing a ul.meta li.date,ul.job_listings li.job_listing a:visited ul.meta li.date{
    color:#9aa0a4;
    font-size:14px;
    font-style:italic
}
ul.job_listings li.job_listing a:hover,ul.job_listings li.job_listing a:visited:hover{
    color:inherit;
    border-color:#dedede;
    background-color:#fff;
    box-shadow:0 3px 8px 0 rgba(0,0,0,.065)
}
ul.job_listings li.job_listing a:hover:before,ul.job_listings li.job_listing a:visited:hover:before{
    background:#dedede
}
ul.job_listings li.job_listing a:visited.job-card-newsletter{
    min-height:127px;
    padding-left:115px;
    background:#eaf6fc url(https://jobszm.com/wp-content/themes/JobsZM/assets/img/site/email-newsletter.svg) no-repeat;
    background-position:24px 30px;
    background-size:65px 65px;
    border-color:#eaf6fc
}
ul.job_listings li.job_listing a:visited.job-card-newsletter:before{
    background:#00b0e5
}
ul.job_listings li.job_listing a:visited.job-card-newsletter:hover{
    background-color:#eaf6fc;
    border-color:#eaf6fc;
    box-shadow:none
}
ul.job_listings li.job_listing a:visited.job-card-newsletter form{
    padding:25px 15px 0 0
}
ul.job_listings li.job_listing a:visited.job-card-newsletter form .form-group{
    margin:0
}
ul.job_listings li.job_listing a:visited.job-card-newsletter form .form-group .form-select select,ul.job_listings li.job_listing a:visited.job-card-newsletter form .form-group input[type=email]{
    padding:9px 40px 9px 15px;
    font-size:1.4rem
}
@media (max-width:767px){
    ul.job_listings li.job_listing a img.company_logo,ul.job_listings li.job_listing a:visited img.company_logo{
        visibility:visible
    }
    ul.job_listings li.job_listing a div.position,ul.job_listings li.job_listing a:visited div.position{
        width:100%;
        font-size:inherit;
        line-height:inherit
    }
    ul.job_listings li.job_listing a div.location,ul.job_listings li.job_listing a ul.meta,ul.job_listings li.job_listing a:visited div.location,ul.job_listings li.job_listing a:visited ul.meta{
        width:100%;
        padding-left:90px;
        box-sizing:border-box;
        text-align:left;
        font-size:inherit;
        line-height:inherit
    }
    ul.job_listings li.job_listing a:visited.job-card-newsletter form{
        padding:0
    }
    ul.job_listings li.job_listing a:visited.job-card-newsletter form .form-group [class^=col-]{
        width:100%;
        margin:7px 0
    }
}
ul.job_listings li.job_listing.job_position_featured a,ul.job_listings li.job_listing.job_position_featured a:visited{
    background:#fffff3
}
ul.job_listings li.job_listing.job_position_featured a:before,ul.job_listings li.job_listing.job_position_featured a:visited:before{
    background:#f0efa1
}
.job_filters{
    margin:0 0 20px 0;
    background:0 0;
    padding:0
}
.job_filters .search_jobs{
    padding:0 0 20px 0;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:flex-end
}
.job_filters .search_jobs::after{
    content:'';
    display:table;
    clear:both
}
.job_filters .search_categories label,.job_filters .search_keywords label,.job_filters .search_location label,.job_filters label.screen-reader-text{
    position:absolute;
    left:-9999px;
    width:1px;
    height:1px;
    overflow:hidden
}
.job_filters .search_jobs>div #search_keywords,.job_filters .search_jobs>div #search_location{
    width:100%;
    padding:13px 15px 12px 45px;
    font-size:16px;
    line-height:1.3;
    background-size:19px 19px;
    background-position:13px 12px;
    background-repeat:no-repeat;
    background-color:#fff;
    border:1px solid #c1cbd1;
    border-radius:3px;
    box-sizing:border-box;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}

.job_filters .search_jobs > div #search_keywords {
    background-image: url("/wp-content/themes/JobsZM/assets/svgs/search-icon.svg");
    background-repeat: no-repeat;
    background-position: 12px center;
    background-size: 16px;
    padding-left: 36px;
}

.job_filters .search_jobs > div #search_location {
    background-image: url("/wp-content/themes/JobsZM/assets/svgs/location-dot.svg");
    background-repeat: no-repeat;
    background-position: 12px center;
    background-size: 16px;
    padding-left: 36px;
}


.job_filters .search_jobs>div #search_keywords:focus-within{
    border-color:#000
}
.job_filters .search_jobs>div #search_location:focus-within{
    border-color:#000
}
.job_filters input[type=text]:focus,.job_filters select:focus{
    border-color:#617482;
    outline:0
}
.job_filters input[type=text]::-moz-placeholder{
    color:#cdd5da
}
.job_filters input[type=text]::placeholder{
    color:#cdd5da
}
.job_filters .search_categories{
    position:relative;
    background:#fff;
    border-radius:3px;
    display:block
}
.job_filters .search_categories select,.job_filters .search_jobs>div.search_categories select{
    width:100%;
    padding:13px 40px 12px 15px;
    color:#617482;
    font-size:1.4rem;
    font-weight:400;
    line-height:1.3;
    border-radius:3px;
    border:1px solid #c1cbd1;
    background:#fff;
    outline:0;
    cursor:pointer;
    box-sizing:border-box;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.job_filters .search_categories select:active,.job_filters .search_categories select:hover,.job_filters .search_jobs>div.search_categories select:active,.job_filters .search_jobs>div.search_categories select:hover{
    border:1px solid #617482
}
.job_filters .search_categories:after,.job_filters .search_jobs>div.search_categories:after{
    content:'';
    width:0;
    height:0;
    margin-top:-1px;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:5px solid #617482;
    display:inline-block;
    position:absolute;
    top:50%;
    right:15px;
    z-index:0;
    pointer-events:none
}
.job_filters .search_submit{
    display:flex;
    align-items:flex-end
}
.job_filters .search_submit input[type=submit]{
    width:100%;
    padding:12px 25px;
    font-size:16px;
    font-weight:700;
    color:#fff;
    background:#152919;
    border:0;
    border-radius:3px;
    cursor:pointer;
    transition:background-color .12s linear;
    text-transform:none;
    font-family:Plus Jakarta Sans,'Helvetica Neue',Helvetica,Arial,sans-serif
}
.job_filters .search_submit input[type=submit]:hover{
    background:#207335
}
.job_filters .search_submit input[type=submit]:focus{
    outline:0
}
.job_filters .search_remote_position{
    width:100%;
    display:flex;
    align-items:center;
    gap:8px;
    padding:10px 0;
    margin:0;
    clear:both
}
.job_filters .search_remote_position input[type=checkbox]{
    width:15px;
    height:15px;
    cursor:pointer;
    position:relative;
    left:0
}
.job_filters .search_remote_position label{
    font-size:1.4rem;
    font-weight:400;
    color:#617482;
    margin:0;
    cursor:pointer;
    display:inline-block;
    position:relative;
    left:0
}
.job_filters .showing_jobs{
    padding:10px 0;
    border-top:none;
    background:0 0;
    font-size:1.3rem;
    color:#617482;
    clear:both;
    display:block
}
.job_filters .showing_jobs span{
    display:none
}
.job_filters .showing_jobs .reset{
    display:none
}
.job_filters .job_types,.job_filters .jobszm-job-types{
    display:flex;
    gap:.75rem;
    margin-top:1.25rem;
    flex-wrap:wrap;
    list-style:none;
    padding:0;
    border-top:none;
    border-bottom:1px solid #f2f2f2;
    padding-bottom:1.25rem;
    background:0 0;
    clear:both
}
.job_listings .job_filters .job_types li{
    padding:0 10px 10px 10px;
    border:none
}
@media (max-width:767px){
    .job_listings .job_filters .job_types li:nth-child(even){
        float:right
    }
}
@media (max-width:767px){
    .job_listings .job_filters .job_types li{
        width:max-content;
        padding:0 0 15px 10px
    }
}
ul.job_listings li.job_listing a div.position h3,ul.job_listings li.no_job_listings_found a div.position h3{
    font-size:16px
}
.job_filters .job_types li,.job_filters .jobszm-job-types li{
    padding:0;
    margin:0;
    border:none;
    list-style:none
}
.job_filters .job_types li label,.job_filters .jobszm-job-types li label{
    display:flex;
    align-items:center;
    gap:.5rem;
    padding:.5rem .9rem;
    background:#eaf6fc;
    border-radius:999px;
    font-size:14px;
    cursor:pointer;
    color:#341600;
    transition:all .2s ease;
    margin:0
}
.job_listings .job_filters .job_types li label{
    padding:8px 24px;
    background:#f3efec;
    border-radius:50px;
    display:block
}
.job_filters .job_types input[type=checkbox],.job_filters .jobszm-job-types input[type=checkbox]{
    accent-color:#341600;
    width:16px;
    height:16px;
    cursor:pointer;
    margin:0;
    position:relative;
    left:0
}
.job_filters .job_types li label span,.job_filters .jobszm-job-types li label span{
    line-height:1
}
@media (max-width:959px){
    .job_filters .search_jobs{
        gap:12px
    }
    .job_filters .search_jobs>div{
        min-width:calc(50% - 6px)
    }
    .job_filters .search_jobs>div.search_submit{
        width:100%;
        min-width:100%
    }
}
@media (max-width:767px){
    .job_filters .search_jobs{
        gap:15px
    }
    .job_filters .search_jobs>div{
        width:100%;
        min-width:100%;
        flex:1 1 100%
    }
    .job_filters .job_types,.job_filters .jobszm-job-types{
        gap:.5rem
    }
    .job_filters .job_types li,.job_filters .jobszm-job-types li{
        flex:0 0 auto
    }
}
.job_filters input,.job_filters select{
    font-family:'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif
}
.job_filters .search_jobs>div.search_categories select option{
    color:#617482
}
.job_filters .job_types:nth-of-type(2),.job_filters .jobszm-job-types:nth-of-type(2){
    display:none
}
.job_filters .select2-selection__arrow b{
    display:none
}
.job_filters .select2-container--default .select2-selection--single .select2-selection__arrow{
    height:52px;
    right:12px
}
.select2-container .select2-dropdown .select2-results__option.select2-results__option--highlighted {
    background-color: #535353;
    color: #fff;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px;
}
.job_filters .search_jobs>div .select2-selection--single{
    width:100%;
    height:46px!important;
    padding:0!important;
    font-size:16px;
    line-height:1.3;
    background-color:#fff;
    border:1px solid #c1cbd1;
    border-radius:3px;
    box-sizing:border-box;
    display:flex;
    align-items:center
}
#search_keywords::placeholder,
#search_location::placeholder {
  color: rgba(34, 34, 34, 0.5); 
  opacity: 1;
}
.job_filters .search_jobs>div .select2-selection--single .select2-selection__placeholder{
    color: rgba(34, 34, 34, 0.5)!important; 
    opacity: 1;
}
.job_filters .select2-container .selection .select2-selection__placeholder{
    color: rgba(34, 34, 34, 0.5)!important; 
    opacity: 1;
}
.job_filters .search_jobs>div .select2-selection--single:hover{
    border-color:#617482
}
.job_filters .search_jobs>div.search_categories .select2-container{
    width:100%!important
}
.job_filters .select2-container .selection .select2-selection{
    min-height:46px!important;
    height:46px!important;
    background-color:#fff;
    border:1px solid #c1cbd1;
    border-radius:3px
}
.job_filters .search_jobs>div{
    flex:1;
    min-width:200px;
    box-sizing:border-box
}
.job_filters .search_jobs>div.search_categories,.job_filters .search_jobs>div.search_keywords,.job_filters .search_jobs>div.search_location{
    flex:2
}
.job_filters .search_jobs>div.search_submit{
    flex:1
}
@media (max-width:959px){
    .job_filters .search_jobs>div{
        min-width:calc(50% - 6px)
    }
}
@media (max-width:767px){
    .job_filters .search_jobs>div{
        width:100%;
        min-width:100%;
        flex:1 1 100%
    }
}
.select2-container{
    width:auto
}
.select2-container,.select2-results{
    font-size:14px!important
}
.select2-container{
    min-height:45px
}
.select2-container.select2-container--open .select2-selection{
    border-color:#617482!important
}
.select2-container .select2-selection{
    outline:0!important
}
.select2-container .selection .select2-selection{
    min-height:45px;
    background-color:#fff;
    border:1px solid #c1cbd1;
    border-radius:3px
}
.select2-container .selection .select2-selection__arrow{
    height:43px
}
.select2-container .select2-dropdown{
    border-color:#617482;
    box-shadow:0 3px 4px rgba(0,0,0,.15)
}
.select2-container .select2-dropdown .select2-results__option{
    margin-top:1px;
    padding:6px 15px
}
.select2-container .select2-dropdown .select2-results__option:first-child{
    margin-top:0
}
.select2-container .select2-dropdown .select2-results__option:last-child{
    border-radius:0 0 3px 3px
}
.select2-container .select2-dropdown .select2-results__option[aria-selected=true]{
    color:#617482;
    background-color:#eaf6fc
}
#submit-job-form .fieldset-login_required{
    background:#f5f8f9;
    padding:22px 26px;
    margin-bottom:30px;
    box-shadow:0 2px 3px rgba(0,0,0,.15)
}
#submit-job-form .fieldset-login_required label{
    display:block;
    width:100%;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:2rem;
    font-weight:600;
    color:#4f6b7a;
    margin-bottom:10px
}
#submit-job-form .fieldset-login_required .field{
    display:flex;
    align-items:center;
    gap:12px;
    font-size:1.4rem;
    color:#617482;
    line-height:1.6
}
#submit-job-form .fieldset-login_required .account-sign-in a{
    font-weight:700;
    color:#fff;
    background-color:#152919;
    text-decoration:none;
    white-space:nowrap
}
#submit-job-form .fieldset-login_required .account-sign-in a:hover{
    color:#fff;
    text-decoration:underline
}
#submit-job-form{
    max-width:800px;
    margin:0 auto;
    font-size:16px
}
#submit-job-form fieldset{
    width:100%;
    border:0;
    margin:0 0 20px;
    padding:0;
    float:left;
    box-sizing:border-box
}
#submit-job-form fieldset .field{
    width:100%;
    float:left
}
#submit-job-form label{
    display:inline-block;
    width:100%;
    margin-bottom:12px;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:1.6rem;
    color:#212121
}
#submit-job-form label small{
    font-size:1.2rem;
    color:#617482
}
#submit-job-form input.input-text,#submit-job-form select,#submit-job-form textarea{
    width:100%;
    height:52px;
    padding:13px 15px;
    font-size:16px;
    border:1px solid #c1cbd1;
    border-radius:3px;
    box-sizing:border-box
}
#submit-job-form textarea{
    height:auto;
    min-height:160px
}
#submit-job-form .select2{
    max-width:100%
}
#submit-job-form .select2-selection{
    min-height:52px;
    padding:6px 10px;
    border:1px solid #c1cbd1
}
#submit-job-form .fieldset-job_title::before{
    content:'Job Details';
    display:block;
    margin:10px 0 30px;
    font-size:2.8rem;
    font-family:'Plus Jakarta Sans',sans-serif;
}
#submit-job-form .job-section-title{
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:2.8rem;
    text-transform:capitalize;
    color:#000;
    margin:40px 0 16px
}
#submit-job-form .button{
    padding:10px 20px;
    background:#152919;
    color:#fff;
    border-radius:3px;
    border:none
}
#submit-job-form .button.secondary{
    background:0 0;
    color:#152919
}
#submit-job-form fieldset{
    margin-bottom:25px
}
#submit-job-form::after{
    content:'';
    display:table;
    clear:both
}
.single-job_listing .featured-image,.single-job_listing .page-header-image-single,.single-job_listing .post-image{
    display:none!important
}
#custom-loginform{
    max-width:810px;
    margin:40px auto;
    padding:50px 60px;
    background:#fff;
    border:1px solid #dedede;
    border-radius:8px;
    box-sizing:border-box
}
#custom-loginform label{
    display:block;
    margin-bottom:8px;
    font-family:Plus Jakarta Sans,'Libre Baskerville',Times,serif;
    font-size:20px;
    font-weight:600;
    color:#212121;
    line-height:1.2
}
#custom-loginform label .required{
    color:#d0021b;
    font-weight:600
}
#custom-loginform input[type=email],#custom-loginform input[type=password],#custom-loginform input[type=text]{
    width:100%;
    padding:13px 15px;
    margin-bottom:25px;
    font-size:16px;
    font-family:'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif;
    color:#212121;
    background-color:#fff;
    border:1px solid #c1cbd1;
    border-radius:3px;
    box-sizing:border-box;
    transition:border-color .2s ease
}
#custom-loginform input[type=email]:focus,#custom-loginform input[type=password]:focus,#custom-loginform input[type=text]:focus{
    border-color:#617482;
    outline:0
}
#custom-loginform input[type=email]::placeholder,#custom-loginform input[type=password]::placeholder,#custom-loginform input[type=text]::placeholder{
    color:#cdd5da
}
#custom-loginform .login-remember{
    margin-bottom:20px
}
#custom-loginform .login-remember label{
    display:inline-flex;
    align-items:center;
    font-family:'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    color:#617482;
    margin:0;
    cursor:pointer
}
#custom-loginform .login-remember input[type=checkbox]{
    width:16px;
    height:16px;
    margin:0 8px 0 0;
    cursor:pointer;
    accent-color:#152919
}
#custom-loginform .login-submit{
    margin-bottom:15px
}
#custom-loginform .login-submit input[type=submit]{
    width:100%;
    padding:13px 25px;
    font-size:16px;
    font-weight:700;
    font-family:'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif;
    color:#fff;
    background:#152919;
    border:0;
    border-radius:3px;
    cursor:pointer;
    transition:background-color .2s ease;
    text-transform:none
}
#custom-loginform .login-submit input[type=submit]:hover{
    background:#207335
}
#custom-loginform .login-submit input[type=submit]:focus{
    outline:0
}
#custom-loginform .login-remember+p,#custom-loginform p:last-child{
    margin:15px 0 0 0;
    text-align:left
}
#custom-loginform a{
    color:#00b0e5;
    font-size:14px;
    text-decoration:none;
    transition:color .2s ease
}
#custom-loginform a:hover{
    color:#0fc7ff;
    text-decoration:underline
}
#custom-loginform p{
    font-family:'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size:14px;
    color:#617482;
    line-height:1.6
}
.lost-password-link{
    max-width:810px;
    margin:-20px auto 40px;
    padding:15px 60px 25px;
    background:#fff;
    border:1px solid #dedede;
    border-top:none;
    border-radius:0 0 8px 8px;
    text-align:center;
    box-sizing:border-box
}
.lost-password-link a{
    font-size:14px;
    color:#000;
    text-decoration:none
}
@media (max-width:767px){
    #custom-loginform{
        max-width:100%;
        margin:1px;
        padding:30px 20px
    }
}
#custom-loginform label{
    font-size:18px
}
#custom-loginform input[type=email],#custom-loginform input[type=password],#custom-loginform input[type=text]{
    padding:12px 15px;
    font-size:15px
}
#custom-loginform .login-submit input[type=submit]{
    padding:12px 20px;
    font-size:15px
}
@media (min-width:768px) and (max-width:991px){
    #custom-loginform{
        max-width:600px;
        padding:40px
    }
}
#job-manager-job-dashboard {
  width: 100%;
  margin: 40px 0;
}

.jm-dashboard img.company_logo {
    display: none;
}

#job-manager-job-dashboard.alignwide {
  margin-left: auto;
  margin-right: auto;
  max-width: calc(100% - 4rem);
}
.jm-dashboard__intro {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  gap: 16px;
}

.jm-dashboard__filters input[type='search'] {
  min-width: 260px;
  padding: 10px 14px;
  border: 1px solid #d0d7de;
  border-radius: 6px;
  font-size: 14px;
}

#job-manager-job-dashboard .jm-dashboard-mark-filled {
  margin-top: -30px;
  margin-right: -30px;
}
#job-manager-job-dashboard .jm-dashboard-mark-filled {
  padding: 8px 12px;
  background: #152919;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}

#job-manager-job-dashboard .jm-dashboard-mark-filled:hover {
  background: #207335;
}
#job-manager-job-dashboard .job-dashboard-job-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}

#job-manager-job-dashboard .job-dashboard-job-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#job-manager-job-dashboard .jm-dashboard-mark-filled {
  order: 1;
}

#job-manager-job-dashboard .jm-dashboard-secondary-actions {
  order: 2;
}

#job-manager-job-dashboard .jm-ui-actions-menu {
  position: relative;
}

#job-manager-job-dashboard .jm-ui-action-menu__content {
  position: absolute;
  right: 100%;
  left: auto;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 8px;
  min-width: 120px;
  z-index: 1000;
}

#job-manager-job-dashboard
  .jm-ui-actions-menu:not([open])
  .jm-ui-action-menu__content {
  display: none;
}

#job-manager-job-dashboard .job-dashboard-job-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
}

#job-manager-job-dashboard .jm-dashboard__actions .jm-ui-button {
  background-color: #152919;
  color: #ffffff;
  border-radius: 6px;
  padding: 12px 22px;
  font-weight: 700;
  text-decoration: none;
}

#job-manager-job-dashboard .jm-ui-button:hover {
  background-color: #207335;
}
.jm-dashboard-table {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  overflow: hidden;
}
.jm-dashboard-header {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr auto;
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
  font-size: 13px;
  font-weight: 600;
  color: #6b7280;
}

.jm-dashboard-header > div {
  padding: 14px 16px;
}
.jm-dashboard-job {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr auto;
  border-bottom: 1px solid #eef0f2;
  align-items: center;
  transition: background 0.2s ease;
}

.jm-dashboard-job:hover {
  background: #f9fafb;
}

.jm-dashboard-job:last-child {
  border-bottom: 0;
}
.jm-dashboard-job-column {
  padding: 16px;
  font-size: 14px;
  color: #111827;
}
.jm-dashboard-job-column.job_title a {
  font-weight: 600;
  color: #111827;
  text-decoration: none;
}

.jm-dashboard-job-column.job_title a:hover {
  text-decoration: underline;
}
.jm-dashboard-job-column.actions {
  text-align: right;
}
.jm-dashboard-action {
  font-size: 13px;
  color: #00b0e5;
  margin-right: 10px;
  text-decoration: none;
}

.jm-dashboard-action:hover {
  text-decoration: underline;
}
.jm-dashboard-empty {
  padding: 60px 20px;
  text-align: center;
  color: #6b7280;
}

@media (max-width: 768px) {
  .jm-dashboard-header {
    display: none;
  }

  .jm-dashboard-job {
    grid-template-columns: 1fr;
    padding: 16px;
  }

  .jm-dashboard-job-column {
    padding: 6px 0;
  }

  .jm-dashboard-job-column-label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #6b7280;
    margin-bottom: 2px;
  }

  .jm-dashboard-job-column.actions {
    text-align: left;
    margin-top: 10px;
    margin-right: 20px;
  }
}
.application_button,.job_application .application_button,input.application_button{
    border-radius:8px!important;
    background-color:#152919!important;
    padding:15px 30px!important;
    color:#fff!important;
    font-family:'Plus Jakarta Sans',serif!important;
    font-size:16px!important;
    font-weight:600!important;
    border:none!important;
    cursor:pointer!important;
    transition:background-color .3s ease,transform .2s ease!important;
    display:inline-block!important;
    text-align:center!important;
    line-height:1.4!important;
    text-decoration:none!important;
    box-shadow:0 2px 4px rgba(0,0,0,.1)!important
}
.application_button:hover,.job_application .application_button:hover,input.application_button:hover{
    background-color:#207335!important;
    color:#fff!important;
    box-shadow:0 4px 8px rgba(0,0,0,.15)!important
}
.application_button:active,input.application_button:active{
    transform:translateY(0)!important;
    box-shadow:0 2px 4px rgba(0,0,0,.1)!important
}
@media (max-width:768px){
    .application_button,.job_application .application_button,.job_application a.application_button,input.application_button{
        padding:12px 24px!important;
        font-size:15px!important;
        width:100%;
        max-width:300px
    }
}
.single_job_listing .application .application_details{
    margin-top:20px;
    padding:25px 25px 15px 25px;
    border:0;
    border-radius:4px;
    background:#f3efec;
    box-shadow:none;
    display:none
}
.wpforms-form button.wpforms-submit.my-submit-button{
    font-weight:500;
    font-size:16px;
    line-height:1px;
    color:#fff!important;
    background-color:#333!important;
    border:none!important;
    border-radius:0;
    padding:13px 20px 13px;
    margin-top:15px
}
.wpforms-form .wpforms-submit.my-submit-button:hover{
    background-color:#000!important
}
.site-footer{
    background-color:#f3efec
}
.site-footer .inside-footer{
    max-width:1200px;
    margin:0 auto;
    padding:40px 20px 20px;
    text-align:center
}
.footer-divider{
    border:none;
    border-top:1px solid #ccc;
    margin:0 auto 30px;
    max-width:900px
}
.social-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:60px;
    height:44px;
    border-radius:3px;
    transition:opacity .2s ease,transform .2s ease
}
.social-svg{
    width:20px;
    height:20px;
}
.social-link.facebook{
    color:#1877f2
}
.social-link.instagram{
    color:#e1306c
}
.social-link.youtube{
    color:red
}
.social-link.twitter{
    color:#000
}
.social-link.linkedin{
    color:#0072b1
}
.social-link.threads{
    color:#000
}
.footer-links{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:15px 30px;
    margin-bottom:25px;
    padding-top:40px
}
.footer-links a{
    color:#000;
    text-decoration:none;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:15px;
    font-weight:500
}
.footer-links a:hover{
    color:#000
}
.footer-social-icons{
    display:flex;
    justify-content:center;
    gap:15px;
    margin:30px 0
}
.footer-social-icon{
    width:50px;
    height:50px;
    background-color:#000;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    text-decoration:none;
    transition:transform .3s ease,background-color .3s ease
}
.footer-social-icon:hover{
    transform:scale(1.1);
    background-color:#333
}
.footer-social-icon .social-icon-svg{
    width:24px;
    height:24px;
    fill:currentColor
}
.footer-bottom{
    margin-top:30px;
    padding-top:20px;
    border-top:1px solid #ccc
}
.footer-bottom p{
    color:#000;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:14px;
    line-height:1.6;
    margin:5px 0
}
@media (max-width:768px){
    .footer{
        padding:30px 15px 15px
    }
    .footer-links{
        gap:10px 20px
    }
    .footer-links a{
        font-size:13.5px
    }
    .footer-social-icons{
        gap:12px;
        margin:25px 25px
    }
    .footer-social-icon{
        width:45px;
        height:45px
    }
    .footer-social-icon .social-icon-svg{
        width:20px;
        height:20px
    }
    .footer-bottom p{
        font-size:12px
    }
}
@media (max-width:480px){
    .footer-social-icon{
        width:40px;
        height:40px
    }
    .footer-social-icon .social-icon-svg{
        width:18px;
        height:18px
    }
}
.fa-facebook-f{
    background:unset
}
.fa-x-twitter{
    background:unset
}
.fa-youtube{
    background:unset
}
.fa-instagram{
    background:unset
}
.fa-threads{
    background:unset
}
.footer-columns {
  display: flex;
  justify-content: center;
  gap: 200px;
  margin-bottom: 30px;
  padding-top: 40px;
  text-align: left;
}

.footer-column-title {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #000;
  margin: 0 0 14px 0;
  border-bottom: 1.5px solid #000;
  padding-bottom: 2px;
}

.footer-column-links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.footer-column-links li a {
  color: #000;
  text-decoration: none;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.footer-column-links li a:hover {
  color: #207335;
}
.footer-links {
  padding-top: 0;
}

@media (max-width: 600px) {
  .footer-columns {
    gap: 30px;
    padding-top: 30px;
  }

  .footer-column-links li a {
    font-size: 14px;
  }

  .footer-column-links {
    align-items: center;
  }
}

.footer-bottom-text{
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:14px;
    font-weight: 400;
    color:#000;
    margin:0
}
.inside-site-info{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px 40px;
    background:#f3efec
}
.companies-search-box {
  max-width: 600px;
  margin: 0 auto 40px;
  text-align: center;
}

.companies-search-box input[type="text"] {
  width: 100%;
  padding: 15px 20px;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  border: 2px solid #e5e5e5;
  border-radius: 8px;
  transition: border-color 0.3s ease;
}

.companies-search-box input[type="text"]:focus {
  outline: none;
  border-color: #152919;
}

/* Companies Directory Container */
.companies-directory {
  width: 100%;
  max-width: 100%;
  margin: 40px 0;
  overflow: hidden; /* Prevent overflow */
}

/* Ensure it respects GeneratePress content width */
.inside-article .companies-directory,
.entry-content .companies-directory {
  max-width: 100%;
}

/* Companies Grid */
.companies-grid {
  display: grid;
  gap: 30px;
  margin-bottom: 40px;
  width: 100%;
}

/* Grid Columns - FIXED WIDTH */
.companies-grid.columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.companies-grid.columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.companies-grid.columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.companies-grid.columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

/* Company Card - Fixed to prevent width variations */
.company-card {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 30px;
  text-align: center;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 0; /* Allows text to truncate if needed */
  overflow: hidden; /* Prevent content overflow */
}

.company-card:hover {
  border-color: #152919;
}
.company-logo {
  margin: 0 auto 20px;
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f3efec;
  border-radius: 12px;
  padding: 15px;
  overflow: hidden;
}

.company-logo img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}
.company-info {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.company-name {
  font-family: 'Plus Jakarta Sans', serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 10px 0;
  color: #000;
  word-wrap: break-word; /* Allow long names to wrap */
  overflow-wrap: break-word;
  hyphens: auto;
}

.company-name a {
  color: #000;
  text-decoration: none;
  transition: color 0.3s ease;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.company-name a:hover {
  color: #207335;
}

.company-tagline {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #666;
  margin: 0 0 15px 0;
  flex: 1;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.company-job-count {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #152919;
  margin: 0 auto 15px auto; /* Center it */
  padding: 8px 12px;
  background: #f3efec;
  border-radius: 6px;
  display: inline-block;
  max-width: 100%; /* Prevent overflow */
  white-space: nowrap; /* Keep text on one line */
  overflow: hidden;
  text-overflow: ellipsis; /* Add ... if too long */
}

/* View Jobs Button */
.company-actions {
  margin-top: auto;
}

.view-jobs-button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #152919;
  color: #fff;
  font-family: 'Plus Jakarta Sans', serif;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 6px;
  transition: all 0.3s ease;
}

.view-jobs-button:hover {
  background-color: #207335;
  color: #fff;
}
.no-companies-found {
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #666;
  padding: 40px 20px;
}

.companies-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 40px;
  padding-top: 30px;
  border-top: 1px solid #e5e5e5;
}

.pagination-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  background: #f3efec;
  color: #152919;
  font-family: 'Plus Jakarta Sans', serif;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.pagination-btn:hover {
  background: #152919;
  color: #fff;
}

.pagination-btn svg {
  width: 20px;
  height: 20px;
}

.pagination-numbers {
  display: flex;
  gap: 6px;
  align-items: center;
}

.page-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #fff;
  border: 1px solid #e5e5e5;
  color: #333;
  font-family: 'Plus Jakarta Sans', serif;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 6px;
  transition: all 0.3s ease;
}

.page-number:hover {
  border-color: #152919;
  color: #152919;
}

.page-number.current {
  background: #152919;
  color: #fff;
  border-color: #152919;
}

.companies-info {
  text-align: center;
  margin-top: 15px;
}

.companies-info p {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: #666;
  margin: 0;
}

/* Pagination responsive */
@media (max-width: 640px) {
  .companies-pagination {
    flex-wrap: wrap;
  }
  
  .pagination-btn {
    font-size: 13px;
    padding: 8px 14px;
  }
  
  .page-number {
    width: 36px;
    height: 36px;
    font-size: 13px;
  }
}

.companies-directory.list-view .companies-grid {
  grid-template-columns: 1fr;
}

.companies-directory.list-view .company-card {
  flex-direction: row;
  text-align: left;
  gap: 25px;
}

.companies-directory.list-view .company-logo {
  margin: 0;
  flex-shrink: 0;
}

.companies-directory.list-view .company-info {
  text-align: left;
}

.companies-directory.list-view .company-job-count {
  display: inline-block;
}

@media (max-width: 1024px) {
  .companies-grid.columns-6 {
    grid-template-columns: repeat(4, 1fr);
  }
  
  .companies-grid.columns-4 {
    grid-template-columns: repeat(3, 1fr);
  }
  
  .companies-grid {
    gap: 25px;
  }
}

@media (max-width: 768px) {
  .companies-directory {
    margin: 30px 0;
  }
  
  .companies-grid.columns-6,
  .companies-grid.columns-4 {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .companies-grid.columns-3 {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .companies-grid {
    gap: 20px;
  }
  
  .company-card {
    padding: 20px;
  }
  
  .company-logo {
    width: 100px;
    height: 100px;
  }
  
  .company-name {
    font-size: 18px;
  }
  
  .company-job-count {
    font-size: 13px;
    padding: 6px 10px;
  }
}

@media (max-width: 480px) {
  .companies-directory {
    margin: 20px 0;
  }
  
  .companies-grid.columns-6,
  .companies-grid.columns-4,
  .companies-grid.columns-3,
  .companies-grid.columns-2 {
    grid-template-columns: 1fr;
  }
  
  .companies-grid {
    gap: 15px;
  }
  
  .company-card {
    padding: 20px;
  }
  
  .company-logo {
    width: 90px;
    height: 90px;
  }
  
  .company-name {
    font-size: 17px;
  }
  
  .company-job-count {
    font-size: 12px;
  }
}

.company-card.featured {
  border: 2px solid #152919;
  background: linear-gradient(to bottom, #f3efec 0%, #fff 50%);
}

.company-card.featured .company-name::after {
  content: " ⭐";
  font-size: 0.8em;
}

.companies-directory.loading {
  opacity: 0.6;
  pointer-events: none;
}

.companies-directory.loading::after {
  content: 'Loading companies...';
  display: block;
  text-align: center;
  padding: 40px;
  font-family: 'Roboto', sans-serif;
  color: #666;
}
.home .load_more_jobs {
    display: none !important;
}
.view-all-jobs-wrapper{
    text-align:center;
    margin-top:20px;
    padding-top:20px;
    border-top:1px solid #e5e5e5
}
.view-all-jobs-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 24px;
    background-color:#152919;
    color:#fff;
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:16px;
    font-weight:500;
    text-decoration:none;
    border-radius:8px
}
.view-all-jobs-btn:hover{
    background-color:#207335;
    color:#fff
}
.textdeco {
    font-weight: 700;
    color: inherit;
    text-decoration-line: underline;
    text-decoration-color: #06801e;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
}

.advertise__boxes {
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  gap: 15px;
}

@media screen and (max-width: 550px) {
  .advertise__boxes {
    flex-flow: column;
  }
}

.advertise__single-box {
  position: relative;
  flex: 1;
  min-width: 0;
  background-color: #f3efec;
  padding: 15px 15px 45px 15px;
  text-align: center;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  line-height: 18px;
  border-radius: 5px;
  box-sizing: border-box;
}

@media screen and (max-width: 550px) {
  .advertise__single-box {
    margin: 0;
  }
}

.advertise__single-box a {
  color: #000000;
}

.advertise__single-box strong {
  position: absolute;
  display: block;
  left: 0;
  bottom: 15px;
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  margin: 20px 0 0 0;
  text-align: center;
  font-family: 'Plus Jakarta Sans', sans-serif;
}
.advertise__boxes .advertise__single-box h3 {
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 15px 0;
  font-family: 'Plus Jakarta Sans', sans-serif;
  color: #000000;
  line-height: 1.2;
}
.advertise__single-box p {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  margin: 0;
  color: #000000;
}
.pricing__boxes {
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;;
}
@media screen and (max-width: 768px) {
  .pricing__boxes {
    display: block;
    flex-flow: row;
  }
}
.pricing__single-box {
  max-width: calc(100% / 3 - 15px);
  width: 100%;
  margin-right: 15px;
  background-color: #f3efec;
  padding: 15px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  line-height: 8px;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .pricing__single-box {
    width: 100%;
    max-width: 100%;
    margin: 0 0 20px 0;
    padding: 10px 0;
  }
}
.pricing__single-box a {
  color: #1c1c1c;
}
.pricing__single-box strong {
  display: block;
  margin-bottom: 0;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  font-weight: 900;
  margin-top: 0;
}
.pricing__single-box span {
  font-size: 10px;
}
.pricing__single-box:last-child {
  margin-right: 0;
}
.pricing__single-box .job-type {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  font-weight: 700;
  display: block;
  margin-bottom: 10px;
  letter-spacing: 0.5px;
}
.category-faq {
    margin: 50px 0;
}

.category-faq h2 {
    font-size: 24px;
    margin-bottom: 30px;
    color: #333;
}

.faq-item {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e5e5e5;
}

.faq-item:last-child {
    border-bottom: none;
}

.faq-item h3 {
    font-size: 16px;
    color: #000000;
    margin-bottom: 10px;
}

.faq-item p {
    font-size: 15px;
    line-height: 1.6;
    color: #555;
    margin: 0;
}

.category-footer-content {
    margin: 40px 0 20px;
    padding: 20px;
    background: #f3efec;
    border-left: 4px solid #000000;
    border-radius: 4px;
}

.category-footer-content p {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: #555;
}
.categories-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 25px;
    margin-top: 0;
}

.category-card {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 25px;
    transition: all 0.3s ease;
}

.category-card:hover {
    border-color: #000000;
}

.category-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

.category-card h3 {
    font-size: 20px;
    margin-bottom: 10px;
    color: #000000;
}

.category-desc {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    margin: 0;
}

.no-categories {
    text-align: center;
    padding: 40px;
    color: #666;
}

@media (max-width: 768px) {
    .categories-grid {
        grid-template-columns: 1fr;
    }
}

.ml-form-embedContainer {
  box-sizing: border-box;
  display: table;
  margin: 0 auto;
  position: static;
  width: 100% !important;
}

.ml-form-embedContainer h4,
.ml-form-embedContainer p,
.ml-form-embedContainer span,
.ml-form-embedContainer button {
  text-transform: none !important;
  letter-spacing: normal !important;
}

.ml-form-embedWrapper {
  background-color: #f3efec;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block !important;
  margin: 0;
  padding: 0;
  position: relative;
}

.ml-form-embedWrapper.embedDefault { width: 300px; }
.ml-form-embedWrapper.embedForm { max-width: 300px; width: 100%; }
.ml-form-align-center { text-align: center; }

.ml-form-embedBody {
  padding: 20px 20px 20px 20px;
}

.ml-form-embedContent {
  text-align: left;
  margin: 0 0 20px 0;
}

.ml-form-embedContent h4 {
  color: #000000;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 10px 0;
  text-align: center;
  word-break: break-word;
}

.ml-form-embedContent p {
  color: #000000;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 10px 0;
  text-align: center;
}

.ml-block-form {
  margin: 0;
  width: 100%;
}

.ml-form-formContent {
  margin: 0 0 20px 0;
  width: 100%;
}

.ml-form-fieldRow {
  margin: 0 0 10px 0;
  width: 100%;
}

.ml-form-fieldRow input {
  background-color: #ffffff !important;
  color: #333333 !important;
  border-color: #000000;
  border-radius: 4px !important;
  border-style: solid !important;
  border-width: 1px !important;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-size: 14px !important;
  height: auto;
  line-height: 21px !important;
  padding: 10px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.ml-form-fieldRow input::placeholder {
  color: #333333;
}

.ml-form-embedSubmit {
  margin: 0 0 20px 0;
  width: 100%;
}

.ml-form-embedSubmit button {
  background-color: #000000 !important;
  border: none !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  color: #ffffff !important;
  cursor: pointer;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 21px !important;
  height: auto;
  padding: 10px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.ml-form-embedSubmit button:hover {
  background-color: #207335 !important;
}

.ml-form-embedSubmit button.loading {
  display: none;
}

.ml-form-embedSubmitLoad {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.ml-form-embedSubmitLoad:after {
  content: " ";
  display: block;
  width: 11px;
  height: 11px;
  margin: 1px;
  border-radius: 50%;
  border: 4px solid #fff;
  border-color: #ffffff #ffffff #ffffff transparent;
  animation: ml-form-embedSubmitLoad 1.2s linear infinite;
}

@keyframes ml-form-embedSubmitLoad {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.ml-form-successBody {
  display: none;
}

.ml-form-successContent h4 {
  color: #000000;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 10px 0;
  text-align: center;
}

.ml-form-successContent p {
  color: #000000;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
  text-align: left;
}

.ml-error input {
  border-color: red !important;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

@media only screen and (max-width: 300px) {
  .ml-form-embedWrapper.embedDefault,
  .ml-form-embedWrapper.embedPopup {
    width: 100% !important;
  }
}

.tax-job_location .nav-links {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin: 20px auto;
}

.tax-job_location .nav-links a,
.tax-job_location .nav-links span.page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 8px 12px;
  font-family: Plus Jakarta Sans, serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  border-radius: 6px;
  transition: all 0.3s ease;
  background-color: #f5f5f5;
  color: #152919;
  border: 1px solid #e5e5e5;
  line-height: 1em;
}

.tax-job_location .nav-links span.current {
  background-color: #152919;
  color: #fff;
  border: 1px solid #152919;
}

.tax-job_location .nav-links a:hover,
.tax-job_location .nav-links a:focus {
  background-color: #152919;
  color: #fff;
  border-color: #152919;
}

.tax-job_location .nav-links a.next:hover,
.tax-job_location .nav-links a.prev:hover {
    background: #000;
    color: #fff;
}

@media (max-width: 480px) {
  .tax-job_location .nav-links {
    gap: 6px;
  }
  .tax-job_location .nav-links a,
  .tax-job_location .nav-links span.page-numbers {
    min-width: 38px;
    height: 38px;
    padding: 0 10px;
    border-radius: 6px;
  }
}

nav.job-manager-pagination,
nav.navigation.pagination {
  width: 100%;
  max-width: 100%;
  margin: 20px auto;
  text-align: center;
}

nav.job-manager-pagination ul {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  white-space: normal;
  border: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  max-width: 100%;
  box-sizing: border-box;
  color:#000;
}

nav.job-manager-pagination ul li {
  float: none !important;
  display: inline-flex;
  border: 0;
  margin: 0;
  padding: 0;
}

nav.job-manager-pagination ul li a,
nav.job-manager-pagination ul li span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  padding: 0 12px;
  line-height: 1;
  border-radius: 10px;
  text-decoration: none;
  box-sizing: border-box;
}

nav.job-manager-pagination ul li span.current {
  background: #eee;
  color: #444;
}

nav.navigation.pagination .nav-links {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
}

nav.navigation.pagination .nav-links a,
nav.navigation.pagination .nav-links span.page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  padding: 0 12px;
  line-height: 1;
  border-radius: 10px;
  text-decoration: none;
  box-sizing: border-box;
}

nav.navigation.pagination .nav-links span.current {
  background: #eee;
  color: #444;
}

nav.navigation.pagination .nav-links span.dots {
  background: transparent;
  pointer-events: none;
}

@media (max-width: 480px) {
  nav.job-manager-pagination ul,
  nav.navigation.pagination .nav-links {
    gap: 6px;
  }

  nav.job-manager-pagination ul li a,
  nav.job-manager-pagination ul li span,
  nav.navigation.pagination .nav-links a,
  nav.navigation.pagination .nav-links span.page-numbers {
    min-width: 34px;
    height: 34px;
    padding: 0 10px;
    border-radius: 9px;
  }
}
.ct-section {
  width: 100%;
  padding: 0 0;
  font-family: Arial, sans-serif;
  text-align: center;
  box-sizing: border-box;
}

.ct-section h2 {
  font-size: 1.8rem;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 10px;
}

.ct-section > p {
  font-size: 1rem;
  color: #555;
  margin-bottom: 36px;
}

.ct-grid {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 24px;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 600px) {
  .ct-grid {
    flex-direction: column !important;
  }
}

.ct-card {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 40px 28px 36px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  flex: 1 1 0;
  min-width: 0;
  box-sizing: border-box;
}

.ct-card-icon img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  border-radius: 50%;
}

.ct-card-title {
  font-size: 2rem;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0;
}

.ct-card-desc {
  font-size: 1.6rem;
  color: #666;
  line-height: 1.7;
  margin: 0;
}

.ct-btn {
  display: inline-block;
  background: #111;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 12px 28px;
  border-radius: 4px;
  margin-top: 8px;
  transition: background 0.2s ease;
}

.ct-btn:hover {
  background: #333;
}
.job-expired-notice {
    background: #f4e3ad;
    color: #000000;
    padding: 15px;
    border: 1px solid #000000;
    border-radius: 6px;
    margin-bottom: 20px;
    font-weight: 600;
    text-align: center;
}
.related-jobs {
    margin-top: 40px;
}
.related-jobs h4 {
    position: relative;
    margin-bottom: 16px;
    padding-bottom: 2px;
}

.related-jobs h4::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 120px;
    border-bottom: 2px solid #000;
}
.location[data-location-url] {
    cursor: pointer;
}

.location[data-location-url] .job-location-link {
    text-decoration: none;
}

.location[data-location-url]:hover .job-location-link {
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: 3px;
}
.job-location-archive-header {
    margin-bottom: 2rem;
}

.job-location-archive-header .job-count {
    color: #888;
    font-size: 0.9em;
    margin-top: 0.25rem;
}

.no-jobs-found {
    padding: 2rem;
    text-align: center;
    color: #666;
}

.jobszm-recent-posts {
  background-color: #f3efec;
  border-radius: 6px;
  padding: 24px;
  margin-bottom: 24px;
}

.jobszm-posts-title {
  font-family: 'Plus Jakarta Sans', serif;
  font-size: 18px;
  font-weight: 700;
  color: #000;
  margin: 0 0 16px 0;
  padding-bottom: 4px;
  position: relative;
}

.jobszm-posts-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 44%;
  height: 2px;
  background-color: #152919;
}

.jobszm-posts-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.jobszm-post-item {
  padding: 10px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.jobszm-post-item:last-child {
  border-bottom: none;
}

.jobszm-post-link {
  text-decoration: none;
  display: block;
}

.jobszm-post-title {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #152919;
  line-height: 1.5;
  transition: color 0.3s ease;
}

.jobszm-post-link:hover .jobszm-post-title {
  color: #207335;
}

.jobszm-posts-footer {
  margin-top: 16px;
  text-align: center;
}

.jobszm-view-all {
  display: inline-block;
  padding: 10px 20px;
  background-color: #152919;
  color: #fff;
  font-family: 'Plus Jakarta Sans', serif;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 8px;
  transition: background-color 0.3s ease;
}

.jobszm-view-all:hover {
  background-color: #207335;
  color: #fff;
  text-decoration: none;
}

.jobszm-whatsapp-widget {
  background-color: #f3efec;
  border-radius: 6px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
  margin-bottom: 24px;
}

.jobszm-wa-icon {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.jobszm-wa-icon svg {
  width: 42px;
  height: 42px;
}

.jobszm-wa-title {
  font-family: 'Plus Jakarta Sans', serif;
  font-size: 15px;
  font-weight: 700;
  color: #000;
  margin: 0;
  margin: 0 0 10px 0;
}

.jobszm-wa-desc {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: #000;
  margin: 0;
  line-height: 1.5;
}

.jobszm-wa-btn {
  display: inline-block;
  width: 100%;
  padding: 10px 20px;
  background-color: #000;
  color: #fff;
  font-family: 'Plus Jakarta Sans', serif;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 4px;
  transition: background-color 0.3s ease;
  box-sizing: border-box;
}

.jobszm-wa-btn:hover {
  background-color: #207335;
  color: #fff;
  text-decoration: none;
}

@media (min-width: 768px) {
    .widget-area .widget {
        padding: 30px;
    }
    .page-header,
    .sidebar .widget,
    .site-main > * {
        margin-bottom: 10px;
    }
}

@media (min-width: 769px) {
    .is-right-sidebar {
        padding-right: 20px;
    }
    .is-right-sidebar .widget:has(.jobszm-whatsapp-widget),
    .is-right-sidebar .widget:has(.jobszm-recent-posts),
    .is-right-sidebar .widget:has(.ml-form-embedWrapper) {
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 20px);
    }
}

/* Resize the Logo on mobile*/

@media (max-width: 768px) {
    .site-header .header-image {
        width: 110px; /* adjust to taste */
    }
}