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

:root {
--jb-font-default-for-texts:"Noto Sans Thai",sans-serif!important;
--jb-font-default-for-headings:"Noto Sans Thai",sans-serif!important;
}

html,
body,
button,
input,
select,
textarea,
option,
label,
.jb-section,
.jb-section *,
header,
header *,
.navbar,
.navbar *,
.dropdown-menu,
.dropdown-menu *{
font-family:"Noto Sans Thai",sans-serif!important;
}

h1,h2,h3,h4,h5,h6{
font-family:"Noto Sans Thai",sans-serif!important;
}

.jb-section .jb-text-size-9xl,
body .jb-text-size-9xl{
padding:10px 0!important;
line-height:1.2!important;
overflow:visible!important;
}

.jb-section h1,
.jb-section h2,
.jb-section h3,
.jb-section h4,
.jb-section h5,
.jb-section h6,
.jb-section [class*="jb-text-size-"]{
overflow:visible!important;
}


/* HEADER */

header{
margin-bottom:0!important;
}

header nav a,
header .nav-link,
.navbar-nav .nav-link{
font-weight:500!important;
letter-spacing:0!important;
}

header .btn,
header a[href*="registration"],
header a[href*="register"],
header a[href*="post-a-job"]{
font-weight:600!important;
letter-spacing:0!important;
}

@media(max-width:991px){

header,
header nav,
header .navbar,
header .container,
header .container-fluid,
header nav>.container,
header nav>.container-fluid{
width:100%!important;
max-width:100%!important;
}

header .container,
header .container-fluid,
header nav>.container,
header nav>.container-fluid{
padding-left:16px!important;
padding-right:16px!important;
margin-left:0!important;
margin-right:0!important;
}

header .navbar-brand{
margin-left:0!important;
margin-right:auto!important;
padding-left:0!important;
}

header .navbar-toggler{
margin-left:auto!important;
margin-right:0!important;
}

}

@media(max-width:480px){

header .container,
header .container-fluid,
header nav>.container,
header nav>.container-fluid{
padding-left:12px!important;
padding-right:12px!important;
}

}


/* FORM */

input:focus,
select:focus,
textarea:focus,
.form-control:focus,
.form-select:focus{
border-color:#FFC400!important;
outline:none!important;
box-shadow:0 0 0 3px rgba(255,196,0,.18)!important;
}

input,
select,
textarea{
accent-color:#FFC400!important;
}


/* =========================================================
   HERO
========================================================= */

#jb-section-239780,
#jb-section-239780>.jb-section{
position:relative!important;
width:100%!important;
max-width:100%!important;
overflow:hidden!important;
box-sizing:border-box!important;
}

#jb-section-239780 .jobholic-hero-title-fixed{
font-family:"Noto Sans Thai",sans-serif!important;
font-weight:800!important;
line-height:1.15!important;
letter-spacing:-.5px!important;
padding:10px 0!important;
margin:0!important;
overflow:visible!important;
}

#jb-section-239780 .jobholic-hero-title-fixed span{
display:block!important;
padding:3px 0!important;
line-height:1.15!important;
}

#jb-section-239780 button,
#jb-section-239780 .btn{
font-family:"Noto Sans Thai",sans-serif!important;
}

#jb-section-239780 button:hover,
#jb-section-239780 button:focus,
#jb-section-239780 button:active,
#jb-section-239780 .btn:hover,
#jb-section-239780 .btn:focus,
#jb-section-239780 .btn:active{
background-color:#F5B800!important;
border-color:#F5B800!important;
color:#111!important;
}


/* HERO DESKTOP */

@media(min-width:1200px){

#jb-section-239780>.jb-section{
min-height:610px!important;
}

#jb-section-239780>.jb-section>.container,
#jb-section-239780>.jb-section>.container>.row{
position:static!important;
}

#jb-section-239780
>.jb-section
>.container
>.row
>div:first-child{
position:relative!important;
z-index:5!important;
width:52%!important;
max-width:52%!important;
}

#jb-section-239780 .hero-image-container{
display:block!important;
visibility:visible!important;
opacity:1!important;
position:absolute!important;
inset:0!important;
width:100%!important;
max-width:none!important;
height:100%!important;
margin:0!important;
padding:0!important;
pointer-events:none!important;
z-index:1!important;
}

#jb-section-239780
.hero-image-container
.hero-image{
display:block!important;
visibility:visible!important;
opacity:1!important;
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
margin:0!important;
padding:0!important;
background-repeat:no-repeat!important;
background-position:79% 100%!important;
background-size:auto 91%!important;
transform:none!important;
}

}

@media(min-width:1600px){

#jb-section-239780
.hero-image-container
.hero-image{
background-position:78% 100%!important;
background-size:auto 90%!important;
}

}


/* NOTEBOOK */

@media(min-width:992px) and (max-width:1199px){

#jb-section-239780>.jb-section{
min-height:535px!important;
}

#jb-section-239780>.jb-section>.container,
#jb-section-239780>.jb-section>.container>.row{
position:static!important;
}

#jb-section-239780
>.jb-section
>.container
>.row
>div:first-child{
position:relative!important;
width:55%!important;
max-width:55%!important;
z-index:5!important;
}

#jb-section-239780 .hero-image-container{
display:block!important;
visibility:visible!important;
opacity:1!important;
position:absolute!important;
inset:0!important;
width:100%!important;
max-width:none!important;
height:100%!important;
margin:0!important;
padding:0!important;
z-index:1!important;
pointer-events:none!important;
}

#jb-section-239780
.hero-image-container
.hero-image{
display:block!important;
visibility:visible!important;
opacity:1!important;
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
background-repeat:no-repeat!important;
background-position:80% 100%!important;
background-size:auto 82%!important;
}

}


/* TABLET HERO */

@media(min-width:768px) and (max-width:991px){

#jb-section-239780>.jb-section{
min-height:500px!important;
padding:28px 0 0!important;
}

#jb-section-239780
>.jb-section
>.container{
position:static!important;
width:100%!important;
max-width:100%!important;
padding-left:28px!important;
padding-right:28px!important;
margin:0 auto!important;
}

#jb-section-239780
>.jb-section
>.container
>.row{
display:flex!important;
flex-direction:row!important;
flex-wrap:nowrap!important;
position:static!important;
width:100%!important;
margin:0!important;
padding:0!important;
}

#jb-section-239780
>.jb-section
>.container
>.row
>div:first-child{
position:relative!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
align-items:flex-start!important;
flex:0 0 55%!important;
width:55%!important;
max-width:55%!important;
min-height:430px!important;
padding:0 10px 30px 0!important;
text-align:left!important;
z-index:5!important;
}

#jb-section-239780 .jobholic-hero-title-fixed{
font-size:clamp(31px,4.6vw,42px)!important;
text-align:left!important;
}

#jb-section-239780 .hero-image-container{
display:block!important;
visibility:visible!important;
opacity:1!important;
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
margin:0!important;
padding:0!important;
z-index:1!important;
pointer-events:none!important;
}

#jb-section-239780
.hero-image-container
.hero-image{
display:block!important;
visibility:visible!important;
opacity:1!important;
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
background-repeat:no-repeat!important;
background-position:82% 100%!important;
background-size:auto 72%!important;
}

}


/* MOBILE HERO */

@media(max-width:767px){

#jb-section-239780>.jb-section{
padding:20px 0 0!important;
}

#jb-section-239780
>.jb-section
>.container{
width:100%!important;
max-width:100%!important;
padding-left:18px!important;
padding-right:18px!important;
margin:0!important;
}

#jb-section-239780
>.jb-section
>.container
>.row{
display:flex!important;
flex-direction:column!important;
flex-wrap:nowrap!important;
width:100%!important;
margin:0!important;
padding:0!important;
}

#jb-section-239780
>.jb-section
>.container
>.row
>div:first-child{
position:relative!important;
width:100%!important;
max-width:100%!important;
flex:0 0 100%!important;
padding:0!important;
margin:0!important;
text-align:center!important;
z-index:5!important;
}

#jb-section-239780 .jobholic-hero-title-fixed{
width:100%!important;
font-size:clamp(30px,8vw,38px)!important;
line-height:1.16!important;
text-align:center!important;
}

#jb-section-239780 form,
#jb-section-239780 [class*="search-form"]{
width:100%!important;
max-width:100%!important;
margin-left:0!important;
margin-right:0!important;
box-sizing:border-box!important;
}

#jb-section-239780 .hero-image-container{
display:block!important;
visibility:visible!important;
opacity:1!important;
position:relative!important;
width:100vw!important;
max-width:100vw!important;
height:clamp(270px,75vw,390px)!important;
margin-top:18px!important;
margin-bottom:0!important;
margin-left:calc(50% - 50vw)!important;
margin-right:calc(50% - 50vw)!important;
padding:0!important;
pointer-events:none!important;
}

#jb-section-239780
.hero-image-container
.hero-image,

#jb-section-239780
.hero-image-container
.d-none.d-md-block.hero-image{
display:block!important;
visibility:visible!important;
opacity:1!important;
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
background-repeat:no-repeat!important;
background-position:center bottom!important;
background-size:contain!important;
}

}

@media(max-width:480px){

#jb-section-239780>.jb-section{
padding-top:16px!important;
}

#jb-section-239780>.jb-section>.container{
padding-left:14px!important;
padding-right:14px!important;
}

#jb-section-239780 .jobholic-hero-title-fixed{
font-size:34px!important;
}

#jb-section-239780 .hero-image-container{
height:285px!important;
}

}


/* =========================================================
   STATS
========================================================= */

#jobholic-home-stats{
width:100%!important;
background:#fff!important;
border-top:1px solid #eee!important;
border-bottom:1px solid #eee!important;
box-sizing:border-box!important;
}

#jobholic-home-stats .jh-stats-inner{
width:min(1180px,calc(100% - 48px))!important;
margin:0 auto!important;
display:grid!important;
grid-template-columns:repeat(4,1fr)!important;
min-height:118px!important;
align-items:center!important;
}

#jobholic-home-stats .jh-stat-item{
position:relative!important;
display:flex!important;
justify-content:center!important;
align-items:center!important;
gap:16px!important;
min-height:78px!important;
padding:15px 24px!important;
box-sizing:border-box!important;
transition:transform .2s ease,background-color .2s ease!important;
}

#jobholic-home-stats
.jh-stat-item:not(:last-child)::after{
content:""!important;
position:absolute!important;
right:0!important;
top:22%!important;
width:1px!important;
height:56%!important;
background:#ececec!important;
}

#jobholic-home-stats .jh-stat-icon{
flex:0 0 auto!important;
width:46px!important;
height:46px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
color:#FFC400!important;
}

#jobholic-home-stats .jh-stat-icon svg{
width:40px!important;
height:40px!important;
display:block!important;
fill:currentColor!important;
}

#jobholic-home-stats .jh-stat-content{
min-width:0!important;
}

#jobholic-home-stats .jh-stat-number{
margin:0!important;
font-family:"Noto Sans Thai",sans-serif!important;
font-size:27px!important;
line-height:1.15!important;
font-weight:800!important;
color:#111!important;
}

#jobholic-home-stats .jh-stat-label{
margin-top:4px!important;
font-family:"Noto Sans Thai",sans-serif!important;
font-size:14px!important;
line-height:1.4!important;
font-weight:400!important;
color:#626262!important;
}

#jobholic-home-stats .jh-stat-item:hover{
background:#fffdf5!important;
}

@media(min-width:768px) and (max-width:991px){

#jobholic-home-stats .jh-stats-inner{
width:calc(100% - 40px)!important;
grid-template-columns:repeat(2,1fr)!important;
padding:10px 0!important;
}

#jobholic-home-stats .jh-stat-item{
justify-content:flex-start!important;
min-height:90px!important;
padding:16px 28px!important;
}

#jobholic-home-stats
.jh-stat-item:nth-child(2)::after{
display:none!important;
}

#jobholic-home-stats
.jh-stat-item:nth-child(1),

#jobholic-home-stats
.jh-stat-item:nth-child(2){
border-bottom:1px solid #eee!important;
}

}

@media(max-width:767px){

#jobholic-home-stats .jh-stats-inner{
width:100%!important;
grid-template-columns:repeat(2,1fr)!important;
padding:8px 12px!important;
}

#jobholic-home-stats .jh-stat-item{
justify-content:flex-start!important;
gap:11px!important;
min-height:82px!important;
padding:13px 10px!important;
}

#jobholic-home-stats .jh-stat-icon{
width:36px!important;
height:36px!important;
}

#jobholic-home-stats .jh-stat-icon svg{
width:31px!important;
height:31px!important;
}

#jobholic-home-stats .jh-stat-number{
font-size:21px!important;
}

#jobholic-home-stats .jh-stat-label{
font-size:12px!important;
}

#jobholic-home-stats
.jh-stat-item:nth-child(2)::after{
display:none!important;
}

#jobholic-home-stats
.jh-stat-item:nth-child(1),

#jobholic-home-stats
.jh-stat-item:nth-child(2){
border-bottom:1px solid #eee!important;
}

}

@media(max-width:390px){

#jobholic-home-stats .jh-stat-item{
gap:8px!important;
padding:12px 7px!important;
}

#jobholic-home-stats .jh-stat-number{
font-size:19px!important;
}

#jobholic-home-stats .jh-stat-label{
font-size:11px!important;
}

}


/* =========================================================
   CUSTOM FOOTER CTA
========================================================= */

#jobholic-footer-cta{
position:relative!important;
overflow:hidden!important;
width:100%!important;
min-height:225px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
padding:42px 32px!important;
box-sizing:border-box!important;
color:#fff!important;
background-color:#0b0b0b!important;

background-image:
linear-gradient(
rgba(0,0,0,.74),
rgba(0,0,0,.78)
),
url("https://d3535lqr6sqxto.cloudfront.net/covers/4FGtKLcLGCwbunokIn6d69tJvNXFWkbKlzvOHcs5.png")!important;

background-repeat:no-repeat!important;
background-position:center bottom!important;
background-size:cover!important;
}

#jobholic-footer-cta::before{
content:""!important;
position:absolute!important;
inset:0!important;
z-index:0!important;
pointer-events:none!important;

background:
radial-gradient(
ellipse at 50% 38%,
rgba(255,196,0,.12) 0%,
rgba(255,196,0,.055) 23%,
rgba(255,196,0,0) 52%
)!important;
}

#jobholic-footer-cta::after{
content:""!important;
position:absolute!important;
inset:0!important;
z-index:1!important;
pointer-events:none!important;

background:
linear-gradient(
90deg,
rgba(0,0,0,.25) 0%,
rgba(0,0,0,.04) 30%,
rgba(0,0,0,.04) 70%,
rgba(0,0,0,.28) 100%
)!important;
}

#jobholic-footer-cta .jh-cta-inner{
position:relative!important;
z-index:5!important;
width:100%!important;
max-width:1440px!important;
min-height:140px!important;
margin:0 auto!important;
}

#jobholic-footer-cta .jh-cta-main{
position:relative!important;
z-index:6!important;
width:min(650px,calc(100% - 40px))!important;
margin:0 auto!important;
text-align:center!important;
}

#jobholic-footer-cta h2{
margin:0 0 4px!important;
padding:8px 0!important;
font-family:"Noto Sans Thai",sans-serif!important;
font-size:30px!important;
font-weight:800!important;
line-height:1.3!important;
color:#FFC400!important;
text-align:center!important;
overflow:visible!important;
}

#jobholic-footer-cta p{
margin:0 0 18px!important;
font-family:"Noto Sans Thai",sans-serif!important;
font-size:16px!important;
line-height:1.5!important;
color:#fff!important;
text-align:center!important;
}

#jobholic-footer-cta .jh-cta-buttons{
display:flex!important;
justify-content:center!important;
align-items:center!important;
gap:14px!important;
}

#jobholic-footer-cta .jh-cta-btn{
display:inline-flex!important;
justify-content:center!important;
align-items:center!important;
min-width:142px!important;
min-height:44px!important;
padding:10px 25px!important;
border-radius:8px!important;
box-sizing:border-box!important;
font-family:"Noto Sans Thai",sans-serif!important;
font-size:15px!important;
font-weight:600!important;
line-height:1.4!important;
text-decoration:none!important;
transition:all .2s ease!important;
}

#jobholic-footer-cta .jh-cta-register{
background:#FFC400!important;
border:1px solid #FFC400!important;
color:#111!important;
}

#jobholic-footer-cta .jh-cta-register:hover{
background:#F2B800!important;
border-color:#F2B800!important;
color:#111!important;
}

#jobholic-footer-cta .jh-cta-login{
background:rgba(0,0,0,.34)!important;
border:1px solid rgba(255,255,255,.82)!important;
color:#fff!important;
}

#jobholic-footer-cta .jh-cta-login:hover{
background:#fff!important;
border-color:#fff!important;
color:#111!important;
}

#jobholic-footer-cta .jh-cta-brand{
position:absolute!important;
top:50%!important;
right:20px!important;
transform:translateY(-50%)!important;
width:220px!important;
text-align:center!important;
z-index:6!important;
}

#jobholic-footer-cta .jh-cta-brand img{
display:block!important;
width:165px!important;
height:auto!important;
max-height:70px!important;
object-fit:contain!important;
margin:0 auto 3px!important;
filter:brightness(0) invert(1)!important;
}

#jobholic-footer-cta .jh-cta-brand-text{
position:relative!important;
display:inline-block!important;
font-family:"Noto Sans Thai",sans-serif!important;
color:#fff!important;
font-size:16px!important;
font-weight:600!important;
font-style:italic!important;
line-height:1.4!important;
}

#jobholic-footer-cta .jh-cta-brand-text::after{
content:""!important;
display:block!important;
width:88px!important;
height:4px!important;
margin:7px auto 0!important;
border-radius:20px!important;
background:#FFC400!important;
transform:rotate(-6deg)!important;
}


/* WHITE FOOTER */

#jobholic-custom-footer{
width:100%!important;
background:#fff!important;
color:#171717!important;
border-top:1px solid #E5E7EB!important;
box-sizing:border-box!important;
}

#jobholic-custom-footer .jh-footer-main{
width:min(1180px,calc(100% - 48px))!important;
margin:0 auto!important;
min-height:88px!important;
display:grid!important;
grid-template-columns:150px minmax(0,1fr)!important;
align-items:center!important;
gap:34px!important;
}

#jobholic-custom-footer .jh-footer-logo img{
display:block!important;
width:120px!important;
height:auto!important;
object-fit:contain!important;
}

#jobholic-custom-footer .jh-footer-nav{
display:flex!important;
justify-content:center!important;
align-items:center!important;
flex-wrap:wrap!important;
gap:9px 24px!important;
}

#jobholic-custom-footer .jh-footer-nav a{
font-family:"Noto Sans Thai",sans-serif!important;
color:#171717!important;
font-size:14px!important;
font-weight:500!important;
line-height:1.5!important;
text-decoration:none!important;
}

#jobholic-custom-footer .jh-footer-nav a:hover{
color:#EAAF00!important;
}

#jobholic-custom-footer .jh-footer-bottom{
width:min(1180px,calc(100% - 48px))!important;
margin:0 auto!important;
padding:14px 0 18px!important;
border-top:1px solid #eee!important;
display:flex!important;
justify-content:space-between!important;
align-items:center!important;
gap:20px!important;
color:#7A7A7A!important;
font-family:"Noto Sans Thai",sans-serif!important;
font-size:12px!important;
}

#jobholic-custom-footer .jh-footer-tagline{
color:#333!important;
font-size:13px!important;
word-spacing:8px!important;
}

@media(max-width:1180px){

#jobholic-footer-cta .jh-cta-brand{
display:none!important;
}

}

@media(min-width:992px) and (max-width:1199px){

#jobholic-footer-cta{
min-height:215px!important;
padding:40px 28px!important;
background-size:cover!important;
background-position:center bottom!important;
}

}

@media(min-width:768px) and (max-width:991px){

#jobholic-footer-cta{
min-height:210px!important;
padding:38px 24px!important;
background-size:cover!important;
background-position:center bottom!important;
}

#jobholic-footer-cta h2{
font-size:27px!important;
}

#jobholic-custom-footer .jh-footer-main{
width:calc(100% - 40px)!important;
grid-template-columns:1fr!important;
gap:15px!important;
padding:24px 0!important;
}

#jobholic-custom-footer .jh-footer-logo{
display:flex!important;
justify-content:center!important;
}

#jobholic-custom-footer .jh-footer-bottom{
width:calc(100% - 40px)!important;
}

}

@media(max-width:767px){

#jobholic-footer-cta{
min-height:220px!important;
padding:34px 18px 36px!important;
background-size:auto 100%!important;
background-position:center bottom!important;
}

#jobholic-footer-cta .jh-cta-main{
width:100%!important;
}

#jobholic-footer-cta h2{
font-size:23px!important;
line-height:1.35!important;
}

#jobholic-footer-cta p{
font-size:14px!important;
margin-bottom:16px!important;
}

#jobholic-footer-cta .jh-cta-buttons{
width:100%!important;
gap:9px!important;
}

#jobholic-footer-cta .jh-cta-btn{
flex:1 1 0!important;
min-width:0!important;
min-height:44px!important;
}

#jobholic-custom-footer .jh-footer-main{
width:calc(100% - 32px)!important;
grid-template-columns:1fr!important;
gap:16px!important;
padding:22px 0!important;
}

#jobholic-custom-footer .jh-footer-logo{
display:flex!important;
justify-content:center!important;
}

#jobholic-custom-footer .jh-footer-logo img{
width:112px!important;
}

#jobholic-custom-footer .jh-footer-nav{
justify-content:center!important;
gap:9px 16px!important;
}

#jobholic-custom-footer .jh-footer-nav a{
font-size:13px!important;
}

#jobholic-custom-footer .jh-footer-bottom{
width:calc(100% - 32px)!important;
padding:14px 0 17px!important;
flex-direction:column!important;
justify-content:center!important;
gap:5px!important;
text-align:center!important;
}

}

@media(max-width:420px){

#jobholic-footer-cta{
min-height:230px!important;
padding:32px 14px 34px!important;
background-size:auto 100%!important;
}

#jobholic-footer-cta h2{
font-size:21px!important;
}

#jobholic-footer-cta .jh-cta-buttons{
gap:8px!important;
}

#jobholic-footer-cta .jh-cta-btn{
font-size:14px!important;
padding:10px 8px!important;
}

}

@media(max-width:340px){

#jobholic-footer-cta .jh-cta-buttons{
flex-direction:column!important;
}

#jobholic-footer-cta .jh-cta-btn{
width:100%!important;
}

}


/* =========================================================
   POPULAR CATEGORY - V41
   Desktop = JBoard slider เดิม
   Mobile  = Custom native slider / 4 cards per page (2x2)
========================================================= */

.jobholic-popcat{
    background:#FFF9E8!important;
    padding:34px 0 38px!important;
}

.jobholic-popcat .container,
.jobholic-popcat [class*="container"]{
    background:transparent!important;
}

.jobholic-popcat .jobholic-popcat-headbar{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:18px!important;
    width:100%!important;
    margin:0 0 20px!important;
    box-sizing:border-box!important;
}

.jobholic-popcat .jobholic-popcat-title{
    margin:0!important;
    padding:0!important;
    font-family:"Noto Sans Thai",sans-serif!important;
    font-size:30px!important;
    line-height:1.3!important;
    font-weight:800!important;
    color:#111!important;
}

.jobholic-popcat .jobholic-popcat-viewall{
    flex:0 0 auto!important;
    margin:0!important;
    padding:2px 0!important;
    color:#111827!important;
    font-family:"Noto Sans Thai",sans-serif!important;
    font-size:18px!important;
    line-height:1.35!important;
    font-weight:600!important;
    text-decoration:none!important;
    white-space:nowrap!important;
}

.jobholic-popcat .jobholic-popcat-viewall:hover{
    color:#9A7600!important;
    text-decoration:none!important;
}

.jobholic-popcat a.jobholic-popcat-card{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    min-height:142px!important;
    padding:17px 11px 15px!important;
    background:#fff!important;
    border:1px solid #ECE7DA!important;
    border-radius:14px!important;
    box-shadow:0 2px 10px rgba(0,0,0,.03)!important;
    box-sizing:border-box!important;
    color:#111!important;
    text-decoration:none!important;
    overflow:hidden!important;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}

.jobholic-popcat a.jobholic-popcat-card:hover{
    transform:translateY(-2px)!important;
    border-color:#F3D45C!important;
    box-shadow:0 8px 20px rgba(0,0,0,.055)!important;
}

.jobholic-popcat-icon{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    flex:0 0 46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0 auto 11px!important;
    border-radius:12px!important;
    background:#FFE36E!important;
    color:#111!important;
    box-sizing:border-box!important;
}

.jobholic-popcat-icon svg{
    display:block!important;
    width:25px!important;
    height:25px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
}

.jobholic-popcat-card,
.jobholic-popcat-card *{
    font-family:"Noto Sans Thai",sans-serif!important;
}

.jobholic-popcat-count{
    display:block!important;
    margin-top:6px!important;
    color:#7A7A7A!important;
    font-size:12px!important;
    font-weight:400!important;
    line-height:1.4!important;
}

/* custom mobile slider ถูกซ่อนบน Desktop/Tablet */
.jobholic-popcat-mobile-slider{
    display:none!important;
}

@media(max-width:991px){
    .jobholic-popcat{
        padding:28px 0 31px!important;
    }

    .jobholic-popcat .jobholic-popcat-headbar{
        margin-bottom:18px!important;
    }

    .jobholic-popcat .jobholic-popcat-title{
        font-size:26px!important;
    }

    .jobholic-popcat .jobholic-popcat-viewall{
        font-size:16px!important;
    }

    .jobholic-popcat a.jobholic-popcat-card{
        min-height:132px!important;
        padding:15px 9px 13px!important;
    }

    .jobholic-popcat-icon{
        width:44px!important;
        height:44px!important;
        min-width:44px!important;
        min-height:44px!important;
        flex-basis:44px!important;
    }

    .jobholic-popcat-icon svg{
        width:24px!important;
        height:24px!important;
    }
}

@media(max-width:575px){

    .jobholic-popcat{
        padding:24px 0 28px!important;
        overflow:hidden!important;
    }

    .jobholic-popcat .jobholic-popcat-headbar{
        gap:10px!important;
        margin-bottom:16px!important;
        padding:0 2px!important;
    }

    .jobholic-popcat .jobholic-popcat-title{
        min-width:0!important;
        font-size:22px!important;
        margin:0!important;
    }

    .jobholic-popcat .jobholic-popcat-viewall{
        font-size:14px!important;
        font-weight:600!important;
    }

    /* ซ่อน Slider engine เดิมของ JBoard เฉพาะมือถือ */
    .jobholic-popcat .jobholic-popcat-original-slider{
        display:none!important;
    }

    /* กันลูกศร/controls ของ slider เดิมที่อาจอยู่นอก track */
    .jobholic-popcat .swiper-button-prev,
    .jobholic-popcat .swiper-button-next,
    .jobholic-popcat .slick-arrow,
    .jobholic-popcat .carousel-control-prev,
    .jobholic-popcat .carousel-control-next,
    .jobholic-popcat .owl-nav,
    .jobholic-popcat .owl-prev,
    .jobholic-popcat .owl-next,
    .jobholic-popcat [class*="splide__arrow"],
    .jobholic-popcat [class*="carousel-control-prev"],
    .jobholic-popcat [class*="carousel-control-next"],
    .jobholic-popcat [data-slide="prev"],
    .jobholic-popcat [data-slide="next"]{
        display:none!important;
    }

    /* เก็บไว้เฉพาะลูกศร V42 ของ Mobile Slider ใหม่ */
    .jobholic-popcat .jobholic-popcat-mobile-nav{
        display:flex!important;
    }

    /* Slider ใหม่ */
    .jobholic-popcat-mobile-slider{
        position:relative!important;
        display:block!important;
        width:100%!important;
        max-width:100%!important;
        margin:0!important;
        padding:0 22px!important;
        box-sizing:border-box!important;
        overflow:visible!important;
    }

    .jobholic-popcat-mobile-viewport{
        width:100%!important;
        max-width:100%!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        -webkit-overflow-scrolling:touch!important;
        scroll-snap-type:x mandatory!important;
        scroll-behavior:smooth!important;
        scrollbar-width:none!important;
        overscroll-behavior-x:contain!important;
        touch-action:pan-x pan-y!important;
    }

    .jobholic-popcat-mobile-viewport::-webkit-scrollbar{
        display:none!important;
        width:0!important;
        height:0!important;
    }

    .jobholic-popcat-mobile-track{
        display:flex!important;
        flex-wrap:nowrap!important;
        width:100%!important;
        margin:0!important;
        padding:0!important;
        transform:none!important;
    }

    .jobholic-popcat-mobile-page{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        grid-auto-rows:1fr!important;
        gap:10px!important;
        flex:0 0 100%!important;
        width:100%!important;
        min-width:100%!important;
        max-width:100%!important;
        margin:0!important;
        padding:0!important;
        box-sizing:border-box!important;
        scroll-snap-align:start!important;
        scroll-snap-stop:always!important;
    }

    .jobholic-popcat-mobile-page a.jobholic-popcat-mobile-card{
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        min-height:124px!important;
        margin:0!important;
        padding:15px 9px 13px!important;
        border-radius:14px!important;
        box-sizing:border-box!important;
    }

    .jobholic-popcat-mobile-page .jobholic-popcat-icon{
        width:50px!important;
        height:50px!important;
        min-width:50px!important;
        min-height:50px!important;
        flex:0 0 50px!important;
        margin-bottom:10px!important;
        border-radius:13px!important;
    }

    .jobholic-popcat-mobile-page .jobholic-popcat-icon svg{
        width:28px!important;
        height:28px!important;
        stroke-width:2.1!important;
    }

    .jobholic-popcat-mobile-page .jobholic-popcat-count{
        font-size:11px!important;
        margin-top:5px!important;
    }

    /* ลูกศร custom */
    .jobholic-popcat-mobile-nav{
        position:absolute!important;
        top:50%!important;
        z-index:10!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:28px!important;
        height:28px!important;
        margin:0!important;
        padding:0 0 2px!important;
        transform:translateY(-50%)!important;
        background:#F1F4F8!important;
        border:0!important;
        border-radius:50%!important;
        color:#7E8A99!important;
        font-family:Arial,sans-serif!important;
        font-size:25px!important;
        line-height:1!important;
        font-weight:400!important;
        box-shadow:none!important;
        cursor:pointer!important;
    }

    .jobholic-popcat-mobile-prev{
        left:-1px!important;
    }

    .jobholic-popcat-mobile-next{
        right:-1px!important;
    }

    .jobholic-popcat-mobile-nav:disabled{
        opacity:.35!important;
        pointer-events:none!important;
    }
}

@media(max-width:420px){
    .jobholic-popcat-mobile-slider{
        padding-left:20px!important;
        padding-right:20px!important;
    }

    .jobholic-popcat-mobile-page{
        gap:8px!important;
    }

    .jobholic-popcat-mobile-page a.jobholic-popcat-mobile-card{
        padding-left:8px!important;
        padding-right:8px!important;
    }
}

/* =========================================================
   JOBHOLIC FEATURED JOBS - CLEAN MASTER V24
   ---------------------------------------------------------
   ใช้ Job Card เดิมของ JBoard
   ไม่กำหนด padding / height / position ภายใน Job Card ใหม่
   แก้เฉพาะ layout section + ปุ่ม Apply + ข้อความไทย
========================================================= */

.jobholic-featured-jobs-v24{
    width:100%!important;
    background:#F7F8FA!important;
    padding:46px 0 54px!important;
    box-sizing:border-box!important;
}

.jobholic-featured-jobs-v24>.jobholic-fj24-wrap{
    width:min(1180px,calc(100% - 48px))!important;
    max-width:1180px!important;
    margin:0 auto!important;
    padding:0!important;
    box-sizing:border-box!important;
    background:transparent!important;
}

/* HEADER */
.jobholic-featured-jobs-v24 .jobholic-fj24-header{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:24px!important;
    margin:0 0 20px!important;
}

.jobholic-featured-jobs-v24 .jobholic-fj24-header-left{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:12px!important;
    min-width:0!important;
}

.jobholic-featured-jobs-v24 .jobholic-fj24-title{
    margin:0!important;
    padding:0!important;
    color:#111827!important;
    font-family:"Noto Sans Thai",sans-serif!important;
    font-size:31px!important;
    line-height:1.25!important;
    font-weight:800!important;
}

.jobholic-featured-jobs-v24 .jobholic-fj24-tabs{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:8px!important;
}

.jobholic-featured-jobs-v24 .jobholic-fj24-tab{
    appearance:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:37px!important;
    margin:0!important;
    padding:7px 15px!important;
    background:#FFFFFF!important;
    border:1px solid #E4E7EC!important;
    border-radius:999px!important;
    color:#475467!important;
    font-family:"Noto Sans Thai",sans-serif!important;
    font-size:16px!important;
    line-height:1.25!important;
    font-weight:650!important;
    box-shadow:none!important;
    cursor:pointer!important;
    transition:background .18s ease,border-color .18s ease,color .18s ease!important;
}

.jobholic-featured-jobs-v24 .jobholic-fj24-tab:hover{
    color:#111827!important;
    border-color:#E7BE24!important;
}

.jobholic-featured-jobs-v24 .jobholic-fj24-tab.active,
.jobholic-featured-jobs-v24 .jobholic-fj24-tab.active:hover,
.jobholic-featured-jobs-v24 .jobholic-fj24-tab.active:focus{
    background:#FFC400!important;
    border-color:#FFC400!important;
    color:#111111!important;
}

.jobholic-featured-jobs-v24 .jobholic-fj24-viewall{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    margin:0 0 6px!important;
    padding:0!important;
    color:#111827!important;
    font-family:"Noto Sans Thai",sans-serif!important;
    font-size:18px!important;
    line-height:1.4!important;
    font-weight:700!important;
    text-decoration:none!important;
    white-space:nowrap!important;
}

.jobholic-featured-jobs-v24 .jobholic-fj24-viewall:hover{
    color:#B88600!important;
}

/* MAIN LAYOUT */
.jobholic-featured-jobs-v24 .jobholic-fj24-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 320px!important;
    gap:24px!important;
    align-items:start!important;
}

.jobholic-featured-jobs-v24 .jobholic-fj24-list{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    min-width:0!important;
}

/* =========================================================
   JOB CARD
   สำคัญ: ไม่แตะ layout ภายใน card
========================================================= */
.jobholic-featured-jobs-v24 .jobholic-fj24-card{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
}

/* APPLY: คงรูปทรง/ตำแหน่งเดิมของ JBoard แต่ใช้สี Theme Jobholic */
html body#jb-body-home
.jobholic-featured-jobs-v24
.jobholic-fj24-card
.jobholic-fj24-apply,
html body#jb-body-home
.jobholic-featured-jobs-v24
.jobholic-fj24-card
a.jobholic-fj24-apply,
html body#jb-body-home
.jobholic-featured-jobs-v24
.jobholic-fj24-card
button.jobholic-fj24-apply{
    --bs-btn-bg:#FFC400!important;
    --bs-btn-border-color:#FFC400!important;
    --bs-btn-color:#111827!important;
    --bs-btn-hover-bg:#EFB900!important;
    --bs-btn-hover-border-color:#EFB900!important;
    --bs-btn-hover-color:#111827!important;
    --bs-btn-active-bg:#EFB900!important;
    --bs-btn-active-border-color:#EFB900!important;
    --bs-btn-active-color:#111827!important;
    background:#FFC400!important;
    background-color:#FFC400!important;
    background-image:none!important;
    border-color:#FFC400!important;
    color:#111827!important;
    font-family:"Noto Sans Thai",sans-serif!important;
    font-weight:700!important;
    box-shadow:none!important;
}

html body#jb-body-home
.jobholic-featured-jobs-v24
.jobholic-fj24-card
.jobholic-fj24-apply:hover,
html body#jb-body-home
.jobholic-featured-jobs-v24
.jobholic-fj24-card
.jobholic-fj24-apply:focus,
html body#jb-body-home
.jobholic-featured-jobs-v24
.jobholic-fj24-card
.jobholic-fj24-apply:active{
    background:#EFB900!important;
    background-color:#EFB900!important;
    background-image:none!important;
    border-color:#EFB900!important;
    color:#111827!important;
    box-shadow:none!important;
}

/* Easy Apply = สมัครด่วน: ตัดสีเขียว ใช้ดำ + icon เหลือง โดยไม่ย้าย layout */
.jobholic-featured-jobs-v24 .jobholic-fj24-card .jobholic-fj24-easy{
    color:#111827!important;
    font-family:"Noto Sans Thai",sans-serif!important;
    font-weight:700!important;
}

.jobholic-featured-jobs-v24 .jobholic-fj24-card .jobholic-fj24-easy svg,
.jobholic-featured-jobs-v24 .jobholic-fj24-card .jobholic-fj24-easy i,
.jobholic-featured-jobs-v24 .jobholic-fj24-card .jobholic-fj24-easy [class*="icon"]{
    color:#FFC400!important;
    stroke:#FFC400!important;
}

/* EMPTY */
.jobholic-featured-jobs-v24 .jobholic-fj24-empty{
    display:none;
    padding:30px 20px!important;
    text-align:center!important;
    background:#FFFFFF!important;
    border:1px dashed #D9DEE7!important;
    border-radius:14px!important;
    color:#667085!important;
    font-family:"Noto Sans Thai",sans-serif!important;
    font-size:14px!important;
}

/* SIDEBAR */
.jobholic-featured-jobs-v24 .jobholic-fj24-sidebar{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    min-width:0!important;
}

.jobholic-featured-jobs-v24 .jobholic-fj24-employer-card,
.jobholic-featured-jobs-v24 .jobholic-fj24-resume-card{
    position:relative!important;
    overflow:hidden!important;
    width:100%!important;
    box-sizing:border-box!important;
    font-family:"Noto Sans Thai",sans-serif!important;
}

/* EMPLOYER CARD */
.jobholic-featured-jobs-v24 .jobholic-fj24-employer-card{
    min-height:248px!important;
    padding:25px 23px!important;
    background:linear-gradient(135deg,#FFE56A 0%,#FFC400 100%)!important;
    border:0!important;
    border-radius:16px!important;
    color:#111111!important;
    box-shadow:0 8px 22px rgba(255,196,0,.13)!important;
}

.jobholic-featured-jobs-v24 .jobholic-fj24-employer-card::before{
    content:""!important;
    position:absolute!important;
    right:-32px!important;
    bottom:-38px!important;
    width:168px!important;
    height:168px!important;
    border:27px solid rgba(255,255,255,.27)!important;
    border-radius:50%!important;
    pointer-events:none!important;
}

.jobholic-featured-jobs-v24 .jobholic-fj24-employer-card::after{
    content:"↗"!important;
    position:absolute!important;
    right:26px!important;
    bottom:22px!important;
    color:rgba(17,17,17,.11)!important;
    font-size:64px!important;
    line-height:1!important;
    font-weight:300!important;
    pointer-events:none!important;
}

.jobholic-featured-jobs-v24 .jobholic-fj24-employer-label,
.jobholic-featured-jobs-v24 .jobholic-fj24-employer-title,
.jobholic-featured-jobs-v24 .jobholic-fj24-employer-desc,
.jobholic-featured-jobs-v24 .jobholic-fj24-employer-button{
    position:relative!important;
    z-index:2!important;
}

.jobholic-featured-jobs-v24 .jobholic-fj24-employer-label{
    margin:0 0 5px!important;
    color:#393014!important;
    font-size:14px!important;
    line-height:1.4!important;
    font-weight:700!important;
}

.jobholic-featured-jobs-v24 .jobholic-fj24-employer-title{
    max-width:225px!important;
    margin:0 0 11px!important;
    color:#111111!important;
    font-size:28px!important;
    line-height:1.18!important;
    font-weight:800!important;
}

.jobholic-featured-jobs-v24 .jobholic-fj24-employer-desc{
    max-width:240px!important;
    margin:0 0 18px!important;
    color:#493E20!important;
    font-size:15px!important;
    line-height:1.55!important;
    font-weight:500!important;
}

.jobholic-featured-jobs-v24 .jobholic-fj24-employer-button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:40px!important;
    padding:9px 17px!important;
    background:#111827!important;
    border:1px solid #111827!important;
    border-radius:8px!important;
    color:#FFFFFF!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:700!important;
    text-decoration:none!important;
}

.jobholic-featured-jobs-v24 .jobholic-fj24-employer-button:hover{
    background:#000000!important;
    border-color:#000000!important;
    color:#FFFFFF!important;
}

/* RESUME CARD */
.jobholic-featured-jobs-v24 .jobholic-fj24-resume-card{
    min-height:198px!important;
    padding:22px!important;
    background:linear-gradient(135deg,#FFFFFF 0%,#F0F5FC 100%)!important;
    border:1px solid #E3E9F1!important;
    border-radius:16px!important;
    box-shadow:none!important;
}

.jobholic-featured-jobs-v24 .jobholic-fj24-resume-card::after{
    content:""!important;
    position:absolute!important;
    right:21px!important;
    top:34px!important;
    width:58px!important;
    height:72px!important;
    border:1px solid #D5E1F0!important;
    border-radius:10px!important;
    background:
        linear-gradient(#B9CBEA,#B9CBEA) 13px 17px/30px 4px no-repeat,
        linear-gradient(#D6E2F3,#D6E2F3) 13px 29px/32px 3px no-repeat,
        linear-gradient(#D6E2F3,#D6E2F3) 13px 39px/26px 3px no-repeat,
        #FFFFFF!important;
    box-shadow:0 7px 18px rgba(69,103,156,.08)!important;
    transform:rotate(6deg)!important;
    pointer-events:none!important;
}

.jobholic-featured-jobs-v24 .jobholic-fj24-resume-title,
.jobholic-featured-jobs-v24 .jobholic-fj24-resume-desc,
.jobholic-featured-jobs-v24 .jobholic-fj24-resume-button{
    position:relative!important;
    z-index:2!important;
}

.jobholic-featured-jobs-v24 .jobholic-fj24-resume-title{
    max-width:215px!important;
    margin:0 0 7px!important;
    color:#111827!important;
    font-size:21px!important;
    line-height:1.3!important;
    font-weight:800!important;
}

.jobholic-featured-jobs-v24 .jobholic-fj24-resume-desc{
    width:68%!important;
    margin:0 0 15px!important;
    color:#667085!important;
    font-size:15px!important;
    line-height:1.55!important;
    font-weight:500!important;
}

.jobholic-featured-jobs-v24 .jobholic-fj24-resume-button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:38px!important;
    padding:8px 15px!important;
    background:#FFFFFF!important;
    border:1px solid #111827!important;
    border-radius:8px!important;
    color:#111827!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:700!important;
    text-decoration:none!important;
}

.jobholic-featured-jobs-v24 .jobholic-fj24-resume-button:hover{
    background:#111827!important;
    color:#FFFFFF!important;
}

/* TABLET */
@media(max-width:991px){
    .jobholic-featured-jobs-v24{
        padding:40px 0 46px!important;
    }

    .jobholic-featured-jobs-v24>.jobholic-fj24-wrap{
        width:calc(100% - 36px)!important;
    }

    .jobholic-featured-jobs-v24 .jobholic-fj24-title{
        font-size:28px!important;
    }

    .jobholic-featured-jobs-v24 .jobholic-fj24-layout{
        grid-template-columns:1fr!important;
        gap:20px!important;
    }

    .jobholic-featured-jobs-v24 .jobholic-fj24-sidebar{
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
        gap:14px!important;
        margin-top:4px!important;
    }

    .jobholic-featured-jobs-v24 .jobholic-fj24-employer-card,
    .jobholic-featured-jobs-v24 .jobholic-fj24-resume-card{
        min-height:205px!important;
    }
}

/* MOBILE */
@media(max-width:767px){
    .jobholic-featured-jobs-v24{
        padding:32px 0 38px!important;
    }

    .jobholic-featured-jobs-v24>.jobholic-fj24-wrap{
        width:100%!important;
        padding:0 16px!important;
    }

    .jobholic-featured-jobs-v24 .jobholic-fj24-header{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) auto!important;
        align-items:center!important;
        column-gap:12px!important;
        row-gap:11px!important;
        margin:0 0 18px!important;
    }

    .jobholic-featured-jobs-v24 .jobholic-fj24-header-left{
        display:contents!important;
    }

    .jobholic-featured-jobs-v24 .jobholic-fj24-title{
        grid-column:1!important;
        grid-row:1!important;
        margin:0!important;
        font-size:25px!important;
        line-height:1.3!important;
    }

    .jobholic-featured-jobs-v24 .jobholic-fj24-viewall{
        grid-column:2!important;
        grid-row:1!important;
        align-self:center!important;
        justify-self:end!important;
        margin:0!important;
        padding:2px 0!important;
        font-size:18px!important;
        white-space:nowrap!important;
    }

    .jobholic-featured-jobs-v24 .jobholic-fj24-tabs{
        grid-column:1/-1!important;
        grid-row:2!important;
        width:100%!important;
        flex-wrap:nowrap!important;
        gap:7px!important;
        overflow-x:auto!important;
        padding-bottom:3px!important;
        scrollbar-width:none!important;
    }

    .jobholic-featured-jobs-v24 .jobholic-fj24-tabs::-webkit-scrollbar{
        display:none!important;
    }

    .jobholic-featured-jobs-v24 .jobholic-fj24-tab{
        flex:0 0 auto!important;
        min-height:36px!important;
        padding:7px 13px!important;
        font-size:16px!important;
    }

    .jobholic-featured-jobs-v24 .jobholic-fj24-sidebar{
        display:flex!important;
        flex-direction:column!important;
        gap:12px!important;
        margin-top:8px!important;
    }

    .jobholic-featured-jobs-v24 .jobholic-fj24-employer-card{
        min-height:218px!important;
        padding:21px 19px!important;
    }

    .jobholic-featured-jobs-v24 .jobholic-fj24-employer-title{
        font-size:24px!important;
    }

    .jobholic-featured-jobs-v24 .jobholic-fj24-employer-desc{
        max-width:76%!important;
        font-size:14px!important;
    }

    .jobholic-featured-jobs-v24 .jobholic-fj24-resume-card{
        min-height:190px!important;
        padding:19px!important;
    }

    .jobholic-featured-jobs-v24 .jobholic-fj24-resume-title{
        font-size:20px!important;
    }

    .jobholic-featured-jobs-v24 .jobholic-fj24-resume-desc{
        width:72%!important;
        font-size:14px!important;
    }
}

@media(max-width:420px){
    .jobholic-featured-jobs-v24>.jobholic-fj24-wrap{
        padding:0 14px!important;
    }

    .jobholic-featured-jobs-v24 .jobholic-fj24-title{
        font-size:23px!important;
    }

    .jobholic-featured-jobs-v24 .jobholic-fj24-tab{
        padding:7px 11px!important;
        font-size:16px!important;
    }

    .jobholic-featured-jobs-v24 .jobholic-fj24-viewall{
        font-size:18px!important;
    }
}

/* =========================================================
   JOBHOLIC TRUSTED COMPANIES - CLEAN MASTER V36
   20 COMPANIES + NAMES + TRUE FULL WIDTH + NO PAGE X-SCROLL
========================================================= */

/* ปิด scrollbar แนวนอนของหน้าเว็บจริง ๆ แต่ยังให้ slider ภายในเลื่อนได้ */
html,
body{
    max-width:100%!important;
    overflow-x:hidden!important;
}

body#jb-body-home,
body#jb-body-home #page-home,
body#jb-body-home main#page-home{
    max-width:100%!important;
    overflow-x:hidden!important;
}

#jobholic-trusted-companies{
    position:relative!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:80px 0 80px!important;
    background:#FFF9E8!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
}

#jobholic-trusted-companies .jh-company-inner{
    width:min(1180px,calc(100% - 48px))!important;
    max-width:1180px!important;
    margin:0 auto!important;
    padding:0!important;
    box-sizing:border-box!important;
}

#jobholic-trusted-companies .jh-company-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:20px!important;
    margin:0 0 18px!important;
}

#jobholic-trusted-companies .jh-company-head h2{
    margin:0!important;
    padding:0!important;
    color:#111827!important;
    font-family:"Noto Sans Thai",sans-serif!important;
    font-size:28px!important;
    line-height:1.25!important;
    font-weight:800!important;
    letter-spacing:-.2px!important;
}

#jobholic-trusted-companies .jh-company-viewall{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding:0!important;
    color:#111827!important;
    font-family:"Noto Sans Thai",sans-serif!important;
    font-size:18px!important;
    line-height:1.4!important;
    font-weight:700!important;
    text-decoration:none!important;
    white-space:nowrap!important;
}

#jobholic-trusted-companies .jh-company-viewall:hover{
    color:#B88600!important;
}

#jobholic-trusted-companies .jh-company-list{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:12px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
}

#jobholic-trusted-companies .jh-company-card{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    width:100%!important;
    min-width:0!important;
    height:142px!important;
    margin:0!important;
    padding:12px 12px 11px!important;
    background:#FFFFFF!important;
    border:1px solid #ECE6D7!important;
    border-radius:11px!important;
    box-shadow:0 2px 7px rgba(17,24,39,.03)!important;
    color:#111827!important;
    text-decoration:none!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}

#jobholic-trusted-companies .jh-company-card:hover{
    transform:translateY(-2px)!important;
    border-color:#EED05D!important;
    box-shadow:0 8px 18px rgba(17,24,39,.06)!important;
    color:#111827!important;
}

#jobholic-trusted-companies .jh-company-logo{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:66px!important;
    min-height:66px!important;
    overflow:hidden!important;
}

#jobholic-trusted-companies .jh-company-logo img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:145px!important;
    max-height:60px!important;
    margin:auto!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
    filter:none!important;
}

#jobholic-trusted-companies .jh-company-name{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    max-height:44px!important;
    overflow:hidden!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    margin:0!important;
    color:#111827!important;
    font-family:"Noto Sans Thai",sans-serif!important;
    font-size:16px!important;
    line-height:1.35!important;
    font-weight:500!important;
    text-align:center!important;
    text-decoration:none!important;
}

@media(min-width:768px) and (max-width:991px){
    #jobholic-trusted-companies{
        padding:70px 0 70px!important;
    }

    #jobholic-trusted-companies .jh-company-inner{
        width:calc(100% - 36px)!important;
    }

    #jobholic-trusted-companies .jh-company-head h2{
        font-size:24px!important;
    }

    #jobholic-trusted-companies .jh-company-list{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:10px!important;
    }

    #jobholic-trusted-companies .jh-company-card{
        height:122px!important;
    }
}

@media(max-width:767px){
    #jobholic-trusted-companies{
        width:100%!important;
        max-width:100%!important;
        margin:0!important;
        padding:60px 0 60px!important;
    }

    #jobholic-trusted-companies .jh-company-inner{
        width:100%!important;
        max-width:none!important;
        margin:0!important;
        padding:0 14px!important;
        box-sizing:border-box!important;
    }

    #jobholic-trusted-companies .jh-company-head{
        gap:10px!important;
        margin-bottom:14px!important;
    }

    #jobholic-trusted-companies .jh-company-head h2{
        font-size:20px!important;
        line-height:1.3!important;
    }

    #jobholic-trusted-companies .jh-company-viewall{
        font-size:18px!important;
    }

    /* มือถือ = 2 คอลัมน์ตลอด ไม่มี horizontal slider */
    #jobholic-trusted-companies .jh-company-list{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:8px!important;
        width:100%!important;
        min-width:0!important;
        margin:0!important;
        padding:0!important;
        overflow:visible!important;
    }

    #jobholic-trusted-companies .jh-company-card{
        width:100%!important;
        min-width:0!important;
        height:124px!important;
        padding:9px 8px!important;
        gap:7px!important;
        border-radius:9px!important;
    }

    #jobholic-trusted-companies .jh-company-logo{
        height:56px!important;
        min-height:56px!important;
    }

    #jobholic-trusted-companies .jh-company-logo img{
        max-width:108px!important;
        max-height:50px!important;
    }

    #jobholic-trusted-companies .jh-company-name{
        min-height:38px!important;
        max-height:38px!important;
        font-size:14px!important;
        line-height:1.35!important;
        overflow:hidden!important;
        overflow-wrap:anywhere!important;
        word-break:break-word!important;
    }
}

@media(max-width:420px){
    #jobholic-trusted-companies{
        padding:60px 0 60px!important;
    }

    #jobholic-trusted-companies .jh-company-inner{
        padding:0 12px!important;
    }

    #jobholic-trusted-companies .jh-company-head h2{
        font-size:18px!important;
    }

    #jobholic-trusted-companies .jh-company-viewall{
        font-size:18px!important;
    }

    #jobholic-trusted-companies .jh-company-card{
        height:120px!important;
    }

    #jobholic-trusted-companies .jh-company-logo{
        height:52px!important;
        min-height:52px!important;
    }

    #jobholic-trusted-companies .jh-company-logo img{
        max-width:100px!important;
        max-height:46px!important;
    }

    #jobholic-trusted-companies .jh-company-name{
        min-height:38px!important;
        max-height:38px!important;
        font-size:14px!important;
        line-height:1.35!important;
    }
}

#jobholic-trusted-companies + #jobholic-home-articles,
#jobholic-trusted-companies + #jobholic-footer-cta{
    margin-top:0!important;
}

/* =========================================================
   JOBHOLIC ARTICLES & TIPS - CLEAN MASTER V36
   HIGHER CARDS + NO HORIZONTAL OVERFLOW
========================================================= */

#jobholic-home-articles{
    position:relative!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:80px 0 80px!important;
    background:#FFFFFF!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
}

#jobholic-home-articles .jh-articles-inner{
    width:min(1180px,calc(100% - 56px))!important;
    max-width:1180px!important;
    margin:0 auto!important;
    padding:0!important;
    box-sizing:border-box!important;
}

#jobholic-home-articles .jh-articles-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:20px!important;
    margin:0 0 18px!important;
}

#jobholic-home-articles .jh-articles-title{
    margin:0!important;
    padding:0!important;
    color:#111827!important;
    font-family:"Noto Sans Thai",sans-serif!important;
    font-size:28px!important;
    line-height:1.25!important;
    font-weight:800!important;
    letter-spacing:-.2px!important;
}

#jobholic-home-articles .jh-articles-viewall{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding:0!important;
    color:#111827!important;
    font-family:"Noto Sans Thai",sans-serif!important;
    font-size:18px!important;
    line-height:1.4!important;
    font-weight:700!important;
    text-decoration:none!important;
    white-space:nowrap!important;
}

#jobholic-home-articles .jh-articles-viewall:hover{
    color:#B88600!important;
}

#jobholic-home-articles .jh-articles-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:14px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    align-items:stretch!important;
}

#jobholic-home-articles .jh-article-card{
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
    height:100%!important;
    min-height:410px!important;
    overflow:hidden!important;
    background:#FFFFFF!important;
    border:1px solid #E6E8EC!important;
    border-radius:12px!important;
    box-shadow:0 2px 7px rgba(17,24,39,.025)!important;
    color:#111827!important;
    text-decoration:none!important;
    box-sizing:border-box!important;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}

#jobholic-home-articles .jh-article-card:hover{
    transform:translateY(-2px)!important;
    border-color:#E8C94E!important;
    box-shadow:0 8px 20px rgba(17,24,39,.06)!important;
    color:#111827!important;
}

#jobholic-home-articles .jh-article-image{
    position:relative!important;
    width:100%!important;
    min-height:182px!important;
    aspect-ratio:16 / 10.4!important;
    overflow:hidden!important;
    background:#F3F4F6!important;
}

#jobholic-home-articles .jh-article-image img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    transition:transform .25s ease!important;
}

#jobholic-home-articles .jh-article-card:hover .jh-article-image img{
    transform:scale(1.03)!important;
}

#jobholic-home-articles .jh-article-image-placeholder{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:100%!important;
    background:linear-gradient(135deg,#FFF8D9 0%,#F2F4F7 100%)!important;
    color:#C99500!important;
}

#jobholic-home-articles .jh-article-image-placeholder svg{
    width:38px!important;
    height:38px!important;
    stroke:currentColor!important;
    fill:none!important;
    stroke-width:1.7!important;
}

#jobholic-home-articles .jh-article-body{
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 auto!important;
    min-height:205px!important;
    padding:16px 15px 14px!important;
    box-sizing:border-box!important;
}

#jobholic-home-articles .jh-article-name{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    margin:0!important;
    color:#111827!important;
    font-family:"Noto Sans Thai",sans-serif!important;
    font-size:18px!important;
    line-height:1.45!important;
    font-weight:500!important;
}

#jobholic-home-articles .jh-article-desc{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    line-clamp:3!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    max-height:4.50em!important;
    overflow:hidden!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    margin:9px 0 0!important;
    padding:0!important;
    color:#667085!important;
    font-family:"Noto Sans Thai",sans-serif!important;
    font-size:14px!important;
    line-height:1.50!important;
    font-weight:400!important;
    clip-path:inset(0)!important;
}

#jobholic-home-articles .jh-article-date{
    margin-top:auto!important;
    padding-top:12px!important;
    color:#7A8493!important;
    font-family:"Noto Sans Thai",sans-serif!important;
    font-size:12px!important;
    line-height:1.4!important;
    font-weight:400!important;
}

#jobholic-home-articles .jh-articles-loading,
#jobholic-home-articles .jh-articles-empty{
    grid-column:1 / -1!important;
    padding:30px!important;
    border:1px dashed #D9DEE7!important;
    border-radius:12px!important;
    color:#667085!important;
    font-family:"Noto Sans Thai",sans-serif!important;
    font-size:14px!important;
    text-align:center!important;
    background:#FAFBFC!important;
}

@media(min-width:768px) and (max-width:991px){
    #jobholic-home-articles{
        padding:70px 0 70px!important;
    }
    #jobholic-home-articles .jh-articles-inner{
        width:calc(100% - 36px)!important;
    }
    #jobholic-home-articles .jh-articles-title{
        font-size:24px!important;
    }
    #jobholic-home-articles .jh-articles-viewall{
        font-size:18px!important;
    }
    #jobholic-home-articles .jh-articles-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:12px!important;
    }
    #jobholic-home-articles .jh-article-card{
        min-height:316px!important;
    }
    #jobholic-home-articles .jh-article-image{
        min-height:170px!important;
    }
    #jobholic-home-articles .jh-article-body{
        min-height:132px!important;
    }
}

@media(max-width:767px){
    #jobholic-home-articles{
        width:100%!important;
        max-width:100%!important;
        margin-left:0!important;
        margin-right:0!important;
        padding:60px 0 60px!important;
    }
    #jobholic-home-articles .jh-articles-inner{
        width:100%!important;
        max-width:none!important;
        padding:0 14px!important;
        box-sizing:border-box!important;
    }
    #jobholic-home-articles .jh-articles-head{
        gap:10px!important;
        margin-bottom:14px!important;
    }
    #jobholic-home-articles .jh-articles-title{
        font-size:20px!important;
        line-height:1.3!important;
        white-space:nowrap!important;
    }
    #jobholic-home-articles .jh-articles-viewall{
        font-size:18px!important;
    }
    #jobholic-home-articles .jh-articles-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:8px!important;
    }
    #jobholic-home-articles .jh-article-card{
        min-height:345px!important;
        border-radius:10px!important;
    }
    #jobholic-home-articles .jh-article-image{
        min-height:122px!important;
        aspect-ratio:16 / 10!important;
    }
    #jobholic-home-articles .jh-article-body{
        min-height:190px!important;
        padding:12px 11px 11px!important;
    }
    #jobholic-home-articles .jh-article-name{
        font-size:16px!important;
        line-height:1.45!important;
        -webkit-line-clamp:3!important;
        overflow:hidden!important;
        overflow-wrap:anywhere!important;
        word-break:break-word!important;
    }
    #jobholic-home-articles .jh-article-desc{
        margin-top:8px!important;
        font-size:13px!important;
        line-height:1.50!important;
        -webkit-line-clamp:4!important;
        line-clamp:4!important;
        max-height:6em!important;
        overflow:hidden!important;
        clip-path:inset(0)!important;
    }
    #jobholic-home-articles .jh-article-date{
        padding-top:8px!important;
        font-size:10.5px!important;
    }
}

@media(max-width:420px){
    #jobholic-home-articles{
        padding:60px 0 60px!important;
    }
    #jobholic-home-articles .jh-articles-inner{
        padding:0 12px!important;
    }
    #jobholic-home-articles .jh-articles-title{
        font-size:18px!important;
    }
    #jobholic-home-articles .jh-articles-viewall{
        font-size:18px!important;
    }
    #jobholic-home-articles .jh-articles-grid{
        gap:7px!important;
    }
    #jobholic-home-articles .jh-article-card{
        min-height:330px!important;
    }
    #jobholic-home-articles .jh-article-image{
        min-height:112px!important;
    }
    #jobholic-home-articles .jh-article-body{
        min-height:184px!important;
        padding:10px!important;
    }
    #jobholic-home-articles .jh-article-name{
        font-size:16px!important;
        line-height:1.45!important;
        -webkit-line-clamp:3!important;
    }
    #jobholic-home-articles .jh-article-desc{
        font-size:12.5px!important;
        line-height:1.48!important;
        -webkit-line-clamp:4!important;
        line-clamp:4!important;
        max-height:5.92em!important;
        overflow:hidden!important;
        clip-path:inset(0)!important;
    }
}

#jobholic-home-articles + #jobholic-footer-cta{
    margin-top:0!important;
}


/* =========================================================
   GLOBAL VIEW-ALL TYPOGRAPHY - V33
   ลิงก์ ดู...ทั้งหมด → = 18px ทุก section
========================================================= */
.jobholic-global-viewall{
    font-family:"Noto Sans Thai",sans-serif!important;
    font-size:18px!important;
    line-height:1.4!important;
    font-weight:700!important;
}



/* V36 SAFETY: keep the two new sections inside their grid cells */
#jobholic-trusted-companies .jh-company-card,
#jobholic-trusted-companies .jh-company-card *,
#jobholic-home-articles .jh-article-card,
#jobholic-home-articles .jh-article-card *{
    min-width:0!important;
    max-width:100%;
    box-sizing:border-box!important;
}

/* JOBHOLIC BUILD V38 - ARTICLE DESCRIPTIONS */

/* V40: Popular Category mobile initial-position fix is handled in JS; V39 visual CSS retained. */


/* =========================================================
   JOBHOLIC V47 - ALL JOB CATEGORIES PAGE
   /job-categories
========================================================= */
body.jobholic-job-categories-page{
    overflow-x:hidden!important;
}

body.jobholic-job-categories-page .jobholic-job-categories-extra-source{
    display:none!important;
}

body.jobholic-job-categories-page .jobholic-job-categories-source{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    min-height:0!important;
    height:auto!important;
    background:transparent!important;
    overflow:visible!important;
}

#jobholic-job-categories{
    width:100%!important;
    background:#FFF8E8!important;
    padding:72px 0 84px!important;
    font-family:"Noto Sans Thai",sans-serif!important;
    color:#111827!important;
}

#jobholic-job-categories,
#jobholic-job-categories *{
    box-sizing:border-box!important;
}

#jobholic-job-categories .jh-allcat-inner{
    width:min(1180px,calc(100% - 40px))!important;
    margin:0 auto!important;
}

#jobholic-job-categories .jh-allcat-head{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:24px!important;
    margin:0 0 30px!important;
}

#jobholic-job-categories .jh-allcat-title{
    margin:0!important;
    color:#111827!important;
    font-family:"Noto Sans Thai",sans-serif!important;
    font-size:34px!important;
    line-height:1.25!important;
    font-weight:800!important;
    letter-spacing:0!important;
}

#jobholic-job-categories .jh-allcat-subtitle{
    margin:8px 0 0!important;
    color:#6B7280!important;
    font-size:16px!important;
    line-height:1.6!important;
    font-weight:400!important;
}

#jobholic-job-categories .jh-allcat-total{
    flex:0 0 auto!important;
    color:#6B7280!important;
    font-size:15px!important;
    line-height:1.4!important;
    font-weight:500!important;
    white-space:nowrap!important;
}

#jobholic-job-categories .jh-allcat-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:16px!important;
    width:100%!important;
}

#jobholic-job-categories a.jh-allcat-card{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    min-width:0!important;
    min-height:178px!important;
    padding:22px!important;
    margin:0!important;
    border:1px solid #E5E7EB!important;
    border-radius:16px!important;
    background:#FFFFFF!important;
    color:#111827!important;
    text-decoration:none!important;
    box-shadow:0 5px 18px rgba(17,24,39,.045)!important;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
    overflow:hidden!important;
}

#jobholic-job-categories a.jh-allcat-card:hover{
    transform:translateY(-3px)!important;
    border-color:#FFC400!important;
    box-shadow:0 10px 26px rgba(17,24,39,.09)!important;
    color:#111827!important;
}

#jobholic-job-categories .jh-allcat-icon{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:54px!important;
    height:54px!important;
    flex:0 0 54px!important;
    margin:0 0 16px!important;
    border-radius:14px!important;
    background:#FFE47C!important;
    color:#111827!important;
}

#jobholic-job-categories .jh-allcat-icon svg{
    width:28px!important;
    height:28px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
}

#jobholic-job-categories .jh-allcat-name{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    color:#111827!important;
    font-size:17px!important;
    line-height:1.45!important;
    font-weight:700!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
}

#jobholic-job-categories .jh-allcat-action{
    display:block!important;
    margin-top:auto!important;
    padding-top:14px!important;
    color:#6B7280!important;
    font-size:13px!important;
    line-height:1.4!important;
    font-weight:500!important;
}

#jobholic-job-categories a.jh-allcat-card:hover .jh-allcat-action{
    color:#111827!important;
}

@media(max-width:1024px){
    #jobholic-job-categories{
        padding:64px 0 72px!important;
    }
    #jobholic-job-categories .jh-allcat-grid{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:14px!important;
    }
}

@media(max-width:767px){
    #jobholic-job-categories{
        padding:52px 0 64px!important;
    }
    #jobholic-job-categories .jh-allcat-inner{
        width:calc(100% - 28px)!important;
    }
    #jobholic-job-categories .jh-allcat-head{
        align-items:flex-start!important;
        gap:12px!important;
        margin-bottom:22px!important;
    }
    #jobholic-job-categories .jh-allcat-title{
        font-size:25px!important;
        line-height:1.3!important;
    }
    #jobholic-job-categories .jh-allcat-subtitle{
        margin-top:6px!important;
        font-size:14px!important;
        line-height:1.55!important;
    }
    #jobholic-job-categories .jh-allcat-total{
        padding-top:5px!important;
        font-size:12px!important;
    }
    #jobholic-job-categories .jh-allcat-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:10px!important;
    }
    #jobholic-job-categories a.jh-allcat-card{
        min-height:158px!important;
        padding:16px 13px!important;
        border-radius:13px!important;
    }
    #jobholic-job-categories .jh-allcat-icon{
        width:48px!important;
        height:48px!important;
        flex-basis:48px!important;
        margin-bottom:13px!important;
        border-radius:13px!important;
    }
    #jobholic-job-categories .jh-allcat-icon svg{
        width:25px!important;
        height:25px!important;
    }
    #jobholic-job-categories .jh-allcat-name{
        font-size:15px!important;
        line-height:1.42!important;
    }
    #jobholic-job-categories .jh-allcat-action{
        padding-top:10px!important;
        font-size:12px!important;
    }
}

@media(max-width:420px){
    #jobholic-job-categories .jh-allcat-inner{
        width:calc(100% - 22px)!important;
    }
    #jobholic-job-categories .jh-allcat-head{
        gap:8px!important;
    }
    #jobholic-job-categories .jh-allcat-title{
        font-size:23px!important;
    }
    #jobholic-job-categories .jh-allcat-subtitle{
        font-size:13px!important;
    }
    #jobholic-job-categories .jh-allcat-total{
        font-size:11.5px!important;
    }
    #jobholic-job-categories .jh-allcat-grid{
        gap:8px!important;
    }
    #jobholic-job-categories a.jh-allcat-card{
        min-height:154px!important;
        padding:14px 12px!important;
    }
    #jobholic-job-categories .jh-allcat-name{
        font-size:14.5px!important;
    }
}

/* JOBHOLIC BUILD V47 - JOB CATEGORIES GRID + JOB SEEKER REGISTRATION LINK */


/* =========================================================
   JOBHOLIC V48 - MIGRATED END-OF-BODY STYLES
   Companies page + yellow system colors
   Source consolidated from JBoard End of <body> custom code.
========================================================= */

/* Search / heading section on Companies page */
#jb-section-239699 .jb-color-ffffffff {
    color:#000000!important;
}

#jb-section-239699 .jb-background-14b8a6ff {
    background-color:#fbd21a!important;
}

#jb-section-239699 .jb-border-top-color-14B8A6FF,
#jb-section-239699 .jb-border-right-color-14B8A6FF,
#jb-section-239699 .jb-border-bottom-color-14B8A6FF,
#jb-section-239699 .jb-border-left-color-14B8A6FF {
    border-color:#fbd21a!important;
}

#jb-section-239699 .jb-border-left-color-14B8A6FF {
    color:#000000!important;
}

/* ---------------------------------------------------------
   Companies list - keep every company name inside the card
   and show the complete name (no ellipsis).
--------------------------------------------------------- */
#jb-section-239703 .widget-employer__list-item {
    min-width:0!important;
    height:auto!important;
    overflow:hidden!important;
}

#jb-section-239703 .widget-employer__list-link {
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:100%!important;
    min-height:100%!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
}

#jb-section-239703 .widget-employer__list-content {
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
    box-sizing:border-box!important;
}

#jb-section-239703 .widget-employer__list-title {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    color:#111827!important;
    font-family:"Noto Sans Thai",sans-serif!important;
    font-size:16px!important;
    line-height:1.42!important;
    font-weight:500!important;
    text-align:center!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    box-sizing:border-box!important;
}

/* Keep the job count separated from long company names. */
#jb-section-239703 .widget-employer__list-content > *:not(.widget-employer__list-title) {
    max-width:100%!important;
    min-width:0!important;
    overflow-wrap:anywhere!important;
}

@media(max-width:767px){
    #jb-section-239703 .widget-employer__list-title {
        font-size:14px!important;
        line-height:1.4!important;
    }
}

/* ---------------------------------------------------------
   Companies pagination
--------------------------------------------------------- */
.widget-employer__paging ul.pagination {
    gap:8px!important;
}

.widget-employer__paging ul.pagination > li {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:36px!important;
    height:36px!important;
    overflow:hidden!important;
    background:#ffffff!important;
    color:#000000!important;
    border:1px solid #e2e8f0!important;
    border-radius:8px!important;
    box-shadow:none!important;
}

.widget-employer__paging ul.pagination > li > a,
.widget-employer__paging ul.pagination > li > span,
.widget-employer__paging ul.pagination > li *,
.widget-employer__paging ul.pagination > li svg {
    color:#000000!important;
    fill:#000000!important;
}

.widget-employer__paging ul.pagination > li.active,
.widget-employer__paging ul.pagination > li.active.jb-background-14b8a6ff,
.widget-employer__paging ul.pagination > li.jb-background-14b8a6ff,
.widget-employer__paging ul.pagination > li:hover {
    background:#fbd21a!important;
    border-color:#fbd21a!important;
    color:#000000!important;
}

.widget-employer__paging ul.pagination > li.active > a,
.widget-employer__paging ul.pagination > li.active > span,
.widget-employer__paging ul.pagination > li.active *,
.widget-employer__paging ul.pagination > li.active svg,
.widget-employer__paging ul.pagination > li:hover *,
.widget-employer__paging ul.pagination > li:hover svg {
    color:#000000!important;
    fill:#000000!important;
    background:transparent!important;
}

.widget-employer__paging ul.pagination > li.disabled {
    background:#ffffff!important;
    border-color:#e2e8f0!important;
    opacity:.45!important;
}

.widget-employer__paging ul.pagination > li:first-child,
.widget-employer__paging ul.pagination > li:last-child {
    color:#000000!important;
}

.widget-employer__paging ul.pagination > li > a,
.widget-employer__paging ul.pagination > li > span {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:100%!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    text-decoration:none!important;
}

/* ---------------------------------------------------------
   Yellow theme previously kept in End of <body>.
--------------------------------------------------------- */
:root {
    --primary:#FBD21AFF!important;
}

body.jobholic-yellow-form {
    --primary:#fbd21a!important;
    --jb-outline-color:#fbd21a!important;
}

body.jobholic-yellow-form [class*="background-14b8a6" i],
body.jobholic-yellow-form [class*="background-10b981" i] {
    background-color:#fbd21a!important;
}

body.jobholic-yellow-form [class*="color-14b8a6" i],
body.jobholic-yellow-form [class*="active-color-14b8a6" i],
body.jobholic-yellow-form [class*="color-10b981" i],
body.jobholic-yellow-form [class*="active-color-10b981" i] {
    color:#9a7900!important;
}

body.jobholic-yellow-form [class*="border-top-color-14b8a6" i],
body.jobholic-yellow-form [class*="border-right-color-14b8a6" i],
body.jobholic-yellow-form [class*="border-bottom-color-14b8a6" i],
body.jobholic-yellow-form [class*="border-left-color-14b8a6" i],
body.jobholic-yellow-form [class*="border-top-color-10b981" i],
body.jobholic-yellow-form [class*="border-right-color-10b981" i],
body.jobholic-yellow-form [class*="border-bottom-color-10b981" i],
body.jobholic-yellow-form [class*="border-left-color-10b981" i] {
    border-color:#fbd21a!important;
}

body.jobholic-yellow-form button[class*="background-14b8a6" i],
body.jobholic-yellow-form a[class*="background-14b8a6" i],
body.jobholic-yellow-form input[class*="background-14b8a6" i],
body.jobholic-yellow-form button[class*="background-10b981" i],
body.jobholic-yellow-form a[class*="background-10b981" i],
body.jobholic-yellow-form input[class*="background-10b981" i],
body.jobholic-yellow-form .btn-primary {
    background-color:#fbd21a!important;
    border-color:#fbd21a!important;
    color:#000000!important;
}

body.jobholic-yellow-form button[class*="background-14b8a6" i] *,
body.jobholic-yellow-form a[class*="background-14b8a6" i] *,
body.jobholic-yellow-form button[class*="background-10b981" i] *,
body.jobholic-yellow-form a[class*="background-10b981" i] *,
body.jobholic-yellow-form .btn-primary * {
    color:#000000!important;
    fill:currentColor!important;
}

body.jobholic-yellow-form button[class*="background-14b8a6" i]:hover,
body.jobholic-yellow-form a[class*="background-14b8a6" i]:hover,
body.jobholic-yellow-form button[class*="background-10b981" i]:hover,
body.jobholic-yellow-form a[class*="background-10b981" i]:hover,
body.jobholic-yellow-form .btn-primary:hover {
    background-color:#eec400!important;
    border-color:#eec400!important;
    color:#000000!important;
}

body.jobholic-yellow-form [class*="account"] .active,
body.jobholic-yellow-form aside .active,
body.jobholic-yellow-form nav .active {
    border-color:#fbd21a!important;
}

body.jobholic-yellow-form [class*="account"] a[class*="color-14b8a6" i],
body.jobholic-yellow-form aside a[class*="color-14b8a6" i],
body.jobholic-yellow-form main a[class*="color-14b8a6" i],
body.jobholic-yellow-form main a[class*="color-10b981" i] {
    color:#9a7900!important;
}

body.jobholic-yellow-form main a[class*="color-14b8a6" i]:hover,
body.jobholic-yellow-form main a[class*="color-10b981" i]:hover {
    color:#000000!important;
}

body.jobholic-yellow-form [class*="account"] a[class*="color-14b8a6" i] svg,
body.jobholic-yellow-form aside a[class*="color-14b8a6" i] svg,
body.jobholic-yellow-form [class*="color-14b8a6" i] svg,
body.jobholic-yellow-form [class*="color-10b981" i] svg {
    color:#9a7900!important;
    fill:currentColor!important;
    stroke:currentColor!important;
}

body.jobholic-yellow-form main input:focus,
body.jobholic-yellow-form main select:focus,
body.jobholic-yellow-form main textarea:focus {
    border-color:#fbd21a!important;
    outline-color:#fbd21a!important;
}

body.jobholic-yellow-form input[type="checkbox"],
body.jobholic-yellow-form input[type="radio"] {
    accent-color:#fbd21a!important;
}

body.jobholic-yellow-form a[class*="background-14b8a6" i],
body.jobholic-yellow-form a[class*="background-14b8a6" i] *,
body.jobholic-yellow-form a[class*="background-10b981" i],
body.jobholic-yellow-form a[class*="background-10b981" i] *,
body.jobholic-yellow-form .btn-primary,
body.jobholic-yellow-form .btn-primary * {
    color:#000000!important;
}

/* JOBHOLIC BUILD V48 - COMPANIES FULL NAMES + END-BODY CSS CONSOLIDATION */