@font-face {
   font-family: 'apercu-regular-pro';
   src: url('https://dfacxoaxr5wom.cloudfront.net/3dcf89e0f4a4a70d583366b4a000b02a/400730e62b544aaa22adb7fe4d46934a/apercu-fonts/apercu-regular-pro.woff2') format('woff2'),
        url('https://dfacxoaxr5wom.cloudfront.net/3dcf89e0f4a4a70d583366b4a000b02a/400730e62b544aaa22adb7fe4d46934a/apercu-fonts/apercu-regular-pro.woff') format('woff'),
        url('https://dfacxoaxr5wom.cloudfront.net/3dcf89e0f4a4a70d583366b4a000b02a/400730e62b544aaa22adb7fe4d46934a/apercu-fonts/apercu-regular-pro.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}
/* Theme Variables */
:root {
    /* Typography */
    --font-family-body: 'apercu-regular-pro', Helvetica, Arial, sans-serif;
    --font-family-heading: 'apercu-regular-pro', Helvetica, Arial, sans-serif;
    
    --font-size-h1: 38px;
    --font-size-h2: 34px;
    --font-size-h3: 30px;
    --font-size-h4: 26px;
    --font-size-h5: 18px;
    --font-size-h6: 16px;
    --font-size-paragraph: 17px;
    
    /* Colors */
    --primary-color: #252525;
    --secondary-color: #6c757d;
    --dark-color: #000000;
    --light-color: #ffffff;
    --input-border-colour:#c9c9c9;
    
    /* Border Radius & Padding */
    --btn-border-radius: 35px;
    --input-border-radius: 35px;
    --input-padding: 8px 28px;
    --border-radius: 35px;

    /* Primary Button */
    --primary-btn-bg: linear-gradient(90deg, #ff4782 0%, #fea530 100%);
    --primary-btn-color: #ffffff;
    --primary-btn-border-color: none;
    
    /* Primary Button Hover */
    --primary-btn-bg-hover: linear-gradient(90deg, #ff4782 0%, #fea530 100%);
    --primary-btn-color-hover: #ffffff;
    --primary-btn-border-color-hover: none;
    
    /* Secondary Button */
    --secondary-btn-bg: #ffffff;
    --secondary-btn-color: #1d1d1d;
    --secondary-btn-border-color: #1d1d1d;
    
    /* Secondary Button Hover */
    --secondary-btn-bg-hover: #5a6268;
    --secondary-btn-color-hover: #ffffff;
    --secondary-btn-border-color-hover: #5a6268;
 
    /* Button One */
    --button-one-bg: #fff;
    --button-one-color: #000000;
    --button-one-border-color: #000000;

    /* Button One Hover */
    --button-one-bg-hover: #2b2929;
    --button-one-color-hover: #ffffff;
    --button-one-border-color-hover: #2b2929;

    /* Button Two */
    --button-two-bg: #000;
    --button-two-color: #ffffff;
    --button-two-border-color: #000;

    /* Button Two Hover */
    --button-two-bg-hover: #014f8c;
    --button-two-color-hover: #ffffff;
    --button-two-border-color-hover: #014f8c;

    /* Button Three */
    --button-three-bg: #01579b;
    --button-three-color: #ffffff;
    --button-three-border-color: #01579b;

    /* Button Three Hover */
    --button-three-bg-hover: #014f8c;
    --button-three-color-hover: #ffffff;
    --button-three-border-color-hover: #014f8c;

    /* Button Four */
    --button-four-bg: #01579b;
    --button-four-color: #ffffff;
    --button-four-border-color: #01579b;

    /* Button Four Hover */
    --button-four-bg-hover: #014f8c;
    --button-four-color-hover: #ffffff;
    --button-four-border-color-hover: #014f8c;

      /* Cards */
    --card-background-colour:#ffffff;
    --card-border-colour:#c9c9c9;
    --card-padding:30px 30px;
    --card-border-radius: 10px;
    
    /* Layout Settings */
    --card-columns: 33.333%;
    --filter-columns: 25%;
}

/*** Global Theme ***/
body {
	background: #fff;
	color: var(--dark-color);
	line-height: 1.5;
	font-family: var(--font-family-body);
	font-weight: 400;
	font-size: var(--font-size-paragraph);
    overflow-x:hidden;
}
/** Typography **/

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-family-heading);
	font-weight: 600;
	letter-spacing: normal;
}
.h1, h1 {
	font-size: var(--font-size-h1);
}
.h2, h2 {
	font-size: var(--font-size-h2);
}
.h3, h3 {
	font-size: var(--font-size-h3);
}
.h4, h4 {
	font-size: var(--font-size-h4);
}
.h5, h5 {
	font-size: var(--font-size-h5);
}
.h6, h6 {
	font-size: var(--font-size-h6);
}
/* Responsive Typography */

@media (max-width: 768px) {
	.h1, h1 {
		font-size: calc(var(--font-size-h1) * 0.9);
	}
	.h2, h2 {
		font-size: calc(var(--font-size-h2) * 0.9);
	}
	.h3, h3 {
		font-size: calc(var(--font-size-h3) * 0.9);
	}
	.h4, h4 {
		font-size: calc(var(--font-size-h4) * 0.9);
	}
}
@media (max-width: 576px) {
	.h1, h1 {
		font-size: calc(var(--font-size-h1) * 0.8);
	}
	.h2, h2 {
		font-size: calc(var(--font-size-h2) * 0.8);
	}
	.h3, h3 {
		font-size: calc(var(--font-size-h3) * 0.8);
	}
	.h4, h4 {
		font-size: calc(var(--font-size-h4) * 0.8);
	}
}
.hero-h1 h1 {
	font-size: 56px;
}
.hero-h2 h2 {
	font-size: 46px;
}
@media (max-width: 576px) {
	.hero-h1 h1, #typed-text, .words span {
		font-size: calc(var(--font-size-h1)* 0.95) !important;
		padding-left: 15px;
		padding-right: 15px;
	}
	.hero-h2 h2 {
		font-size: calc(var(--font-size-h1)* 0.6);
		padding-left: 15px;
		padding-right: 15px;
	}
}
a, a:visited {
	color: var(--primary-color);
}
a:hover {
	color: var(--primary-color);
}
/** Navigation **/
.navbar {
  background:#000;
}
.nav-item {
	margin: 0px;
	margin-top: auto !important;
	margin-bottom: auto !important;
}
.nav-link {
	color: var(--light-color) !important;
	font-size: 16px;
	font-weight: 600;
	padding: 8px 20px !important;
}
.dropdown-menu {
    padding: 14px 12px;
}
.navbar .dropdown-item {
    padding: 10px 30px 4px 14px;
    font-size: 15px;
    font-weight: 600;
}
/* Logos */

.navbar-brand-logo {
	width: 100%;
	max-width: 124px;
}
.footer-brand-logo {
	width: 100%;
	max-width: 155px;
}
@media (max-width: 576px) {
	.navbar-brand-logo {
		max-width: 124px;
	}
}
@media (max-width: 576px) {
	.footer-brand-logo {
		max-width: 155px;
	}
}
.no-gutters .col-md-12 {
	padding: 0px;
}
/*** Buttons ***/

.btn, button, a.button {
	font-weight: 600;
	font-family: inherit;
	text-transform: inherit;
	line-height: 1.5;
	padding: var(--input-padding);
	-webkit-transition: background .25s linear;
	-moz-transition: background .25s linear;
	-o-transition: background .25s linear;
	transition: background .25s linear;
	border-radius: var(--btn-border-radius) !important;
	font-size: 15px;
	text-transform: inherit;
}
.btn-primary {
	background: var(--primary-btn-bg);
	color: var(--primary-btn-color);
	border: 1px solid var(--primary-btn-border-color);
}
.btn-primary:hover, .btn-primary:first-child:active, .btn-primary:focus-visible {
	background: var(--primary-btn-bg-hover);
	color: var(--primary-btn-color-hover);
	border: 1px solid var(--primary-btn-border-color-hover);
}
.btn-primary:visited, .btn-primary:active, .btn-primary:focus {
	background: var(--primary-btn-bg);
	color: var(--primary-btn-color);
	border: 1px solid var(--primary-btn-border-color);
}
.btn-success {
	background: var(--secondary-btn-bg);
	color: var(--secondary-btn-color);
	border: 1px solid var(--secondary-btn-border-color);
}
.btn-success:hover {
	background: var(--secondary-btn-bg-hover);
	color: var(--secondary-btn-color-hover);
	border: 1px solid var(--secondary-btn-border-color-hover);
}
.btn-success:visited, .btn-success:active, .btn-success:focus {
	background: var(--secondary-btn-bg);
	color: var(--secondary-btn-color);
	border: 1px solid var(--secondary-btn-border-color);
}
.btn-info {
	background: var(--primary-btn-bg);
	color: var(--primary-btn-color);
	border: 1px solid var(--primary-btn-border-color);
}
.btn-info:hover, .btn-info:visited, .btn-info:active, .btn-info:focus {
	background: var(--primary-btn-bg-hover);
	color: var(--primary-btn-color-hover);
	border: 1px solid var(--primary-btn-border-color-hover);
}
.fun-bg .btn-primary {
    background:var(--button-two-bg);
    color:var(--button-two-color);
    border:1px solid var(--button-two-border-color);
}
/* Candidate setting buttons */

.label {
	background: var(--secondary-btn-bg);
	color: var(--secondary-btn-color);
	border: 1px solid var(--secondary-btn-bg);
	padding: 4px 12px;
	font-size: 13px !important;
	margin-bottom: 4px;
	display: inline-block;
	border-radius: var(--btn-border-radius);
}
/* custom buttons */

a.button.button1 {
	background: var(--button-one-bg);
	color: var(--button-one-color);
	border: 1px solid var(--button-one-border-color);
}
a.button.button1:hover {
	background: var(--button-one-bg-hover);
	color: var(--button-one-color-hover);
	border: 1px solid var(--button-one-border-color-hover);
}
a.button.button2 {
	background: var(--button-two-bg);
	color: var(--button-two-color);
	border: 1px solid var(--button-two-border-color);
}
a.button.button2:hover {
	background: var(--button-two-bg-hover);
	color: var(--button-two-color-hover);
	border: 1px solid var(--button-two-border-color-hover);
}
a.button.button3 {
	background: var(--button-three-bg);
	color: var(--button-three-color);
	border: 1px solid var(--button-three-border-color);
}
a.button.button3:hover {
	background: var(--button-three-bg-hover);
	color: var(--button-three-color-hover);
	border: 1px solid var(--button-three-border-color-hover);
}
a.button.button4 {
    background: transparent;
    color: var(--dark-color);
    border: 0;
    padding: 0px;
}
/*a.button.button4:hover {
  background:var(--button-four-bg);
  color:var(--button-four-color);
  border:0px solid var(--button-four-border-color-hover);
  padding:0px;
}*/
a.button.button4::after {
    content: "\f138";
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left:5px;
}
/* Input group fix */

.input-group input, .input-group-btn button {
	height: auto !important;
	padding: var(--input-padding) !important;
}
/* Bootstrap Card */

.card {
	border: 1px solid var(--card-border-colour);
	border-radius: var(--border-radius);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	margin-bottom: 6px;
	background: var(--card-background-colour);
	padding: var(--card-padding);
}

/* Search / CTA input */

.job-search-control .near-me-control {
	margin-left: 0;
}
.job-search-control .input-group-btn {
	margin-left: 15px !important;
}
@media (max-width: 576px) {
	.job-search-control .form-control, .job-search-control .input-group-btn, .job-search-control .input-group-btn .btn, .job-search-control .btn, .job-search-control .col-2 {
		width: 100%;
	}
	.job-search-control .input-group-btn {
		margin: 7px 0px 0px 0px !important;
	}
}
.call-to-action .form-control {
    border-radius: var(--input-border-radius) !important;
}
.form-control {
    background-color: inherit;
}
.job-search-control input {
	background: var(--light-color);
}
.call-to-action .form-control {
	border-radius: var(--input-border-radius);
}
.call-to-action-form input, .call-to-action-form select {
    background: var(--light-color);
}
.form-call-to-action input[type=file].form-control {
    padding: 6px 10px;
}
.selectize-control.multi .selectize-input>div {
	background-color: var(--primary-color);
	color: var(--light-color);
	border-radius: var(--btn-border-radius);
}
.selectize-dropdown-content .option.active {
	background-color: var(--primary-color);
}
.selectize-input {
    border-radius: var(--input-border-radius) !important;
}
.cta-left-align .block-call-to-action form {
	margin: 0 auto 0 0;
}
.cta-right-align .block-call-to-action form {
	margin: 0 0 0 auto;
}
/** Job Search page **/

/* Job Search table */

.job-search-filter-header {
	font-size: 20px !important;
}
/* Job Search cards */

@media (min-width: 992px) {
	.job-search-results-card-col {
		flex: 0 0 var(--card-columns);
		max-width: var(--card-columns);
	}
}
@media (min-width: 768px) {
	.job-search-results-dropdown-filter-col {
		flex: 0 0 var(--filter-columns);
		max-width: var(--filter-columns);
	}
}
.job-search-results-card {
	border: 1px solid #ececec;
	border-radius: var(--card-border-radius);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	margin-bottom: 6px;
}
.job-search-results-card-title a {
	color: #0b0f19;
	font-size: 22px;
	font-weight: 600;
}
.job-search-results-card-body {
	padding: 0px;
}
.job-search-results-footer {
	background: var(--card-background-colour);
	border-top: 0px;
	padding: 10px 0px;
}
.job-search-results-footer a {
	background: var(--card-background-colour);
	color: var(--primary-color);
}
.card {
	background: var(--card-background-colour);
}
/** Job Search page filters / inputs */

.block-job-search-results .job-search-results .job-search-filter-groups {
	width: 100%;
}
.job-search-control input {
	border-radius: var(--input-border-radius) !important;
	border: 1px solid var(--input-border-colour);
}
.job-search-dropdown-filters select {
	padding: 10px 10px;
	margin-bottom: 6px;
	border-radius: var(--input-border-radius);
	border: 1px solid var(--input-border-colour);
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 100%;
	color: var(--dark-color);
	background-color: var(--light-color);
}
.badge {
    background-color: var(--primary-color) !important;
    border-radius: var(--border-radius);
    color: var(--light-color);
    padding: 6px 14px;
}
.badge.active {
    background-color: var(--secondary-color) !important;
    border-radius: var(--border-radius);
    color: var(--light-color);
}
.page-item.active .page-link {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
	color: var(--light-color);
}
.page-link {
	color: var(--primary-color);
}
@media only screen and (max-width: 576px) {
	.pagination li:not(:first-child):not(:last-child) {
		display: none;
	}
}
/** Job Advert **/

/* Side panels */

.side-panel {
	box-shadow: 0 5px 9px 0 rgb(0 0 0 / 10%);
	padding: 40px 25px;
	margin-bottom: 20px;
	border-radius: 6px;
}
.side-panel .job-title {
	font-size: 22px !important;
	font-weight: 500 !important;
	margin-bottom: 10px !important;
}
.side-panel .job-field {
	color: #484848;
	font-size: 14px;
	font-weight: 600;
}
.side-panel h3 {
	font-size: 24px;
}
.side-panel .job-summary {
	margin-top: 2px;
	padding-top: 2px;
}
/* Jobs list content block card style */

.job-list-cards .jobs-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-left: -15px;
	margin-top: -15px;
	align-items: stretch;
}
.job-list-cards .job {
    background: #ffffff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    padding: 30px;
    width: calc(26% - 30px);
    margin-left: 7.5px;
    margin-right: 7.5px;
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    margin-bottom: 0px !important;
    border-radius: 24px;
}
@media (max-width: 768px) {
	.job-list-cards .job {
		width: calc(50% - 30px);
	}
}
@media (max-width: 480px) {
	.job-list-cards .job {
		width: calc(100% - 0px);
	}
}
.job-list-cards .job .job-title {
    margin-bottom: 10px !important;
    color: #202e49 !important;
}
.job-list-cards .job-summary {
	padding-top: 12px;
	color: #444444 !important;
}
.job-list-cards .job-field {
    color: #202e49;
}
.job-list-cards .job-employment-type {
    background: #fea531;
    border: 1px solid #fea531;
    display: inline-block;
    border-radius: 35px;
    padding: 4px 10px;
    margin-top: 8px;
    color: #ffffff;
    font-size: 14px;
}
.job-list-cards .job-department, .job-list-cards .job-category {
    background: #ff4981;
    border: 1px solid #ff4981;
    display: inline-block;
    border-radius: 35px;
    padding: 4px 10px;
    margin-top: 8px;
    color: #ffffff;
    font-size: 14px;
}
.job-list-cards .job-location {
    display: block;
    font-weight: 600;
}
.job-list-cards .job span.job-field {
    margin-right: 0px;
}
/* Jobs list content block table style */
.job {
	background: #ffffff;
	padding: 0px;
}
.job .job-title {
    margin-bottom: 10px;
    color: #303343 !important;
    font-weight: 600 !important;
}
.job-summary {
	padding-top: 12px;
	color: #444444 !important;
}
.block-jobs .job {
	margin-bottom: 16px;
}
/* Employee Referral Link */


/* Carousel */

.carousel-caption {
	position: relative;
	right: 0 !important;
	bottom: 1.25rem;
	left: 0 !important;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	color: #fff;
	text-align: center;
	padding-left: 40px;
	padding-right: 40px;
}
.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.carousel-control-prev-icon, .carousel-control-next-icon {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 60% 60%;
	border-radius: 2rem;
	background-color: #FFF;
	padding: 2rem;
}
.carousel-item-caption-header {
	text-shadow: none !important;
	color: var(--dark-color) !important;
}
.carousel-item-caption-detail * {
	text-shadow: none !important;
	color: var(--dark-color) !important;
}
@media (min-width: 768px) {
	.carousel-control-prev, .carousel-control-next {
		width: 3%;
	}
}
/** Video **/

/*** video fixes ***/

@media (min-width: 576px) {
	.col-md-12 .clinch-video-player.video-js {
		height: 292px;
	}
	.col-md-8 .clinch-video-player.video-js {
		height: 292px;
	}
	.col-md-6 .clinch-video-player.video-js {
		height: 292px;
	}
	.col-md-4 .clinch-video-player.video-js {
		height: 292px;
	}
}
@media (min-width: 768px) {
	.col-md-12 .clinch-video-player.video-js {
		height: 392px;
	}
	.col-md-8 .clinch-video-player.video-js {
		height: 258px;
	}
	.col-md-6 .clinch-video-player.video-js {
		height: 190px;
	}
	.col-md-4 .clinch-video-player.video-js {
		height: 122px;
	}
}
@media (min-width: 992px) {
	.col-md-12 .clinch-video-player.video-js {
		height: 526px;
	}
	.col-md-8 .clinch-video-player.video-js {
		height: 348px;
	}
	.col-md-6 .clinch-video-player.video-js {
		height: 256px;
	}
	.col-md-4 .clinch-video-player.video-js {
		height: 166px;
	}
}
@media (min-width: 1200px) {
	.col-md-12 .clinch-video-player.video-js {
		height: 628px;
	}
	.col-md-8 .clinch-video-player.video-js {
		height: 414px;
	}
	.col-md-6 .clinch-video-player.video-js {
		height: 310px;
	}
	.col-md-4 .clinch-video-player.video-js {
		height: 200px;
	}
}
@media (min-width: 1400px) {
	.col-md-12 .clinch-video-player.video-js {
		height: 730px;
	}
	.col-md-8 .clinch-video-player.video-js {
		height: 482px;
	}
	.col-md-6 .clinch-video-player.video-js {
		height: 358px;
	}
	.col-md-4 .clinch-video-player.video-js {
		height: 234px;
	}
}
.vjs-youtube .vjs-poster {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.video-player-wrapper .vjs-poster img {
	object-fit: contain;
	height: inherit;
	width: 100%;
}
/** Teams **/

/*** Team Member Quote ***/

.team-member-bio {
	text-align: left !important;
}
.team-member-image {
	margin-bottom: 10px;
}
.team-member-bio .name {
	font-size: 17px;
	font-weight: 600;
}
.team-member-bio .title {}
.team-member-bio .bio {}
.team-member-bio .social-links i {
	margin-right: 8px !important;
}
/** Blogs **/

.posts-cards .posts-cards-cols {
	display: flex;
	flex-wrap: wrap;
	gap: inherit;
}
.posts-card {
	flex: 0 calc(33.33% - 2rem);
	margin: 1rem;
}
.posts-cards .posts-card {
	border-radius: 10px;
}
.posts-cards .posts-card-body {
	height: auto;
	padding: 20px 0px;
	background: rgba(236 236 236 / 0%);
}
.card {
	background: rgba(236 236 236 / 0%);
}
.posts-cards .posts-card .card-title {
	font-size: 18px;
	font-weight: 600;
}
.posts-cards .posts-card-link {
	color: #202e49 !important;
	font-weight: 600;
	font-size: 16px;
	margin-top: 10px;
	text-decoration: underline;
}
.badge.post-tag {
	background: #202e49 !important;
	padding: 6px 10px;
	font-weight: 600;
	text-transform: uppercase;
}
.posts-card-body .post-tags {
	display: none;
}
.posts-cards .posts-card-footer {
	padding: 10px 30px;
	background: none;
}
.posts-card-image {
	transition: transform 0.3s ease;
	border-radius: 8px;
}
@media only screen and (max-width: 768px) {
	.posts-cards .posts-cards-cols {
		flex-direction: column;
	}
}
/** FAQs Accordion **/

.accordion-item:first-of-type {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.accordion-item:last-of-type {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.accordion-item {
	color: #333333;
	background-color: #ffffff;
	border: 1px solid #333;
}
.accordion-button:not(.collapsed) {
	color: #333;
	background-color: #ececec;
	box-shadow: unset;
}
.accordion-item:first-of-type .accordion-button {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.accordion-button:focus {
	z-index: 3;
	border-color: transparent;
	outline: 0;
	box-shadow: unset;
}
.accordion-button {
	font-size: 16px;
	padding: 20px;
}
.accordion-body {
	padding: 20px;
}
/** Footer **/

footer {
	background: #252525;
}
footer * {
	color: #fff;
}
.social a {
	font-size: 16px;
}
/** Candidate consent **/

.consent-modal .image-wrapper {
	width: 100%;
	text-align: left;
}
.consent-reject {}
.consent-agree {}
/* Candidate Settings */

.candidate-settings-panel {
	background-color: #f9f9f9;
	padding: 30px 42px;
}
.candidate-settings {
	background: #f0f0f0;
	margin: 10px 0px;
	padding: 50px;
}
.candidate-settings-panel i {
	color: var(--dark-color);
}
.candidate-settings-panel h3 {
	font-size: 22px;
}
/* Alignment & Spacing */

/* Vertical Alignment add my-auto to ROW */

.my-auto .col-md-6, .my-auto .col-md-8, .my-auto .col-md-4 {
	margin-top: auto !important;
	margin-bottom: auto !important;
}
/* adds padding to the bottom of every col */

@media (max-width: 768px) {
	.row>.col-md-2, .row>.col-md-3, .row>.col-md-4, .row>.col-md-6, .row>.col-md-8 {
		padding-bottom: 1.5rem !important;
	}
}
/* treat col-md-2 as col-md-4 on tablets and smaller desktops */

@media (min-width: 768px) and (max-width: 991px) {
	.col-md-2 {
		flex: 0 0 auto;
		width: 33.333333%;
	}
}
/* text left alignment sits within container on fullwidth page */

@media (min-width: 576px) {
	.hero-banner .block-image-text * {
		width: 540px;
		margin-right: auto;
		margin-left: auto;
	}
}
@media (min-width: 768px) {
	.hero-banner .block-image-text * {
		width: 720px;
		margin-right: auto;
		margin-left: auto;
	}
}
@media (min-width: 992px) {
	.hero-banner .block-image-text * {
		width: 960px;
		margin-right: auto;
		margin-left: auto;
	}
}
@media (min-width: 1200px) {
	.hero-banner .block-image-text * {
		width: 1140px;
		margin-right: auto;
		margin-left: auto;
	}
}
@media (min-width: 1400px) {
	.hero-banner .block-image-text * {
		width: 1320px;
		margin-right: auto;
		margin-left: auto;
	}
}
/* AI Chat bot */

.chatbot-launcher {
	background-color: var(--primary-color);
}
.chatbot-chat-window .chatbot-header {
	color: #ffffff;
	background-color: var(--primary-color);
}
.chatbot-message-content.sent .chatbot-message-text {
	color: #ffffff;
	background-color: var(--primary-color);
}
.chatbot-message-avatar .fa-circle {
	color: var(--primary-color);
}
.chatbot-message-content.sent a[href] {
	color: #ffffff;
}
turbo-frame.message-turbo-frame {
	.job-message {
		border: 1px solid var(--chatbot-message-shadow);
		border-radius: 15px;
		box-shadow: 0 2px 5px var(--chatbot-message-shadow);
		padding: 17px 20px;
	}
	.job-interested-btn {}
}
/* Spacing */

/** Mobile styles **/

/** Career Site CSS **/
.hero-banner {
  background:url(https://d2nc0na9w8r5aj.cloudfront.net/public/uploads/b93e050e6c50adf7ff80f8b4125f6d23/images/files/ec7c9b1e8d7802bb8b7f3f3b47c38f9d/medium/pageup_2025_background_image.jpg?1747044045);
    background-size: cover;
    background-position: center;
    background-repeat:no-repeat;
}
.blob {
    background:url(https://d2nc0na9w8r5aj.cloudfront.net/public/uploads/b93e050e6c50adf7ff80f8b4125f6d23/images/files/853f1f33338e4d6ab060a167ef0468da/medium/blob.png?1747046590);
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
}
.gradient-card {
    height: 100%;
    background: linear-gradient(to right, #2E97FC, #30B39F);
    border-radius: 14px;
    padding: 24px 30px 32px 30px;
}
.theme-picker-card img {
    width: 100%;
    height: auto;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    border-radius:8px;
}
.theme-picker-card i {
    font-size: 18px;
}
a, a:visited, a:hover {
    color: #ececec;
    font-weight: 400;
    text-decoration: none !important;
}
.theme-picker-card h2 {
    font-size: 24px;
    margin-bottom: 18px !important;
    color: #fff;
}