@charset "UTF-8";
/**
 * @license
 *
 * Font Family: Satoshi
 * Designed by: Deni Anggara
 * URL: https://www.fontshare.com/fonts/satoshi
 * © 2023 Indian Type Foundry
 *
 * Font Styles:
 * Satoshi Variable(Variable font)
 * Satoshi Variable Italic(Variable font)
 * Satoshi Light
 * Satoshi Light Italic
 * Satoshi Regular
 * Satoshi Italic
 * Satoshi Medium
 * Satoshi Medium Italic
 * Satoshi Bold
 * Satoshi Bold Italic
 * Satoshi Black
 * Satoshi Black Italic
 *
*/
/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 900.0;
*
* available axes:

* 'wght' (range from 300.0 to 900.0)

*/
@font-face {
  font-family: 'Satoshi-Variable';
  src: url("./assets/fonts/Satoshi-Variable.woff2") format("woff2"), url("./assets/fonts/Satoshi-Variable.woff") format("woff"), url("./assets/fonts/Satoshi-Variable.ttf") format("truetype");
  font-weight: 300 900;
  font-display: swap;
  font-style: normal;
}

/**
  * This is a variable font
  * You can controll variable axes as shown below:
  * font-variation-settings: 'wght' 900.0;
  *
  * available axes:
  
  * 'wght' (range from 300.0 to 900.0)
  
  */
@font-face {
  font-family: 'Satoshi-VariableItalic';
  src: url("./assets/fonts/Satoshi-VariableItalic.woff2") format("woff2"), url("./assets/fonts/Satoshi-VariableItalic.woff") format("woff"), url("./assets/fonts/Satoshi-VariableItalic.ttf") format("truetype");
  font-weight: 300 900;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Satoshi-Light';
  src: url("./assets/fonts/Satoshi-Light.woff2") format("woff2"), url("./assets/fonts/Satoshi-Light.woff") format("woff"), url("./assets/fonts/Satoshi-Light.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Satoshi-LightItalic';
  src: url("./assets/fonts/Satoshi-LightItalic.woff2") format("woff2"), url("./assets/fonts/Satoshi-LightItalic.woff") format("woff"), url("./assets/fonts/Satoshi-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Satoshi-Regular';
  src: url("./assets/fonts/Satoshi-Regular.woff2") format("woff2"), url("./assets/fonts/Satoshi-Regular.woff") format("woff"), url("./assets/fonts/Satoshi-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Satoshi-Italic';
  src: url("./assets/fonts/Satoshi-Italic.woff2") format("woff2"), url("./assets/fonts/Satoshi-Italic.woff") format("woff"), url("./assets/fonts/Satoshi-Italic.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Satoshi-Medium';
  src: url("./assets/fonts/Satoshi-Medium.woff2") format("woff2"), url("./assets/fonts/Satoshi-Medium.woff") format("woff"), url("./assets/fonts/Satoshi-Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Satoshi-MediumItalic';
  src: url("./assets/fonts/Satoshi-MediumItalic.woff2") format("woff2"), url("./assets/fonts/Satoshi-MediumItalic.woff") format("woff"), url("./assets/fonts/Satoshi-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Satoshi-Bold';
  src: url("./assets/fonts/Satoshi-Bold.woff2") format("woff2"), url("./assets/fonts/Satoshi-Bold.woff") format("woff"), url("./assets/fonts/Satoshi-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Satoshi-BoldItalic';
  src: url("./assets/fonts/Satoshi-BoldItalic.woff2") format("woff2"), url("./assets/fonts/Satoshi-BoldItalic.woff") format("woff"), url("./assets/fonts/Satoshi-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Satoshi-Black';
  src: url("./assets/fonts/Satoshi-Black.woff2") format("woff2"), url("./assets/fonts/Satoshi-Black.woff") format("woff"), url("./assets/fonts/Satoshi-Black.ttf") format("truetype");
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Satoshi-BlackItalic';
  src: url("./assets/fonts/Satoshi-BlackItalic.woff2") format("woff2"), url("./assets/fonts/Satoshi-BlackItalic.woff") format("woff"), url("./assets/fonts/Satoshi-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-display: swap;
  font-style: italic;
}

* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  overflow-x: hidden !important;
  font-family: "Satoshi-Variable", sans-serif !important;
  background-color: #FFFFF0;
}

body h1, body h2, body h3, body h4, body h5, body p {
  padding: 0;
  margin: 0;
}

.mainInputWrapper {
  height: 100dvh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mainInputWrapper .inputMain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 90%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mainInputWrapper .inputMain .preHeading {
  font-size: .8rem;
  color: #1a1a1a;
  font-family: 'Satoshi-Bold';
}

.mainInputWrapper .inputMain .logoContainer {
  margin-top: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 5rem;
  width: 5rem;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mainInputWrapper .inputMain .logoContainer span {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mainInputWrapper .inputMain .logoContainer span img {
  height: inherit;
  width: inherit;
}

.mainInputWrapper .inputMain .mainHeading {
  margin-top: 1.5rem;
  font-family: 'Satoshi-Bold';
  color: #16154D;
}

.mainInputWrapper .inputMain .subHeading {
  font-size: .8rem;
  font-family: 'Satoshi-Medium';
  margin-top: .5rem;
}

.mainInputWrapper .inputMain .preHeading {
  padding-top: .5rem;
  font-weight: 600;
  color: #1a1a1a;
  opacity: .8;
  font-family: 'Satoshi-Medium';
}

.mainInputWrapper .inputMain .changePass {
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 95%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.mainInputWrapper .inputMain .changePass a {
  font-size: .65rem;
  font-family: 'Satoshi-Medium';
  color: #16154D;
}

.mainInputWrapper .inputMain .signInBtn {
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #16154D;
  width: 95%;
  height: 2.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #FFFF;
  text-decoration: none !important;
  font-family: 'Satoshi-Bold';
  font-size: .8rem;
  font-weight: 700;
  -webkit-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;
}

.mainInputWrapper .inputMain .signInBtn:hover {
  background-color: #1b1977;
}

.mainInputWrapper .inputMain .dontAcc {
  margin-top: 1.5rem;
}

.mainInputWrapper .inputMain .dontAcc p {
  font-size: .7rem;
  color: #1a1a1a;
  font-family: 'Satoshi-Medium';
}

.mainInputWrapper .inputMain .dontAcc p a {
  color: #16154D;
  text-decoration: underline;
}

.mainInputWrapper .inputMain .emailWrapper {
  width: 100%;
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}

.mainInputWrapper .inputMain .emailWrapper .emailContainer, .mainInputWrapper .inputMain .emailWrapper .passwordContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: .2rem;
}

.mainInputWrapper .inputMain .emailWrapper .emailContainer input, .mainInputWrapper .inputMain .emailWrapper .passwordContainer input {
  height: 2.2rem;
  padding-left: .5rem;
  width: 95%;
  background-color: #FFFFF0;
  outline: none;
  border-radius: 4px;
  margin-inline: auto;
  font-size: .75rem;
  font-family: 'Satoshi-Medium';
  border: 1.2px solid #1a1a1a34;
}

.mainInputWrapper .inputMain .emailWrapper .emailContainer input:focus, .mainInputWrapper .inputMain .emailWrapper .passwordContainer input:focus {
  border: 1.2px solid #16154D;
  background-color: #fffff4;
}

.mainInputWrapper .inputMain .emailWrapper .emailContainer ::-webkit-input-placeholder, .mainInputWrapper .inputMain .emailWrapper .passwordContainer ::-webkit-input-placeholder {
  font-size: .7rem;
  font-family: 'Satoshi-Medium';
  color: #1a1a1a8c;
  font-weight: 500;
  text-transform: capitalize;
}

.mainInputWrapper .inputMain .emailWrapper .emailContainer :-ms-input-placeholder, .mainInputWrapper .inputMain .emailWrapper .passwordContainer :-ms-input-placeholder {
  font-size: .7rem;
  font-family: 'Satoshi-Medium';
  color: #1a1a1a8c;
  font-weight: 500;
  text-transform: capitalize;
}

.mainInputWrapper .inputMain .emailWrapper .emailContainer ::-ms-input-placeholder, .mainInputWrapper .inputMain .emailWrapper .passwordContainer ::-ms-input-placeholder {
  font-size: .7rem;
  font-family: 'Satoshi-Medium';
  color: #1a1a1a8c;
  font-weight: 500;
  text-transform: capitalize;
}

.mainInputWrapper .inputMain .emailWrapper .emailContainer ::placeholder, .mainInputWrapper .inputMain .emailWrapper .passwordContainer ::placeholder {
  font-size: .7rem;
  font-family: 'Satoshi-Medium';
  color: #1a1a1a8c;
  font-weight: 500;
  text-transform: capitalize;
}

.mainInputWrapper .inputMain .emailWrapper .emailContainer .preHeading, .mainInputWrapper .inputMain .emailWrapper .passwordContainer .preHeading {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: .5rem;
  height: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: .7rem;
  color: #1a1a1a;
  margin-bottom: .2rem;
  font-family: 'Satoshi-Bold';
}

@media (min-width: 768px) {
  .mainWrapperContainer {
    background-color: #dedede;
    height: 100dvh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .mainWrapperContainer .wrapperMain {
    width: 95%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-width: 1210px;
    margin-inline: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .mainWrapperContainer .wrapperMain .desktopWrapper::before {
    content: '';
    position: absolute;
    height: 95dvh;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
    z-index: 2;
  }
  .mainWrapperContainer .wrapperMain .desktopWrapper {
    min-width: 60%;
    height: 95dvh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
  .mainWrapperContainer .wrapperMain .desktopWrapper .bottomDisplay {
    position: absolute;
    bottom: 1rem;
    z-index: 4;
    width: 90%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .mainWrapperContainer .wrapperMain .desktopWrapper .bottomDisplay .heading {
    font-family: 'Satoshi-Bold';
    font-size: 2rem;
    line-height: 1.3;
    max-width: 80%;
    color: #FFFFF0;
  }
  .mainWrapperContainer .wrapperMain .desktopWrapper .bottomDisplay .heading .displayText {
    color: #F09000;
    font-family: 'Belgiano Serif';
    text-transform: capitalize;
  }
  .mainWrapperContainer .wrapperMain .desktopWrapper .indicatorBottom {
    margin-top: 2rem;
  }
  .mainWrapperContainer .wrapperMain .desktopWrapper .indicatorBottom .Bottomheading {
    font-size: 1.3rem;
    font-family: 'Satoshi-Medium';
    color: #FFFFF0;
  }
  .mainWrapperContainer .wrapperMain .desktopWrapper .indicatorBottom .country {
    font-family: 'Satoshi-Medium';
    color: #dedede;
    opacity: .8;
  }
  .mainWrapperContainer .wrapperMain .desktopWrapper .backBtn {
    position: absolute;
    z-index: 3;
    top: 1rem;
    left: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #FFFFF0;
    padding: 0 1rem;
    height: 2rem;
    font-size: .8rem;
    font-family: 'Satoshi-Bold';
    color: #16154D;
    border-radius: 4px;
    text-decoration: none;
    gap: .5rem;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
  }
  .mainWrapperContainer .wrapperMain .desktopWrapper .backBtn span {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .mainWrapperContainer .wrapperMain .desktopWrapper .backBtn:hover {
    background-color: #fffff4;
  }
  .mainWrapperContainer .wrapperMain .desktopWrapper .bannerImageWrapper {
    position: relative;
    height: 95dvh;
    width: 100%;
  }
  .mainWrapperContainer .wrapperMain .desktopWrapper .bannerImageWrapper img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .mainWrapperContainer .wrapperMain .mainInputWrapper {
    width: 40%;
    background-color: #FFFFF0;
    height: 95dvh;
  }
}

@media (min-width: 992px) {
  .emailWrapper .preHeading {
    -webkit-transform: translateX(0.5rem);
            transform: translateX(0.5rem);
  }
}

.helpPolicy {
  margin-top: 3rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
}

.helpPolicy a {
  color: var(--Main-Dark-Ascent, #333);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

@media (max-width: 600px) {
  .desktopWrapper {
    display: none;
  }
}
/*# sourceMappingURL=login.css.map */