*{
    margin: 0;
    padding:0;
}

body {
    font-family: 'Roboto', sans-serif;
}
.fa-circle-exclamation {
    color: #c20000;
    font-size: 25px;
}
.p-subtitle-ebooks {
    padding: 0px 0px 70px 0px; 
    color: #fff; 
    font-size: 22px; 
    font-weight: 500;
}
.p-subtitle-qualex {
   padding: 0px 0px 60px 0px; 
   color: #d98400; 
   font-size: 22px; font-weight: 500;
}

/**variables*/
.bold-fonts {
    font-weight: 600;
    display: inline;
}
.d-blo {
    display: block;
}
.font-smaller {
    font-size:16px;
}
.light-grey-color {
    color: #9e9e9e;
    font-size: 14px;
    font-weight: 400;
}

/*fonts*/
.font-size-title-redirect {
    font-size: 26px;
}
.font-size-sub-title-redirect {
    font-size: 24px;
}
.font-size-content-redirect {
    font-size: 18px;
}
/*fonts*/

/**variables*/

.gridy-redirect-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.gridy-redirect-column-one {
    background-color: #616161;
    min-height: 100vh;
    padding: 0 15px;
}
.gridy-redirect-column-two {
    background-color: rgb(246 232 212);
    min-height: 100vh;
    padding: 0 15px;
}

.logo-nb {
    padding-top: 65px;
}

.logo-qualex {
    padding-top: 65px;
    width: 25%
}
.a-redirect {
    color: #1565C0;
    text-decoration: none;
}
.p-hours , .a-redirect {
    font-size: 14px;
    font-weight: 300;
}
.title-redirect-mybooks , .subtitle-nb , .how-to-login  {
    font-weight: 400;
    color: #fff;
}
.title-redirect-mybooks , .title-redirect-mybooks-two {
    margin: 50px 0px;
}

.title-redirect-mybooks-two , .subtitle-nb-two , .how-to-login-two {
    font-weight: 400;
    color: #000;
}

.wrapper-of-content-one , .wrapper-of-content-two {
    max-width: 750px;
    margin: 0 auto;
    width: 100%;
    margin-top: 25px;
}
.testFebbtns-wrapper-large {
    background-color: #1976D2;
    max-width: 450px;
    margin: 0;
    border: 1px solid #1976D2;
    border-radius:5px;
    box-sizing: unset;
    text-align: center;
    cursor: pointer;
    margin-top: 60px;
    margin-bottom: 48px;
}
.testFebbtns-wrapper-large:hover {
    background-color:#1565C0;
    border: 1px solid #1565C0;
}
.testFebbtn-large {
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    word-spacing: 0.01em;
}
.testFebbtn-large:hover {
    color: #fff;
}

.testFebbtns-wrapper-large-orange{
    background-color: #d98400;
    max-width: 450px;
    margin: 0;
    border: 1px solid #d98400;
    border-radius:5px;
    box-sizing: unset;
    text-align: center;
    cursor: pointer;
    margin-top: 30px;
    margin-bottom: 48px;
}
.testFebbtns-wrapper-large-orange:hover {
    background-color:#2f2f2f;
}

.e-book-contact-label-container {
    max-width: 250px;
    margin: 0px 100px;
    padding:105px 0px 85px 0px;
  }
  
.p-e-book-contact-label-container {
    color:#888888;
    font-size: 14px;
    font-weight: 400;
    border-radius:4px;
  }
.p-forgot-pass {
    font-size: 14px;
    display: inline;
  }
.p-forgot-pass-a {
    font-size: 14px!important;
    color:#1976D2!important;
  }
.p-e-book-contact-label-container a {
    text-decoration: none;
  }
.title-p-e-book-contact-label-container {
    display: block;
    font-weight: 600;
    color: #535252;
  }

.impo-info-nb {
    max-width: 250px;
    background-color: #fff;
    max-width:250px;
    margin-top: 17px;
    padding: 20px;
    border-radius: 4px;
    width: 100%;
  }
.impo-info-qualex {
    margin-top: 40px;
    background-color: rgb(255, 255, 255);
    max-width: 250px;
    /* margin: 0px; */
    padding: 20px;
    border-radius: 4px;
    width: 100%;
}
  .gridy-redirect-container {
      position: relative;
  }

  .gridy-sticky-navbar {
    /*position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    margin-top:35px; */
    background-color: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding: 35px;
    -webkit-box-shadow: 0px 3px 8px 0px rgb(0 0 0 / 17%);
    -moz-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.17);
    box-shadow: 0px 3px 8px 0px rgb(0 0 0 / 17%);
    -moz-box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0px 1px 9px rgb(0 0 0 / 16%);
    box-shadow: 0px 1px 9px rgb(0 0 0 / 10%);
  }
  
  .wrapper-p-navbar {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width:980px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    gap: 10px;
  }

  .p-navbar-redirect {
      font-size: 18px;
      font-weight: 600;
      /*color: #9f1826;*/
      color: #000;
  }

.sa {
    display: block;
    padding: 15px 20px;
}

.saorange {
    display: block;
    padding: 15px 5px;
}

@media (max-width: 1250px) {
    .font-size-sub-title-redirect {
        font-size: 20px;
    }
    .font-size-title-redirect {
        font-size: 24px;
    }
 }
@media (max-width: 992px) {

    .how-to-login , .impo-info-nb , .how-to-login-two{
        display: none;
    }
    .gridy-redirect-column-one , .gridy-redirect-column-two{
        min-height: 49vh;
    }
    .logo-nb , .logo-qualex  {
        padding-top: 25px;
        padding-bottom:25px;
    }
    .p-navbar-redirect {
        font-size: 17px;
    }
    .testFebbtns-wrapper-large , .testFebbtns-wrapper-large-orange {
        margin-top: 20px;
    }
        /*fonts*/
    .font-size-title-redirect {
        font-size: 20px;
    }
    .font-size-sub-title-redirect {
        font-size: 18px;
    }
    .font-size-content-redirect {
        font-size: 14px;
    }
    /*end fonts*/

    .wrapper-of-content-one, .wrapper-of-content-two {
        max-width:450px;
        margin: 0 auto;
        width: 100%;
        margin-top: 50px;
    }
    .gridy-redirect-row {
        display: grid;
        grid-template-columns: 1fr;
    }
    .logo-nb , .logo-qualex {
        padding-bottom: 15px;
    }

   
    
    .impo-info-nb {
        padding: 10px;
        margin-bottom: 20px;
    }
    .testFebbtn-large {
        font-size: 14px;
    }
    .title-redirect-mybooks , .subtitle-nb , .how-to-login , .title-redirect-mybooks-two , .subtitle-nb-two , .how-to-login-two  {
        padding-bottom: 15px;
    }
  
  }

@media (max-width: 567px) {

    .new-redirect-content , .new-redirect-content-two {
        max-width: 250px;
        width: 100%;
        margin: 0 auto;
    }

    .wrapper-p-navbar {
        margin: 0 auto;
        width: 100%;
        text-align: center;
    }

    .logo-nb {
        width: 250px;
    }
    
    .wrapper-logo-qualex {
       text-align: center;
    }
    .wrapper-logo-nb {
        max-width:250px;
        width: 100%;
        margin: 0 auto;
    }
    .gridy-redirect-column-one , .gridy-redirect-column-two{
        min-height: 46vh;
    }
    .impo-info-qualex {
        padding: 0px;
        margin: 0 auto;
    }
    .wrapper-impo-info-qualex {
        margin: 0 auto;
        padding: 20px;
    }
 
}