.page-id-1692 .site-header{
	box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.15);
}

.section-content-gray{
	color: #646464;
}
.banner-half{
	background-color: var(--secondary-color);
	position: relative;

	background:  linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), var(--banner-background), lightgray 0px -126.399px / 100% 148.044% no-repeat;;
	background-repeat: no-repeat;
	background-position: center;
}

@media (min-width: 992px){
	.banner-half{
		max-height: 560px;
		height: 100%;
		height: 100vh;
	}		
}

.joinBanner-left{
	padding: 210px 15px 60px 15px;
}

.banner-heading{
	color: #fff;
	font-size: 40px;
}

@media screen and (min-width: 1200px){
	.joinBanner-left {
		padding: 230px 32px 80px 15px;
	}
	
	.banner-heading{
		font-size: 60px;	
	}
}


.navigation-box{
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #fff;
	z-index: 5;
}

.navigation-box:has(+ .section-block){
	padding-top: 0;
	padding-bottom: 0;
}

.navigation-box .spsne-button{
	margin: 10px 0;
}
@media screen and (min-width: 992px){
	.navigation-box.sticky{
		position: fixed;
		width: 100%;
		box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.15);
	}
	.navigation-box .spsne-button{
		margin: 0;
	}
	.admin-bar .navigation-box{
		top: 129px
	}
	.navigation-box{
		top: 97px;
	}
	
	.navigation-box:has(+ .section-block){
		padding-top: 15px;
		padding-bottom: 20px;
	}
}

.why-work-here,
.work-for-the-best{
	padding: 0 0 40px 0;
}
.open-position{
	position: relative;
}
.why-work-here .section-image,
.work-for-the-best .section-image,
.open-position .section-image{
	margin-bottom: 24px;
}

.why-work-here .section-image img,
.work-for-the-best .section-image img,
.open-position .section-image img{
	width: 100%;
}
@media screen and (min-width: 992px){
	.why-work-here .section-image,
	.work-for-the-best .section-image{
		margin-bottom: 16px;
	}
	
	.why-work-here,
	.work-for-the-best{
		padding: 40px 0;
	}
	
	.why-work-here .section-image,
	.work-for-the-best .section-image,
	.open-position .section-image{
		margin-bottom: 0;
	}
}

.why-work-here h2,
.work-for-the-best h2,
.open-position-heading{
	font-size: 40px;
	margin-bottom: 24px;
}
.open-position{
	background-image: url(/wp-content/themes/spsne-child/assets/images/background-full-min.webp);
    background-repeat: no-repeat;
    background-size: cover;
}
.open-position .background-gradient{
	background: linear-gradient(360deg, #ffffffeb 65%, var(--primary-color) 40%);
	max-width: 1920px;
	margin: 0 auto;
}

.open-position-content-col{
	padding-top: 0;
	padding-bottom: 40px;
}
.open-position-image-col{
	padding-bottom: 0;
	padding-top: 40px;
}

@media screen and (min-width: 992px){
	.open-position{
		background-position-x: 290px;
	}
	.open-position .background-gradient{
		background: linear-gradient(90deg, #ffffffeb 70%, var(--primary-color) 40%);
	}
	.open-position{
		margin-top: 40px;
	}
	.open-position-content-col,
	.open-position-image-col{
		padding-top: 80px; padding-bottom: 80px;
	}
	.open-position .section-image img{
		max-width: 456px;
		width: 200%;
		margin-left: -80px;
	}
	
	.open-position-image-col {
		background-color: var(--primary-color);
	}
}

@media screen and (min-width: 1200px){
	.open-position .section-image img{
		max-width: 546px;
		margin-left: -95px;
	}
}

@media screen and (min-width: 1400px){
	.open-position .section-image img{
		max-width: 636px;
		margin-left: -110px;
	}
}

/**** Form Filter ***/
.formFilter{
	position: relative;
	background-color: #fff;
}

.formFilter-container{
	width: 100%;
	background: linear-gradient(90deg, #fff0 55%, var(--primary-color) 40%);
}
.category-selector-box{
	flex: 1;	
}
.category-selector-box-outer{
	line-height: 1;
}

.category-selector-box span[data-selector-value] {
	text-wrap: nowrap;
	line-height: 1;
	display: inline-block;
}
.category-selector-box span[data-selector-value] .text{
	max-width: 100px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	line-height: 24px;
}
.category-selector-box span[data-selector-value] i{
	font-style: normal;
    font-size: 22px;
    line-height: 0;
    font-weight: 100;
    font-family: system-ui;
    transform: rotate(45deg) translate(-6px, 0);
    display: inline-block;
    color: var(--primary-color);
    cursor: pointer;
} 
.button-selector {
	padding: 0;
	width: 32px;
	height: 28px;
	border: none;
	background: transparent;
	text-indent: -9999px;
	background-image: url('data:image/svg+xml,<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version=\'1.1\' xmlns=\'http://www.w3.org/2000/svg\' xmlns:xlink=\'http://www.w3.org/1999/xlink\' x=\'0px\' y=\'0px\' width=\'40px\' height=\'30px\' viewBox=\'0 0 10 10\' enable-background=\'new 0 0 10 10\' xml:space=\'preserve\'><polygon points=\'7,3.5 5,6.5 3,3.5 \'/></svg>');

}


.formFilter-form{
	display: flex;	
	justify-content: center;
	flex-direction: column;
}


.formFilter-right-col{
	flex: 1;
	background-color: var(--primary-color);
	display: flex;
	display: flex;
	align-items: center;
	padding: 12px 0;
}

.formFilter-searchField{
	width: 100%;
	position: relative;
	margin: 0 auto;
	padding: 0 12px;
}

.formFilter-searchField input[type=search]{
	width: 100%;
    border: none;
    padding: 15px 20px;
    border-radius: 0;
    padding-right: 40px;
}
.formFilter-searchField input[type=submit]{
	text-indent: -9999999px;
	position: absolute;
	background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/></svg>');
	background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;
    border: none;
    bottom: 0;
    transform: translateY(-38%);
    right: 15px;
    border-left: 1px solid #303030;
    border-radius: 0;
    background-position: center;
    display: inline-block;
    height: 30px;
    width: 40px;
    background-size: 50%;
    padding: 0 20px;
    display: inline-block;
}


.formFilter-form.searching .formFilter-searchField input[type=submit]{
	background-image: url('/wp-content/themes/spsne-child/assets/images/loader.svg');
}

.formFilter-left-col{
	background-color: #F0F2F1;
}
.formFilter-left-col .formFilter-categories,
.formFilter-left-col .formFilter-date{
	padding: 20px 12px;
	display: flex;
	gap: 16px;
	margin: 0 auto;
}

.formFilter-buttons{
	position: relative;
}
.formFilter-buttons input{
	display: none;
}
.formFilter-buttons label{
	width: 122px;
	color: #FFF;
	font-weight: 600;
	line-height: 24px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	position: absolute;
	top: 0;
}
.formFilter-buttons .formFilter-oldest label{
	background-color: #0058AA;
	border-right: 13px solid #CCCCCC;
	z-index: 3;
}
.formFilter-buttons .formFilter-newest label{
	background-color: #000;
	border-left: 13px solid var(--primary-color);
	z-index: 2
}

.formFilter-buttons .formFilter-newest.active label,
.formFilter-buttons .formFilter-oldest.active label{
	z-index: 4;
}
.formFilter-left-col .formFilter-categories{
	border-bottom: 1px solid #303030;
}
.formFilter-left-col .formFilter-categories label{
	flex: 1;
}
.formFilter-left-col .formFilter-categories label,
.formFilter-label{
	text-wrap: nowrap;
	color: #030303;
	font-family: Prompt;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 26px; /* 144.444% */
	text-transform: uppercase;
	padding-right: 20px; 
	border-right: 1px solid #030303;
	min-width: 125px;
}
.formFilter-date{
	display: flex;
}
	

.formFilter-searchField input[type=search]:focus{
	outline: none;
}

.formFilter-field{
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
}
.formFilter-field input{
	width: 100%;
	padding: 0 12px;
	border: none;
	color: #303030;
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='40px' height='30px' viewBox='0 0 10 10' enable-background='new 0 0 10 10' xml:space='preserve'%3E%3Cpolygon points='7,3.5 5,6.5 3,3.5 '/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right center;  
	background-position: calc(100% - 6px) center; 
	cursor: pointer;
}
.formFilter-field input:focus{
	outline: none;
}
.formFilter-field .formFilter-categories-selector{
	position: absolute;
	list-style: none;
	margin: 0;
	border: 1px solid #303030;
	background-color: #fff;
	width: 100%;
	z-index: 5;
	padding: 0;
	display: none;
	top: 0;
}
.formFilter-field .formFilter-categories-selector.open{
	display: block;
}
.formFilter-field .formFilter-categories-selector li{
	cursor: pointer;
	padding: 8px 12px;
}
.formFilter-field .formFilter-categories-selector li.selected{
	background-color: var(--primary-color);
	color: #fff;
}
.formFilter-field .formFilter-categories-selector li:hover{
	background-color: var(--primary-color);
	color: #fff;
}
	
@media all and (min-width:0\0) and (min-resolution:.001dpcm) {
  select { background-image:none; }
}


@media screen and (min-width: 576px){
	.formFilter-left-col .formFilter-categories,
	.formFilter-left-col .formFilter-date,
	.formFilter-searchField{
		_max-width: 540px;
	}
}

@media screen and (min-width: 768px){
	.formFilter-left-col .formFilter-categories,
	.formFilter-left-col .formFilter-date,
	.formFilter-searchField{
		_max-width: 720px;
	}
}

@media screen and (min-width: 992px){
	.formFilter-left-col .formFilter-categories,
	.formFilter-left-col .formFilter-date{
		padding: 25px 30px;
	}
	
	.formFilter-searchField{
		max-width: 100%;
		padding: 0;
	}
	
	.category-selector-box-outer{
		display: flex;
	}
	.category-selector-box{
		width: 360px;
		width: 100%;
		overflow: hidden;
	}
	
	
	.formFilter-form{
		flex-direction: row;	
	}
	
	.formFilter-container{
		z-index: 1;
	}
	.formFilter-form{
		flex-direction: row;
		max-width: 960px;
		margin: 0 auto;
		padding: 0 12px;
	}
	
	.formFilter-right-col{
		padding: 40px 0 40px 40px;
	}
	.formFilter-left-col{
		flex: 1;
		max-width: 50%;
	}
	
	.formFilter-searchField input[type=submit]{
		right: 8px;
	}
}

@media screen and (min-width: 1200px){
	.formFilter-form{
		max-width: 1140px;
	}
}

@media screen and (min-width: 1400px){
	.formFilter-form{
		max-width: 1320px;
	}
	.formFilter-right-col{
		padding: 40px;
		max-width: 50%;
	}
}

@media screen and (min-width: 1900px){
	.formFilter{
		height: 155px;
	}
	.formFilter-form{
		max-width: 100%;
	}
	
	.formFilter-container{
		right: -253px;
		width: 100%;
		position: absolute;
	}
	
	.formFilter-left-col{
		width: 100%;
		max-width: 625px;
	}
	
	.formFilter-searchField{
		max-width: 513px;
		margin: 0;
	}
	.newsBanner,
	.postBanner{
		background: linear-gradient(90deg, #ffffffeb 55%, var(--primary-color) 40%);
	}
}


/** News Listing **/
.jobListing{
	padding: 60px 0 140px 0;
	background-color: #fff;
}

@media screen and (min-width: 992px){
	.jobListing{
		padding: 100px 0 340px 0;
	}
}
.jobListing-pagenumber-viewing{
	margin-bottom: 20px;	
}
.jobListing-pagenumber-viewing{
	font-size: 18px;
	line-height: 26px; /* 144.444% */
	text-transform: uppercase;
}
.jobListing-pagenumber-viewing span:first-child{
	font-weight: 700;
}
.jobListing-pagenumber-viewing .viewing-type:not(:empty)::before,
.jobListing-pagenumber-viewing .viewing-type:not(:empty)::after,
.jobListing-pagenumber-viewing .viewing-sort:not(:empty)::before,
.jobListing-pagenumber-viewing .viewing-sort:not(:empty)::after {
	content: '"';
}

.viewing_btn_clear{
	background-color: var(--secondary-color);
	color: #fff;
	border-radius: 0;
	border: none;
	padding: 10px 20px;
    margin-left: 10px;
}

.viewing_btn_clear:before{
	content: "+";
	font-style: normal;
    font-size: 22px;
    line-height: 0;
    font-weight: 100;
    font-family: system-ui;
    transform: rotate(45deg) translate(0, 3px);
    display: inline-block;
}

/* JobListing */
.spsne-card-job {
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px;
    overflow: hidden;
    display: block;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.spsne-card-job-content-wrap{
	position: absolute;
    z-index: 1;
    width: 100%;
    bottom: 0;
    height: 66px;
    overflow: hidden;
	transition: all ease-in 300ms;
}
.spsne-card-job-wrapper{
	flex: 1;
}
.spsne-card-job-title{
	background-color: #fff;
	padding: 20px;
	transition: all ease-in 300ms;
	
}
.spsne-card-job-title h3{
	color: var(--text-color);
	font-size: 18px;
	line-height: 26px;
	font-weight: 600;
	margin-bottom: 0;
	text-wrap: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.spsne-card-job-image,
.spsne-card-job-image img{
	height: 480px;
	background-color: #f1f1f1;
}

.spsne-card-job-image img{
	width: 100%;
	object-fit: cover;
	transition: transform 300ms ease-in;
}

.spsne-card-job-info{
	background-color: #e91c2eb5;
	color: #fff;
	display: flex;
	flex-direction: column;
	font-size: 15px;
	min-height: 205px;
	padding: 30px 20px;
	transition: all ease-in 300ms;
}
.spsne-card-job-info > div{
	padding: 5px 0;
}
.spsne-card-job-info > div:not(:last-child) {
	border-bottom: 1px solid #fff;
}

.spsne-card-job:hover .spsne-card-job-image img{
	transform: scale(1.1);
}
.spsne-card-job:hover .spsne-card-job-title,
.spsne-card-job:hover .spsne-card-job-info{
	transform: translatey(-80px);
}

.spsne-card-job:hover .spsne-card-job-content-wrap{
	height: 180px;
}

.spsne-card-job-excerpt .text{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

/* Join Our Team Section */
.join-our-team{
	position: relative;
	background-image: url(/wp-content/themes/spsne-child/assets/images/background-full-min.webp);
    background-repeat: no-repeat;
    background-position: top right;
	padding: 80px 0;
}
.join-our-team:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #0b0b45d6;
	width: 100%;
	height: 100%;
}

.join-our-team-video,
.join-our-team-content,
.join-our-team-columns{
	position: relative;
}

.join-our-team-video img{
	margin-top: -160px;
}

.join-our-team-content{
	padding: 60px 12px 36px;
}
@media (min-width: 992px){
	.join-our-team{
		padding: 100px 0;
	}
	
	.join-our-team-video img{
		margin-top: -360px;
	}
	.join-our-team-content{
		padding: 80px 12px;
	}
}

.join-our-team-heading{
	font-size: 40px;
	line-height: 48px;
}
.join-our-team-columns-lg-text{
	font-size: 55px;
	font-style: normal;
	font-weight: 700;
	line-height: 60px; /* 110% */
}
.join-our-team-columns-item{
	padding: 10px 20px 0 20px;
	border-left: 1px solid #fff;
	margin-block: 10px;
	height: 100%;
}
.join-our-team-columns-lg-text{
	margin-bottom: 12px;
}
.join-our-team-columns-lg-text, 
.join-our-team-columns-desc-text{
	color: #fff;
}
.join-our-team-columns-lg-text .text-color-primary{
	color: var(--primary-color);
}

/*Form*/
.search-filter{
	background-color: #fff;
	padding-top: 40px;
}

.search-filter-toggle,
.search-filter-option-categories{
	padding: 20px 12px;
	display: flex;
    gap: 16px;
}
.search-filter-option-col{
	background-color: #F0F2F1;
	padding: 0 !important;
}
.search-filter-option-categories{
	border-bottom: 1px solid #303030;
}
.search-filter-option-field{
	position: relative;
    width: 100%;
    display: flex;
    align-items: center;
}
.search-filter-categories-selector{
	position: absolute;
    list-style: none;
    margin: 0;
    border: 1px solid #303030;
    background-color: #fff;
    width: 100%;
    z-index: 5;
    padding: 0;
    display: none;
    top: 0;
}
.search-filter-categories-selector.open{
	display: block;
	z-index: 5 !important;
}
.search-filter-categories-selector ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.search-filter-categories-selector .done-filter-container{
	padding: 10px 12px;
    background: #f1f1f1;
    border-top: 1px solid #e6d3d3;
    text-align: right;	
}

.search-filter-categories-selector li {
    cursor: pointer;
    padding: 8px 12px;
}
.search-filter-categories-selector li.selected {
    background-color: var(--primary-color);
    color: #fff;
}

.search-filter-label{
	text-wrap: nowrap;
    color: #030303;
    font-family: Prompt;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    text-transform: uppercase;
    padding-right: 20px;
    border-right: 1px solid #030303;
    min-width: var(--data-custom-width);
}

.search-filter-field-col{
	background-color: var(--primary-color);
	padding-top: 12px;
	padding-bottom: 12px;
}

.search-filter-field-col input[type=search] {
    width: 100%;
    border: none;
    padding: 15px 20px;
    border-radius: 0;
    padding-right: 40px;
}
.search-filter-field-col input[type=search]:focus {
    outline: none;
}
.search-filter-field-col input[type=submit]{
	text-indent: -9999999px;
	background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/></svg>');
	background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;
    border: none;
    bottom: 0;
    border-left: 1px solid #303030;
    border-radius: 0;
    background-position: center;
    display: inline-block;
    height: 30px;
    width: 40px;
    background-size: 50%;
    padding: 0 20px;
    display: inline-block;
}
#search-filter-form.searching .search-filter-field-col input[type=submit]{
	background-image: url('/wp-content/themes/spsne-child/assets/images/loader.svg');
}

.search-filter-field{
	display: flex;
    align-items: center;
    background: #fff;
    width: 100%;
}

.formFilter-buttons{
	position: relative;
}
.formFilter-buttons input{
	display: none;
}
.formFilter-buttons label{
	width: 122px;
	color: #FFF;
	font-weight: 600;
	line-height: 26px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	position: absolute;
	top: 0;
}
.formFilter-buttons .formFilter-oldest label{
	background-color: #0058AA;
	border-right: 13px solid #CCCCCC;
	z-index: 3;
}
.formFilter-buttons .formFilter-newest label{
	background-color: green;
	border-left: 13px solid var(--primary-color);
	z-index: 2
}

.formFilter-buttons .formFilter-newest.active label,
.formFilter-buttons .formFilter-oldest.active label{
	z-index: 4;
}

@media screen and (min-width: 992px){
	.search-filter{
		background: linear-gradient(90deg, #ffffffeb 70%, var(--primary-color) 40%);
		padding-top: 0;
	}
	.search-filter-toggle,
	.search-filter-option-categories{
		padding: 25px 30px;
	}
	.search-filter-field-col{
		padding-left: 40px;
	}
	
	.search-filter 	.category-selector-box{
		width: 224px;
		overflow: hidden;
	}
	
}


/** UTIL **/
.bg-sp-primary{
	background-color: var(--primary-color);
}
.bg-sp-secondary{
	background-color: var(--secondary-color);	
}
/* font size 18px in larger screen */
@media (min-width: 1400px){
	.font-size-lg-18px{
		font-size: 18px;
	}
}

/* ESOP */
.banner{
	position: relative;
}

.navigation-box--with-bg-transparent{
	background-color: #ffffff00;
}
.navigation-box.sticky{
	background-color: #fff;
}

/* Sections */
.join-team__first-section-left{
	padding-top: 240px;
	padding-bottom: 80px;
}
.join-team__first-section-heading{
	font-size: 60px;
	line-height: 68px; /* 113.333% */
}
.join-team__first-section-content *{
	color: #fff;	
}
.join-team__first-section-content > *:last-child{
	margin-bottom: 0;
}

.join-team__stock{
	background-image: url('/wp-content/themes/spsne-child/assets/images/join-our-team-stock.webp');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.join-team__large-text{
	font-size: 32px; 
	font-weight: 700;
	line-height: 40px;
	margin-bottom: 40px;
}

.join-team__benefits .row:has(.card-benefit){
	gap: 24px;
}

@media (min-width: 992px){
	.join-team__benefits .row:has(.card-benefit){
		gap: 0;
	}
}

@media (min-width: 1200px){
	.join-team__testimonial .container{
		max-width: 1135px;
	}
	
	.join-team__large-text{
		font-size: 40px; 
		line-height: 48px;
	}
	
	.what-is-esop .section-block__body{
		padding-right: 60px;
	}
}
 
.card-benefit{
	display: grid;
	grid-template-columns: 115px 1fr;
	background: #FFF;
	box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.08);
	width: 100%;
}
.card-benefit__icon-holder{
	background-color: var(--primary-color);
	padding: 20px;
	display: flex;
}
.card-benefit__icon-image{
	max-width: 50px;
	margin: auto;
}
.card-benefit__body{
	padding: 30px 40px;
    background: #FAFAFA;
    font-size: 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.card-benefit__body h3 {
	font-size: 18px;
}
.card-benefit__body > *:last-child{
	margin-bottom: 0;
}


/*Include Benefits*/
.include-benefit-image{
	margin: 0 auto;
}
.include-benefit-section .row .col-12:last-child .include-benefit{
	margin-bottom: 0;
}

.include-benefit{
	padding: 40px;
	background-color: #FAFAFA;
	margin-bottom: 40px;
	text-align: center;
}
.include-benefit-heading h3{
	margin-bottom: 0;
}
.include-benefit-heading h3 + p{
	color: #DB192B;
	font-family: Prompt;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 26px;
	margin-bottom: 40px;
	text-align: center;
}

.include-benefit-heading-logo{
	max-width: 115px;
	margin: 0 auto 12px;
}


.box-reasons__container{
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
	margin-bottom: 40px;
}
.box-reason{
	background-color: #fff;
	padding: 40px 30px;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.box-reason__large-text{
	font-size: 60px;
	font-weight: 700;
	color: var(--primary-color);
	line-height: 68px;
	display: block;
}
.box-reason__medium-text{
	display: block;
	color: var(--text-color);
	font-size: 24px;
	font-weight: 600;
	line-height: 32px; /* 133.333% */ 
}

.box-reason:nth-child(odd){
	background-color: var(--primary-color);
}
.box-reason:nth-child(odd),
.box-reason:nth-child(odd) .box-reason__large-text,
.box-reason:nth-child(odd) .box-reason__medium-text{
	color: #fff;
}

@media (min-width: 768px){
	.box-reasons__container{
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 992px){
	.box-reasons__container{
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width: 1200px){
	.box-reasons__container{
		grid-template-columns: repeat(5, 1fr);
	}
}


.carousel-testimonial__holder{
	padding: 40px 30px;
	display: flex;
	gap: 40px;
	align-items: center;
	flex-direction: column-reverse;
	background: #FAFAFA;
	box-shadow: 6px 6px 20px 0px rgba(0, 0, 0, 0.10);
}
.carousel-testimonial__details,
.carousel-testimonial__image-holder{
	flex: 1;
}
.carousel-testimonial__image-holder{
	width: 100%;
	text-align:center;
}
.carousel-testimonial__name-holder{
	position: relative;
	padding-left: 0;
	padding-top: 50px;
	margin-bottom: 24px;
	text-align: center;
}
.carousel-testimonial__name-holder:before{
	content: "";
	display: block;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='63' height='46' viewBox='0 0 63 46' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.5 14.1222V27.6468H7.14752H13.7952L9.34287 36.6222L4.89058 45.5977H11.6301H18.3694L22.8515 36.5605L27.3335 27.5234V14.0605V0.597656H13.9168H0.5V14.1222ZM36.1154 14.1222V27.6468H42.7628C46.4189 27.6468 49.4102 27.675 49.4102 27.7095C49.4102 27.744 48.8809 28.8368 48.2341 30.1378C47.5871 31.4389 45.6152 35.4495 43.8523 39.0505L40.6466 45.5977H47.3458H54.0448L58.4969 36.6226L62.949 27.6475V14.1226V0.597656H49.5322H36.1154V14.1222Z' fill='%230B0B45'/%3E%3C/svg%3E");
  background-size: contain;
	background-repeat: no-repeat;
	width: 45px;
	height: 45px;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translatex(-50%);
}
.carousel-testimonial__name{
	margin-bottom: 0;
	color: var(--text-color);
	font-size: 18px;
	font-weight: 600;
	line-height: 26px; /* 144.444% */
}
.carousel-testimonial__title{
	color: var(--text-color)
}
.carousel-testimonial__text{
	border-top: 5px solid var(--primary-color);
	color: var(--text-color);
	padding-left: 0;
	padding-top: 24px;
	font-size: 20px;
	text-align: center;
}

@media (min-width:992px){
	.carousel-testimonial__holder{
		flex-direction: row;
		padding: 40px;
	}
	.carousel-testimonial__image-holder{
		max-width: 427px;
	}
	
	.carousel-testimonial__name-holder{
		padding-left: 86px;
		padding-top: 0;
		text-align: left;
	}
	.carousel-testimonial__name-holder:before{
		left: 0;
		top: 0;
		transform: none;
		width: 62.4px;
	}
	
	.carousel-testimonial__text{
		border-left: 5px solid var(--primary-color);
		border-top: none;
		padding-left: 35px;
		padding-top: 0;
		font-size: 24px;
		line-height: 32px; /* 133.333% */
	}
}
@media (min-width:1400px){
	.carousel-testimonial{
		gap: 80px;
	}
}

/* Carousel Testimonial */
.carousel-testimonial.owl-carousel .owl-stage-outer{
	overflow: visible;
}
.carousel-testimonial .owl-stage{
	display: flex;	
}
.carousel-testimonial .owl-item{
	display: flex;
	flex-direction: column;
}

.carousel-testimonial  .spsne-card{
	display: flex;
	flex-direction: column;
	flex: 1;
	position: relative;
}


.carousel-testimonial .spsne-card-title{
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 1;
}
.carousel-testimonial .owl-item.active{
	opacity: 1;
	 transition: opacity 500ms;
}
.carousel-testimonial .owl-item.active:hover .spsne-card-title h3{
	color: var(--secondary-color);
}
.carousel-testimonial .owl-item:hover .spsne-card-title h3{
	font-weight: 600;
}

.carousel-testimonial .owl-item{
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	opacity: 0;
}


/* make card clickable */
.carousel-testimonial .owl-item:not(.active) .spsne-card-button a{
	pointer-events: none;
}
.carousel-testimonial .owl-item.active .spsne-card-button a:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}



.carousel-testimonial.owl-theme .owl-nav .owl-prev svg,
.carousel-testimonial.owl-theme .owl-nav .owl-next svg{
	fill: var(--secondary-color);
	transition: all ease-in 200ms;
}

.carousel-testimonial.owl-theme .owl-nav .owl-prev:hover svg,
.carousel-testimonial.owl-theme .owl-nav .owl-next:hover svg{
	fill: var(--tertiary-color);
}


.carousel-testimonial.owl-theme .owl-dots{
	margin-top: 40px;	
}

.carousel-testimonial.owl-theme .owl-dots .owl-dot span{
	width: 20px;
	height: 7px;
	border-radius: 0;
	transition: all ease-in 200ms;
}

.carousel-testimonial.owl-theme .owl-dots .owl-dot.active span, 
.carousel-testimonial.owl-theme .owl-dots .owl-dot:hover span{
	background: var(--primary-color);
}

.carousel-testimonial.owl-theme .owl-nav [class*=owl-]:hover{
	background: transparent;
}
.carousel-testimonial__nav button{
	outline: transparent;
    border: 2px solid var(--secondary-color);
    background-color: transparent;
    border-radius: 100px;
    display: inline-block;
    width: 50px;
    height: 50px;
    font-size: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
	transition: background-color ease-in 200ms;
}
.carousel-testimonial__nav button:hover{
	background-color: var(--secondary-color);
}
.carousel-testimonial__nav{
	display: flex;
    gap: 16px;
    justify-content: end;
    margin-bottom: 20px;
	position: relative;
	z-index: 1;
}
.carousel-testimonial__nav button svg{
	fill: var(--secondary-color);
	transition: fill ease-in 200ms;
}
.carousel-testimonial__nav button:hover svg{
	fill: #fff;
}

@media (min-width: 992px){
	.carousel-testimonial__nav{
		margin-top: -90px;
		 margin-bottom: 40px;
	}    	
}

/* COLLEGE GRADUATE */
main{
	max-width: 1920px;
	overflow: hidden;
	margin: 0 auto;
}
.college-graduate-banner{
	position: relative;
	background: linear-gradient(to top, rgba(255, 255, 255, .8), rgba(255, 255, 255, .8) ), url(/wp-content/themes/spsne-child/assets/images/background-full-min.webp);
}
.college-graduate-banner .section-image img{
	width: 1000px;
	max-width: 110%;
	margin-left: -45px;
}



.college-graduate-banner-content-col{
	max-width: 812px;
	margin-left: auto;
	margin-top: 240px;
	color: var(--body-text-color);
	padding-bottom: 80px;
}
.college-graduate-banner-content-col-image .section-image{
	width: 160%;
	height: 100%;
	background-size: cover;
	background-position: bottom;
}

@media screen and (max-width: 1900px){
	.college-graduate-banner-content-col-image .section-image{
		width: 100%;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
	}
}

.college-graduate-banner__buton-holder{
	margin-top: 40px;
}

@media (min-width: 992px){
	.college-graduate-banner-content-col{
		padding-bottom: 140px;
	}
}

/* COLLEGE GRADUATE: JOBLISTING */
.jobListing--college-graduate{
	padding-bottom: 80px;
}

/* COLLEGE GRADUATE: LOGOS */
.we-are-proud {
	background-color: var(--light-gray);
}
.we-are-proud .container{
	max-width: 1112px;
}
.we-are-proud__logos{
	display: grid;
	gap: 60px;
	grid-template-columns: repeat(3, 1fr);
}
.we-are-proud__logo-item {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	
}
.we-are-proud__logo-item img{
	cursor: pointer;
	transition: transform ease-in 300ms;
}
.we-are-proud__logo-item img:hover{
	transform: scale(1.3);
}
.we-are-proud__logo-item img:not(.w-144px){
	width: 120px;
}
.we-are-proud__logo-item img.w-144px{
	width: 144px;
}

@media (min-width: 1400px){
	.we-are-proud .section-block__heading-holder{
		max-width: 600px;
		margin-inline: auto;
	}
}
@media (min-width: 992px){
	.we-are-proud__logos{
		grid-template-columns: repeat(5, 1fr);
	}
}


/*why-work-for-us*/
.why-work-for-us .section-block__heading{
	font-size: 30px;
}

.why-work-for-us .join-our-team-columns-item{
	border-left: 1px solid var(--text-color);
}

.why-work-for-us .join-our-team-columns-item{
	padding-bottom: 0;
}

.why-work-for-us .join-our-team-columns-desc-text{
	font-size: 18px;
}
.why-work-for-us.section-block{
	padding-bottom: 80px;
}

@media (min-width: 992px){
	.why-work-for-us .join-our-team-columns-item{
		margin-bottom: 60px;
	}
	.why-work-for-us.section-block{
		padding-bottom: 60px;
	}
}
@media (min-width: 1400px){
	.why-work-for-us .section-block__heading{
		margin-right: 100px;
	}
}

/*  Career Progression */
@media (max-width: 991px){
	.career-progression .row{
		gap: 24px;
	}
}


/**COLEGE GRADUATE: TESTIMONIALS**/
.hear-from-our-graduate__testimonial-card{
	display: block;
	position: relative;
	background-color: #ebebe9;
	overflow: hidden;
}
.hear-from-our-graduate__shool-logo{
	width:60px;
	height: 60px;
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 1;
}

.hear-from-our-graduate__testimonial-holder-wrapper{
	position: absolute;
	bottom: -96px;
	width: 100%;
	overflow: hidden;
}
.hear-from-our-graduate__testimonial-card-image img{
	width: 100%;
	transition: transform ease-in 300ms;
}
.hear-from-our-graduate__testimonial-card:hover .hear-from-our-graduate__testimonial-card-image img{
	transform: scale(1.1);	
}
.hear-from-our-graduate__testimonial-content-holder, 
.hear-from-our-graduate__testimonial-button-holder {
    transform: translateY(0);
	transition: all ease-in 300ms;
}
.hear-from-our-graduate__testimonial-card:hover .hear-from-our-graduate__testimonial-content-holder,
.hear-from-our-graduate__testimonial-card:hover .hear-from-our-graduate__testimonial-button-holder{
	transform: translateY(-96px);
}

.hear-from-our-graduate__testimonials .col-md-6{
	margin-top: 10px;
	margin-bottom: 10px;
}

.hear-from-our-graduate__testimonials .button-block{
	margin-top: 40px;
}

.hear-from-our-graduate__testimonial-content-holder{
	padding: 23px 20px;
	background-color: #fff;
}
.hear-from-our-graduate__testimonial-button-holder{
	background-color: var(--primary-color);
	padding: 25px 20px;
}
.hear-from-our-graduate__testimonial-content-holder .hear-from-our-graduate__testimonial-name{
	font-size: 18px;
	font-weight: 600;
	line-height: 26px;
	margin-bottom: 0;
}

.hear-from-our-graduate__testimonial-popup:not(.active){
	display: none;	
}
.hear-from-our-graduate__testimonial-popup{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	background-color: #000000f2;
}
.hear-from-our-graduate__testimonial-popup-overlay{
    height: 100%;
    display: flex;
    align-items: center;
	padding: 40px;
}
.hear-from-our-graduate__testimonial-popup-container{
	max-width: 1336px;
	margin: 0 auto;
	padding: 30px;
	position: relative;
	background-color: #fff;
	
}
.hear-from-our-graduate__testimonial-popup-content-wrapper{
	display:flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
	overflow: auto;
	height: 600px;
}

.hear-from-our-graduate__testimonial-popup-person-image{
	background-color: #E2E2E0;
	width: 80px;
	height: 80px;
	border-radius: 100%;
	overflow: hidden;
}

.hear-from-our-graduate__testimonial-popup-person-info{
	display: flex;
	align-items: center;
	gap: 16px;
}


.hear-from-our-graduate__testimonial-popup-content-body{
	border-left: 5px solid var(--primary-color);
	padding-left: 40px;
	margin-bottom: 30px;
}
.hear-from-our-graduate__testimonial-popup-person-name{
	font-weight: 700;
	font-size: 18px;
}
.hear-from-our-graduate__testimonial-popup-close-button{
	position: absolute;
	top: 0;
	right: -30px;
}
.hear-from-our-graduate__testimonial-popup-close-button button{
	padding: 0;
	background-color: transparent;
	border: none;
}
.hear-from-our-graduate__testimonial-popup-close-button button svg{
	fill: #BDBABA;
	transition: fill ease-in 300ms;
}
.hear-from-our-graduate__testimonial-popup-close-button button:hover svg{
	fill: var(--primary-color);
}
@media (max-width: 767px){
	.hear-from-our-graduate__testimonial-popup-person-info{
		flex-direction: column;
		text-align: center;
	}
}
@media (min-width: 992px){
	.hear-from-our-graduate__testimonial-popup-close-button{
		top: -30px;
	}
	.hear-from-our-graduate__testimonial-popup-content-body{
		margin-bottom: 40px;
	}
	.hear-from-our-graduate__testimonial-popup-video{
		max-width: 736px;
	}
	.hear-from-our-graduate__testimonial-popup-container{
		background: linear-gradient(270deg, #ffffffeb 60%, var(--primary-color) 60%);
		padding: 70px 60px;
	}
	
	.hear-from-our-graduate__testimonial-popup-content-wrapper{
		flex-direction: row;
		gap: 0;
	}
	.hear-from-our-graduate__testimonial-popup-content{
		padding-left: 80px;
		max-width: 480px;
	}
	
	.hear-from-our-graduate__testimonial-popup-content-heading{
		margin-bottom: 24px;
		font-size: 40px;
	}
}


/*COLLEGE GRADUATE: FAQS*/
.college-graduate-faqs{
	background-color: var(--light-gray);
}

.college-graduate-faqs__accordion.accordion{
	display: flex;
	flex-direction: column;
	gap: 24px;
	--bs-accordion-btn-icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="16" width="6" viewBox="0 0 256 512"%3E%3Cpath fill="%23303030" d="M246.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-9.2-9.2-22.9-11.9-34.9-6.9s-19.8 16.6-19.8 29.6l0 256c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l128-128z"%3E%3C/path%3E%3C/svg%3E');
	--bs-accordion-btn-active-icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="16" width="10" viewBox="0 0 320 512"%3E%3Cpath d="M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"%3E%3C/path%3E%3C/svg%3E');
}

.college-graduate-faqs__accordion.accordion .accordion-button::after{
	background-size: contain;
	height: 38px;
}
.college-graduate-faqs__accordion .accordion-button{
	font-size: 18px;
	line-height: 26px;
	font-weight: 600;
	color: var(--text-color);
	padding: 19px 30px;
}
.college-graduate-faqs__accordion .accordion-button:not(.collapsed){
	background-color: #fff;
	box-shadow: none;
}
.college-graduate-faqs__accordion .accordion-body{
	padding: 0 30px 25px 30px;
}

@media (min-width: 992px){
	.college-graduate-faqs__accordion{
		max-width: 824px;
		margin: 0 auto;
	}
}

/** JOB  Style**/
.job__banner{
	padding: 60px 0 80px;
}
.job__featured-image-holder{
	max-width: 238px;
	margin: 40px auto 40px;
}
@media (max-width: 991px){
	.job__featured-image-holder{
		margin-top: 30px;
	}
}
.job__featured-image-holder img{
	aspect-ratio: 1;
	object-fit: cover;
	border-radius: 100%;
}
.job__info-holder{
	text-align: center;
}
.job__info-flex{
	
	justify-content: center;
	color: #fff;
	font-weight: 700;
	font-size: 18px;	
}
.job__info-flex > div{
	padding: 0 20px;
}

@media (min-width: 992px){
	.job__info-flex{
		display: flex;
	}
	.job__info-flex > div:nth-child(2n){
		border-left: 2px solid #fff;
		padding-left: 20px;
	}
}
@media (min-width: 1200px){
	.job__info-title{
		font-size: 60px;
		margin-bottom: 16px;
	}
}

.job__details{
	padding: 80px 0;	
}
.job__details-aside{
	background: #FAFAFA;
	box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.08);
	padding: 40px 30px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-bottom: 40px;
}
.job__details-label,
.job__detail-department,
.job__detail-employment,
.job__detail-location{
	display: flex;
	gap: 10px;
}
@media (max-width: 400px){
	.job__details-label,
	.job__detail-department,
	.job__detail-employment,
	.job__detail-location{
		display: block;
	}
}
.job__details-text{
	font-weight: 700;
}
.job__details-icon{
	width: 24px;
	text-align: center;
}
.job__details-value{
	text-transform: capitalize;
}
.job__details-body{
	padding: 40px 30px;
	background: #FAFAFA;
	box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.08);
	color: var(--body-text-color);
}

.job__details-body h2:not(:first-child){
	margin-top: 40px;
}

.job__details-body h3:not(:first-child){
	margin-top: 30px;
}

.job__details-body h4:not(:first-child){
	margin-top: 24px;
}
.job__details-body ul{
	margin-left: 0;
}
.job__application-form{
	background: #F0F2F1;
	padding: 80px 0;
}

.application-form__cover-letter-input .gfield-choice-input{
	display: none !important;
}

.application-form__cover-letter-input:after{
	content: "or";
	display: block;
	color: #646464;
}

.application-form__cover-letter-pdf-input .ginput_container_fileupload{
	padding: 55px 30px;
}
.application-form__resume-pdf-input .ginput_container_fileupload{
	padding: 40px 30px;
}

.job__application-form .ginput_container_fileupload{
	background: #fff;
	text-align: center;
	position: relative;
	background: #fff;
    text-align: center;
    position: relative;
    min-height: 287px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.job__application-form  .ginput_container_fileupload #input_3_8{
    opacity: 1;
    position: relative;
    z-index: 1;
    background-position: center;
    background-repeat: no-repeat;
	cursor: pointer;
}
.job__application-form  .ginput_container_fileupload #input_3_8:not(.file-input-filled){
	height: 100px;
	text-indent: -9999px;
    background-image: url(/wp-content/themes/spsne-child/assets/images/upload-pdf-vertical.png);
}

.application-form__resume-pdf-input #input_3_9{
	opacity: 1;
    position: relative;
    z-index: 1;	
    background-position: center;
    background-repeat: no-repeat;
	cursor: pointer;
}

.application-form__resume-pdf-input #input_3_9:not(.file-input-filled){
	background-image: url(/wp-content/themes/spsne-child/assets/images/upload-pdf-horizontal.png);
	text-indent: -9999px;
	  height: 180px;
}

/* Style for the file input button */
.job__application-form #input_3_9.file-input-filled::-webkit-file-upload-button,
.job__application-form #input_3_8.file-input-filled::-webkit-file-upload-button{
    background-color: var(--primary-color);
    color: #fff;
    padding: 10px 20px;
    border-radius: 0;
    cursor: pointer;
    border: none;
    outline: none;
}

.application-form__cover-letter-input label,
.application-form__resume-input label{
	font-size: 18px !important;
	color: #646464;
}
.job__application-form .application-form__cover-letter-pdf-input .gfield_description.gform_fileupload_rules,
.job__application-form .application-form__resume-pdf-input .gfield_description.gform_fileupload_rules{
	display:none;
}
#gform_wrapper_3{
	max-width: 1123px;
	margin: 0 auto;
}
#gform_submit_button_3{
	padding: 20px 30px;
	color: #E91C2E;
	text-align: center;
	font-family: Prompt;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
line-height: 26px; /* 144.444% */
	background: transparent;
	border: 5px solid var(--primary-color) !important;
	width: 100%;
	max-width: 353px;
}
#gform_submit_button_3:hover{
	background-color: var(--primary-color);
	color: #fff;
}
#gform_3 .gform_footer{
	justify-content: center;
}
#gform_3 .gform_wrapper.gravity-theme .gfield_label{
	font-size: 18px;
}
#gform_3 input{
	border: none;
	padding: 15px 20px;
	outline: transparent;
}

@media (min-width: 1200px){
	.job__details{
		padding: 100px 0;	
	}
	.job__application-form{
		padding: 100px 0;
	}

}