.content-careers .section-top-content h2 {
  font-weight: normal;
  text-align: center;
  padding-top: 75px;
}
.categorypath-careers-sg .page-title-wrapper,
.categorypath-careers-us .page-title-wrapper {
  display: none;
}
body.page-products.categorypath-careers-sg .page-main,
body.page-products.categorypath-careers-us .page-main {
  max-width: 100%;
  padding: 0;
}
body.page-products.categorypath-careers-sg .breadcrumbs,
body.page-products.categorypath-careers-us .breadcrumbs {
  margin-bottom: 0;
}
body.catalog-category-view .webforms input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px #fff inset !important;
}
/*body .content-careers .fieldset > .field.focus input{

    box-shadow: 0px 5px 10px #9b9b9b29 !important;

    -webkit-box-shadow: 0px 5px 10px #9b9b9b29 !important;

    -moz-box-shadow: 0px 5px 10px #9b9b9b29 !important;

}*/
.catalog-category-view .swal2-popup .swal2-styled.swal2-confirm {
  border-radius: 0;
  background-color: #0E1F45;
  color: #fff;
  font-size: 20px;
}
.catalog-category-view .swal2-popup .swal2-styled.swal2-confirm:hover {
  background-color: #C8AE1C;
  color: #fff;
}
.catalog-category-view .swal2-icon.swal2-success [class^=swal2-success-line] {
  background-color: #0E1F45;
}
.page-products .content-careers .section-top {
  margin-top: 0;
}
.content-careers .webforms-description-text p {
  text-align: center;
  margin-bottom: 30px;
}
.content-careers .section-top-content {
  padding: 0 30px;
  max-width: 1208px;
  margin-left: auto;
  margin-right: auto;
}
.content-careers .container-webform {
  padding: 0px 20px;
  max-width: 1208px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  margin-bottom: 75px;
  position: relative;
}
.content-careers .container-webform form {
  position: relative;
}
.content-careers .section-top {
  position: relative;
}
.content-careers .section-top:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/careers/bg-careers.png);
  background-size: 100%;
  z-index: -1;
}
.dropdown span {
  display: block;
  width: 100%;
}
body .content-careers .fieldset > .field {
  width: 50%;
  position: relative;
  margin-bottom: 22px;
}
body .content-careers .fieldset > .field.webforms-fields-full-name {
  width: 100%;
}
body .content-careers .fieldset > .field.webforms-fields-upload-cv {
  width: 100%;
}
.careers-email {
  max-width: 100%;
  text-align: center;
  z-index: 0;
  position: relative;
}
.careers-email:before {
  background: #c8ae1c 0% 0% no-repeat padding-box;
  opacity: 0.2;
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  left: 0;
  z-index: -1;
}
.careers-email p {
  z-index: 1;
  padding: 30px 0 25px;
  font-size: 30px;
  line-height: 35px;
  margin-bottom: 0;
  color: #333333;
  opacity: 0.9;
}
.careers-email p a {
  font-weight: bold;
}
.content-careers .actions-toolbar .primary {
  float: none;
}
.content-careers .webforms .actions-toolbar {
  text-align: center;
}
.content-careers .webforms .actions-toolbar .action.submit.primary {
  background: #C8AE1C;
  border: 1px solid #C8AE1C;
  width: 363px;
  margin-right: 0;
}
.content-careers .webforms .actions-toolbar .action.submit.primary:hover {
  background: #0E1F45;
  border: 1px solid #0E1F45;
}
.content-careers .link-store {
  display: flex;
  justify-content: center;
  margin-bottom: 45px;
}
.content-careers .link-store a {
  margin: 0 17px;
  font-size: 22px;
  line-height: 65px;
  position: relative;
}
.content-careers .link-store a:after {
  position: absolute;
  bottom: 6px;
  content: '';
  display: block;
  background: transparent;
  border: 1px solid #C8AE1C;
  width: 100%;
  height: 5px;
  border-left: 0;
  border-right: 0;
  left: 0;
  display: inline-block;
}
.category-careers-sg .content-careers .link-store a.sg:after {
  display: inline-block;
}
.category-careers-sg .content-careers .link-store a.sg {
  color: #C8AE1C;
  font-weight: 700;
}
.category-careers-sg .content-careers .link-store a.us:after {
  display: none;
}
.category-careers-us .content-careers .link-store a.sg:after {
  display: none;
}
.category-careers-us .content-careers .link-store a.us:after {
  display: inline-block;
}
.category-careers-us .content-careers .link-store a.us {
  color: #C8AE1C;
  font-weight: 700;
}
.category-careers-sg .content-careers .link-store a.sg:hover::after,
.category-careers-sg .content-careers .link-store a.sg:focus::after,
.category-careers-sg .content-careers .link-store a.sg:active::after,
.category-careers-us .content-careers .link-store a.sg:hover::after,
.category-careers-us .content-careers .link-store a.sg:focus::after,
.category-careers-us .content-careers .link-store a.us:active::after,
.category-careers-sg .content-careers .link-store a.us:hover::after,
.category-careers-sg .content-careers .link-store a.us:focus::after,
.category-careers-sg .content-careers .link-store a.us:active::after,
.category-careers-us .content-careers .link-store a.us:hover::after,
.category-careers-us .content-careers .link-store a.us:focus::after,
.category-careers-us .content-careers .link-store a.us:active::after {
  display: inline-block;
}
.content-careers .content-infor ul li {
  list-style: none;
  margin-bottom: 23px;
}
.content-careers .content-infor ul li a.title {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 5px 10px #9B9B9B29;
  -webkit-box-shadow: 0px 5px 10px #9B9B9B29;
  -moz-box-shadow: 0px 5px 10px #9B9B9B29;
  width: 100%;
  display: block;
  padding: 0px 40px;
  letter-spacing: 0px;
  color: #333333;
  font-size: 22px;
  font-weight: bold;
  line-height: 65px;
  position: relative;
  height: 75px;
  display: flex;
  align-items: center;
}
.content-careers .content-infor ul li a.title.active {
  box-shadow: none;
  background: #F4EFD1;
}
.content-careers .content-infor ul li a.title:before {
  position: absolute;
  right: 0px;
  content: '\f078';
  font-size: 34px;
  line-height: 28px;
  font-family: 'Font Awesome 5 Pro Light';
  font-weight: normal;
  color: #fff;
  background: #0E1F45;
  width: 75px;
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-careers .content-infor ul li a.title.active:before {
  position: absolute;
  content: '\f077';
  background: #C8AE1C;
}
.content-careers .content-infor ul li a.title:hover:before {
  position: absolute;
  background: #C8AE1C;
}
.content-careers .content-infor ul li a:hover,
.content-careers .content-infor ul li a:active,
.content-careers .content-infor ul li a:focus {
  background: #F4EFD1;
}
.content-careers .content-infor ul li .dropdown {
  display: none;
  box-shadow: 0px 5px 10px #9B9B9B29;
  -webkit-box-shadow: 0px 5px 10px #9B9B9B29;
  -moz-box-shadow: 0px 5px 10px #9B9B9B29;
}
.content-careers .dropdown {
  background: #fff;
  padding: 32px 40px 22px;
}
.content-careers .content-infor {
  padding-bottom: 53px;
}
.content-careers .fieldset > .legend {
  letter-spacing: 0px;
  color: #333333;
  text-transform: uppercase;
  margin-left: 11px;
  font-size: 22px;
  line-height: 65px;
  font-weight: bold;
}
.content-careers .dropdown p {
  padding-left: 43px;
  margin-bottom: 10px;
  line-height: 35px;
  position: relative;
}
.content-careers .dropdown p:before {
  font-family: 'Font Awesome 5 Pro Light';
  font-size: 28px;
  content: '\f00c';
  color: #C8AE1C;
  font-weight: 300;
  left: 0px;
  position: absolute;
  /* margin-right: 20px; */
}
.content-careers .dropdown p:first-child:before {
  display: none;
}
.content-careers .dropdown p:first-child {
  padding-left: 0;
}
.content-careers .webforms .webforms-calendar {
  width: 100%;
  margin: 0;
}
.content-careers .webforms .webforms-datepicker {
  margin-bottom: 0;
}
.content-careers .webforms input[type="file"] {
  vertical-align: middle;
  outline: none;
  height: auto;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  height: 65px;
  font: normal normal 400 14px/19px Manrope;
  letter-spacing: 0.14px;
  color: #707070;
  background: #f9f9f9 0% 0% no-repeat padding-box;
  width: 100%;
  visibility: hidden;
  content: '';
  position: relative;
  -webkit-appearance: none;
  margin: 0 0;
}
.content-careers .webforms input[type="file"]::-webkit-file-upload-button {
  visibility: hidden;
}
.content-careers .webforms input[type="file"]:hover:after {
  background: #C8AE1C;
  border: 1px solid #C8AE1C;
  color: #fff;
}
.content-careers .webforms input[type="file"]:before {
  font: normal normal normal 20px/28px Century Gothic;
  letter-spacing: 0px;
  color: #B1B1B1;
  content: 'Please upload your CV';
  position: absolute;
  visibility: visible;
  width: 100%;
  height: 65px;
  display: flex;
  align-items: center;
  left: 24px;
  pointer-events: none;
}
.content-careers .webforms input[type="file"]:after {
  font: normal normal bold 20px/65px Century Gothic;
  content: 'Upload file';
  color: #fff;
  height: 63px;
  max-width: 146px;
  width: 100%;
  background: #0E1F45;
  border: 1px solid #0E1F45;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  position: absolute;
  right: 0;
  top: 0;
  visibility: visible;
  padding: 0px 23px;
  letter-spacing: 0;
  cursor: pointer;
  -webkit-appearance: none;
  text-align: center;
}
.content-careers .fieldset > .field.webforms-fields-upload-cv .label {
  display: none;
}
.content-careers .webforms .fieldset > .field.webforms-fields-upload-cv .control {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #DEDEDE;
}
.content-careers .webforms .webforms-datepicker ._has-datepicker ~ .ui-datepicker-trigger {
  width: 100%;
  right: 0;
  height: 65px;
}
.content-careers .webforms .webforms-datepicker ._has-datepicker ~ .ui-datepicker-trigger:before {
  content: '';
}
.content-careers .webforms input[type="text"]:focus,
.content-careers .webforms input[type="number"]:focus,
.content-careers .webforms input[type="email"]:focus,
.content-careers .webforms input.input-text:focus,
.content-careers .webforms select:focus,
.content-careers .webforms textarea:focus {
  box-shadow: 0px 5px 10px #9b9b9b29;
  -webkit-box-shadow: 0px 5px 10px #9b9b9b29;
  -moz-box-shadow: 0px 5px 10px #9b9b9b29;
}
.content-careers .block-static-block.widget {
  margin-bottom: 0;
}
.content-careers .webforms .drop-zone-preview {
  border: 0;
  border-radius: 0;
  margin-bottom: 0;
}
body .content-careers .webforms .fieldset > .field:not(.choice) > .label {
  text-align: left;
  font-size: 14px;
  line-height: 28px;
  letter-spacing: 0px;
  color: #B1B1B1;
  background: #fff;
  text-transform: uppercase;
  position: absolute;
  z-index: 1;
  width: 100%;
  top: 20px;
  left: 36px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transition: all 0.25s;
}
body .content-careers .webforms .fieldset > .field.focus > .label {
  top: 1px;
  left: 22px;
  font-size: 15px;
  padding: 0 10px;
  color: #051721;
}
body .content-careers .webforms .fieldset > .field:not(.choice) > .control {
  position: relative;
}
.content-careers .webforms-description-text {
  padding-top: 77px;
  margin-bottom: 36px;
}
.content-careers .webforms .fieldset {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 60px;
  position: relative;
}
.content-careers .webforms .drop-zone-preview-icon-close {
  padding-top: 8px;
}
.content-careers .webforms .fieldset.fieldset-3 {
  margin-bottom: 28px;
}
.content-careers .webforms select {
  background-size: 17px;
}
body .content-careers .webforms .actions-toolbar .secondary {
  display: block;
  width: 100%;
  float: none;
}
.content-careers .webforms .please-wait .loading-indicator {
  margin-bottom: 6px;
}
.category-careers-us .ui-datepicker .ui-datepicker-title select,
.category-careers-sg .ui-datepicker .ui-datepicker-title select {
  background: #ffffff url(../images/hairgrownz/chevron-down.svg) no-repeat right 15px center;
  padding: 17.5px 15px;
}
.category-careers-sg .ui-datepicker .ui-datepicker-prev,
.category-careers-sg .ui-datepicker .ui-datepicker-next,
.category-careers-us .ui-datepicker .ui-datepicker-prev,
.category-careers-us .ui-datepicker .ui-datepicker-next {
  top: 20px;
}
.content-careers .drop-zone-preview-icon-close svg {
  width: 12px;
  height: 12px;
}
.content-careers .validation-advice {
  font-size: 20px;
}
.catalog-category-view .ui-datepicker {
  z-index: 5 !important;
}
@media (max-width: 991px) {
  .content-careers .validation-advice {
    font-size: 18px;
  }
  .content-careers .section-top-content h2 {
    padding-top: 50px;
  }
  .content-careers .webforms .fieldset {
    margin-bottom: 20px;
  }
  body .content-careers .fieldset > .field {
    width: 100%;
  }
  .content-careers .content-infor {
    padding-bottom: 50px;
  }
  .content-careers .webforms-description-text {
    padding-top: 50px;
  }
}
@media (max-width: 767px) {
  .content-careers .webforms input[type="file"]:after {
    line-height: 48px;
    height: 48px;
    font-size: 16px;
  }
  .content-careers .webforms input[type="file"] {
    height: 48px;
  }
  .content-careers .webforms input[type="file"]:before {
    height: 48px;
    font-size: 16px;
  }
  .content-careers .validation-advice {
    font-size: 16px;
  }
  .content-careers .webforms-description-text p {
    margin-bottom: 15px;
  }
  .content-careers .section-top-content {
    padding: 0 15px;
  }
  .content-careers .container-webform {
    padding: 0px 15px;
  }
}
@media (max-width: 639px) {
  .careers-email p {
    font-size: 22px;
  }
  .content-careers .webforms .actions-toolbar .action.submit.primary {
    width: 100%;
  }
  .content-careers .webforms .actions-toolbar {
    padding: 0;
  }
  body .content-careers .fieldset > .field {
    padding: 0;
  }
  .content-careers .section-top-content h2 {
    padding-top: 30px;
  }
  .content-careers .link-store {
    margin-bottom: 30px;
  }
  .content-careers .content-infor {
    padding-bottom: 30px;
  }
  .content-careers .webforms-description-text {
    padding-top: 30px;
    margin-bottom: 30px;
  }
  .content-careers .fieldset > .legend {
    margin-left: 0;
    margin-bottom: 10px;
  }
  body .content-careers .webforms .fieldset > .field:not(.choice) > .label {
    left: 25px;
  }
  .content-careers .webforms .fieldset {
    margin-bottom: 0;
  }
  .content-careers .webforms input[type="file"]:after {
    font-size: 16px;
    max-width: 80px;
  }
  .content-careers .webforms input[type="file"]:before {
    font-size: 16px;
  }
}
@media (max-width: 500px) {
  body .content-careers .webforms .fieldset > .field:not(.choice) > .label {
    left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
  }
  .content-careers .link-store a {
    font-size: 18px;
    margin: 0 10px;
  }
  .content-careers .content-infor ul li a.title {
    padding: 0 15px;
    height: 50px;
    font-size: 18px;
  }
  .content-careers .content-infor ul li a.title:before {
    width: 50px;
    height: 50px;
    font-size: 22px;
  }
  .content-careers .dropdown {
    background: #fff;
    padding: 25px 15px 22px;
  }
  .content-careers .section-top-content h2 {
    font-size: 24px;
  }
}
@media (max-width: 414px) {
  .content-careers .webforms input[type="file"]:before {
    left: 10px;
    font-size: 14px;
  }
  .content-careers .webforms input[type="file"]:after {
    font-size: 14px;
    padding: 0 5px;
  }
}
@media (max-width: 413px) {
  .content-careers .link-store a {
    font-size: 16px;
    line-height: 40px;
    margin: 0 4px;
  }
  .content-careers .link-store a:after {
    bottom: 0;
  }
}