/*!******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/app.scss ***!
  \******************************************************************************************************************************************************/
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;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.form-style {
  padding-top: 170px;
  padding-bottom: 170px;
}
@media (max-width: 767px) {
  .form-style {
    padding-top: 140px;
    padding-bottom: 120px;
  }
}
.form-style .h3 {
  font-size: 24px;
  margin-bottom: 20px;
}
.form-style .h2 {
  font-size: 70px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .form-style .h2 {
    font-size: 52px;
  }
}
.form-style .success-message h3 {
  font-size: 26px;
  font-weight: 700;
}
.form-style .success-message p {
  font-size: 16px;
  line-height: 1.5;
}
.form-style .success-message p em {
  font-style: italic;
}
.form-style .success-message svg {
  height: 60px;
  width: 60px;
  margin-bottom: 20px;
  fill: #00b393;
  color: #00b393;
}

.empty:empty {
  display: none;
}

.form-style-link {
  font-size: 12px;
}
.form-style-link a {
  font-size: 12px;
}
.form-style-link p {
  font-size: 12px;
}

.form-style-main {
  max-width: 360px;
  margin-left: auto;
  margin-right: auto;
}
.form-style-main label {
  display: none;
}
.form-style-main select {
  background-color: #16191E;
  padding: 16px 10px 16px 20px;
  color: #fff;
  font-size: 14px;
  outline: none;
  width: 100%;
  border: 1px solid transparent;
  font-family: "Open Sans", sans-serif;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(../bdeea24803c6788a7475.svg); /* Replace with your own arrow icon */
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 14px;
}
.form-style-main input {
  background-color: #16191E;
  padding: 16px 20px;
  color: #fff;
  font-size: 13px;
  outline: none;
  width: 100%;
  border: 1px solid #16191E;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
}
.form-style-main input.error {
  border-color: #5c1622;
}
.form-style-main input.error:hover {
  border-color: #73131d;
}
.form-style-main input:-webkit-autofill {
  background-color: #16191E;
  color: #fff;
  -webkit-text-fill-color: #fff;
  box-shadow: 0 0 0 1000px #16191E inset;
}
.form-style-main input::placeholder {
  color: #8F9DB1;
  font-weight: 600;
}
.form-style-main input[type=date]::-webkit-calendar-picker-indicator {
  color: #fff;
}
.form-style-main .code-error {
  font-size: 12px;
  font-weight: 500;
  padding: 0 0 10px 0;
  color: rgba(255, 0, 0, 0.6);
  text-align: left;
  text-transform: uppercase;
}
.form-style-main .code-error.content-center {
  text-align: center;
  padding: 0;
}
.form-style-main .checkbox.error-term label {
  color: #a20a0c;
  margin-bottom: 8px;
}
.form-style-main .checkbox.error-term label a {
  color: #a20a0c;
}
.form-style-main .checkbox.error-term label:before {
  border-color: #a20a0c;
}
.form-style-main .checkbox label {
  position: relative;
  cursor: pointer;
  display: block;
  color: #CBCDD1;
  font-size: 12px;
  padding-left: 40px;
  font-weight: 600;
  line-height: 1.4;
  transition: color 0.2s ease-in-out;
}
.form-style-main .checkbox label:hover {
  color: #fff;
}
.form-style-main .checkbox label a {
  text-decoration: none;
  color: #F1DE4A;
}
.form-style-main .checkbox label a:hover {
  color: #949805;
}
.form-style-main .checkbox label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #CBCDD1;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 10px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}
.form-style-main .checkbox input {
  padding: 0;
  position: absolute;
  opacity: 0;
  top: 65%;
  cursor: pointer;
  margin-bottom: 0;
}
.form-style-main .checkbox input:checked + label {
  color: #fff;
}
.form-style-main .checkbox input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 11px);
  left: 9px;
  width: 6px;
  height: 14px;
  border: solid #0c0f15;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.form-style-main .checkbox input:checked + label:before {
  background-color: #F1DE4A;
  border-color: #F1DE4A;
}
.form-style-main .success-message {
  padding-top: 40px;
  padding-bottom: 40px;
}
.form-style-main .submit {
  background-color: #F1DE4A;
  padding: 13px 25px;
  border-radius: 40px;
  font-size: 14px;
  text-transform: uppercase;
  width: 100%;
  display: block;
  font-weight: 700;
  margin-top: 24px;
  transition: all ease 0.2s;
  border: 2px solid #F1DE4A;
  color: #000;
}
.form-style-main .submit:hover {
  background-color: rgb(255, 225, 66);
  cursor: pointer;
  color: #000;
}
.form-style-main .toggle-button {
  display: inline-flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: unset;
  right: 12px;
  cursor: pointer;
  color: #8F9DB1;
}
.form-style-main .eye-icon {
  width: 20px;
  height: 20px;
}
.form-style-main .form-container-list {
  margin-bottom: 10px;
  position: relative;
}
.form-style-main .form-container-list--group-2 {
  display: flex;
}
.form-style-main .form-container-list--group-2 > div {
  width: 100%;
}
.form-style-main .form-container-list--group-2 > div:nth-child(1) {
  margin-right: 10px;
}
.form-style-main .form-container-list--group-3 {
  display: flex;
}
.form-style-main .form-container-list--group-3 input:nth-child(2), .form-style-main .form-container-list--group-3 select:nth-child(2) {
  margin: 0px 10px;
}
.form-style-main .custom-select {
  position: relative;
  display: inline-block;
  width: 100%;
}
.form-style-main .custom-select-wrapper {
  position: relative;
  display: inline-block;
  user-select: none;
  width: 100%;
}
.form-style-main .custom-select-wrapper select {
  display: none;
}
.form-style-main .custom-select-trigger {
  position: relative;
  display: block;
  width: auto;
  padding: 0 24px 0 20px;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  line-height: 50px;
  background: #16191E;
  border-radius: 0px;
  cursor: pointer;
  z-index: 2;
}
.form-style-main .custom-select-trigger:after {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  right: 10px;
  margin-top: -3px;
  transition: all 0.3s ease-in-out;
  transform-origin: 50% 0;
  width: 14px;
  height: 9px;
  font-size: 0;
  border: none;
  background-repeat: no-repeat;
  margin-left: auto;
  background-size: contain;
  background-image: url(../bdeea24803c6788a7475.svg);
}
.form-style-main .custom-select.opened .custom-select-trigger:after {
  margin-top: 3px;
  transform: rotate(-180deg);
}
.form-style-main .custom-select.opened .custom-options {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transform: translateY(0);
  z-index: 10;
}
.form-style-main .custom-option {
  position: relative;
  display: block;
  padding: 6px 20px;
  font-size: 13px;
  line-height: 28px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  z-index: 1;
  background: #16191E;
}
.form-style-main .custom-option:hover {
  background: #292e38;
}
.form-style-main .custom-options {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  right: 0;
  min-width: 100%;
  background: #16191E;
  /*margin 15px 0*/
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
  transition: all 0s ease-in-out;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-15px);
  overflow: auto;
  height: 150px;
  max-height: 50vh;
}

.text {
  padding-top: 24px;
  color: #CBCDD1;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}
.text a {
  text-decoration: none;
  color: #F1DE4A;
  font-weight: 700;
}
.text a:hover {
  color: #949805;
}

.forgot_pas {
  color: #F1DE4A;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  display: table;
  margin: 24px auto 0;
}
.forgot_pas:hover {
  color: #949805;
}

a {
  text-decoration: none;
  color: #F1DE4A;
}
a:hover {
  color: #949805;
}

.gender-selection {
  display: flex;
  gap: 20px;
  margin-top: 24px;
  margin-bottom: 24px;
  color: #CBCDD1;
  font-size: 14px;
}
.gender-selection .radio-container {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 16px;
  cursor: pointer;
}
.gender-selection .radio-container input[type=radio] {
  display: none;
}
.gender-selection .radio-container .custom-radio--text {
  transition: all 0.2s ease-in-out;
  font-size: 14px;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
}
.gender-selection .radio-container .custom-radio {
  width: 20px;
  height: 20px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  display: inline-block;
  position: relative;
  margin-right: 8px;
  transition: all 0.2s ease-in-out;
}
.gender-selection .radio-container .custom-radio:after {
  content: "";
  width: 10px;
  height: 10px;
  background: transparent;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.3s ease-in-out;
}
.gender-selection .radio-container input[type=radio]:checked + .custom-radio {
  border-color: #fff;
  border-width: 2px;
}
.gender-selection .radio-container input[type=radio]:checked + .custom-radio + .custom-radio--text {
  color: #fff;
}
.gender-selection .radio-container input[type=radio]:checked + .custom-radio:after {
  background: #fff;
  transform: translate(-50%, -50%) scale(1);
}

body .iti {
  width: 100%;
  position: relative;
  z-index: 5;
}
body .iti.error {
  border: 1px solid #5c1622;
  margin-bottom: 8px;
}
body .iti.error:hover {
  border: 1px solid #73131d;
}
body .iti.error:after {
  border-left: 1px solid #5c1622;
  border-right: 1px solid #5c1622;
}
body .iti:after {
  content: "";
  position: absolute;
  width: 10px;
  top: -1px;
  bottom: -1px;
  left: calc(50% - 5px);
  background-color: #0c001e;
}
body .iti .iti__country {
  padding-top: 13px;
  padding-bottom: 13px;
}
body .iti .iti__country-list {
  background-color: #16191E;
  z-index: 5;
  max-height: 30vh;
  position: absolute;
  width: 100%;
  top: calc(100% + 8px);
}
body .iti .iti__dial-code {
  font-weight: 600;
  color: #fff;
  font-size: 13px;
}
body .iti .iti__country.iti__highlight:hover {
  cursor: pointer;
  opacity: 0.9;
}
body .iti__country-name {
  font-size: 0;
}
body .iti .form-control {
  padding-left: calc(50% + 25px) !important;
}
body .iti__flag-container {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 171px;
  max-width: 48%;
}
body .iti__selected-dial-code {
  margin-left: 10px !important;
  font-size: 14px !important;
}
body .iti__selected-flag {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 12px 6px 12px 8px;
}
body .iti__selected-flag .iti__arrow {
  width: 14px;
  height: 9px;
  font-size: 0;
  border: none;
  background-repeat: no-repeat;
  margin-left: auto;
  background-size: contain;
  background-image: url(../bdeea24803c6788a7475.svg);
}
body .iti__selected-flag .iti__arrow--up {
  transform: rotate(180deg);
}
body .iti--container {
  position: absolute !important;
  top: calc(100% - 10px) !important;
  left: 0 !important;
  width: calc(50% - 6px) !important;
}

.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  padding: 20px;
}
@media (max-width: 767px) {
  .header .cell-12 {
    text-align: center;
  }
}

* {
  box-sizing: border-box;
}

body {
  font-family: "Open Sans", sans-serif;
  color: #ffffff;
  background-color: #0c001e;
  background-repeat: no-repeat;
  background-position: 100% 0;
}

.text-green {
  color: #4DC38F;
}

h1, h2, h3, h4 {
  font-weight: 700;
}

.yellow {
  color: #F1DE4A;
}

.content-right {
  text-align: right;
}

.tt-uppercase {
  text-transform: uppercase;
}

section {
  max-width: 100vw;
  overflow-y: hidden;
}

.content-center {
  text-align: center;
}

.color-blue {
  color: #13E1EE;
}

.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1100px;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 1600px) {
  .container {
    max-width: 1550px;
  }
}
.container .row-reverse {
  flex-direction: row-reverse;
}
.container .row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
  box-sizing: border-box;
}
.container .row.flex-center {
  align-items: center;
}
.container .row.justify-center {
  justify-content: center;
}
.container .row:not(.no-gup) [class^=cell] {
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
}
.container .row.full {
  max-width: 100%;
  width: 100%;
}
.container .row.full .row {
  max-width: 100%;
  width: 100%;
}
.container .row.reverse {
  flex-direction: row-reverse;
}
@media (min-width: 768px) {
  .container .row.reverse-md {
    flex-direction: row-reverse;
  }
}
@media (min-width: 1024px) {
  .container .row .offset-lg-1 {
    margin-left: 8.33%;
  }
}
.container .row .cell-1 {
  width: 8.3333333333%;
}
.container .row .cell-2 {
  width: 16.6666666667%;
}
.container .row .cell-3 {
  width: 25%;
}
.container .row .cell-4 {
  width: 33.3333333333%;
}
.container .row .cell-5 {
  width: 41.6666666667%;
}
.container .row .cell-6 {
  width: 50%;
}
.container .row .cell-7 {
  width: 58.3333333333%;
}
.container .row .cell-8 {
  width: 66.6666666667%;
}
.container .row .cell-9 {
  width: 75%;
}
.container .row .cell-10 {
  width: 83.3333333333%;
}
.container .row .cell-11 {
  width: 91.6666666667%;
}
.container .row .cell-12 {
  width: 100%;
}
@media (min-width: 1024px) {
  .container .row .cell-ld-1 {
    width: 8.3333333333%;
  }
  .container .row .cell-ld-2 {
    width: 16.6666666667%;
  }
  .container .row .cell-ld-3 {
    width: 25%;
  }
  .container .row .cell-ld-4 {
    width: 33.3333333333%;
  }
  .container .row .cell-ld-5 {
    width: 41.6666666667%;
  }
  .container .row .cell-ld-6 {
    width: 50%;
  }
  .container .row .cell-ld-7 {
    width: 58.3333333333%;
  }
  .container .row .cell-ld-8 {
    width: 66.6666666667%;
  }
  .container .row .cell-ld-9 {
    width: 75%;
  }
  .container .row .cell-ld-10 {
    width: 83.3333333333%;
  }
  .container .row .cell-ld-11 {
    width: 91.6666666667%;
  }
  .container .row .cell-ld-12 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .container .row .cell-md-1 {
    width: 8.3333333333%;
  }
  .container .row .cell-md-2 {
    width: 16.6666666667%;
  }
  .container .row .cell-md-3 {
    width: 25%;
  }
  .container .row .cell-md-4 {
    width: 33.3333333333%;
  }
  .container .row .cell-md-5 {
    width: 41.6666666667%;
  }
  .container .row .cell-md-5-5 {
    max-width: 20%;
  }
  .container .row .cell-md-6 {
    width: 50%;
  }
  .container .row .cell-md-7 {
    width: 58.3333333333%;
  }
  .container .row .cell-md-8 {
    width: 66.6666666667%;
  }
  .container .row .cell-md-9 {
    width: 75%;
  }
  .container .row .cell-md-10 {
    width: 83.3333333333%;
  }
  .container .row .cell-md-11 {
    width: 91.6666666667%;
  }
  .container .row .cell-md-12 {
    width: 100%;
  }
}
@media (min-width: 1600px) {
  .container .row .cell-sl-5-5 {
    max-width: 20%;
  }
}
@media (min-width: 1024px) {
  .container .row .cell-lg-1 {
    width: 8.3333333333%;
  }
  .container .row .cell-lg-2 {
    width: 16.6666666667%;
  }
  .container .row .cell-lg-3 {
    width: 25%;
  }
  .container .row .cell-lg-4 {
    width: 33.3333333333%;
  }
  .container .row .cell-lg-5 {
    width: 41.6666666667%;
  }
  .container .row .cell-lg-6 {
    width: 50%;
  }
  .container .row .cell-lg-7 {
    width: 58.3333333333%;
  }
  .container .row .cell-lg-8 {
    width: 66.6666666667%;
  }
  .container .row .cell-lg-9 {
    width: 75%;
  }
  .container .row .cell-lg-10 {
    width: 83.3333333333%;
  }
  .container .row .cell-lg-11 {
    width: 91.6666666667%;
  }
  .container .row .cell-lg-12 {
    width: 100%;
  }
}
.container .align-center {
  align-items: center;
}
.container .justify-center {
  justify-content: center;
}

.logo {
  display: inline-block;
}

.button-border {
  padding: 16px 40px;
  text-decoration: none;
  font-size: 18px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  position: relative;
}
.button-border::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 8px;
  padding: 2px;
  background: linear-gradient(to right, #F8AF08 7%, #F65006 61%, #F54633 98%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  transition: all 0.3s ease;
}
.button-border:hover {
  background: rgb(246, 80, 6);
  background: linear-gradient(117deg, rgb(246, 80, 6) 8%, rgb(244, 57, 110) 47%, rgb(194, 75, 157) 82%, rgb(231, 41, 209) 100%);
}

.h5 {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  background: #F8AF08;
  background: linear-gradient(117deg, #F8AF08 0%, #F4396E 12%, #C24B9D 15%, #E729D1 35%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.title-gradient-2 {
  background: #F8AF08;
  background: linear-gradient(to right, #F8AF08 7%, #F65006 61%, #F54633 98%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.title-gradient-3 {
  background: #F8AF08;
  background: linear-gradient(to right, #F4396E 7%, #F65006 61%, #F54633 98%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.title-gradient {
  background: #F8AF08;
  background: linear-gradient(to right, #F8AF08 4%, #F65006 24%, #F54633 33%, #F4396E 59%, #C24B9D 72%, #E729D1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.button {
  padding: 16px 20px;
  text-decoration: none;
  font-size: 32px;
  text-transform: uppercase;
  margin: auto;
  display: table;
  color: #000;
  font-weight: 700;
  border-radius: 65px;
  transition: all 0.3s ease;
  width: 460px;
  max-width: 100%;
  text-align: center;
  background: rgb(241, 222, 74);
}
@media (max-width: 767px) {
  .button {
    font-size: 20px;
    width: 100%;
  }
}
.button:hover {
  background: rgb(255, 225, 66);
  color: #000;
}
.button.color-black {
  color: #030303;
}
.button.style-2 {
  background: linear-gradient(117deg, rgb(248, 175, 6) 0, rgb(244, 57, 110) 47%, rgb(194, 75, 157) 82%, rgb(231, 41, 209) 100%);
}
.button.style-2:hover {
  background: linear-gradient(117deg, rgb(231, 41, 209) 8%, rgb(194, 75, 157) 47%, rgb(244, 57, 110) 82%, rgb(246, 80, 6) 100%);
}

.main-home {
  background-position: 50% 10%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-image: url(../dc9558d63f247b3aa7ae.jpg);
}
@media (max-width: 767px) {
  .main-home {
    background-image: url(../fb3f68603a9010eaadc5.jpg);
  }
}

.main-content {
  padding-top: 70px;
  padding-bottom: 70px;
}
.main-content p {
  font-size: 18px;
  margin-bottom: 15px;
}
.main-content h1, .main-content h2, .main-content h3, .main-content h4 {
  font-weight: 700;
  margin-bottom: 20px;
}
.main-content h1 {
  font-size: 38px;
}
.main-content h2 {
  font-size: 30px;
}
.main-content h3 {
  font-size: 28px;
}

.info-box {
  color: #fff;
  font-family: "Open Sans", sans-serif;
  display: flex;
  align-items: center;
  min-height: 100vh;
  margin-left: auto;
  padding-top: 170px;
  padding-bottom: 100px;
}
.info-box .box {
  width: 100%;
}
.info-box h2 {
  font-size: 54px;
  font-weight: 800;
}
@media (max-width: 990px) {
  .info-box h2 {
    font-size: 44px;
  }
}
@media (max-width: 767px) {
  .info-box h2 {
    font-size: 24px;
  }
}
.info-box h1 {
  font-weight: 800;
  font-size: 12vw;
  color: #F1DE4A;
  line-height: 1;
  margin-bottom: 70px;
}
@media (max-width: 767px) {
  .info-box h1 {
    font-size: 33vw;
    margin-bottom: 25px;
  }
}
@media (max-width: 990px) {
  .info-box h1 {
    margin-bottom: 50px;
    font-size: 12vw;
  }
}
@media (min-width: 1920px) {
  .info-box h1 {
    font-size: 282px;
  }
}
.info-box .icon-list {
  list-style: none;
  margin: 50px 0 0;
  padding: 25px 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .info-box .icon-list {
    margin-top: 20px;
  }
}
.info-box .icon-list li {
  border: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 16px;
  margin-left: 8px;
  margin-right: 8px;
  display: flex;
  align-items: center;
  padding: 12px 24px;
  border-radius: 5px;
}
@media (max-width: 1620px) {
  .info-box .icon-list li {
    padding: 12px 16px;
  }
}
@media (max-width: 960px) {
  .info-box .icon-list li {
    padding: 12px 13px;
  }
}
@media (max-width: 767px) {
  .info-box .icon-list li {
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 12px;
  }
}
.info-box .icon-list li img {
  margin-right: 10px;
}
@media (max-width: 1620px) {
  .info-box .icon-list li img {
    max-width: 20px;
  }
}
@media (max-width: 767px) {
  .info-box .icon-list li img {
    max-width: 24px;
  }
}
.info-box .icon-list li p {
  margin: 0;
  font-weight: 700;
  font-size: 16px;
}
@media (max-width: 1620px) {
  .info-box .icon-list li p {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .info-box .icon-list li p {
    font-size: 14px;
  }
}

.relative {
  position: relative;
}

.password-input__strength {
  padding: 5px 0 0;
  width: 100%;
  display: none;
}
.password-input__strength__bad {
  display: block;
}
.password-input__strength__bad .password-input__strength-progress {
  background-color: rgba(255, 0, 0, 0.6);
}
.password-input__strength__bad .password-input__strength-description {
  color: rgba(255, 0, 0, 0.6);
}
.password-input__strength__good {
  display: block;
}
.password-input__strength__good .password-input__strength-progress {
  background-color: #1d79dd;
}
.password-input__strength__good .password-input__strength-description {
  color: #1d79dd;
}
.password-input__strength-bar {
  border-radius: 4px;
  display: block;
  height: 3px;
  margin: 0 0 2px;
  padding: 0;
  position: relative;
  width: 100%;
}
.password-input__strength-progress {
  border-radius: 4px;
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  transition: background-color 0.3s ease, width 0.3s ease;
}
.password-input__strength-description {
  color: #999;
  display: block;
  font-size: 12px;
  font-weight: 500;
  margin: 0;
  padding: 0;
  text-align: right;
  text-transform: uppercase;
  transition: color 0.3s ease;
  width: 100%;
}