@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Gugi:&display=swap");

/* body {
    margin: 0;
    padding: 0;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
} */

html {
  scroll-behavior: smooth;
}

/* body::-webkit-scrollbar {
    width: 12px;
    background-color: #0a090f;
} */

/* body::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background-color: var(--green);
} */

.fEx-container {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 30px;
}

.fEx-row {
  display: flex;
  column-gap: 30px;
}

.fEx-col-6 {
  width: 50%;
}

.fEx-img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

a.fEx-link {
  text-decoration: none;
}

/* New to Factorex */

.factorex-register {
  background-color: #000;
  padding: 60px 0;
}

.factorex-img {
  width: 100%;
}

.factorex-register .fEx-row {
  align-items: center;
}

.fEx-btn-login {
  background-color: var(--green);
  min-width: 300px;
  width: 100%;
  border-radius: 50px;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 30px;
  cursor: pointer;
  border: none;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
}

.fEx-btn-login:hover {
  background-color: #fff;
  color: var(--green);
  text-decoration: none;
  border: 2px solid var(--green);
  font-family: "Roboto", sans-serif;
}

.fEx-on-click-btn-login {
  /* background-color: var(--of-gold); */
  background-image: linear-gradient(
    to right,
    var(--of-gold) 0%,
    #ffcc33 51%,
    var(--of-gold) 100%
  );
  min-width: 300px;
  width: 100%;
  border-radius: 50px;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 30px;
  cursor: pointer;
  border: none;
  color: #000;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
}

input.fEx-from-input {
  width: calc(100% - 40px);
  font-size: 16px;
  min-height: 47px;
  border-radius: 4px;
  border: none;
  padding: 0 20px;
}

input[type="email"].fEx-zero-input-focus:focus,
input[type="number"].fEx-zero-input-focus:focus,
input[type="password"].fEx-zero-input-focus:focus,
input[type="text"].fEx-zero-input-focus:focus,
input[type="url"].fEx-zero-input-focus:focus,
textarea.fEx-zero-input-focus:focus {
    border: none;
    outline: none;
}

.fEx-remember {
  height: 20px;
  width: 20px;
}

.fEx-fild-row, .fEx-fild-protected-row {
  margin-bottom: 12px;
}

.fEx-fild-row button {
  max-width: 90%;
  margin: 0 auto;
}

.fEx-fild-row label {
  padding-bottom: 6px;
  color: #ffffff;
  display: inline-flex;
}

.fEx-check-box {
  display: flex;
  align-items: center;
  column-gap: 5px;
  cursor: pointer;
}

.factorex-logo {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  column-gap: 15px;
}

.factorex-logo span {
  color: #ffffff;
  font-family: "Gugi", Sans-serif;
  font-size: 40px;
  font-weight: 700;
}

.factorex-from {
  max-width: 480px;
}

.fEx-inner-header {
  color: var(--green);
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  column-gap: 20px;
}

.fEx-inner-header::before {
  content: "";
  width: 30px;
  height: 3px;
  background-color: var(--green);
  display: inline-block;
  vertical-align: middle;
}

.fEx-inner-header::after {
  content: "";
  width: 40px;
  height: 3px;
  background-color: var(--green);
  display: inline-block;
  vertical-align: middle;
}

.fEx-fild-link {
  display: flex;
  align-items: start;
  flex-direction: column;
  row-gap: 5px;
  margin-top: 20px;
}

.fEx-fild-link a.fEx-password {
  color: #7a7a7a;
  text-decoration: none;
  text-align: left;
  font-size: 14px;
}

.fEx-fild-link a.fEx-password:hover,
.fEx-register:hover {
  color: var(--of-gold);
  font-weight: bold;
}

.fEx-fild-link span {
  color: #7a7a7a;
  text-decoration: none;
  text-align: left;
}

.fEx-fild-link span a {
  color: #7a7a7a;
}

/* innovative */
.fEx-innovative-platform {
  padding: 80px 0;
  background-color: #fff;
}

.fEx-Innovative-img {
  overflow: hidden;
}

.fEx-btn-action {
  display: flex;
  align-items: center;
}

.fEx-btn-action a {
  font-family: "Roboto", Sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #999999;
  background-color: rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #cccccc;
  border-radius: 24px 24px 24px 24px;
  text-decoration: none;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: fit-content;
  padding: 0 30px;
  transition: all 0.3s;
}

.fEx-btn-action a:hover {
  color: #ffffff;
  background-color: #777777;
  border-color: #777777;
}
.fEx-btn-action svg {
  min-width: 20px;
}
.fEx-btn-action svg path {
  min-width: 20px;
  fill: #777777;
}

.fEx-btn-action a:hover svg path {
  fill: #fff;
}

.fEx-btn-action span {
  min-width: fit-content;
  margin-left: 5px;
}

ul li {
  list-style: none;
}

.fEx-Innovative-info {
  padding-left: 30px;
  max-width: 480px;
}

.fEx-divider {
  height: 4px;
  width: 60px;
  background-color: var(--green);
  display: inline-block;
}

.fEx-Innovative-info p {
  color: #777777;
  font-family: "Roboto", Sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.4em;
}

.fEx-Innovative-info ul {
  margin: 15px 0;
  padding: 0;
  width: 100%;
}

.fEx-Innovative-info ul li {
  width: 100%;
}

.fEx-Innovative-info ul li a {
  font-family: "Roboto", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 35px;
  letter-spacing: 1px;
  color: #54595f;
  border-bottom: solid 1px #ddd;
  width: 100%;
  display: inline;
}

/* scroll */

.fEx-scroll-top {
  width: 25px;
  height: 25px;
  padding: 15px;
  text-align: center;
  line-height: 42px;
  font-size: 20px;
  color: #fff;
  border-radius: 40px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  display: none;
  align-items: center;
  justify-content: center;
  background-color: #282828;
}

/* MOBILE */
@media (max-width: 768px) {
    .factorex-img{
        display: none;
    }
}
@media (max-width: 1024px) {
  .fEx-row {
    flex-direction: column;
    row-gap: 30px;
  }

  .factorex-from {
    margin: 0 auto;
  }

  .fEx-col-6 {
    width: 100%;
  }

  .factorex-logo img {
    max-width: 182px;
  }

  .factorex-logo span {
    font-size: 30px;
  }

  .factorex-logo {
    justify-content: center;
  }

  .factorex-img {
    text-align: center;
  }

  .fEx-Innovative-info {
    margin: 0 auto;
  }
}

.fEx-container-pdf {
  /* max-width: 1160px; */
  margin: 0 auto;
  padding: 0 30px;
}

/* PROTECTED PRIVACY POLICY */

.fEx-fild-protected-row input{
  background-color: #c7d2d0;
}
/* .protected-privacy-box{
  background-color: #7a7a7a;
  border-radius: 15px;
  padding-top: 50px;

}

.protected-privacy-box input{
  width: 300px;
  display: flex;
}

.protected-privacy-box>label>input{
  margin-left: 100px;
}

.protected-privacy-box .fEx-btn-login {
  background-color: var(--green);
  width: 70%;
  border-radius: 50px;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 30px;
  cursor: pointer;
  border: none;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
} */