body,h1,h2,h3,h4,h5,h6,p,span,div,section,a {margin:0;padding:0;font-family: Ubuntu, sans-serif;}
* {box-sizing: border-box;}
.container {max-width: 1170px;width: 100%;margin: 0 auto;padding: 0 15px;}
.hrint-pg-wrap {width: 100%;position: relative;overflow: hidden;border:1px solid #b9b9b9;text-align: center;padding: 75px 90px;}
.hrint-pg-wrap h1 {text-transform: capitalize;font-size: 45px;margin-bottom: 25px;font-weight: normal;}
.hrint-pg-wrap p {font-size: 18px;color: #3f3f3f;font-weight: normal;line-height: 1.4;}
.sortby-sec {width: 100%;position: relative;overflow:hidden;margin: 60px 0;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.sortby-sec span {font-size: 22px;color: #3f3f3f;display: inline-block;margin-right: 25px;}
.sortby-sec select {display: inline-block;appearance:none;-webkit-appearance:none;-moz-appearance:none;position: relative;border: 1px solid #c4c4c4;padding: 0 20px;font-size: 18px;color: #848484;width: calc(100% - 0px);max-width: 255px;margin-right: 10px;outline: none;user-select: none; height: 45px;}
.sortby-sec select:last-chld {margin-right: 0px;}
.sortby-sec select:after {content: "";background-color: #c4c4c4;height: 100%;width: 1px;position: absolute;right: 30px;top: 0;z-index: 1;}
.career-accord {width: 100%;position: relative;overflow:hidden;}
.career-accord .careers-list {width: 100%;position: relative;overflow:hidden;list-style-type: none;padding: 0;margin:0;margin-bottom: 50px;}
.career-accord .careers-list > li {display: block;border: 1px solid #c4c4c4;border-top: 10px solid #399fde;text-align: left;margin-bottom: 20px;position: relative;overflow:hidden;}
.career-accord .careers-list > li .btn-accord {position: relative;overflow: hidden;width: 100%;padding: 15px;display: inline-block;border-bottom: 1px solid #c4c4c4;float: left;cursor: pointer;}
.career-accord .careers-list > li .btn-accord h2 {font-size: 22px;color: #5b5b5b;display: inline-block;margin-right: 10px;text-transform: capitalize;}
.career-accord .careers-list > li .btn-accord span {font-size: 20px;color: #5b5b5b;display: inline-block;padding:0 10px;position: relative;}
.career-accord .careers-list > li .btn-accord span.pos:after {content: "";background-color: #5b5b5b;width: 1px;height: 100%;position: absolute;right: 0;}
.career-accord .careers-list > li .btn-accord span.accord-arrow {width: 22px;height: 13px;position: absolute;top: 0;bottom: 0;margin: auto;right: 15px;cursor: pointer;transform:rotate(0deg);}
.career-accord .careers-list > li .btn-accord span.accord-arrow.open {transform:rotate(180deg);}
.career-accord .careers-list > li .btn-accord a {font-size: 16px;color: #399fde;text-transform: uppercase;border: 1px solid #399fde;padding: 8px 15px;text-decoration: none;font-weight: bold;max-height: 40px;position: absolute;top: 0;bottom: 0;margin: auto;right: 55px;line-height: 1.4;display: none;}
.career-accord .careers-list > li .btn-accord a {display: inline-block;}
.career-accord .careers-list > li .accord-slide {width: 100%;position: relative;display: inline-block;padding: 15px;float: left;}
.career-accord .careers-list > li .accord-slide p {font-size: 22px;color: #3f3f3f;line-height: 1.4;font-weight: normal;width: 80%}
.pagination-wrap {width: 100%;text-align: right;position: relative;overflow: hidden;}
.pagination-wrap a.prev, .pagination-wrap a.next {display: inline-block;vertical-align: middle;font-size: 24px;color: #a8a8a8;text-decoration: none;}
.pagination-wrap a.prev span, .pagination-wrap a.next span {display: inline-block;vertical-align: middle;width: 22px;height: 22px;}
.pagination-wrap a.prev span {transform: rotate(90deg);margin-right: 10px;}
.pagination-wrap a.next span {transform: rotate(-90deg);margin-left: 10px;}
.pagination-wrap ul {display: inline-block;vertical-align: middle;list-style-type: none;margin:0 15px;width: auto;}
.pagination-wrap ul li {display: inline-block;list-style-type: none;border: 1px solid #a8a8a8;margin: 0;float: left;}
.pagination-wrap ul li a {display: inline-block;text-decoration: none;font-size: 20px;padding: 10px 15px;color: #a8a8a8;}

@media screen and (max-width: 1440px) {
	.hrint-pg-wrap h1 {font-size: 26px;margin-bottom: 15px;}
	.hrint-pg-wrap p,.career-accord ul li .btn-accord h2 {font-size: 14px;}
	.sortby-sec {margin:30px 0;}
	.sortby-sec span,.sortby-sec select {font-size: 14px;}
	.career-accord .careers-list > li .btn-accord h2 {margin-right: 5px;}
	.career-accord .careers-list > li .btn-accord span {font-size: 14px;}
	.career-accord .careers-list > li .btn-accord a {font-size: 12px;padding: 6px 10px;max-height: 30px;}
	.career-accord .careers-list > li .accord-slide p {font-size: 14px;}
	.pagination-wrap a.prev, .pagination-wrap a.next {font-size: 18px;}
	.pagination-wrap ul li a {font-size: 16px;padding: 5px 10px;}
}
@media screen and (max-width: 1200px) {
	.sortby-sec select {max-width: 215px;font-size: 14px;}
	.hrint-pg-wrap h1 {font-size: 26px;margin-bottom: 10px;}
	.hrint-pg-wrap p, .career-accord ul li .btn-accord h2 {font-size: 14px;}
}
@media screen and (max-width: 992px) {
	.hrint-pg-wrap {padding: 50px 50px;}
	.hrint-pg-wrap h1 {font-size: 26px;}
	.hrint-pg-wrap p, .career-accord .careers-list > li .btn-accord h2 {font-size: 14px;}
	.career-accord .careers-list > li .btn-accord span {font-size: 12px;padding:0 5px;}
	.career-accord .careers-list > li .btn-accord a {font-size: 10px;max-height: 25px;}
	.sortby-sec select {max-width: 205px;}
	.pagination-wrap {text-align: center;}
	.pagination-wrap a.prev, .pagination-wrap a.next,.pagination-wrap ul li a {font-size: 12px;}
	.pagination-wrap a.prev span {margin-right: 5px;}
	.pagination-wrap a.next span {margin-left: 5px;}
	.pagination-wrap ul {margin: 0 5px;}
	.pagination-wrap ul li a {padding: 5px 5px;}
}
@media screen and (max-width: 920px) {
	.sortby-sec span, .sortby-sec select {font-size: 14px;}
	.sortby-sec select {padding: 10px;max-width: 195px;}
}
@media screen and (max-width: 767px) {
	.hrint-pg-wrap {padding: 30px 15px;}
	.sortby-sec {display: inline-block;text-align: container}
	.sortby-sec select {max-width: 100%;width: 100%;margin: 5px 0;background: url(../img/select-arrow-hr.png) no-repeat 95% center/3%;}
	.hrint-pg-wrap h1 {font-size: 22px;}
	.career-accord .careers-list > li .btn-accord,.career-accord .careers-list > li .accord-slide {padding: 10px;}
	.hrint-pg-wrap p, .career-accord .careers-list > li .btn-accord h2 {font-size: 12px;}
	.career-accord .careers-list > li .btn-accord span {font-size: 10px;}
	.career-accord .careers-list > li .btn-accord a {font-size: 8px;}
	.career-accord .careers-list > li .accord-slide p {font-size: 12px;width: 100%;}
	.career-accord .careers-list > li .btn-accord h2 {display: block;}
	.career-accord .careers-list > li .btn-accord span.pos,.career-accord ul li .btn-accord span.loc {display: none;}
	.pagination-wrap a.prev, .pagination-wrap a.next, .pagination-wrap ul li a {font-size: 10px;}
}
@media screen and (max-width: 480px) {
	.career-accord .careers-list > li .btn-accord h2 {font-size: 10px;}
	.career-accord .careers-list > li .btn-accord a {right: 40px;}
	.career-accord .careers-list > li .accord-slide p {font-size: 11px;}
}