/*
Theme Name: Surf Search
Author: Talent Hero Media
Author URI: https://www.talentheromedia.com/
Description: This theme is designed by Talent Hero Media.
Version: 1.0
Text Domain: surfsearch

 */

 /* WordPress Core
-------------------------------------------------------------- */



/* Lato @import removed 2026-09-29: the font is never used, and the import blocked first paint. */
/* font-family: 'Lato', sans-serif; */

@font-face {
	font-display:swap;
    font-family: "Barlow-Regular";
    /*src: url("fonts/Barlow-Regular.ttf");*/
	src: url('fonts/Barlow-Regular.woff2') format('woff2'), url('fonts/Barlow-Regular.woff') format('woff'), url('fonts/Barlow-Regular.ttf') format('truetype');
}
@font-face {
	font-display:swap;
    font-family: "Barlow-semi-bold";
    /*src: url("fonts/Barlow-SemiBold.ttf");*/
	src: url('fonts/Barlow-SemiBold.woff2') format('woff2'), url('fonts/Barlow-SemiBold.woff') format('woff'), url('fonts/Barlow-SemiBold.ttf') format('truetype');
}
@font-face {
	font-display:swap;
    font-family: "Barlow-Light";
    /*src: url("fonts/Barlow-Light.ttf");*/
	src: url('fonts/Barlow-Light.woff2') format('woff2'), url('fonts/Barlow-Light.woff') format('woff'), url('fonts/Barlow-Light.ttf') format('truetype');
}
img{
    max-width: 100%;
    height: auto;
}
.lc-class {
    float: left;
}
.cab-clients h2{
    color: #4691e5 !important;
    text-transform: uppercase;
    font-size: 22px;
    font-family: "Barlow-semi-bold";
    margin-bottom: 30px;
}
.hmc-h2 h2{
    width: 700px;
    max-width: 100%;
    margin: 0px auto;
}
.who-we.hmc-h2 h2{
    margin-bottom: 55px;
}
.hmc-h2 h4{
    text-transform: uppercase;
}
.hmcab-h4 h4 {
    width: 49%;
    margin: 0px auto;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.alignnone {
	margin: 5px 0 20px 0;
}
.aligncenter, div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}
.alignright {
	float: right;
	margin: 5px 0 10px 20px;
}
.alignleft {
	float: left;
	margin: 5px 20px 10px 0;
}
a img.alignright {
	float: right;
	margin: 5px 0 10px 20px;
}
a img.alignnone {
	margin: 5px 20px 10px 0;
}
a img.alignleft {
	float: left;
	margin: 5px 20px 10px 0;
}
a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
table {
	width: 100%;
	margin-bottom: 20px;
}
td, th {
	border: 1px solid #dcdcdc;
	padding: 10px;
}
.wp-caption {
	background: #fff;
	border: 1px solid #dcdcdc;
	max-width: 96%;
	padding: 5px 3px 10px;
	text-align: center;
	margin-bottom: 20px;
}
.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}
.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	margin: 0;
	padding: 0 4px 5px;
}
figcaption{
	margin-top: 10px;
	text-align: center;
}
/* Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
/* Above WP toolbar. */ }
.bypostauthor {
	background: #fff;
}
.gallery-caption {
	font-size: 13px;
}
.sticky {
	position: relative;
}
/* Text meant only for screen readers. */

body{
    padding: 0;
    margin: 0;
}
h2{
    margin-bottom: 0.8rem;
}
ul{
     list-style: none;
     padding: 0;
     margin: 0;
}
a:hover{
    text-decoration: none;
}
.header{
    box-shadow: 3px 3px 11px 0px rgba(66, 70, 77, 0.44);
}
.logo{
    margin-top: 20px;
    margin-bottom: 20px;
}
.menu{
    margin-top: 20px;
    margin-bottom: 20px;
}
.menu ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.menu ul li{
    display: inline-block;
    margin-top: 8px;
}
.menu ul li a{
    display: block;
    font-family: "Barlow-Regular";
    font-size: 18px;
    color: #42464d;
    text-transform: uppercase;
    margin-right: 20px;
    text-decoration: none;
    padding: 2px 18px;
    border-radius: 21px;
}
.menu ul li.menu-item-has-children > a > i{
    display: inline-block;
    padding-left: 9px;
}
.menu ul li a i{
    display: none;
}
.menu ul li.menu-item-has-children ul li a{
    padding: 8px 15px;
    margin: 0;
    border-radius: 0;
}
.menu ul li.current-menu-item a{
    background-color: #1f4375;
    color: #fff;
}
.menu ul li.current-menu-item:hover .sub-menu li a{
    background-color: #fff;
    color: #1f4375;
}
.menu ul li.current-menu-item .sub-menu li a:hover{
    background-color: #1f4375;
    color: #fff;
}
.menu ul li a:hover{
    background-color: #1f4375;
    color: #fff;
}

/*.menu ul li .sub-menu li.current-menu-item a{
    background-color: #1f4375;
    color: #fff;
} */
.menu ul li.menu-item-has-children:hover > ul{
    display: block;
}
.menu ul li.menu-item-has-children ul{
	position: absolute;
	z-index:2;
	background: #fff;
}
.menu ul li.menu-item-has-children ul li{
	display: block;
    text-align: left;
    margin-top: 0;
}
.magnet-title {
    background-color: #1dbc94;
}
.sub-menu{
    display: none;
}
.magnet-title a{
    display: block;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 60px;
    padding-right: 10px;
    background: url(images/download.svg) no-repeat;
    background-size: 40px;
    background-position: 10px center;
    text-align: left;
}
.magnet-title h3{
    font-family:"Barlow-semi-bold";
    font-size: 18px;
    color: #fff;
    margin-bottom: 0;
    text-transform: uppercase;
}
.magnet-title p{
    margin-bottom: 0;
    color: #fff;
    font-family: "Barlow-Regular";
    font-size: 17px;
}
.banner-home{
    /*background-image: url(images/Home.jpg);*/
    background-image: url(images/Home.jpg.webp);
    background-repeat: no-repeat;
    padding-top: 260px;
    padding-bottom: 270px;
    position: relative;
    background-size: cover;
}
.banner-home h1{
    color: #fff;
    font-size: 46px;
    font-family: "Barlow-semi-bold";
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 70px;
}
.banner-home p{
    color: #fff;
    font-family: "Barlow-Regular";
    max-width: 528px;
    font-size: 20px;
}
.banner-inner{
    max-width: 625px;
}
.banner-inner ul{
    padding-bottom: 15px;
}
.banner-inner ul li{
    display: block;
}
.banner-inner ul li a{
    display: inline-block;
    color: #fff;
    background: url(images/check-white.png) no-repeat;
    padding-left: 30px;
    margin-bottom: 5px;
    margin-top: 5px;
    background-position: left center;
    font-size: 20px;
}
.banner-inner a.scrolldown{
    position: absolute;
    bottom: 40px;
    left: 50%;
    width: 33px;
    margin-left: -16px;
}
.who-we-container{
    background-color: #f6f9fe;
    padding-top: 100px;
    padding-bottom: 100px;
}
.who-we-container .who-we{
    margin-top: 0;
}
.who-we{
    margin-top: 85px;
}
.clients{
    margin-bottom: 85px;
}
.cab-clients{
    margin-bottom: 0;
    padding: 0 15px;
}
.logo-item{
    padding-top: 20px;
    padding-bottom: 20px;
}
.who-we h4{
    font-size: 18px;
    font-family: "Barlow-semi-bold";
    color: #4691e5;
    margin-bottom: 24px;
}
.who-we h2{
    margin-bottom: 40px;
    color: #000;
    font-size: 35px;
    text-transform: uppercase;
    font-family: "Barlow-semi-bold";
}
.who-we p{
    font-family: "Barlow-light";
    font-size: 18px;
    color: #000;
    max-width: 828px;
    margin: auto;
    margin-bottom: 55px;
}
.who-we a,
.btn-main{
    display: inline-block;
    font-size: 20px;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #4691e5;
    background-image: url(images/arrow.svg);
    background-repeat: no-repeat;
    background-position:20px;
    color: #fff;
    padding: 17px 22px 17px 55px;
    border-radius: 6px;
    box-shadow: 8px 8px 21px 0px rgba(70, 145, 229, 0.5);
    background-size: 20px;
}
.who-we a:hover,
.btn-main:hover,
.surf-blogs a:hover{
    background-color: #3280d6;
}
.capabilitie{
    padding-bottom: 25px;
}
.capabilitie a{
    padding-top: 25px;
    text-decoration: none;
    display: block;
    padding-bottom: 60px;
    background-image: url(images/arrow1.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position:50% 89%;
    transition: all 250ms ease;
}
.capabilitie a:hover{
    box-shadow: 3px 3px 14px 0px rgba(66, 70, 77, 0.13);
}
.capabilitie a img{
    max-width: 150px;
}
.capabilitie.capabilitie-update a img{
	height: 95px;
}
.capabilitie a h4{
    font-size: 20px;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #1f4375;
    font-family: "Barlow-semi-bold";
}
.capabilities{
    margin-bottom: 85px;
}
.surf-blog-container{
    /*background-image: url(images/blog-bg.jpg);*/
    background-image: url(images/blog-bg.jpg.webp);
    padding-top: 100px;
    padding-bottom:100px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
}
.surf-blogs{
    max-width: 509px;
}
.surf-blog h3{
    font-size: 35px;
    font-family: "Barlow-semi-bold";
    color: #2c3037;
    text-transform: uppercase;
}
.surf-blog p{
    color: #2c3037;
    font-size: 25px;
    font-family: "Barlow-Light";
    margin-bottom: 0;
}
.surf-blogs a{
    display: inline-block;
    margin-top: 40px;
    font-size: 20px;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #4691e5;
    background-image: url(images/arrow.svg);
    background-repeat: no-repeat;
    background-position:20px;
    color: #fff;
    background-size: 20px;
    padding: 17px 18px 17px 55px;
    border-radius: 6px;
    font-family: "Barlow-Light";
    box-shadow: 8px 8px 21px 0px rgba(70, 145, 229, 0.5);
}
.footer-container{
    background-color: #1f4375;
}
.footer{
    padding-top: 100px;
    padding-bottom: 70px;
}
.footer-search{
    max-width: 279px;
}
.footer-heading h3{
    font-family: "Barlow-semi-bold";
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 40px;
    background: url(images/footer-heading-bg.png) no-repeat;
    background-position: right 85%;
    padding-right: 20px;
    display: inline-block;
}
.footer-search p{
    font-family: "Barlow-Light";
    font-size: 16px;
    color: #fff;
    margin-bottom: 0;
}
.footer-location ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-location ul li{
    display: inline;
    border-right: 1px solid #fff;
    padding-right: 5px;
    margin-right: 5px;
}
.footer-location ul li a{
    font-size: 16px;
    color: #fff;
    font-family: "Barlow-Light";
    text-decoration: none;
}
.footer-location ul li:first-child a{
    padding-left: 0;
}
.footer-location ul li:last-child a{
    border: none;
}
.footer-location ul li a:hover{
    color: #6da4e3;
}
.footer-location-inner{
    padding:0px 79px 0 50px;
}
.footer-foam ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-foam ul li{
    display: block;
    color: #fff;
    font-size: 15px;
    margin-bottom: 3px;
    font-family: "Barlow-Light";
    position: relative;
}
.footer-foam ul li a{
    color: #fff;
}
.footer-foam ul li:last-child{
    margin-bottom: 12px;
}
.footer-foam ul .footer-foam-inner{
    color: #81bcff;
}
.foam-inner{
    position: relative;
}
.foam-inner .with-separator{
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.foam-inner .with-separator::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 35px;
    background-color: #fff;
}
.copy-right-container{
    padding-bottom: 15px;
}
.copy-right p{
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-family: "Barlow-Light";
    margin-bottom: 0;
}
.footer-links a{
    margin-right: 10px;
}
.footer-links a img{
    max-width: 25px;
}
.banner-container{
    /*background-image: url(images/about-banner.png);*/
    /*background-image: url(images/about-banner.jpg);*/
    background-image: url(images/about-banner.jpg.webp);
    background-size: cover;
    padding-top: 90px;
    padding-bottom: 90px;
    margin-bottom: 78px;
}
.banner-about h1{
    color: #2c3037;
    font-size: 35px;
    font-family: "Barlow-semi-bold";
    text-transform: uppercase;
}
.single-job_description .banner-about h1{
    text-transform: initial;	
}
.single-job_description .banner-about span{
	display:block;
}
.single-surf_jobs .banner-about h1,
.page-template-template-all-jobs-states .banner-about h1,
.page-template-template-life-science-jobs .banner-about h1,
.page-template-template-category-jobs .banner-about h1{
	text-transform: initial;
}
.work-details h3{
    color: #4691e5;
    font-size: 22px;
    font-family: "Barlow-semi-bold";
    text-transform: uppercase;
    margin-bottom: 53px;
}
.work-detail{
    margin-bottom: 78px;
}
.detail-inner{
    max-width: 696px;
    margin: auto;
}
.body-copy{
    font-family: "Barlow-Light";
    font-size: 18px;
}
.body-copy h3{
    margin-bottom: 25px;
}
.work-detail ul li,
.body-copy ul li{
    font-size: 18px;
    font-family: "Barlow-Light";
    color:#000000;
    margin-bottom: 20px;
    position: relative;
    padding-left: 33px;
}
.work-detail ul li::before,
.body-copy ul li::before{
    background-image:url(images/check-about.png);
    height: 18px;
    width: 18px;
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
}.work-detail ul li::before,
.body-copy ul li::before{
    background-image:url(images/check-about.png);
    height: 18px;
    width: 18px;
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
}
.members-about{
    background-color: #f6f9fe;
    padding-top: 50px;
    margin-bottom: 50px;
}
.members h2{
    text-transform: uppercase;
    margin-bottom: 40px;
    text-align: center;
    color: #4691e5;
    font-size: 22px;
    font-family: "Barlow-semi-bold";
}
.members-inner{
    margin-bottom: 75px;
    display: flex;
    background-color: #ffff;
    box-shadow: 3px 3px 14px 0px rgba(66, 70, 77, 0.13);
    align-items: center;
}
.member-info{
    max-width: 782px;
    margin-left: 28px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.member-info p{
    margin-bottom: 0;
    font-size: 18px;
    color: #000;
    font-family: "Barlow-Light";
}
.contact-outer{
    max-width: 960px;
    margin: auto;
    padding-bottom: 90px;
}
.about-things h3{
    font-family: "Barlow-semi-bold";
    font-size: 18px;
    color: #1f4375;
    text-transform: uppercase;
    margin-bottom: 40px;
}
.about-thing{
    max-width: 750px;
    margin: auto;
    padding-bottom: 75px;
}
.about-thing ol{
    margin: 0;
    padding: 0;
}
.about-thing ol li{
    padding-left: 24px;
    font-family: "Barlow-Light";
    font-size: 18px;
    color: #000;
    margin-bottom: 8px;
}
.teams-details{
    max-width: 788px;
    margin: auto;
    margin-bottom: 75px;
}
.teams-details h3{
    text-align: center;
     font-family: "Barlow-semi-bold";
     font-size: 22px;
     color: #4691e5;
     margin-bottom: 37px;
}
.teams-details p{
    font-family: "Barlow-Light";
    font-size: 18px;
    color: #000;
}
.contacts-container{
    background-color: #f6f9fe;
    padding-top: 100px;
}
.foam-contact ul{
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    margin-bottom: 65px;
}
.foam-contact ul .phone-contect a{
    background-image: url(images/phone.svg);
    background-repeat: no-repeat;
    border-right: 1px solid #8097b0;
    padding-right: 39px;
    margin-right: 39px;
    background-size: 22px;
    background-position-y: center;
}
.foam-contact ul .enveloper-content a{
    background-image: url(images/envelope.svg);
    background-repeat: no-repeat;
    background-size: 22px;
    background-position-y: center;
}
.foam-contact ul li{
    display: inline-block;
}
.foam-contact ul li a{
    text-decoration: none;
    font-family: "Barlow-Light";
    font-size: 20px;
    color: #000;
    padding-left: 40px;
}
.contact-banner{
    /*background-image: url(images/about-banner.png);*/
    background-image: url(images/about-banner.jpg);
    background-size: cover;
    padding-top: 90px;
    padding-bottom: 90px;
}
.form-content label{
    font-family: "Barlow-Regular";
    font-size: 16px;
    color: #1f4375;
    text-transform: uppercase;
    width: 100%;
}
.form-content input::placeholder{
    font-family: "Barlow-Regular";
    font-size: 18px;
    color: #696e77;
}
.form-content .form-inner{
    width: 100%;
    padding: 18px;
    margin-bottom: 12px;
    margin-top: 5px;
    border-radius: 2px;
    border: none;
    box-shadow: 3px 3px 14px 0px rgba(66, 70, 77, 0.13);
    border: 1px solid #fff;
}
.form-left textarea{
    width: 100%;
    padding: 14px;
    margin-top: 5px;
    border-radius: 2px;
    border: none;
    box-shadow: 3px 3px 14px 0px rgba(66, 70, 77, 0.13);
    max-height: 170px;
    resize: none;
    margin-bottom: 15px;
    border: 1px solid #fff;
}
.form-content .form-inner:focus,
.form-left textarea:focus{
    outline: none;
    border: 1px solid #4691e5;
}
.send-message,
body .jb--wrapper .jb--search-form .jb--button,
body .jb--wrapper .jb--search-form .jb--button:hover,
.jb--wrapper .jb--sidebar .jb--button,
.jb--wrapper .jb--sidebar .jb--button:hover,
.jb--wrapper .jb--bottom-apply .jb--button,
.jb--wrapper .jb--bottom-apply .jb--button:hover{
    margin-top: 25px;
    border-radius: 2px;
    width: 100%;
    border: none;
    background-color: #4691e5;
    padding: 15px 0px;
    font-family: "Barlow-Light";
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 3px 3px 14px 0px rgba(66, 70, 77, 0.13);
    background-image: url(images/learn-more.png);
    background-repeat: no-repeat;
    background-position: 26% center;
}
body .jb--wrapper .jb--search-form .jb--button,
body .jb--wrapper .jb--search-form .jb--button:hover,
.jb--wrapper .jb--sidebar .jb--button,
.jb--wrapper .jb--sidebar .jb--button:hover,
.jb--wrapper .jb--bottom-apply .jb--button,
.jb--wrapper .jb--bottom-apply .jb--button:hover{
    margin: 0;
    width: auto;
    padding: 5px 15px;
    color: #fff !important;
    background-image: none;
}
.blogs{
    margin-top:100px;
    margin-bottom: 60px;
}
.blogs img{
    box-shadow: 3px 3px 14px 0px rgba(66, 70, 77, 0.13);
}
body .jb--wrapper .jb--job-listing:hover {
    background: none;
}
.jb--wrapper .jb--pagination .jb--button{
    color: #4691e5;
}


/* 4-9-2018 */
.blog-search{
    max-width: 723px;
    margin: auto;
}
.blog-search.body-copy a{
	text-decoration: underline;
}
.blog-search h1{
    text-align: center;
}
.blog-search h2{
    text-align: center;
}
.blog-search h1{
    font-size: 35px;
    font-family: "Barlow-semi-bold";
    color: #2c3037;
    text-transform: uppercase;
    margin-bottom: 50px;
}
.blog-search h2{
    font-size: 22px;
    color: #4691e5;
    font-family: "Barlow-semi-bold";
    text-transform: uppercase;
    margin-bottom: 35px;
}
.blog-search{
    font-family: "Barlow-Light";
    color: #000;
    font-size: 18px;
    margin-bottom: 34px;
}
.blog-search ol{
    padding: 0;
    margin: 0;
    padding-left: 17px;
}
.blog-search ol li{
    font-family: "Barlow-Light";
    color: #000;
    font-size: 18px;
    margin-bottom: 24px;
    padding-left: 20px;
}
.tags{
    margin-bottom: 33px;
}
.tags ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.tags ul li{
    display: inline-block;
    margin-left: 7px;
}
.tags ul li a{
    display: block;
    padding: 13px 17px;
    color:#1f4375;
    font-size: 15px;
    border-radius: 3px;
    font-family: "Barlow-Light";
    text-decoration: none;
    border: 1px solid #d1d9e2;
    text-transform: capitalize;
}
.tags ul li a:hover{
    background-color: #4691e5;
    color: #fff;
    border-color: #4691e5;
    box-shadow: 3px 3px 9px 0px rgba(70, 145, 229, 0.5); }
.blog-form{
    margin-bottom: 60px;
}
.blog-form form input{
    padding: 20px 22px;
    width: 100%;
    border: 1px solid #e6eaef;
    border-radius: 3px;
}
.blog-form form input::placeholder{
    font-size: 15px;
    color: #000;
    font-family: "Barlow-Light";
}
.related-posts h3,
.rp4wp-related-posts h3{
    font-size: 22px;
    color: #4691e5;
    font-family: "Barlow-semi-bold";
    text-transform: uppercase;
    margin-bottom: 35px;
    text-align: center;
}
.blog-search .rp4wp-related-posts{
    display: none;
}
.rp4wp-related-posts{
    padding-bottom: 75px;
}
body .rp4wp-related-posts ul{
    float: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
body .rp4wp-related-posts ul li{
    text-decoration: none;
    display: block;
    margin-bottom: 25px;
    flex-basis: 30%;
}
body .rp4wp-related-posts ul li:hover{
    box-shadow: 3px 3px 14px 0px rgba(66, 70, 77, 0.13);
}
body .rp4wp-related-post-image {
    width: auto;
    float: none;
    padding-right: 0;
}
body .rp4wp-related-post-image img{
    max-width: 100%;
    height: auto;
}
body .rp4wp-related-post-content a{
    font-family: "Barlow-semi-bold";
    font-size: 20px;
    color: #1f4375;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
    text-align: center;
}
body .rp4wp-related-post-content p{
    display: none;
    color: #43474d;
    font-size: 15px;
    font-family: "Barlow-Light";
    padding-bottom: 40px;
}
.blog-navigation{
    padding-bottom: 100px;
}
.testimonial-navigation.blog-navigation{
    padding-top: 45px;
}
.blog-navigation ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.blog-navigation ul li{
    display: inline-block;
    margin-left: 7px;
    margin-right: 7px;
}
.blog-navigation ul li a{
    display: block;
    height: 15px;
    width: 15px;
    border: 1px solid #1f4375;
    border-radius: 50%;
}
.blog-navigation.testimonial-navigation ul li a{
    transform: scale(1);
    transition: transform 250ms ease;
}
.blog-navigation.testimonial-navigation ul li a:hover{
    transform: scale(1.2);
}
.blog-navigation ul li a:hover{
    box-shadow: 3px 3px 9px 0px rgba(70, 145, 229, 0.5);
    background-color: #4691e5;
    border-color: #4691e5;
}
/*5-9-2018*/
.blog-posts{
    padding-bottom: 100px;
}
.blog-banner{
    background-image: url(images/about-banner.png);
    background-size: cover;
    padding-top: 90px;
    padding-bottom: 90px;
}
.single-surf_jobs .blog-banner{
    /*background-image: url(images/single-job.png);*/
    /*background-image: url(images/single-job.jpg);*/
    background-image: url(images/single-job.jpg.webp);
}
.blog-post{
    margin-bottom: 30px;
}
.posted:hover{
    box-shadow: 3px 3px 14px 0px rgba(66, 70, 77, 0.13);
}
.blog-post-details{
    padding-right: 15px;
    padding-left: 15px;
}
.blog-post-details a{
    display: block;
    text-decoration: none;
    margin-top: 25px;
    margin-bottom: 18px;
    font-size: 20px;
    font-family: "Barlow-semi-bold";
    color: #1f4375;
    text-transform: uppercase;
    padding-right: 26px;
    padding-left: 26px;
}
.blog-post-details a:last-child{
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 0;
    margin-bottom: 0;
}
.blog-post-details a img{
    width: 21px;
    height: 16px;
}
.blog-post-details ul{
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 25px;
}
.blog-post-details ul li{
    display: inline-block;
    color: #43474d;
    font-family: "Barlow-Light";
    font-size: 15px;
    border-right: 1px solid #a7a9ac;
    padding-right: 15px;
    margin-right: 10px;
    letter-spacing: 1px;
}
.blog-post-details ul li:last-child{
    border-right: none;
}
.blog-post-details p{
    font-family: "Barlow-Light";
    font-size: 18px;
    color: #000;
    margin-bottom: 0;
}
.blog-posts{
    padding-top: 65px;
}
.page-template-template-search-jobs .pagenation{
    margin-top: 0;
}
.pagenation{
    margin-top: 10px;
}
.pagenation a,
.pagenation span{
    font-family: "Barlow-Light";
    font-size: 20px;
    color: #1f4375;
    padding: 7px 16px;
    text-decoration: none;
    border-radius: 2px;
    border: none;
    margin-right: 4px;
    margin-left: 4px;
}
.pagenation a:hover,
.pagenation span.current{
    background-color: #4691e5;
    color: #fff;
    box-shadow: 3px 3px 9px 0px rgba(70, 145, 229, 0.5);
}
.pagenation a.previouspostslink,
.pagenation a.nextpostslink{
    padding-top: 6px;
    padding-bottom: 10px;
}
.cap_top_text{
    padding-top: 70px;
    padding-bottom: 60px;
    max-width: 790px;
    margin: auto;
    font-family: "Barlow-Light";
}
.cap_top_text{
    font-size: 18px;
    color: #000;
    margin-bottom: 22px;
}
.cap_top_text ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.cap_top_text ul li{
    padding-left: 80px;
    position: relative;
    margin-bottom: 15px;
    font-size: 18px;
}
.cap_top_text ul li::before{
    background-image:url(images/check\ icon.svg);
    height: 18px;
    width: 18px;
    content: "";
    position: absolute;
    top: 6px;
    left: 32px;
}
.mini-study-container{
    /*background-image: url(images/health.banner.png);*/
    background-image: url(images/health.banner.jpg);
    background-size: cover;
    padding-top: 115px;
    padding-bottom: 75px;
}
.mini-study-container li,
.location-right li{
	padding-left: 30px;
	margin-bottom: 20px;
	position: relative;
	font-family: barlow-light;
}
.mini-study-container li::before,
.location-right li:before {
    background-image: url(images/check\ icon.svg);
    height: 18px;
    width: 18px;
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
}
.mini-study{
    position: relative;
    max-width: 920px;
    margin: auto;
    background-color: #fff;
    padding-top: 63px;
    padding-bottom: 53px;
}
.mini-study.testimonial{
    margin-top: 75px;
    background-color: #4691e5;
    box-shadow: 3px 3px 9px 0px rgba(70, 145, 229, 0.5);
    margin-bottom: 75px;
}
.mini-study-icon{
    position: absolute;
    top: -32px;
    left: 50%;
    margin-left: -37px;
    padding: 18px 22px;
    background-color: #4691e5;
    display: inline;
    border-radius: 2px;
    box-shadow: 3px 3px 9px 0px rgba(70, 145, 229, 0.5);
}
.mini-study-icon.testimonial-icon{
   background-color: #fff;
}
.mini-study-icon img{
     width: 29px;
    height: 38px;
}
.mini-study h3,
.cta-box h3{
    text-align: center;
    color: #1f4375;
    font-size: 22px;
    font-family: "Barlow-semi-bold";
    text-transform: uppercase;
    margin-bottom: 33px;
}
.mini-study.testimonial h3,
.cta-box h3{
    color: #fff;
}
.testimonial-title
.testimonial h4{
    text-align: center;
    font-family: "Barlow-semi-bold";
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    margin-top: 30px;
}
.mini-study{
    color:#1f4375;
    font-size: 18px;
    font-family: "Barlow-Light";
    margin-bottom: 0;
    padding-right: 90px;
    padding-left: 90px;
}
.mini-study.testimonial p{
    color: #fff;
}
.capability{
    max-width: 742px;
    margin: auto;
    padding-top: 65px;
    padding-bottom: 45px;
}
.capability.capabilite{
    max-width: 794px;
    padding-bottom: 75px;
}
.capability p{
    font-size: 18px;
    color: #000;
    font-family: "Barlow-Light";
    margin-bottom: 20px;
}
.typical-roles-container{
    background-color: #f6f9fe;
    padding-top: 71px;
    padding-bottom: 72px;
}
.typical-role h3{
    text-align: center;
    font-size: 22px;
    color: #4691e5;
    font-family: "Barlow-semi-bold";
    text-transform: uppercase;
    padding-bottom: 52px;
}
.job-titles ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}
.job-titles ul li{
    flex-basis: 31%;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-left: 10px;
}
.job-titles ul li a{
    display: block;
    border-radius: 2px;
    padding: 15px 15px 15px 20px;
    font-family: "Barlow-semi-bold";
    font-size: 17px;
    text-decoration: underline;
    text-transform: uppercase;
    color: #1f4375;
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.a2a_dd svg path{
    fill: #d1d9e2 !important;
}
.share-post{
    border-top: 1px solid #e6eaef;
    border-bottom: 1px solid #e6eaef;
    margin-bottom: 60px;
}
.share-post h5{
    font-family: "Barlow-Light";
    text-transform: uppercase;
    font-size: 15px;
    margin-top: 14px;
    padding-left: 10px;
}
body .addtoany_list a,
body .widget .addtoany_list a,
body .addtoany_list a:hover,
body .widget .addtoany_list a:hover{
    padding: 10px 8px;
    border-right: 1px solid #e6eaef;
}
body .addtoany_list a.a2a_dd,
body .widget .addtoany_list a.a2a_dd{
    border-right: none;
}
/*6-9-2018 */
.job-titles ul li a:hover{
    background-color: #fff;
    box-shadow: 3px 3px 14px 0px rgba(66, 70, 77, 0.13);
}
.capability-content{
    padding-top: 60px;
    padding-bottom: 55px;
}
.side-bar{
    padding-right: 25px;
    padding-left: 25px;
    box-shadow: 3px 3px 14px 0px rgba(66, 70, 77, 0.13);
}
.side-bar-menu ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.side-bar-menu ul li{
    background-size: 60px;
}
.side-bar-menu ul li a{
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    color: #1f4375;
    font-family: "Barlow-Regular";
    border-bottom: 1px solid #d8e2ed;
    font-size: 16px;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 65px;
}
.side-bar-menu ul li.current-location-page a{
	pointer-events: none;
}
.side-bar-menu ul li a:hover{
    color: #4691e5;
}
.side-bar-menu ul .Healthcare{
    background-image: url(images/Healthcare-01-01.svg);
    background-repeat: no-repeat;
    background-position-y: center;
}
.side-bar-menu ul .Medical-devices{
    background-image: url(images/Medical\ Devices.svg);
    background-repeat: no-repeat;
    background-position-y: center;
}
.side-bar-menu ul .Biotech{
    background-image: url(images/Biotech.svg);
    background-repeat: no-repeat;
    background-position-y: center;
}
.side-bar-menu ul .Pharmaceutical{
    background-image: url(images/Pharmaceutical-01.svg);
    background-repeat: no-repeat;
    background-position-y: center;
}
.side-bar-menu ul .physician{
    background-image: url(images/hc-pr.svg);
    background-repeat: no-repeat;
    background-position-y: center;
	    background-size: 30px;
    background-position-x: 13px;
}
.side-bar-menu ul .hospital{
    background-image: url(images/hc-hos.svg);
    background-repeat: no-repeat;
    background-position-y: center;
	background-size: 40px;
	background-position-x: 8px;
}
.side-bar-menu ul .scientific{
    background-image: url(images/hc-science.svg);
    background-repeat: no-repeat;
    background-position-y: center;
	background-size: 32px;
    background-position-x: 9px;
}
.side-bar-menu ul li:last-child a{
    border-bottom: none;
}
.location-left  p{
    font-size: 18px;
    font-family: "Barlow-Light";
    color:#000;
    margin-bottom: 25px;
}
.location-left  p:last-child{
    margin-bottom: 0;
}
.processing{
    max-width: 800px;
    margin: auto;
    padding-top: 60px;
    padding-bottom: 30px;
}
.processing p{
    font-family: "Barlow-Light";
    font-size: 18px;
    color: #000;
    margin-bottom: 30px;
}
.process-container{
    background-color: #f6f9fe;
    padding-top: 90px;
    padding-bottom: 60px;
    font-family: "Barlow-Light";
    font-size: 18px;
}
.our-process-bottom-content{
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.capabilities.process a:hover{
    box-shadow: 3px 3px 14px 0px rgba(66, 70, 77, 0.13);
    background-color: #fff;
}
.capabilities.process{
    margin-bottom: 0;
    margin-top: 30px;
}
.medical-device-list{
    padding-top: 60px;
    padding-bottom: 60px;
}
.medical-jobs{
    margin-bottom: 30px;
}
.medical-jobs h3{
    background-image: url(images/Medical\ Devices.svg);
    background-repeat: no-repeat;
    background-position: 0 center;
    font-size: 22px;
    color: #4691e5;
    font-family: "Barlow-semi-bold";
    padding: 27px 0 27px 100px;
    text-transform: uppercase;
    border-bottom: 1px solid #d8e2ed;
}
.medical-jobs ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.medical-jobs ul li a{
    text-decoration: none;
    padding: 18px 0;
    display: block;
    text-transform: uppercase;
    color: #1f4375;
    border-bottom: 1px solid #d8e2ed;
    font-family: "Barlow-Regular";
}
.medical-jobs ul .medical-device{
    font-size: 16px;
    color: #4691e5;
}
.medicine-devices{
    padding-right: 25px;
    padding-left: 25px;
    box-shadow: 3px 3px 14px 0px rgba(66, 70, 77, 0.13);
}
.job-description{
    padding-left: 20px;
}
.job-description p{
    font-family: "Barlow-Light";
    color: #000;
    font-size: 18px;
    margin-bottom: 42px;
}
.job-description h3{
    margin-bottom: 45px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    font-family: "Barlow-semi-bold";
    font-size: 20px;
    color: #1f4375;
    text-transform: uppercase;
    text-align: center;
}
.job-description ul{
    margin: 0;
    padding: 0;
    padding-bottom: 30px;
    list-style: none;
}
.job-description ul li{
    font-family: "Barlow-Light";
    font-size: 18px;
    color: #000;
    position: relative;
    padding-left: 35px;
    margin-bottom: 14px;
}
.job-description ul li::before{
    background-image:url(images/check\ icon.svg);
    height: 18px;
    top: 6px;
    left: 0;
    width: 18px;
    content: "";
    position: absolute;
}
.job-description h2{
    margin-bottom: 45px;
    font-family: "Barlow-semi-bold";
    font-size: 22px;
    color: #4691e5;
    text-transform: uppercase;
    text-align: center;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}
.postion-for-medical{
    background-color:#f6f9fe;
    padding-top: 90px;
    padding-bottom: 90px;
}
.postion-medical{
    max-width: 640px;
    margin: auto;
}
.postion-medical h3{
    font-family: "Barlow-semi-bold";
    font-size: 22px;
    text-transform: uppercase;
    color: #4691e5;
    padding-right: 105px;
    padding-left: 105px;
    margin-bottom: 55px;
}
.location-container{
    display: flex;
    justify-content: space-between;
}
.location-container .location{
    flex-basis: 65%;
    padding: 22px;
    border: none;
    box-shadow: 3px 3px 14px 0px rgba(66, 70, 77, 0.13);
}
.location-container .submit-location{
    padding-right: 30px;
    padding-left: 60px;
    border: none;
    flex-basis: 32%;
    background-image: url(images/arrow.svg);
    background-position: 18% center;
    background-repeat: no-repeat;
    background-size:24px;
    background-color: #4691e5;
    border-radius: 2px;
    color: #fff;
    font-family: "Barlow-Light";
    font-size: 20px;
    text-transform: uppercase;
    box-shadow: 3px 3px 14px 0px rgba(66, 70, 77, 0.13);
}
.search-input{
    flex-grow: 1;
}
.job-alert-notice{
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 18px;
}
.job-alert-notice a{
    font-family: "Barlow-semi-bold";
}
.dropdown-content {
    position: absolute;
    top: 100%;
    width: calc(100% - 30px);
    background-color: #fff;
    border: 1px solid #d4dde9;
    border-radius: 3px;
    padding: 10px;
    z-index: 10;
    right: 15px;
    display: none;
    flex-wrap: wrap;
}
.dropdown-content.showToggle {
    display: block;
    min-width: 450px;
    column-count: 5;
}
.job-category-dropdown .dropdown-content.showToggle {
    min-width: 600px;
    column-count: 3;
}
.checkbox-container{
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}
.checkbox-container label{
    margin-bottom: 0;
    padding-left: 5px;
}
.checkbox-container input{
    margin-top: 7px;
}
.pagination-container{
    padding-top: 30px;
}
.job-state{
    flex-basis: 190px;
    padding-left: 15px;
    padding-right: 15px;
    flex-shrink: 0;
    position: relative;
}
.page-template-template-search-jobs .submit-btn input{
    padding: 9px 25px;
}
.submit-btn input{
    background: #5890DF;
    font-family: "Barlow-semi-bold";
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    border: none;
    cursor: pointer;
    box-shadow:0px 2px 10px rgba(0, 0, 0, 0.12);
    padding: 10px 25px;
    border-radius: 4px;
}
.dropdown-handle {
    background-color: #fff;
    border: 1px solid #c9c9c9;
    border-radius: 3px;
    padding: 6px 30px 6px 17px;
    font-weight: 400;
    background: url(images/dropdown.svg) no-repeat;
    background-position: calc(100% - 10px) center;
    cursor: pointer;
    position: relative;
}
.active-selected .dropdown-handle{
    border: 1px solid #5890DF;    
}
.search-container{
    max-width: 786px;
    margin: auto;
    padding-bottom: 65px;
    padding-top: 65px;
}
.search-container p{
    font-family: "Barlow-Light";
    font-size: 18px;
    color: #000;
    margin-bottom: 30px;
}
.no-padding-bottom{
    padding-bottom: 0;
}
.no-padding-top{
    padding-top: 0;
}
.search-bar{
    display: flex;
}
.search-input input{
    border: 1px solid #DCDCDC;
    border-radius: 4px;
    padding: 6px 16px;
    width: 100%;
}
.search-container p:last-child{
    margin-bottom: 0;
}
.search-tips-banner{
    padding-top: 55px;
    padding-bottom: 45px;
}
.search-tips-banner img{
    box-shadow: 3px 3px 14px 0px rgba(66, 70, 77, 0.13);
}
.search-container h3{
    font-size: 22px;
    font-family: "Barlow-semi-bold";
    color: #4691e5;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px;
}
.search-container .jobs-container h3{
    margin-bottom: 8px;
    text-align: left;
    text-transform: initial;
}
.search-container .jobs-container h3 a{
    color: #5890DF;
    font-size: 18px;
}
.search-container .jobs-container .location,
.search-container .jobs-container .job-date{
    font-size: 16px;
}
.search-container .jobs-container .job-date{
    text-align: right;
}
.featured-badge{
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    background: #274371;
    border-radius: 2px;
    padding: 4px 8px;
    display: inline-block;
}
.search-container .jobs-container .job-item{
    padding: 30px 20px;
    border-top: 1px solid #dcdcdc;
}
.search-container .jobs-container .job-item:hover{
    background: #5890DF;
    color: #fff;
}
.search-container .jobs-container .job-item:hover h3 a{
    color: #fff;
    text-decoration: underline;
}
.search-container .jobs-container .job-item:hover .featured-badge{
    color: #274371;
    background: #FFFFFF;
}
.search-container .jobs-container .job-item:last-child{
    border-bottom: 1px solid #dcdcdc;
}
.job-description .graph-job{
    background-color: #4691e5;
    box-shadow: 9px 8px 21px 0px rgba(70, 145, 229, 0.5);
    padding: 70px 40px 50px 40px;
    position: relative;
    margin-top: 70px;
    margin-bottom: 70px;
}
.job-description .graph-job ul{
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    border-radius: 2px;
    align-items: flex-end;
}
.job-description .graph-job ul li{
    margin-bottom: 0;
    flex-basis: 30%;
    font-family: "Barlow-semi-bold";
    font-size: 20px;
    color: #fff;
}
.job-description .graph-job ul li:last-child{
    padding-left: 70px;
}
.job-description .graph-job ul .median{
    font-size: 25px;
}
.single-surf_jobs .job-description h3{
    font-size: 18px;
    color: #5890DF;
    width: 100%;
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
    text-transform: initial;
}
.single-surf_jobs .job-description ul li{
    padding-left: 20px;
}
.single-surf_jobs .location{
    font-family: "Barlow-Regular";
    font-size: 32px;
    line-height: 38px;
    color: #000000;  
    margin-top: 15px;  
}
.single-surf_jobs .job-description ul li::before{
    background: #5890DF;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    top: 11px;
}
.graph-job li:before{
    display: none;
}
.graph-job .mini-study-icon{
    background-color: #fff;
    padding: 12px 10px;
    bottom: 86%;
    box-shadow: 3px 3px 14px 0px rgba(66, 70, 77, 0.13);
}
.graph-job .mini-study-icon img{
    height: 49px;
    width: 53px;
}
.work-details.lead-heading h3{
    margin-top: 45px;
    margin-bottom: 25px;
}
.work-detail.lead-detail{
    margin-bottom: 20px;
}
.who-we.lead-button{
    margin-top: 50px;
    margin-bottom: 40px;
}
.landing-page-text{
    margin-bottom: 0;
    font-size: 18px;
    color: #000;
    font-family: "Barlow-Light";
}
.location-right{
    color: #000;
    font-size: 18px;
    margin-left: 30px;
}
.location-right p{
    font-family: "Barlow-Light";
}
.navbar{
    padding: 0;
}
.navbar-collapse{
    flex-grow: 0;
}
.navbar-light .navbar-toggler{
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 15px;
}
.search-tips-container{
    position: relative;
}
.background-container{
    position: absolute;
    z-index: -1;
    width: 100%;
    left: 0;
    top: 0;
}
.background-3{
    padding-top: 35px;
    padding-bottom: 35px;
    text-align: right;
}
.background-2{
    padding-top: 35px;
    padding-bottom: 35px;
    text-align: left;
}
.background-1{
    padding-top: 35px;
    padding-bottom: 35px;
    text-align: center;
}
.background-3 img{
    max-width: 320px;
}
.background-2 img{
    max-width: 350px;
}
.background-1 img{
    max-width: 450px;
}
.error404 .blog-posts{
    font-size: 18px;
    font-family: "Barlow-Light";
    color: #000000;
}
.side-bar-menu img{
    max-width: 500px;
}
.jb--wrapper .jb--pagination ul li{
    padding-left: 0;
}
.jb--wrapper .jb--pagination ul li::before{
    display: none;
}
body .jb--wrapper{
    font-size: inherit;
}
.cta-box{
    background: url(images/cta-image.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    padding: 85px 30px;
    background-position: center;
}
.cta-box ul li{
    display: inline-block;
}
.cta-box ul li:last-child{
    margin-left: 30px;
}
.cta-box .btn-main:hover{
    color: #fff;
}
/* testimonials */
.testimonial-icon-single{
    background-color: #fff;
    position: absolute;
    top: -32px;
    left: 50%;
    transform: translateX(-50%);
    padding: 18px 22px;
    display: inline;
    border-radius: 2px;
    box-shadow: 3px 3px 9px 0px rgba(70, 145, 229, 0.5);
}
.testimonial-icon-single img{
    width: 29px;
    height: 38px;
}
.testimonial{
    background-color: #4691e5;
    box-shadow: 3px 3px 9px 0px rgba(70, 145, 229, 0.5);
    padding-top: 63px;
    padding-bottom: 53px;
    padding-right: 30px;
    padding-left: 30px;
    color: #fff;
    font-size: 18px;
    font-family: "Barlow-Light";
    margin-bottom: 80px;
}
.testimonial h3{
    text-align: center;
    color: #fff;
    font-size: 22px;
    font-family: "Barlow-semi-bold";
    text-transform: uppercase;
    margin-bottom: 33px;
}
.testimonial h4{
    text-align: center;
    font-family: "Barlow-semi-bold";
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    margin-top: 30px;
}
/* top-bar */
.top-bar-container{
    background-color: #007bff;
}
.top-bar-container ul{
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
.top-bar-container ul li{
    display: inline-block;
    margin: 10px 0 12px;
    padding-left: 25px;
}
.top-bar-container ul li.tb_email{
    background: url(images/envelope-white.svg) no-repeat;
    background-size: 18px;
    background-position: left 50%;
}
.top-bar-container ul li.tb_phone{
    background: url(images/phone-white.svg) no-repeat;
    background-size: 18px;
    background-position: left 50%;
}
.top-bar-container ul li.tb_resume{
    background: url(images/upload.svg) no-repeat;
    background-size: 18px;
    background-position: left 50%;
}
.top-bar-container ul li a{
    color:#fff;
    font-size: 16px;
    line-height: 1.3;
    font-family: "Barlow-Regular";
    display: block;
}
.top-bar-container ul li a:hover{
    text-decoration:underline;
}
.top-bar-container li:not(:last-child) {
    margin-right: 25px;
}
.areas-container{
    width: 100%;
    box-shadow: 3px 3px 14px 0px rgba(66, 70, 77, 0.13);
    padding: 50px 0 40px;
}
.areas-container ul li .area-item{
    padding-left: 50px;
    padding-right: 20px;
}
.body-copy .areas-container ul li::before{
    left: 50px;
}
.areas-container ul li{
    border-right: 1px solid #d8e2ed;
    margin-bottom: 0;
    padding-bottom: 15px;
}
.areas-container ul li:nth-of-type(3n){
    border: none;
}
.who-we.location-areas{
    margin-top: 0;
}
.loc-h2 h2{
    width: 650px;
    max-width: 100%;
    color:#4691e5;
    margin-left: auto;
    margin-right: auto;
    font-size: 22px;
}
.work-logo-item{
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
	display: flex;
    align-items: center;
    justify-content: center;
}
.logo-item{
	display: flex;
    align-items: center;
    justify-content: center;
}
.work-logo-item img,
.logo-item img{
	max-width: 150px;
}
body .gform_wrapper ul.gform_fields li.gfield {
    margin-top: 0;
    text-align: left;
    flex-basis: 100%;
}
.gform_fields.top_label.form_sublabel_below.description_below.right li.gfield{
    padding-right: 0;
    padding-left: 15px;
}
.gform_body{
    display: flex;
}
body ul.gform_fields.top_label.form_sublabel_below.description_below{
    display: flex;
    flex-wrap: wrap;
    flex-basis: 50%;
}
body .gform_wrapper .top_label .gfield_label,body .gform_wrapper legend.gfield_label{
    font-family: "Barlow-Regular";
    font-size: 16px;
    color: #1f4375;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 10px;
}
body .gform_wrapper .top_label div.ginput_container.ginput_container_text,body .gform_wrapper .top_label div.ginput_container.ginput_container_textarea {
    margin-top: 5px;
}
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
    width: 100%;
    padding: 18px;
    margin-bottom: 12px;
    border-radius: 2px;
    border: none;
    box-shadow: 3px 3px 14px 0px rgba(66, 70, 77, 0.13);
    border: 1px solid #fff;
}
body .gform_wrapper textarea.large{
    width: 100%;
    padding: 14px;
    border-radius: 2px;
    box-shadow: 3px 3px 14px 0px rgba(66, 70, 77, 0.13);
    max-height: 173px;
    resize: none;
    margin-bottom: 15px;
    border: 1px solid #fff;
}
body .gfield.form-number.field_sublabel_below.field_description_below.gfield_visibility_visible input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
    margin-bottom: 0;
}
#gform_1{
    position: relative;
}
.gform_footer.top_label{
    position: absolute;
    bottom: 0;
    right: 0;
}
body .gform_wrapper .gform_footer {
    padding: 0;
    margin: 0;
    width: 50%;
}
body .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit]{
    margin-left: 15px;
    margin-right: 0;
    border-radius: 2px;
    width: calc(100% - 15px);
    border: none;
    background-color: #4691e5;
    padding: 15px 0px;
    font-family: "Barlow-Light";
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 3px 3px 14px 0px rgba(66, 70, 77, 0.13);
    background-image: url(images/learn-more.png);
    background-repeat: no-repeat;
    background-position: 26% center;
}
/* Form */
.job-form h3 {
	font-size: 26px;
	font-style: normal;
	font-weight: 600;
	line-height: 54px;
	font-family: 'Barlow-Regular';
	color: #5890DF;
	margin-bottom:0;
}
.single-job-form label {
	font-family: 'Barlow-Regular';
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 27px;
	color: #5890DF;
	margin-bottom:5px;
	margin-top:20px;
}
.file-upload-headline h4{
	margin-bottom:5px;
	margin-top:15px;
	font-family: 'Barlow-Regular';
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 27px;
	color: #5890DF;
}
.single-job-form input {
	border:1px solid transparent !important;
    width: 100%;
    border: none;
    padding: 10px 20px!important;
    font-size: 18px!important;
    font-family: 'Barlow-Regular';
    color: #000;
	box-shadow: 2px 4px 20px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
}
.form-control:focus {
    outline-color: #5890DF;
	border:1px solid #5890DF !important;
	box-shadow: 2px 4px 20px rgba(0, 0, 0, 0.1);
}
.single-job-form input::placeholder{
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 27px;
	color:#000;
	font-family: 'Barlow-Regular';
}
.resume-upload-job-container {
    position: relative;
}
input.form-control.resume-control {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer;
}
.upload-text{
    background: url(images/upload-image.svg) #fff no-repeat;
	box-shadow: 2px 4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    background-size: 70px;
    background-position: top 75px center;
    padding: 160px 35px 36px!important;
    text-align: center;
    font-size: 18px;
    font-family: 'Barlow-Regular';
    font-size: 18px!important;
    font-style: normal;
    font-weight: 400;
}
.upload-text span{
	color: #5890DF;
}
.single-job-form .single-job-button .btn.btn-primary{
	outline:none;
	background-color:#5890DF;
	color:#fff;
	font-family: 'Barlow-Regular';
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 30px;
	width:100%;
	margin-top:20px;
    padding: 15px 10px 15px 35px;
	background-image:url(images/right-arrow-white.svg);
	background-position:18% center;
	background-size:28px;
	background-repeat:no-repeat;
	box-shadow: 2px 4px 20px rgba(88, 144, 223, 0.4);
}
.single-job-form .single-job-button .btn.btn-primary:focus{
	box-shadow:none;	
}
.single-job-form .single-job-button .btn.btn-primary:hover{
	background-color:#5890DF !important;
	border-color:#5890DF;
}
.after-form p{
	margin-top:32px;
	font-size: 18px;
	font-weight: 300;
	line-height: 27px;
	color:#000;
	font-family: 'Barlow-Regular';
}
.after-form p a{
	font-weight:500;
	text-decoration:none;
	color:#5890DF;
}
.upload-headline{
	color:#000 !important;
	position:absolute;
	top:34px;
	transform:translatex(-50%);
	left:50%;
}
.page-template-template-job-alerts .custom-dropdown {
    flex-basis: 25%;
    padding-left: 15px;
    padding-right: 15px;
    flex-shrink: 0;
    position: relative;
}
.radio-container{
	display:flex;
}
.radio-container > input{
	width:auto;
}
.filename-selected{
	font-family: 'Barlow-semi-bold';
	margin-top: 15px;
    padding-left: 30px;
    background: url(images/attachment.svg) no-repeat;
    background-size: 20px;
    background-position: left center;
}
.single-job-form label.radio-inline{
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	color:#000;
	font-family: 'Barlow-Regular';
}
.single-job-form .radio-container label.radio-inline {
	background: url(images/un-checked.svg) no-repeat;
    background-position: 0 5px;
    background-size: 20px;
	padding-left:28px;
	margin-bottom: 0;
    margin-top: 25px;
	font-family: 'Barlow-semi-bold';
}
.single-job-form .radio-container input[type=checkbox]:checked+label {
    background: url(images/check-mark-new.svg) no-repeat;
    background-position: 0 5px;
    background-size: 20px;
	padding-left:28px;
	margin-bottom: 0;
    margin-top: 25px;
}
.single-job-form .radio-container input {
    display: none!important;
}
.job-alert-search{
    padding-left: 15px;
}
/* Navigation */
.pagenation a:hover, .pagenation span.current {
    box-shadow: none;
}
.pagenation a.previouspostslink:hover, .pagenation a.nextpostslink:hover {
    background-color: #F2F2F2;	
	box-shadow:none;
}
.wp-pagenavi{
	display:flex;	
}
.wp-pagenavi .previouspostslink{
	font-size:0;
	background-image:url("images/left-grey-navi.svg");
	width:10px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:10px;
}
.wp-pagenavi .nextpostslink{
	font-size:0;
	background-image:url("images/right-grey-navi.svg");
	width:10px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:10px;
}
.success-msg{
	color: #5890DF;
    margin-top: 20px;
    font-weight: 700;
}
/* Navigation */
.single-surf_jobs .addtoany_share_save_container{
    display: none !important;
}
.job-form .loader{
	position: absolute;
    background: rgba(255, 255, 255, 0.8);
    height: 100%;
    width: 100%;
    z-index: 5;
	display: none;
}
.job-form .loader img{
	width: 70px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
/* Form */
/* 29-62021 */
.sj-contact-info {
    background-color: #F6F9FE;
    padding: 15px 34px;
    margin-bottom: 35px;
}
.sj-contact-info a{
	text-decoration: underline;
}
.sj-contact-info ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sj-contact-info ul li {
    font-size: 20px;
    padding: 18px 0 18px 0;
    font-weight: 400;
    line-height: 1.2;
    font-family: 'Barlow-Regular';
    color: #4691E5;
}
.sj-contact-info ul li:not(:last-child) {
    border-bottom: 1px solid rgba(70, 145, 229, 0.1);
}
.sj-contact-info ul li span {
    color: #2C3037;
}
.rrp-container {
    background-color: #F6F9FE;
    padding: 69px 0 75px 0;
}
.rrp-container .yarpp-related {
    margin: 0 0;
}
.rrp-container h3.redesign-headline {
    font-family: "Barlow-semi-bold";
    font-size: 35px !important;
    line-height: 1.2;
    text-align: center;
    color: #2C3037;
    margin-bottom: 45px !important;
    padding: 0 !important;
}
.yarpp-related h3 {
    font-size: 125%;
    font-weight: 700;
    margin: 0;
    padding: 0 0 5px;
    text-transform: capitalize;
}
.redesign-related-jobs {
    background-color: #fff;
    padding: 31px 27px 112px 32px;
}
.redesign-related-jobs {
    position: relative;
    flex-grow: 1;
}
.yarpp-related h3 {
    font-size: 125%;
    font-weight: 700;
    margin: 0;
    padding: 0 0 5px;
    text-transform: capitalize;
}
.redesign-related-jobs > h3 {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
.redesign-related-jobs a.apply-button {
    position: absolute;
    bottom: 33px;
    display: inline-block;
    text-decoration: none;
    font-family: 'Barlow-Regular';
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.222;
    color: #fff;
    background-color: #4691E5;
    padding: 10px 10px;
    min-width: 132px;
    text-align: center;
    border-radius: 3px;
    margin-top: 29px;
}
.yarpp-related a {
    font-weight: 700;
    text-decoration: none;
}
.redesign-related-jobs > h3 > a {
    display: inline-block;
    font-family: "Barlow-semi-bold";
    font-size: 23px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.17;
    color: #2C3037;
    text-align: left;
    margin-bottom: 22px;
    padding-bottom: 0;
}
.redesign-jobs-outer {
    display: flex;
}
.application-instructions a{
	text-decoration: underline;
}
.application-instructions{
    font-family: "Barlow-Light";
    color: #000;
    font-size: 18px;	
}
.mobile-info-only{
	display:none;
}
/* 29-62021 */
/* 2-3-2021 */
.common-classification{
	padding-bottom:30px;
}
.common-classification h3,
.common-classification h2{
	margin-bottom: 40px;
    color: #000;
    font-size: 35px;
    font-family: "Barlow-semi-bold";
}
.common-classification ul li a{
	padding-bottom:20px;
	display:inline-block;
	text-decoration:none;
    font-family: "Barlow-Light";
    font-size: 18px;
    color: #4691e5;
	font-weight:600;
}
.classification-container{
	padding-bottom:50px;	
}
.full-width-container{
	max-width: 100%;
	margin-bottom: 30px;
}
/* 2-3-2021 */
/* 21-04-2022 */
.sjd-breadcrumb ul{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	padding-bottom:22px;
}
.sjd-breadcrumb ul li{
	margin-bottom:8px;
}
.sjd-breadcrumb ul li a,.sjd-breadcrumb ul li{
	display:inline;
    font-family: "Barlow-Regular";
	font-size: 16px;
	line-height: 1.5;
	color:#000000;
}
.sjd-breadcrumb ul li a.sjbc-link{
	color:#4691E5;
	text-decoration:underline;
	text-decoration-color:#4691E5;
}
.sjd-breadcrumb ul li span{
	color:#4691E5;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
}
.blog-catogories-list ul{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-wrap:wrap;
}
.blog-catogories-list ul li{
	margin-right:10px;
	margin-bottom:10px;
}
.blog-catogories-list ul li.cat-item-1{
	display: none;
}
.blog-catogories-list ul li.blog-all-item a{
	text-decoration:none;
	display:inline-block;
	font-size: 18px;
	font-family: "Barlow-semi-bold"; /*Not ok */
	line-height: 1.2;
	color:#fff;
	padding:11px 25px;
	background-color:#1F4375;
	border-radius:3px;
}
.blog-catogories-list ul li a{
	display:inline-block;
	text-decoration:none;
	font-size: 18px;
	line-height: 1.2; 	
	font-family: "Barlow-semi-bold"; /*Not ok */
	color:#4691E5;
	background: rgba(70, 145, 229, 0.1);
	border-radius: 3px;
	padding:11px 25px;
}
.blog-catogories-list ul li a:hover,
.blog-catogories-list ul li.current-cat a{
	background-color: #4691E5;
	color:#fff;
}
.blog-catogories-list{
	padding-bottom:35px;	
}
.cj-jobs-container{
	background: #FFFFFF;
	box-shadow: 5px 4px 15px rgba(31, 67, 117, 0.12);
	flex-wrap:wrap;
	padding:30px 30px 88px 30px;
	position:relative;
}
.cj-jobs-container h3{
	margin-bottom:20px;
}
.cj-jobs-container h3 a{
	display:inline-block;
	text-decoration:none;
	font-size: 23px;
	font-family: "Barlow-semi-bold"; /*Not ok */
	line-height: 1.21;
	color:#2C3037;
}
.cj-jobs-container .location{
	font-family: "Barlow-semi-bold"; /*Not ok */
	font-size: 18px;
    font-weight: 400;
    line-height: 1.2222;
    color: #2C3037;
    flex-basis: 100%;
    background-image: url(images/location-job.svg);
    background-repeat: no-repeat;
    background-position: left 3px;
    padding-left: 25px;
    margin-top: 20px;
    margin-bottom: 40px;
    background-size: 15px;
}
.cj-jobs-container .cj-button a{
	font-family: "Barlow-semi-bold"; /*Not ok */
	display:inline-block;
	text-decoration:none;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.2222;
	color:#fff;
	background-color: #3280D6;
	border-radius: 3px;
	padding:14px 23px;
	position:absolute;
	bottom:38px;
	left:30px;
}
.cj-jobs-container .cj-button a:hover{
	box-shadow: 3px 3px 10px 1px rgba(70, 145, 229, 0.3);
}
.cj-container h2{
	font-size: 35px;
	line-height: 1.2;
	color:#2C3037;
	font-family: "Barlow-semi-bold";
	margin-bottom:45px;
	text-align:center;
}
.cj-outer-button{
	padding-top:40px;
	text-align:center;
}
.cj-outer-button a{
	display:inline-block;
	text-decoration: none;
    font-family: "Barlow-semi-bold";
    font-size: 18px;
    line-height: 1.222;
    color: #fff;
    padding: 14px 30px 14px 60px;
    background-color: #4691E5;
    border-radius: 3px;
    background-image: url(images/white-arrow.svg);
    background-position: 25px center;
    background-repeat: no-repeat;
	text-decoration:none;
}
.cj-outer-button a:hover{
    box-shadow: 3px 3px 10px 1px rgb(70 145 229 / 30%);
}
.cj-container{
	padding-bottom:85px;	
}
.cbp-container{
	padding-bottom:100px;
}
.cbp-container h2{
	font-size: 35px;
	line-height: 1.2;
	color:#2C3037;
	font-family: "Barlow-semi-bold";
	margin-bottom:45px;
	text-align:center;
}
.cbp-container .cj-outer-button {
    padding-top: 0;
}
.cbp-container .blog-post {
    margin-bottom: 0;
}
.cbp-container .posted:hover {
    box-shadow: none;
}
.capabilitie.capabilitie-update a {
    padding: 46px 30px 60px;
}
.capabilitie.capabilitie-update h4{
	margin-top:30px;
}
.typical-roles-pareas .job-titles ul li{
	flex-basis: 100%;
}
/* .surf-faqs .faq-panel .faq-answer{
	display: none;
}
.surf-faqs .faq-panel.active .faq-answer{
	display: block;
} */
/* 21-04-2022 */
.blog-featured-image img{
	width: 600px;
	max-width: 100%;
}
.single .blog-search h2{
	font-size: 30px;
	margin-top: 15px;
}
.single .body-copy ul ul,
.single .body-copy ol ul,
.single .body-copy ul ol{
	margin-top: 20px;
}
.single .body-copy ol ul li{
	padding-left: 33px;
}
.table-content-container{
	padding-bottom:65px;
}
.table-content-container h3{
	font-size: 28px;
	font-weight: 700;
	line-height: 1.3;
	color:#333333;
	margin-bottom:20px;
	padding:0;
}
.table-content-container ul{
	margin:0;
	padding:0;
	list-style:none;
	border:1px solid #C4C4C4;
	padding:0 20px;
	position:relative;
	background-color:#fff;
}
.table-content-container ul:before {
    position: absolute;
    content: "";
    top: 10px;
    left: 10px;
    border: 1px solid #C4C4C4;
    height: 100%;
    width: 100%;
    z-index: -1;
}
.table-content-container ul li{
	background-image:none;
	padding:20px 0;
	margin-bottom:0;
	position:relative;
	padding-right:30px;
/* 	background-image:url(images/table-without-hover.svg);
	background-repeat:no-repeat;
	background-position:right 20px;
	background-size:25px; */
}
.table-content-container ul li svg{
	position:absolute;
	right:0;
	top:20px;
}
.table-content-container ul li:hover{
/* 	background-image:url("images/table-hover.svg"); */
}
.table-content-container ul li:not(:last-child) {
	border-bottom:1px solid #E9E9E9;
}
.table-content-container ul h2,
.table-content-container ul h3,
.table-content-container ul h4{
	margin:0 !important;
	padding:0 !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	color:#333 !important;
	text-align: left;
	cursor: pointer;
}
.table-content-container ul li:before{
	display: none;
}
.table-content-container h2 a,.table-content-container h3 a,.table-content-container h4 a{
	color:#333;
	text-decoration:none;
	display:inline-block;
}
.table-content-container ul li h3{
	padding:0 0 0 20px !important;
}
.table-content-container ul li h4{
	padding:0 0 0 40px !important;
}
.table-content-container li:hover h2 a,.table-content-container li:hover h3 a,.table-content-container li:hover h4 a{
	color:#1DB5D7;
}
.heading-2-3 h4,
.heading-2 h3,
.heading-2 h4{
	display: none;
}
.table-content-container li:hover svg circle{
	fill: #4691e5;
}
.table-content-container li:hover svg path{
	fill: #fff;
}
h1,
h2,
h3,
h4{
	text-transform: initial !important;
}
/* 2-3-2023 */
.single-post a.styled-link {
    display: flex;
    align-items: center;
	text-decoration: none;
    position: relative;
}
.single-post a.styled-link span {
    display: inline-block;
    background-image: url(images/blue-icon.svg);
    background-position: left 0;
    background-repeat: no-repeat;
    background-size: 40px;
    padding-top: 5px;
    padding-bottom: 30px;
    border-bottom: 5px solid #4691e5;
    padding-left: 62px;
    width: 100%;
    margin-top: 15px;
    font-weight: 700;
	font-size: 22px;
	color: #000;
	font-family: "Barlow-semi-bold";
	margin-bottom: 35px;
}
.single-post a.styled-link:hover span {
    background-image: url(images/blue-icon-hover.svg);
	color:#000;
}
/* 2-3-2023 */
/* 22-6-2023 */
.location-pa-top .addtoany_share_save_container{
    display: none;
}
.single-location .mini-study ol{
	list-style:none;
	padding: 0;
	margin-bottom: 30px;
}
/* 22-6-2023 */
.bottom-link-button{
	width:50%;
    margin-left:auto;
}
.bottom-link-button a{
    font-family: "Barlow-Light";
    font-size: 20px;
    color: #000;
    margin-left: 15px;
    text-decoration: underline;
}
#field_1_7,
#field_1_8{
	position:absolute;
    padding-left:0;
    bottom:0;
    left: 0;
    width: calc(50% - 15px);
    bottom: 30px;
}
#field_1_8{
	left: 0;
    bottom:0 !important;
    width: calc(50% - 15px);
}
#input_1_8{
    text-align: left;
}
#input_1_8 li{
    width: calc(100% - 15px);
    display: flex;
    align-items: center;
}

#input_1_8 li input{
	margin:0;
}
#input_1_8 li label{
    font-size: 16px;
    padding-left: 10px;
    font-family: "Barlow-Regular" !important;
}
.form-check-box a{
	padding-left:0 !important;
}
.form-check-box p,
.form-check-box a{
	font-size: 12px !important;
    font-family: "Barlow-Regular" !important;
}
.form-check-box a{
	color:#4691e5 !important;
}
#gform_1 .gform_footer.top_label{
    bottom: 0;
}
#gform_fields_1{
	align-content: flex-start
}
#gform_1{
	padding-bottom:60px;
}
/* 5-8-2026 */
.banner-home-update{
    background-image: url(images/home-update-banner-new.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 192px 0 220px;
    position: relative;
}
.banner-home-update::before{
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 100%;
    width: 100%;
    background: #00000066;
    z-index: 0;
}
.banner-inner-update{
    position: relative;
}
.banner-inner-update h1{
    font-family: "Barlow-semi-bold";
    font-size: 63px;
    line-height: 1.2;
    letter-spacing: 3px;
    text-align: center;
    margin-bottom: 35px;
    color: #fff;
}
.banner-inner-update{
    font-weight: 400;
    font-size: 24px;
    line-height: 1.25;
    text-align: center;
    font-family: 'Barlow-Regular';
    color: #fff;
}
.banner-inner-update-inner{
    padding-bottom: 34px;
    width: 570px;
    margin: auto;
    max-width: 100%;
    text-align: center;
}
.banner-inner-update ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
}
.banner-inner-update ul li{
    margin-right: 34px;
}
.banner-inner-update ul li a:hover{
    color: #fff;
}
.who-we-container-update{
    background-image: url(images/who-we-wives.svg);
    background-repeat: no-repeat;
    background-position: center bottom;
}
.cta-box-update .cta-box{
    background-image: url(images/cta-update.jpeg);
    background-repeat: no-repeat;
    background-position: center bottom;
    position: relative;
}
/* .cta-box-update .cta-box::before{
    position: absolute;
    background: #00000033;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: "";
} */
.cta-box-update .cta-box .container{
    position: relative;
}
.surf-blog-container-update{
    background-image: url(images/home-update-blog-new.jpeg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}
.surf-blog-container-update .container{
    position: relative;
    z-index: 2;
}
/* 
.surf-blog-container-update::before{
    position: absolute;
    background: linear-gradient(90deg, #F6F9FE 44.58%, rgba(211, 244, 255, 0.25) 54.94%, rgba(211, 244, 255, 0) 58.32%);
    top: 0;
    left: 0;
    content: "";
    height: 100%;
    width: 100%;
} */
/* .surf-blog-container-update::after{
    position: absolute;
    top: 62px;
    left: 0;
    height: 362px;
    width: 765px;
    content: "";
    background-image: url(images/hu-blog-before.svg);
    background-repeat: no-repeat;
} */
.surf-blog-container-update .surf-blog h3{
    color: #000;
    margin-bottom: 20px;
}
.surf-blog-container-update .surf-blog p{
    color: #000;
    width: 420px;
    max-width: 100%;;
}
.surf-blog-container-update .surf-blog a{
    margin-top: 35px;
}
.admin-bar .medical-device-list-update{
    background-image: url(images/job-wives.svg);
    background-repeat: no-repeat;
    background-position: center bottom;
}
.process-banner-update{
    position: relative;
    padding: 140px 0;
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
}
.process-banner-update::before{
    position: absolute;
    top:0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #0000004D;
    content: "";
}
.process-banner-update h1{
    font-size: 45px;
    line-height: 1;
    color: #fff;
    font-family: "Barlow-semi-bold";
    position: relative;
    z-index: 1;
}
.our-process-row{
    position: relative;
}
.our-process-row::before{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    background-color: #E5E5E5;
    height: 100%;
    width: 1px;
}
.our-process-row:nth-of-type(even) {
    flex-direction: row-reverse;
    justify-content: flex-end;
}
.our-process-row:last-child::before{
    display: none;
}
.our-process-row:nth-of-type(odd) {
    justify-content: flex-end;
}
.process-content .process-content-inner{
    display: flex;
    margin-bottom: 30px;
    align-items: center;
}
.process-content .process-content-inner img{
    height: 66px;
    width: 66px;;
}
.process-content .process-content-inner h3{
    font-family: "Barlow-semi-bold";
    font-weight: 500;
    font-size: 28px;
    line-height: 1.2;
    color: #1F4375;
    margin-left: 30px;
    margin-bottom: 0;
}
.process-content{
    font-weight: 300;
    font-family: "Barlow-Light";
    font-size: 18px;
    line-height: 27px;
    color: #000000;
}
.process-content-number span{
    display: inline-block;
    font-family: "Barlow-semi-bold";
    font-size: 23px;
    line-height: 1;
    color: #fff;
    height: 60px;
    width: 60px;
    background-color: #4691E5;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.process-content-number{
    position: relative;
    margin-top: 6px;
}
.process-content-number::before{
    position: absolute;
    top: -7.5px;
    left: 50%;
    height: 75px;
    width: 75px;
    background-color: #fff;
    border-radius: 50%;
    content: "";
    transform: translateX(-50%);
}
.process-content-number{
    display: flex;
    justify-content: center;
}
.our-process-row:nth-of-type(even) .process-content-number span{
    background-color: #1F4375;
}
.our-process-container{
    padding: 100px 0 100px;
}
.process-content p:last-child{
    margin-bottom: 0;
}
.process-bottom-container{
    background-image: url(images/who-we-wives.svg);
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 70px;
}
.pa-banner-update{
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}
.pa-banner-update::before{
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 100%;
    width: 100%;
    background: #0000004D;
}
.pa-banner-update h1{
    font-family: "Barlow-semi-bold";
    font-size: 45px;
    line-height: 1.07;
    text-align: center;
    margin-bottom: 30px;
    color: #fff;
    position: relative;
}
.pa-banner-update ul{
    position: relative;
    display: flex;
    justify-content: center;
    padding-bottom: 10px;
}
.pa-banner-update ul li{
    margin: 0 7.5px;
}
.pa-banner-update ul li a:hover{
    color: #fff;
}
.success-carousel-wrapper{
    overflow: hidden;
}
.success-carousel-wrapper ul {
    display: flex !important;
    margin: 0;
    padding: 0;
    list-style: none;
}
.success-carousel-wrapper ul li {
    list-style: none;
    margin: 0 50px;
    max-width: 150px;
    text-align: center;
    display: flex !important;
    justify-content: center;
    align-items: center;
    max-height: 100px;
}
.client-logo-update .who-we.hmc-h2 h2 {
     margin-bottom: 47px;
}
.client-logo-update-bottom{
    padding-bottom: 70px;
}
.mini-study-container-update{
    background-image: url(images/pa-case-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.mini-study-container-update{
    font-weight: 300;
    font-size: 18px;
    line-height: 27px;
    font-family: "Barlow-Light";
    color: #1F4375;
}
.testimonial-container-update{
    background-image: url(images/pa-testimonial-icon.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    padding: 75px 0;
}
.testimonial-container-update .mini-study.testimonial{
    margin-top: 0;
    margin-bottom: 0;
}
.pa-job-container-update{
    background-image: url(images/job-wives.svg);
    background-repeat: no-repeat;
    background-position: center bottom;
}
.client-logo-update{
    margin-bottom: 0;
}
.banner-inner-update button,
.pa-banner-update button{
    outline: none;
    border: none;
    padding: 19px 22px 20px 55px;
    cursor: pointer;
}
.pa-banner-update button{
    padding: 17px 22px 17px 55px;
}
@media (max-width: 991px){
    .process-banner-update {
        padding: 100px 0;
    }
    .our-process-row::before {
        left: 60px;
        transform: translateX(0);
    }
    .surf-blog-container-update::after{
        display: none;
    }
    .our-process-row{
        padding-bottom: 50px;
    }
    .our-process-row:nth-of-type(odd) {
        justify-content: flex-start;
    }
    .our-process-row:nth-of-type(even) {
        flex-direction: row;
        justify-content: flex-start;
    }
    .our-process-container {
        padding: 80px 0 30px;
    }
}
@media (max-width: 767px){
    .surf-blog-container-update {
        background-position: center;
    }
    .our-process-container {
        padding: 80px 0 30px;
    }
    .process-content .process-content-inner h3 {
        margin-left: 0;
        margin-top: 10px;
        font-size: 25px;
    }
    .process-content .process-content-inner {
        display: block;
        margin-bottom: 20px;
    }
    .our-process-row::before {
        left: 66px;
    }
    .who-we-container-update .clients {
        margin-bottom: 40px;
    }
    .client-logo-update-bottom {
        padding-bottom: 40px;
    }
    .pa-banner-update {
        padding-top: 75px;
        padding-bottom: 75px;
    }
    .pa-banner-update ul li{
        margin: 15px 0 0 0;
    }
    .pa-banner-update ul {
        display: block;
    }
    .client-logo-update{
        margin-bottom: 20px;
    }
    .success-carousel-wrapper ul li {
        margin: 0 20px;
    }
    .pa-banner-update h1 {
        font-size: 35px;
    }
    .banner-inner-update ul li{
        margin: 0;
        margin-top: 15px;
    }
    .banner-inner-update ul{
        display: block;
    }
    .banner-home-update {
        padding: 100px 0 100px;
        background-position: right;
    }
    .banner-inner-update h1 {
        font-size: 38px;
    }
    .banner-inner-update-inner {
        padding-bottom: 14px;
    }
}
@media (max-width: 576px){
    .our-process-row::before {
        left: 47px;
    }
}

/* 5-8-2026 */
@media (max-width: 1150px){
    .work-logo-item{
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
}
@media (max-width: 767px){
	.capabilitie.capabilitie-update a {
		padding: 46px 0 60px;
	}
	.cj-jobs-container{
		margin-bottom:30px;
	}
	.medical-device-list {
		padding-top: 30px;
	}
	.desktop-info-only{
		display:none;	
	}
	.job-description{
		padding-bottom:40px;
	}
	.mobile-info-only{
		display:block;
		padding-top:65px;
	}
	.redesign-related-jobs {
		margin-bottom: 30px;
	}
	.redesign-jobs-outer {
		display: block;
	}
	/* 22-2-21 */
	.dropdown-content.showToggle {
		min-width: 450px;
		column-count: 4;
	}
	.job-category-dropdown .dropdown-content.showToggle {
		min-width: 100%;
		column-count: 2;
	}
	.dropdown-content{
		width:100%;
		right: 0;
	}
	.wp-pagenavi{
		flex-wrap:wrap;
	}
	.pagination-container .jobs-count{
		margin-bottom:25px;
	}
	.pagination-container{
		flex-wrap:wrap;
	}
	.search-container .jobs-container .job-date {
		text-align: left;
		margin-top:10px;
	}
	.featured-badge{
		margin-top:10px;
	}
	.search-bar{
		flex-wrap:wrap;
	}
	.job-state {
		flex-basis: 100%;
		padding-left: 0;
		padding-right: 0;
		margin-top:25px;
		margin-bottom:25px;
	}
	.job-category-dropdown{
		margin-top:0;		
	}
	.medical-device-form{
		order:2;	
		padding-top: 0;
		padding-bottom: 0;
	}
	.job-alert-search {
		padding-right: 15px;
	}
	.search-input #your-name{
		margin-bottom:25px;	
	}
	.page-template-template-job-alerts .custom-dropdown {
		flex-basis: 100%;
		margin-top: 25px;
	}
	/* 22-2-21 */
    .gform_body {
        flex-wrap: wrap;
    }
    body ul.gform_fields.top_label.form_sublabel_below.description_below {
        flex-basis: 100%;
    }
    .gform_fields.top_label.form_sublabel_below.description_below.right li.gfield {
        padding-left: 0;
        padding-right: 0;
    }
    body .gfield.form-number.field_sublabel_below.field_description_below.gfield_visibility_visible input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
        margin-bottom: 12px;
    }
    .gform_footer.top_label {
        position: relative;
    }
    body .gform_wrapper .gform_footer {
        width: 100%;
    }
    body .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
        margin-left: 0;
    }
    body .gform_wrapper ul.gform_fields li.gfield {
        padding-right: 0;
    }
    body .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit]{
        background-image: none;
        margin-top: 25px;
    }
    /* gravity-form */
    .work-logo-item{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .top-bar-container{
        display: none;
    }
    .magnet-title {
        background-color: transparent;
    }
    .magnet-title a{
        background-color: #1dbc94;
    }
    .menu {
        margin-top: 0;
        margin-bottom: 0;
        min-height: 0;
    }
    .menu ul{
        border: 1px solid #1f4375;
        border-bottom: none;
    }
    .menu ul .sub-menu{
        border: none;
    }
    .menu ul li {
        display: block;
        text-align: left;
        margin-top: 0;
    }
    .menu ul li a{
        border-bottom:1px solid #1f4375;
        border-radius: 0;
        padding: 8px 18px;
        margin-right: 0;
        position: relative;
    }
    .main-menu-container{
        position: absolute;
        z-index: 2;
        width: 100%;
        left: 0;
        background: #fff;
    }
    .menu ul li.menu-item-has-children:hover > ul {
        display: none;
    }
    .menu ul li.menu-item-has-children ul{
        position: relative;
    }
    .menu ul li.menu-item-has-children > a > i {
        position: absolute;
        top: 0;
        right: 0;
        padding: 13px 15px;
        z-index: 2;
    }
    .banner-home {
        padding-top: 100px;
        padding-bottom: 110px;
    }
    .banner-home h1{
        font-size: 30px;
        margin-bottom: 40px;
    }
    .footer-search {
        max-width: 100%;
    }
    .footer-location-inner {
        padding: 30px 0;
    }
    .footer-links{
        margin-top: 15px;
    }
    .copy-right-container {
        text-align: center;
    }
    .members-inner{
        background-color: transparent;
        box-shadow: 0px 0px 0px 0px rgba(66, 70, 77, 0.13);
    }
    .members-inner .member .row{
        justify-content: center;
    }
    .member-info {
        margin-left: 0;
    }
    body .rp4wp-related-posts ul li {
        flex-basis: 100%;
    }
    .job-titles ul li {
        flex-basis: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .location-right{
        margin-left: 0;
    }
    .side-bar-menu img{
        margin-bottom: 30px;
    }
    .who-we-container {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .who-we{
        margin-top: 70px;
    }
    .who-we h2,
    .surf-blog h3{
        font-size: 28px;
    }
    .capabilities {
        margin-bottom: 60px;
    }
    .surf-blog-container {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .surf-blogs a,
    .who-we a, .btn-main {
        font-size: 16px;
        background-size: 16px;
        padding: 17px 18px 17px 45px;
        border-radius: 6px;
    }
    .mini-study p{
        padding-right: 20px;
        padding-left: 20px;
    }
    .send-message {
        background-image :none;
    }
    .foam-contact ul li {
        display: block;
    }
    .foam-contact ul .phone-contect a {
        border-right: none;
        margin-right: 0;
        margin-bottom: 10px;
        display: inline-block;
    }
    .contacts-container {
        padding-top: 60px;
    }
    .contact-outer {
        padding-bottom: 50px;
    }
    .magnet-title h3 {
        font-size: 15px;
    }
    .magnet-title p {
        font-size: 15px;
    }
    .job-description .graph-job ul li {
        font-size: 14px;
        flex-basis: auto;
    }
    .job-description .graph-job ul .median {
        font-size: 18px;
    }
    .job-description .graph-job ul li,
    .job-description .graph-job ul li:last-child{
        padding-left: 0;
    }
    .job-description {
        padding-left: 0;
    }
    .who-we p {
        margin-bottom: 25px;
    }
    .mini-study {
        padding-right: 30px;
        padding-left: 30px;
    }
    .cta-box h3{
        font-size: 22px;
    }
    .work-logo-item{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .side-bar-menu{
        box-shadow: 3px 3px 14px 0px rgba(66, 70, 77, 0.13);
    }
    .side-bar{
        box-shadow: none;
    }
    .sidebar-mobile{
        padding-top: 0;
    }
    .areas-container ul li:nth-of-type(3n) {
        border-right: 1px solid #d8e2ed;
    }
    .areas-container ul li:nth-of-type(2n) {
        border: none;
    }
    .areas-container ul li{
        border-right: 1px solid #d8e2ed;
    }
    .bottom-link-button{
        width:100%;
        margin-left:0;
    }
    .bottom-link-button a{
        margin-left: 0;
    }
    
    
    body .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
        width: 100%;
    }
    #field_1_7, #field_1_8 {
        width: 100%;
        bottom: 0;
        position: relative;
    }
    body #gform_wrapper_1.gform_legacy_markup_wrapper ul li.field_description_below div.ginput_container_checkbox{
    margin-top:0;
    }
    body #gform_wrapper_1.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
        margin-top: 0;
    }
}
@media (max-width: 575px){
	.dropdown-content.showToggle {
		min-width: 100%;
		column-count: 3;
	}
    .navbar-light .navbar-toggler {
        margin-left: 15px;
        margin-right: 0;
    }
    .cta-box ul li:last-child {
        margin-top: 20px;
        margin-left: 0;
    }
    .cta-box ul li {
        display: inherit;
    }
    .logo{
        text-align: center;
    }
    .logo img{
        max-width: 275px;
    }
    .side-bar-menu img{
        max-width: 100%;
    }
    .container {
        padding-right: 30px;
        padding-left: 30px;
    }
    .mini-study {
        padding-right: 10px;
        padding-left: 10px;
    }
    .body-copy .areas-container ul li::before {
        left: 20px;
    }
    .areas-container ul li .area-item {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (min-width: 768px){
	.cj-jobs-container{
		margin-bottom:30px;
	}
	.redesign-related-jobs {
		margin-bottom: 30px;
	}
	.redesign-jobs-outer {
		display: block;
	}
    .magnet-title {
        background-color: transparent;
    }
    .magnet-title a{
        background-color: #1dbc94;
    }
    .menu {
        margin-top: 0;
        margin-bottom: 0;
        min-height: 0;
    }
    .menu ul{
        border: 1px solid #1f4375;
        border-bottom: none;
    }
    .menu ul .sub-menu{
        border: none;
    }
    .menu ul li {
        display: block;
        text-align: left;
        margin-top: 0;
    }
    .menu ul li a{
        border-bottom:1px solid #1f4375;
        border-radius: 0;
        padding: 8px 18px;
        margin-right: 0;
        position: relative;
    }
    .main-menu-container{
        position: absolute;
        z-index: 2;
        width: 100%;
        left: 0;
        background: #fff;
    }
    .menu ul li.menu-item-has-children:hover > ul {
        display: none;
    }
    .menu ul li.menu-item-has-children ul{
        position: relative;
    }
    .menu ul li.menu-item-has-children > a > i {
        position: absolute;
        top: 0;
        right: 0;
        padding: 13px 15px;
        z-index: 2;
    }
    .banner-home {
        padding-top: 160px;
        padding-bottom: 170px;
    }
    .footer-search {
        max-width: 100%;
    }
    .footer-location-inner {
        padding: 30px 0;
    }
    .footer-links{
        margin-top: 15px;
    }
    .copy-right-container {
        text-align: center;
    }
    .members-inner{
        background-color: transparent;
        box-shadow: 0px 0px 0px 0px rgba(66, 70, 77, 0.13);
    }
    .members-inner .member .row{
        justify-content: center;
    }
    .member-info {
        margin-left: 0;
    }
    body .rp4wp-related-posts ul li {
        flex-basis: 46%;
    }
    .job-titles ul li {
        flex-basis: 47%;
    }
    .location-right{
        margin-left: 0;
    }
    .side-bar-menu img{
        margin-bottom: 30px;
    }
    .send-message {
        background-image :none;
    }
    .cta-box h3{
        font-size: 22px;
    }
    .work-logo-item{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .side-bar-menu{
        margin-top: 0;
    }
    .areas-container ul li:nth-of-type(3n) {
        border-right: 1px solid #d8e2ed;
    }
    .areas-container ul li:nth-of-type(2n) {
        border: none;
    }
    .areas-container ul li{
        border-right: 1px solid #d8e2ed;
    }
    .side-bar-menu {
        box-shadow: 3px 3px 14px 0px rgba(66, 70, 77, 0.13);
    }
    .side-bar {
        box-shadow: none;
    }
    .sidebar-mobile {
        padding-top: 0;
    }
    /* gravity-form */
    .gform_body {
        flex-wrap: wrap;
    }
    body ul.gform_fields.top_label.form_sublabel_below.description_below {
        flex-basis: 100%;
    }
    .gform_fields.top_label.form_sublabel_below.description_below.right li.gfield {
        padding-left: 0;
        padding-right: 0;
    }
    body .gfield.form-number.field_sublabel_below.field_description_below.gfield_visibility_visible input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
        margin-bottom: 12px;
    }
    .gform_footer.top_label {
        position: relative;
    }
    body .gform_wrapper .gform_footer {
        width: 100%;
    }
    body .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
        margin-left: 0;
    }
    body .gform_wrapper ul.gform_fields li.gfield {
        padding-right: 0;
    }
    body .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit]{
        background-image: none;
        margin-top: 0;
    }
    body .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
        max-width: 100%!important;
    }
	/* 22-2-21 */
	.search-input #your-name{
		margin-bottom:25px;	
	}
	.page-template-template-job-alerts .custom-dropdown {
		flex-basis: 100%;
		margin-top: 25px;
	}
	.job-alert-search {
		padding-right: 15px;
	}
	.medical-device-form{
		order:2;	
		padding-top: 0;
		padding-bottom: 50px;
	}
	.search-bar{
		flex-wrap:wrap;
	}
	.job-state {
		flex-basis: 100%;
		padding-left: 0;
		padding-right: 0;
        margin-top:25px;
		margin-bottom:25px;
	}
	.medical-device-list {
		padding-top: 30px;
	}
	.desktop-info-only{
		display:none;	
	}
	.job-description{
		padding-bottom:40px;
		padding-left: 0;
	}
	.mobile-info-only{
		display:block;
		padding-top:65px;
	}
	/* 22-2-21 */
    .bottom-link-button{
        width:100%;
        margin-left:0;
    }
    .bottom-link-button a{
        margin-left: 0;
    }
    
    body .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
        width: 100%;
    }
    #field_1_7, #field_1_8 {
        width: 100%;
        bottom: 0;
        position: relative;
    }
    body #gform_wrapper_1.gform_legacy_markup_wrapper ul li.field_description_below div.ginput_container_checkbox{
    margin-top:0;
    }
}
@media (min-width: 992px){
    body #gform_wrapper_1.gform_legacy_markup_wrapper ul li.field_description_below div.ginput_container_checkbox{
    	margin-top:16px;
    }
    #field_1_7, #field_1_8 {
        position: absolute;
        width: calc(50% - 15px);
        bottom: 30px;
    }
    body .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
        width: calc(100% - 15px);
    }


    .bottom-link-button{
        width:50%;
        margin-left:auto;
    }
    .bottom-link-button a{
        margin-left: 15px;
    }
    
    
	.cj-jobs-container{
		margin-bottom:0;
	}
	.medical-device-list {
		padding-top: 60px;
	}
	.desktop-info-only{
		display:block;	
	}
	.job-description{
		padding-bottom:0;
		padding-left: 20px;
	}
	.mobile-info-only{
		display:none;
		padding-top:0;
	}
	.redesign-jobs-outer {
		display: flex;
	}
	/* 22-2-21 */
	.job-state {
		flex-basis: 190px;
		padding-left: 15px;
		padding-right: 15px;
		margin-top: 0;
		margin-bottom:0;
	}
	.job-category-dropdown{
		padding-left: 0;		
	}
	.search-bar{
		flex-wrap:nowrap;
	}
	.medical-device-form{
		order:0;	
		padding-top:0;
		padding-bottom: 0;
	}
	.job-alert-search {
		padding-right: 0;
	}
	.page-template-template-job-alerts .custom-dropdown {
		flex-basis: 25%;
		margin-top:0;
	}
	.search-input #your-name{
		margin-bottom:0;	
	}
	/* 22-2-21 */
    .page-template-template-job-alerts .job-state .dropdown-content.showToggle {
        min-width: 450px;
        column-count: 5;
    }
    .page-template-template-job-alerts .job-type .dropdown-content.showToggle {
        min-width: 15px;
        column-count: 1;
    }
    body .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit]{
        background-image: url(images/learn-more.png);
        margin-top: 0;
    }
    body .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
        max-width: calc(100% - 16px)!important;
    }
    body .gform_wrapper ul.gform_fields li.gfield {
        padding-right: 16px;
    }
    body .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
        margin-left: 15px;
        width: calc(100% - 15px);
    }
    body .gform_validation_error.gform_wrapper .gform_footer input.button,
    .gform_validation_error.gform_wrapper .gform_footer input[type=submit]{
        margin-left: 0;
    }

    body .gform_wrapper .gform_footer {
        width: 50%;
    }
    .gform_footer.top_label {
        position: absolute;
    }
    body .gfield.form-number.field_sublabel_below.field_description_below.gfield_visibility_visible input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
        margin-bottom: 0;
    }
    .gform_fields.top_label.form_sublabel_below.description_below.right li.gfield {
        padding-left: 15px;
    }
    body ul.gform_fields.top_label.form_sublabel_below.description_below {
        flex-basis: 50%;
    }
    .gform_body {
        flex-wrap: nowrap;
    }
    /* gravity-form */
    .main-menu-container{
        position: relative;
    }
    .menu ul{
        border: none;
    }
    .menu ul li {
        display: inline-block;
        text-align: left;
        margin-top: 8px;
    }
    .menu ul li.menu-item-has-children ul{
        position: absolute;
    }
    .menu ul li.menu-item-has-children:hover > ul {
        display: block;
    }
    .menu ul li.menu-item-has-children > a > i {
        position: relative;
        display: inline-block;
        padding: 0 0 0 9px;
    }
    .navbar-expand-lg {
        justify-content: center;
    }
    .menu ul li a {
        border-radius: 21px;
        border: none;
        margin-right: 0;
        padding: 4px 9px;
        font-size: 16px;
    }
    .magnet-title h3 {
        font-size: 15px;
    }
    .magnet-title p {
        font-size: 15px;
    }
    .banner-home {
        padding-top: 160px;
        padding-bottom: 170px;
    }
    .footer-search {
        max-width: 100%;
    }
    .blog-post-details a {
        margin-top: 15px;
        margin-bottom: 10px;
        font-size: 18px;
        padding-right: 20px;
        padding-left: 20px;
    }
    .blog-post-details a:last-child {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .medical-jobs h3 {
        font-size: 18px;
        padding: 27px 0 27px 70px;
    }
    .job-description .graph-job ul li:last-child {
        padding-left: 50px;
    }
    .magnet-title a {
        padding-top: 15px;
        padding-bottom: 15px;
        background-color: transparent;
    }
    .magnet-title {
        background-color: #1dbc94;
    }
    .menu {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .footer-location-inner {
        padding: 0px 79px 0 40px;
    }
    .footer-links{
        margin-top: 0;
    }
    .copy-right-container {
        text-align: left;
    }
    .members-inner{
        background-color: #ffff;
        box-shadow: 3px 3px 14px 0px rgba(66, 70, 77, 0.13);
    }
    .members-inner .member .row{
        justify-content: space-between;
    }
    .member-info {
        margin-left: 28px;
    }
    body .rp4wp-related-posts ul li {
        flex-basis: 30%;
    }
    .job-titles ul li {
        flex-basis: 31%;
    }
    .location-right{
        margin-left: 30px;
    }
    .send-message {
        background-image: url(images/learn-more.png);
    }
    .cta-box h3{
        font-size: 34px;
    }
    .side-bar-menu{
        margin-top: 0;
    }
    .areas-container ul li:nth-of-type(2n) {
        border-right: 1px solid #d8e2ed;
    }
    .areas-container ul li:nth-of-type(3n) {
        border: none;
    }
    .areas-container ul li{
        border-right: 1px solid #d8e2ed;
    }
    .side-bar-menu {
        box-shadow: none;
    }
    .side-bar {
        box-shadow: 3px 3px 14px 0px rgba(66, 70, 77, 0.13);
    }
    .sidebar-mobile {
        padding-top: 60px;
    }
}
@media (min-width:1200px){
    .container{
        max-width: 1100px;
    }
    .menu ul li a {
        margin-right: 0;
        padding: 2px 16px;
    }
    .magnet-title h3 {
        font-size: 17px;
    }
    .banner-home {
        padding-top: 260px;
        padding-bottom: 270px;
    }
    .footer-search {
        max-width: 279px;
    }
    .blog-post-details a {
        margin-top: 25px;
        margin-bottom: 18px;
        font-size: 20px;
        padding-right: 26px;
        padding-left: 26px;
    }
    .blog-post-details a:last-child {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .medical-jobs h3 {
        font-size: 22px;
        padding: 27px 0 27px 100px;
    }
    .job-description .graph-job ul li:last-child {
        padding-left: 70px;
    }
    .magnet-title a {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

/*********************************
 * Added on 03-Feb-21 *
 *********************************/

 .surf-faqs {
    margin-bottom: 80px;
}

.surf-faqs .faq-panel {
    -webkit-box-shadow: 0px 4px 14px 0px rgba(66, 70, 77, 0.13);
    box-shadow: 0px 4px 14px 0px rgba(66, 70, 77, 0.13);
    margin-bottom: 30px;
    border-radius: 3px;
}

.surf-faqs .faq-panel h6 {
    font-family: 'Barlow-Regular';
    font-size: 22px;
    margin-bottom: 0;
    line-height: 1.4;
    padding: 25px 100px 25px 50px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
}

.surf-faqs .faq-panel.active h6,
.surf-faqs .faq-panel h6:hover,
.surf-faqs .faq-panel h6:focus {
    color: #4691e5;
}

.surf-faqs .faq-panel:not(.active) h6 {
    cursor: pointer;
}

.surf-faqs .faq-panel .faq-answer {
    padding: 0 50px 25px;
}

.surf-faqs .faq-panel .faq-answer p {
    font-family: 'Barlow-Light';
    font-size: 18px;
}

.surf-faqs .faq-panel .faq-answer p:last-of-type {
    margin-bottom: 0;
}

.surf-faqs .faq-panel .faq-question h6::before,
.surf-faqs .faq-panel .faq-question h6::after {
    content: "";
    position: absolute;
    top: 50%;
    background: #4691e5;
}

.surf-faqs .faq-panel .faq-question h6::before {
    width: 16px;
    height: 2px;
    right: 40px;
    margin-top: -1px;
}

.surf-faqs .faq-panel .faq-question h6::after {
    width: 2px;
    height: 16px;
    right: 47px;
    margin-top: -8px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.surf-faqs .faq-panel.active .faq-question h6::after {
    opacity: 0;
    -webkit-transform: translateY(25%);
    transform: translateY(25%);
}

.job-titles.no-link ul li {
    display: block;
    border-radius: 2px;
    padding: 15px 15px 15px 20px;
    font-family: "Barlow-semi-bold";
    font-size: 17px;
    /* text-decoration: underline; */
    text-transform: uppercase;
    color: #1f4375;
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

/* .job-titles.no-link ul li:hover {
    background-color: #fff;
    box-shadow: 3px 3px 14px 0px rgba(66, 70, 77, 0.13);
} */

.side-bar-menu ul .life-sciences {
    background-image: url(images/life-sciences-1.svg);
    background-repeat: no-repeat;
    background-position-y: center;
    background-size: 36px;
    background-position-x: 13px;
}

.row.custom-row {
    max-width: 825px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.row.custom-row > .capabilitie {
    min-width: 275px;
}

.row.custom-row > .capabilitie.life-science img {
    padding: 30px;
    max-height: 150px;
}

@media only screen and (max-width: 575px) {
    .surf-faqs .faq-panel h6 {
        padding-left: 25px;
        padding-right: 65px;
        font-size: 18px;
    }

    .surf-faqs .faq-panel .faq-question h6::before {
        right: 25px;
    }

    .surf-faqs .faq-panel .faq-question h6::after {
        right: 32px;
    }

    .surf-faqs .faq-panel .faq-answer {
        padding-left: 25px;
        padding-right: 25px;
    }

    .surf-faqs .faq-panel .faq-answer p {
        font-size: 16px;
    }

    .faqs-section .who-we.hmc-h2 h2 br {
        display: none;
    }
}


/* 19th March 2021 */

.resume-services-wrapper {
    padding-top: 70px;
    padding-bottom: 90px;
}

@media only screen and (min-width:992px) {
    #gform_fields_5,
    #gform_fields_6 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

#gform_5 .gform_footer.top_label,
#gform_6 .gform_footer.top_label {
    position: relative;
    width:100%;
    margin-top: 30px;
}


#gform_submit_button_5,
#gform_submit_button_6 {
    margin-left: 0;
    width:100%;
}

#gform_6 .ginput_container_consent,
#gform_5 .gfield_checkbox li,
#gform_6 .gfield_checkbox li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#gform_6 .ginput_container_consent input[type=checkbox] {
    margin-top: 7px;
}

#gform_5 .gfield_checkbox li label,
#gform_6 .gfield_checkbox li label {
    padding-left: 12px;
}


#gform_5 input[type=checkbox],
#gform_6 input[type=checkbox] {
    margin-top: 5px;
}

#gform_6 .gfield_consent_label {
    padding-left: 12px;
}


#gform_5 select,
#gform_6 select {
    padding: 18px;
    margin-bottom: 12px;
    border-radius: 2px;
    border: none;
    box-shadow: 3px 3px 14px 0px rgb(66 70 77 / 13%);
    border: 1px solid #fff;
}

.gform_wrapper input[type="submit"] {
    cursor: pointer;
    
}

#gform_5 input[type="submit"],
#gform_6 input[type="submit"] {
    background-color: #1f4375;
}

.gform_wrapper input#gf_coupon_button.button {
    margin-left: 0 !important;
    border: 1px solid #efefef;
    padding: 10px 15px;
    min-width: 150px;
    cursor: pointer;
}

.gform_wrapper input#gf_coupon_button.button:hover,
.gform_wrapper input#gf_coupon_button.button:focus {
    background:#1f4375;
    color: #fff;
}

#gform_5 textarea,
#gform_6 textarea {
    background-color: #fff;
    height: auto;
    padding: 18px;
    border: none;
    box-shadow: 3px 3px 14px 0px rgb(66 70 77 / 13%);
    border: 1px solid #fff;
    border-radius: 3px;
}

#gform_5 .StripeElement,
#gform_6 .StripeElement {
    background-color: #fff;
    height: auto;
    padding: 18px;
    margin-bottom: 12px;
    border-radius: 2px;
    border: none;
    box-shadow: 3px 3px 14px 0px rgb(66 70 77 / 13%);
    border: 1px solid #fff;
    border-radius: 3px;
}

#gform_5 .StripeElement:hover,
#gform_5 .StripeElement:focus,
#gform_6 .StripeElement:hover,
#gform_6 .StripeElement:focus {
    border: 2px solid #000;
}

#gform_5 .gfield_calculation .ginput_container,
#gform_6 .gfield_calculation .ginput_container {
    width:50%;
}

#gform_fields_6 {
    -ms-flex-preferred-size: 100%; flex-basis: 100%;
}

#gform_6 h2,
#gform_6 .h2 {
    font-size: 1.5rem;
    margin-top: 25px;
}

#gform_wrapper_6,
#gform_wrapper_5 {
    margin-top: 0;
}

/* job seeker services */

ul.service-list{
    margin-bottom: 30px;
}


ul.service-list li {
    position: relative;
    padding-left: 63px;
    margin-bottom: 25px;
}


ul.service-list li::before {
    content: "";
    position: absolute;
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: block;
    top:0;
    left:0;
}

ul.service-list li p:first-child {
    color: #5295c0;
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 10px;
    margin-top: 0;
    font-weight: 600;
    text-transform: uppercase;
}

ul.service-list li.service-resume::before {
    background-image: url('/wp-content/uploads/service_icon1.png');
}

ul.service-list li.service-linkedin::before {
    background-image: url('/wp-content/uploads/linkedin-profile.png');
}

ul.service-list li.service-cover-letter::before {
    background-image: url('/wp-content/uploads/cover-letter.png');
}

ul.service-list li.service-career::before {
    background-image: url('/wp-content/uploads/leadership-coaching.png');
}

ul.service-list li.service-leadership::before {
    background-image: url('/wp-content/uploads/leadership-coaching.png');
}
ul.service-list li.service-interview::before {
    background-image: url('/wp-content/uploads/leadership-coaching.png');
}

@media only screen and (min-width: 768px) {
    ul.service-list{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    ul.service-list li {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    }
    
    ul.service-list.stacked li {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    }

    ul.service-list.stacked li:nth-child(2n+1) {
        padding-right: 0;
    }

    .resume-content-wrapper {
        padding-right: 30px;
    }
}


.resume-content-wrapper {
    padding-bottom: 30px;
}

.cx-wrapper {
    width:800px;
    max-width:100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none;
    color: both;

}


.seek-title {
    padding-bottom: 20px;
    font-family: "Barlow-Light";
    margin-top: 30px;
}

.service-list.stacked li > p:first-child {
    font-family: "Barlow-Light";
}

@media only screen and (min-width:1200px) and (max-width:1364px) {
    #menu-main-menu > li > a {
        font-size: 15px;
        padding:4px 8px;
    }
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    #menu-main-menu > li > a {
        font-size: 14px;
        padding:4px;
    }

    .magnet-title h3 {
        font-size: 15px;
    }

    .magnet-title p {
        font-size: 14px;
    }

    .magnet-title a {
        background: none;
        padding-left: 15px;
        padding-right: 15px;
    }

    .menu ul li.menu-item-has-children > a > i {
        padding-left: 5px;
    }
}

#gform_fields_5 > li > label {
    margin-top: 0;
}
/* ---------------------------------------------------------------------------
   Mobile nav caret - 2026-09-10
   header.php appends <i class="fa fa-caret-down"> to every menu link, and it is
   the only FontAwesome icon this theme emits. The lazy loader in functions.php
   (section 12) deliberately excludes it from the trigger selector
   (".fa:not(.fa-caret-down):not(.fa-times)..."), so mill_font_awesome.css never
   loads and the inline stub only defines .fa-user - the caret rendered as an
   empty box for every logged-out visitor. Below 992px that caret is the submenu
   toggle, so an invisible caret meant no visible way to open a submenu.
   Define the glyph here rather than pulling the 40KB icon set for one icon.
   --------------------------------------------------------------------------- */
.fa-caret-down:before {
    content: "\f0d7";
}

@media (max-width: 991px) {
    .menu ul li.menu-item-has-children > a > i {
        min-width: 44px;
        padding: 13px 15px;
        text-align: center;
    }
}

/* ---------------------------------------------------------------------------
   Home page "Our capabilities" - two columns on mobile - 2026-09-10
   The eight tiles carry col-6 (from col-md-6/col-lg-3) so they sit two across
   below 768px instead of stacking one per row. Scoped with :not(.process) so
   the Our Process templates, which reuse .capabilities/.capabilitie with a
   different column set, are untouched.
   At two-up each tile is roughly 150px wide, so the artwork and label need to
   come down with it: the two icon variants (max-width:150px vs height:95px) are
   normalised to one height so all eight line up, and the label drops to 15px so
   "Medical Devices" and "Pharmaceutical" stay on one line.
   --------------------------------------------------------------------------- */
@media (max-width: 767px) {
    .capabilities:not(.process) .capabilitie a,
    .capabilities:not(.process) .capabilitie.capabilitie-update a {
        height: 100%;
        padding: 20px 5px 45px;
        background-size: 16px;
    }
    .capabilities:not(.process) .capabilitie a img,
    .capabilities:not(.process) .capabilitie.capabilitie-update a img {
        max-width: 100%;
        width: auto;
        height: 70px;
    }
    .capabilities:not(.process) .capabilitie a h4,
    .capabilities:not(.process) .capabilitie.capabilitie-update a h4 {
        font-size: 15px;
        margin-top: 14px;
    }
}

/* ---------------------------------------------------------------------------
   City lists — 2026-09-29
   Matches the areas block: shadowed card, check icon, column separators.
   Scoped entirely to .ss-citylinks — reusing the theme's own classes for this
   look is what turned 34 city names into 34 buttons, because `.who-we a` is
   styled as `.btn-main`.

   Laid out with CSS multi-column, NOT flex-wrap. Flex fills left to right
   across a row, so an alphabetical list reads Atlanta, Austin, Baltimore,
   Boston across the top and continues on the next row. Columns fill downward,
   which is how anyone actually scans for a city name. `column-rule` draws the
   separators, so no per-item nth-of-type border arithmetic that has to be
   redone at every breakpoint.
--------------------------------------------------------------------------- */
.ss-citylinks {
    padding-top: 55px;
    padding-bottom: 60px;
}
.ss-citylinks-title {
    font-size: 22px;
    font-family: "Barlow-semi-bold";
    color: #4691e5;
    text-align: center;
    width: 650px;
    max-width: 100%;
    margin: 0 auto 30px;
}
.ss-citylinks-list {
    width: 100%;
    box-shadow: 3px 3px 14px 0px rgba(66, 70, 77, 0.13);
    padding: 45px 0 35px;
}
.ss-citylinks-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-columns: 4;
    -moz-columns: 4;
    columns: 4;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    -webkit-column-rule: 1px solid #d8e2ed;
    -moz-column-rule: 1px solid #d8e2ed;
    column-rule: 1px solid #d8e2ed;
}
.ss-citylinks-list ul li {
    position: relative;
    margin: 0 0 15px;
    padding: 0 20px 0 70px;
    font-size: 18px;
    font-family: "Barlow-Light";
    line-height: 1.4;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}
.ss-citylinks-list ul li::before {
    background-image: url(images/check\ icon.svg);
    background-repeat: no-repeat;
    height: 18px;
    width: 18px;
    content: "";
    position: absolute;
    top: 5px;
    left: 45px;
}
.ss-citylinks-list ul li a {
    display: inline;
    color: #2c3037;
    background: none;
    background-image: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    font-size: 18px;
    text-transform: none;
    text-decoration: none;
}
.ss-citylinks-list ul li a:hover {
    color: #4691e5;
    background: none;
    text-decoration: underline;
}
@media (max-width: 991px) {
    .ss-citylinks-list ul {
        -webkit-columns: 3;
        -moz-columns: 3;
        columns: 3;
    }
}
@media (max-width: 575px) {
    .ss-citylinks-list ul {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
    }
    .ss-citylinks-list ul li {
        padding-left: 45px;
    }
    .ss-citylinks-list ul li::before {
        left: 20px;
    }
}

/* The city-areas block above it reads the same way. Its markup carries
   Bootstrap's .d-flex and .col-lg-4, which lay the items out across rows, so
   both utilities have to be unwound before columns can take over. Scoped to
   .location-areas so .areas-container elsewhere is untouched. */
.location-areas .areas-container ul.d-flex {
    display: block !important;
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    -webkit-column-rule: 1px solid #d8e2ed;
    -moz-column-rule: 1px solid #d8e2ed;
    column-rule: 1px solid #d8e2ed;
}
.location-areas .areas-container ul.d-flex > li {
    -ms-flex: none;
    flex: none;
    width: 100%;
    max-width: 100%;
    border-right: none;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}
@media (max-width: 575px) {
    .location-areas .areas-container ul.d-flex {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
    }
}

/* The stacked .capability-content padding (60px top on one section, 55px
   bottom on the one before) left a screen-sized gap between sections once the
   areas block moved up. Halved on these two templates only. */
body.page-template-template-location .capability-content,
body.single-location .capability-content {
    padding-top: 30px;
    padding-bottom: 28px;
}

/* FAQ accordions start closed except the first — 2026-09-29.
   The theme wrote these rules and then commented them out (see ~line 2763),
   leaving the hiding entirely to jQuery. That script was bound with
   $(document).on('ready'), which jQuery 3 REMOVED, so on 3.5.1 it never ran
   and every answer rendered open. With the script repaired these rules stop
   the flash of five open answers before it executes. */
.surf-faqs .faq-panel .faq-answer {
    display: none;
}
.surf-faqs .faq-panel.active .faq-answer {
    display: block;
}
.surf-faqs .faq-question {
    cursor: pointer;
}

/* Hero images on phones: the 800px WebP instead of the full-size JPEG
   (2026-09-29 audit, mobile LCP 11.5-14.8 s). The variable is set inline by
   ss_hero_style(); pages without it keep their original background. */
@media (max-width: 800px) {
    .blog-banner[style*="--ss-hero-sm"] {
        background-image: var(--ss-hero-sm) !important;
    }
    .banner-home-update {
        background-image: url(/wp-content/uploads/ss-hero/home-update-banner-new-800.webp) !important;
    }
}
.ss-pa-link {
    font-size: 18px;
    margin-top: 10px;
}

/* ---- Employer hub (template-employers.php), direction A approved 2026-09-29 ---- */
.ss-emp h2{font-family:"Barlow-semi-bold";font-size:36px;line-height:1.15;color:#1f4375;text-transform:uppercase;margin:0 0 10px}
.ss-emp p{font-family:"Barlow-Regular";font-size:18px;line-height:1.55;color:#2c3037}
.ss-emp-sec{padding:64px 0}
.ss-emp-kicker{font-family:"Barlow-semi-bold"!important;font-size:14px!important;letter-spacing:.16em;text-transform:uppercase;color:#4691e5!important;margin:0 0 6px}
.ss-emp-sec .container>h2,.ss-emp-sec .container>.ss-emp-kicker{text-align:center}
.ss-emp-hero{padding:120px 0 90px}
.ss-emp-hero .ss-emp-eyebrow{font-family:"Barlow-semi-bold";font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:#9cc6f5;margin:0 0 14px}
.ss-emp-hero h1{max-width:900px;margin-left:auto;margin-right:auto}
.ss-emp-hero .ss-emp-lede{color:#e3ecf8;font-size:20px;max-width:760px;margin:0 auto 30px}
.ss-emp-hero .btn-main.ss-emp-ghost{background-color:transparent;border:2px solid #fff;box-shadow:none;background-image:none;padding-left:22px}
.ss-emp-hero .btn-main.ss-emp-ghost:hover{background-color:rgba(255,255,255,.12)}
.ss-emp-proof{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 48px;margin:40px auto 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.25);max-width:760px;font-family:"Barlow-Regular";font-size:16px;color:#d4e2f5}
.ss-emp-proof b{display:block;font-family:"Barlow-semi-bold";font-weight:normal;font-size:32px;line-height:1.1;color:#fff}
.ss-emp-inds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1040px;margin:30px auto 0}
.ss-emp-ind{position:relative;display:flex;align-items:flex-end;min-height:190px;border-radius:8px;overflow:hidden;background-size:cover;background-position:center;text-decoration:none!important}
.ss-emp-ind::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(18,40,72,.92),rgba(18,40,72,.15));transition:background .2s}
.ss-emp-ind:hover::before{background:linear-gradient(0deg,rgba(70,145,229,.92),rgba(18,40,72,.2))}
.ss-emp-ind span{position:relative;padding:18px 20px;font-family:"Barlow-Regular";font-size:16px;line-height:1.4;color:#d8e5f6}
.ss-emp-ind strong{display:block;font-family:"Barlow-semi-bold";font-weight:normal;font-size:22px;text-transform:uppercase;letter-spacing:.03em;color:#fff;margin-bottom:4px}
.ss-emp-steps-sec{padding-top:10px}
.ss-emp-steps{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:3px solid #4691e5}
.ss-emp-steps li{padding:22px 22px 4px 0}
.ss-emp-steps .n{display:block;font-family:"Barlow-semi-bold";font-size:48px;line-height:1;color:#1f4375}
.ss-emp-steps h3{font-family:"Barlow-semi-bold";font-size:19px;text-transform:uppercase;color:#1f4375;margin:10px 0 6px}
.ss-emp-steps p{font-size:16px;color:#43474d}
.ss-emp-more{text-align:center;margin-top:18px}
.ss-emp-band{background:#f6f9fe;border-top:1px solid #d8e2ed;border-bottom:1px solid #d8e2ed}
.ss-emp-band-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:center}
.ss-emp-band-grid h2{text-align:left}
.ss-emp-pay{width:100%;border-collapse:collapse;background:#fff;border:1px solid #d8e2ed;font-family:"Barlow-Regular";font-size:16px;font-variant-numeric:tabular-nums}
.ss-emp-pay caption{caption-side:top;font-family:"Barlow-semi-bold";font-size:14px;color:#43474d;padding:0 0 8px}
.ss-emp-pay th,.ss-emp-pay td{padding:10px 12px;border-bottom:1px solid #d8e2ed;text-align:right}
.ss-emp-pay th:first-child,.ss-emp-pay td:first-child{text-align:left}
.ss-emp-pay th{font-family:"Barlow-semi-bold";font-weight:normal;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#43474d;background:#f6f9fe}
.ss-emp-formsec{background:#1f4375}
.ss-emp-formsec h2,.ss-emp-formsec p{color:#fff;text-align:left}
.ss-emp-formsec p{color:#d4e2f5}
.ss-emp-form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:40px;align-items:start}
.ss-emp-formcard{background:#fff;border-radius:8px;padding:28px}
.ss-emp-formcard .gform_wrapper label,.ss-emp-formcard .gform_wrapper .gfield_label{font-family:"Barlow-semi-bold";font-size:15px;color:#2c3037}
.ss-emp-formcard .gform_wrapper input:not([type=submit]),.ss-emp-formcard .gform_wrapper textarea{font-family:"Barlow-Regular";font-size:16px;border:1px solid #d8e2ed;border-radius:6px;padding:12px 14px}
.ss-emp-formcard .gform_wrapper textarea{min-height:170px}
.ss-emp-formcard .gform_wrapper .gform_button{font-family:"Barlow-semi-bold";font-size:18px;text-transform:uppercase;background:#4691e5;color:#fff;border:0;border-radius:6px;padding:16px 26px;box-shadow:8px 8px 21px 0 rgba(70,145,229,.5);cursor:pointer}
.ss-emp-formcard .gform_wrapper .gform_button:hover{background:#3280d6}
.cta-box form.ss-cta-hire{display:inline}
.cta-box form.ss-cta-hire button.btn-main{border:0;cursor:pointer}
@media (max-width:991px){
  .ss-emp-inds{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ss-emp-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ss-emp-band-grid,.ss-emp-form-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:575px){
  .ss-emp-inds,.ss-emp-steps{grid-template-columns:minmax(0,1fr)}
  .ss-emp h2{font-size:28px}
  .ss-emp-hero{padding:80px 0 60px}
}
@media (max-width:800px){ .ss-emp-hero[style*="--ss-hero-sm"]{background-image:var(--ss-hero-sm)!important} }