/*==== Google Fonts :: Start ====*/
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@100;200;300;400;500;600;700;800&display=swap");
/*==== Google Fonts :: End ====*/

/*==== Default Style :: Start ====*/
html {
  font-size: 62.5%;
}

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
strong,
i,
ol,
ul,
li,
form,
label,
footer,
header,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}
:root {
  --theme-color: #18962b;
  --theme-color2: #f8f8f8;
  --theme-color3: rgba(24, 150, 43, 0.08);
  --btn-hover: #00c339;
  --text-color: #222222;
  --white: #ffffff;
  --font2: "Work Sans", sans-serif;
  --box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

body {
  font-family: "Playfair Display", serif;
  background-color: var(--white);
  color: var(--heading-color);
  overflow-x: hidden;
  line-height: 1.3;
  font-size: 1.8rem;
}

ol,
ul {
  list-style: none;
}

a {
  text-decoration: none;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
p,
span,
a,
input {
  font-size: 1.8rem;
  color: var(--heading-color);
  line-height: inherit;
  font-family: var(--font2);
}
h1,
h2,
h3,
h4 {
  color: var(--text-color);
}
button:focus,
a:focus,
input:focus,
textarea:focus,
select:focus {
  outline: none;
}
.button {
  padding: 1.2rem 2.4rem;
  border-radius: 0.5rem;
  background-color: var(--theme-color);
  color: var(--white);
  font-weight: 600;
  font-size: 1.6rem;
  display: inline-block;
  font-family: var(--font2);
}
.button:hover {
  background-color: var(--btn-hover);
}
.section--title {
  position: relative;
  margin-bottom: 5rem;
}
.section--title p {
  font-size: 1.8rem;
  color: var(--theme-color);
  font-weight: 600;
  margin-bottom: 2rem;
}
.section--title h3 {
  font-size: 4.5rem;
  font-weight: 700;
  text-transform: capitalize;
  max-width: 92rem;
  line-height: 6rem;
}
.inner--page .search--input--group input {
  background-color: rgba(24, 150, 43, 0.08);
  padding: 1rem 2rem;
  border-radius: 0.5rem;
  border: 0.1rem solid rgba(24, 150, 43, 0.3);
  box-shadow: none !important;
}
.inner--page .search--icon {
  position: absolute;
  top: 10px;
  right: 1.5rem;
}
.inner--page .search--dropdown {
  top: 5rem;
}
.inner--page .search--dropdown.show {
  opacity: 1;
  visibility: visible;
  top: 4.3rem;
}
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: var(--white);
  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;
  z-index: 99999;
}
/*==== Default Style :: End ====*/

/*==== Header Style :: Start ====*/
header {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--white);
  display: flex;
  align-items: center;
  padding: 2rem 0;
  transition: all 0.3s ease-in-out;
  z-index: 1035;
}
header.active {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
header .logo img,
.footer--logo img {
  width: 10rem;
}
.menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#headerOne .menu {
  margin-right: 2rem;
}
.menu > li {
  display: inline-block;
  position: relative;
}
.menu > li > a {
  font-size: 1.7rem;
  font-weight: 500;
  margin-right: 6rem;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.menu > li > a::before {
  position: absolute;
  content: "";
  top: 0.4rem;
  right: -1.8rem;
  height: 1.3rem;
  width: 1.3rem;
  background-image: url(../images/angle-down.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.menu > li:first-child > a::before {
  display: none;
}
.menu > li > a:hover {
  color: var(--theme-color);
}
.menu > li:last-child a {
  margin-right: 0;
}
.dropdown--menu {
  position: absolute;
  top: 4rem;
  left: 0;
  width: 21rem;
  background-color: var(--white);
  border-radius: 0.5rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  padding: 2rem 0;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.dropdown--menu a {
  font-size: 1.7rem;
  padding: 1rem 2rem;
  display: block;
}
.dropdown--menu a:hover {
  background-color: rgba(245, 245, 245, 0.72);
}
.menu > li:hover .dropdown--menu {
  opacity: 1;
  visibility: visible;
  top: 3rem;
}
.header--btn {
  display: flex !important;
  align-items: center;
  justify-content: end;
}
.header--btn a {
  padding: 0.8rem 2.4rem;
}
.header--btn a::before {
  display: none;
}
.header--btn a:nth-child(2) {
  margin-left: 1.5rem;
}
.header--btn a:hover {
  color: var(--white) !important;
}
/* hamburger-menu Style  */
.hamburger-menu {
  cursor: pointer;
  display: none;
  z-index: 999;
}

.hamburger-menu span {
  background: var(--theme-color);
  width: 3rem;
  height: 0.2rem;
  display: block;
  margin: 0.6rem 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hamburger-menu span:nth-child(2) {
  width: 2rem;
}

.hamburger-menu:hover .line-top {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.hamburger-menu:hover .line-bottom {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}

.hamburger-menu .line-top.current {
  -webkit-transform: translateY(0.4rem) rotate(135deg);
  -ms-transform: translateY(0.4rem) rotate(135deg);
  transform: translateY(0.4rem) rotate(135deg);
}

.hamburger-menu .line-center.current {
  opacity: 0;
}

.hamburger-menu .line-bottom.current {
  -webkit-transform: translateY(-1.1rem) rotate(-135deg);
  -ms-transform: translateY(-1.1rem) rotate(-135deg);
  transform: translateY(-1.1rem) rotate(-135deg);
}
/*==== Header Style :: End ====*/

/*==== Hero ARea Style :: Start ====*/
.hero--area {
  min-height: 80vh;
  position: relative;
  z-index: 2;
}
.hero--area .hero--content h2 {
  font-size: 6rem;
  font-weight: 700;
}
.hero--area .hero--content p {
  font-size: 1.8rem;
  max-width: 59rem;
  margin-top: 2rem;
  line-height: 3rem;
}
.search--input--group {
  max-width: 40rem;
  position: relative;
  margin-top: 5rem;
  margin-bottom: 3rem;
}
.search--input--group input {
  width: 100%;
  border: none;
  border-bottom: 0.1rem solid rgba(0, 0, 0, 0.5);
  font-size: 1.6rem;
  padding: 1rem 2rem;
  border: none;
  border-radius: 0.5rem;
  box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.15);
}
.search--btn a {
  padding: 1.2rem 5.2rem;
}
.search--btn a:nth-child(2) {
  margin-left: 1.5rem;
}
.search--icon {
  position: absolute;
  top: 0.9rem;
  right: 1.5rem;
}
.search--icon i {
  font-size: 1.7rem;
  color: rgba(0, 0, 0, 0.5);
  margin-top: 0.4rem;
}
.search--dropdown,
.search--dropdown--subscription {
  font-family: "Work Sans", sans-serif;
  border-radius: 0.5rem;
  position: absolute;
  top: 4.5rem;
  left: 0;
  z-index: 999;
  width: 100%;
  max-height: 45rem;
  background-color: var(--white);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  overflow-y: auto;
  overflow-x: hidden;
}
.search--dropdown.show,
.search--dropdown--subscription.show {
  opacity: 1;
  visibility: visible;
  top: 3.8rem;
}
.search--dropdown .popular--companies,
.search--dropdown--subscription .popular--companies {
  padding: 1.5rem 0;
}
.search--dropdown .popular--companies h4,
.search--dropdown .popular--industry h4,
.search--dropdown--subscription .popular--companies h4 {
  font-size: 1.7rem;
  font-weight: 600;
  padding-left: 1.5rem;
}
.search--dropdown .popular--companies a,
.search--dropdown .popular--industry a,
.search--dropdown--subscription .popular--companies a {
  padding: 1.5rem;
  font-size: 1.6rem;
  display: block;
}
.search--dropdown .popular--companies a img,
.search--dropdown--subscription .popular--companies a img {
  width: 5rem;
  height: 5rem;
  object-fit: cover;
  border: 0.1rem solid rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  margin-right: 0.8rem;
}
.search--dropdown .popular--companies a:hover,
.search--dropdown .popular--industry a:hover,
.search--dropdown--subscription .popular--companies a:hover {
  background-color: rgba(245, 245, 245, 0.72);
}
.view--all--companies {
  padding: 1.5rem;
  border-top: 0.1rem solid rgba(225, 223, 223, 1);
}
.view--all--companies a {
  font-size: 1.6rem;
  color: var(--theme-color);
}
.view--all--companies a:hover {
  text-decoration: underline;
}
/*==== Hero Area Style :: End ====*/

/*==== Sponsor Area Style :: Start ====*/
.sponsor--area {
  background-color: rgba(245, 245, 245, 0.72);
  padding: 2rem 0;
}
.sponsor--area .item .sponsor--box {
  display: flex;
  align-items: center;
}
.sponsor--area .item .sponsor--box img {
  width: 5rem;
  height: 5rem;
  object-fit: cover;
  border-radius: 0.5rem;
  border: 0.1rem solid rgba(0, 0, 0, 0.3);
}
.sponsor--area .item .sponsor--box p {
  margin-left: 1rem;
  font-size: 1.8rem;
  font-weight: 500;
}
/*==== Sponsor Area Style :: End ====*/

/*==== Choose Area Style :: Strat ====*/
.why--choose--area {
  padding: 13rem 0;
  overflow: hidden;
}
.why--choose--area .row,
.sweet--number--area .row,
.companies--area .row {
  margin-right: -1rem;
  margin-left: -1rem;
}
.why--choose--area .row [class*="col-"],
.sweet--number--area .row [class*="col-"],
.companies--area .row [class*="col-"] {
  padding-left: 1rem;
  padding-right: 1rem;
}
.choose--box {
  background-color: var(--theme-color2);
  border-radius: 1rem;
  padding: 3rem 2.5rem;
  height: 100%;
  transition: all 0.3s ease-in-out;
}
.why--choose--area .choose--box:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.why--choose--area .choose--box img {
  height: 7rem;
  width: 7rem;
  margin-bottom: 2.5rem;
}
.why--choose--area .choose--box h4 {
  font-size: 2.1rem;
  font-weight: 700;
  line-height: 3rem;
  margin-bottom: 1.5rem;
}
.why--choose--area .choose--box p {
  font-size: 1.8rem;
  line-height: 2.6rem;
}
/*==== Choose Area Style :: End ====*/

/*==== Sweet Number Area Style :: Strat ====*/
.sweet--number--area {
  padding: 0rem 0 13rem;
  overflow: hidden;
}
.sweet--number--area .counter--box {
  padding: 3rem 2rem;
  background-color: var(--theme-color2);
  border-radius: 1rem;
  text-align: center;
  transition: all 0.3s ease-in-out;
  font-family: var(--font2);
  height: 100%;
}
.sweet--number--area .counter--box:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.sweet--number--area .counter--box .counter--number {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sweet--number--area .counter--box .counter--number h3,
.sweet--number--area .counter--box .counter--number span {
  font-size: 3.2rem;
  color: var(--theme-color);
  font-weight: 600;
  margin-bottom: 1rem;
}
.sweet--number--area .counter--box p {
  font-size: 2rem;
  font-weight: 500;
}
/*==== Sweet Number Area Style :: End ====*/

/*==== How works Area Style :: Start ====*/
.how--works--area {
  padding: 13rem 0;
  background-color: var(--theme-color2);
  overflow: hidden;
}
.how--works--area .works--tab--area {
  font-family: var(--font2);
}
.how--works--area .nav .nav-link {
  font-size: 1.8rem;
  background-color: transparent;
  color: var(--text-color);
  font-weight: 500;
  position: relative;
  padding: 0;
  transition: all 0.3s ease-in-out;
}
.how--works--area .nav .nav-link::before {
  position: absolute;
  content: "";
  bottom: -1rem;
  left: 0;
  height: 0.2rem;
  width: 100%;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
.how--works--area .nav .nav-link.active::before {
  background-color: var(--theme-color);
}
.how--works--area .nav li:nth-child(2) button {
  margin-left: 3rem;
}
.how--works--area .works--step--wrapper {
  padding-right: 17rem;
}
.how--works--area .works--step--wrapper .work--step {
  display: flex;
  align-items: start;
  margin-top: 3rem;
}
.how--works--area .works--step--wrapper .work--step:first-child {
  margin-top: 2rem;
}
.how--works--area .works--step--wrapper .work--step .img--area {
  margin-right: 2rem;
}
.how--works--area .works--step--wrapper .work--step h4 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 0.7rem;
}
.how--works--area .owl-dots {
  text-align: center;
  margin-top: 1.5rem;
}
.how--works--area .owl-dots .owl-dot {
  height: 0.2rem;
  width: 4rem;
  border-radius: 1rem;
  background-color: rgba(0, 0, 0, 0.1);
  margin-right: 1.5rem;
}
.how--works--area .owl-dots .owl-dot.active {
  background-color: var(--theme-color);
}
/*==== How works Area Style :: End ====*/

/*==== Companies Area Style :: Start ====*/
.companies--area {
  padding: 13rem 0;
  overflow: hidden;
}
.company--box {
  text-align: center;
  display: block;
  background-color: var(--theme-color2);
  border-radius: 1.5rem;
  padding: 3rem 2.5rem;
  height: 100%;
  transition: all 0.3s ease-in-out;
}
.company--box:hover {
  transform: translateY(-1rem);
}
.company--box img {
  height: 6.5rem;
  width: 6.5rem;
  object-fit: cover;
  border-radius: 0.5rem;
  margin-bottom: 2.5rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.company--box .company--content h3 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.company--box .company--content > p {
  border-bottom: 0.1rem solid rgba(0, 0, 0, 0.15);
  padding-bottom: 2rem;
}
.company--box .company--content .founded {
  padding-top: 2rem;
}
.company--box .company--content .founded p {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
/*==== Companies Area Style :: End ====*/

/*==== Join Area Style :: Strat ====*/
.join--area {
  background-color: var(--theme-color2);
  text-align: center;
  padding: 8rem 0;
}
.join--area h3 {
  font-size: 5rem;
  line-height: 6rem;
  max-width: 88rem;
  margin: 0 auto;
}
.join--area p {
  margin-top: 2rem;
}
/*==== Join Area Style :: End ====*/

/*==== Footer Style :: Strat ====*/
footer {
  padding: 4rem 0 0;
  overflow: hidden;
  font-family: var(--font2);
}
footer .footer--logo img {
  margin-bottom: 2.5rem;
}
.footer--top {
  padding-bottom: 3rem;
}
.footer--row {
  display: flex;
  justify-content: space-between;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  flex-wrap: wrap;
}
.footer--box {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin-top: 4rem;
}
.footer--box p {
  max-width: 38rem;
  line-height: 2.6rem;
}
.footer--box h3 {
  font-size: 2.1rem;
  font-weight: 600;
  margin-bottom: 2rem;
}
.footer--box a {
  display: inline-block;
  margin-top: 1.4rem;
  transition: all 0.3s ease-in-out;
}
.footer--box a:hover {
  color: var(--theme-color);
}
.footer--box.contact p {
  max-width: 25rem;
}
.footer--box.contact a {
  text-decoration: underline;
}
.footer--social--icons {
  display: flex;
  align-items: center;
  margin-top: 2rem;
}
.footer--social--icons a {
  display: inline-block;
  height: 5rem;
  width: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--theme-color2);
  border-radius: 50%;
  margin-right: 1.7rem;
}
.footer--social--icons a i {
  font-size: 2.2rem;
}
.footer--bottom {
  padding: 3rem 0;
  border-top: 0.1rem solid rgba(0, 0, 0, 0.15);
}
/*==== Footer Style :: End ====*/

/*==== Login Page Style :: Start ====*/
.login--area,
.signup--area {
  padding: 10rem 0 20rem;
  font-family: var(--font2);
}
.login--wrapper {
  text-align: center;
}
.login--wrapper h1 {
  font-size: 3rem;
  font-weight: 600;
  margin-bottom: 5rem;
}
.login--wrapper .login--google {
  padding: 0.8rem 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border: 0.1rem solid rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.login--wrapper .login--google.google--signup {
  opacity: 0.5;
  pointer-events: none;
}
.login--wrapper .login--google span {
  font-size: 1.6rem;
}
.login--wrapper .login--google img {
  height: 2rem;
  width: 2rem;
  margin-right: 0.7rem;
}
.login--wrapper .divider {
  position: relative;
  z-index: 1;
  text-transform: uppercase;
  padding: 0.5rem 2rem;
  background-color: var(--white);
  margin: 3rem 0 2.8rem;
}
.login--wrapper .divider::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: 0.1rem;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: -1;
}
.login--wrapper .divider::after {
  position: absolute;
  content: "or";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 7rem;
  height: 3rem;
  background-color: var(--white);
  z-index: -1;
  font-size: 1.6rem;
}
.login--wrapper .input--group {
  margin-top: 1.5rem;
}
.login--wrapper input,
.login--wrapper select {
  width: 100%;
  height: 4.3rem;
  padding: 0 2rem;
  font-size: 1.6rem;
  color: var(--text-color);
  border: 0.1rem solid rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
#login--page .login--wrapper button {
  border: none;
  padding: 1rem 3rem;
  margin-top: 1.5rem;
}
.forget--area {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
}
.forget--area a {
  color: var(--theme-color);
  font-size: 1.6rem;
}
.forget--area p {
  font-size: 1.6rem;
}
.forget--area a:hover {
  text-decoration: underline;
  color: var(--text-color);
}
/*==== Login Page Style :: End ====*/

/*==== Signup Page Style :: Start ====*/
.signup--area .step--title {
  margin-bottom: 4rem;
}
.signup--area .step--title h3 {
  font-size: 2.2rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 1.5rem;
}
.signup--area .form-step.from-step-choose input {
  display: none;
}
.signup--area .form-step.from-step-choose label {
  width: 100%;
  border: 0;
  background-color: var(--white);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  padding: 2rem;
  text-align: left;
  border-radius: 1.5rem;
  margin-top: 2rem;
  position: relative;
  cursor: pointer;
}
.signup--area .form-step.from-step-choose label::before {
  position: absolute;
  content: "";
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
  height: 3rem;
  width: 3rem;
  background-image: url(../images/angle-left.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
.signup--area .form-step input.err,
.signup--area .form-step select.err {
  border-color: red;
}
.signup--area .form-step.from-step-choose label p {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.signup--area .form-step.from-step-choose label span {
  font-size: 1.6rem;
  max-width: 51rem;
  display: inline-block;
}
.signup--area .alreay--account--area {
  text-align: center;
  margin-top: 3rem;
}
.signup--area .alreay--account--area p {
  font-size: 1.6rem;
}
.signup--area .alreay--account--area p a {
  color: var(--theme-color) !important;
  font-size: 1.6rem;
}
.signup--area .alreay--account--area p a:hover {
  text-decoration: underline;
}
.progressbar {
  height: 0.8rem;
  width: 100%;
  border-radius: 4rem;
  background-color: rgba(0, 0, 0, 0.06);
  margin-bottom: 3rem;
}
.progressbar .progress--value {
  width: 20%;
  height: 0.8rem;
  background-color: var(--theme-color);
  border-radius: 4rem;
  transition: all 0.3s ease-in-out;
}
.form-step .btns-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 3rem;
}
.form-step .btns-group a {
  padding: 0.8rem 2.4rem;
}
.form-step .pass--reminder {
  text-align: left;
  font-size: 1.6rem;
  margin-top: 2rem;
}
.form-step .input--group {
  text-align: left;
}
.form-step .input--group label {
  font-size: 1.6rem;
  margin-bottom: 0.5rem;
}
.input--radio--group input {
  display: none;
}
.input--radio--group label {
  width: 100%;
  background-color: var(--white);
  display: block;
  padding: 1.1rem 2rem;
  border-radius: 0.5rem;
  color: var(--text-color);
  text-align: center;
  box-shadow: 0 0.1rem 0.3rem 0.3rem rgba(0, 0, 0, 0.15);
}
.input--radio--group input:checked + label {
  background-color: var(--theme-color);
  color: var(--white);
}
.form-step {
  display: none;
}

.form-step-active {
  display: block;
}
.from-step-choose .step--title {
  margin-bottom: 0;
}
.signup--area .form-step .input--group.show-valid {
  position: relative;
}
.signup--area .form-step .input--group.show-valid::before {
  position: absolute;
  content: "";
  top: 50%;
  right: 2rem;
  height: 2rem;
  width: 2rem;
  background-image: url(../images/check.png);
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 50%;
  transform: translateY(-50%);
}
.terms--condition .form-group {
  display: block;
  margin-bottom: 15px;
}

.terms--condition .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.terms--condition .form-group label {
  position: relative;
  cursor: pointer;
  text-align: left;
  padding-left: 3.5rem;
  font-size: 1.5rem;
}

.terms--condition .form-group label:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 0.2rem solid #888;
  padding: 0.8rem;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 0.5rem;
  border-radius: 0.3rem;
}

.terms--condition .form-group input:checked + label:after {
  position: absolute;
  content: "";
  display: block;
  top: 0.2rem;
  left: 0.8rem;
  width: 0.5rem;
  height: 1.3rem;
  border: solid #0079bf;
  border-width: 0 0.2rem 0.2rem 0;
  transform: rotate(45deg);
}
.terms--condition {
  padding: 1.5rem;
  background-color: var(--theme-color2);
  border-radius: 0.5rem;
  border: 0.1rem solid var(--theme-color);
  margin-bottom: 3rem;
}
*:disabled {
  opacity: 0.5;
}
#step2 .btn-next {
  opacity: 0.5;
  pointer-events: none;
}
/*==== Signup Page Style :: End ====*/

/*==== Dashboard Page Style :: Start ====*/
header .logo--and--search {
  display: flex;
  align-items: center;
}
header .logo--and--search .search--dropdown--area {
  margin-left: 4rem;
}
.search--dropdown--area .search--btn {
  display: flex;
}
.inner--page .search--input--group {
  margin-top: 0;
  min-width: 26rem;
  max-width: 26rem;
  margin-bottom: 0;
}
#dashboard .search--dropdown .popular--industry {
  border-top: 0.1rem solid rgba(225, 223, 223, 1);
  padding-top: 1.2rem;
}
#dashboard .search--dropdown .popular--industry h4 {
  padding-bottom: 0.5rem;
}
#dashboard .search--dropdown .popular--companies a,
.search--dropdown .popular--industry a {
  padding: 1.2rem 1.5rem;
}
#dashboard .search--dropdown .popular--companies {
  padding: 1.5rem 0 0.5rem;
}
#dashboard .search--dropdown {
  height: 45rem;
}
.notification--profile {
  display: flex !important;
  align-items: center;
  font-family: var(--font2);
}
.notification a i {
  font-size: 2.8rem;
}
.notification a,
.user--profile a {
  position: relative;
  display: inline-block;
}
.notifications--number {
  position: absolute;
  content: "";
  top: 0;
  right: -0.3rem;
  height: 1.6rem;
  width: 1.6rem;
  border-radius: 50%;
  background-color: var(--theme-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  color: var(--white);
}
.notification--dropdown,
.user--dropdown {
  position: absolute;
  top: 5rem;
  right: 0;
  width: 20rem;
  border-radius: 1rem;
  background-color: var(--white);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  padding: 1.5rem 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  z-index: 9999;
}
.user--dropdown {
  top: 6rem;
}
.notification:hover .notification--dropdown,
.user--profile:hover .user--dropdown {
  opacity: 1;
  visibility: visible;
  top: 4rem;
}
.user--profile:hover .user--dropdown {
  top: 5.5rem;
}
.notification--dropdown li a {
  font-size: 1.5rem;
  padding: 1rem 1.5rem;
  position: relative;
  line-height: 2.3rem;
}
.notification--dropdown li a:hover {
  color: var(--theme-color);
}
.notification--dropdown li span {
  position: absolute;
  top: 30%;
  right: 1.5rem;
  height: 0.5rem;
  width: 0.6rem;
  border-radius: 50%;
  background-color: rgb(184, 55, 55);
}
.notification--dropdown h4 {
  padding: 0 1.5rem 1.3rem 1.5rem;
  font-size: 1.6rem;
  font-weight: 600;
  border-bottom: 0.1rem solid rgba(225, 223, 223, 1);
}
.user--profile,
.notification {
  position: relative;
  margin-left: 5rem;
}
.user--profile img {
  height: 5rem;
  width: 5rem;
  border-radius: 50%;
  object-fit: cover;
}
.user--profile .profile--area {
  display: flex;
  align-items: center;
  border-bottom: 0.1rem solid rgba(225, 223, 223, 1);
  padding: 0 1.5rem 1rem 1.5rem;
}
.user--profile .profile--area img {
  margin-right: 1rem;
}
.user--profile .profile--area h4 {
  font-size: 1.5rem;
  font-weight: 600;
  transition: all 0.3s ease-in-out;
}
.user--profile .profile--area p {
  font-size: 1.4rem;
  margin-top: 0.2rem;
  transition: all 0.3s ease-in-out;
}
.user--profile .profile--area:hover h4,
.user--profile .profile--area:hover p {
  color: var(--theme-color);
}
.user--profile .profile--area img {
  width: 4rem;
  height: 4rem;
}
.user--profile .user--accress--options {
  padding-top: 0.6rem;
}
.user--profile .user--accress--options li a {
  font-size: 1.5rem;
  padding: 0.6rem 1.5rem;
  display: block;
  transition: all 0.3s ease-in-out;
}
.user--profile .user--accress--options li a:hover {
  background-color: rgba(245, 245, 245, 0.72);
}
/*==== Dashboard Welcome Area Style :: Start ====*/
.welcome--area {
  padding: 6rem 0;
}
.dashboard--title {
  padding-bottom: 3rem;
}
.dashboard--title h3 {
  font-size: 4.2rem;
  font-weight: 600;
}
.welcome--area .row {
  margin-left: -1rem;
  margin-right: -1rem;
}
.welcome--area .row [class*="col-"] {
  padding-left: 1rem;
  padding-right: 1rem;
}
.offering--box {
  display: flex;
  background-color: var(--theme-color2);
  padding: 2rem 2rem;
  border-radius: 1rem;
  font-family: var(--font2);
  height: 100%;
}
.offering--box h4 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 2rem;
}
.offering--box p {
  font-size: 1.6rem;
}
.offering--box .text--small {
  font-size: 1.3rem;
  opacity: 0.7;
}
.offering--box a {
  margin-top: 3rem;
  text-align: center;
  padding: 0.9rem 2.4rem;
}
.offering--box .img--area {
  margin-left: 1rem;
}
.offering--box .img--area img {
  width: 12rem;
}
.offering--box .content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
/*==== Dashboard Welcome Area Style :: End ====*/

/*==== Dashboard Deals Area Style :: Start ====*/
.deals--title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.deals--title h3 {
  font-size: 3.4rem;
  font-weight: 600;
}
.deals--title a {
  color: var(--theme-color);
}
.deal--box {
  padding: 1rem;
  background-color: var(--white);
  border-radius: 0.8rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  display: flex;
  font-family: var(--font2);
  position: relative;
  height: 100%;
}
.deal--box img {
  width: 6rem !important;
  height: 6rem;
  object-fit: cover;
  border-radius: 0.5rem;
  margin-right: 1.2rem;
}
.deal--box .content h4 {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.deal--box .content p {
  font-size: 1.5rem;
}
.deal--box .status {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background-color: var(--theme-color);
  padding: 0.2rem 2rem;
  border-radius: 3rem;
  color: var(--white);
  font-size: 1.2rem;
}
/*==== Dashboard Deals Area Style :: End ====*/

/*==== Dashboard News Area Style :: Start ====*/
.news--area {
  padding: 7rem 0 10rem;
}
.news--area .row {
  margin-right: -1.5rem;
  margin-left: -1.5rem;
}
.news--area .row [class*="col-"] {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.news--title {
  margin-bottom: 4rem;
}
.news--box--wrapper {
  background-color: var(--theme-color2);
  padding: 2rem;
  border-radius: 1rem;
  height: 58rem;
  overflow: hidden;
  overflow-y: auto;
}
.single--news {
  display: flex;
  font-family: var(--font2);
  padding: 2rem 0;
  border-bottom: 0.1rem solid rgba(225, 223, 223, 1);
  position: relative;
}
.single--news:first-child {
  padding-top: 0;
}
.single--news:last-child {
  border-bottom: none;
}
.single--news img {
  width: 6.5rem;
  height: 6.5rem;
  object-fit: cover;
  border-radius: 0.8rem;
  margin-right: 1.5rem;
}
.single--news p {
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--theme-color);
  text-transform: uppercase;
}
.single--news a {
  font-size: 1.8rem;
  font-weight: 600;
  margin-top: 0.5rem;
  display: inline-block;
  transition: all 0.3s ease-in-out;
}
.single--news a:hover {
  color: var(--theme-color);
}
.news--box--wrapper::-webkit-scrollbar {
  width: 0.5rem;
}
.news--box--wrapper::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.news--box--wrapper::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 2rem;
}
.single--news .publish--date {
  position: absolute;
  top: 1.7rem;
  right: 0;
  padding: 0.2rem 1rem;
  background-color: var(--theme-color);
  color: var(--white) !important;
  font-size: 1rem !important;
  border-radius: 3rem;
}
.single--news:first-child .publish--date {
  top: -0.5rem;
}
.stories--slider .item {
  display: flex;
}
.stories--slider .single--news {
  background-color: var(--theme-color2);
  padding: 1rem;
  border-radius: 1rem;
  margin-top: 1rem;
  width: 100%;
}
.stories--slider .item a {
  font-size: 1.6rem;
}
.stories--slider .item p {
  font-size: 1.3rem;
}
.stories--slider .single--news .publish--date {
  right: 1rem;
  top: 1rem;
}
.slick-list {
  overflow: visible !important;
}
.latest--news--wrapper {
  height: 59.5rem;
  overflow: hidden;
  margin-top: -1.2rem;
}
/*==== Dashboard News Area Style :: End ====*/

/*==== Dashboard faq Area Style :: Start ====*/
.faq--wrapper {
  font-family: var(--font2);
}
.faq--wrapper .accordion-item {
  background-color: var(--theme-color2);
  border: none;
}
.faq--wrapper .accordion-item button {
  font-size: 1.9rem;
  font-weight: 600;
  padding: 2rem 2rem;
  background-color: transparent;
}
.faq--wrapper .accordion-item .accordion-body {
  padding: 0rem 2rem;
}
.faq--wrapper .accordion-button:not(.collapsed) {
  box-shadow: none;
  background: none;
  color: var(--text-color);
}
/*==== Dashboard faq Area Style :: End ====*/
/*==== Dashboard Page Style :: End ====*/

/*==== Company Single Page Style :: Start ====*/

/*==== Company details Area :: Start ====*/
.company--details--area {
  padding: 4rem 0;
}
.company--details .back--companies {
  color: var(--theme-color);
  font-weight: 500;
  display: flex;
  align-items: center;
}
.company--details .back--companies i {
  color: var(--text-color);
  margin-right: 1rem;
}
.company--details .company--tagline {
  padding: 4rem 0 3rem;
  display: flex;
}
.company--details .company--tagline img {
  height: 8rem;
  width: 8rem;
  object-fit: cover;
  border-radius: 0.8rem;
  margin-right: 1.5rem;
}
.company--details .company--tagline h4 {
  font-size: 2.3rem;
  font-weight: 700;
  margin-bottom: 0.8rem;
}
.company--details .company--info {
  display: flex;
}
.company--details .company--info .info--single {
  margin-right: 5rem;
}
.company--details .company--info .info--single:last-child {
  margin-right: 0;
}
.company--details .company--info .info--single p:nth-child(1) {
  color: #888;
  font-size: 1.7rem;
  margin-bottom: 0.2rem;
}
.company--details .company--info .info--single p:nth-child(2) {
  font-weight: 600;
}
.industries--area {
  margin-top: 2rem;
}
.industries--area h4 {
  font-size: 1.8rem;
  font-weight: 600;
  font-family: var(--font2);
  margin-bottom: 2rem;
}
.industries--area a {
  padding: 0.4rem 1rem;
  font-size: 1.6rem;
  background-color: rgba(24, 150, 43, 0.1);
  border-radius: 4rem;
  margin-right: 1rem;
  display: inline-block;
}
.industries--area a:last-child {
  margin-right: 0;
}
/*==== Company details Area :: End ====*/

/*==== Company Live Deals Area :: Start ====*/
.live--deals--area {
  padding: 8rem 0;
  font-family: var(--font2);
  overflow: hidden;
}
.live--deals--area .live--deals--title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.live--deals--area .live--deals--title .title--left h4 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.live--deals--area .live--deals--title .title--left p {
  color: #888;
}
.live--deals--area .live--deals--title p {
  font-size: 1.6rem;
}
.company--right--box--area {
  font-family: var(--font2);
}
.company--right--box--area .watchlist--box {
  padding: 2.5rem;
  background-color: var(--white);
  border-radius: 1rem;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem;
}
.company--right--box--area .watchlist--box h3 {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 2rem;
}
.company--right--box--area .watchlist--box h3 i {
  color: rgb(255, 174, 0);
  font-size: 2rem;
}
.company--right--box--area .watchlist--box .size--price {
  display: flex;
  align-items: center;
}
.company--right--box--area .watchlist--box .size--price .size,
.company--right--box--area .watchlist--box .size--price .price {
  display: flex;
  align-items: center;
}
.company--right--box--area .watchlist--box .size--price .size p:nth-child(2),
.company--right--box--area .watchlist--box .size--price .price p:nth-child(2) {
  font-weight: 600;
  margin-left: 1rem;
}
.company--right--box--area .watchlist--box .size--price .price {
  margin-left: 2rem;
}
.company--right--box--area .watchlist--box a {
  text-align: center;
  padding: 1rem 2rem;
  margin-top: 3rem;
}
.company--right--box--area .update--notes--box {
  padding: 1rem 2.5rem 1.5rem 2.5rem;
  background-color: var(--white);
  border-radius: 1rem;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
}
.company--right--box--area .update--notes--box a {
  height: 4rem;
  width: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(24, 150, 43, 0.1);
}
.company--right--box--area .update--notes--box a i {
  font-size: 2rem;
  color: var(--theme-color);
}
.live--deals--area th {
  font-size: 1.6rem;
  font-weight: 500;
}
.live--deals--area td {
  font-size: 1.4rem;
}
.live--deals--area .table > :not(caption) > * > * {
  padding: 1.2rem 0.5rem;
  vertical-align: middle;
}
.dataTables_length {
  display: none;
}
.live--deals--area div.dataTables_wrapper div.dataTables_length label,
.live--deals--area div.dataTables_wrapper div.dataTables_filter label,
.live--deals--area .page-item:not(:first-child) .page-link {
  font-size: 1.5rem;
}
.live--deals--area div.dataTables_wrapper div.dataTables_length select,
.live--deals--area div.dataTables_wrapper div.dataTables_info {
  font-size: 1.3rem;
}
.live--deals--area .page-item:not(:first-child) .page-link {
  padding: 1rem 1.5rem;
  color: var(--theme-color);
}
.live--deals--area .page-item:last-child .page-link {
  color: var(--text-color);
}
.live--deals--area .paginate_button.page-item.previous a {
  padding: 1rem 1.5rem;
  font-size: 1.5rem;
}
.live--deals--area
  div.dataTables_wrapper
  div.dataTables_paginate
  ul.pagination {
  margin-top: 1rem;
}
.live--deals--area .active > .page-link,
.page-link.active {
  background-color: var(--theme-color);
  color: var(--white) !important;
  border-color: var(--theme-color);
}
.live--deals--area table.dataTable thead > tr > th.sorting:before,
.live--deals--area table.dataTable thead > tr > th.sorting_asc:before,
.live--deals--area table.dataTable thead > tr > th.sorting_desc:before,
.live--deals--area table.dataTable thead > tr > th.sorting_asc_disabled:before,
.live--deals--area table.dataTable thead > tr > th.sorting_desc_disabled:before,
.live--deals--area table.dataTable thead > tr > td.sorting:before,
.live--deals--area table.dataTable thead > tr > td.sorting_asc:before,
.live--deals--area table.dataTable thead > tr > td.sorting_desc:before,
.live--deals--area table.dataTable thead > tr > td.sorting_asc_disabled:before,
.live--deals--area
  table.dataTable
  thead
  > tr
  > td.sorting_desc_disabled:before {
  bottom: 55%;
}
.live--deals--area table .button {
  padding: 0.8rem 1.5rem;
  font-size: 1.4rem;
}
div.dataTables_wrapper div.dataTables_filter input {
  height: 2.8rem;
  width: 25rem;
  font-size: 1.5rem;
}
.live--deals--area table.dataTable tr td:last-child {
  width: 11rem;
}
/*==== Company Live Deals Area :: End ====*/

/*==== Company Tab Area :: Start ====*/
.company--tab--area .company--details--tab {
  font-family: var(--font2);
  margin-right: 4rem;
}
.company--tab--area .nav {
  border-bottom: 0.1rem solid #dee2e6;
}
.company--tab--area .nav .nav-link {
  background: none;
  font-size: 2rem;
  font-weight: 600;
  color: var(--text-color);
  padding: 0;
  margin-right: 4rem;
  border-bottom: 0.2rem solid transparent;
  padding-bottom: 0.5rem;
  border-radius: 0;
}
.company--tab--area .nav .nav-link.active {
  border-color: var(--theme-color);
}
.company--tab--area p,
.company--tab--area li {
  line-height: 2.6rem;
}
.company--tab--area .news--feed {
  margin-top: 5rem;
}
.company--tab--area .news--feed h4 {
  font-size: 2rem;
  font-weight: 600;
}
.company--tab--area .news--feed .item {
  margin-top: 2rem;
}
.company--tab--area .news--feed .item a {
  color: var(--theme-color);
  display: inline-block;
  font-size: 1.6rem;
  margin-top: 0.5rem;
}
.company--tab--area .news--feed .item a:hover {
  text-decoration: underline;
}
.company--tab--area .funding--box {
  padding: 1rem 2rem;
  background-color: var(--theme-color2);
  border-radius: 1rem;
}
.company--tab--area .funding--box h4 {
  font-size: 1.8rem;
  color: var(--theme-color);
}
.company--tab--area .funding--box p {
  font-size: 1.6rem;
  margin-top: 1.2rem;
}
.company--tab--area .table--area {
  width: 100%;
  overflow: hidden;
  border-radius: 0.5rem;
}
.company--tab--area .table--area td {
  font-size: 1.6rem;
  padding: 2rem;
}
.company--tab--area .table--area table {
  width: 100%;
}
.company--tab--area .table--area td {
  border: 0.1rem solid #e8e8e8;
}
.company--tab--area .table--area td.colum--big {
  width: 70%;
  background-color: var(--theme-color2);
}
.company--tab--area .company--investor {
  margin-top: 4rem;
}
.company--tab--area .company--investor h4,
.company--tab--area .highlight h4,
.company--tab--area .user--base h4 {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}
.company--tab--area .company--investor .item {
  margin-top: 1rem;
}
.company--tab--area .company--investor .item p {
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 0.2rem;
}
.company--tab--area .company--investor .item .links {
  display: flex;
}
.company--tab--area .company--investor .item .links a {
  font-size: 1.6rem;
  color: var(--theme-color);
  margin-right: 0.5rem;
}
.company--tab--area .company--investor .item .links a:last-child {
  margin-right: 0;
}
.company--tab--area .company--investor .item .links a:hover {
  text-decoration: underline;
}
.company--tab--area .highlight ul {
  padding-left: 4rem;
}
.company--tab--area .highlight ul li {
  font-size: 1.6rem;
  list-style: disc;
  margin-top: 2rem;
}
.company--tab--area .user--base {
  margin-top: 4rem;
}
.company--tab--area .user--base p {
  font-size: 1.6rem;
}
.company--tab--area .user--base p a {
  color: var(--theme-color);
  text-decoration: underline;
}
.company--tab--area .other--companies {
  font-family: var(--font2);
}
.company--tab--area .other--companies--slider .item p {
  line-height: 2.2rem;
}
.company--tab--area .other--companies--slider .item h4 {
  margin-bottom: 0.5rem;
}
.company--tab--area .other--companies--slider .item a {
  border: 0.1rem solid #e8e8e8;
}
.company--tab--area .other--companies--slider .owl-dots {
  text-align: center;
  margin-top: 1rem;
}
.company--tab--area .other--companies--slider .owl-dots .owl-dot {
  height: 1rem;
  width: 1rem;
  border-radius: 50%;
  background-color: #e8e8e8;
  margin-right: 0.8rem;
}
.company--tab--area .other--companies--slider .owl-dots .owl-dot.active {
  background-color: var(--theme-color);
}
.company--tab--area .other--companies h4 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
/*==== Company Single Page Style :: End ====*/

/*==== Invest Page Style :: Start ====*/
.invest--main--area .investment--details--box .company {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}
.invest--main--area .investment--details--box .company img {
  height: 9rem;
  width: 9rem;
  border-radius: 0.8rem;
  margin-right: 2rem;
}
.invest--main--area .investment--details--box .company h3 {
  font-size: 3.5rem;
  font-weight: 600;
}
.invest--main--area .investment--details--box .company--details p {
  line-height: 2.6rem;
}
.invest--main--area .details--table--area {
  margin-top: 4rem;
}
.invest--main--area .details--table--area table {
  width: 100%;
  font-family: var(--font2);
}
.invest--main--area .details--table--area table tr td {
  padding: 2rem;
  font-size: 1.6rem;
  border: 0.1rem solid #e8e8e8;
}
.invest--main--area .details--table--area table tr td.column--big {
  width: 35%;
  background-color: var(--theme-color2);
}
.invest--main--area .invest--info--accordion .accordion-item {
  background-color: transparent;
  border: none;
}
.invest--main--area .invest--info--accordion button {
  padding: 1.5rem 2rem;
}
.invest--main--area .invest--info--accordion button p {
  font-weight: 600;
}
.invest--main--area .invest--info--accordion button p,
.invest--main--area .invest--info--accordion .accordion-body p {
  font-size: 1.6rem;
  line-height: 2.6rem;
}
.invest--main--area .invest--info--accordion .accordion-button::after {
  position: absolute;
  left: 0;
}
.invest--main--area .invest--info--accordion .accordion-button:not(.collapsed) {
  background: none;
}
.invest--main--area .invest--right--box--wrapper {
  position: sticky;
  top: 14rem;
  right: 0;
}
.invest--main--area .company--right--box--area .invest--right--sidebar {
  padding: 2.5rem;
  background-color: var(--white);
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem;
  border-radius: 1rem;
  margin-top: 3rem;
}
.invest--main--area .company--right--box--area .invest--right--sidebar h3 {
  font-size: 2.2rem;
  padding-bottom: 1rem;
  font-weight: 600;
  border-bottom: 0.1rem solid #e8e8e8;
}
.invest--main--area .company--right--box--area .investor--options > p {
  padding-top: 1rem;
  font-size: 1.6rem;
}
.invest--main--area .company--right--box--area .investor--options > p span {
  color: red;
}
.invest--main--area
  .company--right--box--area
  .investor--options
  .investor--btn--group {
  margin-top: 3rem;
}
.invest--main--area
  .company--right--box--area
  .investor--options
  .investor--btn--group
  .button {
  width: 100%;
  display: block;
  text-align: center;
  border-radius: 6rem;
  background-color: transparent;
  border: 0.1rem solid #e8e8e8;
  color: var(--text-color);
}
.invest--main--area
  .company--right--box--area
  .investor--options
  .investor--btn--group
  .button:hover {
  border-color: var(--theme-color);
  color: var(--theme-color);
}
.invest--main--area
  .company--right--box--area
  .investor--options
  .investor--note {
  padding: 2.5rem;
  background-color: var(--theme-color2);
  border-radius: 1rem;
  margin-top: 3rem;
  border: 0.1rem solid #e8e8e8;
}
.invest--main--area
  .company--right--box--area
  .investor--options
  .investor--note
  p {
  position: relative;
  font-size: 1.6rem;
  line-height: 2.6rem;
  padding-left: 3rem;
}
.invest--main--area
  .company--right--box--area
  .investor--options
  .investor--note
  p
  a {
  color: var(--theme-color);
  font-size: 1.6rem;
  text-decoration: underline;
}
.invest--main--area
  .company--right--box--area
  .investor--options
  .investor--note
  p::before {
  position: absolute;
  content: "";
  top: 0;
  left: -0.8rem;
  background-image: url("../images/warning.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: 2.8rem;
  width: 2.8rem;
}
.investment--requirment--popup {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: var(--white);
  font-family: var(--font2);
  padding: 7rem 0;
  z-index: 9999;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.4);
  transition: all 0.3s ease-in-out;
}
.investment--requirment--popup.active {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.investment--requirment--popup .invest--reservation h3 {
  font-size: 2.2rem;
  font-weight: 600;
  margin-bottom: 2rem;
  text-align: center;
  line-height: 2.7rem;
}
.investment--requirment--popup
  .invest--reservation
  .investment--steps--indicators {
  display: flex;
  border: 0.1rem solid var(--theme-color);
  width: 100%;
}
.investment--requirment--popup
  .invest--reservation
  .investment--steps--indicators
  .step--indicator {
  padding: 0.8rem 2rem;
  width: calc(100% / 3);
  text-align: center;
  border-right: 0.1rem solid var(--theme-color);
}
.investment--requirment--popup
  .invest--reservation
  .investment--steps--indicators
  .step--indicator.active--step--indicator {
  background-color: var(--theme-color);
}
.investment--requirment--popup
  .invest--reservation
  .investment--steps--indicators
  .step--indicator.active--step--indicator
  p {
  opacity: 1;
  color: var(--white);
}
.investment--requirment--popup
  .invest--reservation
  .investment--steps--indicators
  .step--indicator
  p {
  font-size: 1.8rem;
  opacity: 0.6;
  font-weight: 500;
}
.investment--requirment--popup
  .invest--reservation
  .investment--steps--indicators
  .step--indicator:last-child {
  border: none;
}
.investment--requirment--popup .reservation--step {
  margin-top: 3rem;
  display: none;
}
.investment--requirment--popup .reservation--step.reservation--step--active {
  display: block;
}
.investment--requirment--popup .reservation--step p {
  font-size: 1.7rem;
  line-height: 2.6rem;
}
.investment--requirment--popup
  .reservation--step
  .reservation--informations
  .info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2rem;
}
.investment--requirment--popup
  .reservation--step
  .reservation--informations
  .info
  p {
  font-size: 1.6rem;
}
.investment--requirment--popup
  .reservation--step
  .reservation--informations
  .info
  input {
  width: 20rem;
  border-radius: 0.5rem;
  background-color: var(--theme-color2);
  padding: 0.2rem 1.5rem;
  border: 0.1rem solid #e8e8e8;
  font-size: 1.5rem;
}
.investment--requirment--popup .reservation--step .note {
  margin-top: 3rem;
  font-size: 1.6rem;
}
.investment--requirment--popup .reservation--step .btn--area {
  display: flex;
  justify-content: space-between;
  margin-top: 3rem;
}
.investment--requirment--popup .reservation--step .btn--area .button {
  padding: 0.8rem 2.5rem;
}
.investment--requirment--popup .reservation--step.reser--step--two {
  text-align: center;
}
.investment--requirment--popup
  .reservation--step
  .personal--info-fields
  .input--group {
  margin-top: 2rem;
}
.investment--requirment--popup
  .reservation--step
  .personal--info-fields
  .input--group
  label,
.investment--requirment--popup
  .reservation--step
  .personal--info-fields
  .input--group
  h4 {
  font-size: 1.5rem;
  display: inline-block;
  margin-bottom: 0.7rem;
}
.investment--requirment--popup .reservation--step .personal--info-fields input,
.investment--requirment--popup
  .reservation--step
  .personal--info-fields
  select {
  width: 100%;
  height: 3.8rem;
  border: 0.1rem solid #e8e8e8;
  border-radius: 0.8rem;
  padding: 0 1.5rem;
  font-size: 1.6rem;
  color: var(--text-color);
}
.investment--requirment--popup
  .reservation--step
  .personal--info-fields
  input.err {
  border-color: red;
}
.investment--requirment--popup .reservation--step .checkbox--container {
  display: flex;
  border: 0.1rem solid #e8e8e8;
  max-width: 21rem;
  border-radius: 1rem;
  align-items: center;
  justify-content: center;
}
.investment--requirment--popup .reservation--step .checkbox--container p {
  width: calc(100% / 2);
}
.investment--requirment--popup .reservation--step .checkbox--container label {
  font-weight: 500;
  font-size: 1.6rem !important;
  width: 100%;
  height: 100%;
  margin-bottom: 0 !important;
  padding: 0.8rem 2rem;
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.investment--requirment--popup
  .reservation--step
  .checkbox--container
  label.institution {
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.investment--requirment--popup
  .reservation--step
  .checkbox--container
  input:checked
  + label {
  background-color: var(--theme-color);
  color: var(--white);
}
.investment--requirment--popup .reservation--step .checkbox--container input {
  display: none;
}
.nice-select,
.nice-select .list {
  width: 100%;
}
.nice-select {
  float: none;
  height: 3.8rem;
}
.nice-select span {
  font-size: 1.6rem;
  margin-top: -0.5rem;
}
.investment--requirment--popup .close--reservation--popup,
.investment--requirment--popup .close--alert--card .close {
  position: absolute;
  top: 4rem;
  right: 4rem;
  height: 4rem;
  width: 4rem;
  border: 0.1rem solid #e8e8e8;
  border-radius: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.investment--requirment--popup .close--reservation--popup i {
  font-size: 2.5rem;
}
.investment--requirment--popup .close--alert--card {
  max-width: 50rem;

  background-color: var(--white);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  padding: 3rem 2rem 2rem 2rem;
  border-radius: 1rem;
  position: absolute;
  top: 4rem;
  right: 4rem;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  height: 0;
}
.investment--requirment--popup .close--alert--card.active {
  opacity: 1;
  visibility: visible;
  height: 23rem;
}
.investment--requirment--popup .close--alert--card h4 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.investment--requirment--popup .close--alert--card p {
  font-size: 1.6rem;
  line-height: 2.6rem;
}
.investment--requirment--popup .close--alert--card .button {
  margin-top: 3rem;
  padding: 0.8rem 2rem;
}
.investment--requirment--popup .close--alert--card .close--btn--area {
  text-align: right;
}
.investment--requirment--popup .close--alert--card .close {
  height: 3rem;
  width: 3rem;
  box-shadow: none;
  top: 1.5rem;
  right: 1.5rem;
}
/*==== Invest Page Style :: End ====*/

/*==== Thankyou Page Style :: Start ====*/
.thankyou--area {
  height: 100vh;
  padding-top: 10rem;
  text-align: center;
  font-family: var(--font2);
}
.thankyou--area img {
  width: 45%;
}
.thankyou--area .thankyou--wrapper h1 {
  font-size: 3rem;
  font-weight: 600;
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.thankyou--area .thankyou--wrapper p {
  line-height: 2.6rem;
}
.thankyou--area .thankyou--wrapper .button {
  margin-top: 3rem;
}
/*==== Thankyou Page Style :: End ====*/

/*==== Investor Page Style :: Start ====*/

/*==== Investor Hero Style :: Start ====*/
.inner--hero {
  min-height: 90vh;
  display: flex;
  align-items: center;
  position: relative;
  padding: 2rem 0 6rem;
  z-index: 1;
}
.inner--hero h1 {
  font-size: 6rem;
  font-weight: 700;
  max-width: 62rem;
}
.inner--hero p {
  margin-top: 2rem;
  max-width: 60rem;
  line-height: 2.6rem;
}
.inner--hero .button {
  margin-top: 4rem;
}
.inner--hero .hero--img {
  position: relative;
  height: 100%;
  display: block;
  border-radius: 1rem;
  padding: 2.5rem 2.5rem 0 0;
  z-index: 1;
}
.inner--hero .hero--img::before {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  height: 40rem;
  width: 40rem;
  background-color: var(--theme-color);
  z-index: -1;
  border-radius: 1rem;
}
.inner--hero .hero--img img {
  border-radius: 1rem;
  height: 47rem;
  object-fit: cover;
}
/*==== Investor Hero Style :: End ====*/

/*==== Investor Why Invest Style :: Start ====*/
.why--invest--area {
  padding: 10rem 0 13rem;
  background-color: var(--theme-color2);
  overflow: hidden;
}
.why--invest--area .why--invest--text--content h3 {
  font-size: 4.5rem;
  font-weight: 700;
  margin-bottom: 2.5rem;
}
.why--invest--area .why--invest--text--content p {
  line-height: 2.6rem;
  margin-bottom: 4rem;
}
.why--invest--area .card--item {
  padding: 2rem;
  background-color: var(--white);
  border-radius: 1rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  margin-top: 2rem;
  display: flex;
  font-family: var(--font2);
  transition: all 0.3s ease-in-out;
}
.why--invest--area .card--item:first-child {
  margin-top: 0;
}
.why--invest--area .card--item img {
  width: 5rem;
  margin-right: 1.5rem;
}
.why--invest--area .card--item h4 {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 0.4rem;
}
.why--invest--area .card--item p {
  font-size: 1.7rem;
}
.why--invest--area .card--item:hover {
  transform: translateX(-2rem);
}
#investor--page .sweet--number--area {
  padding: 12rem 0;
}
/*==== Investor Why Invest Style :: End ====*/

/*==== Explore Private Companies Style :: Start ====*/
.explore--private--companies--area {
  padding: 10rem 0;
  text-align: center;
  background-color: var(--theme-color3);
}
.explore--private--companies--area .explore--area h3 {
  font-size: 3.5rem;
  font-weight: 700;
  margin-bottom: 5rem;
}
.explore--private--companies--area .explore--area .input--group {
  max-width: 100%;
}
.explore--private--companies--area .explore--area input {
  background-color: var(--white);
  padding: 1.5rem 2rem;
  border: none;
  width: 100%;
  border-radius: 0.5rem;
}
.explore--private--companies--area .explore--area .button {
  margin-top: 2.5rem;
}
.explore--private--companies--area .search--icon {
  position: absolute;
  top: 50%;
  right: 0;
  height: 100%;
  width: 6rem;
  border-radius: 0;
  background-color: var(--theme-color);
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
  border: 0;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.explore--private--companies--area .search--icon i {
  color: var(--white);
  margin-top: -0.2rem;
}
.explore--private--companies--area .search--dropdown--subscription {
  text-align: left;
}
.explore--private--companies--area
  .search--dropdown--subscription--area
  .input--group {
  position: relative;
}
.explore--private--companies--area .search--dropdown--subscription {
  top: 6.5rem;
}
.explore--private--companies--area .search--dropdown--subscription.show {
  top: 5.8rem;
}
/*==== Explore Private Companies Style :: End ====*/

/*==== Investor Page Style :: End ====*/

/*==== Shareholder Page Style :: Start ====*/

/*==== Why Sell Area Style :: Start ====*/
.why--sell--area {
  padding: 12rem 0 12rem;
  background-color: var(--theme-color2);
  overflow: hidden;
}
.why--sell--area .row,
.top--explore--area .row {
  margin-right: -1rem;
  margin-left: -1rem;
}
.why--sell--area .row [class*="col-"],
.top--explore--area .row [class*="col-"] {
  padding-right: 1rem;
  padding-left: 1rem;
}
.why--sell--area .sell--box img {
  width: 6.5rem;
  margin-bottom: 2.5rem;
}
.why--sell--area .sell--box {
  font-family: var(--font2);
  background-color: var(--white);
  padding: 2.5rem;
  height: 100%;
  border-radius: 1rem;
  transition: all 0.3s ease-in-out;
}
.why--sell--area .sell--box:hover {
  box-shadow: var(--box-shadow);
}
.why--sell--area .sell--box h4 {
  font-size: 2.2rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
/*==== Why Sell Area Style :: End ====*/

/*==== Discover Value Area Style :: Start ====*/
.discover--value--area {
  padding: 10rem 0;
  position: relative;
  overflow: hidden;
}
.discover--value--area .column {
  max-width: 50%;
  width: 100%;
}
.discover--value--area .column:nth-child(1) {
  padding-left: 0 !important;
}
.discover--value--area .discover--img--area {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.discover--value--area .discover--img--area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.discover--value--area .discover--form--area h3 {
  font-size: 4rem;
  font-weight: 700;
  margin-bottom: 3rem;
}
.discover--value--area .discover--form--area {
  padding-left: 5rem;
  padding-right: calc((100% - 145rem) / 2 + 1.5rem);
}
.discover--value--area .discover--form--area p {
  margin-bottom: 5rem;
  line-height: 2.6rem;
}
.discover--value--area .discover--form--area form {
  font-family: var(--font2);
}
.discover--value--area .discover--form--area .input--group {
  margin-top: 2rem;
}
.discover--value--area .discover--form--area input {
  width: 100%;
  padding: 1.2rem 2rem;
  border-radius: 0.5rem;
  background-color: var(--theme-color2);
  border: none;
  color: var(--text-color);
  font-size: 1.8rem;
  border: 0.1rem solid #e8e8e8;
}
.discover--value--area .discover--form--area label {
  font-size: 1.6rem;
  margin-bottom: 1rem;
}
.discover--value--area .discover--form--area .button {
  border: none;
  margin-top: 2rem;
}
#shareholder--page .sweet--number--area {
  padding-top: 12rem;
}
/*==== Discover Value Area Style :: End ====*/

/*==== Ready To Sell Area Style :: Start ====*/
.ready--to--sell--area {
  padding: 10rem 0;
  background-color: var(--theme-color3);
}
.ready--to--sell--area .ready--to--sell--content {
  text-align: center;
}
.ready--to--sell--area .ready--to--sell--content .img--area {
  height: 13rem;
  width: 13rem;
  /* background-color: var(--theme-color3); */
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
  border: 0.1rem solid rgb(24, 150, 43, 0.31);
}
.ready--to--sell--area .ready--to--sell--content .img--area img {
  width: 8rem;
}
.ready--to--sell--area .ready--to--sell--content h3 {
  font-size: 3.5rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}
.ready--to--sell--area .ready--to--sell--content p {
  max-width: 70rem;
  margin-bottom: 3rem;
  line-height: 2.6rem;
}
/*==== Ready To Sell Area Style :: End ====*/

/*==== Shareholder Page Style :: End ====*/

/*==== Explore Page Style :: Start ====*/

/*==== Top Explore Area Style :: Start ====*/
.top--explore--area {
  padding: 3rem 0 6rem;
}
.top--explore--area .top--box {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  display: block;
  height: 100%;
  border: 0.1rem solid #e8e8e8;
}
.top--explore--area .top--box > img {
  height: 29rem;
  object-fit: cover;
  border-radius: 1rem;
}
.top--explore--area .top--box .content,
.all--explore--box--area .companny--box .content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.95);
  padding: 1.5rem;
}
.top--explore--area .top--box .content .company--logo {
  position: absolute;
  top: -3.3rem;
  right: 2rem;
}
.top--explore--area .top--box .content img {
  width: 6rem;
  height: 6rem;
  object-fit: cover;
  border-radius: 0.5rem;
}
.top--explore--area .top--box .content h4,
.explore--all--companies h4 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.top--explore--area .top--box .content p {
  font-size: 1.6rem;
}
.all--explore--box--area {
  font-family: var(--font2);
  padding-bottom: 12rem;
}
.explore--all--companies {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.explore--all--companies .comapnies--images {
  width: 15rem;
  height: 8rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: flex;
  justify-content: center;
}
.explore--all--companies .comapnies--images img {
  height: 5.5rem;
  width: 5.5rem;
  border-radius: 0.5rem;
  position: absolute;
}
.explore--all--companies .comapnies--images img:nth-child(1) {
  left: 0;
}
.explore--all--companies .comapnies--images img:nth-child(2) {
  left: 2.6rem;
}
.explore--all--companies .comapnies--images img:nth-child(3) {
  right: 4rem;
}
.explore--all--companies .comapnies--images img:nth-child(4) {
  right: 1rem;
}
.all--explore--box--area .companny--box {
  min-height: 25rem;
  background-color: aliceblue;
  display: block;
  position: relative;
  border-radius: 1rem;
}
.all--explore--box--area .companny--box .company--logo {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
}
.all--explore--box--area .companny--box .company--logo img {
  height: 6rem;
  width: 6rem;
  border-radius: 0.5rem;
  border: 0.1rem solid var(--white);
}
.all--explore--box--area .companny--box .content {
  background-color: rgba(255, 255, 255, 0.8);
}
.all--explore--box--area .companny--box .content h4 {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 0.7rem;
}
.all--explore--box--area .companny--box .content p {
  font-size: 1.5rem;
}
.all--explore--box--area .invest {
  position: absolute;
  top: 1rem;
  left: 1rem;
  font-size: 1.2rem;
  padding: 0.2rem 0.7rem;
  background-color: var(--theme-color);
  border-radius: 3rem;
  color: var(--white);
}
.all--explore--box--area .companny--box.epic {
  background-color: #071116;
}
.all--explore--box--area .companny--box.impossible {
  background-color: #3442ed;
}
.all--explore--box--area .companny--box.kraken {
  background-color: #5b44da;
}
.all--explore--box--area .companny--box.anthropic {
  background-color: #cf9c7a;
}
.all--explore--box--area .companny--box.databricks {
  background-color: #ff3622;
}
.all--explore--box--area .owl-carousel .owl-stage {
  margin-left: -8rem;
}
.all--explore--box--area .owl-nav .owl-prev,
.all--explore--box--area .owl-nav .owl-next {
  position: absolute;
  top: 0;
  left: -3rem;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5) !important;
  width: 4rem;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.all--explore--box--area .owl-nav .owl-next {
  left: auto;
  right: -3rem;
}
.all--explore--box--area .owl-nav .owl-prev span,
.all--explore--box--area .owl-nav .owl-next span {
  font-size: 4rem;
}
.all--explore--box--area .owl-carousel:hover .owl-prev {
  opacity: 1;
  visibility: visible;
  left: 0;
}
.all--explore--box--area .owl-carousel:hover .owl-next {
  opacity: 1;
  visibility: visible;
  right: 0;
}
.all--explore--box--area .owl-carousel {
  overflow: hidden;
}
.all--explore--box--area .title {
  margin-bottom: 2.5rem;
}
.all--explore--box--area .title h4 {
  font-size: 2.2rem;
  font-weight: 600;
  margin-bottom: 0.2rem;
}
/*==== Top Explore Area Style :: End ====*/

/*==== Explore Page Style :: End ====*/

/*==== Issuer Page Style :: Start ====*/
#institution--page .sweet--number--area,
#issuer--page .sweet--number--area,
#managed--page .sweet--number--area,
#return--page .sweet--number--area {
  padding-top: 12rem;
}
#institution--page .why--sell--area .sell--box img {
  width: 6rem;
  margin-bottom: 2.5rem;
}
/*==== Issuer Page Style :: End ====*/

/*==== Investment Return Page Style :: Start ====*/
#return--page .discover--value--area .discover--form--area p {
  margin-bottom: 2.5rem;
}
#return--page .discover--value--area {
  background-color: var(--theme-color2);
}
/*==== Evaluate Area Style :: Start ====*/
.evaluate--area {
  padding: 9rem 0 12rem;
}
.evaluate--area .evaluate--text {
  padding-right: 5rem;
}
.evaluate--area .evaluate--text h3 {
  font-size: 4rem;
  font-weight: 700;
  margin-bottom: 3rem;
  line-height: 6rem;
}
.evaluate--area .evaluate--text h4 {
  font-size: 2rem;
  font-weight: 600;
  font-family: var(--font2);
  margin-bottom: 1rem;
}
.evaluate--area .evaluate--text p {
  line-height: 2.6rem;
}
.evaluate--area .evaluate--img img {
  height: 48rem;
  object-fit: cover;
}
.row-reverse {
  flex-direction: row-reverse;
}
.evaluate--area.v2 {
  background-color: var(--theme-color2);
}
.evaluate--area.v2 .evaluate--text {
  padding-right: 0;
}
/*==== Evaluate Area Style :: End ====*/

/*==== Investment Return Page Style :: End ====*/

/*==== Faq Page Style :: Start ====*/
.innerV2--pages {
  height: 40vh;
  display: flex;
  align-items: center;
  background-color: var(--theme-color2);
}
.innerV2--pages h1 {
  font-size: 4rem;
  font-weight: 700;
  line-height: 6rem;
  margin-bottom: 1.5rem;
}
.innerV2--pages p {
  max-width: 60rem;
  margin: 0 auto;
  line-height: 2.6rem;
}
.innerV2--pages form {
  margin-top: 4rem;
}
.innerV2--pages form .input--group {
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.innerV2--pages form input {
  width: 100%;
  height: 5rem;
  border-radius: 0.5rem;
  padding: 0 2rem;
  border: 0.1rem solid #e8e8e8;
}
.innerV2--pages form button {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 100%;
  padding: 1.2rem 2rem;
}
.innerV2--pages form button i {
  font-size: 2rem;
  margin-top: 0.2rem;
}
.faq--question--area {
  overflow: hidden;
}
.faq--qustions .invest--info--accordion .accordion-item {
  background-color: transparent;
  border: none;
}
.faq--qustions .invest--info--accordion {
  background-color: var(--theme-color2);
  padding: 1rem;
  border-radius: 1rem;
}
.faq--qustions h2 {
  font-size: 2.5rem;
  font-weight: 700;
}
.faq--qustions .invest--info--accordion .accordion-body {
  padding: 0 2rem 2rem 2rem;
}
.faq--question--area .row {
  margin-right: -1rem;
  margin-left: -1rem;
}
.faq--question--area .row [class*="col-"] {
  padding-left: 1rem;
  padding-right: 1rem;
}
.faq--qustions .invest--info--accordion .accordion-item button {
  background-color: transparent;
}
.faq--qustions .invest--info--accordion .accordion-item button p {
  font-weight: 600;
}
.accordion-button:not(.collapsed) {
  color: var(--text-color);
  box-shadow: none;
}
/*==== Faq Page Style :: End ====*/

/*==== Company Listing Page Style :: Start ====*/

/*==== Company List Area Style :: Start ====*/
.company--list--area {
  padding: 6rem 0;
}
.company--list--area .single--company {
  background-color: var(--white);
  border: 0.1rem solid #e8e8e8;
  border-radius: 1rem;
  padding: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: var(--font2);
  text-align: center;
  transition: all 0.3s ease-in-out;
  margin-top: 2rem;
}
.company--list--area .single--company:hover {
  box-shadow: var(--box-shadow);
  border-color: var(--white);
}
.company--list--area .single--company .company--name {
  display: flex;
  align-items: center;
  text-align: left;
}
.company--list--area .single--company .company--name span {
  max-width: 35rem;
}
.company--list--area .single--company .company--name img {
  height: 6rem;
  width: 6rem;
  border-radius: 0.5rem;
  margin-right: 1.5rem;
  border: 0.1rem solid #e8e8e8;
}
.company--list--area .single--company .company--name h4 {
  font-size: 2rem;
  font-weight: 600;
}
.company--list--area .single--company span {
  font-size: 1.5rem;
  margin-top: 0.6rem;
  display: inline-block;
}
.company--list--area .single--company .invest p {
  color: var(--theme-color);
}
/*==== Company List Area Style :: End ====*/

/*==== Company Listing Page Style :: End ====*/

/*==== Overview Page Style :: Start ====*/
.company--list--area {
  overflow: hidden;
}
.company--list--area .row {
  margin-right: -1rem;
  margin-left: -1rem;
}
.company--list--area .row [class*="col-"] {
  padding-left: 1rem;
  padding-right: 1rem;
}
.blog--card {
  display: inline-block;
  width: 100%;
  background-color: var(--theme-color2);
  border-radius: 1rem;
  height: 100%;
  transition: all 0.5s ease-in-out;
}
.blog--card .img--area {
  overflow: hidden;
  border-top-right-radius: 1rem;
  border-top-left-radius: 1rem;
}
.blog--card .img--area img {
  border-top-right-radius: 1rem;
  border-top-left-radius: 1rem;
  height: 23rem;
  object-fit: cover;
  transition: all 0.5s ease-in-out;
}
.blog--card .blog--text {
  padding: 2rem;
}
.blog--card .blog--category {
  padding: 0.2rem 2rem;
  border-radius: 4rem;
  background-color: var(--theme-color);
  color: var(--white);
  font-size: 1.3rem !important;
  display: inline-block;
  margin-bottom: 1.5rem;
}
.blog--card .blog--text h4 {
  font-size: 2.2rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}
.blog--card .blog--text p {
  font-size: 1.6rem;
}
.moderator {
  display: flex;
  align-items: center;
  margin-top: 2rem;
  text-align: left;
}
.moderator img {
  height: 4rem;
  width: 4rem;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 1rem;
}
.moderator h5 {
  font-size: 1.6rem;
  font-weight: 500;
}
.moderator p {
  font-size: 1.4rem;
  margin-top: 0.2rem;
}
.blog--card:hover .img--area img {
  transform: scale(1.2);
}
.blog--card:hover {
  box-shadow: var(--box-shadow);
}
/*==== Overview Page Style :: End ====*/

/*==== Blog Single Page Style :: Start ====*/
.blog--single--hero--area {
  padding: 6rem 0 10rem;
  position: relative;
  z-index: 1;
}
.blog--single--hero--area::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 60rem;
  width: 100%;
  background-color: var(--theme-color2);
  z-index: -1;
}
.blog--single--hero--area .post--title h1 {
  font-size: 4.5rem;
  font-weight: 700;
  line-height: 6.5rem;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}
.blog--single--hero--area .moderator {
  font-family: var(--font2);
  margin-top: 4rem;
}
.blog--single--hero--area .blog--image img {
  height: 60rem;
  margin-top: 4rem;
  box-shadow: var(--box-shadow);
  object-fit: cover;
  border-radius: 1rem;
}
.blog--desc--area p {
  line-height: 2.6rem;
}

.more--blog--area {
  padding: 12rem 0;
  background-color: var(--theme-color2);
}
.more--blog--area .blog--card {
  background-color: var(--white);
}
/*==== Blog Single Page Style :: End ====*/

/*==== About Page Style :: Start ====*/
.leadership--area {
  padding: 12rem 0;
  background-color: var(--theme-color2);
  overflow: hidden;
}
.leadership--area .row,
.investor--and--shareholder--area .row {
  margin-left: -1rem;
  margin-right: -1rem;
}
.leadership--area .row [class*="col-"],
.investor--and--shareholder--area .row [class*="col-"] {
  padding-left: 1rem;
  padding-right: 1rem;
}
.team--box {
  background-color: var(--white);
  font-family: var(--font2);
  border-radius: 1rem;
  height: 100%;
}
.team--box .img--area {
  position: relative;
  z-index: 1;
}
.team--box .img--area::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 15rem;
  width: 100%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 37%,
    rgba(24, 150, 43, 0.4234068627450981) 100%
  );
}
.team--box img {
  height: 32rem;
  object-fit: cover;
  border-top-right-radius: 1rem;
  border-top-left-radius: 1rem;
}
.team--box .name--area {
  position: relative;
  max-width: 25rem;
  background-color: var(--theme-color2);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding: 2rem 1.5rem;
  box-shadow: var(--box-shadow);
  margin-top: -4rem;
  border-radius: 0.5rem;
  z-index: 1;
}
.team--box .name--area h3 {
  font-size: 2rem;
  font-weight: 600;
}
.team--box .name--area p {
  font-size: 1.6rem;
  margin-top: 0.5rem;
  color: var(--theme-color);
}
.team--box .social--icons {
  padding: 2rem;
  text-align: center;
  margin-top: 1rem;
  display: flex;
  justify-content: center;
}
.team--box .social--icons a {
  height: 4.5rem;
  width: 4.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--theme-color2);
  margin-right: 1rem;
  transition: all 0.3s ease-in-out;
}
.team--box .social--icons a i {
  font-size: 2.2rem;
  color: var(--text-color);
  transition: all 0.3s ease-in-out;
}
.team--box .social--icons a:hover {
  background-color: var(--theme-color);
}
.team--box .social--icons a:hover i {
  color: var(--white);
}

.investor--and--shareholder--area {
  padding: 12rem 0;
}

.investor--and--shareholder--area .img--area {
  background-color: var(--theme-color2);
  padding: 2rem;
  border-radius: 1rem;
  min-height: 10rem;
  max-height: 10rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}
.investor--and--shareholder--area .img--area:hover {
  box-shadow: var(--box-shadow);
}
/*==== About Page Style :: End ====*/

/*==== Contact Page Style :: Start ====*/
.contact--area {
  min-height: 90vh;
}
.contact--area .column-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.contact--area .column-wrapper .left--column {
  max-width: 40%;
  width: 100%;
  height: 90vh;
}
.contact--area .column-wrapper .left--column iframe {
  height: 90vh;
  width: 100%;
  object-fit: cover;
}
.contact--area .column-wrapper .right--column {
  max-width: 60%;
  padding-right: calc((100% - 145rem) / 2 + 1.5rem);
  padding-left: 15rem;
}
.map--area {
  position: relative;
  z-index: 1;
}
.map--area::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
.map--area .map--contact--box {
  position: absolute;
  max-width: 40rem;
  width: 100%;
  background-color: var(--white);
  padding: 3rem;
  top: 60%;
  left: 20%;
  border-radius: 1rem;
  font-family: var(--font2);
}
.map--area .map--contact--box h3 {
  font-size: 2.2rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}
.map--area .map--contact--box p {
  line-height: 2.8rem;
}
.contact--box {
  font-family: var(--font2);
}
.contact--box input,
.contact--box textarea,
.profile--edit--form input,
.security--box input {
  width: 100%;
  height: 5rem;
  border: 0.1rem solid #e8e8e8;
  background-color: var(--theme-color2);
  border-radius: 0.5rem;
  font-size: 1.6rem;
  padding: 0 1.5rem;
}
.contact--box input.err,
.contact--box textarea.err,
.login--wrapper input.err {
  border-color: red;
}
.contact--box textarea {
  height: 14rem;
  resize: none;
  padding-top: 1.5rem;
}
.contact--area .column-wrapper .right--column form > h3 {
  font-size: 5rem;
  font-weight: 700;
  margin-bottom: 2rem;
}
.contact--area .column-wrapper .right--column form > p {
  line-height: 2.6rem;
  margin-bottom: 3rem;
}
.contact--box .input--group,
.profile--edit--form .input--group,
.security--box .input--group {
  margin-top: 2rem;
}
.contact--box .input--group label,
.profile--edit--form .input--group label,
.security--box label {
  margin-bottom: 0.8rem;
}
.contact--box .input--group .button {
  border: none;
}

/*==== Contact Page Style :: End ====*/

/*==== User Profile Page Style :: Start ====*/
.user--profile--area {
  padding: 6rem 0 12rem;
  font-family: var(--font2);
  background-color: var(--theme-color2);
}
.user--profile--area .user--profile--box > h1 {
  font-size: 3.5rem;
  font-weight: 600;
}
.user--profile--area .nav-pills .nav-link {
  font-size: 1.8rem;
  text-align: left;
  color: var(--text-color);
  padding: 1rem 2rem;
  display: flex;
  align-items: center;
}
.user--profile--area .nav-pills .nav-link i {
  font-size: 2.5rem;
  margin-right: 0.7rem;
}
.user--profile--area .nav-pills .nav-link.active {
  background-color: var(--theme-color2);
  font-weight: 600;
}
.user--profile--area .tabs--link {
  height: 60rem;
  background-color: var(--white);
  padding: 2rem 0;
  border-radius: 1rem;
}
.user--profile--area .profile--avatar {
  display: flex;
  align-items: center;
}
.user--profile--area .profile--avatar .img--area {
  height: 10rem;
  width: 10rem;
  position: relative;
  border-radius: 50%;
  margin-right: 2rem;
}
.user--profile--area .profile--avatar .img--area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.user--profile--area .profile--avatar .profile--name h3,
.profile--settings--box .inner--box .profile--name h3 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 0.7rem;
}
.user--profile--area .profile--avatar .profile--name p,
.profile--settings--box .inner--box .profile--name p {
  font-size: 1.6rem;
}
.user--profile--area .profile--edit--form .input--group label,
.security--box label {
  font-size: 1.6rem;
}
.user--profile--area .profile--edit--form button,
.security--box button {
  border: none;
}
.user--profile--area .tab-content {
  padding-left: 3rem;
}
.user--profile--area .update--profile {
  height: 2.5rem;
  width: 2.5rem;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
  cursor: pointer;
}
.user--profile--area .update--profile i {
  font-size: 1.4rem;
  color: var(--white);
}
.user--profile--area .profile--settings--box .inner--box h4,
.security--box h3 {
  font-size: 2.3rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.user--profile--area .profile--settings--box .inner--box .info--card {
  padding: 2rem;
  background-color: transparent;
  border: 0.1rem solid #e8e8e8;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 1rem;
  margin-top: 1.5rem;
}
.user--profile--area
  .profile--settings--box
  .inner--box
  .info--card.profile---card
  .profile--name {
  display: flex;
  align-items: center;
}
.user--profile--area
  .profile--settings--box
  .inner--box
  .info--card
  .profile--name
  img {
  height: 6rem;
  width: 6rem;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 1rem;
}
.user--profile--area
  .profile--settings--box
  .inner--box
  .info--card
  .profile--name
  h3 {
  font-size: 2rem;
}
.user--profile--area .promotion--box {
  text-align: center;
}
.user--profile--area .promotion--box img {
  width: 55rem;
}
.user--profile--area .promotion--box h3 {
  font-size: 2.3rem;
  font-weight: 600;
  margin-top: 1rem;
}
/*==== User Profile Page Style :: End ====*/

/*==== Access Page Style :: Start ====*/
.access--step--form .terms--condition,
.suitablity--step--form .terms--condition {
  padding: 0;
  border: none;
  background-color: transparent;
  margin-top: 2rem;
}
.access--step--form .show--more--option {
  margin-top: 3rem;
}
.access--step--form .show--more--option a {
  font-weight: 600;
  color: var(--theme-color);
}
/*==== Access Page Style :: End ====*/

/*==== Suitablity Page Style :: Start ====*/
.suitablity--step--form .form-step .input--group {
  margin-top: 1.5rem;
}
.suitablity--step--form .risk--factor--wrapper,
.suitablity--step--form .aggrement--factor--wrapper {
  height: 35rem;
  overflow: hidden;
  overflow-y: auto;
  padding: 2rem;
  border: 0.1rem solid #e8e8e8;
  border-radius: 1rem;
}
.suitablity--step--form .risk--factor--wrapper p,
.suitablity--step--form .aggrement--factor--wrapper p {
  line-height: 2.6rem;
}
.suitablity--step--form .risk--factor--wrapper h3,
.suitablity--step--form .aggrement--factor--wrapper h3 {
  font-size: 2.5rem;
  font-weight: 600;
  margin-bottom: 2rem;
}
.suitablity--step--form .risk--factor--wrapper p strong,
.suitablity--step--form .aggrement--factor--wrapper p strong {
  font-weight: 500 !important;
}
.suitablity--step--form .risk--factor--wrapper h4 {
  font-size: 2.5rem;
  font-weight: 600;
  margin: 3rem 0;
}
.suitablity--step--form .risk--factor--wrapper h5 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.suitablity--step--form .form-step.risk--factor .btn-next,
.suitablity--step--form .form-step.agreement .btn-next {
  pointer-events: none;
  opacity: 0.5;
}
.suitablity--step--form .form-step.agreement button {
  padding: 0.8rem 2.4rem;
  border: none;
}
/*==== Suitablity Page Style :: End ====*/

/*==== Approval Page Style :: Start ====*/
.access--area,
.suitablity--area,
.approval--area {
  height: 90vh;
}
.approval--wrapper {
  font-family: var(--font2);
}
.approval--wrapper h3 {
  font-size: 2.4rem;
  font-weight: 600;
  margin-bottom: 5rem;
}
.approval--wrapper p {
  line-height: 2.6rem;
  margin-bottom: 3rem;
}

/*==== Approval Page Style :: End ====*/

/*==== Shell Share Popup Style :: Start ====*/

.shell--share--popup--form--area {
  height: 100vh;
  width: 100%;
  background-color: white;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  scale: 0.3;
  transition: 0.4s ease-in-out;
}

.shell--share--popup--form--area.show--popup {
  opacity: 1;
  visibility: visible;
  scale: 1;
}

.shell--share--popup--logo--area {
  padding: 24px 0px;
  border-bottom: 1px solid #e8e8e8;
}

.shell--share--popup--logo--area img {
  width: 190px;
  height: 40px;
  object-fit: contain;
}

.shell--share--popup--form {
  max-width: 576px;
  margin: 0 auto;
}

.shell--share--popup--form--wrapper {
  padding-top: 72px;
  font-family: var(--font2);
}

.shell--share--popup--form .form--title {
  font-size: 18px;
  line-height: 22.5px;
  letter-spacing: -0.36px;
  padding-bottom: 10px;
  text-align: center;
  font-weight: 600;
}

.shell--share--popup--form .form--subtitle {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.36px;
  text-align: center;
}

.popup--input--field--wrapper {
  padding-top: 32px;
}

.popup--input--field--wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.popup--input--field--wrapper .multi--inupt,
.popup--input--field--wrapper .single--input {
  display: flex;
}

.popup--input--field--wrapper .required {
  width: 100%;
}

.popup--input--field--wrapper input {
  padding: 8px 10px 8px 30px;
  border-radius: 4px;
  border: 1px solid;
  border-color: #dddddd;
  width: 100%;
  font-size: 16px;
  transition: 0.4s ease-in-out;
}

.popup--input--field--wrapper input:hover {
  border-color: var(--theme-color);
}

.popup--input--field--wrapper input:focus {
  border-color: #18962b;
  box-shadow: 0 0 0 2px rgba(0, 138, 25, 0.2);
}

.popup--input--field--wrapper input::placeholder {
  color: #b3b0b0;
}

.popup--input--field--wrapper .multi--inupt {
  display: flex;
  align-items: center;
  gap: 16px;
}

.popup--input--field--wrapper .guide--text {
  font-size: 12px;
  line-height: 18px;
  color: #8b8888;
}

.popup--input--field--wrapper .required {
  position: relative;
  /* border-color: red; */
}
.popup--input--field--wrapper .required::before {
  content: "*";
  color: red;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 10px;
  left: 10px;
}

.popup--input--field--wrapper .country--code--select {
  display: flex;
  gap: 10px;
}

.popup--input--field--wrapper .country--code--select select {
  min-width: 80%;
}

/*==== Shell Share Popup Style :: End ====*/

/*==== On Boarding Form Styles :: End ====*/

.onboarding--wrapper .signup--area {
  padding-top: 40px;
}

.onboarding--wrapper .agreement-step .step--title {
  padding-bottom: 0;
  margin-bottom: 0;
}

.onboarding--wrapper .agreement-step .step--subtitle {
  font-size: 16px;
  line-height: 24px;
  padding: 16px 0px 32px;
  text-align: center;
}

.onboarding--wrapper .agreement-step .agreement--text {
  max-height: 300px;
  padding: 16px;
  overflow-y: scroll;
  border: 1.4px solid #dddddd;
}

.onboarding--wrapper .agreement-step .agreement--text p {
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 16px;
}

.onboarding--wrapper .agreement-step .agreement--text p span {
  font-weight: 600;
}

.onboarding--wrapper .agreement-step .agreement--text ol {
  list-style: decimal;
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 16px;
  padding-left: 30px;
}

.onboarding--wrapper .agreement-step .agreement--text ol li {
  padding-bottom: 6px;
}

.onboarding--wrapper .agreement-step .agreement--text ol ul {
  list-style-type: disc;
  padding-left: 40px;
}

.onboarding--wrapper .agreement-step .agreement--text ol ul span {
  font-weight: 600;
}

.onboarding--wrapper .agreement-step .agree--btn {
  display: flex;
  justify-content: end;
}

.onboarding--wrapper .agreement-step .agree--btn label {
  background-color: var(--theme-color);
  color: white;
  font-weight: 500;
  width: fit-content;
  padding: 4px 15px;
  border-radius: 4px;
  border-color: transparent;
  transition: 0.4s ease-in-out;
  pointer-events: all;
  box-shadow: none;
}

.onboarding--wrapper .agreement-step .agree--btn label::before {
  display: none;
}

.onboarding--wrapper .agreement-step .agree--btn label.disabled--btn {
  background-color: #f5f5f5;
  color: #b8b8b8;
  box-shadow: none;
  border: 1px solid #dddddd;
  transition: 0.4s ease-in-out;
  pointer-events: none;
}

.onboarding--wrapper .agreement-step .intro--title {
  font-size: 16px;
  text-align: left;
  padding-bottom: 10px;
  font-weight: 600;
}

.onboarding--wrapper .agreement-step .intro--title span {
  cursor: pointer;
  color: var(--theme-color);
  font-size: 16px;
  text-align: left;
  text-decoration: underline;
  font-weight: 400;
}

.onboarding--wrapper .agreement-step .input--wrapper--fields {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.onboarding--wrapper .agreement-step .input--wrapper--fields input {
  border: none;
  border-bottom: 2px solid #000;
  border-radius: 0;
}

.onboarding--wrapper .agreement-step .input--wrapper--fields input.red--border {
  border-color: red;
}

.onboarding--wrapper .agreement-step .input--wrapper--fields .input--container {
  position: relative;
}

.onboarding--wrapper
  .agreement-step
  .input--wrapper--fields
  .input--container
  label {
  position: absolute;
  top: -30px;
  left: 0;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}

.add--portfolio {
  padding-top: 26px;
}

.add--portfolio a {
  font-size: 16px;
  text-decoration: underline;
  color: var(--theme-color);
  font-weight: 600;
}

.add--portfolio .add--portfolio--btn {
  pointer-events: all !important;
  opacity: 1 !important;
  background-color: var(--theme-color);
  width: 100%;
  margin-bottom: 16px;
  color: white;
  text-decoration: none;
  transition: 0.4s ease-in-out;
}

.error--text {
  padding: 8px;
  padding-left: 50px;
  background-color: #fff1f0;
  border: 1px solid #ffa39e;
  border-radius: 4px;
  text-align: start;
  display: none;
}

.error--text h3 {
  font-size: 16px;
  line-height: 24px;
  position: relative;
  padding-left: 10px;
  font-weight: 700;
}

.error--text h3::before {
  content: "\2716";
  width: 20px;
  height: 20px;
  background-color: red;
  color: #fff;
  position: absolute;
  top: 0;
  left: -20px;
  border-radius: 50%;
  font-size: 10px;
  text-align: center;
}

.error--text ul {
  list-style-type: disc;
  font-size: 16px;
}

.error--text.show--text {
  display: block;
}

.onboard--step3 .funding {
  padding-top: 32px;
}

.onboard--step3 .common--title {
  text-align: start;
  font-weight: 600;
  font-size: 18px;
  line-height: 22.5px;
}

.onboard--step3 .price--date--wrapper {
  display: flex;
  flex-direction: column;
  border: 1px solid #dddddd;
  border-radius: 4px;
  margin-top: 10px;
}

.onboard--step3 .price--date--wrapper .parent {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #e6f5d7;
  padding: 8px 16px;
  border-bottom: 1px solid #dddddd;
}

.onboard--step3 .price--date--wrapper .parent:last-child {
  border-bottom: none;
}

.onboard--step3 .price--date--wrapper .parent p {
  font-size: 16px;
}

.onboard--step3 .price--date--wrapper .parent p:last-child {
  font-weight: 600;
}

.onboard--step3 .desired--shares {
  display: flex;
  flex-direction: column;
  gap: 26px;
  padding-top: 26px;
}

.onboard--step3 .desired--shares input {
  border: none;
  border-bottom: 2px solid black;
  border-radius: 0px;

  display: inline-block;
}

.onboard--step3 .desired--shares .holder {
  position: relative;
  padding-top: 20px;
}

.onboard--step3 .desired--shares label {
  text-align: start;
  font-weight: 600;
  font-size: 18px;
  line-height: 22.5px;
  position: absolute;
  top: 0;
  left: 0;
}

.onboard--step3 .net--proceed {
  padding-top: 25px;
}

.onboard--step3 .net--proceed h1 {
  font-size: 18px;
  line-height: 22.5px;
  padding-bottom: 10px;
  text-align: center;
  margin-bottom: 0;
  font-weight: 400;
}

.onboard--step3 .net--proceed h1 span {
  font-weight: 700;
}

.onboard--step3 .net--proceed .number--wrapper {
  display: flex;
  justify-content: space-between;
  align-items: start;
  border: 1.4px solid #dddddd;
  border-radius: 4px;
  padding: 15px;
}

.onboard--step3 .net--proceed .number--wrapper .price {
  font-size: 24px;
  line-height: 30px;
  color: #008a19;
  font-weight: 700;
}

.onboard--step3 .btns-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.onboard--step3 .btns-group a {
  display: inline-block;
  width: 100%;
}

.onboard--step3 .btns-group .btn-next {
  background-color: transparent;
  color: var(--theme-color);
  border: 1.4px solid var(--theme-color);
  transition: 0.4s ease-in-out;
}

.onboard--step3 .btns-group .btn-next:hover {
  background-color: #00c339;
  color: #fff;
}

.onboard--step3 .skip {
  padding: 16px 0px 8px;
}

.onboard--step3 .skip a {
  text-decoration: underline;
  color: var(--theme-color);
  font-weight: 600;
}

.onboard--step3 .important--text p {
  font-size: 16px;
  line-height: 24px;
  text-align: justify;
  color: #8b8888;
  padding-bottom: 16px;
}

.onboard--step4 .step--title {
  margin-bottom: 0;
}

.onboard--step4 .cover--wrapper {
  padding: 32px 0px;
}

.onboard--step4 .text--wrapper p {
  font-size: 16px;
  line-height: 24px;
  text-align: start;
  padding-bottom: 15px;
}

/*==== On Boarding Form Styles :: End ====*/