/**
 *  Main css for progressive-profile
 */
 .component-progressive-profile {
  display: none;
  width: 100%;
  height: 100%;
}
.component-progressive-profile .progress-profile-film {
  background-color: #293e40;
  opacity: 0.8;
  height: 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100000;
}
.component-progressive-profile .pp-container {
  margin: auto;
  padding: 5rem 3rem;
  position: absolute;
  top: 8rem;
  left: 50%;
  z-index: 100001;
  background: #fff;
  height: auto;
  transform: translate(-50%, 0);
}
.component-progressive-profile .pp-container .pp-close-btn {
  display: inline-block !important;
  position: absolute;
  right: -3rem;
  top: -3rem;
  cursor: pointer;
}
.component-progressive-profile .pp-container .pp-close-btn::hover, .component-progressive-profile .pp-container .pp-close-btn:hover {
  opacity: 0.7;
}
.component-progressive-profile .pp-container .pp-close-btn svg g {
  stroke: #ffffff;
}
@media (max-width: 767px) {
  .component-progressive-profile .pp-container .pp-close-btn {
    right: 3rem;
  }
}
.component-progressive-profile .pp-container .pp-header-sec h2.headline {
  color: #293e40;
  font-family: GilroyBold;
  font-size: 2.4rem;
  margin: 0 0 1.6rem 0;
  line-height: initial;
}
.component-progressive-profile .pp-container .pp-header-sec div.subhead {
  color: #293e40;
  font-family: GilroyRegular;
  font-size: 1.6rem;
  margin: 1.6rem 0 2.4rem;
}
.component-progressive-profile .pp-container form#progressive-profile-form label {
  background: #f6f6f6;
  display: block;
  height: 4.4rem;
  margin-bottom: 0.8rem;
  position: relative;
  width: 100%;
}
.component-progressive-profile .pp-container form#progressive-profile-form label .placeholder {
  color: #9f9f9f;
  cursor: text;
  font-family: GilroySemiBold;
  font-size: 1.4rem;
  left: 0;
  letter-spacing: 0;
  line-height: 2.72rem;
  padding-left: 0;
  position: absolute;
  right: 0;
  text-align: left;
  text-decoration: none;
  text-indent: 2rem;
  text-transform: none;
  top: 10px;
  -webkit-transition: top 0.3s, font-size 0.3s;
  transition: top 0.3s, font-size 0.3s;
  z-index: 1;
}
.component-progressive-profile .pp-container form#progressive-profile-form label .placeholder.focus {
  color: #9f9f9f;
  font-size: 1.2rem;
  top: 0;
  z-index: 3;
}
.component-progressive-profile .pp-container form#progressive-profile-form label .input-wrap {
  position: relative;
  z-index: 2;
}
.component-progressive-profile .pp-container form#progressive-profile-form label .input-wrap input {
  background-color: transparent;
  border: 0;
  color: #293e40;
  font-family: GilroySemiBold;
  font-size: 1.4rem;
  height: 4.4rem;
  letter-spacing: 0;
  line-height: 2.72rem;
  margin-bottom: 0.8rem;
  text-align: left;
  text-decoration: none;
  text-indent: 2rem;
  text-transform: none;
  width: 100%;
}
.component-progressive-profile .pp-container form#progressive-profile-form label .input-wrap input.focus {
  padding-top: 2rem;
}
.component-progressive-profile .pp-container form#progressive-profile-form label .input-wrap select {
  background-color: transparent;
  border: 0;
  font-family: GilroySemiBold;
  font-size: 1.4rem;
  height: 4.4rem;
  letter-spacing: 0;
  line-height: 2.72rem;
  margin-bottom: 0.8rem;
  text-align: left;
  text-decoration: none;
  text-indent: 2rem;
  text-transform: none;
  width: 100%;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url(../../../../../content/dam/servicenow/images/demo-asset/icon/arrow-down.png);
  background-position: 97% center;
  background-repeat: no-repeat;
  font-weight: 300;
  padding-left: 2rem;
  padding-top: 2rem;
  text-indent: 0.1rem;
  color: #9f9f9f !important;
  padding-bottom: 0;
  padding-top: 0;
}
.component-progressive-profile .pp-container form#progressive-profile-form label .input-wrap select.focus {
  padding-top: 0 !important;
}
.component-progressive-profile .pp-container form#progressive-profile-form label .input-wrap option {
  color: #9f9f9f;
}
.component-progressive-profile .pp-container form#progressive-profile-form label .input-wrap li div div p label {
  display: none;
}
.component-progressive-profile .pp-container form#progressive-profile-form .terms-container {
  position: relative;
  margin-top: 1.6rem;
}
.component-progressive-profile .pp-container form#progressive-profile-form .terms-container span:first-of-type {
  padding-left: 3rem;
  display: block;
}
.component-progressive-profile .pp-container form#progressive-profile-form .terms-container span:first-of-type p {
  display: inline;
}
.component-progressive-profile .pp-container form#progressive-profile-form .terms-container div.terms-checkbox {
  background: #e2e2e2;
  border-radius: 20%;
  display: block;
  height: 1.8rem;
  position: absolute;
  top: 0;
  width: 1.8rem;
  z-index: 5;
}
.component-progressive-profile .pp-container form#progressive-profile-form .terms-container div.terms-checkbox.onCliked::before, .component-progressive-profile .pp-container form#progressive-profile-form .terms-container div.terms-checkbox.onCliked:before {
  display: block;
  content: "";
  width: 1rem;
  height: 1rem;
  border-radius: 20%;
  z-index: 5;
  top: 0.4rem;
  left: 0.4rem;
  position: absolute;
  background: #9b9b9b;
}
.component-progressive-profile .pp-container form#progressive-profile-form .is-required {
  color: #b33233;
  display: none;
  font-family: GilroySemiBold;
  font-size: 1rem;
  text-align: left;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 1.6rem;
}
.component-progressive-profile .pp-container form#progressive-profile-form .is-required.on {
  display: block;
}
.component-progressive-profile .pp-container form#progressive-profile-form .gdpr-container {
  display: none;
  margin-top: 1.4rem;
  position: relative;
}
.component-progressive-profile .pp-container form#progressive-profile-form .gdpr-container .optin-label {
  color: #293e40;
  background: 0;
  height: auto;
}
.component-progressive-profile .pp-container form#progressive-profile-form .gdpr-container .radio-btn-selection-sec {
  padding-top: 1rem;
}
.component-progressive-profile .pp-container form#progressive-profile-form .gdpr-container .radio-btn-selection-sec .radio-label-group {
  display: inline-block;
  position: relative;
}
.component-progressive-profile .pp-container form#progressive-profile-form .gdpr-container .radio-btn-selection-sec .radio-label-group:first-child, .component-progressive-profile .pp-container form#progressive-profile-form .gdpr-container .radio-btn-selection-sec .radio-label-group::first-child {
  margin-right: 3rem;
}
.component-progressive-profile .pp-container form#progressive-profile-form .gdpr-container .radio-btn-selection-sec .radio-label-group input {
  left: 0;
  position: absolute;
  top: 0;
}
.component-progressive-profile .pp-container form#progressive-profile-form .gdpr-container .radio-btn-selection-sec .radio-label-group .fake-radio-btn {
  color: #293e40 !important;
  font-size: 1.4rem;
  padding-top: 0;
  top: 0;
  background: #e2e2e2;
  border-radius: 50%;
  display: block;
  height: 1.8rem;
  position: absolute;
  width: 1.8rem;
}
.component-progressive-profile .pp-container form#progressive-profile-form .gdpr-container .radio-btn-selection-sec .radio-label-group .fake-radio-btn::before, .component-progressive-profile .pp-container form#progressive-profile-form .gdpr-container .radio-btn-selection-sec .radio-label-group .fake-radio-btn:before {
  border-radius: 50%;
  content: "";
  display: block;
  height: 1rem;
  left: 0.4rem;
  position: absolute;
  top: 0.4rem;
  width: 1rem;
}
.component-progressive-profile .pp-container form#progressive-profile-form .gdpr-container .radio-btn-selection-sec .radio-label-group span {
  padding-left: 3rem;
  font-size: 1.4rem;
}
.component-progressive-profile .pp-container form#progressive-profile-form .gdpr-container .radio-btn-selection-sec .radio-label-group #optin-yes-pp:checked ~ #optin-yes-fake::before, .component-progressive-profile .pp-container form#progressive-profile-form .gdpr-container .radio-btn-selection-sec .radio-label-group #optin-no-pp:checked ~ #optin-no-fake::before {
  background: #9b9b9b;
}
.component-progressive-profile .pp-container form#progressive-profile-form .pp-update-btn {
  margin-bottom: 0;
  margin-top: 1.6rem;
}
.component-progressive-profile .pp-container form#progressive-profile-form p.field-p.custom-dropdown {
  margin-bottom: 0;
  margin-top: 0;
}
.component-progressive-profile .pp-container form#progressive-profile-form .LV_validation_message.LV_invalid {
  display: none;
}

.eloquaForm .component-eloqua-form-base.ppAlternative .form-1 {
  padding-top: 0 !important;
}
.eloquaForm .component-eloqua-form-base.ppAlternative .not-download-page {
  display: block;
}
.eloquaForm .component-eloqua-form-base.ppAlternative .sing-in-account, .eloquaForm .component-eloqua-form-base.ppAlternative .text-download-page, .eloquaForm .component-eloqua-form-base.ppAlternative li.sn-id-section, .eloquaForm .component-eloqua-form-base.ppAlternative .eloqua-sign-in, .eloquaForm .component-eloqua-form-base.ppAlternative .download-page, .eloquaForm .component-eloqua-form-base.ppAlternative .sn-password {
  display: none !important;
}