/* career */
	.h-career {
position: relative;
    z-index: 3;
		left: 0;
		width: 95%;
		background: var(--brand-yellow);
		color: #FFF;
		border-radius: 0 150px 0 0;
		background-image: url('/wp-content/themes/columbia-hospitality/assets/images/hooray/pattern-repeat.png');
		background-position: top left;
		background-size: 160px 182px;
		background-repeat: repeat;
	}
	.h-career .h-inner {
		display: flex;
    justify-content: flex-end;
    flex-flow: row wrap;
		width: 80%;
		max-width: 2000px;
		margin: 0 auto;
		padding: 8em 0 0;
	}
	.h-career .h-inner .h-pre-title {
		text-align: right;
		color: #FFF;
		font-size: 1.5em;
		font-weight: 100;
		line-height: 2em;
		text-transform: capitalize;
		width: 100%;
		margin-top: 3em;
		z-index: 2;
	}
	.h-career .h-inner .h-title {
		text-align: right;
		color: #FFF;
		font-size: 6em;
		line-height: 1em;
		font-weight: 100;
		width: 100%;
		z-index:2;
	}
	.h-career .h-inner .h-accent-image-mid {
		position: absolute;
		left: 10%;
		bottom: -100px;
	}
	.h-career .h-inner .h-content {
		width: 48%;
		text-align: right;
		z-index: 2;
		margin-bottom: 12em;
		min-height: 120px;
	}
	.h-career .h-background {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 85%;
		z-index: 1;
		background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-blend-mode: soft-light;
    background-color: var(--brand-yellow);
	}
	.h-career .h-background .h-img {
		position: relative;
		height: 100%;
		width: 100%;
		object-fit: cover;
	}
	.h-career .h-inner .h-icon {
		position: absolute;
		bottom: 30px;
    right: 30px;
		z-index: 3;
		width: 50px;
		height: 50px;
		background: var(--brand-gray-light);
		border-radius: 80px;
    padding: 4px;
    background-size: 50px 50px;
	}
	@media screen and (max-width: 1400px) {
		.h-career .h-inner .h-content {
			width: 100%;
		}
		.h-career .h-inner .h-accent-image-mid {
			position: absolute;
			left: 5%;
			bottom: -140px;
		}
	}
	@media screen and (max-width: 1024px) {
		.h-career  { left: 0; width: 100%!important; background-position: -48px 0; repeat: no-repeat; border-radius: 0 90px 0 0;}
		.h-career .h-inner { width: 90%;  padding-right: 7%;}
		.h-career .h-inner .h-title { font-size: 4em!important; }
		.h-career .h-background { width: 90%!important; }
		.h-career .h-inner .h-icon {right: 100px; }
	}
	@media screen and (max-width: 880px) {
		.h-career {border-radius: 0 30px 0 0;}
		.h-career .h-inner .h-pre-title { font-size: 18px; line-height: 24px; }
		.h-career .h-inner .h-title { font-size: 45px!important; line-height: 60px; }
		.h-career .h-background { width: 95%!important;} 
		.h-career .h-inner .h-accent-image-mid {position: absolute; top: 90%;}
		.h-career .h-inner .h-icon {right: 70px; bottom: 100px; }
		.h-career .h-inner .h-content { min-height: unset;}
		.h-career .h-port .h-title-wrap { margin-top: 60px;}
		
	}
	@media screen and (max-width: 480px) {
		.h-career.h-inner .h-pre-title { font-size: 18px; line-height: 24px; }
		.h-career .h-inner .h-title { font-size: 38px!important; line-height: 42px; margin-top: 60px;}
		.h-career .h-inner .h-accent-image-mid img{max-height:300px}

	}
	@media screen and (max-width: 400px) {
		.h-career .h-inner .h-title { font-size: 28px!important; line-height: 35px;}
	}