/* function to convert the calc function in to rem based
$first- should be in % */
/** Slick Carousel Starts **/
/** Slick Carousel Ends **/
/* override default breakpoints */
.pwdProtection {
  background-color: #f7f7f7;
  padding: 14.75rem 0 21.375rem; }
  @media (max-width: 767.98px) {
    .pwdProtection {
      padding: 5rem 0 7.5rem; } }
  .pwdProtection .logo {
    border: 0.125rem solid #000;
    border-radius: 3.125rem; }
    .pwdProtection .logo svg {
      fill: #000; }
  .pwdProtection .pageTitle, .pwdProtection .login-page {
    margin-top: 2.5rem; }
  .pwdProtection .login-page .login-error-message {
    color: #000;
    line-height: normal;
    border: 0.0625rem solid #d0021b;
    background-color: #f9f6f6;
    position: relative; }
    .pwdProtection .login-page .login-error-message span {
      padding-left: 2rem; }
    .pwdProtection .login-page .login-error-message .circle-info-red {
      position: absolute;
      fill: #d0021b;
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
  .pwdProtection .login-page .toggle-password {
    position: absolute;
    right: 1rem;
    top: 2.3125rem; }