.elementor-1043 .elementor-element.elementor-element-2ef51be{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1043 .elementor-element.elementor-element-ec0dc44{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-1043 .elementor-element.elementor-element-5175ef2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:6px 6px 6px 6px;--margin-top:0px;--margin-bottom:030px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1043 .elementor-element.elementor-element-8145ce7 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:36px;font-weight:900;color:#FFFFFF;}.elementor-1043 .elementor-element.elementor-element-5ea6c31 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:36px;font-weight:400;color:#FFFFFF;}.elementor-widget-divider .elementor-divider__text{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1043 .elementor-element.elementor-element-ea7de9b{--divider-border-style:solid;--divider-color:#666666;--divider-border-width:1px;}.elementor-1043 .elementor-element.elementor-element-ea7de9b .elementor-divider-separator{width:100%;}.elementor-1043 .elementor-element.elementor-element-ea7de9b .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-1043 .elementor-element.elementor-element-ea7de9b .elementor-divider__text{color:#F7F7F7;font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-1043 .elementor-element.elementor-element-926e90f{width:100%;max-width:100%;}.elementor-1043 .elementor-element.elementor-element-064cf5b{text-align:center;}.elementor-1043 .elementor-element.elementor-element-064cf5b .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:12px;font-weight:600;}.elementor-1043 .elementor-element.elementor-element-064cf5b > .elementor-widget-container{margin:40px 0px 0px 0px;}@media(max-width:767px){.elementor-1043 .elementor-element.elementor-element-2ef51be{--width:100vw;--min-height:100vh;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1043 .elementor-element.elementor-element-ec0dc44{--min-height:100vh;--justify-content:flex-start;--padding-top:120px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1043 .elementor-element.elementor-element-5175ef2{--width:auto;}}@media(min-width:768px){.elementor-1043 .elementor-element.elementor-element-2ef51be{--width:100vw;}}/* Start custom CSS */:root {
  --bg:#000000;
  --fieldBack:#0c0c10;
  --text: #ffffff;
  --update:#352046;
  --updateHover:#583280;
  --clearButton:#262644;
  --clearHover:#3c3c85;
  --itemBack:#0b0b0f;
  --mainFont:#ffffff;
  --numberColor:#686880;
  --drawingsHead:#FFFFFF;
 --iconHover:#ffffff;
  --but1color:#25354e;
  --but1hover:#2f5794;
  --but2color:#452032;
  --but2hover:#7e325a;
  --but3color:#21443d;
  --but3hover:#347c6a;
  --finePrint:#656584;
  --loginBox:#191920;
}

body,html{
    font-family: "open sans", Sans-Serif;
 background-color: var(--bg);
 overflow-x: hidden;
}

.loginBox{
    padding: 40px;
    background-color:var(--loginBox);
    border-radius:20px;
    width: auto;
    height: auto;
}
#cnaLoginForm{
    width:400px;
}


@media (max-width: 767px) {
loginBox{
    padding: 10px;
    background-color:var(--loginBox);
    border-radius:0px!important;
    width:100vw;
    height:100vh;
}
#cnaLoginForm{
    width:83vw;
}
body,html{
 background-color: var(--loginBox);
}
}


button.loginButton[type="submit"],
input.loginButton[type="submit"] {
  display: inline-block;
  font-weight: 600;
  color: #fff;
  text-align: center;
  background-color:var(--update);
  border: none;
  padding: 0.75rem 1.25rem;
  font-size: 1.2rem;
  border-radius: 6px;
  transition: all 0.3s ease;
  cursor: pointer;
  width: 100%;
  padding: 12px;
  margin-top: 5px;
}

button.loginButton[type="submit"]:hover {
  background-color: var(--updateHover);
}

.socialLogin{
    background-color: #000000;
    border-radius: 6px;
    padding: 15px;
}

/* Shared style for input icon containers */
.form-icon-wrap {
  position: relative;
}

.form-icon-wrap input {
  padding-left: 42px; /* Space for icon */
}

.form-icon-wrap .input-icon {
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
  font-size: 16px;
  color: #888;
  pointer-events: none;
}

/* Optional: style the input for dark mode */
.emailInput,
.passwordInput {
  background-color: #0c0c10;
  color: #fff;
  border: none!important;
  border-radius: 8px;
  height: 68px;
  width: 100%;
  padding: 20px;
  margin-bottom: 15px;
  font-size: 18px;
}

.emailInput {
  background-image: url('data:image/svg+xml,<svg fill="gray" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M2 4v16h20V4H2zm18 2v.511l-8 5.333-8-5.333V6h16zm-16 2.861l8 5.333 8-5.333V18H4V8.861z"/></svg>');
  background-repeat: no-repeat;
  background-position: 14px center;
  background-size: 20px;
  padding-left: 44px!important; /* shift text over */
}

.passwordInput {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='grey' d='M17 8h-1V6a4 4 0 0 0-8 0v2H7a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2Zm-6 8a1 1 0 1 1 2 0 1 1 0 0 1-2 0Zm-2-8V6a3 3 0 0 1 6 0v2H9Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 14px center;
  background-size: 20px;
  padding-left: 44px !important;
}

@media (max-width: 767px) {
    /* Optional: style the input for dark mode */
.emailInput,
.passwordInput {
  height: 60px;
  width: 80vw;
  padding: 10px;
  margin-bottom: 20px;
  font-size: 17px;
}

.emailInput {
  background-position: 10px center;
  background-size: 20px;
  padding-left: 36px!important; /* shift text over */
}

.passwordInput {
  background-position: 10px center;
  background-size: 20px;
  padding-left: 36px !important;
}

}

/* Placeholder styling (color only) */
.emailInput::placeholder,
.passwordInput::placeholder {
  color: #888;
  font-weight: 400;
}


.password-wrap {
  position: relative;
  width: 100%;
}

.passwordInput {
  padding-right: 44px;
}

.toggle-password {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
}

.eye-icon {
    margin-top: -10px;
  width: 20px;
  height: 20px;
}

.forgotPass{
    color:var(--finePrint);
    cursor: pointer;
}
.forgotPass:hover{
    color:var(--text);
}
.jet-form-builder-message--success{
    display: none;
}
div.nsl-container .nsl-button-default div.nsl-button-label-container{
    display: none!important;
}
.nsl-button{
    background-color: #000000;
    padding: 10px;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 100%!important;
    border-radius: 6px;
}

.nsl-container-buttons{
  width: 100%!important;  
}

.nsl-button-svg-container {
  transform: scale(1.3); /* Scale icon up */
  transform-origin: left center;
}/* End custom CSS */