:root {
--wpjp-primary-color: #3baeda;
--wpjp-secondary-color: #333333;
--wpjp-body-font-color: #575757;
--wpjp-border-color: #e9ecef; --wpjp-background-color: #f6f6f6; --wpjp-card-background: #ffffff;
--wpjp-highlight-color: #FFC300; --wpjp-success-color: #28a745;
--wpjp-warning-color: #17a2b8;
--wpjp-danger-color: #dc3545; --wpjp-main-heading: 32px; --wpjp-second-sub-heading: 27px; --wpjp-sub-heading: 22px; --wpjp-body-font-size: 17px;  --wpjp-card-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
--wpjp-card-hover-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
--wpjp-focus-shadow-color: 0 0 0 3px rgba(98, 36, 198, 0.25);
--wpjp-error-color: #e53e3e;
--wpjp-error-focus-shadow: 0 0 0 3px rgba(229, 62, 62, 0.25);
}  .wjportal-cp-guest-banner-wrap {
display: flex;
align-items: center;
justify-content: space-between;
padding: 25px 25px;
width: 100%;
background-color:var(--wpjp-primary-color);
border-radius: 8px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
gap: 20px;
} .wjportal-cp-guest-banner-left { display: flex;
align-items: center;
}
.wjportal-cp-guest-banner-left-icon-wrap { width: 50px;
height: 50px;
position: relative;
background-color:#fff;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
} .wjportal-cp-guest-banner-left-icon-wrap::before {
content: "";
display: block;
width: 28px;
height: 28px; background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="%23FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Crect x="3" y="11" width="18" height="11" rx="2" ry="2"%3E%3C/rect%3E%3Cpath d="M7 11V7a5 5 0 0 1 10 0v4"%3E%3C/path%3E%3C/svg%3E');
background-repeat: no-repeat;
background-size: contain; } .wjportal-cp-guest-banner-middle {
flex-grow: 1; color: #fff;
line-height: 1.3;
}
.wjportal-cp-guest-banner-middle-top {
font-size: var(--wpjp-sub-heading);
font-weight: 600;
padding-bottom: 5px;
}
.wjportal-cp-guest-banner-middle-bottom {
font-size:var(--wpjp-body-font-size);
opacity: 0.85;
} .wjportal-cp-guest-banner-right {
display: flex;
gap: 10px; align-items: center;
flex-shrink: 0;
}
.wjportal-cp-guest-banner-right a { font-size: var(--wpjp-body-font-size);
text-decoration: none;
padding: 10px 18px;
border-radius: 6px;
font-weight: 500;
transition: all 0.2s ease-in-out;
text-align: center;
min-width: 80px;
display: inline-block;
} .wjportal-cp-guest-banner-login-link {
background-color: #fff;
color: #1f5795;
border: 1px solid #fff; }
.wjportal-cp-guest-banner-login-link:hover {
background-color:var(--wpjp-secondary-color);
color: #fff;
border-color: var(--wpjp-secondary-color);
} .wjportal-cp-guest-banner-register-link {
background-color:var(--wpjp-secondary-color);
color: #fff;
border: 1px solid #fff;
}
.wjportal-cp-guest-banner-register-link:hover {
background-color:#fff;
border-color:var(--wpjp-secondary-color);
color: var(--wpjp-secondary-color);
}   @media (max-width: 1280px) {
.wjportal-cp-guest-banner-wrap {
padding: 20px 20px; gap: 15px; }
} @media (max-width: 1080px) {
.wjportal-cp-guest-banner-wrap {
padding: 18px 18px;
gap: 12px;
}
} @media (max-width: 767px) {
.wjportal-cp-guest-banner-wrap {
padding: 15px 15px;
}
.wjportal-cp-guest-banner-right a {
padding: 8px 14px; }
} @media (max-width: 650px) {
.wjportal-cp-guest-banner-wrap {
flex-direction: column;
padding: 20px;
text-align: center;
gap: 15px;
}
.wjportal-cp-guest-banner-left {
order: 1; margin-bottom: 5px;
}
.wjportal-cp-guest-banner-middle {
order: 2; text-align: center;
flex-grow: 0;
}
.wjportal-cp-guest-banner-right {
order: 3; width: 100%;
justify-content: space-around;
margin-top: 10px;
}
.wjportal-cp-guest-banner-right a {
flex: 1; max-width: 48%; }
} @media (max-width: 480px) {
.wjportal-cp-guest-banner-wrap {
padding: 15px;
} .wjportal-cp-guest-banner-left-icon-wrap {
width: 40px;
height: 40px;
}
.wjportal-cp-guest-banner-left-icon-wrap::before {
width: 24px;
height: 24px;
} .wjportal-cp-guest-banner-right a {
padding: 10px 10px;
font-size: smaller; min-width: unset;
}
}  #wjportal-job-cp-wrp {
display: flex;
flex-wrap: wrap;
gap: 30px;
}
.clearfix::after {
content: "";
display: table;
clear: both;
}
a {
text-decoration: none;
color: var(--wpjp-primary-color); transition: color 0.3s, opacity 0.3s;
}
a:hover {
color: var(--wpjp-secondary-color);
} .wjportal-cp-top {
width: 100%;
border: 1px solid var(--wpjp-border-color);
padding:20px;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
display: flex;
align-items: center;
flex-wrap: wrap;
border-top: 5px solid var(--wpjp-primary-color);
background: linear-gradient(to bottom, var(--wpjp-primary-color), var(--wpjp-secondary-color));
}
.wjportal-cp-user {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 20px;
width: 100%;
}
.wjportal-user-logo {
width: 120px;
height: 120px;
border-radius: 10px;
overflow: hidden;
border: 1px solid var(--wpjp-border-color); box-shadow: 0 0 0 2px var(--wpjp-border-color);
flex-shrink: 0;
background-color: white;
padding: 5px;
}
.wjportal-user-logo-image {
width: 100%;
height: 100%;
border-radius: 10px;
object-fit: cover;
}
.wjportal-user-name {
font-size: var(--wpjp-sub-heading);
font-weight: 700;
color: #fff;
line-height: 1.2;
}
.wjportal-user-tagline {
font-size: var(--wpjp-body-font-size);
color: #fff; 
margin-top: 2px;
font-weight: 500;
}
.wjportal-cp-user-action {
margin-left: auto;
display: flex;
gap: 10px;
flex-wrap: wrap;
align-items: center;
} a.wjportal-cp-user-act-btn.wjportal-cp-user-act-profile-add-resume,
.wjportal-cp-user-act-btn.wjportal-cp-user-act-profile-search-job,
.wjportal-cp-user-act-btn.wjportal-cp-user-act-profile-edit-profile {
display: inline-flex;
align-items: center;
gap: 0.5rem;
font-size: var(--wpjp-body-font-size);
font-weight: 600;
text-decoration: none;
padding: 10px 16px;
border-radius: 8px;
border: 1px solid transparent;
transition: all 0.2s ease;
background-color: var(--wpjp-card-background);
color: var(--wpjp-secondary-color);
border-color: var(--wpjp-border-color);
}
.wjportal-cp-user-act-btn.wjportal-cp-user-act-profile-edit-profile{
background-color: var(--wpjp-secondary-color);
color: #fff;
border-color: var(--wpjp-secondary-color);
}
a.wjportal-cp-user-act-btn.wjportal-cp-user-act-profile-add-resume:hover,
.wjportal-cp-user-act-btn.wjportal-cp-user-act-profile-search-job:hover,
.wjportal-cp-user-act-btn.wjportal-cp-user-act-profile-edit-profile:hover{
background-color: var(--wpjp-secondary-color);
color: #fff;
border-color: var(--wpjp-secondary-color);
}
.wjportal-cp-user-act-btn.wjportal-cp-user-act-profile-edit-profile:hover{
background-color: #ffffff;
color: var(--wpjp-secondary-color);
border-color: var(--wpjp-secondary-color);
} .wjportal-cp-user-act-btn {
display: inline-flex;
align-items: center;
gap: 0.5em; } .wjportal-cp-user-act-btn::before {
content: "";
display: inline-block;
width: 1em; height: 1em;  background-color: currentColor;  -webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
} .wjportal-cp-user-act-profile-add-resume::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M8.5 6a.5.5 0 0 0-1 0v1.5H6a.5.5 0 0 0 0 1h1.5V10a.5.5 0 0 0 1 0V8.5H10a.5.5 0 0 0 0-1H8.5V6z'/%3E%3Cpath d='M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2zm10-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M8.5 6a.5.5 0 0 0-1 0v1.5H6a.5.5 0 0 0 0 1h1.5V10a.5.5 0 0 0 1 0V8.5H10a.5.5 0 0 0 0-1H8.5V6z'/%3E%3Cpath d='M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2zm10-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1z'/%3E%3C/svg%3E");
} .wjportal-cp-user-act-profile-search-job::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E");
} .wjportal-cp-user-act-profile-edit-profile::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M12.854.146a.5.5 0 0 0-.707 0L10.5 1.793 14.207 5.5l1.647-1.646a.5.5 0 0 0 0-.708l-3-3zm.646 6.061L9.793 2.5 3.293 9H3.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.207l6.5-6.5zm-7.468 7.468A.5.5 0 0 1 6 13.5V13h-.5a.5.5 0 0 1-.5-.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.5-.5V10h-.5a.499.499 0 0 1-.175-.032l-.179.178a.5.5 0 0 0-.11.168l-2 5a.5.5 0 0 0 .65.65l5-2a.5.5 0 0 0 .168-.11l.178-.178z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M12.854.146a.5.5 0 0 0-.707 0L10.5 1.793 14.207 5.5l1.647-1.646a.5.5 0 0 0 0-.708l-3-3zm.646 6.061L9.793 2.5 3.293 9H3.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.207l6.5-6.5zm-7.468 7.468A.5.5 0 0 1 6 13.5V13h-.5a.5.5 0 0 1-.5-.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.5-.5V10h-.5a.499.499 0 0 1-.175-.032l-.179.178a.5.5 0 0 0-.11.168l-2 5a.5.5 0 0 0 .65.65l5-2a.5.5 0 0 0 .168-.11l.178-.178z'/%3E%3C/svg%3E");
}  .wjportal-cp-boxes {
display: grid;
grid-template-columns: repeat(4, 1fr); gap: 10px; width: 100%;
margin-top: 30px;
text-align: center;
border-top: 1px dotted #ffffff80;
padding-top: 25px;
} .wjportal-cp-box {
overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease;
display: flex;
flex-direction: column;
justify-content: space-between;
border: 1px solid var(--wpjp-border-color);
background: var(--wpjp-card-background);
border-radius: 12px;
margin-bottom: 2.5rem;
box-shadow: var(--wpjp-card-shadow);
transition: all 0.3s ease-in-out;
}
.wjportal-cp-box:hover {
transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
} .wjportal-cp-box-top {
padding: 10px 25px;
position: relative;
display: flex;
flex-wrap: wrap;
width: 100%;
padding-bottom: 0;
} .wjportal-cp-box-top img {
display: none;
} .wjportal-cp-box-num {
font-size: 35px;
font-weight: 700;
color: #1a1a1a;
line-height: 1.2;
order: 2;
width: 100%;
}
.wjportal-cp-box-tit {
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-body-font-color);
margin-top: 60px;
font-weight: 600;
order: 1;
text-align: center;
width: 100%;
} .wjportal-cp-box-btm a {
display: flex;
padding: 10px 20px;
text-decoration: none;
color: #555555;
font-size: 14px;
font-weight: 500;
transition: color 0.3s ease, background-color 0.3s ease;
justify-content: center;
align-items: center;
}
.wjportal-cp-box-btm.clearfix{
background-color: var(--wpjp-background-color);
border-top: 1px solid var(--wpjp-border-color);
} .wjportal-cp-box-btm a:hover .wjportal-cp-box-text {
color:var(--wpjp-primary-color);
} .wjportal-cp-box-btm i.fa {
display: none;
} .wjportal-cp-box-btm a::after {
content: '→';
font-size: 18px;
margin-left: 8px;
transition: transform 0.3s ease;
}
.wjportal-cp-box-btm a:hover::after {
transform: translateX(4px); color: var(--wpjp-primary-color);
} #wjportal-job-cp-wrp .wjportal-cp-box.box1 { border-top: 4px solid #3498db; }
#wjportal-job-cp-wrp .wjportal-cp-box.box2 { border-top: 4px solid #30cd72; }
#wjportal-job-cp-wrp .wjportal-cp-box.box3 { border-top: 4px solid #f5a623; }
#wjportal-job-cp-wrp .wjportal-cp-box.box4 { border-top: 4px solid #bd10e0; } .wjportal-cp-box-top img {
display: none;
} .wjportal-cp-box-top::before {
content: ''; position: absolute;
width: 48px;
height: 48px;
top: 10%;
right: 43%;
}  .wjportal-cp-box.box1 .wjportal-cp-box-top::before {
content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="%234A90E2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"%3E%3C/path%3E%3Cpolyline points="14 2 14 8 20 8"%3E%3C/polyline%3E%3Cline x1="16" y1="13" x2="8" y2="13"%3E%3C/line%3E%3Cline x1="16" y1="17" x2="8" y2="17"%3E%3C/line%3E%3Cpolyline points="10 9 9 9 8 9"%3E%3C/polyline%3E%3C/svg%3E');
} .wjportal-cp-box.box2 .wjportal-cp-box-top::before {
content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="%2350E3C2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"%3E%3C/path%3E%3Crect x="8" y="2" width="8" height="4" rx="1" ry="1"%3E%3C/rect%3E%3Cpolyline points="9 14 12 17 15 11"%3E%3C/polyline%3E%3C/svg%3E');
} .wjportal-cp-box.box3 .wjportal-cp-box-top::before {
content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="%23F5A623" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"%3E%3C/path%3E%3Cpath d="M13.73 21a2 2 0 0 1-3.46 0"%3E%3C/path%3E%3C/svg%3E');
} .wjportal-cp-box.box4 .wjportal-cp-box-top::before {
content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="%23BD10E0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpolygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"%3E%3C/polygon%3E%3C/svg%3E');
} .wjportal-cp-mid-full-banner {
display: inline-flex; align-items: center; gap: 0.6em; width: 100%;
background-color: #e0f2fe;
color: #0284c7;
padding: 15px 25px;
border-radius: 8px;
font-weight: bold;
justify-content: center;
border: 1px solid #bde6fa;
}
.wjportal-cp-mid-full-banner::before {
content: "";
display: inline-block;
flex-shrink: 0;  width: 1.1em;
height: 1.1em; background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M11 2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v12h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h1V7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7h1V2zm1 12h2V2h-2v12zm-3 0V7H7v7h2zm-4 0V4H2v10h2z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M11 2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v12h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h1V7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7h1V2zm1 12h2V2h-2v12zm-3 0V7H7v7h2zm-4 0V4H2v10h2z'/%3E%3C/svg%3E"); -webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
} .wjportal-cp-left {
flex: 0 0 280px; 
border-radius: 10px;
height: max-content;
position: sticky;
top: 4.5rem;
padding: 0;
overflow: hidden;
min-height: 800px;
}
.wjportal-cp-right {
flex: 1; 
min-width: 550px;
}  #wjportal-job-cp-wrp .wjportal-cp-sec-title,
.wjportal-my-invoices-sec-tit-txt {
font-size:var(--wpjp-sub-heading);
color: var(--text-secondary);
font-weight: 700;
padding-bottom: 10px;
margin-bottom: 20px;
border-bottom: 1px solid var(--wpjp-border-color);
text-align: left;
}
#wjportal-job-cp-wrp #wpjobportal-center .wjportal-cp-sec-title{
margin-bottom: 20px;
}
h3.wjportal-section-title{
font-size:var(--wpjp-body-font-size);
color: var(--wpjp-secondary-color);
font-weight: 600;
padding: 15px 0 15px 0;
padding-left: 0;
margin: 0;
border-bottom: 1px solid var(--wpjp-border-color);
text-align: left;
}
#wjportal-job-cp-wrp .wjportal-jobs-list.wpjobportal-list-item-is-featured{
border: 1px solid #ffb63b;
background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, #fcfaf2 100%);
}
#wjportal-job-cp-wrp .wjportal-cp-short-links-wrp {
background-color: var(--wpjp-card-background);
border: 1px solid var(--wpjp-border-color);
border-radius: 12px;
box-shadow: var(--wpjp-card-shadow);
padding: 10px 24px;
text-align: center;
margin-bottom: 20px;
}
.wjportal-cp-short-links-wrp .wjportal-cp-sec-title{
display: none;
}
#wjportal-job-cp-wrp .wjportal-cp-short-links-list {
display: flex;
flex-direction: column;
gap: 4px;
}
#wjportal-job-cp-wrp .wjportal-list-anchor {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 10px 10px 10px 10px;
text-decoration: none;
color: var(--wpjp-body-font-color);
font-size: var(--wpjp-body-font-size);
font-weight: 500;
}
#wjportal-job-cp-wrp .wjportal-list-anchor:hover {
background-color: var(--wpjp-background-color);
color: var(--wpjp-primary-color);
filter: none;
border-radius: 8px;
}
#wjportal-job-cp-wrp .wjportal-list-anchor img {
width: 24px;
height: 24px;
filter: grayscale(1) opacity(0.6);
}
#wjportal-job-cp-wrp .wjportal-list-anchor:hover img{
filter: unset;
}
#wjportal-job-cp-wrp .app-status {
display: flex;
align-items: center;
font-weight: 600;
font-size: 0.9em;
padding: 5px 10px;
border-radius: 20px;
background: var(--bg-body);
flex-shrink: 0;
}    #wjportal-job-cp-wrp .wjportal-resume-status-dashboard-data {
background: #ffffff;
border-radius: 8px;
border: 1px solid var(--wpjp-border-color);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
padding: 1.5rem;
margin-bottom: 10px; display: flex;
gap: 1.25rem; transition: all 0.3s ease-in-out;
}
#wjportal-job-cp-wrp .wjportal-resume-status-dashboard-data:hover{
transform: translateY(-5px);
box-shadow: var(--wpjp-card-hover-shadow);
}
#wjportal-job-cp-wrp .wjportal-resume-status-dashboard-data .wjportal-resume-logo{
width: 100px;
height: 100px;
}
#wjportal-job-cp-wrp.wjportal-resume-status-dashboard-left-data {
width: 20%;
padding: 16px;
display: flex;
align-items: center;
gap: 16px;
}
.wjportal-resume-status-dashboard-right-data {
flex-wrap: wrap;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding-left: 0;
flex-grow: 1;
overflow: hidden;
}
#wjportal-job-cp-wrp .wjportal-resume-data a {
text-decoration: none;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
#wjportal-job-cp-wrp .wjportal-resume-name {
display: block;
font-size:var(--wpjp-body-font-size);
font-weight: 700;
color: var(--wpjp-secondary-color);
line-height: 1.3;
padding: 10px 0;
}
#wjportal-job-cp-wrp .wjportal-resume-title {
display: block;
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-primary-color);
line-height: 1.3;
} #wjportal-job-cp-wrp .wjportal-progress-bar-header {
display: flex;
justify-content: space-between;
align-items: baseline;
margin-bottom: 0.5rem;
font-size: 0.9rem;
}
#wjportal-job-cp-wrp .wjportal-progress-bar-title {
color: var(--wpjp-secondary-color);
font-weight: 500;
font-size: 15px;
}
#wjportal-job-cp-wrp .wjportal-progress-bar-percentage {
color: var(--wpjp-secondary-color);
font-weight: 600;
font-size: 15px;
}
#wjportal-job-cp-wrp .wjportal-progress-bar-container{
padding-top: 10px;
margin-bottom: 5px;
}
#wjportal-job-cp-wrp .wjportal-progress-complete-resume-wrap {
margin-bottom: 10px;
width: 100%;
}
#wjportal-job-cp-wrp .wjportal-progress-bar-wrapper {
width: 100%;
height: 20px;
background-color: #e9ecef; border-radius: 4px;
overflow: hidden; }
#wjportal-job-cp-wrp .wjportal-progress-bar-fill {
height: 100%;
background-color: var(--wpjp-primary-color); border-radius: 4px;
transition: width 0.4s ease-in-out;
} #wjportal-job-cp-wrp .wjportal-progress-complete-resume-wrap a {
display: flex;  
text-align: center;
background-color: #fff;
color: var(--wpjp-primary-color);
border:1px solid var(--wpjp-primary-color);
padding: 5px;
border-radius: 6px;
text-decoration: none;
font-size: var(--wpjp-body-font-size);
transition: background-color 0.2s;
box-sizing: border-box; }
#wjportal-job-cp-wrp .wjportal-progress-complete-resume-wrap a:hover {
background-color: var(--wpjp-secondary-color); color: #fff;
}
.wjportal-progress-complete-resume-wrap a {
display: inline-flex;
align-items: center;
justify-content: center; gap: 0.5em; }
.wjportal-progress-complete-resume-wrap a::before {
content: "";
display: inline-block; width: 0.9em;
height: 0.9em; background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168l10-10zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207 11.207 2.5zm1.586 3L10.5 3.207 4 9.707V12h2.293l6.5-6.5-.707-.707zM5 13l-1.5-1.5L2 13.5l1.5 1.5L5 13z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168l10-10zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207 11.207 2.5zm1.586 3L10.5 3.207 4 9.707V12h2.293l6.5-6.5-.707-.707zM5 13l-1.5-1.5L2 13.5l1.5 1.5L5 13z'/%3E%3C/svg%3E"); -webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
}
#wjportal-job-cp-wrp .wjportal-cp-graph-wrp.wjportal-cp-sect-wrp #wpjobportal-center {
border:none;
box-shadow: none;
padding: 0;
}
#wjportal-job-cp-wrp div#wpjobportal-center {
width: 100%;
padding: 25px;
border-radius: 10px;
margin-bottom: 30px;
box-shadow: var(--wpjp-card-shadow);
border: 1px solid var(--wpjp-border-color);
}
#wjportal-job-cp-wrp div#wpjobportal-center #wjportal-job-cp-wrp div#wpjobportal-center{
padding-bottom: 20px;
margin-bottom: 20px;
}
#wjportal-job-cp-wrp .wjportal-jobs-list {
background: #ffffff;
border-radius: 8px;
border: 1px solid var(--wjportal-border-color);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
margin-bottom: 1.5rem;
position: relative;
overflow: hidden; }
#wjportal-job-cp-wrp .wjportal-jobs-list{
border:1px solid var(--wpjp-border-color);
} #wjportal-job-cp-wrp .wpjobportal-list-item-is-featured::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 6px;
background-color: var(--wjportal-featured-color);
} #wjportal-job-cp-wrp .wjportal-jobs-list-top-wrp {
display: flex;
align-items: flex-start;
gap: 1rem; padding: 1.25rem 1.25rem 1.25rem 1.75rem;
}
#wjportal-job-cp-wrp .wjportal-jobs-data{
gap:0;
} #wjportal-job-cp-wrp .wjportal-jobs-logo {
flex-shrink: 0;
width: 80px;
height: 80px;
border-radius: 6px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
#wjportal-job-cp-wrp .wjportal-jobs-logo img {
width: 100%;
height: 100%;
object-fit: contain; } #wjportal-job-cp-wrp .wjportal-jobs-cnt-wrp {
flex: 1; min-width: 0; } #wjportal-job-cp-wrp .wjportal-jobs-right-wrp,
#wjportal-job-cp-wrp .wjportal-jobs-bottom-full-wrp,
#wjportal-job-cp-wrp .wjportal-featured-tag-wrp {
display: none;
} #wjportal-job-cp-wrp .wjportal-jobs-middle-wrp {
display: flex;
flex-direction: column;
gap: 0.25rem;
padding-left: 10px;
}
#wjportal-job-cp-wrp .wjportal-job-title {
display: block;
font-weight: 600;
line-height: 1.4;
}
#wjportal-job-cp-wrp .wjportal-job-title a {
color: var(--wpjp-secondary-color);
font-size: var(--wpjp-body-font-size);
text-decoration: none;
font-weight: 700;
}
#wjportal-job-cp-wrp .wjportal-job-title a:hover {
text-decoration: underline;
color: var(--wpjp-primary-color);
} #wjportal-job-cp-wrp .wjportal-companyname {
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-primary-color);
text-decoration: none;
}
#wjportal-job-cp-wrp .wjportal-companyname:hover {
text-decoration: underline;
color: var(--wpjp-secondary-color);
}
#wjportal-job-cp-wrp
.wjportal-jobs-middle-wrp
> .wjportal-jobs-data:nth-of-type(3) { line-height: 1.5;
} #wjportal-job-cp-wrp .wjportal-jobs-data-text:first-of-type {
display: none;
}
#wjportal-job-cp-wrp .wjportal-jobs-data-text::before{
display: none;
} #wjportal-job-cp-wrp .wjportal-jobs-data-text:last-of-type {
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-body-font-color);
}
#wjportal-job-cp-wrp .wjportal-jobs-list-resume-data:not(:last-of-type){
margin-bottom: 0;
}
#wjportal-job-cp-wrp .wjportal-jobs-list-resume-wrp{
padding: 0;
}
#wjportal-job-cp-wrp .wjportal-jobs-data-text:last-of-type::before {
content: "|";
margin: 0 0.5em;
color: var(--wjportal-text-light);
} #wjportal-job-cp-wrp .wjportal-cp-view-btn-wrp,
.wjportal-my-invoices-sec-action-wrp {
text-align: center;
margin-top: 30px;
display: block;
}
#wjportal-job-cp-wrp div#job-applied-resume-wrapper {
width: 100%;
padding: 25px;
border-radius: 10px;
margin-bottom: 30px;
box-shadow: var(--wpjp-card-shadow);
border: 1px solid var(--wpjp-border-color);
}
#wjportal-job-cp-wrp .wjportal-cp-view-btn {
background-color: var(--wpjp-secondary-color); color: white;
padding: 10px 30px;
border-radius: 10px;
font-weight: 600;
transition: background-color 0.3s;
width: 100%;
}
#wjportal-job-cp-wrp .wjportal-cp-view-btn:hover {
background-color: var(--wpjp-primary-color);
color: white;
} #wjportal-job-cp-wrp .wjportal-my-invoices-wrapper {
width: 100%;
padding: 25px;
border-radius: 10px;
margin-bottom: 30px;
box-shadow: var(--wpjp-card-shadow);
border: 1px solid var(--wpjp-border-color);
}
.wjportal-table-wrp {
min-width: 600px;
border: 1px solid var(--wpjp-border-color);
}
.wjportal-table-wrp thead tr {
background-color: #f0e6ff; }
.wjportal-table-wrp th {
color: var(--wpjp-primary-color);
}
.wjportal-table-w50 {
width: 45%; 
}
.wjportal-my-invoices-list-payment-method-type {
background-color: var(--wpjp-primary-color);
color: white;
padding: 5px 10px;
border-radius: 4px;
}
.wjportal-paypal { background-color: #4b1c97; 
}
.wjportal-list-act-btn-view-all {
background-color: var(--wpjp-primary-color);
padding: 8px 20px;
border-radius: 4px;
}
.wjportal-list-act-btn-view-all:hover {
background-color: var(--wpjp-highlight-color);
color: var(--wpjp-secondary-color);
}
.wjportal-my-invoices-sec-act-btn.wjportal-list-act-btn-view-all{
background-color: var(--wpjp-secondary-color);
color: white;
padding: 10px 30px;
border-radius: 10px;
font-weight: 600;
transition: background-color 0.3s;
}
.wjportal-my-invoices-sec-act-btn.wjportal-list-act-btn-view-all:hover{
background-color: var(--wpjp-primary-color);
color: white;
} .wjportal-cp-guest-banner-left-icon-wrap { width: 50px;
height: 50px;
padding: 5px; }
.wjportal-cp-guest-banner-left-icon-wrap::before {
content: "";
display: block; width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: contain;  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="%23000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Crect x="3" y="11" width="18" height="11" rx="2" ry="2"%3E%3C/rect%3E%3Cpath d="M7 11V7a5 5 0 0 1 10 0v4"%3E%3C/path%3E%3C/svg%3E');
}    @media (max-width: 1280px) { :root {
--wpjp-main-heading: 2.0em;
--wpjp-second-sub-heading: 1.5em;
--wpjp-sub-heading: 1.15em;
--wpjp-body-font-size: 0.95em;
}
} @media (max-width: 1080px) { :root {
--wpjp-main-heading: 1.8em;
--wpjp-second-sub-heading: 1.4em;
--wpjp-sub-heading: 1.1em;
--wpjp-body-font-size: 0.95em;
} #wjportal-job-cp-wrp {
flex-direction: column;
gap: 20px;
} .wjportal-cp-left,
.wjportal-cp-right {
flex: 1 1 100%;
min-width: 100%;
min-height: auto;
position: static; top: auto;
}
.wjportal-cp-left { min-height: auto;
margin-bottom: 20px;
}
.wjportal-cp-right { padding: 0;
width: 100%;
}
.wjportal-cp-boxes { grid-template-columns: repeat(3, 1fr);
}
} @media (max-width: 767px) { :root {
--wpjp-main-heading: 1.6em;
--wpjp-second-sub-heading: 1.3em;
--wpjp-sub-heading: 1.0em;
--wpjp-body-font-size: 0.9em;
} .wjportal-cp-boxes {
grid-template-columns: repeat(2, 1fr);
padding-top: 20px;
} .wjportal-cp-top {
flex-direction: column;
align-items: flex-start;
padding: 15px;
}
.wjportal-cp-user { width: auto;
margin-bottom: 20px;
}
.wjportal-cp-user-action {
margin-left: 0;
justify-content: flex-start;
width: 100%;
} #wjportal-job-cp-wrp .wjportal-resume-status-dashboard-data {
flex-direction: column;
padding: 1rem;
gap: 1rem;
}
#wjportal-job-cp-wrp .wjportal-resume-data { width: 100%;
}
#wjportal-job-cp-wrp .wjportal-progress-bar-container{ width:100%; } .wjportal-table-wrp {
min-width: unset; border: none;
}
.wjportal-table-wrp thead {
display: none;
}
.wjportal-table-wrp tbody,
.wjportal-table-wrp tr {
display: block;
}
.wjportal-table-wrp tbody tr {
margin-bottom: 15px;
border: 1px solid var(--wpjp-border-color);
border-radius: 4px;
}
.wjportal-table-wrp td {
display: block;
text-align: right;
border-bottom: 1px dotted var(--wpjp-border-color);
position: relative;
padding: 10px 15px;
}
.wjportal-table-wrp td::before { content: attr(data-th); 
font-weight: bold;
float: left;
color: var(--wpjp-primary-color);
}
.wjportal-table-w50 {
width: 100%; 
}
} @media (max-width: 650px) { :root {
--wpjp-main-heading: 1.5em;
--wpjp-second-sub-heading: 1.2em;
--wpjp-sub-heading: 1.0em;
--wpjp-body-font-size: 0.9em;
} .wjportal-cp-user-act-btn {
width: 100%;
justify-content: center;
}
.wjportal-cp-user-action {
gap: 8px;
} #wjportal-job-cp-wrp div#wpjobportal-center, #wjportal-job-cp-wrp div#job-applied-resume-wrapper {
padding: 15px;
margin-bottom: 20px;
}
} @media (max-width: 480px) { :root {
--wpjp-main-heading: 1.4em;
--wpjp-second-sub-heading: 1.1em;
--wpjp-sub-heading: 0.95em;
--wpjp-body-font-size: 0.85em;
} .wjportal-cp-boxes {
grid-template-columns: 1fr; margin-top: 10px;
padding-top: 10px;
gap: 15px;
}
#wjportal-job-cp-wrp .wjportal-cp-box-top::before{
top: 11px;
right: 0;
left: 0;
margin: auto;
text-align: center;
}
.wjportal-applied-job-resume-status {
top: 88% !important;
right: 0rem !important;
} .wjportal-user-logo {
width: 80px;
height: 80px;
} #wjportal-job-cp-wrp .wjportal-jobs-list-top-wrp {
width: 100%;
flex-direction: column;
padding: 1rem;
gap: 1rem;
} .wjportal-cp-user-act-btn {
padding: 8px 12px;
} #wjportal-job-cp-wrp .wjportal-cp-short-links-wrp {
padding: 10px 15px;
}
.wjportal-cp-box-num {
font-size: 30px;
}
.wjportal-cp-box-tit {
margin-top: 50px;
}
}:root {
--wpjp-primary-color: #3baeda;
--wpjp-secondary-color: #333333;
--wpjp-body-font-color: #575757;
--wpjp-border-color: #e9ecef; --wpjp-background-color: #f6f6f6; --wpjp-card-background: #ffffff;
--wpjp-highlight-color: #FFC300; --wpjp-success-color: #28a745;
--wpjp-warning-color: #17a2b8;
--wpjp-danger-color: #dc3545; --wpjp-main-heading: 32px; --wpjp-second-sub-heading: 27px; --wpjp-sub-heading: 22px; --wpjp-body-font-size: 17px;  --wpjp-card-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
--wpjp-card-hover-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
--wpjp-focus-shadow-color: 0 0 0 3px rgba(98, 36, 198, 0.25);
--wpjp-error-color: #e53e3e;
--wpjp-error-focus-shadow: 0 0 0 3px rgba(229, 62, 62, 0.25);
}
#wjportal-emp-cp-wrp{
display: flex;
flex-wrap: wrap;
gap: 30px;
}
.clearfix::after {
content: "";
display: table;
clear: both;
}
a {
text-decoration: none;
color: var(--wpjp-primary-color); transition: color 0.3s, opacity 0.3s;
}
a:hover {
color: var(--wpjp-secondary-color);
}
#wjportal-emp-cp-wrp .wjportal-cp-top{
width: 100%;
border: 1px solid var(--wpjp-border-color);
padding:20px;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
display: flex;
align-items: center;
flex-wrap: wrap;
border-top: 5px solid var(--wpjp-primary-color);
background: linear-gradient(to bottom, var(--wpjp-primary-color), var(--wpjp-secondary-color));
}
.wjportal-cp-user{
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 20px;
width: 100%;
}
.wjportal-user-logo {
width: 120px;
height: 120px;
border-radius: 10px;
overflow: hidden;
border: 1px solid var(--wpjp-border-color); box-shadow: 0 0 0 2px var(--wpjp-border-color);
flex-shrink: 0;
background-color: white;
padding: 5px;
}
.wjportal-user-logo-image {
width: 100%;
height: 100%;
border-radius: 10px;
object-fit: cover;
}
.wjportal-user-name {
font-size: var(--wpjp-sub-heading);
font-weight: 700;
color: #fff;
line-height: 1.2;
}
.wjportal-user-tagline {
font-size: var(--wpjp-body-font-size);
color: #fff; 
margin-top: 2px;
font-weight: 500;
}
.wjportal-cp-user-action {
margin-left: auto;
display: flex;
gap: 10px;
flex-wrap: wrap;
align-items: center;
} .wjportal-cp-user-act-btn.wjportal-cp-user-act-profile-add-job,
.wjportal-cp-user-act-btn.wjportal-cp-user-act-profile-my-companies,
.wjportal-cp-user-act-btn.wjportal-cp-user-act-profile-edit-profile {
display: inline-flex;
align-items: center;
gap: 0.5rem;
font-size: var(--wpjp-body-font-size);
font-weight: 600;
text-decoration: none;
padding: 10px 16px;
border-radius: 8px;
border: 1px solid transparent;
transition: all 0.2s ease;
background-color: var(--wpjp-card-background);
color: var(--wpjp-secondary-color);
border-color: var(--wpjp-border-color);
}
.wjportal-cp-user-act-btn.wjportal-cp-user-act-profile-edit-profile{
background-color: var(--wpjp-secondary-color);
color: #fff;
border-color: var(--wpjp-secondary-color);
}
.wjportal-cp-user-act-btn.wjportal-cp-user-act-profile-add-job:hover,
.wjportal-cp-user-act-btn.wjportal-cp-user-act-profile-my-companies:hover,
.wjportal-cp-user-act-btn.wjportal-cp-user-act-profile-edit-profile:hover{
background-color: var(--wpjp-secondary-color);
color: #fff;
border-color: var(--wpjp-secondary-color);
}
.wjportal-cp-user-act-btn.wjportal-cp-user-act-profile-edit-profile:hover{
background-color: #ffffff;
color: var(--wpjp-secondary-color);
border-color: var(--wpjp-secondary-color);
} .wjportal-cp-user-act-btn {
display: inline-flex;
align-items: center;
gap: 0.5em; } .wjportal-cp-user-act-btn::before {
content: "";
display: inline-block;
width: 1em; height: 1em;  background-color: currentColor;  -webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
} .wjportal-cp-user-act-btn.wjportal-cp-user-act-profile-add-job::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M8.5 6a.5.5 0 0 0-1 0v1.5H6a.5.5 0 0 0 0 1h1.5V10a.5.5 0 0 0 1 0V8.5H10a.5.5 0 0 0 0-1H8.5V6z'/%3E%3Cpath d='M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2zm10-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M8.5 6a.5.5 0 0 0-1 0v1.5H6a.5.5 0 0 0 0 1h1.5V10a.5.5 0 0 0 1 0V8.5H10a.5.5 0 0 0 0-1H8.5V6z'/%3E%3Cpath d='M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2zm10-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1z'/%3E%3C/svg%3E");
} .wjportal-cp-user-act-btn.wjportal-cp-user-act-profile-my-companies::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z'/%3E%3C/svg%3E");
} .wjportal-cp-user-act-profile-edit-profile::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M12.854.146a.5.5 0 0 0-.707 0L10.5 1.793 14.207 5.5l1.647-1.646a.5.5 0 0 0 0-.708l-3-3zm.646 6.061L9.793 2.5 3.293 9H3.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.207l6.5-6.5zm-7.468 7.468A.5.5 0 0 1 6 13.5V13h-.5a.5.5 0 0 1-.5-.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.5-.5V10h-.5a.499.499 0 0 1-.175-.032l-.179.178a.5.5 0 0 0-.11.168l-2 5a.5.5 0 0 0 .65.65l5-2a.5.5 0 0 0 .168-.11l.178-.178z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M12.854.146a.5.5 0 0 0-.707 0L10.5 1.793 14.207 5.5l1.647-1.646a.5.5 0 0 0 0-.708l-3-3zm.646 6.061L9.793 2.5 3.293 9H3.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.207l6.5-6.5zm-7.468 7.468A.5.5 0 0 1 6 13.5V13h-.5a.5.5 0 0 1-.5-.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.5-.5V10h-.5a.499.499 0 0 1-.175-.032l-.179.178a.5.5 0 0 0-.11.168l-2 5a.5.5 0 0 0 .65.65l5-2a.5.5 0 0 0 .168-.11l.178-.178z'/%3E%3C/svg%3E");
}   #wjportal-emp-cp-wrp .wjportal-cp-box.box1 { border-top: 4px solid #3498db; }
#wjportal-emp-cp-wrp .wjportal-cp-box.box2 { border-top: 4px solid #30cd72; }
#wjportal-emp-cp-wrp .wjportal-cp-box.box3 { border-top: 4px solid #f5a623; }
#wjportal-emp-cp-wrp .wjportal-cp-box.box4 { border-top: 4px solid #bd10e0; }  #wjportal-emp-cp-wrp .wjportal-cp-box.box1 .wjportal-cp-box-top::before {
content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="%234A90E2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3E%3Crect x="2" y="7" width="20" height="14" rx="2" ry="2"%3E%3C/rect%3E%3Cpath d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"%3E%3C/path%3E%3C/svg%3E');
} #wjportal-emp-cp-wrp .wjportal-cp-box.box2 .wjportal-cp-box-top::before {
content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="%2330cd72" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"%3E%3C/path%3E%3Cpolyline points="14 2 14 8 20 8"%3E%3C/polyline%3E%3Cpolyline points="9 15 11 17 15 13"%3E%3C/polyline%3E%3C/svg%3E');
} #wjportal-emp-cp-wrp .wjportal-cp-box.box3 .wjportal-cp-box-top::before {
content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="%23f5a623" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M14 22V10h-4v12M18 22V8h-4M10 22V14h-4v8M22 22H2"%3E%3C/path%3E%3C/svg%3E');
} #wjportal-emp-cp-wrp .wjportal-cp-box.box4 .wjportal-cp-box-top::before {
content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="%23bd10e0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M10 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-8l-2-2z"%3E%3C/path%3E%3C/svg%3E');
} .wjportal-cp-left {
flex: 0 0 280px; 
border-radius: 10px;
height: max-content;
position: sticky;
top: 4.5rem;
padding: 0;
overflow: hidden;
min-height: 800px;
}
.wjportal-cp-right {
flex: 1; 
min-width: 550px;
}  #wjportal-emp-cp-wrp .wjportal-cp-sec-title,
.wjportal-my-invoices-sec-tit-txt {
font-size:var(--wpjp-sub-heading);
color: var(--wpjp-text-secondary);
font-weight: 700;
padding-bottom: 10px;
border-bottom: 1px solid var(--wpjp-border-color);
text-align: left;
}
#wjportal-emp-cp-wrp #wpjobportal-center .wjportal-cp-sec-title{
margin-bottom: 20px;
}
#wjportal-emp-cp-wrp h3.wjportal-section-title{
font-size:var(--wpjp-body-font-size);
color: var(--wpjp-secondary-color);
font-weight: 600;
padding: 15px 0 15px 0;
padding-left: 0;
margin: 0;
border-bottom: 1px solid var(--wpjp-border-color);
text-align: left;
}
#wjportal-emp-cp-wrp .wjportal-jobs-list.wpjobportal-list-item-is-featured{
border: 1px solid #ffb63b;
background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, #fcfaf2 100%);
} .wjportal-cp-right {
flex: 1; 
min-width: 550px;
}  #wjportal-emp-cp-wrp  .wjportal-cp-sec-title,
.wjportal-my-invoices-sec-tit-txt {
font-size:var(--wpjp-sub-heading);
color: var(--wpjp-text-secondary);
font-weight: 700;
padding-bottom: 10px;
border-bottom: 1px solid var(--wpjp-border-color);
text-align: left;
}
#wjportal-emp-cp-wrp  #wpjobportal-center .wjportal-cp-sec-title{
margin-bottom: 20px;
}
h3.wjportal-section-title{
font-size:var(--wpjp-body-font-size);
color: var(--wpjp-secondary-color);
font-weight: 600;
padding: 15px 0 15px 0;
padding-left: 0;
margin: 0;
border-bottom: 1px solid var(--wpjp-border-color);
text-align: left;
}
#wjportal-emp-cp-wrp  .wjportal-jobs-list.wpjobportal-list-item-is-featured{
border: 1px solid #ffb63b;
background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, #fcfaf2 100%);
}
#wjportal-emp-cp-wrp  .wjportal-cp-short-links-wrp {
background-color: var(--wpjp-card-background);
border: 1px solid var(--wpjp-border-color);
border-radius: 12px;
box-shadow: var(--wpjp-card-shadow);
padding: 10px 24px;
text-align: center;
margin-bottom: 20px;
} #wjportal-emp-cp-wrp  .wjportal-cp-short-links-list {
display: flex;
flex-direction: column;
gap: 4px;
}
#wjportal-emp-cp-wrp  .wjportal-list-anchor {
display: flex;
align-items:flex-start;
gap: 12px;
padding: 10px 10px 10px 10px;
text-decoration: none;
color: var(--wpjp-wpjp-body-font-color);
font-size: var(--wpjp-body-font-size);
font-weight: 500;
}
#wjportal-emp-cp-wrp  .wjportal-list-anchor:hover {
background-color: var(--wpjp-background-color);
color: var(--wpjp-primary-color);
filter: none;
border-radius: 8px;
}
#wjportal-emp-cp-wrp  .wjportal-list-anchor img {
width: 24px;
height: 24px;
filter: grayscale(1) opacity(0.6);
}
#wjportal-emp-cp-wrp  .wjportal-list-anchor:hover img{
filter: unset;
}
#wjportal-emp-cp-wrp span.wjportal-cp-link-text {
text-align: left;
}
#wjportal-emp-cp-wrp  .app-status {
display: flex;
align-items: center;
font-weight: 600;
font-size: 0.9em;
padding: 5px 10px;
border-radius: 20px;
background: var(--wpjp-bg-body);
flex-shrink: 0;
}
.wjportal-cp-graph-wrp.wjportal-cp-sect-wrp,
.wjportal-cp-sect-wrp.wjportal-applied-resume-wrp{
width: 100%;
padding: 25px;
border-radius: 10px;
margin-bottom: 30px;
box-shadow: var(--wpjp-card-shadow);
border: 1px solid var(--wpjp-border-color);
}
#wjportal-emp-cp-wrp .wjportal-cp-right .wjportal-resume-list-wrp .wjportal-resume-app-title{
background-color: var(--wpjp-background-color);
border: 1px solid var(--wpjp-border-color);
padding: 13px 5px;
color: var(--wpjp-secondary-color);
font-size: var(--wpjp-body-font-size);
font-weight: 600;
margin: 15px 0;
}
#wjportal-emp-cp-wrp .wjportal-resume-list-top-wrp .wjportal-resume-logo{
flex-shrink: 0;
width: 100px;
height: 100px;
border-radius: 6px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
#wjportal-emp-cp-wrp .wjportal-resume-list-top-wrp span.wjportal-resume-name {
color: var(--wpjp-secondary-color);
font-size: var(--wpjp-body-font-size);
text-decoration: none;
font-weight: 700;
}
#wjportal-emp-cp-wrp .wjportal-resume-list-top-wrp .wjportal-resume-listing-skills-data-text,
#wjportal-emp-cp-wrp .wjportal-resume-list-top-wrp .wjportal-resume-right-wrp,
#wjportal-emp-cp-wrp .wjportal-resume-list  .wjportal-resume-list-btm-wrp{
display: none;
}
#wjportal-emp-cp-wrp .wjportal-resume-list-top-wrp .wjportal-resume-middle-wrp{
width: 100%;
}    @media (max-width: 1280px) { :root {
--wpjp-main-heading: 2.0em;
--wpjp-second-sub-heading: 1.5em;
--wpjp-sub-heading: 1.15em;
--wpjp-body-font-size: 0.95em;
}
} @media (max-width: 1080px) { :root {
--wpjp-main-heading: 1.8em;
--wpjp-second-sub-heading: 1.4em;
--wpjp-sub-heading: 1.1em;
--wpjp-body-font-size: 0.95em;
} #wjportal-emp-cp-wrp {
flex-direction: column;
gap: 20px;
} .wjportal-cp-left,
.wjportal-cp-right {
flex: 1 1 100%;
min-width: 100%;
min-height: auto;
position: static; top: auto;
}
.wjportal-cp-left { min-height: auto;
margin-bottom: 20px;
}
.wjportal-cp-right { padding: 0;
width: 100%;
}
.wjportal-cp-boxes { grid-template-columns: repeat(3, 1fr);
justify-content: center;
}
} @media (max-width: 767px) { :root {
--wpjp-main-heading: 1.6em;
--wpjp-second-sub-heading: 1.3em;
--wpjp-sub-heading: 1.0em;
--wpjp-body-font-size: 0.9em;
} .wjportal-cp-boxes {
grid-template-columns: repeat(2, 1fr);
padding-top: 20px;
} .wjportal-cp-top {
flex-direction: column;
align-items: flex-start;
padding: 15px;
}
.wjportal-cp-user { width: auto;
margin-bottom: 20px;
}
.wjportal-cp-user-action {
margin-left: 0;
justify-content: flex-start;
width: 100%;
} #wjportal-emp-cp-wrp .wjportal-resume-status-dashboard-data {
flex-direction: column;
padding: 1rem;
gap: 1rem;
}
#wjportal-emp-cp-wrp .wjportal-resume-data { width: 100%;
}
#wjportal-emp-cp-wrp .wjportal-progress-bar-container{ width:100%; } .wjportal-table-wrp {
min-width: unset; border: none;
}
.wjportal-table-wrp thead {
display: none;
}
.wjportal-table-wrp tbody,
.wjportal-table-wrp tr {
display: block;
}
.wjportal-table-wrp tbody tr {
margin-bottom: 15px;
border: 1px solid var(--wpjp-border-color);
border-radius: 4px;
}
.wjportal-table-wrp td {
display: block;
text-align: right;
border-bottom: 1px dotted var(--wpjp-border-color);
position: relative;
padding: 10px 15px;
}
.wjportal-table-wrp td::before { content: attr(data-th); 
font-weight: bold;
float: left;
color: var(--wpjp-primary-color);
}
.wjportal-table-w50 {
width: 100%; 
}
} @media (max-width: 650px) { :root {
--wpjp-main-heading: 1.5em;
--wpjp-second-sub-heading: 1.2em;
--wpjp-sub-heading: 1.0em;
--wpjp-body-font-size: 0.9em;
} .wjportal-cp-user-act-btn {
width: 100%;
justify-content: center;
}
.wjportal-cp-user-action {
gap: 8px;
} #wjportal-emp-cp-wrp div#wpjobportal-center {
padding: 15px;
margin-bottom: 20px;
}
} @media (max-width: 480px) { :root {
--wpjp-main-heading: 1.4em;
--wpjp-second-sub-heading: 1.1em;
--wpjp-sub-heading: 0.95em;
--wpjp-body-font-size: 0.85em;
}
.wjportal-cp-user{
justify-content: center;
}
.wjportal-jobseeker-cp-data-top-middle-wrap{
text-align: center;
} .wjportal-cp-boxes {
grid-template-columns: 1fr; margin-top: 10px;
padding-top: 10px;
gap: 15px;
}
#wjportal-emp-cp-wrp .wjportal-cp-box-top::before{
top: 11px;
right: 0px;
left: 0;
margin: auto;
text-align: center;
}
.wjportal-applied-job-resume-status {
top: 88% !important;
right: 0rem !important;
} .wjportal-user-logo {
width: 80px;
height: 80px;
} #wjportal-emp-cp-wrp .wjportal-jobs-list-top-wrp {
width: 100%;
flex-direction: column;
padding: 1rem;
gap: 1rem;
} .wjportal-cp-user-act-btn {
padding: 8px 12px;
} #wjportal-emp-cp-wrp .wjportal-cp-short-links-wrp {
padding: 10px 15px;
}
.wjportal-cp-box-num {
font-size: 30px;
}
.wjportal-cp-box-tit {
margin-top: 50px;
}
}:root {
--wpjp-primary-color: #3baeda;
--wpjp-secondary-color: #333333;
--wpjp-body-font-color: #575757;
--wpjp-border-color: #e9ecef; --wpjp-background-color: #f6f6f6; --wpjp-card-background: #ffffff;
--wpjp-highlight-color: #FFC300; --wpjp-success-color: #28a745;
--wpjp-warning-color: #17a2b8;
--wpjp-danger-color: #dc3545; --wpjp-main-heading: 32px; --wpjp-second-sub-heading: 27px; --wpjp-sub-heading: 22px; --wpjp-body-font-size: 17px;  --wpjp-card-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
--wpjp-card-hover-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
--wpjp-focus-shadow-color: 0 0 0 3px rgba(98, 36, 198, 0.25);
--wpjp-error-color: #e53e3e;
--wpjp-error-focus-shadow: 0 0 0 3px rgba(229, 62, 62, 0.25);
} .wjportal-main-up-wrapper {
width: 100%;
max-width: 1350px !important;
margin: 0 auto !important;
overflow: hidden;
color: var(--wpjp-body-font-color);
}
.wjportal-main-up-wrapper{
box-sizing: border-box;
}
.wjportal-main-up-wrapper * {
box-sizing: border-box;
text-wrap: wrap;
}
.wjportal-main-up-wrapper div.wjportal-cp-content-mainwrp{display: flex;width:100%;gap: 30px;}
.wjportal-main-up-wrapper .wjportal-cp-right{min-width: unset;max-width:100%;width: calc(100% - 310px);flex: 1 1 auto;}
.wjportal-main-up-wrapper .wjportal-cp-graph *{max-width: 100% !important;} .wjportal-main-up-wrapper a,
.wjportal-main-up-wrapper .wjportal-main-wrapper a:focus {
text-decoration: unset;
}   .wjportal-page-header {
width: 100%;
margin-bottom: 40px;
display: flex;
flex-direction: column;
gap: 8px;
}
div.wjportal-breadcrumbs-wrp {
width: 100%;
margin-top: 10px;
display: flex;
gap: 2px;
font-size: var(--wpjp-body-font-size);
}
div.wjportal-breadcrumbs-wrp div.wjportal-breadcrumbs-links a.wjportal-breadcrumbs-link {
color: var(--wpjp-primary-color);
}
.wjportal-breadcrumbs-links.wjportal-breadcrumbs-firstlinks {
color: var(--wpjp-primary-color);
}
.wjportal-breadcrumbs-links.wjportal-breadcrumbs-lastlink {
color: var(--wpjp-body-font-color);
}
.wjportal-page-heading {
font-size: var(--wpjp-main-heading);
color: var(--wpjp-secondary-color);
font-weight: 700;
position: relative;
width: 100%;
} .wjportal-page-header {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 8px;
} .wjportal-page-header-cnt {
display: flex;
flex-direction: column;
gap: 8px;
width: 100%;
}
.wjportal-breadcrumbs-links {
display: inline-block;
}
.wjportal-breadcrumbs-link {
color: #007bff; text-decoration: none;
transition: color 0.3s ease;
}
.wjportal-breadcrumbs-link:hover {
color: #0056b3;
text-decoration: underline;
}
.wjportal-breadcrumbs-links:not(:first-child)::before {
content: '/';
margin: 0 8px;
color: #adb5bd;
} .wjportal-header-actions {
display: flex;
align-items: center;
gap: 15px; flex-wrap: wrap;
justify-content: end;
width: 100%;
}
div.wjportal-header-actions div.wjportal-act-btn-wrp {
display: flex;
justify-content: flex-end;
gap: 10px;
} .wjportal-filter-wrp {
display: flex;
align-items: center;
background-color: var(--background-color);
border-radius: 8px;
border: 1px solid var(--wpjp-border-color);
}
.wjportal-main-up-wrapper #sorting {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
border: none;
padding: 12px 15px;
font-size: var(--wpjp-body-font-size);
font-weight: 500;
color: #495057;
cursor: pointer;
outline: none;
}
.wjportal-filter select#sorting {
height: auto !important;
}
.wjportal-filter-image a {
display: flex;
align-items: center;
justify-content: center;
padding: 8px;
margin-right: 5px;
transition: background-color 0.3s ease;
border-left: 1px solid var(--wpjp-border-color);
}
.wjportal-main-up-wrapper #sortingimage {
width: 16px;
height: 16px;
} .wjportal-act-btn {
background-color: var(--wpjp-primary-color); color: #ffffff;
font-size: var(--wpjp-body-font-size);
font-weight: 500;
text-decoration: none;
padding: 10px 15px;
border-radius: 8px;
display: flex;
align-items: center;
gap: 8px;
transition: background-color 0.3s ease, transform 0.2s ease;
}
.wjportal-act-btn:hover {
background-color: var(--wpjp-secondary-color);
color: #fff !important;
}
.wjportal-act-btn i {
font-size: var(--wpjp-body-font-size);
}    .wjportal-filter-search-main-wrp {
background-color: var(--wpjp-card-background);
padding: 1.5rem;
border-radius: 12px;
box-shadow: var(--wpjp-card-shadow);
margin-bottom: 2rem;
}
.wjportal-main-up-wrapper form#job_form {
width: 100%;
display: flex;
flex-wrap: wrap;
gap: 16px;
align-items: center;
} .wjportal-filter-search-wrp {
display: flex;
align-items: center; gap: 1rem; width: 100%;
} .wjportal-filter-search-field-wrp {
flex: 1 1 auto; position: relative;
width: calc(100% / 2 - 100px - 1rem);
background-color: white;
}
.wjportal-filter-search-input-field {
width: 100% !important;
padding: 12px 15px;
border: 1px solid var(--wpjp-border-color);
border-radius: 8px !important;
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-body-font-color);
background-color: #fff;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
height: 55px !important;
}
.wjportal-main-up-wrapper .wpjobportal-input-list-wpjobportal input[type="text"] {
color: var(--wpjp-body-font-color);
border: unset;
height: 100% !important;
min-width: fit-content;
}
.wpjobportal-input-list-wpjobportal:focus-within {
border-color: var(--wpjp-primary-color);
box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.2);
}
.wjportal-main-up-wrapper .wpjobportal-input-list-wpjobportal li {
list-style-type: none;
margin-bottom: 0;
}
.wjportal-filter-search-input-field:focus {
border-color: var(--wpjp-primary-color);
box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.2);
outline: none;
}
.wjportal-main-up-wrapper p,
.wjportal-main-up-wrapper ul,
.wjportal-main-up-wrapper ol {
background: #fff;
} .wjportal-filter-search-btn-wrp {
display: flex;
gap: 0.5rem;
} .wjportal-filter-search-wrp .wjportal-filter-search-btn,
.wjportal-filter-search-wrp .wjportal-filter-reset-btn {
display: flex;
align-items: center;
justify-content: center;
border: none;
padding: 10px 15px;
border-radius: 8px;
min-height: 55px;
cursor: pointer;
transition: background-color 0.3s ease, color 0.3s ease;
font-size: var(--wpjp-body-font-size); } .wjportal-filter-search-wrp .wjportal-filter-search-btn {
background-color: var(--wpjp-primary-color);
color: #fff;
}
.wjportal-filter-search-wrp .wjportal-filter-search-btn:hover {
background-color: var(--wpjp-secondary-color);
text-decoration: none !important;
color: #fff;
} .wjportal-filter-search-wrp .wjportal-filter-reset-btn {
background-color: var(--wpjp-border-color);
color: var(--wpjp-secondary-color);
}
.wjportal-filter-search-wrp .wjportal-filter-reset-btn:hover {
background-color: var(--wpjp-secondary-color);
color: #fff;
text-decoration: none !important;
}
.wjportal-main-up-wrapper input[type="text"],
.wjportal-main-up-wrapper input[type="email"],
.wjportal-main-up-wrapper input[type="url"],
.wjportal-main-up-wrapper input[type="password"],
.wjportal-main-up-wrapper input[type="search"],
.wjportal-main-up-wrapper input[type="number"],
.wjportal-main-up-wrapper input[type="tel"],
.wjportal-main-up-wrapper input[type="range"],
.wjportal-main-up-wrapper input[type="date"],
.wjportal-main-up-wrapper input[type="month"],
.wjportal-main-up-wrapper input[type="week"],
.wjportal-main-up-wrapper input[type="time"],
.wjportal-main-up-wrapper input[type="datetime"],
.wjportal-main-up-wrapper input[type="datetime-local"],
.wjportal-main-up-wrapper input[type="color"],
.wjportal-main-up-wrapper textarea,
.wjportal-main-up-wrapper select {
border-radius: 8px !important;
height: 55px !important;
color: var(--wpjp-body-font-color) !important;
border-color: var(--wpjp-border-color) !important;
background-color: white !important;
width:100%;
}   @media (max-width: 768px) {
.wjportal-filter-search-wrp {
flex-direction: column; align-items: stretch; }
.wjportal-form-wrp.wjportal-search-job-aiform .wjportal-filter-search-btn-wrp {
width: 100%;
justify-content: center;
display: flex;
}
.wjportal-filter-search-btn-wrp {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
}
.wjportal-resume-detail-left-wrapper .wjportal-resume-left-section {
position: relative;
}
.wjportal-filter-search-btn-wrp button{min-width: 60px;}
}    .wjportal-filter-aisearch-main-wrp { background: rgba(255, 255, 255, 0.6);
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 24px;
padding: 2rem;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.1);
width: 100%;
} .wjportal-filter-ai-searchfrm-wrp {
display: flex;
align-items: center;
gap: 2rem;
width: 100%;
padding: 10px;
padding-bottom: 30px;
padding-top: 20px;
align-items: flex-start;
} .wjportal-ai-searchfrm-logo-wrp {
flex-shrink: 0;
width: 125px;
height: 125px;
border-radius: 10px;
background-image: linear-gradient(135deg, var(--wpjp-primary-color) 0%, var(--wpjp-secondary-color) 100%);
display: flex;
align-items: center;
justify-content: center;
padding: 15px;
box-sizing: border-box;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
} .wjportal-ai-searchfrm-logo {
display: block;
width: 100%;
height: auto;
filter: brightness(0) invert(1); } .wjportal-aifilter-search-wrp {
display: flex;
gap: 15px;
width: 100%;
flex-wrap: wrap;
}
.wjportal-aifilter-search-wrp .wjportal-filter-ai-searchfrm-title {
font-size: var(--wpjp-second-sub-heading);
font-weight: 700;
color: var(--wpjp-secondary-color);
line-height: 1.4; background: var(--wpjp-secondary-color);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
width: 100%;
padding-top: 10px;
}
.wjportal-aifilter-search-wrp .wjportal-filter-search-field-wrp {
position: relative;
}
.wjportal-aifilter-search-wrp .wjportal-filter-search-input-field {
width: 100%;
height: 55px;
padding: 12px 16px 12px 48px; font-size: 16px;
color: var(--wpjp-body-font-color);
background-color: #fff;
border: 1px solid var(--wpjp-border-color);
border-radius: 12px;
box-sizing: border-box;
transition: all 0.2s ease;
}
.wjportal-form-wrp.wjportal-search-job-aiform .wjportal-aifilter-search-wrp .wjportal-filter-search-input-field {
text-align: center;
}
.wjportal-aifilter-search-wrp .wjportal-filter-search-input-field:focus {
outline: none;
border-color: var(--wpjp-primary-color);
background-color: var(--wpjp-card-background);
box-shadow: 0 0 0 4px rgba(232, 48, 48, 0.1);
} .wjportal-aifilter-search-wrp .wjportal-filter-search-field-wrp::before {
content: '';
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
background-color: var(--wpjp-body-font-color);
opacity: 0.5;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
transition: opacity 0.2s ease;
}
.wjportal-filter-search-main-wrp.wjportal-filter-aisearch-main-wrp {
margin-bottom: 40px;
}
.wjportal-aifilter-search-wrp .wjportal-filter-search-input-field:focus+.wjportal-filter-search-field-wrp::before {
opacity: 0.8;
}
.wjportal-aifilter-search-wrp .wjportal-filter-search-btn-wrp {
align-self: flex-end; }
.wjportal-aifilter-search-wrp .wjportal-filter-search-btn {
display: inline-flex;
align-items: center;
gap: 5px;
background-color: var(--wpjp-primary-color);
color: #fff;
border: none;
border-radius: 12px;
padding: 12px 16px;
font-size: var(--wpjp-body-font-size);
font-weight: 600;
cursor: pointer;
text-decoration: none;
transition: all 0.2s ease;
box-shadow: 0 4px 15px rgba(232, 48, 48, 0.2);
}
.wjportal-aifilter-search-wrp .wjportal-filter-search-btn::before {
content: '';
width: 22px;
height: 22px;
background-color: currentColor;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
}
.wjportal-aifilter-search-wrp .wjportal-filter-search-btn:hover {
background-color: var(--wpjp-secondary-color);
}
.wjportal-form-wrp.wjportal-search-job-aiform {
display: flex;
width: 100%;
padding: 5px 10px;
border-radius: 10px;
margin-bottom: 30px;
box-shadow: var(--wpjp-card-shadow);
background: var(--background-color);
border: 1px solid var(--wpjp-border-color);
}
span.wjportal-filter-ai-searchfrm-discription {
width: 100%;
}
.wjportal-main-up-wrapper input#aijobsearch {
padding-left: 40px;
} .wjportal-aifilter-search-wrp .wjportal-filter-search-field-icon {
display: none;
} @media (max-width: 768px) {
.wjportal-filter-ai-searchfrm-wrp {
flex-direction: column;
text-align: center;
justify-content: center;
align-items: center;
}
.wjportal-aifilter-search-wrp {
align-items: center;
justify-content: center;
}
.wjportal-aifilter-search-wrp .wjportal-filter-search-btn-wrp {
align-self: stretch;
}
.wjportal-aifilter-search-wrp .wjportal-filter-search-btn {
width: 100%;
justify-content: center;
}
}    .wjportal-form-wrp.wjportal-search-job-aiform { background: var(--background-color);
border: 1px solid var(--wpjp-border-color);
border-radius: 24px;
padding: 2.5rem; box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.1);
width: 100%;
} .wjportal-search-job-aiform .wjportal-filter-ai-searchfrm-wrp {
display: flex;
flex-direction: column; align-items: center; text-align: center;
gap: 1.5rem; } .wjportal-search-job-aiform .wjportal-ai-searchfrm-logo-wrp {
flex-shrink: 0;
width: 125px;
height: 125px;
border-radius: 10px;
background-image: linear-gradient(135deg, var(--wpjp-primary-color) 0%, var(--wpjp-secondary-color) 100%);
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
box-sizing: border-box;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
} .wjportal-search-job-aiform .wjportal-ai-searchfrm-logo {
display: block;
width: 100%;
height: auto;
filter: brightness(0) invert(1); } .wjportal-search-job-aiform .wjportal-aifilter-search-wrp {
display: flex;
flex-direction: column;
gap: 30px;
width: 100%;
}
.wjportal-search-job-aiform .wjportal-filter-ai-searchfrm-title {
font-size: var(--wpjp-second-sub-heading);
font-weight: 700;
color: var(--wpjp-secondary-color);
line-height: 1.4;
}
.wjportal-search-job-aiform .wjportal-filter-ai-searchfrm-discription {
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-body-font-color);
margin: 0 auto; line-height: 1.6;
}
.wjportal-search-job-aiform .wjportal-filter-search-field-wrp {
position: relative;
width: 100%;
}
.wjportal-search-job-aiform .wjportal-elegant-addon-filter-search-input-field {
width: 100%;
height: 55px;
padding: 10px 15px;
font-size: var(--wpjp-body-font-size);
text-align: center;
color: var(--wpjp-body-font-color);
background-color: white;
border: 1px solid rgba(233, 236, 239, 0.8);
border-radius: 12px;
box-sizing: border-box;
transition: all 0.2s ease;
}
.wjportal-search-job-aiform .wjportal-elegant-addon-filter-search-input-field:focus {
outline: none;
border-color: var(--wpjp-primary-color);
background-color: var(--wpjp-card-background);
box-shadow: 0 0 0 4px rgba(232, 48, 48, 0.1);
}
.wjportal-search-job-aiform .wjportal-filter-search-btn-wrp {
width: 100%;
}
.wjportal-search-job-aiform .wjportal-filter-search-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.75rem;
background-color: var(--wpjp-primary-color);
color: #fff;
border: none;
border-radius: 12px;
padding: 10px 15px; width: 100%;
font-size: var(--wpjp-body-font-size);
font-weight: 600;
cursor: pointer;
text-decoration: none;
transition: all 0.2s ease;
box-shadow: 0 4px 15px rgba(232, 48, 48, 0.2);
}
.wjportal-search-job-aiform .wjportal-filter-search-btn::before {
content: '';
width: 18px;
height: 18px;
background-color: currentColor;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
}
.wjportal-search-job-aiform .wjportal-filter-search-btn:hover {
background-color: var(--wpjp-secondary-color);
} .wjportal-search-job-aiform .wjportal-filter-search-field-icon {
display: none;
}   .wjportal-filter-search-main-wrp {
display: flex;
width: 100%;
padding: 15px 10px;
border-radius: 10px;
margin-bottom: 30px;
box-shadow: var(--wpjp-card-shadow);
background: var(--background-color);
border: 1px solid var(--wpjp-border-color);
} .wjportal-jobs-list {
background: var(--wpjp-card-background);
border-radius: 12px;
margin-bottom: 2.5rem;
box-shadow: var(--wpjp-card-shadow);
transition: all 0.3s ease-in-out;
border: 1px solid var(--wpjp-border-color);
overflow: hidden;
position: relative;
width: 100%;
}
.wjportal-jobs-list:hover {
transform: translateY(-5px);
box-shadow: var(--wpjp-card-hover-shadow);
} .wjportal-jobs-list-top-wrp {
display: flex;
align-items: flex-start;
padding: 24px;
gap: 20px;
width: 100%;
} .wjportal-jobs-logo {
flex-shrink: 0;
width: 130px;
height: 130px;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
border-radius: 8px;
padding: 5px;
border: 1px solid var(--wpjp-border-color);
}
.wjportal-jobs-logo img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
border-radius: 6px;
} .wjportal-jobs-cnt-wrp {
flex-wrap: wrap;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding-left: 0;
flex-grow: 1;
} .wjportal-jobs-middle-wrp {
display: flex;
flex-direction: column;
width: 70%;
margin-bottom: 8px;
}
span.wjportal-job-title {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.wjportal-job-title a {
font-size: var(--wpjp-sub-heading);
font-weight: 600;
color: var(--wpjp-secondary-color);
text-decoration: none;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.wjportal-job-title a:hover {
color: var(--wpjp-secondary-color);
text-decoration: underline !important;
}
.wjportal-companyname {
display: flex;
flex-wrap: wrap;
width: 100%;
font-size: var(--wpjp-body-font-size);
font-weight: 500;
color: var(--wpjp-primary-color);
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.wjportal-custom-field {
padding-bottom: 5px;
}
span.wjportal-shortlist-job-comment-tit {
font-size: var(--wpjp-body-font-size);
} .wjportal-jobs-list-wrapper.wjportal-my-jobs-wrp a.wjportal-companyname {
padding-top: 10px;
}
.wjportal-main-wrapper.wjportal-clearfix a.wjportal-companyname {
padding: 5px 0;
}
.wjportal-jobs-data-text:not(:last-child)::after {
content: "•";
margin: 0 0.5rem;
font-size: var(--wpjp-body-font-size);
}
span.wjportal-custom-field-tit {
color: var(--wpjp-body-font-color);
font-size: var(--wpjp-body-font-size);
}
span.wjportal-custom-field-val {
color: var(--wpjp-body-font-color);
font-size: var(--wpjp-body-font-size);
} .wjportal-jobs-right-wrp {
width: 30%;
flex-shrink: 0;
text-align: right;
display: flex;
flex-direction: column;
align-items: flex-end;
flex-direction: column;
gap: 12px;
font-size: var(--wpjp-body-font-size);
}
.wjportal-cp-cnt .wjportal-jobs-middle-wrp {
width: 100%;
}
.wjportal-cp-cnt .wjportal-jobs-right-wrp {
width: 100%;
flex-shrink: 0;
text-align: left;
display: flex;
flex-direction: column;
align-items: flex-start;
flex-direction: column;
gap: 12px;
}
.wjportal-job-type {
display: flex;
width: 100%;
align-items: center;
gap: 0.5em; padding: 5px 15px;
border-radius: 6px;
font-size: 14px;
font-weight: 500;
color: #fff;
text-transform: capitalize;
} .wjportal-job-type::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z'/%3E%3C/svg%3E");
}
.wjportal-jobs-salary {
font-weight: 600;
color: var(--wpjp-secondary-color);
font-size: 18px;
}
span.wjportal-salary-type {
font-weight: 400;
font-size: var(--wpjp-body-font-size);
}
.wjportal-shortlist-job-comments {
flex-basis: 100%;
margin-top: 16px;
padding-top: 16px;
border-top: 1px solid #e5e7eb;
}
span.wjportal-shortlist-job-comment-val {
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-body-font-color);
}
.wjportal-jobs-list-wrapper.wjportal-shortlisted-jobs-wrp .wjportal-container-small {
padding: 10px;
margin-top: 0 !important;
} .wjportal-jobs-list-btm-wrp {
display: flex;
align-items: center;
width: 100%;
background-color: var(--background-color);
border-top: 1px solid var(--wpjp-border-color);
padding: 16px 10px;
} .wjportal-newest-jobs-date {
display: inline-flex; align-items: center; gap: 0.5rem; width: 40%;
color: var(--wpjp-body-font-color);
font-size: var(--wpjp-body-font-size);
padding-left: 10px;
} .wjportal-newest-jobs-date::before {
content: '';
display: block;
width: 1em; height: 1em; background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z'/%3E%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z'/%3E%3E%3C/svg%3E");
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
a.wjportal-jobs-act-btn-apply {
background-color: var(--wpjp-primary-color);
color: #fff;
border: 1px solid var(--wpjp-border-color);
font-weight: 500;
text-decoration: none;
font-size: var(--wpjp-body-font-size);
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 10px 15px;
border-radius: 6px;
transition: background-color 0.3s ease, border-color 0.3s ease;
order: 2;
}
a.wjportal-jobs-act-btn-apply:hover {
background-color: var(--wpjp-secondary-color);
color: #fff !important;
} .wjportal-jobs-act-btn,
.wjportal-jobs-act-btn-apply {
display: inline-flex;
align-items: center;
gap: 0.5rem; font-size: var(--wpjp-body-font-size);
font-weight: 600;
text-decoration: none;
padding: 10px 16px;
border-radius: 8px;
border: 1px solid transparent;
transition: all 0.2s ease;
cursor: pointer;
} a.wjportal-jobs-act-btn-apply.wp-job-portal-already-applied {
background: #fafafa;
color: #a09e9e;
}
a.wjportal-jobs-act-btn-apply.wp-job-portal-already-applied:hover {
background: var(--wpjp-secondary-color);
} .wjportal-jobs-act-btn {
background-color: var(--wpjp-card-background);
color: var(--wpjp-secondary-color);
border-color: var(--wpjp-border-color);
}
.wjportal-jobs-act-btn:hover {
background-color: var(--wpjp-secondary-color);
color: white;
}
.wjportal-popup-field.wjportal-popup-field-job-title {
font-weight: 700;
}
.wjportal-popup-field-email-title {
font-size: var(--wpjp-sub-heading);
font-weight: 700;
color: var(--wpjp-secondary-color);
padding: 10px 0;
} .wjportal-jobs-act-btn-apply {
background-color: var(--wpjp-primary-color);
color: #fff;
}    .wjportal-jobs-action-wrp {
display: flex;
justify-content: space-between; align-items: center;
gap: 1rem;
} .wjportal-jobs-list-btm-wrp .wjportal-jobs-act-btn {
background-color: var(--wpjp-card-background);
color: var(--wpjp-secondary-color);
border: 1px solid var(--wpjp-border-color);
font-weight: 500;
text-decoration: none;
font-size: var(--wpjp-body-font-size); display: inline-flex;
align-items: center;
gap: 0.5rem;  padding: 10px 15px;
border-radius: 6px;
transition: background-color 0.3s ease, border-color 0.3s ease; order: 2; } .wjportal-jobs-list-btm-wrp .wjportal-jobs-act-btn:hover {
background-color: var(--wpjp-secondary-color);
color: #fff !important;
text-decoration: none;
}
.wjportal-jobs-act-btn.wjportal-jobs-act-btn-ai-suggested-resumes {
background-color: var(--wpjp-primary-color);
color: #fff !important;
}  span.wjportal-featured-tag-icon-wrp span.wjportal-featured-tag-icon {
color: #fff;
background: var(--wpjp-primary-color);
display: inline-block;
position: absolute;
top: -64px;
left: -28px;
z-index: 1;
transform: rotate(45deg);
height: 126px;
width: 76px;
}
span.wjportal-featured-tag-icon-wrp span.wjportal-featured-tag-icon i {
position: absolute;
bottom: 42px;
right: 7px;
font-size: 25px;
}
span.wjportal-featured-tag-icon-wrp span.wjportal-featured-hover-wrp {
background: #e83030;
color: #fff;
padding: 5px 15px;
border-radius: 6px;
font-size: 14px;
font-weight: 500;
text-transform: capitalize;
}
span.wjportal-item-act-status.wjportal-waiting {
background-color: #f28d19;
color: #fff;
border: 1px solid var(--wpjp-border-color);
font-weight: 500;
text-decoration: none;
font-size: var(--wpjp-body-font-size);
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 10px 15px;
border-radius: 6px;
transition: background-color 0.3s ease, border-color 0.3s ease;
order: 2;
}
span.wjportal-item-act-status.wjportal-rejected {
background-color: #bb0906;
color: #fff;
border: 1px solid var(--wpjp-border-color);
font-weight: 500;
text-decoration: none;
font-size: var(--wpjp-body-font-size);
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 10px 15px;
border-radius: 6px;
transition: background-color 0.3s ease, border-color 0.3s ease;
order: 2;
} .wjportal-main-up-wrapper #payment-popup-outer {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(29, 35, 39, 0.6); backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
padding: 1rem;
}
.quickviewfullwidth.tell-a-friend-captcha-wrapper .wjportal-form-value input {
background-color: var(--background-color);
} .wjportal-payemt-methods-wrp {
display: flex;
justify-content: center;
gap: 1.5rem;
flex-wrap: wrap; } .wjportal-payemt-method-item {
display: block;
padding: 1rem;
border: 1px solid var(--wpjp-border-color);
border-radius: 12px;
transition: all 0.2s ease-in-out;
cursor: pointer;
}
.wjportal-payemt-method-item:hover {
transform: translateY(-5px);
border-color: var(--wpjp-primary-color, #e83030);
box-shadow: var(--wpjp-card-hover-shadow, 0 6px 20px rgba(0, 0, 0, 0.12));
}
.wjportal-payemt-method-item:hover img { filter: grayscale(0%);
opacity: 1;
}
.wjportal-payemt-method-item img {
display: block;
max-height: 80px; width: auto;
}  .wjportal-payemt-method-stripe form {
display: flex;
}
.wjportal-payemt-method-stripe .stripe-button-el {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0; cursor: pointer;
}
.wjportal-payemt-method-stripe .stripe-button-el span {
display: none !important; height: auto;
} .wjportal-payemt-method-stripe img {
max-height: 115px;
}
.wjportal-main-up-wrapper button#proceedPaymentBtn {
border: 1px solid var(--wpjp-border-color);
background: var(--wpjp-primary-color);
color: #fff;
border-radius: 6px;
font-weight: 500;
font-size: var(--wpjp-body-font-size);
}
.wjportal-main-up-wrapper button#proceedPaymentBtn:hover {
background: var(--wpjp-secondary-color);
color: #fff;
}
a.wjportal-payment-act-btn {
background-color: var(--wpjp-card-background);
color: #1b50ef;
border: 1px solid #1b50ef;
font-weight: 500;
text-decoration: none;
font-size: var(--wpjp-body-font-size);
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 10px 15px;
border-radius: 6px;
transition: background-color 0.3s ease, border-color 0.3s ease;
order: 2;
}
a.wjportal-payment-act-btn:hover {
background-color: #1b50ef;
color: #fff !important;
}
.wjportal-jobs-list-wrapper.wjportal-applied-jobs-wrp a.wjportal-payment-act-btn {
position: absolute;
top: 50%;
right: 1rem;
transform: translateY(-50%);
} .wjportal-payment-act-btn { background-color: var(--wpjp-primary-color);
color: #fff;
padding: 10px 18px;
border-radius: 6px;
font-weight: 500;
text-decoration: none; display: inline-flex;
align-items: center;
gap: 0.75rem;  transition: background-color 0.3s ease;
}
.wjportal-payment-act-btn:hover {
background-color: var(--wpjp-secondary-color);
color: #fff;
text-decoration: none;
}    .wjportal-jobs-data {
display: flex;
flex-wrap: wrap; align-items: center;
gap: 0.5rem 1rem; font-weight: 500;
} .wjportal-jobs-data-text {
display: inline-flex;
align-items: center;
gap: 0.5rem; color: var(--wpjp-body-font-color);
font-size: var(--wpjp-body-font-size);
} .wjportal-jobs-data-text::before {
content: '';
display: inline-block;
width: 16px;
height: 16px;
background-color: var(--wpjp-body-font-color); -webkit-mask-size: cover;
mask-size: cover;
}
.wjportal-companyinfo-data::before {
content: '';
display: inline-block;
width: 16px;
height: 16px;
background-color: var(--wpjp-body-font-color); -webkit-mask-size: cover;
mask-size: cover; -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3e%3ccircle cx='12' cy='10' r='3'/%3e%3c/svg%3e");
mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3e%3ccircle cx='12' cy='10' r='3'/%3e%3c/svg%3e");
}
.wjportal-companyinfo a.wjportal-companyinfo-link::before {
content: '';
display: inline-block;
width: 16px;
height: 16px;
background-color: var(--wpjp-body-font-color); -webkit-mask-size: cover;
mask-size: cover; -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3e%3cpolyline points='22,6 12,13 2,6'/%3e%3c/svg%3e");
mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3e%3cpolyline points='22,6 12,13 2,6'/%3e%3c/svg%3e");
} .wjportal-jobs-data-text::before {
content: '';
display: inline-block;
width: 16px;
height: 16px; -webkit-mask-size: cover;
mask-size: cover;
color: var(--wpjp-body-font-color);
background: var(--wpjp-body-font-color) !important;
} .wjportal-jobs-data .wjportal-jobs-data-text.wjportal-jobs-data-icon-class-category::before {
-webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3e%3cline x1='7' y1='7' x2='7.01' y2='7'/%3e%3c/svg%3e");
mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3e%3cline x1='7' y1='7' x2='7.01' y2='7'/%3e%3c/svg%3e");
}
.wjportal-jobs-data .wjportal-jobs-data-text.wjportal-jobs-data-icon-class-location::before {
-webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3e%3ccircle cx='12' cy='10' r='3'/%3e%3c/svg%3e");
mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3e%3ccircle cx='12' cy='10' r='3'/%3e%3c/svg%3e");
} .wjportal-shortlist-stars {
order: 1;  margin-right: auto;
}
div.wjportal-jobs-list-btm-wrp div.wjportal-jobs-action-wrp {
flex-wrap: wrap;
justify-content: end;
width: 100%;
}   .wjportal-jobdetail-wrapper {
display: flex;
flex-wrap: wrap;
gap: 30px;
}
.wjportal-company-job-viewjob-wrp {
display: flex;
flex-wrap: wrap;
gap: 30px;
}
.wjportal-view-job-title-wrp {
font-size: var(--wpjp-second-sub-heading);
font-weight: bold;
color: var(--wpjp-secondary-color);
}
.wjportal-view-job-page-wrapper.wjportal-view-page-featured-flag .wjportal-job-company-wrp {
background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, #fcfaf2 100%);
border: 1px solid #ffb63b !important;
}
.wjportal-view-job-page-wrapper.wjportal-view-page-featured-flag div.wjportal-jobdetail-wrapper div.wjportal-job-company-wrp div.wjportal-job-company-cnt div.wjportal-job-company-info span.wjportal-job-company-info-tit,
.wjportal-view-job-page-wrapper.wjportal-view-page-featured-flag div.wjportal-jobdetail-wrapper div.wjportal-job-company-wrp div.wjportal-job-company-cnt div.wjportal-job-company-info span.wjportal-job-company-info-val {
color: var(--wpjp-secondary-color);
}
.wjportal-company-job-viewjob-leftwrp {
flex-wrap: wrap;
display: flex;
flex: 2;
min-width: 320px;
gap: 30px;
}
.wjportal-job-data-map-wrp {
width: 100%;
}
.wjportal-job-company-wrp {
float: left;
width: 100%;
border-radius: 0.75rem;
border: 1px solid rgba(226, 232, 240, 0.8);
box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
padding: 2rem;
background-color: var(--wpjp-card-background);
position: relative;
overflow: hidden;
}
.wjportal-job-company-logo {
float: left;
position: relative;
width: 100px;
height: 100px;
border-radius: 8px;
background: #fff;
border: 1px solid #d4d4d5;
}
img.wjportal-job-company-logo-image {
max-width: 90%;
max-height: 90%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
display: inline-block;
}
div.wjportal-jobdetail-wrapper div.wjportal-job-company-wrp div.wjportal-job-company-cnt {
float: left;
width: calc(100% - 150px);
padding: 0 0 0 20px;
}
div.wjportal-jobdetail-wrapper div.wjportal-job-company-wrp div.wjportal-job-company-cnt div.wjportal-job-company-info {
padding-bottom: 10px;
font-size: var(--wpjp-body-font-size);
}
div.wjportal-jobdetail-wrapper div.wjportal-job-company-wrp div.wjportal-job-company-cnt div.wjportal-job-company-info a.wjportal-job-company-name {
display: inline-block;
font-size: var(--wpjp-body-font-size);
text-decoration: underline;
color: var(--wpjp-primary-color);
}
div.wjportal-jobdetail-wrapper div.wjportal-job-company-wrp div.wjportal-job-company-cnt div.wjportal-job-company-info {
padding-bottom: 10px;
font-size: var(--wpjp-body-font-size);
}
div.wjportal-jobdetail-wrapper div.wjportal-job-company-wrp div.wjportal-job-company-cnt div.wjportal-job-company-info span.wjportal-job-company-info-tit {
margin-right: 3px;
display: inline-block;
color: var(--wpjp-body-font-color);
}
div.wjportal-jobdetail-wrapper div.wjportal-job-company-wrp div.wjportal-job-company-cnt div.wjportal-job-company-info span.wjportal-job-company-info-val {
display: inline-block;
color: var(--wpjp-body-font-color);
}
div.wjportal-jobdetail-wrapper div.wjportal-job-data-wrp {
float: left;
width: 100%;
padding: 2rem;
border-radius: 0.75rem;
border: 1px solid rgba(226, 232, 240, 0.8);
box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
background-color: var(--wpjp-card-background);
}
.wjportal-job-detail-about-job-title,
div.wjportal-jobdetail-wrapper div.wjportal-job-sec-title,
.wjportal-tags-sec-title {
float: left;
width: 100%;
margin-bottom: 15px;
font-size: var(--wpjp-sub-heading);
font-weight: bold;
color: var(--wpjp-secondary-color);
padding-bottom: 10px;
border-bottom: 3px solid var(--wpjp-primary-color);
}
.wjportal-main-up-wrapper .wjportal-view-job-page-job-apply-form-wraper {
width: 100%;
}
a.wjportal-login-to-apply-btn {
display: inline-flex; align-items: center; gap: 0.6em; background-color: var(--wpjp-card-background);
color: var(--wpjp-secondary-color);
border: 1px solid var(--wpjp-border-color);
font-weight: 500;
text-decoration: none;
font-size: var(--wpjp-body-font-size);
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 10px 15px;
border-radius: 6px;
transition: background-color 0.3s ease,
}
.wjportal-form-wrp.wpjobportal-quickapply-form .wjportal-login-to-apply-btn::before {
content: ''; display: inline-block;
width: 1.2em; height: 1.2em;
background-color: currentColor;  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 7L9.6 8.4l2.6 2.6H2v2h10.2l-2.6 2.6L11 17l5-5-5-5zm9 12h-8v-2h8V5h-8V3h8c1.1 0 2 .9 2 2v14c0 1.1-.9 2-2 2z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 7L9.6 8.4l2.6 2.6H2v2h10.2l-2.6 2.6L11 17l5-5-5-5zm9 12h-8v-2h8V5h-8V3h8c1.1 0 2 .9 2 2v14c0 1.1-.9 2-2 2z'/%3E%3C/svg%3E");
-webkit-mask-size: cover;
mask-size: cover;
}
a.wjportal-apply-as-visitor-btn {
display: inline-flex;
transition: all 0.2s ease;
align-items: center;
gap: 8px;
padding: 10px 15px;
background-color: var(--wpjp-card-background);
color: var(--wpjp-secondary-color) !important;
border: 1px solid var(--wpjp-border-color);
font-weight: 500;
text-decoration: none;
font-size: var(--wpjp-body-font-size);
border-radius: 6px;
transition: background-color 0.3s ease, border-color 0.3s ease;
order: 2;
width: 100%;
justify-content: center;
}
.wjportal-job-apply-or-visitor span {
font-weight: 700;
font-size: var(--wpjp-body-font-size);
}
a.wjportal-apply-as-visitor-btn:hover {
background-color: var(--wpjp-secondary-color);
color: #fff !important;
}
a.wjportal-jobs-act-btn.wjportal-job-act-btn-shortlist {
font-weight: 500;
}
.wjportal-form-wrp.wpjobportal-quickapply-form .wjportal-form.has-validation-callback .wjportal-form-btn-wrp {
padding: 0;
margin: 0;
border-top: 0px;
font-size: var(--wpjp-body-font-size);
width: 100%;
}
a.wjportal-login-to-apply-btn {
background-color: var(--wpjp-primary-color);
color: #fff;
width: 100%;
display: flex;
justify-content: center;
}
a.wjportal-login-to-apply-btn:hover {
background-color: var(--wpjp-secondary-color);
color: #fff;
}
.wjportal-job-apply-or-visitor {
text-align: center;
padding: 12px 0;
}
.wjportal-company-job-viewjob-leftwrp .wjportal-job-data .wjportal-job-data-tit,
.wjportal-company-job-viewjob-leftwrp .wjportal-custom-field .wjportal-custom-field-tit {
color: var(--wpjp-secondary-color);
font-weight: 500;
}
div.wjportal-jobdetail-wrapper div.wjportal-job-data-wrp div.wjportal-job-data {
float: left;
width: 100%;
padding: 15px;
font-size: var(--wpjp-body-font-size);
border-bottom: 1px solid var(--wpjp-border-color);
margin-right: 10px;
color: var(--wpjp-body-font-color);
}
div.wjportal-jobdetail-wrapper div.wjportal-job-data-wrp div.wjportal-custom-field {
float: left;
width: 100%;
padding: 15px;
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-body-font-color);
border-bottom: 1px solid var(--wpjp-border-color);
}
div.wjportal-jobdetail-wrapper div.wjportal-job-data-wrp div.wjportal-custom-field:nth-child(even) {
margin-right: 10px;
}
div.wjportal-jobdetail-wrapper div.wjportal-job-map {
float: left;
width: 100%;
padding: 2rem;
border-radius: 0.75rem;
border: 1px solid rgba(226, 232, 240, 0.8);
box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
background-color: var(--wpjp-card-background);
}
.wjportal-job-data-tags-wrp {
width: 100%;
}
.wjportal-form.has-validation-callback { } .popup-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
z-index: 1000;
}
.popup-overlay.active {
opacity: 1;
visibility: visible;
}
.popup-container {
background-color: var(--wpjp-card-background);
padding: 2.5rem;
border-radius: 8px;
box-shadow: var(--wpjp-card-shadow);
width: 90%;
max-width: 500px;
position: relative;
transform: scale(0.95);
transition: transform 0.3s ease;
}
.popup-overlay.active .popup-container {
transform: scale(1);
} .popup-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1.5rem;
padding-bottom: 1rem;
border-bottom: 1px solid var(--wpjp-border-color);
}
.popup-title {
font-size: var(--wpjp-sub-heading);
font-weight: 600;
color: var(--wpjp-secondary-color);
}
.popup-close-btn {
background: none;
border: none;
cursor: pointer;
padding: 0;
color: var(--wpjp-secondary-color);
transition: color 0.2s;
}
.popup-close-btn:hover {
color: var(--wpjp-primary-color);
} .wjportal-job-apply-price-msg {
background-color: #eaf6ec;
color: #2f6f42;
padding: 1rem;
border-radius: 8px;
text-align: center;
font-size: 16px;
margin-bottom: 2rem;
border: 1px solid #2f6f42;
}
.wjportal-job-apply-price-msg strong {
font-weight: 700;
}
.wjportal-form-row {
display: flex;
flex-direction: column;
gap: 1rem;
}
.wjportal-form-title {
font-size: 18px;
font-weight: 500;
color: var(--wpjp-body-font-color);
}
.wjportal-form-title font {
color: var(--wpjp-primary-color);
}
.wjportal-job-apply-payment-method {
display: flex;
flex-direction: column;
gap: 1rem;
} .wpjobportal-form-radio-field input[type="radio"] {
display: none; }
.wpjobportal-form-radio-field label {
display: flex;
align-items: center;
padding: 1rem;
border: 2px solid var(--wpjp-border-color);
border-radius: 8px;
cursor: pointer;
font-size: 16px;
font-weight: 500;
}
.wpjobportal-form-radio-field label img {
height: 24px;
width: auto;
margin-right: 12px;
}
.wpjobportal-form-radio-field label:hover {
border-color: var(--wpjp-primary-color);
box-shadow: 0 0 0 3px rgba(232, 48, 48, 0.1);
}
.wpjobportal-form-radio-field input[type="radio"]:checked+label {
border-color: var(--wpjp-primary-color);
}
.jssection_hide {
display: none;
}
.wjportal-resume-section-undo {
display: none;
} .popup-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
z-index: 1000;
} .wpjobportal-form-radio-field { display: inline-flex;
align-items: center;
position: relative; cursor: pointer;
}  .wpjobportal-form-radio-field input[type="checkbox"] { position: absolute;
opacity: 0;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
} .wpjobportal-form-radio-field label {
font-family: Arial, sans-serif;
font-size: 16px;
color: #333;
display: flex; align-items: center;
cursor: pointer;
} .wpjobportal-form-radio-field label::before {
content: '';
display: block; min-width: 20px; height: 20px;
border: 2px solid #555; border-radius: 4px; background-color: #fff;
margin-right: 10px; transition: all 0.2s ease;
} .wpjobportal-form-radio-field input[type="checkbox"]:checked+label::before {
background-color: var(--wpjp-primary-color); border-color: var(--wpjp-primary-color);
} .wpjobportal-form-radio-field input[type="checkbox"]:checked+label::after {
content: '\2713'; position: absolute; left: 5px; top: 47%;
transform: translateY(-50%);
font-size: 14px;
line-height: 1; color: #fff; font-weight: bold;
background-color: unset;
} .wjportal-form-help-txt {
font-size: 12px;
color: #888;
margin-top: 5px;
padding-left: 5px; width: 100%;
}
.popup-overlay.active {
opacity: 1;
visibility: visible;
}
.popup-container {
background-color: var(--wpjp-card-background);
padding: 2.5rem;
border-radius: 8px;
box-shadow: var(--wpjp-card-shadow);
width: 90%;
max-width: 500px;
position: relative;
transform: scale(0.95);
transition: transform 0.3s ease;
}
.popup-overlay.active .popup-container {
transform: scale(1);
} .popup-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1.5rem;
padding-bottom: 1rem;
border-bottom: 1px solid var(--wpjp-border-color);
}
.popup-title {
font-size: var(--wpjp-sub-heading);
font-weight: 600;
color: var(--wpjp-secondary-color);
}
.popup-close-btn {
background: none;
border: none;
cursor: pointer;
padding: 0;
color: var(--wpjp-secondary-color);
transition: color 0.2s;
}
.popup-close-btn:hover {
color: var(--wpjp-primary-color);
}
.wjportal-job-apply-price-msg strong {
font-weight: 700;
}
.wjportal-form-row {
display: flex;
flex-direction: column;
gap: 1rem;
}
.wjportal-form-title {
font-size: 18px;
font-weight: 500;
color: var(--wpjp-body-font-color);
}
.wjportal-form-title font {
color: var(--wpjp-primary-color);
}
.wjportal-job-apply-payment-method {
display: flex;
flex-direction: column;
gap: 1rem;
} .wpjobportal-form-radio-field input[type="radio"] {
display: none; }
.wpjobportal-form-radio-field label {
display: flex;
align-items: center;
padding: 1rem;
border: 2px solid var(--wpjp-border-color);
border-radius: 8px;
cursor: pointer;
transition: border-color 0.3s, box-shadow 0.3s, background-color 0.3s;
font-size: 16px;
font-weight: 500;
}
.wpjobportal-form-radio-field label img {
height: 24px;
width: auto;
margin-right: 12px;
}
.wpjobportal-form-radio-field label:hover {
border-color: var(--wpjp-primary-color);
box-shadow: 0 0 0 3px rgba(232, 48, 48, 0.1);
}
.wpjobportal-form-radio-field input[type="radio"]:checked+label {
border-color: var(--wpjp-primary-color);
} #open-popup-btn {
background-color: var(--wpjp-secondary-color);
color: white;
padding: 1rem 2rem;
border: none;
border-radius: 8px;
font-size: 18px;
cursor: pointer;
box-shadow: var(--wpjp-card-shadow);
transition: all 0.3s ease;
}
#open-popup-btn:hover {
box-shadow: var(--wpjp-card-hover-shadow);
transform: translateY(-3px);
}
.wjportal-company-job-viewjob-rightwrp {
flex: 1;
min-width: 280px;
display: flex;
flex-wrap: wrap;
height: max-content;
position: sticky;
top: 2.5rem;
}
.wjportal-jobinfo-wrp {
float: left;
width: 100%;
margin-bottom: 20px;
border: 1px solid rgba(226, 232, 240, 0.8);
box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
padding: 2rem 2rem;
flex-wrap: wrap;
border-radius: 0.75rem;
background-color: var(--background-color);
}
.wjportal-jobinfo {
display: flex;
background: #fff;
border: 1px solid rgba(226, 232, 240, 0.8);
padding: 1rem;
border-radius: 0.5rem;
display: flex;
align-items: center;
gap: 1rem;
flex-wrap: wrap;
width: 100%;
float: left;
font-size: var(--wpjp-body-font-size);
}
span.wjportal-jobtype {
display: inline-block;
padding: 6px 15px;
vertical-align: middle;
color: #fff;
width: 100%;
border-radius: 5px;
text-align: center;
font-weight: 500;
font-size: var(--wpjp-body-font-size);
}
span.wjportal-jobinfo-data {
align-items: center;
display: flex;
color: var(--wpjp-secondary-color);
gap: 15px;
vertical-align: middle;
font-weight: 500;
gap: 8px;
font-size: var(--wpjp-body-font-size);
} .wjportal-jobinfo-right-data-salary .wjportal-jobinfo-data::before {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="1" x2="12" y2="23"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="1" x2="12" y2="23"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg>');
} .wjportal-jobinfo-right-data-category .wjportal-jobinfo-data::before {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"></path></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"></path></svg>');
} .wjportal-jobinfo-right-data-created .wjportal-jobinfo-data::before {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>');
} .wjportal-jobinfo-right-data-close-date .wjportal-jobinfo-data::before {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>');
} .wjportal-jobinfo-right-data-location .wjportal-jobinfo-data::before {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>');
} .wjportal-jobinfo-right-data-views .wjportal-jobinfo-data-view::before {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>');
}
.wjportal-jobinfo-highlight {
border: 1px solid rgba(226, 232, 240, 0.8);
padding: 1rem;
border-radius: 0.5rem;
display: flex;
align-items: center;
gap: 1rem;
flex-wrap: wrap;
width: 100%;
float: left;
font-size: var(--font-size);
background-color: #ffeeec;
border-color: #f29d99;
} .wjportal-jobinfo-data img {
display: none !important;
}  .wjportal-jobinfo-wrp,
.wjportal-jobinfo.wjportal-jobinfo-right-data-location {
display: flex;
flex-wrap: wrap;
gap: 16px 24px; color: var(--wpjp-secondary-color);
font-size: var(--wpjp-body-font-size);
}  .wjportal-jobinfo-data,
.wjportal-jobinfo-data-view {
display: flex; align-items: center;
gap: 8px; }  .wjportal-jobinfo-wrp img {
display: none;
}  .wjportal-jobtype {
padding: 6px 12px;
border-radius: 20px;
font-size: 14px;
color: white;
font-weight: 500;
} .wjportal-jobinfo-highlight .wjportal-jobinfo-data {
color: #c0392b; font-weight: 500;
}
a.wpjobportal_tags_a.wjportal-tags-item {
background-color: var(--wpjp-card-background);
color: var(--wpjp-secondary-color);
border: 1px solid var(--wpjp-border-color);
font-weight: 500;
text-decoration: none;
font-size: var(--wpjp-body-font-size);
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 10px 15px;
border-radius: 6px;
margin: 5px;
}
div#wpjobportal_jstags {
float: left;
width: 100%;
padding: 2rem;
border-radius: 0.75rem;
border: 1px solid rgba(226, 232, 240, 0.8);
box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
background-color: var(--wpjp-card-background);
}
.wjportal-tags-item::before {
content: '';
display: inline-block;
width: 16px;
height: 16px;
margin-right: 6px; vertical-align: middle;  background-color: currentColor; -webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center; -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.63 5.84C17.27 5.33 16.67 5 16 5L5 5.01C3.9 5.01 3 5.9 3 7v10c0 1.1.9 1.99 2 1.99L16 19c.67 0 1.27-.33 1.63-.84L22 12l-4.37-6.16z"/></svg>');
mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.63 5.84C17.27 5.33 16.67 5 16 5L5 5.01C3.9 5.01 3 5.9 3 7v10c0 1.1.9 1.99 2 1.99L16 19c.67 0 1.27-.33 1.63-.84L22 12l-4.37-6.16z"/></svg>');
}
a.wpjobportal_tags_a.wjportal-tags-item:hover {
background-color: var(--wpjp-secondary-color);
color: #fff !important;
}
.wjportal-job-company-btn-wrp {
justify-content: center;
flex-wrap: wrap;
display: flex;
width: 100%;
margin-bottom: 20px;
border-radius: 0.75rem;
border: 1px solid rgba(226, 232, 240, 0.8);
box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
padding: 2rem;
gap: 10px;
background-color: var(--wpjp-card-background);
}
a.wjportal-job-act-btn {
display: inline-flex;
transition: all 0.2s ease;
align-items: center;
gap: 8px;
padding: 10px 15px;
font-size: var(--wpjp-body-font-size);
font-weight: 500;
text-decoration: none;
border-radius: 8px;
cursor: pointer;
flex-wrap: wrap;
justify-content: center;
width: 100%;
margin-bottom: 5px;
background-color: var(--wpjp-primary-color);
color: #fff !important;
}
a.wjportal-job-act-btn:hover {
background-color: var(--wpjp-secondary-color);
color: #fff !important;
}
.wjportal-job-detail-about-company-wrap {
width: 100%;
padding: 2rem;
border-radius: 0.75rem;
border: 1px solid rgba(226, 232, 240, 0.8);
box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
background-color: var(--wpjp-card-background);
}
.wjportal-job-detail-about-company-title {
width: 100%;
margin-bottom: 15px;
font-size: var(--wpjp-sub-heading);
font-weight: bold;
color: var(--wpjp-secondary-color);
}
.wjportal-job-detail-about-company-description {
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-body-font-color);
font-weight: normal;
}
a.wjportal-company-view-all-jobs-btn,
.wjportal-company-view-company-btn {
display: inline-flex;
width: 100%;
align-items: center;
padding: 10px 15px;
font-size: var(--wpjp-body-font-size);
font-weight: 500;
text-decoration: none;
border-radius: 8px;
cursor: pointer;
border: 1px solid #e9e9ee;
justify-content: center;
background-color: #fff;
color: var(--wpjp-secondary-color);
margin-top: 20px;
}
.wjportal-company-btn-wrp-viewjobs {
width: 100%;
}
.wjportal-job-detail-about-company-buttons-wrap {
display: flex;
flex-wrap: wrap; }  .wjportal-company-btn-wrp a {
display: inline-flex; align-items: center;
gap: 8px; font-size: var(--wpjp-body-font-size);
} .wjportal-company-btn-wrp a::before {
content: '';
display: inline-block;
width: 20px; height: 20px; background-color: currentColor; -webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
} .wjportal-company-view-all-jobs-btn {
display: inline-flex; align-items: center; gap: 0.6em;
background-color: var(--wpjp-primary-color); color: #ffffff;
border-color: var(--wpjp-primary-color);
}
.wjportal-company-view-all-jobs-btn:hover {
background-color: var(--wpjp-secondary-color);
border-color: var(--wpjp-border-color);
color: #fff;
transform: translateY(-2px);
} .wjportal-company-view-company-btn {
background-color: transparent;
color: var(--wpjp-primary-color);
border-color: var(--wpjp-primary-color);
}
.wjportal-company-view-company-btn:hover {
background-color: var(--wpjp-primary-color, );
color: #ffffff;
}
.wjportal-main-up-wrapper .wjportal-form-wrp.wpjobportal-quickapply-form {
float: left;
width: 100%;
margin-bottom: 20px;
border-radius: 0.75rem;
border: 1px solid rgba(226, 232, 240, 0.8);
box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
padding: 2rem;
background-color: #fffdf7;
}
.wjportal-company-job-viewjob-rightwrp .wjportal-job-company-btn-wrp a.wjportal-job-act-btn-tell,
a.wjportal-job-act-btn-short {
display: inline-flex;
align-items: center;
padding: 10px 10px;
font-size: var(--wpjp-body-font-size);
font-weight: 500;
text-decoration: none;
border-radius: 8px;
cursor: pointer;
border: 1px solid #e9e9ee;
justify-content: center;
background-color: #fff;
color: var(--wpjp-secondary-color);
gap: 10px;
}
a.wjportal-job-act-btn-tell:hover,
a.wjportal-job-act-btn-short:hover {
background-color: var(--wpjp-secondary-color) !important;
color: #fff !important;
}
.wjportal-jobinfo-data.wjportal-job-close-date {
color: #b72e2e;
}  .wjportal-jobinfo-data-view img {
display: none;
} .wjportal-jobinfo-data-view {
display: inline-flex;
align-items: center;
color: var(--wpjp-secondary-color);
font-weight: 500;
}   .wjportal-jobs-list-wrapper.wjportal-applied-jobs-wrp {
width: 100%;
} #no-folder-popup-outer {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(29, 35, 39, 0.6);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
padding: 1rem;
} .wjportal-applied-job-actions-popup {
background: var(--wpjp-card-background);
border-radius: 16px;
box-shadow: var(--wpjp-card-shadow);
width: 100%;
max-width: 400px;
padding: 3rem 2rem;
position: relative;
box-sizing: border-box;
text-align: center;
} #close-section {
position: absolute;
top: 15px;
right: 15px;
width: 28px;
height: 28px;
cursor: pointer;
background-color: var(--wpjp-body-font-color);
border-radius: 50%;
font-size: 0; transition: all 0.2s ease;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
}
#close-section:hover {
background-color: var(--wpjp-primary-color);
transform: rotate(90deg);
} .wjportal-applied-job-actions-popup-norec {
display: flex;
flex-direction: column;
align-items: center;
gap: 1.5rem; font-size: var(--wpjp-body-font-size);
font-weight: 500;
color: var(--wpjp-body-font-color);
} .wjportal-applied-job-actions-popup-norec-link {
display: inline-flex;
align-items: center;
gap: 0.5rem;
background-color: var(--wpjp-primary-color);
color: #fff;
border: none;
border-radius: 8px;
padding: 12px 24px;
font-size: var(--wpjp-body-font-size);
font-weight: 600;
cursor: pointer;
text-decoration: none;
transition: all 0.2s ease;
}
.wjportal-applied-job-actions-popup-norec-link:hover {
background-color: var(--wpjp-secondary-color);
color: #fff !important;
} #add-note-popup-outer {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(29, 35, 39, 0.6);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
padding: 1rem;
} .wjportal-applied-job-actions-popup {
background: var(--wpjp-card-background);
border-radius: 16px;
box-shadow: var(--wpjp-card-shadow);
width: calc(100% - 80px);
max-width: 100%;
margin: 0 40px;
padding: 2.5rem;
position: relative;
box-sizing: border-box;
} #close-section {
position: absolute;
top: 15px;
right: 15px;
width: 28px;
height: 28px;
cursor: pointer;
background-color: var(--wpjp-body-font-color);
border-radius: 50%;
font-size: 0; transition: all 0.2s ease;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
}
#close-section:hover {
background-color: var(--wpjp-primary-color);
transform: rotate(90deg);
} .wjportal-applied-job-actions-wrp {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.wjportal-applied-job-actions-row {
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.wjportal-main-up-wrapper #comments-label {
font-size: var(--wpjp-body-font-size);
font-weight: 600;
color: var(--wpjp-body-font-color);
} .wjportal-main-up-wrapper textarea {
width: 100%;
min-height: 150px;
padding: 12px 16px;
font-size: 1rem;
color: var(--wpjp-body-font-color);
background-color: var(--background-color);
border: 1px solid var(--wpjp-border-color);
border-radius: 8px;
box-sizing: border-box;
resize: vertical;
transition: all 0.2s ease;
}
textarea:focus {
outline: none;
border-color: var(--wpjp-primary-color);
background-color: var(--wpjp-card-background);
box-shadow: 0 0 0 3px var(--wpjp-focus-shadow-color);
} .wjportal-job-applied-actions-btn-wrp {
display: flex;
justify-content: flex-end;
}
.wjportal-job-applied-actions-btn {
display: inline-flex;
align-items: center;
gap: 0.5rem;
background-color: var(--wpjp-primary-color);
color: #fff;
border: none;
border-radius: 8px;
padding: 12px 24px;
font-size: var(--wpjp-body-font-size);
font-weight: 600;
cursor: pointer;
transition: all 0.2s ease;
}
.wjportal-job-applied-actions-btn:hover {
background-color: var(--wpjp-secondary-color);
color: #fff !important;
} .wjportal-job-applied-actions-btn::before {
content: '';
display: block;
width: 1.2em;
height: 1.2em;
background-color: currentColor;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z'/%3E%3C/svg%3E");
}
.wjportal-applied-job-actions-row #comments {
margin: 0px;
padding: 0;
}
.wjportal-applied-job-actions-wrp.wjportal-note-actions-wrp .wjportal-applied-job-actions-row #comments {
padding: 10px;
}
.wjportal-applied-job-actions-row label {
font-size: var(--wpjp-body-font-size);
text-align: justify;
font-weight: 500;
}  .wjportal-visitor-msg-btn-wrp {
width: clamp(300px, 90%, 450px); } #notification-ok { display: flex;
justify-content: space-between;
align-items: center;
gap: 16px; width: 100%; background-color: #f0fdf4; color: #166534; padding: 16px;
border-radius: 10px;
border: 1px solid #4ade80;  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
animation: slideInUp 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
} #notification-ok img {
display: none;
} #popup_message {
display: flex;
align-items: center;
gap: 10px; font-weight: 500;
font-size: 16px;
} #popup_message::before {
content: '';
flex-shrink: 0;
width: 22px;
height: 22px;
background-color: currentColor;  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>');
-webkit-mask-size: contain;
mask-size: contain;
} .applynow-closebutton { background: none;
border: none;
padding: 4px; display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 32px;
height: 32px; color: #166534; font-size: 0; cursor: pointer;
border-radius: 50%;
transition: background-color 0.2s ease, color 0.2s ease;
}
.applynow-closebutton:hover {
background-color: rgba(22, 101, 52, 0.1); } .applynow-closebutton::before {
content: '';
width: 20px;
height: 20px;
background-color: currentColor; -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>');
-webkit-mask-size: contain;
mask-size: contain;
} @keyframes slideInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}    .wjportal-jobs-list-resume-wrp {
position: relative; padding: 1rem; width: 100%;
}
span.wjportal-item-status {
display: inline-block;
padding: 5px 15px;
border-radius: 6px;
font-size: 14px;
font-weight: 500;
color: #fff;
text-transform: capitalize;
}
div#job-applied-resume:hover {
transform: translateY(-5px);
box-shadow: var(--wpjp-card-hover-shadow);
} .wjportal-jobs-list-resume-data {
display: block; } .wjportal-jobs-list-resume-data:not(:last-of-type) {
margin-bottom: 0.75rem;
} .wjportal-jobs-list-resume-tit {
font-weight: 600;
color: var(--wpjp-body-font-color);
margin-right: 0.5rem;
font-size: var(--wpjp-body-font-size);
} .wjportal-jobs-list-resume-val a {
font-weight: 500;
color: var(--wpjp-primary-color);
text-decoration: none;
font-size: var(--wpjp-body-font-size);
}
span.wjportal-jobs-list-resume-val {
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-body-font-color);
}
.wjportal-jobs-list-resume-val a:hover {
text-decoration: underline;
color: var(--wpjp-secondary-color);
} .wjportal-applied-job-resume-status { position: absolute;
top: 50%;
right: 1rem; transform: translateY(-50%);  padding: 8px 18px;
border-radius: 6px; font-size: 14px;
font-weight: 500;
color: #fff;
white-space: nowrap;
} .wjportal-applied-job-resume-status.wjportal-inbox {
background-color: #28a745; } .wjportal-applied-job-resume-status.wjportal-rejected {
background-color: #dc1b18; }
span.wjportal-applied-job-resume-status.statustags.wjportal-shortlist {
background-color: #85a94a;
}
span.wjportal-applied-job-resume-status.statustags.wjportal-spam {
background-color: #e69108;
}
.wjportal-applied-job-resume-status.statustags.wjportal-hired {
background-color: #35811e;
}
.wjportal-applied-job-resume-status.wjportal-primary {
background-color: var(--wpjp-primary-color); }    .wjportal-resume-action-wrp {
display: flex;
flex-wrap: wrap; align-items: center;
gap: 0.75rem;
justify-content: end;
} .wjportal-resume-act-btn {
display: inline-flex;
align-items: center;
gap: 0.5rem; padding: 10px 15px;
border-radius: 6px;
font-weight: 500;
text-decoration: none;
transition: all 0.3s ease;
} .wjportal-resume-act-btn.action-links {
background-color: var(--wpjp-card-background);
color: var(--wpjp-secondary-color);
border: 1px solid var(--wpjp-border-color);
}
.wjportal-resume-act-btn.action-links:hover {
background-color: var(--wpjp-secondary-color); border-color: #ced4da;
color: #fff;
} .wjportal-resume-act-btn[title="view"] {
background-color: var(--wpjp-primary-color);
color: #fff;
border: 1px solid transparent;
}
.wjportal-resume-act-btn[title="view"]:hover {
background-color: var(--wpjp-secondary-color);
color: #fff;
}
.wjportal-view-job-count {
background-color: var(--wpjp-card-background);
color: var(--wpjp-secondary-color);
border: 1px solid var(--wpjp-border-color);
font-weight: 500;
text-decoration: none;
font-size: var(--wpjp-body-font-size);
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 12px 16px;
border-radius: 6px;
transition: background-color 0.3s ease, border-color 0.3s ease;
order: 2;
}
.wjportal-job-listing-description-wrap {
font-size: var(--wpjp-body-font-size);
font-weight: normal;
color: var(--wpjp-body-font-color);
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
width: 100%;
margin-bottom: 5px;
}
span.wjportal-job-listing-description-val p {
font-size: var(--wpjp-body-font-size) !important;
font-weight: normal;
border: none;
}
.wjportal-custom-field-wrp {
font-weight: normal;
width: 100%;
margin-top: -6px;
}   .wjportal-save-search-form-wrp {
background: var(--wpjp-card-background);
border-radius: 12px;
margin-bottom: 1.5rem;
box-shadow: var(--wpjp-card-shadow);
transition: all 0.3s ease-in-out;
border: 1px solid var(--wpjp-border-color);
overflow: hidden;
position: relative;
width: 100%;
padding: 20px;
}
a.wjportal-error-msg-act-btn.wjportal-error-msg-act-login-btn {
color: #fff !important;
}
.wjportal-error-msg-actions-wrp {
display: inline-flex;
align-items: center;
gap: 8px;
}
.wjportal-error-msg-txt {
text-align: center;
font-size: var(--wpjp-sub-heading);
color: var(--wpjp-secondary-color);
font-weight: bold;
width: 100%;
margin-bottom: 15px;
}
.wjportal-resume-listing-skills-data-text {
margin-bottom: 10px;
width: 100%;
} div.wjportal-job-applied-resume-list div#job-applied-resume {
background: var(--wpjp-card-background);
border-radius: 12px;
margin-bottom: 2.5rem;
box-shadow: var(--wpjp-card-shadow);
transition: all 0.3s ease-in-out;
border: 1px solid var(--wpjp-border-color);
overflow: visible;
position: relative;
width: 100%;
}
div.wjportal-job-applied-resume-list div#job-applied-resume .wjportal-resume-middle-wrp {
width: 70%;
}
div.wjportal-job-applied-resume-list div#job-applied-resume .wjportal-resume-right-wrp {
width: 30%;
flex-direction: column;
align-items: flex-end;
}
.wjportal-resume-list {
background: var(--wpjp-card-background);
border-radius: 12px;
margin-bottom: 2.5rem;
box-shadow: var(--wpjp-card-shadow);
transition: all 0.3s ease-in-out;
border: 1px solid var(--wpjp-border-color);
position: relative;
width: 100%;
}
.wjportal-resume-list-top-wrp {
display: flex;
align-items: flex-start;
padding: 24px;
gap: 20px;
width: 100%;
flex-wrap: wrap;
border-radius: 10px;
}
.wjportal-resume-logo {
flex-shrink: 0;
width: 140px;
height: 140px;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
border-radius: 8px;
padding: 5px;
border: 1px solid var(--wpjp-border-color);
}
.wjportal-resume-logo img {
width: 100%;
height: 100%;
object-fit: contain;
position: static;
border-radius: 6px;
}
.wjportal-resume-middle-wrp {
display: flex;
flex-direction: column;
gap: 7px;
width: 80%;
margin-bottom: 8px;
}
.wjportal-resume-data {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem 1rem;
font-weight: 500;
}
span.wjportal-resume-job-type {
display: inline-flex;
align-items: center;
gap: 0.5em;
padding: 5px 15px;
border-radius: 6px;
font-size: 14px;
font-weight: 500;
color: #fff;
text-transform: capitalize;
color: white;
} .wjportal-resume-job-type::before {
content: '';
display: inline-block;
width: 1.1em;
height: 1.1em;
background-color: currentColor;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.wjportal-error-msg-act-btn.wjportal-error-msg-act-login-btn {
background-color: var(--wpjp-primary-color);
color: #fff;
border: 1px solid var(--wpjp-border-color);
font-weight: 500;
text-decoration: none;
font-size: var(--wpjp-body-font-size);
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 10px 15px;
border-radius: 6px;
transition: background-color 0.3s ease, border-color 0.3s ease;
order: 2;
}
.wjportal-error-msg-act-btn.wjportal-error-msg-act-login-btn:hover {
background-color: var(--wpjp-secondary-color);
color: #fff;
}
.wjportal-error-msg-act-btn.wjportal-error-msg-act-register-btn {
background-color: var(--wpjp-secondary-color);
color: #fff;
border: 1px solid var(--wpjp-border-color);
font-weight: 500;
text-decoration: none;
font-size: var(--wpjp-body-font-size);
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 10px 15px;
border-radius: 6px;
transition: background-color 0.3s ease, border-color 0.3s ease;
order: 2;
}
.wjportal-error-msg-act-btn.wjportal-error-msg-act-register-btn:hover {
background-color: var(--wpjp-primary-color);
color: #fff;
}
span.wjportal-resume-name {
font-size: var(--wpjp-sub-heading);
font-weight: 600;
color: var(--wpjp-secondary-color);
text-decoration: none;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-decoration: none !important;
}
span.wjportal-resume-name:hover {
text-decoration: underline !important;
}
span.wjportal-resume-title {
font-size: var(--wpjp-body-font-size);
font-weight: 500;
color: var(--wpjp-primary-color);
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.wjportal-resume-data-text {
color: var(--wpjp-body-font-color);
font-size: var(--wpjp-body-font-size);
display: flex;
align-items: center;
gap: 0.5rem; }
.wjportal-resume-right-wrp {
width: 20%;
display: flex;
flex-wrap: wrap;
justify-content: end;
align-items: flex-start;
}
span.wjportal-resume-status-heading {
font-weight: 600;
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-secondary-color);
}
.wjportal-resume-listing-bottom-full-wrap {
display: flex;
width: 100%;
flex-wrap: wrap;
}
.wjportal-resume-cnt-wrp {
display: flex;
flex-grow: 1;
justify-content: space-between;
flex-wrap: wrap;
width: 70%;
}
.wjportal-resume-list-btm-wrp {
display: flex;
justify-content: end;
align-items: center;
width: 100%;
background-color: var(--background-color);
border-top: 1px solid var(--wpjp-border-color);
padding: 16px 10px;
}
.wjportal-resume-act-btn {
background-color: var(--wpjp-card-background);
color: var(--wpjp-secondary-color);
border: 1px solid var(--wpjp-border-color);
font-weight: 500;
text-decoration: none;
font-size: var(--wpjp-body-font-size);
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 10px 15px;
border-radius: 6px;
transition: background-color 0.3s ease, border-color 0.3s ease;
order: 2;
}
.wjportal-featured-tag-icon-wrp .featurednew-onhover.wjportal-featured-hover-wrp {
background: #e83030;
color: #fff;
padding: 5px 15px;
border-radius: 6px;
font-size: 14px;
font-weight: 500;
text-transform: capitalize;
}
.wjportal-resume-act-btn:hover {
background-color: var(--wpjp-secondary-color);
color: #fff !important;
text-decoration: none;
}
a.wjportal-resume-act-btn.wjportal-resume-act-btn-ai-suggested-jobs {
background-color: var(--wpjp-primary-color);
color: #fff !important;
}
a.wjportal-resume-act-btn.wjportal-resume-act-btn-ai-suggested-jobs:hover {
background-color: var(--wpjp-secondary-color);
color: #fff !important;
text-decoration: none;
} .wjportal-resume-data-title {
display: none;
} .wjportal-resume-data-value {
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-body-font-color);
} .wjportal-resume-data-text::before {
content: '';
display: inline-block;
flex-shrink: 0; width: 18px;
height: 18px;
background-color: var(--wpjp-body-font-color); -webkit-mask-size: cover;
mask-size: cover;
}  .wjportal-resume-data-text.wjportal-jobs-data-icon-class-lcoation::before {
-webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3e%3ccircle cx='12' cy='10' r='3'/%3e%3c/svg%3e");
mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3e%3ccircle cx='12' cy='10' r='3'/%3e%3c/svg%3e");
} .wjportal-resume-data-text.wjportal-jobs-data-icon-class-salary::before {
-webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='12' y1='1' x2='12' y2='23'/%3e%3cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3e%3c/svg%3e");
mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='12' y1='1' x2='12' y2='23'/%3e%3cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3e%3c/svg%3e");
} .wjportal-resume-data-text.wjportal-jobs-data-icon-class-exprience::before {
-webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3crect x='2' y='7' width='20' height='14' rx='2' ry='2'/%3e%3cpath d='M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'/%3e%3c/svg%3e");
mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3crect x='2' y='7' width='20' height='14' rx='2' ry='2'/%3e%3cpath d='M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'/%3e%3c/svg%3e");
} .wjportal-resume-data-text.wjportal-jobs-data-icon-class-category::before {
-webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3e%3cline x1='7' y1='7' x2='7.01' y2='7'/%3e%3c/svg%3e");
mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/%3e%3cline x1='7' y1='7' x2='7.01' y2='7'/%3e%3c/svg%3e");
}
a.wjportal-resume-act-btn-view {
background-color: var(--wpjp-primary-color);
color: #fff;
border: 1px solid var(--wpjp-border-color);
font-weight: 500;
text-decoration: none;
font-size: var(--wpjp-body-font-size);
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 10px 15px;
border-radius: 6px;
transition: background-color 0.3s ease, border-color 0.3s ease;
order: 2;
}
a.wjportal-resume-act-btn-view:hover {
background-color: var(--wpjp-secondary-color);
color: #fff !important;
}
div.wjportal-job-applied-resume div.wjportal-section-heading {
width: 100%;
margin-bottom: 25px;
font-size: var(--wpjp-second-sub-heading);
font-weight: bold;
color: var(--wpjp-secondary-color);
}
.wjportal-applied-job-adv-search-field {
grid-template-columns: 200px 1fr;
gap: 2rem;
margin-bottom: 30px;
align-items: flex-start;
border-bottom: 2px dashed var(--wpjp-border-color);
padding-bottom: 20px;
}
input#btnsubmit-search {
background-color: var(--wpjp-primary-color);
color: #fff;
border: none;
border-radius: 8px;
padding: 10px 15px;
font-size: var(--wpjp-body-font-size);
font-weight: 600;
}
input#btnsubmit-search:hover {
background-color: var(--wpjp-secondary-color);
color: #fff;
}
.wjportal-main-up-wrapper input#reset {
background-color: var(--wpjp-border-color);
color: var(--wpjp-secondary-color);
border: none;
border-radius: 4px;
padding: 10px 15px;
font-size: var(--wpjp-body-font-size);
font-weight: 600;
}
.wjportal-main-up-wrapper input#reset:hover {
background-color: var(--wpjp-secondary-color);
color: #fff !important;
}
.wjportal-applied-job-adv-search-action-wrp {
text-align: center;
}
div#wpjobportal_appliedresume_tab_search {
background-color: var(--wpjp-card-background);
color: var(--wpjp-secondary-color) !important;
border: 1px solid var(--wpjp-border-color);
padding: 30px;
border-radius: 8px;
} .wjportal-resume-act-actions-dropdown {
position: relative;
display: flex;
order: 5;
} .wjportal-resume-act-actions-dropdown-toggle {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 15px;
font-family: inherit;
font-size: var(--wpjp-body-font-size);
font-weight: 500;
color: #374151;
background-color: #ffffff;
border: 1px solid var(--wpjp-border-color);
border-radius: 8px;
cursor: pointer;
transition: all 0.2s ease;
}
.wjportal-resume-act-actions-dropdown-toggle span {
transition: transform 0.2s ease-in-out;
}
.wjportal-resume-act-actions-dropdown-toggle:hover {
background-color: var(--wpjp-secondary-color);
border-color: var(--wpjp-secondary-color);
color: #fff;
} .wjportal-resume-act-actions-dropdown-menu {
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
position: absolute;
right: 0; top:auto;
bottom: calc(100% + 6px); min-width: 220px;
background-color: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 8px;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
z-index: 10;
overflow: hidden;
padding: 6px;
} .wjportal-resume-act-actions-dropdown:hover .wjportal-resume-act-actions-dropdown-menu,
.wjportal-resume-act-actions-dropdown-menu:hover {
opacity: 1;
visibility: visible;
transform: translateY(0);
z-index: 99999;
}
div#job-applied-resume-wrapper.wjportal-job-applied-resume {
position: relative;
z-index: 10;
}
.wjportal-resume-act-actions-dropdown:focus-within .wjportal-resume-act-actions-dropdown-toggle span {
transform: rotate(180deg);
}
.wjportal-resume-act-actions-dropdown:hover .wjportal-resume-act-actions-dropdown-toggle span {
transform: rotate(180deg);
} .wjportal-resume-act-actions-dropdown-menu .wjportal-resume-act-action-links {
display: flex;
align-items: center;
gap: 10px;
width: 100%;
padding: 10px 12px;
border: none;
border-radius: 6px;
background-color: transparent;
text-align: left;
text-decoration: none;
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-body-font-color);
transition: background-color 0.15s ease, color 0.15s ease;
line-height: 1;
}
.wjportal-resume-act-actions-dropdown-menu .wjportal-resume-act-action-links:hover {
background-color: var(--wpjp-secondary-color);
color: #fff;
}
.wjportal-resume-act-actions-dropdown-menu .wjportal-resume-act-action-links svg {
color: #6b7280;
width: 1.1em;
height: 1.1em;
flex-shrink: 0;
}
.wjportal-visitor-msg-btn-wrp input {
background-color: var(--wpjp-secondary-color);
color: #fff;
}
.wjportal-visitor-msg-btn-wrp input:hover {
background-color: var(--wpjp-primary-color);
color: #fff;
}
a.wjportal-resume-act-btn.wjportal-list-act-btn-mark-spam.action-links {
order: 1;
}
a.wjportal-resume-act-btn.wjportal-list-act-btn-mark-not-spam.action-links {
order: 2;
}
a.wjportal-resume-act-btn.wjportal-list-act-btn-mark-rejected.action-links {
order: 3;
}
a.wjportal-resume-act-btn.wjportal-list-act-btn-mark-hired.action-links {
order: 4;
}
button.wjportal-resume-act-actions-dropdown-toggle {
order: 5;
}
a.wjportal-resume-act-btn.wjportal-list-act-btn-view-profile {
order: 6;
}    .wjportal-job-applied-resume-actions {
margin: 50px 0 40px 0;
font-size: var(--wpjp-body-font-size);
}
.wjportal-job-applied-resume-actions ul {
display: flex;
align-items: center;
flex-wrap: wrap; list-style: none;
margin: 0 0 1.5rem 0; padding: 0;
border-bottom: 1px solid var(--wpjp-border-color);
} .wjportal-job-applied-resume-actions li {
margin: 0;
padding: 0;
}    .wjportal-resume-detail-wrapper {
display: flex;
flex-direction: column; gap: 24px;
}
.wjportal-resume-detail-wrapper .wjportal-resume-detail-left-wrapper {
flex: 0 0 320px; position: sticky; top: 4.5rem; align-self: flex-start; overflow: hidden;
border-radius: 8px;
}
.wjportal-resume-detail-wrapper.wjportal-view-page-featured-flag .wjportal-personal-data {
background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, #fcfaf2 100%);
border: 1px solid #ffb63b;
}
.wjportal-resume-detail-wrapper .wjportal-resume-right-wrapper {
flex: 1;
min-width: 0; display: flex;
flex-direction: column;
gap: 10px;
} .wjportal-resume-detail-wrapper .wjportal-resume-left-section {
background-color: var(--wpjp-card-background);
text-align: center;
}
.wjportal-resume-detail-wrapper .wjportal-resume-image img {
width: 200px;
height: 200px;
border-radius: 20px;
object-fit: cover;
border: 1px solid var(--wpjp-border-color);
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
padding: 10px;
}
.wjportal-resume-detail-wrapper .wjportal-personal-data {
background-color: var(--wpjp-card-background);
border: 1px solid var(--wpjp-border-color);
border-radius: 8px;
box-shadow: var(--wpjp-card-shadow);
padding: 20px;
margin-bottom: 24px;
width: 100%;
display: inline-block;
}
.wjportal-resume-detail-wrapper .wjportal-resume-title {
font-size: var(--wpjp-sub-heading);
font-weight: 700;
color: var(--wpjp-secondary-color);
margin-bottom: 10px;
}
.wjportal-resume-detail-wrapper .wjportal-resume-info {
display: flex;
align-items: center;
justify-content: center; gap: 8px;
font-size: calc(var(--wpjp-body-font-size) - 1px); color: var(--wpjp-secondary-color);
margin-bottom: 8px;
word-break: break-all; background-color: var(--wpjp-card-background);
} .wjportal-resume-detail-wrapper .wjportal-resume-info-salary img,
.wjportal-resume-detail-wrapper .wjportal-resume-info-cell img,
.wjportal-resume-detail-wrapper .wjportal-resume-info-email-address img {
display: none;
} .wjportal-resume-detail-wrapper .wjportal-resume-info-salary::before,
.wjportal-resume-detail-wrapper .wjportal-resume-info-cell::before {
content: '';
display: inline-block;
width: 1em; height: 1em; flex-shrink: 0;  background-color: currentColor; opacity: 0.7;  mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
} .wjportal-resume-detail-wrapper .wjportal-resume-info-email-address::before {
content: '';
display: inline-block;
width: 1em; height: 1em; flex-shrink: 0;  background-color: currentColor;
opacity: 0.7;  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'%3E%3C/path%3E%3C/svg%3E");
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
}  .wjportal-resume-detail-wrapper .wjportal-resume-info-salary::before {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="1" x2="12" y2="23"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="1" x2="12" y2="23"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg>');
} .wjportal-resume-detail-wrapper .wjportal-resume-info-cell::before {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M17 1H7c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 18H7V5h10v14z'%3E%3C/path%3E%3C/svg%3E");
} .wjportal-resume-detail-wrapper .wjportal-resume-info img {
width: 16px;
height: 16px;
opacity: 0.7;
} .wjportal-resume-detail-wrapper .wjportal-resume-adv-act-wrp {
align-self: flex-start;
background-color: var(--background-color);
border: 1px solid var(--wpjp-border-color);
border-radius: 8px;
box-shadow: var(--wpjp-card-shadow);
text-align: center;
padding: 2rem 1.2rem;
}
.wjportal-resume-detail-wrapper .wjportal-resume-adv-act-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 10px 15px;
background-color: var(--wpjp-card-background);
color: var(--wpjp-secondary-color);
border: 1px solid var(--wpjp-border-color);
border-radius: 6px;
text-decoration: none;
font-weight: 600;
font-size: var(--wpjp-body-font-size);
transition: all 0.3s ease;
cursor: pointer;
}
.wjportal-resume-detail-wrapper .wjportal-resume-adv-act-btn:hover {
background-color: var(--wpjp-secondary-color);
color: var(--wpjp-card-background);
border-color: var(--wpjp-secondary-color);
}
a.downloadall.wjportal-resume-download-all-btn.wjportal-resume-adv-act-btn {
background-color: var(--wpjp-primary-color);
color: #ffffff;
}
a.downloadall.wjportal-resume-download-all-btn.wjportal-resume-adv-act-btn:hover {
background-color: var(--wpjp-secondary-color);
color: #fff;
} .wjportal-resume-detail-wrapper .wjportal-resume-adv-act-btn::before {
content: '';
display: inline-block;
width: 16px;
height: 16px;
background-color: currentColor;
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
} .wjportal-resume-detail-wrapper .wjportal-resume-adv-act-btn.wjportal-list-act-btn-pdf::before {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm-1 9a1 1 0 11-2 0 1 1 0 012 0zm-3 5.5a.5.5 0 01-.5.5h-1a.5.5 0 01-.5-.5v-4a.5.5 0 01.5-.5h1a.5.5 0 01.5.5v4zm3 0a.5.5 0 01-.5.5h-1a.5.5 0 01-.5-.5v-4a.5.5 0 01.5-.5h1a.5.5 0 01.5.5v4zm3 0a.5.5 0 01-.5.5h-1a.5.5 0 01-.5-.5v-4a.5.5 0 01.5-.5h1a.5.5 0 01.5.5v4z'%3E%3C/path%3E%3C/svg%3E");
}
.wjportal-resume-detail-wrapper .wjportal-resume-adv-act-btn::before {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z'%3E%3C/path%3E%3C/svg%3E"); }
.wjportal-resume-detail-wrapper .wjportal-resume-adv-act-btn.wjportal-list-act-btn-print-resume::before {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z'%3E%3C/path%3E%3C/svg%3E");
}
.wjportal-resume-detail-wrapper .wjportal-resume-download-all-btn::before {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M17 12l-5 5-5-5h3V4h4v8z'%3E%3C/path%3E%3Cpath d='M19 18H5v-2h14v2z'%3E%3C/path%3E%3C/svg%3E"); }
.wjportal-resume-detail-wrapper .wjportal-resume-adv-act-btn.wjportal-list-act-btn-send-message-resume::before {
-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>');
mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>');
} .wjportal-resume-section-records-wrap {
background-color: var(--wpjp-card-background);
border: 1px solid var(--wpjp-border-color);
border-radius: 8px;
box-shadow: var(--wpjp-card-shadow);
padding: 20px;
margin-bottom: 24px;
width: 100%;
}
.wjportal-resume-detail-wrapper .wjportal-resume-section-title {
font-size: var(--wpjp-sub-heading);
font-weight: 700;
color: var(--wpjp-secondary-color);
padding-bottom: 10px;
border-bottom: 2px solid var(--wpjp-primary-color);
margin-bottom: 16px;
}
.wjportal-resume-detail-wrapper .wjportal-resume-inner-sec-heading {
display: flex;
justify-content: space-between;
align-items: center;
font-size: var(--wpjp-sub-heading);
font-weight: 600;
color: var(--wpjp-secondary-color);
margin-bottom: 20px;
background: var(--background-color);
border: 1px solid var(--wpjp-border-color);
padding: 10px;
border-radius: 5px;
padding-left: 2rem;
}
.wjportal-resume-detail-wrapper .resume-map {
float: left;
width: 100%;
padding: 15px;
font-size: var(--wpjp-body-font-size);
border-bottom: 1px solid var(--wpjp-border-color);
margin-right: 10px;
color: var(--wpjp-body-font-color);
} .wjportal-resume-detail-wrapper .wjportal-resume-right-wrapper .wjportal-resume-section-wrapper+.wjportal-resume-section-wrapper[data-section="languages"] {
border-top: 1px dashed var(--wpjp-border-color);
border-radius: 0;
box-shadow: none;
padding: 15px 20px;
margin-bottom: 0;
}
.wjportal-resume-detail-wrapper .wjportal-resume-inner-sec-heading {
font-size: 18px;
font-weight: 600;
color: var(--wpjp-secondary-color);
margin-bottom: 16px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap; gap: 10px;
}
.wjportal-resume-detail-wrapper .wpjp-resume-employer-dates {
font-size: 14px;
font-weight: 500;
color: var(--wpjp-body-font-color);
background-color: #ffffff;
padding: 6px 12px;
border-radius: 4px;
white-space: nowrap;
border: 1px solid var(--wpjp-border-color);
}
.wjportal-resume-detail-wrapper .wjportal-resume-section-wrapper.-resumedetail-sec-data {
padding: 0 !important;
}
.wjportal-resume-detail-wrapper .wjportal-resume-sec-row {
gap: 16px;
margin-bottom: 16px;
}
.wjportal-resume-detail-wrapper .wjportal-resume-sec-row:last-child {
margin-bottom: 0;
}
.wjportal-resume-detail-wrapper .wjportal-resume-sec-data {
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-body-font-color);
line-height: 1.6;
display: flex;
width: 100%;
padding: 15px;
}
.wjportal-resume-detail-wrapper .wjportal-resume-sec-data-title {
font-weight: 600;
color: var(--wpjp-secondary-color);
margin-bottom: 4px;
display: flex;
}
.wjportal-resume-detail-wrapper .wjportal-resume-sec-data-value {
word-break: break-word; } .wjportal-resume-detail-wrapper .wjportal-resume-attachments-wrp .wjportal-resume-sec-data-value {
display: flex;
flex-direction: column;
gap: 8px;
}
.wjportal-resume-detail-wrapper .wjportal-resume-attachments-wrp .wjportal-resume-sec-data-value a.file {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 8px 12px;
background-color: var(--wpjp-secondary-color);
border: 1px solid var(--wpjp-border-color);
border-radius: 6px;
color: #fff;
text-decoration: none;
transition: all 0.3s ease;
}
.wjportal-resume-detail-wrapper .wjportal-resume-attachments-wrp .wjportal-resume-sec-data-value a.file:hover {
background-color: var(--wpjp-primary-color);
border-color: var(--wpjp-primary-color);
color: white;
}
.wjportal-resume-detail-wrapper .wjportal-resume-attachment-filename {
font-weight: 500;
}
.wjportal-resume-detail-wrapper .wjportal-resume-attachment-file-download {
width: 16px;
height: 16px;
} .wjportal-resume-detail-wrapper .resume-map .row-title {
font-size: var(--wpjp-body-font-size);
font-weight: 600;
color: var(--wpjp-secondary-color);
margin-bottom: 8px;
display: flex;
align-items: center;
gap: 6px;
justify-content: space-between;
cursor: pointer;
}
.wjportal-resume-detail-wrapper .resume-map .row-title img {
width: 25px;
height: 25px;
order: 2;
background: aliceblue;
}
.wjportal-resume-detail-wrapper .resume-map .map {
border-radius: 6px;
overflow: hidden;
border: 1px solid var(--wpjp-border-color);
} @media (min-width: 992px) {
.wjportal-resume-detail-wrapper {
flex-direction: row; align-items: flex-start; }
.wjportal-resume-detail-wrapper .wjportal-resume-sec-row:not(.wjportal-resume-row-full-width):not(.wjportal-resume-attachments-wrp) {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 991px) { .wjportal-resume-detail-wrapper .wjportal-resume-detail-left-wrapper {
position: static;
flex-basis: auto; }
}   .wjportal-custom-field.wjportal-resume-sec-data {
float: left;
width: 100%;
padding: 15px;
font-size: var(--wpjp-body-font-size);
border-bottom: 1px solid var(--wpjp-border-color);
margin-right: 10px;
color: var(--wpjp-body-font-color);
}
.wjportal-custom-field-tit.wjportal-resume-sec-data-title {
float: left;
font-weight: 500;
}
.wjportal-custom-field-val.wjportal-resume-sec-data-value {
float: left;
margin-left: 8px; width: calc(100% - 32% - 10px);
}
.wjportal-resume-info {
float: left;
margin: 5px 15px 5px 0;
font-size: var(--wpjp-body-font-size);
display: flex;
align-items: center;
width: 100%;
border: 1px solid rgba(226, 232, 240, 0.8);
box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
padding: 1rem 1rem;
border-radius: 5px;
font-weight: 500;
}
.wjportal-resume-adv-act-wrp {
display: flex;
justify-content: center;
gap: 15px;
flex-wrap: wrap;
width: 100%;
}
.wjportal-resume-detail-wrapper a.wjportal-resume-adv-act-btn {
font-size: var(--wpjp-body-font-size);
display: inline-flex;
transition: all 0.2s ease;
align-items: center;
gap: 8px; font-weight: 500;
text-decoration: none;
border-radius: 8px;
cursor: pointer;
border: 1px solid #e9e9ee;
flex-wrap: wrap;
justify-content: center;
}
a.downloadall.wjportal-resume-download-all-btn.wjportal-resume-adv-act-btn {
order: 1;
}
a.wjportal-resume-adv-act-btn.wjportal-list-act-btn-pdf {
order: 2;
}
a.wjportal-resume-adv-act-btn.wjportal-list-act-btn-print-resume {
order: 3;
}
a.wjportal-resume-adv-act-btn {
order: 4;
}
a.wjportal-resume-adv-act-btn:hover {
background-color: var(--wpjp-secondary-color);
color: #fff;
}   .wjportal-folder-list {
background-color: var(--wpjp-card-background);
border: 1px solid var(--wpjp-border-color);
border-radius: 12px;
box-shadow: var(--wpjp-card-shadow);
transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;
margin-bottom: 3rem;
overflow: hidden;
display: flex;
flex-direction: column;
width: 100%;
}
.wjportal-folder-cnt-wrp {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 24px;
flex-wrap: wrap;
}
.wjportal-folder-middle-wrp {
flex-grow: 1;
display: flex;
flex-direction: column;
gap: 5px;
width: 75%;
}
.wjportal-folder-title {
font-size: var(--wpjp-sub-heading);
color: var(--wpjp-secondary-color);
font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.wjportal-folder-data {
display: flex;
align-items: center;
gap: 2em;
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-body-font-color);
padding: 5px 0;
}
.wjportal-folder-info-data {
padding-bottom: 5px;
} .wjportal-folder-data:nth-child(2) {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.wjportal-folder-info-tit {
display: flex;
align-items: center;
gap: 8px;
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-body-font-color);
} .wjportal-folder-info-tit::before {
content: '';
width: 16px;
height: 16px;
flex-shrink: 0;
background-color: currentColor;
-webkit-mask-size: contain;
mask-size: contain;
} .wjportal-folder-info-data:nth-child(1) .wjportal-folder-info-tit::before {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>');
} .wjportal-folder-info-data:nth-child(2) .wjportal-folder-info-tit::before {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>');
}
span.wjportal-folder-status {
display: inline-block;
padding: 5px 15px;
border-radius: 6px;
font-size: 14px;
font-weight: 500;
color: #fff;
text-transform: capitalize;
}
.wjportal-folder-desc-wrap {
font-size: var(--wpjp-body-font-size);
font-weight: normal;
color: var(--wpjp-body-font-color);
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
width: 100%;
overflow: hidden;
display: flex;
flex-wrap: wrap;
}
input.wjportal-form-wrp.wjportal-resume-form-btn-primary.wjportal-form-btn.wjportal-form-save-btn {
font-size: var(--wpjp-body-font-size);
background-color: var(--wpjp-primary-color);
border: 1px solid var(--wpjp-primary-color);
color: #fff;
padding: 10px 15px;
border-radius: 6px;
font-weight: 500;
letter-spacing: 0;
text-transform: unset;
transition: unset;
}
input.wjportal-form-wrp.wjportal-resume-form-btn-primary.wjportal-form-btn.wjportal-form-save-btn:hover {
background-color: var(--wpjp-secondary-color);
color: #fff;
}
.wjportal-folder-list-btm-wrp {
border-top: 1px solid var(--wpjp-border-color);
padding: 16px 10px;
background-color: var(--background-color);
width: 100%;
} .wjportal-folder-action-wrp {
display: flex;
align-items: center;
gap: 0.75rem;
flex-wrap: wrap;
justify-content: end;
}
.wjportal-folder-act-btn {
font-weight: 500;
border: 1px solid var(--wpjp-border-color);
background-color: var(--wpjp-card-background);
color: var(--wpjp-secondary-color);
font-size: var(--wpjp-body-font-size);
}
.wjportal-folder-act-btn:hover {
background-color: var(--wpjp-secondary-color);
color: #fff !important;
} a.wjportal-folder-act-btn {
background-color: var(--wpjp-card-background);
color: var(--wpjp-secondary-color);
border: 1px solid var(--wpjp-border-color);
font-weight: 500;
text-decoration: none;
font-size: var(--wpjp-body-font-size);
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 10px 15px;
border-radius: 6px;
transition: background-color 0.3s ease, border-color 0.3s ease;
order: 2;
} .wjportal-folder-act-resume-btn {
background-color: var(--wpjp-primary-color);
color: #fff;
}
.wjportal-folder-act-resume-btn:hover,
.wjportal-folder-act-btn.wjportal-folder-act-resume-btn:hover {
background-color: var(--wpjp-secondary-color);
color: #fff;
}
.wjportal-folder-act-btn.wjportal-folder-act-resume-btn {
background-color: var(--wpjp-primary-color);
color: #fff;
}   .wjportal-folderdetail-wrapper {
display: flex;
flex-wrap: wrap;
background: var(--wpjp-card-background);
border-radius: 12px;
margin-bottom: 20px;
box-shadow: var(--wpjp-card-shadow);
transition: all 0.3s ease-in-out;
border: 1px solid var(--wpjp-border-color);
overflow: hidden;
position: relative;
width: 100%;
padding: 16px 20px;
}
.wjportal-folder-data-wrp {
width: 100%;
}
span.wjportal-folder-data-tit {
display: none;
}
.wjportal-folder-sec-title {
font-size: var(--wpjp-second-sub-heading);
color: var(--wpjp-secondary-color);
font-weight: 600;
width: 100%;
}
.wjportal-folder-desc p {
width: 100%;
font-size: var(--wpjp-body-font-size) !important;
color: var(--wpjp-body-font-color);
}    .wjportal-department-list {
background-color: var(--wpjp-card-background);
border: 1px solid var(--wpjp-border-color);
border-radius: 12px; box-shadow: var(--wpjp-card-shadow);
transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;
margin-bottom: 3rem;
overflow: hidden; display: flex;
flex-direction: column;
width: 100%;
}
.wjportal-department-list:hover {
box-shadow: var(--wpjp-card-hover-shadow);
transform: translateY(-5px); } .wjportal-department-cnt-wrp {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 24px;
flex-wrap: wrap;
}
.wjportal-department-middle-wrp {
flex-grow: 1; flex-grow: 1;
display: flex;
flex-direction: column;
gap: 5px;
width: 75%;
}
.wjportal-department-right-wrp {}
.wjportal-department-desc-wrap {
font-size: var(--wpjp-body-font-size);
font-weight: normal;
color: var(--wpjp-body-font-color);
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
width: 100%;
overflow: hidden;
display: flex;
flex-wrap: wrap;
} .wjportal-department-title {
font-size: var(--wpjp-sub-heading);
color: var(--wpjp-secondary-color); font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.wjportal-department-data {
display: grid;
}
.wjportal-department-data:last-child {
margin-bottom: 0;
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-body-font-color);
}
.wjportal-department-info-data {
display: inline-block; margin-right: 1rem;
font-size: var(--wpjp-body-font-size);
color: #6c757d;
padding: 3px 0;
} .wjportal-department-info-tit {
display: inline-flex;
align-items: center;
}
span.wjportal-department-info-tit {
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-body-font-color);
}
.wjportal-department-info-tit {
display: inline-flex;
align-items: center;
gap: 0.5em;
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-body-font-color);
}
.wjportal-department-info-tit::before {
content: '';
display: block;
width: 1.1em;
height: 1.1em; background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z'/%3E%3C/svg%3E"); -webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
}
a.wjportal-companyname {
color: var(--wpjp-primary-color);
font-weight: 500;
text-decoration: none;
transition: color 0.3s ease;
}
.wjportal-companyname:hover {
color: var(--wpjp-secondary-color);
}
.wjportal-department-desc p {
font-size: var(--wpjp-body-font-size) !important;
color: var(--wpjp-body-font-color);
line-height: 1.6;
margin: 0; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; overflow: hidden;
text-overflow: ellipsis;
} .wjportal-department-status {
display: inline-block;
padding: 5px 15px;
border-radius: 6px;
font-size: 14px;
font-weight: 500;
color: #fff;
text-transform: capitalize;
} .wjportal-department-list-btm-wrp {
border-top: 1px solid var(--wpjp-border-color);
padding: 16px 10px;
background-color: var(--background-color);
}
.wjportal-department-action-wrp {
display: flex;
align-items: center;
gap: 0.75rem; flex-wrap: wrap;
justify-content: end;
}
.wjportal-department-act-btn {
background-color: var(--wpjp-card-background);
color: var(--wpjp-secondary-color);
border: 1px solid var(--wpjp-border-color);
font-weight: 500;
text-decoration: none;
font-size: var(--wpjp-body-font-size);
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 10px 15px;
border-radius: 6px;
transition: background-color 0.3s ease, border-color 0.3s ease;
order: 2;
}
.wjportal-department-act-btn:hover {
background-color: var(--wpjp-secondary-color);
color: #fff;
}
.wjportal-department-act-btn.wjportal-list-act-btn-view {
background-color: var(--wpjp-primary-color);
color: #fff;
}
.wjportal-department-act-btn.wjportal-list-act-btn-view:hover {
background-color: var(--wpjp-secondary-color);
color: #fff;
}   .wjportal-departmentdetail-wrapper {
display: flex;
flex-wrap: wrap;
background: var(--wpjp-card-background);
border-radius: 12px;
margin-bottom: 20px;
box-shadow: var(--wpjp-card-shadow);
transition: all 0.3s ease-in-out;
border: 1px solid var(--wpjp-border-color);
overflow: hidden;
position: relative;
width: 100%;
padding: 16px 20px;
}
.wjportal-department-data-wrp {
width: 100%;
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-body-font-color);
padding-top: 5px;
}
.wjportal-department-sec-title {
font-size: var(--wpjp-second-sub-heading);
color: var(--wpjp-secondary-color);
font-weight: 600;
}
span.wjportal-department-data-tit {
display: none;
}
.wjportal-department-data:last-child {
margin-bottom: 0;
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-body-font-color);
padding: 3px 0;
}
.wjportal-departmentdetail-wrapper .wjportal-department-desc p {
display: flex;
flex-wrap: wrap;
background: var(--wpjp-card-background);
border-radius: 12px;
margin-bottom: 20px;
}   span.wjportal-no-coverletter-btn {
font-weight: 500;
text-decoration: none;
font-size: var(--wpjp-body-font-size);
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0px 16px;
border-radius: 6px;
transition: background-color 0.3s ease, border-color 0.3s ease;
order: 2;
border: 1px solid var(--wpjp-border-color);
background-color: var(--wpjp-card-background);
} .wjportal-coverletter-act-btn { background-color: #fff;
color: var(--wpjp-secondary-color);
padding: 10px 18px;
border-radius: 6px;
font-weight: 500;
text-decoration: none;
border: 1px solid var(--wpjp-border-color); display: inline-flex;
align-items: center;
gap: 6px; font-size: var(--wpjp-body-font-size);
margin-top: 5px;
}
.wjportal-coverletter-act-btn:hover {
background-color: var(--wpjp-secondary-color);
color: #fff !important;
text-decoration: none;
} .wjportal-coverletter-act-btn::before {
content: '';
display: inline-block;
width: 16px;
height: 16px;
background-color: currentColor; -webkit-mask-size: cover;
mask-size: cover; -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3e%3cpolyline points='14 2 14 8 20 8'/%3e%3cline x1='16' y1='13' x2='8' y2='13'/%3e%3cline x1='16' y1='17' x2='8' y2='17'/%3e%3c/svg%3e");
mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3e%3cpolyline points='14 2 14 8 20 8'/%3e%3cline x1='16' y1='13' x2='8' y2='13'/%3e%3cline x1='16' y1='17' x2='8' y2='17'/%3e%3c/svg%3e");
} .wjportal-job-applied-resume-actions li a {
display: block;
padding: 10px 15px;
color: var(--wpjp-secondary-color);
text-decoration: none;
font-weight: 600;
border-bottom: 3px solid transparent;
margin-bottom: -1px; transition: color 0.3s ease, border-color 0.3s ease;
border: 1px solid var(--wpjp-border-color);
background: #fafafa;
border-radius: 6px 6px 0 0;
} .wjportal-job-applied-resume-actions li a:not(.selected):hover {
color: var(--wpjp-body-font-color);
}
.wjportal-job-applied-resume-actions li a:hover {
color: #fff !important;
background-color: var(--wpjp-secondary-color);
} .wjportal-job-applied-resume-actions li a.selected {
color: var(--wpjp-primary-color);
font-weight: 600;
border-bottom-color: var(--wpjp-primary-color);
} .wjportal-export-all-btn { margin-left: auto; display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 10px 15px;
border: 1px solid var(--wpjp-border-color);
border-radius: 6px 6px 0 0;
color: var(--wpjp-body-font-color);
text-decoration: none;
font-weight: 500;
transition: all 0.3s ease;
}
.wjportal-export-all-btn:hover {
background-color: var(--wpjp-secondary-color);
border-color: var(--wpjp-secondary-color);
color: #fff !important;
}
.wjportal-export-all-btn svg {
width: 1em;
height: 1em;
}
.wjportal-coverletter-desc-wrap {
font-size: var(--wpjp-body-font-size);
font-weight: normal;
color: var(--wpjp-body-font-color);
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
width: 100%;
overflow: hidden;
display: flex;
flex-wrap: wrap;
}   @media (max-width: 768px) {
.wjportal-job-applied-resume-actions ul {
flex-direction: column; align-items: stretch; border-bottom: none;
}
.wjportal-job-applied-resume-actions li {
width: 100%;
border-bottom: 1px solid var(--wpjp-border-color);
}
.wjportal-job-applied-resume-actions li a {
border-bottom: none; margin-bottom: 0;
}
.wjportal-job-applied-resume-actions li a.selected {
background-color: #f0f5fc; }
.wjportal-export-all-btn {
margin-left: 0;
margin-top: 1rem;
justify-content: center;
}
}  .wjportal-main-up-wrapper #popup-main-outer.sendmessage {
position: fixed; backdrop-filter: blur(4px); display: flex; align-items: center;
justify-content: center;
}
.wjportal-main-up-wrapper #popup-main-outer.sendmessage #popup-main {
width: 100%;
} .wjportal-popup-contentarea .wjportal-popup-field-wrp {
display: flex;
flex-direction: column;
gap: 5px;
}
*/ div#wjportal-listpopup .wjportal-popup-wrp.wjportal-resume-by-catg-popup .wjportal-popup-cnt {
height: 50% !important;
}
.wjportal-form-wrp.wjportal-search-job-form .wjportal-form-row {
width: 100%;
} .wjportal-popup-field .inputbox {
width: 100%;
padding: 12px 15px;
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-body-font-color);
border: 1px solid var(--wpjp-border-color);
border-radius: 8px;
box-sizing: border-box;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.wjportal-popup-field .inputbox::placeholder {
color: #a0a0a0;
} .wjportal-popup-field .inputbox:focus {
outline: none;
border-color: var(--wpjp-primary-color);
box-shadow: 0 0 0 3px rgba(232, 48, 48, 0.15);
}  #wp-jobseekermessage-wrap {
border: 1px solid var(--wpjp-border-color);
border-radius: 8px;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
} #wp-jobseekermessage-wrap:focus-within {
border-color: var(--wpjp-primary-color);
box-shadow: 0 0 0 3px rgba(232, 48, 48, 0.15);
}
#wp-jobseekermessage-editor-container {
border-top: 1px solid var(--wpjp-border-color);
}
.wjportal-main-up-wrapper .wjportal-filter-search-field-wrp ul.wpjobportal-input-list-wpjobportal,
.wjportal-main-up-wrapper .wjportal-form-value ul.wpjobportal-input-list-wpjobportal {
margin: 0;
width: 100%;
overflow-x: auto;
position: relative;
display: flex;
padding: 0;
height: 55px !important;
border: 1px solid #e5e5e5;
border-radius: 8px;
font-family: inherit !important;
}
.wjportal-main-up-wrapper .wpjobportal-input-list-wpjobportal li {
display: flex;
align-items: center;
min-width: fit-content;
margin: 3px;
background-color: transparent;
}
li.wpjobportal-input-token-wpjobportal span {
font-size: var(--wpjp-body-font-size);
}
div.wpjobportal-input-dropdown-wpjobportal {
font-family: inherit !important;
color: var(--wpjp-body-font-color) !important;
}
.wjportal-main-up-wrapper .wpjobportal-input-list-wpjobportal li p {
margin: 0;
background-color: transparent;
}  #wjportal-popup-close-btn:hover {
background-color: var(--wpjp-primary-color);
border-radius: 50%;
}   .wjportal-company-list {
background: var(--wpjp-card-background);
border-radius: 12px;
margin-bottom: 2.5rem;
box-shadow: var(--wpjp-card-shadow);
transition: all 0.3s ease-in-out;
border: 1px solid var(--wpjp-border-color);
overflow: hidden;
position: relative;
width: 100%;
}
.wjportal-company-list:hover {
transform: translateY(-5px);
box-shadow: var(--wpjp-card-hover-shadow);
}
.wjportal-company-list-top-wrp {
display: flex;
align-items: flex-start;
padding: 24px;
gap: 10px;
width: 100%;
}
.wjportal-company-list-wrapper.wjportal-my-company-wrp {
width: 100%;
}
.wjportal-jobs-logo {
flex-shrink: 0;
width: 130px;
height: 130px;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
border-radius: 8px;
padding: 5px;
border: 1px solid var(--wpjp-border-color);
}
.wjportal-company-logo {
flex-shrink: 0;
width: 130px;
height: 130px;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
border-radius: 8px;
padding: 5px;
border: 1px solid var(--wpjp-border-color);
}
.wjportal-company-logo img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
border-radius: 6px;
}
.wjportal-company-middle-wrp {
display: flex;
flex-direction: column;
gap: 12px;
margin-bottom: 8px;
}
span.wjportal-company-title a {
font-size: var(--wpjp-sub-heading);
font-weight: 600;
color: var(--wpjp-secondary-color);
text-decoration: none;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
span.wjportal-company-title a:hover {
text-decoration: underline !important;
}
.wjportal-company-data {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem 1rem;
font-weight: 500;
width: 100%;
font-size: var(--wpjp-body-font-size);
}
span.wjportal-company-data-value {
color: var(---wpjp-body-font-color);
}
.wjportal-company-listing-data-description {
color: var(--wpjp-body-font-color);
font-size: var(--wpjp-body-font-size);
}
.wjportal-company-list-btm-wrp {
justify-content: flex-end;
display: flex;
align-items: center;
width: 100%;
background-color: var(--background-color);
border-top: 1px solid var(--wpjp-border-color);
padding: 16px 10px;
}
.wjportal-company-action-wrp {
display: flex;
flex-wrap: wrap;
justify-content: end;
width: 100%;
align-items: center;
gap: 1rem;
}
a.wjportal-company-act-btn {
background-color: var(--wpjp-card-background);
color: var(--wpjp-secondary-color);
border: 1px solid var(--wpjp-border-color);
font-weight: 500;
text-decoration: none;
font-size: var(--wpjp-body-font-size);
padding: 10px 15px;
}
a.wjportal-company-act-btn:hover {
background-color: var(--wpjp-secondary-color);
color: #fff !important;
text-decoration: none;
}
.wjportal-company-act-btn.wjportal-company-list-view-btn {
background-color: var(--wpjp-primary-color);
color: #fff !important;
}
.wjportal-company-act-btn.wjportal-company-list-view-btn:hover {
background-color: var(--wpjp-secondary-color);
color: #fff !important;
}
.wjportal-payment-action-wrp {
display: flex;
flex-wrap: wrap;
justify-content: end;
width: 100%;
gap: 1rem;
}
span.wjportal-company-data-title {
display: none;
}
.wjportal-company-data-wrp .wjportal-company-data .wjportal-company-data-tit { font-weight: 500;
} .wjportal-company-data-text {
display: flex;
align-items: center;
gap: 8px;
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-body-font-color);
}
.wjportal-company-data-text.wjportal-company-data-text-created span.wjportal-company-data-title,
.wjportal-company-data-text.wjportal-company-data-location span.wjportal-company-data-title,
.wjportal-company-data-text.wjportal-company-data-status span.wjportal-company-data-title {
display: none;
} .wjportal-company-data-text-created::before,
.wjportal-company-data-status::before,
.wjportal-company-data-location::before {
content: '';
display: inline-block;
width: 1.1em;
height: 1.1em;
flex-shrink: 0;
background-color: currentColor; opacity: 0.7;
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
}  .wjportal-company-data-text-created::before {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8z'%3E%3C/path%3E%3Cpath d='M13 7h-2v6l5.25 3.15.75-1.23-4-2.42V7z'%3E%3C/path%3E%3C/svg%3E"); } .wjportal-company-data-status::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8zM11 11h2v6h-2zm0-4h2v2h-2z'%3E%3C/path%3E%3C/svg%3E"); } .wjportal-company-data-location::before {
-webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3e%3ccircle cx='12' cy='10' r='3'/%3e%3c/svg%3e");
mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3e%3ccircle cx='12' cy='10' r='3'/%3e%3c/svg%3e");
}  .wjportal-company-data-text .wjportal-company-data-title,
.wjportal-company-data-text .wjportal-company-data-value {
display: inline-block; vertical-align: top; }
.wjportal-company-data-text .wjportal-company-data-title {
font-weight: 600; color: var(--wpjp-secondary-color); margin-right: 4px; }
.wjportal-company-act-btn { display: inline-flex; align-items: center;
gap: 0.5rem;  background-color: var(--primary-button-bg);
color: var(--primary-button-text);
font-size: 0.9rem;
font-weight: 600;
text-decoration: none;
padding: 10px 16px;
border-radius: 8px;
border: 1px solid #ced4da; transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
} .wjportal-company-action-wrp {
display: flex;
gap: 0.75rem; } .wjportal-company-act-btn {
display: inline-flex;
align-items: center;
padding: 10px 15px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
border-radius: 8px;
border: 1px solid #e0e0e0;
color: #333;
background-color: #fff;
transition: background-color 0.2s ease, color 0.2s ease;
}
.wjportal-company-act-btn:hover {
background-color: #f5f5f5;
}    .wjportal-main-up-wrapper .frontend.updated {
display: flex;
align-items: center;
padding: 15px;
margin: 1rem 0;
font-size: var(--wpjp-body-font-size);
color: #2e7d32;
background-color: #e8f5e9;
border-radius: 8px;
border-left: 5px solid #4caf50; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
width: 100%; animation: fadeIn 0.5s ease-in-out;
}
.wjportal-main-up-wrapper .frontend.updated p {
background-color: transparent;
} .wjportal-main-up-wrapper .frontend.updated::before {
content: '';
flex-shrink: 0; width: 20px;
height: 20px;
margin-right: 0.75rem; background-color: currentColor; -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>');
mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>');
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
} .wjportal-main-up-wrapper .frontend.updated p {
margin: 0;
font-size: 16px;
font-weight: 500;
} @keyframes fadeIn {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}     .job-detail-jobapply-message-wrap {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem;
margin: 1rem 0;
border-radius: 8px;
background-color: #FFFBEB;
border: 1px solid #FEF3C7;
} .job-detail-jobapply-message-msg {
display: flex;
align-items: center;
gap: 0.75rem;
color: #92400E;
font-weight: 500;
}
.job-detail-jobapply-message-msg img {
width: 24px;
height: 24px;
}  .job-detail-jobapply-message-link {
display: inline-flex; align-items: center; gap: 0.5em; padding: 0.6rem 1.2rem;
background-color: #D97706;
color: #FFFFFF;
text-decoration: none;
font-weight: 600;
border-radius: 6px;
white-space: nowrap;
transition: background-color 0.2s ease-in-out;
}
.job-detail-jobapply-message-link:hover {
background-color: var(--wpjp-secondary-color);
color: #fff;
} .job-detail-jobapply-message-link::before {
content: ''; display: block;
width: 1.1em; height: 1.1em;
background-color: currentColor;  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/%3E%3C/svg%3E");
-webkit-mask-size: cover;
mask-size: cover;
}    .wjportal-visitor-msg { display: inline-flex; align-items: center;
gap: 10px; padding: 10px 15px;
border-radius: 8px;
border: 1px solid #facc15; width: 100%; background-color: #fffbeb; color: #854d0e; font-size: 16px;
font-weight: 500;
line-height: 1.5; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
animation: slideDownFade 0.4s ease-out;
}  .wjportal-visitor-msg::before {
content: '';
flex-shrink: 0; width: 20px;
height: 20px; background-color: currentColor; -webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>');
} @keyframes slideDownFade {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}    .wjportal-main-up-wrapper .frontend.error {
display: flex;
align-items: center;
padding: 15px;
margin: 1rem 0;
width: 100%;
color: #c62828; background-color: #ffdfe2; border-radius: 8px;
border-left: 5px solid #d32f2f; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); animation: fadeIn 0.5s ease-in-out;
} .wjportal-main-up-wrapper .frontend.error::before {
content: '';
flex-shrink: 0; width: 20px;
height: 20px;
margin-right: 0.75rem; background-color: currentColor; -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"/></svg>');
mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"/></svg>');
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
} .wjportal-main-up-wrapper .frontend.error p {
margin: 0;
font-size: 16px;
font-weight: 500;
background-color: transparent;
} @keyframes fadeIn {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}    .wjportal-main-up-wrapper .visitor-apply-job-jobinforamtion-message {
display: flex;
align-items: center;
padding: 15px;
margin: 1rem 0;
margin-bottom: 20px;
color: #0d47a1; background-color: #e3f2fd; border-radius: 8px;
border-left: 5px solid #1976d2; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
font-size: 16px;
font-weight: 500; animation: fadeIn 0.5s ease-in-out;
} .wjportal-main-up-wrapper .visitor-apply-job-jobinforamtion-message img {
display: none;
} .wjportal-main-up-wrapper .visitor-apply-job-jobinforamtion-message::before {
content: '';
flex-shrink: 0; width: 20px;
height: 20px;
margin-right: 0.75rem; background-color: currentColor; -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg>');
mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg>');
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
} @keyframes fadeIn {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}   .wjportal-companyinfo-wrp {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem 1rem;
font-weight: 500;
width: 100%;
padding-top: 10px;
font-size: var(--wpjp-body-font-size);
}
.wjportal-companydetail-wrapper.wjportal-view-page-featured-flag .wjportal-company-wrp {
background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, #fcfaf2 100%);
border: 1px solid #ffb63b !important;
}
.wjportal-company-wrp {
display: flex;
align-items: flex-start;
gap: 20px;
width: 100%;
margin-bottom: 25px;
border: 1px solid rgba(226, 232, 240, 0.8);
box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
padding: 24px;
flex-wrap: wrap;
border-radius: 0.75rem;
background-color: white;
overflow: hidden;
position: relative;
}
.wjportal-companyinfo-middle-wrap {
display: flex;
flex-direction: column;
width: 55%;
margin-bottom: 8px;
font-size: var(--wpjp-second-sub-heading);
font-weight: 600;
color: var(--wpjp-secondary-color);
}
.wjportal-companyinfo {
display: inline-flex;
align-items: center;
gap: 0.5rem;
color: var(--wpjp-body-font-color);
font-size: var(--wpjp-body-font-size);
}
div.wjportal-main-up-wrapper span.wjportal-companyinfo-data{
font-size: var(--wpjp-body-font-size);
}
.wjportal-companydetail-wrapper.wjportal-view-page-featured-flag .wjportal-companyinfo {
color: var(--wpjp-secondary-color);
}
.wjportal-companyinfo img {
display: none;
}
.wjportal-company-data-wrp {
width: 100%;
display: flex;
margin-bottom: 25px;
border: 1px solid rgba(226, 232, 240, 0.8);
box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
padding: 24px;
flex-wrap: wrap;
border-radius: 0.75rem;
background-color: white;
}
.wjportal-company-sec-title {
float: left;
width: 100%;
margin-bottom: 15px;
font-size: var(--wpjp-sub-heading);
font-weight: bold;
color: var(--wpjp-secondary-color);
padding-bottom: 10px;
border-bottom: 3px solid var(--wpjp-primary-color);
}
.wjportal-companyinfo-link,
.wjportal-companyinfo-data {
align-items: center;
display: flex;
gap: 10px;
}
a.wjportal-companyinfo-link {
color: var(--wpjp-primary-color);
}
a.wjportal-companyinfo-link:hover {
color: var(--wpjp-secondary-color);
}  .wjportal-show-contact-det-btn,
.wjportal-main-up-wrapper input#jsre_featured_button {
display: inline-flex; align-items: center;
gap: 10px;  background-color: var(--wpjp-primary-color);
color: #ffffff;
border: none;
border-radius: 8px;
padding: 10px 15px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
} .wjportal-show-contact-det-btn:hover,
.wjportal-main-up-wrapper input#jsre_featured_button:hover {
background-color: var(--wpjp-secondary-color);
color: #fff;
} .wjportal-show-contact-det-btn::before,
.wjportal-main-up-wrapper input#jsre_featured_button::before {
content: '';
display: inline-block;
width: 20px; height: 20px;  background-color: currentColor; -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>');
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.wjportal-companydetail-wrapper .wjportal-company-data,
.wjportal-company-data-wrp .wjportal-custom-field {
float: left;
width: calc(100% / 2 - 20px);
padding: 15px;
font-size: var(--wpjp-body-font-size);
border-bottom: 1px solid var(--wpjp-border-color);
}
.wjportal-company-desc {
display: flex;
width: 100%;
}
.wjportal-company-data-wrp .wjportal-custom-field {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem 1rem;
width: 100%;
}
.wjportal-company-data-wrp .wjportal-company-data {
font-weight: normal;
color: var(--wpjp-body-font-color);
width: 100%;
}
.wjportal-companyinfo-social-links-wrapper {
font-size: 25px;
}
a.wjportal-companyinfo-social-link {
display: inline-flex;
align-items: center;
padding: 15px 15px;
font-size: var(--wpjp-body-font-size);
font-weight: 500;
text-decoration: none;
border-radius: 8px;
cursor: pointer;
border: 1px solid #e9e9ee;
justify-content: center;
background-color: #fff;
color: var(--wpjp-secondary-color);
}
a.wjportal-companyinfo-social-link:hover {
background-color: var(--wpjp-secondary-color);
color: #fff;
}
.wjportal-company-btn-wrp {
display: flex;
width: 100%;
justify-content: center;
}
.wjportal-company-act-btn:hover {
background-color: var(--wpjp-secondary-color);
color: #fff !important;
}
.wjportal-popup-wrp.wjportal-packages-popup .wjportal-pkg-item.wjportal-pkg-selected {
border: 1px solid var(--wpjp-primary-color) !important;
}     .wjportal-main-up-wrapper #loginform-custom p {
display: grid;
grid-template-columns: 200px 1fr;
gap: 2rem;
margin-bottom: 30px;
align-items: flex-start;
border-bottom: 2px dashed var(--wpjp-border-color);
padding-bottom: 20px;
width: 100%;
}
.wjportal-main-up-wrapper #loginform-custom p:last-child {
border-bottom: none;
} .wjportal-main-up-wrapper #loginform-custom label {
font-weight: 500;
color: var(--wpjp-secondary-color);
text-align: right;
padding-top: 12px;
font-size: var(--wpjp-body-font-size);
}
.wjportal-main-up-wrapper #loginform-custom p .login-remember {
width: 100%;
align-items: flex-start;
display: grid;
grid-template-columns: 200px 1fr;
} .wjportal-main-up-wrapper #loginform-custom .login-username label::after,
.wjportal-main-up-wrapper #loginform-custom .login-password label::after {
content: ' *';
color: #6742f5;
font-weight: 600;
} .wjportal-main-up-wrapper #loginform-custom .input {
width: 100%;
padding: 12px 16px;
border: 1px solid var(--wpjp-border-color);
border-radius: 8px;
background-color: #f8f9fa; font-size: var(--wpjp-body-font-size);
box-sizing: border-box; transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.wjportal-main-up-wrapper #loginform-custom .input:focus {
outline: none;
border-color: #6742f5;
box-shadow: 0 0 0 3px rgba(103, 66, 245, 0.1);
}  .wjportal-main-up-wrapper #loginform-custom .login-remember { grid-template-columns: 1fr;
background-color: #fdfdfd;
margin-bottom: 0;
border-bottom: unset;
margin-top: 0;
}
.wjportal-main-up-wrapper #loginform-custom .login-remember label {
display: flex;
align-items: center;
font-size: var(--wpjp-body-font-size);
font-weight: 400;
color: var(--wpjp-body-font-color);
cursor: pointer;
margin-top: 0;
padding-top: 0;
}
.wjportal-main-up-wrapper #loginform-custom .login-remember input {
margin-right: 0.5rem;
width: 16px;
height: 16px;
} .wjportal-main-up-wrapper #loginform-custom .login-submit { grid-template-columns: 1fr;
padding: 1.5rem 2rem;
border-bottom: unset;
}
a.wjportal-form-add-comp {
border: 1px solid var(--wpjp-border-color);
padding: 5px 20px;
border-radius: 5px;
background-color: var(--wpjp-background-color);
color: var(--wpjp-secondary-color);
}
a.wjportal-form-add-comp :hover {
background-color: var(--wpjp-primary-color);
color: #fff;
}
.wjportal-error-messages-wrp {
width: 100%;
}
.wjportal-main-up-wrapper #loginform-custom #wp-submit {
width: 100%;
padding: 14px;
font-size: 1rem;
font-weight: 600;
color: #ffffff;
background-color: #6742f5; border: none;
border-radius: 8px;
cursor: pointer;
transition: background-color 0.2s ease, transform 0.1s ease;
}
.wjportal-main-up-wrapper #loginform-custom #wp-submit:hover {
background-color: #5a38d1;
}
.wjportal-main-up-wrapper #loginform-custom #wp-submit:active {
transform: scale(0.99);
} #loginform-custom .wjportal-form-lost-password {
display: block; padding: 1.5rem 2rem;
text-align: center;
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-primary-color);
text-decoration: none;
border-bottom: none; transition: color 0.2s ease;
}
#loginform-custom .wjportal-form-lost-password:hover {
text-decoration: underline;
color: #5a38d1;
} @media (max-width: 600px) {
.wjportal-main-up-wrapper #loginform-custom p { grid-template-columns: 1fr;
gap: 0.75rem; padding: 1.25rem 1.5rem;
}
.wjportal-main-up-wrapper #loginform-custom label { text-align: left;
}
}   div.wjportal-form-wrp div.wjportal-resume-section-wrp div.wjportal-resume-section {
float: left;
width: 100%;
position: relative;
margin-bottom: 20px;
}
div.wjportal-form-wrp div.wjportal-resume-section-wrp div.wjportal-resume-section img.wjportal-resume-section-delete {
position: absolute;
top: 10px;
right: 15px;
cursor: pointer;
}
div.wjportal-form-wrp div.wjportal-resume-section-wrp div.wjportal-resume-section div.wjportal-resume-section-undo {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
z-index: 99999;
display: none;
background: #fff;
opacity: 0.8;
}
.jsundo.wjportal-resume-section-undo img {
vertical-align: middle;
}
div.wjportal-form-wrp div.wjportal-resume-section-wrp div.wjportal-resume-section div.wjportal-resume-section-undo img.wjportal-resume-section-undo-image {
cursor: pointer;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
margin: auto;
}
.section_wrapper.form.wjportal-resume-section.jssection_wrapper.jssection_skills_0 .wjportal-form-row {
border-bottom: 0;
} .wjportal-form-row {
display: grid;
grid-template-columns: 200px 1fr;
gap: 2rem;
margin-bottom: 30px;
align-items: flex-start;
border-bottom: 2px dashed var(--wpjp-border-color);
padding-bottom: 20px;
width: 100%;
}
.wjportal-form-title {
font-weight: 500;
color: var(--wpjp-secondary-color);
text-align: right;
padding-top: 12px;
font-size: var(--wpjp-body-font-size);
}
.wjportal-form-title font {
color: var(--wpjp-primary-color);
margin-left: 4px;
font-weight: bold;
} .wjportal-main-up-wrapper .wjportal-form-input-field,
.wjportal-main-up-wrapper .wjportal-form-select-field,
.wjportal-main-up-wrapper .wjportal-form-textarea-field,
.wpjobportal-input-list-wpjobportal .wjportal-main-up-wrapper .chosen-container-multi .chosen-choices {
width: 100%;
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-body-font-color);
background-color: #fff;
border: 1px solid var(--wpjp-border-color);
border-radius: 8px;
box-sizing: border-box;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
height: 55px;
}
.wjportal-main-up-wrapper .wjportal-form-value .chosen-container-multi .chosen-choices {
width: 100%;
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-body-font-color);
background-color: #fff;
border: 1px solid var(--wpjp-border-color) !important;
border-radius: 8px;
box-sizing: border-box;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
min-height: 55px !important;
display: flex;
align-items: center;
border: 1px solid;
flex-wrap: wrap;
padding: 10px;
}
.wjportal-form-value .chosen-container-multi .chosen-choices li.search-choice {
width: fit-content;
}
.wjportal-form-value .chosen-container-multi .chosen-choices input {
height: 25px !important;
}
.wjportal-main-up-wrapper .wjportal-form-value .chosen-container-multi .chosen-choices li.search-field input[type=text] {
font-family: inherit !important;
color: var(--wpjp-body-font-color) !important;
} .wjportal-form-input-field:focus,
.wjportal-form-select-field:focus,
.wjportal-form-textarea-field:focus,
.wjportal-main-up-wrapper .chosen-container-multi .chosen-choices:focus,
.wpjobportal-input-list-wpjobportal:focus-within {
outline: none;
border-color: var(--wpjp-primary-color);
box-shadow: 0 0 0 3px var(--wpjp-focus-shadow-color);
}
.wjportal-form-value .chosen-container .chosen-results li,
.wjportal-form-value .chosen-container-multi .chosen-choices li.search-choice {
line-height: inherit !important;
}
.wjportal-main-up-wrapper .wjportal-form-value .chosen-container .chosen-results li.active-result {
font-size: var(--wpjp-body-font-size) !important;
color: var(--wpjp-body-font-color) !important;
}
.wjportal-main-up-wrapper .wjportal-form-value .chosen-container .chosen-results li.active-result:hover {
color: #fff !important;
}
.wjportal-form-value .chosen-container .chosen-results li.highlighted {
color: #fff !important;
}
.wjportal-form-value .chosen-container-multi .chosen-drop .result-selected {
font-size: var(--wpjp-body-font-size) !important;
} .wjportal-main-up-wrapper .wjportal-form-select-field,
.wjportal-main-up-wrapper .wjportal-form-value .chosen-container-multi .chosen-choices {
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23656575'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 16px center;
background-size: 1.5em;
padding-right: 40px;
}
.wjportal-form-inner-fields {
margin: 10px 0;
}
.wjportal-main-up-wrapper .wjportal-form-inner-fields .anchor.map-link.wjportal-form-map-link {
margin-top: 10px;
} .wjportal-form-5-fields {
display: flex;
flex-wrap: wrap;
gap: 10px;
width: 100%;
} .wjportal-main-up-wrapper .wjportal-form-symbol {
display: inline-flex;
align-items: center;
justify-content: center;
height: 100%;
padding: 12px 16px;
border: 1px solid var(--wpjp-border-color);
border-radius: 8px;
background-color: var(--background-color);
} .wjportal-main-up-wrapper #wp-description-wrap,
.wjportal-main-up-wrapper .wjportal-form-map {
border: 1px solid var(--wpjp-border-color);
border-radius: 8px;
overflow: hidden;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
#wp-description-wrap:focus-within {
border-color: var(--wpjp-primary-color);
box-shadow: 0 0 0 3px var(--wpjp-focus-shadow-color);
} .wjportal-form-email-field-wrp {
padding: 0 26px 30px 10px;
}
.wpjobportal-form-radio-field input[type="radio"] {
opacity: 0;
position: absolute;
}
.wpjobportal-form-radio-field label {
position: relative;
padding-left: 40px;
cursor: pointer;
font-weight: 500;
color: var(--wpjp-secondary-color);
}
.wpjobportal-form-radio-field label::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
border: 2px solid var(--wpjp-border-color);
border-radius: 50%;
background-color: #fff;
transition: all 0.2s ease;
margin-left: 10px;
}
.wpjobportal-form-radio-field label::after {
content: '';
position: absolute;
left: 5px;
top: 50%;
transform: translateY(-50%) scale(0);
width: 10px;
height: 10px;
border-radius: 50%;
background-color: var(--wpjp-primary-color);
transition: transform 0.2s ease;
margin-left: 10px;
}
.wjportal-main-up-wrapper label#forselected_payment_method {
background: #fff;
}
.wpjobportal-form-radio-field input[type="radio"]:checked+label::before {
border-color: var(--wpjp-primary-color);
}
.wpjobportal-form-radio-field input[type="radio"]:checked+label::after {
transform: translateY(-50%) scale(1);
}
.wjportal-form-email-field-txt {
font-size: 15px;
color: var(--wpjp-body-font-color);
padding-left: 5px;
padding-top: 10px;
}
a.resume_submits.cancel.wjportal-form-wrp.wjportal-resume-form.wjportal-form-btn.wjportal-form-cancel-btn {
background-color: var(--wpjp-card-background);
color: var(--wpjp-body-font-color);
border: 1px solid var(--wpjp-border-color);
font-weight: 500;
text-decoration: none;
font-size: var(--wpjp-body-font-size);
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 10px 15px;
border-radius: 6px;
}
a.resume_submits.cancel.wjportal-form-wrp.wjportal-resume-form.wjportal-form-btn.wjportal-form-cancel-btn:hover {
background-color: var(--wpjp-secondary-color);
color: #ffffff !important;
}
.wpjobportal-terms-and-conditions-wrap,
.wpjobportal-terms-and-conditions-wrap .js-col-md-12.js-form-value {
border-radius: 8px !important;
height: 55px !important;
color: var(--wpjp-body-font-color) !important;
border: 1px solid var(--wpjp-border-color);
padding: 10px 20px;
display: flex;
align-items: center;
margin-bottom: 15px;
background-color: var(--background-color);
}
.wpjp-resume-section-button .wpjobportal-terms-and-conditions-wrap .js-col-md-12.js-form-value {
margin-bottom: 0px;
height: unset;
color: var(--wpjp-body-font-color) !important;
border: 0px;
padding: 0px;
padding-left: 0;
} .wpjobportal-terms-and-conditions-wrap a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 50%;
background-color: var(--background-color);
border: 1px solid var(--wpjp-border-color);
color: var(--wpjp-body-font-color);
text-decoration: none;
transition: all 0.2s ease;
}
.wpjobportal-terms-and-conditions-wrap a:hover {
background-color: var(--wpjp-primary-color);
color: white;
border-color: var(--wpjp-primary-color);
transform: scale(1.1);
} .wpjobportal-terms-and-conditions-wrap img {
display: none;
} .wpjobportal-terms-and-conditions-wrap a::before {
content: '';
width: 20px;
height: 20px;
background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='16' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='8' x2='12.01' y2='8'%3E%3C/line%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='16' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='8' x2='12.01' y2='8'%3E%3C/line%3E%3C/svg%3E");
mask-size: contain;
}
.wjportal-form-wrp.wjportal-job-alert-form .wjportal-form-row.wjportal-form-captcha {
border-bottom: none;
margin-bottom: 0;
}
span.wpjobportal-form-chkbox-field label {
margin: 0;
}
.wjportal-main-up-wrapper span.wpjobportal-form-chkbox-field {
display: flex;
align-items: center;
padding: 1rem;
border: 2px solid var(--wpjp-border-color);
border-radius: 8px;
cursor: pointer;
transition: border-color 0.3s, box-shadow 0.3s, background-color 0.3s;
font-size: 16px;
font-weight: 500;
width: 100%;
}
.wjportal-main-up-wrapper div#input-text-joblink {
width: 100%;
display: none;
}
.wpjobportal-terms-and-conditions-wrap .wpjobportal-form-chkbox-field {
border: unset;
width: unset;
padding-left: 0;
}
.wpjobportal-terms-and-conditions-wrap .wpjobportal-form-chkbox-field label {
margin-bottom: unset;
}
.checkbox-field.wpjp-form-value.wjportal-searchable-wrp span.wpjobportal-form-chkbox-field {
padding-top: 5px !important;
padding: 0px;
border: 0px;
} .wjportal-form-btn-wrp {
display: flex;
justify-content: center;
width: 100%;
gap: 10px;
padding-top: 1.5rem;
font-size: var(--wpjp-body-font-size);
border-top: 1px solid var(--wpjp-secondary-color);
}
.wjportal-main-up-wrapper .wjportal-form-btn,
.wjportal-main-up-wrapper .button.wjportal-form-btn.wjportal-save-btn {
background-color: var(--wpjp-primary-color);
color: #fff;
border: 1px solid var(--wpjp-primary-color);
border-radius: 8px;
padding: 10px 15px;
font-size: var(--wpjp-body-font-size);
font-weight: 600;
cursor: pointer;
transition: all 0.2s ease;
display: inline-flex;
align-items: center;
gap: 8px;
text-transform: none;
line-height: inherit;
}
.wjportal-main-up-wrapper .wjportal-form-btn:hover,
.wjportal-main-up-wrapper .button.wjportal-form-btn.wjportal-save-btn:hover {
background-color: var(--wpjp-secondary-color);
border: 1px solid var(--wpjp-secondary-color);
color: #fff;
text-decoration: none;
}   .wjportal-form-value.has-error {
position: relative;
} .has-error .wjportal-form-input-field.error { border-color: var(--error-color); padding-right: 40px;
}  .has-error .wjportal-form-input-field.error:focus {
outline: none;
border-color: var(--error-color);
box-shadow: var(--error-focus-shadow);
}  .wjportal-main-up-wrapper .has-error::after {
content: '';
position: absolute; top: 14px; right: 12px;
width: 20px;
height: 20px; background-color: var(--error-color); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
mask-size: contain; pointer-events: none;
}
.wjportal-main-up-wrapper .wp-editor-wrap,
.wjportal-main-up-wrapper .wjportal-form-upload {
width: 100%;
} .wjportal-main-up-wrapper .card-container {
max-width: 600px;
width: 100%;
background-color: #ffffff;
padding: 2rem;
border-radius: 12px;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
border: 1px solid #e5e7eb;
}
.wjportal-main-up-wrapper h3 {
font-size: 1.25rem; font-weight: 600; margin-bottom: 1rem;
color: #1f2937; } .wjportal-main-up-wrapper .wjportal-form-value {
display: flex;
flex-wrap: wrap;
gap: 0.75rem; }
div.wjportal-add-job-form .wjportal-form-value{
overflow: hidden;
}
.wjportal-main-up-wrapper input[type="checkbox"] {
display: flex;
align-items: center;
padding: 1rem;
border: 2px solid var(--wpjp-border-color);
border-radius: 8px;
cursor: pointer;
transition: border-color 0.3s, box-shadow 0.3s, background-color 0.3s;
font-size: 16px;
font-weight: 500;
}
.wjportal-main-up-wrapper label#foruf_checkbox1 {
font-weight: 500;
}
.wjportal-main-up-wrapper input[type=file] {
padding: 14px 12px;
border-radius: 0px;
font-size: 15px;
letter-spacing: 0px;
font-weight: 500;
-webkit-box-shadow: none;
box-shadow: none;
color: #171822;
background: #fff;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
border: 1px solid #e5e5e5;
display: block;
width: 100%;
border-radius: 8px;
}
.wjportal-main-up-wrapper div#js_cust_file_ext {
color: var(--wpjp-body-font-color);
width: 100%;
} .wjportal-packages-wrp {
width: 100%;
} .wjportal-main-up-wrapper .alert.alert-danger { width: 100%;
display: flex;
align-items: center;
gap: 1rem; padding: 1rem 1.5rem;
position: relative;  background-color: #fef2f2; color: #991b1b; border: 1px solid #fca5a5; border-left: 5px solid #e53e3e; border-radius: 8px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); font-size: 17px;
font-weight: 500;
line-height: 1.6; animation: slideInFade 0.5s ease-out forwards;
} .wjportal-main-up-wrapper .alert-danger img {
display: none;
} .wjportal-main-up-wrapper .alert-danger::before {
content: '';
flex-shrink: 0; width: 24px;
height: 24px; background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
mask-size: contain;
} .wjportal-main-up-wrapper .alert-danger .close { background: none;
border: none;
padding: 0; position: absolute;
top: 0.75rem;
right: 0.75rem; color: #991b1b; opacity: 0.6;
cursor: pointer;
transition: opacity 0.2s ease, transform 0.2s ease;
}
.wjportal-main-up-wrapper .alert-danger .close:hover {
opacity: 1;
transform: scale(1.1);
} .wjportal-main-up-wrapper .alert-danger .close span {
display: block;
width: 24px;
height: 24px;
background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
} @keyframes slideInFade {
from {
opacity: 0;
transform: translateY(-20px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .wjportal-main-up-wrapper .help-block.form-error {
color: var(--error-color);
font-size: 14px;
font-weight: 500;
margin-top: 0.5rem; display: flex;
align-items: center;
gap: 0.5rem;
border: 1px solid #e53e3e;
padding: 5px;
border-radius: 5px;
background: #fff6f6;
} .wjportal-main-up-wrapper .wjportal-form-upload {
background-color: var(--background-color);
border: 2px dashed var(--wpjp-border-color);
border-radius: 12px;
padding: 2rem; display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
transition: all 0.2s ease-in-out;
} .wjportal-main-up-wrapper .wjportal-form-upload:hover {
border-color: var(--wpjp-primary-color);
background-color: #fff;
}
.wjportal-main-up-wrapper a.file,
span.wjportal-form-upload-btn-wrp-txt {
justify-items: center;
border: 1px solid var(--wpjp-border-color);
padding: 5px;
background: white;
border-radius: 5px;
color: black;
font-size: 17px;
margin: 5px;
display: inline-block;
width: 100%;
}
span.wpjobportal-form-chkbox-field label {
font-size: var(--wpjp-body-font-size);
margin-left: 10px;
margin-right: 10px;
}  .wjportal-form-upload .wjportal-form-upload-btn-wrp::before {
content: '';
display: block;
width: 48px;
height: 48px;
margin: 0 auto 1rem;
background-color: var(--wpjp-body-font-color);
transition: background-color 0.2s ease-in-out; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z'/%3E%3C/svg%3E");
}
.wjportal-form-upload:hover .wjportal-form-upload-btn-wrp::before {
background-color: var(--wpjp-primary-color);
width: 48px;
height: 48px;
} .wjportal-form-upload-btn {
position: relative; display: inline-block;
background-color: var(--wpjp-secondary-color);
color: #fff;
padding: 10px 20px;
border-radius: 8px;
font-weight: 500;
cursor: pointer;
overflow: hidden; transition: all 0.2s ease;
}
.wjportal-form-upload-btn:hover {
background-color: var(--wpjp-primary-color);
color: #fff;
} .wjportal-form-upload-btn input[type="file"] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0; cursor: pointer;
} .wjportal-form-help-txt {
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-body-font-color);
margin-top: 0.5rem;
} .wjportal-form-image-wrp {
position: relative;
width: 150px;
height: 150px;
border-radius: 12px;
overflow: hidden;
box-shadow: var(--wpjp-card-shadow);
border: 2px solid #fff;
}
.wjportal-form-image {
width: 100%;
height: 100%;
object-fit: cover; } #wjportal-form-delete-image {
position: absolute;
top: 8px;
right: 8px;
width: 28px;
height: 28px;
background-color: rgba(29, 35, 39, 0.7); border-radius: 50%;
cursor: pointer;
transition: all 0.2s ease;
font-size: 0;  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
}
#wjportal-form-delete-image:hover {
background-color: var(--wpjp-primary-color);
transform: scale(1.1) rotate(90deg);
}
.wjportal-main-up-wrapper div#jsresume_sectionid1,
.wjportal-main-up-wrapper div#jsresume_sectionid2,
.wjportal-main-up-wrapper div#jsresume_sectionid3,
.wjportal-main-up-wrapper div#jsresume_sectionid4,
.wjportal-main-up-wrapper div#jsresume_sectionid5,
.wjportal-main-up-wrapper div#jsresume_sectionid6,
.wjportal-main-up-wrapper div#jsresume_sectionid7,
.wjportal-main-up-wrapper div#jsresume_sectionid8,
.wjportal-main-up-wrapper div#jsresume_sectionid9,
.wjportal-main-up-wrapper div#jsresume_sectionid10,
.wjportal-job-sec-heading {
font-size: var(--wpjp-sub-heading);
font-weight: 700;
color: var(--wpjp-secondary-color);
border-color: var(--wpjp-border-color);
margin-bottom: 40px;
padding: 15px 10px 15px 5px;
border-bottom: 3px dotted var(--wpjp-primary-color);
}
.wjportal-main-up-wrapper .wjportal-form-title label {
font-weight: 500;
color: var(--wpjp-secondary-color);
text-align: right;
font-size: var(--wpjp-body-font-size);
}
.wjportal-resume-section-wrp .form-control {
letter-spacing: 0;
font-size: 15px;
height: 55px;
border: 1px solid var(--wpjp-border-color);
border-radius: 2px;
transition: all 0.4s ease-in-out 0s;
color: #171822;
}
.wjportal-main-up-wrapper .checkbox-field.wpjp-form-value.wjportal-searchable-wrp {
padding-top: 12px;
width: 100% !important;
padding: 12px 15px;
border: 1px solid var(--wpjp-border-color);
border-radius: 8px !important;
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-body-font-color);
background-color: #fff;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
height: 55px !important;
} .wjportal-resume-section-head {
font-size: var(--wpjp-sub-heading);
font-weight: 600;
color: var(--wpjp-secondary-color);
margin-bottom: 20px;
background: var(--background-color);
border: 1px solid var(--wpjp-border-color);
padding: 10px;
border-radius: 5px;
padding-left: 2rem;
}
.wjportal-resume-section-undo {
margin-left: auto;
border: 1px solid var(--wpjp-border-color);
padding: 10px 15px;
border-radius: 6px;
}
a.anchor.map-link.wjportal-form-map-link {
padding: 10px 15px;
border-radius: 6px;
font-weight: 500;
font-size: var(--wpjp-body-font-size);
background-color: var(--wpjp-secondary-color);
color: #fff;
border: 1px solid var(--wpjp-border-color);
}
a.anchor.map-link.wjportal-form-map-link:hover {
background-color: var(--wpjp-primary-color);
color: #fff !important;
}
.wpjp-add-new-section-link.wjportal-resume-add-new-section-btn {
display: inline-flex;
align-items: center;
gap: 8px;
font-weight: 500;
text-decoration: none;
font-size: var(--wpjp-body-font-size);
padding: 10px 15px;
border-radius: 6px;
background-color: var(--wpjp-card-background) #ffffff;
color: var(--wpjp-body-font-color);
border: 1px solid var(--wpjp-border-color);
margin-bottom: 20px;
}
.wpjp-add-new-section-link.wjportal-resume-add-new-section-btn:hover {
background-color: var(--wpjp-secondary-color);
color: #fff !important;
}
label.wjportal-input-box-switch {
padding-top: 12px;
} .wjportal-popup-field-wrp {
display: grid;
grid-template-columns: 1fr 1fr; gap: 1.25rem;
} .wjportal-popup-field input[type="text"],
.wjportal-popup-field textarea {
width: 100%;
padding: 12px 16px;
font-size: 15px;
color: var(--wpjp-body-font-color);
background-color: var(--background-color);
border: 1px solid var(--wpjp-border-color);
border-radius: 8px;
box-sizing: border-box;
transition: all 0.2s ease;
height: 55px;
}
.wjportal-popup-field input[type="text"]::placeholder,
.wjportal-popup-field textarea::placeholder {
color: #999;
}
div.wjportal-form-row div.wjportal-form-value input[type="text"]::placeholder {
color: var(--wpjp-body-font-color) !important;
font-size: var(--wpjp-body-font-size) !important;
}
.wjportal-popup-field input[type="text"]:focus,
.wjportal-popup-field textarea:focus {
outline: none;
border-color: var(--wpjp-primary-color);
background-color: var(--wpjp-card-background);
box-shadow: 0 0 0 3px var(--wpjp-focus-shadow-color);
}
.wjportal-popup-field input[disabled] {
background-color: #f1f1f1;
color: #888;
cursor: not-allowed;
} .wjportal-popup-fullwidth {
grid-column: 1 / -1;
text-align: left;
}
.wjportal-popup-field textarea {
min-height: 120px;
resize: vertical;
} .wjportal-visitor-msg-btn-wrp {
display: flex;
justify-content: flex-end;
margin-top: 1.5rem;
width: 100%;
}
.wjportal-visitor-msg-btn {
display: inline-flex;
align-items: center;
gap: 0.5rem;
background-color: var(--wpjp-primary-color);
color: #fff;
border: none;
border-radius: 8px;
padding: 12px 24px;
font-size: var(--wpjp-body-font-size);
font-weight: 600;
cursor: pointer;
text-decoration: none;
transition: all 0.2s ease;
}
.wjportal-visitor-msg-btn:hover {
background-color: var(--wpjp-secondary-color);
color: #fff !important;
} .wjportal-pagination-wrp {
display: flex;
justify-content: center;
width: 100%;
align-items: center;
gap: 0.75rem; padding: 2rem 0;
} .wjportal-main-up-wrapper .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
font-weight: 500;
font-size: var(--wpjp-body-font-size); padding: 20px;
border-radius: 12px; transition: all 0.2s ease-in-out;
} .wjportal-main-up-wrapper a.page-numbers {
background-color: var(--wpjp-card-background);
color: var(--wpjp-body-font-color);
border: 1px solid var(--wpjp-border-color);
} .wjportal-main-up-wrapper a.page-numbers:hover {
border-color: var(--wpjp-secondary-color);
background-color: var(--wpjp-secondary-color);
color: #fff !important;
} .wjportal-main-up-wrapper .page-numbers.current {
background-color: var(--wpjp-primary-color);
color: #fff;
font-weight: 600;
box-shadow: var(--wpjp-card-shadow);
cursor: default;
} .wjportal-main-up-wrapper .next.page-numbers::after {
content: '';
display: inline-block;
width: 1.2em;
height: 1.2em;
margin-left: 0.4em;
background-color: currentColor;  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
mask-size: contain;
} .wjportal-save-search-form-wrp {
background-color: var(--wpjp-card-background);
border-radius: 12px;
padding: 1.5rem;
box-shadow: var(--wpjp-card-shadow);
border: 1px solid var(--wpjp-border-color);
max-width: 600px;
margin: 2rem auto; }  .wjportal-save-search-form {
display: flex;
flex-wrap: wrap; align-items: center;
gap: 0.75rem;
position: relative; } .wjportal-save-search-label {
font-weight: 500;
color: var(--wpjp-secondary-color);
text-align: right;
padding-top: 12px;
font-size: var(--wpjp-body-font-size);
flex-shrink: 0; } .wjportal-save-search-input-field {
flex-grow: 1; width: auto;
padding: 12px 16px;
font-size: 1rem;
color: var(--wpjp-body-font-color);
background-color: var(--background-color);
border: 1px solid var(--wpjp-border-color);
border-radius: 8px;
box-sizing: border-box;
transition: all 0.2s ease;
}
.wjportal-save-search-input-field:focus {
outline: none;
border-color: var(--wpjp-primary-color);
background-color: var(--wpjp-card-background);
box-shadow: 0 0 0 3px var(--wpjp-focus-shadow-color);
}  .has-error .wjportal-save-search-input-field.error {
border-color: var(--error-color);
padding-right: 40px; }
.has-error .wjportal-save-search-input-field.error:focus {
box-shadow: 0 0 0 3px rgba(229, 62, 62, 0.25); } .wjportal-save-search-btn {
background-color: var(--wpjp-primary-color);
border-color: 1px solid var(--wpjp-primary-color);
color: #ffffff;
font-size: var(--wpjp-body-font-size);
font-weight: 500;
text-decoration: none;
padding: 10px 15px;
border-radius: 8px
}
.wjportal-save-search-btn:hover {
background-color: var(--wpjp-secondary-color);
border-color: 1px solid var(--wpjp-secondary-color);
color: #ffffff !important;
}
.wjportal-coverletter-list:hover {
transform: translateY(-5px);
box-shadow: var(--wpjp-card-hover-shadow);
}
.wjportal-coverletter-list {
background: var(--wpjp-card-background);
border-radius: 12px;
margin-bottom: 20px;
box-shadow: var(--wpjp-card-shadow);
transition: all 0.3s ease-in-out;
border: 1px solid var(--wpjp-border-color);
overflow: hidden;
position: relative;
width: 100%;
}
.wjportal-coverletter-cnt-wrp {
display: flex;
align-items: flex-start;
padding: 24px;
width: 100%;
flex-wrap: wrap;
}
.wjportal-coverletter-title {
font-size: var(--wpjp-sub-heading);
font-weight: 600;
color: var(--wpjp-secondary-color);
text-decoration: none;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
span.wjportal-coverletter-status {
display: inline-block;
padding: 5px 15px;
border-radius: 6px;
font-size: 14px;
font-weight: 500;
color: #fff;
text-transform: capitalize;
}
span.wjportal-coverletter-info-tit {
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-body-font-color);
display: inline-flex;
align-items: center;
gap: 0.5rem;
}
.wjportal-coverletter-middle-wrp {
display: flex;
flex-direction: column;
gap: 12px;
width: 75%;
margin-bottom: 8px;
}
.wjportal-coverletter-right-wrp {
width: 25%;
flex-shrink: 0;
text-align: right;
display: flex;
flex-direction: column;
align-items: flex-end;
flex-direction: column;
gap: 12px;
}
.wjportal-coverletter-desc-wrap {
font-size: var(--wpjp-body-font-size);
font-weight: normal;
color: var(--wpjp-body-font-color);
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
width: 100%;
overflow: hidden;
display: flex;
flex-wrap: wrap;
}
.wjportal-coverletter-list-btm-wrp {
display: flex;
justify-content: end;
align-items: center;
width: 100%;
background-color: var(--background-color);
border-top: 1px solid var(--wpjp-border-color);
padding: 16px 10px;
}
.wjportal-coverletterdetail-wrapper {
background: var(--wpjp-card-background);
border-radius: 12px;
margin-bottom: 20px;
box-shadow: var(--wpjp-card-shadow);
transition: all 0.3s ease-in-out;
border: 1px solid var(--wpjp-border-color);
overflow: hidden;
position: relative;
width: 100%;
padding: 16px 20px;
}
.wjportal-coverletter-action-wrp {
display: flex;
font-size: var(--wpjp-body-font-size);
flex-wrap: wrap;
align-items: center;
gap: 0.75rem;
}
.wjportal-coverletter-sec-title {
font-size: var(--wpjp-second-sub-heading);
color: var(--wpjp-secondary-color);
font-weight: 600;
}
span.wjportal-coverletter-data-tit {
display: none;
}
.wjportal-coverletter-data {
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-body-font-color);
}
.wjportal-coverletterdetail-wrapper .wjportal-coverletter-data {
padding: 10px 0;
}
.wjportal-coverletter-data-wrp {
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-body-font-color);
}
a.wjportal-coverletter-act-btn-view {
background-color: var(--wpjp-primary-color);
color: #fff !important;
padding: 10px 18px;
border-radius: 6px;
font-weight: 500;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 6px;
}
a.wjportal-coverletter-act-btn-view:hover {
background-color: var(--wpjp-secondary-color);
color: #fff !important;
} .wjportal-coverletter-act-btn-view {
background-color: var(--wpjp-primary-color);
color: #fff;
} .wjportal-coverletter-info-tit::before {
content: '';
display: block;
width: 1.1em; height: 1.1em; background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
} .wjportal-by-type-wrp {
display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 1.5rem;
padding: 2rem;
background-color: var(--background-color);
border-radius: 8px;
} .wjportal-type-row-wrapper,
.wjportal-type-wrapper {
width: 100% !important; }
.wjportal-type-wrapper {
margin-bottom: 15px;
} .wjportal-type-wrapper a { display: flex;
justify-content: space-between;
align-items: center;
padding: 1.5rem; background: linear-gradient(135deg, var(--wpjp-card-background));
border-radius: 16px;
border: 1px solid rgba(255, 255, 255, 0.5);
box-shadow: var(--wpjp-card-shadow);
text-decoration: none;
position: relative;
overflow: hidden;  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
} .wjportal-type-wrapper a::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; transition: opacity 0.3s ease;
}
.wjportal-type-wrapper a:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
border: 1px solid var(--wpjp-primary-color);
}
.wjportal-type-wrapper a:hover::before {
opacity: 1;
} .wjportal-type-title {
font-size: var(--wpjp-body-font-size);
font-weight: 600;
color: var(--wpjp-secondary-color);
z-index: 1; }
.wjportal-type-num {
font-size: 1.5rem;
font-weight: 700;
color: var(--wpjp-primary-color);
background-color: var(--background-color);
border-radius: 50%;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
}  .wjportal-type-wrapper a::after {
content: '→';
position: absolute;
right: 1.5rem;
top: 50%;
transform: translateY(-50%) translateX(-10px);
font-size: 3rem;
color: var(--wpjp-primary-color);
opacity: 0;
transition: all 0.3s ease;
z-index: 1;
}
.wjportal-type-wrapper a:hover .wjportal-type-num {
opacity: 0;
transform: scale(0.8);
}
.wjportal-type-wrapper a:hover::after {
opacity: 1;
transform: translateY(-50%) translateX(0);
}   div#wpjobportal-wrapper {
display: flex;
flex-wrap: wrap;
gap: 10px;
padding: 2rem;
background-color: var(--background-color);
border-radius: 8px;
}
div#wpjobportal-wrapper .wjportal-by-category-wrp {
font-size: var(--wpjp-body-font-size);
margin-bottom: 15px;
justify-content: space-between;
align-items: center;
padding: 1.5rem;
background: linear-gradient(135deg, var(--wpjp-card-background), #fdfdfd);
border-radius: 8px;
border: 1px solid var(--wpjp-border-color);
box-shadow: var(--wpjp-card-shadow);
text-decoration: none;
position: relative;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
div#wpjobportal-wrapper .wjportal-by-category-wrp:hover {
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
border: 1px solid var(--wpjp-primary-color);
}
div#wpjobportal-wrapper .wjportal-by-sub-catagory .wjportal-by-category-wrp:hover {
border: 1px solid var(--wpjp-primary-color);
}
div#wpjobportal-wrapper .wjportal-by-sub-catagory .wjportal-by-category-wrp {
padding: 10px;
}
div#wpjobportal-wrapper .wjportal-by-category-wrp {
margin-bottom: 15px;
justify-content: space-between;
align-items: center;
padding: 1.5rem;
border-radius: 8px;
border: 1px solid var(--wpjp-border-color);
box-shadow: var(--wpjp-card-shadow);
text-decoration: none;
position: relative;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
div#wpjobportal-wrapper .wjportal-by-category-wrp a:hover::before {
opacity: 1;
}
div#wpjobportal-wrapper .wjportal-by-category-wrp a::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; opacity: 0;
transition: opacity 0.3s ease;
}
div#wpjobportal-wrapper .wjportal-popup-wrp.wjportal-resume-by-catg-popup .wjportal-by-sub-catagory {
position: relative;
display: flex;
flex-wrap: wrap;
width: 100%;
box-sizing: border-box;
padding: 10px; background-color: #f9f9f9;
border: 1px solid #eee;
border-radius: 8px;
}
div#wpjobportal-wrapper .wjportal-popup-wrp.wjportal-job-by-catg-popup .wjportal-by-sub-catagory {
position: relative;
display: flex;
flex-wrap: wrap;
width: 100%;
box-sizing: border-box;
padding: 10px;
background-color: #f9f9f9;
border: 1px solid #eee;
border-radius: 8px;
}
div#wpjobportal-wrapper .wjportal-popup-wrp.wjportal-resume-by-catg-popup .wjportal-by-category-wrp {
width: 47% !important;
padding: 8px; box-sizing: border-box;
}
div#wpjobportal-wrapper .wjportal-popup-wrp.wjportal-resume-by-catg-popup .wjportal-by-sub-catagory .wjportal-by-category-wrp {
margin: 10px;
}
div#wpjobportal-wrapper .wjportal-popup-wrp.wjportal-resume-by-catg-popup .wjportal-popup-navigation {
margin-top: 20px;
}
div#wpjobportal-wrapper .wjportal-by-sub-catagory {
margin-top: 15px;
position: absolute;
top: 84%;
left: 0px;
right: 0px;
padding: 10px;
height: auto;
z-index: 9999;
display: block;
width: auto;
box-shadow: 0 0 8px #c9c9c9; background-color: #fff;
z-index: 2147483647;
border-radius: 8px;
}
div#wpjobportal-wrapper a.wjportal-by-category-item-btn {
background-color: var(--wpjp-secondary-color);
color: #fff !important;
font-weight: 500;
text-decoration: none;
font-size: var(--wpjp-body-font-size);
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 10px 15px;
border-radius: 6px;
justify-content: center;
width: 100%;
}
div#wpjobportal-wrapper a.wjportal-by-category-item-btn:hover {
background-color: var(--wpjp-primary-color);
color: #fff !important;
}
div#wpjobportal-wrapper span.wjportal-by-category-item-number {
font-size: var(--wpjp-body-font-size);
font-weight: 700;
color: var(--wpjp-primary-color);
background-color: var(--background-color);
border-radius: 50%;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
margin-left: auto;
}
div#wpjobportal-wrapper .wjportal-by-category-item {
display: flex;
}
div#wpjobportal-wrapper span.wjportal-by-category-item-title {
display: flex;
align-items: center;
color: var(--wpjp-secondary-color);
font-weight: 500;
}
.wjportal-error-msg-image-wrp {
text-align: center;
}
.wjportal-error-msg-image-wrp img{
margin: auto;
max-width: 100%;
}
.wjportal-error-messages-wrp {
text-align: center;
}
div#wpjobportal-wrapper .wjportal-error-messages-wrp {
display: flex;
width: 100%;
flex-wrap: wrap;
justify-content: center;
}
div#wpjobportal-wrapper .wjportal-error-msg-image-wrp {
width: 100%;
justify-items: center;
display: grid;
} .wjportal-popup-contentarea {
background-color: white;
border-radius: 1rem;
padding: 1.5rem;
} .wjportal-popup-contentarea h2 {
font-size: 1.5rem;
font-weight: 700;
color: #1f2937; margin-bottom: 1.5rem;
padding-bottom: 0.75rem;
border-bottom: 1px solid #e5e7eb; } .wjportal-by-sub-catagory {
display: flex;
flex-wrap: wrap; gap: 1rem; } .wjportal-by-category-wrp {
width: 100%;
} @media (min-width: 640px) {
.wjportal-popup-contentarea { } .wjportal-by-category-wrp {
width: calc(50% - 0.5rem);
}
} .wjportal-by-category-wrp a {
display: block;
text-decoration: none;
background-color: #f3f4f6; border-radius: 0.5rem;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
padding: 1rem;
transition: all 0.2s ease-in-out;
height: 100%; } .wjportal-by-category-wrp a:hover {
transform: scale(1.02);
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.06);
} .wjportal-by-category-item {
display: flex;
justify-content: space-between;
align-items: center;
} .wjportal-by-category-item-title {
font-size: var(--wpjp-body-font-size);
font-weight: 600;
color: #374151; transition: color 0.2s;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 80%;
}
.wjportal-by-category-wrp a:hover .wjportal-by-category-item-title {
color: var(--wpjp-primary-color); }
.wjportal-by-category-item-number {
font-size: var(--wpjp-body-font-size);
font-weight: 500;
color: #6b7280; background-color: #e5e7eb; padding: 0.125rem 0.5rem;
border-radius: 9999px;
transition: all 0.2s;
flex-shrink: 0;
}
.wjportal-by-category-wrp a:hover .wjportal-by-category-item-number {} .wjportal-popup-navigation {
display: flex;
border-top: 1px solid #e5e7eb; padding-top: 1rem;
margin-top: 1.5rem;
list-style: none;
padding-left: 0;
}
.wjportal-popup-navigation li {
cursor: pointer;
font-size: var(--wpjp-body-font-size);
font-weight: 500;
color: #6b7280;
padding: 10px;
background-color: #f3f4f6;
border-radius: 4px;
transition: all 0.15s;
}
.wjportal-popup-navigation li:hover {
color: var(--wpjp-primary-color); }   .wjportal-save-search-list {
border-radius: 12px;
display: flex;
flex-direction: column;
background-color: var(--wpjp-card-background);
box-shadow: var(--wpjp-card-shadow);
transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
margin-bottom: 3rem;
overflow: hidden; border: 1px solid var(--wpjp-border-color);
}
.wjportal-save-search-list:hover {
transform: translateY(-5px);
box-shadow: var(--wpjp-card-hover-shadow);
} .wjportal-save-search-content {
padding: 24px;
}
.wjportal-save-search-title {
font-size: var(--wpjp-sub-heading);
font-weight: 600;
color: var(--wpjp-secondary-color);
padding: 24px 10px 0px 24px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.wjportal-save-search-created {
margin-bottom: 15px;
}
.wjportal-save-search-created-text {
display: inline-flex;
align-items: center;
gap: 0.5em;
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-body-font-color);
padding: 10px 10px 0px 24px;
}
.wjportal-save-search-created-text::before {
content: '';
display: block;
width: 1.1em;
height: 1.1em; background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z'/%3E%3C/svg%3E"); -webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
} .wjportal-save-search-action-wrp {
display: flex;
justify-content: flex-end; gap: 12px;
background-color: var(--background-color);
border-top: 1px solid var(--wpjp-border-color);
padding: 16px 10px;
} .wjportal-save-search-act-btn {
background-color: var(--wpjp-primary-color);
color: #fff !important;
border: 1px solid var(--wpjp-border-color);
font-size: var(--wpjp-body-font-size);
font-weight: 500;
padding: 10px 15px;
border-radius: 6px;
transition: background-color 0.3s ease, border-color 0.3s ease;
order: 2;
}
.wjportal-save-search-act-btn-remove {
background-color: var(--wpjp-card-background);
color: var(--wpjp-secondary-color);
border: 1px solid var(--wpjp-border-color);
font-weight: 500;
text-decoration: none;
font-size: var(--wpjp-body-font-size);
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 10px 15px;
border-radius: 6px;
transition: background-color 0.3s ease, border-color 0.3s ease;
order: 2;
}
a.wjportal-save-search-act-btn-remove.wjportal-list-act-btn-delete:hover {
background-color: var(--wpjp-secondary-color);
color: #fff;
}
a.wjportal-save-search-act-btn.wjportal-list-act-btn-view:hover {
background-color: var(--wpjp-secondary-color);
color: #fff;
}
.wjportal-save-search-act-btn,
.wjportal-save-search-act-btn-remove {
color: var(--wpjp-secondary-color);
display: inline-flex; align-items: center; gap: 0.5em; text-decoration: none;
}   .wjportal-messages-list-wrapper {
display: flex; flex-direction: column; gap: 20px; } .wjportal-messages-list {
background-color: var(--wpjp-card-background);
border-radius: 12px;
border: 1px solid var(--wpjp-border-color);
box-shadow: var(--wpjp-card-shadow);
display: flex;
flex-direction: column;
transition: transform 0.3s ease, box-shadow 0.3s ease; } .wjportal-messages-list:hover {
transform: translateY(-5px);
box-shadow: var(--wpjp-card-hover-shadow);
} .wjportal-msg-list-top {
padding-bottom: 15px;
padding: 20PX;
}
.wjportal-msg-name {
font-size: var(--wpjp-sub-heading);
font-weight: 600;
color: var(--wpjp-secondary-color);
} .wjportal-msg-list-btm {
gap: 15px;
flex-wrap: wrap;
display: flex;
border-radius: 0 0 10px 10px;
align-items: center;
width: 100%;
background-color: var(--background-color);
border-top: 1px solid var(--wpjp-border-color);
padding: 16px 10px;
justify-content: end;
} .wjportal-msg-info-data {
font-size: var(--wpjp-body-font-size);
}
.wjportal-msg-info-data-tit {
color: var(--wpjp-secondary-color);
}
.wjportal-msg-info-data-val a {
color: var(--wpjp-primary-color);
text-decoration: none;
font-weight: 500;
transition: opacity 0.2s ease;
}
.wjportal-msg-info-data-val a:hover {
text-decoration: underline;
color: var(--wpjp-secondary-color);
} .wjportal-msg-act-btn {
background-color: var(--wpjp-primary-color);
color: #ffffff;
padding: 10px 18px;
border-radius: 8px;
text-decoration: none;
font-weight: 500;
font-size: 15px;
text-align: center;
white-space: nowrap;
transition: background-color 0.3s ease;
} .wjportal-msg-act-btn:hover {
background-color: var(--wpjp-secondary-color);
color: #fff;
}
.wjportal-msg-act-btn { display: inline-flex; align-items: center;
gap: 8px; padding: 10px 20px; background-color: var(--wpjp-primary-color);
color: #ffffff;
font-size: var(--wpjp-body-font-size);
font-weight: 600;
border-radius: 8px;
text-decoration: none;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); transition: all 0.3s ease;
}  .wjportal-send-message {
background-color: var(--wpjp-card-background);
border: 1px solid var(--wpjp-border-color);
border-radius: 12px; box-shadow: var(--wpjp-card-shadow);
padding: 25px 30px; margin: 25px 0; } .wjportal-send-msg-subject {
font-size: var(--wpjp-sub-heading);
font-weight: 600; color: var(--wpjp-secondary-color);
margin-bottom: 15px;
padding-bottom: 15px; border-bottom: 1px solid var(--wpjp-border-color);
} .wjportal-send-msg-text {
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-body-font-color);
line-height: 1.7; } .wjportal-send-msg-text p {
margin: 0;
font-size: var(--wpjp-body-font-size) !important;
color: var(--wpjp-body-font-color);
line-height: 1.7; }  .wjportal-message-history-wrp {
background-color: var(--wpjp-card-background);
border-radius: 12px;
box-shadow: var(--wpjp-card-shadow);
padding: 25px;
display: flex;
flex-direction: column;
gap: 25px; } .wjportal-msg-history-title {
font-size: var(--wpjp-sub-heading);
font-weight: 600;
color: var(--wpjp-secondary-color);
padding-bottom: 15px;
margin-bottom: 10px;
border-bottom: 1px solid var(--wpjp-border-color);
} .wjportal-msg-history {
display: flex;
align-items: flex-end; gap: 15px; max-width: 85%; } .wjportal-msg-history.mesend {
align-self: flex-end; flex-direction: row-reverse; }
.mesend .wjportal-msg-history-cnt {
background-color: var(--wpjp-card-background);
border: 1px solid var(--wpjp-border-color);
border-radius: 12px;
box-shadow: var(--wpjp-card-shadow); border-radius: 18px 18px 5px 18px;
} .mesend .wjportal-msg-history-name,
.mesend .wjportal-msg-history-created {
color: var(--wpjp-secondary-color);
opacity: 0.9;
}  .wjportal-msg-history-image img {
width: 60px;
height: 60px;
border-radius: 10px;
object-fit: cover;
border: 2px solid var(--wpjp-border-color);
} .wjportal-msg-history-cnt {
padding: 12px 18px;
display: flex;
flex-direction: column;
gap: 8px; } .wjportal-msg-history-top {
display: flex;
align-items: center; flex-wrap: wrap; gap: 15px;  } .wjportal-msg-history-name {
font-weight: 600;
font-size: var(--wpjp-sub-heading);
color: var(--wpjp-body-font-color);
} .wjportal-msg-history-created {
font-size: 13px;
color: #6c757d; white-space: nowrap;
margin-left: auto; }  .wjportal-msg-history-status {
font-size: 12px;
font-weight: 700;
padding: 4px 12px;
border-radius: 5px;
text-transform: uppercase;
letter-spacing: 0.5px;
} .wjportal-msg-history-status.rejected {
background-color: var(--wpjp-primary-color);
color: #ffffff;
} .wjportal-msg-history-status.approved {
background-color: #28a745;
color: #ffffff;
} .wjportal-msg-history-status.pending {
background-color: #eeba1f;
color: #fff;
} .wjportal-msg-history-text {
font-size: var(--wpjp-body-font-size);
line-height: 1.6;
word-break: break-word; color: var(--wpjp-body-font-color);
}
.wjportal-msg-history-cnt.message-other,
.wjportal-msg-history-cnt.message-admin {
background-color: var(--background-color);
border: 1px solid var(--wpjp-border-color);
border-radius: 12px;
box-shadow: var(--wpjp-card-shadow); border-radius: 18px 18px 5px 18px;
}
.wjportal-msg-history-text p {
margin: 0;
background: transparent;
}
.wjportal-msg-history-image {
flex-shrink: 0;
width: 70px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
border-radius: 8px;
padding: 5px;
border: 1px solid var(--wpjp-border-color);
} .wpjobportal-list-item-status-rejected {
border-left: 5px solid #bb0906 !important;
}
.wpjobportal-list-item-status-pending {
border-left: 5px solid #ffa500 !important;
}
.wpjobportal-list-item-status-approved {
border-left: 5px solid #008000 !important;
}
.wpjobportal-list-item-status-no-payment {
border-left: 5px solid #ffa500 !important;
}
.wpjobportal-list-item-is-featured {
background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, #fcfaf2 100%);
}
.wjportal-resume-list.wpjobportal-list-item-is-featured .wjportal-resume-list-top-wrp {
background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, #fcfaf2 100%);
position: relative;
overflow: hidden;
}
.wjportal-resume-list.wpjobportal-list-item-status-no-payment .wjportal-progress-bar-container .wjportal-progress-bar-fill {
background-color: #ffa500;
opacity: 0.3;
}
.wjportal-resume-list.wpjobportal-list-item-status-rejected .wjportal-progress-bar-container .wjportal-progress-bar-fill {
background-color: #bb0906;
opacity: 0.3;
}
.wjportal-resume-list.wpjobportal-list-item-status-approved .wjportal-progress-bar-container .wjportal-progress-bar-fill {
background-color: #008000;
opacity: 0.3;
}
.wjportal-resume-list.wpjobportal-list-item-status-pending .wjportal-progress-bar-container .wjportal-progress-bar-fill {
background-color: #ffa500;
opacity: 0.3;
} .wjportal-packages-list {
display: flex;
flex-direction: column;
align-items: center;
gap: 40px;
margin: auto; padding: 50px;
border-radius: 8px;
} .wjportal-main-up-wrapper #stripe-wrap {
width: 100%;
background-color: #ffffff;
border: 1px solid #e0e0e0;
border-radius: 12px;
padding: 25px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
margin: 0;
} .wjportal-payemt-method-desc-data {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #f0f0f0;
}
.wjportal-payemt-method-desc-data label {
display: flex; align-items: center;
font-size: 16px;
color: #333333;
margin-bottom: 15px;
cursor: pointer;
}
.wjportal-main-up-wrapper #recurringstripe { margin-right: 10px;
transform: scale(1.1);
} .wjportal-payemt-method-desc-txt {
display: block; font-size: 13px;
color: #777777;
line-height: 1.5;
padding-left: 2px; } .wjportal-main-up-wrapper #stripe-form {
display: block;
margin-top: 15px;
width: 100%;
text-align: center;
}
.wjportal-main-up-wrapper div#stripe-wrap form#stripe-form button.stripe-button-el {
display: block;
width: 100%;
text-align: center;
padding: 12px 0;
font-size: 17px !important;
margin-top: 15px;
background-color: #0070ba;
color: #ffffff;
font-size: 17px;
font-weight: bold;
text-decoration: none;
border-radius: 8px;
transition: background-color 0.2s;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.wjportal-main-up-wrapper .stripe-button-el span {
height: unset;
font-size: 17px !important;
}
.wjportal-main-up-wrapper .stripe-button-el span {
background-image: none !important;
background-color: unset !important;
box-shadow: unset !important;
}
.wjportal-main-up-wrapper .stripe-button-el:hover,
.wjportal-main-up-wrapper button.stripe-button-el:hover,
.wjportal-main-up-wrapper .stripe-button-el span:hover {
background: #0f67d6 !important;
}
.wjportal-main-up-wrapper .stripe-button-el {
width: 100%;
} .wjportal-main-up-wrapper .stripe-button-el {
display: block;
width: 100%;
text-align: center;
padding: 12px 0;
background-color: #5469D4; color: #ffffff;
font-size: 17px;
font-weight: bold;
border: none;
border-radius: 8px;
cursor: pointer;
transition: background-color 0.2s, box-shadow 0.2s;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
line-height: 1; }
.wjportal-main-up-wrapper .stripe-button-el:hover {
background-color: #4355a6; } @media (max-width: 600px) {
.wjportal-main-up-wrapper #stripe-wrap {
padding: 15px;
margin: 10px;
border-radius: 8px;
}
.wjportal-main-up-wrapper .stripe-button-el {
font-size: 16px;
padding: 10px 0;
}
} .wjportal-main-up-wrapper #paypal-wrap {
width: 100%;
background-color: #ffffff;
border: 1px solid #e0e0e0;
border-radius: 12px;
padding: 25px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); margin: 0;
} .wjportal-payemt-method-desc-data {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #f0f0f0;
}
.wjportal-payemt-method-desc-data label {
display: flex; align-items: center;
font-size: 16px;
color: #333333;
margin-bottom: 15px;
cursor: pointer;
}
.wjportal-main-up-wrapper #recurringpaypal { margin-right: 10px;
transform: scale(1.1);
} .wjportal-payemt-method-desc-txt {
display: block; font-size: 13px;
color: #777777;
line-height: 1.5;
padding-left: 2px; } .wjportal-payemt-method-desc-btn {
display: block;
width: 100%;
text-align: center;
padding: 12px 20px;
margin-top: 15px;
background-color: #0070ba; color: #ffffff;
font-size: 17px;
font-weight: bold;
text-decoration: none;
border-radius: 8px;
transition: background-color 0.2s;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.wjportal-payemt-method-desc-btn:hover {
background-color: #005ea6; color: #fff;
} @media (max-width: 600px) {
.wjportal-main-up-wrapper #paypal-wrap {
padding: 15px;
margin: 10px;
border-radius: 8px;
}
.wjportal-payemt-method-desc-btn {
font-size: 16px;
padding: 10px 0;
}
} .wjportal-pkg-list-item {
background-color: var(--wpjp-card-background);
border: 1px solid var(--wpjp-border-color);
border-radius: 16px;
box-shadow: var(--wpjp-card-shadow);
display: flex;
flex-direction: column;
transition: transform 0.3s ease, box-shadow 0.3s ease;
position: relative;
overflow: hidden; width: 100%;
border-top: 5px solid;
}
.wjportal-pkg-list-item:hover {
transform: translateY(-10px);
box-shadow: var(--wpjp-card-hover-shadow);
} .wjportal-pkg-list-item.featured::before {
content: 'Most Popular';
position: absolute;
top: 20px;
right: -35px;
background: var(--primary-gradient);
color: white;
padding: 8px 40px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
transform: rotate(45deg);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
} .wjportal-pkg-list-item-top {
display: flex;
justify-content: space-between;
align-items: center;
padding: 25px 30px;
background-color: var(--background-color);
border-bottom: 3px dotted var(--wpjp-primary-color);
}
.wjportal-pkg-list-item-title-txt {
font-size: var(--wpjp-sub-heading);
font-weight: 700;
color: var(--wpjp-secondary-color);
margin-bottom: 5px;
}
span.wjportal-pkg-list-item-disc {
border: 1px solid;
padding: 5px 30px;
border-radius: 6px;
background: black;
color: #fff;
font-weight: 500;
}
.wjportal-pkg-list-item-crt-date {
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-body-font-color);
margin-top: 10px;
}
.wjportal-pkg-list-item-price-txt {
font-size: 32px;
font-weight: 700;
color: var(--wpjp-primary-color);
}
span.wjportal-pkg-list-item-price-discount {
text-decoration: line-through;
padding-right: 10px;
font-size: 17px;
color: #808080;
}
.wjportal-pkg-list-item-price-txt span {
font-size: 16px;
font-weight: 500;
color: var(--wpjp-secondary-color);
} .wjportal-pkg-list-item-mid {
padding: 20px 30px;
flex-grow: 1;
border-top: 1px solid var(--wpjp-border-color);
}
.wjportal-pkg-list-item-data {
display: grid;
grid-template-columns: repeat(2, 1fr); gap: 20px; background-color: var(--wpjp-card-background);
border-radius: 10px;
margin: 20px auto;
}
.wjportal-pkg-list-item-btm {
display: flex;
flex-direction: column;
background-color: var(--background-color);
gap: 15px;
padding: 30px;
border-top: 1px solid var(--wpjp-border-color);
}
.wjportal-packages-list .wjportal-pkg-list-item-act-btn {
color: rgb(255, 255, 255);
text-align: center;
font-weight: 600;
font-size: var(--wpjp-body-font-size);
width: 100%;
background: var(--wpjp-primary-color);
text-decoration: none;
padding: 10px 24px;
border-radius: 8px;
display: flex;
justify-content: center;
}
.wjportal-packages-list .wjportal-pkg-list-item-act-btn:hover {
background-color: var(--wpjp-secondary-color);
color: white;
}
.wjportal-pkg-list-item-exp-date {
font-size: 14px;
font-weight: 500;
color: var(--wpjp-body-font-color);
text-align: center;
border: 1px solid #a66e2d;
background: antiquewhite;
color: #a66e2d;
padding: 5px;
border-radius: 5px;
width: 30%;
margin: auto;
} .wjportal-pkg-list-item-row {
display: flex;
align-items: center; padding: 12px;
border: 1px solid var(--wpjp-border-color);
border-radius: 8px;
background-color: var(--background-color);
transition: all 0.3s ease;
}
.wjportal-pkg-list-item-row:hover {
transform: translateY(-3px);
box-shadow: var(--wpjp-card-shadow);
border-color: var(--wpjp-primary-color);
} .wjportal-pkg-list-item-row::before {
content: '';
display: inline-block;
width: 18px; height: 18px;
margin-right: 12px; background-color: var(--wpjp-primary-color);  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M20 6L9 17l-5-5'/%3e%3c/svg%3e");
mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M20 6L9 17l-5-5'/%3e%3c/svg%3e");
mask-size: contain;
mask-repeat: no-repeat;
} .wjportal-pkg-list-item-row-tit {
color: var(--wpjp-body-font-color);
font-size: var(--wpjp-body-font-size);
white-space: nowrap; }
.wjportal-pkg-list-item-row-val {
color: var(--wpjp-secondary-color);
font-weight: 700;
font-size: var(--wpjp-body-font-size);
margin-left: auto; padding-left: 10px; } .wjportal-pkg-list-item-btm {
display: flex;
flex-direction: column;
gap: 15px;
padding: 30px;
background-color: var(--background-color);
border-top: 1px solid var(--wpjp-border-color);
}
.wjportal-pkg-list-item-action-wrp {
display: flex;
align-items: center;
width: 100%;
} .wjportal-main-up-wrapper p.login-username,
.wjportal-main-up-wrapper p.login-password {
display: grid;
grid-template-columns: 200px 1fr;
gap: 2rem;
margin-bottom: 30px;
align-items: flex-start;
border-bottom: 2px dashed var(--wpjp-border-color);
padding-bottom: 20px;
}
.wjportal-main-up-wrapper .login-username label,
.wjportal-main-up-wrapper p.login-password label {
font-weight: 500;
color: var(--wpjp-secondary-color);
text-align: right;
padding-top: 12px;
font-size: var(--wpjp-body-font-size);
}
.wjportal-form-sec-heading {
font-size: var(--wpjp-second-sub-heading);
font-weight: 700;
margin-bottom: 30px;
color: var(--wpjp-secondary-color);
}
a.wjportal-form-lost-password {
display: block;
text-align: center;
color: var(--wpjp-primary-color);
text-decoration: none;
font-size: 17px;
font-weight: 500;
transition: color 0.3s;
}
.wjportal-form-reg-btn {
display: inline-flex; align-items: center; gap: 0.6em;
background-color: var(--wpjp-card-background);
color: var(--wpjp-secondary-color);
border: 1px solid var(--wpjp-border-color);
font-weight: 500;
font-size: var(--wpjp-body-font-size);
display: inline-flex;
width: 100%;
align-items: center;
gap: 0.5rem;
padding: 10px 15px;
border-radius: 6px;
transition: background-color 0.3s ease, border-color 0.3s ease;
order: 2;
margin-top: 15px;
text-align: center;
} .wjportal-form-reg-btn::before {
content: ''; display: inline-block;
width: 1.2em; height: 1.2em;
background-color: currentColor;  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm-9-2V7H4v3H1v2h3v3h2v-3h3v-2H6zm9 4c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm-9-2V7H4v3H1v2h3v3h2v-3h3v-2H6zm9 4c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
-webkit-mask-size: cover;
mask-size: cover;
}
a.wjportal-form-reg-btn {
justify-content: center;
}
.wjportal-main-up-wrapper input#rememberme {
font-size: var(--wpjp-body-font-size);
}
.wjportal-form-reg-btn:hover {
background-color: var(--wpjp-secondary-color);
color: #fff !important;
}
.wjportal-main-up-wrapper form#loginform-custom p.login-submit {
border-top: 1px solid black;
padding-top: 20px;
margin-bottom: 0;
}
.wjportal-main-up-wrapper form#loginform-custom input#wp-submit {
background-color: var(--wpjp-primary-color);
color: #fff;
border: none;
border-radius: 8px;
padding: 15px 28px;
font-size: var(--wpjp-body-font-size);
font-weight: 600;
cursor: pointer;
transition: all 0.2s ease;
display: inline-flex;
align-items: center;
gap: 8px;
width: 100%;
justify-content: center;
}
.wjportal-main-up-wrapper form#loginform-custom input#wp-submit:hover {
background-color: var(--wpjp-secondary-color);
color: #fff;
}  .wjportal-table-wrp {
width: 100%;
border-collapse: collapse;
background-color: var(--wpjp-card-background);
border-radius: 12px;
box-shadow: var(--wpjp-card-shadow);
overflow: hidden;
table-layout: fixed; }  #wjportal-table th:nth-child(1),
#wjportal-table td:nth-child(1) {
width: 40%; }
#wjportal-table th:nth-child(2),
#wjportal-table td:nth-child(2) {
width: 15%; }
#wjportal-table th:nth-child(3),
#wjportal-table td:nth-child(3) {
width: 10%; }
#wjportal-table th:nth-child(4),
#wjportal-table td:nth-child(4) {
width: 10%; }
#wjportal-table th:nth-child(5),
#wjportal-table td:nth-child(5) {
width: 15%; }
#wjportal-table th:nth-child(6),
#wjportal-table td:nth-child(6) {
width: 10%; } #wjportal-table thead th {
background-color: var(--background-color);
padding: 1rem 1.5rem;
font-size: 14px;
font-weight: 600;
color: var(--wpjp-secondary-color);
text-align: left;
text-transform: uppercase;
letter-spacing: 0.5px;
border-bottom: 2px solid var(--wpjp-border-color);
} #wjportal-table tbody tr {
border-bottom: 1px solid var(--wpjp-border-color);
transition: background-color 0.2s ease;
}
#wjportal-table tbody tr:last-of-type {
border-bottom: none;
}
#wjportal-table tbody tr:hover {
background-color: var(--background-color);
} #wjportal-table td {
padding: 1rem 1.5rem;
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-body-font-color);
vertical-align: middle; }
.wjportal-my-invoices-list-wrapper table td>a {
padding: 1rem 0;
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-primary-color);
vertical-align: middle;
box-shadow: unset;
}
.wjportal-my-invoices-list-wrapper table td>a:hover {
color: var(--wpjp-secondary-color);
text-decoration: underline;
} .wjportal-my-invoices-list-payment-method-type {
display: inline-block;
padding: 6px 12px;
font-size: 13px;
font-weight: 500;
border-radius: 8px;
}
.wjportal-paypal {
background-color: #e3f2fd;
color: #1565c0;
}  .wjportal-main-up-wrapper ::selection {
background-color: var(--wpjp-primary-color);
color: #fff;
} .wjportal-popup-cnt {
background-color: var(--wpjp-card-background);
border-radius: 20px; padding: 32px;
width: 100%;
position: relative; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.05); border-top: 4px solid transparent;
border-image: linear-gradient(to right, var(--wpjp-primary-color), var(--wpjp-secondary-color)) 1; animation: slideInFade 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
max-height: 600px;
overflow-x: hidden;
overflow-y: auto;
} #wjportal-popup-close-btn {
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
opacity: 0.5;
transition: opacity 0.2s ease, transform 0.2s ease;
background-color: var(--wpjp-secondary-color);
border-radius: 50%;
}
#wjportal-popup-close-btn:hover {
opacity: 1;
transform: scale(1.1) rotate(90deg); } .wjportal-popup-title { font-size: var(--wpjp-second-sub-heading);
color: var(--wpjp-secondary-color);
font-weight: 700; }
.wjportal-popup-title2 {
font-size: var(--wpjp-second-sub-heading);
font-weight: 700; color: var(--wpjp-secondary-color);
position: relative;
display: inline-block; } .wjportal-popup-title2::after {
content: '';
position: absolute;
bottom: -8px;
left: 50%;
transform: translateX(-50%);
width: 100%;
height: 3px;
background: linear-gradient(to right, var(--wpjp-primary-color), var(--wpjp-secondary-color));
border-radius: 2px;
} .wjportal-popup-field {
margin-bottom: 20px;
}
.wjportal-popup-field label {
display: block;
font-weight: 500;
margin-bottom: 8px;
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-body-font-color);
}
.wjportal-popup-field textarea {
width: 100%;
padding: 12px 16px;
border: 1px solid var(--wpjp-border-color);
border-radius: 12px; font-size: var(--wpjp-body-font-size);
background-color: var(--background-color);
transition: all 0.3s ease;
resize: vertical;
box-sizing: border-box;
} .wjportal-popup-field textarea:focus {
outline: none;
border-color: var(--wpjp-primary-color);
background-color: var(--wpjp-card-background);
box-shadow: 0 0 0 4px rgba(232, 48, 48, 0.1);
} .wjportal-container-small {
display: flex;
justify-content: center; border: 1px solid var(--wpjp-border-color);
padding: 10px 10px 5px 10px;
border-radius: 8px;
background: var(--wpjp-card-background);
} a.wjportal-visitor-msg-btn {
display: inline-flex; align-items: center; gap: 0.6em;  background-image: linear-gradient(45deg, var(--wpjp-primary-color) 0%, var(--wpjp-primary-color-light) 100%);
color: #fff;
padding: 10px 15px;
border-radius: 8px;
text-decoration: none;
font-weight: 600;
font-size: var(--wpjp-body-font-size);
border: none;
cursor: pointer;
text-align: center;
width: 100%;
transition: all 0.3s ease;
justify-content: center;
} div#wjportal-listpopup .wjportal-visitor-msg-btn::before {
content: '';
display: block;
width: 1.2em;
height: 1.2em;
background-color: currentColor;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V18h14v-1.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V18h6v-1.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V18h14v-1.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V18h6v-1.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E");
-webkit-mask-size: cover;
mask-size: cover;
} @keyframes slideInFade {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
} #wjportal-popup-background {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;  z-index: 999998;
display: none;
}
#wjportal-popup-background::before {
content: ''; position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to bottom, var(--wpjp-primary-color), var(--wpjp-secondary-color));
z-index: -1;
border-radius: 8px;
opacity: 0.85; } .wjportal-popup-wrp {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
border-radius: 8px;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
z-index: 999999;
display: none;
overflow: hidden;
width: 50%;
} .wjportal-payemt-methods-wrp {
display: flex;
justify-content: center; gap: 20px; flex-wrap: wrap; padding: 20px 0;
} .wjportal-payemt-method-item {
position: relative; display: flex;
align-items: center;
justify-content: center;
width: 200px;
padding: 20px;
border: 1px solid var(--wpjp-border-color, #e9ecef);
border-radius: 12px;
background-color: var(--wpjp-card-background, #ffffff);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
cursor: pointer;
overflow: hidden;
transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
} .wjportal-payemt-method-item img {
max-width: 120px;
height: auto;
object-fit: contain; filter: grayscale(100%);
opacity: 0.7;
transition: filter 0.2s ease, opacity 0.2s ease;
}
.wjportal-payemt-method-item img:hover {
transform: scale(1.05);
} .wjportal-payemt-method-stripe {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
} .wjportal-payemt-method-stripe form {
display: flex;
justify-content: center;
align-items: center;
margin: 0;
}
.wjportal-main-up-wrapper .stripe-button-el:hover,
.wjportal-main-up-wrapper button.stripe-button-el:hover {
background: #0f67d6 !important;
} .wjportal-main-up-wrapper .stripe-button-el>span,
.wjportal-main-up-wrapper button.stripe-button-el>span {
display: inline-block !important;
padding: 0 !important;
margin: 0 !important;
} .wjportal-payment-act-btn {
background: var(--wpjp-primary-color);
color: #fff;
border: none;
border-radius: 6px;
padding: 10px 18px;
font-weight: 600;
cursor: pointer;
}
.wjportal-payment-act-btn:hover {
background: var(--wpjp-secondary-color);
color: #fff;
} @media (max-width: 480px) {
.wjportal-popup-wrp {
width: 90%;
padding: 0;
}
.wjportal-payemt-methods-wrp {
flex-direction: column;
gap: 15px;
}
.wjportal-payemt-method-item img {
width: 120px;
}
} @media (max-width: 768px) { #wjportal-table th,
#wjportal-table td {
width: 100% !important; } #wjportal-table thead {
display: none;
} #wjportal-table tr {
display: block;
margin-bottom: 3rem;
border-bottom: 2px solid var(--wpjp-border-color);
padding: 15px;
}
#wjportal-table tr:last-of-type {
margin-bottom: 0;
}
#wjportal-table td {
display: block;
text-align: right;
padding: 0.75rem 1rem;
border-bottom: 1px dotted var(--wpjp-border-color);
}
#wjportal-table td:last-child {
border-bottom: none;
} #wjportal-table td::before {
content: attr(data-th);
float: left;
font-weight: 600;
color: var(--wpjp-secondary-color);
}
} @media (max-width: 768px) {
.wjportal-popup-field-wrp {
grid-template-columns: 1fr; }
} @media (max-width: 768px) {
.wjportal-form-row {
grid-template-columns: 1fr;
gap: 0.5rem;
}
.wjportal-form-title {
text-align: left;
padding-top: 0;
}
.wjportal-form-btn-wrp {
justify-content: center;
font-size: var(--wpjp-body-font-size);
}
.wjportal-form-btn {
width: 100%;
justify-content: center;
}
div.wjportal-jobdetail-wrapper div.wjportal-job-company-wrp div.wjportal-job-company-cnt {
width: 100%;
padding-left: 0;
}
.wjportal-filter-search-field-wrp{width:100%;}
.wjportal-jobs-right-wrp{
text-align: start;
}
}   @media (max-width: 480px) {
.wjportal-company-list-top-wrp {
flex-wrap: wrap;
}
.wjportal-jobs-list-top-wrp {
flex-wrap: wrap;
}
.wjportal-resume-list-top-wrp {
flex-wrap: wrap;
}
.wjportal-newest-jobs-date {
margin-bottom: 15px;
}
.wjportal-jobs-list-btm-wrp {
flex-wrap: wrap;
}
.wjportal-jobs-right-wrp {
align-items: flex-start;
width: 100%;
}
.wjportal-packages-list {
padding: 5px;
}
.wjportal-department-cnt-wrp {
flex-wrap: wrap;
}
.wjportal-department-desc-wrap {
padding-top: 10px;
}
.wjportal-form-btn-wrp{flex-wrap: wrap;}
div#wpjobportal-wrapper{padding:0;}
.wjportal-newest-jobs-date{width:100%;}
div.wjportal-job-applied-resume-list div#job-applied-resume .wjportal-resume-middle-wrp{
width:55%;
flex: 1 1 auto;
}
div.wjportal-job-applied-resume-list div#job-applied-resume .wjportal-resume-right-wrp{
width:45%;
flex: 1 1 auto;
}
.wjportal-company-job-viewjob-leftwrp{
min-width: unset;
}
}
@media (max-width: 650px) {
.wjportal-jobs-list-top-wrp {
flex-wrap: wrap;
}
.wjportal-job-listing-description-wrap {
width: 100%;
}
.wjportal-jobs-right-wrp {
gap: 5px;
}
.wjportal-coverletter-cnt-wrp {
flex-wrap: wrap;
}
.wjportal-coverletter-middle-wrp {
width: 100%;
}
.wjportal-coverletter-right-wrp {
width: 100%;
align-items: flex-start;
}
.wjportal-coverletter-action-wrp {
justify-content: end;
}
.wjportal-company-list-top-wrp {
flex-wrap: wrap;
}
.wjportal-pkg-list-item-top {
flex-wrap: wrap;
}
.wjportal-pkg-list-item-exp-date {
width: 100%;
}
.wjportal-department-middle-wrp {
width: 100%;
}
.wjportal-pkg-list-item-row-tit {
white-space: unset;
}
.wjportal-by-categories-row-wrp {
grid-template-columns: repeat(1, 1fr) !important;
}
}
.wjportal-by-categories-row-wrp {
display: flex;
flex-wrap: wrap;
width: 100%;
gap: 15px;
align-items: flex-start;
}
@media (max-width: 768px) {
.wjportal-jobs-cnt-wrp {
flex-wrap: wrap;
}
.wjportal-jobs-right-wrp {
align-items: flex-start;
width: 100%
}
div.wjportal-page-header div.wjportal-header-actions div.wjportal-filter-wrp {
display: flex !important;
}
div.wjportal-page-header div.wjportal-header-actions {
margin-top: 20px;
}
.wjportal-jobs-middle-wrp {
width: 100%;
}
.wjportal-resume-right-wrp {
width: 100%;
justify-content: start;
}
.wjportal-resume-middle-wrp {
width: 100%;
}
.wjportal-resume-data {
width: 100%;
}
.wjportal-applied-job-resume-status {
position: static;
transform: none;
display: inline-block;
}
.wjportal-applied-job-resume-status {
margin-bottom: 10px;
}
span.wjportal-resume-job-type {
margin-bottom: 10px;
}
.wjportal-pkg-list-item-row {
width: 100%;
}
.wjportal-department-desc-wrap {
padding-top: 10px;
}
.wjportal-companydetail-wrapper .wjportal-company-data,
.wjportal-company-data-wrp .wjportal-custom-field {
width: 100%;
}
.wjportal-companyinfo-wrp {
width: 100%;
}
.wjportal-companyinfo-middle-wrap {
width: 100%;
}
.wjportal-filter-search-field-wrp { width:100% ;}
.wjportal-filter-search-btn-wrp {
display: flex;
justify-content: center;
}
}
@media (max-width: 1080px) {
.wjportal-pkg-list-item-data {
grid-template-columns: repeat(1, 1fr);
}
.wjportal-by-categories-row-wrp {
grid-template-columns: repeat(2, 1fr);
display: grid;
width: 100%;
}
.wjportal-by-category-wrp {
width: 100% !important;
}
}   @media (max-width: 576px) {
.wjportal-jobs-list-resume-wrp {
padding-right: 1rem; }
} .wpjobportal-list-item-is-featured {
border: 1px solid #ffb63b;
}
.wpjobportal-list-item-is-featured .wjportal-jobs-logo,
.wpjobportal-list-item-is-featured .wjportal-company-logo,
.wpjobportal-list-item-is-featured .wjportal-resume-logo {
border: 1px solid #ffb63b;
width: 155px;
height: 155px;
padding: 10px;
}
.wpjobportal-list-item-is-featured .wjportal-resume-data-value,
.wpjobportal-list-item-is-featured .wjportal-jobs-data-text,
.wpjobportal-list-item-is-featured .wjportal-company-data-text-created span.wjportal-company-data-value,
.wpjobportal-list-item-is-featured .wjportal-company-data-location span.wjportal-company-data-value,
.wpjobportal-list-item-is-featured .wjportal-company-data-status span.wjportal-company-data-value {
color: var(--wpjp-secondary-color);
} .wjportal-resume-action-wrp a::before,
.wjportal-job-type::before,
.wjportal-newest-jobs-date::before,
.wjportal-jobs-act-btn::before,
.wjportal-jobs-act-btn-apply::before,
.wjportal-payment-act-btn::before,
.wjportal-jobs-data-text::before,
.wjportal-companyinfo-data::before,
.wjportal-companyinfo a.wjportal-companyinfo-link::before,
a.wjportal-apply-as-visitor-btn::before,
.wjportal-jobinfo-data::before,
.wjportal-jobinfo-data-view::before,
.wjportal-jobinfo-right-data-location .wjportal-jobinfo-data::before,
.wjportal-tags-item::before,
.wjportal-job-act-btn::before,
.wjportal-job-act-btn-tell::before,
.wjportal-job-act-btn-short::before,
.wjportal-company-btn-wrp a::before,
.wjportal-company-view-all-jobs-btn::before,
.wjportal-company-view-company-btn::before,
.wjportal-applied-job-actions-popup-norec-link::before,
.wjportal-job-applied-actions-btn::before,
.wjportal-main-up-wrapper #popup_message::before,
.wjportal-main-up-wrapper .applynow-closebutton::before,
.wjportal-resume-action-wrp a::before,
.wjportal-resume-job-type::before,
.wjportal-resume-data-text::before,
.wjportal-resume-act-btn.wjportal-resume-act-btn-ai-suggested-jobs::before,
a.wjportal-resume-act-btn-view::before,
.wjportal-folder-act-btn::before,
.wjportal-department-info-tit::before,
.wjportal-department-act-btn::before,
.wjportal-coverletter-act-btn::before,
.wjportal-company-act-btn::before,
.wjportal-main-up-wrapper .frontend.updated::before,
.wjportal-visitor-msg::before,
.wjportal-main-up-wrapper .frontend.error::before,
.wjportal-main-up-wrapper .visitor-apply-job-jobinforamtion-message::before,
.wjportal-show-contact-det-btn::before,
.wpjobportal-terms-and-conditions-wrap a::before,
.wjportal-main-up-wrapper .alert-danger::before,
.wjportal-coverletter-act-btn::before,
.wjportal-coverletter-act-btn-view::before,
.wjportal-coverletter-info-tit::before,
.wjportal-save-search-created-text::before,
.wjportal-save-search-act-btn::before,
.wjportal-save-search-act-btn-remove::before,
.wjportal-msg-act-btn::before,
.wjportal-pkg-list-item.featured::before,
.wjportal-pkg-list-item-row::before {
content: '';
display: inline-block;
align-items: center;
width: 1em;
height: 1em;
gap: 0.8rem;
vertical-align: -0.15em;
background-color: currentColor;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.wjportal-error-msg-act-btn-back-btn ::before { -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3e%3ccircle cx='12' cy='7' r='4'/%3e%3c/svg%3e");
mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3e%3ccircle cx='12' cy='7' r='4'/%3e%3c/svg%3e");
}
a.wjportal-payment-act-btn::before,
.wjportal-list-act-btn-proceed-payment::before {
-webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3crect x='1' y='4' width='22' height='16' rx='2' ry='2'/%3e%3cline x1='1' y1='10' x2='23' y2='10'/%3e%3c/svg%3e");
mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3crect x='1' y='4' width='22' height='16' rx='2' ry='2'/%3e%3cline x1='1' y1='10' x2='23' y2='10'/%3e%3c/svg%3e");
}
.wjportal-list-act-btn-delete::before {
-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/></svg>');
mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/></svg>');
}
a.wjportal-list-act-btn-edit::before {
-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.9959.9959 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg>');
mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.9959.9959 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg>');
}
.wjportal-list-act-btn-mark-featured::before {
-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>');
mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>');
}
.wjportal-list-act-btn-featured::before {
-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>');
mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>');
}
.wjportal-company-btn-wrp a::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z'/%3E%3C/svg%3E");
}
.wjportal-company-view-all-jobs-btn::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-6 0h-4V4h4v2z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-6 0h-4V4h4v2z'/%3E%3C/svg%3E");
}
.wjportal-list-act-btn-view::before {
-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5C21.27 7.61 17 4.5 12 4.5zm0 12.5c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"/></svg>');
mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5C21.27 7.61 17 4.5 12 4.5zm0 12.5c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"/></svg>');
}
.wjportal-list-act-btn-already-applied::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.01 21L23 12 2.01 3 2 10l15 2-15 2z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.01 21L23 12 2.01 3 2 10l15 2-15 2z'/%3E%3C/svg%3E");
}
.wjportal-jobs-act-btn-apply.wp-job-portal-already-applied:before,
.wjportal-list-act-btn-apply::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.01 21L23 12 2.01 3 2 10l15 2-15 2z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.01 21L23 12 2.01 3 2 10l15 2-15 2z'/%3E%3C/svg%3E");
}
.wjportal-list-act-btn-copy-job::before {
-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/></svg>');
mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/></svg>');
}
.wjportal-list-act-btn-tell-a-friend::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3s3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3s3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E");
}
.wjportal-resume-act-btn-ai-suggested-jobs::before {
-webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M9 18h6m-3-6v6m-3-14h.01M12 2a7 7 0 0 0-7 7c0 3 2 5 2 7h10c0-2 2-4 2-7a7 7 0 0 0-7-7z'/%3e%3c/svg%3e");
mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M9 18h6m-3-6v6m-3-14h.01M12 2a7 7 0 0 0-7 7c0 3 2 5 2 7h10c0-2 2-4 2-7a7 7 0 0 0-7-7z'/%3e%3c/svg%3e");
}
.wjportal-jobs-act-btn-ai-suggested-resumes::before {
-webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M9 18h6m-3-6v6m-3-14h.01M12 2a7 7 0 0 0-7 7c0 3 2 5 2 7h10c0-2 2-4 2-7a7 7 0 0 0-7-7z'/%3e%3c/svg%3e");
mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M9 18h6m-3-6v6m-3-14h.01M12 2a7 7 0 0 0-7 7c0 3 2 5 2 7h10c0-2 2-4 2-7a7 7 0 0 0-7-7z'/%3e%3c/svg%3e");
}
.wjportal-jobs-act-btn-delete-shortlist::before {
-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/></svg>');
mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/></svg>');
}
div#wjportal-listpopup a.wjportal-visitor-msg-btn.wpjobportal-save-shortlist-popup-button::before,
.wjportal-job-act-btn-shortlist::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E");
}
.wjportal-list-act-btn-applied-resumes::before {
-webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3e%3cpolyline points='14 2 14 8 20 8'/%3e%3cline x1='16' y1='13' x2='8' y2='13'/%3e%3cline x1='16' y1='17' x2='8' y2='17'/%3e%3c/svg%3e");
mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3e%3cpolyline points='14 2 14 8 20 8'/%3e%3cline x1='16' y1='13' x2='8' y2='13'/%3e%3cline x1='16' y1='17' x2='8' y2='17'/%3e%3c/svg%3e");
}
.wjportal-list-act-btn-mark-featured::before {
-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>');
mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>');
}
.wjportal-list-act-btn-add-note::before {
-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 14h-3v3h-2v-3H8v-2h3v-3h2v3h3v2zm-3-7V3.5L18.5 9H13z"/></svg>');
mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 14h-3v3h-2v-3H8v-2h3v-3h2v3h3v2zm-3-7V3.5L18.5 9H13z"/></svg>');
}
.wjportal-list-act-btn-info-details::before {
-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 4C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 12.5c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"/></svg>');
mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 4C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 12.5c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"/></svg>');
}
.wjportal-list-act-btn-mark-spam::before {
-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11 15h2v2h-2zm0-8h2v6h-2zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg>');
mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11 15h2v2h-2zm0-8h2v6h-2zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg>');
}
.wjportal-list-act-btn-mark-not-spam::before {
-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>');
mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>');
}
.wjportal-list-act-btn-mark-hired::before {
-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M1 21h4V9H1v12zm22-11c0-1.1-.9-2-2-2h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 1 7.59 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2z"/></svg>');
mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M1 21h4V9H1v12zm22-11c0-1.1-.9-2-2-2h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 1 7.59 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2z"/></svg>');
}
.wjportal-list-act-btn-mark-rejected::before {
-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.31l-.95 4.57-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2zm4 0v12h4V3h-4z"/></svg>');
mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.31l-.95 4.57-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2zm4 0v12h4V3h-4z"/></svg>');
}
.wjportal-list-act-btn-pdf-resume::before {
-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9.5 11.5c0 .83-.67 1.5-1.5 1.5H7v2H5.5V9H8c.83 0 1.5.67 1.5 1.5v1zm-2-1.5H7v1h.5v-1zm4.5 4.5h-1V9h1v6zm6-1.5c0 .83-.67 1.5-1.5 1.5h-2.5V9H18c.83 0 1.5.67 1.5 1.5v3zm-1.5-1.5h-1v1.5h1V13z"/></svg>');
mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9.5 11.5c0 .83-.67 1.5-1.5 1.5H7v2H5.5V9H8c.83 0 1.5.67 1.5 1.5v1zm-2-1.5H7v1h.5v-1zm4.5 4.5h-1V9h1v6zm6-1.5c0 .83-.67 1.5-1.5 1.5h-2.5V9H18c.83 0 1.5.67 1.5 1.5v3zm-1.5-1.5h-1v1.5h1V13z"/></svg>');
}
.wjportal-list-act-btn-print-resume::before {
-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z"/></svg>');
mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z"/></svg>');
}
.wjportal-list-act-btn-view-message::before,
.wjportal-msg-act-btn::before,
.wjportal-resume-act-btn.wjportal-resume-act-action-links.wjportal-list-act-btn-tell-a-friend.action-links::before,
.wjportal-list-act-btn-send-message-resume::before {
-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>');
mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>');
}
.wjportal-list-act-btn-folder-view-resume::before {
-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>');
mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>');
}
.wjportal-list-act-btn-copy-to-folder::before {
-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/></svg>');
mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/></svg>');
}
.wjportal-list-act-btn-export-resume::before {
-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/></svg>');
mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/></svg>');
}
.wjportal-list-act-btn-folder-delete-resume::before {
-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/></svg>');
mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/></svg>');
}
.wjportal-list-act-btn-view-profile::before {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>');
}
.wjportal-list-act-btn-change-package::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z'/%3E%3C/svg%3E");
}
.wjportal-list-act-btn-select-package {}
.wjportal-list-act-btn-pdf::before {
-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9.5 11.5c0 .83-.67 1.5-1.5 1.5H7v2H5.5V9H8c.83 0 1.5.67 1.5 1.5v1zm-2-1.5H7v1h.5v-1zm4.5 4.5h-1V9h1v6zm6-1.5c0 .83-.67 1.5-1.5 1.5h-2.5V9H18c.83 0 1.5.67 1.5 1.5v3zm-1.5-1.5h-1v1.5h1V13z"/></svg>');
mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9.5 11.5c0 .83-.67 1.5-1.5 1.5H7v2H5.5V9H8c.83 0 1.5.67 1.5 1.5v1zm-2-1.5H7v1h.5v-1zm4.5 4.5h-1V9h1v6zm6-1.5c0 .83-.67 1.5-1.5 1.5h-2.5V9H18c.83 0 1.5.67 1.5 1.5v3zm-1.5-1.5h-1v1.5h1V13z"/></svg>');
}
.wjportal-list-act-btn-add {}
.wjportal-list-act-btn-unsub-job-alert {}
.wjportal-list-act-btn-featured::before {
-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>');
mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>');
}
.wjportal-company-job-viewjob-rightwrp .wjportal-job-detail-about-company-wrap .wjportal-company-btn-wrp a.wjportal-company-view-all-jobs-btn::before,
.wjportal-companydetail-wrapper .wjportal-company-act-btn::before,
.wjportal-company-view-all-jobs-btn::before,
.wjportal-company-view-company-btn::before,
.wjportal-list-act-btn-view-all::before {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>');
}
.wjportal-list-act-btn-make-payment::before {
-webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3crect x='1' y='4' width='22' height='16' rx='2' ry='2'/%3e%3cline x1='1' y1='10' x2='23' y2='10'/%3e%3c/svg%3e");
mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3crect x='1' y='4' width='22' height='16' rx='2' ry='2'/%3e%3cline x1='1' y1='10' x2='23' y2='10'/%3e%3c/svg%3e");
}
.wjportal-jobs-act-btn-apply.wp-job-portal-already-applied::before {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>');
}
a.wjportal-apply-as-visitor-btn::before,
.wjportal-job-act-btn::before,
.wjportal-jobs-act-btn-apply:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.01 21L23 12 2.01 3 2 10l15 2-15 2z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.01 21L23 12 2.01 3 2 10l15 2-15 2z'/%3E%3C/svg%3E");
}
a.wjportal-apply-as-visitor-btn::before {}
.wjportal-error-msg-act-btn::before {}
.wjportal-list-act-btn-buy-now {
display: inline-flex; align-items: center; gap: 0.6em;
}
.wjportal-list-act-btn-buy-now::before {
content: ''; display: inline-block;
width: 1.2em; height: 1.2em;
background-color: currentColor;  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z'/%3E%3C/svg%3E");
-webkit-mask-size: cover;
mask-size: cover;
}
a.wjportal-act-btn.wjportal-unsubscribed-btn-wrp.wjportal-list-act-btn-unsub-job-alert {
display: inline-flex; align-items: center; gap: 0.6em;
}
.wjportal-list-act-btn-unsub-job-alert::before {
content: ''; display: inline-block;
width: 1.2em; height: 1.2em;
background-color: currentColor;  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5v6zM2.1 2.1L.69 3.51 3 5.83V11c0 .32.04.63.1.94L1.6 13.43c-.15.27-.16.6.01.88.17.28.48.45.8.45h2.61l1.82 1.82c-.37.05-.74.08-1.13.08-1.93 0-3.6-1.03-4.55-2.64l-1.5-2.61c0 .02 0 .03-.01.05l-1.49-1.49L2.1 2.1zM20 12.94c.06-.31.1-.62.1-.94V11c0-2.89-1.86-5.4-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5S12.5.67 12.5 4v.68c-.5.14-.98.34-1.43.57l1.5 1.5c.16-.05.32-.08.49-.11h.01c2.48 0 4.5 2.02 4.5 4.5v.91l2.02 2.02.53-.29c.17-.28.16-.6-.01-.88l-1.54-2.43z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5v6zM2.1 2.1L.69 3.51 3 5.83V11c0 .32.04.63.1.94L1.6 13.43c-.15.27-.16.6.01.88.17.28.48.45.8.45h2.61l1.82 1.82c-.37.05-.74.08-1.13.08-1.93 0-3.6-1.03-4.55-2.64l-1.5-2.61c0 .02 0 .03-.01.05l-1.49-1.49L2.1 2.1zM20 12.94c.06-.31.1-.62.1-.94V11c0-2.89-1.86-5.4-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5S12.5.67 12.5 4v.68c-.5.14-.98.34-1.43.57l1.5 1.5c.16-.05.32-.08.49-.11h.01c2.48 0 4.5 2.02 4.5 4.5v.91l2.02 2.02.53-.29c.17-.28.16-.6-.01-.88l-1.54-2.43z'/%3E%3C/svg%3E");
-webkit-mask-size: cover;
mask-size: cover;
}
div#wpjobportal-wrapper.wjportal-by-categories-main-wrp.wjportal-job-by-categories-wrp {
display: flex;
flex-wrap: wrap;
}
div#wpjobportal-wrapper.wjportal-by-categories-main-wrp.wjportal-job-by-categories-wrp .wjportal-by-categories-row-wrp {
display: flex;
flex-wrap: wrap;
width: 100%;
gap: 15px;
align-items: flex-start;
}
.wjportal-form-roles .wjportal-form-text {
padding-top: 12px;
}
a.wjportal-error-msg-act-btn.wjportal-error-msg-act-btn-back-btn {
background-color: var(--wpjp-primary-color);
color: #fff;
border: 1px solid var(--wpjp-border-color);
font-weight: 500;
text-decoration: none;
font-size: var(--wpjp-body-font-size);
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 10px 15px;
border-radius: 6px;
}
a.wjportal-error-msg-act-btn.wjportal-error-msg-act-btn-back-btn:hover {
background-color: var(--wpjp-secondary-color);
color: #fff;
border: 1px solid var(--wpjp-secondary-color);
}
.wjportal-main-up-wrapper a,
.wjportal-main-up-wrapper .wjportal-main-wrapper a:focus {
text-decoration: unset;
}
.color-accent,
.color-accent-hover:hover,
.color-accent-hover:focus,
:root .has-accent-color,
.has-drop-cap:not(:focus):first-letter,
.wp-block-button.is-style-outline,
a {
color: #e98d26;
}
.wjportal-pkg-list-item.wpjobportal-packages-list-item-status-expired .wjportal-pkg-list-item-act-btn {
display: inline-flex; align-items: center; gap: 0.6em; }
.wjportal-pkg-list-item.wpjobportal-packages-list-item-status-expired .wjportal-pkg-list-item-act-btn::before {
content: '';
display: inline-block;
width: 1.2em;
height: 1.2em;
background-color: currentColor;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z'/%3E%3C/svg%3E");
-webkit-mask-size: cover;
mask-size: cover;
} .wjportal-progress-bar-container {
width: 100%;
padding: 10px 0px;
}
.wjportal-progress-bar-container .wjportal-progress-bar-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 8px;
}
.wjportal-progress-bar-container .wjportal-progress-bar-title {
font-size: var(--font-size);
color: var(--wpjp-secondary-color);
font-weight: 600;
}
.wjportal-progress-bar-container .wjportal-progress-bar-percentage {
font-size: var(--font-size);
font-weight: bold;
color: var(--wpjp-secondary-color);
}
.wjportal-progress-bar-container .wjportal-progress-bar-wrapper {
width: 100%;
background-color: #eeeff1;
border-radius: 5px;
height: 20px;
overflow: hidden;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.wjportal-progress-bar-container .wjportal-progress-bar-fill {
opacity: 0.3;
height: 100%;
border-radius: 6px; background-color: var(--wpjp-primary-color);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-size: 20px 20px;
transition: width 0.6s ease;
animation: progress-bar-stripes 1s linear infinite;
} .wjportal-packages-popup .wjportal-packages-wrp {
display: flex;
flex-wrap: wrap; margin: 0 -10px; } .wjportal-packages-popup .wjportal-pkg-item {
border: 1px solid var(--wpjp-border-color);
border-radius: 8px;
margin: 10px; background-color: #fcfcfc;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); flex-grow: 1; flex-shrink: 1; flex-basis: 300px; display: flex;
flex-direction: column; transition: box-shadow 0.2s, transform 0.2s;
}
.wjportal-packages-popup .wjportal-pkg-item:hover {
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
transform: translateY(-3px);
}
.wjportal-packages-popup .wjportal-pkg-item-top {
padding: 15px 20px;
border-bottom: 1px solid var(--wpjp-border-color);
}
.wjportal-packages-popup .wjportal-pkg-item-title {
font-size: var(--wpjp-sub-heading); font-weight: 600;
color: var(--wpjp-secondary-color); }
.wjportal-packages-popup .wjportal-pkg-item-btm {
padding: 20px;
flex-grow: 1; display: flex;
flex-direction: column;
}
.wjportal-packages-popup .wjportal-pkg-item-row {
display: flex;
justify-content: space-between;
margin-bottom: 12px;
font-size: 0.95rem; }
.wjportal-packages-popup .wjportal-pkg-item-tit {
color: var(--wpjp-secondary-color);
font-weight: 600;
font-size: var(--wpjp-body-font-size);
}
.wjportal-packages-popup .wjportal-pkg-item-val {
color: var(--wpjp-body-font-color);
text-align: right;
font-size: var(--wpjp-body-font-size);
}
.wjportal-packages-popup .wjportal-pkg-item-btn-row {
margin-top: auto; padding-top: 15px;
} .wjportal-packages-popup .wjportal-pkg-item-btn {
display: block;
text-align: center;
text-decoration: none;
background-color: var(--wpjp-primary-color);
color: #ffffff;
padding: 12px 15px;
border-radius: 6px;
font-weight: 600;
font-size: var(--wpjp-body-font-size);
transition: background-color 0.2s;
}
.wjportal-packages-popup .wjportal-pkg-item-btn:hover {
background-color: var(--wpjp-secondary-color);
} .wjportal-packages-popup .wjportal-pkg-item.selected {
border-color: var(--wpjp-primary-color);
box-shadow: 0 0 10px rgba(0, 123, 255, 0.3);
} .wjportal-packages-popup .wjportal-popup-msgs {
margin-top: 15px;
font-size: var(--wpjp-body-font-size);
color: #28a745; } .wjportal-packages-popup .wjportal-visitor-msg-btn-wrp {
margin-top: 25px;
padding-top: 20px;
border-top: 1px solid #eee;
text-align: right;
} .wjportal-packages-popup .wjportal-visitor-msg-btn {  color: #ffffff;
border: none;
padding: 12px 25px;
font-size: 1rem;
font-weight: 600;
border-radius: 6px;
cursor: pointer;
transition: background-color 0.2s;
}
.wjportal-packages-popup .wjportal-visitor-msg-btn:hover {
background-color: #218838;
} .wjportal-packages-popup .wjportal-pkg-help-txt {
font-size: var(--wpjp-body-font-size);
color: #d9534f; background-color: #fdf7f7;
border: 1px solid #f5c6cb;
border-radius: 6px;
padding: 10px 15px;
margin-bottom: 20px;
}  .wpjobportal-companies-widget-wrapper {
width: 100%;
display: flex;
flex-direction: column;
gap: 1.5rem; } .wpjobportal-companies-list-row {
width: 100%;  background-color: #ffffff;
border-radius: 12px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
border: 1px solid #e0e0e0;
padding: 1.5rem;
box-sizing: border-box;  display: grid;
grid-template-columns: auto 1fr; grid-template-rows: auto auto; grid-template-areas:
"logo title"
"logo details"; align-items: flex-start;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.wpjobportal-companies-list-row:hover {
transform: translateY(-5px);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
} .wpjobportal-companies-list-row .wpjobportal-companies-list-col-logo {
grid-area: logo; }
.wpjobportal-companies-widget-wrapper .wpjobportal-companies-list-col-logo img {
display: block;
min-width: 100px; height: auto; border-radius: 15px;
border: 1px solid #eee;
padding: 10px;
border-radius: 8px;
} .wpjobportal-companies-list-row .wpjobportal-companies-list-col-title {
overflow: hidden;
text-overflow: ellipsis;
padding-left: 12px;
} .wpjobportal-companies-list-row .wpjobportal-companies-list-copmany-detail-wrap { display: flex;
gap: 12px;
padding-top: 0.5rem;
width: 53%;
justify-content: flex-end;
}
.wpjobportal-companies-list-row .wpjobportal-company-field {
justify-content: flex-start;
}
.wpjobportal-companies-list-row .wpjobportal-company-field {
font-size: var(--wpjp-body-font-size);
color: #495057;
}
.wpjobportal-companies-list-row .wpjobportal-company-field-label {
font-weight: 500;
color: var(--wpjp-body-font-color);
margin-right: 0.25rem;
} @media (max-width: 600px) {
.wpjobportal-companies-list-row .wpjobportal-companies-list-row { grid-template-columns: 1fr; grid-template-areas:
"logo"
"title"
"details";
gap: 1rem;
padding: 1.25rem;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.wpjobportal-companies-list-row .wpjobportal-companies-list-col-logo {
justify-self: start; }
.wpjobportal-companies-list-row.wpjobportal-companies-list-col-title {
align-self: start; }
.wpjobportal-companies-list-row .wpjobportal-companies-list-copmany-detail-wrap {
padding-top: 0; }
}   .wpjobportal-companies-grid-wrapper.wpjobportal-cols-1 .elementor-widget-container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
} .wpjobportal-companies-grid-wrapper.wpjobportal-cols-1 .wpjobportal-companies-grid-wrapper {
display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 1.5rem;
} .wpjobportal-companies-grid-wrapper.wpjobportal-cols-1 .wpjobportal-company-box {
background-color: #ffffff;
border-radius: 12px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
border: 1px solid #e0e0e0;
padding: 2rem 1.5rem;
margin-bottom: 15px; display: flex;
flex-direction: column;
align-items: center;
text-align: center;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.wpjobportal-companies-grid-wrapper.wpjobportal-cols-1 .wpjobportal-company-box:hover {
transform: translateY(-5px);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
} .wpjobportal-companies-grid-wrapper.wpjobportal-cols-1 .wpjobportal-company-logo img {
display: block;
border-radius: 10%; border: 2px solid #f0f0f0;
object-fit: contain; margin-bottom: 1.25rem;
padding: 10px;
} .wpjobportal-companies-grid-wrapper.wpjobportal-cols-1 .wpjobportal-company-title {
margin-bottom: 0.75rem; flex-grow: 0;
}
.wpjobportal-companies-grid-wrapper.wpjobportal-cols-1 .wpjobportal-company-title a {
font-size: var(--wpjp-sub-heading);
font-weight: 600;
color: var(--wpjp-secondary-color);
text-decoration: none;
word-break: break-word;
transition: color 0.2s ease;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.wpjobportal-companies-grid-wrapper.wpjobportal-cols-1 .wpjobportal-company-title a:hover {
color: var(--wpjp-primary-color);
text-decoration: underline;
} .wpjobportal-companies-grid-wrapper.wpjobportal-cols-1 .wpjobportal-company-details {
display: flex;
flex-direction: column;
gap: 0.5rem;
margin-bottom: 1.5rem;
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-body-font-color); flex-grow: 1;
}
.wpjobportal-companies-grid-wrapper.wpjobportal-cols-1 .wpjobportal-company-field {
display: flex;
justify-content: center;
flex-wrap: wrap; }
.wpjobportal-companies-grid-wrapper.wpjobportal-cols-1 .wpjobportal-company-field-label {
font-weight: 500;
color: var(--wpjp-body-font-color);
margin-right: 0.35rem;
} .wpjobportal-companies-grid-wrapper.wpjobportal-cols-1 .wpjobportal-company-grid-view-company-button {
border: 1px solid var(--wpjp-border-color);
display: inline-block;
padding: 12px 24px;
font-size: var(--wpjp-body-font-size);
font-weight: 600; border-radius: 8px;
text-decoration: none;
transition: all 0.2s ease;
width: 100%; max-width: 250px;
box-sizing: border-box; flex-grow: 0;
margin-top: auto; }
.wpjobportal-companies-grid-wrapper.wpjobportal-cols-1 .wpjobportal-company-grid-view-company-button:hover {
background-color: var(--wpjp-secondary-color);
color: #ffffff;
}  .wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-list {
width: 100%;
} .wpjobportal-layout-list .wpjobportal-job-box {
display: flex;
align-items: center;
gap: 10px; background-color: white;
border-radius: 10px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
padding: 10px; width: 100%;
box-sizing: border-box; border: 1px solid var(--wpjp-border-color);
}
.wpjobportal-layout-list .wpjobportal-job-box.wpjobportal-floatbox {
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.wpjobportal-layout-list .wpjobportal-job-box.wpjobportal-floatbox:hover {
transform: translateY(-5px);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
} .wpjobportal-layout-list .wpjobportal-job-logo {
flex-shrink: 0; }
.wpjobportal-layout-list .wpjobportal-job-logo img {
border-radius: 0.5rem; object-fit: contain;
border: 1px solid #e5e7eb; display: block;
padding: 10px;
}  .wpjobportal-layout-list .wpjobportal-job-details {
flex-grow: 1;
min-width: 0; }
.wpjobportal-layout-list .wpjobportal-job-title {
font-size: var(--wpjp-sub-heading);
font-weight: 600;
margin-bottom: 0.25rem; }
.wpjobportal-layout-list .wpjobportal-job-title a {
color: var(--wpjp-secondary-color);
text-decoration: none;
overflow: hidden;
text-overflow: ellipsis;
display: flex;
}
.wpjobportal-layout-list .wpjobportal-job-title a:hover {
text-decoration: underline;
color: var(--wpjp-primary-color);
}
.wpjobportal-layout-list .wpjobportal-job-company {
font-size: var(--wpjp-body-font-color);
font-weight: 500;
color: var(--wpjp-primary-color);
margin-bottom: 5px; }
.wpjobportal-layout-list .wpjobportal-job-company a {
text-decoration: none;
}
.wpjobportal-layout-list .wpjobportal-job-company a:hover {
text-decoration: underline;
color: var(--wpjp-secondary-color);
} .wpjobportal-layout-list .wpjobportal-job-meta-row {
display: flex;
flex-wrap: wrap; gap: 10px;
} .wpjobportal-layout-list .wpjobportal-job-widget-detail-field-data {
display: flex;
align-items: center;
gap: 0.375rem;  font-size: 13px; color: var(--wpjp-body-font-color);
padding: 6px 12px;
border-radius: 6px;
white-space: nowrap;
line-height: 1.2;
transition: opacity 0.2s;
background-color:#f3f4f6;
}
.wpjobportal-job-company .wpjobportal-job-company-posted-date{
color: var(--wpjp-body-font-color);
} @media (max-width: 640px) {
.wpjobportal-job-box {
flex-direction: column; align-items: center; gap: 1rem;
padding: 1.5rem 1rem;
}
.wpjobportal-job-details {
text-align: center; }
.wpjobportal-job-meta-row {
justify-content: center; gap: 0.5rem 1rem;
}
} .wpjobportal-layout-grid.wpjobportal-cols-1 .wpjobportal-job-row {
background-color: white;
border-radius: 0.75rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
padding: 2rem 1.5rem; text-align: center; width: 100%;
display: flex;
justify-content: center;
border: 1px solid var(--wpjp-border-color);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.wpjobportal-layout-grid.wpjobportal-cols-1 .wpjobportal-job-row:hover {
transform: translateY(-5px);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}
.wpjobportal-layout-grid.wpjobportal-cols-1 .company-logo {
display: inline-block; margin-bottom: 1.5rem; padding: 0.75rem; border-radius: 0.5rem; background-color: #f9fafb; border: 1px solid #e5e7eb; justify-content: center;
}
.wpjobportal-layout-grid.wpjobportal-cols-1 .wpjobportal-job-logo {
display: flex;
justify-content: center;
}
.wpjobportal-layout-grid.wpjobportal-cols-1 .wpjobportal-job-logo img {
border-radius: 0.5rem;
object-fit: contain;
border: 1px solid #e5e7eb;
display: block;
padding: 10px;
}
.wpjobportal-layout-grid.wpjobportal-cols-1 .wpjobportal-job-title {
font-size: var(--wpjp-sub-heading); font-weight: 600; color: var(--wpjp-secondary-color); margin-bottom: 0.5rem;
text-decoration: none;
display: block; }
.wpjobportal-layout-grid.wpjobportal-cols-1 .wpjobportal-job-title :hover {
color: var(--wpjp-primary-color);
text-decoration: underline;
}
.wpjobportal-layout-grid.wpjobportal-cols-1 .wpjobportal-job-title a {
font-size: var(--wpjp-sub-heading); font-weight: 600; color: var(--wpjp-secondary-color); overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.wpjobportal-layout-grid.wpjobportal-cols-1 .wpjobportal-job-company a {
font-size: var(--wpjp-body-font-size); font-weight: 500;
color: var(--wpjp-primary-color); margin-bottom: 1.5rem; text-decoration: none;
display: block; }
.wpjobportal-layout-grid.wpjobportal-cols-1 .wpjobportal-job-company a:hover {
color: var(--wpjp-secondary-color);
text-decoration: underline;
} .wpjobportal-layout-grid.wpjobportal-cols-1 .wpjobportal-job-meta-col {
margin-top: 1.5rem;
padding-top: 1.5rem;
border-top: 1px solid #e5e7eb; display: flex; flex-direction: column; gap: 0.75rem; } .wpjobportal-layout-grid.wpjobportal-cols-1 .wpjobportal-job-widget-detail-field-data {
display: flex; align-items: center;
justify-content: center; gap: 0.5rem; font-size: var(--wpjp-body-font-size); color: var(--wpjp-body-font-color); line-height: 1.5;
width: 100%; }
.wpjobportal-layout-grid.wpjobportal-cols-1 .wpjobportal-job-widget-detail-field-data svg {
width: 1rem; height: 1rem; color: #9ca3af; flex-shrink: 0; } .wpjobportal-layout-grid.wpjobportal-cols-1 .wjportal-job-type {
font-size: var(--wpjp-body-font-size);
font-weight: 500;
padding: 5px; border-radius: 9999px;
color: white;
background-color: #b557b5; display: inline-block; margin-left: 0.25rem; width: 50%;
}
.wpjobportal-layout-grid.wpjobportal-cols-1 .wpjobportal-job-apply_before svg {
color: #d9480f;
} .wpjobportal-layout-grid.wpjobportal-cols-1 .wpjobportal-job-job_type {
white-space: nowrap; } .wpjobportal-layout-card.wpjobportal-cols-1 {
width: 100%;
margin: 0 auto;
gap: 1.5rem;
} .wpjobportal-layout-card.wpjobportal-cols-1 .wpjobportal-job-box {
background-color: #ffffff;
border-radius: 12px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
border: 1px solid #e0e0e0;
padding: 1.5rem;
gap: 1.25rem;
align-items: start; transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.wpjobportal-layout-card.wpjobportal-cols-1 .wpjobportal-job-box:hover {
transform: translateY(-5px);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
} .wpjobportal-layout-card.wpjobportal-cols-1 .wpjobportal-job-logo img {
display: block;
border-radius: 8px; border: 1px solid #eee;
object-fit: contain;
padding: 10px;
} .wpjobportal-layout-card.wpjobportal-cols-1 .wpjobportal-job-details {
display: flex;
flex-direction: column;
gap: 0.25rem; } .wpjobportal-layout-card.wpjobportal-cols-1 .wpjobportal-job-title a {
font-size: var(--wpjp-sub-heading);
font-weight: 600;
color: var(--wpjp-secondary-color);
text-decoration: none;
line-height: 1.4;
transition: color 0.2s ease;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.wpjobportal-layout-card.wpjobportal-cols-1 .wpjobportal-job-title a:hover {
color: var(--wpjp-primary-color);
text-decoration: underline;
} .wpjobportal-layout-card.wpjobportal-cols-1 .wpjobportal-job-company a {
font-size: var(--wpjp-body-font-size);
font-weight: 500;
color: var(--wpjp-primary-color);
text-decoration: none;
transition: color 0.2s ease;
}
.wpjobportal-layout-card.wpjobportal-cols-1 .wpjobportal-job-company a:hover {
color: var(--wpjp-secondary-color);
text-decoration: underline;
} .wpjobportal-layout-card.wpjobportal-cols-1 .wpjobportal-job-meta-col {
display: flex;
gap: 5px;
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-body-font-color);
} .wpjobportal-layout-card.wpjobportal-cols-1 .wpjobportal-job-widget-detail-field-data {
display: flex;
align-items: center;
gap: 0.375rem;  font-size: 13px; color: var(--wpjp-body-font-color);
padding: 6px 12px;
border-radius: 6px;
white-space: nowrap;
line-height: 1.2;
transition: opacity 0.2s;
background-color:#f3f4f6;
} .wpjobportal-layout-card.wpjobportal-cols-1 .wpjobportal-job-widget-detail-field-data::before {
font-family: "Font Awesome 6 Free";
font-weight: 900;
font-size: 0.9em;
width: 16px;
text-align: center;
color: #8a94a6;
} .wpjobportal-layout-card.wpjobportal-cols-1 .wjportal-job-type {
font-size: var(--wpjp-body-font-size);
font-weight: 600;
color: #ffffff;
padding: 3px 8px;
border-radius: 6px;
display: inline-block;
width: fit-content;
}  .wpjobportal-layout-card.wpjobportal-cols-1 .wpjobportal-resume-widget-multi-style-wrapper {
max-width: 480px; width: 100%;
background-color: #ffffff;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
padding: 15px;
box-sizing: border-box;
} .wpjobportal-layout-card.wpjobportal-cols-1 .wpjobportal-resume-row {
display: flex;
flex-direction: row;
align-items: flex-start;
background: #ffffff;
padding: 15px;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
border: 1px solid var(--wpjp-border-color);
width: 100%;
box-sizing: border-box;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.wpjobportal-layout-card.wpjobportal-cols-1 .wpjobportal-resume-row:hover {
transform: translateY(-5px);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}
.wpjobportal-layout-card.wpjobportal-cols-1 .wpjobportal-resume-row:last-child {
border-bottom: none; margin-bottom: 0;
} .wpjobportal-layout-card.wpjobportal-cols-1 .wpjobportal-resume-box {
display: flex;
align-items: flex-start;
gap: 15px;
background: #fff;
padding: 5px 0;
} .wpjobportal-layout-card.wpjobportal-cols-1 .wpjobportal-resume-photo {
flex-shrink: 0; border-radius: 10px;
}
.wpjobportal-layout-card.wpjobportal-cols-1 .wpjobportal-resume-photo img {
border-radius: 15px;
object-fit: cover;
border: 1px solid var(--wpjp-border-color); padding: 5px;
} .wpjobportal-layout-card.wpjobportal-cols-1 .wpjobportal-resume-details {
flex-grow: 1; } .wpjobportal-layout-card.wpjobportal-cols-1 .wpjobportal-resume-name a {
font-size: var(--wpjp-sub-heading); font-weight: 700;
color: var(--wpjp-secondary-color); text-decoration: none;
display: block;
margin-bottom: 2px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.wpjobportal-layout-card.wpjobportal-cols-1 .wpjobportal-resume-name a:hover {
color: var(--wpjp-primary-color);
text-decoration: underline;
}
.wpjobportal-layout-card.wpjobportal-cols-1 .wpjobportal-resume-title a {
font-size: var(--wpjp-body-font-size); font-weight: 500;
color: var(--wpjp-primary-color); text-decoration: none;
display: block;
margin-bottom: 5px;
}
.wpjobportal-layout-card.wpjobportal-cols-1 .wpjobportal-resume-title a:hover {
text-decoration: underline;
color: var(--wpjp-secondary-color);
}
.wpjobportal-layout-card.wpjobportal-cols-1 .wpjobportal-resume-widget-detail-field-data {
width: 100%;
} .wpjobportal-layout-card.wpjobportal-cols-1 .wpjobportal-resume-meta-col {
font-size: var(--wpjp-body-font-size); color: var(--wpjp-body-font-color); display: flex;
flex-wrap: wrap; gap: 5px 10px; }
.wpjobportal-resume-widget-detail-field-data {
line-height: 1.4;
} .wpjobportal-layout-card.wpjobportal-cols-1 .wpjobportal-resume-category {
color: var(--wpjp-body-font-color); }
.wpjobportal-layout-card.wpjobportal-cols-1 .wpjobportal-resume-posted {
font-style: italic;
} .wpjobportal-layout-card.wpjobportal-cols-1 .wpjobportal-resume-view-all-button {
display: inline-block;
width: calc(100% - 10px); margin: 15px auto 5px auto;
padding: 12px 16px;
font-size: var(--wpjp-body-font-size);
font-weight: 600;
text-align: center;
text-decoration: none;
border-radius: 8px;
cursor: pointer;
transition: all 0.2s ease-in-out; background-color: var(--wpjp-primary-color); color: #fff; }
.wpjobportal-layout-card.wpjobportal-cols-1 .wpjobportal-resume-view-all-button:hover {
background-color: var(--wpjp-secondary-color);
color: #fff;
}  .wpjobportal-layout-grid.wpjobportal-cols-1 .wpjobportal-resume-widget-multi-style-wrapper {
max-width: 480px; width: 100%;
background-color: #F3F4F6; border-radius: 12px;
padding: 10px; box-sizing: border-box;
} .wpjobportal-layout-grid.wpjobportal-cols-1 .wpjobportal-resume-row {
padding: 10px 0; border-bottom: none; }
.wpjobportal-layout-grid.wpjobportal-cols-1 .wpjobportal-resume-row:last-child {
padding-bottom: 0;
} .wpjobportal-layout-grid.wpjobportal-cols-1 .wpjobportal-resume-box {
display: flex;
flex-direction: column; align-items: center; background: #ffffff;
padding: 20px; border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); border: 1px solid var(--wpjp-border-color);
width: 100%;
box-sizing: border-box;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.wpjobportal-layout-grid.wpjobportal-cols-1 .wpjobportal-resume-box:hover {
transform: translateY(-5px);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
} .wpjobportal-layout-grid.wpjobportal-cols-1 .wpjobportal-resume-photo {
flex-shrink: 0;
margin-bottom: 15px; border-radius: 10px;
}
.wpjobportal-layout-grid.wpjobportal-cols-1 .wpjobportal-resume-photo img {
border-radius: 15px;
object-fit: cover;
border: 1px solid var(--wpjp-border-color);
padding: 5px;
} .wpjobportal-layout-grid.wpjobportal-cols-1 .wpjobportal-resume-details {
width: 100%; text-align: center; } .wpjobportal-layout-grid.wpjobportal-cols-1 .wpjobportal-resume-name {
margin-bottom: 5px;
}
.wpjobportal-layout-grid.wpjobportal-cols-1 .wpjobportal-resume-name a {
font-size: var(--wpjp-sub-heading); font-weight: 700;
color: var(--wpjp-secondary-color);
text-decoration: none;
display: block;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.wpjobportal-layout-grid.wpjobportal-cols-1 .wpjobportal-resume-name a:hover {
color: var(--wpjp-primary-color);
text-decoration: underline;
}
.wpjobportal-layout-grid.wpjobportal-cols-1 .wpjobportal-resume-title a {
font-size: var(--wpjp-body-font-size);
font-weight: 500;
color: var(--wpjp-primary-color);
text-decoration: none;
display: block;
margin-bottom: 15px;
}
.wpjobportal-layout-grid.wpjobportal-cols-1 .wpjobportal-resume-title a:hover {
text-decoration: underline;
color: var(--wpjp-secondary-color);
} .wpjobportal-layout-grid.wpjobportal-cols-1 .wpjobportal-resume-meta-col {
font-size: var(--wpjp-body-font-size); color: var(--wpjp-body-font-color);
display: flex;
flex-direction: column; width: 100%;
gap: 4px; text-align: center; border-top: 1px dashed #e5e7eb;
padding-top: 10px;
margin-top: 10px;
}
.wpjobportal-layout-grid.wpjobportal-cols-1 .wpjobportal-resume-widget-detail-field-data {
line-height: 1.4;
width: 100%; padding: 2px 0;
} .wpjobportal-layout-grid.wpjobportal-cols-1 .wpjobportal-resume-category {
color: var(--wpjp-body-font-color); } .wpjobportal-layout-grid.wpjobportal-cols-1 .wpjobportal-resume-view-all-button {
display: inline-block;
width: calc(100% - 10px);
margin: 20px auto 5px auto;
padding: 12px 16px;
font-size: var(--wpjp-body-font-size);
font-weight: 600;
text-align: center;
text-decoration: none;
border-radius: 8px;
cursor: pointer;
transition: all 0.2s ease-in-out; background-color: var(--wpjp-primary-color); color: #ffffff;
border: none;
box-shadow: 0 4px 8px rgba(59, 130, 246, 0.3);
}
.wpjobportal-layout-grid.wpjobportal-cols-1 .wpjobportal-resume-view-all-button:hover {
background-color: var(--wpjp-secondary-color);
box-shadow: 0 6px 12px rgba(59, 130, 246, 0.4);
}  .wpjobportal-layout-list .wpjobportal-resume-widget-multi-style-wrapper {
width: 100%;
background-color: #F3F4F6; border-radius: 12px;
padding: 10px;
box-sizing: border-box;
} .wpjobportal-layout-list .wpjobportal-resume-row {
padding: 10px 0; border-bottom: none; }
.wpjobportal-layout-list .wpjobportal-resume-row:last-child {
padding-bottom: 0;
} .wpjobportal-layout-list .wpjobportal-resume-box {
display: flex;
flex-direction: row; align-items: flex-start; background: #ffffff;
padding: 15px; border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
border: 1px solid var(--wpjp-border-color);
width: 100%;
box-sizing: border-box;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.wpjobportal-layout-list .wpjobportal-resume-box:hover {
transform: translateY(-5px);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
} .wpjobportal-layout-list .wpjobportal-resume-photo {
flex-shrink: 0;
}
.wpjobportal-layout-list .wpjobportal-resume-photo img {
padding: 5px;
border-radius: 15px;
object-fit: cover;
border: 1px solid var(--wpjp-border-color); box-shadow: none; } .wpjobportal-layout-list .wpjobportal-resume-details {
flex-grow: 1;
text-align: left; color: var(--wpjp-body-font-color);
} .wpjobportal-layout-list .wpjobportal-resume-name {
margin-bottom: 2px;
}
.wpjobportal-layout-list .wpjobportal-resume-name a {
font-size: var(--wpjp-sub-heading); font-weight: 600;
color: var(--wpjp-secondary-color);
text-decoration: none;
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
.wpjobportal-layout-list .wpjobportal-resume-name a:hover {
color: var(--wpjp-primary-color);
text-decoration: underline;
}
.wpjobportal-layout-list .wpjobportal-resume-title a {
font-size: var(--wpjp-body-font-size); font-weight: 500;
color: var(--wpjp-body-font-color);
text-decoration: none;
display: block;
margin-bottom: 5px; }
.wpjobportal-layout-list .wpjobportal-resume-title a:hover {
text-decoration: underline;
color: var(--wpjp-secondary-color);
}
.wpjobportal-resume-meta-row {
display: flex;
flex-wrap: wrap;
gap: 0.75rem 1.5rem;
padding-top: 0.75rem;
} .wpjobportal-layout-list .wpjobportal-resume-meta-col {
font-size: var(--wpjp-body-font-size); color: var(--wpjp-body-font-color);
display: flex;
flex-direction: column; width: 100%;
gap: 2px; text-align: left; border-top: none; padding-top: 0;
margin-top: 5px; }
.wpjobportal-layout-list .wpjobportal-resume-widget-detail-field-data {
line-height: 1.4;
padding: 0;
} .wpjobportal-layout-list .wpjobportal-resume-category {
color: var(--wpjp-body-font-color); } .wpjobportal-layout-list .wpjobportal-resume-view-all-button {
display: inline-block;
width: calc(100% - 10px);
margin: 20px auto 5px auto;
padding: 12px 16px;
font-size: var(--wpjp-body-font-size);
font-weight: 600;
text-align: center;
text-decoration: none;
border-radius: 8px;
cursor: pointer;
transition: all 0.2s ease-in-out; background-color: var(--wpjp-primary-color); color: #ffffff;
border: none;
box-shadow: 0 4px 8px rgba(59, 130, 246, 0.3);
}
.wpjobportal-layout-list .wpjobportal-resume-view-all-button:hover {
background-color: var(--wpjp-secondary-color);
}  #wpjobportal_mod_wrapper {
width: 100%;
background-color: #fff;
padding: 24px;
border-radius: 12px;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
border: 1px solid #e2e8f0;
box-sizing: border-box;
} .wjportal-search-mod.wjportal-form-mod h2 {
font-size: 1.5rem; font-weight: 700;
color: #1f2937; margin-bottom: 24px;
text-align: center;
} .wjportal-search-mod.wjportal-form-mod .wjportal-form {
display: flex;
flex-wrap:wrap;
align-items:center; }
.wjportal-search-mod.wjportal-form-mod .wjportal-form-row {
display: flex;
flex-direction: column;
align-items: flex-start; width: 100% ;
margin-bottom: 0;
gap: 10px;
} .wjportal-search-mod.wjportal-form-mod .wjportal-form-tit {
width: 100%;
font-size: var(--wpjp-body-font-size); font-weight: 500;
color: var(--wpjp-body-font-color); margin-bottom: 4px;
} .wjportal-search-mod.wjportal-form-mod .wjportal-form-btn-row .wjportal-form-tit {
display: none;
} .wjportal-search-mod.wjportal-form-mod.wjportal-search-mod.wjportal-form-mod .wjportal-form-val {
width: 100%;
}
.wjportal-search-mod.wjportal-form-mod .inputbox {
box-sizing: border-box; width: 100%;
padding: 10px 12px;
border: 1px solid #d1d5db;
border-radius: 8px;
font-size: 16px;
color: #1f2937;
transition: all 0.2s ease-in-out;
-webkit-appearance: none; -moz-appearance: none;
appearance: none;
background-color: #fff;
}
.wjportal-search-mod.wjportal-form-mod .inputbox:focus {
outline: none;
border-color: #3b82f6; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
} .wjportal-search-mod.wjportal-form-mod .wjportal-form-btn-row {
display: flex;
width: 100%;
gap: 12px;
padding-top: 16px;
}
.wjportal-search-mod.wjportal-form-mod .wjportal-filter-search-btn,
.wjportal-search-mod.wjportal-form-mod .wjportal-form-adv-srch-btn {
display: block;
width: 100%;
padding: 12px 16px;
font-size: var(--wpjp-body-font-size);
font-weight: 600;
text-align: center;
border-radius: 8px;
cursor: pointer;
transition: all 0.2s ease-in-out;
text-decoration: none; box-sizing: border-box;
} .wjportal-search-mod.wjportal-form-mod .wjportal-filter-search-btn {
background-color: var(--wpjp-primary-color); color: #ffffff;
border: none;
}
.wjportal-search-mod.wjportal-form-mod .wjportal-filter-search-btn:hover {
background-color: var(--wpjp-secondary-color); } .wjportal-search-mod.wjportal-form-mod .wjportal-form-adv-srch-btn {
background-color: #f3f4f6; color: #4b5563;
border: 1px solid #d1d5db;
}
.wjportal-search-mod.wjportal-form-mod .wjportal-form-adv-srch-btn:hover {
background-color: #e5e7eb; color: #1f2937;
} .wjportal-search-mod.wjportal-form-mod .wjportal-form-val select option {
color: #1f2937;
}
.wjportal-search-mod.wjportal-form-mod .wjportal-form-val select option[value="56"],
.wjportal-search-mod.wjportal-form-mod .wjportal-form-val select option[value="57"],
.wjportal-search-mod.wjportal-form-mod .wjportal-form-val select option[value="58"],
.wjportal-search-mod.wjportal-form-mod .wjportal-form-val select option[value="59"] {
padding-left: 10px;
background-color: #fefefe;
}  #wpjobportal_mod_wrapper {
width: 100%;
background-color: #fff;
padding: 24px;
border-radius: 12px;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
border: 1px solid #e2e8f0;
box-sizing: border-box;
} .wjportal-search-mod.wjportal-form-mod h2 {
font-size: 1.5rem; font-weight: 700;
color: #1f2937; margin-bottom: 24px;
text-align: center;
} .wjportal-search-mod.wjportal-form-mod .wjportal-form-row {
display: flex;
flex-direction: column;
align-items: flex-start; width: 100% ;
margin-bottom: 0;
gap: 10px;
} .wjportal-search-mod.wjportal-form-mod .wjportal-form-tit {
width: 100%;
font-size: var(--wpjp-body-font-size); font-weight: 500;
color: var(--wpjp-body-font-color); margin-bottom: 4px;
} .wjportal-search-mod.wjportal-form-mod .wjportal-form-btn-row .wjportal-form-tit {
display: none;
} .wjportal-search-mod.wjportal-form-mod.wjportal-search-mod.wjportal-form-mod .wjportal-form-val {
width: 100%;
}
.wjportal-search-mod.wjportal-form-mod .inputbox {
box-sizing: border-box; width: 100%;
padding: 10px 12px;
border: 1px solid #d1d5db;
border-radius: 8px;
font-size: 16px;
color: #1f2937;
transition: all 0.2s ease-in-out;
-webkit-appearance: none; -moz-appearance: none;
appearance: none;
background-color: #fff;
}
.wjportal-search-mod.wjportal-form-mod .inputbox:focus {
outline: none;
border-color: #3b82f6; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
} .wjportal-search-mod.wjportal-form-mod .wjportal-form-btn-row {
display: flex;
width: 100%;
gap: 12px;
padding-top: 16px;
}
.wjportal-search-mod.wjportal-form-mod .wjportal-filter-search-btn,
.wjportal-search-mod.wjportal-form-mod .wjportal-form-adv-srch-btn {
display: block;
width: 100%;
padding: 12px 16px;
font-size: var(--wpjp-body-font-size);
font-weight: 600;
text-align: center;
border-radius: 8px;
cursor: pointer;
transition: all 0.2s ease-in-out;
text-decoration: none; box-sizing: border-box;
} .wjportal-search-mod.wjportal-form-mod .wjportal-filter-search-btn {
background-color: var(--wpjp-primary-color); color: #ffffff;
border: none;
}
.wjportal-search-mod.wjportal-form-mod .wjportal-filter-search-btn:hover {
background-color: var(--wpjp-secondary-color); } .wjportal-search-mod.wjportal-form-mod .wjportal-form-adv-srch-btn {
background-color: #f3f4f6; color: #4b5563;
border: 1px solid #d1d5db;
}
.wjportal-search-mod.wjportal-form-mod .wjportal-form-adv-srch-btn:hover {
background-color: #e5e7eb; color: #1f2937;
} .wjportal-search-mod.wjportal-form-mod .wjportal-form-val select option {
color: #1f2937;
}
.wjportal-search-mod.wjportal-form-mod .wjportal-form-val select option[value="56"],
.wjportal-search-mod.wjportal-form-mod .wjportal-form-val select option[value="57"],
.wjportal-search-mod.wjportal-form-mod .wjportal-form-val select option[value="58"],
.wjportal-search-mod.wjportal-form-mod .wjportal-form-val select option[value="59"] {
padding-left: 10px;
background-color: #fefefe;
}  div.wjportal-job-by-mod {
display: inline-block;
width: 100%;
}
div.wjportal-job-by-mod div.wjportal-job-by {
display: flex;
width: 100%;
flex-wrap: wrap;
}
div.wjportal-job-by-mod div.wjportal-job-by div.wjportal-job-by-item {
display: flex;
padding: 10px 5px;
justify-content: flex-start;
}
div.wjportal-job-by-mod div.wjportal-job-by div.wjportal-job-by-item .wjportal-job-by-item-cnt {
display: block;
padding: 1.5rem; background-color: #fff;
border-radius: 0.75rem;
border: 1px solid var(--wpjp-border-color);
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
text-decoration: none;
color: inherit;
}
div.wjportal-job-by-mod div.wjportal-job-by div.wjportal-job-by-item .wjportal-job-by-item-cnt:hover {
box-shadow: var(--shadow-2xl);
transform: scale(1.03);
border-color: var(--wpjp-primary-color);
color: var(--wpjp-primary-color);
}
div.wjportal-job-by-mod div.wjportal-job-by div.wjportal-job-by-item .wjportal-job-by-item-cnt span.wjportal-job-by-item-num {
text-align: right;
} div#wpjobportals_mod_wrapper {
width: 100%;
background-color: #fff;
padding: 24px;
border-radius: 12px;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
border: 1px solid #e2e8f0;
box-sizing: border-box;
}
div#wpjobportals-mod-heading {
font-size: var(--wpjp-sub-heading);
color: var(--wpjp-secondary-color);
font-weight: 700;
padding: 0 0 10px 0;
}
div#wpjobportals-data-wrapper {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.wpjobportals-value.wjportal-stats-data {
padding: 1.5rem;
background-color: #fff;
border-radius: 0.75rem;
border: 1px solid var(--wpjp-border-color);
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
text-decoration: none;
color: inherit;
}
.wpjobportals-value.wjportal-stats-data:hover {
box-shadow: var(--shadow-2xl);
transform: scale(1.03);
border-color: var(--wpjp-primary-color);
color: var(--wpjp-primary-color);
}
.wjportal-job-by-loc-item {
padding: 1.5rem;
background-color: #fff;
border-radius: 0.75rem;
border: 1px solid var(--wpjp-border-color);
display: flex;
justify-content: space-between;
align-items: center;
width: 100% !important;
transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
text-decoration: none;
color: inherit;
}
.wjportal-job-by-loc-item:hover {
box-shadow: var(--shadow-2xl);
transform: scale(1.03);
border-color: var(--wpjp-primary-color);
color: var(--wpjp-primary-color);
}
a.wjportal-job-by-loc-item-cnt {
color: var(--wpjp-secondary-color);
font-size: var(--wpjp-body-font-size);
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
text-decoration: none;
color: inherit;
}
a.wjportal-job-by-loc-item-cnt:hover {
color: var(--wpjp-primary-color);
} .wjportal-form-row.visible.js-form-custm-flds-wrp {
display: none;
}
.wjportal-company-desc {
display: flex;
width: 100%;
flex-wrap: wrap;
flex-direction: column;
}
div#job-applied-resume-wrapper.wjportal-job-applied-resume {
position: relative;
z-index: 9999 !important;
width: 100%;
}  div.wjportal-elegant-addon-main-up-wrapper div.wjportal-applied-job-adv-search-wrp div.wjportal-applied-job-adv-search-action-wrp {
justify-content: center;
}
.wjportal-main-up-wrapper .wjportal-form-map {width: 600px;max-width: 100%;}
.wjportal-job-applied-actions-btn-wrp input#send,
.wjportal-main-up-wrapper input.wjportal-visitor-msg-btn,
.wjportal-main-up-wrapper .wjportal-form-btn-wrp input#save, .wjportal-main-up-wrapper input#save-comments {background-color: var(--wpjp-primary-color);color: #fff;border: 1px solid var(--wpjp-primary-color);border-radius: 8px;padding: 10px 15px;font-size: var(--wpjp-body-font-size);font-weight: 600;cursor: pointer;transition: all 0.2s ease;display:inline-flex;align-items: center;gap: 8px;text-transform: none;line-height: inherit;}
.wjportal-job-applied-actions-btn-wrp input#send:hover,
.wjportal-main-up-wrapper input.wjportal-visitor-msg-btn:hover,
.wjportal-main-up-wrapper .wjportal-form-btn-wrp input#save:hover, .wjportal-main-up-wrapper input#save-comments:hover {background-color: var(--wpjp-secondary-color);border: 1px solid var(--wpjp-secondary-color);color: #fff;text-decoration: none;}
.wjportal-featured-tag-icon-wrp .featurednew-onhover.wjportal-featured-hover-wrp{margin-left: 10px;}
@media (max-width: 1750px) {
.wjportal-main-up-wrapper {
max-width: 1250px !important;
}
}
@media (max-width: 1550px) {
.wjportal-main-up-wrapper {
max-width: 1200px !important;
}
}
@media (max-width: 1280px) {
.wjportal-main-up-wrapper {
max-width: 1080px !important;
}
}
@media (max-width: 1080px) {
div.wjportal-cp-content-mainwrp{
flex-wrap: wrap;
}
}    .wjportal-form-horizontal .wjportal-form-row {
display: inline-block;
vertical-align: top;
}
.wjportal-form-responsive {
display: flex;
flex-wrap: wrap;
}
.wjportal-form-btn-row {
text-align: center;
}
.wjportal-form-btn i {
font-size: 16px;
}
div.wjportal-search-mod form.wjportal-form div.wjportal-form-btn-row button {float: left;padding: 7px;text-align: center;width: calc(50% - 3px);}
div.wjportal-search-mod form.wjportal-form div.wjportal-form-row div.wjportal-form-val{
padding-right: 5px;
}
div.wjportal-search-mod form.wjportal-form div.wjportal-form-btn-row .wjportal-form-tit{
margin-bottom: 7px;
} .wpjobportal-job-widget-multi-style-wrapper {
display: inline-block;
width: 100%;
}
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-cols-1 .wpjobportal-job-box { width: 100%; }
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-cols-2 .wpjobportal-job-box { width: calc(50% - 20px); margin: 10px;padding: 15px 0;}
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-cols-3 .wpjobportal-job-box { width: calc(33.3% - 20px); margin: 10px;padding: 15px 0;}
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-cols-4 .wpjobportal-job-box { width: calc(25% - 20px); margin: 10px;padding: 10px 0;}
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-card .wpjobportal-job-box { padding-bottom: 0px;background: #fff;padding: 20px;border-radius: 18px;}
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-grid .wpjobportal-job-box{
padding-bottom: 0px;
}
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-title a{
text-decoration: none;
}
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-row {
float: left;
width: 100%;
}
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-box {
float: left;
margin-bottom: 15px;
padding: 10px;
box-sizing: border-box;
}
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-card .wpjobportal-job-box {
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-list .wpjobportal-job-box {
width: 100%;
}
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-grid .wpjobportal-job-title{
margin: 0px 20px 10px;
padding: 10px 0;
font-size: 22px;
}
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-grid .wpjobportal-job-company{
margin-bottom: 7px;
}
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-grid .wpjobportal-job-box {
}
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-grid .wpjobportal-job-details{
width: 100%;
text-align: center;
}
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-grid .wpjobportal-job-details .wpjobportal-job-meta-col{
font-size: 14px;
}
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-grid .wpjobportal-job-logo{
width: 100%;
text-align: center;
}
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-grid .wpjobportal-job-logo a,
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-grid .wpjobportal-job-logo a img{
display: inline-block;
}
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-logo {
}
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-logo img {
display: block;
border-radius: 4px;
}
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-list .wpjobportal-job-logo a {
padding: 7px;
display: inline-block;
overflow: hidden;
}
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-list .wpjobportal-job-logo img {
display: inline-block;
height: 90px;
width: 90px;
max-width: 100%;
border-radius: 8px;
}
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-card .wpjobportal-job-logo a {
display: inline-block;
overflow: hidden;
}
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-card .wpjobportal-job-logo img {
padding: 10px;
display: inline-block;
border: 1px solid var(--wpjp-border-color);    
max-width: 100%;
border-radius: 10px;
}
.wpjobportal-companies-widget-wrapper .wpjobportal-companies-list-col-logo a {
display: inline-block;
overflow: hidden;
background: transparent;
}
.wpjobportal-companies-widget-wrapper .wpjobportal-companies-list-col-logo a img {
display: inline-block;
min-height: 90px;
max-width: 100%;
}
.wpjobportal-company-box .wpjobportal-company-logo a {
padding: 5px;
display: inline-block;
overflow: hidden;
margin-top: 10px;
}
.wpjobportal-company-box .wpjobportal-company-logo a img {
display: inline-block;
height: 90px;
width: 90px;
max-width: 100%;
}
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-grid .wpjobportal-job-logo a {
padding: 7px;
display: inline-block;
overflow: hidden;
} .wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-view-all-jb-button{
display: inline-block;
width: calc(100% - 20px) ;
padding: 12px;
text-align: center;
text-decoration: none;
font-size: 16px;
margin:15px 10px 10px;
} .wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-view-jb-button{
display: inline-block;
width: 100%;
padding: 15px;
text-align: center;
text-decoration: none;
font-size: 16px;
} .wpjobportal-company-box .wpjobportal-company-grid-view-company-button{
display: inline-block;
width: 100%;
padding: 15px;
text-align: center;
text-decoration: none;
font-size: 16px;
}
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-grid .wpjobportal-job-logo img {
display: inline-block;
max-width: 100%;
}
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-details {
overflow: hidden;
}
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-title {
font-size: 18px;
font-weight: bold;
}
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-list .wpjobportal-job-title {
font-size: 22px;
font-weight: bold;
display: flex;
justify-content: space-between;
}
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-list .wpjobportal-job-company{
font-size: 14px;
font-weight: 500;
}
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-company,
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-location,
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-job_type,
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-job_category,
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-salary,
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-careerlevel,
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-stoppublishing,
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-apply_before,
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-posted {
margin-top: 4px;
}
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-job_type .wjportal-job-type{
color:#fff !important;
padding: 3px 10px;
display: inline-block;
border-radius: 3px;
width: auto;
}
.wpjobportal-resume-widget-multi-style-wrapper .wpjobportal-resume-job_type .wjportal-job-type{
color:#fff !important;
padding: 3px 10px;
display: inline-block;
border-radius: 3px;
width: auto;
} .wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-card .wpjobportal-job-company{
margin-bottom: 10px;
}
.wpjobportal-layout-grid .wpjobportal-job-meta-col .wpjobportal-job-widget-detail-field-data:last-of-type { padding: 10px;
margin-bottom: 0px;
margin-top: 10px;
}
.wpjobportal-company-box .wpjobportal-company-details .wpjobportal-company-field:last-of-type { padding: 10px;
margin-bottom: 0px;
margin-top: 10px;
} .wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-meta-row {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 6px;
font-size: 14px;
}
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-meta-col > div {
margin-top: 4px;
font-size: 14px;
padding: 4px 0;
}
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-meta-row > div {
display: flex;
align-items: center;
gap: 4px;
}
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-meta-row i,
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-meta-col i {
min-width: 16px;
}  .wpjobportal-resume-widget-multi-style-wrapper {
display: inline-block;
width: 100%;
} .wpjobportal-resume-widget-multi-style-wrapper.wpjobportal-cols-1 .wpjobportal-resume-box { width: 100%; }
.wpjobportal-resume-widget-multi-style-wrapper.wpjobportal-cols-2 .wpjobportal-resume-box { width: calc(50% - 20px); margin: 10px; padding: 15px 0;}
.wpjobportal-resume-widget-multi-style-wrapper.wpjobportal-cols-3 .wpjobportal-resume-box { width: calc(33.3% - 20px); margin: 10px; padding: 15px 0;}
.wpjobportal-resume-widget-multi-style-wrapper.wpjobportal-cols-4 .wpjobportal-resume-box { width: calc(25% - 20px); margin: 10px; padding: 10px 0;}
.wpjobportal-resume-widget-multi-style-wrapper.wpjobportal-layout-card .wpjobportal-resume-box { 
padding-bottom: 0px;
}
.wpjobportal-resume-widget-multi-style-wrapper .wpjobportal-resume-row {
float: left;
width: 100%;
}
.wpjobportal-resume-widget-multi-style-wrapper .wpjobportal-resume-box {
float: left;
padding: 10px;
box-sizing: border-box;
} .wpjobportal-resume-widget-multi-style-wrapper.wpjobportal-layout-card .wpjobportal-resume-box {
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
} .wpjobportal-resume-widget-multi-style-wrapper.wpjobportal-layout-list .wpjobportal-resume-box {
width: 100%;
align-items: center;
} .wpjobportal-resume-widget-multi-style-wrapper.wpjobportal-layout-grid .wpjobportal-resume-name {
margin: 0px 20px 0px;
padding: 5px 0;
font-size: 22px;
}
.wpjobportal-resume-widget-multi-style-wrapper.wpjobportal-layout-grid .wpjobportal-resume-title {
margin-bottom: 10px;
}
.wpjobportal-resume-widget-multi-style-wrapper.wpjobportal-layout-grid .wpjobportal-resume-details {
width: 100%;
text-align: center;
}
.wpjobportal-resume-widget-multi-style-wrapper.wpjobportal-layout-grid .wpjobportal-resume-meta-col {
font-size: 14px;
border-top: 1px solid var(--wpjp-border-color);
padding-top: 10px;
margin-bottom: 10px;
} .wpjobportal-resume-widget-multi-style-wrapper .wpjobportal-resume-photo {
display: flex;
}
.wpjobportal-resume-widget-multi-style-wrapper.wpjobportal-layout-grid .wpjobportal-resume-photo {
width: 100%;
text-align: center;
}
.wpjobportal-resume-widget-multi-style-wrapper .wpjobportal-resume-photo img {
display: block;
border-radius: 4px;
}
.wpjobportal-resume-widget-multi-style-wrapper .wpjobportal-resume-name a{
text-decoration: none;
} .wpjobportal-resume-widget-multi-style-wrapper.wpjobportal-layout-list .wpjobportal-resume-photo a {
display: inline-block;
overflow: hidden;
}
.wpjobportal-resume-widget-multi-style-wrapper.wpjobportal-layout-list .wpjobportal-resume-photo img {
display: inline-block;
max-width: 100%;
}
.wpjobportal-resume-widget-multi-style-wrapper.wpjobportal-layout-card .wpjobportal-resume-photo a {
padding: 7px;
display: inline-block;
overflow: hidden;
margin-left: 15px;
}
.wpjobportal-resume-widget-multi-style-wrapper.wpjobportal-layout-card .wpjobportal-resume-photo img {
display: inline-block;
max-width: 100%;
}
.wpjobportal-resume-widget-multi-style-wrapper.wpjobportal-layout-grid .wpjobportal-resume-photo a {
display: inline-block;
overflow: hidden;
border-radius: 10px;
padding: 5px;
border: 1px solid var(--wpjp-border-color);
border-radius: 10px;
}
.wpjobportal-resume-widget-multi-style-wrapper.wpjobportal-layout-grid .wpjobportal-resume-photo img {
display: inline-block;
max-width: 100%;
border-radius: 10px;
justify-content: center;
} .wpjobportal-resume-widget-multi-style-wrapper .wpjobportal-resume-details {
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 5px 20px;
}
.wpjobportal-resume-widget-multi-style-wrapper .wpjobportal-resume-details .wpjobportal-resume-details-title{
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.wpjobportal-resume-widget-multi-style-wrapper .wpjobportal-resume-name {
font-size: 18px;
font-weight: bold;
}
.wpjobportal-resume-widget-multi-style-wrapper.wpjobportal-layout-card .wpjobportal-resume-name {
font-size: 20px;
margin-bottom: 5px;
}
.wpjobportal-resume-widget-multi-style-wrapper.wpjobportal-layout-list .wpjobportal-resume-name {
font-size: 22px;
font-weight: bold;
}
.wpjobportal-resume-widget-multi-style-wrapper.wpjobportal-layout-list .wpjobportal-resume-title {
font-size: 16px;
font-weight: 500;
} .wpjobportal-resume-widget-multi-style-wrapper .wpjobportal-resume-title,
.wpjobportal-resume-widget-multi-style-wrapper .wpjobportal-resume-location,
.wpjobportal-resume-widget-multi-style-wrapper .wpjobportal-resume-experience,
.wpjobportal-resume-widget-multi-style-wrapper .wpjobportal-resume-education,
.wpjobportal-resume-widget-multi-style-wrapper .wpjobportal-resume-salary {
} .wpjobportal-resume-widget-multi-style-wrapper .wpjobportal-resume-meta-row {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 0;
padding-top: 0;
font-size: 14px;
}
.wpjobportal-resume-widget-multi-style-wrapper .wpjobportal-resume-meta-col > div {
margin-top: 4px;
font-size: 14px;
padding: 4px 0;
}
.wpjobportal-resume-widget-multi-style-wrapper .wpjobportal-resume-meta-row > div {
display: flex;
align-items: center;
gap: 4px;
}
.wpjobportal-resume-widget-multi-style-wrapper .wpjobportal-resume-meta-row i,
.wpjobportal-resume-widget-multi-style-wrapper .wpjobportal-resume-meta-col i {
min-width: 16px;
} .wpjobportal-resume-widget-multi-style-wrapper .wpjobportal-resume-view-all-button {
display: inline-block;
width: calc(100% - 20px);
padding: 12px;
text-align: center;
text-decoration: none;
font-size: 16px;
margin: 15px 10px 10px;
}
.wpjobportal-resume-widget-multi-style-wrapper .wpjobportal-resume-view-button {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
padding: 10px 15px;
background: var(--wpjp-secondary-color);
color: white;
text-decoration: none;
font-size: 14px;
border-radius: 12px;
transition: all 0.2s;
} .wpjobportal-resume-widget-multi-style-wrapper.wpjobportal-layout-card .wpjobportal-resume-title {
margin-bottom: 10px;
}
.wpjobportal-resume-widget-multi-style-wrapper.wpjobportal-layout-grid .wpjobportal-widget-entity-view-button-wrap{
padding: 0 15px;
}
.wpjobportal-resume-widget-multi-style-wrapper.wpjobportal-layout-grid .wpjobportal-resume-box{
display: flex;
justify-content: center;
flex-direction: column;
flex-wrap: wrap;
}
.wpjobportal-layout-grid  .wpjobportal-job-box{
overflow: hidden;
}
.wpjobportal-resume-widget-multi-style-wrapper.wpjobportal-layout-card .wpjobportal-resume-meta-col .wpjobportal-resume-widget-detail-field-data:last-of-type {
margin-bottom: 10px;
}  .wpjobportal-companies-widget-wrapper {
display: inline-block;
width: 100% ;
} .wpjobportal-companies-widget-wrapper .wjportal-mod-heading {
font-size: 18px;
font-weight: bold;
color: #333;
margin-bottom: 15px;
padding-bottom: 8px;
border-bottom: 2px solid #0073aa;
} .wpjobportal-companies-grid-wrapper.wpjobportal-cols-1 .wpjobportal-company-box { width: 100%; }
.wpjobportal-companies-grid-wrapper.wpjobportal-cols-2 .wpjobportal-company-box { width: calc(50% - 20px); margin: 10px ;}
.wpjobportal-companies-grid-wrapper.wpjobportal-cols-3 .wpjobportal-company-box { width: calc(33.3% - 20px); margin: 10px;}
.wpjobportal-companies-grid-wrapper.wpjobportal-cols-4 .wpjobportal-company-box { width: calc(25% - 20px); margin: 10px;} .wpjobportal-companies-grid-wrapper .wpjobportal-company-box,
.wpjobportal-companies-list-row {
float: left;
background: #fff;
margin-bottom: 15px;
padding: 15px 0 0 ;
box-sizing: border-box; } .wpjobportal-companies-grid-wrapper .wpjobportal-company-box {
text-align: center;
border-radius: 4px;
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
display: flex;
flex-direction: column;
}
.wpjobportal-companies-grid-wrapper .wpjobportal-company-logo {
margin-bottom: 10px;
}
.wpjobportal-companies-grid-wrapper .wpjobportal-company-logo img {
display: inline-block;
border-radius: 4px;
max-width: 100%;
height: auto;
}
.wpjobportal-companies-grid-wrapper .wpjobportal-company-title {
margin-bottom: 10px;
padding: 10px;
}
.wpjobportal-companies-grid-wrapper .wpjobportal-company-title a {
font-size: 22px;
font-weight: bold;
text-decoration: none;
}
.wpjobportal-companies-grid-wrapper .wpjobportal-company-details {
margin-top: 10px;
font-size: 15px;
} .wpjobportal-companies-list-row {
display: flex;
align-items: center;
width: 100%;
padding: 15px;
flex-wrap:wrap;
}
.wpjobportal-companies-list-row .wpjobportal-companies-list-col-logo {
flex: 0 0 auto;
}
.wpjobportal-companies-list-row  .wpjobportal-companies-list-col-logo img {
display: block;
border-radius: 8px;
max-width: 100%;
height: auto;
}
.wpjobportal-companies-list-row  .wpjobportal-companies-list-col-title {
flex: 1 1 auto;
}
.wpjobportal-companies-list-row  .wpjobportal-companies-list-col-title a {
font-size: 22px;
font-weight: bold;
text-decoration: none;
}
.wpjobportal-companies-list-row  .wpjobportal-companies-list-col-category,
.wpjobportal-companies-list-row  .wpjobportal-companies-list-col-location,
.wpjobportal-companies-list-row  .wpjobportal-companies-list-col-posted {
flex: 1 0 0;
padding-right: 15px;
font-size: 14px;
}  .wpjobportal-companies-list-row .wpjobportal-company-field{
font-size: 14px;
margin: 0;
}
.wpjobportal-company-field {
margin-top: 5px;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
} .wpjobportal-company-field i {
min-width: 16px;
}
.wpjobportal-companies-list-copmany-detail-wrap{
display: flex;
gap: 40px;
} .wpjobportal-companies-widget-company-row{
display: inline-block;
width: 100%;
}
div.wjportal-search-mod form.wjportal-form div.wjportal-form-btn-row.wpjobportal-search-btn-full-width button {width: 100%;}
#wpjobportal-input-city{
background: none !important;
border: none !important;
} .wpjobportal-slick-nav-wrapper {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
margin-top: 20px;
position: relative; }
.wpjobportal-slick-nav-wrapper .slick-prev,
.wpjobportal-slick-nav-wrapper .slick-next {
position: static;
transform: none; width: auto; height: auto; }
.wpjobportal-slick-nav-wrapper .slick-dots {
display: flex !important;
align-items: center; gap: 10px; padding: 0;
margin: 0; list-style: none;
height: 100%; }
.wpjobportal-slick-nav-wrapper .slick-dots li {
margin: 0; display: flex;
align-items: center;
}
.wpjobportal-slick-nav-wrapper .slick-dots button {
width: 16px;
height: 16px;
border-radius: 50%;
background: #ccc;
border: none;
cursor: pointer;
text-indent: -9999px; overflow: hidden;
padding: 0; } @media screen and (max-width: 768px) {
.wpjobportal-companies-grid-wrapper .wpjobportal-company-box,
.wpjobportal-companies-list-header,
.wpjobportal-companies-list-row {
width: 100% !important;
margin: 10px 0 !important;
}
.wpjobportal-companies-list-header {
display: none;
}
.wpjobportal-companies-list-row {
flex-wrap: wrap;
padding: 15px;
}
.wpjobportal-companies-list-col-logo {
width: 100%;
text-align: center;
margin-bottom: 10px;
padding-right: 0;
}
.wpjobportal-companies-list-col-title,
.wpjobportal-companies-list-col-category,
.wpjobportal-companies-list-col-location,
.wpjobportal-companies-list-col-posted {
flex: 1 0 100%;
padding: 5px 0;
}
.wpjobportal-resume-widget-multi-style-wrapper .wpjobportal-resume-box {
width: 100% !important;
margin: 10px 0;
}
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-box {
width: 100% !important;
margin: 10px 0;
}
}   .wpjobportal-resume-widget-multi-style-wrapper .wpjobportal-resume-box {
color: var(--wpjp-body-font-color);
background: var(--wpjp-card-background);
}
.wpjobportal-resume-widget-multi-style-wrapper.wpjobportal-layout-list .wpjobportal-resume-box {
border-bottom: 1px solid var(--wpjp-border-color);
}
.wpjobportal-resume-widget-multi-style-wrapper .wpjobportal-resume-name a {
color: var(--wpjp-secondary-color);
}
.wpjobportal-resume-widget-multi-style-wrapper .wpjobportal-resume-name a:hover {
color: var(--wpjp-primary-color);
}
.wpjobportal-resume-widget-multi-style-wrapper .wpjobportal-resume-title a:hover {
color: var(--wpjp-primary-color);
}
.wpjobportal-resume-widget-multi-style-wrapper .wpjobportal-resume-meta-row {
color: var(--wpjp-body-font-color);
} .wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-box {
color: var(--wpjp-body-font-color);
background: var(--wpjp-card-background);
}
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-list .wpjobportal-job-box {
border-bottom: 1px solid var(--wpjp-border-color);
}
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-grid .wpjobportal-job-box {
border: 1px solid var(--wpjp-border-color);
}
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-card .wpjobportal-job-box {
border: 1px solid var(--wpjp-border-color);
}
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-title a {
color: var(--wpjp-primary-color);
}
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-title a:hover {
color: var(--wpjp-secondary-color);
}
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-company a {
color: var(--wpjp-body-font-color);
text-decoration: none;
}
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-company a:hover {
color: var(--wpjp-primary-color);
} .wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-grid .wpjobportal-job-title a {
color: var(--wpjp-secondary-color);
}
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-grid .wpjobportal-job-title a:hover {
color: var(--wpjp-primary-color);
}
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-grid .wpjobportal-job-company a {
color: var(--wpjp-primary-color);
}
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-grid .wpjobportal-job-company a:hover {
color: var(--wpjp-secondary-color);
}
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-meta-row {
color: var(--wpjp-body-font-color);
}
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-grid .wpjobportal-job-box {
background: var(--wpjp-card-background);
} .wpjobportal-companies-grid-wrapper .wpjobportal-company-box,
.wpjobportal-companies-list-row {
border: 1px solid var(--wpjp-border-color);
color: var(--wpjp-body-font-color);
background: var(--wpjp-card-background);
}
.wpjobportal-companies-grid-wrapper .wpjobportal-company-title a {
color: var(--wpjp-primary-color);
}
.wpjobportal-companies-grid-wrapper .wpjobportal-company-title a:hover {
color: var(--wpjp-secondary-color);
}
.wpjobportal-companies-list-col-title a {
color: var(--wpjp-primary-color);
}
.wpjobportal-companies-list-col-title a:hover {
color: var(--wpjp-secondary-color);
}
.wpjobportal-company-field {
color: var(--wpjp-body-font-color);
} #footer .wpjobportal-resume-widget-multi-style-wrapper.wpjobportal-layout-list .wpjobportal-resume-box {
border-left-color: var(--wpjp-primary-color);
}
#footer .wpjobportal-resume-widget-multi-style-wrapper .wpjobportal-resume-box {
border: 1px solid var(--wpjp-border-color);
color: var(--wpjp-body-font-color);
background: var(--wpjp-card-background);
}
#footer .wpjobportal-resume-widget-multi-style-wrapper .wpjobportal-resume-name a {
color: var(--wpjp-secondary-color);
}
#footer .wpjobportal-resume-widget-multi-style-wrapper .wpjobportal-resume-name a:hover {
color: var(--wpjp-primary-color);
}
#footer .wpjobportal-resume-widget-multi-style-wrapper .wpjobportal-resume-title a {
color: var(--wpjp-primary-color);
}
#footer .wpjobportal-resume-widget-multi-style-wrapper .wpjobportal-resume-title a:hover {
color: var(--wpjp-secondary-color);
}
#footer .wpjobportal-resume-widget-multi-style-wrapper .wpjobportal-resume-meta-row {
color: var(--wpjp-body-font-color);
}
#footer .wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-list .wpjobportal-job-box {
border-left-color: var(--wpjp-primary-color);
}
#footer .wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-box {
border: 1px solid var(--wpjp-border-color);
color: var(--wpjp-body-font-color);
background: var(--wpjp-card-background);
}
#footer .wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-title a {
color: var(--wpjp-primary-color);
}
#footer .wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-title a:hover {
color: var(--wpjp-secondary-color);
}
#footer .wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-company a {
color: var(--wpjp-secondary-color);
}
#footer .wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-company a:hover {
color: var(--wpjp-primary-color);
}
#footer .wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-meta-row {
color: var(--wpjp-body-font-color);
}
#footer .wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-grid .wpjobportal-job-box {
background: var(--wpjp-background-color);
}
#footer .wpjobportal-companies-grid-wrapper .wpjobportal-company-box,
.wpjobportal-companies-list-row {
border: 1px solid var(--wpjp-border-color);
color: var(--wpjp-body-font-color);
background: var(--wpjp-card-background);
}
#footer .wpjobportal-companies-grid-wrapper .wpjobportal-company-title a {
color: var(--wpjp-primary-color);
}
#footer .wpjobportal-companies-grid-wrapper .wpjobportal-company-title a:hover {
color: var(--wpjp-secondary-color);
}
#footer .wpjobportal-companies-widget-wrapper .wpjobportal-companies-list-col-title a {
color: var(--wpjp-primary-color);
}
#footer .wpjobportal-companies-widget-wrapper .wpjobportal-companies-list-col-title a:hover {
color: var(--wpjp-secondary-color);
}
#footer .wpjobportal-company-field {
color: var(--wpjp-body-font-color);
} div.wjportal-search-mod form.wjportal-form div.wjportal-form-btn-row button {
background: var(--wpjp-primary-color);
color: #fff;
}
div.wjportal-search-mod form.wjportal-form div.wjportal-form-btn-row button:hover {
background: var(--wpjp-secondary-color);
} .wpjobportal-slick-nav-wrapper .slick-next {
background: var(--wpjp-primary-color);
color: #fff;
border-color: var(--wpjp-primary-color);
}
.wpjobportal-slick-nav-wrapper .slick-next:hover {
background: var(--wpjp-secondary-color);
color: #fff;
border-color: var(--wpjp-secondary-color);
}
.wpjobportal-slick-nav-wrapper .slick-next:focus {
background: var(--wpjp-primary-color);
color: #fff;
border-color: var(--wpjp-primary-color);
}
.wpjobportal-slick-nav-wrapper .slick-prev {
background: var(--wpjp-secondary-color);
color: #fff;
border-color: var(--wpjp-secondary-color);
}
.wpjobportal-slick-nav-wrapper .slick-prev:focus {
background: var(--wpjp-secondary-color);
color: #fff;
border-color: var(--wpjp-secondary-color);
}
.wpjobportal-slick-nav-wrapper .slick-prev:hover {
background: var(--wpjp-primary-color);
color: #fff;
border-color: var(--wpjp-primary-color);
}
.wpjobportal-slick-nav-wrapper .slick-dots .slick-active button {
background: var(--wpjp-primary-color);
color: #fff;
}  .wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-view-all-jb-button {
background: var(--wpjp-secondary-color);
color: #fff;
}
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-view-all-jb-button:hover {
background: var(--wpjp-primary-color);
}
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-view-jb-button {
background: var(--wpjp-primary-color);
color: #fff;
}
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-view-jb-button:hover {
background: var(--wpjp-secondary-color);
} .wpjobportal-company-box .wpjobportal-company-grid-view-company-button {
background: var(--wpjp-primary-color);
color: #fff;
}
.wpjobportal-company-box .wpjobportal-company-grid-view-company-button:hover {
background: var(--wpjp-secondary-color);
}  .wpjobportal-layout-grid .wpjobportal-job-meta-col .wpjobportal-job-widget-detail-field-data:last-of-type {
background: var(--wpjp-background-color);
border: 1px solid var(--wpjp-border-color);
border-left: none;
border-right: none;
}
.wpjobportal-company-box .wpjobportal-company-details .wpjobportal-company-field:last-of-type {
background: var(--wpjp-background-color);
border: 1px solid var(--wpjp-border-color);
border-left: none;
border-right: none;
}
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-grid .wpjobportal-job-title {
border-bottom: 1px solid var(--wpjp-border-color);
}
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-grid .wpjobportal-job-box {
border-top: 4px solid var(--wpjp-primary-color);
} .wpjobportal-resume-widget-multi-style-wrapper.wpjobportal-layout-grid .wpjobportal-resume-box {
border: 1px solid var(--wpjp-border-color);
border-radius: 20px;
position: relative;
transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px -1px rgba(0, 0, 0, 0.02);
}
.wpjobportal-resume-widget-multi-style-wrapper.wpjobportal-layout-grid .wpjobportal-resume-box:hover {
transform: translateY(-6px); 
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.01); 
}
.wpjobportal-resume-widget-multi-style-wrapper.wpjobportal-layout-card .wpjobportal-resume-box {
border: 1px solid var(--wpjp-border-color);
border-top: 4px solid var(--wpjp-primary-color);
}
.wpjobportal-companies-list-col-logo a {
background: var(--wpjp-card-background);
}
.wpjobportal-company-box .wpjobportal-company-logo a {
border: 1px solid var(--wpjp-border-color);
background: var(--wpjp-card-background);
}
.wpjobportal-resume-widget-multi-style-wrapper.wpjobportal-layout-card .wpjobportal-resume-photo a {
border: 2px solid var(--wpjp-primary-color);
} .wpjobportal-resume-widget-multi-style-wrapper .wpjobportal-resume-view-all-button {
background: var(--wpjp-secondary-color);
color: #fff;
}
.wpjobportal-resume-widget-multi-style-wrapper .wpjobportal-resume-view-all-button:hover {
background: var(--wpjp-primary-color);
}
.wpjobportal-resume-widget-multi-style-wrapper .wpjobportal-resume-view-button:hover {
background: var(--wpjp-primary-color);
}
.wpjobportal-carousel .wpjobportal-job-view-all-jb-button{
display: none !important;
}
.wpjobportal-carousel .wpjobportal-resume-view-all-button{
display: none !important;
}
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-card  {
}
.wjportal-popup-cnt{
box-sizing: border-box;
}
.ui-datepicker{
z-index: 1001 !important;
}
.wjportal-form-row.visible.js-form-custm-flds-wrp{
display: none;
}
.wjportal-search-job-form .wjportal-form-row.visible.js-form-custm-flds-wrp{
display: grid;
}
.wpjobportal-terms-and-conditions-wrap .wjportal-main-up-wrapper span.wpjobportal-form-chkbox-field{
border:none;
}
.wjportal-popup-wrp .alert{padding: 8px 10px;width: 100%;background: #f7f7f7}
.wjportal-popup-wrp .alert img{margin-bottom: -5px}
.wjportal-popup-wrp .alert button{display: none;}
.wjportal-popup-wrp .alert.alert-danger{border: 1px solid red;}
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-details-right{
display: flex;
width: 25%;
flex-wrap: wrap;
flex-direction: column;
justify-content: right;
gap: 5px;
}
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-widget-detail-field-data .wpjobportal-job-widget-detail-field-data-value{
font-weight: 600;
color: var(--wpjp-secondary-color);
}
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-widget-detail-field-data.wpjobportal-job-job_type .wpjobportal-job-widget-detail-field-data-value{
color: #fff;
}
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-details-right .wpjobportal-job-details-right-salary{
font-weight: bold;
color: var(--wpjp-secondary-color);
}
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-details-right .wpjobportal-job-details-right-location{
font-size: 0.9rem;
}
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-details-right .wpjobportal-job-details-right-view-button-wrap{
display: flex;
width: 100%;
justify-content: right;
}
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-details-right .wpjobportal-job-details-right-view-button{
display: flex;
padding: 5px 15px;
text-align: center;
text-decoration: none;
background: var(--wpjp-secondary-color);
color: #fff;
border-radius: 6px;
margin-top: 5px;
}
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-details-right .wpjobportal-job-details-right-view-button svg{
width: 22px;
height: auto;
margin-left: 5px;
}
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-details-right .wpjobportal-job-details-right-view-button:hover{
background: var(--wpjp-primary-color);
}
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-title .wpjobportal-job-widget-no-of-hits{
padding: 5px;
border:1px solid var(--wpjp-border-color);
border-radius: 8px;
display: flex;
flex-wrap: wrap;
flex-direction: row;
gap: 5px;
font-size: 13px;
margin-right: 15px;
}
.wpjobportal-job-widget-multi-style-wrapper .wpjobportal-job-title .wpjobportal-job-widget-no-of-hits svg{
display: flex;
width: 14px;
height: auto;
}
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-card .wpjobportal-job-details-right{
width: 100%;
flex-direction: row;
justify-content: flex-start;
align-items: center;
border-top: 1px solid var(--wpjp-border-color);
padding-top: 10px;
margin-top: 10px;
}
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-card .wpjobportal-job-details-right .wpjobportal-job-details-right-view-button-wrap{
width: 100%;
border-top: 1px solid var(--wpjp-border-color);
}
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-card .wpjobportal-job-details-right .wpjobportal-job-details-right-view-button-wrap .wpjobportal-job-details-right-view-button{
width: 100%;
padding: 8px 15px;
justify-content: center;
margin-top: 10px;
}
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-card .wpjobportal-job-details .wpjobportal-job-meta-col{
display: flex;
flex-direction: row;
gap: 5px;
font-size: var(--wpjp-body-font-size);
color: var(--wpjp-body-font-color);
flex-wrap: wrap;
}
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-card .wpjobportal-job-details .wpjobportal-job-meta-col .wpjobportal-job-widget-detail-field-data{
display: flex;
align-items: center;
gap: 0.375rem;  font-size: 13px; color: var(--wpjp-body-font-color);
padding: 6px 12px;
border-radius: 6px;
white-space: nowrap;
line-height: 1.2;
transition: opacity 0.2s;
background-color:#f3f4f6;
}
.wpjobportal-job-widget-multi-style-wrapper.wpjobportal-layout-list .wpjobportal-job-details-right .wpjobportal-job-details-right-location-salary-wrap{
display: flex;
justify-content: right;
flex-wrap: wrap;
}
.wpjobportal-companies-widget-wrapper .wpjobportal-company-field{
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 13px;
font-weight: 600;
padding: 6px 8px;
border-radius: 8px;
background: #F3F4F6;
color: #475569;
text-decoration: none;
transition: all 0.2s;
border: 1px solid transparent;
}
.wpjobportal-companies-list-copmany-detailview-link-wrap{
display: flex;
}
.wpjobportal-companies-list-copmany-detailview-link-wrap .wpjobportal-companies-list-copmany-detailview-link{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
padding: 10px 15px;
background: var(--wpjp-secondary-color);
color: white;
text-decoration: none;
font-size: 14px;
border-radius: 12px;
transition: all 0.2s;
}
.wpjobportal-companies-list-copmany-detailview-link-wrap .wpjobportal-companies-list-copmany-detailview-link:hover{
background: var(--wpjp-primary-color);
}
.wpjobportal-companies-list-copmany-noofjobs-wrap{
background: #F0FDF4;
color: #15803D;
border-radius: 100px;
font-size: 13px;
font-weight: 700;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
display: flex;
align-items: center;
gap: 5px;
padding: 6px 8px;
}
.wpjobportal-companies-list-copmany-noofjobs-wrap span.noofjobsdot{
width: 6px;
height: 6px;
background: #15803D;
border-radius: 50%;
display: block;
}
.wpjobportal-companies-list-copmany-detailview-link-wrap .wpjobportal-companies-list-copmany-detailview-link svg{
height: 14px;
}
.wpjobportal-companies-grid-wrapper .wpjobportal-company-box .wpjobportal-companies-list-copmany-detailview-link-wrap{
width: 100%;
margin-top: 15px;
}
.wpjobportal-companies-grid-wrapper .wpjobportal-company-box  .wpjobportal-companies-list-copmany-detail-wrap{
flex-wrap: wrap;
gap:0;
}
.wpjobportal-companies-widget-wrapper .wpjobportal-companies-list-col-title a {
font-size: var(--wpjp-sub-heading);
font-weight: 600;
color: var(--wpjp-secondary-color);
text-decoration: none;
transition: color 0.2s ease;
text-align: left;
width: 100%;
display: flex;
}
.wpjobportal-companies-widget-wrapper .wpjobportal-companies-list-col-title a:hover {
color: var(--wpjp-primary-color); text-decoration: underline;
}
.wpjobportal-companies-grid-wrapper .wpjobportal-company-box .wpjobportal-companies-list-col-logo{ 
display: flex;
margin-top: 30px;
z-index: 999;
}
.wpjobportal-companies-grid-wrapper .wpjobportal-company-box{
padding: 15px;
border-radius: 20px;
position: relative;
transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px -1px rgba(0, 0, 0, 0.02);
}
.wpjobportal-companies-grid-wrapper .wpjobportal-company-box .wpjobportal-company-box-top-decoration{
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
background:#000 ;
height: 100px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.wpjobportal-companies-grid-wrapper .wpjobportal-company-box .wpjobportal-company-field{
margin-right: 10px;
}
.wpjobportal-companies-grid-wrapper .wpjobportal-company-box .wpjobportal-companies-list-copmany-noofjobs-wrap{
position: absolute;
top: 33px;
right: 33px;
z-index: 999;
}
.wpjobportal-companies-widget-wrapper .wpjobportal-companies-grid-wrapper .wpjobportal-company-box  .wpjobportal-companies-list-col-logo a{
border-radius: 10px;
} .wpjobportal-companies-grid-wrapper div.wpjobportal-companies-widget-company-row:nth-of-type(1) .wpjobportal-company-box:nth-child(1) .wpjobportal-company-box-top-decoration { background: linear-gradient(135deg, #F4F6FF 0%, #DEE4FB 100%);}
.wpjobportal-companies-grid-wrapper div.wpjobportal-companies-widget-company-row:nth-of-type(1) .wpjobportal-company-box:nth-child(2) .wpjobportal-company-box-top-decoration { background: linear-gradient(135deg, #FFF6F7 0%, #FFF0E3 100%);}
.wpjobportal-companies-grid-wrapper div.wpjobportal-companies-widget-company-row:nth-of-type(1) .wpjobportal-company-box:nth-child(3) .wpjobportal-company-box-top-decoration { background: linear-gradient(135deg, #F5FEF8 0%, #CCFADD 100%);} .wpjobportal-companies-grid-wrapper div.wpjobportal-companies-widget-company-row:nth-of-type(2) .wpjobportal-company-box:nth-child(1) .wpjobportal-company-box-top-decoration { background: linear-gradient(135deg, #FFF8F8 0%, #FAD6E5 100%); } .wpjobportal-companies-grid-wrapper div.wpjobportal-companies-widget-company-row:nth-of-type(2) .wpjobportal-company-box:nth-child(2) .wpjobportal-company-box-top-decoration { background: linear-gradient(135deg, #F6FBFF 0%, #F5DAF9 100%);}
.wpjobportal-companies-grid-wrapper div.wpjobportal-companies-widget-company-row:nth-of-type(2) .wpjobportal-company-box:nth-child(3) .wpjobportal-company-box-top-decoration { background: linear-gradient(135deg, #F3FEFF 0%, #CBFCFF 100%);}
.wpjobportal-companies-grid-wrapper div.wpjobportal-companies-widget-company-row:nth-of-type(3) .wpjobportal-company-box:nth-child(1) .wpjobportal-company-box-top-decoration { background: linear-gradient(135deg, #FEF7FF 0%, #A6E6C6 100%);} .wpjobportal-companies-grid-wrapper div.wpjobportal-companies-widget-company-row:nth-of-type(3) .wpjobportal-company-box:nth-child(2) .wpjobportal-company-box-top-decoration { background: linear-gradient(135deg, #FCF9FF 0%, #E2FDB8 100%); } 
.wpjobportal-companies-grid-wrapper div.wpjobportal-companies-widget-company-row:nth-of-type(3) .wpjobportal-company-box:nth-child(3) .wpjobportal-company-box-top-decoration { background: linear-gradient(135deg, #FEEFEF 0%, #FFB3B3 100%);}
.wpjobportal-companies-widget-wrapper .wpjobportal-companies-grid-wrapper .wpjobportal-company-box:hover {
transform: translateY(-6px); 
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.01); 
} .wpjobportal-layout-list .wpjobportal-resume-widget-detail-field-data{
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 13px;
font-weight: 600;
padding: 6px 8px;
border-radius: 8px;
background: #F3F4F6;
color: #475569;
text-decoration: none;
transition: all 0.2s;
border: 1px solid transparent;
}
.wpjobportal-resume-widget-multi-style-wrapper .wpjobportal-widget-entity-view-button-wrap{
display: flex;
}
.wpjobportal-resume-widget-multi-style-wrapper .wpjobportal-widget-entity-view-button-wrap svg{
height: 15px;
}
.wpjobportal-resume-widget-multi-style-wrapper.wpjobportal-layout-grid .wpjobportal-resume-box .wpjobportal-resume-details{
width: 100%;
justify-content: center;
}
.wpjobportal-resume-widget-multi-style-wrapper.wpjobportal-layout-grid .wpjobportal-resume-meta-col{
width: 100%;
display: flex;
flex-direction: row;
gap: 7px;
flex-wrap: wrap;
justify-content: center;
}
.wpjobportal-resume-widget-multi-style-wrapper.wpjobportal-layout-grid .wpjobportal-resume-photo{
justify-content: center;
}
.wpjobportal-resume-widget-multi-style-wrapper.wpjobportal-layout-grid .wpjobportal-resume-title a{
color: var(--wpjp-body-font-color);
text-decoration: none;
}
.wpjobportal-resume-widget-multi-style-wrapper.wpjobportal-layout-grid .wpjobportal-resume-meta-col .wpjobportal-resume-widget-detail-field-data{
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 13px;
font-weight: 600;
padding: 6px 8px;
border-radius: 8px;
background: #F3F4F6;
color: #475569;
text-decoration: none;
transition: all 0.2s;
border: 1px solid transparent;
}
.wjportal-main-up-wrapper .wpjobportal-terms-and-conditions-wrap span.wpjobportal-form-chkbox-field{
border:none;
}
.wjportal-main-up-wrapper .js-col-md-12.js-form-wrapper.wpjobportal-terms-and-conditions-wrap{
border:none;
}ul.wjportal-stars-small {height:22px;width:110px;padding:0!important;margin:0!important;}
ul.wjportal-stars li, 
ul.wjportal-stars-small li {background-position:0!important;padding:0!important;margin:0!important;}
ul.wjportal-stars-small, 
ul.wjportal-stars-small li a:hover, 
ul.wjportal-stars-small li.current-rating {background-image:url(//seigostaffing.co.za/wp-content/plugins/wp-job-portal/includes/images/star_small.png)!important;background-color:transparent!important;background-repeat:repeat-x!important;background-position:left -1000px;}
ul.wjportal-stars,
ul.wjportal-stars-small {background-position:left top;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0pt;overflow:hidden;padding:0pt;position:relative;}
ul.wjportal-stars li a, 
ul.wjportal-stars li.current-rating,
ul.wjportal-stars-small li a, 
ul.wjportal-stars-small li.current-rating {border:medium none;cursor:pointer;left:0pt;outline-color:-moz-use-text-color;outline-style:none;outline-width:medium;overflow:hidden;position:absolute;text-indent: 1000px;top:0pt;}
ul.wjportal-stars-small li a, 
ul.wjportal-stars-small li.current-rating {height:22px;line-height:22px;transition: none;background-color: transparent !important;}
ul.wjportal-stars li a:hover,
ul.wjportal-stars-small li a:hover {background-position:left bottom!important;}
li a.one-star {width:20%;padding:0;margin:0;z-index:6;}
li a.two-stars {width:40%;padding:0;margin:0;z-index:5;}
li a.three-stars {width:60%;padding:0;margin:0;z-index:4;}
li a.four-stars {width:80%;padding:0;margin:0;z-index:3;}
li a.five-stars {width:100%;padding:0;margin:0;z-index:1;} ul.wpjobportal-stars-small {height:22px;width:110px;padding:0!important;margin:0!important;}
ul.wpjobportal-stars li, 
ul.wpjobportal-stars-small li {background-position:0!important;padding:0!important;margin:0!important;}
ul.wpjobportal-stars-small, 
ul.wpjobportal-stars-small li a:hover, 
ul.wpjobportal-stars-small li.current-rating {background-image:url(//seigostaffing.co.za/wp-content/plugins/wp-job-portal/includes/images/star_small.png)!important;background-color:transparent!important;background-repeat:repeat-x!important;background-position:left -1000px;}
ul.wpjobportal-stars,
ul.wpjobportal-stars-small {background-position:left top;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0pt;overflow:hidden;padding:0pt;position:relative;}
ul.wpjobportal-stars li a, 
ul.wpjobportal-stars li.current-rating,
ul.wpjobportal-stars-small li a, 
ul.wpjobportal-stars-small li.current-rating {border:medium none;cursor:pointer;left:0pt;outline-color:-moz-use-text-color;outline-style:none;outline-width:medium;overflow:hidden;position:absolute;text-indent: 1000px;top:0pt;}
ul.wpjobportal-stars-small li a, 
ul.wpjobportal-stars-small li.current-rating {height:22px;line-height:22px;transition: none;}
ul.wpjobportal-stars li a:hover,
ul.wpjobportal-stars-small li a:hover {background-position:left bottom!important;}.chosen-container{width:100% !important;position:relative;display:inline-block;vertical-align:middle;font-size:13px;zoom:1;*display:inline;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.chosen-container *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.chosen-container .chosen-drop{position:absolute;top:100%;left:-9999px;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,.15)}
.chosen-container.chosen-with-drop .chosen-drop{left:0}
.chosen-container a{cursor:pointer}
.chosen-container .search-choice .group-name,
.chosen-container .chosen-single .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}
.chosen-container .search-choice .group-name:after,
.chosen-container .chosen-single .group-name:after{content:":";padding-left:2px;vertical-align:top}
.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:25px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));background:-webkit-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-moz-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-o-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}
.chosen-container-single .chosen-default{color:#999}
.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}
.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}
.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(//seigostaffing.co.za/wp-content/plugins/wp-job-portal/includes/js/chosen/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}
.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}
.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}
.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(//seigostaffing.co.za/wp-content/plugins/wp-job-portal/includes/js/chosen/chosen-sprite.png) no-repeat 0 2px}
.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}
.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:#fff url(//seigostaffing.co.za/wp-content/plugins/wp-job-portal/includes/js/chosen/chosen-sprite.png) no-repeat 100% -20px;background:url(//seigostaffing.co.za/wp-content/plugins/wp-job-portal/includes/js/chosen/chosen-sprite.png) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}
.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}
.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;left:-9999px}
.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}
.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}
.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}
.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}
.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:-webkit-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-moz-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-o-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}
.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}
.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}
.chosen-container .chosen-results li.group-option{padding-left:15px}
.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}
.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto!important;height:1%;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));background-image:-webkit-linear-gradient(#eee 1%,#fff 15%);background-image:-moz-linear-gradient(#eee 1%,#fff 15%);background-image:-o-linear-gradient(#eee 1%,#fff 15%);background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}
.chosen-container-multi .chosen-choices li{float:left;list-style:none}
.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}
.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:0;height:25px;outline:0;border:0!important;background:transparent!important;box-shadow:none;color:#999;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0}
.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 5px 3px 0;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}
.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(//seigostaffing.co.za/wp-content/plugins/wp-job-portal/includes/js/chosen/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}
.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}
.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}
.chosen-container-multi .chosen-results{margin:0;padding:0}
.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}
.chosen-container-active .chosen-single{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}
.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#eee),color-stop(80%,#fff));background-image:-webkit-linear-gradient(#eee 20%,#fff 80%);background-image:-moz-linear-gradient(#eee 20%,#fff 80%);background-image:-o-linear-gradient(#eee 20%,#fff 80%);background-image:linear-gradient(#eee 20%,#fff 80%);box-shadow:0 1px 0 #fff inset}
.chosen-container-active.chosen-with-drop .chosen-single div{border-left:0;background:transparent}
.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}
.chosen-container-active .chosen-choices{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}
.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}
.chosen-disabled{opacity:.5!important;cursor:default}
.chosen-disabled .chosen-single{cursor:default}
.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}
.chosen-rtl{text-align:right}
.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}
.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}
.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}
.chosen-rtl .chosen-single div{right:auto;left:3px}
.chosen-rtl .chosen-single abbr{right:auto;left:26px}
.chosen-rtl .chosen-choices li{float:right}
.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}
.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,.chosen-rtl .chosen-drop{left:9999px}
.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}
.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:0}
.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:#fff url(//seigostaffing.co.za/wp-content/plugins/wp-job-portal/includes/js/chosen/chosen-sprite.png) no-repeat -30px -20px;background:url(//seigostaffing.co.za/wp-content/plugins/wp-job-portal/includes/js/chosen/chosen-sprite.png) no-repeat -30px -20px;direction:rtl}
.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi),
only screen and (min-resolution:1.5dppx){
.chosen-rtl .chosen-search input[type=text],
.chosen-container-single .chosen-single abbr,
.chosen-container-single .chosen-single div b,
.chosen-container-single .chosen-search input[type=text],
.chosen-container-multi .chosen-choices .search-choice .search-choice-close,
.chosen-container .chosen-results-scroll-down span,
.chosen-container .chosen-results-scroll-up span{background-image:url(//seigostaffing.co.za/wp-content/plugins/wp-job-portal/includes/js/chosen/chosen-sprite2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}
}button{cursor:pointer}.wcf--text li{list-style:unset!important}.wcf--form-wrapper input[type=date],.wcf--form-wrapper input[type=email],.wcf--form-wrapper input[type=number],.wcf--form-wrapper input[type=password],.wcf--form-wrapper input[type=search],.wcf--form-wrapper input[type=tel],.wcf--form-wrapper input[type=text],.wcf--form-wrapper input[type=url],.wcf--form-wrapper select,.wcf--form-wrapper textarea{width:100%;border:1px solid #666;outline:0}.wcf--form-wrapper input[type=submit].wpcf7-submit{outline:0}.wcf--tabs{display:flex;flex-direction:column;gap:30px}.wcf--tabs .tab-title{display:flex;align-items:center;justify-content:center;gap:10px;position:relative;cursor:pointer;outline:0;padding:10px 20px;background-color:#f1f2f3;transition:.3s all}.wcf--tabs .tab-title.active,.wcf--tabs .tab-title:hover{background-color:#b5c2cf}.wcf--tabs .tab-title i,.wcf--tabs .tab-title svg{width:1em;height:1em;display:inline-block}.wcf--tabs .tab-content{display:none;padding:20px;border:1px solid #d5d8dc}.wcf--tabs .tabs-wrapper{display:flex;gap:10px}.elementor-widget-n-carousel,.wcf__slider-wrapper{position:relative}.elementor-widget-n-carousel .wcf__slider,.wcf__slider-wrapper .wcf__slider{text-align:center;margin:0 auto;--slides-to-show:1;--space-between:20px}.elementor-widget-n-carousel .wcf__slider:not(.swiper-initialized) .swiper-wrapper,.wcf__slider-wrapper .wcf__slider:not(.swiper-initialized) .swiper-wrapper{gap:var(--space-between)}.elementor-widget-n-carousel .wcf__slider:not(.swiper-initialized) .swiper-slide,.wcf__slider-wrapper .wcf__slider:not(.swiper-initialized) .swiper-slide{width:calc(100% / var(--slides-to-show) - var(--space-between) * (var(--slides-to-show) - 1)/ var(--slides-to-show))}.elementor-widget-n-carousel .ts-navigation,.wcf__slider-wrapper .ts-navigation{gap:10px;display:flex;align-items:center;justify-content:center;width:100%;z-index:1;position:relative}.elementor-widget-n-carousel .wcf-arrow,.wcf__slider-wrapper .wcf-arrow{font-size:20px;padding:10px;color:#666;border:1px solid #efefef;position:relative;z-index:1;aspect-ratio:1/1;width:60px;display:flex;align-items:center;justify-content:center;transition:all .3s;cursor:pointer}.elementor-widget-n-carousel .wcf-arrow svg,.wcf__slider-wrapper .wcf-arrow svg{width:1em;height:1em}.elementor-widget-n-carousel .mid-line,.wcf__slider-wrapper .mid-line{width:100px;display:inline-block;background-color:#384364;height:1px;vertical-align:middle;margin-right:10px;margin-left:10px}.elementor-widget-n-carousel .swiper-pagination,.wcf__slider-wrapper .swiper-pagination{gap:5px;display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto}.wcf__t_slider-wrapper .wcf-arrow i,.wcf__t_slider-wrapper .wcf-arrow svg{width:1em;height:1em}.wcf--slider-pagination-top .swiper-pagination{top:0;bottom:auto!important}.wcf--slider-pagination-left .swiper-pagination,.wcf--slider-pagination-right .swiper-pagination{width:auto!important;display:flex;flex-direction:column;gap:10px;top:50%;transform:translateY(-50%);height:-moz-fit-content;height:fit-content}.wcf--slider-pagination-left .swiper-pagination .mid-line,.wcf--slider-pagination-right .swiper-pagination .mid-line{width:1px;height:100px}.wcf--slider-pagination-left .swiper-pagination{left:0;right:auto!important}.wcf--slider-pagination-right .swiper-pagination{left:auto!important;right:0}.wcf--title.prefix_on_hover,.wcf--title.prefix_on_normal{transition:all .5s;--prefix-width:60px;--prefix-gap:10px}.wcf--title.prefix_on_hover:before,.wcf--title.prefix_on_normal:before{position:relative;display:inline-block;content:"";height:1px;inset-inline-start:0;transition:all .5s;background-color:#0a0a0a}.wcf--title.prefix_on_normal:before{width:var(--prefix-width);margin-right:var(--prefix-gap)}.wcf--title.prefix_on_hover:before{width:0}.wcf--title.prefix_on_hover:hover:before{width:var(--prefix-width);margin-right:var(--prefix-gap)}.wcf--title .highlight,.wcf--title a{transition:all .5s}.elementor-widget .wcf--title>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-wcf--floating-elements{width:100%}.elementor-editor-preview .elementor-widget-wcf--floating-elements.elementor-widget-empty{display:block}.elementor-widget-wcf--floating-elements .elementor-widget-container{display:flex}.wcf--floating-elements{margin:auto}.wcf--floating-elements .floating-element{position:absolute;z-index:1;width:100px}.wcf--floating-elements img{width:100%}@keyframes wcf_animation_float{0%{transform:translatey(0)}50%{transform:translatey(-20px)}100%{transform:translatey(0)}}@keyframes wcf_animation_float_x{0%{transform:translatex(0)}50%{transform:translatex(-20px)}100%{transform:translatex(0)}}@keyframes wcf_animation_spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wcf_animation_scale{from{transform:scale(1)}to{transform:scale(.8)}}@keyframes wcf_animation_wiggle{0%,7%{transform:rotateZ(0)}15%{transform:rotateZ(-15deg)}20%{transform:rotateZ(10deg)}25%{transform:rotateZ(-10deg)}30%{transform:rotateZ(6deg)}35%{transform:rotateZ(-4deg)}100%,40%{transform:rotateZ(0)}}.wcf-live-anim-float>*{animation:wcf_animation_float 6s ease-in-out infinite}.wcf-live-anim-float-x>*{animation:wcf_animation_float_x 6s ease-in-out infinite}.wcf-live-anim-spin>*{animation:wcf_animation_spin 6s linear infinite}.wcf-live-anim-scale>*{animation:wcf_animation_scale 3s linear infinite alternate}.wcf-live-anim-wiggle>*{animation:wcf_animation_wiggle 2s linear infinite}.elementor-widget-wcf--tabs.wcf-tabs-direction-row .tabs-wrapper,.elementor-widget-wcf--tabs.wcf-tabs-direction-row-reverse .tabs-wrapper{flex-direction:column}.elementor-widget-wcf--tabs.tabs-alignment-stretch .tab-desktop-title{flex:1 1 auto}.wcfaddon-pro-notice{padding:15px 0;max-width:350px;text-align:center}.wcfaddon-pro-notice .wcfaddon-pro-notice-content h4{font-size:16px;font-weight:700;line-height:1.4;margin-top:20px}.wcfaddon-pro-notice .wcfaddon-pro-notice-content p{line-height:1.8;font-size:11px;margin-top:5px}.wcfaddon-pro-notice .wcfaddon-pro-notice-content .elementor-button{background-color:#d30c5c;color:#fff;padding:7px 25px;margin-top:20px;border:none;box-shadow:0 0 1px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.1);transition:.5s}.wcf--form-wrapper .wpcf7 form .wpcf7-response-output{margin:0;padding:0;border:0}.wcf--image{line-height:0}.post-filter-result{font-size:20px}.post-filter-result.cat{margin-top:15px;margin-bottom:12px}.wcf--countdown .timer-content{display:flex}.footer-width-fixer {
width: 100%;
} .ehf-template-genesis.ehf-header .site-header .wrap,
.ehf-template-genesis.ehf-footer .site-footer .wrap,
.ehf-template-generatepress.ehf-header .site-header .inside-header {
width: 100%;
padding: 0;
max-width: 100%;
} .ehf-template-generatepress.ehf-header .site-header,
.ehf-template-generatepress.ehf-footer .site-footer {
width: 100%;
padding: 0;
max-width: 100%;
background-color: transparent !important; }
.bhf-hidden {
display: none
} .ehf-header #masthead {
z-index: 99;
position: relative;
}html{line-height:1.15;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:border-box}body{background-color:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.5;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:inherit;font-family:inherit;font-weight:500;line-height:1.2;margin-block-end:1rem;margin-block-start:.5rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-block-end:.9rem;margin-block-start:0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em;white-space:pre-wrap}a{background-color:transparent;color:#c36;text-decoration:none}a:active,a:hover{color:#336}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}abbr[title]{border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;height:auto;max-width:100%}details{display:block}summary{display:list-item}figcaption{color:#333;font-size:16px;font-style:italic;font-weight:400;line-height:1.4}[hidden],template{display:none}@media print{*,:after,:before{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{-moz-column-break-inside:avoid;border:1px solid #ccc;break-inside:avoid}thead{display:table-header-group}img,tr{-moz-column-break-inside:avoid;break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{-moz-column-break-after:avoid;break-after:avoid}}label{display:inline-block;line-height:1;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:1rem;line-height:1.5;margin:0}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{border:1px solid #666;border-radius:3px;padding:.5rem 1rem;transition:all .3s;width:100%}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#333}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;width:auto}[type=button],[type=submit],button{background-color:transparent;border:1px solid #c36;border-radius:3px;color:#c36;display:inline-block;font-size:1rem;font-weight:400;padding:.5rem 1rem;text-align:center;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}[type=button]:focus:not(:focus-visible),[type=submit]:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{background-color:#c36;color:#fff;text-decoration:none}[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}select{display:block}table{background-color:transparent;border-collapse:collapse;border-spacing:0;font-size:.9em;margin-block-end:15px;width:100%}table td,table th{border:1px solid hsla(0,0%,50%,.502);line-height:1.5;padding:15px;vertical-align:top}table th{font-weight:700}table tfoot th,table thead th{font-size:1em}table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th{border-block-start:1px solid hsla(0,0%,50%,.502)}table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th{background-color:hsla(0,0%,50%,.071)}table tbody tr:hover>td,table tbody tr:hover>th{background-color:hsla(0,0%,50%,.102)}table tbody+tbody{border-block-start:2px solid hsla(0,0%,50%,.502)}@media(max-width:767px){table table{font-size:.8em}table table td,table table th{line-height:1.3;padding:7px}table table th{font-weight:400}}dd,dl,dt,li,ol,ul{background:transparent;border:0;font-size:100%;margin-block-end:0;margin-block-start:0;outline:0;vertical-align:baseline}.comments-area a,.page-content a{text-decoration:underline}.alignright{float:right;margin-left:1rem}.alignleft{float:left;margin-right:1rem}.aligncenter{clear:both;display:block;margin-inline:auto}.alignwide{margin-inline:-80px}.alignfull{margin-inline:calc(50% - 50vw);max-width:100vw}.alignfull,.alignfull img{width:100vw}.wp-caption{margin-block-end:1.25rem;max-width:100%}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{display:block;margin-inline:auto}.wp-caption-text{margin:0}.gallery-caption{display:block;font-size:.8125rem;line-height:1.5;margin:0;padding:.75rem}.pagination{display:flex;justify-content:space-between;margin:20px auto}.sticky{display:block;position:relative}.bypostauthor{font-size:inherit}.hide{display:none!important}.post-password-form{margin:50px auto;max-width:500px}.post-password-form p{align-items:flex-end;display:flex;width:100%}.post-password-form [type=submit]{margin-inline-start:3px}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#eee;clip:auto!important;clip-path:none;color:#333;display:block;font-size:1rem;height:auto;left:5px;line-height:normal;padding:12px 24px;text-decoration:none;top:5px;width:auto;z-index:100000}.post .entry-title a{text-decoration:none}.post .wp-post-image{max-height:500px;-o-object-fit:cover;object-fit:cover;width:100%}@media(max-width:991px){.post .wp-post-image{max-height:400px}}@media(max-width:575px){.post .wp-post-image{max-height:300px}}#comments .comment-list{font-size:.9em;list-style:none;margin:0;padding:0}#comments .comment,#comments .pingback{position:relative}#comments .comment .comment-body,#comments .pingback .comment-body{border-block-end:1px solid #ccc;display:flex;flex-direction:column;padding-block-end:30px;padding-block-start:30px;padding-inline-end:0;padding-inline-start:60px}#comments .comment .avatar,#comments .pingback .avatar{border-radius:50%;left:0;margin-inline-end:10px;position:absolute}body.rtl #comments .comment .avatar,body.rtl #comments .pingback .avatar,html[dir=rtl] #comments .comment .avatar,html[dir=rtl] #comments .pingback .avatar{left:auto;right:0}#comments .comment-meta{display:flex;justify-content:space-between;margin-block-end:.9rem}#comments .comment-metadata,#comments .reply{font-size:11px;line-height:1}#comments .children{list-style:none;margin:0;padding-inline-start:30px;position:relative}#comments .children li:last-child{padding-block-end:0}#comments ol.comment-list .children:before{content:"↪";display:inline-block;font-size:1em;font-weight:400;left:0;line-height:100%;position:absolute;top:45px;width:auto}body.rtl #comments ol.comment-list .children:before,html[dir=rtl] #comments ol.comment-list .children:before{content:"↩";left:auto;right:0}@media(min-width:768px){#comments .comment-author,#comments .comment-metadata{line-height:1}}@media(max-width:767px){#comments .comment .comment-body{padding:30px 0}#comments .children{padding-inline-start:20px}#comments .comment .avatar{float:left;position:inherit}body.rtl #comments .comment .avatar,html[dir=rtl] #comments .comment .avatar{float:right}}.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{margin-inline-end:auto;margin-inline-start:auto;width:100%}@media(max-width:575px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{padding-inline-end:10px;padding-inline-start:10px}}@media(min-width:576px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:500px}.site-footer.footer-full-width .footer-inner,.site-header.header-full-width .header-inner{max-width:100%}}@media(min-width:768px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:600px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media(min-width:992px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:800px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media(min-width:1200px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:1140px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}.site-header+.elementor{min-height:calc(100vh - 320px)}.site-header{display:flex;flex-wrap:wrap;justify-content:space-between;padding-block-end:1rem;padding-block-start:1rem;position:relative}.site-header .site-title{font-size:2.5rem;font-weight:500;line-height:1.2}.site-header .site-branding{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.site-header .header-inner{display:flex;flex-wrap:wrap;justify-content:space-between}.site-header .header-inner .custom-logo-link{display:block}.site-header .header-inner .site-branding .site-description,.site-header .header-inner .site-branding .site-title{margin:0}.site-header .header-inner .site-branding .site-logo img{display:block}.site-header .header-inner .site-branding.show-logo .site-title,.site-header .header-inner .site-branding.show-title .site-logo{display:none!important}.site-header.header-inverted .header-inner{flex-direction:row-reverse}.site-header.header-inverted .header-inner .site-branding{text-align:end}.site-header.header-stacked .header-inner{align-items:center;flex-direction:column;text-align:center}.site-footer{padding-block-end:1rem;padding-block-start:1rem;position:relative}.site-footer .site-title{font-size:1.5rem;font-weight:500;line-height:1.2}.site-footer .site-branding{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.site-footer .footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between}.site-footer .footer-inner .custom-logo-link{display:block}.site-footer .footer-inner .site-branding .site-description,.site-footer .footer-inner .site-branding .site-title{margin:0}.site-footer .footer-inner .site-branding .site-logo img{display:block}.site-footer .footer-inner .site-branding.show-logo .site-title,.site-footer .footer-inner .site-branding.show-title .site-logo{display:none!important}.site-footer .footer-inner .copyright{align-items:center;display:flex;justify-content:flex-end}.site-footer .footer-inner .copyright p{margin:0}.site-footer.footer-inverted .footer-inner{flex-direction:row-reverse}.site-footer.footer-inverted .footer-inner .site-branding{text-align:end}.site-footer.footer-stacked .footer-inner{align-items:center;flex-direction:column;text-align:center}.site-footer.footer-stacked .footer-inner .site-branding .site-title{text-align:center}.site-footer.footer-stacked .footer-inner .site-navigation .menu{padding:0}@media(max-width:576px){.site-footer:not(.footer-stacked) .footer-inner .copyright,.site-footer:not(.footer-stacked) .footer-inner .site-branding,.site-footer:not(.footer-stacked) .footer-inner .site-navigation{display:block;max-width:none;text-align:center;width:100%}.site-footer .footer-inner .site-navigation ul.menu{justify-content:center}.site-footer .footer-inner .site-navigation ul.menu li{display:inline-block}}.site-header.header-stacked .site-navigation-toggle-holder{justify-content:center;max-width:100%}.site-header.menu-layout-dropdown .site-navigation{display:none}.site-navigation-toggle-holder{align-items:center;display:flex;padding:8px 15px}.site-navigation-toggle-holder .site-navigation-toggle{align-items:center;background-color:rgba(0,0,0,.05);border:0 solid;border-radius:3px;color:#494c4f;cursor:pointer;display:flex;justify-content:center;padding:.5rem}.site-navigation-toggle-holder .site-navigation-toggle-icon{display:block;width:1.25rem}.site-navigation-toggle-holder .site-navigation-toggle-icon:after,.site-navigation-toggle-holder .site-navigation-toggle-icon:before{background-color:currentColor;border-radius:3px;content:"";display:block;height:3px;transition:all .2s ease-in-out}.site-navigation-toggle-holder .site-navigation-toggle-icon:before{box-shadow:0 .35rem 0 currentColor;margin-block-end:.5rem}.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:before{box-shadow:none;transform:translateY(.35rem) rotate(45deg)}.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:after{transform:translateY(-.35rem) rotate(-45deg)}.site-navigation{align-items:center;display:flex}.site-navigation ul.menu,.site-navigation ul.menu ul{list-style-type:none;padding:0}.site-navigation ul.menu{display:flex;flex-wrap:wrap}.site-navigation ul.menu li{display:flex;position:relative}.site-navigation ul.menu li a{display:block;padding:8px 15px}.site-navigation ul.menu li.menu-item-has-children{padding-inline-end:15px}.site-navigation ul.menu li.menu-item-has-children:after{align-items:center;color:#666;content:"▾";display:flex;font-size:1.5em;justify-content:center;text-decoration:none}.site-navigation ul.menu li.menu-item-has-children:focus-within>ul{display:block}.site-navigation ul.menu li ul{background:#fff;display:none;left:0;min-width:150px;position:absolute;top:100%;z-index:2}.site-navigation ul.menu li ul li{border-block-end:1px solid #eee}.site-navigation ul.menu li ul li:last-child{border-block-end:none}.site-navigation ul.menu li ul li.menu-item-has-children a{flex-grow:1}.site-navigation ul.menu li ul li.menu-item-has-children:after{transform:translateY(-50%) rotate(-90deg)}.site-navigation ul.menu li ul ul{left:100%;top:0}.site-navigation ul.menu li:hover>ul{display:block}footer .site-navigation ul.menu li ul{bottom:100%;top:auto}footer .site-navigation ul.menu li ul ul{bottom:0}footer .site-navigation ul.menu a{padding:5px 15px}.site-navigation-dropdown{bottom:0;left:0;margin-block-start:10px;position:absolute;transform-origin:top;transition:max-height .3s,transform .3s;width:100%;z-index:10000}.site-navigation-toggle-holder:not(.elementor-active)+.site-navigation-dropdown{max-height:0;transform:scaleY(0)}.site-navigation-toggle-holder.elementor-active+.site-navigation-dropdown{max-height:100vh;transform:scaleY(1)}.site-navigation-dropdown ul{padding:0}.site-navigation-dropdown ul.menu{background:#fff;margin:0;padding:0;position:absolute;width:100%}.site-navigation-dropdown ul.menu li{display:block;position:relative;width:100%}.site-navigation-dropdown ul.menu li a{background:#fff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.102);color:#55595c;display:block;padding:20px}.site-navigation-dropdown ul.menu li.current-menu-item a{background:#55595c;color:#fff}.site-navigation-dropdown ul.menu>li li{max-height:0;transform:scaleY(0);transform-origin:top;transition:max-height .3s,transform .3s}.site-navigation-dropdown ul.menu li.elementor-active>ul>li{max-height:100vh;transform:scaleY(1)}@media(max-width:576px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}}@media(min-width:768px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}}@media(min-width:576px)and (max-width:767px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}}@media(min-width:992px){.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}}@media(max-width:992px){.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation{display:none!important}}.site-header.menu-dropdown-none:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}@font-face{font-family:eicons;src:url(//seigostaffing.co.za/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.eot?5.47.0);src:url(//seigostaffing.co.za/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.eot?5.47.0#iefix) format("embedded-opentype"),url(//seigostaffing.co.za/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.woff2?5.47.0) format("woff2"),url(//seigostaffing.co.za/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.woff?5.47.0) format("woff"),url(//seigostaffing.co.za/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.ttf?5.47.0) format("truetype"),url(//seigostaffing.co.za/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.svg?5.47.0#eicon) format("svg");font-weight:400;font-style:normal}[class*=" eicon-"],[class^=eicon]{display:inline-block;font-family:eicons;font-size:inherit;font-weight:400;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes a{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.eicon-animation-spin{animation:a 2s infinite linear}.eicon-editor-link:before{content:"\e800"}.eicon-editor-unlink:before{content:"\e801"}.eicon-editor-external-link:before{content:"\e802"}.eicon-editor-close:before{content:"\e803"}.eicon-editor-list-ol:before{content:"\e804"}.eicon-editor-list-ul:before{content:"\e805"}.eicon-editor-bold:before{content:"\e806"}.eicon-editor-italic:before{content:"\e807"}.eicon-editor-underline:before{content:"\e808"}.eicon-editor-paragraph:before{content:"\e809"}.eicon-editor-h1:before{content:"\e80a"}.eicon-editor-h2:before{content:"\e80b"}.eicon-editor-h3:before{content:"\e80c"}.eicon-editor-h4:before{content:"\e80d"}.eicon-editor-h5:before{content:"\e80e"}.eicon-editor-h6:before{content:"\e80f"}.eicon-editor-quote:before{content:"\e810"}.eicon-editor-code:before{content:"\e811"}.eicon-elementor:before{content:"\e812"}.eicon-elementor-circle:before{content:"\e813"}.eicon-pojome:before{content:"\e814"}.eicon-plus:before{content:"\e815"}.eicon-menu-bar:before{content:"\e816"}.eicon-apps:before{content:"\e817"}.eicon-accordion:before{content:"\e818"}.eicon-alert:before{content:"\e819"}.eicon-animation-text:before{content:"\e81a"}.eicon-animation:before{content:"\e81b"}.eicon-banner:before{content:"\e81c"}.eicon-blockquote:before{content:"\e81d"}.eicon-button:before{content:"\e81e"}.eicon-call-to-action:before{content:"\e81f"}.eicon-captcha:before{content:"\e820"}.eicon-carousel:before{content:"\e821"}.eicon-checkbox:before{content:"\e822"}.eicon-columns:before{content:"\e823"}.eicon-countdown:before{content:"\e824"}.eicon-counter:before{content:"\e825"}.eicon-date:before{content:"\e826"}.eicon-divider-shape:before{content:"\e827"}.eicon-divider:before{content:"\e828"}.eicon-download-button:before{content:"\e829"}.eicon-dual-button:before{content:"\e82a"}.eicon-email-field:before{content:"\e82b"}.eicon-facebook-comments:before{content:"\e82c"}.eicon-facebook-like-box:before{content:"\e82d"}.eicon-form-horizontal:before{content:"\e82e"}.eicon-form-vertical:before{content:"\e82f"}.eicon-gallery-grid:before{content:"\e830"}.eicon-gallery-group:before{content:"\e831"}.eicon-gallery-justified:before{content:"\e832"}.eicon-gallery-masonry:before{content:"\e833"}.eicon-icon-box:before{content:"\e834"}.eicon-image-before-after:before{content:"\e835"}.eicon-image-box:before{content:"\e836"}.eicon-image-hotspot:before{content:"\e837"}.eicon-image-rollover:before{content:"\e838"}.eicon-info-box:before{content:"\e839"}.eicon-inner-section:before{content:"\e83a"}.eicon-mailchimp:before{content:"\e83b"}.eicon-menu-card:before{content:"\e83c"}.eicon-navigation-horizontal:before{content:"\e83d"}.eicon-nav-menu:before{content:"\e83e"}.eicon-navigation-vertical:before{content:"\e83f"}.eicon-number-field:before{content:"\e840"}.eicon-parallax:before{content:"\e841"}.eicon-php7:before{content:"\e842"}.eicon-post-list:before{content:"\e843"}.eicon-post-slider:before{content:"\e844"}.eicon-post:before{content:"\e845"}.eicon-posts-carousel:before{content:"\e846"}.eicon-posts-grid:before{content:"\e847"}.eicon-posts-group:before{content:"\e848"}.eicon-posts-justified:before{content:"\e849"}.eicon-posts-masonry:before{content:"\e84a"}.eicon-posts-ticker:before{content:"\e84b"}.eicon-price-list:before{content:"\e84c"}.eicon-price-table:before{content:"\e84d"}.eicon-radio:before{content:"\e84e"}.eicon-rtl:before{content:"\e84f"}.eicon-scroll:before{content:"\e850"}.eicon-search:before{content:"\e851"}.eicon-select:before{content:"\e852"}.eicon-share:before{content:"\e853"}.eicon-sidebar:before{content:"\e854"}.eicon-skill-bar:before{content:"\e855"}.eicon-slider-3d:before{content:"\e856"}.eicon-slider-album:before{content:"\e857"}.eicon-slider-device:before{content:"\e858"}.eicon-slider-full-screen:before{content:"\e859"}.eicon-slider-push:before{content:"\e85a"}.eicon-slider-vertical:before{content:"\e85b"}.eicon-slider-video:before{content:"\e85c"}.eicon-slides:before{content:"\e85d"}.eicon-social-icons:before{content:"\e85e"}.eicon-spacer:before{content:"\e85f"}.eicon-table:before{content:"\e860"}.eicon-tabs:before{content:"\e861"}.eicon-tel-field:before{content:"\e862"}.eicon-text-area:before{content:"\e863"}.eicon-text-field:before{content:"\e864"}.eicon-thumbnails-down:before{content:"\e865"}.eicon-thumbnails-half:before{content:"\e866"}.eicon-thumbnails-right:before{content:"\e867"}.eicon-time-line:before{content:"\e868"}.eicon-toggle:before{content:"\e869"}.eicon-url:before{content:"\e86a"}.eicon-t-letter:before{content:"\e86b"}.eicon-wordpress:before{content:"\e86c"}.eicon-text:before{content:"\e86d"}.eicon-anchor:before{content:"\e86e"}.eicon-bullet-list:before{content:"\e86f"}.eicon-code:before{content:"\e870"}.eicon-favorite:before{content:"\e871"}.eicon-google-maps:before{content:"\e872"}.eicon-image:before{content:"\e873"}.eicon-photo-library:before{content:"\e874"}.eicon-woocommerce:before{content:"\e875"}.eicon-youtube:before{content:"\e876"}.eicon-flip-box:before{content:"\e877"}.eicon-settings:before{content:"\e878"}.eicon-headphones:before{content:"\e879"}.eicon-testimonial:before{content:"\e87a"}.eicon-counter-circle:before{content:"\e87b"}.eicon-person:before{content:"\e87c"}.eicon-chevron-right:before{content:"\e87d"}.eicon-chevron-left:before{content:"\e87e"}.eicon-close:before{content:"\e87f"}.eicon-file-download:before{content:"\e880"}.eicon-save:before{content:"\e881"}.eicon-zoom-in:before{content:"\e882"}.eicon-shortcode:before{content:"\e883"}.eicon-nerd:before{content:"\e884"}.eicon-device-desktop:before{content:"\e885"}.eicon-device-tablet:before{content:"\e886"}.eicon-device-mobile:before{content:"\e887"}.eicon-document-file:before{content:"\e888"}.eicon-folder-o:before{content:"\e889"}.eicon-hypster:before{content:"\e88a"}.eicon-h-align-left:before{content:"\e88b"}.eicon-h-align-right:before{content:"\e88c"}.eicon-h-align-center:before{content:"\e88d"}.eicon-h-align-stretch:before{content:"\e88e"}.eicon-v-align-top:before{content:"\e88f"}.eicon-v-align-bottom:before{content:"\e890"}.eicon-v-align-middle:before{content:"\e891"}.eicon-v-align-stretch:before{content:"\e892"}.eicon-pro-icon:before{content:"\e893"}.eicon-mail:before{content:"\e894"}.eicon-lock-user:before{content:"\e895"}.eicon-testimonial-carousel:before{content:"\e896"}.eicon-media-carousel:before{content:"\e897"}.eicon-section:before{content:"\e898"}.eicon-column:before{content:"\e899"}.eicon-edit:before{content:"\e89a"}.eicon-clone:before{content:"\e89b"}.eicon-trash:before{content:"\e89c"}.eicon-play:before{content:"\e89d"}.eicon-angle-right:before{content:"\e89e"}.eicon-angle-left:before{content:"\e89f"}.eicon-animated-headline:before{content:"\e8a0"}.eicon-menu-toggle:before{content:"\e8a1"}.eicon-fb-embed:before{content:"\e8a2"}.eicon-fb-feed:before{content:"\e8a3"}.eicon-twitter-embed:before{content:"\e8a4"}.eicon-twitter-feed:before{content:"\e8a5"}.eicon-sync:before{content:"\e8a6"}.eicon-import-export:before{content:"\e8a7"}.eicon-check-circle:before{content:"\e8a8"}.eicon-library-save:before{content:"\e8a9"}.eicon-library-download:before{content:"\e9dd"}.eicon-insert:before{content:"\e8ab"}.eicon-preview-medium:before{content:"\e8ac"}.eicon-sort-down:before{content:"\e8ad"}.eicon-sort-up:before{content:"\e8ae"}.eicon-heading:before{content:"\e8af"}.eicon-logo:before{content:"\e8b0"}.eicon-meta-data:before{content:"\e8b1"}.eicon-post-content:before{content:"\e8b2"}.eicon-post-excerpt:before{content:"\e8b3"}.eicon-post-navigation:before{content:"\e8b4"}.eicon-yoast:before{content:"\e8b5"}.eicon-nerd-chuckle:before{content:"\e8b6"}.eicon-nerd-wink:before{content:"\e8b7"}.eicon-comments:before{content:"\e8b8"}.eicon-download-circle-o:before{content:"\e8b9"}.eicon-library-upload:before{content:"\e8ba"}.eicon-save-o:before{content:"\e8bb"}.eicon-upload-circle-o:before{content:"\e8bc"}.eicon-ellipsis-h:before{content:"\e8bd"}.eicon-ellipsis-v:before{content:"\e8be"}.eicon-arrow-left:before{content:"\e8bf"}.eicon-arrow-right:before{content:"\e8c0"}.eicon-arrow-up:before{content:"\e8c1"}.eicon-arrow-down:before{content:"\e8c2"}.eicon-play-o:before{content:"\e8c3"}.eicon-archive-posts:before{content:"\e8c4"}.eicon-archive-title:before{content:"\e8c5"}.eicon-featured-image:before{content:"\e8c6"}.eicon-post-info:before{content:"\e8c7"}.eicon-post-title:before{content:"\e8c8"}.eicon-site-logo:before{content:"\e8c9"}.eicon-site-search:before{content:"\e8ca"}.eicon-site-title:before{content:"\e8cb"}.eicon-plus-square:before{content:"\e8cc"}.eicon-minus-square:before{content:"\e8cd"}.eicon-cloud-check:before{content:"\e8ce"}.eicon-drag-n-drop:before{content:"\e8cf"}.eicon-welcome:before{content:"\e8d0"}.eicon-handle:before{content:"\e8d1"}.eicon-cart:before{content:"\e8d2"}.eicon-product-add-to-cart:before{content:"\e8d3"}.eicon-product-breadcrumbs:before{content:"\e8d4"}.eicon-product-categories:before{content:"\e8d5"}.eicon-product-description:before{content:"\e8d6"}.eicon-product-images:before{content:"\e8d7"}.eicon-product-info:before{content:"\e8d8"}.eicon-product-meta:before{content:"\e8d9"}.eicon-product-pages:before{content:"\e8da"}.eicon-product-price:before{content:"\e8db"}.eicon-product-rating:before{content:"\e8dc"}.eicon-product-related:before{content:"\e8dd"}.eicon-product-stock:before{content:"\e8de"}.eicon-product-tabs:before{content:"\e8df"}.eicon-product-title:before{content:"\e8e0"}.eicon-product-upsell:before{content:"\e8e1"}.eicon-products:before{content:"\e8e2"}.eicon-bag-light:before{content:"\e8e3"}.eicon-bag-medium:before{content:"\e8e4"}.eicon-bag-solid:before{content:"\e8e5"}.eicon-basket-light:before{content:"\e8e6"}.eicon-basket-medium:before{content:"\e8e7"}.eicon-basket-solid:before{content:"\e8e8"}.eicon-cart-light:before{content:"\e8e9"}.eicon-cart-medium:before{content:"\e8ea"}.eicon-cart-solid:before{content:"\e8eb"}.eicon-exchange:before{content:"\e8ec"}.eicon-preview-thin:before{content:"\e8ed"}.eicon-device-laptop:before{content:"\e8ee"}.eicon-collapse:before{content:"\e8ef"}.eicon-expand:before{content:"\e8f0"}.eicon-navigator:before{content:"\e8f1"}.eicon-plug:before{content:"\e8f2"}.eicon-dashboard:before{content:"\e8f3"}.eicon-typography:before{content:"\e8f4"}.eicon-info-circle-o:before{content:"\e8f5"}.eicon-integration:before{content:"\e8f6"}.eicon-plus-circle-o:before{content:"\e8f7"}.eicon-rating:before{content:"\e8f8"}.eicon-review:before{content:"\e8f9"}.eicon-tools:before{content:"\e8fa"}.eicon-loading:before{content:"\e8fb"}.eicon-sitemap:before{content:"\e8fc"}.eicon-click:before{content:"\e8fd"}.eicon-clock:before{content:"\e8fe"}.eicon-library-open:before{content:"\e8ff"}.eicon-warning:before{content:"\e900"}.eicon-flow:before{content:"\e901"}.eicon-cursor-move:before{content:"\e902"}.eicon-arrow-circle-left:before{content:"\e903"}.eicon-flash:before{content:"\e904"}.eicon-redo:before{content:"\e905"}.eicon-ban:before{content:"\e906"}.eicon-barcode:before{content:"\e907"}.eicon-calendar:before{content:"\e908"}.eicon-caret-left:before{content:"\e909"}.eicon-caret-right:before{content:"\e90a"}.eicon-caret-up:before{content:"\e90b"}.eicon-chain-broken:before{content:"\e90c"}.eicon-check-circle-o:before{content:"\e90d"}.eicon-check:before{content:"\e90e"}.eicon-chevron-double-left:before{content:"\e90f"}.eicon-chevron-double-right:before{content:"\e910"}.eicon-undo:before{content:"\e911"}.eicon-filter:before{content:"\e912"}.eicon-circle-o:before{content:"\e913"}.eicon-circle:before{content:"\e914"}.eicon-clock-o:before{content:"\e915"}.eicon-cog:before{content:"\e916"}.eicon-cogs:before{content:"\e917"}.eicon-commenting-o:before{content:"\e918"}.eicon-copy:before{content:"\e919"}.eicon-database:before{content:"\e91a"}.eicon-dot-circle-o:before{content:"\e91b"}.eicon-envelope:before{content:"\e91c"}.eicon-external-link-square:before{content:"\e91d"}.eicon-eyedropper:before{content:"\e91e"}.eicon-folder:before{content:"\e91f"}.eicon-font:before{content:"\e920"}.eicon-adjust:before{content:"\e921"}.eicon-lightbox:before{content:"\e922"}.eicon-heart-o:before{content:"\e923"}.eicon-history:before{content:"\e924"}.eicon-image-bold:before{content:"\e925"}.eicon-info-circle:before{content:"\e926"}.eicon-link:before{content:"\e927"}.eicon-long-arrow-left:before{content:"\e928"}.eicon-long-arrow-right:before{content:"\e929"}.eicon-caret-down:before{content:"\e92a"}.eicon-paint-brush:before{content:"\e92b"}.eicon-pencil:before{content:"\e92c"}.eicon-plus-circle:before{content:"\e92d"}.eicon-zoom-in-bold:before{content:"\e92e"}.eicon-sort-amount-desc:before{content:"\e92f"}.eicon-sign-out:before{content:"\e930"}.eicon-spinner:before{content:"\e931"}.eicon-square:before{content:"\e932"}.eicon-star-o:before{content:"\e933"}.eicon-star:before{content:"\e934"}.eicon-text-align-justify:before{content:"\e935"}.eicon-text-align-center:before{content:"\e936"}.eicon-tags:before{content:"\e937"}.eicon-text-align-left:before{content:"\e938"}.eicon-text-align-right:before{content:"\e939"}.eicon-close-circle:before{content:"\e93a"}.eicon-trash-o:before{content:"\e93b"}.eicon-font-awesome:before{content:"\e93c"}.eicon-user-circle-o:before{content:"\e93d"}.eicon-video-camera:before{content:"\e93e"}.eicon-heart:before{content:"\e93f"}.eicon-wrench:before{content:"\e940"}.eicon-help:before{content:"\e941"}.eicon-help-o:before{content:"\e942"}.eicon-zoom-out-bold:before{content:"\e943"}.eicon-plus-square-o:before{content:"\e944"}.eicon-minus-square-o:before{content:"\e945"}.eicon-minus-circle:before{content:"\e946"}.eicon-minus-circle-o:before{content:"\e947"}.eicon-code-bold:before{content:"\e948"}.eicon-cloud-upload:before{content:"\e949"}.eicon-search-bold:before{content:"\e94a"}.eicon-map-pin:before{content:"\e94b"}.eicon-meetup:before{content:"\e94c"}.eicon-slideshow:before{content:"\e94d"}.eicon-t-letter-bold:before{content:"\e94e"}.eicon-preferences:before{content:"\e94f"}.eicon-table-of-contents:before{content:"\e950"}.eicon-tv:before{content:"\e951"}.eicon-upload:before{content:"\e952"}.eicon-instagram-comments:before{content:"\e953"}.eicon-instagram-nested-gallery:before{content:"\e954"}.eicon-instagram-post:before{content:"\e955"}.eicon-instagram-video:before{content:"\e956"}.eicon-instagram-gallery:before{content:"\e957"}.eicon-instagram-likes:before{content:"\e958"}.eicon-facebook:before{content:"\e959"}.eicon-twitter:before{content:"\e95a"}.eicon-pinterest:before{content:"\e95b"}.eicon-frame-expand:before{content:"\e95c"}.eicon-frame-minimize:before{content:"\e95d"}.eicon-archive:before{content:"\e95e"}.eicon-colors-typography:before{content:"\e95f"}.eicon-custom:before{content:"\e960"}.eicon-footer:before{content:"\e961"}.eicon-header:before{content:"\e962"}.eicon-layout-settings:before{content:"\e963"}.eicon-lightbox-expand:before{content:"\e964"}.eicon-error-404:before{content:"\e965"}.eicon-theme-style:before{content:"\e966"}.eicon-search-results:before{content:"\e967"}.eicon-single-post:before{content:"\e968"}.eicon-site-identity:before{content:"\e969"}.eicon-theme-builder:before{content:"\e96a"}.eicon-download-bold:before{content:"\e96b"}.eicon-share-arrow:before{content:"\e96c"}.eicon-global-settings:before{content:"\e96d"}.eicon-user-preferences:before{content:"\e96e"}.eicon-lock:before{content:"\e96f"}.eicon-export-kit:before{content:"\e970"}.eicon-import-kit:before{content:"\e971"}.eicon-lottie:before{content:"\e972"}.eicon-products-archive:before{content:"\e973"}.eicon-single-product:before{content:"\e974"}.eicon-disable-trash-o:before{content:"\e975"}.eicon-single-page:before{content:"\e976"}.eicon-wordpress-light:before{content:"\e977"}.eicon-cogs-check:before{content:"\e978"}.eicon-custom-css:before{content:"\e979"}.eicon-global-colors:before{content:"\e97a"}.eicon-globe:before{content:"\e97b"}.eicon-typography-1:before{content:"\e97c"}.eicon-background:before{content:"\e97d"}.eicon-device-responsive:before{content:"\e97e"}.eicon-device-wide:before{content:"\e97f"}.eicon-code-highlight:before{content:"\e980"}.eicon-video-playlist:before{content:"\e981"}.eicon-download-kit:before{content:"\e982"}.eicon-kit-details:before{content:"\e983"}.eicon-kit-parts:before{content:"\e984"}.eicon-kit-upload:before{content:"\e985"}.eicon-kit-plugins:before{content:"\e986"}.eicon-kit-upload-alt:before{content:"\e987"}.eicon-hotspot:before{content:"\e988"}.eicon-paypal-button:before{content:"\e989"}.eicon-shape:before{content:"\e98a"}.eicon-wordart:before{content:"\e98b"}.eicon-checkout:before{content:"\e98c"}.eicon-container:before{content:"\e98d"}.eicon-flip:before{content:"\e98e"}.eicon-info:before{content:"\e98f"}.eicon-my-account:before{content:"\e990"}.eicon-purchase-summary:before{content:"\e991"}.eicon-page-transition:before{content:"\e992"}.eicon-spotify:before{content:"\e993"}.eicon-stripe-button:before{content:"\e994"}.eicon-woo-settings:before{content:"\e995"}.eicon-woo-cart:before{content:"\e996"}.eicon-grow:before{content:"\e997"}.eicon-order-end:before{content:"\e998"}.eicon-nowrap:before{content:"\e999"}.eicon-order-start:before{content:"\e99a"}.eicon-progress-tracker:before{content:"\e99b"}.eicon-shrink:before{content:"\e99c"}.eicon-wrap:before{content:"\e99d"}.eicon-align-center-h:before{content:"\e99e"}.eicon-align-center-v:before{content:"\e99f"}.eicon-align-end-h:before{content:"\e9a0"}.eicon-align-end-v:before{content:"\e9a1"}.eicon-align-start-h:before{content:"\e9a2"}.eicon-align-start-v:before{content:"\e9a3"}.eicon-align-stretch-h:before{content:"\e9a4"}.eicon-align-stretch-v:before{content:"\e9a5"}.eicon-justify-center-h:before{content:"\e9a6"}.eicon-justify-center-v:before{content:"\e9a7"}.eicon-justify-end-h:before{content:"\e9a8"}.eicon-justify-end-v:before{content:"\e9a9"}.eicon-justify-space-around-h:before{content:"\e9aa"}.eicon-justify-space-around-v:before{content:"\e9ab"}.eicon-justify-space-between-h:before{content:"\e9ac"}.eicon-justify-space-between-v:before{content:"\e9ad"}.eicon-justify-space-evenly-h:before{content:"\e9ae"}.eicon-justify-space-evenly-v:before{content:"\e9af"}.eicon-justify-start-h:before{content:"\e9b0"}.eicon-justify-start-v:before{content:"\e9b1"}.eicon-woocommerce-cross-sells:before{content:"\e9b2"}.eicon-woocommerce-notices:before{content:"\e9b3"}.eicon-inner-container:before{content:"\e9b4"}.eicon-warning-full:before{content:"\e9b5"}.eicon-exit:before{content:"\e9b6"}.eicon-loop-builder:before{content:"\e9b7"}.eicon-notes:before{content:"\e9b8"}.eicon-read:before{content:"\e9b9"}.eicon-unread:before{content:"\e9ba"}.eicon-carousel-loop:before{content:"\e9bb"}.eicon-mega-menu:before{content:"\eb78"}.eicon-nested-carousel:before{content:"\e9bd"}.eicon-ai:before{content:"\e9be"}.eicon-taxonomy-filter:before{content:"\eb7d"}.eicon-container-grid:before{content:"\ef02"}.eicon-upgrade:before{content:"\e9c1"}.eicon-advanced:before{content:"\eb84"}.eicon-div-block:before{content:"\eb9b"}.eicon-notification:before{content:"\e9c3"}.eicon-light-mode:before{content:"\e9c4"}.eicon-dark-mode:before{content:"\e9c5"}.eicon-upgrade-crown:before{content:"\e9c6"}.eicon-off-canvas:before{content:"\e9c7"}.eicon-speakerphone:before{content:"\e9c9"}.eicon-ehp-cta:before{content:"\e9cb"}.eicon-ehp-forms:before{content:"\e9bc"}.eicon-ehp-hero:before{content:"\e9ca"}.eicon-ehp-zigzag:before{content:"\e9cc"}.eicon-e-button:before{content:"\e9ce"}.eicon-flexbox:before{content:"\e9d0"}.eicon-paragraph:before{content:"\e9d1"}.eicon-icon:before{content:"\e9d2"}.eicon-e-image:before{content:"\e9d3"}.eicon-video:before{content:"\e9d4"}.eicon-svg:before{content:"\e9d5"}.eicon-e-divider:before{content:"\e9d6"}.eicon-e-heading:before{content:"\e9d7"}.eicon-atomic:before{content:"\ebae"}.eicon-library-delete:before{content:"\e9d8"}.eicon-library-copy:before{content:"\e9d9"}.eicon-library-folder-empty:before{content:"\e9da"}.eicon-library-move:before{content:"\e9db"}.eicon-library-edit:before{content:"\e9dc"}.eicon-library-subscription-upgrade:before{content:"\e9de"}.eicon-library-folder-view:before{content:"\e9df"}.eicon-library-grid:before{content:"\e9e1"}.eicon-library-cloud-connect:before{content:"\e9e2"}.eicon-library-import:before{content:"\e9e3"}.eicon-library-list:before{content:"\e9e4"}.eicon-library-cloud-empty:before{content:"\e9e5"}.eicon-folder-plus:before{content:"\e8aa"}.eicon-library-folder:before{content:"\e9e6"}.eicon-accessibility:before{content:"\e9bf"}.eicon-lock-outline:before{content:"\e9e7"}.eicon-e-youtube:before{content:"\e9e8"}.eicon-contact:before{content:"\ebd2"}.eicon-layout:before{content:"\ebd8"}.eicon-components:before{content:"\ebd9"}.eicon-tab-content:before{content:"\ebda"}.eicon-tab-menu:before{content:"\ebdb"}.eicon-atomic-label:before{content:"\e9ee"}.eicon-atomic-form:before{content:"\e9ef"}.eicon-atomic-submit-button:before{content:"\e9f0"}.eicon-atomic-input:before{content:"\e9f1"}.eicon-atomic-text-area:before{content:"\e9f2"}.eicon-eye:before{content:"\e8ac"}.eicon-elementor-square:before{content:"\e813"}.elementor-widget.elementor-icon-list--layout-inline .elementor-widget-container,.elementor-widget:not(:has(.elementor-widget-container)) .elementor-widget-container{overflow:hidden}.elementor-widget .elementor-icon-list-items.elementor-inline-items{display:flex;flex-wrap:wrap;margin-inline:-8px}.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-inline-item{word-break:break-word}.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:8px}.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{border-width:0;border-inline-start-width:1px;border-style:solid;height:100%;inset-inline-end:-8px;inset-inline-start:auto;position:relative;width:auto}.elementor-widget .elementor-icon-list-items{list-style-type:none;margin:0;padding:0}.elementor-widget .elementor-icon-list-item{margin:0;padding:0;position:relative}.elementor-widget .elementor-icon-list-item:after{inset-block-end:0;position:absolute;width:100%}.elementor-widget .elementor-icon-list-item,.elementor-widget .elementor-icon-list-item a{align-items:var(--icon-vertical-align,center);display:flex;font-size:inherit}.elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text{align-self:center;padding-inline-start:5px}.elementor-widget .elementor-icon-list-icon{display:flex;inset-block-start:var(--icon-vertical-offset,initial);position:relative}.elementor-widget .elementor-icon-list-icon svg{height:var(--e-icon-list-icon-size,1em);width:var(--e-icon-list-icon-size,1em)}.elementor-widget .elementor-icon-list-icon i{font-size:var(--e-icon-list-icon-size);width:1.25em}.elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon{text-align:var(--e-icon-list-icon-align)}.elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon svg{margin:var(--e-icon-list-icon-margin,0 calc(var(--e-icon-list-icon-size, 1em) * .25) 0 0)}.elementor-widget.elementor-list-item-link-full_width a{width:100%}.elementor-widget.elementor-align-center .elementor-icon-list-item,.elementor-widget.elementor-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-align-start .elementor-icon-list-item,.elementor-widget.elementor-align-start .elementor-icon-list-item a{justify-content:start;text-align:start}.elementor-widget.elementor-align-start .elementor-inline-items{justify-content:start}.elementor-widget.elementor-align-end .elementor-icon-list-item,.elementor-widget.elementor-align-end .elementor-icon-list-item a{justify-content:end;text-align:end}.elementor-widget.elementor-align-end .elementor-icon-list-items{justify-content:end}.elementor-widget:not(.elementor-align-end) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-align-start) .elementor-icon-list-item:after{inset-inline-end:0}@media (min-width:-1){.elementor-widget.elementor-widescreen-align-center .elementor-icon-list-item,.elementor-widget.elementor-widescreen-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-widescreen-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-widescreen-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-widescreen-align-start .elementor-icon-list-item,.elementor-widget.elementor-widescreen-align-start .elementor-icon-list-item a{justify-content:start;text-align:start}.elementor-widget.elementor-widescreen-align-start .elementor-inline-items{justify-content:start}.elementor-widget.elementor-widescreen-align-end .elementor-icon-list-item,.elementor-widget.elementor-widescreen-align-end .elementor-icon-list-item a{justify-content:end;text-align:end}.elementor-widget.elementor-widescreen-align-end .elementor-icon-list-items{justify-content:end}.elementor-widget:not(.elementor-widescreen-align-end) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-widescreen-align-start) .elementor-icon-list-item:after{inset-inline-end:0}}@media (max-width:-1){.elementor-widget.elementor-laptop-align-center .elementor-icon-list-item,.elementor-widget.elementor-laptop-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-laptop-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-laptop-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-laptop-align-start .elementor-icon-list-item,.elementor-widget.elementor-laptop-align-start .elementor-icon-list-item a{justify-content:start;text-align:start}.elementor-widget.elementor-laptop-align-start .elementor-inline-items{justify-content:start}.elementor-widget.elementor-laptop-align-end .elementor-icon-list-item,.elementor-widget.elementor-laptop-align-end .elementor-icon-list-item a{justify-content:end;text-align:end}.elementor-widget.elementor-laptop-align-end .elementor-icon-list-items{justify-content:end}.elementor-widget:not(.elementor-laptop-align-end) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-laptop-align-start) .elementor-icon-list-item:after{inset-inline-end:0}.elementor-widget.elementor-tablet_extra-align-center .elementor-icon-list-item,.elementor-widget.elementor-tablet_extra-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-tablet_extra-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-tablet_extra-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-tablet_extra-align-start .elementor-icon-list-item,.elementor-widget.elementor-tablet_extra-align-start .elementor-icon-list-item a{justify-content:start;text-align:start}.elementor-widget.elementor-tablet_extra-align-start .elementor-inline-items{justify-content:start}.elementor-widget.elementor-tablet_extra-align-end .elementor-icon-list-item,.elementor-widget.elementor-tablet_extra-align-end .elementor-icon-list-item a{justify-content:end;text-align:end}.elementor-widget.elementor-tablet_extra-align-end .elementor-icon-list-items{justify-content:end}.elementor-widget:not(.elementor-tablet_extra-align-end) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-tablet_extra-align-start) .elementor-icon-list-item:after{inset-inline-end:0}}@media (max-width:1024px){.elementor-widget.elementor-tablet-align-center .elementor-icon-list-item,.elementor-widget.elementor-tablet-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-tablet-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-tablet-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-tablet-align-start .elementor-icon-list-item,.elementor-widget.elementor-tablet-align-start .elementor-icon-list-item a{justify-content:start;text-align:start}.elementor-widget.elementor-tablet-align-start .elementor-inline-items{justify-content:start}.elementor-widget.elementor-tablet-align-end .elementor-icon-list-item,.elementor-widget.elementor-tablet-align-end .elementor-icon-list-item a{justify-content:end;text-align:end}.elementor-widget.elementor-tablet-align-end .elementor-icon-list-items{justify-content:end}.elementor-widget:not(.elementor-tablet-align-end) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-tablet-align-start) .elementor-icon-list-item:after{inset-inline-end:0}}@media (max-width:-1){.elementor-widget.elementor-mobile_extra-align-center .elementor-icon-list-item,.elementor-widget.elementor-mobile_extra-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-mobile_extra-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-mobile_extra-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-mobile_extra-align-start .elementor-icon-list-item,.elementor-widget.elementor-mobile_extra-align-start .elementor-icon-list-item a{justify-content:start;text-align:start}.elementor-widget.elementor-mobile_extra-align-start .elementor-inline-items{justify-content:start}.elementor-widget.elementor-mobile_extra-align-end .elementor-icon-list-item,.elementor-widget.elementor-mobile_extra-align-end .elementor-icon-list-item a{justify-content:end;text-align:end}.elementor-widget.elementor-mobile_extra-align-end .elementor-icon-list-items{justify-content:end}.elementor-widget:not(.elementor-mobile_extra-align-end) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-mobile_extra-align-start) .elementor-icon-list-item:after{inset-inline-end:0}}@media (max-width:767px){.elementor-widget.elementor-mobile-align-center .elementor-icon-list-item,.elementor-widget.elementor-mobile-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-mobile-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-mobile-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-mobile-align-start .elementor-icon-list-item,.elementor-widget.elementor-mobile-align-start .elementor-icon-list-item a{justify-content:start;text-align:start}.elementor-widget.elementor-mobile-align-start .elementor-inline-items{justify-content:start}.elementor-widget.elementor-mobile-align-end .elementor-icon-list-item,.elementor-widget.elementor-mobile-align-end .elementor-icon-list-item a{justify-content:end;text-align:end}.elementor-widget.elementor-mobile-align-end .elementor-icon-list-items{justify-content:end}.elementor-widget:not(.elementor-mobile-align-end) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-mobile-align-start) .elementor-icon-list-item:after{inset-inline-end:0}}#left-area ul.elementor-icon-list-items,.elementor .elementor-element ul.elementor-icon-list-items,.elementor-edit-area .elementor-element ul.elementor-icon-list-items{padding:0}.elementor-widget-social-icons.elementor-grid-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-0:not(:has(.elementor-widget-container)),.elementor-widget-social-icons.elementor-grid-mobile-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-mobile-0:not(:has(.elementor-widget-container)),.elementor-widget-social-icons.elementor-grid-tablet-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-tablet-0:not(:has(.elementor-widget-container)){font-size:0;line-height:1}.elementor-widget-social-icons:not(.elementor-grid-0):not(.elementor-grid-tablet-0):not(.elementor-grid-mobile-0) .elementor-grid{display:inline-grid}.elementor-widget-social-icons .elementor-grid{grid-column-gap:var(--grid-column-gap,5px);grid-row-gap:var(--grid-row-gap,5px);grid-template-columns:var(--grid-template-columns);justify-content:var(--justify-content,center);justify-items:var(--justify-content,center)}.elementor-icon.elementor-social-icon{font-size:var(--icon-size,25px);height:calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em));line-height:var(--icon-size,25px);width:calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em))}.elementor-social-icon{--e-social-icon-icon-color:#fff;align-items:center;background-color:#69727d;cursor:pointer;display:inline-flex;justify-content:center;text-align:center}.elementor-social-icon i{color:var(--e-social-icon-icon-color)}.elementor-social-icon svg{fill:var(--e-social-icon-icon-color)}.elementor-social-icon:last-child{margin:0}.elementor-social-icon:hover{color:#fff;opacity:.9}.elementor-social-icon-android{background-color:#a4c639}.elementor-social-icon-apple{background-color:#999}.elementor-social-icon-behance{background-color:#1769ff}.elementor-social-icon-bitbucket{background-color:#205081}.elementor-social-icon-codepen{background-color:#000}.elementor-social-icon-delicious{background-color:#39f}.elementor-social-icon-deviantart{background-color:#05cc47}.elementor-social-icon-digg{background-color:#005be2}.elementor-social-icon-dribbble{background-color:#ea4c89}.elementor-social-icon-elementor{background-color:#d30c5c}.elementor-social-icon-envelope{background-color:#ea4335}.elementor-social-icon-facebook,.elementor-social-icon-facebook-f{background-color:#3b5998}.elementor-social-icon-flickr{background-color:#0063dc}.elementor-social-icon-foursquare{background-color:#2d5be3}.elementor-social-icon-free-code-camp,.elementor-social-icon-freecodecamp{background-color:#006400}.elementor-social-icon-github{background-color:#333}.elementor-social-icon-gitlab{background-color:#e24329}.elementor-social-icon-globe{background-color:#69727d}.elementor-social-icon-google-plus,.elementor-social-icon-google-plus-g{background-color:#dd4b39}.elementor-social-icon-houzz{background-color:#7ac142}.elementor-social-icon-instagram{background-color:#262626}.elementor-social-icon-jsfiddle{background-color:#487aa2}.elementor-social-icon-link{background-color:#818a91}.elementor-social-icon-linkedin,.elementor-social-icon-linkedin-in{background-color:#0077b5}.elementor-social-icon-medium{background-color:#00ab6b}.elementor-social-icon-meetup{background-color:#ec1c40}.elementor-social-icon-mixcloud{background-color:#273a4b}.elementor-social-icon-odnoklassniki{background-color:#f4731c}.elementor-social-icon-pinterest{background-color:#bd081c}.elementor-social-icon-product-hunt{background-color:#da552f}.elementor-social-icon-reddit{background-color:#ff4500}.elementor-social-icon-rss{background-color:#f26522}.elementor-social-icon-shopping-cart{background-color:#4caf50}.elementor-social-icon-skype{background-color:#00aff0}.elementor-social-icon-slideshare{background-color:#0077b5}.elementor-social-icon-snapchat{background-color:#fffc00}.elementor-social-icon-soundcloud{background-color:#f80}.elementor-social-icon-spotify{background-color:#2ebd59}.elementor-social-icon-stack-overflow{background-color:#fe7a15}.elementor-social-icon-steam{background-color:#00adee}.elementor-social-icon-stumbleupon{background-color:#eb4924}.elementor-social-icon-telegram{background-color:#2ca5e0}.elementor-social-icon-threads{background-color:#000}.elementor-social-icon-thumb-tack{background-color:#1aa1d8}.elementor-social-icon-tripadvisor{background-color:#589442}.elementor-social-icon-tumblr{background-color:#35465c}.elementor-social-icon-twitch{background-color:#6441a5}.elementor-social-icon-twitter{background-color:#1da1f2}.elementor-social-icon-viber{background-color:#665cac}.elementor-social-icon-vimeo{background-color:#1ab7ea}.elementor-social-icon-vk{background-color:#45668e}.elementor-social-icon-weibo{background-color:#dd2430}.elementor-social-icon-weixin{background-color:#31a918}.elementor-social-icon-whatsapp{background-color:#25d366}.elementor-social-icon-wordpress{background-color:#21759b}.elementor-social-icon-x-twitter{background-color:#000}.elementor-social-icon-xing{background-color:#026466}.elementor-social-icon-yelp{background-color:#af0606}.elementor-social-icon-youtube{background-color:#cd201f}.elementor-social-icon-500px{background-color:#0099e5}@font-face {
font-family: 'Font Awesome 5 Brands';
font-style: normal;
font-weight: 400;
font-display: block;
src: url(//seigostaffing.co.za/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-brands-400.eot);
src: url(//seigostaffing.co.za/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(//seigostaffing.co.za/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-brands-400.woff2) format("woff2"), url(//seigostaffing.co.za/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-brands-400.woff) format("woff"), url(//seigostaffing.co.za/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-brands-400.ttf) format("truetype"), url(//seigostaffing.co.za/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-brands-400.svg#fontawesome) format("svg"); }
.fab {
font-family: 'Font Awesome 5 Brands';
font-weight: 400; }.fa,
.fas,
.far,
.fal,
.fad,
.fab {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1; }
.fa-lg {
font-size: 1.33333em;
line-height: 0.75em;
vertical-align: -.0667em; }
.fa-xs {
font-size: .75em; }
.fa-sm {
font-size: .875em; }
.fa-1x {
font-size: 1em; }
.fa-2x {
font-size: 2em; }
.fa-3x {
font-size: 3em; }
.fa-4x {
font-size: 4em; }
.fa-5x {
font-size: 5em; }
.fa-6x {
font-size: 6em; }
.fa-7x {
font-size: 7em; }
.fa-8x {
font-size: 8em; }
.fa-9x {
font-size: 9em; }
.fa-10x {
font-size: 10em; }
.fa-fw {
text-align: center;
width: 1.25em; }
.fa-ul {
list-style-type: none;
margin-left: 2.5em;
padding-left: 0; }
.fa-ul > li {
position: relative; }
.fa-li {
left: -2em;
position: absolute;
text-align: center;
width: 2em;
line-height: inherit; }
.fa-border {
border: solid 0.08em #eee;
border-radius: .1em;
padding: .2em .25em .15em; }
.fa-pull-left {
float: left; }
.fa-pull-right {
float: right; }
.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
margin-right: .3em; }
.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
margin-left: .3em; }
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear; }
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8); }
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
transform: rotate(270deg); }
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1); }
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
transform: scale(1, -1); }
.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(-1, -1);
transform: scale(-1, -1); }
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
-webkit-filter: none;
filter: none; }
.fa-stack {
display: inline-block;
height: 2em;
line-height: 2em;
position: relative;
vertical-align: middle;
width: 2.5em; }
.fa-stack-1x,
.fa-stack-2x {
left: 0;
position: absolute;
text-align: center;
width: 100%; }
.fa-stack-1x {
line-height: inherit; }
.fa-stack-2x {
font-size: 2em; }
.fa-inverse {
color: #fff; } .fa-500px:before {
content: "\f26e"; }
.fa-accessible-icon:before {
content: "\f368"; }
.fa-accusoft:before {
content: "\f369"; }
.fa-acquisitions-incorporated:before {
content: "\f6af"; }
.fa-ad:before {
content: "\f641"; }
.fa-address-book:before {
content: "\f2b9"; }
.fa-address-card:before {
content: "\f2bb"; }
.fa-adjust:before {
content: "\f042"; }
.fa-adn:before {
content: "\f170"; }
.fa-adversal:before {
content: "\f36a"; }
.fa-affiliatetheme:before {
content: "\f36b"; }
.fa-air-freshener:before {
content: "\f5d0"; }
.fa-airbnb:before {
content: "\f834"; }
.fa-algolia:before {
content: "\f36c"; }
.fa-align-center:before {
content: "\f037"; }
.fa-align-justify:before {
content: "\f039"; }
.fa-align-left:before {
content: "\f036"; }
.fa-align-right:before {
content: "\f038"; }
.fa-alipay:before {
content: "\f642"; }
.fa-allergies:before {
content: "\f461"; }
.fa-amazon:before {
content: "\f270"; }
.fa-amazon-pay:before {
content: "\f42c"; }
.fa-ambulance:before {
content: "\f0f9"; }
.fa-american-sign-language-interpreting:before {
content: "\f2a3"; }
.fa-amilia:before {
content: "\f36d"; }
.fa-anchor:before {
content: "\f13d"; }
.fa-android:before {
content: "\f17b"; }
.fa-angellist:before {
content: "\f209"; }
.fa-angle-double-down:before {
content: "\f103"; }
.fa-angle-double-left:before {
content: "\f100"; }
.fa-angle-double-right:before {
content: "\f101"; }
.fa-angle-double-up:before {
content: "\f102"; }
.fa-angle-down:before {
content: "\f107"; }
.fa-angle-left:before {
content: "\f104"; }
.fa-angle-right:before {
content: "\f105"; }
.fa-angle-up:before {
content: "\f106"; }
.fa-angry:before {
content: "\f556"; }
.fa-angrycreative:before {
content: "\f36e"; }
.fa-angular:before {
content: "\f420"; }
.fa-ankh:before {
content: "\f644"; }
.fa-app-store:before {
content: "\f36f"; }
.fa-app-store-ios:before {
content: "\f370"; }
.fa-apper:before {
content: "\f371"; }
.fa-apple:before {
content: "\f179"; }
.fa-apple-alt:before {
content: "\f5d1"; }
.fa-apple-pay:before {
content: "\f415"; }
.fa-archive:before {
content: "\f187"; }
.fa-archway:before {
content: "\f557"; }
.fa-arrow-alt-circle-down:before {
content: "\f358"; }
.fa-arrow-alt-circle-left:before {
content: "\f359"; }
.fa-arrow-alt-circle-right:before {
content: "\f35a"; }
.fa-arrow-alt-circle-up:before {
content: "\f35b"; }
.fa-arrow-circle-down:before {
content: "\f0ab"; }
.fa-arrow-circle-left:before {
content: "\f0a8"; }
.fa-arrow-circle-right:before {
content: "\f0a9"; }
.fa-arrow-circle-up:before {
content: "\f0aa"; }
.fa-arrow-down:before {
content: "\f063"; }
.fa-arrow-left:before {
content: "\f060"; }
.fa-arrow-right:before {
content: "\f061"; }
.fa-arrow-up:before {
content: "\f062"; }
.fa-arrows-alt:before {
content: "\f0b2"; }
.fa-arrows-alt-h:before {
content: "\f337"; }
.fa-arrows-alt-v:before {
content: "\f338"; }
.fa-artstation:before {
content: "\f77a"; }
.fa-assistive-listening-systems:before {
content: "\f2a2"; }
.fa-asterisk:before {
content: "\f069"; }
.fa-asymmetrik:before {
content: "\f372"; }
.fa-at:before {
content: "\f1fa"; }
.fa-atlas:before {
content: "\f558"; }
.fa-atlassian:before {
content: "\f77b"; }
.fa-atom:before {
content: "\f5d2"; }
.fa-audible:before {
content: "\f373"; }
.fa-audio-description:before {
content: "\f29e"; }
.fa-autoprefixer:before {
content: "\f41c"; }
.fa-avianex:before {
content: "\f374"; }
.fa-aviato:before {
content: "\f421"; }
.fa-award:before {
content: "\f559"; }
.fa-aws:before {
content: "\f375"; }
.fa-baby:before {
content: "\f77c"; }
.fa-baby-carriage:before {
content: "\f77d"; }
.fa-backspace:before {
content: "\f55a"; }
.fa-backward:before {
content: "\f04a"; }
.fa-bacon:before {
content: "\f7e5"; }
.fa-bacteria:before {
content: "\e059"; }
.fa-bacterium:before {
content: "\e05a"; }
.fa-bahai:before {
content: "\f666"; }
.fa-balance-scale:before {
content: "\f24e"; }
.fa-balance-scale-left:before {
content: "\f515"; }
.fa-balance-scale-right:before {
content: "\f516"; }
.fa-ban:before {
content: "\f05e"; }
.fa-band-aid:before {
content: "\f462"; }
.fa-bandcamp:before {
content: "\f2d5"; }
.fa-barcode:before {
content: "\f02a"; }
.fa-bars:before {
content: "\f0c9"; }
.fa-baseball-ball:before {
content: "\f433"; }
.fa-basketball-ball:before {
content: "\f434"; }
.fa-bath:before {
content: "\f2cd"; }
.fa-battery-empty:before {
content: "\f244"; }
.fa-battery-full:before {
content: "\f240"; }
.fa-battery-half:before {
content: "\f242"; }
.fa-battery-quarter:before {
content: "\f243"; }
.fa-battery-three-quarters:before {
content: "\f241"; }
.fa-battle-net:before {
content: "\f835"; }
.fa-bed:before {
content: "\f236"; }
.fa-beer:before {
content: "\f0fc"; }
.fa-behance:before {
content: "\f1b4"; }
.fa-behance-square:before {
content: "\f1b5"; }
.fa-bell:before {
content: "\f0f3"; }
.fa-bell-slash:before {
content: "\f1f6"; }
.fa-bezier-curve:before {
content: "\f55b"; }
.fa-bible:before {
content: "\f647"; }
.fa-bicycle:before {
content: "\f206"; }
.fa-biking:before {
content: "\f84a"; }
.fa-bimobject:before {
content: "\f378"; }
.fa-binoculars:before {
content: "\f1e5"; }
.fa-biohazard:before {
content: "\f780"; }
.fa-birthday-cake:before {
content: "\f1fd"; }
.fa-bitbucket:before {
content: "\f171"; }
.fa-bitcoin:before {
content: "\f379"; }
.fa-bity:before {
content: "\f37a"; }
.fa-black-tie:before {
content: "\f27e"; }
.fa-blackberry:before {
content: "\f37b"; }
.fa-blender:before {
content: "\f517"; }
.fa-blender-phone:before {
content: "\f6b6"; }
.fa-blind:before {
content: "\f29d"; }
.fa-blog:before {
content: "\f781"; }
.fa-blogger:before {
content: "\f37c"; }
.fa-blogger-b:before {
content: "\f37d"; }
.fa-bluetooth:before {
content: "\f293"; }
.fa-bluetooth-b:before {
content: "\f294"; }
.fa-bold:before {
content: "\f032"; }
.fa-bolt:before {
content: "\f0e7"; }
.fa-bomb:before {
content: "\f1e2"; }
.fa-bone:before {
content: "\f5d7"; }
.fa-bong:before {
content: "\f55c"; }
.fa-book:before {
content: "\f02d"; }
.fa-book-dead:before {
content: "\f6b7"; }
.fa-book-medical:before {
content: "\f7e6"; }
.fa-book-open:before {
content: "\f518"; }
.fa-book-reader:before {
content: "\f5da"; }
.fa-bookmark:before {
content: "\f02e"; }
.fa-bootstrap:before {
content: "\f836"; }
.fa-border-all:before {
content: "\f84c"; }
.fa-border-none:before {
content: "\f850"; }
.fa-border-style:before {
content: "\f853"; }
.fa-bowling-ball:before {
content: "\f436"; }
.fa-box:before {
content: "\f466"; }
.fa-box-open:before {
content: "\f49e"; }
.fa-box-tissue:before {
content: "\e05b"; }
.fa-boxes:before {
content: "\f468"; }
.fa-braille:before {
content: "\f2a1"; }
.fa-brain:before {
content: "\f5dc"; }
.fa-bread-slice:before {
content: "\f7ec"; }
.fa-briefcase:before {
content: "\f0b1"; }
.fa-briefcase-medical:before {
content: "\f469"; }
.fa-broadcast-tower:before {
content: "\f519"; }
.fa-broom:before {
content: "\f51a"; }
.fa-brush:before {
content: "\f55d"; }
.fa-btc:before {
content: "\f15a"; }
.fa-buffer:before {
content: "\f837"; }
.fa-bug:before {
content: "\f188"; }
.fa-building:before {
content: "\f1ad"; }
.fa-bullhorn:before {
content: "\f0a1"; }
.fa-bullseye:before {
content: "\f140"; }
.fa-burn:before {
content: "\f46a"; }
.fa-buromobelexperte:before {
content: "\f37f"; }
.fa-bus:before {
content: "\f207"; }
.fa-bus-alt:before {
content: "\f55e"; }
.fa-business-time:before {
content: "\f64a"; }
.fa-buy-n-large:before {
content: "\f8a6"; }
.fa-buysellads:before {
content: "\f20d"; }
.fa-calculator:before {
content: "\f1ec"; }
.fa-calendar:before {
content: "\f133"; }
.fa-calendar-alt:before {
content: "\f073"; }
.fa-calendar-check:before {
content: "\f274"; }
.fa-calendar-day:before {
content: "\f783"; }
.fa-calendar-minus:before {
content: "\f272"; }
.fa-calendar-plus:before {
content: "\f271"; }
.fa-calendar-times:before {
content: "\f273"; }
.fa-calendar-week:before {
content: "\f784"; }
.fa-camera:before {
content: "\f030"; }
.fa-camera-retro:before {
content: "\f083"; }
.fa-campground:before {
content: "\f6bb"; }
.fa-canadian-maple-leaf:before {
content: "\f785"; }
.fa-candy-cane:before {
content: "\f786"; }
.fa-cannabis:before {
content: "\f55f"; }
.fa-capsules:before {
content: "\f46b"; }
.fa-car:before {
content: "\f1b9"; }
.fa-car-alt:before {
content: "\f5de"; }
.fa-car-battery:before {
content: "\f5df"; }
.fa-car-crash:before {
content: "\f5e1"; }
.fa-car-side:before {
content: "\f5e4"; }
.fa-caravan:before {
content: "\f8ff"; }
.fa-caret-down:before {
content: "\f0d7"; }
.fa-caret-left:before {
content: "\f0d9"; }
.fa-caret-right:before {
content: "\f0da"; }
.fa-caret-square-down:before {
content: "\f150"; }
.fa-caret-square-left:before {
content: "\f191"; }
.fa-caret-square-right:before {
content: "\f152"; }
.fa-caret-square-up:before {
content: "\f151"; }
.fa-caret-up:before {
content: "\f0d8"; }
.fa-carrot:before {
content: "\f787"; }
.fa-cart-arrow-down:before {
content: "\f218"; }
.fa-cart-plus:before {
content: "\f217"; }
.fa-cash-register:before {
content: "\f788"; }
.fa-cat:before {
content: "\f6be"; }
.fa-cc-amazon-pay:before {
content: "\f42d"; }
.fa-cc-amex:before {
content: "\f1f3"; }
.fa-cc-apple-pay:before {
content: "\f416"; }
.fa-cc-diners-club:before {
content: "\f24c"; }
.fa-cc-discover:before {
content: "\f1f2"; }
.fa-cc-jcb:before {
content: "\f24b"; }
.fa-cc-mastercard:before {
content: "\f1f1"; }
.fa-cc-paypal:before {
content: "\f1f4"; }
.fa-cc-stripe:before {
content: "\f1f5"; }
.fa-cc-visa:before {
content: "\f1f0"; }
.fa-centercode:before {
content: "\f380"; }
.fa-centos:before {
content: "\f789"; }
.fa-certificate:before {
content: "\f0a3"; }
.fa-chair:before {
content: "\f6c0"; }
.fa-chalkboard:before {
content: "\f51b"; }
.fa-chalkboard-teacher:before {
content: "\f51c"; }
.fa-charging-station:before {
content: "\f5e7"; }
.fa-chart-area:before {
content: "\f1fe"; }
.fa-chart-bar:before {
content: "\f080"; }
.fa-chart-line:before {
content: "\f201"; }
.fa-chart-pie:before {
content: "\f200"; }
.fa-check:before {
content: "\f00c"; }
.fa-check-circle:before {
content: "\f058"; }
.fa-check-double:before {
content: "\f560"; }
.fa-check-square:before {
content: "\f14a"; }
.fa-cheese:before {
content: "\f7ef"; }
.fa-chess:before {
content: "\f439"; }
.fa-chess-bishop:before {
content: "\f43a"; }
.fa-chess-board:before {
content: "\f43c"; }
.fa-chess-king:before {
content: "\f43f"; }
.fa-chess-knight:before {
content: "\f441"; }
.fa-chess-pawn:before {
content: "\f443"; }
.fa-chess-queen:before {
content: "\f445"; }
.fa-chess-rook:before {
content: "\f447"; }
.fa-chevron-circle-down:before {
content: "\f13a"; }
.fa-chevron-circle-left:before {
content: "\f137"; }
.fa-chevron-circle-right:before {
content: "\f138"; }
.fa-chevron-circle-up:before {
content: "\f139"; }
.fa-chevron-down:before {
content: "\f078"; }
.fa-chevron-left:before {
content: "\f053"; }
.fa-chevron-right:before {
content: "\f054"; }
.fa-chevron-up:before {
content: "\f077"; }
.fa-child:before {
content: "\f1ae"; }
.fa-chrome:before {
content: "\f268"; }
.fa-chromecast:before {
content: "\f838"; }
.fa-church:before {
content: "\f51d"; }
.fa-circle:before {
content: "\f111"; }
.fa-circle-notch:before {
content: "\f1ce"; }
.fa-city:before {
content: "\f64f"; }
.fa-clinic-medical:before {
content: "\f7f2"; }
.fa-clipboard:before {
content: "\f328"; }
.fa-clipboard-check:before {
content: "\f46c"; }
.fa-clipboard-list:before {
content: "\f46d"; }
.fa-clock:before {
content: "\f017"; }
.fa-clone:before {
content: "\f24d"; }
.fa-closed-captioning:before {
content: "\f20a"; }
.fa-cloud:before {
content: "\f0c2"; }
.fa-cloud-download-alt:before {
content: "\f381"; }
.fa-cloud-meatball:before {
content: "\f73b"; }
.fa-cloud-moon:before {
content: "\f6c3"; }
.fa-cloud-moon-rain:before {
content: "\f73c"; }
.fa-cloud-rain:before {
content: "\f73d"; }
.fa-cloud-showers-heavy:before {
content: "\f740"; }
.fa-cloud-sun:before {
content: "\f6c4"; }
.fa-cloud-sun-rain:before {
content: "\f743"; }
.fa-cloud-upload-alt:before {
content: "\f382"; }
.fa-cloudflare:before {
content: "\e07d"; }
.fa-cloudscale:before {
content: "\f383"; }
.fa-cloudsmith:before {
content: "\f384"; }
.fa-cloudversify:before {
content: "\f385"; }
.fa-cocktail:before {
content: "\f561"; }
.fa-code:before {
content: "\f121"; }
.fa-code-branch:before {
content: "\f126"; }
.fa-codepen:before {
content: "\f1cb"; }
.fa-codiepie:before {
content: "\f284"; }
.fa-coffee:before {
content: "\f0f4"; }
.fa-cog:before {
content: "\f013"; }
.fa-cogs:before {
content: "\f085"; }
.fa-coins:before {
content: "\f51e"; }
.fa-columns:before {
content: "\f0db"; }
.fa-comment:before {
content: "\f075"; }
.fa-comment-alt:before {
content: "\f27a"; }
.fa-comment-dollar:before {
content: "\f651"; }
.fa-comment-dots:before {
content: "\f4ad"; }
.fa-comment-medical:before {
content: "\f7f5"; }
.fa-comment-slash:before {
content: "\f4b3"; }
.fa-comments:before {
content: "\f086"; }
.fa-comments-dollar:before {
content: "\f653"; }
.fa-compact-disc:before {
content: "\f51f"; }
.fa-compass:before {
content: "\f14e"; }
.fa-compress:before {
content: "\f066"; }
.fa-compress-alt:before {
content: "\f422"; }
.fa-compress-arrows-alt:before {
content: "\f78c"; }
.fa-concierge-bell:before {
content: "\f562"; }
.fa-confluence:before {
content: "\f78d"; }
.fa-connectdevelop:before {
content: "\f20e"; }
.fa-contao:before {
content: "\f26d"; }
.fa-cookie:before {
content: "\f563"; }
.fa-cookie-bite:before {
content: "\f564"; }
.fa-copy:before {
content: "\f0c5"; }
.fa-copyright:before {
content: "\f1f9"; }
.fa-cotton-bureau:before {
content: "\f89e"; }
.fa-couch:before {
content: "\f4b8"; }
.fa-cpanel:before {
content: "\f388"; }
.fa-creative-commons:before {
content: "\f25e"; }
.fa-creative-commons-by:before {
content: "\f4e7"; }
.fa-creative-commons-nc:before {
content: "\f4e8"; }
.fa-creative-commons-nc-eu:before {
content: "\f4e9"; }
.fa-creative-commons-nc-jp:before {
content: "\f4ea"; }
.fa-creative-commons-nd:before {
content: "\f4eb"; }
.fa-creative-commons-pd:before {
content: "\f4ec"; }
.fa-creative-commons-pd-alt:before {
content: "\f4ed"; }
.fa-creative-commons-remix:before {
content: "\f4ee"; }
.fa-creative-commons-sa:before {
content: "\f4ef"; }
.fa-creative-commons-sampling:before {
content: "\f4f0"; }
.fa-creative-commons-sampling-plus:before {
content: "\f4f1"; }
.fa-creative-commons-share:before {
content: "\f4f2"; }
.fa-creative-commons-zero:before {
content: "\f4f3"; }
.fa-credit-card:before {
content: "\f09d"; }
.fa-critical-role:before {
content: "\f6c9"; }
.fa-crop:before {
content: "\f125"; }
.fa-crop-alt:before {
content: "\f565"; }
.fa-cross:before {
content: "\f654"; }
.fa-crosshairs:before {
content: "\f05b"; }
.fa-crow:before {
content: "\f520"; }
.fa-crown:before {
content: "\f521"; }
.fa-crutch:before {
content: "\f7f7"; }
.fa-css3:before {
content: "\f13c"; }
.fa-css3-alt:before {
content: "\f38b"; }
.fa-cube:before {
content: "\f1b2"; }
.fa-cubes:before {
content: "\f1b3"; }
.fa-cut:before {
content: "\f0c4"; }
.fa-cuttlefish:before {
content: "\f38c"; }
.fa-d-and-d:before {
content: "\f38d"; }
.fa-d-and-d-beyond:before {
content: "\f6ca"; }
.fa-dailymotion:before {
content: "\e052"; }
.fa-dashcube:before {
content: "\f210"; }
.fa-database:before {
content: "\f1c0"; }
.fa-deaf:before {
content: "\f2a4"; }
.fa-deezer:before {
content: "\e077"; }
.fa-delicious:before {
content: "\f1a5"; }
.fa-democrat:before {
content: "\f747"; }
.fa-deploydog:before {
content: "\f38e"; }
.fa-deskpro:before {
content: "\f38f"; }
.fa-desktop:before {
content: "\f108"; }
.fa-dev:before {
content: "\f6cc"; }
.fa-deviantart:before {
content: "\f1bd"; }
.fa-dharmachakra:before {
content: "\f655"; }
.fa-dhl:before {
content: "\f790"; }
.fa-diagnoses:before {
content: "\f470"; }
.fa-diaspora:before {
content: "\f791"; }
.fa-dice:before {
content: "\f522"; }
.fa-dice-d20:before {
content: "\f6cf"; }
.fa-dice-d6:before {
content: "\f6d1"; }
.fa-dice-five:before {
content: "\f523"; }
.fa-dice-four:before {
content: "\f524"; }
.fa-dice-one:before {
content: "\f525"; }
.fa-dice-six:before {
content: "\f526"; }
.fa-dice-three:before {
content: "\f527"; }
.fa-dice-two:before {
content: "\f528"; }
.fa-digg:before {
content: "\f1a6"; }
.fa-digital-ocean:before {
content: "\f391"; }
.fa-digital-tachograph:before {
content: "\f566"; }
.fa-directions:before {
content: "\f5eb"; }
.fa-discord:before {
content: "\f392"; }
.fa-discourse:before {
content: "\f393"; }
.fa-disease:before {
content: "\f7fa"; }
.fa-divide:before {
content: "\f529"; }
.fa-dizzy:before {
content: "\f567"; }
.fa-dna:before {
content: "\f471"; }
.fa-dochub:before {
content: "\f394"; }
.fa-docker:before {
content: "\f395"; }
.fa-dog:before {
content: "\f6d3"; }
.fa-dollar-sign:before {
content: "\f155"; }
.fa-dolly:before {
content: "\f472"; }
.fa-dolly-flatbed:before {
content: "\f474"; }
.fa-donate:before {
content: "\f4b9"; }
.fa-door-closed:before {
content: "\f52a"; }
.fa-door-open:before {
content: "\f52b"; }
.fa-dot-circle:before {
content: "\f192"; }
.fa-dove:before {
content: "\f4ba"; }
.fa-download:before {
content: "\f019"; }
.fa-draft2digital:before {
content: "\f396"; }
.fa-drafting-compass:before {
content: "\f568"; }
.fa-dragon:before {
content: "\f6d5"; }
.fa-draw-polygon:before {
content: "\f5ee"; }
.fa-dribbble:before {
content: "\f17d"; }
.fa-dribbble-square:before {
content: "\f397"; }
.fa-dropbox:before {
content: "\f16b"; }
.fa-drum:before {
content: "\f569"; }
.fa-drum-steelpan:before {
content: "\f56a"; }
.fa-drumstick-bite:before {
content: "\f6d7"; }
.fa-drupal:before {
content: "\f1a9"; }
.fa-dumbbell:before {
content: "\f44b"; }
.fa-dumpster:before {
content: "\f793"; }
.fa-dumpster-fire:before {
content: "\f794"; }
.fa-dungeon:before {
content: "\f6d9"; }
.fa-dyalog:before {
content: "\f399"; }
.fa-earlybirds:before {
content: "\f39a"; }
.fa-ebay:before {
content: "\f4f4"; }
.fa-edge:before {
content: "\f282"; }
.fa-edge-legacy:before {
content: "\e078"; }
.fa-edit:before {
content: "\f044"; }
.fa-egg:before {
content: "\f7fb"; }
.fa-eject:before {
content: "\f052"; }
.fa-elementor:before {
content: "\f430"; }
.fa-ellipsis-h:before {
content: "\f141"; }
.fa-ellipsis-v:before {
content: "\f142"; }
.fa-ello:before {
content: "\f5f1"; }
.fa-ember:before {
content: "\f423"; }
.fa-empire:before {
content: "\f1d1"; }
.fa-envelope:before {
content: "\f0e0"; }
.fa-envelope-open:before {
content: "\f2b6"; }
.fa-envelope-open-text:before {
content: "\f658"; }
.fa-envelope-square:before {
content: "\f199"; }
.fa-envira:before {
content: "\f299"; }
.fa-equals:before {
content: "\f52c"; }
.fa-eraser:before {
content: "\f12d"; }
.fa-erlang:before {
content: "\f39d"; }
.fa-ethereum:before {
content: "\f42e"; }
.fa-ethernet:before {
content: "\f796"; }
.fa-etsy:before {
content: "\f2d7"; }
.fa-euro-sign:before {
content: "\f153"; }
.fa-evernote:before {
content: "\f839"; }
.fa-exchange-alt:before {
content: "\f362"; }
.fa-exclamation:before {
content: "\f12a"; }
.fa-exclamation-circle:before {
content: "\f06a"; }
.fa-exclamation-triangle:before {
content: "\f071"; }
.fa-expand:before {
content: "\f065"; }
.fa-expand-alt:before {
content: "\f424"; }
.fa-expand-arrows-alt:before {
content: "\f31e"; }
.fa-expeditedssl:before {
content: "\f23e"; }
.fa-external-link-alt:before {
content: "\f35d"; }
.fa-external-link-square-alt:before {
content: "\f360"; }
.fa-eye:before {
content: "\f06e"; }
.fa-eye-dropper:before {
content: "\f1fb"; }
.fa-eye-slash:before {
content: "\f070"; }
.fa-facebook:before {
content: "\f09a"; }
.fa-facebook-f:before {
content: "\f39e"; }
.fa-facebook-messenger:before {
content: "\f39f"; }
.fa-facebook-square:before {
content: "\f082"; }
.fa-fan:before {
content: "\f863"; }
.fa-fantasy-flight-games:before {
content: "\f6dc"; }
.fa-fast-backward:before {
content: "\f049"; }
.fa-fast-forward:before {
content: "\f050"; }
.fa-faucet:before {
content: "\e005"; }
.fa-fax:before {
content: "\f1ac"; }
.fa-feather:before {
content: "\f52d"; }
.fa-feather-alt:before {
content: "\f56b"; }
.fa-fedex:before {
content: "\f797"; }
.fa-fedora:before {
content: "\f798"; }
.fa-female:before {
content: "\f182"; }
.fa-fighter-jet:before {
content: "\f0fb"; }
.fa-figma:before {
content: "\f799"; }
.fa-file:before {
content: "\f15b"; }
.fa-file-alt:before {
content: "\f15c"; }
.fa-file-archive:before {
content: "\f1c6"; }
.fa-file-audio:before {
content: "\f1c7"; }
.fa-file-code:before {
content: "\f1c9"; }
.fa-file-contract:before {
content: "\f56c"; }
.fa-file-csv:before {
content: "\f6dd"; }
.fa-file-download:before {
content: "\f56d"; }
.fa-file-excel:before {
content: "\f1c3"; }
.fa-file-export:before {
content: "\f56e"; }
.fa-file-image:before {
content: "\f1c5"; }
.fa-file-import:before {
content: "\f56f"; }
.fa-file-invoice:before {
content: "\f570"; }
.fa-file-invoice-dollar:before {
content: "\f571"; }
.fa-file-medical:before {
content: "\f477"; }
.fa-file-medical-alt:before {
content: "\f478"; }
.fa-file-pdf:before {
content: "\f1c1"; }
.fa-file-powerpoint:before {
content: "\f1c4"; }
.fa-file-prescription:before {
content: "\f572"; }
.fa-file-signature:before {
content: "\f573"; }
.fa-file-upload:before {
content: "\f574"; }
.fa-file-video:before {
content: "\f1c8"; }
.fa-file-word:before {
content: "\f1c2"; }
.fa-fill:before {
content: "\f575"; }
.fa-fill-drip:before {
content: "\f576"; }
.fa-film:before {
content: "\f008"; }
.fa-filter:before {
content: "\f0b0"; }
.fa-fingerprint:before {
content: "\f577"; }
.fa-fire:before {
content: "\f06d"; }
.fa-fire-alt:before {
content: "\f7e4"; }
.fa-fire-extinguisher:before {
content: "\f134"; }
.fa-firefox:before {
content: "\f269"; }
.fa-firefox-browser:before {
content: "\e007"; }
.fa-first-aid:before {
content: "\f479"; }
.fa-first-order:before {
content: "\f2b0"; }
.fa-first-order-alt:before {
content: "\f50a"; }
.fa-firstdraft:before {
content: "\f3a1"; }
.fa-fish:before {
content: "\f578"; }
.fa-fist-raised:before {
content: "\f6de"; }
.fa-flag:before {
content: "\f024"; }
.fa-flag-checkered:before {
content: "\f11e"; }
.fa-flag-usa:before {
content: "\f74d"; }
.fa-flask:before {
content: "\f0c3"; }
.fa-flickr:before {
content: "\f16e"; }
.fa-flipboard:before {
content: "\f44d"; }
.fa-flushed:before {
content: "\f579"; }
.fa-fly:before {
content: "\f417"; }
.fa-folder:before {
content: "\f07b"; }
.fa-folder-minus:before {
content: "\f65d"; }
.fa-folder-open:before {
content: "\f07c"; }
.fa-folder-plus:before {
content: "\f65e"; }
.fa-font:before {
content: "\f031"; }
.fa-font-awesome:before {
content: "\f2b4"; }
.fa-font-awesome-alt:before {
content: "\f35c"; }
.fa-font-awesome-flag:before {
content: "\f425"; }
.fa-font-awesome-logo-full:before {
content: "\f4e6"; }
.fa-fonticons:before {
content: "\f280"; }
.fa-fonticons-fi:before {
content: "\f3a2"; }
.fa-football-ball:before {
content: "\f44e"; }
.fa-fort-awesome:before {
content: "\f286"; }
.fa-fort-awesome-alt:before {
content: "\f3a3"; }
.fa-forumbee:before {
content: "\f211"; }
.fa-forward:before {
content: "\f04e"; }
.fa-foursquare:before {
content: "\f180"; }
.fa-free-code-camp:before {
content: "\f2c5"; }
.fa-freebsd:before {
content: "\f3a4"; }
.fa-frog:before {
content: "\f52e"; }
.fa-frown:before {
content: "\f119"; }
.fa-frown-open:before {
content: "\f57a"; }
.fa-fulcrum:before {
content: "\f50b"; }
.fa-funnel-dollar:before {
content: "\f662"; }
.fa-futbol:before {
content: "\f1e3"; }
.fa-galactic-republic:before {
content: "\f50c"; }
.fa-galactic-senate:before {
content: "\f50d"; }
.fa-gamepad:before {
content: "\f11b"; }
.fa-gas-pump:before {
content: "\f52f"; }
.fa-gavel:before {
content: "\f0e3"; }
.fa-gem:before {
content: "\f3a5"; }
.fa-genderless:before {
content: "\f22d"; }
.fa-get-pocket:before {
content: "\f265"; }
.fa-gg:before {
content: "\f260"; }
.fa-gg-circle:before {
content: "\f261"; }
.fa-ghost:before {
content: "\f6e2"; }
.fa-gift:before {
content: "\f06b"; }
.fa-gifts:before {
content: "\f79c"; }
.fa-git:before {
content: "\f1d3"; }
.fa-git-alt:before {
content: "\f841"; }
.fa-git-square:before {
content: "\f1d2"; }
.fa-github:before {
content: "\f09b"; }
.fa-github-alt:before {
content: "\f113"; }
.fa-github-square:before {
content: "\f092"; }
.fa-gitkraken:before {
content: "\f3a6"; }
.fa-gitlab:before {
content: "\f296"; }
.fa-gitter:before {
content: "\f426"; }
.fa-glass-cheers:before {
content: "\f79f"; }
.fa-glass-martini:before {
content: "\f000"; }
.fa-glass-martini-alt:before {
content: "\f57b"; }
.fa-glass-whiskey:before {
content: "\f7a0"; }
.fa-glasses:before {
content: "\f530"; }
.fa-glide:before {
content: "\f2a5"; }
.fa-glide-g:before {
content: "\f2a6"; }
.fa-globe:before {
content: "\f0ac"; }
.fa-globe-africa:before {
content: "\f57c"; }
.fa-globe-americas:before {
content: "\f57d"; }
.fa-globe-asia:before {
content: "\f57e"; }
.fa-globe-europe:before {
content: "\f7a2"; }
.fa-gofore:before {
content: "\f3a7"; }
.fa-golf-ball:before {
content: "\f450"; }
.fa-goodreads:before {
content: "\f3a8"; }
.fa-goodreads-g:before {
content: "\f3a9"; }
.fa-google:before {
content: "\f1a0"; }
.fa-google-drive:before {
content: "\f3aa"; }
.fa-google-pay:before {
content: "\e079"; }
.fa-google-play:before {
content: "\f3ab"; }
.fa-google-plus:before {
content: "\f2b3"; }
.fa-google-plus-g:before {
content: "\f0d5"; }
.fa-google-plus-square:before {
content: "\f0d4"; }
.fa-google-wallet:before {
content: "\f1ee"; }
.fa-gopuram:before {
content: "\f664"; }
.fa-graduation-cap:before {
content: "\f19d"; }
.fa-gratipay:before {
content: "\f184"; }
.fa-grav:before {
content: "\f2d6"; }
.fa-greater-than:before {
content: "\f531"; }
.fa-greater-than-equal:before {
content: "\f532"; }
.fa-grimace:before {
content: "\f57f"; }
.fa-grin:before {
content: "\f580"; }
.fa-grin-alt:before {
content: "\f581"; }
.fa-grin-beam:before {
content: "\f582"; }
.fa-grin-beam-sweat:before {
content: "\f583"; }
.fa-grin-hearts:before {
content: "\f584"; }
.fa-grin-squint:before {
content: "\f585"; }
.fa-grin-squint-tears:before {
content: "\f586"; }
.fa-grin-stars:before {
content: "\f587"; }
.fa-grin-tears:before {
content: "\f588"; }
.fa-grin-tongue:before {
content: "\f589"; }
.fa-grin-tongue-squint:before {
content: "\f58a"; }
.fa-grin-tongue-wink:before {
content: "\f58b"; }
.fa-grin-wink:before {
content: "\f58c"; }
.fa-grip-horizontal:before {
content: "\f58d"; }
.fa-grip-lines:before {
content: "\f7a4"; }
.fa-grip-lines-vertical:before {
content: "\f7a5"; }
.fa-grip-vertical:before {
content: "\f58e"; }
.fa-gripfire:before {
content: "\f3ac"; }
.fa-grunt:before {
content: "\f3ad"; }
.fa-guilded:before {
content: "\e07e"; }
.fa-guitar:before {
content: "\f7a6"; }
.fa-gulp:before {
content: "\f3ae"; }
.fa-h-square:before {
content: "\f0fd"; }
.fa-hacker-news:before {
content: "\f1d4"; }
.fa-hacker-news-square:before {
content: "\f3af"; }
.fa-hackerrank:before {
content: "\f5f7"; }
.fa-hamburger:before {
content: "\f805"; }
.fa-hammer:before {
content: "\f6e3"; }
.fa-hamsa:before {
content: "\f665"; }
.fa-hand-holding:before {
content: "\f4bd"; }
.fa-hand-holding-heart:before {
content: "\f4be"; }
.fa-hand-holding-medical:before {
content: "\e05c"; }
.fa-hand-holding-usd:before {
content: "\f4c0"; }
.fa-hand-holding-water:before {
content: "\f4c1"; }
.fa-hand-lizard:before {
content: "\f258"; }
.fa-hand-middle-finger:before {
content: "\f806"; }
.fa-hand-paper:before {
content: "\f256"; }
.fa-hand-peace:before {
content: "\f25b"; }
.fa-hand-point-down:before {
content: "\f0a7"; }
.fa-hand-point-left:before {
content: "\f0a5"; }
.fa-hand-point-right:before {
content: "\f0a4"; }
.fa-hand-point-up:before {
content: "\f0a6"; }
.fa-hand-pointer:before {
content: "\f25a"; }
.fa-hand-rock:before {
content: "\f255"; }
.fa-hand-scissors:before {
content: "\f257"; }
.fa-hand-sparkles:before {
content: "\e05d"; }
.fa-hand-spock:before {
content: "\f259"; }
.fa-hands:before {
content: "\f4c2"; }
.fa-hands-helping:before {
content: "\f4c4"; }
.fa-hands-wash:before {
content: "\e05e"; }
.fa-handshake:before {
content: "\f2b5"; }
.fa-handshake-alt-slash:before {
content: "\e05f"; }
.fa-handshake-slash:before {
content: "\e060"; }
.fa-hanukiah:before {
content: "\f6e6"; }
.fa-hard-hat:before {
content: "\f807"; }
.fa-hashtag:before {
content: "\f292"; }
.fa-hat-cowboy:before {
content: "\f8c0"; }
.fa-hat-cowboy-side:before {
content: "\f8c1"; }
.fa-hat-wizard:before {
content: "\f6e8"; }
.fa-hdd:before {
content: "\f0a0"; }
.fa-head-side-cough:before {
content: "\e061"; }
.fa-head-side-cough-slash:before {
content: "\e062"; }
.fa-head-side-mask:before {
content: "\e063"; }
.fa-head-side-virus:before {
content: "\e064"; }
.fa-heading:before {
content: "\f1dc"; }
.fa-headphones:before {
content: "\f025"; }
.fa-headphones-alt:before {
content: "\f58f"; }
.fa-headset:before {
content: "\f590"; }
.fa-heart:before {
content: "\f004"; }
.fa-heart-broken:before {
content: "\f7a9"; }
.fa-heartbeat:before {
content: "\f21e"; }
.fa-helicopter:before {
content: "\f533"; }
.fa-highlighter:before {
content: "\f591"; }
.fa-hiking:before {
content: "\f6ec"; }
.fa-hippo:before {
content: "\f6ed"; }
.fa-hips:before {
content: "\f452"; }
.fa-hire-a-helper:before {
content: "\f3b0"; }
.fa-history:before {
content: "\f1da"; }
.fa-hive:before {
content: "\e07f"; }
.fa-hockey-puck:before {
content: "\f453"; }
.fa-holly-berry:before {
content: "\f7aa"; }
.fa-home:before {
content: "\f015"; }
.fa-hooli:before {
content: "\f427"; }
.fa-hornbill:before {
content: "\f592"; }
.fa-horse:before {
content: "\f6f0"; }
.fa-horse-head:before {
content: "\f7ab"; }
.fa-hospital:before {
content: "\f0f8"; }
.fa-hospital-alt:before {
content: "\f47d"; }
.fa-hospital-symbol:before {
content: "\f47e"; }
.fa-hospital-user:before {
content: "\f80d"; }
.fa-hot-tub:before {
content: "\f593"; }
.fa-hotdog:before {
content: "\f80f"; }
.fa-hotel:before {
content: "\f594"; }
.fa-hotjar:before {
content: "\f3b1"; }
.fa-hourglass:before {
content: "\f254"; }
.fa-hourglass-end:before {
content: "\f253"; }
.fa-hourglass-half:before {
content: "\f252"; }
.fa-hourglass-start:before {
content: "\f251"; }
.fa-house-damage:before {
content: "\f6f1"; }
.fa-house-user:before {
content: "\e065"; }
.fa-houzz:before {
content: "\f27c"; }
.fa-hryvnia:before {
content: "\f6f2"; }
.fa-html5:before {
content: "\f13b"; }
.fa-hubspot:before {
content: "\f3b2"; }
.fa-i-cursor:before {
content: "\f246"; }
.fa-ice-cream:before {
content: "\f810"; }
.fa-icicles:before {
content: "\f7ad"; }
.fa-icons:before {
content: "\f86d"; }
.fa-id-badge:before {
content: "\f2c1"; }
.fa-id-card:before {
content: "\f2c2"; }
.fa-id-card-alt:before {
content: "\f47f"; }
.fa-ideal:before {
content: "\e013"; }
.fa-igloo:before {
content: "\f7ae"; }
.fa-image:before {
content: "\f03e"; }
.fa-images:before {
content: "\f302"; }
.fa-imdb:before {
content: "\f2d8"; }
.fa-inbox:before {
content: "\f01c"; }
.fa-indent:before {
content: "\f03c"; }
.fa-industry:before {
content: "\f275"; }
.fa-infinity:before {
content: "\f534"; }
.fa-info:before {
content: "\f129"; }
.fa-info-circle:before {
content: "\f05a"; }
.fa-innosoft:before {
content: "\e080"; }
.fa-instagram:before {
content: "\f16d"; }
.fa-instagram-square:before {
content: "\e055"; }
.fa-instalod:before {
content: "\e081"; }
.fa-intercom:before {
content: "\f7af"; }
.fa-internet-explorer:before {
content: "\f26b"; }
.fa-invision:before {
content: "\f7b0"; }
.fa-ioxhost:before {
content: "\f208"; }
.fa-italic:before {
content: "\f033"; }
.fa-itch-io:before {
content: "\f83a"; }
.fa-itunes:before {
content: "\f3b4"; }
.fa-itunes-note:before {
content: "\f3b5"; }
.fa-java:before {
content: "\f4e4"; }
.fa-jedi:before {
content: "\f669"; }
.fa-jedi-order:before {
content: "\f50e"; }
.fa-jenkins:before {
content: "\f3b6"; }
.fa-jira:before {
content: "\f7b1"; }
.fa-joget:before {
content: "\f3b7"; }
.fa-joint:before {
content: "\f595"; }
.fa-joomla:before {
content: "\f1aa"; }
.fa-journal-whills:before {
content: "\f66a"; }
.fa-js:before {
content: "\f3b8"; }
.fa-js-square:before {
content: "\f3b9"; }
.fa-jsfiddle:before {
content: "\f1cc"; }
.fa-kaaba:before {
content: "\f66b"; }
.fa-kaggle:before {
content: "\f5fa"; }
.fa-key:before {
content: "\f084"; }
.fa-keybase:before {
content: "\f4f5"; }
.fa-keyboard:before {
content: "\f11c"; }
.fa-keycdn:before {
content: "\f3ba"; }
.fa-khanda:before {
content: "\f66d"; }
.fa-kickstarter:before {
content: "\f3bb"; }
.fa-kickstarter-k:before {
content: "\f3bc"; }
.fa-kiss:before {
content: "\f596"; }
.fa-kiss-beam:before {
content: "\f597"; }
.fa-kiss-wink-heart:before {
content: "\f598"; }
.fa-kiwi-bird:before {
content: "\f535"; }
.fa-korvue:before {
content: "\f42f"; }
.fa-landmark:before {
content: "\f66f"; }
.fa-language:before {
content: "\f1ab"; }
.fa-laptop:before {
content: "\f109"; }
.fa-laptop-code:before {
content: "\f5fc"; }
.fa-laptop-house:before {
content: "\e066"; }
.fa-laptop-medical:before {
content: "\f812"; }
.fa-laravel:before {
content: "\f3bd"; }
.fa-lastfm:before {
content: "\f202"; }
.fa-lastfm-square:before {
content: "\f203"; }
.fa-laugh:before {
content: "\f599"; }
.fa-laugh-beam:before {
content: "\f59a"; }
.fa-laugh-squint:before {
content: "\f59b"; }
.fa-laugh-wink:before {
content: "\f59c"; }
.fa-layer-group:before {
content: "\f5fd"; }
.fa-leaf:before {
content: "\f06c"; }
.fa-leanpub:before {
content: "\f212"; }
.fa-lemon:before {
content: "\f094"; }
.fa-less:before {
content: "\f41d"; }
.fa-less-than:before {
content: "\f536"; }
.fa-less-than-equal:before {
content: "\f537"; }
.fa-level-down-alt:before {
content: "\f3be"; }
.fa-level-up-alt:before {
content: "\f3bf"; }
.fa-life-ring:before {
content: "\f1cd"; }
.fa-lightbulb:before {
content: "\f0eb"; }
.fa-line:before {
content: "\f3c0"; }
.fa-link:before {
content: "\f0c1"; }
.fa-linkedin:before {
content: "\f08c"; }
.fa-linkedin-in:before {
content: "\f0e1"; }
.fa-linode:before {
content: "\f2b8"; }
.fa-linux:before {
content: "\f17c"; }
.fa-lira-sign:before {
content: "\f195"; }
.fa-list:before {
content: "\f03a"; }
.fa-list-alt:before {
content: "\f022"; }
.fa-list-ol:before {
content: "\f0cb"; }
.fa-list-ul:before {
content: "\f0ca"; }
.fa-location-arrow:before {
content: "\f124"; }
.fa-lock:before {
content: "\f023"; }
.fa-lock-open:before {
content: "\f3c1"; }
.fa-long-arrow-alt-down:before {
content: "\f309"; }
.fa-long-arrow-alt-left:before {
content: "\f30a"; }
.fa-long-arrow-alt-right:before {
content: "\f30b"; }
.fa-long-arrow-alt-up:before {
content: "\f30c"; }
.fa-low-vision:before {
content: "\f2a8"; }
.fa-luggage-cart:before {
content: "\f59d"; }
.fa-lungs:before {
content: "\f604"; }
.fa-lungs-virus:before {
content: "\e067"; }
.fa-lyft:before {
content: "\f3c3"; }
.fa-magento:before {
content: "\f3c4"; }
.fa-magic:before {
content: "\f0d0"; }
.fa-magnet:before {
content: "\f076"; }
.fa-mail-bulk:before {
content: "\f674"; }
.fa-mailchimp:before {
content: "\f59e"; }
.fa-male:before {
content: "\f183"; }
.fa-mandalorian:before {
content: "\f50f"; }
.fa-map:before {
content: "\f279"; }
.fa-map-marked:before {
content: "\f59f"; }
.fa-map-marked-alt:before {
content: "\f5a0"; }
.fa-map-marker:before {
content: "\f041"; }
.fa-map-marker-alt:before {
content: "\f3c5"; }
.fa-map-pin:before {
content: "\f276"; }
.fa-map-signs:before {
content: "\f277"; }
.fa-markdown:before {
content: "\f60f"; }
.fa-marker:before {
content: "\f5a1"; }
.fa-mars:before {
content: "\f222"; }
.fa-mars-double:before {
content: "\f227"; }
.fa-mars-stroke:before {
content: "\f229"; }
.fa-mars-stroke-h:before {
content: "\f22b"; }
.fa-mars-stroke-v:before {
content: "\f22a"; }
.fa-mask:before {
content: "\f6fa"; }
.fa-mastodon:before {
content: "\f4f6"; }
.fa-maxcdn:before {
content: "\f136"; }
.fa-mdb:before {
content: "\f8ca"; }
.fa-medal:before {
content: "\f5a2"; }
.fa-medapps:before {
content: "\f3c6"; }
.fa-medium:before {
content: "\f23a"; }
.fa-medium-m:before {
content: "\f3c7"; }
.fa-medkit:before {
content: "\f0fa"; }
.fa-medrt:before {
content: "\f3c8"; }
.fa-meetup:before {
content: "\f2e0"; }
.fa-megaport:before {
content: "\f5a3"; }
.fa-meh:before {
content: "\f11a"; }
.fa-meh-blank:before {
content: "\f5a4"; }
.fa-meh-rolling-eyes:before {
content: "\f5a5"; }
.fa-memory:before {
content: "\f538"; }
.fa-mendeley:before {
content: "\f7b3"; }
.fa-menorah:before {
content: "\f676"; }
.fa-mercury:before {
content: "\f223"; }
.fa-meteor:before {
content: "\f753"; }
.fa-microblog:before {
content: "\e01a"; }
.fa-microchip:before {
content: "\f2db"; }
.fa-microphone:before {
content: "\f130"; }
.fa-microphone-alt:before {
content: "\f3c9"; }
.fa-microphone-alt-slash:before {
content: "\f539"; }
.fa-microphone-slash:before {
content: "\f131"; }
.fa-microscope:before {
content: "\f610"; }
.fa-microsoft:before {
content: "\f3ca"; }
.fa-minus:before {
content: "\f068"; }
.fa-minus-circle:before {
content: "\f056"; }
.fa-minus-square:before {
content: "\f146"; }
.fa-mitten:before {
content: "\f7b5"; }
.fa-mix:before {
content: "\f3cb"; }
.fa-mixcloud:before {
content: "\f289"; }
.fa-mixer:before {
content: "\e056"; }
.fa-mizuni:before {
content: "\f3cc"; }
.fa-mobile:before {
content: "\f10b"; }
.fa-mobile-alt:before {
content: "\f3cd"; }
.fa-modx:before {
content: "\f285"; }
.fa-monero:before {
content: "\f3d0"; }
.fa-money-bill:before {
content: "\f0d6"; }
.fa-money-bill-alt:before {
content: "\f3d1"; }
.fa-money-bill-wave:before {
content: "\f53a"; }
.fa-money-bill-wave-alt:before {
content: "\f53b"; }
.fa-money-check:before {
content: "\f53c"; }
.fa-money-check-alt:before {
content: "\f53d"; }
.fa-monument:before {
content: "\f5a6"; }
.fa-moon:before {
content: "\f186"; }
.fa-mortar-pestle:before {
content: "\f5a7"; }
.fa-mosque:before {
content: "\f678"; }
.fa-motorcycle:before {
content: "\f21c"; }
.fa-mountain:before {
content: "\f6fc"; }
.fa-mouse:before {
content: "\f8cc"; }
.fa-mouse-pointer:before {
content: "\f245"; }
.fa-mug-hot:before {
content: "\f7b6"; }
.fa-music:before {
content: "\f001"; }
.fa-napster:before {
content: "\f3d2"; }
.fa-neos:before {
content: "\f612"; }
.fa-network-wired:before {
content: "\f6ff"; }
.fa-neuter:before {
content: "\f22c"; }
.fa-newspaper:before {
content: "\f1ea"; }
.fa-nimblr:before {
content: "\f5a8"; }
.fa-node:before {
content: "\f419"; }
.fa-node-js:before {
content: "\f3d3"; }
.fa-not-equal:before {
content: "\f53e"; }
.fa-notes-medical:before {
content: "\f481"; }
.fa-npm:before {
content: "\f3d4"; }
.fa-ns8:before {
content: "\f3d5"; }
.fa-nutritionix:before {
content: "\f3d6"; }
.fa-object-group:before {
content: "\f247"; }
.fa-object-ungroup:before {
content: "\f248"; }
.fa-octopus-deploy:before {
content: "\e082"; }
.fa-odnoklassniki:before {
content: "\f263"; }
.fa-odnoklassniki-square:before {
content: "\f264"; }
.fa-oil-can:before {
content: "\f613"; }
.fa-old-republic:before {
content: "\f510"; }
.fa-om:before {
content: "\f679"; }
.fa-opencart:before {
content: "\f23d"; }
.fa-openid:before {
content: "\f19b"; }
.fa-opera:before {
content: "\f26a"; }
.fa-optin-monster:before {
content: "\f23c"; }
.fa-orcid:before {
content: "\f8d2"; }
.fa-osi:before {
content: "\f41a"; }
.fa-otter:before {
content: "\f700"; }
.fa-outdent:before {
content: "\f03b"; }
.fa-page4:before {
content: "\f3d7"; }
.fa-pagelines:before {
content: "\f18c"; }
.fa-pager:before {
content: "\f815"; }
.fa-paint-brush:before {
content: "\f1fc"; }
.fa-paint-roller:before {
content: "\f5aa"; }
.fa-palette:before {
content: "\f53f"; }
.fa-palfed:before {
content: "\f3d8"; }
.fa-pallet:before {
content: "\f482"; }
.fa-paper-plane:before {
content: "\f1d8"; }
.fa-paperclip:before {
content: "\f0c6"; }
.fa-parachute-box:before {
content: "\f4cd"; }
.fa-paragraph:before {
content: "\f1dd"; }
.fa-parking:before {
content: "\f540"; }
.fa-passport:before {
content: "\f5ab"; }
.fa-pastafarianism:before {
content: "\f67b"; }
.fa-paste:before {
content: "\f0ea"; }
.fa-patreon:before {
content: "\f3d9"; }
.fa-pause:before {
content: "\f04c"; }
.fa-pause-circle:before {
content: "\f28b"; }
.fa-paw:before {
content: "\f1b0"; }
.fa-paypal:before {
content: "\f1ed"; }
.fa-peace:before {
content: "\f67c"; }
.fa-pen:before {
content: "\f304"; }
.fa-pen-alt:before {
content: "\f305"; }
.fa-pen-fancy:before {
content: "\f5ac"; }
.fa-pen-nib:before {
content: "\f5ad"; }
.fa-pen-square:before {
content: "\f14b"; }
.fa-pencil-alt:before {
content: "\f303"; }
.fa-pencil-ruler:before {
content: "\f5ae"; }
.fa-penny-arcade:before {
content: "\f704"; }
.fa-people-arrows:before {
content: "\e068"; }
.fa-people-carry:before {
content: "\f4ce"; }
.fa-pepper-hot:before {
content: "\f816"; }
.fa-perbyte:before {
content: "\e083"; }
.fa-percent:before {
content: "\f295"; }
.fa-percentage:before {
content: "\f541"; }
.fa-periscope:before {
content: "\f3da"; }
.fa-person-booth:before {
content: "\f756"; }
.fa-phabricator:before {
content: "\f3db"; }
.fa-phoenix-framework:before {
content: "\f3dc"; }
.fa-phoenix-squadron:before {
content: "\f511"; }
.fa-phone:before {
content: "\f095"; }
.fa-phone-alt:before {
content: "\f879"; }
.fa-phone-slash:before {
content: "\f3dd"; }
.fa-phone-square:before {
content: "\f098"; }
.fa-phone-square-alt:before {
content: "\f87b"; }
.fa-phone-volume:before {
content: "\f2a0"; }
.fa-photo-video:before {
content: "\f87c"; }
.fa-php:before {
content: "\f457"; }
.fa-pied-piper:before {
content: "\f2ae"; }
.fa-pied-piper-alt:before {
content: "\f1a8"; }
.fa-pied-piper-hat:before {
content: "\f4e5"; }
.fa-pied-piper-pp:before {
content: "\f1a7"; }
.fa-pied-piper-square:before {
content: "\e01e"; }
.fa-piggy-bank:before {
content: "\f4d3"; }
.fa-pills:before {
content: "\f484"; }
.fa-pinterest:before {
content: "\f0d2"; }
.fa-pinterest-p:before {
content: "\f231"; }
.fa-pinterest-square:before {
content: "\f0d3"; }
.fa-pizza-slice:before {
content: "\f818"; }
.fa-place-of-worship:before {
content: "\f67f"; }
.fa-plane:before {
content: "\f072"; }
.fa-plane-arrival:before {
content: "\f5af"; }
.fa-plane-departure:before {
content: "\f5b0"; }
.fa-plane-slash:before {
content: "\e069"; }
.fa-play:before {
content: "\f04b"; }
.fa-play-circle:before {
content: "\f144"; }
.fa-playstation:before {
content: "\f3df"; }
.fa-plug:before {
content: "\f1e6"; }
.fa-plus:before {
content: "\f067"; }
.fa-plus-circle:before {
content: "\f055"; }
.fa-plus-square:before {
content: "\f0fe"; }
.fa-podcast:before {
content: "\f2ce"; }
.fa-poll:before {
content: "\f681"; }
.fa-poll-h:before {
content: "\f682"; }
.fa-poo:before {
content: "\f2fe"; }
.fa-poo-storm:before {
content: "\f75a"; }
.fa-poop:before {
content: "\f619"; }
.fa-portrait:before {
content: "\f3e0"; }
.fa-pound-sign:before {
content: "\f154"; }
.fa-power-off:before {
content: "\f011"; }
.fa-pray:before {
content: "\f683"; }
.fa-praying-hands:before {
content: "\f684"; }
.fa-prescription:before {
content: "\f5b1"; }
.fa-prescription-bottle:before {
content: "\f485"; }
.fa-prescription-bottle-alt:before {
content: "\f486"; }
.fa-print:before {
content: "\f02f"; }
.fa-procedures:before {
content: "\f487"; }
.fa-product-hunt:before {
content: "\f288"; }
.fa-project-diagram:before {
content: "\f542"; }
.fa-pump-medical:before {
content: "\e06a"; }
.fa-pump-soap:before {
content: "\e06b"; }
.fa-pushed:before {
content: "\f3e1"; }
.fa-puzzle-piece:before {
content: "\f12e"; }
.fa-python:before {
content: "\f3e2"; }
.fa-qq:before {
content: "\f1d6"; }
.fa-qrcode:before {
content: "\f029"; }
.fa-question:before {
content: "\f128"; }
.fa-question-circle:before {
content: "\f059"; }
.fa-quidditch:before {
content: "\f458"; }
.fa-quinscape:before {
content: "\f459"; }
.fa-quora:before {
content: "\f2c4"; }
.fa-quote-left:before {
content: "\f10d"; }
.fa-quote-right:before {
content: "\f10e"; }
.fa-quran:before {
content: "\f687"; }
.fa-r-project:before {
content: "\f4f7"; }
.fa-radiation:before {
content: "\f7b9"; }
.fa-radiation-alt:before {
content: "\f7ba"; }
.fa-rainbow:before {
content: "\f75b"; }
.fa-random:before {
content: "\f074"; }
.fa-raspberry-pi:before {
content: "\f7bb"; }
.fa-ravelry:before {
content: "\f2d9"; }
.fa-react:before {
content: "\f41b"; }
.fa-reacteurope:before {
content: "\f75d"; }
.fa-readme:before {
content: "\f4d5"; }
.fa-rebel:before {
content: "\f1d0"; }
.fa-receipt:before {
content: "\f543"; }
.fa-record-vinyl:before {
content: "\f8d9"; }
.fa-recycle:before {
content: "\f1b8"; }
.fa-red-river:before {
content: "\f3e3"; }
.fa-reddit:before {
content: "\f1a1"; }
.fa-reddit-alien:before {
content: "\f281"; }
.fa-reddit-square:before {
content: "\f1a2"; }
.fa-redhat:before {
content: "\f7bc"; }
.fa-redo:before {
content: "\f01e"; }
.fa-redo-alt:before {
content: "\f2f9"; }
.fa-registered:before {
content: "\f25d"; }
.fa-remove-format:before {
content: "\f87d"; }
.fa-renren:before {
content: "\f18b"; }
.fa-reply:before {
content: "\f3e5"; }
.fa-reply-all:before {
content: "\f122"; }
.fa-replyd:before {
content: "\f3e6"; }
.fa-republican:before {
content: "\f75e"; }
.fa-researchgate:before {
content: "\f4f8"; }
.fa-resolving:before {
content: "\f3e7"; }
.fa-restroom:before {
content: "\f7bd"; }
.fa-retweet:before {
content: "\f079"; }
.fa-rev:before {
content: "\f5b2"; }
.fa-ribbon:before {
content: "\f4d6"; }
.fa-ring:before {
content: "\f70b"; }
.fa-road:before {
content: "\f018"; }
.fa-robot:before {
content: "\f544"; }
.fa-rocket:before {
content: "\f135"; }
.fa-rocketchat:before {
content: "\f3e8"; }
.fa-rockrms:before {
content: "\f3e9"; }
.fa-route:before {
content: "\f4d7"; }
.fa-rss:before {
content: "\f09e"; }
.fa-rss-square:before {
content: "\f143"; }
.fa-ruble-sign:before {
content: "\f158"; }
.fa-ruler:before {
content: "\f545"; }
.fa-ruler-combined:before {
content: "\f546"; }
.fa-ruler-horizontal:before {
content: "\f547"; }
.fa-ruler-vertical:before {
content: "\f548"; }
.fa-running:before {
content: "\f70c"; }
.fa-rupee-sign:before {
content: "\f156"; }
.fa-rust:before {
content: "\e07a"; }
.fa-sad-cry:before {
content: "\f5b3"; }
.fa-sad-tear:before {
content: "\f5b4"; }
.fa-safari:before {
content: "\f267"; }
.fa-salesforce:before {
content: "\f83b"; }
.fa-sass:before {
content: "\f41e"; }
.fa-satellite:before {
content: "\f7bf"; }
.fa-satellite-dish:before {
content: "\f7c0"; }
.fa-save:before {
content: "\f0c7"; }
.fa-schlix:before {
content: "\f3ea"; }
.fa-school:before {
content: "\f549"; }
.fa-screwdriver:before {
content: "\f54a"; }
.fa-scribd:before {
content: "\f28a"; }
.fa-scroll:before {
content: "\f70e"; }
.fa-sd-card:before {
content: "\f7c2"; }
.fa-search:before {
content: "\f002"; }
.fa-search-dollar:before {
content: "\f688"; }
.fa-search-location:before {
content: "\f689"; }
.fa-search-minus:before {
content: "\f010"; }
.fa-search-plus:before {
content: "\f00e"; }
.fa-searchengin:before {
content: "\f3eb"; }
.fa-seedling:before {
content: "\f4d8"; }
.fa-sellcast:before {
content: "\f2da"; }
.fa-sellsy:before {
content: "\f213"; }
.fa-server:before {
content: "\f233"; }
.fa-servicestack:before {
content: "\f3ec"; }
.fa-shapes:before {
content: "\f61f"; }
.fa-share:before {
content: "\f064"; }
.fa-share-alt:before {
content: "\f1e0"; }
.fa-share-alt-square:before {
content: "\f1e1"; }
.fa-share-square:before {
content: "\f14d"; }
.fa-shekel-sign:before {
content: "\f20b"; }
.fa-shield-alt:before {
content: "\f3ed"; }
.fa-shield-virus:before {
content: "\e06c"; }
.fa-ship:before {
content: "\f21a"; }
.fa-shipping-fast:before {
content: "\f48b"; }
.fa-shirtsinbulk:before {
content: "\f214"; }
.fa-shoe-prints:before {
content: "\f54b"; }
.fa-shopify:before {
content: "\e057"; }
.fa-shopping-bag:before {
content: "\f290"; }
.fa-shopping-basket:before {
content: "\f291"; }
.fa-shopping-cart:before {
content: "\f07a"; }
.fa-shopware:before {
content: "\f5b5"; }
.fa-shower:before {
content: "\f2cc"; }
.fa-shuttle-van:before {
content: "\f5b6"; }
.fa-sign:before {
content: "\f4d9"; }
.fa-sign-in-alt:before {
content: "\f2f6"; }
.fa-sign-language:before {
content: "\f2a7"; }
.fa-sign-out-alt:before {
content: "\f2f5"; }
.fa-signal:before {
content: "\f012"; }
.fa-signature:before {
content: "\f5b7"; }
.fa-sim-card:before {
content: "\f7c4"; }
.fa-simplybuilt:before {
content: "\f215"; }
.fa-sink:before {
content: "\e06d"; }
.fa-sistrix:before {
content: "\f3ee"; }
.fa-sitemap:before {
content: "\f0e8"; }
.fa-sith:before {
content: "\f512"; }
.fa-skating:before {
content: "\f7c5"; }
.fa-sketch:before {
content: "\f7c6"; }
.fa-skiing:before {
content: "\f7c9"; }
.fa-skiing-nordic:before {
content: "\f7ca"; }
.fa-skull:before {
content: "\f54c"; }
.fa-skull-crossbones:before {
content: "\f714"; }
.fa-skyatlas:before {
content: "\f216"; }
.fa-skype:before {
content: "\f17e"; }
.fa-slack:before {
content: "\f198"; }
.fa-slack-hash:before {
content: "\f3ef"; }
.fa-slash:before {
content: "\f715"; }
.fa-sleigh:before {
content: "\f7cc"; }
.fa-sliders-h:before {
content: "\f1de"; }
.fa-slideshare:before {
content: "\f1e7"; }
.fa-smile:before {
content: "\f118"; }
.fa-smile-beam:before {
content: "\f5b8"; }
.fa-smile-wink:before {
content: "\f4da"; }
.fa-smog:before {
content: "\f75f"; }
.fa-smoking:before {
content: "\f48d"; }
.fa-smoking-ban:before {
content: "\f54d"; }
.fa-sms:before {
content: "\f7cd"; }
.fa-snapchat:before {
content: "\f2ab"; }
.fa-snapchat-ghost:before {
content: "\f2ac"; }
.fa-snapchat-square:before {
content: "\f2ad"; }
.fa-snowboarding:before {
content: "\f7ce"; }
.fa-snowflake:before {
content: "\f2dc"; }
.fa-snowman:before {
content: "\f7d0"; }
.fa-snowplow:before {
content: "\f7d2"; }
.fa-soap:before {
content: "\e06e"; }
.fa-socks:before {
content: "\f696"; }
.fa-solar-panel:before {
content: "\f5ba"; }
.fa-sort:before {
content: "\f0dc"; }
.fa-sort-alpha-down:before {
content: "\f15d"; }
.fa-sort-alpha-down-alt:before {
content: "\f881"; }
.fa-sort-alpha-up:before {
content: "\f15e"; }
.fa-sort-alpha-up-alt:before {
content: "\f882"; }
.fa-sort-amount-down:before {
content: "\f160"; }
.fa-sort-amount-down-alt:before {
content: "\f884"; }
.fa-sort-amount-up:before {
content: "\f161"; }
.fa-sort-amount-up-alt:before {
content: "\f885"; }
.fa-sort-down:before {
content: "\f0dd"; }
.fa-sort-numeric-down:before {
content: "\f162"; }
.fa-sort-numeric-down-alt:before {
content: "\f886"; }
.fa-sort-numeric-up:before {
content: "\f163"; }
.fa-sort-numeric-up-alt:before {
content: "\f887"; }
.fa-sort-up:before {
content: "\f0de"; }
.fa-soundcloud:before {
content: "\f1be"; }
.fa-sourcetree:before {
content: "\f7d3"; }
.fa-spa:before {
content: "\f5bb"; }
.fa-space-shuttle:before {
content: "\f197"; }
.fa-speakap:before {
content: "\f3f3"; }
.fa-speaker-deck:before {
content: "\f83c"; }
.fa-spell-check:before {
content: "\f891"; }
.fa-spider:before {
content: "\f717"; }
.fa-spinner:before {
content: "\f110"; }
.fa-splotch:before {
content: "\f5bc"; }
.fa-spotify:before {
content: "\f1bc"; }
.fa-spray-can:before {
content: "\f5bd"; }
.fa-square:before {
content: "\f0c8"; }
.fa-square-full:before {
content: "\f45c"; }
.fa-square-root-alt:before {
content: "\f698"; }
.fa-squarespace:before {
content: "\f5be"; }
.fa-stack-exchange:before {
content: "\f18d"; }
.fa-stack-overflow:before {
content: "\f16c"; }
.fa-stackpath:before {
content: "\f842"; }
.fa-stamp:before {
content: "\f5bf"; }
.fa-star:before {
content: "\f005"; }
.fa-star-and-crescent:before {
content: "\f699"; }
.fa-star-half:before {
content: "\f089"; }
.fa-star-half-alt:before {
content: "\f5c0"; }
.fa-star-of-david:before {
content: "\f69a"; }
.fa-star-of-life:before {
content: "\f621"; }
.fa-staylinked:before {
content: "\f3f5"; }
.fa-steam:before {
content: "\f1b6"; }
.fa-steam-square:before {
content: "\f1b7"; }
.fa-steam-symbol:before {
content: "\f3f6"; }
.fa-step-backward:before {
content: "\f048"; }
.fa-step-forward:before {
content: "\f051"; }
.fa-stethoscope:before {
content: "\f0f1"; }
.fa-sticker-mule:before {
content: "\f3f7"; }
.fa-sticky-note:before {
content: "\f249"; }
.fa-stop:before {
content: "\f04d"; }
.fa-stop-circle:before {
content: "\f28d"; }
.fa-stopwatch:before {
content: "\f2f2"; }
.fa-stopwatch-20:before {
content: "\e06f"; }
.fa-store:before {
content: "\f54e"; }
.fa-store-alt:before {
content: "\f54f"; }
.fa-store-alt-slash:before {
content: "\e070"; }
.fa-store-slash:before {
content: "\e071"; }
.fa-strava:before {
content: "\f428"; }
.fa-stream:before {
content: "\f550"; }
.fa-street-view:before {
content: "\f21d"; }
.fa-strikethrough:before {
content: "\f0cc"; }
.fa-stripe:before {
content: "\f429"; }
.fa-stripe-s:before {
content: "\f42a"; }
.fa-stroopwafel:before {
content: "\f551"; }
.fa-studiovinari:before {
content: "\f3f8"; }
.fa-stumbleupon:before {
content: "\f1a4"; }
.fa-stumbleupon-circle:before {
content: "\f1a3"; }
.fa-subscript:before {
content: "\f12c"; }
.fa-subway:before {
content: "\f239"; }
.fa-suitcase:before {
content: "\f0f2"; }
.fa-suitcase-rolling:before {
content: "\f5c1"; }
.fa-sun:before {
content: "\f185"; }
.fa-superpowers:before {
content: "\f2dd"; }
.fa-superscript:before {
content: "\f12b"; }
.fa-supple:before {
content: "\f3f9"; }
.fa-surprise:before {
content: "\f5c2"; }
.fa-suse:before {
content: "\f7d6"; }
.fa-swatchbook:before {
content: "\f5c3"; }
.fa-swift:before {
content: "\f8e1"; }
.fa-swimmer:before {
content: "\f5c4"; }
.fa-swimming-pool:before {
content: "\f5c5"; }
.fa-symfony:before {
content: "\f83d"; }
.fa-synagogue:before {
content: "\f69b"; }
.fa-sync:before {
content: "\f021"; }
.fa-sync-alt:before {
content: "\f2f1"; }
.fa-syringe:before {
content: "\f48e"; }
.fa-table:before {
content: "\f0ce"; }
.fa-table-tennis:before {
content: "\f45d"; }
.fa-tablet:before {
content: "\f10a"; }
.fa-tablet-alt:before {
content: "\f3fa"; }
.fa-tablets:before {
content: "\f490"; }
.fa-tachometer-alt:before {
content: "\f3fd"; }
.fa-tag:before {
content: "\f02b"; }
.fa-tags:before {
content: "\f02c"; }
.fa-tape:before {
content: "\f4db"; }
.fa-tasks:before {
content: "\f0ae"; }
.fa-taxi:before {
content: "\f1ba"; }
.fa-teamspeak:before {
content: "\f4f9"; }
.fa-teeth:before {
content: "\f62e"; }
.fa-teeth-open:before {
content: "\f62f"; }
.fa-telegram:before {
content: "\f2c6"; }
.fa-telegram-plane:before {
content: "\f3fe"; }
.fa-temperature-high:before {
content: "\f769"; }
.fa-temperature-low:before {
content: "\f76b"; }
.fa-tencent-weibo:before {
content: "\f1d5"; }
.fa-tenge:before {
content: "\f7d7"; }
.fa-terminal:before {
content: "\f120"; }
.fa-text-height:before {
content: "\f034"; }
.fa-text-width:before {
content: "\f035"; }
.fa-th:before {
content: "\f00a"; }
.fa-th-large:before {
content: "\f009"; }
.fa-th-list:before {
content: "\f00b"; }
.fa-the-red-yeti:before {
content: "\f69d"; }
.fa-theater-masks:before {
content: "\f630"; }
.fa-themeco:before {
content: "\f5c6"; }
.fa-themeisle:before {
content: "\f2b2"; }
.fa-thermometer:before {
content: "\f491"; }
.fa-thermometer-empty:before {
content: "\f2cb"; }
.fa-thermometer-full:before {
content: "\f2c7"; }
.fa-thermometer-half:before {
content: "\f2c9"; }
.fa-thermometer-quarter:before {
content: "\f2ca"; }
.fa-thermometer-three-quarters:before {
content: "\f2c8"; }
.fa-think-peaks:before {
content: "\f731"; }
.fa-thumbs-down:before {
content: "\f165"; }
.fa-thumbs-up:before {
content: "\f164"; }
.fa-thumbtack:before {
content: "\f08d"; }
.fa-ticket-alt:before {
content: "\f3ff"; }
.fa-tiktok:before {
content: "\e07b"; }
.fa-times:before {
content: "\f00d"; }
.fa-times-circle:before {
content: "\f057"; }
.fa-tint:before {
content: "\f043"; }
.fa-tint-slash:before {
content: "\f5c7"; }
.fa-tired:before {
content: "\f5c8"; }
.fa-threads:before {
content: '\e9cb'; }
.fa-threads-square:before {
content: '\e9cc'; }
.fa-toggle-off:before {
content: "\f204"; }
.fa-toggle-on:before {
content: "\f205"; }
.fa-toilet:before {
content: "\f7d8"; }
.fa-toilet-paper:before {
content: "\f71e"; }
.fa-toilet-paper-slash:before {
content: "\e072"; }
.fa-toolbox:before {
content: "\f552"; }
.fa-tools:before {
content: "\f7d9"; }
.fa-tooth:before {
content: "\f5c9"; }
.fa-torah:before {
content: "\f6a0"; }
.fa-torii-gate:before {
content: "\f6a1"; }
.fa-tractor:before {
content: "\f722"; }
.fa-trade-federation:before {
content: "\f513"; }
.fa-trademark:before {
content: "\f25c"; }
.fa-traffic-light:before {
content: "\f637"; }
.fa-trailer:before {
content: "\e041"; }
.fa-train:before {
content: "\f238"; }
.fa-tram:before {
content: "\f7da"; }
.fa-transgender:before {
content: "\f224"; }
.fa-transgender-alt:before {
content: "\f225"; }
.fa-trash:before {
content: "\f1f8"; }
.fa-trash-alt:before {
content: "\f2ed"; }
.fa-trash-restore:before {
content: "\f829"; }
.fa-trash-restore-alt:before {
content: "\f82a"; }
.fa-tree:before {
content: "\f1bb"; }
.fa-trello:before {
content: "\f181"; }
.fa-tripadvisor:before {
content: "\f262"; }
.fa-trophy:before {
content: "\f091"; }
.fa-truck:before {
content: "\f0d1"; }
.fa-truck-loading:before {
content: "\f4de"; }
.fa-truck-monster:before {
content: "\f63b"; }
.fa-truck-moving:before {
content: "\f4df"; }
.fa-truck-pickup:before {
content: "\f63c"; }
.fa-tshirt:before {
content: "\f553"; }
.fa-tty:before {
content: "\f1e4"; }
.fa-tumblr:before {
content: "\f173"; }
.fa-tumblr-square:before {
content: "\f174"; }
.fa-tv:before {
content: "\f26c"; }
.fa-twitch:before {
content: "\f1e8"; }
.fa-twitter:before {
content: "\f099"; }
.fa-twitter-square:before {
content: "\f081"; }
.fa-typo3:before {
content: "\f42b"; }
.fa-uber:before {
content: "\f402"; }
.fa-ubuntu:before {
content: "\f7df"; }
.fa-uikit:before {
content: "\f403"; }
.fa-umbraco:before {
content: "\f8e8"; }
.fa-umbrella:before {
content: "\f0e9"; }
.fa-umbrella-beach:before {
content: "\f5ca"; }
.fa-uncharted:before {
content: "\e084"; }
.fa-underline:before {
content: "\f0cd"; }
.fa-undo:before {
content: "\f0e2"; }
.fa-undo-alt:before {
content: "\f2ea"; }
.fa-uniregistry:before {
content: "\f404"; }
.fa-unity:before {
content: "\e049"; }
.fa-universal-access:before {
content: "\f29a"; }
.fa-university:before {
content: "\f19c"; }
.fa-unlink:before {
content: "\f127"; }
.fa-unlock:before {
content: "\f09c"; }
.fa-unlock-alt:before {
content: "\f13e"; }
.fa-unsplash:before {
content: "\e07c"; }
.fa-untappd:before {
content: "\f405"; }
.fa-upload:before {
content: "\f093"; }
.fa-ups:before {
content: "\f7e0"; }
.fa-usb:before {
content: "\f287"; }
.fa-user:before {
content: "\f007"; }
.fa-user-alt:before {
content: "\f406"; }
.fa-user-alt-slash:before {
content: "\f4fa"; }
.fa-user-astronaut:before {
content: "\f4fb"; }
.fa-user-check:before {
content: "\f4fc"; }
.fa-user-circle:before {
content: "\f2bd"; }
.fa-user-clock:before {
content: "\f4fd"; }
.fa-user-cog:before {
content: "\f4fe"; }
.fa-user-edit:before {
content: "\f4ff"; }
.fa-user-friends:before {
content: "\f500"; }
.fa-user-graduate:before {
content: "\f501"; }
.fa-user-injured:before {
content: "\f728"; }
.fa-user-lock:before {
content: "\f502"; }
.fa-user-md:before {
content: "\f0f0"; }
.fa-user-minus:before {
content: "\f503"; }
.fa-user-ninja:before {
content: "\f504"; }
.fa-user-nurse:before {
content: "\f82f"; }
.fa-user-plus:before {
content: "\f234"; }
.fa-user-secret:before {
content: "\f21b"; }
.fa-user-shield:before {
content: "\f505"; }
.fa-user-slash:before {
content: "\f506"; }
.fa-user-tag:before {
content: "\f507"; }
.fa-user-tie:before {
content: "\f508"; }
.fa-user-times:before {
content: "\f235"; }
.fa-users:before {
content: "\f0c0"; }
.fa-users-cog:before {
content: "\f509"; }
.fa-users-slash:before {
content: "\e073"; }
.fa-usps:before {
content: "\f7e1"; }
.fa-ussunnah:before {
content: "\f407"; }
.fa-utensil-spoon:before {
content: "\f2e5"; }
.fa-utensils:before {
content: "\f2e7"; }
.fa-vaadin:before {
content: "\f408"; }
.fa-vector-square:before {
content: "\f5cb"; }
.fa-venus:before {
content: "\f221"; }
.fa-venus-double:before {
content: "\f226"; }
.fa-venus-mars:before {
content: "\f228"; }
.fa-vest:before {
content: "\e085"; }
.fa-vest-patches:before {
content: "\e086"; }
.fa-viacoin:before {
content: "\f237"; }
.fa-viadeo:before {
content: "\f2a9"; }
.fa-viadeo-square:before {
content: "\f2aa"; }
.fa-vial:before {
content: "\f492"; }
.fa-vials:before {
content: "\f493"; }
.fa-viber:before {
content: "\f409"; }
.fa-video:before {
content: "\f03d"; }
.fa-video-slash:before {
content: "\f4e2"; }
.fa-vihara:before {
content: "\f6a7"; }
.fa-vimeo:before {
content: "\f40a"; }
.fa-vimeo-square:before {
content: "\f194"; }
.fa-vimeo-v:before {
content: "\f27d"; }
.fa-vine:before {
content: "\f1ca"; }
.fa-virus:before {
content: "\e074"; }
.fa-virus-slash:before {
content: "\e075"; }
.fa-viruses:before {
content: "\e076"; }
.fa-vk:before {
content: "\f189"; }
.fa-vnv:before {
content: "\f40b"; }
.fa-voicemail:before {
content: "\f897"; }
.fa-volleyball-ball:before {
content: "\f45f"; }
.fa-volume-down:before {
content: "\f027"; }
.fa-volume-mute:before {
content: "\f6a9"; }
.fa-volume-off:before {
content: "\f026"; }
.fa-volume-up:before {
content: "\f028"; }
.fa-vote-yea:before {
content: "\f772"; }
.fa-vr-cardboard:before {
content: "\f729"; }
.fa-vuejs:before {
content: "\f41f"; }
.fa-walking:before {
content: "\f554"; }
.fa-wallet:before {
content: "\f555"; }
.fa-warehouse:before {
content: "\f494"; }
.fa-watchman-monitoring:before {
content: "\e087"; }
.fa-water:before {
content: "\f773"; }
.fa-wave-square:before {
content: "\f83e"; }
.fa-waze:before {
content: "\f83f"; }
.fa-weebly:before {
content: "\f5cc"; }
.fa-weibo:before {
content: "\f18a"; }
.fa-weight:before {
content: "\f496"; }
.fa-weight-hanging:before {
content: "\f5cd"; }
.fa-weixin:before {
content: "\f1d7"; }
.fa-whatsapp:before {
content: "\f232"; }
.fa-whatsapp-square:before {
content: "\f40c"; }
.fa-wheelchair:before {
content: "\f193"; }
.fa-whmcs:before {
content: "\f40d"; }
.fa-wifi:before {
content: "\f1eb"; }
.fa-wikipedia-w:before {
content: "\f266"; }
.fa-wind:before {
content: "\f72e"; }
.fa-window-close:before {
content: "\f410"; }
.fa-window-maximize:before {
content: "\f2d0"; }
.fa-window-minimize:before {
content: "\f2d1"; }
.fa-window-restore:before {
content: "\f2d2"; }
.fa-windows:before {
content: "\f17a"; }
.fa-wine-bottle:before {
content: "\f72f"; }
.fa-wine-glass:before {
content: "\f4e3"; }
.fa-wine-glass-alt:before {
content: "\f5ce"; }
.fa-wix:before {
content: "\f5cf"; }
.fa-wizards-of-the-coast:before {
content: "\f730"; }
.fa-wodu:before {
content: "\e088"; }
.fa-wolf-pack-battalion:before {
content: "\f514"; }
.fa-won-sign:before {
content: "\f159"; }
.fa-wordpress:before {
content: "\f19a"; }
.fa-wordpress-simple:before {
content: "\f411"; }
.fa-wpbeginner:before {
content: "\f297"; }
.fa-wpexplorer:before {
content: "\f2de"; }
.fa-wpforms:before {
content: "\f298"; }
.fa-wpressr:before {
content: "\f3e4"; }
.fa-wrench:before {
content: "\f0ad"; }
.fa-x-ray:before {
content: "\f497"; }
.fa-xbox:before {
content: "\f412"; }
.fa-xing:before {
content: "\f168"; }
.fa-xing-square:before {
content: "\f169"; }
.fa-x-twitter:before {
content: "\e9ca"; }
.fa-x-twitter-square:before {
content: "\e9c9"; }
.fa-y-combinator:before {
content: "\f23b"; }
.fa-yahoo:before {
content: "\f19e"; }
.fa-yammer:before {
content: "\f840"; }
.fa-yandex:before {
content: "\f413"; }
.fa-yandex-international:before {
content: "\f414"; }
.fa-yarn:before {
content: "\f7e3"; }
.fa-yelp:before {
content: "\f1e9"; }
.fa-yen-sign:before {
content: "\f157"; }
.fa-yin-yang:before {
content: "\f6ad"; }
.fa-yoast:before {
content: "\f2b1"; }
.fa-youtube:before {
content: "\f167"; }
.fa-youtube-square:before {
content: "\f431"; }
.fa-zhihu:before {
content: "\f63f"; }
.sr-only {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
.sr-only-focusable:active, .sr-only-focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto; }@font-face {
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 900;
font-display: block;
src: url(//seigostaffing.co.za/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.eot);
src: url(//seigostaffing.co.za/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(//seigostaffing.co.za/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.woff2) format("woff2"), url(//seigostaffing.co.za/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.woff) format("woff"), url(//seigostaffing.co.za/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.ttf) format("truetype"), url(//seigostaffing.co.za/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.svg#fontawesome) format("svg"); }
.fa,
.fas {
font-family: 'Font Awesome 5 Free';
font-weight: 900; }