.cf:before,
.cf:after {
content: " "; display: table; }
.cf:after {
clear: both;
}
.cr-card {
border-radius: 8px;
box-shadow: 0 0 7px rgba(0,0,0,0.3);
padding: 2rem;
margin-bottom: 2rem;	
}
.cr-card__title {
font-size: 18px;
text-align: center;
margin-bottom: 10px;
}
.cr-card__salary,
.cr-card__loc,
.cr-card__contract {
display: block;
background-color: #F2F2F2;
text-align: center;
padding: 5px 10px;
margin-bottom: 8px;
}
.cr-card__desc {
padding: 6px 0 !important;
}
.cr-card__btn {
text-align: center;
padding-top: 16px;
}
.cta-btn {
color: white !important;
text-transform: uppercase;
background-color: #BA0C2F !important;
padding: 8px 16px;
border-radius: 50px;
display: inline-block;	
letter-spacing: 1px;
transition: 0.3s;
text-align: center;
max-width: 90%;
font-size: 14px;
}
.cta-btn:hover {
transform: scale(1.05);
}
@media (min-width: 1024px){
.cr-card {
width: 32.6666%;
float: left;
margin-right: 1%;
margin-bottom: 0;
}
.cr-card:nth-child(3n+3){
margin-right: 0;
}
}
@media (min-width: 1280px){
.cr-card {
width: 30.6666%;
margin-right: 4%
}
}   .rane-job-board__row{
border-radius: 8px;
box-shadow: 0 0 7px rgba(0,0,0,0.3);
padding: 2rem;
margin-bottom: 2rem;	
}
.rane-job-board__title {
color: #BA0C2F;
margin-bottom: 0;
padding-bottom: 0;
font-size: 22px;	
}
.rane-job-board__location {
font-weight: bold;
}
.rane-job-board__list {
list-style-type: none !important;
margin: 8px 0 !important;
padding: 0 !important;
}
.rane-job-board__list-item {
padding-left: 15px;
position: relative;
}
.rane-job-board__list-item::before {
content: "";
position: absolute;
left: 0;
top: 9px;
width: 8px;
height: 8px;
border-radius: 100%;
background-color: #BA0C2F;
}
.rane-job-board__desc {
margin-bottom: 16px;
}
.rane-job-board__apply {
padding-top: 8px;
}
.rane-job-board__btn {
color: white !important;
text-transform: uppercase;
background-color: #BA0C2F !important;
padding: 8px 16px;
border-radius: 50px;
display: inline-block;	
letter-spacing: 1px;
transition: 0.3s;
text-align: center;
max-width: 90%;
font-size: 14px;
}
@media (min-width: 768px){
.rane-job-board__row {
margin-bottom: 1rem;
}
.rane-job-board__hdr {
float: left;
width: 70%;
}
.rane-job-board__list-item {
display: inline-block;
padding-right: 16px;
}
.rane-job-board__apply {
float: right;
width: 30%;	
text-align: right;
}
}   .single-job-details {
width: 90%;
max-width: 1280px;
margin: 0 auto;
}
.single-job-details__hdr {
position: relative;
padding-bottom: 16px;
}
.single-job-details__hdr::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 3px;
width: 110px;
background-color: #BA0C2F;	
}
.single-job-details__title {
color: #BA0C2F;	
font-size: 32px;
}
.single-job-details__body {
padding-top: 32px;
}
.single-job-details__subtitle {
color: #BA0C2F;		
}
.single-job-details__body ul {
list-style-type: none !important;
}
.single-job-details__body ul li {
padding-left: 15px;
position: relative;
}
.single-job-details__body ul li::before {
content: "";
position: absolute;
left: 0;
top: 9px;
width: 8px;
height: 8px;
border-radius: 100%;
background-color: #BA0C2F;
}
.single-job-details__btn {
color: white !important;
text-transform: uppercase;
background-color: #BA0C2F !important;
padding: 8px 16px;
border-radius: 50px;
display: inline-block;	
letter-spacing: 1px;
transition: 0.3s;
text-align: center;
max-width: 90%;
font-size: 14px;
}
.single-job-details__btn:hover {
transform: scale(1.05);
}
.single-job-details__aside {
background-color: #BA0C2F;
padding: 16px;
border-radius: 16px;
}
.single-job-details__aside h2 {
color: white;
font-size: 22px;
margin-bottom: 12px;
}
.single-job-details__item {
margin-bottom: 12px;
line-height: 1.3;
color: white;
}
.single-job-details__item-label {
font-weight: bold;
}
.single-job-details__item-value {
font-size: 14px;
}
.single-job-details__ftr {
padding-top: 32px;
}
@media (min-width: 1024px){
.single-job-details__col-main {
float: left;
width: 75%;
padding-right: 25px;
}
.single-job-details__col-sec {
float: right;
width: 25%;
}
.single-job-details__ftr {
clear: left;
}
}.wp-pagenavi {
clear: both;
}
.wp-pagenavi a,
.wp-pagenavi span {
border: 1px solid var(--wp-pagenavi-border-color, #bfbfbf);
margin: 2px;
padding: 3px 5px;
text-decoration: none;
}
@media (prefers-color-scheme: dark) {
.wp-pagenavi a,
.wp-pagenavi span {
border-color: var(--wp-pagenavi-border-color, #4f4f4f);
}
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
border-color: var(--wp-pagenavi-border-color-current, currentColor);
}
.wp-pagenavi span.current {
font-weight: bold;
}