* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Open Sans", sans-serif;
  overflow-x: hidden;
}

img,
.video {
  max-width: 100%;
}

[data-init="registration-popup"] .logo {
  margin: 0 auto;
}

.gtd-video-title {
  position: absolute;
  left: 30px;
  top: 15px;
  z-index: 999;
  text-shadow: 1px 1px 3px #000;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
}

.flag-custom {
  font-size: 50px;
  margin-left: 5px;
}

/*.logo {*/
/*  max-width: 20%;*/
/*}*/

.light-purple {
  color: #7b3dbb;
}

.purple {
  color: #444573;
}

.scroll-top-btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #2a2b51;
  text-decoration: none;
}

.scroll-top-btn a:hover {
  color: #2a2b51;
  text-decoration: none;
}

.dark-purple {
  color: #322580;
}

.red {
  color: red;
}

.green {
  color: #00c500;
}

.gray {
  color: gray;
}

.orange {
  color: orange;
}

.white {
  color: white;
}

.yellow {
  font-family: "Lato";
  font-style: normal;
  font-weight: 900;
  color: #ebd943;
  font-size: 24px;
}

.no-padding {
  padding: 0;
}

.relative {
  position: relative;
}

.bold {
  font-weight: bold;
}

.intro-section-1 {
  text-align: center;
  background-color: red;
  color: white;
  padding: 6px 0;
}

.intro-p {
  margin: 0;
}

.intro-part-2 {
  height: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.exclusive-offers-wrapper {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
  line-height: 1;
  display: flex;
  align-items: center;
}

.flag {
  width: 20%;
}

.form-control {
  padding: 0.63rem 1rem;
}

.dynamic-person-div {
  padding: 0 20px;
  background-color: #dededeac;
  border-radius: 10px;
  margin: 0;
  display: flex;
  align-items: center;
  align-self: stretch;
}


.dynamic-person-p {
  padding-top: 10px;
  padding-left: 18px;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  font-family: "Open Sans";
  color: #3e2127;
  text-align: center;
}

.dynamic-person-img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 3px solid rgb(224, 224, 33);
}

.video-form-section {
  background-image: url("../images/video-form-bg.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 0 0 220px;
}

.video-header,
.video-subheader {
  text-align: center;
  color: white;
}

.video-header {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: bold;
  color: white;
  font-size: 30px;
  margin-top: 17px;
  display: inline-block;
  position: relative;
  clear: both;
  text-align: center;
  width: 100%;
}

.video-subheader {
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 20px;
}

.video {
  margin-bottom: 10px;
  border: 10px solid white;
  box-shadow: 0px 4px 20.9px 3.1px rgba(13, 13, 13, 0.43);
}

.form-container {
  box-shadow: 0px 4px 20.9px 3.1px rgba(13, 13, 13, 0.43);
}

.form-body .alert-danger {
  z-index: 10002;
}

.formUl li {
  display: inline-block;
  background-color: #fff28a;
  color: white;
  font-size: 2em;
  line-height: 1.1em;
  font-weight: bold;
  height: 7px;
  width: 34%;
}

.formUl .active {
  background-color: #fd57a5;
}

.formUl {
  padding-left: 0;
  width: 100%;
  text-align: center;
  display: flex;
}

.form-content {
  padding: 15px 10px;
  padding-bottom: 50px;
}

form[data-init][data-mode="slidingform"] [data-subject="wrapper"] {
  overflow: visible;
}

.form-control {
  border-radius: 0;
  height: 40px;
}

.registerBtn {
  margin: 0 auto;
  display: block;
  font-size: 30px;
  font-weight: bold;
  position: relative;
  color: #ffffff;
  padding: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-image: linear-gradient(166deg, #156cff 1%, #0e49ff);
  box-shadow: 0px 4px 20.9px 3.1px rgba(13, 13, 13, 0.43);
  text-transform: uppercase;
  width: 90%;
  min-height: 64px;
  cursor: pointer;
  white-space: normal;
}

.registerBtn:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  font-size: 21px;
}
.gtd-tp-link-wrapper a {
  margin: 0 auto;
  text-align: center;
  padding: 18px;
  display: block;
  color: #fff;
  font-size: 20px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-image: linear-gradient(166deg, #156cff 1%, #0e49ff);
  box-shadow: 0px 4px 20.9px 3.1px rgba(13, 13, 13, 0.43);
  text-transform: uppercase;
  width: 90%;
  height: 64px;
  text-decoration: none;
}
.gtd-tp-link-wrapper a:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  font-size: 21px;
}
.last-step {
  min-height: 124px;
  background-image: url("../images/form-bg.jpg");
}
form {
  background-image: url("../images/form-bg.jpg");
}
.form-header {
  margin-bottom: -12px;
}
.formHeader {
  background-image: url("../images/form-header-bg.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  color: white;
  font-weight: 700;
  margin: 0;
  padding: 30px 13px;
  font-size: 32px;
  text-transform: uppercase;
}

.logos-section {
  padding: 50px 0;
  /*padding-top: 150px;*/
}

.logos-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bid-wrapper,
.ask-wrapper {
  font-size: 0.9em;
  font-weight: 700;
  display: flex;
}

.bid-ask-span {
  font-size: 1.7em;
  font-family: "Open Sans", sans-serif;
}

.join-us-section {
  padding: 50px 0;
  background-image: url("../images/join-us-bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.join-us-section--br {
  position: relative;
}

.join-us-header {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 3em;
  color: #322580;
  margin-bottom: 0;
  line-height: 1.2;
  display: block;
}

.join-us-p {
  font-size: 16px;
  font-family: "Lato";
  font-weight: 300;
  font-style: normal;
  margin-top: 50px;
}

.seenon-p {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #6a449b;
  margin-top: 60px;
  margin-bottom: 30px;
  font-family: "Lato";
}

.join-us-img-wrapper {
  position: relative;
}

.join-us-img {
  position: absolute;
  top: -322px;
  left: 49px;
}

@media (max-width: 1199px) {
  .join-us-img {
    left: 30px;
  }
}

@media (max-width: 991px) {
  .join-us-img {
    display: none;
  }

  .testimonials-section {
    padding-top: 0 !important;
  }
}

.testimonials-section {
  padding-top: 150px;
  font-family: "Open Sans";
  text-align: center;
}

.testimonials-header {
  margin-bottom: 50px;
  font-size: 2em;
  color: #322580;
}

.testimonial-wrapper {
  display: flex;
  justify-content: baseline;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 300px;
  background-color: #343a40 !important;
}

.testimonial-wrapper-1 {
  background-image: url("../images/testimonial1.jpg");
}

.testimonial-wrapper-2 {
  background-image: url("../images/testimonial2.jpg");
}

.testimonial-wrapper-3 {
  background-image: url("../images/testimonial3.jpg");
}

.testimonial-wrapper-4 {
  background-image: url("../images/testimonial4.jpg");
}

.testimonial-wrapper-1.aa {
  background-image: url("../images/testimonial1-asian.jpg");
}

.testimonial-wrapper-2.aa {
  background-image: url("../images/testimonial2-asian.jpg");
}

.testimonial-wrapper-3.aa {
  background-image: url("../images/testimonial3-asian.jpg");
}

.testimonial-wrapper-4.aa {
  background-image: url("../images/testimonial4-asian.jpg");
}
.testimonial-wrapper-1.zh {
  background-image: url("../images/testimonial1-zh.jpg");
}

.testimonial-wrapper-2.zh {
  background-image: url("../images/testimonial2-zh.jpg");
}

.testimonial-wrapper-3.zh {
  background-image: url("../images/testimonial3-zh.jpg");
}

.testimonial-wrapper-4.zh {
  background-image: url("../images/testimonial4-zh.jpg");
}

.testimonial-wrapper-1.ms {
  background-image: url("../images/testi1.jpg");
}

.testimonial-wrapper-2.ms {
  background-image: url("../images/testi2.jpg");
}

.testimonial-wrapper-3.ms {
  background-image: url("../images/testi3.jpg");
}

.testimonial-wrapper-4.ms {
  background-image: url("../images/testi4.jpg");
}

.testimonial-intro-text {
  width: 100%;
  margin-top: auto;
  padding-bottom: 25px;
  font-size: 1.25em;
}

.testimonial-profit-span {
  font-size: 1.4em;
  font-weight: bold;
}

.testimonial-hover-text {
  position: absolute;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  color: white;
  height: 100%;
  transition: 0.5s ease;
  font-size: 0.95em;
  cursor: pointer;
  opacity: 0;
}

.testimonial-hover-text:hover {
  background-color: rgba(54, 110, 231, 0.5);
  opacity: 1;
}

.features-section {
  padding: 150px 0;
  font-family: "Open Sans";
  background-image: url("../images/features-section-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.feature-wrapper {
  background-color: #322b7c;
  color: white;
  padding: 20px 5px;
  box-shadow: 0px 6px 0 0 #7f57ca;
  height: 100%;
}

.feature-img-wrapper {
  margin-bottom: 50px;
}

.feature-img {
  height: 102px;
}

.feature-header {
  text-transform: uppercase;
  margin-bottom: 50px;
  font-weight: bold;
  font-size: 1.2em;
}
.feature-com {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.2em;
}


.feature-description {
  padding: 0 20px;
}

.live-results-section {
  font-family: "Open Sans";
  margin: 50px 0;
}

.live-results-table-wrapper {
  box-shadow: 0px 10px 36.3px 12.7px rgba(37, 26, 65, 0.1);
  background-color: white;
  border: solid 10px #ffffff;
  position: relative;
  top: -265px;
  padding: 0 190px 50px;
  overflow-x: auto;
  position: initial;
}

.live-results-table {
  width: 100%;
}

th,
td {
  width: 20%;
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}

.last-td {
  border: none;
}

.tick {
  display: inline-block;
  background-color: #ebd944;
  border-radius: 50%;
  width: 25px;
  text-align: center;
  color: white;
  font-size: 1.25em;
}

.live-results-header {
  margin: 50px 0;
  font-size: 3em;
}

.yellow-btn {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  box-shadow: 0px 4px 0 0 #cab927;
  cursor: pointer;
  height: 70px;
  max-width: 430px;
  width: 100%;
  display: block;
  padding: 0;
  margin: 0 auto;
  text-align: center;
  background-color: #ebd943;
  color: #2a2b51;
  text-transform: uppercase;
  font-weight: bold;
  border: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 24px;
}

.join-now-btn {
  position: absolute;
  top: -45px;
  left: 50%;
  right: 50%;
}

.yellow-btn:hover {
  background-color: #cebf38;
}

.how-it-works-section {
  /* background-color: #0f4bff; */
  height: 370px;
  margin-bottom: 120px;
  margin-top: 300px;
  position: relative;
  font-family: "Open Sans";
}

.how-it-works-section--br {
  height: 450px;
}

.how-it-works-section--ru {
  margin-top: 320px;
}

.how-it-works-wrapper {
  position: relative;
  top: -260px;
}

.how-it-works-wrapper--br {
  top: -90px;
}

.how-it-works-header {
  margin-bottom: 50px;
}

.step-wrapper {
  box-shadow: 0px 10px 36.3px 12.7px rgba(37, 26, 65, 0.1);
  position: relative;
  background: #fff;
  height: 100%;
}

.step-wrapper-1 {
  z-index: 3;
}

.step-wrapper-2 {
  z-index: 2;
}

.step-wrapper-3 {
  z-index: 1;
}

.step-header {
  padding: 10px 0;
}

.step-header-1 {
  background-color: #7b3dbb;
}

.step-header-2 {
  background-color: #372798;
}

.step-header-3 {
  background-color: #0f4dff;
}

.step-img {
  height: 93px;
}

.step-img-wrapper {
  margin: 25px 0;
}

.step-subheader {
  margin-bottom: 25px;
  font-weight: 700;
  font-size: 18px;
}

.step-description {
  padding: 26px 25px;
  padding-top: 0;
  margin-bottom: 0;
  font-size: 16px;
}

.open-free-account-btn {
  position: absolute;
  bottom: -33px;
  left: 50%;
  right: 50%;
}

.faq-section {
  padding: 50px 0;
  margin-top: 100px;
  font-family: "Open Sans";
}

.faq-section--br {
  margin-top: 25px;
}

.faq-section-header {
  margin-bottom: 70px;
}

.faq-wrapper {
  position: relative;
  padding: 21px 28px 30px 50px;
  margin-bottom: 15px;
  margin-top: 10px;
  background-color: #ffffff;
  box-shadow: 0px 6px 26.9px 5.1px rgba(37, 26, 65, 0.1);
}

.faq-question {
  font-size: 1.2em;
}

.faq-wrapper::before {
  display: inline-block;
  font-size: 1.5em;
  color: white;
  background-color: #7b3dbb;
  padding: 10px 20px;
  position: absolute;
  left: -25px;
  top: 62px;
  box-shadow: 0px 10px 36.3px 12.7px rgba(37, 26, 65, 0.1);
}

.faq-wrapper-1::before {
  content: "1";
}

.faq-wrapper-2::before {
  content: "2";
}

.faq-wrapper-3::before {
  content: "3";
}

.faq-wrapper-4::before {
  content: "4";
}

.faq-wrapper-5::before {
  content: "5";
}

.faq-wrapper-6::before {
  content: "6";
}
.pre-footer-section {
  background-image: url("../images/pre-footer-bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 5px 0;
}

.pre-footer-btn {
  display: block;
  text-align: center;
  background-color: #ebd943;
  color: #322580;
  font-size: 32px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  margin: 40px auto;
  box-shadow: 0px 4px 0 0 #cab927;
  cursor: pointer;
  height: 65px;
  width: 100%;
  max-width: 460px;
}

.pre-footer-btn:hover {
  background-color: #cebf38;
}

.footer {
  padding: 30px 0;
}

.footer-ul {
  list-style: none;
  font-weight: bold;
}

.footer-ul a {
  color: #322580;
}

.footer-ul li {
  display: inline-block;
  margin-right: 30px;
}

.footer-logo {
  max-width: 300px;
}

.intro-section-mobile {
  display: none;
}

.padding-left-td {
  padding-left: 7px;
}

.bid-ask-span {
  transform: scale(1);
  transform: rotate3d(0, 1, 0, 0deg);
  animation: flip 10s cubic-bezier(1, 0, 0, 1) 0s infinite;
}

.shake {
  display: inline-block;
  animation: shake 1s cubic-bezier(0, 0.5, 1, 0.5) 0s infinite;
}

.start-trading-btn {
  cursor: pointer;
}

/* Modal style */
.modal-content {
  background-image: linear-gradient(to top, #433091, #622d91);
  box-shadow: 0px 10px 76.2px 26.8px rgba(37, 26, 65, 0.22);
  border-top: 4px solid #156cff;
}

.modal-header {
  text-align: center;
  display: block;
  width: 100%;
  color: #fff;
  padding-top: 60px;
  border-bottom: none;
}

.modal-header h5 {
  font-weight: bold;
  font-size: 40px;
}

.modal-header p {
  color: #f3cc1e;
  font-weight: bold;
  font-size: 25px;
  font-family: "Lato";
}

.modal-markets {
  background-image: linear-gradient(to top, #433091, #622d91);
  box-shadow: 0px 10px 76.2px 26.8px rgba(37, 26, 65, 0.22);
  padding: 15px;
  margin: 0 20px;
}

.modal-markets img {
  display: block;
  margin: 0 auto;
}

.modal-markets p {
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  margin-top: 5px;
}

.modal-priority {
  padding: 20px 44px;
}

.modal-priority h4 {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
}

.modal-white-text {
  color: #fff;
}

.inner {
  width: 50%;
  height: 2px;
  margin: 0px auto;
  border-bottom: 1px solid #fff;
}

.modal-priority p {
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  color: #fff;
}

.modal-content {
  display: block;
}

.modal-open {
  -ms-overflow-style: none;
}

.modal-footer {
  border-top: none;
  display: block;
}

.modal.fade .modal-dialog {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-priority i {
  margin-right: 10px;
  font-size: 20px;
}

.modal-footer {
  border-top: none;
}

.modal-footer button {
  display: block;
  margin: 0 auto;
  background-image: linear-gradient(166deg, #fff28a 1%, #f1c710);
  box-shadow: 0px 4px 20.9px 3.1px rgba(13, 13, 13, 0.43);
  color: #4c2f91;
  text-transform: uppercase;
  font-weight: bold;
  padding: 20px 60px;
  font-size: 22px;
  margin-bottom: 40px;
}

.modal-speen {
  border-top: none !important;
}

.modal-open .modal {
  background-color: rgba(44, 31, 87, 0.5);
}

.brmoney:before {
  content: "\e900";
  color: #f2ca17;
}
.brshield:before {
  content: "\e901";
  color: #f2ca17;
}
.brstar .path1:before {
  content: "\e902";
  color: rgb(255, 220, 100);
}
.brstar .path2:before {
  content: "\e903";
  margin-left: -1em;
  color: rgb(255, 200, 80);
}
.braward-icon:before {
  content: "\e904";
}
.brcheck-icon:before {
  content: "\e905";
}
.brstep1-icon:before {
  content: "\e906";
}
.brstep2-icon:before {
  content: "\e907";
}
.brstep3-icon:before {
  content: "\e908";
}
.brtarget-icon:before {
  content: "\e909";
}
.brtechnology-icon:before {
  content: "\e90a";
}

@keyframes flip {
  0% {
    transform: rotate3d(0, 1, 0, 0deg) scale(1);
  }

  5% {
    transform: rotate3d(0, 1, 0, 180deg) scale(1.7);
  }

  10% {
    transform: rotate3d(0, 1, 0, 720deg) scale(1);
  }

  100% {
    transform: rotate3d(0, 1, 0, 720deg) scale(1);
  }
}

@keyframes shake {
  0% {
    transform: rotate3d(0, 0, 1, 0deg) scale(1);
  }

  20% {
    transform: scale(1.1);
  }

  30% {
    transform: rotate3d(0, 0, 1, -25deg) scale(1.1);
  }

  40% {
    transform: rotate3d(0, 0, 1, 25deg) scale(1.1);
  }

  50% {
    transform: rotate3d(0, 0, 1, 0deg) scale(1.1);
  }

  60% {
    transform: rotate3d(0, 0, 1, -25deg) scale(1.1);
  }

  80% {
    transform: rotate3d(0, 0, 1, 25deg) scale(1.1);
  }

  90% {
    transform: rotate3d(0, 0, 1, 0deg) scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

/* MEDIA QUERIES */

@media screen and (max-width: 1199px) {
  .join-us-img {
    top: -238px;
  }
  .formHeader {
    padding: 20px 15px;
  }
}

@media screen and (max-width: 991px) {
  .section-2 {
    padding-top: 400px;
  }
  .logo {
    margin: 0 auto;
    max-width: 340px;
  }
  .none {
    display: none;
  }
  .faq-section {
    margin-top: 600px;
    padding: 0;
  }
  .faq-section--br {
    margin-top: 58px;
  }
  .faq-section--ru {
    margin-top: 580px;
  }
  .live-results-table-wrapper {
    padding: 0 20px;
  }
  .feature-wrapper {
    max-width: 400px;
    margin: 0 auto;
  }
  .video-form-section {
    padding-bottom: 160px;
  }

  .intro-section-mobile {
    background-color: #ddd;
    display: block;
  }

  .feature-wrapper-col {
    margin-bottom: 20px;
  }

  .join-us-img {
    top: -73px;
  }

  .formHeader {
    padding: 30px 20px;
    font-size: 24px;
  }

  .how-it-works-section {
    height: 360px;
  }
  .how-it-works-section--br {
    height: auto;
  }
  .gtd-tp-link-wrapper a {
    line-height: 22px;
    margin: 0 auto;
    text-align: center;
    padding: 12px;
  }
}

@media screen and (max-width: 767px) {
  .main_img_mob {
    display: none !important;
  }
  .how-it-works-header {
    color: black !important;
  }
  .section-2 {
    padding-top: 0 !important;
  }
  .intro-section-mobile {
    margin-top: 120px;
  }
  .video-form-section {
    padding: 0 0% 50px;
  }
  .feature-wrapper {
    margin: 0 auto;
    max-width: 400px;
  }
  .join-us-img-wrapper {
    display: block;
    margin: 0 auto;
  }
  .join-us-header {
    font-size: 36px;
    text-align: center;
  }
  .join-us-p {
    margin-top: 20px;
  }
  .intro-section-1 {
    display: none;
  }

  .live-results-table-wrapper {
    position: initial;
    padding: 0;
  }

  .how-it-works-section {
    margin-top: 60px;
    height: initial;
    background-color: white;
  }

  .how-it-works-section--ru,
  .faq-section--ru,
  .faq-section {
    margin-top: 65px;
  }

  .how-it-works-wrapper {
    position: initial;
  }

  .step-wrapper {
    max-width: 400px;
    margin: 0 auto;
    position: initial;
    margin-bottom: 20px;
  }

  .step-wrapper-col {
    margin-bottom: 20px;
  }

  .open-free-account-btn {
    position: initial;
    -webkit-transform: none;
    transform: none;
  }

  .how-it-works-btn-wrapper {
    padding: 30px 10px;
    background-color: #0f4bff;
  }

  .how-it-works-btn-wrapper2 {
    padding: 30px 10px;

  }

  .join-now-btn {
    top: -100px;
  }

  .join-us-img {
    top: -528px;
    max-height: 300px;
  }

  .testimonials-section {
    padding-top: 50px;
  }

  .fake-news-logos-wrapper {
    border-bottom: 3px solid #ddd;
    padding-bottom: 50px;
  }

  .logos-wrapper {
    display: inline-block;
    margin: 0 auto;
    flex-direction: column;
    height: 50px;
  }
  .logos-wrapper img {
    margin-right: 10px;
  }

  .bid-ask-span {
    font-size: 2em;
  }

  .logo {
    display: inline-block;
    margin-bottom: 15px;
  }

  .features-section {
    padding: 100px 0;
  }

  .intro-part-2 {
    height: initial;
    padding: 16px 0;
    flex-direction: column;
  }

  .dynamic-person-div {
    background-color: #ddd;
    margin: 0;
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: center;
    align-self: stretch;
    justify-self: stretch;
    border-top: 1px solid #ccc;
    padding-top: 10px;
  }

  .dynamic-person-p {
    font-weight: bold;
  }

  .exclusive-offers-wrapper {
    font-weight: bold;
    font-size: 1.3em;
    line-height: 1;
    flex: 0 0 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0;
  }

  .exclusive-offers-text {
    text-align: center;
    margin-right: 15px;
  }

  .logo {
    max-width: 140px;
    margin-bottom: 0;
  }

  .none {
    display: none;
  }
}

@media screen and (max-width: 575px) {
  .join-us-section {
    position: relative;
  }

  .join-us-img {
    bottom: 0px;
    top: initial;
    left: 0px;
  }
}

@media screen and (max-width: 350px) {
  .join-us-section {
    padding-bottom: 450px;
  }

  .join-us-section--br {
    padding-bottom: 50px;
  }
}

.footer .row {
  margin: auto;
}

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

                    @keyframes rf-flip {
                      0% {
                        transform: perspective(400px) rotateY(-1turn);
                      }

                      0%,
                      40% {
                        animation-timing-function: ease-out;
                      }

                      40% {
                        transform: perspective(400px) translateZ(150px)
                          rotateY(-190deg);
                      }

                      50% {
                        transform: perspective(400px) translateZ(150px)
                          rotateY(-170deg);
                      }

                      50%,
                      80% {
                        animation-timing-function: ease-in;
                      }

                      80% {
                        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
                      }

                      to {
                        transform: perspective(400px);
                        animation-timing-function: ease-in;
                      }
                    }

                    .rf-container {
                      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI',
                        Roboto, Helvetica, Arial, sans-serif,
                        'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
                      display: flex;
                      justify-content: center;
                    }

                    .rf-container__inner {
                      box-sizing: border-box;
                      width: 100%;
                      max-width: 460px;
                    }

                    .rf-form {
                      border-radius: 8px;
                    }

                    .rf-form__header {
                      font-size: 44px;
                      font-weight: 700;
                      line-height: 1.4;
                      box-sizing: border-box;
                      text-align: center;
                      color: #6d19c0;
                      border-top-right-radius: inherit;
                      border-top-left-radius: inherit;
                    }

                    .rf-form__content {
                      position: relative;
                      box-sizing: border-box;
                      padding: 10px 16px;
                      border-radius: inherit;
                    }

                    .rf-form__loader {
                      position: absolute;
                      z-index: 999;
                      top: 0;
                      left: 0;
                      display: flex;
                      align-items: center;
                      justify-content: center;
                      flex-direction: column;
                      width: 100%;
                      height: 100%;
                      border-radius: inherit;
                      background: rgba(255, 255, 255, 0.8);
                    }

                    .rf-form__loader::before {
                      content: '';
                      display: block;
                      width: 46px;
                      height: 46px;
                      margin-bottom: 16px;
                      border-radius: 50%;
                      border: 5px solid #fff;
                      border-top-color: rgb(255, 255, 255);
                      border-right-color: rgb(255, 255, 255);
                      border-bottom-color: rgb(255, 255, 255);
                      border-left-color: rgb(255, 255, 255);
                      border-color: currentColor transparent currentColor
                        transparent;
                      animation: rf-spin 1.2s linear infinite;
                    }

                    .rf-form-field {
                      width: 100%;
                    }

                    .rf-form-field__error {
                      line-height: 1.25;
                      display: none;
                      width: 100%;
                      margin-top: 8px;
                      color: #ef4444;
                    }

                    .iti {
                      width: 100%;
                    }

                    .iti__flag-container {
                      padding: 0;
                    }

                    .iti--separate-dial-code .iti__selected-flag {
                      border-top-left-radius: 6px;
                      border-bottom-left-radius: 6px;
                    }

                    .rf-form-input {
                      font-size: 18px;
                      font-weight: 400;
                      box-sizing: border-box;
                      width: 100%;
                      padding: 11px 12px;
                      color: #000;
                      border-radius: 5px;
                      background-color: #fff !important;
                      appearance: none;
                      border: none;
                    }

                    .rf-form-input::placeholder {
                      color: #767676 !important;
                      font-family: Montserrat;
                    }

                    input:-webkit-autofill,
                    input:-webkit-autofill:hover,
                    input:-webkit-autofill:focus,
                    textarea:-webkit-autofill,
                    textarea:-webkit-autofill:hover,
                    textarea:-webkit-autofill:focus,
                    select:-webkit-autofill,
                    select:-webkit-autofill:hover,
                    select:-webkit-autofill:focus {
                      -webkit-text-fill-color: #000;
                      -webkit-box-shadow: 0 0 0px 1000px #e8e5ee00 inset;
                      transition: background-color 5000s ease-in-out 0s;
                    }

                    .rf-form-button {
                      width: 100%;
                      height: 60px;
                      background: linear-gradient(
                        130.99deg,
                        #b6ff6f 1.35%,
                        #75c922 73.25%
                      );
                      box-shadow: 0px 4px 0px #69b31f,
                        0px 254px 102px rgba(6, 26, 45, 0.01),
                        0px 143px 86px rgba(6, 26, 45, 0.05),
                        0px 63px 63px rgba(6, 26, 45, 0.09),
                        0px 16px 35px rgba(6, 26, 45, 0.1),
                        0px 0px 0px rgba(6, 26, 45, 0.1);
                      border-radius: 20px;
                      color: #fff;
                      font-family: 'Montserrat';
                      font-style: normal;
                      font-weight: 600;
                      font-size: 20px;
                      line-height: 43px;
                      text-align: center;
                      padding-top: 7px;
                      cursor: pointer;
                      display: block;
                      border: none;
                    }

                    .iti__selected-flag {
                      color: gray;
                    }

                    .iti__country-list {
                      color: black;
                    }

                    .rf-form-button:focus {
                      outline: none;
                      box-shadow: #fff 0 0 0 0, rgb(147, 197, 253) 0 0 0 3px,
                        rgba(0, 0, 0, 0) 0 0 0 0;
                    }

                    .rf-alert {
                      display: flex;
                      align-items: flex-start;
                      box-sizing: border-box;
                      padding: 8px;
                      border-radius: 8px;
                    }

                    .rf-alert_error {
                      color: #b91c1c;
                      background: #fee2e2;
                    }

                    .rf-alert_success {
                      color: #15803d;
                      background: #dcfce7;
                    }

                    .rf-alert__icon {
                      opacity: 0.65;
                    }

                    .rf-alert__content {
                      font-size: 14px;
                      line-height: 20px;
                      padding-left: 12px;
                    }

                    .rf-alert__content * {
                      font-family: inherit !important;
                      line-height: inherit !important;
                      color: inherit !important;
                    }

                    .rf-alert__content > * {
                      margin: 0 !important;
                      padding: 0 !important;
                    }

                    .rf-alert__content > * + * {
                      margin-top: 0.35em !important;
                    }

                    .rf-alert__content > h1,
                    .rf-alert__content > h2,
                    .rf-alert__content > h3,
                    .rf-alert__content > h4,
                    .rf-alert__content > h5,
                    .rf-alert__content > h6 {
                      font-size: 100% !important;
                      font-weight: 600 !important;
                    }

                    .rf-alert__content > ul,
                    .rf-alert__content > ol {
                      padding-left: 1.5em !important;
                    }

                    .rf-form__content > * + * {
                      margin-top: 16px;
                    }

                    .rf-form__content > :last-child {
                      margin-top: 20px;
                    }

                    .rf-logos {
                      display: flex;
                      flex-wrap: wrap;
                      margin: 32px 0 0;
                      padding: 0;
                      list-style: none;
                    }

                    .rf-logos > * {
                      flex: auto;
                      display: flex;
                      align-items: center;
                      justify-content: center;
                      box-sizing: border-box;
                      max-width: 33.3%;
                      padding: 8px;
                    }

                    .rf-logo {
                      height: auto;
                      max-width: 100%;
                    }

                    .rf-bid,
                    .rf-ask {
                      font-size: 18px;
                      font-weight: 700;
                      display: inline-flex;
                      align-items: flex-start;
                      white-space: nowrap;
                    }

                    .rf-bid > small,
                    .rf-ask > small {
                      font-size: 12px;
                      padding-right: 4px;
                    }

                    .rf-bid > span,
                    .rf-ask > span {
                      transform: rotate3d(0, 1, 0, 0deg);
                      animation: rf-flip 10s cubic-bezier(1, 0, 0, 1) 0s
                        infinite;
                    }

                    .rf-bid {
                      color: #84cc16;
                    }

                    .rf-bid > small {
                      color: #f59e0b;
                    }

                    .rf-ask {
                      color: #6b7280;
                    }

                    .rf-ask > small {
                      color: #9ca3af;
                    }

      form {
        position: relative;
      }

      #preloader {
        display: none;
        position: absolute;
        top: -5px;
        left: -5px;
        width: calc(100% + 10px);
        height: calc(100% + 10px);
        background: #bdbdbdb3;
        z-index: 1;
        border-radius: 5px;
      }

      #preloader img {
        position: absolute;
        z-index: 2;
        top: calc(50% - 25px);
        left: calc(50% - 25px);
        width: 50px;
        height: 50px;
      }
      form button[type='submit'] {
        margin-top: 15px;
      }

    a {
      cursor: pointer !important;
    }

    @media (max-width: 2400px) {
      .error {
        color: lightsalmon;
      }
    }

    @media (max-width: 500px) {
      .top-header .row {
        display: flex;
      }
      .top-header .row .col-xs-4 {
        width: 50%;
      }
      .top-header .row .col-xs-8 {
        width: 50%;
      }
      .top-header .row .logo_add img {
        object-fit: contain;
      }
    }
 
    .scroll-btn {
      color: #fff;
      font-size: 3rem;
      width: 50%;
      text-align: center;
      display: block;
      margin: 0 auto;
      padding: 1rem 0;
      -webkit-animation: heartbeat 3s ease-in-out infinite both;
      animation: heartbeat 3s ease-in-out infinite both;
      position: relative;
      border-radius: 20px;
      font-weight: 500;
      transition: 0.3s;
      background: linear-gradient(
        130.99deg,
        #b6ff6f 1.35%,
        #75c922 73.25%
      );
      box-shadow: 0px 4px 0px #69b31f,
        0px 254px 102px rgba(6, 26, 45, 0.01),
        0px 143px 86px rgba(6, 26, 45, 0.05),
        0px 63px 63px rgba(6, 26, 45, 0.09),
        0px 16px 35px rgba(6, 26, 45, 0.1),
        0px 0px 0px rgba(6, 26, 45, 0.1);
    }

    @-webkit-keyframes heartbeat {
      from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
      }

      10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
      }

      17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
      }

      33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
      }

      45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
      }
    }

    @keyframes heartbeat {
      from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
      }

      10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
      }

      17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
      }

      33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
      }

      45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
      }
    }