h2.underline:after { content: " "; position: absolute; left: 0; right: 0; top: calc(100% + 1.5rem); margin: 0 auto; width: 5rem; height: 3.5px; background: #0054a6; }
.banner { background-image: url(../../../../img/Jobs/Photos/Sized/jobs-header-1680.webp); background-repeat: no-repeat; background-position: 0% 32%; background-size: cover; min-height: 400px; }
@media (min-width: 1440px) {
	.banner { background-image: url(../../../../img/Jobs/Photos/Sized/jobs-header-1920.jpg); }
}
@media (min-width: 768px) {
	.banner { min-height: 400px; }
}
@media (min-width: 992px) {
	.banner { min-height: 400px; }
}
@media (min-width: 1200px) {
	.banner { min-height: 400px; }
}
@media (max-width: 528px) {
	.banner { min-height: 95vw; background-position: 33% 25%; }
}
.bannertext { position: absolute; left: 50%; top: 50%; width: 100%; transform: translate(-50%,-50%); z-index: 20; }
.intervention-help .text-wrapper { padding: 3rem 1.5rem; }
@media (min-width: 992px) {
	.jobs-info .text-wrapper { max-width: calc(990px - 3rem); }
}
@media (min-width: 1200px) {
	.jobs-info .text-wrapper { position: relative; display: flex; flex-direction: column; align-items: start; justify-content: center; padding-left: 3rem; height: auto; max-width: calc(650px - 6rem); /*! max-width: calc(100% - 0rem); */ }
}
.jobs-info .play-video-icon { max-height: 100px; }
/************************************ video modal start **********************************/
div#myModal { overflow: auto; /*! overflow-y: scroll; */ }
div.modal div.overlay { position: fixed !important; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(31, 31, 31, 0.8); -moz-opacity: .95; -khtml-opacity: .95; opacity: .95; }
div.modal div.container { z-index: 999999; position: fixed; width: 70%; max-width: 70em; top: 5%; left: 0; right: 0; max-height: 88%; margin: 0 auto; padding: 0; background: transparent; box-shadow: 0 2px 20px 0 rgba(0,0,0,.2); overflow: auto; }
.lightbox-close { position: absolute; top: 0; right: 0; width: 50px; height: 37px; background: transparent; z-index: 9; border-radius: 5px; padding: 4px 0 0 14px; }
/************************************ video modal end ************************************/
@media (min-width: 1440px) {
	.jobs-info { /*! width: calc(1440px - 0vw); */ margin: 20px auto; max-width: 1440px; }
}
.jobs-info .jobs-video-bg { /*! background-image: url(../../../../img/Jobs/Photos/Sized/photos_life_at_compassion.jpg); */ background-repeat: no-repeat; background-position: center; background-size: cover; }
@media (min-width: 960px) {
	.jobs-info .jobs-video-bg { min-height: 500px; }
}
@media (min-width: 1900px) {
	.jobs-info { height: auto; }
	.jobs-info .jobs-video-bg { min-height: 620px; }
}
@media (min-width: 2560px) {
	.jobs-info .jobs-video-bg { min-height: 650px; }
}
@media (min-width: 3560px) {
	.jobs-info .jobs-video-bg { min-height: 650px; }
}
@media (max-width: 960px) {
	.jobs-info .jobs-video-bg { height: 500px; }
}
@media (max-width: 528px) {
	.jobs-info .jobs-video-bg { height: 300px; }
}
.jobs-info h3 { text-transform: none; }
.jobs-contact h4 { text-transform: none; font-size: 24px; }
.jobs-contact p { font-size: 16px; }
.jobs-contact .directions { color: #0255a7; font-weight: 600; }
.jobs-contact .phone-no { font-size: 24px; }
@media (max-width: 1024px) {
	.jobs-contact .phone-no { font-size: 29px; }
}
.jobs-contact .address { font-size: 16px; }
.jobs-contact .findus-card, .jobs-contact .contactus-card , .jobs-contact .sharecard { border-radius: 5px; }
.sharecard .fb-card, .sharecard .twitter-card , .sharecard .linkedin-card { border-radius: 5px; }
.fb-card p, .twitter-card p, .linkedin-card p { font-size: 14px; font-weight: 500; }
@media (max-width: 1024px) {
	.fb-card p, .twitter-card p, .linkedin-card p { font-size: 13px; font-weight: 500; }
}
.sharecard .fb-card { background-color: #39559e; cursor: pointer; }
.sharecard .twitter-card { background-color: #13abf3; cursor: pointer; }
.sharecard .linkedin-card { background-color: #0077b5; cursor: pointer; }
.btn.btn-theme-outline-transparent-blue { background-color: transparent; color: #0054a6; border: 1px solid #0054a6; padding: 0.5em 1.5em; text-transform: unset; box-shadow: none !important; text-shadow: none !important; height: auto; text-align: center; font-size: 1.6rem; font-weight: 500; font-family: inherit; line-height: 1.5; border-radius: 0.25em; background-image: none; }
.btn.btn-theme-outline-transparent-blue:hover { background-color: #6497C9; color: white; border: 1px solid #0054a6; }
.btn.btn-theme-outline-transparent-blue:after { display: none; }
.job-vacancies .vacancies-title { text-transform: none; }
.job-vacancies .vacancies-card { border-radius: 5px; }
.quote-slider .right-quote { transform: translate(30px,-62px); }
.quote-slider .left-quote { transform: translate(-40px,25px); }
#arrow-left { float: left; margin: 5px; position: absolute; z-index: 5; right: 80px; top: 12px; }
#arrow-right { float: left; margin: 5px; position: absolute; z-index: 5; right: 55px; top: 12px; }
#cross { float: left; margin: 5px; position: absolute; z-index: 5; right: 25px; }
#cross2 { float: left; margin: 5px; position: absolute; z-index: 5; right: 25px; }
#cross3 { float: left; margin: 5px; position: absolute; z-index: 5; right: 25px; }
@media screen and (min-width: 728px) {
	.profession-details { margin-top: 50px !important; }
	.marketing-details { margin-top: 50px !important; }
	.support-details { margin-top: 50px !important; }
}
.profession-details:before { position: absolute; top: -17px; left: 6px; content: ' '; width: 0px; height: 0; border-left: 40px solid transparent; border-top: 40px solid #fbfbfb; /*!filter: drop-shadow(0px 0px 0px rgba(0,0,0,.3));*/ transform: rotate(-45deg); }
.marketing-details:before { position: absolute; top: -17px; left: 6px; content: ' '; width: 0px; height: 0; border-left: 40px solid transparent; border-top: 40px solid #fbfbfb; /*!filter: drop-shadow(0px 0px 0px rgba(0,0,0,.3));*/ transform: rotate(-45deg); }
.support-details:before { position: absolute; top: -17px; left: 6px; content: ' '; width: 0px; height: 0; border-left: 40px solid transparent; border-top: 40px solid #fbfbfb; /*!filter: drop-shadow(0px 0px 0px rgba(0,0,0,.3));*/ transform: rotate(-45deg); }
@media screen and (min-width: 1200px) {
	.profession-details:before { position: absolute; top: -17px; left: 6px; content: ' '; width: 0px; height: 0; border-left: 40px solid transparent; border-top: 40px solid #fbfbfb; /*!filter: drop-shadow(0px 0px 0px rgba(0,0,0,.3));*/ transform: rotate(-45deg); }
	.marketing-details:before { position: absolute; top: -17px; left: 6px; content: ' '; width: 0px; height: 0; border-left: 40px solid transparent; border-top: 40px solid #fbfbfb; /*!filter: drop-shadow(0px 0px 0px rgba(0,0,0,.3));*/ transform: rotate(-45deg); }
	.support-details:before { position: absolute; top: -17px; left: 6px; content: ' '; width: 0px; height: 0; border-left: 40px solid transparent; border-top: 40px solid #fbfbfb; /*!filter: drop-shadow(0px 0px 0px rgba(0,0,0,.3));*/ transform: rotate(-45deg); }
}
/* -- tab slider start -- */
/* .tab-slider { position: relative; } */
/*.tab-slider:before { content: " "; position: absolute; left: 0; right: 0; bottom: 0; top: calc(100% - 40px); background: #e3ecf5; }*/
.tour-tab-slider { font-weight: bold; font-size: 2rem; }
.tour-tab-slider .slick-slide a { display: inline-block; width: 100%; color: #767676; border-bottom: 3px solid #d7d7d7; }
.tour-tab-slider .slick-slide.slick-current.slick-active .hub-tab { color: #0054a6 !important; border-bottom: 3px solid #0054a6; }
.tour-tab-slider .slick-slide.slick-current.slick-active .child-hub-tab { color: #0054a6 !important; border-bottom: 3px solid #0054a6; }
.tour-tab-slider .slick-slide.slick-current.slick-active .giving-tab { color: #0054a6 !important; border-bottom: 3px solid #0054a6; }
.tour-tab-slider .slick-slide.slick-current.slick-active .letter-tab { color: #0054a6 !important; border-bottom: 3px solid #0054a6; }
.tour-tab-slider .slick-slide.slick-current.slick-active .stories-tab { color: #0054a6 !important; border-bottom: 3px solid #0054a6; }
.tour-tab-slider .slick-track { transform: translate3d(0px, 0px, 0px) !important; }
.tour-slider .small-icon { width: 45px; }
.tour-slider .full-img { height: 400px; width: auto; max-width: unset !important; float: right; }
@media (max-width: 320px) {
	.tab-slider:before { top: calc(100% - 25px); }
}
/* Added for iPhone X problem */
/* @media (max-width: 576px) {
	.tour-slider .tour-item-text {
		-ms-flex: 0 0 calc(66.666667% - 2px);
		flex: 0 0 calc(66.666667% - 2px);
		max-width: calc(66.666667% - 2px);
	}
} */
@media (min-width: 768px) {
	.tour-slider .full-img { height: auto; width: auto; max-width: 100% !important; float: none; }
}
@media (min-width: 992px) {
	.tab-slider:before { top: calc(100% - 90px); }
	.tour-slider .small-icon { width: auto; }
}
/* -- tab slider end -- */
.culture-row .culture-subdesc { color: #262626; font-size: 16px; }
.culture-row .card-subtitle { color: #262626; }
.benefits-row .health-card {	border-radius: 0.50rem; }
.benefits-row .family-card {
	 
	border-radius: 0.50rem;
}
.benefits-row .education-card {
	
	border-radius: 0.50rem;
}
.benefits-row .recognition-card {
	
	border-radius: 0.50rem;
}
.benefits-row .fun-card {
	
	border-radius: 0.50rem;
}
.benefits-row .spiritual-card {
	
	border-radius: 0.50rem;
}
.benefits-row .holiday-card {
	
	border-radius: 0.50rem;
}
.benefits-row .office-card {
	
	border-radius: 0.50rem;
}
.health-card p, .family-card p, .education-card p, .recognition-card p, .fun-card p, .spiritual-card p, .holiday-card p, .office-card p {
	font-size: 16px;
}
.partnerships-card .header-col, .marketing-card .header-col, .support-card .header-col {
	font-size: 23px;
    font-weight: 400;
    text-transform: unset;
}
.partnerships-card .header-desc, .marketing-card .header-desc, .support-card .header-desc {
	font-size: 17px;
	color: black;
}
.teams-row .partnerships-card {
	border-radius: 0.50rem;
}
.teams-row .marketing-card {
	border-radius: 0.50rem;
}
.teams-row .support-card {
	border-radius: 0.50rem;
}


/* jobs-image-slider Quotes */
.jobs-image-slider {
	/*
	background-image: url(../../../../img/dfid/quotes_background.jpg);
	background-repeat: no-repeat;
    background-position: center;
	background-size: cover;
	*/
	overflow: hidden;

}
.jobs-image-slider .quote-slider {
	margin-left: 0;
    margin-right: 0;
}
@media(min-width: 992px) {
	.jobs-image-slider .quote-slider {
		margin-left: -25%;
		margin-right: -25%;
	}
	.slidercard {
		border-radius: 7px;
	}
	
}
.slidercard {
	/* background-image: url(../../../../img/Jobs/Photos/Sized/photos_gallery_image_01.jpg);*/
	background-repeat: no-repeat;
    background-position: center;
	background-size: cover;
	height: 400px;
}
.slidercard::after {
    display: block;
    position: absolute;
    background-image: linear-gradient(to bottom, transparent 0%, #212529ad 100%);
    height: 120px;
    width: 100%;
    content: '';
    bottom: 0;
	left: 0;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}
@media (min-width: 1900px) {
	.slidercard {
		height: 600px;
	}
	.jobs-image-slider .image-text {
		font-size: 24px;
	}
}
@media (min-width: 2560px) {
	.slidercard {
		height: 700px;
	}
}
@media (max-width: 528px) {
	.slidercard {
		height: 250px;
	}
}

/*
.collaborative-img:hover {
    content: attr(data-content);
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.25);
    z-index: 10;
}
*/
@media (min-width:1800px) {
	.slidercard1, .slidercard2, .slidercard3, .slidercard4 {
		height: 500px;
	}
}
.card-yellow-quote {
	margin-left: 15px;
	margin-right: 15px;
}
.quote-slider .quote-content {
	width: 100%;
	padding: 0;
	float: none;
}
.quote-slider .quote-content .quote-text {
	color: #222222;
	margin-bottom: 20px;
}
.quote-slider .quote-content .quote-author {
	font-size: 1.8rem;
	color: #222222;
}
.quote-slider .quote-content .quote-author-info {
	font-size: 1.8rem;
	color: #222222;
}
.quote-img img {
	width: 50px;
	margin: 0 auto;
	margin-bottom: 20px;
}
.card-yellow-quote .card-body {
	display: flex;
	flex-direction: column;
}
@media(min-width: 768px) {
	.quote-img img {
		width: 60px;
		margin: 0;
	}
	.card-yellow-quote .card-body {
		display: flex;
		flex-direction: row;
	}
}
.jobs-image-slider .image-text {
	position: absolute;
    bottom: 3%;
    font-size: 1.5rem;
	z-index: 5555;
}
@media (min-width: 1900px) {
	.jobs-image-slider .image-text {
		font-size: 26px;
	}
}
/* /jobs-image-slider Quotes */

.font-17 {
	font-size:17px !important;
}
.font-16 {
	font-size:16px !important;
}
.rounded-5 {
	border-radius: 5px;
}
.rounded-7 {
	border-radius: 7px;
}
#angle-left {
    float: left;
    margin: 5px;
    position: absolute;
    z-index: 5;
    left: 10px;
    top: 90px;
    display: inline-block;
    width: 35px;
    height: 35px;
    background: transparent;
    text-indent: -9999px;
    border-top: 5px solid #ffffffcf;
    border-left: 5px solid #ffffffcf;
    transition: all 250ms ease-in-out;
    text-decoration: none;
    color: transparent;
    transform: rotate(-45deg);

}
#angle-right {
    float: right;
    margin: 5px;
    position: absolute;
    z-index: 5;
    right: 10px;
    top: 90px;
    display: inline-block;
    width: 35px;
    height: 35px;
    background: transparent;
    text-indent: -9999px;
    border-top: 5px solid #ffffffcf;
    border-left: 5px solid #ffffffcf;
    transition: all 250ms ease-in-out;
    text-decoration: none;
    color: transparent;
    transform: rotate(135deg);

}
#angle-left1 {
    float: left;
    margin: 5px;
    position: absolute;
    z-index: 5;
    left: 18px;
    top: 185px;
    display: inline-block;
    width: 35px;
    height: 35px;
    background: transparent;
    text-indent: -9999px;
    border-top: 5px solid #ffffffcf;
    border-left: 5px solid #ffffffcf;
    transition: all 250ms ease-in-out;
    text-decoration: none;
    color: transparent;
    transform: rotate(-45deg);

}
#angle-right1 {
    float: right;
    margin: 5px;
    position: absolute;
    z-index: 5;
    right: 18px;
    top: 185px;
    display: inline-block;
    width: 35px;
    height: 35px;
    background: transparent;
    text-indent: -9999px;
    border-top: 5px solid #ffffffcf;
    border-left: 5px solid #ffffffcf;
    transition: all 250ms ease-in-out;
    text-decoration: none;
    color: transparent;
    transform: rotate(135deg);
}
.tab-mobile-slider .slick-dots.slick-dots-lg {
	top: -70px !important;
	    z-index: -5;
}
.profession-mobile-details:before {
	position: absolute;
	top: -17px;
	left: 6px;
	content: ' ';
	width: 0px;
	height: 0;
	border-left: 40px solid transparent;
	border-top: 40px solid #fbfbfb;
	/*filter: drop-shadow(0px 0px 0px rgba(0,0,0,.3));*/
	transform: rotate(-45deg);
}
#cross-mobile {
	float: left;
    margin: 5px;
    position: absolute;
    z-index: 5;
    right: 25px;
}
#cross-mobile2 {
	float: left;
    margin: 5px;
    position: absolute;
    z-index: 5;
    right: 25px;
}
#cross-mobile3 {
	float: left;
    margin: 5px;
    position: absolute;
    z-index: 5;
    right: 25px;
}
.img-slider-dot {
	top: -20px;
	z-index: -5;
}
@media (max-width: 528px) {
	.culture-mobile-img {
		width: 375px;
	}	
	.header-title {
		font-size: 36px;
	}
	.current-vacancies {
		width:100%;
	}
}
.header-title {
	font-size: 45px;
}
.font-36 {
	font-size: 36px;
}
.font-27 {
	font-size: 27px;
}
.font-24 {
	font-size: 24px;
}
/*
.collaborative-img-hover {
	position: absolute;
    
}
.effective-img-hover {
	position: absolute;
    
}
.joyfull-img-hover {
	position: absolute;
    
}
.grace-img-hover {
	position: absolute;
    
}
.passionate-img-hover {
	position: absolute;
    
}
.innovative-img-hover {
	position: absolute;
    
}
*/
.top-icon {
	position: absolute;
	width: 100%;
	z-index: 9;
}
.collaborative-card:hover .hover-div { display: block; }
.effective-card:hover .hover-div { display: block; }
.joyfull-card:hover .hover-div { display: block; }
.grace-card:hover .hover-div { display: block; }
.passionate-card:hover .hover-div { display: block; }
.innovative-card:hover .hover-div { display: block; }

.hover-div {
	display: none;
	position: absolute;
    bottom: 0%;
	background-color: #00000054;
	left: 0%;
	width: 100%;
	height: calc(100% - 4%);
	border-radius: 5px;
}
.culture-subdesc {
	position: absolute;
    bottom: 75px;
	width: 100%
}

@media (max-width: 528px) {
	.hover-div {
		display: none;
		position: absolute;
		bottom: 0%;
		background-color: rgba(0, 0, 0, 0.33);
		left: 0%;
		width: 100%;
		height: calc(100%);
	}
	.culture-subdesc {
		position: absolute;
		bottom: 24%;
	}
}
/*
.collaborative-img:hover .collaborative-card p {
	display:block !important;
}*/
@media (min-width: 1800px) {
	/*
	.jobs-info .text-wrapper { 
		position: absolute;
		right: 25%;
		bottom: 25%;
	} */
} 
h2.underline {
    margin-bottom: 3rem;
    position: relative;
}
/*
h2.team-heading:after {
	bottom: calc(100% + -6rem);
}
h2.benefits-heading:after {
	bottom: calc(100% + -6rem);
}
h2.culture-heading:after {
	bottom: calc(100% + -6rem);
}
h2.vacancies-heading:after {
	bottom: calc(100% + -7rem);
	height: 3.0px;
}
h2.compassion-house:after {
	bottom: calc(100% + -6rem);
	height: 3.0px;
}
h2.faq-heading:after {
	bottom: calc(100% + -6rem);
	    height: 3.0px;
}
*/
@media (max-width: 520px) {
	.vacancies-heading {
		font-size: 27px;
	}
	.quote-slider .quote-user-photo {
		width: 280px;
		height: 280px;
	}
	h2.compassion-house {
		font-size: 27px;
	}
	h2.faq-heading {
		font-size: 27px;
	}
	/*
	h2.compassion-house:after {
		bottom: calc(100% + -14rem);
		height: 3.0px;
	}
	h2.faq-heading:after {
		bottom: calc(100% + -14rem);
		height: 3.0px;
	}
	h2.team-mobile-heading:after {
		bottom: calc(100% + -10rem); 
	}
	h2.benefits-mobile-heading:after {
		bottom: calc(100% + -6rem);
	}
	h2.culture-mobile-heading:after {
		bottom: calc(100% + -6rem);
	}
	*/
}
@media (width: 320px) {
	/*
	h2.compassion-house:after {
		bottom: calc(100% + -18rem);
		height: 3.0px;
	}
	h2.vacancies-heading:after {
		bottom: calc(100% + -10rem);
		height: 3.0px;
	}
	h2.team-mobile-heading:after {
		bottom: calc(100% + -14rem);
	}
	*/
}
@media (width: 360px) {
	/*
	h2.compassion-house:after {
		bottom: calc(100% + -14rem);
		height: 3.0px;
	}
	h2.vacancies-heading:after {
		bottom: calc(100% + -10rem);
		height: 3.0px;
	}
	h2.team-mobile-heading:after {
		 bottom: calc(100% + -10rem);
	}
	*/
}
@media (width: 375px) {

}
@media (width: 414px) {
	/*
	h2.faq-heading:after {
		bottom: calc(100% + -10rem);
		height: 3.0px;
	}
	*/
	.culture-mobile-img {
		width: 415px;
	}
}
@media (width: 411px) {
	/*
	h2.faq-heading:after {
		bottom: calc(100% + -10rem);
		height: 3.0px;
	}

	h2.compassion-house:after {
		bottom: calc(100% + -10rem);
		height: 3.0px;
	}
	*/
	.culture-mobile-img {
		width: 415px;
	}
}
@media (width: 768px) { 
	 .quote-slider .right-quote {
		transform: translate(0px,116px);
	}
	.quote-slider .quote-content {
		width: calc(100% - 76px);
	}
	.quote-slider .left-quote {
		transform: translate(-16px,-7px);
	}
}
.hub-tab { cursor: pointer; }
.child-hub-tab { cursor: pointer; }
.giving-tab { cursor: pointer; }

.img-div { position: relative;overflow: hidden; }
.partnerships-card:hover .card-img { -moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);transition: 1s; }
.partnerships-card:hover .header-col { opacity: 0.7; }
.partnerships-card:hover .header-desc { opacity: 0.7; }
.partnerships-card:hover .link { opacity: 0.7;color: #6497C9 !important;text-decoration-line: underline;text-decoration-style: solid;text-decoration-color: #B2B2B2; }

/* job table */
.pinpoint-external-jobs-table-widget .pinpoint-external-jobs-table-widget--table-actions {
	display: none !important
}

.pinpoint-external-jobs-table-widget .pinpoint-external-jobs-table-widget--table td {
	background: white;
}

@media (max-width: 768px) {
	.pinpoint-external-jobs-table-widget .pinpoint-external-jobs-table-widget--filter-wrapper {
		display: none
	}

	.pinpoint-external-jobs-table-widget .pinpoint-external-jobs-table-widget--table {
		white-space: nowrap !important;
	}

	.pinpoint-external-jobs-table-widget .pinpoint-external-jobs-table-widget--table-wrapper {
		overflow-x: scroll !important;
		padding: 0;
		margin-bottom: 1rem;
	}

	.pinpoint-external-jobs-table-widget .pinpoint-external-jobs-table-widget--table-wrapper::-webkit-scrollbar {
		-webkit-appearance: none;
		width: 2px !important;
	}

	.pinpoint-external-jobs-table-widget .pinpoint-external-jobs-table-widget--table-wrapper::-webkit-scrollbar-thumb {
		border-radius: 10px;
		background-color: rgba(0, 0, 0, .5);
		box-shadow: 0 0 1px rgba(255, 255, 255, .5);
	}

	.pinpoint-external-jobs-table-widget .pinpoint-external-jobs-table-widget--table-wrapper::-webkit-scrollbar-track {
		background: #f1f1f1;
		border-radius: 4px;
	}

	.pinpoint-external-jobs-table-widget .pinpoint-external-jobs-table-widget--search-wrapper {
		padding: 16px 0;
	}
}