body #blu-box-down-form {
  min-height: 412px;
  border-radius: 4px;
  background: #1e195e;
  padding: 50px;
  margin: 40px 0;
  max-width: 1020px;
  margin: auto;
  margin-top: 50px;
  margin-bottom: 50px;
  box-sizing: border-box;
}
body .blu-box-form {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  flex-wrap: nowrap;
}
body .blu-box-form * {
  box-sizing: border-box
}
body .blu-box-form ul {
  padding: 0 !important;
  margin: 0 !important
}
body .blu-box-form .blu-box-form-lhs {
  width: calc(100% - 400px);
  color: #fff;
  padding-right: 40px
}
body .blu-box-form .blu-box-form-lhs h2 {
  font-size: 26px;
  line-height: 40px;
  font-weight: 500;
  color: #fff;
  margin: 0 0 25px;
  padding: 0
}
body .blu-box-form .blu-box-form-lhs h4 {
  font-size: 22px;
  line-height: 32px;
  font-weight: 500;
  margin-bottom: 20px;
  color: #fff
}
body .blu-box-form .blu-box-form-lhs ul li {
  position: relative;
  font-size: 16px;
  line-height: 26px;
  padding: 0 0 7px 25px;
  margin-bottom: 5px;
}
body .blu-box-form .blu-box-form-lhs ul li:before {
  content: '';
  position: absolute;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMS41QzQuODY3NSAxLjUgMS41IDQuODY3NSAxLjUgOUMxLjUgMTMuMTMyNSA0Ljg2NzUgMTYuNSA5IDE2LjVDMTMuMTMyNSAxNi41IDE2LjUgMTMuMTMyNSAxNi41IDlDMTYuNSA0Ljg2NzUgMTMuMTMyNSAxLjUgOSAxLjVaTTEyLjU4NSA3LjI3NUw4LjMzMjUgMTEuNTI3NUM4LjIyNzUgMTEuNjMyNSA4LjA4NSAxMS42OTI1IDcuOTM1IDExLjY5MjVDNy43ODUgMTEuNjkyNSA3LjY0MjUgMTEuNjMyNSA3LjUzNzUgMTEuNTI3NUw1LjQxNSA5LjQwNUM1LjE5NzUgOS4xODc1IDUuMTk3NSA4LjgyNzUgNS40MTUgOC42MUM1LjYzMjUgOC4zOTI1IDUuOTkyNSA4LjM5MjUgNi4yMSA4LjYxTDcuOTM1IDEwLjMzNUwxMS43OSA2LjQ4QzEyLjAwNzUgNi4yNjI1IDEyLjM2NzUgNi4yNjI1IDEyLjU4NSA2LjQ4QzEyLjgwMjUgNi42OTc1IDEyLjgwMjUgNy4wNSAxMi41ODUgNy4yNzVaIiBmaWxsPSIjRTZBQTEwIi8+Cjwvc3ZnPgo=);
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0;
  top: 4px
}
body .blu-box-form .blu-box-form-lhs ul li:last-child {
  padding-bottom: 0
}
body .blu-box-form .blu-box-form-rhs {
  width: 400px
}
body .blu-box-form .me-form {
  max-width: 400px;
  padding: 25px 25px 20px;
  background: #35306e;
  border-radius: 5px
}
body .blu-box-form .me-form form ul {
  padding: 0 !important;
  margin: 0
}
body .blu-box-form .me-form form ul li {
  margin-bottom: 10px;
  position: relative;
  list-style-type: none;
  padding: 0;
  display: inline-block;
  width: 100%
}
body .blu-box-form .me-form form ul li:last-child {
  border: 0;
  margin-bottom: 0
}
body .blu-box-form .me-form form ul li:last-child::before {
  display: none
}
body .blu-box-form .me-form form ul li input,
body .blu-box-form .me-form form ul li select {
  height: 45px;
  line-height: 27px;
  background-color: #fff;
  display: block;
  width: 100%;
  font-size: 14px;
  color: #000;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
  border: #616161 solid 1px;
  border-radius: 3px;
  padding: 8px 10px 8px 40px
}
body .blu-box-form .me-form form ul li select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: -o-linear-gradient(45deg, transparent 50%, #5a5a5a 50%), -o-linear-gradient(315deg, #5a5a5a 50%, transparent 50%), -o-linear-gradient(left, #fff0, #fff0);
  background-image: linear-gradient(45deg, transparent 50%, #5a5a5a 50%), linear-gradient(135deg, #5a5a5a 50%, transparent 50%), linear-gradient(to right, #fff0, #fff0);
  background-position: calc(100% - 11px) calc(1em + 6px), calc(100% - 6px) calc(1em + 6px), calc(100% - 2.5em) .5em;
  background-size: 6px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
  padding-right: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
body .blu-box-form .me-form.with-state form ul li select {
  width: 100%;
  padding-right: 20px;
  font-size: 13px
}
body .blu-box-form .me-form.with-state form ul li select.commonselect {
  margin: 10px 0 0;
  padding-left: 10px;
  width: 100%
}
body .blu-box-form .me-form .form-sec * {
  font-family: ZohoPuvi
}
body .blu-box-form .me-form .ftit h3 {
  text-align: center;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  padding-bottom: 15px;
  margin: 0 !important
}
body .blu-box-form .me-form form ul li input[type=submit]:focus {
  background: #037c3a
}
body .blu-box-form .me-form input[type=submit] {
  cursor: pointer;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  border-width: 0;
  padding: 12px 12px 12px 30px;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  -webkit-transition: all .7s ease;
  -moz-transition: all .7s ease;
  height: auto;
  margin-bottom: 10px;
  width: 100%;
  border-radius: 3px;
  background: #d63520
}
body .blu-box-form .me-form input[type=submit]:hover {
  background: #be2a20;
  box-shadow: 0 8px 12px -8px #000
}
body .blu-box-form .me-form form ul li .ffw-errmsg {
  display: none;
  position: relative;
  color: red;
  padding: 2px 0 0;
  font-size: 11px;
  line-height: 15px;
  text-align: left;
  width: 100%
}
body .blu-box-form .me-form form ul li .f-ic-submit {
  float: initial;
}
body .blu-box-form .me-form form .ffw-field input:focus,
body .blu-box-form .me-form form .ffw-field input:focus-visible {
  outline: 0;
  border-color: #0866e2
}
body .blu-box-form #meGDPRMessage,
body .blu-box-form #meGDPRMessage *,
body .dwn-priv,
body .dwn-priv *,
body .dwn-priv a {
  font-size: 11px;
  color: #fff;
  line-height: 19px;
  font-weight: 300;
}
body .blu-box-form #meGDPRMessage a,
body .dwn-priv a {
  text-decoration: underline;
  color: #2196f3 !important
}
body .blu-box-form #meGDPRMessage strong,
body .dwn-priv strong {
  font-weight: 500
}
body .blu-box-form #meGDPRMessage .checkmarkgdpr {
  width: 12px !important;
  height: 12px !important
}
#meGDPRMessage .checkmarkgdpr.enableCheckgdpr:before {
  box-sizing: content-box !important;
}
body .misc-field {
  display: none
}
body .blu-box-form .me-form .f-ic:before {
  content: '';
  position: absolute;
  background-image: url(https://www.manageengine.com/active-directory-360/images/icon-set-1.png);
  background-repeat: no-repeat;
  background-size: 400px;
  left: 10px;
  top: 10px;
  width: 30px;
  height: 30px;
  background-color: #ffffff00;
  border-radius: 0
}
body .blu-box-form .me-form .f-ic-email:before {
  background-position: -60px -198px
}
body .blu-box-form .me-form .f-ic-phone:before {
  background-position: -120px -196px
}
body .blu-box-form .me-form .f-ic-count:before {
  background-position: -240px -197px
}
body .blu-box-form .me-form .f-ic-date:before {
  background-position: -194px -33px
}
body .blu-box-form .me-form .f-ic-submit::after,
body .blu-box-form .me-form .f-ic-submit::before {
  content: '';
  position: absolute;
  left: 109px;
  top: 0;
  background: url(https://www.manageengine.com/active-directory-360/images/icon-set-1.png) no-repeat;
  background-size: 400px;
  pointer-events: none
}
body .blu-box-form .me-form .f-ic-submit::before {
  width: 10px;
  height: 12px;
  background-position: -312px -118px;
  top: 13px;
  left: 112px;
  -moz-animation: bounce 3s infinite;
  -webkit-animation: bounce 3s infinite;
  animation: bounce 3s infinite
}
body .blu-box-form .me-form .f-ic-submit::after {
  background-position: -309px -138px;
  width: 17px;
  height: 7px;
  top: 26px
}
body .blu-box-form input:-webkit-autofill {
  background-color: #fff !important;
  /* your desired background */
  -webkit-text-fill-color: #000 !important;
  /* optional - for text color */
}
body #blu-box-down-form.blu-box-form-full {
  min-height: 648px;
}
body .blu-box-form-full .blu-box-form {
  display: block
}
body .blu-box-form-full .blu-box-form-lhs,
body .blu-box-form-full .blu-box-form-rhs {
  width: 100%
}
body .blu-box-form-full .blu-box-form-lhs {
  padding: 0 0 40px;
  text-align: center
}
body .blu-box-form-full .blu-box-form-lhs ul li {
  display: inline-block;
  margin: 0 15px 10px 0
}
body .blu-box-form-full .blu-box-form-lhs h4 {
  font-size: 18px;
  line-height: 28px
}
body .blu-box-form-full .blu-box-form-lhs h2 {
  font-size: 26px;
  line-height: 36px
}
body .blu-box-form-full .me-form input[type=submit] {
  padding: 12px
}
body .blu-box-form-full .me-form {
  float: initial;
  margin: 0 auto;
  display: table
}
body #blu-box-down-form,
body .blu-box-form,
body .blu-box-form div {
  float: initial;
}
@-moz-keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -moz-transform: translateY(0);
    transform: translateY(0)
  }
  40% {
    -moz-transform: translateY(-6px);
    transform: translateY(-6px)
  }
  60% {
    -moz-transform: translateY(-3px);
    transform: translateY(-3px)
  }
}
@-webkit-keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  40% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px)
  }
  60% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px)
  }
}
@keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  40% {
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px)
  }
  60% {
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px)
  }
}
@media screen and (max-width: 1420px) {
  body .blu-box-form .blu-box-form-lhs h2 {
    font-size: 22px;
    line-height: 32px
  }
  body .blu-box-form .blu-box-form-lhs h4 {
    font-size: 18px;
    line-height: 28px
  }
}
@media screen and (max-width: 1300px) {
  body .blu-box-form {
    padding: 30px
  }
}
@media screen and (max-width: 769px) {
  body .blu-box-form .me-form {
    max-width: 380px;
    float: initial;
    padding: 0;
    margin: 0 auto;
    display: table;
    background: 0 0
  }
  body .blu-box-form .blu-box-form-lhs ul li {
    font-size: 14px;
    margin: 0 12px 2px 0
  }
  body .blu-box-form-full {
    padding: 0;
  }
  body #blu-box-down-form {
    padding: 30px;
  }
}
@media screen and (max-width: 480px) {
  body .blu-box-form .me-form.with-state form ul li select {
    width: 100%
  }
}
body .blu-box-form .success-message * {
  color: #fff;
  margin: 0
}
body .blu-box-form .success-message i {
  background: url(https://www.manageengine.com/active-directory-360/images/icon-set-1.png) no-repeat;
  height: 90px;
  width: 90px;
  display: inline-block;
  margin-bottom: 15px;
  background-size: 400px;
  background-position: -8px -277px
}
body .blu-box-form .success-message h3 span {
  font-size: 34px;
  font-weight: 500
}
body .blu-box-form .success-message p {
  font-weight: 300;
  font-size: 16px;
  line-height: 27px;
  margin-top: 20px;
  padding: 0 10px
}
body .blu-box-form .success-message p a {
  color: #fff;
  text-decoration: underline;
  font-weight: 300;
  font-size: 16px;
  line-height: 27px
}
body .blu-box-form .success-message {
  display: none;
  color: #fff;
  text-align: center;
  border: 1px dashed #ffffff3d;
  padding: 30px;
  border-radius: 10px;
  background: #27226c
}
body .blu-box-form .success-message h3 {
  font-size: 22px;
  font-weight: 500;
  margin: 0;
  margin-bottom: 20px;
  line-height: 35px
}
body .blu-box-form .show-succ .me-form {
  display: none
}
body .show-succ .how-to-23-down,
body .show-succ .success-message {
  display: block
}
@media screen and (max-width: 1250px) {
  body .blu-box-form {
    display: block
  }
  body .blu-box-form .blu-box-form-lhs,
  body .blu-box-form .blu-box-form-rhs {
    width: 100%
  }
  body .blu-box-form .blu-box-form-lhs {
    padding: 0 0 40px;
    text-align: center
  }
  body .blu-box-form .blu-box-form-lhs ul li {
    display: inline-block;
    margin: 0 15px 10px 0
  }
  body .blu-box-form .blu-box-form-lhs h4 {
    font-size: 18px;
    line-height: 28px
  }
  body .blu-box-form .blu-box-form-lhs h2 {
    font-size: 26px;
    line-height: 36px
  }
  body .blu-box-form .me-form .f-ic-submit:before,
  body .blu-box-form .me-form .f-ic-submit:after {
    display: none
  }
  body .blu-box-form .me-form input[type=submit] {
    padding: 12px
  }
  body .blu-box-form {
    padding: 0px
  }
  body .blu-box-form .me-form {
    float: initial;
    margin: 0 auto;
    display: table
  }
}