.cmp-joblistings{padding:60px 30px;overflow:hidden}
.cmp-joblistings .row>[class^="col-"]{flex-direction:column}
.cmp-joblistings.with-background{background:linear-gradient(180deg,var(--steam) 0,var(--marshmallow) 100%)}
.cmp-joblistings .cmp-text{padding-bottom:16px}
.cmp-joblistings .job-result{border-top:1px solid var(--ash);padding:32px 0}
.cmp-joblistings .job-result:last-child{border-bottom:1px solid var(--ash)}
.cmp-joblistings .job-result h3{font-size:1.25rem;line-height:1.5rem;font-family:var(--font-extrabold)}
.cmp-joblistings .job-result a{-webkit-transition:all .5s cubic-bezier(0,0.48,0.19,1);transition:all .5s cubic-bezier(0,0.48,0.19,1)}
.cmp-joblistings .job-result a:hover{color:var(--water);text-decoration:underline}
.cmp-joblistings .job-filter-box{-webkit-box-shadow:0 21px 52px -10px rgba(0,0,0,0.22);box-shadow:0 21px 52px -10px rgba(0,0,0,0.22);border-radius:15px;padding:32px !important}
.cmp-joblistings .job-filter-box p{padding-bottom:18px}
.cmp-joblistings .job-filter-box .input-field input[type=text]{font-family:var(--font-extrabold);color:var(--cinder)}
.cmp-joblistings .job-filter-box .input-field [name=teams],.cmp-joblistings .job-filter-box .input-field [name=locations]{width:100%}
.cmp-joblistings .job-filter-box .dropdown__list{left:auto !important;height:350px;overflow:scroll}
.cmp-joblistings .job-filter-box #ddlLocations .dropdown__arrow{display:none !important}
.cmp-joblistings #wrapper_ddlLocations{margin-bottom:0}
.cmp-joblistings #txtKeywords{display:block;margin-bottom:16px}
.cmp-joblistings #txtKeywords::part(wrapper){background:var(--steam);margin-bottom:0;border-bottom:2px solid #c4c4c7;padding:15px 10px}
.cmp-joblistings #txtKeywords::part(label){margin-top:4px}
@media all and (max-width:1024px){.cmp-joblistings .col-8{order:1}
.cmp-joblistings .col-4{margin:0 0 64px 0}
}
@media all and (max-width:767px){.cmp-joblistings .job-filter-box{padding:16px !important}
}
.cmp-joblistings .pagination{border-top:1px solid var(--ash);justify-content:center;align-items:center;padding-top:32px;display:flex}
.cmp-joblistings .pagination-page{font-family:var(--font-extrabold);border:1px solid #c5c4c7;border-radius:5px;text-align:center;line-height:34px;margin:0 .2rem;height:34px;width:34px;color:var(--coal)}
.cmp-joblistings .pagination-prev,.cmp-joblistings .pagination-next{background-image:url(../../../../../global/images/chevron-black.svg);background-repeat:no-repeat;height:12px;width:15px;margin:0 0 0 .4rem;text-indent:-9999px;white-space:nowrap}
.cmp-joblistings .pagination-prev[disabled=disabled],.cmp-joblistings .pagination-next[disabled=disabled]{display:none}
.cmp-joblistings .pagination-prev{transform:rotate(180deg);margin:0 .4rem 0 0}
.cmp-joblistings .pagination-active{background:#384aff;border:0;color:var(--marshmallow)}
@media all and (min-width:1025px){.cmp-joblistings .pagination{padding-bottom:32px}
.cmp-joblistings .pagination-page{line-height:40px;height:40px;width:40px}
.cmp-joblistings .pagination-prev{margin:0 .6rem 0 0}
.cmp-joblistings .pagination-next{margin:0 0 0 .6rem}
}