/*  Include Font  */
@font-face {
  font-family: "Averta";
  src: url("../averta-thin.html");
  src: url("../averta-thin.html") format("opentype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Averta";
  src: url("../averta-light.html");
  src: url("../averta-light.html") format("opentype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Averta";
  src: url("../averta-regular.html");
  src: url("../averta-regular.html") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Averta";
  src: url("../averta-semibold.html");
  src: url("../averta-semibold.html") format("opentype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Averta";
  src: url("../averta-bold.html");
  src: url("../averta-bold.html") format("opentype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Averta";
  src: url("../averta-extrabold.html");
  src: url("../averta-extrabold.html") format("opentype");
  font-weight: 800;
  font-style: normal;
}

@property --linear-gradient-1 {
  syntax: '<color>';
  initial-value: #3D3AC4;
  inherits: false;
}

@property --linear-gradient-2 {
  syntax: '<color>';
  initial-value: #3D3AC4;
  inherits: false;
}

@keyframes move {
  100% {
    offset-distance: 100%;
  }
}


/*  Global Reset  */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
  font-family: Averta;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-spacing: 0;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
}

/* Project Styles */
.brz-login-container {
  display: flex;
  overflow: hidden;
  position: relative;
  height: 100vh;
}

.brz-login-left-side {
  width: 50%;
  height: 100vh;
  border-radius: 0 190px 0 0;
  background-color: #FFFFFF;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.brz-login-right-side .brz-login-logo {
  position: absolute;
  top: 50px;
  left: 50px;
  z-index: 1;
  height: 46px;
}

.brz-login-left-side .brz-login-wrapper {
  width: 530px;
  padding: 50px 0 0 60px;
  position: absolute;
}

.brz-login-left-side .brz-login-wrapper,
.brz-login-left-side img {
  z-index: 1;
}

.brz-login-left-side .brz-login-h1-text {
  color: #0E0736;
  font-family: Averta;
  font-size: 44px;
  font-weight: bold;
  letter-spacing: -0.85px;
  line-height: 49px;
}

.brz-login-left-side .brz-login-h1-text:last-of-type {
  margin-bottom: 25px;
}

.brz-login-left-side .brz-login-p-text {
  opacity: 0.85;
  color: #0E0736;
  font-family: Averta;
  font-size: 19px;
  letter-spacing: -0.36px;
  line-height: 29px;
  width: 371px;
}

.brz-login-left-side .brz-login-gradient-container,
.brz-login-left-side .brz-login-gradient-item.brz-login-gradient-item-1 {
  filter:blur(35.91px);
  animation-name: move;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-duration: 16s;
}

.brz-login-left-side .brz-login-gradient-container,
.brz-login-left-side .brz-login-gradient-item {
  position: absolute;
}

.brz-login-left-side .brz-login-gradient-item.brz-login-gradient-item-1 {
  height: 34.9%;
  width: 100%;
  bottom: 0;
  opacity: 0.51;
  background: linear-gradient(180deg, rgba(238,238,238,0) 0%, #4f28ff 100%);
}

.brz-login-left-side .brz-login-gradient-container.brz-login-gradient-container-2 {
  height: 91.36%;
  width: 140.11%;
  top: -23.8%;
  left: 22.28%;
  opacity: 0.6;
  offset-path: path("M 700, 200 m 40, 0 a 40,40 0 1,0 -80,0 a 40,40 0 1,0  80,0");
}

.brz-login-left-side .brz-login-gradient-container.brz-login-gradient-container-3 {
  height: 89.12%;
  width: 79.43%;
  top: 59.56%;
  left: -19.33%;
  opacity: 0.77;
  offset-path: path("M 400, 400 m 10, 0 a 10,10 0 1,0 -20,0 a 10,10 0 1,0  20,0");
}

.brz-login-left-side .brz-login-gradient-container.brz-login-gradient-container-4 {
  height: 64.76%;
  width: 62.28%;
  top: 52.19%;
  left: -11.77%;
  opacity: 0.28;
  offset-path: path("M -100, 200 m 20, 0 a 20,20 0 1,0 -40,0 a 20,20 0 1,0  40,0");
}

.brz-login-left-side .brz-login-gradient-container.brz-login-gradient-container-5 {
  height: 36.32%;
  width: 50.2%;
  top: 49.4%;
  left: -19.44%;
  opacity: 0.57;
  offset-path: path("M 150, 100 m 15, 0 a 15,15 0 1,0 -30,0 a 15,15 0 1,0  30,0");
}

.brz-login-left-side .brz-login-gradient-container.brz-login-gradient-container-6 {
  height: 85.33%;
  width: 54.12%;
  top: 64.44%;
  left: -5.79%;
  opacity: 0.27;
  offset-path: path("M 200, 500 m 20, 0 a 20,20 0 1,0 -40,0 a 20,20 0 1,0  40,0");
}

.brz-login-left-side .brz-login-gradient-container.brz-login-gradient-container-7 {
  height: 44.67%;
  width: 61.74%;
  left: -40.95%;
  top: 15.07%;
  opacity: 0.52;
  offset-path: path("M 200, 200 m 30, 0 a 30,30 0 1,0 -60,0 a 30,30 0 1,0  60,0");
}

.brz-login-left-side .brz-login-gradient-container.brz-login-gradient-container-8 {
  height: 85.22%;
  width: 94.1%;
  left: -3.94%;
  top: 65.41%;
  opacity: 0.88;
  offset-path: path("M 550, 550 m 30, 0 a 30,30 0 1,0 -60,0 a 30,30 0 1,0  60,0");
}

.brz-login-left-side .brz-login-gradient-container.brz-login-gradient-container-9 {
  height: 64.3%;
  width: 65.21%;
  left: 24.54%;
  top: -14.8%;
  offset-path: path("M 400 300 m -40, 0 a 40,40 0 1,0 80,0 a 40,40 0 1,0 -80,0");
}

.brz-login-left-side .brz-login-gradient-item.brz-login-gradient-item-2 {
  opacity: 0.6;
  background: radial-gradient(circle, rgba(131,234,255,0.74) 0%, rgba(163,236,255,0.35) 100%);
  clip-path: url("#brz-login-gradient-2");
}

.brz-login-left-side .brz-login-gradient-item.brz-login-gradient-item-3 {
  opacity: 0.77;
  background: radial-gradient(circle, rgba(201,50,238,0.56) 0%, #BFA0FF 100%);
  clip-path: url("#brz-login-gradient-3");
}

.brz-login-left-side .brz-login-gradient-item.brz-login-gradient-item-4 {
  opacity: 0.28;
  background: radial-gradient(circle, rgba(152,50,238,0.56) 0%, #BFA0FF 100%);
  clip-path: url("#brz-login-gradient-4");
}

.brz-login-left-side .brz-login-gradient-item.brz-login-gradient-item-5 {
  opacity: 0.57;
  background: linear-gradient(298.31deg, rgba(110,118,244,0) 0%, #966EF4 56.1%, #DCDCDC 100%);
  clip-path: url("#brz-login-gradient-5");
}

.brz-login-left-side .brz-login-gradient-item.brz-login-gradient-item-6 {
  opacity: 0.27;
  background-color: rgba(244,160,255,0.79);
  clip-path: url("#brz-login-gradient-6");
}

.brz-login-left-side .brz-login-gradient-item.brz-login-gradient-item-7 {
  opacity: 0.52;
  background: linear-gradient(298.31deg, rgba(110,118,244,0) 0%, #966EF4 56.1%, #DCDCDC 100%);
  clip-path: url("#brz-login-gradient-7");
}

.brz-login-left-side .brz-login-gradient-item.brz-login-gradient-item-8 {
  opacity: 0.88;
  background: radial-gradient(circle, #4B3AC3 0%, #769AFC 54.64%, rgba(216,216,216,0) 100%);
  clip-path: url("#brz-login-gradient-8");
}

.brz-login-left-side .brz-login-gradient-item.brz-login-gradient-item-9 {
  background: radial-gradient(circle, #D0F7FF 0%, rgba(163,236,255,0.35) 100%);
  clip-path: url("#brz-login-gradient-9");
}

.brz-login-right-side {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.brz-login-right-side .brz-login-divider {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 5px 0 10px;
}

.brz-login-right-side .brz-login-info {
  display: flex;
  justify-content: space-between;
  position: absolute;
  /*left: 50px;*/
  bottom: 8px;
  width: 193px;
}

.brz-login-right-side.brz-login-right-side.brz-login-right-side .brz-login-info a {
  transition: opacity .15s cubic-bezier(0.645, 0.045, 0.355, 1),
  color .15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.brz-login-right-side.brz-login-right-side.brz-login-right-side .brz-login-info a,
.brz-login-right-side .brz-login-divider p {
  opacity: 0.5;
  color: #322C54;
  font-family: Averta;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2.02px;
  line-height: 34px;
  text-decoration: none;
}

.brz-login-right-side .brz-login-divider .brz-login-line {
  box-sizing: border-box;
  height: 1px;
  width: calc(100% - 40px);
  border: 1px dashed #CCD5E4;
}

.brz-login-right-side .brz-login-form {
  width: 360px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  gap: 10px;
}

.brz-login-right-side .brz-login-btn-container {
  width: 282px;
  margin-top: 6px;
  display: flex;
  justify-content: center;
}

.brz-login-right-side .brz-login-btn-container .brz-login-btn {
  height: 52px;
  width: 250px;
  border-radius: 6.6px;
  border: none;
  background-color: #4552E5;
  transition: background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}

.brz-login-right-side .brz-login-btn-container .brz-login-btn:hover {
  background-color: #0E0736;
}

.brz-login-right-side .brz-login-btn-container .brz-login-btn .brz-login-icon-arrow-right {
  margin: 13px;
}

/*.brz-login-right-side .brz-login-btn-container .brz-login-btn .brz-login-icon-arrow-right {*/
/*  padding-left: 13px;*/
/*}*/

.brz-login-right-side .brz-login-btn-container .brz-login-btn p {
  height: 23.1px;
  color: #FFFFFF;
  font-family: Averta;
  font-size: 18.7px;
  font-weight: 600;
  letter-spacing: -0.23px;
  line-height: 22px;
  text-align: center;
}

.brz-login-right-side p {
  color: #A4A1B1;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  font-family: Averta;
  font-size: 16px;
  letter-spacing: -0.3px;
  line-height: 34px;
}

.brz-login-right-side *:not(.brz-login-info) a:not(.brz-login-logo-wrap) {
  text-decoration: none;
  background: linear-gradient(270deg, var(--linear-gradient-2) 0%, var(--linear-gradient-1) 100%);
  background-color: #3D3AC4;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: 
  --linear-gradient-1 .2s cubic-bezier(0.645, 0.045, 0.355, 1),
  --linear-gradient-2 .2s cubic-bezier(0.645, 0.045, 0.355, 1);
  font-family: Averta;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.3px;
  line-height: 34px;
}

.brz-login-right-side .brz-login-info a:not(.brz-login-logo-wrap):hover {
  opacity: 1;
  color:#0e0736;
}

.brz-login-right-side *:not(.brz-login-info) a:not(.brz-login-logo-wrap,.brz-login-info):hover {
  --linear-gradient-2: #3D3AC4;
  --linear-gradient-1: #A25FFB;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.brz-login-right-side .brz-login-logo-wrap:hover,
.brz-login-right-side .brz-login-input-wrap {
  background-color: #F1F7FC;
}

.brz-login-right-side .brz-login-logo-wrap:first-of-type,
.brz-login-right-side .brz-login-logo-wrap:nth-of-type(4) {
  margin-top: 20px;
}

.brz-login-right-side .brz-login-logo-wrap {
  text-decoration: none;
}

.brz-login-right-side .brz-login-logo-wrap,
.brz-login-right-side .brz-login-input-wrap {
  box-sizing: border-box;
  height: 52px;
  border: 1px solid rgba(182,195,215,0.5);
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 20px;
  width: 100%;
  transition: background-color .3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.brz-login-right-side .brz-login-input-wrap input {
  width: 100%;
  background-color: inherit;
  border: none;
  height: 35px;
  opacity: 0.75;
  color: #322C54;
  font-family: Averta;
  font-size: 18px;
  letter-spacing: -0.34px;
  line-height: 34px;
  outline: none;
}

.brz-login-right-side  input[type="text"] {
  width: 100%;
  background-color: inherit;
  border: none;
  height: 35px;
  opacity: 0.75;
  color: #322C54;
  font-family: Averta;
  font-size: 18px;
  letter-spacing: -0.34px;
  line-height: 34px;
  outline: none;
}


.brz-login-right-side .brz-login-logo-wrap .brz-login-icon.brz-login-logo-icon {
  height: 22px;
  width: 22px;
}

.brz-login-right-side .brz-login-input-wrap .brz-login-icon.brz-login-icon-eye.brz-login-icon-eye-hide {
  mask: url(../svg/closed_eye.svg);
  -webkit-mask: url(../svg/closed_eye.svg);
  /*mask: url(images/closed_eye.svg);*/
  /*-webkit-mask: url(images/closed_eye.svg);*/
  width: 22px;
  height: 18px;
}

.brz-login-right-side .brz-login-input-wrap .brz-login-icon.brz-login-icon-eye.brz-login-icon-eye-show {
  mask: url(../svg/open_eye.svg);
  -webkit-mask: url(../svg/open_eye.svg);
  width: 22px;
  height: 14px;
}

.brz-login-right-side .brz-login-input-wrap .brz-login-icon.brz-login-icon-eye {
  margin-left: 18px;
  background-color: #635F7F;
  background-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-size: 18px;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 18px;
  transition: background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.brz-login-right-side .brz-login-input-wrap .brz-login-icon.brz-login-icon-eye:hover {
  background-color: #0E0736;
}

.brz-login-right-side h3 {
  font-size: 30px;
  letter-spacing: -0.5px;
}

.brz-login-right-side h5 {
  font-size: 17px;
  letter-spacing: -0.36px;
}

.brz-login-right-side h3,
.brz-login-right-side h5 {
  color: #0E0736;
  font-family: Averta;
  font-weight: 600;
  line-height: 30px;
}

.brz-login-right-side .brz-login-align-center {
  text-align: center;
  width: 100%;
}

.brz-login-right-side .brz-login-cursor-pointer {
  cursor: pointer;
}

.brz-login-left-side .brz-login-slider {
  z-index: 1;
}

.brz-login-left-side .brz-login-slider .brz-login-slide:not(.brz-login-slide-hidden) {
  opacity: 1;
  transition: opacity 1s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.brz-login-left-side .brz-login-slider .brz-login-slide#brz-login-slide-3 img {
  width: 94%;
  position: absolute;
  right: -80px;
  bottom: 45px;
}

.brz-login-left-side .brz-login-slider .brz-login-slide#brz-login-slide-1 img {
  width: 88.5%;
  position: absolute;
  right: -77px;
  bottom: 10px;
}

.brz-login-left-side .brz-login-slider .brz-login-slide#brz-login-slide-2 img {
  width: 84.5%;
  position: absolute;
  right: 0;
  bottom: -28px;
}

.brz-login-left-side .brz-login-slider .brz-login-slide#brz-login-slide-4 img {
  width: 81%;
  position: absolute;
  right: 0;
  bottom: 20px;
}

.brz-login-left-side .brz-login-balls {
  display: flex;
  gap: 5px;
  position: absolute;
  top: 250px;
  left: 60px;
  z-index: 2;
}

.brz-login-left-side ul.brz-login-balls li.brz-login-ball {
  width: 6px;
  height: 6px;
  border: 1.6px solid #0E0736;
  border-radius: 50%;
  opacity: 0.5;
  display: block;
  transition: background-color 1s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.brz-login-left-side ul.brz-login-balls li.brz-login-ball.brz-login-active-ball {
  background-color: #0E0736;
  opacity: 1;
}

.brz-login-slide-hidden.brz-login-slide-hidden.brz-login-slide-hidden {
  opacity: 0;
  transition: opacity 1s cubic-bezier(0.34, 0.69, 0.1, 1);
}

.brz-login-hidden.brz-login-hidden.brz-login-hidden {
  display: none;
}

.brz-login-disabled:hover.brz-login-disabled:hover.brz-login-disabled:hover,
.brz-login-disabled.brz-login-disabled.brz-login-disabled {
  cursor: not-allowed;
}

.brz-login-disabled.brz-login-disabled.brz-login-disabled .brz-login-btn {
  pointer-events: none;

  background-color: #0E0736;
  opacity: 0.5;
}



/*@media only screen and (max-width: 820px) {*/
@media only screen and (max-width: 1030px) {
  .brz-login-container {
    flex-direction: column;
    align-items: center;
  }

  .brz-login-left-side {
    display:none
  }

  .brz-login-right-side {
    margin: 30px;
    width: calc(100% - 60px);
    height: 100%;
  }

  .brz-login-right-side .brz-login-info {
    bottom: 0;
  }

  .brz-login-right-side .brz-login-logo {
    top: 0;
  }

  .brz-login-right-side .brz-login-info,
  .brz-login-right-side .brz-login-logo {
    left: unset;
  }

  .brz-login-right-side.brz-login-right-side.brz-login-right-side .brz-login-btn.brz-login-btn.brz-login-btn,
  .brz-login-right-side .brz-login-btn-container {
    width: 100%;
  }
}

@media only screen and (max-width: 450px) {
  .brz-login-container {
    overflow-y: auto;
  }

  .brz-login-right-side .brz-login-form {
    width: 100%;
  }

  .brz-login-left-side .brz-login-gradient-item.brz-login-gradient-item-6,
  .brz-login-left-side .brz-login-gradient-item.brz-login-gradient-item-7,
  .brz-login-left-side .brz-login-gradient-item.brz-login-gradient-item-8 {
    display: none;
  }
}

@media only screen and (max-width: 380px) {
  .brz-login-left-side .brz-login-wrapper .brz-login-h1-text {
    font-size: 30px;
    line-height: 38px;
  }

  .brz-login-right-side p {
    font-size: 15px;
  }

  .brz-login-right-side .brz-login-form {
    width: 100%;
    padding: 15px 0;
  }
}

.brz-form-content{
  font-family: Averta;

}

.brz-form-content legend{

  text-align: center;
  padding-top: 20px;
  color: #A4A1B1;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  font-family: Averta;
  font-size: 16px;
  letter-spacing: -0.3px;
  line-height: 21px;
}

.brz-login-form legend {
  color: #0E0736;
  font-family: Averta;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
}

/*.brz-form-content .am-element{*/
.brz-login-form .am-element{
  color: #A4A1B1;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  font-family: Averta;
  font-size: 16px;
  letter-spacing: -0.3px;
  line-height: 21px;
}
.brz-login-form label{
  opacity: 0.85;
  color: #0E0736;
  font-family: Averta;
  font-size: 19px;
  letter-spacing: -0.36px;
  line-height: 29px;
  width: 371px;
}

.brz-form-content  .am-row:nth-child(2) .am-element {
  color: #A4A1B1;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  font-family: Averta;
  font-size: 16px;
  letter-spacing: -0.3px;
  line-height: 21px;
}

.brz-form-content  .am-row:first-child .am-element {
  color: #0E0736;
  font-family: Averta;
  font-weight: 600;
  line-height: 30px;
}

/*.brz-form-content  .am-row:nth-child(3) label {*/
/*  color: #A4A1B1*/
/*}*/

/*.brz-form-content  .am-row:nth-child(1) label {*/
/*  color: #A4A1B1*/
/*}*/

/*.brz-form-content  .am-row:nth-child(3) input {*/
/*  width: 100%;*/
/*  background-color: rgb(241, 247, 252);*/
/*  border: none;*/
/*  height: 35px;*/
/*  opacity: 0.75;*/
/*  color: #322C54;*/
/*  font-family: Averta;*/
/*  font-size: 18px;*/
/*  letter-spacing: -0.34px;*/
/*  line-height: 34px;*/
/*  outline: none;*/
/*}*/

/*.brz-form-content  .am-row:nth-child(3) .am-element-title {*/
/*   padding-bottom: 10px;*/
/*}*/

/*.brz-form-content  .am-row:nth-child(3) .am-element {*/
/*  background-color: rgb(241, 247, 252);*/
/*  box-sizing: border-box;*/
/*  height: 52px;*/
/*  border: 1px solid rgba(182,195,215,0.5);*/
/*  border-radius: 6px;*/
/*  display: flex;*/
/*  align-items: center;*/
/*  padding: 20px;*/
/*  width: 100%;*/
/*  transition: background-color .3s cubic-bezier(0.645, 0.045, 0.355, 1);*/
/*}*/


.brz-form-content  .am-row:nth-child(4) input:first-child {
  /*height: 35px;*/
  width: 100px;
  border-radius: 6.6px;
  border: none;
  background-color: #4552E5;
  transition: background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  margin: 10px 0;
  /*color: white;*/
  cursor: pointer;

  color: #FFFFFF;
  font-family: Averta;
  font-size: 18.7px;
  font-weight: 600;
  line-height: 22px;
  height: 52px;
}

.brz-form-content  .am-row:nth-child(4) input:first-child:hover {
  background-color: #0E0736;
}

.brz-form-content  .am-row:nth-child(4) input:nth-child(2){
  /*height: 35px;*/
  width: 100px;
  border-radius: 6.6px;
  border: none;
  background-color: rgb(241, 247, 252);
  transition: background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  margin: 10px 0;
  color: #322C54;
  cursor: pointer;

  font-family: Averta;
  font-size: 18.7px;
  font-weight: 600;
  line-height: 22px;
  height: 52px;
}

.brz-form-content  .am-row:nth-child(4) input:nth-child(2):hover {
  background-color: #0E0736;
  color: white;
}

.brz-login-reset-password-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#forgot-password-container #sendpass-submit-btn {
  height: 52px;
  width: 250px;
  border-radius: 6.6px;
  border: none;
  background-color: #4552E5;
  transition: background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  color: #FFFFFF;
  font-family: Averta;
  font-size: 18.7px;
  font-weight: 600;
  letter-spacing: -0.23px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
}

#forgot-password-container #sendpass-submit-btn:disabled{
  background-color: #0E0736;
  opacity: 0.5;
}



#forgot-password-container #sendpass-submit-btn:hover {
  background-color: #0E0736;
  color: white;
}



#forgot-password-container{
  margin-top: 10px;
}

#forgot-password-container label{
  display: none;
}

#forgot-password-container .am-row-sendpass-notice{
  margin-bottom: 10px;
}

#forgot-password-container .am-row-buttons .am-element{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
  width: 100%;
}

.register-form-container .am-form{
  width: 100%;
}
.register-form-container .am-form .error{
  color: red;
  font-weight: 400;
}
.register-form-container .am-form .am-error{
  color: red;
  font-weight: 400;
}

.register-form-container.register-form-container input[type="submit"]{
  margin-top: 10px;
  height: 52px;
  width: 250px;
  border-radius: 6.6px;
  border: none;
  background-color: #4552E5;
  transition: background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  opacity: 1;
  cursor: pointer;
  color: #FFFFFF;
  font-size: 18.7px;
  font-weight: 600;
  letter-spacing: -0.23px;
  line-height: 0px;
  text-align: center;
}

.register-form-container.register-form-container input[type="submit"]:hover{
  background-color: #0E0736;
}

.register-form-container.register-form-container input[type="submit"]:disabled{
  background-color: #0E0736;
  opacity: 0.5;
}

.register-form-container.register-form-container .form-submit span{
  display: flex;
  justify-content: center;
}

@media only screen and (max-width: 820px){
  .register-form-container.register-form-container input[type="submit"]{
    width: 100%;
  }

  #forgot-password-container #sendpass-submit-btn{
    width: 100%;
  }
}

.brz-login-form.register-form-container input{
  box-sizing: border-box;
  height: 52px;
  border: 1px solid rgba(182,195,215,0.5);
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 20px;
  width: 100%;
  transition: background-color .3s cubic-bezier(0.645, 0.045, 0.355, 1);
  background-color: rgb(241, 247, 252);
  opacity: 0.75;
  color: #322C54;
  font-family: Averta;
  font-size: 18px;
  letter-spacing: -0.34px;
  line-height: 34px;
}
.brz-login-form.register-form-container .am-element{
  margin-bottom: 10px;
}
.brz-login-form.register-form-container .element{
  margin-bottom: 10px;
}

.brz-login-form.register-form-container label{
  display: none;
}




.brz-login-form.register-form-container input:focus-visible {
  outline: none
}



.brz-login-form .am-element input[type="text"]{
  box-sizing: border-box;
  height: 52px;
  border: 1px solid rgba(182,195,215,0.5);
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 20px;
  width: 100%;
  transition: background-color .3s cubic-bezier(0.645, 0.045, 0.355, 1);
  background-color: rgb(241, 247, 252);
  opacity: 0.75;
  color: #322C54;
  font-family: Averta;
  font-size: 18px;
  letter-spacing: -0.34px;
  line-height: 34px;
}


.grecaptcha-badge{
  display: none;
}



@keyframes animation-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.loading-spinner {
  animation-name: animation-spin;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.icon-spinner-input-right-side{
  position: absolute;
  top: 29px;
  left: 257px;
}

.icon-arrow-input-right-side{
  position: absolute;
  top: 32px;
  left: 257px;
}

.mb-10{
  margin-bottom: 10px;
}

.brz-login-form.brz-form-content #two-factor-hotp{
  text-align: center;
}

.brz-login-form.brz-form-content #two-factor-hotp #row-pass-0 .am-element-title{
  display: none;
}

.brz-login-form.brz-form-content #two-factor-hotp  #row-qfauto-2{
  margin-bottom: 10px;
}


.brz-login-info.google-terms-condition p{
  color: #A4A1B1;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  font-family: Averta;
  font-size: 12px;
  letter-spacing: -0.3px;
  line-height: 20px;
}

.brz-login-right-side.brz-login-right-side.brz-login-right-side .brz-login-info.google-terms-condition p a{
  text-decoration: none;
  transition: color .2s cubic-bezier(0.645, 0.045, 0.355, 1);
  font-family: Averta;
  font-weight: bold;
  letter-spacing: -0.3px;
  line-height: 34px;
  color: #A4A1B1;
  background: #fff;
  -webkit-text-fill-color: #A4A1B1;
  opacity: 1;
}

.brz-login-right-side.brz-login-right-side.brz-login-right-side .brz-login-info.google-terms-condition p a:hover{

  -webkit-text-fill-color: #3D3AC4;;

}


.brz-login-right-side .brz-login-go-to-login-from-reset-password-btn, .brz-login-right-side p {
  color: #A4A1B1;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  font-family: Averta;
  font-size: 16px;
  letter-spacing: -0.3px;
  line-height: 34px;
}

@media only screen and (max-width: 1400px){
  .signup-terms.brz-login-align-center p {
    font-size: 14px;
    line-height: 20px;
  }
  .signup-terms.brz-login-align-center p a{
    font-size: 14px!important;
    line-height: 20px!important;
  }

  .brz-login-left-side .brz-login-h1-text{
    font-size: 32px;
  }

  .brz-login-left-side .brz-login-p-text {
    font-size: 15px;
    width: 300px;
  }


  .brz-login-right-side .brz-login-logo{
    top: 10px;
    height: 36px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;

  }

  .brz-login-right-side h3{
    font-size: 26px;
    line-height: 26px;
  }
  .brz-login-right-side p {
    font-size: 14px;
    line-height: 20px;
  }

  .brz-login-right-side.brz-login-right-side.brz-login-right-side a:not(.brz-login-info a){
    font-size: 14px;
    line-height: 20px;
  }
}

.signup-code-error-text-message{
  color: #0E0736;
  font-family: Averta;
  font-weight: 600;
  line-height: 30px;
}

.error{
  color: red;
}


form[action="/account/signup"] #row-_newsletter-0-0,
form[action="/account/signup/default"] #row-_newsletter-0-0{
  display: inline-flex;
  flex-direction: row-reverse;
  align-items: center;
}

form[action="/account/signup"] #row-_newsletter-0-0 .am-element,
form[action="/account/signup/default"] #row-_newsletter-0-0 .am-element{
  margin-bottom: 0px;
}

form[action="/account/signup"] #row-_newsletter-0-0 input#_newsletter-0-0,
form[action="/account/signup/default"] #row-_newsletter-0-0 input#_newsletter-0-0{
  height: 100%;
}

form[action="/account/signup"] #row-_newsletter-0-0 label,
form[action="/account/signup/default"] #row-_newsletter-0-0 label{
  display: block;
  padding-left: 10px;
  font-size: 13px;
  color: #A4A1B1;
}


form[action="/account/signup"] #row-_i_agree-page-0-0-0,
form[action="/account/signup/default"] #row-_i_agree-page-0-0-0
{
  display: inline-flex;
  flex-direction: row-reverse;
  align-items: center;
  margin-bottom: 10px;
}

form[action="/account/signup"] #row-_i_agree-page-0-0-0 span.required,
form[action="/account/signup/default"] #row-_i_agree-page-0-0-0 span.required
{
  display: none;
}

form[action="/account/signup"] #row-_i_agree-page-0-0-0 .am-element,
form[action="/account/signup/default"] #row-_i_agree-page-0-0-0 .am-element
{
  margin-bottom: 0px;
}

form[action="/account/signup"] #row-_i_agree-page-0-0-0 input#_i_agree-page-0-0-0,
form[action="/account/signup/default"] #row-_i_agree-page-0-0-0 input#_i_agree-page-0-0-0
{
  height: 100%;
}

form[action="/account/signup"] #fieldset-agreement-legend,
form[action="/account/signup/default"] #fieldset-agreement-legend
{
  display: none;
}


form[action="/account/signup"] #row-_i_agree-page-0-0-0 .am-element span,
form[action="/account/signup/default"] #row-_i_agree-page-0-0-0 .am-element span
{
  position: absolute;
}


form[action="/account/signup"] #row-_i_agree-page-0-0-0 label,
form[action="/account/signup/default"] #row-_i_agree-page-0-0-0 label
{
  display: block;
  padding-left: 10px;
  font-size: 13px;
  color: #A4A1B1;
}

form[action="/account/signup"] #row-_i_agree-page-0-0-0 label a,
form[action="/account/signup/default"] #row-_i_agree-page-0-0-0 label a
{
  font-size: 15px;
}


