@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
:root {
    --primary:  #002D62;
    --secondary:  #001B3A;
    --dark: #36454F;
    --light: #F1ECE6;
    --gold: #ffb547;
    --gold-dark: #fca21c;
  --light-dark: #666666;
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

body{
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
}

h1,h2,h3,h4,h5,h6 {
    color: var(--secondary);
    font-weight: 900;
}

.login-page-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 2004px;
    max-height: 1500px;
    margin: auto auto;
    
}

.login-image-box {
    position: relative;
    width: 40%;
    max-width: 600px;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(../images/login-image.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.form-wrapper {
        overflow-y: auto;
}

.signup-page-form {
    position: relative;
     width: 100%;
    height: 100%;
    max-width: 2004px;
    max-height: 1500px;
    /* margin: auto auto; */
    overflow-y: auto;
}

::-webkit-scrollbar {
    display: none;
}


@media (max-width: 991px) {

    .login-image-box {
       max-width: 310px !important;
    }
}
@media (max-width: 767px) {

    .login-image-box {
       display: none !important;
    }
}


.login-image-box::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color:#001b3a88;
    filter: blur(2px);
    z-index: 1;
}

.login-image-box-text {
    position: relative;
    z-index: 999 !important;
}








/* SIGNUP PAGE */
.signup-page-wrapper {
    position: relative;
    width: 100%;
    height: 100vh;
}

.signup-page-img-box {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 600px;
    background-image: url(../images/signup-image.jpg);
    background-position: left;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 20px;
}


@media (max-width: 991px) {
    .signup-page-wrapper {
        position: relative;
        width: 100%;
        height: 100vh;
        overflow: auto;
    }
    .signup-page-img-box {
        position: relative;
        max-width: unset;
        height: 230px;
    }
}
@media (max-width: 767px) {
    .signup-page-img-box {
        display: none !important;
    }
    .form-text-password {
        font-size: 8px !important;
    }
}

@media (max-width: 991px) {
    .signup-leftside-text {
        background-color: #002d626e;
    }
}

.backtowebsite-button {
    background-color: #F1ECE699;
    color: var(--secondary);
}
.backtowebsite-button:hover {
    background-color: var(--secondary);
    color: #fff;
}


.form-input-box {
    position: relative;
}
.form-input-box .form-label {
  position: absolute;
  top: -12px;
  left: 12px;
  background-color: #fff;
  color: var(--secondary);
}

.forgotpassword-page-wrapper, 
.resetpassword-page-wrapper {
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    background-image: url(../images/Lines3.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.forgotpassword-page-wrapper::before,
.resetpassword-page-wrapper::before
 {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(../svg/Eclipse.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.forgotpassword-page-wrapper::after,
.resetpassword-page-wrapperr::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #ffffff7c;
    
}
/* .eclipse-svg-wrapper {
    width: 100%;
    height: 100%;
max-height: 1400px;
   background-image: url(../svg/Eclipse.svg);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
} */
 /* ======================================*/
/* LEGAL INFORMATION */
/* ======================================*/

.legal-information-main {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    overflow-y: auto;
}
.legal-information-banner {
  position: relative;
  background: linear-gradient(25deg, #000 10%, #0a34cd 60%, #000 100%);
}

.legal-information-wrapper {
  position: relative;
  width: 100%;
  height: auto;
}

.legal-information-wrapper::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 240px;
  left: 0;
  bottom: -10px;
  background-color: var(--secondary);
}
/* ======================================*/
/* / LEGAL INFORMATION */
/* ======================================*/