/*
Theme Name: Recruiters Websites
Theme URI: http://www.recruiterswebsites.com
Version: 1.0
Description: Recruiters Websites Framework for Custom Website Development
Author: The Recruiters Websites Team
Author URI: http://www.recruiterswebsites.com
template: bb-theme
*/

/* Add your custom styles here... */

/* MAIN STYLES */

:root {
    --primary: #CB4715;
    --secondary: #1A7DFF;
    --tertiary: #FF5733;

}

body {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

/*---------------------------------
        GRID SYSTEM
--------------------------------- */

.triple-grid-wrap {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.quad-grid-wrap {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

@media screen and (max-width: 992px) {
    .triple-grid-wrap,
    .quad-grid-wrap {
        grid-template-columns: repeat(2, 1fr);
    }


}

@media screen and (max-width: 768px) {
    .triple-grid-wrap,
    .quad-grid-wrap {
        grid-template-columns: repeat(1, 1fr);
    }
}

/*
==========================================================================
 GLOBALS
==========================================================================
*/

p:empty {
    display: none;
}

.subtitle-spacing p.pp-heading-prefix {
    margin-bottom: 0;
}


div.smart-gap .pp-heading-content .pp-heading .heading-title {
    margin-bottom: 23px;
}

.sticky-rw-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
}

@media screen and (max-width: 992px) {
    .sticky-rw-sidebar {
        position: relative;
        top: 0;
    }
}

@media screen and (max-width: 768px) {
    body {
        overflow: hidden;
    }
}


/*
==========================================================================
 MENU HEADER
==========================================================================
*/
#menu-grid-wrap .fl-col-content.fl-node-content {
    display: grid;
    grid-template-columns: 200px 1fr 150px;
    gap: 20px;
    align-items: center;
}

#menu-logo-size {
    order: 1;
}

#rw-menu-items {
    order: 2;
}

#rw-menu-btn-ele {
    order: 3;
}

.mobile-btn-menu {
    margin: 25px auto;
    text-align: center;
}

.mobile-btn-menu a.rw-btn-menu.rw-btn-pad {
    width: calc(100% - 50px);
}

.fl-node-fcxr0m5hqsb2 .pp-advanced-menu.off-canvas .sub-menu > li > a,
.fl-node-fcxr0m5hqsb2 .pp-advanced-menu.off-canvas .sub-menu > li > .pp-has-submenu-container > a {
    padding-left: 40px;
}

@media (max-width: 1400px) {
    #rw-menu-items .pp-advanced-menu .menu > li {
        margin: 0 10px;
    }

    #rw-menu-items .pp-advanced-menu .menu a {
        font-size: 16px;
    }
}

@media (max-width: 1260px) {
    #rw-menu-items .pp-advanced-menu .menu > li {
        margin: 0 5px;
    }

    #menu-grid-wrap .fl-col-content.fl-node-content {
        grid-template-columns: 165px 1fr 150px;
    }
}

@media (max-width: 1154px) {
    #rw-menu-items .pp-advanced-menu-mobile {
        justify-content: flex-end;
    }

    #rw-menu-items {
        order: 3;
    }

    #rw-menu-btn-ele {
        order: 2;
    }
}

@media (max-width: 769px) {
    #rw-menu-btn-ele {
        display: none;
    }
}

/*
==========================================================================
 MAIN BUTTONS
==========================================================================
*/
.rw-btn-wrapper {
    display: flex;
    padding-top: 15px;
    align-items: center;
    gap: 20px;
}

.rw-btn-main {
    padding: 18.5px 30px;
}

.rw-btn-pad {
    padding: 7.5px 25px;
}

a.rw-btn-menu.rw-btn-pad {
    display: inline-block;
}

.rw-btn-menu-wrapper {
    text-align: right;
}

.intro-center-content .rw-btn-wrapper {
    justify-content: center;
}

@media (max-width: 768px) {
    .rw-btn-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }

    .intro-center-content .rw-btn-wrapper {
        justify-content: center;
        align-items: center;
    }
}


/*
==========================================================================
RW TABS
==========================================================================
*/

ul#rwTab {
    border: none;
    justify-content: center;
}

#rwTab .rw-nav-link {
    background: #F4F4F4;
    border: 0;
    border-radius: 60px;
    padding: 20px 30px;
    min-width: 250px;
    text-align: center;
    color: #000;
    font-weight: 500;
}

#rwTab li.rw-nav-item:not(:last-child) {
    margin-right: 15px;
}

.rwTab-inner-wrapper {
    display: grid;
    grid-template-columns: 55% 45%;
    align-items: center;
    margin-top: 100px;
}

.rwTab-subtitle {
    margin-bottom: 0;
}

.rwTab-para-content,
.rwTab-title {
    margin-bottom: 25px;
}


.rwTab-inner-content-img {
    background-position: center;
    min-height: 500px;
    border-radius: 60px;
    margin-left: 7%;
    background-size: cover;
    position: relative;
    z-index: 1; /* Make sure this element is above the ::before element */
}

.rw-accent-circle {
    position: relative;
}

.rw-accent-circle svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 606px;
    width: 606px;
    left: calc(8% + 20px);
}

.rw-tab-intro .pp-heading-content {
    max-width: 800px;
    margin: auto;
}

@media (max-width: 992px) {
    .rw-accent-circle svg {
        display: none;
    }
}


/* Mobile View - Switch to Accordion */
@media (max-width: 768px) {
    #rwTab {
        display: block;
        border: none;
        padding: 0;
    }

    #rwTab .rw-nav-link {
        display: block;
        width: 100%;
        text-align: left;
        border-radius: 65px;
        background: #f9f9f9;
        border-bottom: 0;
        padding: 15px 30px;
        margin-bottom: 0;
    }

    #rwTab li.rw-nav-item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .rwTab-inner-wrapper {
        display: flex;
        margin-top: 20px;
        flex-direction: column-reverse;
    }

    .rwTab-inner-content-img {
        min-height: 300px;
        margin-left: 0;
        margin-bottom: 20px;
        aspect-ratio: 4/3;
    }


}

/*
==========================================================================
    LARGE IMAGE / WHITE BOX
==========================================================================
*/
#img-white-box-row {
    position: relative;
    z-index: 5;
}

#img-white-box-wrap {
    width: 45%;
}

.img-white-box-shadow {
    border-radius: 0 60px 60px 0;
    background-color: #FFFFFF;
    box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.1);
    margin: 100px 5% 100px 0;
    padding: 50px 5%;
}


@media screen and (max-width: 1200px) {

    .img-white-box-shadow {
        margin: 50px 0;
        padding: 50px 2%;
    }
}

@media screen and (max-width: 992px) {
    .img-white-box-shadow {
        margin: 0 20px;
        padding: 50px 30px;
        border-radius: 0 0 60px 60px;
    }
}

@media screen and (max-width: 992px) {
    .img-white-box-shadow {
        margin: 0;
        padding: 40px 10px;
    }
}


/*
==========================================================================
     GRAY BOX / IMAGE HOME HERO
==========================================================================
*/
#img-gray-box-wrap {
    position: relative;
    z-index: 5;
}

#img-gray-box-wrap {
    width: 45%;
}

.img-gray-box-shadow {
    border-radius: 0 0 0 60px;
    background-color: #F4F4F4;
    margin: 0 0 50px 5%;
    padding: 50px 5%;
}


@media screen and (max-width: 1200px) {

    .img-gray-box-shadow {
        margin: 0;
        padding: 50px 2%;
    }
}

@media screen and (max-width: 992px) {
    .img-gray-box-shadow {
        margin: 0 20px;
        padding: 50px 30px;
        border-radius: 0 0 60px 60px;
    }
}

@media screen and (max-width: 992px) {
    .img-gray-box-shadow {
        margin: 0;
        padding: 40px 10px;
    }
}


/*
==========================================================================
       GLOBAL SUBPAGE HEADER
==========================================================================
*/

.rw-subpage-h-inner {
    max-width: 850px;
    margin: auto;
    min-height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 100px 20px 100px;
    z-index: 5;
    position: relative;
    text-align: center;
}

.rw-subpage-wrapper {
    background-size: cover;
    background-position: center;
}

.rw-subpage-wrapper:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.35);
    border-radius: 0 0 60px 60px;
}

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

    .rw-subpage-h-inner {
        min-height: 350px;
        padding: 60px 20px 60px;
    }

}


/*
==========================================================================
GRADIENT BOX SECTION
==========================================================================
*/
#grad-bg-wrap > .fl-row-content-wrap {
    margin: -325px 0 0 0;
    padding: 400px 0 50px 6%;
    position: relative;
}

#grad-bg-wrap.grad-no-industry > .fl-row-content-wrap {
    padding: 400px 6% 100px 6%;
}

.expertise-slider-col .fl-col-content.fl-node-content {
    margin: 0 0 0 5%;
}


.gradient-img {
    position: relative;
}

.gradient-img .fl-col-content {
    border-radius: 30px;
    position: relative;
    aspect-ratio: 4/3;
    min-height: 350px;
}

.gradient-img-wrap .fl-col-content:after {
    position: absolute;
    content: "";
    background: transparent;
    inset: 0;
    width: 100%;
    border-radius: 30px;
    border: 2px solid green;
    margin: 8px 0 -8px 8px;
}

.gradient-img .rwTab-inner-content-img {
    max-width: 590px;
    margin-left: 0;
}

.gradient-img-circle .rw-accent-circle svg {
    left: calc(18% + 20px);
}

.white-box-img .fl-col-content:after {
    margin: 8px -8px -8px -8px;
}

@media (max-width: 1260px) {

    #grad-bg-wrap > .fl-row-content-wrap,
    #grad-bg-wrap.grad-no-industry > .fl-row-content-wrap {
        margin: -150px 0 0 0;
        padding: 170px 20px 50px 20px;
    }

    #grad-bg-wrap.grad-no-industry > .fl-row-content-wrap {
        padding: 200px 20px 50px 20px;
    }

    .expertise-slider-col .fl-col-content.fl-node-content {
        margin: 0 0 0 20px;
    }
}

@media (max-width: 992px) {
    .gradient-img-circle .rw-accent-circle svg,
    .grad-img-circle-wrap {
        display: none;
    }

    .gradient-img .rwTab-inner-content-img {
        max-width: 100%;
        margin-left: 0;
    }
}


/*
==========================================================================
SLICK EXPERTISE SLIDER
==========================================================================
*/

#slick-expertise .slick-slide {
    padding-left: 25px;
    padding-right: 25px;
    outline: none;
    position: relative;
}

#slick-expertise .slick-list {
    margin-left: -20px;
    margin-right: -20px;
}

#slick-expertise .slick-track {
    display: flex !important;
    margin: 50px 0;
}

#slick-expertise .slick-list.draggable {
    padding: 0 30% 0 0;
}

#slick-expertise.slick-single-expertise .slick-list.draggable {
    padding: 0 12% 0 0;
}

/************************************
       SLICK EXPERTISE SLIDER
************************************/

.slider-background-img {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 600px !important;
    border-radius: 30px;
    position: relative;
}

.slider-background-img.slick-slide:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    border-radius: 30px;
    background: linear-gradient(180deg, rgb(63 63 63 / 50%) 0%, rgba(0, 0, 0, 0.5) 100%);
}

.slider-background-img.slick-slide:before {
    position: absolute;
    content: "";
    background: transparent;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border-radius: 30px;
    border: 2px solid white;
    margin: 8px -8px -8px 8px;
    z-index: 5;
}

.slider-text-cont {
    position: absolute;
    bottom: 20px;
    left: 30px;
    margin-right: 20px;
    display: flex;
    color: #fff;
    z-index: 5;
    gap: 12px;
    align-items: center;
}

.slider-text-cont h4 {
    font-weight: 500;
    color: #fff;
}

.slider-slide-arrow i {
    font-size: 35px;
    color: #fff;
}

#slick-expertise .slick-arrow {
    display: none !important;
}

#expertise-color-wrap .fl-row-content-wrap {
    position: relative;
}

.expertise-left-col {
    position: relative;
}

a.slick-slide:hover {
    transform: translate(0, -8px);
    cursor: pointer;
}

a.slick-slide {
    transition: 0.3s;
}

section#slick-expertise {
    z-index: 5;
}

.rw-slick-btns .uabb-dual-button .uabb-dual-button-wrapper {
    width: auto;
}

.rw-slick-btns .uabb-dual-button .uabb-btn-horizontal {
    width: 60px;
    height: 60px;
}

.expertise-slide-col {
    position: relative;
}

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

    #expertise-color-wrap .fl-row-content-wrap:after {
        display: none;
    }

    .slider-background-img {
        height: 500px !important;
    }

    #slick-expertise .slick-list.draggable {
        padding: 0 15% 0 0;
    }

    #expertise-color-wrap .fl-row-content-wrap:before {
        width: 100% !important;
        margin-left: 0 !important;
        border-radius: 0;
    }
}

/*
==========================================================================
CLIENT LOGO SLIDER
==========================================================================
*/

.rw-client-logos .pp-carousel-image-container img {
    max-width: 170px;
    max-height: 100px;
}

.rw-client-logos .pp-carousel-image-container {
    display: flex;
    height: 100%;
    /*align-items:center;*/
    justify-content: center;
}

.rw-client-logos .pp-image-carousel {
    height:100px;
}

/*
==========================================================================
TEAM CARDS
==========================================================================
*/

#team-members {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.team-data-wrapper {
    flex: 0 0 calc(25% - 40px);
    margin: 20px;
    transition: 0.3s;
}

.team-image img {
    object-fit: cover;
    object-position: center;
    border-radius: 30px;
}

.team-image, .team-info-cont {
    position: relative;
}

.team-image:hover:after {
    position: absolute;
    inset: 0;
    content: "";
    background: linear-gradient(180deg, rgb(63 63 63 / 10%) 0%, rgba(0, 0, 0, 0.5) 100%);
    border-radius: 30px;
}


.team-content-wrapper {
    position: relative;
    padding: 25px 25px 0;
}

.team-arrow {
    font-size: 30px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    height: 45px;
    width: 45px;
    background: transparent;
    border: 1px solid white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    z-index: 8;
    opacity: 0;
    transition: 0.3s;
}

.team-image:hover .team-arrow {
    opacity: 1;
}

.single.single-team .team-image.single-team-img.team-post-img .team-arrow {
    display: none;
}

.team-data h4 {
    font-size: 25px;
    margin-bottom: 0;
}

.team-title-all {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0;
}

.team-image:before {
    position: absolute;
    content: "";
    background: transparent;
    inset: 0;
    width: 100%;
    border-radius: 30px;
    border: 2px solid green;
    margin: 8px 0 -8px 8px;
}

.team-social-all {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    font-size: 25px;
}

.team-image.single-team-img.team-fallback-img img {
    width: 85%;
    margin: auto;
    display: flex;
    height: 100%;
    object-fit: contain;
    text-align: center;
}


#team-single-col .team-image.single-team-img:after {
    display: none;
}

@media screen and (max-width: 1400px) {
    .team-data-wrapper {
        flex: 0 0 calc(33.33% - 40px);
    }
}

@media screen and (max-width: 1200px) {

    .team-data-wrapper {
        flex: 0 0 calc(50% - 40px);
    }
}

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

    .team-data-wrapper {
        flex: 0 0 calc(100%);
    }

    .team-social-all {
        justify-content: flex-start;
        font-size: 22px;
    }
}


/****************************************
          RW CTA
****************************************/

#rw-footer-wrap {
    position: relative;
    z-index: 1;
}

#footer-cta-wrap {
    position: relative;
    z-index: 15;
}

#rw-cta-container {
    position: relative;
    z-index: 6;
}

section.rw-cta-wrapper {
    padding: 95px 18%;
    position: relative;
    text-align: center;
}

.rw-cta-wrapper h4 {
    line-height: 1.2;
}

.rw-cta-btn {
    display: inline-block;
    padding: 18.5px 30px;
    margin-top: 20px;
    font-weight: 500;
}

@media (max-width: 992px) {
    #swoosh-footer-wrapper .uabb-top-row-separator.uabb-has-svg svg {
        width: 150%;
    }
}

@media screen and (max-width: 768px) {
    section.rw-cta-wrapper {
        padding: 80px 20px;
    }

    #swoosh-footer-wrapper .uabb-top-row-separator.uabb-has-svg svg {
        width: 200%;
    }

}


/****************************************
       INFO CIRCLE DATA
****************************************/
#mcm-info-circle .uabb-info-circle .uabb-module-content .uabb-icon-wrap .uabb-icon i:before {
    font-size: 52px;
}

/****************************************
      EXPERTISE ACCORDION
****************************************/

#rw-expertise-acc .pp-accordion-item.pp-accordion-item-active .pp-accordion-button {
    border-color: transparent;
    transition: 0.3s;
}

#rw-expertise-acc ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-width: 175px;
    -moz-column-width: 175px;
    column-width: 175px;
    -webkit-column-gap: 3em;
    -moz-column-gap: 3em;
    column-gap: 3em;
}

#rw-expertise-acc .pp-accordion-button-label,
#rw-expertise-acc span.pp-accordion-button-icon.pp-accordion-icon-right,
#rw-expertise-acc .pp-accordion-content {
    color: #fff;
}


/****************************************
      PROCESS ICONS
****************************************/

.process-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px 30px;
}

.process-icons i {
    font-size: 40px;
}

.process-icons {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .process-card {
        padding: 0 20px;
    }
}


/****************************************
     HERO ICONS
****************************************/

.hero-stat .process-icons {
    height: 60px;
    width: 60px;
    margin: 0;
}

.hero-stat .process-icons i {
    font-size: 32px;
}

.hero-stat p {
    margin-bottom: 0;
    line-height: 1.3;
}

.stat-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
}

/****************************************
          ICON STAT BOX
****************************************/

.icon-stat-box-wrap.stat-box-abs {
    position: relative;
    bottom: 150px;
    z-index: 8;
    left: calc(45% + 20px);
}

.icon-stat-box-wrap.stat-box-pos {
    position: relative;
}

.icon-stat-box-wrap {
    display: grid;
    width: 300px;
    background: #fff;
    border-radius: 30px;
    padding: 20px 22px;
    grid-template-columns: 60px 1fr;
    gap: 15px;
    align-items: center;
}

.stat-box-icons {
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
}

.stat-box-info p {
    margin-bottom: 0;
    line-height: 1.2;
}

@media (max-width: 992px) {
    .icon-stat-box-wrap.stat-box-abs {
        bottom: 120px;
        left: auto;
        right: -22px;
        margin-left: auto;
        margin-bottom: -100px;
    }
}

@media (max-width: 500px) {
    .icon-stat-box-wrap.stat-box-abs {
        bottom: 100px;
        right: -12px;
    }
}

/****************************************
          TESTIMONIAL SECTION
****************************************/

#slick-other-testimonials p.position-title,
#slick-other-testimonialss p.name-wrapper {
    margin-bottom: 0;
    font-weight: 600;
}

#slick-other-testimonials .slick-dots {
    bottom: -40px;
    text-align: left;
}


#slick-other-testimonials .slick-dots li {
    width: 15px;
    height: 15px;
    margin: 0 15px 0 0;
}

#slick-other-testimonials .slick-dots li button {
    width: 15px;
    height: 15px;
}

#slick-other-testimonials .slick-dots li button:before {
    font-size: 15px;
}

/****************************************
          JOBS
****************************************/

ul.job_types {
    display: none;
}

.job_filters .search_jobs div.filter_first, .job_filters .search_jobs div.search_keywords,
.job_filters .search_jobs div.filter_last, .job_filters .search_jobs div.search_location {
    float: none;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
}

.job_filters .search_jobs div.filter_wide, .job_filters .search_jobs div.search_categories {
    padding-top: 0;
}

.job_filters .search_jobs:after, .job_filters .search_jobs:before {
    display: none !important;
}

.search_jobs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.job_filters .search_jobs {
    padding: 25px;
}

.search_keywords input,
.search_location input {
    height: 51px;
    border-radius: 1px;
    border: none;
    background-color: white;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
span.select2.select2-container.select2-container--default.select2-container--below {
    line-height: 51px;
}

span.select2-selection.select2-selection--single,
span.select2.select2-container.select2-container--default,
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 51px;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: none;
    border-radius: 1px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-size: 14px;
    font-weight: 400;
}

ul.job_listings {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.job_filters {
    background: #000000;
    border-radius: 30px;
    max-width: 925px;
    margin: 0 auto 65px auto;
}

ul.job_listings a,
.slick-job a,
.rw-job-sm {
    padding: 60px 25px;
    position: relative;
    border-style: solid;
}

.rw-job-box h6 {
    margin-bottom: 20px;
}

.job-link {
    font-weight: 500;
    font-size: 16px;
}

.rw-job-box ul,
.rw-job-single ul {
    list-style: none;
    padding-left: 0;
}

.job_title_singles h2 {
    font-weight: 800;
}

.rw-job-single ul,
.single-job-loop .rw-job-box ul {
    margin-bottom: 0;
}

.rw-job-single ul li {
    display: inline-block;
}

.rw-job-box ul li {
    padding: 8px 0px;
    display: inline-block;
}

.single-job-loop .rw-job-box ul li {
    padding: 0;
}

.rw-job-box p {
    font-size: 16px;
}

a.rw-relative-container.single-job-loop {
    border-bottom: 1px solid #D8D8D8;
    display: block;
    padding: 30px 0;
}

a.rw-relative-container.single-job-loop:last-child {
    border-bottom: none;
}

.rw-relative-container.single-job-loop p {
    display: none;
}

.slick-job a {
    margin: 0 10px;
}

ul.rw-job-meta {
    display: flex;
    list-style: none;
    padding-left: 0;
    gap: 30px;
    flex-direction: row;
    margin-bottom: 0;
}

ul.rw-job-meta i {
    margin-right: 10px;
}

ul.job-listing-meta.meta {
    display: none;
}

.job_application.application a.btn.btn-default {
    padding: 12px 45px;
    margin-top: -4px;
}

input.application_button.rw-application_button.button {
    padding: 20px 45px;
}

input#gform_submit_button_2 {
    padding: 14px 45px;
}

#gform_fields_2 input {
    background: white;
    height: 50px;
}

#gform_fields_2 textarea {
    background: white;
    width: 100%;
}

.rw-job-box {
    position: relative;
}

ul.job_listings a:before {
    position: absolute;
    top: -8px;
    left: -8px;
    content: "";
    width: 100%;
    height: 100%;
}

.rp4wp-related-job_listing > ul, ul.job_listings {
    border-top: none;
}

.job_filters .showing_jobs {
    display: none !important;
}

/*
==========================================================================
JOBS MOBILE
==========================================================================
*/

@media screen and (max-width: 992px) and (min-width: 769px) {
    ul.job_listings,
    .search_jobs {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 768px) and (min-width: 320px) {
    .job_filters .search_jobs {
        padding: 20px;
    }

    ul.job_listings,
    .search_jobs {
        grid-template-columns: repeat(1, 1fr);
    }

    ul.rw-job-meta {
        gap: 10px;
        flex-direction: column;
    }
}

/*
==========================================================================
BLOG ARCH/SINGLE PAGE
==========================================================================
*/
.rw-blog-image {
    position: relative;
}

.rw-blog-image img {
    object-fit: cover;
    aspect-ratio: 4/3;
    border-radius: 10px 10px 0 0;
}

.rw-blog-content {
    padding: 20px 0;
}

.rw-blog-content .rw-blog-title {
    margin-bottom: 20px;
    font-size: 25px;
}

.rw-blog-content .rw-blog-cat {
    color: #4d4d4d;
}

.rw-blog-content span {
    font-weight: 400;
    text-decoration: underline;
}

.rw-blog-content span i {
    margin-left: 5px;
}

.rw-blog-content span:hover,
.rw-blog-content .rw-blog-title:hover {
    color: var(--blue);
}

.blog-related-wrapper .rw-arch-inner-wrapper {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 20px;
    margin-bottom: 30px;
}

.related-post-title {
    font-size: 30px;
    margin-bottom: 30px;
}

.blog-related-wrapper .rw-arch-inner-wrapper:not(:last-child) {
    border-bottom: 1px solid #D8D8D8;
}

.blog-related-wrapper .rw-arch-inner-wrapper .rw-blog-image img {
    border-radius: 12px;
}

.blog-related-wrapper .rw-arch-inner-wrapper .rw-blog-content {
    padding: 0 0 20px 0;
}

.blog-related-wrapper .rw-arch-inner-wrapper .rw-blog-content .rw-blog-cat {
    display: none;
}

@media screen and (max-width: 500px) {

    .blog-related-wrapper .rw-arch-inner-wrapper {
        grid-template-columns: 1fr;
    }

    .blog-related-wrapper .rw-arch-inner-wrapper:not(:last-child) {
        border-bottom: 0 solid #D8D8D8;
    }


}

/*
==========================================================================
   CONTACT INFO BOX
==========================================================================
*/

.rw-accent-contact svg {
    height: 481px;
    width: 481px;
    z-index: 0;
}

.contact-info-wrap h3 {
    font-size: 30px;
}

.contact-info-wrap {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 40px 30px;
    z-index: 5;
    position: relative;
}

span.contact-label {
    text-align: center;
    font-weight: 500;
}

.rw-accent-contact {
    top: 80px;
}

.contact-data {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 20px;
}

span.contact-address p:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 1200px) and (min-width: 993px) {

    .contact-info-wrap {
        padding: 40px 20px;
    }

    .contact-data {
        grid-template-columns: 70px 1fr;
        gap: 10px;
    }

}

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

    .rw-accent-contact {
        top: 0;
    }

    .rw-accent-contact svg {
        display: none;
    }
}

@media screen and (max-width: 500px) {

    .contact-data {
        grid-template-columns: 1fr;
        gap: 0;
    }

    span.contact-label {
        text-align: left;
    }

}


/*
==========================================================================
       HERO OPTIONS
==========================================================================
*/
.kens-home .fl-row-content-wrap .fl-bg-slideshow,
.video-home .fl-row-content-wrap .fl-bg-video {
    width: 50%;
    right: 0;
    left: auto;
}

@media screen and (max-width: 500px) {
    .kens-home .fl-row-content-wrap .fl-bg-slideshow,
    .video-home .fl-row-content-wrap .fl-bg-video {
        display: none;
    }
}


.home-box-icon-content h3 {
    font-size: 30px;
}

.home-card-wrapper {
    display: grid;
    grid-template-columns: 110px 1fr;
    gap: 30px;
}

.home-icon-cards {
    width: 110px;
    height: 110px;
    border-radius: 20px;
    margin-bottom: 0px;
}

.home-icon-cards i {
    font-size: 60px;
}

.home-box-icon-wrapper a {
    display: block;
    padding: 40px;
    max-width: 600px;
    position: relative;
    z-index: 5;
    transition: 0.3s;
}

.home-box-icon-wrapper a:hover {
    transform: translate(0, -8px);
    cursor: pointer;
}

.home-box-icon-wrapper a:not(:last-child) {
    margin-bottom: 20px;
}

.rw-home-accent-circle svg {
    left: calc(15% + 20px);
}

.home-box-icon-content span {
    font-weight: 500;
}

@media screen and (max-width: 768px) {
    .home-card-wrapper {
        grid-template-columns: 1fr;
    }

    .home-box-icon-wrapper a {
        max-width: 100%;
    }

    .home-icon-cards {
        width: 80px;
        height: 80px;
    }

    .home-icon-cards i {
        font-size: 40px;
    }
}