@charset "UTF-8";
@charset 'UTF-8';
@charset "UTF-8";
@charset "UTF-8";
: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(//www.sejesinc.com/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(//www.sejesinc.com/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(//www.sejesinc.com/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(//www.sejesinc.com/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(//www.sejesinc.com/wp-content/plugins/wp-job-portal/includes/js/chosen/chosen-sprite.png) no-repeat 100% -20px;background:url(//www.sejesinc.com/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(//www.sejesinc.com/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(//www.sejesinc.com/wp-content/plugins/wp-job-portal/includes/js/chosen/chosen-sprite.png) no-repeat -30px -20px;background:url(//www.sejesinc.com/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(//www.sejesinc.com/wp-content/plugins/wp-job-portal/includes/js/chosen/chosen-sprite2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}
}@font-face {
font-family: 'themify';
src:url(//www.sejesinc.com/wp-content/themes/consultar/assets/fonts/themify.eot?-fvbane);
src:url(//www.sejesinc.com/wp-content/themes/consultar/assets/fonts/themify.eot?#iefix-fvbane) format('embedded-opentype'),
url(//www.sejesinc.com/wp-content/themes/consultar/assets/fonts/themify.woff?-fvbane) format('woff'),
url(//www.sejesinc.com/wp-content/themes/consultar/assets/fonts/themify.ttf?-fvbane) format('truetype'),
url(//www.sejesinc.com/wp-content/themes/consultar/assets/fonts/themify.svg?-fvbane#themify) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="ti-"], [class*=" ti-"] {
font-family: 'themify';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ti-wand:before {
content: "\e600";
}
.ti-volume:before {
content: "\e601";
}
.ti-user:before {
content: "\e602";
}
.ti-unlock:before {
content: "\e603";
}
.ti-unlink:before {
content: "\e604";
}
.ti-trash:before {
content: "\e605";
}
.ti-thought:before {
content: "\e606";
}
.ti-target:before {
content: "\e607";
}
.ti-tag:before {
content: "\e608";
}
.ti-tablet:before {
content: "\e609";
}
.ti-star:before {
content: "\e60a";
}
.ti-spray:before {
content: "\e60b";
}
.ti-signal:before {
content: "\e60c";
}
.ti-shopping-cart:before {
content: "\e60d";
}
.ti-shopping-cart-full:before {
content: "\e60e";
}
.ti-settings:before {
content: "\e60f";
}
.ti-search:before {
content: "\e610";
}
.ti-zoom-in:before {
content: "\e611";
}
.ti-zoom-out:before {
content: "\e612";
}
.ti-cut:before {
content: "\e613";
}
.ti-ruler:before {
content: "\e614";
}
.ti-ruler-pencil:before {
content: "\e615";
}
.ti-ruler-alt:before {
content: "\e616";
}
.ti-bookmark:before {
content: "\e617";
}
.ti-bookmark-alt:before {
content: "\e618";
}
.ti-reload:before {
content: "\e619";
}
.ti-plus:before {
content: "\e61a";
}
.ti-pin:before {
content: "\e61b";
}
.ti-pencil:before {
content: "\e61c";
}
.ti-pencil-alt:before {
content: "\e61d";
}
.ti-paint-roller:before {
content: "\e61e";
}
.ti-paint-bucket:before {
content: "\e61f";
}
.ti-na:before {
content: "\e620";
}
.ti-mobile:before {
content: "\e621";
}
.ti-minus:before {
content: "\e622";
}
.ti-medall:before {
content: "\e623";
}
.ti-medall-alt:before {
content: "\e624";
}
.ti-marker:before {
content: "\e625";
}
.ti-marker-alt:before {
content: "\e626";
}
.ti-arrow-up:before {
content: "\e627";
}
.ti-arrow-right:before {
content: "\e628";
}
.ti-arrow-left:before {
content: "\e629";
}
.ti-arrow-down:before {
content: "\e62a";
}
.ti-lock:before {
content: "\e62b";
}
.ti-location-arrow:before {
content: "\e62c";
}
.ti-link:before {
content: "\e62d";
}
.ti-layout:before {
content: "\e62e";
}
.ti-layers:before {
content: "\e62f";
}
.ti-layers-alt:before {
content: "\e630";
}
.ti-key:before {
content: "\e631";
}
.ti-import:before {
content: "\e632";
}
.ti-image:before {
content: "\e633";
}
.ti-heart:before {
content: "\e634";
}
.ti-heart-broken:before {
content: "\e635";
}
.ti-hand-stop:before {
content: "\e636";
}
.ti-hand-open:before {
content: "\e637";
}
.ti-hand-drag:before {
content: "\e638";
}
.ti-folder:before {
content: "\e639";
}
.ti-flag:before {
content: "\e63a";
}
.ti-flag-alt:before {
content: "\e63b";
}
.ti-flag-alt-2:before {
content: "\e63c";
}
.ti-eye:before {
content: "\e63d";
}
.ti-export:before {
content: "\e63e";
}
.ti-exchange-vertical:before {
content: "\e63f";
}
.ti-desktop:before {
content: "\e640";
}
.ti-cup:before {
content: "\e641";
}
.ti-crown:before {
content: "\e642";
}
.ti-comments:before {
content: "\e643";
}
.ti-comment:before {
content: "\e644";
}
.ti-comment-alt:before {
content: "\e645";
}
.ti-close:before {
content: "\e646";
}
.ti-clip:before {
content: "\e647";
}
.ti-angle-up:before {
content: "\e648";
}
.ti-angle-right:before {
content: "\e649";
}
.ti-angle-left:before {
content: "\e64a";
}
.ti-angle-down:before {
content: "\e64b";
}
.ti-check:before {
content: "\e64c";
}
.ti-check-box:before {
content: "\e64d";
}
.ti-camera:before {
content: "\e64e";
}
.ti-announcement:before {
content: "\e64f";
}
.ti-brush:before {
content: "\e650";
}
.ti-briefcase:before {
content: "\e651";
}
.ti-bolt:before {
content: "\e652";
}
.ti-bolt-alt:before {
content: "\e653";
}
.ti-blackboard:before {
content: "\e654";
}
.ti-bag:before {
content: "\e655";
}
.ti-move:before {
content: "\e656";
}
.ti-arrows-vertical:before {
content: "\e657";
}
.ti-arrows-horizontal:before {
content: "\e658";
}
.ti-fullscreen:before {
content: "\e659";
}
.ti-arrow-top-right:before {
content: "\e65a";
}
.ti-arrow-top-left:before {
content: "\e65b";
}
.ti-arrow-circle-up:before {
content: "\e65c";
}
.ti-arrow-circle-right:before {
content: "\e65d";
}
.ti-arrow-circle-left:before {
content: "\e65e";
}
.ti-arrow-circle-down:before {
content: "\e65f";
}
.ti-angle-double-up:before {
content: "\e660";
}
.ti-angle-double-right:before {
content: "\e661";
}
.ti-angle-double-left:before {
content: "\e662";
}
.ti-angle-double-down:before {
content: "\e663";
}
.ti-zip:before {
content: "\e664";
}
.ti-world:before {
content: "\e665";
}
.ti-wheelchair:before {
content: "\e666";
}
.ti-view-list:before {
content: "\e667";
}
.ti-view-list-alt:before {
content: "\e668";
}
.ti-view-grid:before {
content: "\e669";
}
.ti-uppercase:before {
content: "\e66a";
}
.ti-upload:before {
content: "\e66b";
}
.ti-underline:before {
content: "\e66c";
}
.ti-truck:before {
content: "\e66d";
}
.ti-timer:before {
content: "\e66e";
}
.ti-ticket:before {
content: "\e66f";
}
.ti-thumb-up:before {
content: "\e670";
}
.ti-thumb-down:before {
content: "\e671";
}
.ti-text:before {
content: "\e672";
}
.ti-stats-up:before {
content: "\e673";
}
.ti-stats-down:before {
content: "\e674";
}
.ti-split-v:before {
content: "\e675";
}
.ti-split-h:before {
content: "\e676";
}
.ti-smallcap:before {
content: "\e677";
}
.ti-shine:before {
content: "\e678";
}
.ti-shift-right:before {
content: "\e679";
}
.ti-shift-left:before {
content: "\e67a";
}
.ti-shield:before {
content: "\e67b";
}
.ti-notepad:before {
content: "\e67c";
}
.ti-server:before {
content: "\e67d";
}
.ti-quote-right:before {
content: "\e67e";
}
.ti-quote-left:before {
content: "\e67f";
}
.ti-pulse:before {
content: "\e680";
}
.ti-printer:before {
content: "\e681";
}
.ti-power-off:before {
content: "\e682";
}
.ti-plug:before {
content: "\e683";
}
.ti-pie-chart:before {
content: "\e684";
}
.ti-paragraph:before {
content: "\e685";
}
.ti-panel:before {
content: "\e686";
}
.ti-package:before {
content: "\e687";
}
.ti-music:before {
content: "\e688";
}
.ti-music-alt:before {
content: "\e689";
}
.ti-mouse:before {
content: "\e68a";
}
.ti-mouse-alt:before {
content: "\e68b";
}
.ti-money:before {
content: "\e68c";
}
.ti-microphone:before {
content: "\e68d";
}
.ti-menu:before {
content: "\e68e";
}
.ti-menu-alt:before {
content: "\e68f";
}
.ti-map:before {
content: "\e690";
}
.ti-map-alt:before {
content: "\e691";
}
.ti-loop:before {
content: "\e692";
}
.ti-location-pin:before {
content: "\e693";
}
.ti-list:before {
content: "\e694";
}
.ti-light-bulb:before {
content: "\e695";
}
.ti-Italic:before {
content: "\e696";
}
.ti-info:before {
content: "\e697";
}
.ti-infinite:before {
content: "\e698";
}
.ti-id-badge:before {
content: "\e699";
}
.ti-hummer:before {
content: "\e69a";
}
.ti-home:before {
content: "\e69b";
}
.ti-help:before {
content: "\e69c";
}
.ti-headphone:before {
content: "\e69d";
}
.ti-harddrives:before {
content: "\e69e";
}
.ti-harddrive:before {
content: "\e69f";
}
.ti-gift:before {
content: "\e6a0";
}
.ti-game:before {
content: "\e6a1";
}
.ti-filter:before {
content: "\e6a2";
}
.ti-files:before {
content: "\e6a3";
}
.ti-file:before {
content: "\e6a4";
}
.ti-eraser:before {
content: "\e6a5";
}
.ti-envelope:before {
content: "\e6a6";
}
.ti-download:before {
content: "\e6a7";
}
.ti-direction:before {
content: "\e6a8";
}
.ti-direction-alt:before {
content: "\e6a9";
}
.ti-dashboard:before {
content: "\e6aa";
}
.ti-control-stop:before {
content: "\e6ab";
}
.ti-control-shuffle:before {
content: "\e6ac";
}
.ti-control-play:before {
content: "\e6ad";
}
.ti-control-pause:before {
content: "\e6ae";
}
.ti-control-forward:before {
content: "\e6af";
}
.ti-control-backward:before {
content: "\e6b0";
}
.ti-cloud:before {
content: "\e6b1";
}
.ti-cloud-up:before {
content: "\e6b2";
}
.ti-cloud-down:before {
content: "\e6b3";
}
.ti-clipboard:before {
content: "\e6b4";
}
.ti-car:before {
content: "\e6b5";
}
.ti-calendar:before {
content: "\e6b6";
}
.ti-book:before {
content: "\e6b7";
}
.ti-bell:before {
content: "\e6b8";
}
.ti-basketball:before {
content: "\e6b9";
}
.ti-bar-chart:before {
content: "\e6ba";
}
.ti-bar-chart-alt:before {
content: "\e6bb";
}
.ti-back-right:before {
content: "\e6bc";
}
.ti-back-left:before {
content: "\e6bd";
}
.ti-arrows-corner:before {
content: "\e6be";
}
.ti-archive:before {
content: "\e6bf";
}
.ti-anchor:before {
content: "\e6c0";
}
.ti-align-right:before {
content: "\e6c1";
}
.ti-align-left:before {
content: "\e6c2";
}
.ti-align-justify:before {
content: "\e6c3";
}
.ti-align-center:before {
content: "\e6c4";
}
.ti-alert:before {
content: "\e6c5";
}
.ti-alarm-clock:before {
content: "\e6c6";
}
.ti-agenda:before {
content: "\e6c7";
}
.ti-write:before {
content: "\e6c8";
}
.ti-window:before {
content: "\e6c9";
}
.ti-widgetized:before {
content: "\e6ca";
}
.ti-widget:before {
content: "\e6cb";
}
.ti-widget-alt:before {
content: "\e6cc";
}
.ti-wallet:before {
content: "\e6cd";
}
.ti-video-clapper:before {
content: "\e6ce";
}
.ti-video-camera:before {
content: "\e6cf";
}
.ti-vector:before {
content: "\e6d0";
}
.ti-themify-logo:before {
content: "\e6d1";
}
.ti-themify-favicon:before {
content: "\e6d2";
}
.ti-themify-favicon-alt:before {
content: "\e6d3";
}
.ti-support:before {
content: "\e6d4";
}
.ti-stamp:before {
content: "\e6d5";
}
.ti-split-v-alt:before {
content: "\e6d6";
}
.ti-slice:before {
content: "\e6d7";
}
.ti-shortcode:before {
content: "\e6d8";
}
.ti-shift-right-alt:before {
content: "\e6d9";
}
.ti-shift-left-alt:before {
content: "\e6da";
}
.ti-ruler-alt-2:before {
content: "\e6db";
}
.ti-receipt:before {
content: "\e6dc";
}
.ti-pin2:before {
content: "\e6dd";
}
.ti-pin-alt:before {
content: "\e6de";
}
.ti-pencil-alt2:before {
content: "\e6df";
}
.ti-palette:before {
content: "\e6e0";
}
.ti-more:before {
content: "\e6e1";
}
.ti-more-alt:before {
content: "\e6e2";
}
.ti-microphone-alt:before {
content: "\e6e3";
}
.ti-magnet:before {
content: "\e6e4";
}
.ti-line-double:before {
content: "\e6e5";
}
.ti-line-dotted:before {
content: "\e6e6";
}
.ti-line-dashed:before {
content: "\e6e7";
}
.ti-layout-width-full:before {
content: "\e6e8";
}
.ti-layout-width-default:before {
content: "\e6e9";
}
.ti-layout-width-default-alt:before {
content: "\e6ea";
}
.ti-layout-tab:before {
content: "\e6eb";
}
.ti-layout-tab-window:before {
content: "\e6ec";
}
.ti-layout-tab-v:before {
content: "\e6ed";
}
.ti-layout-tab-min:before {
content: "\e6ee";
}
.ti-layout-slider:before {
content: "\e6ef";
}
.ti-layout-slider-alt:before {
content: "\e6f0";
}
.ti-layout-sidebar-right:before {
content: "\e6f1";
}
.ti-layout-sidebar-none:before {
content: "\e6f2";
}
.ti-layout-sidebar-left:before {
content: "\e6f3";
}
.ti-layout-placeholder:before {
content: "\e6f4";
}
.ti-layout-menu:before {
content: "\e6f5";
}
.ti-layout-menu-v:before {
content: "\e6f6";
}
.ti-layout-menu-separated:before {
content: "\e6f7";
}
.ti-layout-menu-full:before {
content: "\e6f8";
}
.ti-layout-media-right-alt:before {
content: "\e6f9";
}
.ti-layout-media-right:before {
content: "\e6fa";
}
.ti-layout-media-overlay:before {
content: "\e6fb";
}
.ti-layout-media-overlay-alt:before {
content: "\e6fc";
}
.ti-layout-media-overlay-alt-2:before {
content: "\e6fd";
}
.ti-layout-media-left-alt:before {
content: "\e6fe";
}
.ti-layout-media-left:before {
content: "\e6ff";
}
.ti-layout-media-center-alt:before {
content: "\e700";
}
.ti-layout-media-center:before {
content: "\e701";
}
.ti-layout-list-thumb:before {
content: "\e702";
}
.ti-layout-list-thumb-alt:before {
content: "\e703";
}
.ti-layout-list-post:before {
content: "\e704";
}
.ti-layout-list-large-image:before {
content: "\e705";
}
.ti-layout-line-solid:before {
content: "\e706";
}
.ti-layout-grid4:before {
content: "\e707";
}
.ti-layout-grid3:before {
content: "\e708";
}
.ti-layout-grid2:before {
content: "\e709";
}
.ti-layout-grid2-thumb:before {
content: "\e70a";
}
.ti-layout-cta-right:before {
content: "\e70b";
}
.ti-layout-cta-left:before {
content: "\e70c";
}
.ti-layout-cta-center:before {
content: "\e70d";
}
.ti-layout-cta-btn-right:before {
content: "\e70e";
}
.ti-layout-cta-btn-left:before {
content: "\e70f";
}
.ti-layout-column4:before {
content: "\e710";
}
.ti-layout-column3:before {
content: "\e711";
}
.ti-layout-column2:before {
content: "\e712";
}
.ti-layout-accordion-separated:before {
content: "\e713";
}
.ti-layout-accordion-merged:before {
content: "\e714";
}
.ti-layout-accordion-list:before {
content: "\e715";
}
.ti-ink-pen:before {
content: "\e716";
}
.ti-info-alt:before {
content: "\e717";
}
.ti-help-alt:before {
content: "\e718";
}
.ti-headphone-alt:before {
content: "\e719";
}
.ti-hand-point-up:before {
content: "\e71a";
}
.ti-hand-point-right:before {
content: "\e71b";
}
.ti-hand-point-left:before {
content: "\e71c";
}
.ti-hand-point-down:before {
content: "\e71d";
}
.ti-gallery:before {
content: "\e71e";
}
.ti-face-smile:before {
content: "\e71f";
}
.ti-face-sad:before {
content: "\e720";
}
.ti-credit-card:before {
content: "\e721";
}
.ti-control-skip-forward:before {
content: "\e722";
}
.ti-control-skip-backward:before {
content: "\e723";
}
.ti-control-record:before {
content: "\e724";
}
.ti-control-eject:before {
content: "\e725";
}
.ti-comments-smiley:before {
content: "\e726";
}
.ti-brush-alt:before {
content: "\e727";
}
.ti-youtube:before {
content: "\e728";
}
.ti-vimeo:before {
content: "\e729";
}
.ti-twitter:before {
content: "\e72a";
}
.ti-time:before {
content: "\e72b";
}
.ti-tumblr:before {
content: "\e72c";
}
.ti-skype:before {
content: "\e72d";
}
.ti-share:before {
content: "\e72e";
}
.ti-share-alt:before {
content: "\e72f";
}
.ti-rocket:before {
content: "\e730";
}
.ti-pinterest:before {
content: "\e731";
}
.ti-new-window:before {
content: "\e732";
}
.ti-microsoft:before {
content: "\e733";
}
.ti-list-ol:before {
content: "\e734";
}
.ti-linkedin:before {
content: "\e735";
}
.ti-layout-sidebar-2:before {
content: "\e736";
}
.ti-layout-grid4-alt:before {
content: "\e737";
}
.ti-layout-grid3-alt:before {
content: "\e738";
}
.ti-layout-grid2-alt:before {
content: "\e739";
}
.ti-layout-column4-alt:before {
content: "\e73a";
}
.ti-layout-column3-alt:before {
content: "\e73b";
}
.ti-layout-column2-alt:before {
content: "\e73c";
}
.ti-instagram:before {
content: "\e73d";
}
.ti-google:before {
content: "\e73e";
}
.ti-github:before {
content: "\e73f";
}
.ti-flickr:before {
content: "\e740";
}
.ti-facebook:before {
content: "\e741";
}
.ti-dropbox:before {
content: "\e742";
}
.ti-dribbble:before {
content: "\e743";
}
.ti-apple:before {
content: "\e744";
}
.ti-android:before {
content: "\e745";
}
.ti-save:before {
content: "\e746";
}
.ti-save-alt:before {
content: "\e747";
}
.ti-yahoo:before {
content: "\e748";
}
.ti-wordpress:before {
content: "\e749";
}
.ti-vimeo-alt:before {
content: "\e74a";
}
.ti-twitter-alt:before {
content: "\e74b";
}
.ti-tumblr-alt:before {
content: "\e74c";
}
.ti-trello:before {
content: "\e74d";
}
.ti-stack-overflow:before {
content: "\e74e";
}
.ti-soundcloud:before {
content: "\e74f";
}
.ti-sharethis:before {
content: "\e750";
}
.ti-sharethis-alt:before {
content: "\e751";
}
.ti-reddit:before {
content: "\e752";
}
.ti-pinterest-alt:before {
content: "\e753";
}
.ti-microsoft-alt:before {
content: "\e754";
}
.ti-linux:before {
content: "\e755";
}
.ti-jsfiddle:before {
content: "\e756";
}
.ti-joomla:before {
content: "\e757";
}
.ti-html5:before {
content: "\e758";
}
.ti-flickr-alt:before {
content: "\e759";
}
.ti-email:before {
content: "\e75a";
}
.ti-drupal:before {
content: "\e75b";
}
.ti-dropbox-alt:before {
content: "\e75c";
}
.ti-css3:before {
content: "\e75d";
}
.ti-rss:before {
content: "\e75e";
}
.ti-rss-alt:before {
content: "\e75f";
}@font-face {
font-family: "Flaticon";
src: url(//www.sejesinc.com/wp-content/themes/consultar/assets/fonts/Flaticon.eot);
src: url(//www.sejesinc.com/wp-content/themes/consultar/assets/fonts/Flaticon.eot?#iefix) format("embedded-opentype"),
url(//www.sejesinc.com/wp-content/themes/consultar/assets/fonts/Flaticon.woff2) format("woff2"),
url(//www.sejesinc.com/wp-content/themes/consultar/assets/fonts/Flaticon.woff) format("woff"),
url(//www.sejesinc.com/wp-content/themes/consultar/assets/fonts/Flaticon.ttf) format("truetype"),
url(//www.sejesinc.com/wp-content/themes/consultar/assets/fonts/Flaticon.svg#Flaticon) format("svg");
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: "Flaticon";
src: url(//www.sejesinc.com/wp-content/themes/consultar/assets/fonts/Flaticon.svg#Flaticon) format("svg");
}
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
font-family: Flaticon;
font-size: 20px;
font-style: normal;
}
.flaticon-business:before { content: "\f101"; }
.flaticon-calendar-1:before {content: "\f102";}
.flaticon-calendar:before {content: "\f103";}
.flaticon-comment-white-oval-bubble:before {content: "\f104";}
.flaticon-edit:before {content: "\f105";}
.flaticon-email:before {content: "\f106";}
.flaticon-house:before {content: "\f107";}
.flaticon-lamp:before { content: "\f108";}
.flaticon-left-quote:before {content: "\f109";}
.flaticon-location:before {content: "\f10a";}
.flaticon-magnifiying-glass:before {content: "\f10b";}
.flaticon-medal:before {content: "\f10c";}
.flaticon-phone-call:before {content: "\f10d";}
.flaticon-pinterest:before {content: "\f10e";}
.flaticon-placeholder:before {content: "\f10f";}
.flaticon-play:before {content: "\f110";}
.flaticon-right-arrow:before {content: "\f111";}
.flaticon-send:before {content: "\f112";}
.flaticon-startup:before {content: "\f113";}
.flaticon-stats:before {content: "\f114";}
.flaticon-telephone:before {content: "\f115";}
.flaticon-trophy:before {content: "\f116";}
.flaticon-user:before {content: "\f117";}
 :root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-font-sans-serif);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[data-bs-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#0d6efd;text-decoration:underline}a:hover{color:#0a58ca}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em;direction:ltr;unicode-bidi:bidi-override}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:700}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-size:calc(1.525rem + 3.3vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-6{font-size:2.5rem}}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}.blockquote-footer::before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:.875em;color:#6c757d}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x)/ -2);margin-left:calc(var(--bs-gutter-x)/ -2)}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)/ 2);padding-left:calc(var(--bs-gutter-x)/ 2);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.3333333333%}.col-2{flex:0 0 auto;width:16.6666666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.3333333333%}.col-5{flex:0 0 auto;width:41.6666666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.3333333333%}.col-8{flex:0 0 auto;width:66.6666666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.3333333333%}.col-11{flex:0 0 auto;width:91.6666666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.3333333333%}.offset-2{margin-left:16.6666666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333333333%}.offset-5{margin-left:41.6666666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333333333%}.offset-8{margin-left:66.6666666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333333333%}.offset-11{margin-left:91.6666666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.3333333333%}.col-sm-2{flex:0 0 auto;width:16.6666666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.3333333333%}.col-sm-5{flex:0 0 auto;width:41.6666666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.3333333333%}.col-sm-8{flex:0 0 auto;width:66.6666666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.3333333333%}.col-sm-11{flex:0 0 auto;width:91.6666666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.3333333333%}.offset-sm-2{margin-left:16.6666666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333333333%}.offset-sm-5{margin-left:41.6666666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333333333%}.offset-sm-8{margin-left:66.6666666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333333333%}.offset-sm-11{margin-left:91.6666666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.3333333333%}.col-md-2{flex:0 0 auto;width:16.6666666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.3333333333%}.col-md-5{flex:0 0 auto;width:41.6666666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.3333333333%}.col-md-8{flex:0 0 auto;width:66.6666666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.3333333333%}.col-md-11{flex:0 0 auto;width:91.6666666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.3333333333%}.offset-md-2{margin-left:16.6666666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333333333%}.offset-md-5{margin-left:41.6666666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333333333%}.offset-md-8{margin-left:66.6666666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333333333%}.offset-md-11{margin-left:91.6666666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.3333333333%}.col-lg-2{flex:0 0 auto;width:16.6666666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.3333333333%}.col-lg-5{flex:0 0 auto;width:41.6666666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.3333333333%}.col-lg-8{flex:0 0 auto;width:66.6666666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.3333333333%}.col-lg-11{flex:0 0 auto;width:91.6666666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.3333333333%}.offset-lg-2{margin-left:16.6666666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.3333333333%}.offset-lg-5{margin-left:41.6666666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.3333333333%}.offset-lg-8{margin-left:66.6666666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.3333333333%}.offset-lg-11{margin-left:91.6666666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.3333333333%}.col-xl-2{flex:0 0 auto;width:16.6666666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.3333333333%}.col-xl-5{flex:0 0 auto;width:41.6666666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.3333333333%}.col-xl-8{flex:0 0 auto;width:66.6666666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.3333333333%}.col-xl-11{flex:0 0 auto;width:91.6666666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.3333333333%}.offset-xl-2{margin-left:16.6666666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.3333333333%}.offset-xl-5{margin-left:41.6666666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.3333333333%}.offset-xl-8{margin-left:66.6666666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.3333333333%}.offset-xl-11{margin-left:91.6666666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.3333333333%}.col-xxl-2{flex:0 0 auto;width:16.6666666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.3333333333%}.col-xxl-5{flex:0 0 auto;width:41.6666666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.3333333333%}.col-xxl-8{flex:0 0 auto;width:66.6666666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.3333333333%}.col-xxl-11{flex:0 0 auto;width:91.6666666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.3333333333%}.offset-xxl-2{margin-left:16.6666666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.3333333333%}.offset-xxl-5{margin-left:41.6666666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.3333333333%}.offset-xxl-8{margin-left:66.6666666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.3333333333%}.offset-xxl-11{margin-left:91.6666666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.table{--bs-table-bg:transparent;--bs-table-accent-bg:transparent;--bs-table-striped-color:#212529;--bs-table-striped-bg:rgba(0, 0, 0, 0.05);--bs-table-active-color:#212529;--bs-table-active-bg:rgba(0, 0, 0, 0.1);--bs-table-hover-color:#212529;--bs-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:#212529;vertical-align:top;border-color:#dee2e6}.table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table>:not(:last-child)>:last-child>*{border-bottom-color:currentColor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.table-bordered>:not(caption)>*{border-width:1px 0}.table-bordered>:not(caption)>*>*{border-width:0 1px}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-striped>tbody>tr:nth-of-type(odd){--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}.table-active{--bs-table-accent-bg:var(--bs-table-active-bg);color:var(--bs-table-active-color)}.table-hover>tbody>tr:hover{--bs-table-accent-bg:var(--bs-table-hover-bg);color:var(--bs-table-hover-color)}.table-primary{--bs-table-bg:#cfe2ff;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:#000;border-color:#bacbe6}.table-secondary{--bs-table-bg:#e2e3e5;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:#000;border-color:#cbccce}.table-success{--bs-table-bg:#d1e7dd;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:#000;border-color:#bcd0c7}.table-info{--bs-table-bg:#cff4fc;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000;color:#000;border-color:#badce3}.table-warning{--bs-table-bg:#fff3cd;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:#000;border-color:#e6dbb9}.table-danger{--bs-table-bg:#f8d7da;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:#000;border-color:#dfc2c4}.table-light{--bs-table-bg:#f8f9fa;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:#000;border-color:#dfe0e1}.table-dark{--bs-table-bg:#212529;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:#fff;border-color:#373b3e}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:#6c757d}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{height:1.5em}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#dde0e3}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:#dde0e3}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}.form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + .75rem + 2px)}textarea.form-control-sm{min-height:calc(1.5em + .5rem + 2px)}textarea.form-control-lg{min-height:calc(1.5em + 1rem + 2px)}.form-control-color{max-width:3rem;height:auto;padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{height:1.5em;border-radius:.25rem}.form-control-color::-webkit-color-swatch{height:1.5em;border-radius:.25rem}.form-select{display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:#e9ecef}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #212529}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-input{width:1em;height:1em;margin-top:.25em;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(0,0,0,.25);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{width:2em;margin-left:-2.5em;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}.form-range{width:100%;height:1.5rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.form-range:disabled::-moz-range-thumb{background-color:#adb5bd}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-select{height:calc(3.5rem + 2px);padding:1rem .75rem}.form-floating>label{position:absolute;top:0;left:0;height:100%;padding:1rem .75rem;pointer-events:none;border:1px solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}.form-floating>.form-control::-moz-placeholder{color:transparent}.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:not(:-moz-placeholder-shown)~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:-webkit-autofill~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-select:focus{z-index:3}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:3}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#198754}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:rgba(25,135,84,.9);border-radius:.25rem}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#198754;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:#198754}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:#198754}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:#198754}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#198754}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group .form-control.is-valid,.input-group .form-select.is-valid,.was-validated .input-group .form-control:valid,.was-validated .input-group .form-select:valid{z-index:1}.input-group .form-control.is-valid:focus,.input-group .form-select.is-valid:focus,.was-validated .input-group .form-control:valid:focus,.was-validated .input-group .form-select:valid:focus{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#dc3545}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#dc3545}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#dc3545}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group .form-control.is-invalid,.input-group .form-select.is-invalid,.was-validated .input-group .form-control:invalid,.was-validated .input-group .form-select:invalid{z-index:2}.input-group .form-control.is-invalid:focus,.input-group .form-select.is-invalid:focus,.was-validated .input-group .form-control:invalid:focus,.was-validated .input-group .form-select:invalid:focus{z-index:3}.btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529}.btn-check:focus+.btn,.btn:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{pointer-events:none;opacity:.65}.btn-primary{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-primary:hover{color:#fff;background-color:#0b5ed7;border-color:#0a58ca}.btn-check:focus+.btn-primary,.btn-primary:focus{color:#fff;background-color:#0b5ed7;border-color:#0a58ca;box-shadow:0 0 0 .25rem rgba(49,132,253,.5)}.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0a58ca;border-color:#0a53be}.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(49,132,253,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5c636a;border-color:#565e64}.btn-check:focus+.btn-secondary,.btn-secondary:focus{color:#fff;background-color:#5c636a;border-color:#565e64;box-shadow:0 0 0 .25rem rgba(130,138,145,.5)}.btn-check:active+.btn-secondary,.btn-check:checked+.btn-secondary,.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#565e64;border-color:#51585e}.btn-check:active+.btn-secondary:focus,.btn-check:checked+.btn-secondary:focus,.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-success{color:#fff;background-color:#198754;border-color:#198754}.btn-success:hover{color:#fff;background-color:#157347;border-color:#146c43}.btn-check:focus+.btn-success,.btn-success:focus{color:#fff;background-color:#157347;border-color:#146c43;box-shadow:0 0 0 .25rem rgba(60,153,110,.5)}.btn-check:active+.btn-success,.btn-check:checked+.btn-success,.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#146c43;border-color:#13653f}.btn-check:active+.btn-success:focus,.btn-check:checked+.btn-success:focus,.btn-success.active:focus,.btn-success:active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(60,153,110,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#198754;border-color:#198754}.btn-info{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-info:hover{color:#000;background-color:#31d2f2;border-color:#25cff2}.btn-check:focus+.btn-info,.btn-info:focus{color:#000;background-color:#31d2f2;border-color:#25cff2;box-shadow:0 0 0 .25rem rgba(11,172,204,.5)}.btn-check:active+.btn-info,.btn-check:checked+.btn-info,.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle{color:#000;background-color:#3dd5f3;border-color:#25cff2}.btn-check:active+.btn-info:focus,.btn-check:checked+.btn-info:focus,.btn-info.active:focus,.btn-info:active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(11,172,204,.5)}.btn-info.disabled,.btn-info:disabled{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-warning{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#000;background-color:#ffca2c;border-color:#ffc720}.btn-check:focus+.btn-warning,.btn-warning:focus{color:#000;background-color:#ffca2c;border-color:#ffc720;box-shadow:0 0 0 .25rem rgba(217,164,6,.5)}.btn-check:active+.btn-warning,.btn-check:checked+.btn-warning,.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle{color:#000;background-color:#ffcd39;border-color:#ffc720}.btn-check:active+.btn-warning:focus,.btn-check:checked+.btn-warning:focus,.btn-warning.active:focus,.btn-warning:active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(217,164,6,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#bb2d3b;border-color:#b02a37}.btn-check:focus+.btn-danger,.btn-danger:focus{color:#fff;background-color:#bb2d3b;border-color:#b02a37;box-shadow:0 0 0 .25rem rgba(225,83,97,.5)}.btn-check:active+.btn-danger,.btn-check:checked+.btn-danger,.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#b02a37;border-color:#a52834}.btn-check:active+.btn-danger:focus,.btn-check:checked+.btn-danger:focus,.btn-danger.active:focus,.btn-danger:active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-light{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#000;background-color:#f9fafb;border-color:#f9fafb}.btn-check:focus+.btn-light,.btn-light:focus{color:#000;background-color:#f9fafb;border-color:#f9fafb;box-shadow:0 0 0 .25rem rgba(211,212,213,.5)}.btn-check:active+.btn-light,.btn-check:checked+.btn-light,.btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle{color:#000;background-color:#f9fafb;border-color:#f9fafb}.btn-check:active+.btn-light:focus,.btn-check:checked+.btn-light:focus,.btn-light.active:focus,.btn-light:active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(211,212,213,.5)}.btn-light.disabled,.btn-light:disabled{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-dark{color:#fff;background-color:#212529;border-color:#212529}.btn-dark:hover{color:#fff;background-color:#1c1f23;border-color:#1a1e21}.btn-check:focus+.btn-dark,.btn-dark:focus{color:#fff;background-color:#1c1f23;border-color:#1a1e21;box-shadow:0 0 0 .25rem rgba(66,70,73,.5)}.btn-check:active+.btn-dark,.btn-check:checked+.btn-dark,.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1a1e21;border-color:#191c1f}.btn-check:active+.btn-dark:focus,.btn-check:checked+.btn-dark:focus,.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(66,70,73,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#212529;border-color:#212529}.btn-outline-primary{color:#0d6efd;border-color:#0d6efd}.btn-outline-primary:hover{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-check:focus+.btn-outline-primary,.btn-outline-primary:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.5)}.btn-check:active+.btn-outline-primary,.btn-check:checked+.btn-outline-primary,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary:active{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-check:active+.btn-outline-primary:focus,.btn-check:checked+.btn-outline-primary:focus,.btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus,.btn-outline-primary:active:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#0d6efd;background-color:transparent}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-check:focus+.btn-outline-secondary,.btn-outline-secondary:focus{box-shadow:0 0 0 .25rem rgba(108,117,125,.5)}.btn-check:active+.btn-outline-secondary,.btn-check:checked+.btn-outline-secondary,.btn-outline-secondary.active,.btn-outline-secondary.dropdown-toggle.show,.btn-outline-secondary:active{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-check:active+.btn-outline-secondary:focus,.btn-check:checked+.btn-outline-secondary:focus,.btn-outline-secondary.active:focus,.btn-outline-secondary.dropdown-toggle.show:focus,.btn-outline-secondary:active:focus{box-shadow:0 0 0 .25rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-success{color:#198754;border-color:#198754}.btn-outline-success:hover{color:#fff;background-color:#198754;border-color:#198754}.btn-check:focus+.btn-outline-success,.btn-outline-success:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.5)}.btn-check:active+.btn-outline-success,.btn-check:checked+.btn-outline-success,.btn-outline-success.active,.btn-outline-success.dropdown-toggle.show,.btn-outline-success:active{color:#fff;background-color:#198754;border-color:#198754}.btn-check:active+.btn-outline-success:focus,.btn-check:checked+.btn-outline-success:focus,.btn-outline-success.active:focus,.btn-outline-success.dropdown-toggle.show:focus,.btn-outline-success:active:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#198754;background-color:transparent}.btn-outline-info{color:#0dcaf0;border-color:#0dcaf0}.btn-outline-info:hover{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-check:focus+.btn-outline-info,.btn-outline-info:focus{box-shadow:0 0 0 .25rem rgba(13,202,240,.5)}.btn-check:active+.btn-outline-info,.btn-check:checked+.btn-outline-info,.btn-outline-info.active,.btn-outline-info.dropdown-toggle.show,.btn-outline-info:active{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-check:active+.btn-outline-info:focus,.btn-check:checked+.btn-outline-info:focus,.btn-outline-info.active:focus,.btn-outline-info.dropdown-toggle.show:focus,.btn-outline-info:active:focus{box-shadow:0 0 0 .25rem rgba(13,202,240,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#0dcaf0;background-color:transparent}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-check:focus+.btn-outline-warning,.btn-outline-warning:focus{box-shadow:0 0 0 .25rem rgba(255,193,7,.5)}.btn-check:active+.btn-outline-warning,.btn-check:checked+.btn-outline-warning,.btn-outline-warning.active,.btn-outline-warning.dropdown-toggle.show,.btn-outline-warning:active{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-check:active+.btn-outline-warning:focus,.btn-check:checked+.btn-outline-warning:focus,.btn-outline-warning.active:focus,.btn-outline-warning.dropdown-toggle.show:focus,.btn-outline-warning:active:focus{box-shadow:0 0 0 .25rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-check:focus+.btn-outline-danger,.btn-outline-danger:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.5)}.btn-check:active+.btn-outline-danger,.btn-check:checked+.btn-outline-danger,.btn-outline-danger.active,.btn-outline-danger.dropdown-toggle.show,.btn-outline-danger:active{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-check:active+.btn-outline-danger:focus,.btn-check:checked+.btn-outline-danger:focus,.btn-outline-danger.active:focus,.btn-outline-danger.dropdown-toggle.show:focus,.btn-outline-danger:active:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-check:focus+.btn-outline-light,.btn-outline-light:focus{box-shadow:0 0 0 .25rem rgba(248,249,250,.5)}.btn-check:active+.btn-outline-light,.btn-check:checked+.btn-outline-light,.btn-outline-light.active,.btn-outline-light.dropdown-toggle.show,.btn-outline-light:active{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-check:active+.btn-outline-light:focus,.btn-check:checked+.btn-outline-light:focus,.btn-outline-light.active:focus,.btn-outline-light.dropdown-toggle.show:focus,.btn-outline-light:active:focus{box-shadow:0 0 0 .25rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-dark{color:#212529;border-color:#212529}.btn-outline-dark:hover{color:#fff;background-color:#212529;border-color:#212529}.btn-check:focus+.btn-outline-dark,.btn-outline-dark:focus{box-shadow:0 0 0 .25rem rgba(33,37,41,.5)}.btn-check:active+.btn-outline-dark,.btn-check:checked+.btn-outline-dark,.btn-outline-dark.active,.btn-outline-dark.dropdown-toggle.show,.btn-outline-dark:active{color:#fff;background-color:#212529;border-color:#212529}.btn-check:active+.btn-outline-dark:focus,.btn-check:checked+.btn-outline-dark:focus,.btn-outline-dark.active:focus,.btn-outline-dark.dropdown-toggle.show:focus,.btn-outline-dark:active:focus{box-shadow:0 0 0 .25rem rgba(33,37,41,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#212529;background-color:transparent}.btn-link{font-weight:400;color:#0d6efd;text-decoration:underline}.btn-link:hover{color:#0a58ca}.btn-link.disabled,.btn-link:disabled{color:#6c757d}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropend,.dropstart,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;z-index:1000;display:none;min-width:10rem;padding:.5rem 0;margin:0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:.125rem}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle::after{display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid rgba(0,0,0,.15)}.dropdown-item{display:block;width:100%;padding:.25rem 1rem;clear:both;font-weight:400;color:#212529;text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#1e2125;background-color:#e9ecef}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#0d6efd}.dropdown-item.disabled,.dropdown-item:disabled{color:#adb5bd;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1rem;color:#212529}.dropdown-menu-dark{color:#dee2e6;background-color:#343a40;border-color:rgba(0,0,0,.15)}.dropdown-menu-dark .dropdown-item{color:#dee2e6}.dropdown-menu-dark .dropdown-item:focus,.dropdown-menu-dark .dropdown-item:hover{color:#fff;background-color:rgba(255,255,255,.15)}.dropdown-menu-dark .dropdown-item.active,.dropdown-menu-dark .dropdown-item:active{color:#fff;background-color:#0d6efd}.dropdown-menu-dark .dropdown-item.disabled,.dropdown-menu-dark .dropdown-item:disabled{color:#adb5bd}.dropdown-menu-dark .dropdown-divider{border-color:rgba(0,0,0,.15)}.dropdown-menu-dark .dropdown-item-text{color:#dee2e6}.dropdown-menu-dark .dropdown-header{color:#adb5bd}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropstart .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem;color:#0d6efd;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:#0a58ca}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-link{margin-bottom:-1px;background:0 0;border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6;isolation:isolate}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{background:0 0;border:0;border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#0d6efd}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;text-decoration:none;white-space:nowrap}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem;transition:box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 .25rem}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:var(--bs-scroll-height,75vh);overflow-y:auto}@media (min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.55)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.55);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.55)}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.55)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.55);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.55)}.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:1rem 1rem}.card-title{margin-bottom:.5rem}.card-subtitle{margin-top:-.25rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1rem}.card-header{padding:.5rem 1rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-footer{padding:.5rem 1rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.5rem;margin-bottom:-.5rem;margin-left:-.5rem;border-bottom:0}.card-header-pills{margin-right:-.5rem;margin-left:-.5rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1rem;border-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-group>.card{margin-bottom:.75rem}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:1rem 1.25rem;font-size:1rem;color:#212529;text-align:left;background-color:#fff;border:0;border-radius:0;overflow-anchor:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:#0c63e4;background-color:#e7f1ff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.125)}.accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform:rotate(-180deg)}.accordion-button::after{flex-shrink:0;width:1.25rem;height:1.25rem;margin-left:auto;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:1.25rem;transition:transform .2s ease-in-out}@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.accordion-header{margin-bottom:0}.accordion-item{background-color:#fff;border:1px solid rgba(0,0,0,.125)}.accordion-item:first-of-type{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.accordion-item:first-of-type .accordion-button{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.accordion-item:last-of-type .accordion-collapse{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.accordion-body{padding:1rem 1.25rem}.accordion-flush .accordion-collapse{border-width:0}.accordion-flush .accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush .accordion-item:first-child{border-top:0}.accordion-flush .accordion-item:last-child{border-bottom:0}.accordion-flush .accordion-item .accordion-button{border-radius:0}.breadcrumb{display:flex;flex-wrap:wrap;padding:0 0;margin-bottom:1rem;list-style:none}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:.5rem;color:#6c757d;content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:#6c757d}.pagination{display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;color:#0d6efd;text-decoration:none;background-color:#fff;border:1px solid #dee2e6;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:#0a58ca;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;color:#0a58ca;background-color:#e9ecef;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.page-item:not(:first-child) .page-link{margin-left:-1px}.page-item.active .page-link{z-index:3;color:#fff;background-color:#0d6efd;border-color:#0d6efd}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;background-color:#fff;border-color:#dee2e6}.page-link{padding:.375rem .75rem}.page-item:first-child .page-link{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.35em .65em;font-size:.75em;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{position:relative;padding:1rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{color:#084298;background-color:#cfe2ff;border-color:#b6d4fe}.alert-primary .alert-link{color:#06357a}.alert-secondary{color:#41464b;background-color:#e2e3e5;border-color:#d3d6d8}.alert-secondary .alert-link{color:#34383c}.alert-success{color:#0f5132;background-color:#d1e7dd;border-color:#badbcc}.alert-success .alert-link{color:#0c4128}.alert-info{color:#055160;background-color:#cff4fc;border-color:#b6effb}.alert-info .alert-link{color:#04414d}.alert-warning{color:#664d03;background-color:#fff3cd;border-color:#ffecb5}.alert-warning .alert-link{color:#523e02}.alert-danger{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}.alert-danger .alert-link{color:#6a1a21}.alert-light{color:#636464;background-color:#fefefe;border-color:#fdfdfe}.alert-light .alert-link{color:#4f5050}.alert-dark{color:#141619;background-color:#d3d3d4;border-color:#bcbebf}.alert-dark .alert-link{color:#101214}@-webkit-keyframes progress-bar-stripes{0%{background-position-x:1rem}}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.progress{display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#0d6efd;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{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:1rem 1rem}.progress-bar-animated{-webkit-animation:1s linear infinite progress-bar-stripes;animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.25rem}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>li::before{content:counters(section, ".") ". ";counter-increment:section}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.5rem 1rem;color:#212529;text-decoration:none;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#0d6efd;border-color:#0d6efd}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 1px}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#084298;background-color:#cfe2ff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#084298;background-color:#bacbe6}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#084298;border-color:#084298}.list-group-item-secondary{color:#41464b;background-color:#e2e3e5}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#41464b;background-color:#cbccce}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#41464b;border-color:#41464b}.list-group-item-success{color:#0f5132;background-color:#d1e7dd}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#0f5132;background-color:#bcd0c7}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#0f5132;border-color:#0f5132}.list-group-item-info{color:#055160;background-color:#cff4fc}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#055160;background-color:#badce3}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#055160;border-color:#055160}.list-group-item-warning{color:#664d03;background-color:#fff3cd}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#664d03;background-color:#e6dbb9}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#664d03;border-color:#664d03}.list-group-item-danger{color:#842029;background-color:#f8d7da}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#842029;background-color:#dfc2c4}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#842029;border-color:#842029}.list-group-item-light{color:#636464;background-color:#fefefe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#636464;background-color:#e5e5e5}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#636464;border-color:#636464}.list-group-item-dark{color:#141619;background-color:#d3d3d4}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#141619;background-color:#bebebf}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#141619;border-color:#141619}.btn-close{box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:#000;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:0;border-radius:.25rem;opacity:.5}.btn-close:hover{color:#000;text-decoration:none;opacity:.75}.btn-close:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);opacity:1}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.25}.btn-close-white{filter:invert(1) grayscale(100%) brightness(200%)}.toast{width:350px;max-width:100%;font-size:.875rem;pointer-events:auto;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .5rem 1rem rgba(0,0,0,.15);border-radius:.25rem}.toast:not(.showing):not(.show){opacity:0}.toast.hide{display:none}.toast-container{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:.75rem}.toast-header{display:flex;align-items:center;padding:.5rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05);border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.toast-header .btn-close{margin-right:-.375rem;margin-left:.75rem}.toast-body{padding:.75rem;word-wrap:break-word}.modal{position:fixed;top:0;left:0;z-index:1060;display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .btn-close{padding:.5rem .5rem;margin:-.5rem -.5rem -.5rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;flex-shrink:0;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{height:calc(100% - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}.modal-fullscreen .modal-footer{border-radius:0}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}.modal-fullscreen-sm-down .modal-footer{border-radius:0}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}.modal-fullscreen-md-down .modal-footer{border-radius:0}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}.modal-fullscreen-lg-down .modal-footer{border-radius:0}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}.modal-fullscreen-xl-down .modal-footer{border-radius:0}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}.modal-fullscreen-xxl-down .modal-footer{border-radius:0}}.tooltip{position:absolute;z-index:1080;display:block;margin:0;font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .tooltip-arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[data-popper-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:0}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[data-popper-placement^=right],.bs-tooltip-end{padding:0 .4rem}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[data-popper-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:0}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[data-popper-placement^=left],.bs-tooltip-start{padding:0 .4rem}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1070;display:block;max-width:276px;font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .popover-arrow{position:absolute;display:block;width:1rem;height:.5rem}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-.5rem - 1px)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-.5rem - 1px)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f0f0f0}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem 1rem;margin-bottom:0;font-size:1rem;background-color:#f0f0f0;border-bottom:1px solid #d8d8d8;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:1rem 1rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%;list-style:none}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}.carousel-dark .carousel-caption{color:#000}@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:.75s linear infinite spinner-border;animation:.75s linear infinite spinner-border}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:.75s linear infinite spinner-grow;animation:.75s linear infinite spinner-grow}.spinner-grow-sm{width:1rem;height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{-webkit-animation-duration:1.5s;animation-duration:1.5s}}.offcanvas{position:fixed;bottom:0;z-index:1050;display:flex;flex-direction:column;max-width:100%;visibility:hidden;background-color:#fff;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem}.offcanvas-header .btn-close{padding:.5rem .5rem;margin:-.5rem -.5rem -.5rem auto}.offcanvas-title{margin-bottom:0;line-height:1.5}.offcanvas-body{flex-grow:1;padding:1rem 1rem;overflow-y:auto}.offcanvas-start{top:0;left:0;width:400px;border-right:1px solid rgba(0,0,0,.2);transform:translateX(-100%)}.offcanvas-end{top:0;right:0;width:400px;border-left:1px solid rgba(0,0,0,.2);transform:translateX(100%)}.offcanvas-top{top:0;right:0;left:0;height:30vh;max-height:100%;border-bottom:1px solid rgba(0,0,0,.2);transform:translateY(-100%)}.offcanvas-bottom{right:0;left:0;height:30vh;max-height:100%;border-top:1px solid rgba(0,0,0,.2);transform:translateY(100%)}.offcanvas.show{transform:none}.clearfix::after{display:block;clear:both;content:""}.link-primary{color:#0d6efd}.link-primary:focus,.link-primary:hover{color:#0a58ca}.link-secondary{color:#6c757d}.link-secondary:focus,.link-secondary:hover{color:#565e64}.link-success{color:#198754}.link-success:focus,.link-success:hover{color:#146c43}.link-info{color:#0dcaf0}.link-info:focus,.link-info:hover{color:#3dd5f3}.link-warning{color:#ffc107}.link-warning:focus,.link-warning:hover{color:#ffcd39}.link-danger{color:#dc3545}.link-danger:focus,.link-danger:hover{color:#b02a37}.link-light{color:#f8f9fa}.link-light:focus,.link-light:hover{color:#f9fafb}.link-dark{color:#212529}.link-dark:focus,.link-dark:hover{color:#1a1e21}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:calc(3 / 4 * 100%)}.ratio-16x9{--bs-aspect-ratio:calc(9 / 16 * 100%)}.ratio-21x9{--bs-aspect-ratio:calc(9 / 21 * 100%)}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translateX(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:1px solid #dee2e6!important}.border-0{border:0!important}.border-top{border-top:1px solid #dee2e6!important}.border-top-0{border-top:0!important}.border-end{border-right:1px solid #dee2e6!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:1px solid #dee2e6!important}.border-start-0{border-left:0!important}.border-primary{border-color:#0d6efd!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#198754!important}.border-info{border-color:#0dcaf0!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#212529!important}.border-white{border-color:#fff!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.font-monospace{font-family:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-light{font-weight:300!important}.fw-lighter{font-weight:lighter!important}.fw-normal{font-weight:400!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{color:#0d6efd!important}.text-secondary{color:#6c757d!important}.text-success{color:#198754!important}.text-info{color:#0dcaf0!important}.text-warning{color:#ffc107!important}.text-danger{color:#dc3545!important}.text-light{color:#f8f9fa!important}.text-dark{color:#212529!important}.text-white{color:#fff!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-reset{color:inherit!important}.bg-primary{background-color:#0d6efd!important}.bg-secondary{background-color:#6c757d!important}.bg-success{background-color:#198754!important}.bg-info{background-color:#0dcaf0!important}.bg-warning{background-color:#ffc107!important}.bg-danger{background-color:#dc3545!important}.bg-light{background-color:#f8f9fa!important}.bg-dark{background-color:#212529!important}.bg-body{background-color:#fff!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.bg-gradient{background-image:var(--bs-gradient)!important}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:.25rem!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:.2rem!important}.rounded-2{border-radius:.25rem!important}.rounded-3{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-end{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-start{border-bottom-left-radius:.25rem!important;border-top-left-radius:.25rem!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}@media (min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}
 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.3, 1.3, 1.3);
transform: scale3d(1.3, 1.3, 1.3);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.3, 1.3, 1.3);
transform: scale3d(1.3, 1.3, 1.3);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
} @-webkit-keyframes fadeInLeftSlow {
from {
opacity: 0;
-webkit-transform: translate3d(-5%, 0, 0);
transform: translate3d(-5%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeftSlow {
from {
opacity: 0;
-webkit-transform: translate3d(-5%, 0, 0);
transform: translate3d(-5%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeftSlow {
-webkit-animation-name: fadeInLeftSlow;
animation-name: fadeInLeftSlow;
} @-webkit-keyframes fadeInRightSlow {
from {
opacity: 0;
-webkit-transform: translate3d(5%, 0, 0);
transform: translate3d(5%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRightSlow {
from {
opacity: 0;
-webkit-transform: translate3d(5%, 0, 0);
transform: translate3d(5%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRightSlow {
-webkit-animation-name: fadeInRightSlow;
animation-name: fadeInRightSlow;
} @-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation: slideOutLeft 2s cubic-bezier(.26,.92,.47,1) 1.5s alternate forwards;
animation: slideOutLeft 2s cubic-bezier(.26,.92,.47,1) 1.5s alternate forwards;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation: slideOutRight 2s cubic-bezier(.26,.92,.47,1) 1.5s alternate forwards;
animation: slideOutRight 2s cubic-bezier(.26,.92,.47,1) 1.5s alternate forwards;
}
@-webkit-keyframes fadeInSlow {
from {
opacity: 0;   
}
to {
opacity: 1;   
}
}
@keyframes fadeInSlow {
from {
opacity: 0;   
}
to {
opacity: 1;   
}
}
.fadeInSlow {
-webkit-animation: fadeInSlow 3s;
animation: fadeInSlow 3s;
}.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} .owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
} .owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
} .no-js .owl-carousel {
display: block;
} .owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
} .owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//www.sejesinc.com/wp-content/themes/consultar/assets/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}.owl-theme .owl-controls{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(//www.sejesinc.com/wp-content/themes/consultar/assets/images/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(//www.sejesinc.com/wp-content/themes/consultar/assets/fonts/slick.eot);
src: url(//www.sejesinc.com/wp-content/themes/consultar/assets/fonts/slick.eot?#iefix) format('embedded-opentype'), url(//www.sejesinc.com/wp-content/themes/consultar/assets/fonts/slick.woff) format('woff'), url(//www.sejesinc.com/wp-content/themes/consultar/assets/fonts/slick.ttf) format('truetype'), url(//www.sejesinc.com/wp-content/themes/consultar/assets/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}.owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x : 50%;
-webkit-perspective-origin-y : 50%;
-moz-perspective : 1200px;
-moz-perspective-origin-x : 50%;
-moz-perspective-origin-y : 50%;
perspective : 1200px;
} .owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease;
}
.owl-fade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
} .owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
-moz-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
-moz-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease;
} .owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
-moz-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
-webkit-animation: goDown .6s ease both;
-moz-animation: goDown .6s ease both;
animation: goDown .6s ease both;
} .owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both;
-moz-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both;
-moz-animation: scaleUpTo .5s ease both;
animation: scaleUpTo .5s ease both;
}  @-webkit-keyframes empty {
0% {opacity: 1}
}
@-moz-keyframes empty {
0% {opacity: 1}
}
@keyframes empty {
0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-moz-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
25% { opacity: .5; -webkit-transform: translateZ(-500px); }
75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
25% { opacity: .5; -moz-transform: translateZ(-500px); }
75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
25% { opacity: .5; transform: translateZ(-500px); }
75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -webkit-transform: translateZ(-500px); }
100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -moz-transform: translateZ(-500px); }
100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; transform: translateZ(-500px); }
100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
from { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom {
from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
from { opacity: 0; transform: scale(1.5); }
}
@-webkit-keyframes scaleUpTo {
to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
to { opacity: 0; transform: scale(1.5); }
}.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(//www.sejesinc.com/wp-content/themes/consultar/assets/images/fancybox/fancybox_sprite.png);
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url(//www.sejesinc.com/wp-content/themes/consultar/assets/images/fancybox/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url(//www.sejesinc.com/wp-content/themes/consultar/assets/images/fancybox/blank.gif); -webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
} .fancybox-lock {
overflow: visible !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url(//www.sejesinc.com/wp-content/themes/consultar/assets/images/fancybox/fancybox_overlay.png);
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
} .fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
} @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(//www.sejesinc.com/wp-content/themes/consultar/assets/images/fancybox/fancybox_sprite@2x.png);
background-size: 44px 152px; }
#fancybox-loading div {
background-image: url(//www.sejesinc.com/wp-content/themes/consultar/assets/images/fancybox/fancybox_loading@2x.gif);
background-size: 24px 24px; }
}
    html {
font-size: 15px;
}
:root {
scroll-behavior: unset;
}
body {
font-family: "Nunito Sans", sans-serif;
color: #687693;
background-color: #fff;
font-size: 15px;
font-size: 1rem;
overflow-x: hidden;
font-weight: 500;
}
@media (max-width: 767px) {
body {
font-size: 14px;
}
}
p {
font-size: 16px;
color: #687693;
line-height: 1.8em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #232f4b;
font-family: "Jost", sans-serif;
}
ul {
padding-left: 0;
margin: 0;
}
a {
text-decoration: none;
transition: all 0.2s;
}
a:hover {
text-decoration: none;
}
.sr-only {
display: none !important;
opacity: 0;
visibility: hidden;
} .page-wrapper {
position: relative;
overflow: hidden;
}
.wow {
visibility: hidden;
}
.fi:before {
margin: 0;
}
.section-padding {
padding: 120px 0;
}
@media (max-width: 767px) {
.section-padding {
padding: 80px 0;
}
} .contact-validation-active .error-handling-messages {
width: 100% !important;
margin-top: 15px !important;
}
.contact-validation-active label.error {
color: red;
font-size: 0.9333333333rem;
font-weight: normal;
margin: 5px 0 0 0;
text-align: left;
display: block;
}
.contact-validation-active #loader {
display: none;
margin-top: 10px;
}
.contact-validation-active #loader i {
font-size: 30px;
font-size: 2rem;
color: #3757f7;
display: inline-block;
-webkit-animation: rotating linear 2s infinite;
animation: rotating linear 2s infinite;
}
.contact-validation-active #success,
.contact-validation-active #error {
width: 100%;
color: #fff;
padding: 5px 10px;
font-size: 16px;
text-align: center;
display: none;
}
@media (max-width: 767px) {
.contact-validation-active #success,
.contact-validation-active #error {
font-size: 15px;
}
}
.contact-validation-active #success {
background-color: #009a00;
border-left: 5px solid green;
margin-bottom: 5px;
}
.contact-validation-active #error {
background-color: #ff1a1a;
border-left: 5px solid red;
}
@-webkit-keyframes rotating {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes rotating {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.rotating {
-webkit-animation: rotating 5s alternate infinite;
animation: rotating 5s alternate infinite;
} .back-to-top {
background-color: rgba(55, 87, 247, 0.7);
width: 45px;
height: 45px;
line-height: 45px;
border: 2px solid #3757f7;
border-radius: 45px;
text-align: center;
display: none;
position: fixed;
z-index: 999;
right: 15px;
bottom: 15px;
transition: all 0.2s;
}
@media (max-width: 991px) {
.back-to-top {
width: 35px;
height: 35px;
line-height: 35px;
}
}
.back-to-top:hover {
background-color: #3757f7;
}
.back-to-top i {
font-size: 18px;
font-size: 1.2rem;
color: #fff;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
} .mfp-wrap {
background-color: rgba(0, 0, 0, 0.9);
z-index: 99999;
}
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
opacity: 0;
-webkit-backface-visibility: hidden;
transition: all 0.3s ease-out;
}
.mfp-with-zoom.mfp-ready .mfp-container {
opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
opacity: 0;
} .fancybox-overlay {
background: rgba(0, 0, 0, 0.9);
z-index: 9999 !important;
}
.fancybox-wrap {
z-index: 99999 !important;
}
.wpo-section-title {
text-align: center;
margin-bottom: 60px;
}
@media (max-width: 767px) {
.wpo-section-title {
margin-bottom: 40px;
}
}
.wpo-section-title span {
text-transform: uppercase;
font-size: 20px;
color: #3757f7;
font-family: "Jost", sans-serif;
}
.wpo-section-title h2 {
font-size: 50px;
line-height: 1em;
margin: 0;
margin-top: 15px;
position: relative;
text-transform: capitalize;
font-family: "Jost", sans-serif;
font-weight: 600;
}
@media (max-width: 767px) {
.wpo-section-title h2 {
font-size: 32px;
}
}
@media (max-width: 330px) {
.wpo-section-title h2 {
font-size: 30px;
}
}
.theme-btn,
.view-cart-btn,
.theme-btn-s3,
.theme-btn-s4 {
background: #3757f7;
background: linear-gradient(to left, #3757f7, #1835c7);
color: #fff;
display: inline-block;
font-weight: 500;
padding: 15px 45px;
border: 0;
border-radius: 6px;
text-transform: capitalize;
-webkit-backface-visibility: hidden;
z-index: 1;
position: relative;
font-family: "Jost", sans-serif;
font-size: 20px;
font-size: 1.3333333333rem;
}
.theme-btn:after,
.view-cart-btn:after,
.theme-btn-s3:after,
.theme-btn-s4:after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 6px;
background: linear-gradient(to left, #1835c7, #3757f7);
transition: opacity 0.5s ease-out;
opacity: 0;
z-index: -1;
}
.theme-btn:hover,
.view-cart-btn:hover,
.theme-btn-s3:hover,
.theme-btn-s4:hover,
.theme-btn:focus,
.view-cart-btn:focus,
.theme-btn-s3:focus,
.theme-btn-s4:focus,
.theme-btn:active,
.view-cart-btn:active,
.theme-btn-s3:active,
.theme-btn-s4:active {
color: #fff;
}
.theme-btn:hover:after,
.view-cart-btn:hover:after,
.theme-btn-s3:hover:after,
.theme-btn-s4:hover:after {
opacity: 1;
}
@media (max-width: 991px) {
.theme-btn,
.view-cart-btn,
.theme-btn-s3,
.theme-btn-s4 {
font-size: 18px;
font-size: 1.2rem;
}
}
@media (max-width: 767px) {
.theme-btn,
.view-cart-btn,
.theme-btn-s3,
.theme-btn-s4 {
padding: 14px 30px;
font-size: 14px;
}
}
.theme-btn-s2 {
background: #fff;
color: #6e6e6e;
display: inline-block;
padding: 12px 22px;
border: 1px solid #3757f7;
border-radius: 55px;
text-transform: capitalize;
box-shadow: 0 0 0 5px #c8eaf5;
z-index: 1;
position: relative;
}
.theme-btn-s2:after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 55px;
background: linear-gradient(left, #00ded8, #00a7d5);
transition: opacity 0.5s ease-out;
opacity: 0;
z-index: -1;
}
@media (max-width: 991px) {
.theme-btn-s2 {
font-size: 14px;
font-size: 0.9333333333rem;
}
}
.theme-btn-s2:hover,
.theme-btn-s2:focus,
.theme-btn-s2:active {
color: #fff;
}
.theme-btn-s2:hover:after {
opacity: 1;
}
@media (max-width: 767px) {
.theme-btn-s2 {
padding: 12px 18px;
font-size: 13px;
}
}
.theme-btn-s3,
.theme-btn-s4 {
background: #c968ff;
box-shadow: 0 0 0 5px #f3e0fe;
background: linear-gradient(left, #6168f3, #c968ff);
z-index: 1;
position: relative;
}
.theme-btn-s3:after,
.theme-btn-s4:after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 55px;
background: linear-gradient(left, #c968ff, #6168f3);
transition: opacity 0.5s ease-out;
opacity: 0;
z-index: -1;
}
.theme-btn-s3:hover:after,
.theme-btn-s4:hover:after {
opacity: 1;
}
.theme-btn-s3:hover,
.theme-btn-s4:hover,
.theme-btn-s3:focus,
.theme-btn-s4:focus,
.theme-btn-s3:active,
.theme-btn-s4:active {
color: #fff;
}
.theme-btn-s4 {
background: #f6d365;
background: linear-gradient(left, #f6d365, #fda085);
box-shadow: 0 0 0 5px #fcf5df;
z-index: 1;
position: relative;
}
.theme-btn-s4:after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 55px;
background: linear-gradient(left, #fda085, #f6d365);
transition: opacity 0.5s ease-out;
opacity: 0;
z-index: -1;
}
.theme-btn-s4:hover:after {
opacity: 1;
}
.theme-btn-s4:hover,
.theme-btn-s4:focus,
.theme-btn-s4:active {
color: #fff;
}
.view-cart-btn {
display: block;
margin-top: 20px;
}
.form input,
.form textarea,
.form select {
border-color: #bfbfbf;
border-radius: 0;
outline: 0;
box-shadow: none;
color: #595959;
font-style: normal;
}
.form input:focus,
.form textarea:focus,
.form select:focus {
border-color: #3757f7;
-o-box-shadow: 0 0 5px 0 #6880f9;
-ms-box-shadow: 0 0 5px 0 #6880f9;
box-shadow: 0 0 5px 0 #6880f9;
}
.form ::-webkit-input-placeholder {
font-style: 14px;
font-style: italic;
color: #595959;
}
.form :-moz-placeholder {
font-style: 14px;
font-style: italic;
color: #595959;
}
.form ::-moz-placeholder {
font-style: 14px;
font-style: italic;
color: #595959;
}
.form :-ms-input-placeholder {
font-style: 14px;
font-style: italic;
color: #595959;
}
.form select {
font-style: normal;
background: url(//www.sejesinc.com/wp-content/themes/consultar/assets/images/select-icon.png) no-repeat right center;
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
}
.form select::-ms-expand { display: none;
}
.form :-ms-input-placeholder { font-style: normal;
}
.form ::-moz-placeholder {
font-style: normal;
}
.form ::placeholder {
font-style: normal;
}
.social-links {
overflow: hidden;
}
.social-links li {
float: left;
width: 35px;
height: 35px;
margin-right: 1px;
}
.social-links li a {
background-color: #6880f9;
width: 35px;
height: 35px;
line-height: 35px;
display: block;
color: #fff;
text-align: center;
}
.social-links li a:hover {
background-color: #3757f7;
}
.wpo-page-title-section {
background-position: center top;
background-size: cover;
background-repeat: no-repeat;
min-height: 400px;
position: relative;
display: flex;
justify-content: center;
flex-direction: column;
z-index: 1;
}
@media (max-width: 767px) {
.wpo-page-title-section {
min-height: 250px;
}
}
.wpo-page-title-section:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #232f4b;
content: "";
z-index: -1;
opacity: 0.7;
}
.wpo-page-title-section .wpo-page-title-wrapper {
text-align: center;
}
.wpo-page-title-section .wpo-page-title-wrapper h2 {
font-size: 60px;
color: #fff;
line-height: 60px;
margin-top: -10px;
margin-bottom: 0px;
}
@media (max-width: 767px) {
.wpo-page-title-section .wpo-page-title-wrapper h2 {
font-size: 30px;
line-height: 35px;
margin-bottom: 0px;
}
}
.wpo-page-title-section .wpo-page-title-wrapper ul li {
display: inline-block;
padding: 0px 5px;
color: #fff;
position: relative;
font-size: 20px;
font-family: "Jost", sans-serif;
}
@media (max-width: 767px) {
.wpo-page-title-section .wpo-page-title-wrapper ul li {
font-size: 18px;
}
}
.wpo-page-title-section .wpo-page-title-wrapper ul li:after {
content: "/";
position: relative;
left: 7px;
}
.wpo-page-title-section .wpo-page-title-wrapper ul li:last-child span {
color: #cbd4fd;
}
.wpo-page-title-section .wpo-page-title-wrapper ul li:last-child:after {
display: none;
}
.wpo-page-title-section .wpo-page-title-wrapper ul li a {
color: #fff;
font-size: 20px;
transition: all 0.3s;
}
.wpo-page-title-section .wpo-page-title-wrapper ul li a:hover {
color: #3757f7;
}
.wpo-about-section.wpo-about-section-s2 {
padding-top: 170px;
}
.preloader {
background-color: #29395b;
width: 100%;
height: 100%;
position: fixed;
z-index: 1000;
overflow: hidden;
}
.preloader .vertical-centered-box {
position: absolute;
width: 100%;
height: 100%;
text-align: center;
}
.preloader .vertical-centered-box:after {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em;
}
.preloader .vertical-centered-box .content {
box-sizing: border-box;
display: inline-block;
vertical-align: middle;
text-align: left;
font-size: 0;
}
.preloader * {
transition: all 0.3s;
}
.preloader .loader-circle {
position: absolute;
left: 50%;
top: 50%;
width: 120px;
height: 120px;
border-radius: 50%;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
margin-left: -60px;
margin-top: -60px;
}
.preloader .loader-line-mask {
position: absolute;
left: 50%;
top: 50%;
width: 60px;
height: 120px;
margin-left: -60px;
margin-top: -60px;
overflow: hidden;
transform-origin: 60px 60px;
-webkit-mask-image: -webkit-linear-gradient(top, #000000, rgba(0, 0, 0, 0));
-webkit-animation: rotate 1.2s infinite linear;
animation: rotate 1.2s infinite linear;
}
.preloader .loader-line-mask .loader-line {
width: 120px;
height: 120px;
border-radius: 50%;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}
.preloader #particles-background,
.preloader #particles-foreground {
left: -51%;
top: -51%;
width: 202%;
height: 202%;
transform: scale3d(0.5, 0.5, 1);
}
.preloader #particles-background {
background: #2c2d44;
background-image: linear-gradient(45deg, #3f3251 2%, #002025 100%);
}
.preloader lesshat-selector {
-lh-property: 0;
}
@-webkit-keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.preloader [not-existing] {
zoom: 1;
}
.preloader lesshat-selector {
-lh-property: 0;
}
@-webkit-keyframes fade {
0% {
opacity: 1;
}
50% {
opacity: 0.25;
}
}
@keyframes fade {
0% {
opacity: 1;
}
50% {
opacity: 0.25;
}
}
.preloader [not-existing] {
zoom: 1;
}
.preloader lesshat-selector {
-lh-property: 0;
}
@-webkit-keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.preloader [not-existing] {
zoom: 1;
}
.preloader img {
max-width: 55px;
} .blog-sidebar {       }
@media screen and (min-width: 992px) {
.blog-sidebar {
padding-left: 45px;
}
}
@media (max-width: 991px) {
.blog-sidebar {
margin-top: 80px;
max-width: 400px;
}
}
@media (max-width: 767px) {
.blog-sidebar {
margin-top: 60px;
max-width: 400px;
}
}
.blog-sidebar .widget h3,
.blog-sidebar .widget h2 {
font-size: 25px;
color: #232f4b;
margin: 0 0 1.3em;
position: relative;
text-transform: capitalize;
font-family: "Jost", sans-serif; padding-bottom: 20px;
}
.blog-sidebar .widget h3:before,
.blog-sidebar .widget h2:before {
content: "";
background-color: #3757f7;
width: 64px;
height: 3px;
position: absolute;
left: 0;
bottom: 0;
}
.blog-sidebar .widget h3:after,
.blog-sidebar .widget h2:after {
content: "";
background-color: #f2f2f2;
width: 80%;
height: 2px;
position: absolute;
left: 65px;
bottom: 0;
}
.blog-sidebar>.widget+.widget {
margin-top: 65px;
}
.blog-sidebar .search-widget form div {
position: relative;
}
.blog-sidebar .search-widget input {
background-color: #f9f9f9;
height: 60px;
font-size: 16px;
font-size: 1.0666666667rem;
padding: 6px 50px 6px 20px;
border: 0;
border-radius: 5px;
box-shadow: none;
transition: all 0.3s;
}
.blog-sidebar .search-widget input:focus {
background-color: rgba(55, 87, 247, 0.1);
}
.blog-sidebar .search-widget form button {
background: transparent;
font-size: 20px;
font-size: 1.3333333333rem;
color: #fff;
background-color: #3757f7;
border: 0;
outline: 0;
position: absolute;
right: 4px;
top: 52%;
height: 60px;
line-height: 60px;
width: 60px;
transform: translateY(-50%);
}
.blog-sidebar .about-widget {
text-align: center;
background-color: #f9f9f9;
padding: 45px;
position: relative;
z-index: 1;
}
@media (max-width: 1200px) {
.blog-sidebar .about-widget {
padding: 35px;
}
}
.blog-sidebar .about-widget .aw-shape {
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.blog-sidebar .about-widget .img-holder {
margin-bottom: 25px;
}
.blog-sidebar .about-widget .img-holder img {
border-radius: 50%;
width: 100%;
max-width: 200px;
}
.blog-sidebar .about-widget ul {
list-style: none;
display: flex;
justify-content: center;
}
.blog-sidebar .about-widget ul li {
margin-right: 10px;
}
.blog-sidebar .about-widget ul li:last-child {
margin-right: 0;
}
.blog-sidebar .about-widget ul li a {
text-decoration: none;
display: block;
width: 40px;
height: 40px;
line-height: 40px;
background-color: #fff;
border-radius: 50%;
}
.blog-sidebar .about-widget h4 {
font-weight: 500;
margin-bottom: 15px;
font-size: 24px;
}
.blog-sidebar .about-widget p {
font-size: 15px;
font-size: 1rem;
margin-bottom: 1.2em;
margin-bottom: 0;
}
.blog-sidebar .about-widget a {
font-family: "Jost", sans-serif;
font-size: 14px;
font-size: 0.9333333333rem;
color: #232f4b;
text-decoration: underline;
}
.blog-sidebar .about-widget a:hover {
color: #3757f7;
}
.blog-sidebar .category-widget ul {
list-style: none;
}
.blog-sidebar .category-widget ul li {
font-size: 19px;
font-size: 1.2666666667rem;
position: relative;
}
@media (max-width: 767px) {
.blog-sidebar .category-widget ul li {
font-size: 16px;
font-size: 1.0666666667rem;
}
}
.blog-sidebar .category-widget ul li span {
position: absolute;
right: 0;
}
.blog-sidebar .category-widget ul>li+li {
margin-top: 12px;
padding-top: 12px;
}
.blog-sidebar .category-widget ul a {
display: block;
color: #474f62;
font-family: "Jost", sans-serif;
font-weight: 600;
}
.blog-sidebar .category-widget ul a span {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
background-color: #f4f8fc;
text-align: center;
border-radius: 50%;
font-size: 18px;
}
@media (max-width: 767px) {
.blog-sidebar .category-widget ul a span {
font-size: 14px;
font-size: 0.9333333333rem;
}
}
.blog-sidebar .category-widget ul a:hover,
.blog-sidebar .category-widget ul li:hover:before {
color: #3757f7;
}
.blog-sidebar .recent-post-widget .post {
overflow: hidden;
}
.blog-sidebar .recent-post-widget .posts>.post+.post {
margin-top: 15px;
padding-top: 15px;
}
.blog-sidebar .recent-post-widget .post .img-holder {
width: 90px;
float: left;
}
.blog-sidebar .recent-post-widget .post .img-holder img {
border-radius: 6px;
}
.blog-sidebar .recent-post-widget .post .details {
width: calc(100% - 90px);
float: left;
padding-left: 20px;
}
.blog-sidebar .recent-post-widget .post h4 {
font-size: 20px;
line-height: 1.3em;
margin: 0 0 0.3em;
font-family: "Jost", sans-serif;
font-weight: 500;
}
@media (max-width: 1199px) {
.blog-sidebar .recent-post-widget .post h4 {
margin: 0;
}
}
@media (max-width: 767px) {
.blog-sidebar .recent-post-widget .post h4 {
font-size: 16px;
font-size: 1.0666666667rem;
}
}
.blog-sidebar .recent-post-widget .post h4 a {
display: inline-block;
color: #232f4b;
}
.blog-sidebar .recent-post-widget .post h4 a:hover {
color: #3757f7;
}
.blog-sidebar .recent-post-widget .post .details .date {
font-size: 14px;
color: #6e6e6e;
font-weight: 600;
}
.blog-sidebar .recent-post-widget .post .details .date i {
display: inline-block;
padding-right: 2px;
}
.blog-sidebar .wpo-instagram-widget ul {
display: flex;
flex-wrap: wrap;
list-style: none;
}
.blog-sidebar .wpo-instagram-widget ul li {
flex: 0 0 33.33%;
max-width: 33.33%;
margin-bottom: 5px;
padding: 0px 3px;
}
.blog-sidebar .wpo-instagram-widget ul li img {
width: 100%;
border-radius: 6px;
}
.blog-sidebar .tag-widget ul {
overflow: hidden;
list-style: none;
}
.blog-sidebar .tag-widget ul li {
float: left;
margin: 0 8px 8px 0;
}
.blog-sidebar .tag-widget ul li a {
font-size: 15px;
font-size: 1rem;
display: inline-block;
padding: 5px 18px;
color: #232f4b;
background: #ecf4fb;
border-radius: 5px;
}
.blog-sidebar .tag-widget ul li a:hover {
background: #3757f7;
color: #fff;
}
.blog-sidebar .wpo-contact-widget {
border: 0;
background: #3757f7;
padding: 30px 40px;
}
@media (max-width: 1200px) {
.blog-sidebar .wpo-contact-widget {
padding: 20px;
}
}
.blog-sidebar .wpo-contact-widget h2 {
font-size: 36px;
font-weight: 700;
text-align: left;
color: #fff;
margin-bottom: 20px;
}
.blog-sidebar .wpo-contact-widget h2::before {
left: 28px;
background: url(//www.sejesinc.com/wp-content/themes/consultar/assets/images/Single-title-shape2.png) no-repeat right center;
}
.blog-sidebar .wpo-contact-widget p {
color: #fff;
font-size: 18px;
}
.blog-sidebar .wpo-contact-widget a {
display: inline-block;
padding: 10px 20px;
border: 1px solid #fff;
font-size: 18px;
color: #fff;
padding-right: 90px;
position: relative;
margin-top: 10px;
}
.blog-sidebar .wpo-contact-widget a::before {
font-family: "themify";
content: "";
font-size: 18px;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
} .pagination-wrapper {
text-align: center;
margin-top: 60px;
}
@media (max-width: 991px) {
.pagination-wrapper {
text-align: left;
margin-top: 40px;
}
}
.pagination-wrapper .pg-pagination {
display: inline-block;
overflow: hidden;
list-style-type: none;
text-align: center;
}
.pagination-wrapper .pg-pagination li {
font-family: "Jost", sans-serif;
float: left;
margin-right: 10px;
}
@media (max-width: 767px) {
.pagination-wrapper .pg-pagination li {
margin-right: 5px;
}
}
.pagination-wrapper .pg-pagination li:last-child {
margin-right: 0;
}
.pagination-wrapper .pg-pagination li a {
background-color: transparent;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 16px;
font-size: 1.0666666667rem;
font-weight: 600;
color: #232f4b;
background: #ebf4fc;
display: block;
}
@media (max-width: 991px) {
.pagination-wrapper .pg-pagination li a {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 15px;
font-size: 1rem;
}
}
.pagination-wrapper .pg-pagination .active a,
.pagination-wrapper .pg-pagination li a:hover {
background: #3757f7;
border-color: #3757f7;
color: #fff;
}
.pagination-wrapper .pg-pagination .fi:before {
font-size: 15px;
font-size: 1rem;
}
.pagination-wrapper-left {
text-align: left;
}
.pagination-wrapper-right {
text-align: right;
}
@media screen and (min-width: 1200px) {
.pagination-wrapper-right {
padding-right: 50px;
}
}
@media (max-width: 991px) {
.pagination-wrapper-right {
margin-top: 45px;
text-align: left;
}
}  .topbar {
background: #283a5e;
}
@media (min-width: 1600px) {
.topbar {
padding: 0 130px;
}
}
@media (max-width: 1600px) {
.topbar {
padding-left: 10px;
}
}
@media (max-width: 991px) {
.topbar {
text-align: center;
padding: 0;
}
}
@media (max-width: 767px) {
.header-style-1 {
text-align: center;
padding: 20px 0;
}
}
.topbar {
font-size: 16px;
color: #e5e3e3;
margin: 0;
}
.topbar ul {
overflow: hidden;
list-style: none;
float: right;
margin-bottom: 0;
}
@media (max-width: 991px) {
.topbar ul {
float: none;
display: inline-block;
display: flex;
justify-content: center;
align-items: center;
}
}
.topbar ul li {
font-size: 16px;
float: left;
padding: 12px 10px;
color: #e5e3e3;
line-height: 1em;
}
@media (max-width: 991px) {
.topbar ul li {
padding: 15px 10px;
}
}
.topbar .contact-intro ul {
padding-left: 0;
}
.topbar .contact-intro ul li {
line-height: 1.8;
}
@media (max-width: 991px) {
.topbar .contact-intro ul li {
padding: 3px 10px;
}
}
.topbar .contact-intro ul li i {
position: relative;
top: 2px;
margin-right: 5px;
}
.topbar .contact-intro ul li a {
color: #fff;
}
.topbar .contact-info ul li a {
color: #fff;
}
.topbar .contact-info ul li a:hover {
color: #7db1f0;
}
.topbar ul li:first-child {
padding-left: 0;
}
.topbar .contact-intro ul {
float: none;
margin-bottom: 0;
}
@media (max-width: 1200px) {
.topbar ul li {
font-size: 12px;
padding: 15px 10px;
}
}
@media (max-width: 991px) {
.topbar ul li {
font-size: 13px;
}
.topbar {
padding: 10px 0;
}
}
@media (max-width: 767px) {
.topbar ul li {
float: left;
border: none;
padding: 8px 6px;
font-size: 13px;
}
.topbar {
padding: 25px 0;
padding-top: 28px;
}
}
@media (max-width: 590px) {
.topbar ul li {
float: none;
}
.topbar .contact-info ul li {
float: left;
}
.topbar ul {
flex-wrap: wrap;
}
}
.topbar .theme-btn-s2 {
padding: 15px 20px;
font-size: 14px;
font-weight: 600;
margin-bottom: -3px;
color: #fff !important;
}
.topbar ul .fi {
position: relative;
top: 1px;
display: inline-block;
padding-right: 3px;
}
.topbar ul .fi:before {
font-size: 15px;
font-size: 1rem;
color: #fff;
}
.topbar .social ul {
padding-left: 0;
}
.topbar .social ul li a {
color: #fff;
} .wpo-site-header {    background-color: #fff;
}
.wpo-site-header .navigation {
background-color: #fff;
margin-bottom: 0;
padding: 0;
border: 0;
border-radius: 0;
min-height: 90px;
}
.sticky-header {
width: 100%;
position: fixed;
left: 0;
top: -400px;
z-index: 9999;
opacity: 0;
visibility: hidden;
transition: all 1s;
box-shadow: 0 -5px 15px #086ad84a;
}
.sticky-on {
opacity: 1;
top: 0;
visibility: visible;
}
.wpo-site-header .navigation>.container {
position: relative;
}
@media (min-width: 991px) {
.wpo-site-header {
padding: 0 130px;
}
.wpo-site-header.header-style-2 {
padding: 0;
}
}
@media (min-width: 1600px) {
.wpo-site-header.header-style-2 .navigation {
padding: 0 130px;
}
}
.wpo-site-header .row {
width: 100%;
}
@media (max-width: 991px) {
.wpo-site-header .navigation {
padding: 20px 0;
min-height: 80px;
}
}
.wpo-site-header #navbar {
transition: all 0.5s;
}
.wpo-site-header #navbar>ul li a:hover,
.wpo-site-header #navbar>ul li a:focus {
text-decoration: none;
color: #3757f7;
}
@media screen and (min-width: 992px) {
.wpo-site-header #navbar>ul>.menu-item-has-children>a:after {
font-family: "themify";
content: "\e64b";
font-size: 9px;
position: absolute;
right: 0px;
top: 39%;
}
.wpo-site-header #navbar li.menu-item-has-children {
position: relative;
padding-right: 15px;
}
.wpo-site-header #navbar>ul>li.current-menu-item>a {
position: relative;
}
.wpo-site-header #navbar>ul>li.current-menu-item>a:before {
position: absolute;
left: 0;
top: -2px;
width: 100%;
height: 4px;
background: #3757f7;
content: "";
transition: all 0.3s;
border-radius: 3px;
visibility: visible;
opacity: 1;
}
}
@media screen and (min-width: 992px) {
.wpo-site-header #navbar { justify-content: center;
}
.wpo-site-header #navbar li {
position: relative;
}
.wpo-site-header #navbar>ul>li>a:before {
position: absolute;
left: 0;
top: -2px;
width: 100%;
height: 4px;
background: #3757f7;
content: "";
opacity: 0;
visibility: hidden;
transition: all 0.3s;
border-radius: 3px;
text-transform: capitalize;
}
.wpo-site-header #navbar>ul>li>a:hover:before,
.wpo-site-header #navbar>ul>li>a.active:before {
opacity: 1;
visibility: visible;
}
.wpo-site-header #navbar>ul>li>.sub-menu>.menu-item-has-children>a {
position: relative;
}
.wpo-site-header #navbar>ul>li>.sub-menu>.menu-item-has-children>a:before {
font-family: "themify";
content: "\e64b";
font-size: 9px;
position: absolute;
right: 15px;
top: 58%;
transform: translateY(-50%);
}
.wpo-site-header #navbar>ul>li:hover>.sub-menu {
top: 100%;
visibility: visible;
opacity: 1;
}
.wpo-site-header #navbar .sub-menu>li:hover>.sub-menu {
left: 100%;
visibility: visible;
opacity: 1;
}
}
.wpo-site-header .container-fluid {
padding-right: 0;
}
@media (max-width: 991px) {
.wpo-site-header { }
.wpo-site-header .container {
width: 100%;
max-width: 100%;
}
.wpo-site-header .header-right {
right: -10px;
}
.wpo-site-header .navbar-header button span {
background-color: #fff;
width: 20px;
display: block;
height: 2px;
margin-bottom: 5px;
}
.wpo-site-header .navbar-header button span:last-child {
margin: 0;
}
}
.wpo-site-header #navbar ul {
list-style: none;
}
@media (max-width: 991px) and (max-width: 991px) {
.wpo-site-header #navbar {
top: 0;
visibility: visible;
opacity: 1;
}
}
@media (max-width: 991px) {
.wpo-site-header #navbar>ul {
z-index: 101;
}
.wpo-site-header #navbar ul a {
color: #000;
}
.wpo-site-header #navbar ul a:hover,
.wpo-site-header #navbar ul li.current a {
color: #3757f7;
}
.wpo-site-header #navbar .close-navbar .ti-close {
position: relative;
top: 1px;
}
.wpo-site-header .navbar-toggler .first-angle,
.wpo-site-header .navbar-toggler .last-angle {
transition: all 0.3s;
}
.wpo-site-header .x-close .middle-angle {
opacity: 0;
}
.wpo-site-header .x-close .first-angle {
position: absolute;
-webkit-transform: rotate(-44deg);
top: 16px;
left: 10px;
}
.wpo-site-header .x-close .last-angle {
-webkit-transform: rotate(44deg);
position: absolute;
top: 16px;
right: 10px;
}
}
@media (max-width: 767px) {
.wpo-site-header .navbar-header .navbar-brand {
font-size: 24px;
}
.wpo-site-header #navbar .navbar-nav {
margin: 0;
}
}
@media (max-width: 991px) {
.wpo-site-header .navbar-collapse.collapse {
display: none;
}
.wpo-site-header .navbar-collapse.collapse.in {
display: block;
}
.wpo-site-header .navbar-header .collapse,
.wpo-site-header .navbar-toggle {
display: block;
}
.wpo-site-header .navbar-header {
float: none;
position: relative;
z-index: 999;
text-align: center;
}
.wpo-site-header .navbar-right {
float: none;
}
.wpo-site-header .navbar-nav {
float: none;
}
.wpo-site-header .navbar-nav>li {
float: none;
}
}
.wpo-site-header .header-right {
display: flex;
justify-content: flex-end;
z-index: 991;
position: relative;
align-items: center;
}
.wpo-site-header .header-right button {
background: transparent;
padding: 0;
border: 0;
outline: 0;
}
.wpo-site-header .header-right .header-search-form button i {
top: -1px;
position: relative;
}
.wpo-site-header .header-right>div {
float: left;
position: relative;
margin-right: 8px;
}
.wpo-site-header .header-right .close-form .theme-btn,
.wpo-site-header .header-right .close-form .theme-btn-s3,
.wpo-site-header .header-right .close-form .theme-btn-s4,
.wpo-site-header .header-right .close-form .view-cart-btn {
padding: 10px 25px;
}
@media (max-width: 767px) {
.wpo-site-header .header-right>div {
margin-right: 10px;
}
}
.wpo-site-header .header-right>div:last-child {
margin: 0 0 0 10px;
position: relative;
}
@media (max-width: 767px) {
.wpo-site-header .header-right>div:last-child {
margin: 3px 0 0 10px;
}
}
.wpo-site-header .header-right .header-search-form-wrapper {
position: relative;
}
.wpo-site-header .header-right .header-search-form-wrapper .fi:before {
font-size: 18px;
}
.wpo-site-header .header-right .search-toggle-btn {
background-color: #dadffb;
line-height: 0.66em;
color: #232f4b;
width: 55px;
height: 50px;
border: 0;
border-radius: 5px;
}
@media (max-width: 1200px) {
.wpo-site-header .header-right .search-toggle-btn {
width: 50px;
height: 45px;
}
}
@media (max-width: 991px) {
.wpo-site-header .header-right .search-toggle-btn {
width: 40px;
height: 35px;
}
}
@media (max-width: 991px) {
.wpo-site-header .header-right .search-toggle-btn .fi:before {
font-size: 16px;
}
}
.wpo-site-header .header-right .search-toggle-btn .ti-close {
display: block;
line-height: 20px;
position: relative;
top: -1px;
font-size: 20px;
} .cart-search-contact button {
background: transparent;
padding: 0;
border: 0;
outline: 0;
}
.cart-search-contact .fi {
font-size: 30px;
font-size: 2rem;
color: #232f4b;
position: relative;
top: 2px;
}
.cart-search-contact>div {
float: left;
position: relative;
}
.cart-search-contact>div+div {
margin-left: 12px;
}
.cart-search-contact .header-search-form {
position: absolute;
width: 350px;
right: 0;
top: 75px;
transform: scale(0);
opacity: 0;
visibility: hidden;
background: #fff;
padding: 30px;
border-radius: 6px;
transition: all 0.5s;
box-shadow: -2px 18px 40px -9px #999999;
}
@media (max-width: 991px) {
.cart-search-contact .header-search-form {
top: 65px;
}
}
@media (max-width: 767px) {
.cart-search-contact .header-search-form {
right: 15px;
}
}
@media (max-width: 575px) {
.cart-search-contact .header-search-form {
width: 260px;
padding: 15px;
}
}
.cart-search-contact .header-search-form-wrapper .fi:before {
font-size: 18px;
font-size: 1.2rem;
}
.cart-search-contact form div {
position: relative;
}
.cart-search-contact form div button {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
}
.cart-search-contact form div button .fi:before {
font-size: 18px !important;
}
.cart-search-contact input {
width: 100%;
height: 50px;
padding: 6px 20px;
border: 0;
border-radius: 0;
box-shadow: none;
border: 1px solid #e1e1e1;
}
.cart-search-contact input:focus {
box-shadow: none;
border-color: #3757f7;
}
.wpo-site-header .header-right .header-search-content-toggle {
opacity: 1;
visibility: visible;
right: 0;
transform: scale(1);
}
@media (max-width: 991px) {
.page-wrapper {
transition: all 0.3s;
}
.body-overlay:before {
content: "";
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.9);
position: absolute;
left: 0;
top: 0;
z-index: 10;
transition: all 0.3s;
}
}
.header-search-area {
background: #fff;
width: 100%;
padding: 100px 0;
text-align: center;
position: fixed;
left: 0;
top: 0;
z-index: 999;
}
.header-search-area h3 {
font-size: 45px;
margin: 0 0 1em;
}
.header-search-area form {
position: relative;
}
.header-search-area input {
height: 50px;
font-size: 18px;
font-size: 1.2rem;
border-radius: 0;
border: 0;
border-bottom: 1px solid #d0d0d0;
box-shadow: none;
}
.header-search-area input:focus {
box-shadow: none;
border-color: #3757f7;
}
.header-search-area form button {
background: transparent;
border: 0;
font-size: 20px;
font-size: 1.33333rem;
position: absolute;
right: 0;
bottom: 10px;
}
.header-search-area form button:focus {
border: none;
outline: none;
}
.header-search-area .close-form {
position: absolute;
right: 35px;
top: 35px;
bottom: auto;
padding-bottom: 5px;
border-bottom: 1px solid;
}
.header-search-area .close-form button {
background: transparent;
border: 0;
outline: 0;
font-size: 13px;
font-size: 0.86667rem;
text-transform: uppercase;
color: #000;
letter-spacing: 2px;
z-index: 99;
}
.header-search-area .close-form button:focus {
border: 0;
outline: 0;
}
.wpo-site-header {   }
.wpo-site-header .navigation {
background-color: #fff;
margin-bottom: 0;
padding: 0;
border: 0;
border-radius: 0;
}
.wpo-site-header .navigation>.container {
position: relative;
}
@media (max-width: 991px) {
.wpo-site-header .navigation {
padding: 20px 0;
}
}
.wpo-site-header #navbar {
transition: all 0.5s;
}
.wpo-site-header #navbar>ul li a:hover,
.wpo-site-header #navbar>ul li a:focus {
text-decoration: none;
color: #3757f7;
}
@media screen and (min-width: 992px) {
.wpo-site-header #navbar { }
.wpo-site-header #navbar li {
position: relative;
}
.wpo-site-header #navbar>ul>li>a {
font-size: 20px;
padding: 35px 15px;
display: block;
color: #232f4b;
font-family: "Jost", sans-serif;
font-weight: 500;
position: relative;
text-transform: capitalize;
}
.wpo-site-header #navbar>ul .sub-menu {
background-color: #fff;
box-shadow: 0px 2px 20px 0px rgba(62, 65, 159, 0.09);
width: 220px;
position: absolute;
padding: 20px 0;
left: 0;
top: 110%;
z-index: 10;
visibility: hidden;
opacity: 0;
transition: all 0.3s;
}
.wpo-site-header #navbar>ul>li .sub-menu a {
font-size: 18px;
font-size: 1.2rem;
display: block;
padding: 10px 20px;
color: #232f4b;
position: relative;
overflow: hidden;
font-weight: 500;
font-family: "Jost", sans-serif;
}
.wpo-site-header #navbar>ul>li .sub-menu a:after {
position: absolute;
left: 20px;
bottom: 4px;
width: 0px;
height: 2px;
content: "";
background: #3757f7;
transition: all 0.3s;
opacity: 0;
visibility: hidden;
}
.wpo-site-header #navbar>ul>li .sub-menu a:hover:after,
.wpo-site-header #navbar>ul>li .sub-menu a.active:after {
width: 40px;
opacity: 1;
visibility: visible;
}
.wpo-site-header #navbar>ul>li>.sub-menu .sub-menu {
left: 110%;
top: 0;
}
.wpo-site-header #navbar>ul>li>.sub-menu>.menu-item-has-children>a {
position: relative;
}
.wpo-site-header #navbar>ul>li>.sub-menu>.menu-item-has-children>a:before {
font-family: "themify";
content: "\e649";
font-size: 9px;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
}
.wpo-site-header #navbar>ul>li:hover>.sub-menu {
top: 98%;
visibility: visible;
opacity: 1;
}
.wpo-site-header #navbar .sub-menu>li:hover>.sub-menu {
left: 100%;
visibility: visible;
opacity: 1;
}
}
@media (max-width: 991px) {
.wpo-site-header #navbar>ul>li a {
display: block;
font-size: 15px;
font-size: 1rem;
color: #fff;
font-weight: 600;
}
.wpo-site-header #navbar>ul>li a:hover,
.wpo-site-header #navbar>ul>li a.active {
color: #fff;
}
.wpo-site-header #navbar>ul .sub-menu>li:last-child {
border-bottom: 0;
}
.wpo-site-header #navbar>ul>li>.sub-menu a {
padding: 8px 15px 8px 45px;
}
.wpo-site-header #navbar>ul>li>.sub-menu .sub-menu a {
padding: 8px 15px 8px 65px;
}
.wpo-site-header #navbar>ul .menu-item-has-children>a {
position: relative;
}
.wpo-site-header #navbar>ul .menu-item-has-children>a:hover,
.wpo-site-header #navbar>ul .menu-item-has-children>a.active {
color: #eaecf9;
}
.wpo-site-header #navbar>ul .menu-item-has-children>a:before {
font-family: "themify";
content: "";
font-size: 11px;
font-size: 0.7333333333rem;
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
transition: all 0.3s;
}
.wpo-site-header #navbar>ul .menu-item-has-children>a.rotate:before {
transform: rotate(90deg);
top: 29%;
}
.wpo-site-header #navbar>ul .menu-item-has-children>a.rotate {
color: #eaecf9;
}
}
@media screen and (min-width: 992px) {
.wpo-site-header .navbar-header .open-btn {
display: none;
}
.wpo-site-header #navbar .close-navbar {
display: none;
}
}
.wpo-site-header .menu-close {
display: none;
}
@media (max-width: 991px) {
.wpo-site-header { }
.wpo-site-header .container {
width: 100%;
}
.wpo-site-header .mobail-menu button {
background-color: #3757f7;
width: 40px;
height: 35px;
border: 0;
padding: 5px 10px;
outline: 0;
position: relative;
z-index: 20;
}
.wpo-site-header .mobail-menu button:focus {
outline: none;
box-shadow: none;
}
.wpo-site-header .mobail-menu button span {
background-color: #fff;
width: 20px;
display: block;
height: 2px;
margin-bottom: 5px;
}
.wpo-site-header .mobail-menu button span:last-child {
margin: 0;
}
.wpo-site-header #navbar {
background: #232f4b;
display: block !important;
width: 300px;
height: 100%;
margin: 0;
padding: 0;
border: 0;
position: fixed;
left: -320px;
top: 0px;
z-index: 999999;
opacity: 0;
visibility: hidden;
}
.wpo-site-header #navbar .navbar-nav {
display: block;
}
.wpo-site-header #navbar>ul {
position: relative;
z-index: 101;
}
.wpo-site-header #navbar ul a {
color: #000;
}
.wpo-site-header #navbar ul a:hover,
.wpo-site-header #navbar ul li.current a {
color: #3757f7;
}
.wpo-site-header #navbar .navbar-nav {
height: 100%;
overflow: auto;
padding-bottom: 60px;
}
.wpo-site-header #navbar .close-navbar {
background-color: #fff;
width: 40px;
height: 40px;
color: #000;
border: 0;
outline: none;
position: absolute;
left: -41px;
top: 90px;
z-index: 20;
}
.wpo-site-header #navbar .close-navbar .ti-close {
position: relative;
top: 1px;
}
.wpo-site-header #navbar>ul>li>a {
padding: 10px 35px 10px 35px !important;
color: #fff;
}
.wpo-site-header .menu-close {
display: block;
z-index: 99;
background: none;
text-align: center;
color: #fff;
border: 0;
text-align: center;
margin-left: auto;
margin-top: 30px;
margin-right: 30px;
margin-bottom: 30px;
width: 40px;
height: 40px;
line-height: 40px;
border: 1px solid #3a558a;
}
.wpo-site-header .slideInn {
left: 0 !important;
opacity: 1 !important;
visibility: visible !important;
}
.wpo-site-header .navbar-toggler .first-angle,
.wpo-site-header .navbar-toggler .last-angle {
transition: all 0.3s;
}
.wpo-site-header .x-close .middle-angle {
opacity: 0;
}
.wpo-site-header .x-close .first-angle {
position: absolute;
-webkit-transform: rotate(-44deg);
top: 16px;
left: 10px;
}
.wpo-site-header .x-close .last-angle {
-webkit-transform: rotate(44deg);
position: absolute;
top: 16px;
right: 10px;
}
}
@media (max-width: 767px) {
.wpo-site-header .navbar-header .navbar-brand {
font-size: 24px;
}
.wpo-site-header #navbar .navbar-nav {
margin: 0;
}
}
@media (max-width: 991px) {
.wpo-site-header .navbar-collapse.collapse {
display: none;
}
.wpo-site-header .navbar-collapse.collapse.in {
display: block;
}
.wpo-site-header .navbar-header .collapse,
.wpo-site-header .navbar-toggle {
display: block;
}
.wpo-site-header .navbar-header {
float: none;
}
.wpo-site-header .navbar-right {
float: none;
}
.wpo-site-header .navbar-nav {
float: none;
}
.wpo-site-header .navbar-nav>li {
float: none;
}
}
@media (max-width: 440px) {
.wpo-site-header .navbar-header .navbar-brand img {
max-width: 170px;
}
}
@media (max-width: 370px) {
.wpo-site-header .navbar-header .navbar-brand img {
max-width: 140px;
}
}
@media (max-width: 1700px) {
.wpo-site-header {
padding: 0 30px;
}
}
@media (max-width: 1500px) {
.wpo-site-header #navbar>ul>li>a {
padding: 30px 15px;
}
.wpo-site-header {
padding: 0 10px;
}
.wpo-site-header.header-style-2 {
padding: 0;
}
}
@media (max-width: 1400px) {
.wpo-site-header #navbar>ul>li>a {
padding: 30px 10px;
font-size: 18px;
}
}
@media (max-width: 1200px) {
.wpo-site-header #navbar>ul>li>a {
padding: 30px 6px;
font-size: 16px;
}
.wpo-site-header .header-right .theme-btn,
.wpo-site-header .header-right .theme-btn-s3,
.wpo-site-header .header-right .theme-btn-s4,
.wpo-site-header .header-right .view-cart-btn {
display: none;
}
}
@media (max-width: 991px) {
.wpo-site-header #navbar>ul>li>a {
font-size: 15px;
}
}
@media (max-width: 767px) {
.header-right .theme-btn,
.header-right .theme-btn-s3,
.header-right .theme-btn-s4,
.header-right .view-cart-btn {
padding: 20px 12px;
}
.wpo-site-header .header-right .close-form {
display: none;
}
}
@media (max-width: 575px) {
.wpo-hero-section-1 {
height: 400px;
}
.wpo-hero-section-1 .wpo-hero-title-top span {
font-size: 18px;
}
.wpo-hero-section-1 .wpo-hero-title h2 {
font-size: 30px;
line-height: 35px;
}
.wpo-hero-section-1 .wpo-hero-subtitle p {
font-size: 18px;
line-height: 22px;
margin-bottom: 30px;
}
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .video-holder {
left: 0;
top: 10px;
}
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .r-img {
left: 195px;
top: -20%;
}
.wpo-hero-section-1.wpo-hero-section-2 {
height: 720px;
}
.wpo-gallery-section .wpo-section-title-button {
margin-bottom: 40px;
}
.wpo-gallery-section .wpo-section-title {
text-align: center;
}
}  .wpo-hero-section-1 {
position: relative;
height: 900px;
background: #edf2f8;
display: flex;
justify-content: center;
flex-direction: column;
z-index: 1;
}
.wpo-hero-section-1:before {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: -1;
height: 100%;
width: 67%;
background: #edf2f8;
-webkit-clip-path: polygon(0 0, 75% 0, 90% 100%, 0 100%);
clip-path: polygon(0 0, 75% 0, 90% 100%, 0 100%);
}
.wpo-hero-section-1 .right-img {
position: absolute;
right: 0;
top: 0;
height: 900px;
width: 50%;
z-index: -11;
background: url(//www.sejesinc.com/wp-content/themes/consultar/assets/images/slider/slide-1.jpg) no-repeat right center;
}
@media (max-width: 1440px) {
.wpo-hero-section-1 .right-img {
top: -30px;
}
}
@media (max-width: 1200px) {
.wpo-hero-section-1 .right-img {
top: 0px;
}
}
.wpo-hero-section-1 .right-img2 {
position: absolute;
left: 60px;
bottom: -1px;
z-index: 1;
}
.wpo-hero-section-1 .right-img img {
height: 100%;
width: 100%;
}
.wpo-hero-section-1 .wpo-hero-title h2 {
font-size: 70px;
font-weight: 900;
line-height: 90px;
margin: 10px 0 25px;
}
.wpo-hero-section-1 .wpo-hero-title h2 span {
color: #3757f7;
}
.wpo-hero-section-1 .wpo-hero-title-top span {
font-size: 22px;
color: #8188a9;
font-family: "Jost", sans-serif;
}
.wpo-hero-section-1 .wpo-hero-subtitle p {
font-size: 25px;
color: #676767;
font-family: "Jost", sans-serif;
line-height: 35px;
max-width: 595px;
margin-bottom: 60px;
}
@media (max-width: 991px) {
.wpo-hero-section-1 .wpo-hero-subtitle p {
margin-bottom: 40px;
}
}
@media (max-width: 767px) {
.wpo-hero-section-1 .wpo-hero-subtitle p {
font-size: 20px;
margin-bottom: 30px;
}
}
@media (max-width: 575px) {
.wpo-hero-section-1 .wpo-hero-subtitle p {
font-size: 18px;
line-height: 30px;
}
}
.wpo-hero-section-text {
position: relative;
}
.wpo-hero-section-text .video-holder {
position: absolute;
right: -80px;
top: 50%;
transform: translate(-50%, -50%);
}
.wpo-hero-section-text .video-holder a {
display: block;
width: 84px;
height: 84px;
background: #fff;
text-align: center;
line-height: 90px;
color: #3757f7;
font-size: 30px;
border-radius: 50%;
position: relative;
}
.wpo-hero-section-text .video-holder a:before {
content: " ";
width: 130%;
height: 130%;
background: rgba(255, 255, 255, 0.3);
border-radius: 50%;
position: absolute;
left: -12px;
top: -12px;
-webkit-animation: pulse 1s infinite;
animation: pulse 1s infinite;
z-index: -1;
}
.wpo-hero-section-text .video-holder a .fi {
font-size: 25px;
line-height: 85px;
}
.wpo-hero-section-text .video-holder a i:before {
font-size: 25px;
} .wpo-hero-section-1.wpo-hero-section-2 {
background: #fff;
height: 900px;
}
@media (max-width: 1600px) {
.wpo-hero-section-1.wpo-hero-section-2 {
height: 800px;
}
}
@media (max-width: 1366px) {
.wpo-hero-section-1.wpo-hero-section-2 {
height: 750px;
}
}
@media (max-width: 1200px) {
.wpo-hero-section-1.wpo-hero-section-2 {
height: 650px;
}
}
@media (max-width: 991px) {
.wpo-hero-section-1.wpo-hero-section-2 {
background: #edf2f8;
height: 750px;
}
}
.wpo-hero-section-1.wpo-hero-section-2:before {
display: none;
}
.wpo-hero-section-1.wpo-hero-section-2 .right-vec {
z-index: 1;
}
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img {
position: absolute;
z-index: -11;
background: none;
}
@media (max-width: 991px) {
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img {
display: block;
position: relative;
height: unset;
}
}
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .r-img {
position: absolute;
right: 60px;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 991px) {
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .r-img img {
display: none;
}
}
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img img {
width: 100%;
height: unset;
}
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .video-holder {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 999;
}
@media (max-width: 991px) {
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .video-holder {
display: none;
}
}
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .video-holder a {
display: block;
width: 84px;
height: 84px;
background: #fff;
text-align: center;
line-height: 85px;
color: #3757f7;
font-size: 30px;
border-radius: 50%;
position: relative;
-webkit-animation: spineer 2s infinite;
animation: spineer 2s infinite;
}
@-webkit-keyframes spineer {
from {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.99);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.99);
}
to {
-webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0.01);
box-shadow: 0 0 0 45px rgba(255, 255, 255, 0.01);
}
}
@keyframes spineer {
from {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.99);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.99);
}
to {
-webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0.01);
box-shadow: 0 0 0 45px rgba(255, 255, 255, 0.01);
}
}
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .video-holder a i:before {
font-size: 25px;
}
@media (max-width: 767px) {
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .video-holder a i:before {
font-size: 18px;
}
}
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .wpo-happy-client {
position: absolute;
left: -50px;
bottom: 20%;
padding: 45px 30px;
background: #fff;
border-radius: 20px;
box-shadow: 0px 1px 20px 0px rgba(43, 45, 118, 0.1);
display: flex;
align-items: center;
z-index: 99;
}
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .wpo-happy-client h3 {
font-size: 52px;
font-family: "Jost", sans-serif;
font-weight: 600;
margin-bottom: 0px;
margin-top: 0;
}
@media (max-width: 767px) {
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .wpo-happy-client h3 {
font-size: 45px;
}
}
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .wpo-happy-client p {
margin-bottom: 0;
font-size: 22px;
color: #838383;
font-family: "Jost", sans-serif;
font-weight: 600;
}
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .wpo-happy-client .wpo-happy-client-slide {
max-width: 250px;
margin-left: 0;
padding-left: 22px;
list-style: none;
}
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .wpo-happy-client .wpo-happy-client-slide .owl-nav {
display: none;
}
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .wpo-happy-client .wpo-happy-client-slide li {
width: 55px;
height: 55px;
}
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .wpo-happy-client .wpo-happy-client-slide li img {
width: 55px;
height: 55px;
border-radius: 50%;
}
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .svg-shape {
position: absolute;
bottom: -10%;
width: 100%;
right: 100px;
z-index: -111;
}
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .svg-shape svg {
width: 100%;
}
@media (max-width: 1440px) {
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .svg-shape {
bottom: -20%;
}
}
.wpo-hero-slider {
width: 100%;
height: 900px;
display: flex;
position: relative;
z-index: 0;
}
@media (max-width: 991px) {
.wpo-hero-slider {
height: 600px;
}
}
@media (max-width: 767px) {
.wpo-hero-slider {
height: 500px;
}
}
.wpo-hero-slider .swiper-slide {
overflow: hidden;
}
.wpo-hero-slider .swiper-container,
.wpo-hero-slider .hero-container {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.wpo-hero-slider .slide-inner,
.wpo-hero-slider .hero-inner {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
background-size: cover;
background-position: center;
display: flex;
justify-content: center;
align-items: center;
text-align: left;
}
.wpo-hero-slider .slide-inner .slide-content,
.wpo-hero-slider .hero-inner .slide-content {
padding-bottom: 70px;
}
@media (max-width: 991px) {
.wpo-hero-slider .slide-inner .slide-content,
.wpo-hero-slider .hero-inner .slide-content {
padding-bottom: 0;
}
}
.wpo-hero-slider .swiper-button-prev,
.wpo-hero-slider .swiper-button-next {
background: rgba(255, 255, 255, 0.2);
width: 60px;
height: 60px;
line-height: 58px;
border: 2px solid #fff;
border-radius: 50%;
opacity: 0.7;
text-align: center;
transition: all 0.3s;
}
.wpo-hero-slider .swiper-button-prev:hover,
.wpo-hero-slider .swiper-button-next:hover {
opacity: 0.9;
}
@media (max-width: 767px) {
.wpo-hero-slider .swiper-button-prev,
.wpo-hero-slider .swiper-button-next {
display: none;
}
}
.wpo-hero-slider .swiper-button-prev {
left: 25px;
}
.wpo-hero-slider .swiper-button-prev:before {
font-family: "themify";
content: "";
font-size: 20px;
color: #fff;
}
.wpo-hero-slider .swiper-button-next {
right: 25px;
}
.wpo-hero-slider .swiper-button-next:before {
font-family: "themify";
content: "";
font-size: 20px;
color: #fff;
}
@media (max-width: 991px) {
.wpo-hero-slider .swiper-button-prev,
.wpo-hero-slider .swiper-button-next {
display: none;
}
}
.wpo-hero-slider .swiper-pagination-bullet {
width: 12px;
height: 12px;
text-align: center;
line-height: 12px;
font-size: 12px;
color: #000;
opacity: 1;
background: rgba(255, 255, 255, 0.2);
}
@media screen and (min-width: 992px) {
.wpo-hero-slider .swiper-pagination-bullet {
display: none;
}
}
.wpo-hero-slider .swiper-pagination-bullet-active {
color: #fff;
background: #fff;
width: 12px;
height: 12px;
text-align: center;
line-height: 12px;
}
.wpo-hero-slider .swiper-container-horizontal>.swiper-pagination-bullets,
.wpo-hero-slider .swiper-pagination-custom,
.wpo-hero-slider .swiper-pagination-fraction {
bottom: 30px;
}
.wpo-hero-slider .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 8px;
}
@media (max-width: 1199px) {
.wpo-hero-slider {
height: 680px;
}
}
@media (max-width: 991px) {
.wpo-hero-slider {
height: 600px;
}
}
@media (max-width: 767px) {
.wpo-hero-slider {
height: 500px;
}
}
.wpo-hero-slider .gradient-overlay {
background: linear-gradient(left, #232f4b 45%, transparent 65%);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 10;
opacity: 0.6;
}
.wpo-hero-slider .gradient-overlay+.container {
position: relative;
z-index: 11;
}
.wpo-hero-slider .swiper-slide {
position: relative;
z-index: 11;
}
.wpo-hero-slider .wpo-hero-title-top span {
font-size: 22px;
color: #e4e4e4;
font-family: "Jost", sans-serif;
}
@media (max-width: 767px) {
.wpo-hero-slider .wpo-hero-title-top span {
font-size: 15px;
}
}
.wpo-hero-slider .slide-title {
max-width: 700px;
}
@media (max-width: 1199px) {
.wpo-hero-slider .slide-title {
max-width: 555px;
}
}
.wpo-hero-slider .slide-title h2 {
font-size: 70px;
font-weight: 900;
line-height: 90px;
margin: 10px 0 25px;
color: #fff;
}
@media (max-width: 1199px) {
.wpo-hero-slider .slide-title h2 {
font-size: 50px;
font-size: 3.3333333333rem;
}
}
@media (max-width: 991px) {
.wpo-hero-slider .slide-title h2 {
font-size: 40px;
font-size: 2.6666666667rem;
line-height: 55px;
}
}
@media (max-width: 767px) {
.wpo-hero-slider .slide-title h2 {
font-size: 30px;
font-size: 2rem;
line-height: 36px;
}
}
.wpo-hero-slider .slide-text {
max-width: 520px;
}
@media (max-width: 767px) {
.wpo-hero-slider .slide-text {
max-width: 500px;
}
}
.wpo-hero-slider .slide-text p {
font-size: 24px;
color: #676767;
font-family: "Jost", sans-serif;
line-height: 35px;
max-width: 595px;
margin-bottom: 60px;
color: #e2e2e2;
}
@media (max-width: 991px) {
.wpo-hero-slider .slide-text p {
font-size: 18px;
font-size: 1.2rem;
}
}
@media (max-width: 767px) {
.wpo-hero-slider .slide-text p {
font-size: 16px;
font-size: 1.0666666667rem;
line-height: 22px;
margin-bottom: 30px;
}
}
@media (max-width: 991px) {
.wpo-hero-slider .slide-btns {
max-width: 400px;
}
}
.wpo-hero-slider .slide-btns .hero-video-btn {
margin-left: 40px;
}
@media (max-width: 767px) {
.wpo-hero-slider .slide-btns .hero-video-btn {
margin-left: 20px;
}
}
@media (max-width: 1700px) {
.wpo-hero-section-1 .right-img2 {
left: 38px;
}
}
@media (max-width: 1500px) {
.wpo-hero-section-1 .right-img2 {
left: 18px;
}
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .r-img {
right: 20px;
}
}
@media (max-width: 1200px) {
.wpo-hero-section-1 .right-img2 {
left: 0;
}
.wpo-hero-section-1.wpo-hero-section-2 .wpo-hero-title h2 {
font-size: 45px;
line-height: 50px;
}
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .r-img {
right: 20px;
top: 35%;
}
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .wpo-happy-client {
position: absolute;
left: -85px;
bottom: 35%;
}
}
@media (max-width: 991px) {
.wpo-hero-section-1 .right-img2 {
left: -15px;
}
.wpo-hero-section-text .video-holder {
position: absolute;
left: 210px;
bottom: -35px;
top: auto;
right: auto;
display: none;
}
.wpo-hero-section-text .video-holder a {
width: 60px;
height: 60px;
line-height: 60px;
}
.wpo-hero-section-text .video-holder a .fi {
font-size: 20px;
}
.wpo-hero-section-text .video-holder a:before {
left: -9px;
top: -9px;
}
.right-img {
display: none;
}
.wpo-hero-section-1 {
height: 700px;
}
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img {
padding-top: 20px;
margin-top: 50px;
border-top: 1px solid #ffff;
padding: 20px;
}
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .wpo-happy-client {
position: relative;
left: 0;
bottom: -30px;
width: 450px;
left: 0;
margin: 0 auto;
}
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .svg-shape {
display: none;
}
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .video-holder {
position: relative;
left: -80px;
top: 80px;
}
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .video-holder a {
width: 60px;
height: 60px;
line-height: 65px;
}
@media (max-width: 767px) {
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .video-holder a {
line-height: 60px;
}
}
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .r-img {
left: 30%;
top: -45px;
right: auto;
}
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .video-holder a:before {
left: -8px;
top: -8px;
}
.wpo-hero-section-1.wpo-hero-section-2 .right-img {
width: 100%;
}
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .video-holder {
left: 60%;
top: 0;
}
}
@media (max-width: 767px) {
.wpo-hero-section-1 .wpo-hero-title h2 {
font-size: 40px;
line-height: 50px;
}
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .wpo-happy-client {
width: 100%;
padding: 18px 15px;
display: block;
text-align: center;
bottom: -15px;
}
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .wpo-happy-client .wpo-happy-client-slide {
max-width: 216px;
margin-left: 25px;
margin: 0 auto;
margin-top: 10px;
padding-left: 0;
}
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .r-img {
left: 265px;
top: -20%;
}
.wpo-hero-section-1.wpo-hero-section-2 {
height: 800px;
}
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .video-holder {
left: 20px;
top: 6px;
}
}
@media (max-width: 680px) {
.wpo-hero-section-1.wpo-hero-section-2 .right-vec .right-img .video-holder {
left: -60px;
top: 6px;
}
}
@media (max-width: 767px) {
.wpo-hero-section-1 .btns .theme-btn {
padding: 15px 40px;
font-size: 16px;
}
}
@media (max-width: 575px) {
.wpo-hero-section-1.wpo-hero-section-2 {
height: 750px;
}
} .wpo-site-footer {
background: #1e2845;
position: relative;
font-size: 15px;
overflow: hidden;
}
.wpo-site-footer ul {
list-style: none;
padding-left: 0;
}
.wpo-site-footer .wpo-lower-footer p {
color: #fff;
margin-bottom: 0;
}
.wpo-site-footer .wpo-lower-footer p a {
color: #fff;
}
.wpo-site-footer li {
color: #fff;
}
.wpo-site-footer .container {
position: relative;
}
.wpo-site-footer .wpo-upper-footer {
padding: 90px 0;
}
@media (max-width: 991px) {
.wpo-site-footer .wpo-upper-footer {
padding: 60px 0 0;
}
}
@media (max-width: 767px) {
.wpo-site-footer .wpo-upper-footer {
padding: 60px 0 0;
}
}
@media (max-width: 991px) {
.wpo-site-footer .wpo-upper-footer .col {
min-height: 235px;
margin-bottom: 70px;
}
}
@media (max-width: 767px) {
.wpo-site-footer .wpo-upper-footer .col {
min-height: auto;
margin-bottom: 60px;
}
}
.wpo-site-footer .widget-title {
margin-bottom: 30px;
}
@media (max-width: 767px) {
.wpo-site-footer .widget-title {
margin-bottom: 20px;
}
}
.wpo-site-footer .widget-title h3 {
font-size: 20px;
color: #fff;
margin: 0;
text-transform: uppercase;
position: relative;
font-family: "Jost", sans-serif;
font-weight: 600;
}
@media (max-width: 991px) {
.wpo-site-footer .widget-title h3 {
font-size: 20px;
font-size: 1.25rem;
}
}
.wpo-site-footer .about-widget .logo {
max-width: 180px;
}
.wpo-site-footer .about-widget p {
margin-bottom: 0.8em;
line-height: 1.9em;
color: #fff;
}
.wpo-site-footer .about-widget p:last-child {
margin-bottom: 0;
}
.wpo-site-footer .about-widget ul {
overflow: hidden;
padding-top: 10px;
padding-left: 0;
}
.wpo-site-footer .about-widget ul li {
font-size: 22px;
float: left;
}
.wpo-site-footer .about-widget ul li a {
color: #fff;
width: 36px;
height: 36px;
line-height: 40px;
background: rgba(255, 255, 255, 0.1);
display: block;
text-align: center;
border-radius: 50%;
font-size: 18px;
}
.wpo-site-footer .about-widget ul li a:hover {
color: #232f4b;
background: #fff;
}
.wpo-site-footer .about-widget ul li+li {
margin-left: 25px;
}
.wpo-site-footer .wpo-service-link-widget {
padding-left: 70px;
}
.wpo-site-footer .link-widget {
overflow: hidden;
}
@media screen and (min-width: 1200px) {
.wpo-site-footer .link-widget {
padding-left: 75px;
}
}
@media (max-width: 1199px) {
.wpo-site-footer .link-widget {
padding-left: 20px;
}
}
@media (max-width: 991px) {
.wpo-site-footer .link-widget {
padding-left: 0;
}
}
@media (max-width: 767px) {
.wpo-site-footer .link-widget {
max-width: 350px;
}
}
.wpo-site-footer .link-widget ul li {
position: relative;
}
.wpo-site-footer .link-widget ul li a {
color: #fff;
font-size: 17px;
}
.wpo-site-footer .link-widget ul li a:hover {
text-decoration: underline;
}
.wpo-site-footer .link-widget ul li+li {
padding-top: 15px;
}
.wpo-site-footer .contact-ft {
margin-top: 20px;
}
.wpo-site-footer .contact-ft ul {
padding-left: 0;
}
.wpo-site-footer .contact-ft ul li {
padding-bottom: 15px;
position: relative;
padding-left: 30px;
color: #e5e3e3;
font-size: 17px;
}
.wpo-site-footer .contact-ft ul li i {
position: absolute;
left: 0px;
top: 0;
}
.wpo-site-footer .contact-ft ul li .fi:before {
font-size: 20px;
margin-right: 15px;
}
.wpo-site-footer .wpo-lower-footer {
text-align: center;
position: relative;
background: #141d37;
}
.wpo-site-footer .wpo-lower-footer .row {
padding: 20px 0;
position: relative;
padding-bottom: 15px;
}
.wpo-site-footer .wpo-lower-footer .copyright {
display: inline-block;
font-size: 15px;
font-size: 0.9375rem;
margin: 0;
}
.wpo-site-footer .wpo-lower-footer .copyright a {
color: #fff;
text-decoration: none;
}
@media (max-width: 991px) {
.wpo-site-footer .wpo-lower-footer .copyright {
float: none;
display: block;
}
}
.wpo-site-footer .instagram ul {
display: flex;
flex-wrap: wrap;
margin: 0px -3px;
}
.wpo-site-footer .instagram ul li {
flex: 0 0 33.33%;
max-width: 33.33%;
margin-bottom: 5px;
padding: 0px 3px;
}
.wpo-site-footer .instagram ul li img {
width: 100%;
}
.sticky-header {
width: 100%;
position: fixed;
left: 0;
top: -200px;
z-index: 9999;
opacity: 0;
transition: all 0.7s;
}
.sticky-on {
opacity: 1;
top: 0;
}  @media (max-width: 991px) {
.wpo-features-section {
border-top: 0;
}
}
.wpo-features-section .wpo-features-item {
text-align: center;
}
.wpo-features-section .wpo-features-item .wpo-features-icon {
width: 100px;
height: 100px;
line-height: 100px;
text-align: center;
margin: 0 auto;
border-radius: 6px;
box-shadow: 0px 5px 15px 0px rgb(62 65 159 / 10%);
}
.wpo-features-section .wpo-features-item .wpo-features-icon svg {
width: 50px;
line-height: 50px;
height: 50px;
}
.wpo-features-section .wpo-features-item .wpo-features-icon img {
width: 50px;
line-height: 50px;
height: 50px;
}
.wpo-features-section .wpo-features-item .wpo-features-text h2 {
font-size: 28px;
font-weight: 500;
margin: 20px 0;
}
.wpo-features-section .wpo-features-item .wpo-features-text h2 a {
color: #232f4b;
}
.wpo-features-section .wpo-features-item .wpo-features-text h2 a:hover {
color: #3757f7;
}
.wpo-features-section .wpo-features-item .wpo-features-text p {
margin-bottom: 0;
}  .wpo-about-section .wpo-about-wrap .wpo-about-img {
position: relative;
z-index: 1;
text-align: center;
max-width: 505px;
margin: 0 auto;
}
.wpo-about-section .wpo-about-wrap .wpo-about-img img {
width: 100%;
}
.wpo-about-section .wpo-about-wrap .wpo-about-img .wpo-ab-shape-1 {
position: absolute;
left: -60px;
top: -50px;
z-index: -1;
}
.wpo-about-section .wpo-about-wrap .wpo-about-img .wpo-ab-shape-2 {
position: absolute;
right: -35px;
bottom: -35px;
z-index: 11;
}
.wpo-about-section .wpo-about-text {
max-width: 595px;
padding-top: 30px;
margin-left: -10px;
}
@media (max-width: 1250px) { 
.wpo-about-section .wpo-about-text {
padding-top: 0px;
margin-left: -10px;
}
}
.wpo-about-section .wpo-about-text > span {
position: relative;
display: inline-block;
padding: 4px 45px;
text-transform: capitalize;
font-weight: 700;
color: #3757f7;
font-size: 16px;
}
.wpo-about-section .wpo-about-text > span:after {
content: "";
width: 25px;
height: 1px;
background-color: #3757f7;
position: absolute;
top: 15px;
right: 9px;
}
.wpo-about-section .wpo-about-text > span:before {
content: "";
width: 25px;
height: 1px;
background-color: #3757f7;
position: absolute;
top: 15px;
left: 9px;
}
.wpo-about-section .wpo-about-text .wpo-about-icon {
width: 50px;
height: 50px;
background: #f3f6fe;
line-height: 50px;
text-align: center;
border-radius: 6px;
}
.wpo-about-section .wpo-about-text .wpo-about-icon img {
width: 30px;
line-height: 30px;
height: 30px;
}
.wpo-about-section .wpo-about-text span.subtitle {
text-transform: uppercase;
margin-bottom: 10px;
color: #3757f7;
font-weight: 700;
}
.wpo-about-section .wpo-about-text h2 {
font-size: 55px;
font-family: "Jost", sans-serif;
font-weight: 600;
margin-bottom: 35px;
margin-top: 5px;
line-height: 65px;
}
.wpo-about-section .wpo-about-text h2 span {
color: #3757f7;
}
.wpo-about-section .wpo-about-text .signeture {
padding: 15px 0;
}
.wpo-about-section .wpo-about-text .signeture p {
font-size: 17px;
color: #232f4b;
margin-top: 10px;
margin-bottom: 10px;
font-weight: 600;
}
.wpo-about-section .wpo-about-text .about-content h4 {
font-size: 24px;
margin-bottom: 10px;
}
.wpo-about-section .wpo-about-text .about-content h4 span {
font-size: 20px;
padding: 0px 10px;
}
.wpo-about-section .wpo-about-text .about-content ul {
list-style: none;
padding-left: 0;
}
.wpo-about-section .wpo-about-text .about-content ul li {
position: relative;
padding-left: 30px;
padding-bottom: 10px;
}
.wpo-about-section .wpo-about-text .about-content ul li:before {
top: 3px;
content: "\e64c";
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
border-radius: 50%;
color: rgb(33 63 212);
font-size: 10px;
font-family: 'themify';
left: -1px;
position: absolute;
background: #6c81ec30;
}
.about-button {
margin-top: 50px;
}
.about-thumnail {
padding-right: 50px;
}
@media (max-width: 767px) { 
.about-thumnail {
padding-right: 0px;
}
} .wpo-service-section .wpo-service-item {
background: #fff;
padding: 50px;
margin-bottom: 30px;
}
.wpo-service-section .wpo-service-item .wpo-service-icon {
width: 82px;
height: 82px;
background: #f3f6fe;
line-height: 82px;
text-align: center;
border-radius: 6px;
}
.wpo-service-section .wpo-service-item .wpo-service-icon img {
width: 50px;
line-height: 50px;
height: 50px;
}
.wpo-service-section .wpo-service-item .wpo-service-text h2 {
font-size: 30px;
font-weight: 500;
margin: 20px 0;
}
.wpo-service-section .wpo-service-item .wpo-service-text h2 a {
color: #232f4b;
}
.wpo-service-section .wpo-service-item .wpo-service-text h2 a:hover {
color: #3757f7;
}
.wpo-service-section .wpo-service-item .wpo-service-text p {
margin-bottom: 0;
} .wpo-pricing-section .wpo-pricing-items .wpo-pricing-item {
text-align: center;
padding: 60px;
box-shadow: 0px 2px 20px 0px rgba(62, 65, 159, 0.09);
padding-top: 55px;
}
.wpo-pricing-section .wpo-pricing-items .wpo-pricing-item h4 {
font-size: 25px;
font-weight: 600;
margin-bottom: 10px;
color: #242f6c;
margin-top: 5px;
}
@media (max-width: 767px) {
.wpo-pricing-section .wpo-pricing-items .wpo-pricing-item h2 {
font-size: 18px;
}
}
.wpo-pricing-section .wpo-pricing-items .wpo-pricing-item .price {
font-size: 40px;
font-family: "Jost", sans-serif;
font-weight: 600;
color: #232f4b;
}
@media (max-width: 767px) {
.wpo-pricing-section .wpo-pricing-items .wpo-pricing-item .price {
font-size: 35px;
}
}
.wpo-pricing-section .wpo-pricing-items .wpo-pricing-item .price span {
font-size: 18px;
position: relative;
right: 0px;
top: -6px;
color: #7e85ad;
}
.wpo-pricing-section .wpo-pricing-items .wpo-pricing-item .price-icon {
margin-bottom: 5px;
width: 130px;
height: 130px;
line-height: 130px;
text-align: center;
margin: 0 auto;
border-radius: 70px;
box-shadow: 0px 5px 15px 0px rgb(62 65 159 / 10%);
margin-bottom: 35px;
background: #3757f7e0;
}
.wpo-pricing-section .wpo-pricing-items .wpo-pricing-item .price-icon i:before {
font-size: 60px;
color: #fff;
}
.wpo-pricing-section .wpo-pricing-items .wpo-pricing-item .price-btn {
margin-top: 40px;
display: inline-block;
font-weight: 700;
border: 2px solid #899cfd;
padding: 17px 45px;
border-radius: 5px;
font-size: 16px;
}
.wpo-pricing-section .wpo-pricing-items .wpo-pricing-item .price-btn:hover {
border: 2px solid #3757f7;
color: #fff;
background: #3757f7;
}
.wpo-pricing-section .wpo-pricing-items .col:nth-child(2) .wpo-pricing-item .price-btn {
border: 2px solid #3757f7;
color: #fff;
background: #3757f7;
}
.wpo-pricing-section .wpo-pricing-items .col:nth-child(2) .wpo-pricing-item .price-btn:hover {
border: 2px solid #2d4ce2;
color: #fff;
background: #2d4ce2;
}
.wpo-pricing-section .wpo-pricing-items .wpo-pricing-item .price-content {
padding-top: 25px;
}
.wpo-pricing-section .wpo-pricing-items .wpo-pricing-item ul {
list-style: none;
padding-left: 0;
}
.wpo-pricing-section .wpo-pricing-items .wpo-pricing-item ul li {
padding: 10px 0;
font-size: 18px;
position: relative;
line-height: 1;
color: #687693;
font-size: 16px;
}
@media (max-width: 991px) {
.wpo-pricing-section .wpo-pricing-items .wpo-pricing-item ul li {
padding: 10px 0;
font-size: 16px;
}
}
.wpo-pricing-section .wpo-pricing-items .wpo-pricing-item ul li:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.wpo-pricing-section .wpo-pricing-items .wpo-pricing-item ul li:first-child {
padding-top: 0;
} .wpo-fun-fact-section {
text-align: center;
}
@media (max-width: 767px) {
.wpo-fun-fact-section {
padding-bottom: 30px;
}
}
.wpo-fun-fact-section h2 {
font-size: 30px;
font-size: 2rem;
font-weight: 600;
margin: 0 0 1.8em;
}
@media (max-width: 991px) {
.wpo-fun-fact-section h2 {
font-size: 26px;
font-size: 1.7333333333rem;
}
}
@media (max-width: 767px) {
.wpo-fun-fact-section h2 {
font-size: 25px;
font-size: 1.6666666667rem;
}
}
.wpo-fun-fact-section .wpo-fun-fact-grids .grid {
width: 25%;
float: left;
}
@media (max-width: 767px) {
.wpo-fun-fact-section .wpo-fun-fact-grids .grid {
width: 50%;
margin-bottom: 50px;
}
}
@media (max-width: 575px) {
.wpo-fun-fact-section .wpo-fun-fact-grids .grid {
width: 100%;
margin-bottom: 30px;
}
}
.wpo-fun-fact-section .grid h3 {
font-size: 80px;
font-weight: 700;
color: #fff;
margin: 0 0 0.2em;
font-family: "Jost", sans-serif;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0;
}
@media (max-width: 1200px) {
.wpo-fun-fact-section .grid h3 {
font-size: 50px;
ont-size: 3.3333333333rem;
}
}
@media (max-width: 991px) {
.wpo-fun-fact-section .grid h3 {
font-size: 40px;
font-size: 2.6666666667rem;
}
}
@media (max-width: 767px) {
.wpo-fun-fact-section .grid h3 {
font-size: 35px;
font-size: 2.3333333333rem;
}
}
.wpo-fun-fact-section .grid h3+p {
font-size: 30px;
font-size: 2rem;
margin: 0;
color: #dedede;
font-family: "Jost", sans-serif;
}
@media (max-width: 1200px) {
.wpo-fun-fact-section .grid h3+p {
font-size: 20px;
}
}
@media (max-width: 991px) {
.wpo-fun-fact-section .grid h3+p {
font-size: 20px;
}
} .wpo-gallery-section .wpo-section-title {
text-align: left;
}
.wpo-gallery-section .wpo-section-title-button {
text-align: right;
}
@media (max-width: 575px) {
.wpo-gallery-section .wpo-section-title-button {
text-align: left;
}
}
.wpo-gallery-section .wpo-section-title-button a {
padding: 14px 35px;
display: inline-block;
border: 1px solid #3757f7;
border-radius: 5px;
color: #fff;
background: #3757f7;
text-transform: uppercase;
font-size: 14px;
font-size: 0.9333333333rem;
}
@media (max-width: 767px) {
.wpo-gallery-section .wpo-section-title-button a {
padding: 10px 20px;
}
}
.wpo-gallery-section .wpo-section-title-button a:hover {
background: #2743cc;
color: #fff;
}
.wpo-gallery-section .wpo-gallery-container .grid {
width: 25%;
float: left;
padding: 0 7.5px 15px;
}
.wpo-gallery-section .wpo-gallery-container .grid .wpo-gallery-item {
position: relative;
}
.wpo-gallery-section .wpo-gallery-container .grid .wpo-gallery-item:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 0;
content: "";
background: rgba(55, 87, 247, 0.8);
transition: all 0.3s;
}
.wpo-gallery-section .wpo-gallery-container .grid .wpo-gallery-item:hover:before {
height: 100%;
}
.wpo-gallery-section .wpo-gallery-container .grid .wpo-gallery-item:hover .wpo-gallery-text {
opacity: 1;
visibility: visible;
}
@media (max-width: 991px) {
.wpo-gallery-section .wpo-gallery-container .grid {
width: 50%;
}
}
@media (max-width: 767px) {
.wpo-gallery-section .wpo-gallery-container .grid {
width: 50%;
}
}
@media (max-width: 575px) {
.wpo-gallery-section .wpo-gallery-container .grid {
width: 100%;
}
}
.wpo-gallery-section .wpo-gallery-container .grid img {
width: 100%;
}
.wpo-gallery-section .wpo-gallery-container .grid .wpo-gallery-text {
position: absolute;
left: 50%;
top: 50%;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
opacity: 0;
visibility: hidden;
transition: all 0.4s;
}
.wpo-gallery-section .wpo-gallery-container .grid .wpo-gallery-text h3 {
font-size: 28px;
color: #fff;
margin-bottom: 20px;
}
.wpo-gallery-section .wpo-gallery-container .grid .wpo-gallery-text i {
width: 40px;
height: 40px;
text-align: center;
border: 1px solid #fff;
line-height: 40px;
border-radius: 50%;
color: #fff;
} .wpo-testimonial-section.style-2 {
padding-top: 200px;
}
@media (max-width: 1200px) {
.wpo-testimonial-section.style-2 {
padding-top: 160px;
}
}
@media (max-width: 767px) {
.wpo-testimonial-section.style-2 {
padding-top: 100px;
padding-bottom: 40px;
}
}
.wpo-testimonial-section .wpo-testimonial-title {
margin-bottom: 40px;
padding-left: 10px;
}
.wpo-testimonial-section .wpo-testimonial-title h2 {
max-width: 500px;
font-size: 50px;
position: relative;
padding-left: 0px;
font-family: "Jost", sans-serif;
font-weight: 600;
}
@media (max-width: 991px) {
.wpo-testimonial-section .wpo-testimonial-title h2 {
font-size: 42px;
}
}
.wpo-testimonial-section .wpo-testimonial-title h2 span {
color: #1835c7;
}
.wpo-testimonial-section .wpo-testimonial-title h2 i {
width: 112px;
height: 112px;
line-height: 128px;
text-align: center;
background: #3757f7;
color: #fff;
display: inline-block;
font-size: 50px;
position: absolute;
left: 0;
top: -60px;
display: none;
}
@media (max-width: 991px) {
.wpo-testimonial-section .wpo-testimonial-title h2 i {
width: 100px;
height: 100px;
line-height: 100px;
}
}
.wpo-testimonial-section .wpo-testimonial-title h2 i:before {
font-size: 50px;
font-weight: 400;
line-height: 100px;
}
@media (max-width: 767px) {
.wpo-testimonial-section .wpo-testimonial-title h2 i:before {
font-size: 35px;
font-weight: 400;
line-height: 80px;
}
}
.wpo-testimonial-section .wpo-testimonial-items {
position: relative;
}
.wpo-testimonial-section .wpo-testimonial-items .wpo-testimonial-item {
padding: 50px;
box-shadow: 0px 3px 12px 0px rgba(62, 65, 159, 0.08);
position: relative;
overflow: hidden;
}
@media (max-width: 767px) {
.wpo-testimonial-section .wpo-testimonial-items .wpo-testimonial-item {
padding: 40px 20px;
}
}
.wpo-testimonial-section .wpo-testimonial-items .wpo-testimonial-item:before {
font-family: "Flaticon";
content: "";
font-size: 60px;
font-size: 3.75rem;
color: #eaedfd;
position: absolute;
right: 50px;
bottom: 35px;
transform: rotate(180deg);
}
.wpo-testimonial-section .wpo-testimonial-items .wpo-testimonial-item .wpo-testimonial-avatar img {
width: 60px;
height: 60px;
border-radius: 50%;
}
.wpo-testimonial-section .wpo-testimonial-items .wpo-testimonial-item .wpo-testimonial-text-btm h3 {
font-size: 20px;
font-family: "Jost", sans-serif;
color: #1835c7;
margin-bottom: 7px;
margin-top: 0;
}
.wpo-testimonial-section .wpo-testimonial-items .wpo-testimonial-item .wpo-testimonial-text-btm span {
color: #4d4f54;
}
.wpo-testimonial-section .wpo-testimonial-items .owl-nav [class*=owl-] {
background: #fff;
width: 50px;
height: 50px;
line-height: 52px;
border: 1px solid #d8deff;
color: #7389f9;
padding: 0;
font-size: 20px;
margin: 0;
border-radius: 0;
transition: all 0.3s;
z-index: 1;
}
.wpo-testimonial-section .wpo-testimonial-items .owl-nav [class*=owl-]:hover {
background: transparent;
color: #7389f9;
}
.wpo-testimonial-section .wpo-testimonial-items .owl-nav [class*=owl-]:before {
right: -3px;
bottom: -3px;
border-right: 3px solid #3757f7;
border-bottom: 3px solid #3757f7;
content: "";
width: 48px;
height: 48px;
position: absolute;
z-index: -1;
opacity: 0;
visibility: hidden;
transition: all 0.3s;
}
.wpo-testimonial-section .wpo-testimonial-items .owl-nav [class*=owl-]:hover:before {
opacity: 1;
visibility: visible;
}
@media (max-width: 767px) {
.wpo-testimonial-section .wpo-testimonial-items .owl-nav [class*=owl-] {
display: none;
}
}
.wpo-testimonial-section .wpo-testimonial-items .owl-dots {
text-align: center;
}
.wpo-testimonial-section .wpo-testimonial-items .owl-dots button {
width: 10px;
height: 12px;
border-radius: 50%;
border: 0;
margin: 5px;
background-color: #d6d6d6;
}
.wpo-testimonial-section .wpo-testimonial-items .owl-dots button.active {
background-color: #3757f7;
}
.wpo-testimonial-section .wpo-testimonial-items .owl-next {
position: absolute;
top: -120px;
right: 10px;
}
.wpo-testimonial-section .wpo-testimonial-items .owl-prev {
position: absolute;
top: -120px;
right: 80px;
}
.wpo-testimonial-section .wpo-testimonial-items .owl-prev:before {
left: -3px;
bottom: -3px;
border-right: 0 !important;
border-left: 3px solid #3757f7;
border-bottom: 3px solid #3757f7;
}
.wpo-testimonial-section .owl-item {
padding: 10px;
}
.wpo-testimonial-section .testimonials-meta {
display: flex;
}
.wpo-testimonial-section .wpo-testimonial-text-btm {
padding-left: 0px;
}
.wpo-testimonial-avatar {
padding-bottom: 20px;
} .wpo-support-section .wpo-support-wrapper {
padding: 100px 0px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.wpo-support-section .wpo-support-wrapper .wpo-support-text {
max-width: 850px;
}
.wpo-support-section .wpo-support-wrapper .wpo-support-text h2 {
font-size: 45px;
font-family: "Jost", sans-serif;
font-weight: 500;
color: #fff;
margin-bottom: 20px;
margin-top: 10px;
}
.wpo-support-section .wpo-support-wrapper .wpo-support-text p {
color: #e7e7e7;
margin-bottom: 10px;
}
.wpo-support-section .wpo-support-wrapper .wpo-support-btn a {
display: block;
padding: 18px 40px;
background: #fff;
color: #3757f7;
font-size: 18px;
font-family: "Jost", sans-serif;
font-weight: 600;
text-transform: uppercase;
border-radius: 6px;
transition: all 0.3s;
}
@media (max-width: 575px) {
.wpo-support-section .wpo-support-btn {
padding-bottom: 15px;
}
.wpo-support-section .wpo-support-wrapper .wpo-support-btn a {
padding: 15px 25px;
font-size: 16px;
}
}
.wpo-support-section .wpo-support-wrapper .wpo-support-btn a:hover {
background: #1534d0;
color: #fff;
} .wpo-blog-section .wpo-blog-img img {
width: 100%;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.wpo-blog-section .wpo-blog-content {
box-shadow: 0px 2px 20px 0px rgba(62, 65, 159, 0.09);
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.wpo-blog-section .wpo-blog-content .wpo-blog-content-top {
padding: 30px 22px;
}
.wpo-blog-section .wpo-blog-content .wpo-blog-content-top .wpo-blog-thumb span {
display: inline-block;
background: #f3f3fb;
border-radius: 3px;
padding: 5px 20px;
font-size: 15px;
font-family: "Jost", sans-serif;
color: #3757f7;
font-weight: 900;
}
.wpo-blog-section .wpo-blog-content .wpo-blog-content-top h2 {
font-size: 22px;
font-family: "Jost", sans-serif;
font-weight: 600;
margin: 20px 0;
line-height: 36px;
margin-bottom: 0;
}
.wpo-blog-section .wpo-blog-content .wpo-blog-content-top h2 a {
color: #232f4b;
}
.wpo-blog-section .wpo-blog-content .wpo-blog-content-top h2 a:hover {
color: #3757f7;
}
.wpo-blog-section .wpo-blog-content .wpo-blog-content-btm {
padding: 20px 30px;
border-top: 1px solid #f3f3fb;
display: flex;
justify-content: space-between;
align-items: center;
}
.wpo-blog-section .wpo-blog-content .wpo-blog-content-btm .wpo-blog-content-btm-left {
display: flex;
align-items: center;
}
.wpo-blog-section .wpo-blog-content .wpo-blog-content-btm .wpo-blog-content-btm-left .wpo-blog-content-btm-left-img img {
width: 45px;
height: 45px;
border-radius: 50%;
}
.wpo-blog-section .wpo-blog-content .wpo-blog-content-btm .wpo-blog-content-btm-left .wpo-blog-content-btm-left-text {
margin-left: 15px;
}
.wpo-blog-section .wpo-blog-content .wpo-blog-content-btm .wpo-blog-content-btm-left .wpo-blog-content-btm-left-text h4 {
font-size: 20px;
margin-bottom: 6px;
margin-top: 0;
text-transform: capitalize;
}
.wpo-blog-section .wpo-blog-content .wpo-blog-content-btm .wpo-blog-content-btm-left .wpo-blog-content-btm-left-text h4 a {
color: #5a5858;
}
.wpo-blog-section .wpo-blog-content .wpo-blog-content-btm .wpo-blog-content-btm-left .wpo-blog-content-btm-left-text h4 a:hover {
color: #3757f7;
}
.wpo-blog-section .wpo-blog-content .wpo-blog-content-btm .wpo-blog-content-btm-left .wpo-blog-content-btm-left-text span {
font-size: 15px;
color: #848892;
text-transform: capitalize;
}
.wpo-blog-section .wpo-blog-content .wpo-blog-content-btm .wpo-blog-content-btm-right span {
font-size: 14px;
color: #848892;
text-transform: uppercase;
letter-spacing: 2px;
font-family: "Jost", sans-serif;
font-weight: 600;
}
@media (max-width: 1200px) {
.wpo-about-section .wpo-about-text h2 {
font-size: 35px;
}
.wpo-service-section .wpo-service-item {
padding: 30px;
}
.wpo-service-section .wpo-service-item .wpo-service-text h2 {
font-size: 25px;
} .wpo-pricing-section .wpo-pricing-items .wpo-pricing-item {
padding: 30px 20px;
} .wpo-testimonial-section {
padding-top: 20px;
}
.wpo-blog-section .wpo-blog-content .wpo-blog-content-btm {
padding: 20px 10px;
}
.wpo-site-footer .wpo-service-link-widget {
padding-left: 30px;
}
.wpo-site-footer .about-widget ul li+li {
margin-left: 15px;
}
}
@media (max-width: 991px) {
.wpo-about-section .wpo-about-text h2 {
font-size: 30px;
}
.wpo-features-section .wpo-features-item {
margin-bottom: 30px;
} .wpo-about-section .wpo-about-wrap .wpo-about-img {
margin: unset;
}
.wpo-about-section .wpo-about-text {
margin: unset;
margin-top: 50px;
} .wpo-pricing-section .wpo-pricing-items .wpo-pricing-item {
margin-bottom: 30px;
}
.wpo-support-section .wpo-support-wrapper .wpo-support-text {
margin-bottom: 30px;
}
.wpo-blog-section .wpo-blog-item {
margin-bottom: 30px;
}
.wpo-blog-section {
padding-bottom: 90px;
}
.wpo-blog-section {
padding-bottom: 0px;
}
.wpo-site-footer .wpo-service-link-widget {
padding-left: 0px;
}
}
@media (max-width: 767px) {
.wpo-testimonial-section .wpo-testimonial-title h2 {
font-size: 32px;
padding-left: 0px;
text-align: center;
}
.wpo-testimonial-section .wpo-testimonial-title h2 i {
width: 80px;
height: 80px;
line-height: 90px;
font-size: 30px;
left: 0;
top: 0;
right: 0;
text-align: center;
margin: auto;
margin-top: -95px;
}
.wpo-support-section .wpo-support-wrapper {
padding: 40px 20px;
}
.wpo-support-section .wpo-support-wrapper .wpo-support-text h2 {
font-size: 30px;
}
.wpo-hero-section-text .video-holder {
left: 160px;
bottom: -42px;
}
.wpo-hero-section-1.wpo-hero-section-2 .wpo-hero-title h2 {
font-size: 36px;
line-height: 50px;
}
}
@media (max-width: 575px) {
.wpo-testimonial-section .wpo-testimonial-title h2 {
font-size: 26px;
}
.wpo-hero-section-1.wpo-hero-section-2 .wpo-hero-title h2 {
font-size: 30px;
line-height: 45px;
}
.wpo-about-section .wpo-about-text h2 {
font-size: 25px;
}
.wpo-support-section .wpo-support-wrapper .wpo-support-text {
margin-bottom: 20px;
}
}  .wpo-service-section.wpo-service-section-s2 .wpo-service-item {
padding: 50px 40px;
text-align: center;
position: relative;
}
@media (max-width: 1200px) {
.wpo-service-section.wpo-service-section-s2 .wpo-service-item {
padding: 50px 30px;
}
}
.wpo-service-section.wpo-service-section-s2 .wpo-service-item .wpo-service-text h2 {
font-size: 25px;
}
.wpo-service-section.wpo-service-section-s2 .wpo-service-item::before {
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 10px;
content: "";
background: transparent;
transition: all 0.3s;
}
.wpo-service-section.wpo-service-section-s2 .wpo-service-item:hover::before {
width: 100%;
}
.wpo-service-section.wpo-service-section-s2 .wpo-service-item .wpo-service-icon {
width: unset;
height: unset;
line-height: unset;
background: none;
position: relative;
display: inline-block;
z-index: 1;
}
.wpo-service-section.wpo-service-section-s2 .wpo-service-item .wpo-service-icon::before {
position: absolute;
left: -20px;
top: -20px;
width: 60px;
height: 60px;
content: "";
background: #fff;
z-index: -1;
border-radius: 50%;
}
.wpo-service-section.wpo-service-section-s2 .wpo-service-item .wpo-service-icon .fi:before {
font-size: 60px;
color: #232f4b;
}
.wpo-service-section.wpo-service-section-s2 .wpo-service-item:nth-child(1):before {
background: #a5e2f3;
}
.wpo-service-section.wpo-service-section-s2 .wpo-service-item:nth-child(1) .wpo-service-icon::before {
background: #a5e2f3;
}
.wpo-service-section.wpo-service-section-s2 .wpo-service-item:nth-child(2):before {
background: #fff1b9;
}
.wpo-service-section.wpo-service-section-s2 .wpo-service-item:nth-child(2) .wpo-service-icon::before {
background: #fff1b9;
}
.wpo-service-section.wpo-service-section-s2 .wpo-service-item:nth-child(3):before {
background: #ffb8b8;
}
.wpo-service-section.wpo-service-section-s2 .wpo-service-item:nth-child(3) .wpo-service-icon::before {
background: #ffb8b8;
}
.wpo-service-section.wpo-service-section-s2 .wpo-service-item:nth-child(4):before {
background: #defcf2;
}
.wpo-service-section.wpo-service-section-s2 .wpo-service-item:nth-child(4) .wpo-service-icon::before {
background: #defcf2;
}
.wpo-service-section.wpo-service-section-s2 .owl-nav {
display: none;
}
.wpo-service-section.wpo-service-section-s2 .owl-dots {
text-align: center;
}
.wpo-service-section.wpo-service-section-s2 .owl-dots button {
width: 10px;
height: 12px;
border-radius: 50%;
border: 0;
margin: 5px;
background-color: #d6d6d6;
}
.wpo-service-section.wpo-service-section-s2 .owl-dots button.active {
background-color: #3757f7;
}
.wpo-fun-fact-section.wpo-fun-fact-section-s2 {
background: none;
}
.wpo-fun-fact-section.wpo-fun-fact-section-s2 .wpo-fun-fact-grids {
padding: 90px 70px;
border-radius: 5px;
box-shadow: 0px 2px 20px 0px rgba(62, 65, 159, 0.09);
}
@media (max-width: 767px) {
.wpo-fun-fact-section.wpo-fun-fact-section-s2 .wpo-fun-fact-grids {
padding: 30px;
padding-bottom: 0;
}
}
@media (max-width: 767px) {
.wpo-fun-fact-section.wpo-fun-fact-section-s2 {
padding-bottom: 0;
}
}
@media (max-width: 575px) {
.wpo-fun-fact-section.wpo-fun-fact-section-s2 .wpo-fun-fact-grids {
padding: 50px;
padding-bottom: 20px;
}
}
.wpo-fun-fact-section.wpo-fun-fact-section-s2 .grid h3 {
color: #3757f7;
}
.wpo-fun-fact-section.wpo-fun-fact-section-s2 .grid h3+p {
color: #687693;
}  .wpo-features-section.wpo-features-section-s2 {
margin-top: -60px;
z-index: 11;
position: relative;
border: 0;
}
@media (min-width: 991px) {
.wpo-features-section.wpo-features-section-s2 {
padding-top: 0;
}
}
@media (max-width: 991px) {
.wpo-features-section.wpo-features-section-s2 {
margin-top: 0;
}
}
.wpo-features-section.wpo-features-section-s2 .wpo-features-item {
padding: 60px;
padding-bottom: 56px;
background-color: white;
box-shadow: 0px 5px 15px 0px rgba(62, 65, 159, 0.1);
}
@media (max-width: 1200px) {
.wpo-features-section.wpo-features-section-s2 .wpo-features-item .wpo-features-text h2 {
font-size: 25px;
}
}
@media (max-width: 1600px) {
.wpo-features-section.wpo-features-section-s2 .wpo-features-item {
padding: 60px 40px;
}
}
@media (max-width: 1200px) {
.wpo-features-section.wpo-features-section-s2 .wpo-features-item {
padding: 30px;
}
}
.wpo-features-section.wpo-features-section-s2 .wpo-features-item .wpo-features-icon {
border-radius: 50%;
} .wpo-service-section.wpo-service-section-s3 .wpo-service-item {
padding: 50px 40px;
text-align: center;
position: relative;
}
.wpo-service-section.wpo-service-section-s3 .wpo-service-item .wpo-service-text h2 {
font-size: 25px;
}
.wpo-service-section.wpo-service-section-s3 .wpo-service-item::before {
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 10px;
content: "";
background: #3757f7;
transition: all 0.3s;
}
.wpo-service-section.wpo-service-section-s3 .wpo-service-item:hover::before {
width: 100%;
}
.wpo-service-section.wpo-service-section-s3 .wpo-service-item .wpo-service-icon {
width: 90px;
height: 90px;
line-height: 90px;
background: #f4f6fd;
position: relative;
display: inline-block;
z-index: 1;
border-radius: 50%;
}
.wpo-service-section.wpo-service-section-s3 .wpo-service-item .wpo-service-icon i:before {
font-size: 50px;
}
.wpo-service-section.wpo-service-section-s3 .wpo-service-item .wpo-service-icon .fi:before {
color: #3757f7;
}
.wpo-service-section.wpo-service-section-s3 .owl-nav {
display: none;
}
.wpo-service-section.wpo-service-section-s3 .owl-dots {
text-align: center;
}
.wpo-service-section.wpo-service-section-s3 .owl-dots button {
width: 10px;
height: 12px;
border-radius: 50%;
border: 0;
margin: 5px;
background-color: #d6d6d6;
}
.wpo-service-section.wpo-service-section-s3 .owl-dots button.active {
background-color: #3757f7;
} @media (max-width: 991px) {
.wpo-service-single-section {
padding-bottom: 60px;
}
}
.wpo-service-single-section .wpo-service-single-wrap img {
width: 100%;
}
.wpo-service-single-section .wpo-service-single-wrap .wpo-service-single-content .wpo-service-single-content-des {
padding: 60px 0;
}
@media (max-width: 767px) {
.wpo-service-single-section .wpo-service-single-wrap .wpo-service-single-content .wpo-service-single-content-des {
padding: 35px 0;
}
}
.wpo-service-single-section .wpo-service-single-wrap .wpo-service-single-content .wpo-service-single-content-des h2 {
font-size: 33px;
font-family: "Jost", sans-serif;
font-weight: 600;
margin-bottom: 30px;
}
@media (max-width: 767px) {
.wpo-service-single-section .wpo-service-single-wrap .wpo-service-single-content .wpo-service-single-content-des h2 {
font-size: 25px;
margin-bottom: 16px;
}
}
.wpo-service-single-section .wpo-service-single-wrap .wpo-service-single-content .wpo-service-single-content-des p {
margin-bottom: 30px;
}
.wpo-service-single-section .wpo-service-single-wrap .wpo-service-single-content .wpo-service-single-content-des .wpo-service-single-sub-img {
margin-top: 50px;
}
.wpo-service-single-section .wpo-service-single-wrap .wpo-service-single-content .wpo-service-single-content-des .wpo-service-single-sub-img ul {
display: flex;
list-style: none;
}
.wpo-service-single-section .wpo-service-single-wrap .wpo-service-single-content .wpo-service-single-content-des .wpo-service-single-sub-img li {
padding-left: 10px;
padding-right: 10px;
}
.wpo-service-single-section .wpo-service-single-wrap .wpo-service-single-content .wpo-service-single-content-des .wpo-service-single-sub-img li:last-child {
padding-left: 10px;
padding-right: 0;
}
.wpo-service-single-section .wpo-service-single-wrap .wpo-solutions-section h2 {
font-size: 33px;
font-family: "Jost", sans-serif;
font-weight: 600;
margin-bottom: 30px;
}
@media (max-width: 575px) {
.wpo-service-single-section .wpo-service-single-wrap .wpo-solutions-section h2 {
font-size: 25px;
}
}
.wpo-service-single-section .wpo-service-single-wrap .wpo-solutions-section .wpo-solutions-item {
background: #fff;
padding: 30px 25px;
margin-bottom: 30px;
box-shadow: 0px 5px 15px 0px rgba(62, 65, 159, 0.1);
}
.wpo-service-single-section .wpo-service-single-wrap .wpo-solutions-section .wpo-solutions-item .wpo-solutions-icon img {
width: 50px;
line-height: 50px;
height: 50px;
}
.wpo-service-single-section .wpo-service-single-wrap .wpo-solutions-section .wpo-solutions-item .wpo-solutions-text h2 {
font-size: 22px;
font-weight: 500;
margin: 20px 0;
}
.wpo-service-single-section .wpo-service-single-wrap .wpo-solutions-section .wpo-solutions-item .wpo-solutions-text h2 a {
color: #232f4b;
}
.wpo-service-single-section .wpo-service-single-wrap .wpo-solutions-section .wpo-solutions-item .wpo-solutions-text h2 a:hover {
color: #3757f7;
}
.wpo-service-single-section .wpo-service-single-wrap .wpo-solutions-section .wpo-solutions-item .wpo-solutions-text p {
margin-bottom: 0;
}
.wpo-service-single-section .wpo-service-single-wrap .wpo-benefits-section {
padding-top: 30px;
}
.wpo-service-single-section .wpo-service-single-wrap .wpo-benefits-section h2 {
font-size: 33px;
font-family: "Jost", sans-serif;
font-weight: 600;
margin-bottom: 30px;
}
.wpo-service-single-section .wpo-service-single-wrap .wpo-benefits-section .accordion {
border-top: 1px solid #e1e1e1;
}
.wpo-service-single-section .wpo-service-single-wrap .wpo-benefits-section .accordion-item {
border: 0;
border-bottom: 1px solid #e1e1e1;
}
.wpo-service-single-section .wpo-service-single-wrap .wpo-benefits-section .accordion-item .accordion-body {
padding-left: 0;
padding-right: 0;
}
.wpo-service-single-section .wpo-service-single-wrap .wpo-benefits-section .accordion-item button {
padding: 20px;
border: 0;
border-radius: 0;
padding-left: 0;
padding-right: 0;
font-size: 20px;
color: #232f4b;
text-align: left;
}
.wpo-service-single-section .wpo-service-single-wrap .wpo-benefits-section .accordion-item button::after {
background: none;
font-family: "themify";
content: "";
font-size: 15px;
transform: rotate(0deg);
font-weight: 700;
}
.wpo-service-single-section .wpo-service-single-wrap .wpo-benefits-section .accordion-item button.collapsed {
color: #373b3e;
}
.wpo-service-single-section .wpo-service-single-wrap .wpo-benefits-section .accordion-item button.collapsed::after {
content: "";
}
.wpo-service-single-section .wpo-service-single-wrap .wpo-benefits-section .accordion-item button:focus {
box-shadow: none;
outline: none;
border-color: #e1e1e1;
}
.wpo-service-single-section .wpo-service-single-wrap .wpo-benefits-section .accordion-item .accordion-collapse {
border: 0;
}
.wpo-service-single-section .wpo-service-single-wrap .wpo-benefits-section .accordion-button {
background: transparent;
}
.wpo-single-sidebar {
padding-left: 20px;
}
@media (max-width: 991px) {
.wpo-single-sidebar {
padding-left: 0;
margin-top: 60px;
}
}
.wpo-single-sidebar .widget {
padding: 40px 40px;
border: 1px solid #e1e1e1;
margin-bottom: 40px;
}
@media (max-width: 1200px) {
.wpo-single-sidebar .widget {
padding: 20px;
}
}
.wpo-single-sidebar .widget h2 {
font-size: 25px;
font-family: "Jost", sans-serif;
font-weight: 600;
padding-bottom: 35px;
position: relative;
text-align: center;
display: block;
margin-bottom: 30px;
}
.wpo-single-sidebar .widget h2::before {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
background: url(//www.sejesinc.com/wp-content/themes/consultar/assets/images/single-title-shape.png) no-repeat right center;
content: "";
width: 52px;
height: 20px;
}
.wpo-single-sidebar .widget-title {
margin-top: 0;
position: relative;
text-align: center;
padding-bottom: 30px;
}
.wpo-single-sidebar .widget .widget-title::before {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
background: url(//www.sejesinc.com/wp-content/themes/consultar/assets/images/single-title-shape.png) no-repeat right center;
content: "";
width: 52px;
height: 20px;
}
.wpo-single-sidebar .widget ul {
list-style: none;
padding-left: 0;
}
.wpo-single-sidebar .wpo-service-widget ul li a {
display: block;
padding: 15px 0;
font-size: 16px;
color: #232f4b;
font-weight: 600;
border-bottom: 1px solid #e1e1e1;
padding-left: 30px;
position: relative;
}
.wpo-single-sidebar .wpo-service-widget ul li a:before {
position: absolute;
left: 0;
top: 15px;
font-family: "themify";
content: "";
font-size: 14px;
color: #3757f7;
}
.wpo-single-sidebar .wpo-service-widget ul li a:hover {
color: #3757f7;
}
.wpo-single-sidebar .wpo-service-widget ul li:last-child a {
padding-bottom: 0;
border-bottom: 0;
}
.wpo-single-sidebar .wpo-service-widget ul li:first-child a {
padding-top: 0;
}
.wpo-single-sidebar .wpo-service-widget ul li:first-child a:before {
top: 2px;
}
.wpo-single-sidebar .wpo-newsletter-widget h2 {
margin-top: 0;
}
.wpo-single-sidebar .wpo-newsletter-widget p {
font-size: 20px;
font-family: "Jost", sans-serif;
font-weight: 600;
color: #232f4b;
text-align: center;
}
.wpo-single-sidebar .wpo-newsletter-widget span {
font-size: 15px;
color: #848892;
}
.wpo-single-sidebar .wpo-newsletter-widget span a {
color: #232f4b;
font-weight: 700;
}
.wpo-single-sidebar .wpo-newsletter-widget span a:hover {
color: #3757f7;
}
.wpo-single-sidebar .wpo-newsletter-widget .form input {
border: 0;
display: block;
width: 100%;
height: 50px;
border-radius: 50px;
border: 1px solid #e1e1e1;
padding: 15px;
text-align: center;
}
.wpo-single-sidebar .wpo-newsletter-widget .form input:focus {
box-shadow: none;
}
.wpo-single-sidebar .wpo-newsletter-widget .form input[type=submit] {
background: #3757f7;
width: 100%;
height: 50px;
border-radius: 50px;
text-align: center;
color: #fff;
border: none;
margin: 20px 0;
}
.wpo-single-sidebar .wpo-newsletter-widget .form input[type=submit]:hover {
background-color: #4963e2;
transition: .3s;
}
.wpo-single-sidebar .wpo-instagram-widget ul {
display: flex;
flex-wrap: wrap;
}
.wpo-single-sidebar .wpo-instagram-widget ul li {
flex: 0 0 33.33%;
max-width: 33.33%;
margin-bottom: 5px;
padding: 0px 3px;
}
.wpo-single-sidebar .wpo-instagram-widget ul li img {
width: 100%;
}
.wpo-single-sidebar .wpo-contact-widget {
border: 0;
background: #3757f7;
}
.wpo-single-sidebar .wpo-contact-widget h2 {
font-size: 36px;
font-weight: 700;
text-align: left;
color: #fff;
margin-bottom: 0px;
}
.wpo-single-sidebar .wpo-contact-widget p {
color: #fff;
font-size: 18px;
}
.wpo-single-sidebar .wpo-contact-widget a {
display: inline-block;
padding: 10px 20px;
border: 1px solid #fff;
font-size: 18px;
color: #fff;
padding-right: 90px;
position: relative;
margin-top: 10px;
}
.wpo-single-sidebar .wpo-contact-widget a::before {
font-family: "themify";
content: "";
font-size: 18px;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
} .wpo-gallery-section.wpo-gallery-section-s2 .wpo-gallery-container .grid {
width: 33.33%;
}
@media (max-width: 991px) {
.wpo-gallery-section.wpo-gallery-section-s2 .wpo-gallery-container .grid {
width: 50%;
}
}
@media (max-width: 575px) {
.wpo-gallery-section.wpo-gallery-section-s2 .wpo-gallery-container .grid {
width: 100%;
float: none;
}
} @media (max-width: 991px) {
.wpo-project-single-section {
padding-bottom: 60px;
}
}
.wpo-project-single-section .wpo-project-single-wrap {  }
.wpo-project-single-section .wpo-project-single-wrap img {
width: 100%;
}
.wpo-project-single-section .wpo-project-single-wrap .wpo-project-single-content .wpo-project-single-content-des {
padding: 60px 0;
}
@media (max-width: 767px) {
.wpo-project-single-section .wpo-project-single-wrap .wpo-project-single-content .wpo-project-single-content-des {
padding: 35px 0;
}
}
.wpo-project-single-section .wpo-project-single-wrap .wpo-project-single-content .wpo-project-single-content-des h2 {
font-size: 33px;
font-family: "Jost", sans-serif;
font-weight: 600;
margin-bottom: 30px;
}
@media (max-width: 767px) {
.wpo-project-single-section .wpo-project-single-wrap .wpo-project-single-content .wpo-project-single-content-des h2 {
font-size: 25px;
margin-bottom: 16px;
}
}
.wpo-project-single-section .wpo-project-single-wrap .wpo-project-single-content .wpo-project-single-content-des p {
margin-bottom: 30px;
}
.wpo-project-single-section .wpo-project-single-wrap .wpo-project-single-content .wpo-project-single-content-des .wpo-project-single-content-des-wrap {
display: flex;
}
@media (max-width: 1200px) {
.wpo-project-single-section .wpo-project-single-wrap .wpo-project-single-content .wpo-project-single-content-des .wpo-project-single-content-des-wrap {
flex-wrap: wrap;
}
}
.wpo-project-single-section .wpo-project-single-wrap .wpo-project-single-content .wpo-project-single-content-des .wpo-project-single-content-des-wrap .wpo-project-single-content-des-left {
flex-basis: 65%;
padding-right: 40px;
}
@media (max-width: 1200px) {
.wpo-project-single-section .wpo-project-single-wrap .wpo-project-single-content .wpo-project-single-content-des .wpo-project-single-content-des-wrap .wpo-project-single-content-des-left {
flex-basis: 100%;
}
}
.wpo-project-single-section .wpo-project-single-wrap .wpo-project-single-content .wpo-project-single-content-des .wpo-project-single-content-des-wrap .wpo-project-single-content-des-right {
max-width: 380px;
flex-basis: 35%;
}
@media (max-width: 1200px) {
.wpo-project-single-section .wpo-project-single-wrap .wpo-project-single-content .wpo-project-single-content-des .wpo-project-single-content-des-wrap .wpo-project-single-content-des-right {
flex-basis: 100%;
margin-bottom: 40px;
}
}
.wpo-project-single-section .wpo-project-single-wrap .wpo-project-single-content .wpo-project-single-content-des .wpo-project-single-content-des-wrap .wpo-project-single-content-des-right ul {
list-style: none;
padding: 50px 40px;
border: 1px solid #e1e1e1;
}
@media (max-width: 575px) {
.wpo-project-single-section .wpo-project-single-wrap .wpo-project-single-content .wpo-project-single-content-des .wpo-project-single-content-des-wrap .wpo-project-single-content-des-right ul {
padding: 50px 20px;
}
}
.wpo-project-single-section .wpo-project-single-wrap .wpo-project-single-content .wpo-project-single-content-des .wpo-project-single-content-des-wrap .wpo-project-single-content-des-right ul li {
display: flex;
padding: 15px 0;
font-size: 16px;
color: #232f4b;
font-weight: 600;
border-bottom: 1px solid #ebebeb;
position: relative;
justify-content: space-between;
font-weight: 600;
}
.wpo-project-single-section .wpo-project-single-wrap .wpo-project-single-content .wpo-project-single-content-des .wpo-project-single-content-des-wrap .wpo-project-single-content-des-right ul li span {
flex-basis: 70%;
color: #4f555a;
font-weight: 400;
}
.wpo-project-single-section .wpo-project-single-wrap .wpo-project-single-content .wpo-project-single-content-des .wpo-project-single-content-des-wrap .wpo-project-single-content-des-right ul li:last-child {
padding-bottom: 0;
border-bottom: 0;
}
.wpo-project-single-section .wpo-project-single-wrap .wpo-project-single-content .wpo-project-single-content-des .wpo-project-single-content-des-wrap .wpo-project-single-content-des-right ul li:first-child {
padding-top: 0;
}
.wpo-project-single-section .wpo-project-single-wrap .wpo-project-single-content .wpo-project-single-content-des .wpo-project-single-sub-img ul {
display: flex;
list-style: none;
}
.wpo-project-single-section .wpo-project-single-wrap .wpo-project-single-content .wpo-project-single-content-des .wpo-project-single-sub-img li {
padding-left: 0px;
padding-right: 10px;
}
.wpo-project-single-section .wpo-project-single-wrap .wpo-project-single-content .wpo-project-single-content-des .wpo-project-single-sub-img li:last-child {
padding-left: 10px;
padding-right: 0;
}
.wpo-project-single-section .wpo-project-single-wrap .wpo-solutions-section h2 {
font-size: 33px;
font-family: "Jost", sans-serif;
font-weight: 600;
margin-bottom: 30px;
}
@media (max-width: 575px) {
.wpo-project-single-section .wpo-project-single-wrap .wpo-solutions-section h2 {
font-size: 25px;
}
}
.wpo-project-single-section .wpo-project-single-wrap .wpo-solutions-section .wpo-solutions-item {
background: #fff;
padding: 30px 25px;
margin-bottom: 30px;
box-shadow: 0px 5px 15px 0px rgba(62, 65, 159, 0.1);
}
.wpo-project-single-section .wpo-project-single-wrap .wpo-solutions-section .wpo-solutions-item .wpo-solutions-icon img {
width: 50px;
line-height: 50px;
height: 50px;
}
.wpo-project-single-section .wpo-project-single-wrap .wpo-solutions-section .wpo-solutions-item .wpo-solutions-text h2 {
font-size: 22px;
font-weight: 500;
margin: 20px 0;
}
.wpo-project-single-section .wpo-project-single-wrap .wpo-solutions-section .wpo-solutions-item .wpo-solutions-text h2 a {
color: #232f4b;
}
.wpo-project-single-section .wpo-project-single-wrap .wpo-solutions-section .wpo-solutions-item .wpo-solutions-text h2 a:hover {
color: #3757f7;
}
.wpo-project-single-section .wpo-project-single-wrap .wpo-solutions-section .wpo-solutions-item .wpo-solutions-text p {
margin-bottom: 0;
}
.wpo-project-single-section .wpo-project-single-wrap .tag-share {
margin: 60px 0 40px;
background: #eceffb;
padding: 15px;
}
@media (max-width: 767px) {
.wpo-project-single-section .wpo-project-single-wrap .tag-share {
margin: 50px 0 30px;
text-align: center;
}
}
.wpo-project-single-section .wpo-project-single-wrap .tag-share .tag {
display: inline-block;
float: left;
margin-top: 5px;
}
@media (max-width: 767px) {
.wpo-project-single-section .wpo-project-single-wrap .tag-share .tag {
display: block;
margin: 0 auto;
margin-bottom: 25px;
float: none;
}
}
.wpo-project-single-section .wpo-project-single-wrap .tag-share .share {
display: flex;
align-items: center;
float: right;
}
.wpo-project-single-section .wpo-project-single-wrap .tag-share .share span {
margin-right: 10px;
}
@media (max-width: 767px) {
.wpo-project-single-section .wpo-project-single-wrap .tag-share .share {
float: none;
justify-content: center;
}
}
.wpo-project-single-section .wpo-project-single-wrap .tag-share ul {
overflow: hidden;
list-style: none;
}
@media (max-width: 767px) {
.wpo-project-single-section .wpo-project-single-wrap .tag-share ul {
display: flex;
justify-content: center;
}
}
.wpo-project-single-section .wpo-project-single-wrap .tag-share ul li {
float: left;
}
.wpo-project-single-section .wpo-project-single-wrap .tag-share .tag ul>li+li,
.wpo-project-single-section .wpo-project-single-wrap .tag-share .share ul>li+li {
margin-left: 10px;
}
@media (max-width: 767px) {
.wpo-project-single-section .wpo-project-single-wrap .tag-share .tag ul>li+li,
.wpo-project-single-section .wpo-project-single-wrap .tag-share .share ul>li+li {
margin-left: 2px;
}
}
.wpo-project-single-section .wpo-project-single-wrap .tag-share .tag a {
background-color: #fff;
display: block;
padding: 6px 18px;
color: #232f4b;
border-radius: 50px;
}
.wpo-project-single-section .wpo-project-single-wrap .tag-share .tag a:hover {
background-color: #3757f7;
color: #fff;
}
.wpo-project-single-section .wpo-project-single-wrap .tag-share .share a {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 14px;
font-size: 0.9333333333rem;
text-align: center;
color: #232f4b;
border-radius: 50%;
padding: 0;
display: block;
border: 1px solid #dadada;
}
.wpo-project-single-section .wpo-project-single-wrap .tag-share .share a:hover {
background: #3757f7;
color: #fff;
border-color: #3757f7;
}
.wpo-project-single-section .wpo-project-single-wrap .more-posts {
display: flex;
justify-content: space-between;
}
@media (max-width: 767px) {
.wpo-project-single-section .wpo-project-single-wrap .more-posts {
display: block;
text-align: center;
}
}
.wpo-project-single-section .wpo-project-single-wrap .more-posts a {
display: flex;
align-items: center;
}
@media (max-width: 767px) {
.wpo-project-single-section .wpo-project-single-wrap .more-posts a {
justify-content: center;
padding: 20px;
border: 1px solid #ebebeb;
}
}
.wpo-project-single-section .wpo-project-single-wrap .more-posts .post-img {
max-width: 80px;
margin-right: 20px;
}
.wpo-project-single-section .wpo-project-single-wrap .more-posts .post-img img {
border-radius: 6px;
}
.wpo-project-single-section .wpo-project-single-wrap .more-posts .post-text span {
display: block;
}
.wpo-project-single-section .wpo-project-single-wrap .more-posts .post-text span:first-child {
color: #4f555a;
}
.wpo-project-single-section .wpo-project-single-wrap .more-posts .post-text span:last-child {
color: #232f4b;
font-size: 20px;
font-family: "Jost", sans-serif;
font-weight: 600;
}
.wpo-project-single-section .wpo-project-single-wrap .more-posts .next-post .post-text {
text-align: right;
}
.wpo-project-single-section .wpo-project-single-wrap .more-posts .next-post .post-img {
margin-left: 20px;
}
@media (max-width: 767px) {
.wpo-project-single-section .wpo-project-single-wrap .more-posts .next-post a {
margin-top: 10px;
}
}
.wpo-project-single-box ul {
list-style: none;
padding: 35px 30px;
border: 1px solid #e1e1e1;
}
@media (max-width: 767px) {
.wpo-project-single-box ul {
padding: 30px 20px;
}
}
.wpo-project-single-box ul li {
display: flex;
padding: 15px 0;
font-size: 16px;
color: #232f4b;
font-weight: 500;
border-bottom: 1px solid #ebebeb;
position: relative;
justify-content: space-between;
font-weight: 600;
font-family: "Jost", sans-serif;
}
.wpo-project-single-box ul li:first-child {
padding-top: 0;
}
.wpo-project-single-box ul li:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.wpo-project-single-box ul li span {
color: #4f555a;
font-weight: 400;
font-family: "Nunito Sans", sans-serif;
flex-basis: 68%;
}
@media screen and (min-width: 992px) {
.project-single-content .project-article {
background: #fff;
padding: 50px 55px 75px;
position: relative;
-webkit-box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 10%);
box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 10%);
}
} .wpo-blog-pg-section {    }
.wpo-blog-pg-section .wpo-blog-content .post {
margin-bottom: 70px;
}
@media (max-width: 991px) {
.wpo-blog-pg-section .wpo-blog-content .post {
margin-bottom: 50px;
}
}
@media (max-width: 767px) {
.wpo-blog-pg-section .wpo-blog-content .post {
margin-bottom: 40px;
}
}
.wpo-blog-pg-section .entry-meta {
list-style: none;
overflow: hidden;
margin-bottom: 35px;
border-bottom: 1px solid #eee;
padding: 15px 0;
}
@media (max-width: 767px) {
.wpo-blog-pg-section .entry-meta {
margin-bottom: 30px;
}
}
.wpo-blog-pg-section .entry-meta ul {
list-style: none;
padding-left: 0;
}
.wpo-blog-pg-section .entry-meta ul li {
font-size: 14px;
float: left;
text-transform: uppercase;
color: #636893;
}
.wpo-blog-pg-section .entry-meta ul li a {
color: #636893;
font-weight: 600;
}
.wpo-blog-pg-section .entry-meta ul li a:hover {
color: #3757f7;
}
.wpo-blog-pg-section .entry-meta ul li i {
position: relative;
top: 2px;
margin-right: 3px;
}
.wpo-blog-pg-section .entry-meta ul li i:before {
font-size: 14px;
}
.wpo-blog-pg-section .entry-meta ul li+li {
margin-left: 20px;
padding-left: 0px;
position: relative;
}
.wpo-blog-pg-section .entry-meta ul li+li i {
padding-right: 3px;
}
.wpo-blog-pg-section .entry-meta ul li+li+li i {
top: 1px;
}
.wpo-blog-pg-section .entry-meta ul li+li:before {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 7px;
height: 7px; background: #3757f7;
border-radius: 50%;
}
@media (max-width: 440px) {
.wpo-blog-pg-section .entry-meta ul li+li:before {
display: none;
}
}
@media (max-width: 440px) {
.wpo-blog-pg-section .entry-meta ul li+li {
margin-left: 0;
padding-left: 0;
}
}
@media (max-width: 767px) {
.wpo-blog-pg-section .entry-meta ul li {
font-size: 12px;
font-size: 0.8rem;
}
}
@media (max-width: 440px) {
.wpo-blog-pg-section .entry-meta ul li {
float: none;
display: block;
margin-bottom: 5px;
}
}
.wpo-blog-pg-section .post h3 {
font-size: 34px;
line-height: 1.2em;
font-weight: 500;
margin: -0.27em 0 0.7em;
font-family: "Jost", sans-serif; }
@media (max-width: 991px) {
.wpo-blog-pg-section .post h3 {
font-size: 25px;
font-size: 1.6666666667rem;
}
}
@media (max-width: 767px) {
.wpo-blog-pg-section .post h3 {
font-size: 22px;
font-size: 1.4666666667rem;
}
}
.wpo-blog-pg-section .post h3 a {
color: #232f4b;
}
.wpo-blog-pg-section .post h3 a:hover {
color: #3757f7;
}
.wpo-blog-pg-section .post p {
margin-bottom: 1.5em;
}
@media (max-width: 991px) {
.wpo-blog-pg-section .post p {
font-size: 16px;
font-size: 1.0666666667rem;
}
}
.wpo-blog-pg-section .post a.read-more {
text-decoration: underline;
color: #232f4b;
text-transform: uppercase;
font-family: "Jost", sans-serif;
font-size: 16px;
}
.wpo-blog-pg-section .post a.read-more:hover {
color: #3757f7;
}
.wpo-blog-pg-section .entry-media img {
width: 100%;
} @media (max-width: 767px) {
.wpo-blog-pg-section .format-standard,
.wpo-blog-pg-section .format-quote {
padding: 25px 20px 45px;
}
}
.wpo-blog-pg-section .format-standard {
position: relative;
} .wpo-blog-pg-section .format-gallery {
position: relative;
}
.wpo-blog-pg-section .format-gallery .owl-controls {
width: 100%;
margin: 0;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.wpo-blog-pg-section .format-gallery .owl-nav [class*=owl-]:hover {
background: #3757f7;
color: #fff;
}
.wpo-blog-pg-section .format-gallery .owl-nav [class*=owl-] {
background: #fff;
width: 50px;
height: 50px;
line-height: 58px;
padding: 0;
margin: 0;
border-radius: 50%;
color: #3757f7;
transition: all 0.3s;
border: 0;
}
.wpo-blog-pg-section .format-gallery .owl-nav [class*=owl-] .fi::before {
font-size: 20px;
}
.wpo-blog-pg-section .format-gallery .owl-nav .owl-prev,
.wpo-blog-pg-section .format-gallery .owl-nav .owl-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.wpo-blog-pg-section .format-gallery .owl-nav .owl-prev {
left: 15px;
}
.wpo-blog-pg-section .format-gallery .owl-nav .owl-next {
right: 15px;
}
.wpo-blog-pg-section .format-quote {
text-align: center;
padding: 80px 60px;
position: relative;
}
@media (max-width: 767px) {
.wpo-blog-pg-section .format-quote {
padding: 40px 20px;
}
}
.wpo-blog-pg-section .format-quote p {
margin-bottom: 0;
}
.wpo-blog-pg-section .format-quote:before {
font-family: "Flaticon";
content: "";
font-size: 250px;
font-size: 16.6666666667rem;
color: #ecf3fb;
margin-left: 0;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.wpo-blog-pg-section .format-quote h3,
.wpo-blog-pg-section .format-quote p {
position: relative;
}
.wpo-blog-pg-section .format-video .video-holder {
position: relative;
text-align: center;
}
.wpo-blog-pg-section .format-video .video-holder:before {
content: "";
background-color: #3757f7;
background: linear-gradient(left, #1835c7, #3757f7);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
transition: all 0.3s;
opacity: 0.5;
}
.wpo-blog-pg-section .format-video .video-holder:hover:before {
opacity: 0.7;
}
.wpo-blog-pg-section .format-video .video-holder a {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 63px;
height: 63px;
line-height: 70px;
background: #fff;
border-radius: 50%;
z-index: 1;
}
.wpo-blog-pg-section .format-video .video-holder a:before {
position: absolute;
left: -12px;
top: -12px;
width: 140%;
height: 140%;
background: rgba(255, 255, 255, 0.3);
content: "";
-webkit-animation: save-the-date-pulse 1s infinite;
animation: save-the-date-pulse 1s infinite;
border-radius: 50%;
z-index: -1;
}
.wpo-blog-pg-section .format-video .video-holder .fi:before {
font-size: 20px;
font-size: 1.3333333333rem;
color: #3757f7;
}
@media screen and (min-width: 1200px) {
.blog-pg-left-sidebar .blog-sidebar {
padding-right: 45px;
padding-left: 0;
}
}
@media screen and (min-width: 1200px) {
.blog-pg-fullwidth .wpo-blog-content {
padding: 0;
}
}
@-webkit-keyframes save-the-date-pulse {
from {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(0.95, 0.95, 0.95);
}
to {
transform: scale3d(1, 1, 1);
}
}
@keyframes save-the-date-pulse {
from {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(0.95, 0.95, 0.95);
}
to {
transform: scale3d(1, 1, 1);
}
} .wpo-blog-single-section {     }
.wpo-blog-single-section .entry-meta {
list-style: none;
overflow: hidden;
}
.wpo-blog-single-section .entry-meta ul {
list-style: none;
padding-left: 0;
}
.wpo-blog-single-section .entry-meta ul li {
font-size: 14px;
float: left;
text-transform: uppercase;
color: #636893;
}
.wpo-blog-single-section .entry-meta ul li a {
color: #636893;
font-weight: 600;
}
.wpo-blog-single-section .entry-meta ul li a:hover {
color: #3757f7;
}
.wpo-blog-single-section .entry-meta ul li i {
position: relative;
top: 2px;
margin-right: 3px;
}
.wpo-blog-single-section .entry-meta ul li i:before {
font-size: 14px;
}
.wpo-blog-single-section .entry-meta ul li+li {
margin-left: 20px;
padding-left: 0px;
position: relative;
}
.wpo-blog-single-section .entry-meta ul li+li i {
padding-right: 4px;
}
.wpo-blog-single-section .entry-meta ul li+li+li i {
position: relative;
top: 0px;
}
.wpo-blog-single-section .entry-meta ul li+li:before {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 7px;
height: 7px; background: #3757f7;
border-radius: 50%;
}
@media (max-width: 440px) {
.wpo-blog-single-section .entry-meta ul li+li:before {
display: none;
}
}
@media (max-width: 440px) {
.wpo-blog-single-section .entry-meta ul li+li {
margin-left: 0;
padding-left: 0;
}
}
@media (max-width: 767px) {
.wpo-blog-single-section .entry-meta ul li {
font-size: 12px;
font-size: 0.8rem;
}
}
@media (max-width: 440px) {
.wpo-blog-single-section .entry-meta ul li {
float: none;
display: block;
margin-bottom: 5px;
}
}
.wpo-blog-single-section .entry-media img {
width: 100%;
}
.wpo-blog-single-section .post h2 {
font-size: 35px;
font-size: 2.3333333333rem;
margin: -0.22em 0 0.7em;
line-height: 1.3em;
font-family: "Jost", sans-serif;
font-weight: 600;
}
@media (max-width: 991px) {
.wpo-blog-single-section .post h2 {
font-size: 30px;
font-size: 2rem;
}
}
@media (max-width: 767px) {
.wpo-blog-single-section .post h2 {
font-size: 25px;
font-size: 1.6666666667rem;
}
}
.wpo-blog-single-section .post p {
margin-bottom: 1.5em;
}
.wpo-blog-single-section .post h3 {
font-size: 24px;
font-size: 1.6rem;
font-weight: 600;
line-height: 1.3em;
margin: 1.8em 0 1em;
}
@media (max-width: 991px) {
.wpo-blog-single-section .post h3 {
font-size: 22px;
font-size: 1.4666666667rem;
}
}
@media (max-width: 767px) {
.wpo-blog-single-section .post h3 {
font-size: 20px;
font-size: 1.3333333333rem;
}
}
.wpo-blog-single-section .post blockquote {
background-color: #f4f8fc;
color: #233d62;
font-size: 20px;
line-height: 1.6em;
padding: 65px;
margin-top: 60px;
margin-bottom: 40px;
border: 0;
text-align: center;
position: relative;
text-decoration: underline;
}
@media (max-width: 767px) {
.wpo-blog-single-section .post blockquote {
padding: 55px 25px;
}
}
.wpo-blog-single-section .post blockquote:before {
font-family: "Flaticon";
content: "";
font-size: 20px;
font-size: 1.3333333333rem;
color: rgba(255, 255, 255, 0.5);
position: absolute;
left: 50%;
top: -30px;
transform: translateX(-50%);
width: 60px;
height: 60px;
line-height: 60px;
border: 2px solid #f4f8fc;
background: #fff;
color: #3757f7;
border-radius: 50%;
}
.wpo-blog-single-section .post .gallery {
overflow: hidden;
margin: 40px -7.5px 0;
}
.wpo-blog-single-section .post .gallery>div {
width: calc(50% - 15px);
float: left;
margin: 0 7.5px 15px;
}
.wpo-blog-single-section .post .gallery img {
width: 100%;
}
.wpo-blog-single-section .tag-share,
.wpo-blog-single-section .tag-share-s2 {
margin: 75px 0 0;
color: #232f4b;
}
@media (max-width: 767px) {
.wpo-blog-single-section .tag-share,
.wpo-blog-single-section .tag-share-s2 {
margin-top: 40px;
}
}
.wpo-blog-single-section .tag-share ul,
.wpo-blog-single-section .tag-share-s2 ul {
list-style: none;
display: inline-block;
overflow: hidden;
}
.wpo-blog-single-section .tag-share ul li,
.wpo-blog-single-section .tag-share-s2 ul li {
float: left;
}
@media (max-width: 767px) {
.wpo-blog-single-section .tag-share ul li,
.wpo-blog-single-section .tag-share-s2 ul li {
margin: 2px;
}
}
.wpo-blog-single-section .tag-share ul>li+li,
.wpo-blog-single-section .tag-share-s2 ul>li+li {
margin-left: 10px;
}
@media (max-width: 767px) {
.wpo-blog-single-section .tag-share ul>li+li,
.wpo-blog-single-section .tag-share-s2 ul>li+li {
margin: 2px;
}
}
.wpo-blog-single-section .tag-share .tag,
.wpo-blog-single-section .tag-share-s2 .tag {
display: flex;
align-items: center;
}
.wpo-blog-single-section .tag-share .tag>span,
.wpo-blog-single-section .tag-share-s2 .tag>span {
font-family: "Jost", sans-serif;
color: #232f4b;
font-weight: 600;
display: inline-block;
padding-right: 15px;
text-transform: uppercase;
}
.wpo-blog-single-section .tag-share .tag ul,
.wpo-blog-single-section .tag-share-s2 .tag ul {
list-style: none;
position: relative;
padding-left: 0;
}
.wpo-blog-single-section .tag-share .tag li,
.wpo-blog-single-section .tag-share-s2 .tag li {
position: relative;
}
.wpo-blog-single-section .tag-share .tag a,
.wpo-blog-single-section .tag-share-s2 .tag a {
font-size: 12px;
font-size: 0.8rem;
display: inline-block;
padding: 5px 18px;
color: #1d2327;
background: #f5f5f5;
border-radius: 15px;
text-transform: uppercase;
}
@media (max-width: 767px) {
.wpo-blog-single-section .tag-share .tag a,
.wpo-blog-single-section .tag-share-s2 .tag a {
font-size: 13px;
font-size: 0.8666666667rem;
}
}
.wpo-blog-single-section .tag-share-s2 {
margin: 0;
border-bottom: 0;
}
.wpo-blog-single-section .tag-share-s2 .tag a {
width: 35px;
height: 35px;
line-height: 36px;
text-align: center;
border: 1px solid #eae6e6;
border-radius: 50%;
display: inline-block;
font-size: 14px;
font-size: 0.875rem;
color: #627381;
padding: 0;
}
.wpo-blog-single-section .tag-share-s2 .tag ul>li:first-child a {
color: #3c5ba4;
}
.wpo-blog-single-section .tag-share-s2 .tag ul>li:nth-child(2) a {
color: #47a0d9;
}
.wpo-blog-single-section .tag-share-s2 .tag ul>li:nth-child(3) a {
color: #0073b1;
}
.wpo-blog-single-section .tag-share-s2 .tag ul>li:nth-child(4) a {
color: #9c0343;
}
.wpo-blog-single-section .tag-share .tag ul li a:hover,
.wpo-blog-single-section .tag-share-s2 .tag ul li a:hover {
color: #fff;
background: #3454d1;
}
.wpo-blog-single-section .author-box {
margin: 50px 0 60px;
}
.wpo-blog-single-section .author-box .author-avatar {
float: left;
}
@media (max-width: 767px) {
.wpo-blog-single-section .author-box .author-avatar {
float: none;
}
}
.wpo-blog-single-section .author-box .author-avatar img {
border-radius: 50%;
}
.wpo-blog-single-section .author-box .author-content {
display: block;
overflow: hidden;
padding-left: 25px;
}
@media (max-width: 767px) {
.wpo-blog-single-section .author-box .author-content {
padding: 0;
margin: 15px 0 0 0;
}
}
.wpo-blog-single-section .author-box .author-content p {
margin-bottom: 20px;
}
.wpo-blog-single-section .author-box .author-name {
font-family: "Jost", sans-serif;
font-size: 24px;
font-size: 1.6rem;
font-weight: 600;
display: inline-block;
margin-bottom: 10px;
color: #232f4b;
}
.wpo-blog-single-section .author-box .social-link {
display: inline-block;
list-style: none;
}
.wpo-blog-single-section .author-box .social-link li {
float: left;
margin-right: 12px;
}
.wpo-blog-single-section .author-box .social-link a {
display: block;
font-size: 13px;
font-size: 0.8666666667rem;
color: #232f4b;
}
.wpo-blog-single-section .author-box .social-link a:hover {
color: #3757f7;
}
.wpo-blog-single-section .more-posts {
overflow: hidden;
border: 1px solid #d8e0f1;
padding: 0 25px;
}
.wpo-blog-single-section .more-posts>div {
width: 50%;
float: left;
}
@media (max-width: 767px) {
.wpo-blog-single-section .more-posts>div {
width: 100%;
float: none;
}
}
.wpo-blog-single-section .more-posts>div>a {
display: inline-block;
}
.wpo-blog-single-section .more-posts .previous-post,
.wpo-blog-single-section .more-posts .next-post {
padding: 40px 0;
}
@media (max-width: 767px) {
.wpo-blog-single-section .more-posts .previous-post,
.wpo-blog-single-section .more-posts .next-post {
padding: 25px 15px !important;
}
}
.wpo-blog-single-section .more-posts .next-post {
text-align: right;
border-left: 1px solid #d8e0f1;
padding-left: 15px;
padding-right: 5px;
}
@media (max-width: 767px) {
.wpo-blog-single-section .more-posts .next-post {
border-left: 0;
text-align: left;
border-top: 1px solid #d8e0f1;
}
}
.wpo-blog-single-section .more-posts .next-post .post-control-link {
padding-right: 25px;
position: relative;
}
@media (max-width: 767px) {
.wpo-blog-single-section .more-posts .next-post .post-control-link {
padding-right: 0;
}
}
.wpo-blog-single-section .more-posts .next-post .post-control-link:before {
font-family: "themify";
content: "";
position: absolute;
right: 0;
top: 0;
}
@media (max-width: 767px) {
.wpo-blog-single-section .more-posts .next-post .post-control-link:before {
display: none;
}
}
.wpo-blog-single-section .more-posts .previous-post {
padding-right: 15px;
padding-left: 5px;
}
.wpo-blog-single-section .more-posts .previous-post .post-control-link {
padding-left: 25px;
position: relative;
}
@media (max-width: 767px) {
.wpo-blog-single-section .more-posts .previous-post .post-control-link {
padding-left: 0;
}
}
.wpo-blog-single-section .more-posts .previous-post .post-control-link:before {
font-family: "themify";
content: "";
position: absolute;
left: 0;
top: 0;
}
@media (max-width: 767px) {
.wpo-blog-single-section .more-posts .previous-post .post-control-link:before {
display: none;
}
}
.wpo-blog-single-section .more-posts .previous-post>a>span,
.wpo-blog-single-section .more-posts .next-post>a>span {
display: block;
}
.wpo-blog-single-section .more-posts .post-control-link {
font-size: 14px;
font-size: 0.9333333333rem;
color: #6e6e6e;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 2px;
}
.wpo-blog-single-section .more-posts .post-name {
font-family: "Jost", sans-serif;
font-size: 18px;
font-size: 1.2rem;
color: #232f4b;
margin: 0.7em 0 0;
}
@media (max-width: 991px) {
.wpo-blog-single-section .more-posts .post-name {
font-size: 18px;
font-size: 1.2rem;
}
}
.wpo-blog-single-section .more-posts a:hover .post-control-link {
color: #3757f7;
}
.wpo-blog-single-section .comments-area {
margin-top: 70px;
}
.wpo-blog-single-section .comments-area li>div {
border-bottom: 1px solid #e4effb;
padding: 35px;
}
@media (max-width: 991px) {
.wpo-blog-single-section .comments-area li>div {
padding: 35px 25px;
}
}
.wpo-blog-single-section .comments-area ol {
list-style-type: none;
padding-left: 0;
}
.wpo-blog-single-section .comments-area ol ul {
padding-left: 30px;
list-style-type: none;
}
.wpo-blog-single-section .comments-area ol>li:last-child div {
border-bottom: 0;
}
.wpo-blog-single-section .comments-area .comments-title {
font-size: 20px;
font-weight: 500;
margin: 0 0 1em;
text-transform: uppercase;
letter-spacing: 3px;
}
@media (max-width: 991px) {
.wpo-blog-single-section .comments-area .comments-title {
font-size: 18px;
}
}
.wpo-blog-single-section .comments-area li>div {
position: relative;
}
.wpo-blog-single-section .comments-area .comment-theme {
position: absolute;
left: 35px;
}
@media (max-width: 767px) {
.wpo-blog-single-section .comments-area .comment-theme {
position: static;
}
}
.wpo-blog-single-section .comments-area .comment-theme img {
border-radius: 50%;
}
.wpo-blog-single-section .comments-area .comment-main-area {
padding-left: 100px;
}
@media (max-width: 767px) {
.wpo-blog-single-section .comments-area .comment-main-area {
padding-left: 0;
margin-top: 25px;
}
}
.wpo-blog-single-section .comments-area .comment-main-area p {
margin-bottom: 20px;
}
.wpo-blog-single-section .comments-area .comments-meta h4 {
font-family: "Jost", sans-serif;
font-size: 18px;
font-size: 1.2rem;
color: #232f4b;
font-weight: 600;
margin: 0 0 1em;
}
.wpo-blog-single-section .comments-area .comments-meta h4 span {
font-size: 15px;
font-size: 1rem;
color: #6e6e6e;
font-weight: normal;
text-transform: none;
display: inline-block;
padding-left: 5px;
font-family: "Nunito Sans", sans-serif;
}
@media (max-width: 767px) {
.wpo-blog-single-section .comments-area .comments-meta h4 span {
padding-left: 0;
}
}
.wpo-blog-single-section .comments-area .comment-reply-link {
font-family: "Jost", sans-serif;
font-size: 14px;
font-size: 0.9333333333rem;
font-weight: 600;
color: #232f4b;
text-align: center;
border-radius: 50px;
display: inline-block;
font-family: "Nunito Sans", sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
}
.wpo-blog-single-section .comments-area .comment-reply-link:hover {
color: #3757f7;
}
.wpo-blog-single-section .comment-respond .comment-reply-title {
font-size: 18px;
margin: 0 0 1.1em;
text-transform: uppercase;
font-weight: 600;
}
@media (max-width: 991px) {
.wpo-blog-single-section .comment-respond .comment-reply-title {
font-size: 20px;
}
}
.wpo-blog-single-section .comment-respond form input,
.wpo-blog-single-section .comment-respond form textarea {
background-color: #f9f9f9;
width: 100%;
height: 55px;
border: 1px solid #E3E3E3;
padding: 6px 15px;
margin-bottom: 15px;
outline: 0;
border-radius: 0px;
box-shadow: none;
transition: all 0.3s;
}
.wpo-blog-single-section .comment-respond form input:focus,
.wpo-blog-single-section .comment-respond form textarea:focus {
box-shadow: none;
border-color: #3757f7;
}
@media (max-width: 991px) {
.wpo-blog-single-section .comment-respond form input,
.wpo-blog-single-section .comment-respond form textarea {
height: 40px;
}
}
.wpo-blog-single-section .comment-respond form textarea {
height: 220px;
padding: 15px;
}
@media (max-width: 991px) {
.wpo-blog-single-section .comment-respond form textarea {
height: 150px;
}
}
.wpo-blog-single-section .comment-respond .form-inputs {
overflow: hidden;
}
.wpo-blog-single-section .comment-respond .form-inputs>input:nth-child(1) {
width: 49%;
float: left;
}
@media (max-width: 767px) {
.wpo-blog-single-section .comment-respond .form-inputs>input:nth-child(1) {
width: 100%;
float: none;
}
}
.wpo-blog-single-section .comment-respond .form-inputs>input:nth-child(2) {
width: 49%;
float: right;
}
@media (max-width: 767px) {
.wpo-blog-single-section .comment-respond .form-inputs>input:nth-child(2) {
width: 100%;
float: none;
}
}
.wpo-blog-single-section .comment-respond .form-submit input {
font-family: "Jost", sans-serif;
max-width: 180px;
background-color: #1e2845;
color: #fff;
margin-bottom: 0;
border: 0;
outline: 0;
text-transform: capitalize;
font-size: 19px;
border-radius: 0px;
height: 50px;
}
.wpo-blog-single-section .comment-respond .form-submit input:hover {
background-color: #232f4b;
}
@media screen and (min-width: 1200px) {
.wpo-blog-single-left-sidebar-section .blog-sidebar {
padding-right: 45px;
padding-left: 0;
}
} .wpo-contact-pg-section {
padding-bottom: 0px;
}
.wpo-contact-pg-section .wpo-contact-title {
max-width: 630px;
margin: 0 auto;
text-align: center;
margin-bottom: 50px;
}
@media (max-width: 767px) {
.wpo-contact-pg-section .wpo-contact-title {
margin-bottom: 30px;
}
}
.wpo-contact-pg-section .wpo-contact-title h2 {
font-size: 35px;
font-weight: 600;
margin-bottom: 20px;
margin-top: 0;
}
@media (max-width: 575px) {
.wpo-contact-pg-section .wpo-contact-title h2 {
font-size: 25px;
}
}
.wpo-contact-pg-section form input,
.wpo-contact-pg-section form select,
.wpo-contact-pg-section form textarea {
background: #f9f9f9;
width: 100%;
height: 50px;
border: 1px solid #E3E3E3;
border-radius: 0px;
box-shadow: none !important;
padding-left: 25px;
}
@media (max-width: 991px) {
.wpo-contact-pg-section form input,
.wpo-contact-pg-section form select,
.wpo-contact-pg-section form textarea {
height: 45px;
}
}
.wpo-contact-pg-section form input:focus,
.wpo-contact-pg-section form select:focus,
.wpo-contact-pg-section form textarea:focus {
border-color: #3757f7;
background: #f4f6fa;
}
.wpo-contact-pg-section form textarea {
height: 180px;
padding-top: 15px;
}
.wpo-contact-pg-section form {
margin: 0 -15px;
overflow: hidden;
}
.wpo-contact-pg-section form ::-webkit-input-placeholder {
font-style: 15px;
font-style: normal;
color: #6d6d6d;
}
.wpo-contact-pg-section form :-moz-placeholder {
font-style: 15px;
font-style: normal;
color: #6d6d6d;
}
.wpo-contact-pg-section form ::-moz-placeholder {
font-style: 15px;
font-style: normal;
color: #6d6d6d;
}
.wpo-contact-pg-section form :-ms-input-placeholder {
font-style: 15px;
font-style: normal;
color: #6d6d6d;
}
.wpo-contact-pg-section form select {
display: inline-block;
color: #6d6d6d;
background-color: ;
cursor: pointer;
opacity: 1;
padding: 6px 25px;
font-size: 15px;
font-size: 1rem;
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
}
.wpo-contact-pg-section form .submit-area {
text-align: center;
width: 100%;
margin-bottom: 10px;
margin-left: 0;
}
@media (max-width: 767px) {
.wpo-contact-pg-section form .submit-area {
margin-bottom: 0;
}
}
.wpo-contact-pg-section form .submit-area .theme-btn,
.wpo-contact-pg-section form .submit-area .theme-btn-s3,
.wpo-contact-pg-section form .submit-area .theme-btn-s4,
.wpo-contact-pg-section form .submit-area .view-cart-btn {
border-radius: 30px;
font-family: "Nunito Sans", sans-serif;
font-size: 16px;
}
.wpo-contact-pg-section form .submit-area .theme-btn:after,
.wpo-contact-pg-section form .submit-area .theme-btn-s3:after,
.wpo-contact-pg-section form .submit-area .theme-btn-s4:after,
.wpo-contact-pg-section form .submit-area .view-cart-btn:after {
border-radius: 30px;
}
.wpo-contact-pg-section form .wpo-contact-form-wrapper>div {
width: calc(50% - 25px);
float: left;
margin: 0 12px 25px;
}
@media (max-width: 600px) {
.wpo-contact-pg-section form .wpo-contact-form-wrapper>div {
width: calc(100% - 25px);
float: none;
}
}
.wpo-contact-pg-section form .wpo-contact-form-wrapper .submit-area {
width: 100%;
margin-bottom:0;
}
.wpo-contact-pg-section form .wpo-contact-form-wrapper .submit-area .consultar-cf7-btn {
width: auto;
display: inline-block;
padding-right: 50px;
padding-left: 50px;
height: 55px;
background: #3756f7;
color: #fff;
font-size: 16px;
font-weight: 700;
}
.wpo-contact-pg-section .wpcf7 .ajax-loader {
display: block;
}
.wpo-contact-pg-section form .wpo-contact-form-wrapper .submit-area .consultar-cf7-btn:hover {
background: #1839dc;
transition: .3s;
}
.wpo-contact-pg-section form .wpo-contact-form-wrapper .fullwidth {
width: calc(100% - 25px);
float: none;
clear: both;
}
@media (max-width: 1200px) {
.office-info .col .office-info-item {
margin-bottom: 30px;
}
}
@media (max-width: 1200px) {
.office-info .col:last-child .office-info-item {
margin-bottom: 0px;
}
}
.office-info .office-info-item {
text-align: center;
box-shadow: 0px 5px 15px 0px rgba(62, 65, 159, 0.1);
padding: 40px;
}
.office-info .office-info-item .office-info-icon {
width: 90px;
height: 90px;
background: #fff;
line-height: 90px;
text-align: center;
margin: 0 auto;
border-radius: 50%;
box-shadow: 0px 5px 15px 0px rgb(62 65 159 / 10%);
}
.office-info .office-info-item .office-info-icon svg {
width: 50px;
line-height: 50px;
height: 50px;
}
.office-info .office-info-item .office-info-icon img {
width: 50px;
line-height: 50px;
height: 50px;
}
.office-info .office-info-item .office-info-text h2 {
font-size: 25px;
font-weight: 500;
margin: 20px 0;
margin-bottom: 15px;
}
.office-info .office-info-item .office-info-text p {
margin-bottom: 0;
}
.contact-info-2 .office-info {
background: #283a5e;
}
.contact-info-2 .office-info .office-info-item .office-info-text h2,
.contact-info-2 .office-info .office-info-item .office-info-text p {
color: #fff;
}
.contact-info-2 .office-info .col:nth-child(2) {
background: #223458;
}
.office-info .office-info-item .office-info-icon i:before {
font-size: 40px;
color: #0d6efd;
}
.wpo-contact-pg-section .wpo-contact-form-area {
padding: 50px;
background: #fff;
box-shadow: 0px 1px 15px 0px rgba(62, 65, 159, 0.1);
padding-bottom: 22px;
position: relative;
z-index: 99;
}
@media (max-width: 767px) {
.wpo-contact-pg-section .wpo-contact-form-area {
padding: 30px;
padding-top: 50px;
}
}
.wpo-contact-map-section .wpo-contact-map {
height: 550px;
}
.wpo-contact-map-section iframe {
width: 100%;
height: 100%;
border: 0;
outline: 0;
}
.wpo-contact-map-section h2.hidden {
display: none;
} .error-404-section {
text-align: center;
padding-top: 80px;
}
.error-404-section .error h2 {
font-size: 200px;
margin: 0;
}
.error-404-section .error-message {
margin-top: 0px;
padding: 0 200px;
}
@media (max-width: 991px) {
.error-404-section {
padding-top: 50px;
}
.error-404-section .error h2 {
font-size: 100px;
}
.error-404-section .error-message {
margin-top: 50px;
padding: 0 100px;
}
}
@media (max-width: 767px) {
.error-404-section .error-message {
padding: 0;
}
}
.error-404-section .error-message h3 {
font-size: 30px;
font-size: 2rem;
margin: 0 0 0.8em;
}
.error-404-section .error-message p {
margin-bottom: 1.8em;
max-width: 630px;
margin: auto;
padding-bottom: 30px;
}  .shop-pg-section .shop-grids {
margin: 0 -15px;
}
.shop-pg-section .shop-grids .grid {
width: calc(33.33% - 30px);
float: left;
margin: 0 15px 30px;
}
@media (max-width: 991px) {
.shop-pg-section .shop-grids .grid {
width: calc(50% - 30px);
}
}
@media (max-width: 550px) {
.shop-pg-section .shop-grids .grid {
width: calc(100% - 30px);
float: none;
}
}
.shop-pg-section .grid:hover .cart-details li {
opacity: 1;
visibility: visible;
bottom: 0;
}
.shop-pg-section .img-cart {
position: relative;
overflow: hidden;
}
.shop-pg-section .cart-details {
width: 100%;
position: absolute;
left: 0;
bottom: 20px;
text-align: center;
}
.shop-pg-section .cart-details ul {
overflow: hidden;
display: inline-block;
list-style-type: none;
}
.shop-pg-section .cart-details li {
float: left;
margin: 7px;
position: relative;
bottom: -50px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
}
.shop-pg-section .cart-details li:last-child {
-webkit-transition: all 0.5s 0.1s;
-o-transition: all 0.5s 0.1s;
transition: all 0.5s 0.1s;
}
.shop-pg-section .details {
text-align: center;
padding: 30px 15px;
}
.shop-pg-section .details h4 {
font-size: 19px;
font-weight: 400;
margin: 0 0 0.4em;
}
@media (max-width: 991px) {
.shop-pg-section .details h4 {
font-size: 16px;
font-size: 1rem;
}
}
.shop-pg-section .details h4 a {
color: #262b3e;
}
.shop-pg-section .details h4 a:hover {
color: #0d6efd;
}
.shop-pg-section .details del {
color: #aaa;
font-weight: 500;
display: inline-block;
padding-right: 10px;
}
@media (max-width: 991px) {
.shop-pg-section .details del {
font-size: 14px;
font-size: 0.875rem;
}
}
.shop-pg-section .details .price {
color: #262b3e;
font-weight: 500;
}
@media (max-width: 991px) {
.shop-pg-section .details .price {
font-size: 14px;
font-size: 0.875rem;
}
}
.shop-pg-section .pagination-wrapper {
text-align: center;
clear: both;
}
.shop-pg-section .details ins {
text-decoration: none;
font-weight: 600;
}  .blog-section {
padding-bottom: 90px;
}
@media (max-width: 991px) {
.blog-section {
padding-bottom: 60px;
}
}
@media (max-width: 767px) {
.blog-section {
padding-bottom: 50px;
}
}
.blog-section .blog-grids {
margin: 0 -15px;
-webkit-box-shadow: 0px 6px 20.1px 4.9px rgba(176, 191, 238, 0.12);
box-shadow: 0px 6px 20.1px 4.9px rgba(176, 191, 238, 0.12);
}
@media (max-width: 767px) {
.blog-section .blog-grids {
margin: 0 -7.5px;
}
}
.blog-section .blog-grids .grid {
width: calc(33.33% - 30px);
float: left;
margin: 0 15px 30px;
}
@media (max-width: 991px) {
.blog-section .blog-grids .grid {
width: calc(50% - 30px);
}
}
@media (max-width: 767px) {
.blog-section .blog-grids .grid {
width: calc(50% - 15px);
margin: 0 7.5px 30px;
}
}
@media (max-width: 600px) {
.blog-section .blog-grids .grid {
width: calc(100% - 15px);
float: none;
}
}
.blog-section .entry-media {
position: relative;
}
.blog-section .entry-media .tag {
background: #4734c0;
background: -webkit-linear-gradient(left, #4734c0, #8472f7);
background: -moz-linear-gradient(left, #4734c0, #8472f7);
background: -o-linear-gradient(left, #4734c0, #8472f7);
background: -ms-linear-gradient(left, #4734c0, #8472f7);
background: -webkit-gradient(linear, left top, right top, from(#4734c0), to(#8472f7));
background: linear-gradient(left, #4734c0, #8472f7);
font-size: 14px;
font-size: 0.875rem;
font-weight: 600;
color: #fff;
border-radius: 5px;
padding: 3px 8px;
position: absolute;
left: 25px;
top: 25px;
}
.blog-section .entry-details {
padding: 30px;
-webkit-box-shadow: 0px 6px 20.1px 4.9px rgba(176, 191, 238, 0.12);
box-shadow: 0px 6px 20.1px 4.9px rgba(176, 191, 238, 0.12);
}
@media (max-width: 767px) {
.blog-section .entry-details {
padding: 25px 20px;
}
}
.blog-section .entry-details h3 {
font-size: 22px;
margin: 0 0 0.75em;
line-height: 1.5em;
}
@media (max-width: 767px) {
.blog-section .entry-details h3 {
font-size: 16px;
font-size: 1rem;
}
}
.blog-section .entry-details h3 a {
color: #242f6c;
}
.blog-section .entry-details h3 a:hover { color: #1938d4;
}
.blog-section .entry-details .author img {
border-radius: 50%;
display: inline-block;
max-width: 35px;
}
.tmexco-admin-user {
display: inline-block;
padding-left: 7px;
color: #525252;
}
.blog-section .entry-details .author {
border-top: 1px solid rgba(97, 97, 97, 0.1);
padding-top: 22px;
}
.blog-section .entry-details .author a {
font-size: 14px;
font-weight: 600;
color: #595d76;
display: inline-block;
padding-left: 0px;
text-transform: capitalize;
}
.blog-section .entry-details .author a:hover {
text-decoration: underline;
}
.blog-grids .entry-details .date {
display: inline;
font-size: 14px;
padding-left: 10px;
}
.blog-grids .entry-details .date i {
padding-right: 7px;
color: #9a9a9a;
position: relative;
top: 1px;
}
.blog-section.shortcode-post .blog-grids .grid ul.meta {
border-top: 1px solid #f1f1f1;
padding-top: 20px;
}
.blog-section.shortcode-post .blog-grids .grid ul.meta li {
display: inline-block;
font-size: 14px;
color: #5d6d7a;
position: relative;
}
.blog-section.shortcode-post .blog-grids .grid ul.meta li+li:before {
position: absolute;
left: -33px;
top: 7px;
content: "";
width: 1px;
height: 16px;
background: #efefef;
}
.blog-section.shortcode-post .blog-grids .grid ul.meta li a {
color: #5d6d7a;
}
.blog-section.shortcode-post .blog-grids .grid ul.meta li i {
display: inline-block;
padding-right: 3px;
color: #2e4de8;
}
.blog-section.shortcode-post .blog-grids .grid ul.meta>li:last-child i {
position: relative;
top: 2px;
}
.blog-section.shortcode-post .blog-grids .grid ul.meta>li+li {
margin-left: 65px;
}
.blog-section.shortcode-post .entry-details h3 {
margin-bottom: 20px;
font-weight: 600;
}
.blog-section.shortcode-post .entry-media .date {
min-width: 85px;
height: 85px;
background: #2e4de8e3;
padding: 20px;
position: absolute;
right: 16px;
top: 10px;
text-align: center;
border-radius: 50px;
}
.blog-section.shortcode-post .entry-media p {
font-family: "Jost", sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 1em;
color: #fff;
margin-top: 5px;
text-transform: uppercase;
}
.blog-section.shortcode-post .entry-media p span {
display: block;
font-size: 20px;
text-transform: capitalize;
padding-top: 5px;
} .testimonials-section .testimonial-grids {
margin: 0 -15px;
}
.testimonials-section .testimonial-grids .grid {
width: calc(33.33% - 30px);
float: left;
margin: 0 15px 70px;
}
@media (max-width: 991px) {
.testimonials-section .testimonial-grids .grid {
width: calc(50% - 30px);
}
}
@media (max-width: 600px) {
.testimonials-section .testimonial-grids .grid {
width: calc(100% - 30px);
float: none;
}
}
.testimonials-section .quote {
background: rgba(8, 106, 216, 0.05);
padding: 45px;
position: relative;
border-radius: 5px;
}
.testimonials-section .quote p {
margin-bottom: 0;
}
@media (max-width: 767px) {
.testimonials-section .quote {
padding: 30px 25px;
}
}
.testimonials-section .quote:before {
content: "";
border-right: 30px solid transparent;
border-top: 20px solid rgba(8, 106, 216, 0.05);
position: absolute;
left: 35px;
bottom: -20px;
}
.testimonials-section .client-info {
margin-top: 35px;
position: relative;
padding-left: 75px;
}
.testimonials-section .client-info .img-holder {
position: absolute;
left: 0;
top: 0;
}
.testimonials-section .client-info .img-holder img {
border-radius: 50%;
}
.testimonials-section .client-info h5 {
font-size: 20px;
font-weight: normal;
margin: 0 0 0;
padding: 0.8em 0 0;
padding-top: 5px;
}
@media (max-width: 767px) {
.testimonials-section .client-info h5 {
font-size: 16px;
}
}
.testimonials-section .client-info p {
font-size: 15px;
margin: 0;
line-height: 1.7em;
} .about-section .video-holder a {
background-color: #fff;
width: 75px;
height: 75px;
border-radius: 75px;
display: inline-block;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-animation: spineer 2s infinite;
animation: spineer 2s infinite;
}
@media (max-width: 767px) {
.about-section .video-holder a {
width: 55px;
height: 55px;
border-radius: 55px;
}
}
.about-section .video-holder a:before {
content: "";
width: 0px;
height: 0px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #c83226;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.about-section .video-holder a:after {
content: "";
width: 75px;
height: 75px;
border-radius: 75px;
display: inline-block;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-animation: spineer 2s 1.5s infinite;
animation: spineer 2s 1.5s infinite;
}
@media (max-width: 767px) {
.about-section .video-holder a:after {
width: 55px;
height: 55px;
border-radius: 55px;
}
}
@-webkit-keyframes spineer {
from {
-webkit-box-shadow: 0 0 0 0 rgba(55, 87, 247, 0.3);
box-shadow: 0 0 0 0 rgba(55, 87, 247, 0.3);
}
to {
-webkit-box-shadow: 0 0 0 25px rgba(55, 87, 247, 0.3);
box-shadow: 0 0 0 25px rgba(55, 87, 247, 0.3);
}
}
@keyframes spineer {
from {
-webkit-box-shadow: 0 0 0 0 rgba(55, 87, 247, 0.3);
box-shadow: 0 0 0 0 rgba(55, 87, 247, 0.3);
}
to {
-webkit-box-shadow: 0 0 0 25px rgba(55, 87, 247, 0.3);
box-shadow: 0 0 0 25px rgba(55, 87, 247, 0.3);
}
}
.about-section-s3 .video-area {
position: relative;
padding-left: 65px;
}
@media (max-width: 1199px) {
.about-section-s3 .video-area {
padding-left: 0px;
padding-right: 50px;
}
}
@media (max-width: 991px) {
.about-section-s3 .video-area {
padding-left: 0px;
padding-right: 0;
}
}
.about-section-s3 .video-area .successfull-case {
width: 150px;
height: 150px;
background: rgba(246, 244, 240, 0.98);
text-align: center;
padding: 20px;
position: absolute;
right: 50px;
bottom: -25px;
}
@media (max-width: 1199px) {
.about-section-s3 .video-area .successfull-case {
left: 15px;
bottom: -65px;
}
}
@media (max-width: 991px) {
.about-section-s3 .video-area .successfull-case {
display: none;
}
}
.about-section-s3 .video-area .successfull-case:before {
content: "";
width: 0;
height: 0;
border-bottom: 25px solid rgba(246, 244, 240, 0.98);
border-left: 40px solid transparent;
position: absolute;
right: 25px;
top: -25px;
}
.about-section-s3 .video-area .successfull-case span {
font-size: 50px;
font-size: 3.125rem;
font-weight: 600;
display: block;
color: #3555f4;
margin-bottom: 0.5em;
}
.about-section-s3 .video-area .successfull-case p {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.2em;
color: #696565;
margin: 20px 0 0;
}
@media (max-width: 991px) {
.about-section-s3 .video-holder {
margin-top: 0px;
}
}
.about-section-s3 .video-holder a {
background-color: #fff;
width: 75px;
height: 75px;
border-radius: 75px;
display: inline-block;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-animation: spineer 2s infinite;
animation: spineer 2s infinite;
}
@media (max-width: 1199px) {
.about-section-s3 .video-holder a {
display: none;
}
}
@media (max-width: 767px) {
.about-section-s3 .video-holder a {
width: 55px;
height: 55px;
border-radius: 55px;
}
}
.about-section-s3 .video-holder a:before {
content: "";
width: 0px;
height: 0px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #3555f4;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.about-section-s3 .video-holder a:after {
content: "";
width: 75px;
height: 75px;
border-radius: 75px;
display: inline-block;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-animation: spineer 2s 1.5s infinite;
animation: spineer 2s 1.5s infinite;
}
@media (max-width: 767px) {
.about-section-s3 .video-holder a:after {
width: 55px;
height: 55px;
border-radius: 55px;
}
}
@media screen and (min-width: 1200px) {
.about-section-s3 .about-text {
padding-right: 50px;
}
}
@-webkit-keyframes spineer {
from {
-webkit-box-shadow: 0 0 0 0 rgba(55, 87, 247, 0.3);
box-shadow: 0 0 0 0 rgba(55, 87, 247, 0.3);
}
to {
-webkit-box-shadow: 0 0 0 25px rgba(55, 87, 247, 0.3);
box-shadow: 0 0 0 25px rgba(55, 87, 247, 0.3);
}
}
@keyframes spineer {
from {
-webkit-box-shadow: 0 0 0 0 rgba(55, 87, 247, 0.3);
box-shadow: 0 0 0 0 rgba(55, 87, 247, 0.3);
}
to {
-webkit-box-shadow: 0 0 0 25px rgba(55, 87, 247, 0.3);
box-shadow: 0 0 0 25px rgba(55, 87, 247, 0.3);
}
}
.wpo-hero-slider .swiper-button-prev:after,
.wpo-hero-slider .swiper-button-next:after {
display: none;
}.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
text-align: left;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
display: block;
-webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
display: block;
-webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
-moz-transition: -moz-transform 2s;
-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;
transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
-moz-transition: -moz-transform 2s;
-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;
transition: transform 2s;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
font-family: "Helvetica Neue", sans-serif;
line-height: 1.1em;
}
.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
text-align: center;
}@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}a {
color: #0d6efd;
}
a:hover {
color: #3757f7;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 20px;
margin-bottom: 20px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
img {
max-width: 100%;
height: auto;
}
span.text-logo a {
color: #0d6efd;
}
span.text-logo a:hover {
color: #0d6efd;
} table {
width: 100%;
}
table th {
background: #0d6efd;
color: #fff;
transition: .3s;
font-weight: 600;
}
table tbody tr th {
background: #0d6efd;
color: #fff;
}
table tbody tr th a {
color: #fff;
font-weight: normal;
}
table th:hover {
background: #333;
}
table tbody tr th:hover {
background: #333;
}
table tbody tr th:hover a {
color: #fff;
}
table tbody tr td a {
color: #838383;
}
.page-wraper table tbody tr th {
background: #0d6efd;
color: #fff;
font-weight: 600;
}
.page-wraper table tbody tr td {
font-weight: 600;
}
.page-wraper table tbody tr th:hover {
background: #333;
}
td,
th {
border: 1px solid #ebebf1;
padding: 10px;
font-size: 15px;
color: #838383;
}
table+h2 {
padding-top: 20px;
}
ul+h2 {
padding-top: 20px;
}
ol+h2 {
padding-top: 20px;
}
th a,
th a:hover {
color: #fff;
font-size: 15px;
}
dd,
dt {
line-height: 1.8em;
color: #1d2327;
padding: 5px 0;
}
dt {
font-weight: 700;
}
address {
line-height: 1.8em;
color: #838383;
background: #f8f8f8;
padding: 20px;
}
code {
line-height: 1.8em;
color: #fff;
background-color: #5097ff;
padding: 3px 8px;
border-radius: 5px;
}
kbd {
color: #fff;
background-color: #0d6efd;
}
strong {
font-weight: 700;
}
pre {
background: #f8f8f8;
font-family: "Courier 10 Pitch", Courier, monospace;
color: #5d6d7a;
}
ul {
list-style: disc;
padding-left: 40px;
font-weight: 600;
}
ol {
font-weight: 600;
}
.blog-sidebar ul {
list-style: none;
padding-left: 0px;
}
.sticky {
position: relative;
}
.post.sticky {
border: 1px solid #e4e4e4;
padding: 5px 40px 40px;
}
.sticky-badge h2 {
text-align: center;
background: #0d6efd;
color: #fff;
font-size: 14px;
font-weight: 500;
display: inline-block;
position: absolute;
transition: all .3s;
-webkit-transition: all .3s;
-moz-transition: all .3s;
z-index: 50;
padding: 21px 5px;
position: absolute;
right: -12px;
top: -21px;
border-radius: 0 0 15px 15px;
writing-mode: vertical-rl;
text-orientation: mixed;
}
.sticky-badge:hover h2 {
background: #0d6efd;
}
@media (max-width: 991px) {
.post.sticky {
padding: 20px 15px 20px;
}
}
@media (max-width: 1199px) {
.calendar_wrap table#wp-calendar th,
.calendar_wrap table#wp-calendar th,
.wp-block-calendar table#wp-calendar td {
padding: 6px;
}
} .blog-sidebar .widget_archive ul li {
font-size: 15px;
font-size: 1rem;
position: relative;
}
@media (max-width: 767px) {
.blog-sidebar .widget_archive ul li {
font-size: 15px;
font-size: 1rem;
}
}
.blog-sidebar .widget_archive ul>li+li {
margin-top: 15px;
}
.blog-sidebar .widget_archive ul a,
.blog-sidebar .wp-block-archives li a {
color: #38393a;
font-size: 15px;
font-weight: 700;
}
.blog-sidebar .widget_archive ul a:hover,
.blog-sidebar .widget_archive ul li:hover:before {
color: #0d6efd;
}
select {
height: 48px;
width: 100%;
border: 1px solid #E3E3E3;
padding-left: 14px;
border-radius: 0px;
-moz-appearance: none;
-webkit-appearance: none;
background: #f9f9f9 url(//www.sejesinc.com/wp-content/themes/consultar/assets/images/select-arrow.png) calc(100% - 12px) 21px no-repeat;
background-size: 7px 4px;
position: relative;
color:#444;
}
.wpo-contact-pg-section form select {
-moz-appearance: none;
-webkit-appearance: none;
background: #f9f9f9 url(//www.sejesinc.com/wp-content/themes/consultar/assets/images/select-arrow.png) calc(100% - 15px) 20px no-repeat;
background-size: 7px 4px;
}
.wpo-contact-pg-section form select:focus {
background: #f4f6fa url(//www.sejesinc.com/wp-content/themes/consultar/assets/images/select-arrow.png) calc(100% - 15px) 20px no-repeat;
background-size: 7px 4px;
}
.widget_archive select {
border-radius: 0px;
} .wp-block-calendar table#wp-calendar tr,
.calendar_wrap table#wp-calendar tr,
.calendar_wrap table#wp-calendar td {
border: 1px solid #e1dfd9;
}
.wp-block-calendar table#wp-calendar th,
.calendar_wrap table#wp-calendar th,
.calendar_wrap table#wp-calendar td {
text-align: center;
font-weight: 600;
}
.wp-block-calendar table#wp-calendar th {
background: #0d6efd;
color: #fff;
padding: 12px;
}
.wp-block-calendar table#wp-calendar td {
padding: 12px;
}
.wp-block-calendar {
text-align: left;
}
.wp-block-button.aligncenter {
text-align: center;
margin-bottom: 25px;
}
@media (max-width: 1299px) and (min-width: 992px) {
.wp-block-calendar table#wp-calendar th,
.calendar_wrap table#wp-calendar th,
.calendar_wrap table#wp-calendar td {
padding: 6px;
font-size: 12px;
}
}
#wp-calendar caption {
font-weight: 600;
} .wp-block-search .wp-block-search__inside-wrapper {
position: relative;
}
.blog-sidebar .wp-block-search .wp-block-search__label {
font-family: "Futura PT";
font-weight: 600;
color: #020202;
margin-bottom: 5px;
}
.blog-sidebar .wp-block-search .wp-block-search__input {
background-color: #f9f9f9;
height: 70px;
font-size: 16px;
padding: 6px 50px 6px 20px;
border: 0;
border-radius: 5px;
box-shadow: none;
transition: all 0.3s;
}
.blog-sidebar .wp-block-search .wp-block-search__button {
line-height: inherit;
background: transparent;
font-size: 20px;
color: #fff;
background-color: #3757f7;
border: 0;
outline: 0;
position: absolute;
right: 10px;
top: 50%;
line-height: 42px;
width: 50px;
height: 50px;
border-radius: 6px;
transform: translateY(-50%);
}
.widget_categories ul ul {
padding-left: 20px;
}
.widget_categories ul li a,
.wp-block-categories li a {
width: 86%;
padding: 4px 0;
font-weight: 700;
color: #333;
}
.widget_categories ul li ul li {
border-bottom: none;
}
.widget_categories ul li:last-child {
border-bottom: none;
}
.widget_categories select {
height: 48px;
padding-left: 14px;
border-radius: 0px;
}
.widget_categories ul li a {
position: relative;
padding-left: 0px;
font-size: 15px;
font-size: 1rem;
color: #38393a;
}
@media (max-width: 991px) {
.widget_categories ul li a {
width: 86%;
}
}
.widget_categories ul li a:hover {
color: #0d6efd;
}
@media (max-width: 767px) {
.widget_categories ul li a {
font-size: 15px;
font-size: 1rem;
}
}
.widget_categories ul>li+li {
margin-top: 15px;
}
.widget_categories ul.children {
margin-top: 15px;
}
.widget_categories ul li {
position: relative;
display: block;
}
.widget_categories>ul>li a+span {
width: 28px;
height: 28px;
line-height: 28px;
font-size: 16px;
text-align: center;
color: #5a5b5d;
border-radius: 50%;
right: 0;
top: 0;
font-weight: 600;
position: absolute;
background: #f3f3f3;
font-family: "Futura PT";
}
.widget_categories ul li ul li a+span {
width: 25px;
height: 25px;
line-height: 25px;
font-size: 13px;
font-size: 0.86667rem;
text-align: center;
color: #fff;
border-radius: 50%;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.widget_categories ul.children li a+span {
top: 20%;
}
.widget_categories ul.children li li a+span {
top: 20%;
}
.widget_categories ul li:first-child a+span {} .widget_pages ul ul {
padding-left: 20px;
}
.widget_pages ul li a {
display: inline-block;
width: 90%;
padding: 9px 0;
font-weight: 700;
color: #38393a;
}
.widget_pages ul>li {
border-bottom: 1px solid #f0f0f0;
}
.widget_pages ul li ul li {
border-bottom: none;
border-top: 1px solid #f0f0f0;
}
.widget_pages ul li:last-child {
border-bottom: none;
}
.widget_pages ul li a {
position: relative;
font-size: 15px;
font-size: 1rem;
color: #666;
}
.widget_pages ul li a:hover {
color: #0d6efd;
}
@media (max-width: 767px) {
.widget_pages ul li a {
font-size: 15px;
font-size: 1rem;
}
} .widget_meta ul li {
font-size: 15px;
font-size: 1rem;
padding-left: 0px;
position: relative;
}
@media (max-width: 767px) {
.widget_meta ul li {
font-size: 15px;
font-size: 1rem;
}
}
.widget_meta ul>li+li {
margin-top: 15px;
}
.widget_meta ul a {
color: #38393a;
font-weight: 700;
}
.widget_meta ul a:hover,
.widget_meta ul li:hover:before {
color: #0d6efd;
} .widget_recent_comments ul li {
color: #38393a;
list-style: none;
position: relative;
font-size: 14px;
font-weight: 700;
}
.widget_recent_comments ul>li+li {
margin-top: 10px;
border-top: 1px solid #e2e2e2;
padding-top: 10px;
}
.widget_recent_comments ul li a {
color: #666;
}
.widget_recent_comments ul li a:hover {
color: #0d6efd;
}
.wp-block-latest-comments .wp-block-latest-comments__comment {
font-weight: 700;
} .widget_recent_entries ul li {
font-size: 15px;
position: relative;
}
@media (max-width: 767px) {
.widget_recent_entries ul li {
font-size: 15px;
font-size: 1rem;
}
}
.widget_recent_entries ul>li+li {
margin-top: 10px;
border-top: 1px dashed #d0d0d0;
padding-top: 10px;
}
.widget_recent_entries ul a,
.wp-block-latest-posts li a {
color: #333;
font-weight: 700;
}
.widget_recent_entries ul a:hover,
.widget_recent_entries ul li:hover:before {
color: #0d6efd;
}
.widget_recent_comments ul li {
border-radius: 0;
}
.widget_recent_comments ul li a,
.wp-block-latest-comments li a {
color: #333;
font-weight: 700;
font-size: 14px;
} .widget_rss a.rsswidget:first-of-type {
display: none;
}
.rsswidget {
color: #242f6c;
}
.widget_rss .rss-date {
text-decoration: underline;
color: #0d6efd;
padding-bottom: 10px;
display: block;
font-weight: 600;
}
.widget_rss cite {
color: #979797;
padding-top: 10px;
display: block;
font-style: normal;
position: relative;
}
.widget_rss cite:before {
content: '-'
}
.widget_rss ul li {
font-size: 15px;
font-size: 1rem;
position: relative;
line-height: 28px;
color: #666;
font-weight: 600;
}
@media (max-width: 767px) {
.widget_rss ul li {
font-size: 15px;
font-size: 1rem;
}
}
.widget_rss ul>li+li {
margin-top: 20px;
}
.widget_rss ul a {
color: #666;
}
.widget_rss ul a:hover,
.widget_rss ul li:hover:before {
color: #0050ea;
} .textwidget img {
max-width: 100%;
height: auto;
}
.widget_text ul li p {
font-size: 15px;
font-size: 1rem;
position: relative;
line-height: 28px;
color: #666;
}
@media (max-width: 767px) {
.widget_text ul li p {
font-size: 15px;
font-size: 1rem;
}
} .widget_tag_cloud .tagcloud a,
.widget_tag_cloud .wp-block-tag-cloud a {
font-size: 13px !important;
color: #635b5b;
display: inline-block;
padding: 5px 13px;
border-radius: 0;
margin: 0 3px 6px 0;
border: 1px solid #d4d4d4;
border-radius: 60px;
font-weight: 700;
line-height: 1.5;
}
.widget_product_tag_cloud .tagcloud a {
font-size: 14px !important;
color: #949494;
display: inline-block;
padding: 5px 14px;
border-radius: 0;
margin: 0 3px 6px 0;
border: 2px solid rgba(11, 91, 224, 0.1);
border-radius: 60px;
}
.widget_product_tag_cloud .tagcloud a:hover {
background: #0d6efd;
color: #fff;
}
.widget_tag_cloud .tagcloud a:hover,
.widget_tag_cloud .wp-block-tag-cloud a:hover {
background: #0d6efd;
color: #fff;
}
.tag-share .tag ul {
padding-left: 0px;
} .widget_nav_menu ul ul {
padding-left: 10px;
}
.widget_nav_menu ul li a {
display: inline-block;
width: 90%;
padding: 9px 0;
font-weight: 700;
}
.widget_nav_menu ul>li {
border-bottom: 1px solid #f0f0f0;
}
.widget_nav_menu ul li ul li {
border-bottom: none;
border-top: 1px solid #f0f0f0;
}
.widget_nav_menu ul li:last-child {
border-bottom: none;
}
.widget_nav_menu ul li a {
font-size: 15px;
font-size: 1rem;
position: relative;
padding-left: 0;
color: #38393a;
}
.widget_nav_menu ul a:hover,
.widget_nav_menu ul li:hover:before {
color: #0d6efd;
}
@media (max-width: 767px) {
.widget_nav_menu ul li a {
font-size: 15px;
font-size: 1rem;
}
} .wp-pagenavi {
padding-bottom: 0;
padding-top: 25px;
margin-top: 50px;
}
.wp-pagenavi a,
.wp-pagenavi span {
text-decoration: none;
border: 1px solid #d0c8b0;
background: #d0c8b0;
padding: 14px 18px;
margin-right: 10px;
margin-bottom: 0px;
color: #fff;
display: inline-block;
margin-left: -1px;
line-height: 1;
font-weight: 600;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
background: #b2a47c;
color: #fff !important;
border-color: #b2a47c;
}
.wp-pagenavi span.current {
color: #fff !important;
}
ul.page-numbers {
display: inline-block;
overflow: hidden;
list-style-type: none;
text-align: center;
padding-left: 0;
margin-top: 100px;
}
ul.page-numbers li {
float: left;
margin-right: 10px;
}
ul.page-numbers li span.page-numbers.current {
width: 50px;
height: 50px;
line-height: 45px;
font-size: 20px;
font-size: 1.25rem;
font-weight: 600;
border: 2px solid #0d6efd;
display: block;
background: #0d6efd;
color: #fff;
}
ul.page-numbers li a {
background-color: transparent;
width: 50px;
height: 50px;
line-height: 45px;
font-size: 20px;
font-size: 1.25rem;
font-weight: 600;
color: #a9b8c4;
border: 2px solid #c9cfd4;
display: block;
}
ul.page-numbers li:hover a {
background: #0d6efd;
border-color: #0d6efd;
color: #fff;
}
ul.page-numbers li a i {
line-height: 1;
}
ul.page-numbers li a i:before {
font-size: 15px;
margin-left: 0px;
}
ul.page-numbers li a div {
line-height: 45px;
} .wp-link-pages a,
.wp-link-pages>span {
display: inline-block;
padding: 8px 16px;
border: 1px solid #0d6efd;
background: #0d6efd;
color: #fff;
}
.wp-link-pages>span,
.wp-link-pages a:hover {
background: #0d6efd;
border: 1px solid #0d6efd;
}
.wp-link-pages {
margin-top: 35px;
}
.wp-link-pages>span.current {
border: 1px solid #0d6efd;
background: #0d6efd;
} .pagination {
margin-top: 100px;
margin-bottom: -10px;
}
.nav-links .page-numbers {
display: block;
overflow: hidden;
list-style-type: none;
text-align: center;
padding-left: 0;
border: 2px solid #c9cfd4;
width: 50px;
height: 50px;
line-height: 50px;
color: #a9b8c4;
font-weight: 600;
font-size: 20px;
}
.nav-links .page-numbers {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.nav-links .page-numbers.current {
width: 50px;
height: 50px;
line-height: 45px;
font-size: 20px;
font-size: 1.25rem;
font-weight: 600;
border: 2px solid #0d6efd;
display: block;
background: #0d6efd;
color: #fff;
font-size: 16px;
}
.nav-links .page-numbers a {
background-color: transparent;
width: 50px;
height: 50px;
line-height: 45px;
font-size: 20px;
font-size: 1.25rem;
font-weight: 600;
color: #a9b8c4;
border: 2px solid #c9cfd4;
display: block;
}
.nav-links .page-numbers:hover {
background: #0d6efd;
border-color: #0d6efd;
color: #fff;
}
.nav-links .page-numbers i {
line-height: 1;
position: relative;
top: 2px;
}
.nav-links .page-numbers a i {
line-height: 1;
}
.nav-links .page-numbers a i:before {
font-size: 15px;
margin-left: 0px;
}
.nav-links .page-numbers a div {
line-height: 45px;
} .post-password-form input[type="password"] {
background: #f9f9f9;
border-radius: 0;
border-width: 0.1rem;
box-shadow: none;
display: block;
font-size: 1.6rem;
letter-spacing: -0.015em;
margin: 0;
max-width: 100%;
padding: 13px 25px;
width: 100%;
border: 1px solid #E3E3E3;
}
@media (max-width: 767px) {
.post-password-form input[type="password"] {
padding: 9px 25px;
}
}
.post-password-form>p:first-child {
font-size: 18px;
}
.post-password-form p label {
display: inline-block;
}
.post-password-form input[type="submit"] {
width: 160px;
background-color: #3454d1;
color: #fff;
margin-bottom: 0;
border: 0;
outline: 0;
text-transform: capitalize;
font-weight: 600;
border-radius: 0;
display: inline-block;
padding: 14px 25px;
top: -3px;
position: relative;
}
.post-password-form input[type="submit"]:hover {
background-color: #333;
}
@media (max-width: 599px) { 
.post-password-form input[type="submit"] { 
margin-top: 15px;
}
} .gallery-caption {
color: #838383;
line-height: 1.8em;
}
.wpo-blog-single-section p.form-submit {
margin-bottom: 0;
margin-top: 10px;
margin-top: 0;
}
.page-wraper .comments-area p.form-submit {
margin-top: 10px;
} .page-wrapper p {
line-height: 1.7em;
margin: 0 0 1.5em;
}
.page-wrapper ul li,
.page-wrapper ol li {
line-height: 1.8em;
}
.page-wraper ul,
.page-wraper ol {
margin-bottom: 1.5em;
}
.page-wraper ul ul,
.page-wraper ol ol {
margin-bottom: 0px;
}
ol.comments #respond {
padding: 0 20px;
}
.page-wrapper blockquote {
background-color: #0d6efd;
color: #fff;
padding: 40px 45px 25px;
margin-top: 60px;
border: 0;
position: relative;
}
.page-wrapper blockquote p {
color: #fff;
margin-bottom: 10px;
}
.page-wrapper blockquote a {
color: #fff;
text-decoration: underline;
}
.page-wraper .comments-area {
padding-top: 10px;
}
.page-wrap .comments-area {
clear: both; }
.page-wrap .size-full.wp-image-904.alignright {
padding-top: 25px;
}
.page-wraper .comments-area .comments {
border: 1px solid #ebebf1;
}
.wpo-blog-single-section .comments-area .comments {
border: 2px solid #f4f4f4;
}
.page-wraper .comments-area ol>li:last-child article {
border-bottom: 0;
}
.page-wraper .comments-area li>div {
border-bottom: 1px solid #ebebf1;
padding: 35px 25px;
}
.page-wraper .comments-area ol {
list-style-type: none;
padding-left: 0;
}
.page-wraper .comments-area ol li {
padding-left: 30px;
}
.page-wraper .comments-area .comments-title {
font-weight: 600;
font-size: 18px;
text-transform: uppercase;
}
@media (max-width: 991px) {
.page-wraper .comments-area .comments-title {
font-size: 22px;
font-size: 1.375rem;
}
}
.page-wraper .comments-area li>div {
position: relative;
}
.page-wraper .comments-area .comment-theme {
position: absolute;
left: 25px;
}
@media (max-width: 767px) {
.page-wraper .comments-area .comment-theme {
position: static;
}
}
.page-wraper .comments-area .comment-theme img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.page-wraper .comments-area .comment-main-area {
padding-left: 100px;
}
@media (max-width: 767px) {
.page-wraper .comments-area .comment-main-area {
padding-left: 0;
margin-top: 25px;
}
}
.page-wraper .comments-area .comment-main-area p {
margin-bottom: 20px;
}
.page-wraper .comments-area .comments-meta h4 {
font-size: 18px;
color: #020202;
font-weight: 500;
margin: 0 0 1em;
display: inline-block;
margin-bottom: 10px;
}
.page-wraper .comments-area .comments-meta span {
font-size: 14px;
text-transform: uppercase;
color: #868686;
display: block;
margin-bottom: 10px;
}
@media (max-width: 991px) {
.page-wraper .comments-area .comments-meta span {
margin-left: 0;
}
}
.page-wraper .comments-area .comments-meta span.caps {
margin-left: 5px;
}
.page-wraper .comments-area .comment-reply-link {
background: #0d6efd;
font-size: 14px;
font-size: 0.875rem;
color: #fff;
display: inline-block;
padding: 0 10px;
font-weight: 700;
border-radius: 50px;
}
.page-wraper .comments-area .comment-reply-link:hover {
background-color: #0d6efd;
}
.page-wraper .comment-respond {
margin-top: 60px;
}
.page-wraper .comment-respond .comment-reply-title {
font-weight: 600;
font-size: 18px;
text-transform: uppercase;
margin: 0 0 1.5em;
}
@media (max-width: 991px) {
.page-wraper .comment-respond .comment-reply-title {
font-size: 22px;
font-size: 1.375rem;
}
}
.page-wraper .comment-respond form input,
.page-wraper .comment-respond form textarea {
background: transparent;
width: 100%;
height: 50px;
border: 1px solid #7389f9;
padding: 6px 15px;
margin-bottom: 15px;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
border-radius: 30px;
}
.page-wraper .comment-respond form input:focus,
.page-wraper .comment-respond form textarea:focus {
-webkit-box-shadow: none;
box-shadow: none;
border-color: #7389f9;
}
@media (max-width: 991px) {
.page-wraper .comment-respond form input,
.page-wraper .comment-respond form textarea {
height: 40px;
}
}
.page-wraper .comment-respond form textarea {
height: 220px;
padding: 15px;
}
@media (max-width: 991px) {
.page-wraper .comment-respond form textarea {
height: 150px;
}
}
.page-wraper .comment-respond .form-inputs {
overflow: hidden;
}
.page-wraper .comment-respond .form-inputs>input:nth-child(2) {
width: 49%;
float: left;
}
@media (max-width: 767px) {
.page-wraper .comment-respond .form-inputs>input:nth-child(2) {
width: 100%;
float: none;
}
}
.page-wraper .comment-respond .form-inputs>input:nth-child(3) {
width: 49%;
float: right;
}
@media (max-width: 767px) {
.page-wraper .comment-respond .form-inputs>input:nth-child(3) {
width: 100%;
float: none;
}
}
.page-wraper .comment-respond .form-submit input {
max-width: 180px;
color: #fff;
font-weight: 500;
margin-bottom: 0;
border: 0;
outline: 0;
text-transform: uppercase;
background: #1e2845;
font-family: "Futura PT";
border-radius: 50px;
}
.page-wraper .comment-respond .form-submit input:hover {
background-color: #313131;
}
.wpo-blog-single-section ol.comments #respond.leave-comment.comment-form.comment-respond {
padding: 50px 20px;
padding-bottom: 45px;
}
.comment-area article {
padding: 35px 25px;
border-bottom: 1px solid #ebebf1;
position: relative;
}
.wpo-blog-single-section .comments-area .trackback .comment-main-area {
padding-left: 0px;
}
.wpo-blog-single-section .comments-area .pingback .comments-meta h4,
.wpo-blog-single-section .comments-area .trackback .comments-meta h4 {
line-height: 1.8em;
text-decoration: underline;
}
#wp-comment-cookies-consent {
display: inline-block;
width: auto;
height: auto;
margin-right: 5px;
position: relative;
top: 1px;
}
#wp-comment-cookies-consent+label {
font-weight: 400;
padding-left: 5px;
}
p.comment-form-cookies-consent {
margin-bottom: 10px;
display: none;
}
.wpo-blog-single-section .comment-respond form textarea {
background-color: #f9f9f9;
}
.wpo-blog-single-section .entry-details ul li {
line-height: 1.9em;
}
.wpo-blog-single-section .entry-details p {
margin-bottom: 1.5em;
}
.wpo-blog-single-section .entry-details p.wp-block-cover-text {
color: #fff;
margin-bottom: 0px;
}
.wp-block-button {
margin-bottom: 10px;
}
.is-style-squared .wp-block-button__link {
border-radius: 0;
}
.blocks-gallery-item {
float: left;
}
.wp-block-cover {
margin-bottom: 20px;
}
.wp-block-group__inner-container {
padding: 30px 30px 5px;
margin-bottom: 20px;
}
.blog-sidebar .wp-block-group__inner-container {
padding: 0;
margin-bottom: 0;
}
.blog-sidebar ol.wp-block-latest-comments {
padding-left: 0;
}
figcaption.blocks-gallery-caption {
padding-bottom: 20px;
}
.wpo-blog-single-section .post blockquote p {
color: #fff;
font-size: 17px;
margin-bottom: 0px;
text-align: left;
}
.wpo-blog-single-section .post blockquote {
margin-bottom: 35px;
padding: 50px;
padding-left: 85px;
background: #0d6efd;
text-decoration: none;
}
.wpo-blog-single-section .post blockquote:before {
color: #ffffff;
left: 44px;
top: 38px;
line-height: 55px;
background: transparent;
border: none;
font-size: 40px;
}
.wpo-blog-single-section .post blockquote cite {
color: #fff;
font-style: normal;
font-family: 'Lora', serif;
text-decoration: underline;
font-size: 16px;
}
.wpo-blog-single-section .post blockquote a {
text-decoration: underline;
color: #fff;
}
.wpo-blog-single-section .post blockquote a:hover {
text-decoration: none;
}
.wpo-blog-single-section .post blockquote.wpo-block-quote {
background-color: #3757f7;
padding: 60px;
margin-top: 60px;
margin-bottom: 40px;
border: 0;
position: relative;
padding-bottom: 50px;
font-weight: 600;
border-left: 5px solid #7389f9;
text-align: left;
padding-left: 90px;
}
.wpo-blog-single-section .post blockquote.wpo-block-quote:before {
font-family: 'themify';
content: "\e67f";
font-size: 49px;
position: absolute;
left: 57px;
top: 50px;
color: #abb9ff;
}
.wpo-blog-single-section .post blockquote.wpo-block-quote p {
color: #fff;
text-align: left;
font-size: 19px;
line-height: 1.6em;
}
@media (max-width: 767px) { 
.wpo-blog-single-section .post blockquote.wpo-block-quote p {
font-size: 15px;
}
}
.wpo-blog-single-section .post blockquote.wpo-block-quote cite {
color: #eee;
font-family: "Futura PT";
text-decoration: underline;
text-transform: uppercase;
font-weight: 500;
font-size: 15px;
padding-top: 11px;
display: block;
}
.wpo-blog-single-section .wp-block-button.is-style-outline {
padding: 25px 0px;
}
.wpo-blog-single-section .entry-details blockquote p strong {
color: #fff;
}
.wpo-blog-single-section .single-content-wrap .entry-details pre {
margin-bottom: 35px;
}
.wpo-blog-pg-section .blog-content>.post+.post {
margin-top: 80px;
}
@media (max-width: 991px) {
.wpo-blog-pg-section .blog-content>.post+.post {
margin-top: 40px;
}
}
@media (max-width: 767px) {
.wpo-blog-pg-section .blog-content>.post+.post {
margin-top: 0px;
margin-bottom: 60px;
}
}
@media (max-width: 767px) {
.wpo-blog-pg-section .blog-content .post {
margin-bottom: 60px;
}
}
@media screen and (min-width: 992px) {
.admin-bar .wpo-site-header #navbar {
top: 32px;
} }
@media (max-width: 991px) {
.admin-bar .wpo-site-header #navbar {
top: 46px;
}
}
.wpo-site-header #navbar>ul>li .sub-menu a {
line-height: 20px;
}
.admin-bar .header-style-1 .sticky-header.sticky-on,
.admin-bar .header-style-2 .sticky-header.sticky-on,
.admin-bar .header-style-3 .sticky-header.sticky-on {
top: 32px;
}
@media screen and (max-width: 782px) {
.admin-bar .header-style-1 .sticky-header.sticky-on,
.admin-bar .header-style-2 .sticky-header.sticky-on,
.admin-bar .header-style-3 .sticky-header.sticky-on {
top: 46px;
}
}
@media (max-width: 600px) {
.admin-bar .header-style-1 .sticky-header.sticky-on,
.admin-bar .header-style-2 .sticky-header.sticky-on,
.admin-bar .header-style-3 .sticky-header.sticky-on {
top: 0px;
}
}
.wpo-blog-single-section .comment-content ol {
list-style: decimal !important;
padding-left: 40px;
}
.wpo-blog-single-section .comments-area .comment-theme {
position: absolute;
left: 25px;
}
@media (max-width: 767px) {
.wpo-blog-single-section .comments-area .comment-theme {
position: static;
}
}
.wpo-blog-single-section .comments-area .pingback .comment-main-area {
padding-left: 0px;
}
ol.comments #respond {
padding: 0 20px 20px;
}
.page-wrapper ol.comments #respond {
padding: 0 20px 8px;
}
.page-wraper .comments-area ol.comments>li {
padding-left: 0;
}
.comments-area .rvrmrplo-nav-previous {
padding-bottom: 20px;
}
@media (max-width: 991px) {
.wpo-site-header #navbar .navbar-nav ul {
padding-left: 0;
}
}
@media (max-width: 767px) {
.header-style-1 .topbar .contact-info,
.header-style-2 .topbar .contact-info,
.header-style-3 .topbar .contact-info {
padding-top: 20px;
}
} @media (max-width: 767px) {
.site-footer .lower-footer .site-map {
display: block;
float: none;
}
}
.case-studies-section .grid-filters li {
line-height: 1.3em;
}
@media (max-width:1450px) and (min-width:1200px) {
.header-style-1 #navbar.not-has-cart.has-search,
.header-style-2 #navbar.not-has-cart.has-search,
.header-style-3 #navbar.not-has-cart.has-search {  }
}
@media screen and (min-width: 1200px) {
.header-style-1 #navbar.not-has-cart.has-search,
.header-style-2 #navbar.not-has-cart.has-search,
.header-style-3 #navbar.not-has-cart.has-search { }
}
@media screen and (min-width: 992px) {
.wpo-site-header .has-cart.has-search {
margin-right: 0px;
}
.wpo-site-header .not-has-cart.has-search {
margin-right: 0px;
}
}
@media (max-width:1400px) and (min-width:992px) {
.header-style-1 #navbar.not-has-cart,
.header-style-2 #navbar.not-has-cart,
.header-style-3 #navbar.not-has-cart {
margin-right: 0px;
}
.wpo-site-header #navbar>ul>.menu-item-has-children>a:before {
right: 1px;
}
.header-style-1 #navbar.not-has-cart.has-search,
.header-style-2 #navbar.not-has-cart.has-search,
.header-style-3 #navbar.not-has-cart.has-search {
position: relative;
top: 8px !important;
}
}
.wpo-blog-single-section .comment-respond .form-submit input.submit {
line-height: 0;
}
.wpo-blog-single-section .comment-respond .form-submit input.submit:hover {
color: #fff;
background-color: #3757f7;
}
.wpo-blog-single-section .comment-respond .comment-form p a {
color: #0d6efd;
}
.wpo-blog-pg-section .post .meta li {
font-size: 15px;
font-size: 1rem;
}
.wpo-blog-single-section .post h3 {
margin-top: 20px;
}
.wpo-blog-single-section .post h2 {
margin-top: 20px;
margin-bottom: 20px;
}
.wpo-blog-single-section .post h2.post-title {
margin: 0 0 1em;
font-size: 32px;
}
.wpo-blog-single-section .post h3.post-title {
margin: 1.8em 0 1em;
}
.wpo-blog-single-section .tag-share-wrap {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 60px;
border-bottom: 1px solid #f4f4f4;
border-top: 1px solid #f4f4f4;
padding: 35px 0;
}
@media (max-width: 767px) { 
.wpo-blog-single-section .tag-share-wrap {
flex-wrap: wrap;
}
.wpo-blog-single-section .tag-share {
padding-bottom: 25px;
}
}
.wpo-blog-single-section .tag-share {
margin-top: 0px;
}
.wpo-blog-single-section .tag-share .tag ul li,
.wpo-blog-single-section .tag-share ul li {
list-style: none;
line-height: 20px;
margin-bottom: 0px;
}
.wpo-blog-single-section .tag-share .tag ul {
padding-left: 5px;
}
.wpo-blog-single-section .tag-share .tag span {
position: relative;
top: 0px;
}
.wpo-blog-single-section .tag-share .share span {
position: relative;
top: -7px;
padding-right: 8px;
}
.wpo-blog-single-section .tag-share .share {
margin-top: 15px;
}
@media (max-width: 767px) {
.shop-section .blog-sidebar {
padding-left: 0px;
}
}
.padding-default.full-width {
padding-top: 100px;
padding-bottom: 80px;
}
.tagcloud a {
font-size: 14px !important;
color: #949494;
display: inline-block;
padding: 5px 14px;
border-radius: 0;
margin: 0 3px 6px 0;
border: 2px solid rgba(11, 91, 224, 0.1);
border-radius: 60px;
}
.tagcloud a:hover {
background: #0d6efd;
color: #fff;
}
.wpo-blog-single-section .comments-area .comment-content ul {
list-style: disc;
}
.wpo-blog-single-section .author-box {
margin-bottom: 0px;
}
.wpo-blog-single-section .more-posts {
margin-top: 70px;
}
.wpo-blog-single-section .author-box .social-link {
list-style: none;
padding-left: 0;
}
.wpo-blog-single-section .author-box .author-avatar {
max-width: 100px;
}
.wpo-blog-single-section .more-posts .previous-post i {
position: relative;
top: 3px;
padding-right: 5px;
}
.wpo-blog-single-section .more-posts .next-post i {
padding-left: 5px;
}
.wpo-blog-single-section .comments-area .comment-main-area p {
margin-top: 10px;
} @font-face {
font-family: 'Glyphicons Halflings';
src: url(//www.sejesinc.com/wp-content/themes/consultar/assets/fonts/glyphicons-halflings-regular.eot);
src: url(//www.sejesinc.com/wp-content/themes/consultar/assets/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(//www.sejesinc.com/wp-content/themes/consultar/assets/fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(//www.sejesinc.com/wp-content/themes/consultar/assets/fonts/glyphicons-halflings-regular.woff) format('woff'), url(//www.sejesinc.com/wp-content/themes/consultar/assets/fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(//www.sejesinc.com/wp-content/themes/consultar/assets/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');
}
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
content: "\e113";
}
.glyphicon-asterisk:before {
content: "\e114";
}
.woocommerce-info {
border-top-color: #0d6efd;
}
.woocommerce div.product form.cart div.quantity {
border: 1px solid #e6e6e6;
margin-right: 10px;
position: relative;
}
.woocommerce div.product form.cart div.quantity:before {
position: absolute;
right: 22px;
top: 0;
content: "";
height: 100%;
width: 1px;
background: #e6e6e6;
}
.woocommerce div.product form.cart div.quantity:after {
position: absolute;
right: 0px;
top: 50%;
content: "";
height: 1px;
width: 22px;
background: #e6e6e6;
}
.woocommerce-account .woocommerce form .form-row label.inline {
margin-left: 20px;
margin-top: 15px;
}
.mini-cart-item-des a.remove {
position: absolute;
right: 7px;
top: 0;
color: #8c0000;
}
.woocommerce .quantity .plus,
.woocommerce-page .quantity .plus {
font-family: 'Glyphicons Halflings';
content: "\e113";
background: transparent;
border: none;
height: 50%;
font-weight: normal;
font-size: 9px;
right: 0px;
top: 0px;
padding-top: 0px;
position: absolute;
outline: none;
}
.woocommerce .quantity .minus,
.woocommerce-page .quantity .minus {
font-family: 'Glyphicons Halflings';
content: "\e114";
background: transparent;
border: none;
height: 50%;
font-weight: normal;
font-size: 9px;
right: 0px;
position: absolute;
bottom: 0px;
outline: none;
}
.woocommerce .quantity .minus,
.woocommerce-page .quantity .minus {
font-family: 'Glyphicons Halflings';
content: "\e114";
background: transparent;
border: none;
height: 50%;
font-weight: 400;
font-size: 9px;
right: 0;
position: absolute;
bottom: 0;
outline: none;
}
.woocommerce .cart_item .quantity .minus {
bottom: 5px;
}
.woocommerce .quantity input.qty,
.woocommerce-page .quantity input.qty {
width: 80px;
height: 38px;
font-weight: 400;
border: none;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
.woocommerce .quantity .plus:hover,
.woocommerce .quantity .minus:hover,
.woocommerce-page .quantity .plus:hover,
.woocommerce-page .quantity .minus:hover {
background-color: #fff;
}
.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product {
width: calc(33.33% - 20px);
float: left;
margin: 0 10px 25px;
background: #fff;
box-shadow: 0px 5px 15px 0px rgb(68 68 68 / 4%);
}
@media (max-width: 767px) {
.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product {
width: calc(50% - 20px);
}
}
@media (max-width: 550px) {
.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product {
width: calc(100% - 0px);
float: none;
margin: auto;
}
}
.woocommerce ul.products.columns-4 li.product,
.woocommerce-page ul.products.columns-4 li.product {
width: calc(25% - 20px);
float: left;
margin: 0 10px 25px;
}
@media (max-width: 767px) {
.woocommerce ul.products.columns-4 li.product,
.woocommerce-page ul.products.columns-4 li.product {
width: calc(50% - 20px);
}
}
@media (max-width: 550px) {
.woocommerce ul.products.columns-4 li.product,
.woocommerce-page ul.products.columns-4 li.product {
width: calc(100% - 0px);
float: none;
margin: auto;
}
}
@media (max-width: 768px) {
.woocommerce ul.products[class*=columns-] li.product:nth-child(2n),
.woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n) {
float: left;
}
.woocommerce ul.products[class*=columns-] li.product,
.woocommerce-page ul.products[class*=columns-] li.product {
clear: none;
}
}
.woocommerce ul.products li h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: 17px;
font-weight: 600;
line-height: 1.4em;
margin: 0 0 0.3em;
transition: .3s;
margin-bottom: 0px;
padding: 25px 0;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
padding-bottom: 10px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title:hover {
color: #0d6efd;
}
.woocommerce ul.products li.product .price {
font-size: 16px;
color: #585555;
padding-bottom: 12px;
margin-top: -6px;
margin-bottom: 0;
font-weight: 600;
}
.woocommerce ul.products li.product a.button {
background-color: #3757f7;
line-height: 20px;
text-align: center;
font-size: 16px;
font-weight: 600;
color: #fff;
border-radius: 50px;
border: 2px solid #0d6efd;
padding: 12px 20px;
margin-top: 0;
margin-bottom: 35px;
}
.woocommerce ul.products li.product a.button:hover {
background-color: #0d6efd;
color: #fff;
}
.woocommerce ul.products li.product a.button:before {
margin-left: -3px;
}
.woocommerce ul.products li.product .price ins {
text-decoration: none;
font-weight: 600;
}
.woocommerce ul.products li.product a.button.ajax_add_to_cart.added {
display: none;
}
.woocommerce .woocommerce-product-search input {
background-color: #f3f3f3;
height: 50px;
padding: 6px 40px 6px 20px;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.woocommerce .woocommerce-product-search input:focus {
outline: none;
}
.woocommerce .woocommerce-product-search {
position: relative;
width: 100%;
background: #f3f3f3;
}
.woocommerce .woocommerce-product-search button {
background: transparent;
font-size: 20px;
font-size: 1.33333rem;
color: #0d6efd;
border: 0;
outline: 0;
padding: 0;
margin: 0;
position: absolute;
right: 15px;
top: 52%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.woocommerce .product-categories li a {
color: #727780;
padding: 4px 0px;
display: block;
}
.woocommerce .product-categories li {
position: relative;
}
.woocommerce .product-categories li span {
position: absolute;
right: 0;
top: 5px;
}
.woocommerce .product-categories li a:hover {
color: #0d6efd;
}
.woocommerce ul.product_list_widget li img {
width: 70px;
float: left;
}
.woocommerce ul.product_list_widget li a {
color: #727780;
display: block;
margin-bottom: 4px;
font-weight: 400;
}
.woocommerce ul.product_list_widget li a span,
.woocommerce ul.product_list_widget li del span.woocommerce-Price-amount {
padding-left: 20px;
}
.woocommerce ul.product_list_widget li ins {
text-decoration: none;
}
.woocommerce ul.product_list_widget li {
margin-bottom: 15px;
}
.woocommerce ul.cart_list li .star-rating,
.woocommerce ul.product_list_widget li .star-rating {
left: 20px;
padding-bottom: 22px;
}
.woocommerce .star-rating span::before {
color: #0d6efd;
}
.woocommerce ul.products li.product .star-rating {
margin: auto;
padding-bottom: 23px;
}
.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {
border: none;
}
.woocommerce nav.woocommerce-pagination ul li {
background: #fff;
margin-right: 10px;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
line-height: 34px;
border: 1px solid #0d6efd;
background: #0d6efd;
color: #fff;
font-family: "Futura PT";
font-weight: 600;
font-size: 16px;
}
.woocommerce nav.woocommerce-pagination ul li a {
line-height: 35px;
font-family: "Futura PT";
color: #232f4b;
background: #ebf4fc;
border: none;
font-weight: 600;
font-size: 16px;
}
.woocommerce nav.woocommerce-pagination ul li:last-child i {
position: relative;
top: 0px;
}
.woocommerce nav.woocommerce-pagination ul li a:hover {
background: #0d6efd;
color: #fff;
}
.woocommerce-product-details__short-description ul {
padding-top: 20px;
padding-left: 0;
list-style: none;
}
.woocommerce-product-details__short-description ul li {
position: relative;
padding-left: 20px;
}
.woocommerce-product-details__short-description ul li:before {
position: absolute;
left: 0;
top: 9px;
width: 8px;
height: 8px;
background: #428eff;
content: "";
border-radius: 50%;
}
.woocommerce div.product .product_title {
line-height: 40px;
margin-bottom: 5px;
}
.single-product.woocommerce div.product .entry-summary .product_title {
font-size: 33px;
line-height: 45px;
max-width: 545px;
}
.woocommerce.single-product .woocommerce-Price-amount {
font-size: 32px;
color: #0d6efd;
margin: 7px 0 14px;
}
.woocommerce .mini-cart-item-price span {
font-size: 13px !important;
}
.woocommerce .mini-cart-action .mini-checkout-price .woocommerce-Price-amount {
font-size: 18px !important;
}
.woocommerce div.product p.price del {
color: black;
}
.woocommerce.single-product .related.products .woocommerce-Price-amount {
font-size: 20px;
}
.woocommerce.single-product p.price ins span {
font-size: 35px;
font-weight: normal;
color: #0d6efd;
text-decoration: line-through;
display: inline-block;
margin-left: 5px;
text-decoration: none;
}
.woocommerce.single-product p.price del span {
color: #4f4f4f;
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
opacity: .8;
}
.woocommerce div.product p.price {
padding-top: 12px;
margin-bottom: 0px;
font-family: "Futura PT";
}
.woocommerce span.onsale {
display: none;
}
.woocommerce div.product form.cart .button {
background-color: #0d6efd;
height: 40px;
line-height: 40px;
font-size: 15px;
color: #fff;
padding: 0 24px;
border-radius: 0px;
display: block;
font-weight: 500;
text-transform: inherit;
transition: .3s;
}
.woocommerce div.product form.cart .button:hover {
background: #0d6efd;
}
.woocommerce div.product form.cart {
margin-top: 35px;
}
.woocommerce .product_meta span {
display: block;
padding-bottom: 3px;
font-weight: 600;
color: #232f4b;
}
.woocommerce .product_meta span.sku {
display: inline-block;
color: #0d6efd;
}
.woocommerce .product_meta span a {
color: #0d6efd;
}
.woocommerce #reviews #comments h2.woocommerce-Reviews-title,
.woocommerce div.product .woocommerce-tabs .panel>h2 {
font-size: 25px;
}
.woocommerce #review_form #respond form {
margin-top: 25px;
}
.woocommerce #review_form #respond form textarea {
height: 200px;
border: 1px solid #dad9d9;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding-left: 7px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: none;
background: transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
content: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
border: none;
content: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
content: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: 1px solid #eaeaea;
border-radius: 0px;
padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li+li {
margin-left: -1px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
border: 1px solid #0d6efd;
border-radius: 0px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
background: #0d6efd;
color: #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-size: 15px;
font-size: 1rem;
font-weight: 500;
color: #727780;
border: 0;
border-radius: 0;
margin: 0;
display: block;
padding: 10px 15px;
}
.woocommerce #content div.product .woocommerce-tabs,
.woocommerce div.product .woocommerce-tabs,
.woocommerce-page #content div.product .woocommerce-tabs,
.woocommerce-page div.product .woocommerce-tabs {
clear: both;
padding-top: 15px;
}
.woocommerce .related.products {
padding-top: 15px;
margin-left: -10px;
}
.woocommerce .related h2 {
padding-bottom: 15px;
padding-left: 10px;
font-size: 23px;
}
.woocommerce div.product .woocommerce-tabs .panel {
margin: 0 0 2em;
padding: 0;
border: none;
box-shadow: none;
}
.single-product.woocommerce div.product .woocommerce-tabs .panel {
max-width: 984px;
}
.woocommerce .shop-details-section .thumbnails .owl-nav .owl-prev,
.woocommerce .shop-details-section .thumbnails .owl-nav .owl-next {
background: #ffffff00 !important;
}
.woocommerce .shop-details-section .thumbnails .owl-nav .owl-prev {
left: -34px;
top: 36%;
}
.woocommerce .shop-details-section .thumbnails .owl-nav .owl-next {
right: -34px;
top: 36%;
}
@media (max-width: 991px) {
.woocommerce .shop-details-section .thumbnails .owl-nav .owl-prev {
left: -19px;
top: 40%;
}
.woocommerce .shop-details-section .thumbnails .owl-nav .owl-next {
right: -19px;
top: 40%;
}
}
@media (max-width: 991px) {
.woocommerce .shop-details-section .thumbnails .owl-nav .owl-prev {
left: -19px;
top: 30%;
}
.woocommerce .shop-details-section .thumbnails .owl-nav .owl-next {
right: -19px;
top: 30%;
}
}
.woocommerce .shop-details-section .thumbnails .owl-nav .owl-prev i,
.woocommerce .shop-details-section .thumbnails .owl-nav .owl-next i {
color: #333;
}
.woocommerce .shop-details-section .thumbnails .owl-nav .owl-prev i.fa.fa-angle-left:before {
content: "\e629";
font-family: 'themify';
}
.woocommerce .shop-details-section .thumbnails .owl-nav .owl-next i.fa.fa-angle-right:before {
content: "\e628";
font-family: 'themify';
}
.woocommerce .shop-details-section .wpgs-nav .slick-prev::before {
content: "\e629";
font-family: 'themify';
}
.woocommerce .shop-details-section .wpgs-nav .slick-next::before {
content: "\e628";
font-family: 'themify';
color: #c5c2c2;
}
.woocommerce .shop-details-section .wpgs-for .slick-arrow {
display: none !important;
}
.woocommerce .shop-details-section .wpgs-nav .slick-prev {
margin-left: -10px;
}
.woocommerce .shop-details-section .wpgs-nav .slick-next {
right: -25px;
}
.shop-details-section {
padding-bottom: 60px;
}
@media (max-width: 767px) {
.shop-details-section {
padding-bottom: 40px;
padding-left: 15px;
padding-right: 15px;
}
}
.woocommerce #review_form #respond .form-submit input {
background-color: #0d6efd;
height: 38px;
line-height: 38px;
font-size: 14px;
color: #fff;
padding: 0 24px;
border-radius: 50px;
display: block;
font-weight: 400;
text-transform: uppercase;
transition: .3s;
}
.woocommerce #review_form #respond .form-submit input {
background: #0d6efd;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
text-align: center;  }
.woocommerce-message {
border: 1px solid #eee;
background: #fff;
line-height: 40px;
}
.woocommerce-message::before {
color: #0d6efd;
}
.woocommerce .woocommerce-message .button {
background-color: #0d6efd;
height: 38px;
line-height: 38px;
font-size: 14px;
color: #fff;
padding: 0 24px;
border-radius: 0px;
display: block;
font-weight: 400;
text-transform: uppercase;
transition: .3s;
}
.woocommerce .woocommerce-message .button:hover {
background: #0d6efd;
color: #fff;
} .woocommerce .woocommerce-cart-form table.shop_table {
border: none;
box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .08);
padding: 25px;
padding-top:20px;
}
.woocommerce table.shop_table th {
background: #fff;
color: #333;
border: none;
border-bottom: 1px solid #ededed;
font-weight: 700;
}
.woocommerce-cart .woocommerce table.shop_table th {
text-transform: uppercase;
}
.woocommerce .woocommerce-checkout-review-order table.shop_table th {
background: #fdfdfd;
font-weight: 500;
}
.woocommerce table.shop_table tr {
border-bottom: 1px solid #ededed;
}
.woocommerce table.shop_table tr td {
border: none;
border-bottom: 1px solid #eee;
color: #23282d;
}
.woocommerce table.shop_table tr td a {
color: #635c5c;
}
.woocommerce.woocommerce-cart table.shop_table .product-thumbnail img,
.woocommerce-cart table.cart img {
width: 80px;
}
.woocommerce a.remove {
font-weight: 400;
}
.woocommerce .quantity,
.woocommerce-page .quantity {
border: 1px solid #eee;
position: relative;
display: inline-block;
}
.woocommerce .cart .button,
.woocommerce .cart input.button {
background-color: #0d6efd;
height: 38px;
line-height: 38px;
font-size: 14px;
color: #fff;
padding: 0 24px;
border-radius: 0px;
font-weight: 500;
transition: .3s;
}
.woocommerce .cart .button:hover,
.woocommerce .cart input.button:hover {
background: #0d6efd;
color: #fff;
}
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled] {
padding-top: 0px;
color: #fff;
}
.woocommerce-page table.cart td.actions {
padding: 15px 0px;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
padding: 7px 20px;
border: 1px solid #eee;
width: 150px;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .08);
padding: 25px 50px;
}
.woocommerce .cart-collaterals .cart_totals h2 {
padding-left: 10px;
}
.woocommerce .cart-collaterals table.shop_table {
border: none;
}
.woocommerce .cart-collaterals table.shop_table tr {
border: none;
}
.woocommerce-cart .cart-collaterals .cart_totals tr th {
border-bottom: 1px solid #eee;
border-top: none;
font-weight: 600;
}
.woocommerce-cart .cart-collaterals .cart_totals tr td {
border-bottom: 1px solid #eee;
border-top: none;
padding: 13px 0;
}
.cart_totals .woocommerce-shipping-calculator p {
margin-bottom: 0px;
}
.woocommerce a.button.alt,
.woocommerce .return-to-shop a {
background-color: #0d6efd;
height: 45px;
line-height: 45px;
font-size: 16px;
color: #fff;
padding: 0 24px;
border-radius: 0px;
font-weight: 500;
transition: .3s;
display: inline-block;
}
.woocommerce a.button.alt:hover,
.woocommerce .return-to-shop a:hover {
background: #3757f7;
color: #fff;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
float: left;
width: 100%;
}
.woocommerce #respond input#submit.loading,
.woocommerce a.button.loading,
.woocommerce button.button.loading,
.woocommerce input.button.loading {
font-size: 5px;
padding-right: 15px;
}
.woocommerce #respond input#submit.added::after,
.woocommerce a.button.added::after,
.woocommerce button.button.added::after,
.woocommerce input.button.added::after {
font-size: 7px;
}
.woocommerce a.button.loading::before,
.woocommerce button.button.loading::before,
.woocommerce input.button.loading::before {
content: none;
}
.woocommerce #respond input#submit.loading::after,
.woocommerce a.button.loading::after,
.woocommerce button.button.loading::after,
.woocommerce input.button.loading::after {
right: 15px;
display: none;
}
.woocommerce ul.products li.product a.added_to_cart.wc-forward {
margin-bottom: 36px;
margin-top: 0px;
padding-top: 3px;
} .woocommerce-checkout .woocommerce-info {
padding: 16px 20px;
border: 1px solid #eeeeee;
margin-bottom: 28px;
border-radius: 2px;
font-size: 15px;
letter-spacing: .3px;
background: #fff;
}
.woocommerce-billing-fields,
.woocommerce-shipping-fields {
width: 100%;
}
.woocommerce-billing-fields h3 {
font-size: 24px;
}
.woocommerce-additional-fields h3 {
font-size: 24px;
}
.woocommerce .woocommerce-info::before {
color: #1e85be;
display: none;
}
.woocommerce .woocommerce-checkout #customer_details {
width: 58.333333%;
float: left;
}
.woocommerce-checkout-review-order {
width: 41.666667%;
float: right;
background: #fdfdfd;
padding: 25px;
}
.woocommerce .woocommerce-checkout #customer_details .col-1 {
margin-bottom: 50px;
max-width: 100%;
width: 100%;
float: none;
display: flex;
padding-left: 0px;
padding-right: 50px;
}
.woocommerce .woocommerce-checkout #customer_details .col-2 {
max-width: 100%;
width: 100%;
float: none;
display: flex;
margin-left: 0px;
flex-wrap: wrap;
padding-right: 50px;
}
@media (max-width: 991px) {
.woocommerce .woocommerce-checkout #customer_details,
.woocommerce-checkout-review-order {
width: 100%;
}
.woocommerce .woocommerce-checkout #customer_details .col-1 {
padding-right: 0px;
}
}
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox input {
width: auto;
}
.woocommerce .woocommerce-checkout input {
background: #f9f9f9 !important;
border: 1px solid #eee;
padding: 12px 16px;
font-size: 15px;
background: none;
width: 100%;
transition: all .5s;
color: #585858;
border-radius: 0;
}
.woocommerce .woocommerce-checkout .woocommerce-additional-fields textarea {
background: #f9f9f9 !important;
}
.woocommerce .woocommerce-checkout input:focus {
border-color: #0d6efd;
}
.woocommerce .select2-container--default .select2-selection--single {
background: #f9f9f9 !important;
border: 1px solid #E3E3E3 !important;
border-radius: 0;
}
.woocommerce .select2-container--default .select2-selection--single {
display: block;
height: auto;
min-height: 50px;
padding-top: 10px;
padding-left: 10px;
border: 1px solid #ececec;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 12px;
}
.woocommerce .woocommerce-billing-fields__field-wrapper p {
margin-bottom: 20px;
}
.woocommerce .woocommerce-additional-fields {
width: 100%;
}
.woocommerce .woocommerce-checkout .woocommerce-additional-fields textarea {
height: 120px;
border: 1px solid #eee;
padding: 15px;
} .woocommerce-checkout form.woocommerce-checkout .els-order-review {
background: #fdfdfd;
border: 1px solid #f1f1f1;
border-radius: 2px;
padding: 48px 36px;
}
.woocommerce .woocommerce-checkout-review-order-table th,
.woocommerce .woocommerce-checkout-review-order-table td {
border: none;
padding-bottom: 18px !important;
border-bottom: 1px dotted #d0d0d0;
padding-right: 0 !important;
padding-left: 0 !important;
}
.woocommerce .woocommerce-checkout-review-order-table th {
padding-top: 0 !important;
}
.woocommerce table.shop_table {
border: none;
}
.woocommerce .woocommerce-checkout-review-order-table th,
.woocommerce .woocommerce-checkout-review-order-table td {
border: none;
padding-bottom: 18px !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
.woocommerce .woocommerce-checkout-review-order-table td {
letter-spacing: .3px;
color: #777777;
padding-top: 21px;
}
.woocommerce table.shop_table td {
padding-top: 15px;
}
.woocommerce table.shop_table strong {
color: #777777;
}
.woocommerce table.shop_table tr.cart-subtotal th {
padding-top: 15px !important;
}
.woocommerce table.shop_table tr.cart-subtotal th:hover,
.woocommerce-cart .cart-collaterals .cart_totals tr th:hover {
background: transparent;
}
.woocommerce .woocommerce-checkout-review-order-table th:nth-child(2),
.woocommerce .woocommerce-checkout-review-order-table td:nth-child(2) {
text-align: right;
}
.woocommerce h5.order_review_heading {
padding-bottom: 25px;
}
.woocommerce-checkout .woocommerce-checkout-payment {
padding-top: 40px;
}
.woocommerce-checkout #payment {
background: #FDFDFD;
border-radius: 5px;
}
.woocommerce-checkout .woocommerce-checkout-payment li label {
display: block;
color: #727780;
font-weight: 500;
}
.woocommerce-checkout-payment li.wc_payment_method {
position: relative;
padding-left: 25px;
}
.woocommerce-checkout-payment li.wc_payment_method label {
margin-bottom: 0 !important;
}
.woocommerce-checkout-payment input.input-radio {
width: auto;
position: absolute;
left: 0;
top: 7px;
margin-right: 0 !important;
}
.woocommerce-checkout-payment li.payment_method_paypal input.input-radio {
top: 17px;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
background-color: #0d6efd;
height: 45px;
line-height: 45px;
font-size: 15px;
color: #fff;
padding: 0 24px;
border-radius: 0px;
font-weight: 500;
text-transform: capitalize;
transition: .3s;
}
.woocommerce #payment #place_order:hover {
background: #0d6efd;
}
h5#order_review_heading {
margin-bottom: 35px;
}
.woocommerce-checkout-review-order-table th {
background: #FDFDFD;
}
.woocommerce .woocommerce-grouped-product-list-item__label label {
font-weight: 500;
margin-top: 5px;
color: #000;
} table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
border: 1px solid #eee;
padding: 25px;
}
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details th {
border-bottom: none;
padding-left: 15px;
}
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tr {
border-bottom: none;
}
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details td {
border-bottom: none;
border-color: #eee;
}
h2.woocommerce-column__title {
font-size: 25px;
}
h2.woocommerce-order-details__title {
font-size: 25px;
padding-bottom: 25px;
}
.woocommerce .woocommerce-customer-details address {
padding: 15px 15px;
border-bottom-width: 1px;
border-right-width: 1px;
}
.woocommerce form .form-row label {
line-height: 2;
font-weight: normal;
color: #6d6d6d;
}
.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address {
padding-left: 25px;
}
.woocommerce table.shop_table tfoot th {
border-top: none;
}
.woocommerce table.shop_table tfoot td {
font-weight: 500;
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
background: #f3f3f3;
}
.woocommerce ul.order_details {
padding-left: 0px;
}
.woocommerce a.remove {
color: #0d6efd !important;
}
.woocommerce a.remove:hover {
background: #0d6efd;
}
.woocommerce .woocommerce-grouped-product-list .woocommerce-Price-amount.amount {
font-size: 16px;
color: #4c4c4c;
}
.woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label {
display: inline-block;
padding-left: 45px;
padding-right: 20px;
}
.woocommerce div.product form.cart .group_table td {
display: inline-block;
vertical-align: inherit;
}
.woocommerce .woocommerce-grouped-product-list.group_table {
margin-bottom: 25px;
}
.woocommerce div.product form.cart .variations select {
width: auto !important;
min-width: auto !important;
border-radius: 0px;
}
.woocommerce div.product form.cart .variations label {
color: #06163a;
font-size: 15px;
padding-top: 12px;
}
.woocommerce.single-product div.product form.cart .variations label {
padding-top: 19px;
}
.page-wrapper .woocommerce-product-details__short-description p {
padding-top: 15px;
margin: 0px;
}
.woocommerce .woocommerce-result-count {
padding-left: 12px;
}
.shop-section.section-padding {
padding-bottom: 70px;
background: #f9f9f9;
}
.woocommerce-terms-and-conditions-wrapper .woocommerce-form__label.woocommerce-form__label-for-checkbox {
position: relative;
padding-left: 25px;
}
.woocommerce-terms-and-conditions-wrapper .woocommerce-form__input.woocommerce-form__input-checkbox.input-checkbox {
position: absolute;
left: 0;
top: 5px;
}
.woocommerce .shipping-calculator-form p .button,
.checkout_coupon .form-row-last .button {
background-color: #0d6efd;
height: 38px;
line-height: 38px;
font-size: 14px;
color: #fff;
padding: 0 24px;
border-radius: 50px;
font-weight: 400;
text-transform: uppercase;
transition: .3s;
display: inline-block;
}
.woocommerce .shipping-calculator-form p input,
.woocommerce .checkout_coupon p input {
padding-top: 10px;
padding-left: 10px;
border: 1px solid #ececec;
}
.woocommerce .woocommerce-error {
border-color: #0d6efd;
background-color: #f9f9f9;
}
.woocommerce-error::before,
.woocommerce form .form-row .required {
color: #0d6efd;
}
.woocommerce .checkout_coupon p .button {
background-color: #0d6efd;
height: 50px;
line-height: 50px;
font-size: 15px;
color: #fff;
padding: 0 24px;
border-radius: 0px;
font-weight: 500;
text-transform: capitalize;
transition: .3s;
display: inline-block;
}
.woocommerce .woocommerce-form-coupon input.input-text {
padding-top: 0px;
}
.woocommerce ul.products li.product .price del {
color: #333;
}
.woocommerce ul.products li.product .price del span.woocommerce-Price-amount.amount {
padding-right: 5px;
}
.woocommerce form.woocommerce-checkout {
overflow: hidden;
clear: both;
}
.woocommerce-product-details__short-description h2 {
margin-bottom: 0;
font-weight: 600;
} .no-products {
padding: 25px 15px;
display: block;
}
.added_to_cart.wc-forward {
text-transform: capitalize;
font-size: 16px;
border: 2px solid #0d6efd;
border-radius: 24px;
padding: 9px 25px 8px;
color: #3757f7;
line-height: 38px;
height: 46px;
width: 131px;
font-weight: 700;
}
.added_to_cart.wc-forward:hover {
background-color: #0d6efd;
color: white;
text-decoration: none;
}
.woocommerce .shipping-calculator-form p .button {
margin-top: 20px;
}
.woocommerce .woocommerce-Tabs-panel table td {
padding: 0 10px;
}
.woocommerce .woocommerce-Tabs-panel table tbody>tr:nth-child(even) th {
color: #838383;
}
.woocommerce ul.products li.product a img {
margin: 0;
}
.woocommerce .shop-details-section .woocommerce-grouped-product-list.group_table label a {
color: #000;
}
.woocommerce .shop-details-section .woocommerce-Price-amount {
font-size: 35px;
}
.shop-sidebar.blog-sidebar .widget>h3 {
font-size: 18px;
}
.shop-sidebar .widget {
padding-left: 20px;
}
.woocommerce ul.product_list_widget li a span {
font-size: 14px;
padding-left: 18px;
}
.woocommerce ul.product_list_widget li:last-child {
margin-bottom: 0px;
}
.woocommerce .wcppec-checkout-buttons {
text-align: left;
}
.mini-cart-title {
padding: 20px;
border-bottom: 1px solid #eee;
}
.woocommerce nav.woocommerce-pagination {
margin-top: 30px;
}
.woocommerce-Reviews #reply-title {
font-size: 25px;
font-weight: 500;
color: #131e4a;
margin-top: 25px;
display: block;
}
section.up-sells.upsells.products h2 {
font-size: 25px;
margin-left: 10px;
padding-bottom: 5px;
}
section.up-sells.upsells.products {
margin-left: -10px;
margin-top: -10px;
}
.woocommerce .woocommerce-Reviews .comment-form input {
border: 1px solid #cecece;
height: 40px;
margin-left: 9px;
}
.woocommerce .woocommerce-Reviews .comment-form input[type="email"] {
margin-left: 13px;
}
.woocommerce #review_form .comment-form-author {
padding-top: 15px;
}
.woocommerce #review_form .comment-form-email {
padding-bottom: 25px;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
height: 50px;
border: 1px solid #E3E3E3;
}
.woocommerce form.checkout_coupon .form-row input.input-text,
.woocommerce form.checkout_coupon .form-row textarea {
background: #f9f9f9;
padding-left: 15px;
}
.woocommerce form.checkout_coupon p:first-child {
margin-bottom: 12px;
padding-left: 8px;
}
.woocommerce form.login,
.woocommerce form.register {
border: 1px solid #E3E3E3;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce .woocommerce-form-register .woocommerce-form-register__submit {
color: #fff;
background: #0d6efd;
display: block;
padding: 15px 35px;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover,
.woocommerce .woocommerce-form-register .woocommerce-form-register__submit:hover {
background: #b30d09;
color: #fff;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
width: 25%;
display: inline-block;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper div {
border: 2px solid #fff;
}
.woocommerce.single-product div.product div.summary {
margin-top: 50px;
}
.woocommerce-product-gallery .slick-initialized .slick-slide {
border: 2px solid #fff;
}
.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
width: 50%;
overflow: visible;
}  .slick-slide {
cursor: auto !important;
} .contact-section .contact-form .wpcf7-form-control.wpcf7-submit {
background-color: #0d6efd;
height: 52px;
line-height: initial;
font-size: 16px;
color: #fff;
padding: 0 30px;
display: inline-block;
border: none;
width: auto;
border-radius: 50px;
}
.contact-section .contact-form .wpcf7-form-control.wpcf7-submit:hover {
background-color: #313131;
color: #fff;
}
.contact-form input[type=submit] {
background-color: #0d6efd;
color: #fff;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0px;
text-transform: uppercase;
display: inline-block;
line-height: 1;
transition: .3s;
height: 50px;
border: none;
width: auto;
}
.services-section-s2 .contact-form input[type=submit].wpcf7-submit {
background-color: #feea2b;
border-radius: 50px;
color: #0e3c7b;
margin-bottom: 25px;
}
.services-section-s2 .contact-form input[type=submit].wpcf7-submit:hover {
background-color: #0b6ef3;
color: #fff;
text-decoration: none;
}
.attorny-single-section .contact-form input[type=submit] {
background-color: #0d6efd;
color: #fff;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0px;
text-transform: capitalize;
display: inline-block;
line-height: 43px;
padding: 0 30px;
transition: .3s;
height: 53px;
}
.contact-form input[type=submit]:hover {
background-color: #0d6efd;
} .wpo-blog-pg-section .entry-meta li {
list-style: none;
} .comments-area .jhair-nav-previous {
padding-bottom: 0px;
}
.wpo-blog-single-section .jhair-comment-navigation+ol.comments {
margin: 30px 0 30px;
}
.wpo-blog-single-section .comments-area .comment-reply-link {
background-color: #3757f7;
color: #fff;
font-size: 13px;
padding: 0px 9px;
text-transform: capitalize;
}
.wpo-blog-single-section .comments-area .comment-reply-link:hover {
color: #fff;
background-color: #4256bb;
}
.wpo-blog-single-section .entry-meta li {
list-style: none;
}
.wpo-blog-single-section .entry-meta {
text-transform: capitalize;
margin-bottom: 35px;
border-bottom: 1px solid #eee;
padding-top: 15px;
padding-bottom: 15px;
}
@media (max-width: 767px) {
.wpo-blog-single-section .entry-meta { }
}
.wpo-blog-pg-section .post h3 {
margin-top: -0.33em;
}
@media (max-width: 991px) {
.wpo-blog-pg-section .entry-details p {
font-size: 15px;
}
}
.wpo-blog-pg-section .format-standard.has-post-thumbnail {
background-color: transparent;
padding: 0px;
}
.wp-link-pages+a {
display: inline-block;
margin-top: 35px;
}
.wpo-blog-pg-section .post .meta,
.wpo-blog-single-section .post .meta {
padding-left: 0px;
}
.wpo-blog-single-section .tag-share ul {
padding-left: 0px;
}
@media (max-width: 450px) { 
.wpo-blog-single-section .tag-share ul li {
padding-bottom: 5px;
}
}
.wpo-blog-single-section .tag-share .share ul {
top: 7px;
}
.wpo-blog-single-section .tag-share .tag a {
text-transform: capitalize;
font-weight: 700;
}
.blog-sidebar .search-widget input {
width: 100%;
}
h2.jhair-screen-reader-text {
font-size: 20px;
}
.blog-section .grid ul {
padding-left: 0;
list-style: none;
}
.wpo-blog-single-section .comments-area ol ul {
list-style: none;
}
.wpo-blog-pg-section .blog-content .post {
word-break: break-all;
}
.comments-area #comment-nav-above {
margin-bottom: 20px;
}
.header-search-form {
z-index: 999;
}
.wpo-blog-pg-section .post p.date {
font-size: 13px;
}
.wpo-blog-pg-section .post p.date i {
padding-right: 5px;
}
.wpo-blog-pg-section .format-gallery .owl-controls .owl-nav i:before {
margin-left: 0px;
}
.wpo-blog-pg-section .wpo-blog-content .post:last-of-type {
margin-bottom: 0px;
}
.wpo-blog-pg-section .left-sidebar .wpo-blog-content ,
.wpo-blog-single-section.left-sidebar .wpo-blog-content {
padding-left: 30px;
}
@media (max-width: 991px) {
.wpo-blog-pg-section .left-sidebar .wpo-blog-content ,
.wpo-blog-single-section.left-sidebar .wpo-blog-content {
padding-left: 0px;
padding-right: 0px;
}
}
.blog-sidebar .recent-post-widget .post .details .date {
color: #9e9c9c;
font-weight: 600;
}
.blog-content .entry-details ul,
.blog-content .entry-details ol { } @media (max-width: 991px) {
.wpo-site-header.header-style-1 .dont_has_menu+.cart-search-contact {
top: -3px;
}
}
@media (max-width: 767px) {
.wpo-site-header .site-logo.dont_has_menu a.navbar-brand {
margin-left: 15px;
}
}
@media screen and (min-width: 1200px) {
.wpo-site-header .navigation #navbar.not-has-cta {
margin-right: 50px;
}
.wpo-site-header .navigation #navbar.dont-has-menu {
min-height: 100px;
}
}
@media (max-width:1750px) and (min-width:1649px) { 
.wpo-site-header #navbar>ul>li>a {
font-size: 18px;
}
}
@media (max-width:1650px) and (min-width:1366px) { 
.wpo-site-header #navbar>ul>li>a {
font-size: 16px;
padding: 35px 10px;
}
}
@media (max-width:1365px) and (min-width:992px) { 
.wpo-site-header #navbar>ul>li>a {
font-size: 15px;
padding: 35px 10px;
}
}
@media (max-width:1199px) and (min-width:992px) {
.wpo-site-header #navbar>ul>li>a {
padding: 35px 5px;
font-size: 14px;
}
.wpo-site-header .navigation #navbar.not-has-cta {
margin-right: 35px;
}
.wpo-site-header .navigation #navbar.dont-has-menu {
min-height: 100px;
}
}
.wpo-site-header #navbar ul {
list-style: none;
padding-left: 0;
position: relative;
top: 2px;
}
@media (max-width: 1400px) and (min-width: 992px) {
.wpo-site-header #navbar ul {
top: -4px;
}
}
.wpo-site-header .dont-has-menu .mobail-menu {
display: none;
}
.topbar .contact-info ul,
.topbar .social ul {
padding-left: 0;
list-style: none;
} .page-title {
word-break: break-all;
position: relative;
}
.page-title h2 {
margin-top: 8px;
padding-bottom: 10px;
margin-bottom: 0px;
}
.page-title .breadcrumb li {
line-height: 1;
}
@media screen and (min-width: 992px) {
.header-style-2+.page-title .container {
padding-top: 0px;
}
}
.breadcrumb.trail-items {
background: transparent;
color: #fff;
}
.breadcrumb.trail-items li,
.breadcrumb.trail-items li a {
color: #fff;
} .site-footer .lower-footer p {
margin-bottom: 0px;
font-size: 14px;
font-size: 0.875rem;
}
.site-footer .lower-footer p a {
color: #cdced0;
}
.site-footer .widget_block {
margin-bottom: 20px;
}
.site-footer .widget_block h3 {
margin-top: 0;
font-size: 20px;
} .comming-soon-section {
height: 100vh;
background: #f9f7f2;
}
.comming-soon-section .container {
height: 100%;
display: table;
padding: 0;
border: 15px solid #eeeae0;
}
.comming-soon-section .row {
display: table-cell;
vertical-align: middle;
}
.comming-soon-section .icon i:before {
font-size: 100px;
color: #eeeae0;
} .site-footer .lower-footer .copyright {
display: inline-block;
}
.site-footer .lower-footer .site-map {
display: inline-block;
float: right;
}
.site-footer .lower-footer .site-map ul {
padding-left: 0px;
}
.site-footer .lower-footer .site-map li {
line-height: 20px;
}
.site-footer ul {
padding-left: 0px;
} .wpo-blog-single-section .more-posts .post-name {
font-size: 18px;
color: #274054;
margin: 0.8em 0 0;
font-weight: 600;
}
.wpo-blog-single-section .more-posts .post-control-link {
color: #bbb;
font-weight: normal;
}
.wpo-blog-single-section .tag-share .tag a {
position: relative;
} .wpo-blog-single-section .post-navigation {
overflow: hidden;
border: 1px solid #f2f2f2;
margin-top: 70px;
}
.wpo-blog-single-section .post-navigation .nav-previous,
.wpo-blog-single-section .post-navigation .nav-next {
font-size: 18px;
font-size: 1.125rem;
color: #939ba2;
padding: 30px;
width: 50%;
float: left;
}
.wpo-blog-single-section .post-navigation .nav-next {
text-align: right;
border-left: 1px solid #e8e8e8;
}
.wpo-blog-single-section .post-navigation .meta-nav {
color: #bbb;
font-weight: normal;
font-size: 15px;
}
.wpo-blog-single-section .post-navigation .post-title {
font-size: 17px;
color: #274054;
margin: 0.8em 0 0;
display: block;
word-break: break-all;
}
.wpo-blog-single-section .post-navigation .nav-previous .meta-nav {
position: relative;
padding-left: 20px;
}
.wpo-blog-single-section .post-navigation .nav-next .meta-nav {
position: relative;
padding-right: 20px;
}
.wpo-blog-single-section .post-navigation .nav-previous .meta-nav:before {
position: absolute;
left: 0px;
top: 0;
content: "\e662";
font-family: 'themify';
}
.wpo-blog-single-section .post-navigation .nav-next .meta-nav:before {
position: absolute;
right: 0px;
top: 0;
content: "\e661";
font-family: 'themify';
}
@media (max-width: 767px) {
.wpo-blog-single-section .post-navigation {
border-left: 1px solid #ebebf1;
border-right: 1px solid #ebebf1;
}
}
@media (max-width: 767px) {
.wpo-blog-single-section .post-navigation .nav-previous,
.wpo-blog-single-section .post-navigation .nav-next {
width: 100%;
float: none;
}
}
@media (max-width: 767px) {
.wpo-blog-single-section .post-navigation .previous-post,
.wpo-blog-single-section .post-navigation .next-post {
padding: 25px 15px !important;
}
}
@media (max-width: 767px) {
.wpo-blog-single-section .post-navigation .nav-next {
border-left: 0;
text-align: left;
border-top: 1px solid #e8e8e8;
}
}
@media (max-width: 991px) {
.wpo-blog-single-section .more-posts .post-name {
font-size: 18px;
font-size: 1.2rem;
}
}
@media only screen and (min-width: 991px) {
.wpo-blog-single-section .post-navigation .nav-links .nav-previous+.nav-next {
width: 50%;
float: left;
text-align: right;
}
.wpo-blog-single-section .post-navigation .nav-links .nav-next {
width: 100%;
float: none;
text-align: left;
}
} @media screen and (min-width: 1200px) {
.page-wrap .page-content {
padding-right: 50px;
}
}
.wp-block-image {
margin-bottom: 1.5em;
margin-top: 1.5em;
}
.wp-block-archives.wp-block-archives-dropdown {
margin-bottom: 1em;
}
.wp-block-media-text .wp-block-media-text__content {
padding-top: 1em;
}
.wp-block-media-text {
margin-bottom: 25px;
}
.wpo-site-header .header-search-form .searchform button i {
color: #0d6efd;
}
span.comments-date {
font-size: 14px;
text-transform: uppercase;
color: #868686;
} .theme-default-tab-wrap .theme-default-tab {
margin: 50px 0;
}
@media (max-width: 991px) {
.theme-default-tab-wrap .theme-default-tab {
margin: 40px 0;
}
}
.theme-default-tab-wrap .theme-default-tab .nav {
margin: 0;
}
.theme-default-tab-wrap .theme-default-tab .nav-item {
overflow: hidden;
margin: 0;
}
.theme-default-tab-wrap .theme-default-tab .nav li {
float: left;
padding-left: 0;
}
.theme-default-tab-wrap .theme-default-tab .nav>li+li {
margin-top: 0;
margin-left: 3px;
}
@media (max-width: 767px) {
.theme-default-tab-wrap .theme-default-tab .nav>li+li {
margin-left: 1px;
}
}
.theme-default-tab-wrap .theme-default-tab .nav-item button {
font-size: 16px;
font-weight: 500;
color: #ffffff;
padding: 13px 25px;
border: 1px solid rgb(119 140 249);
background: #3084ff;
}
.theme-default-tab-wrap .theme-default-tab .nav-item button.active {
background: #0d6efd;
}
@media (max-width: 767px) {
.theme-default-tab-wrap .theme-default-tab .nav-item button {
font-size: 13px;
font-size: 0.86667rem;
padding: 8px 12px;
text-transform: none;
}
}
@media (max-width: 350px) {
.theme-default-tab-wrap .theme-default-tab .nav-item button {
padding: 8px;
}
}
.theme-default-tab-wrap .theme-default-tab .nav-item .active button,
.theme-default-tab-wrap .theme-default-tab .nav-item button:hover {
background: #0d6efd;
color: #fff;
}
.theme-default-tab-wrap .tab-content {
padding: 35px 40px;
margin-top: -1px;
border: 1px solid rgb(220 226 255);
}
@media (max-width: 767px) {
.theme-default-tab-wrap .tab-content {
padding: 25px 20px;
}
}
.theme-default-tab-wrap .tab-content .tab-pane p {
margin-bottom: 20px;
}
@media (max-width: 767px) {
.theme-default-tab-wrap .tab-content .tab-pane p {
margin-bottom: 15px;
}
}
.theme-default-tab-wrap .tab-content .tab-pane p:last-child {
margin-bottom: 0;
}
.nav-links .page-numbers {
border: none;
color: #3c3c3c;
font-size: 16px;
font-weight: 600;
color: #232f4b;
background: #ebf4fc;
font-family: "Futura PT";
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
font-weight: 600;
font-size: 17px;
}
.page-wraper .comment-respond .comment-reply-title a i {
padding-left: 7px;
font-size: 15px;
}
.wpo-blog-single-section .comment-respond .comment-reply-title a i {
padding-left: 7px;
font-size: 15px;
}
.wpo-blog-single-section .comments-area > .comment-respond {
margin-top: 70px;
box-shadow: 0px 6px 20.1px 4.9px rgb(176 191 238 / 12%);
padding: 55px 50px;
padding-top: 52px;
}
@media (max-width: 767px) { 
.wpo-blog-single-section .comments-area > .comment-respond {
margin-top: 70px;
box-shadow: none;
padding: 0;
}
} .theme-accordion .accordion .accordion-item {
border: none;
box-shadow: 0px 5px 15px 0px rgb(62 65 159 / 10%);
border-left: 3px solid #7389f9;
}
.theme-accordion .accordion .accordion-item h3 button {
font-size: 18px;
font-family: "Futura PT";
font-weight: 500;
color: #232f4b;
box-shadow: none;
border: none;
padding: 20px;
background-color: #fff;
}
.theme-accordion .accordion-item:first-of-type .accordion-button { }
.theme-accordion .accordion .accordion-body {
background-color: #fff;
padding: 25px;
border-top: 1px solid #eee;
}
.theme-accordion .accordion .accordion-body p {
margin-bottom: 0;
}
.page-wrap.padding-default {
padding: 100px 0px;
}
@media (max-width: 767px) {
.page-wrap.padding-default {
padding: 80px 0px;
}
} .blog-section .meta img {
border-radius: 50%;
display: inline-block;
padding-right: 5px;
max-width: 40px;
}
.blog-section .meta a {
color: #797979;
}
.blog-section {
padding-bottom: 0px;
}
.wpo-blog-pg-section .format-standard.has-post-thumbnail {
background: transparent;
border: 0px;
}
.blog-sidebar .category-widget ul li {
line-height: 20px;
}
.blog-sidebar .category-widget ul li:before {
top: 11px;
}
.wpo-blog-pg-section .container>.row>.col-md-3 .wp-block-calendar table#wp-calendar th,
.wpo-blog-pg-section .container>.row>.col-md-3 .calendar_wrap table#wp-calendar th,
.wpo-blog-pg-section .container>.row>.col-md-3 .calendar_wrap table#wp-calendar td {
padding: 3px;
font-size: 12px;
}
.blog-section .entry-meta ul li a {
color: #687188;
}
.blog-section .entry-meta ul>li+li:before {
top: 11px;
}
.site-footer .link-widget ul li,
.site-footer .contact-widget ul li {
line-height: 23px;
}
.site-footer .newsletter-widget input {
background-color: #363c52;
height: 60px;
color: #ffffff;
padding: 6px 25px;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #12989e52;
}
.site-footer .newsletter-widget .submit {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.site-footer .newsletter-widget button {
border: none;
background: transparent;
color: #0d6efd;
font-size: 20px;
padding: 0px;
}
.site-footer .newsletter-widget .submit button {
background: #12989e;
}
.site-footer .newsletter-widget .submit button i {
font-size: 15px;
}
.elementor-element.elementor-widget-empty {
background-color: transparent !important;
}
.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
padding: 0px !important;
}
@media (max-width: 1199px) {
.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
padding: 0px 10px !important;
}
}
.not-found a.theme-btn {
display: inline-block;
padding: 17px 25px;
}
.blog-content .post-password-form {
max-width: 58rem;
width: calc(100% - 4rem);
}
.giverpro-feature .feature-grids .grid img {
max-width: 60px;
margin-bottom: 10px;
}
@media screen and (min-width: 1200px) {
.about-section .right-col {
min-height: 820px;
}
}
.site-footer .address-widget p {
margin-bottom: 10px;
}
.wpo-blog-single-section .date-entry-meta .entry-meta {
overflow: hidden;
padding: 15px 0 13px;
margin-bottom: 35px;
border-bottom: 1px solid #e4e4e4;
}
.site-footer .widget_nav_menu {
padding-left: 15px;
}
.site-footer .widget_nav_menu ul>li a {
color: #fff;
}
.site-footer .widget_nav_menu ul>li {
border-bottom: 1px solid #373d54;
width: 90%;
}
.site-footer .widget_nav_menu ul>li:last-child {
border: none;
} @media (max-width: 1600px) { 
.navbar-header .site-logo .navbar-brand img {
padding-left: 10px;
}
}
@media (max-width: 575px) { 
.navbar-header .site-logo .navbar-brand img {
padding-left: 0px;
margin-left: -13px;
}
}
.navbar-header .site-logo .navbar-brand img {
max-width: 200px;
}
@media (max-width: 575px) {  
.navbar-header .site-logo .navbar-brand img {
max-width: 175px;
}
}
.footer-post-widget .posts ul {
display: flex;
flex-wrap: wrap;
margin: 0px -3px;
}
.footer-post-widget .posts ul li  {
flex: 0 0 33.33%;
max-width: 33.33%;
margin-bottom: 8px;
padding: 0px 5px;
}
.footer-post-widget .posts ul li img {
width: 100%;
}
.blog-sidebar #block-13 ,
.blog-sidebar #block-14 {
margin-top: 0;
}
.widget_categories ul li a {
font-size: 19px;
font-family: "Futura PT";
font-weight: 500;
}
.wpo-single-sidebar .widget#text-widget-7 {
padding: 0;
}
.wpo-single-sidebar .widget .wpo-contact-widgets  {
background: #3757F7;
padding: 55px;
padding-top: 35px;
color: #fff;
text-align: left;
}
.wpo-single-sidebar .wpo-contact-widgets h2  {
color: #fff;
text-align: left;
margin-bottom: 0;
}
.wpo-single-sidebar .wpo-contact-widgets p  {
color: #fff;
}
.wpo-single-sidebar .wpo-contact-widgets .theme-btn {
border: 2px solid #fff;
line-height: 1.3;
margin-top: 10px;
}
.page-testimonials .owl-controls {
display: none;
}