.banner-hero {
	width: 100%;
	height: 100vh;
	min-height: 900px;
	max-height: 993px;
	background: #0A4D7F url('../imgs/karir/banner-hero-1.png') top center;
	background-size: cover;
	background-repeat: no-repeat;
}

.banner-hero .content-hero {
	width: 100%;
}

.banner-hero .content-hero h1 {
	font-size: 3.3em;
	font-weight: bold;
	line-height: 1.4;
}

.banner-hero .content-hero h3 {
	font-size: 2em;
	font-weight: bold;
	line-height: 1.5;
}

.container-search {
	width: 100%;
	max-width: 520px;
}

.container-search .form-control {
	padding: 0.80em 1.2em;
}

.container-search .nice-select {
	height: 51px;
	line-height: 51px;
	border-radius: 28px;
}

.container-search .nice-select.wide .nice-select-dropdown {
	left: 1em !important;
	right: 1em !important;
}

.btn-lg-blue {
	border: 2px solid #0E92E4;
}

.btn-lg-lowongan {
  background-color: transparent;
  text-transform: capitalize;
  font-weight: 300;
  letter-spacing: 1px;
  display: inline-block;
  padding: 7px 0px 7px 0px;
  border-radius: 50px;
  transition: 0.5s;
  color: #FFFFFF;
  font-size: 1.15em;
  text-decoration: none;
  line-height: unset;
}

.btn-lg-lowongan:hover, .btn-lg-lowongan:focus, .btn-lg-lowongan:active {
  background-color: transparent;
  color: #FFFFFF;
}

.card-lowongan {
	background: #F6F9FE url('../imgs/karir/gambar-1.png') top right;
	background-repeat: no-repeat;
	background-size: 122px 86px;
}

.card-lowongan h5, .card-lowongan h6 {
	font-weight: 600;
}

.card-lowongan h5 {
	color: #1D609E;
}

.card-lowongan p.card-text {
	color: #666666;
}

.card-lowongan p.spesialis {
	height: 58px;
}

.card-lowongan hr.line {
	border-top: 1px solid #AFBBCD;
}

.btn-lg-blue-lowong {
  background-color: #0E92E4;
  text-transform: capitalize;
  font-weight: 500;
  letter-spacing: 1px;
  display: inline-block;
  padding: 6px 25px 6px 25px;
  border-radius: 50px;
  transition: 0.5s;
  color: #FFFFFF;
  font-size: 1em;
  text-decoration: none;
  line-height: unset;
}

.btn-lg-blue-lowong:hover, .btn-lg-blue-lowong:focus, .btn-lg-blue-lowong:active {
  background-color: #0E92E4;
  color: #FFFFFF;
}

.bg-home-karir {
	background: #F6F9FE url('../imgs/karir/banner-hero-2.png') center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.icon-home-karir {
	width: 100%;
	max-width: 150px;
	position: absolute;
	top: -30px;
}

.card-home-karir .card-body {
	margin-top: 8.5rem;
	color: #FFFFFF;
	font-size: 0.9em;
}

.card-home-karir.bg-card-1 {
	background-color: #1D609E;
}

.card-home-karir.bg-card-2 {
	background-color: #39BC8D;
}

.card-home-karir.bg-card-3 {
	background-color: #FFB846;
}

.card-home-karir.bg-card-4 {
	background-color: #0E92E4;
}

.bg-pojokbuana {
	background-color: #064067;
}

.bg-testimoni-emp {
	background: #F6F9FE url('../imgs/karir/banner-hero-3.png') center center;
    background-size: cover;
    background-repeat: no-repeat;
    border-bottom: 1px solid #f7f8f8;
}

.testimoni-emp-carousel .box-testimoni .card {
    border-radius: 24px;
}

.testimoni-emp-carousel .img-testimoni {
    width: 65px;
    height: 65px;
    border-radius: 50px;
    border: 1px solid #E4EBF8;
    padding: 1px;
    background-color: #FFFFFF;
}

.btn-lg-testimoni {
  background-color: transparent;
  text-transform: capitalize;
  font-weight: 500;
  letter-spacing: 1px;
  display: inline-block;
  padding: 7px 30px 7px 30px;
  border-radius: 50px;
  transition: 0.5s;
  color: #FFFFFF;
  font-size: 1em;
  text-decoration: none;
  line-height: unset;
}

.btn-lg-testimoni:hover, .btn-lg-testimoni:focus, .btn-lg-testimoni:active {
  background-color: transparent;
  color: #FFFFFF;
}

.banner-lowongan {
  padding-top: 73px;
}

.banner-lowongan .banner-hero {
  width: 100%;
  height: 50vh;
  min-height: 335px;
  max-height: 335px;
  background: #0A4D7F url('../imgs/karir/banner-hero-4.png') top center;
  background-size: cover;
  background-repeat: no-repeat;
}

.banner-lowongan .banner-hero .content-hero {
  width: 100%;
}

.banner-lowongan .banner-hero .content-hero h1 {
  font-size: 2.5em;
  font-weight: bold;
  line-height: 1.4;
}

.card-searching {
  background-color: #F6F9FE;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  padding-left: 1em;
  padding-right: 1em;
}

.card-searching .form-control {
  padding: 0.67em 1em;
  outline: none !important;
  box-shadow: none;
}

.card-searching .nice-select {
  border-radius: 28px;
}

.card-searching .nice-select.wide .nice-select-dropdown {
  left: 1em !important;
  right: 1em !important;
}

.card-searching .btn-lg-blue {
  padding: 7px 15px;
}


/* view lowongan*/
.banner-lowongan-view {
  padding-top: 73px;
}

.banner-lowongan-view .banner-hero {
  width: 100%;
  height: 50vh;
  min-height: 230px;
  max-height: 230px;
  background: #1D609E url('../imgs/karir/gambar-15.png') top right;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.banner-lowongan-view .banner-hero .content-hero {
  width: 100%;
}

.banner-lowongan-view .banner-hero .content-hero h1 {
  font-size: 2.5em;
  font-weight: bold;
  line-height: 1.4;
}

.banner-lowongan-view .banner-hero .content-hero h4 {
  font-size: 1.3em;
  font-weight: 300;
  line-height: 1.4;
}

.space-global-view-lowongan {
  padding-top: 1.3rem;
  padding-bottom: 2.5rem;
}

.w-max-konten {
  width: 100%;
  max-width: 750px;
}

.page-konten h5, .page-konten h6 {
  font-weight: bold;
}

.page-konten h5 {
  margin-bottom: 1.25em;
}

.page-konten .konten-layout {
  color: #444;
}

.page-konten .btn-apply {
  width: 100%;
  max-width: 330px;
}

.container-inovasi .bg-left {
  background: #009D8F url('../imgs/karir/gambar-16.png') top right;
    background-size: cover;
    background-repeat: no-repeat;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.container-inovasi .bg-right {
  background: #FEFDF2 url('../imgs/karir/gambar-17.png') top left;
    background-size: cover;
    background-repeat: no-repeat;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.container-inovasi .bg-left h3 {
  font-size: 1.7em;
  color: #FFFFFF;
  line-height: 1.4;
}

.btn-lg-white {
  color: #1D609E;
}

.btn-lg-white:hover, .btn-lg-white:focus, .btn-lg-white:active {
  background-color: #FFFFFF;
  color: #1D609E;
}

#applylowongan .modal-title, #applylowongan form label {
  font-weight: bold;
  color: #444;
}

#applylowongan .modal-title {
  font-size: 1.3em;
}

#applylowongan .modal-body {
  padding-right: 1.75rem!important;
  padding-left: 1.75rem!important;
}

#applylowongan form label {
  font-size: 1em;
  margin-bottom: 0.3rem;
}

#applylowongan form .form-control {
  padding: 0.6rem 0.75rem;
}

.wrapper-file {
  cursor:pointer;
  height: 110px;
  font-weight: normal;
  border: 1px solid #DEE2E6;
}

.wrapper-file .cont-view .fa{
  color: #B2C2CD;
  font-size: 2em;
}

.wrapper-file .cont-view .fa.fa-check-circle{
  color: #00BF7D;
}

.wrapper-file .cont-view .fa.fa-times-circle{
  color: #E13554;
}

.wrapper-file .cont-view span {
  font-size: 1em;
  line-height: 1.5;
}

.wrapper-file .cont-view span.small {
  font-size: 12px;
  color: #737373;
}

.wrapper-file input[type="file"]{
  display: none;
}

.wrapper-file #imageName{
  color:green;
}

.wrapper-file label {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

@media (max-width: 991.98px) {
	.banner-hero .content-hero h1 {
		font-size: 3em;
	}
}

@media (max-width: 767.98px) {
	.banner-hero .content-hero h1 {
		font-size: 2.3em;
	}

  .page-konten .btn-apply {
    width: 100%;
    max-width: 100%;
  }

  .container-inovasi .bg-left {
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
      border-bottom-left-radius: 0px;
  }

  .container-inovasi .bg-right {
    height: 300px !important;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
  }

  .banner-lowongan-view .banner-hero .content-hero h1 {
    font-size: 2em;
    font-weight: bold;
    line-height: 1.4;
  }
}