.header-two.careers-header .section-padding {
    padding: 10.5rem 0 6rem;
    background-position: top;
}
.section-careers {
    position: relative;
}
.header-two.careers-header .header.margin-bottom {
    margin-bottom: 1rem;
}
.header-two.careers-header .text h1 {
    margin: 0 0 2rem;
}
.section-careers:before {
    position: absolute;
    top: 0;
    width: 100%;
    content: "";
    height: 15rem;
}
.section-careers select, .section-careers input#search {
    box-shadow: 0px 3px 10px #00000029;
    color: var(--main-color);
    border-radius: var(--border-radius);
    height: 2.6rem;
	width: 98%;
    margin: 0 0rem;
	letter-spacing: 0.36px;
	outline: none;
}
.section-careers ::-webkit-input-placeholder , .section-career-single ::-webkit-input-placeholder{
	color: var(--main-color) !important;
} 
.section-career-single select {
    font-family: 'Kanit', sans-serif;
}
.section-careers .flex-4 button {
    position: absolute;
    right: 2rem;
    background-color: transparent;
    border: none;
    font-size: 1rem;
    top: 0.7rem;
}
.section-careers .flex-4 button svg {
    font-weight: bold;
    width: 1.3rem;
    height: 1.3rem;
    color: var(--main-color);
}
.careers-form .flex-row {
    margin: 0 0rem 3rem;
}
.category-title {
    height: 3rem;
    background-color: var(--main-color);
    border-radius: 0.5rem 0.5rem 0 0;
    color: var(--white-color);
    display: flex;
    align-items: center;
    padding: 0 0 0 1.5rem;
    letter-spacing: 0.18px;
    font-size: 0.92rem;
}
.location svg {
    margin-right: 0.3rem;
}
.section-careers .inner .inner-box {
    padding: 0 1.5rem 1.5rem;
}
.section-careers .inner-box .title {
    font-weight: var(--weight-600);
    margin: 1.2rem 0 0.5rem;
}
.section-careers .inner {
    position: relative;
    z-index: 9;
    background: #F4EDE7;
    margin-bottom: 1.5rem;
}
.section-careers .inner .button-wrap {
    margin-top: 1em;
}
/***section-career-single***/
.section-career-single {
    background: transparent linear-gradient(180deg, #F4EDE700 0%, #F4EDE7 100%);
    background-image: url(../png/single-carear-bg.png);
    padding: 10.5rem 0 7rem;
    background-size: cover;
}
.section-career-single .post-readmore-wrap {
    margin-bottom: 3rem;
}
.section-career-single .content h1 {
    margin: 0 0 0.5rem;
}
.section-career-single .content .location {
    margin-bottom: 2rem;
}
.section-career-single .content ul {
    margin-left: 1rem;
}
.section-career-single .side {
    padding-top: 4.5rem;
    margin-left: auto;
    width: 25.1rem;
}
.section-career-single .post-readmore-wrap a {
    font-size: var(--font-size-p);
    text-decoration: underline;
}
.section-career-single .post-readmore-wrap svg {
    margin-right: 0.5rem;
    color: transparent;
}
.section-career-single input {
    font-family: 'Kanit', sans-serif;
}
.section-career-single .button-wrap {
    position: relative;
}
.section-career-single input.button {
    margin: 0 !important;
}
.section-career-single .form-choose-file {
    display: flex;
	 margin-bottom: 1.2rem;
	font-family: 'Kanit', sans-serif;
}
.section-career-single .form-choose-file label {
    margin-right: 1rem;
	font-weight: var(--weight-400);
}
.section-career-single .form-choose-file span.form-input-text {
    color: #B1A49A;
	text-decoration: underline;
}
.section-career-single textarea {
    font-family: 'Kanit', sans-serif;
}
.section-career-single label span.wpcf7-list-item-label, .section-career-single label span.wpcf7-list-item-label a {
    color: var(--main-color);
    font-family: 'Kanit', sans-serif;
}
.section-careers .content, .section-careers .content .flex-4 {
    position: relative;
    z-index: 999;
}

@media(max-width: 991px){
	.header-two.careers-header .section-padding {
		padding: 5rem 0 2rem;
	}
	.section-career-single .flex-7, .section-career-single .side {
		width: 100%;
	}
	.section-career-single {
		padding: 6rem 0 3rem;
		background-size: cover;
	}
	.section-career-single .post-readmore-wrap {
		margin-bottom: 2rem;
	}
	.section-career-single .side {
		padding-top: 1.5rem;
	}
}
@media(max-width: 767px){
	.section-careers .content .flex-4 {
		margin-bottom: 1rem;
	}
	.section-careers .content .flex-4:last-child {
		margin-bottom: 0rem;
	}
	.section-careers .flex-4 button {
		position: absolute;
		right: 1rem;
	}
}
@media (max-width: 480px){
	
}