@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");
.deposit-method {
  background: #fffaec;
}
.deposit-method .orange_bg {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 400px;
  background: #fc6e33;
  border-radius: 0 0 0 50px;
}
.deposit-method .s1 {
  padding-bottom: 25px;
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.deposit-method .s1_wrapper {
  display: flex;
  justify-content: space-between;
}
.deposit-method .s1_wrapper .right_side_container {
  width: 75%;
  padding-top: 50px;
}
.deposit-method .s1_wrapper .right_side_container h1 {
  color: #ffffff;
  font-size: 1.6em;
  margin-bottom: 15px;
  font-weight: 450;
}
.deposit-method .s1_wrapper .right_side_container .payment_parent {
  width: 100%;
  background: #ffffff;
  padding: 25px;
  border-radius: 5px;
}
.deposit-method .s1_wrapper .right_side_container .payment_parent .section_title {
  color: #444444;
  font-size: 1.35em;
  font-weight: 450;
  margin-bottom: 15px;
}
.deposit-method .s1_wrapper .right_side_container .payment_parent .payment_child {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
}
.deposit-method .s1_wrapper .right_side_container .payment_parent .payment_child .copy_address {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 20px;
}
.deposit-method .s1_wrapper .right_side_container .payment_parent .payment_child .copy_address #address {
  margin: 0;
}
.deposit-method .s1_wrapper .right_side_container .payment_parent .payment_child .copy_address #address #copyIcon {
  margin-left: 5px;
  font-size: 1.2em;
}
.deposit-method .s1_wrapper .right_side_container .payment_parent .payment_child .copy_address .info {
  width: 100%;
  padding: 20px;
  color: #4CCA8D;
  background: rgba(76, 202, 141, 0.2);
  border: 1px dashed #4CCA8D;
  font-weight: 500;
}
.deposit-method .s1_wrapper .right_side_container .payment_parent .payment_child .qrcode_contianer {
  display: flex;
  justify-content: center;
  align-items: center;
}
.deposit-method .s1_wrapper .right_side_container .payment_parent .payment_child .qrcode_contianer img {
  width: 65%;
  height: auto;
}
@media screen and (max-width: 500px) {
  .deposit-method .s1_wrapper .right_side_container .payment_parent .payment_child .qrcode_contianer img {
    width: 75% !important;
  }
}
.deposit-method .s1_wrapper .right_side_container .payment_parent .payment_child .deposit_info {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 500px) {
  .deposit-method .s1_wrapper .right_side_container .payment_parent .payment_child .deposit_info {
    width: 75% !important;
  }
}
@media screen and (max-width: 400px) {
  .deposit-method .s1_wrapper .right_side_container .payment_parent .payment_child .deposit_info {
    width: 100% !important;
  }
}
.deposit-method .s1_wrapper .right_side_container .payment_parent .payment_child .deposit_info div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.deposit-method .s1_wrapper .right_side_container .payment_parent .payment_child .deposit_info div span {
  margin: 0px;
}
.deposit-method .s1_wrapper .right_side_container .payment_parent .payment_child .info {
  width: 100%;
  padding: 20px;
  color: #4CCA8D;
  background: rgba(76, 202, 141, 0.2);
  border: 1px dashed #4CCA8D;
  font-weight: 500;
  margin-top: 0px;
}
.deposit-method .s1_wrapper .right_side_container .payment_parent .payment_child .info span:nth-child(1) {
  margin-top: 0px;
}
.deposit-method .s1_wrapper .right_side_container .payment_parent .payment_child .info span {
  margin-top: 5px;
  display: block;
}
.deposit-method .s1_wrapper .right_side_container .payment_parent .payment_child .info span i {
  margin-right: 5px;
}
.deposit-method .s1_wrapper .right_side_container .payment_parent .payment_child .buttons {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
}
@media screen and (max-width: 460px) {
  .deposit-method .s1_wrapper .right_side_container .payment_parent .payment_child .buttons {
    flex-direction: column !important;
    gap: 15px;
  }
}
.deposit-method .s1_wrapper .right_side_container .payment_parent .payment_child .buttons a {
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 460px) {
  .deposit-method .s1_wrapper .right_side_container .payment_parent .payment_child .buttons a {
    width: 100% !important;
  }
}
.deposit-method .s1_wrapper .right_side_container .payment_parent .payment_child .buttons a button {
  padding: 12.5px 30px;
  border: none;
  font-size: 1.05em;
  font-weight: 550;
  letter-spacing: 0.5px;
}
@media screen and (max-width: 460px) {
  .deposit-method .s1_wrapper .right_side_container .payment_parent .payment_child .buttons a button {
    width: 100% !important;
  }
}
.deposit-method .s1_wrapper .right_side_container .payment_parent .payment_child .buttons a #cancel {
  color: #1a1a1a;
  background: #f5f5f5;
  border-radius: 5px;
  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.125);
}
.deposit-method .s1_wrapper .right_side_container .payment_parent .payment_child .buttons a #payment-complete {
  color: #ffffff;
  background: #4CCA8D;
  border-radius: 5px;
  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.125);
}
.deposit-method .s1_wrapper .copyright_message {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: start;
  align-items: center;
  background: #f5f5f5;
  margin-top: 25px;
  padding-left: 25px;
  border-radius: 4px;
}
.deposit-method .s1_wrapper .copyright_message p {
  font-size: 0.9em;
  margin-bottom: 0px;
  color: #808080;
}
.deposit-method .popup {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}
.deposit-method .popup {
  backdrop-filter: blur(10px) saturate(120%);
  -webkit-backdrop-filter: blur(10px) saturate(120%);
  background-color: rgba(150, 150, 150, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.125);
}
.deposit-method .popup_wrapper {
  width: -moz-fit-content;
  width: fit-content;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px 50px 50px 50px;
  position: relative;
  border-radius: 5px;
  box-shadow: 0px 0px 25px 5px rgba(0, 0, 0, 0.125);
}
@media screen and (max-width: 1000px) {
  .deposit-method .popup_wrapper {
    width: 75%;
  }
}
@media screen and (max-width: 768px) {
  .deposit-method .popup_wrapper {
    width: 90%;
  }
}
@media screen and (max-width: 450px) {
  .deposit-method .popup_wrapper {
    padding: 25px;
  }
}
.deposit-method .popup_wrapper h2 {
  padding: 50px 0;
  color: #FA4F09;
  text-align: center;
  margin: 0px;
}
.deposit-method .popup_wrapper .fa-xmark {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 1.25em;
  cursor: pointer !important;
  color: #888;
  transition: 0.25s;
}
.deposit-method .popup_wrapper .fa-xmark:hover {
  color: #FA4F09;
}
@media screen and (max-width: 768px) {
  .deposit-method .popup_wrapper .fa-xmark:hover {
    color: #888;
  }
}
.deposit-method .popup_wrapper .video_container {
  width: 100%;
  max-width: 600px;
  overflow: hidden;
  border-radius: 5px;
  margin-bottom: 20px;
}
.deposit-method .popup_wrapper .video_container video {
  width: 100%;
  height: auto;
  border-radius: 5px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 1280px) {
  .deposit-method .orange_bg {
    height: 350px;
    border-radius: 0 0 0 50px;
  }
  .deposit-method .s1_wrapper {
    width: 90% !important;
  }
  .deposit-method .s1_wrapper .right_side_container {
    width: 75%;
    padding-top: 40px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 1000px) {
  .deposit-method .s1_wrapper .right_side_container {
    width: 100% !important;
    display: block;
  }
}
@media screen and (max-width: 1280px) {
  .deposit-method .s1_wrapper .copyright_message {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: start;
    align-items: center;
    background: #f5f5f5;
    margin-top: 25px;
    padding-left: 25px;
    border-radius: 4px;
  }
  .deposit-method .s1_wrapper .copyright_message p {
    font-size: 0.9em;
    margin-bottom: 0px;
    color: #808080;
  }
}
.plans {
  background: #fffaec;
}
.plans .orange_bg {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 400px;
  background: #fc6e33;
  border-radius: 0 0 0 50px;
}
@media screen and (max-width: 1280px) {
  .plans .orange_bg {
    height: 375px !important;
  }
}
@media screen and (max-width: 1000px) {
  .plans .orange_bg {
    height: 400px !important;
  }
}
@media screen and (max-width: 350px) {
  .plans .orange_bg {
    height: 380px !important;
  }
}
@media screen and (max-width: 300px) {
  .plans .orange_bg {
    height: 400px !important;
  }
}
.plans .s1 {
  padding-bottom: 25px;
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.plans .s1_wrapper {
  display: flex;
  justify-content: space-between;
}
.plans .s1_wrapper .right_side_container {
  width: 75%;
  padding-top: 50px;
}
.plans .s1_wrapper .right_side_container h1 {
  color: #ffffff;
  font-size: 1.6em;
  margin-bottom: 15px;
  font-weight: 450;
}
.plans .s1_wrapper .right_side_container #errorMessages {
  animation: slideDownError 0.25s linear;
  position: absolute;
  z-index: 999;
  top: 5%;
  right: 50%;
  transform: translateX(50%);
  color: red;
  background-color: #fdd;
  border: 1px solid red;
  border-radius: 5px;
  padding: 10px 20px;
  display: block;
  text-align: center;
}
.plans .s1_wrapper .right_side_container #errorMessages p {
  color: red;
  margin: 0;
}
.plans .s1_wrapper .right_side_container #errorMessages a {
  display: block;
  text-decoration: none;
  color: red;
  font-weight: 500;
  margin: 0;
}
.plans .s1_wrapper .right_side_container #successMessages {
  animation: slideDownSuccess 0.25s linear;
  position: absolute;
  z-index: 1000;
  top: 5%;
  right: 50%;
  transform: translateX(50%);
  color: #4CCA8D;
  background-color: #c8ffe4;
  border: 1px solid #4CCA8D;
  border-radius: 5px;
  padding: 10px 20px;
  display: block;
}
.plans .s1_wrapper .right_side_container #successMessages p {
  color: #4CCA8D;
  margin: 0px;
}
.plans .s1_wrapper .right_side_container .plans_container {
  width: 100%;
  background: #ffffff;
  padding: 25px;
  border-radius: 5px;
  display: flex;
  align-items: center;
}
.plans .s1_wrapper .right_side_container .plans_container_child {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.plans .s1_wrapper .right_side_container .plans_container_child form {
  width: 100%;
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .plans .s1_wrapper .right_side_container .plans_container_child form {
    flex-direction: column;
  }
}
.plans .s1_wrapper .right_side_container .plans_container_child form .left_side {
  width: 65%;
  display: flex;
  flex-direction: column;
  align-items: start;
  padding: 20px;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  border: 1px solid #eeeeee;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .left_side .dropdown_container * {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .left_side .dropdown_container {
  width: 100%;
  color: #808080;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .left_side .dropdown_container svg path {
  fill: transparent;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .left_side .dropdown_container h2 {
  text-align: left;
  margin: 0px;
  font-size: 1.25em;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .left_side .dropdown_container .selected {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  box-shadow: 0px 0px 5px 0px rgba(26, 26, 26, 0.1);
  border-radius: 5px;
  cursor: pointer;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .left_side .dropdown_container .selected span {
  display: flex;
  align-items: center;
  gap: 10px;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .left_side .dropdown_container .selected i {
  font-size: 1.25em;
  transition: transform 0.3s ease;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .left_side .dropdown_container.active .selected i {
  transform: rotate(180deg);
}
.plans .s1_wrapper .right_side_container .plans_container_child form .left_side .dropdown_container .options {
  display: none;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .left_side .dropdown_container.active .options {
  display: block;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .left_side .dropdown_container .options {
  width: 100%;
  list-style: none;
  margin: 0px;
  padding: 0px;
  box-shadow: 0px 0px 5px 0px rgba(26, 26, 26, 0.1);
  border-radius: 5px;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .left_side .dropdown_container .options li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px;
  cursor: pointer;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .left_side .dropdown_container .options li:hover {
  background: #eeeeee;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .left_side .choose_amount {
  color: #808080;
  margin-top: 50px !important;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .left_side .buttons_container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 50px;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .left_side .buttons_container button {
  background-color: #eeeeee;
  border: none;
  border-radius: 5px;
  color: #1a1a1a;
  padding: 12.5px 0px;
  width: 100px;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .left_side .field_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .left_side .field_container label {
  color: #808080;
  text-align: start;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .left_side .field_container .input {
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  margin: 0;
  border: 1px solid #dddddd;
  height: 50px;
  border-radius: 4px;
  padding: 0 15px;
  box-shadow: inset #e0e0e0 0px 0px 5px 0px;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .left_side .field_container .input::-moz-placeholder {
  color: #808080;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .left_side .field_container .input::placeholder {
  color: #808080;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .left_side .field_container .input:focus {
  outline: none;
  border: 1px solid #FA4F09;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .left_side .paymentMethod {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 50px;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .left_side .paymentMethod h2 {
  color: #808080;
  margin-bottom: 7px;
  font-size: 1em;
  font-weight: 400;
  text-align: left;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .left_side .paymentMethod .paymentMethod_contianer * {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .left_side .paymentMethod .paymentMethod_contianer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #eeeeee;
  border-radius: 5px;
  border: 1px solid #dddddd;
  padding: 12px 10px;
  cursor: pointer;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .left_side .paymentMethod .paymentMethod_contianer .method_name_container {
  display: flex;
  align-items: center;
  gap: 12.5px;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .left_side .paymentMethod .paymentMethod_contianer .method_name_container i {
  font-size: 1.75em;
  color: #808080;
  margin: 0px;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .left_side .paymentMethod .paymentMethod_contianer .method_name_container h4 {
  color: #1a1a1a;
  font-size: 1.25em;
  margin: 0px;
  font-weight: 400;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .left_side .paymentMethod .paymentMethod_contianer .balance {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .left_side .paymentMethod .paymentMethod_contianer .balance h4 {
  margin: 0px;
  color: #1a1a1a;
  font-size: 1.25em;
  font-weight: 400;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .right_side {
  width: 35%;
  padding: 20px;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  border: 1px solid #eeeeee;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .right_side .investment_details {
  color: #808080;
  font-weight: 500;
  font-size: 0.95em;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .right_side p {
  font-size: 0.875em;
  color: #808080;
  text-align: left;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .right_side p span {
  display: block;
  color: #fc6e33;
  margin-top: 1px;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .right_side .payment_method {
  display: flex;
  justify-content: space-between;
  padding: 30px 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  margin: 40px 0;
  font-size: 0.95em;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .right_side .payment_method p {
  margin-bottom: 0;
  font-size: 0.875em;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .right_side .payment_method span {
  font-size: 0.875em;
  color: #fc6e33;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .right_side .invest_amount {
  display: flex;
  justify-content: space-between;
  font-weight: 500;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .right_side .invest_amount p {
  margin: 0px;
  font-size: 0.95em;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .right_side .invest_amount span {
  font-size: 0.95em;
  color: #fc6e33;
}
.plans .s1_wrapper .right_side_container .plans_container_child form .right_side input[type=submit] {
  width: 100%;
  border: none;
  padding: 12.5px 0px;
  color: #ffffff;
  background: #fc6e33;
  border-radius: 5px;
  margin-top: 25px;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.plans .s1_wrapper .copyright_message {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: start;
  align-items: center;
  background: #f5f5f5;
  margin-top: 25px;
  padding-left: 25px;
  border-radius: 4px;
}
.plans .s1_wrapper .copyright_message p {
  font-size: 0.9em;
  margin-bottom: 0px;
  color: #808080;
}

@media screen and (max-width: 1280px) {
  .plans .s1_wrapper {
    width: 90% !important;
  }
  .plans .s1_wrapper .right_side_container {
    width: 75%;
    padding-top: 40px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 1000px) {
  .plans .s1_wrapper .right_side_container {
    width: 100% !important;
    display: block;
  }
}
@media screen and (max-width: 1280px) and (max-width: 768px) {
  .plans .s1_wrapper .right_side_container .plans_container_child form {
    flex-direction: column;
  }
  .plans .s1_wrapper .right_side_container .plans_container_child form .left_side {
    width: 100% !important;
  }
  .plans .s1_wrapper .right_side_container .plans_container_child form .left_side p {
    text-align: left;
  }
}
@media screen and (max-width: 1280px) and (max-width: 768px) and (max-width: 457px) {
  .plans .s1_wrapper .right_side_container .plans_container_child form .left_side .buttons_container button {
    width: calc(50% - 5px);
  }
}
@media screen and (max-width: 1280px) and (max-width: 768px) and (max-width: 377px) {
  .plans .s1_wrapper .right_side_container .plans_container_child form .left_side .paymentMethod_contianer {
    flex-direction: column;
    gap: 10px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 768px) and (max-width: 768px) {
  .plans .s1_wrapper .right_side_container .plans_container_child form .left_side .paymentMethod_contianer .method_name_container i {
    font-size: 1.1em !important;
  }
  .plans .s1_wrapper .right_side_container .plans_container_child form .left_side .paymentMethod_contianer .method_name_container h4 {
    font-size: 1.1em !important;
  }
}
@media screen and (max-width: 1280px) and (max-width: 768px) and (max-width: 768px) {
  .plans .s1_wrapper .right_side_container .plans_container_child form .left_side .paymentMethod_contianer .balance h4 {
    font-size: 1.1em !important;
  }
}
@media screen and (max-width: 1280px) and (max-width: 768px) {
  .plans .s1_wrapper .right_side_container .plans_container_child form .right_side {
    width: 100% !important;
  }
}
@media screen and (max-width: 1280px) {
  .plans .s1_wrapper .right_side_container .plans_container_child form .left_side {
    width: 60%;
  }
  .plans .s1_wrapper .right_side_container .plans_container_child form .right_side {
    width: 40%;
  }
  .plans .s1_wrapper .copyright_message {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: start;
    align-items: center;
    background: #f5f5f5;
    margin-top: 25px;
    padding-left: 25px;
    border-radius: 4px;
  }
  .plans .s1_wrapper .copyright_message p {
    font-size: 0.9em;
    margin-bottom: 0px;
    color: #808080;
  }
}
.contact {
  background: #fffaec;
}
.contact .orange_bg {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 400px;
  background: #fc6e33;
  border-radius: 0 0 0 50px;
}
.contact .s1 {
  padding-bottom: 25px;
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contact .s1_wrapper {
  display: flex;
  justify-content: space-between;
}
.contact .s1_wrapper .right_side_container {
  width: 75%;
  padding-top: 50px;
}
.contact .s1_wrapper .right_side_container h1 {
  color: #ffffff;
  font-size: 1.6em;
  margin-bottom: 15px;
  font-weight: 450;
}
.contact .s1_wrapper .right_side_container .contact_container {
  width: 100%;
  background: #ffffff;
  padding: 25px;
  border-radius: 5px;
  display: flex;
  align-items: center;
}
.contact .s1_wrapper .right_side_container .contact_container_child {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.125);
  border-radius: 5px;
  padding: 50px 15px;
}
.contact .s1_wrapper .right_side_container .contact_container_child .support_name {
  font-size: 2.25em;
  font-weight: 500;
  color: #575757;
}
.contact .s1_wrapper .right_side_container .contact_container_child p:nth-child(2) {
  color: #575757;
  font-weight: 600;
  font-size: 1.1em;
  margin-bottom: 5px;
}
.contact .s1_wrapper .right_side_container .contact_container_child a {
  font-weight: 500;
  text-decoration: none;
  color: #575757;
  font-size: 1.5em;
  margin-bottom: 50px;
  transition: 0.25s;
}
.contact .s1_wrapper .right_side_container .contact_container_child a:hover {
  color: #fc6e33;
}
.contact .s1_wrapper .right_side_container .contact_container_child .message-container {
  width: 75%;
  display: flex;
  flex-direction: column;
}
.contact .s1_wrapper .right_side_container .contact_container_child .message-container label {
  text-align: left;
  color: #575757;
  font-size: 1.05;
  font-weight: 500;
  margin-bottom: 6px;
}
.contact .s1_wrapper .right_side_container .contact_container_child .message-container textarea {
  border-radius: 5px;
  height: 250px;
  padding: 15px 20px;
  border: none;
  background: transparent;
  color: #1a1a1a;
  box-shadow: inset #e0e0e0 0px 0px 5px 0px;
  resize: none;
}
.contact .s1_wrapper .right_side_container .contact_container_child .message-container textarea:focus {
  outline: none;
  border: 1px solid #fc6e33;
}
.contact .s1_wrapper .right_side_container .contact_container_child .message-container input[type=submit] {
  width: 100%;
  height: 50px;
  background-color: #fc6e33;
  font-size: 1em;
  font-weight: 500;
  letter-spacing: 0.25px;
  color: #ffffff;
  border-radius: 5px;
  border: none;
  margin-top: 20px;
  transition: 0.25s ease-in-out;
}
.contact .s1_wrapper .right_side_container .contact_container_child .message-container input[type=submit]:hover {
  background-color: #eb4a0b;
}
.contact .s1_wrapper .copyright_message {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: start;
  align-items: center;
  background: #f5f5f5;
  margin-top: 25px;
  padding-left: 25px;
  border-radius: 4px;
}
.contact .s1_wrapper .copyright_message p {
  font-size: 0.9em;
  margin-bottom: 0px;
  color: #808080;
}

@media screen and (max-width: 1280px) {
  .contact .orange_bg {
    height: 350px;
    border-radius: 0 0 0 50px;
  }
  .contact .s1_wrapper {
    width: 90% !important;
  }
  .contact .s1_wrapper .right_side_container {
    width: 75%;
    padding-top: 40px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 1000px) {
  .contact .s1_wrapper .right_side_container {
    width: 100% !important;
    display: block;
  }
}
@media screen and (max-width: 1280px) and (max-width: 768px) {
  .contact .s1_wrapper .right_side_container .contact_container_child .message-container {
    width: 95% !important;
  }
}
@media screen and (max-width: 1280px) {
  .contact .s1_wrapper .copyright_message {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: start;
    align-items: center;
    background: #f5f5f5;
    margin-top: 25px;
    padding-left: 25px;
    border-radius: 4px;
  }
  .contact .s1_wrapper .copyright_message p {
    font-size: 0.9em;
    margin-bottom: 0px;
    color: #808080;
  }
}
.my-plans {
  background: #fffaec;
}
.my-plans .orange_bg {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 400px;
  background: #fc6e33;
  border-radius: 0 0 0 50px;
}
.my-plans .s1 {
  padding-bottom: 25px;
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.my-plans .s1_wrapper {
  display: flex;
  justify-content: space-between;
}
.my-plans .s1_wrapper .right_side_container {
  width: 75%;
  padding-top: 50px;
}
.my-plans .s1_wrapper .right_side_container h1 {
  color: #ffffff;
  font-size: 1.6em;
  margin-bottom: 15px;
  font-weight: 450;
}
.my-plans .s1_wrapper .right_side_container .account_summary_parent {
  width: 100%;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 50px;
  padding: 25px;
  border-radius: 5px;
}
.my-plans .s1_wrapper .right_side_container .account_summary_parent .active_plans .plans_container {
  color: #808080;
  width: 100%;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 50px;
}
.my-plans .s1_wrapper .right_side_container .account_summary_parent .active_plans .plans_container .plan {
  width: 100%;
}
.my-plans .s1_wrapper .right_side_container .account_summary_parent .active_plans .plans_container .plan form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(45deg, #F05A58, #C612DD);
  padding: 25px;
  border-radius: 5px;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
}
.my-plans .s1_wrapper .right_side_container .account_summary_parent .active_plans .plans_container .plan form .content_container {
  width: 62.5%;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .my-plans .s1_wrapper .right_side_container .account_summary_parent .active_plans .plans_container .plan form .content_container {
    width: 100%;
  }
}
.my-plans .s1_wrapper .right_side_container .account_summary_parent .active_plans .plans_container .plan form .content_container h2 {
  color: #ffffff;
  text-align: left;
  font-size: 1.25em;
  font-weight: 400;
  margin-bottom: 50px;
}
.my-plans .s1_wrapper .right_side_container .account_summary_parent .active_plans .plans_container .plan form .content_container .progress {
  width: 100%;
  height: 30px;
  background-color: #ffff78;
  background-color: #fff;
  border-radius: 5px;
  margin-bottom: 10px;
}
.my-plans .s1_wrapper .right_side_container .account_summary_parent .active_plans .plans_container .plan form .content_container .progress-bar {
  height: 100%;
  background-color: #4CCA8D;
  background-color: #ffff78;
  border-radius: 5px;
  transition: width 0.1s ease;
}
.my-plans .s1_wrapper .right_side_container .account_summary_parent .active_plans .plans_container .plan form .content_container input[type=submit] {
  width: -moz-fit-content;
  width: fit-content;
  padding: 12.5px;
  width: 100%;
  background-color: #ffffff;
  background-color: #4CCA8D;
  font-size: 1em;
  font-weight: 500;
  letter-spacing: 0.25px;
  color: #1a1a1a;
  color: #ffffff;
  border-radius: 5px;
  border: none;
  transition: 0.25s ease-in-out;
}
.my-plans .s1_wrapper .right_side_container .account_summary_parent .active_plans .plans_container .plan form .content_container input[type=submit]:hover {
  background-color: #f1f1f1;
  background-color: #3eb47b;
}
@media screen and (max-width: 768px) {
  .my-plans .s1_wrapper .right_side_container .account_summary_parent .active_plans .plans_container .plan form .content_container input[type=submit]:hover {
    background-color: #ffffff !important;
    background-color: #4CCA8D !important;
  }
}
.my-plans .s1_wrapper .right_side_container .account_summary_parent .active_plans .plans_container .plan form .content_container .progressText {
  color: #ffffff;
  transition: width 0.1s ease;
  font-size: 1em;
}
.my-plans .s1_wrapper .right_side_container .account_summary_parent .active_plans .plans_container .plan form .content_container .done {
  color: #ffffff;
  font-size: 1em;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .my-plans .s1_wrapper .right_side_container .account_summary_parent .active_plans .plans_container .plan form .content_container .done {
    text-align: center;
  }
}
.my-plans .s1_wrapper .right_side_container .account_summary_parent .active_plans .plans_container .plan form .img_container {
  width: 35%;
}
.my-plans .s1_wrapper .right_side_container .account_summary_parent .active_plans .plans_container .plan form .img_container img {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}
.my-plans .s1_wrapper .right_side_container .account_summary_parent .active_plans .plans_container a {
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 5px;
}
.my-plans .s1_wrapper .right_side_container .account_summary_parent .active_plans .plans_container a button {
  padding: 12.5px 30px;
  background: linear-gradient(45deg, #F05A58, #C612DD);
  font-size: 1em;
  font-weight: 500;
  letter-spacing: 0.25px;
  color: #ffffff;
  border-radius: 5px;
  border: none;
  transition: 0.25s;
}
.my-plans .s1_wrapper .right_side_container .account_summary_parent .active_plans .plans_container a:hover button {
  background: linear-gradient(45deg, #F05A58, #C612DD);
}
.my-plans .s1_wrapper .copyright_message {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: start;
  align-items: center;
  background: #f5f5f5;
  margin-top: 25px;
  padding-left: 25px;
  border-radius: 4px;
}
.my-plans .s1_wrapper .copyright_message p {
  font-size: 0.9em;
  margin-bottom: 0px;
  color: #808080;
}

@media screen and (max-width: 1280px) {
  .my-plans .orange_bg {
    height: 375px;
    border-radius: 0 0 0 50px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 1000px) {
  .my-plans .orange_bg {
    height: 400px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 350px) {
  .my-plans .orange_bg {
    height: 380px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 300px) {
  .my-plans .orange_bg {
    height: 400px;
  }
}
@media screen and (max-width: 1280px) {
  .my-plans .s1_wrapper {
    width: 90% !important;
  }
  .my-plans .s1_wrapper .right_side_container {
    width: 75%;
    padding-top: 40px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 1000px) {
  .my-plans .s1_wrapper .right_side_container {
    width: 100% !important;
    display: block;
  }
}
@media screen and (max-width: 1280px) {
  .my-plans .s1_wrapper .right_side_container .active_plans .plans_container .plan {
    width: 100%;
  }
}
@media screen and (max-width: 1280px) and (max-width: 768px) {
  .my-plans .s1_wrapper .right_side_container .active_plans .plans_container .plan form {
    display: flex;
    flex-direction: column;
    gap: 25px;
  }
  .my-plans .s1_wrapper .right_side_container .active_plans .plans_container .plan form .content_container {
    width: 100%;
  }
  .my-plans .s1_wrapper .right_side_container .active_plans .plans_container .plan form .img_container {
    width: 100%;
  }
}
@media screen and (max-width: 1280px) {
  .my-plans .s1_wrapper .right_side_container .active_plans .plans_container a {
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 5px;
  }
  .my-plans .s1_wrapper .right_side_container .active_plans .plans_container a button {
    padding: 12.5px 30px;
    background-color: #fc6e33;
    font-size: 1em;
    font-weight: 500;
    letter-spacing: 0.25px;
    color: #ffffff;
    border-radius: 5px;
    border: none;
    transition: 0.25s ease-in-out;
  }
  .my-plans .s1_wrapper .right_side_container .active_plans .plans_container a:hover button {
    background-color: #eb4a0b;
  }
}
@media screen and (max-width: 1280px) and (max-width: 768px) {
  .my-plans .s1_wrapper .right_side_container .active_plans .plans_container a:hover button {
    background-color: #fc6e33 !important;
  }
}
@media screen and (max-width: 1280px) {
  .my-plans .s1_wrapper .copyright_message {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: start;
    align-items: center;
    background: #f5f5f5;
    margin-top: 25px;
    padding-left: 25px;
    border-radius: 4px;
  }
  .my-plans .s1_wrapper .copyright_message p {
    font-size: 0.9em;
    margin-bottom: 0px;
    color: #808080;
  }
}
.referrals {
  background: #fffaec;
}
.referrals .orange_bg {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 400px;
  background: #fc6e33;
  border-radius: 0 0 0 50px;
}
@media screen and (max-width: 1280px) {
  .referrals .orange_bg {
    height: 375px !important;
  }
}
@media screen and (max-width: 1000px) {
  .referrals .orange_bg {
    height: 400px !important;
  }
}
@media screen and (max-width: 350px) {
  .referrals .orange_bg {
    height: 380px !important;
  }
}
@media screen and (max-width: 300px) {
  .referrals .orange_bg {
    height: 400px !important;
  }
}
.referrals .s1 {
  padding-bottom: 25px;
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.referrals .s1_wrapper {
  display: flex;
  justify-content: space-between;
}
.referrals .s1_wrapper .right_side_container {
  width: 75%;
  padding-top: 50px;
}
.referrals .s1_wrapper .right_side_container h1 {
  color: #ffffff;
  font-size: 1.6em;
  margin-bottom: 15px;
  font-weight: 450;
}
.referrals .s1_wrapper .right_side_container .referral_container {
  width: 100%;
  background: #ffffff;
  padding: 25px;
  border-radius: 5px;
  display: flex;
  align-items: center;
}
.referrals .s1_wrapper .right_side_container .referral_container_child {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.05);
  border: 1px solid #eeeeee;
  border-radius: 5px;
  padding: 50px 15px;
}
.referrals .s1_wrapper .right_side_container .referral_container_child h2 {
  color: #414141;
}
.referrals .s1_wrapper .right_side_container .referral_container_child .text {
  color: #808080;
  font-weight: 500;
  margin-bottom: 50px;
  font-size: 1.05em;
  width: 90%;
}
@media screen and (max-width: 768px) {
  .referrals .s1_wrapper .right_side_container .referral_container_child .text {
    width: 100%;
  }
}
.referrals .s1_wrapper .right_side_container .referral_container_child .refer_link_message {
  font-size: 1.05em;
  font-weight: 500;
  color: #808080;
}
.referrals .s1_wrapper .right_side_container .referral_container_child .refer_option2 {
  font-size: 1.05em;
  color: #808080;
  font-weight: 500;
  margin-top: 20px;
  margin-bottom: 5px;
}
.referrals .s1_wrapper .right_side_container .referral_container_child .username {
  font-size: 1.5em;
  color: #4CCA8D;
  margin-bottom: 50px;
}
.referrals .s1_wrapper .right_side_container .referral_container_child .team_contianer {
  color: #808080;
}
.referrals .s1_wrapper .right_side_container .referral_container_child .team_contianer p:first-child {
  font-size: 1.25em;
  margin-bottom: 20px;
}
.referrals .s1_wrapper .right_side_container .referral_container_child .team_contianer i {
  font-size: 3.5em;
}
.referrals .s1_wrapper .right_side_container .referral_container_child .team_contianer p:last-child {
  margin-top: 10px;
  font-weight: 700;
  font-size: 1.75em;
}
.referrals .s1_wrapper .right_side_container .referral_container_child .input-container {
  width: 40%;
  display: flex;
  align-items: center;
  background: #f5f5f5;
  height: 50px;
  border-radius: 5px;
}
.referrals .s1_wrapper .right_side_container .referral_container_child .input-container input[type=text] {
  flex: 1;
  border-radius: 5px 0 0 5px;
  height: 50px;
  padding: 0 10px;
  border: none;
  background: transparent;
  color: #808080;
  box-shadow: inset #e0e0e0 0px 0px 5px 0px;
}
.referrals .s1_wrapper .right_side_container .referral_container_child .input-container button {
  width: 50px;
  height: 50px;
  background-color: white;
  color: #fc6e33;
  border: none;
  cursor: pointer;
  border: 1px solid #fc6e33;
  transition: 0.25s;
  border-radius: 0 5px 5px 0;
}
.referrals .s1_wrapper .right_side_container .referral_container_child .input-container button:hover {
  background: #fc6e33;
  color: #ffffff;
}
.referrals .s1_wrapper .copyright_message {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: start;
  align-items: center;
  background: #f5f5f5;
  margin-top: 25px;
  padding-left: 25px;
  border-radius: 4px;
}
.referrals .s1_wrapper .copyright_message p {
  font-size: 0.9em;
  margin-bottom: 0px;
  color: #808080;
}

@media screen and (max-width: 1280px) {
  .referrals .s1_wrapper {
    width: 90% !important;
  }
  .referrals .s1_wrapper .right_side_container {
    width: 75%;
    padding-top: 40px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 1000px) {
  .referrals .s1_wrapper .right_side_container {
    width: 100% !important;
    display: block;
  }
}
@media screen and (max-width: 1280px) and (max-width: 768px) {
  .referrals .s1_wrapper .right_side_container .referral_container_child .input-container {
    width: 60% !important;
  }
}
@media screen and (max-width: 1280px) and (max-width: 600px) {
  .referrals .s1_wrapper .right_side_container .referral_container_child .input-container {
    width: 75% !important;
  }
}
@media screen and (max-width: 1280px) and (max-width: 500px) {
  .referrals .s1_wrapper .right_side_container .referral_container_child .input-container {
    width: 100% !important;
  }
}
@media screen and (max-width: 1280px) {
  .referrals .s1_wrapper .copyright_message {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: start;
    align-items: center;
    background: #f5f5f5;
    margin-top: 25px;
    padding-left: 25px;
    border-radius: 4px;
  }
  .referrals .s1_wrapper .copyright_message p {
    font-size: 0.9em;
    margin-bottom: 0px;
    color: #808080;
  }
}
.edit-profile {
  background: #fffaec;
}
.edit-profile .orange_bg {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 400px;
  background: #fc6e33;
  border-radius: 0 0 0 50px;
}
.edit-profile .s1 {
  padding-bottom: 25px;
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.edit-profile .s1_wrapper {
  display: flex;
  justify-content: space-between;
}
.edit-profile .s1_wrapper .right_side_container {
  width: 75%;
  padding-top: 50px;
}
.edit-profile .s1_wrapper .right_side_container h1 {
  color: #ffffff;
  font-size: 1.6em;
  margin-bottom: 15px;
  font-weight: 450;
}
.edit-profile .s1_wrapper .right_side_container #errorMessages {
  animation: slideDownError 0.25s linear;
  position: absolute;
  z-index: 1000;
  top: 5%;
  right: 50%;
  transform: translateX(50%);
  color: red;
  background-color: #fdd;
  border: 1px solid red;
  border-radius: 5px;
  padding: 10px 20px;
  display: block;
}
.edit-profile .s1_wrapper .right_side_container #errorMessages p {
  color: red;
  margin: 0px;
}
.edit-profile .s1_wrapper .right_side_container #successMessages {
  animation: slideDownSuccess 0.25s linear;
  position: absolute;
  z-index: 1000;
  top: 5%;
  right: 50%;
  transform: translateX(50%);
  color: #4CCA8D;
  background-color: #c8ffe4;
  border: 1px solid #4CCA8D;
  border-radius: 5px;
  padding: 10px 20px;
  display: block;
}
.edit-profile .s1_wrapper .right_side_container #successMessages p {
  color: #4CCA8D;
  margin: 0px;
}
.edit-profile .s1_wrapper .right_side_container .table_container {
  width: 100%;
  background: #ffffff;
  padding: 25px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
}
.edit-profile .s1_wrapper .right_side_container .table_container .options {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.edit-profile .s1_wrapper .right_side_container .table_container .options button {
  width: 30%;
  height: 50px;
  background-color: #f5f5f5;
  color: #808080;
  border: 1px solid #f5f5f5;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.25s;
  font-weight: 500;
}
.edit-profile .s1_wrapper .right_side_container .table_container .options button .svg_fill {
  width: 100px;
  height: 100px;
  display: block;
}
.edit-profile .s1_wrapper .right_side_container .table_container .options button:hover {
  border: 1px solid #fc6e33;
  background: #fc6e33;
  color: #ffffff;
}
.edit-profile .s1_wrapper .right_side_container .table_container .options .active_button {
  border: 1px solid #fc6e33;
  background: #fc6e33;
  color: #ffffff;
}
.edit-profile .s1_wrapper .right_side_container .table_container_child {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 500px) {
  .edit-profile .s1_wrapper .right_side_container .table_container_child {
    overflow-x: scroll;
  }
}
.edit-profile .s1_wrapper .right_side_container .table_container_child form {
  width: 100%;
}
.edit-profile .s1_wrapper .right_side_container .table_container_child form table {
  width: 100%;
  color: #808080;
}
.edit-profile .s1_wrapper .right_side_container .table_container_child form table tbody {
  flex-direction: column;
  display: flex;
  width: 100%;
  gap: 20px;
}
.edit-profile .s1_wrapper .right_side_container .table_container_child form table tbody tr {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.edit-profile .s1_wrapper .right_side_container .table_container_child form table tbody tr td {
  width: calc(50% - 10px);
}
.edit-profile .s1_wrapper .right_side_container .table_container_child form table tbody tr td .field_contianer {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.edit-profile .s1_wrapper .right_side_container .table_container_child form table tbody tr td .field_contianer label {
  color: #808080;
}
.edit-profile .s1_wrapper .right_side_container .table_container_child form table tbody tr td .field_contianer .input {
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  margin: 0;
  border: 1px solid #dddddd;
  height: 50px;
  border-radius: 4px;
  padding: 0 15px;
  box-shadow: inset #e0e0e0 0px 0px 5px 0px;
}
.edit-profile .s1_wrapper .right_side_container .table_container_child form table tbody tr td .field_contianer .input::-moz-placeholder {
  color: #808080;
}
.edit-profile .s1_wrapper .right_side_container .table_container_child form table tbody tr td .field_contianer .input::placeholder {
  color: #808080;
}
.edit-profile .s1_wrapper .right_side_container .table_container_child form table tbody tr td .field_contianer .input:focus {
  outline: none;
  border: 1px solid #FA4F09;
}
.edit-profile .s1_wrapper .right_side_container .table_container_child form button {
  width: -moz-fit-content;
  width: fit-content;
  padding: 12.5px 30px;
  background-color: #fc6e33;
  font-size: 1em;
  font-weight: 500;
  letter-spacing: 0.25px;
  color: #ffffff;
  border-radius: 5px;
  border: none;
  margin-top: 30px;
  transition: 0.25s ease-in-out;
}
@media screen and (max-width: 768px) {
  .edit-profile .s1_wrapper .right_side_container .table_container_child form button {
    width: 100%;
  }
}
.edit-profile .s1_wrapper .right_side_container .table_container_child form button:hover {
  background-color: #eb4a0b;
}
@media screen and (max-width: 768px) {
  .edit-profile .s1_wrapper .right_side_container .table_container_child form button:hover {
    background-color: #fc6e33 !important;
  }
}
.edit-profile .s1_wrapper .copyright_message {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: start;
  align-items: center;
  background: #f5f5f5;
  margin-top: 25px;
  padding-left: 25px;
  border-radius: 4px;
}
.edit-profile .s1_wrapper .copyright_message p {
  font-size: 0.9em;
  margin-bottom: 0px;
  color: #808080;
}

@media screen and (max-width: 1280px) {
  .edit-profile .orange_bg {
    height: 375px;
    border-radius: 0 0 0 50px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 1000px) {
  .edit-profile .orange_bg {
    height: 400px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 350px) {
  .edit-profile .orange_bg {
    height: 380px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 300px) {
  .edit-profile .orange_bg {
    height: 400px;
  }
}
@media screen and (max-width: 1280px) {
  .edit-profile .s1_wrapper {
    width: 90% !important;
  }
  .edit-profile .s1_wrapper .right_side_container {
    width: 75%;
    padding-top: 40px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 1000px) {
  .edit-profile .s1_wrapper .right_side_container {
    width: 100% !important;
    display: block;
  }
}
@media screen and (max-width: 1280px) and (max-width: 650px) {
  .edit-profile .s1_wrapper .right_side_container .edit-profile-options {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .edit-profile .s1_wrapper .right_side_container .edit-profile-options button {
    width: 100% !important;
  }
}
@media screen and (max-width: 1280px) and (max-width: 768px) {
  .edit-profile .s1_wrapper .right_side_container .table_container_child form table tr {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .edit-profile .s1_wrapper .right_side_container .table_container_child form table tr td {
    width: 100% !important;
  }
}
@media screen and (max-width: 1280px) {
  .edit-profile .s1_wrapper .right_side_container .table_container_child input[type=submit]:hover {
    background-color: #fc6e33;
  }
  .edit-profile .s1_wrapper .copyright_message {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: start;
    align-items: center;
    background: #f5f5f5;
    margin-top: 25px;
    padding-left: 25px;
    border-radius: 4px;
  }
  .edit-profile .s1_wrapper .copyright_message p {
    font-size: 0.9em;
    margin-bottom: 0px;
    color: #808080;
  }
}
.transfer-funds {
  background: #fffaec;
}
.transfer-funds .orange_bg {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 400px;
  background: #fc6e33;
  border-radius: 0 0 0 50px;
}
.transfer-funds .s1 {
  padding-bottom: 25px;
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.transfer-funds .s1_wrapper {
  display: flex;
  justify-content: space-between;
}
.transfer-funds .s1_wrapper .right_side_container {
  width: 75%;
  padding-top: 50px;
}
.transfer-funds .s1_wrapper .right_side_container h1 {
  color: #ffffff;
  font-size: 1.6em;
  margin-bottom: 15px;
  font-weight: 450;
}
.transfer-funds .s1_wrapper .right_side_container #errorMessages {
  animation: slideDownError 0.25s linear;
  position: absolute;
  z-index: 1000;
  top: 5%;
  right: 50%;
  transform: translateX(50%);
  color: red;
  background-color: #fdd;
  border: 1px solid red;
  border-radius: 5px;
  padding: 10px 20px;
  display: block;
}
.transfer-funds .s1_wrapper .right_side_container #errorMessages p {
  color: red;
  margin: 0px;
}
.transfer-funds .s1_wrapper .right_side_container #successMessages {
  animation: slideDownSuccess 0.25s linear;
  position: absolute;
  z-index: 1000;
  top: 5%;
  right: 50%;
  transform: translateX(50%);
  color: #4CCA8D;
  background-color: #c8ffe4;
  border: 1px solid #4CCA8D;
  border-radius: 5px;
  padding: 10px 20px;
  display: block;
}
.transfer-funds .s1_wrapper .right_side_container #successMessages p {
  color: #4CCA8D;
  margin: 0px;
}
.transfer-funds .s1_wrapper .right_side_container .contact_container {
  width: 100%;
  background: #ffffff;
  padding: 25px;
  border-radius: 5px;
  display: flex;
  align-items: center;
}
.transfer-funds .s1_wrapper .right_side_container .contact_container_child {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 30px;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.05);
  border: 1px solid #eeeeee;
  border-radius: 5px;
  padding: 50px 15px;
}
.transfer-funds .s1_wrapper .right_side_container .contact_container_child .item_balance {
  width: 30%;
  padding: 20px;
  box-shadow: 0px 0px 5px 0px rgba(26, 26, 26, 0.1);
  border: 1px solid #ececec;
  border-radius: 5px;
}
.transfer-funds .s1_wrapper .right_side_container .contact_container_child .item_balance h2 {
  color: #1a1a1a;
  margin-top: 10px;
  font-size: 1.25em;
}
.transfer-funds .s1_wrapper .right_side_container .contact_container_child .item_balance span {
  color: #808080;
  font-size: 0.9em;
}
.transfer-funds .s1_wrapper .right_side_container .contact_container_child .inputs_container {
  width: 80%;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
@media screen and (max-width: 768px) {
  .transfer-funds .s1_wrapper .right_side_container .contact_container_child .inputs_container {
    width: 90% !important;
  }
}
.transfer-funds .s1_wrapper .right_side_container .contact_container_child .inputs_container .field_contianer {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.transfer-funds .s1_wrapper .right_side_container .contact_container_child .inputs_container .field_contianer label {
  color: #808080;
}
.transfer-funds .s1_wrapper .right_side_container .contact_container_child .inputs_container .field_contianer .input {
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  margin: 0;
  border: 1px solid #dddddd;
  height: 50px;
  border-radius: 4px;
  padding: 0 15px;
  box-shadow: inset #e0e0e0 0px 0px 5px 0px;
}
.transfer-funds .s1_wrapper .right_side_container .contact_container_child .inputs_container .field_contianer .input::-moz-placeholder {
  color: #808080;
}
.transfer-funds .s1_wrapper .right_side_container .contact_container_child .inputs_container .field_contianer .input::placeholder {
  color: #808080;
}
.transfer-funds .s1_wrapper .right_side_container .contact_container_child .inputs_container .field_contianer .input:focus {
  outline: none;
  border: 1px solid #FA4F09;
}
.transfer-funds .s1_wrapper .right_side_container .contact_container_child .inputs_container h3 {
  font-size: 1.05em;
  font-weight: 600;
}
.transfer-funds .s1_wrapper .right_side_container .contact_container_child .inputs_container h3 span {
  color: #fc6e33;
}
.transfer-funds .s1_wrapper .right_side_container .contact_container_child .inputs_container input[type=submit] {
  width: 100%;
  height: 50px;
  color: #ffffff;
  background-color: #fc6e33;
  font-size: 1.1em;
  font-weight: 500;
  letter-spacing: 0.25px;
  border-radius: 5px;
  border: none;
  transition: 0.25s;
}
.transfer-funds .s1_wrapper .right_side_container .contact_container_child .inputs_container input[type=submit]:hover {
  background-color: #eb4a0b;
}
@media screen and (max-width: 768px) {
  .transfer-funds .s1_wrapper .right_side_container .contact_container_child .inputs_container input[type=submit]:hover {
    background-color: #fc6e33 !important;
  }
}
.transfer-funds .s1_wrapper .copyright_message {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: start;
  align-items: center;
  background: #f5f5f5;
  margin-top: 25px;
  padding-left: 25px;
  border-radius: 4px;
}
.transfer-funds .s1_wrapper .copyright_message p {
  font-size: 0.9em;
  margin-bottom: 0px;
  color: #808080;
}

@media screen and (max-width: 1280px) {
  .transfer-funds .orange_bg {
    height: 375px;
    border-radius: 0 0 0 50px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 1000px) {
  .transfer-funds .orange_bg {
    height: 400px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 350px) {
  .transfer-funds .orange_bg {
    height: 380px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 300px) {
  .transfer-funds .orange_bg {
    height: 400px;
  }
}
@media screen and (max-width: 1280px) {
  .transfer-funds .s1_wrapper {
    width: 90% !important;
  }
  .transfer-funds .s1_wrapper .right_side_container {
    width: 75%;
    padding-top: 40px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 1000px) {
  .transfer-funds .s1_wrapper .right_side_container {
    width: 100% !important;
    display: block;
  }
}
@media screen and (max-width: 1280px) {
  .transfer-funds .s1_wrapper .right_side_container .contact_container_child .item_balance {
    width: 50%;
  }
}
@media screen and (max-width: 1280px) and (max-width: 500px) {
  .transfer-funds .s1_wrapper .right_side_container .contact_container_child .item_balance {
    width: 80%;
  }
}
@media screen and (max-width: 1280px) {
  .transfer-funds .s1_wrapper .copyright_message {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: start;
    align-items: center;
    background: #f5f5f5;
    margin-top: 25px;
    padding-left: 25px;
    border-radius: 4px;
  }
  .transfer-funds .s1_wrapper .copyright_message p {
    font-size: 0.9em;
    margin-bottom: 0px;
    color: #808080;
  }
}
.transactions {
  background: #fffaec;
}
.transactions .orange_bg {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 400px;
  background: #fc6e33;
  border-radius: 0 0 0 50px;
}
.transactions .s1 {
  padding-bottom: 25px;
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.transactions .s1_wrapper {
  display: flex;
  justify-content: space-between;
}
.transactions .s1_wrapper .right_side_container {
  width: 75%;
  padding-top: 50px;
}
.transactions .s1_wrapper .right_side_container h1 {
  color: #ffffff;
  font-size: 1.6em;
  margin-bottom: 15px;
  font-weight: 450;
}
.transactions .s1_wrapper .right_side_container .table_container {
  width: 100%;
  background: #ffffff;
  padding: 25px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
}
.transactions .s1_wrapper .right_side_container .table_container .options {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.transactions .s1_wrapper .right_side_container .table_container .options button {
  width: 30%;
  height: 50px;
  background-color: #f5f5f5;
  color: #808080;
  border: 1px solid #f5f5f5;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.25s;
  font-weight: 500;
}
.transactions .s1_wrapper .right_side_container .table_container .options button .svg_fill {
  width: 100px;
  height: 100px;
  display: block;
}
.transactions .s1_wrapper .right_side_container .table_container .options button:hover {
  border: 1px solid #fc6e33;
  background: #fc6e33;
  color: #ffffff;
}
.transactions .s1_wrapper .right_side_container .table_container .options .active_button {
  border: 1px solid #fc6e33;
  background: #fc6e33;
  color: #ffffff;
}
.transactions .s1_wrapper .right_side_container .table_container_child {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 500px) {
  .transactions .s1_wrapper .right_side_container .table_container_child {
    overflow-x: scroll;
  }
}
.transactions .s1_wrapper .right_side_container .table_container_child table {
  width: 100%;
  color: #808080;
}
.transactions .s1_wrapper .right_side_container .table_container_child table tr:nth-child(1) th {
  white-space: nowrap;
  padding-left: 10px;
  font-size: 0.95em;
  font-weight: 500;
}
.transactions .s1_wrapper .right_side_container .table_container_child table tr {
  border-bottom: 1px solid #808080;
  height: 45px;
}
.transactions .s1_wrapper .right_side_container .table_container_child table tr:last-child {
  font-size: 0.95em;
  border: none;
}
.transactions .s1_wrapper .copyright_message {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: start;
  align-items: center;
  background: #f5f5f5;
  margin-top: 25px;
  padding-left: 25px;
  border-radius: 4px;
}
.transactions .s1_wrapper .copyright_message p {
  font-size: 0.9em;
  margin-bottom: 0px;
  color: #808080;
}

@media screen and (max-width: 1280px) {
  .transactions .orange_bg {
    height: 350px;
    border-radius: 0 0 0 50px;
  }
  .transactions .s1_wrapper {
    width: 90% !important;
  }
  .transactions .s1_wrapper .right_side_container {
    width: 75%;
    padding-top: 40px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 1000px) {
  .transactions .s1_wrapper .right_side_container {
    width: 100% !important;
    display: block;
  }
}
@media screen and (max-width: 1280px) and (max-width: 650px) {
  .transactions .s1_wrapper .right_side_container .table_container .options {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .transactions .s1_wrapper .right_side_container .table_container .options button {
    width: 100%;
  }
}
@media screen and (max-width: 1280px) {
  .transactions .s1_wrapper .copyright_message {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: start;
    align-items: center;
    background: #f5f5f5;
    margin-top: 25px;
    padding-left: 25px;
    border-radius: 4px;
  }
  .transactions .s1_wrapper .copyright_message p {
    font-size: 0.9em;
    margin-bottom: 0px;
    color: #808080;
  }
}
.profit-history {
  background: #fffaec;
}
.profit-history .orange_bg {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 400px;
  background: #fc6e33;
  border-radius: 0 0 0 50px;
}
.profit-history .s1 {
  padding-bottom: 25px;
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.profit-history .s1_wrapper {
  display: flex;
  justify-content: space-between;
}
.profit-history .s1_wrapper .right_side_container {
  width: 75%;
  padding-top: 50px;
}
.profit-history .s1_wrapper .right_side_container h1 {
  color: #ffffff;
  font-size: 1.6em;
  margin-bottom: 15px;
  font-weight: 450;
}
.profit-history .s1_wrapper .right_side_container .table_container {
  width: 100%;
  background: #ffffff;
  padding: 25px;
  border-radius: 5px;
  display: flex;
  align-items: center;
}
.profit-history .s1_wrapper .right_side_container .table_container_child {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
}
@media screen and (max-width: 500px) {
  .profit-history .s1_wrapper .right_side_container .table_container_child {
    overflow-x: scroll;
  }
}
.profit-history .s1_wrapper .right_side_container .table_container_child table {
  width: 97%;
  color: #808080;
}
.profit-history .s1_wrapper .right_side_container .table_container_child table tr:nth-child(1) th {
  white-space: nowrap;
  width: 25%;
  padding-left: 10px;
  font-size: 0.95em;
  font-weight: 500;
}
.profit-history .s1_wrapper .right_side_container .table_container_child table tr {
  border-bottom: 1px solid #808080;
  height: 45px;
}
.profit-history .s1_wrapper .right_side_container .table_container_child table tr:last-child {
  font-size: 0.95em;
  border: none;
}
.profit-history .s1_wrapper .copyright_message {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: start;
  align-items: center;
  background: #f5f5f5;
  margin-top: 25px;
  padding-left: 25px;
  border-radius: 4px;
}
.profit-history .s1_wrapper .copyright_message p {
  font-size: 0.9em;
  margin-bottom: 0px;
  color: #808080;
}

@media screen and (max-width: 1280px) {
  .profit-history .orange_bg {
    height: 350px;
    border-radius: 0 0 0 50px;
  }
  .profit-history .s1_wrapper {
    width: 90% !important;
  }
  .profit-history .s1_wrapper .right_side_container {
    width: 75%;
    padding-top: 40px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 1000px) {
  .profit-history .s1_wrapper .right_side_container {
    width: 100% !important;
    display: block;
  }
}
@media screen and (max-width: 1280px) {
  .profit-history .s1_wrapper .copyright_message {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: start;
    align-items: center;
    background: #f5f5f5;
    margin-top: 25px;
    padding-left: 25px;
    border-radius: 4px;
  }
  .profit-history .s1_wrapper .copyright_message p {
    font-size: 0.9em;
    margin-bottom: 0px;
    color: #808080;
  }
}
.withdraw {
  background: #fffaec;
}
.withdraw .orange_bg {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 400px;
  background: #fc6e33;
  border-radius: 0 0 0 50px;
}
.withdraw .s1 {
  padding-bottom: 25px;
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.withdraw .s1_wrapper {
  display: flex;
  justify-content: space-between;
}
.withdraw .s1_wrapper .right_side_container {
  width: 75%;
  padding-top: 50px;
}
.withdraw .s1_wrapper .right_side_container h1 {
  color: #ffffff;
  font-size: 1.6em;
  margin-bottom: 15px;
  font-weight: 450;
}
.withdraw .s1_wrapper .right_side_container #errorMessages {
  animation: slideDownError 0.25s linear;
  position: absolute;
  z-index: 1000;
  top: 5%;
  right: 50%;
  transform: translateX(50%);
  color: red;
  background-color: #fdd;
  border: 1px solid red;
  border-radius: 5px;
  padding: 10px 20px;
  display: block;
  text-align: center;
}
.withdraw .s1_wrapper .right_side_container #errorMessages p {
  color: red;
  margin: 0px;
}
.withdraw .s1_wrapper .right_side_container #successMessages {
  animation: slideDownSuccess 0.25s linear;
  position: absolute;
  z-index: 1000;
  top: 5%;
  right: 50%;
  transform: translateX(50%);
  color: #4CCA8D;
  background-color: #c8ffe4;
  border: 1px solid #4CCA8D;
  border-radius: 5px;
  padding: 10px 20px;
  display: block;
}
.withdraw .s1_wrapper .right_side_container #successMessages p {
  color: #4CCA8D;
  margin: 0px;
}
.withdraw .s1_wrapper .right_side_container .payment_parent {
  width: 100%;
  background: #ffffff;
  padding: 25px;
  border-radius: 5px;
}
.withdraw .s1_wrapper .right_side_container .payment_parent .cryptocurrency {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.withdraw .s1_wrapper .right_side_container .payment_parent .cryptocurrency label {
  color: #808080;
  font-weight: 500;
}
.withdraw .s1_wrapper .right_side_container .payment_parent .cryptocurrency select {
  margin: 0;
  border: 1px solid #dddddd;
  height: 40px;
  border-radius: 4px;
  padding: 0 15px 0 15px;
  background-color: white;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000000'%3E%3Cpath d='M12 15.41l5.293-5.293 1.414 1.414L12 18.23 5.293 11.707l1.414-1.414z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) center;
  background-size: 15px;
  width: 175px;
}
.withdraw .s1_wrapper .right_side_container .payment_parent .cryptocurrency select::-moz-placeholder {
  color: #8a8a8a;
}
.withdraw .s1_wrapper .right_side_container .payment_parent .cryptocurrency select::placeholder {
  color: #8a8a8a;
}
.withdraw .s1_wrapper .right_side_container .payment_parent .cryptocurrency select:focus {
  outline: none;
  border: 1px solid #FA4F09;
}
.withdraw .s1_wrapper .right_side_container .payment_parent .payment_child {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.withdraw .s1_wrapper .right_side_container .payment_parent .payment_child .field_contianer {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.withdraw .s1_wrapper .right_side_container .payment_parent .payment_child .field_contianer label {
  color: #808080;
}
.withdraw .s1_wrapper .right_side_container .payment_parent .payment_child .field_contianer input[type=text] {
  width: 100%;
  border-radius: 5px;
  height: 50px;
  padding: 0 10px;
  border: none;
  background: transparent;
  color: #808080;
  box-shadow: inset #e0e0e0 0px 0px 5px 0px;
  border: 1px solid #e0e0e0;
}
.withdraw .s1_wrapper .right_side_container .payment_parent .payment_child .field_contianer input[type=text]:focus {
  outline: none;
  border: 1px solid #fc6e33;
}
.withdraw .s1_wrapper .right_side_container .payment_parent .payment_child .field_contianer {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.withdraw .s1_wrapper .right_side_container .payment_parent .payment_child .field_contianer label {
  color: #808080;
}
.withdraw .s1_wrapper .right_side_container .payment_parent .payment_child .field_contianer input[type=number] {
  width: 100%;
  border-radius: 5px;
  height: 50px;
  padding: 0 10px;
  border: none;
  background: transparent;
  color: #808080;
  box-shadow: inset #e0e0e0 0px 0px 5px 0px;
  border: 1px solid #e0e0e0;
}
.withdraw .s1_wrapper .right_side_container .payment_parent .payment_child .field_contianer input[type=number]:focus {
  outline: none;
  border: 1px solid #fc6e33;
}
.withdraw .s1_wrapper .right_side_container .payment_parent .payment_child input[type=submit] {
  width: -moz-fit-content;
  width: fit-content;
  padding: 12.5px 30px;
  background-color: #fc6e33;
  font-size: 1em;
  font-weight: 500;
  letter-spacing: 0.25px;
  color: #ffffff;
  border-radius: 5px;
  border: none;
  transition: 0.25s ease-in-out;
}
@media screen and (max-width: 768px) {
  .withdraw .s1_wrapper .right_side_container .payment_parent .payment_child input[type=submit] {
    width: 100%;
  }
}
.withdraw .s1_wrapper .right_side_container .payment_parent .payment_child input[type=submit]:hover {
  background-color: #eb4a0b;
}
@media screen and (max-width: 768px) {
  .withdraw .s1_wrapper .right_side_container .payment_parent .payment_child input[type=submit]:hover {
    background-color: #fc6e33 !important;
  }
}
.withdraw .s1_wrapper .right_side_container .payment_parent .payment_child .financial_info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.withdraw .s1_wrapper .right_side_container .payment_parent .payment_child .financial_info p {
  font-size: 0.9em;
  font-weight: 500;
  color: #808080;
  margin-bottom: 0px;
}
.withdraw .s1_wrapper .right_side_container .payment_parent .payment_child .instructions {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.withdraw .s1_wrapper .right_side_container .payment_parent .payment_child .instructions p {
  font-size: 0.9em;
  font-weight: 500;
  color: #808080;
  margin-bottom: 0px;
}
.withdraw .s1_wrapper .right_side_container .payment_parent .payment_child .instructions p:nth-child(1) {
  font-size: 0.95em;
}
.withdraw .s1_wrapper .right_side_container .payment_parent .payment_child .instructions .tax {
  display: block;
  margin-left: 15px;
}
.withdraw .s1_wrapper .copyright_message {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: start;
  align-items: center;
  background: #f5f5f5;
  margin-top: 25px;
  padding-left: 25px;
  border-radius: 4px;
}
.withdraw .s1_wrapper .copyright_message p {
  font-size: 0.9em;
  margin-bottom: 0px;
  color: #808080;
}

@media screen and (max-width: 1280px) {
  .withdraw .orange_bg {
    height: 375px;
    border-radius: 0 0 0 50px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 1000px) {
  .withdraw .orange_bg {
    height: 400px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 350px) {
  .withdraw .orange_bg {
    height: 380px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 300px) {
  .withdraw .orange_bg {
    height: 400px;
  }
}
@media screen and (max-width: 1280px) {
  .withdraw .s1_wrapper {
    width: 90% !important;
  }
  .withdraw .s1_wrapper .right_side_container {
    width: 75%;
    padding-top: 40px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 1000px) {
  .withdraw .s1_wrapper .right_side_container {
    width: 100% !important;
    display: block;
  }
}
@media screen and (max-width: 1280px) {
  .withdraw .s1_wrapper .right_side_container .payment_parent .withdrawal_crypto_selector .question {
    padding-right: 50px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 768px) {
  .withdraw .s1_wrapper .right_side_container .payment_parent .withdrawal_crypto_selector .question {
    padding-right: 25px;
  }
}
@media screen and (max-width: 1280px) {
  .withdraw .s1_wrapper .right_side_container .payment_parent .payment_child input[type=submit] {
    transition: 0s;
  }
}
@media screen and (max-width: 1280px) and (max-width: 768px) {
  .withdraw .s1_wrapper .right_side_container .payment_parent .payment_child input[type=submit] {
    width: 100%;
  }
}
@media screen and (max-width: 1280px) {
  .withdraw .s1_wrapper .right_side_container .payment_parent .payment_child input[type=submit]:hover {
    background-color: #fc6e33;
  }
  .withdraw .s1_wrapper .copyright_message {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: start;
    align-items: center;
    background: #f5f5f5;
    margin-top: 25px;
    padding-left: 25px;
    border-radius: 4px;
  }
  .withdraw .s1_wrapper .copyright_message p {
    font-size: 0.9em;
    margin-bottom: 0px;
    color: #808080;
  }
}
.deposit {
  background: #fffaec;
}
.deposit .orange_bg {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 400px;
  background: #fc6e33;
  border-radius: 0 0 0 50px;
}
.deposit .s1 {
  padding-bottom: 25px;
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.deposit .s1_wrapper {
  display: flex;
  justify-content: space-between;
}
.deposit .s1_wrapper .right_side_container {
  width: 75%;
  padding-top: 50px;
}
.deposit .s1_wrapper .right_side_container h1 {
  color: #ffffff;
  font-size: 1.6em;
  margin-bottom: 15px;
  font-weight: 450;
}
.deposit .s1_wrapper .right_side_container #errorMessages {
  animation: slideDownError 0.25s linear;
  position: absolute;
  z-index: 1000;
  top: 5%;
  right: 50%;
  transform: translateX(50%);
  color: red;
  background-color: #fdd;
  border: 1px solid red;
  border-radius: 5px;
  padding: 10px 20px;
  display: block;
}
.deposit .s1_wrapper .right_side_container #errorMessages p {
  color: red;
  margin: 0px;
}
.deposit .s1_wrapper .right_side_container #successMessages {
  animation: slideDownSuccess 0.25s linear;
  position: absolute;
  z-index: 1000;
  top: 5%;
  right: 50%;
  transform: translateX(50%);
  color: #4CCA8D;
  background-color: #c8ffe4;
  border: 1px solid #4CCA8D;
  border-radius: 5px;
  padding: 10px 20px;
  display: block;
}
.deposit .s1_wrapper .right_side_container #successMessages p {
  color: #4CCA8D;
  margin: 0px;
}
.deposit .s1_wrapper .right_side_container .payment_parent {
  width: 100%;
  background: #ffffff;
  padding: 25px;
  border-radius: 5px;
}
.deposit .s1_wrapper .right_side_container .payment_parent .payment_child {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.deposit .s1_wrapper .right_side_container .payment_parent .payment_child .cryptocurrency {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 900px) {
  .deposit .s1_wrapper .right_side_container .payment_parent .payment_child .cryptocurrency {
    flex-direction: column;
    align-items: start;
    gap: 6px;
  }
}
.deposit .s1_wrapper .right_side_container .payment_parent .payment_child .cryptocurrency label {
  color: #808080;
  font-weight: 500;
}
@media screen and (max-width: 900px) {
  .deposit .s1_wrapper .right_side_container .payment_parent .payment_child .cryptocurrency .select_container {
    width: 100% !important;
  }
}
.deposit .s1_wrapper .right_side_container .payment_parent .payment_child .cryptocurrency select {
  margin: 0;
  border: 1px solid #dddddd;
  height: 40px;
  border-radius: 4px;
  padding: 0 15px 0 15px;
  background-color: white;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000000'%3E%3Cpath d='M12 15.41l5.293-5.293 1.414 1.414L12 18.23 5.293 11.707l1.414-1.414z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) center;
  background-size: 15px;
  width: 175px;
}
@media screen and (max-width: 900px) {
  .deposit .s1_wrapper .right_side_container .payment_parent .payment_child .cryptocurrency select {
    width: 100% !important;
  }
}
.deposit .s1_wrapper .right_side_container .payment_parent .payment_child .cryptocurrency select::-moz-placeholder {
  color: #8a8a8a;
}
.deposit .s1_wrapper .right_side_container .payment_parent .payment_child .cryptocurrency select::placeholder {
  color: #8a8a8a;
}
.deposit .s1_wrapper .right_side_container .payment_parent .payment_child .cryptocurrency select:focus {
  outline: none;
  border: 1px solid #FA4F09;
}
.deposit .s1_wrapper .right_side_container .payment_parent .payment_child .field_contianer {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.deposit .s1_wrapper .right_side_container .payment_parent .payment_child .field_contianer label {
  color: #808080;
  font-weight: 500;
}
.deposit .s1_wrapper .right_side_container .payment_parent .payment_child .field_contianer input[type=number] {
  width: 100%;
  border-radius: 5px;
  height: 50px;
  padding: 0 10px;
  border: none;
  background: transparent;
  color: #808080;
  box-shadow: inset #e0e0e0 0px 0px 5px 0px;
  border: 1px solid #e0e0e0;
}
.deposit .s1_wrapper .right_side_container .payment_parent .payment_child .field_contianer input[type=number]:focus {
  outline: none;
  border: 1px solid #fc6e33;
}
.deposit .s1_wrapper .right_side_container .payment_parent .payment_child input[type=submit] {
  width: -moz-fit-content;
  width: fit-content;
  padding: 12.5px 30px;
  background-color: #fc6e33;
  font-size: 1em;
  font-weight: 500;
  letter-spacing: 0.25px;
  color: #ffffff;
  border-radius: 5px;
  border: none;
  transition: 0.25s ease-in-out;
}
@media screen and (max-width: 768px) {
  .deposit .s1_wrapper .right_side_container .payment_parent .payment_child input[type=submit] {
    width: 100% !important;
  }
}
.deposit .s1_wrapper .right_side_container .payment_parent .payment_child input[type=submit]:hover {
  background-color: #eb4a0b;
}
@media screen and (max-width: 768px) {
  .deposit .s1_wrapper .right_side_container .payment_parent .payment_child input[type=submit]:hover {
    background-color: #fc6e33 !important;
  }
}
.deposit .s1_wrapper .copyright_message {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: start;
  align-items: center;
  background: #f5f5f5;
  margin-top: 25px;
  padding-left: 25px;
  border-radius: 4px;
}
.deposit .s1_wrapper .copyright_message p {
  font-size: 0.9em;
  margin-bottom: 0px;
  color: #808080;
}

@media screen and (max-width: 1280px) {
  .deposit .orange_bg {
    height: 375px;
    border-radius: 0 0 0 50px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 1000px) {
  .deposit .orange_bg {
    height: 400px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 350px) {
  .deposit .orange_bg {
    height: 380px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 300px) {
  .deposit .orange_bg {
    height: 400px;
  }
}
@media screen and (max-width: 1280px) {
  .deposit .s1_wrapper {
    width: 90% !important;
  }
  .deposit .s1_wrapper .right_side_container {
    width: 75%;
    padding-top: 40px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 1000px) {
  .deposit .s1_wrapper .right_side_container {
    width: 100% !important;
    display: block;
  }
}
@media screen and (max-width: 1280px) {
  .deposit .s1_wrapper .right_side_container .payment_parent .payment_child input[type=submit]:hover {
    background-color: #fc6e33;
  }
  .deposit .s1_wrapper .copyright_message {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: start;
    align-items: center;
    background: #f5f5f5;
    margin-top: 25px;
    padding-left: 25px;
    border-radius: 4px;
  }
  .deposit .s1_wrapper .copyright_message p {
    font-size: 0.9em;
    margin-bottom: 0px;
    color: #808080;
  }
}
.profile {
  background: #fffaec;
}
.profile .orange_bg {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 400px;
  background: #fc6e33;
  border-radius: 0 0 0 50px;
}
.profile .s1 {
  padding-bottom: 25px;
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.profile .s1_wrapper {
  display: flex;
  justify-content: space-between;
}
.profile .s1_wrapper .right_side_container {
  width: 75%;
  padding-top: 50px;
}
.profile .s1_wrapper .right_side_container h1 {
  color: #ffffff;
  font-size: 1.6em;
  margin-bottom: 15px;
  font-weight: 450;
}
.profile .s1_wrapper .right_side_container .features {
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px 14px;
  border-radius: 100px;
  background: #E2CCFF;
  color: #4816A3;
}
.profile .s1_wrapper .right_side_container .features span {
  color: #ffffff;
  background: #fc6e33;
  color: #ffffff;
  font-size: 0.75em;
  margin-right: 10px;
  padding: 5px 10px;
  border-radius: 20px;
}
.profile .s1_wrapper .right_side_container .features i {
  margin-left: 10px;
  font-size: 0.9em;
}
.profile .s1_wrapper .right_side_container .account_summary_parent {
  width: 100%;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 50px;
  padding: 25px;
  border-radius: 5px;
}
.profile .s1_wrapper .right_side_container .account_summary_parent .section_title {
  color: #fc6e33;
  font-size: 1.35em;
  font-weight: 450;
  margin-bottom: 15px;
}
.profile .s1_wrapper .right_side_container .account_summary_parent .items_container {
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: 50% 50%;
  gap: 0px;
  row-gap: 20px;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.profile .s1_wrapper .right_side_container .account_summary_parent .items_container .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #ffffff;
  box-shadow: 0px 0px 5px 0px rgba(26, 26, 26, 0.1);
  padding: 20px 25px;
  border-radius: 5px;
  width: calc(100% - 10px);
}
.profile .s1_wrapper .right_side_container .account_summary_parent .items_container .item .text_container span {
  color: #808080;
  font-weight: 450;
}
.profile .s1_wrapper .right_side_container .account_summary_parent .items_container .item .text_container h2 {
  color: #444444;
  margin-top: 10px;
  font-size: 1.2em;
}
.profile .s1_wrapper .right_side_container .account_summary_parent .items_container .item .iccon_container div {
  width: 50px;
  height: 50px;
  background: linear-gradient(45deg, #F05A58, #C612DD);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #ffffff;
  font-size: 1.1em;
  border-radius: 50px;
}
.profile .s1_wrapper .right_side_container .active_plans .plans_container {
  color: #808080;
  width: 100%;
  border-radius: 5px;
  box-shadow: 0px 0px 5px 0px rgba(26, 26, 26, 0.1);
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 50px;
}
.profile .s1_wrapper .right_side_container .active_plans .plans_container .plan {
  width: 100%;
}
.profile .s1_wrapper .right_side_container .active_plans .plans_container .plan form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(45deg, #F05A58, #C612DD);
  padding: 25px;
  border-radius: 5px;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
}
.profile .s1_wrapper .right_side_container .active_plans .plans_container .plan form .content_container {
  width: 62.5%;
  display: flex;
  flex-direction: column;
}
.profile .s1_wrapper .right_side_container .active_plans .plans_container .plan form .content_container h2 {
  color: #ffffff;
  text-align: left;
  font-size: 1.25em;
  font-weight: 400;
  margin-bottom: 50px;
}
.profile .s1_wrapper .right_side_container .active_plans .plans_container .plan form .content_container .progress {
  width: 100%;
  height: 30px;
  background-color: #ffff78;
  background-color: #fff;
  border-radius: 5px;
  margin-bottom: 10px;
}
.profile .s1_wrapper .right_side_container .active_plans .plans_container .plan form .content_container .progress-bar {
  height: 100%;
  background-color: #4CCA8D;
  background-color: #ffff78;
  border-radius: 5px;
  transition: width 0.1s ease;
}
.profile .s1_wrapper .right_side_container .active_plans .plans_container .plan form .content_container input[type=submit] {
  width: -moz-fit-content;
  width: fit-content;
  padding: 12.5px;
  width: 100%;
  background-color: #ffffff;
  background-color: #4CCA8D;
  font-size: 1em;
  font-weight: 500;
  letter-spacing: 0.25px;
  color: #1a1a1a;
  color: #ffffff;
  border-radius: 5px;
  border: none;
  transition: 0.25s ease-in-out;
}
.profile .s1_wrapper .right_side_container .active_plans .plans_container .plan form .content_container input[type=submit]:hover {
  background-color: #f1f1f1;
  background-color: #3eb47b;
}
@media screen and (max-width: 768px) {
  .profile .s1_wrapper .right_side_container .active_plans .plans_container .plan form .content_container input[type=submit]:hover {
    background-color: #ffffff !important;
    background-color: #4CCA8D !important;
  }
}
.profile .s1_wrapper .right_side_container .active_plans .plans_container .plan form .content_container .progressText {
  color: #ffffff;
  transition: width 0.1s ease;
  font-size: 1em;
}
.profile .s1_wrapper .right_side_container .active_plans .plans_container .plan form .content_container .done {
  color: #ffffff;
  font-size: 1em;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .profile .s1_wrapper .right_side_container .active_plans .plans_container .plan form .content_container .done {
    text-align: center;
  }
}
.profile .s1_wrapper .right_side_container .active_plans .plans_container .plan form .img_container {
  width: 35%;
}
.profile .s1_wrapper .right_side_container .active_plans .plans_container .plan form .img_container img {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}
.profile .s1_wrapper .right_side_container .active_plans .plans_container a {
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 5px;
}
.profile .s1_wrapper .right_side_container .active_plans .plans_container a button {
  padding: 12.5px 30px;
  background: linear-gradient(45deg, #F05A58, #C612DD);
  font-size: 1em;
  font-weight: 500;
  letter-spacing: 0.25px;
  color: #ffffff;
  border-radius: 5px;
  border: none;
  transition: 0.25s;
}
.profile .s1_wrapper .right_side_container .active_plans .plans_container a:hover button {
  background: linear-gradient(45deg, #F05A58, #C612DD);
}
.profile .s1_wrapper .right_side_container .referal {
  width: 50%;
  padding: 25px;
  color: #808080;
  box-shadow: 0px 0px 5px 0px rgba(26, 26, 26, 0.1);
  border-radius: 5px;
}
.profile .s1_wrapper .right_side_container .referal h2 {
  color: #5a5a5a;
  font-size: 1.5em;
}
.profile .s1_wrapper .right_side_container .referal .input-container {
  display: flex;
  align-items: center;
  background: #f5f5f5;
  height: 50px;
  border-radius: 5px;
}
.profile .s1_wrapper .right_side_container .referal .input-container input[type=text] {
  flex: 1;
  border-radius: 5px 0 0 5px;
  height: 50px;
  padding: 0 10px;
  border: none;
  background: transparent;
  color: #808080;
  box-shadow: inset #e0e0e0 0px 0px 5px 0px;
}
.profile .s1_wrapper .right_side_container .referal .input-container button {
  width: 50px;
  height: 50px;
  background-color: white;
  color: #fc6e33;
  border: none;
  cursor: pointer;
  border: 1px solid #fc6e33;
  transition: 0.25s;
  border-radius: 0 5px 5px 0;
}
.profile .s1_wrapper .right_side_container .referal .input-container button:hover {
  background: #fc6e33;
  color: #ffffff;
}
.profile .s1_wrapper .copyright_message {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: start;
  align-items: center;
  background: #f5f5f5;
  margin-top: 25px;
  padding-left: 25px;
  border-radius: 4px;
}
.profile .s1_wrapper .copyright_message p {
  font-size: 0.9em;
  margin-bottom: 0px;
  color: #808080;
}

@media screen and (max-width: 1280px) {
  .profile .orange_bg {
    height: 375px;
    border-radius: 0 0 0 50px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 1000px) {
  .profile .orange_bg {
    height: 400px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 350px) {
  .profile .orange_bg {
    height: 380px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 300px) {
  .profile .orange_bg {
    height: 400px;
  }
}
@media screen and (max-width: 1280px) {
  .profile .s1_wrapper {
    width: 90% !important;
  }
  .profile .s1_wrapper .right_side_container {
    width: 75%;
    padding-top: 40px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 1000px) {
  .profile .s1_wrapper .right_side_container {
    width: 100% !important;
    display: block;
  }
}
@media screen and (max-width: 1280px) {
  .profile .s1_wrapper .right_side_container .features {
    width: -moz-fit-content;
    width: fit-content;
    padding: 10px 14px;
    border-radius: 100px;
    background: #E2CCFF;
    color: #4816A3;
  }
}
@media screen and (max-width: 1280px) and (max-width: 768px) {
  .profile .s1_wrapper .right_side_container .features {
    display: flex;
    align-items: center;
  }
}
@media screen and (max-width: 1280px) {
  .profile .s1_wrapper .right_side_container .features span {
    color: #ffffff;
    background: #fc6e33;
    color: #ffffff;
    font-size: 0.75em;
    margin-right: 10px;
    padding: 5px 10px;
    border-radius: 20px;
  }
  .profile .s1_wrapper .right_side_container .features i {
    margin-left: 10px;
    font-size: 0.9em;
  }
  .profile .s1_wrapper .right_side_container .account_summary_parent {
    width: 100%;
    gap: 50px;
    padding: 25px;
    border-radius: 5px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 900px) {
  .profile .s1_wrapper .right_side_container .account_summary_parent .items_container {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 0px;
    row-gap: 20px;
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 600px) {
  .profile .s1_wrapper .right_side_container .account_summary_parent .items_container {
    display: flex;
    flex-direction: column;
    gap: 20px !important;
    row-gap: 0px;
    -moz-column-gap: 0px;
         column-gap: 0px;
  }
}
@media screen and (max-width: 1280px) {
  .profile .s1_wrapper .right_side_container .account_summary_parent .items_container .item {
    width: calc(100% - 10px);
  }
}
@media screen and (max-width: 1280px) and (max-width: 900px) {
  .profile .s1_wrapper .right_side_container .account_summary_parent .items_container .item {
    width: calc(100% - 10px);
  }
}
@media screen and (max-width: 1280px) and (max-width: 600px) {
  .profile .s1_wrapper .right_side_container .account_summary_parent .items_container .item {
    width: 100%;
  }
}
@media screen and (max-width: 1280px) {
  .profile .s1_wrapper .right_side_container .account_summary_parent .items_container .item .text_container h2 {
    font-size: 1.2em;
  }
  .profile .s1_wrapper .right_side_container .active_plans .plans_container .plan {
    width: 100%;
  }
}
@media screen and (max-width: 1280px) and (max-width: 768px) {
  .profile .s1_wrapper .right_side_container .active_plans .plans_container .plan form {
    display: flex;
    flex-direction: column;
    gap: 25px;
  }
  .profile .s1_wrapper .right_side_container .active_plans .plans_container .plan form .content_container {
    width: 100%;
  }
  .profile .s1_wrapper .right_side_container .active_plans .plans_container .plan form .img_container {
    width: 100%;
  }
}
@media screen and (max-width: 1280px) {
  .profile .s1_wrapper .right_side_container .active_plans .plans_container a {
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 5px;
  }
  .profile .s1_wrapper .right_side_container .active_plans .plans_container a button {
    padding: 12.5px 30px;
    background-color: #fc6e33;
    font-size: 1em;
    font-weight: 500;
    letter-spacing: 0.25px;
    color: #ffffff;
    border-radius: 5px;
    border: none;
    transition: 0.25s ease-in-out;
  }
  .profile .s1_wrapper .right_side_container .active_plans .plans_container a:hover button {
    background-color: #eb4a0b;
  }
}
@media screen and (max-width: 1280px) and (max-width: 768px) {
  .profile .s1_wrapper .right_side_container .active_plans .plans_container a:hover button {
    background-color: #fc6e33 !important;
  }
}
@media screen and (max-width: 1280px) {
  .profile .s1_wrapper .right_side_container .referal {
    width: 50%;
    padding: 25px;
    color: #808080;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 750px) {
  .profile .s1_wrapper .right_side_container .referal {
    width: 100% !important;
  }
}
@media screen and (max-width: 1280px) {
  .profile .s1_wrapper .right_side_container .referal h2 {
    color: #5a5a5a;
    font-size: 1.5em;
  }
  .profile .s1_wrapper .right_side_container .referal .input-container {
    display: flex;
    align-items: center;
    background: #f5f5f5;
    height: 50px;
    border-radius: 5px;
  }
  .profile .s1_wrapper .right_side_container .referal .input-container input[type=text] {
    flex: 1;
    border-radius: 5px 0 0 5px;
    height: 50px;
    padding: 0 10px;
    border: none;
    background: transparent;
    color: #808080;
    box-shadow: inset #e0e0e0 0px 0px 5px 0px;
  }
  .profile .s1_wrapper .right_side_container .referal .input-container button {
    width: 50px;
    height: 50px;
    background-color: white;
    color: #fc6e33;
    border: none;
    cursor: pointer;
    border: 1px solid #fc6e33;
    transition: 0.25s;
    border-radius: 0 5px 5px 0;
  }
  .profile .s1_wrapper .right_side_container .referal .input-container button:hover {
    background: #fc6e33;
    color: #ffffff;
  }
  .profile .s1_wrapper .copyright_message {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: start;
    align-items: center;
    background: #f5f5f5;
    margin-top: 25px;
    padding-left: 25px;
    border-radius: 4px;
  }
  .profile .s1_wrapper .copyright_message p {
    font-size: 0.9em;
    margin-bottom: 0px;
    color: #808080;
  }
}
.help .s1_to_3_bg {
  background: url(img/homepage_bg.png);
  background-position: center;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
}
.help .s1 {
  margin: 140px 0;
  color: #727272;
}
.help .s1_wrapper {
  display: flex;
  align-items: center;
}
.help .s1_wrapper .text_container {
  width: 100%;
  color: #1a1a1a;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.help .s1_wrapper .text_container h1 {
  font-size: clamp(2.5rem, -0.875rem + 8.333333vw, 3.75rem);
  font-weight: 700;
  margin: 12.5px 0;
}
.help .s1_wrapper .text_container h1 span {
  display: block;
}
@media screen and (max-width: 1060px) {
  .help .s1_wrapper .text_container h1 span {
    display: inline;
  }
}
.help .s1_wrapper .text_container a {
  margin-top: 25px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 100px;
}
.help .s1_wrapper .text_container a button {
  padding: 15px 40px;
  background-color: transparent;
  color: #1a1a1a;
  border: 2px solid #1a1a1a;
  font-weight: 600;
  font-size: 1.1em;
  letter-spacing: 1px;
  border-radius: 100px;
  transition: 0.25s ease-in-out;
  white-space: nowrap;
}
.help .s1_wrapper .text_container a:hover button {
  border: 2px solid #1a1a1a;
  color: #ffffff;
  background-color: #1a1a1a;
}
.help .s2 {
  margin: 140px 0;
}
.help .s2_wrapper .video_container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.help .s2_wrapper .video_container iframe {
  transition: 0.3s ease-in-out;
}
@media screen and (max-width: 768px) {
  .help .s2_wrapper .video_container iframe {
    transition: 0s;
  }
}
.help .s2_wrapper .video_container iframe:hover {
  transform: scale(1.05);
  box-shadow: 0px 0px 25px 2px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 768px) {
  .help .s2_wrapper .video_container iframe:hover {
    transform: scale(1);
    box-shadow: none;
  }
}
.help .s3 {
  margin: 140px 0 0 0;
}
.help .s3_wrapper {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 970px) {
  .help .s3_wrapper {
    flex-direction: column;
  }
}
.help .s3_wrapper .img_container {
  width: 50%;
  display: flex;
  justify-content: end;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 970px) {
  .help .s3_wrapper .img_container {
    width: 100%;
    justify-content: center;
  }
}
.help .s3_wrapper .img_container img {
  width: 65%;
  height: auto;
}
@media screen and (max-width: 970px) {
  .help .s3_wrapper .img_container img {
    width: 40%;
  }
}
@media screen and (max-width: 768px) {
  .help .s3_wrapper .img_container img {
    width: 55%;
  }
}
@media screen and (max-width: 970px) {
  .help .s3_wrapper {
    gap: 50px;
  }
}
.help .s3_wrapper .text_container {
  width: 60%;
  color: #1a1a1a;
}
@media screen and (max-width: 970px) {
  .help .s3_wrapper .text_container {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.help .s3_wrapper .text_container .subtitle {
  text-transform: uppercase;
  color: #4CCA8D;
  font-weight: 650;
  font-size: 1.1em;
  letter-spacing: 0.75px;
}
.help .s3_wrapper .text_container h2 {
  color: #1a1a1a;
  font-size: clamp(2.25rem, -0.875rem + 8.333333vw, 2.75rem);
  font-weight: 700;
  margin: 12.5px 0;
}
.help .s3_wrapper .text_container h2 span {
  font-weight: 700;
  color: #1a1a1a;
  display: block;
}
@media screen and (max-width: 970px) {
  .help .s3_wrapper .text_container h2 span {
    display: inline;
  }
}
.help .s3_wrapper .text_container p {
  line-height: 1.75em;
  margin-bottom: 30px;
  color: #727272;
  font-size: 1.1em;
  font-weight: 500;
}
.help .s3_wrapper .text_container a {
  margin-top: 25px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 100px;
}
.help .s3_wrapper .text_container a button {
  padding: 15px 40px;
  background-color: transparent;
  color: #1a1a1a;
  border: 2px solid #1a1a1a;
  font-weight: 600;
  font-size: 1.1em;
  letter-spacing: 1px;
  border-radius: 100px;
  transition: 0.25s ease-in-out;
  white-space: nowrap;
}
.help .s3_wrapper .text_container a:hover button {
  border: 2px solid #1a1a1a;
  color: #ffffff;
  background-color: #1a1a1a;
}
.help .s4 {
  padding: 140px 0 140px 0;
}
.help .s4_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.help .s4_wrapper .text_container {
  max-width: 525px;
  text-align: center;
  color: #1a1a1a;
}
.help .s4_wrapper .text_container h2 {
  color: #1a1a1a;
  font-size: clamp(2.25rem, -0.875rem + 8.333333vw, 2.75rem);
  font-weight: 700;
  margin: 12.5px 0;
}
.help .s4_wrapper .text_container h2 span {
  display: block;
}
.help .s4_wrapper .text_container a {
  margin-top: 25px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 100px;
}
.help .s4_wrapper .text_container a button {
  padding: 15px 40px;
  background-color: transparent;
  color: #1a1a1a;
  border: 2px solid #1a1a1a;
  font-weight: 600;
  font-size: 1.1em;
  letter-spacing: 1px;
  border-radius: 100px;
  transition: 0.25s ease-in-out;
}
.help .s4_wrapper .text_container a:hover button {
  border: 2px solid #1a1a1a;
  color: #ffffff;
  background-color: #1a1a1a;
}

#left_side_container {
  width: 22.5%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 50px;
}
#left_side_container .profile_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 100px;
  color: #ffffff;
}
#left_side_container .profile_container svg {
  width: 100px;
  height: 100px;
}
#left_side_container .profile_container svg path {
  fill: #ffffff;
}
#left_side_container .profile_container h2 {
  margin-top: 10px;
  font-size: 1.25em;
}
#left_side_container .profile_container .balance {
  color: #1a1a1a;
  background: #ffffff;
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  padding: 7.5px 30px;
  margin-top: 20px;
}
#left_side_container .grid_container {
  width: 87.5%;
  display: grid;
  grid-template-columns: auto auto;
  justify-content: space-between;
  gap: 35px;
  margin-bottom: 100px;
}
#left_side_container .grid_container .item_active {
  color: #ffffff;
  background-color: #fc6e33;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}
#left_side_container .grid_container .item_active svg path {
  stroke: #ffffff !important;
}
#left_side_container .grid_container .item_active .svg_fill path {
  fill: #ffffff !important;
  stroke: none !important;
}
#left_side_container .grid_container .item_active p {
  color: #ffffff !important;
}
#left_side_container .grid_container .item_active:hover p {
  color: #ffffff !important;
}
#left_side_container .grid_container .item_active:hover {
  transform: scale(1) !important;
}
#left_side_container .grid_container .item {
  color: #303030;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 100px;
  height: 100px;
  border-radius: 10px;
  text-decoration: none !important;
  cursor: pointer;
  transition: 0.25s;
}
#left_side_container .grid_container .item svg {
  width: 45% !important;
  height: 45% !important;
}
@media screen and (max-width: 1300px) {
  #left_side_container .grid_container .item svg {
    width: 40%;
    height: 40%;
  }
}
@media screen and (max-width: 1000px) {
  #left_side_container .grid_container .item svg {
    width: 37.5%;
    height: 37.5%;
  }
}
#left_side_container .grid_container .item p {
  text-align: center;
  margin: 0;
  font-size: 0.95em;
  color: #979797;
  transition: 0.2s;
  padding: 0 10px;
  margin: 0px;
}
#left_side_container .grid_container .item:hover p {
  color: #fc6e33;
}
#left_side_container .grid_container .item svg {
  transition: stroke 0.3s ease;
}
#left_side_container .grid_container .item svg path {
  stroke: #979797;
  transition: 0.2s;
}
#left_side_container .grid_container .item .shining-stroke {
  stroke: #979797;
  stroke-dasharray: 150;
  stroke-dashoffset: 150;
  animation: dash 2s linear infinite, shine 2s linear infinite;
}
#left_side_container .grid_container .item .hover-shine-svg:hover .shining-stroke {
  stroke: #4CCA8D;
}
@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes shine {
  0% {
    stroke: #4CCA8D;
  }
  50% {
    stroke: #fff;
  }
  100% {
    stroke: #4CCA8D;
  }
}
#left_side_container .grid_container .item:hover .shining-stroke {
  stroke: #4CCA8D;
}
#left_side_container .grid_container .item:hover .referrals {
  color: #4CCA8D !important;
}
#left_side_container .grid_container .item .referrals {
  background-color: transparent !important;
}
#left_side_container .grid_container .item .svg_fill path {
  fill: #979797;
  stroke: none;
  transition: 0.2s;
}
#left_side_container .grid_container .item:hover svg path {
  stroke: #fc6e33;
}
#left_side_container .grid_container .item:hover .svg_fill path {
  fill: #fc6e33;
  stroke: none;
}
#left_side_container .grid_container .item:hover {
  transform: scale(1.05);
}
#left_side_container .grid_container .item_active:hover .referrals {
  color: #ffffff !important;
}
#left_side_container .contact_banner {
  width: 100%;
  padding: 25px;
  background: linear-gradient(45deg, #FFAD00, #FFF700);
  border-radius: 10px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
#left_side_container .contact_banner_wrapper {
  color: #ffffff;
}
#left_side_container .contact_banner_wrapper h3 {
  margin-bottom: 25px;
}
#left_side_container .contact_banner_wrapper p {
  margin-bottom: 25px;
  line-height: 1.5em;
}
#left_side_container .contact_banner_wrapper a {
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 100px;
}
#left_side_container .contact_banner_wrapper a button {
  width: 100%;
  padding: 12.5px 0;
  background-color: #ffffff;
  font-size: 1.1em;
  font-weight: 500;
  letter-spacing: 0.25px;
  color: #1a1a1a;
  border-radius: 100px;
  border: none;
  transition: 0.25s ease-in-out;
}
#left_side_container .contact_banner_wrapper a:hover button {
  background-color: #f0f0f0;
}
@media screen and (max-width: 768px) {
  #left_side_container .contact_banner_wrapper a:hover button {
    background-color: #ffffff !important;
  }
}

@media screen and (max-width: 1280px) {
  #left_side_container {
    padding-top: 40px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 1000px) {
  #left_side_container {
    display: none;
    width: 100% !important;
  }
}
@media screen and (max-width: 1280px) and (max-width: 1000px) {
  #left_side_container .grid_container {
    width: 50% !important;
  }
}
@media screen and (max-width: 1280px) {
  #left_side_container .grid_container .item_active {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
  }
  #left_side_container .grid_container .item {
    gap: 5px;
    width: 80px;
    height: 80px;
    border-radius: 8px;
    transition: 0.25s;
  }
  #left_side_container .grid_container .item:hover {
    transform: scale(1.04);
  }
}
.login .s1 {
  width: 100%;
  min-height: 100svh;
  padding: 75px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fffaec;
}
.login .s1 .wrapper_container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.login .s1 .wrapper_container .wrapper {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.login .s1 .wrapper_container .wrapper a {
  margin-bottom: 25px;
  text-decoration: none;
  color: #1a1a1a;
  width: -moz-fit-content;
  width: fit-content;
}
.login .s1 .wrapper_container .wrapper a img {
  width: auto;
  height: 100%;
}
.login .s1 .wrapper_container .wrapper .content_container {
  width: 450px;
  background: #ffffff;
  padding: 50px;
  border-radius: 10px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}
.login .s1 .wrapper_container .wrapper .content_container h2 {
  text-align: center;
  font-size: 1.5em;
  margin-bottom: 25px;
}
.login .s1 .wrapper_container .wrapper .content_container #errorMessages {
  animation: slideDownError 0.25s linear;
  position: absolute;
  z-index: 1000;
  top: 5%;
  right: 50%;
  transform: translateX(50%);
  color: red;
  background-color: #fdd;
  border: 1px solid red;
  border-radius: 5px;
  padding: 10px 20px;
  display: block;
}
.login .s1 .wrapper_container .wrapper .content_container #errorMessages p {
  color: red;
  margin: 0px;
}
.login .s1 .wrapper_container .wrapper .content_container form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 27px;
}
.login .s1 .wrapper_container .wrapper .content_container form .field_contianer {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
  position: relative;
}
.login .s1 .wrapper_container .wrapper .content_container form .field_contianer .input {
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  margin: 0;
  border: 1px solid #dddddd;
  height: 40px;
  border-radius: 4px;
  padding: 0 15px 0 40px;
}
.login .s1 .wrapper_container .wrapper .content_container form .field_contianer .input::-moz-placeholder {
  color: #8a8a8a;
}
.login .s1 .wrapper_container .wrapper .content_container form .field_contianer .input::placeholder {
  color: #8a8a8a;
}
.login .s1 .wrapper_container .wrapper .content_container form .field_contianer .input:focus {
  outline: none;
  border: 1px solid #FA4F09;
}
.login .s1 .wrapper_container .wrapper .content_container form .field_contianer select {
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  margin: 0;
  border: 1px solid #dddddd;
  height: 40px;
  border-radius: 4px;
  padding: 0 15px 0 15px;
  background-color: white;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000000'%3E%3Cpath d='M12 15.41l5.293-5.293 1.414 1.414L12 18.23 5.293 11.707l1.414-1.414z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) center;
  background-size: 15px;
}
.login .s1 .wrapper_container .wrapper .content_container form .field_contianer select::-moz-placeholder {
  color: #8a8a8a;
}
.login .s1 .wrapper_container .wrapper .content_container form .field_contianer select::placeholder {
  color: #8a8a8a;
}
.login .s1 .wrapper_container .wrapper .content_container form .field_contianer select:focus {
  outline: none;
  border: 1px solid #FA4F09;
}
.login .s1 .wrapper_container .wrapper .content_container form .field_contianer i {
  font-size: 15px;
  color: #2c2c2c;
  position: absolute;
  bottom: 12.5px;
  left: 15px;
}
.login .s1 .wrapper_container .wrapper .content_container form .field_contianer .label {
  width: 100%;
  font-weight: 500;
}
.login .s1 .wrapper_container .wrapper .content_container form input[value="Log In"] {
  width: 100%;
  background-color: #FA4F09;
  color: #ffffff;
  border: 1px solid #FA4F09;
  font-size: 1.05em;
  font-weight: 500;
  letter-spacing: 0.3px;
  padding: 12.5px 35px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px 0px rgba(26, 26, 26, 0.25);
  transition: 0.25s;
}
.login .s1 .wrapper_container .wrapper .content_container form input[value="Log In"]:hover {
  background-color: #eb4a0b;
}
.login .s1 .wrapper_container .wrapper .content_container form .remember_forgot {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.login .s1 .wrapper_container .wrapper .content_container form .remember_forgot div {
  display: flex;
  align-items: center;
  gap: 10px;
}
.login .s1 .wrapper_container .wrapper .content_container form .remember_forgot div input[type=checkbox] {
  width: 16px;
  height: 16px;
  border: 1px solid #dddddd !important;
}
.login .s1 .wrapper_container .wrapper .content_container form .remember_forgot a {
  color: #1a1a1a;
  text-decoration: none;
}
.login .s1 .wrapper_container .wrapper .content_container .signup_sentence {
  text-align: center;
  margin-top: 50px;
  color: #3d3d3d;
  font-size: 0.925em;
}
.login .s1 .wrapper_container .wrapper .content_container .signup_sentence a {
  color: #3d3d3d;
  text-decoration: none;
  font-weight: 500;
}
.login .s1 .wrapper_container .wrapper .content_container .copyright_message {
  text-align: center;
  margin-top: 35px;
  color: #3d3d3d;
  font-size: 0.975em;
}

@media screen and (max-width: 620px) {
  .login .s1 .wrapper_container .wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .login .s1 .wrapper_container .wrapper h1 {
    font-size: 1.25em;
    text-align: center;
    margin-bottom: 25px;
  }
  .login .s1 .wrapper_container .wrapper .content_container {
    width: 90% !important;
    padding: 50px;
  }
  .login .s1 .wrapper_container .wrapper .content_container form input[value="Log In"] {
    transition: 0s;
  }
  .login .s1 .wrapper_container .wrapper .content_container form input[value="Log In"]:hover {
    background-color: #FA4F09;
  }
}
@media screen and (max-width: 620px) and (max-width: 400px) {
  .login .s1 .wrapper_container .wrapper .content_container form .remember_forgot div {
    font-size: 0.85em;
  }
  .login .s1 .wrapper_container .wrapper .content_container form .remember_forgot a {
    font-size: 0.85em;
  }
}
@media screen and (max-width: 620px) {
  .login .s1 .wrapper_container .wrapper .content_container .copyright_message {
    font-size: 0.9em;
  }
}
@media screen and (max-width: 620px) and (max-width: 400px) {
  .login .s1 .wrapper_container .wrapper .content_container .copyright_message {
    font-size: 0.85em;
  }
}
.signup .s1 {
  width: 100%;
  min-height: 100svh;
  padding: 75px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fffaec;
}
.signup .s1 .wrapper_container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.signup .s1 .wrapper_container .wrapper {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.signup .s1 .wrapper_container .wrapper a {
  margin-bottom: 25px;
  text-decoration: none;
  color: #1a1a1a;
  width: -moz-fit-content;
  width: fit-content;
}
.signup .s1 .wrapper_container .wrapper a img {
  width: auto;
  height: 100%;
}
.signup .s1 .wrapper_container .wrapper .content_container {
  width: 450px;
  background: #ffffff;
  padding: 50px;
  border-radius: 10px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}
.signup .s1 .wrapper_container .wrapper .content_container h2 {
  text-align: center;
  font-size: 1.5em;
  margin-bottom: 25px;
}
.signup .s1 .wrapper_container .wrapper .content_container .error-messages {
  animation: slideDownError 0.25s linear;
  position: absolute;
  z-index: 999;
  top: 5%;
  right: 50%;
  transform: translateX(50%);
  color: red;
  background-color: #fdd;
  border: 1px solid red;
  border-radius: 5px;
  padding: 10px 20px;
  display: none;
}
.signup .s1 .wrapper_container .wrapper .content_container .error-messages div {
  margin: 0;
}
.signup .s1 .wrapper_container .wrapper .content_container .error-messages div p {
  color: red;
  margin: 10px 0;
}
.signup .s1 .wrapper_container .wrapper .content_container .error-messages p {
  margin: 0px;
}
.signup .s1 .wrapper_container .wrapper .content_container form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 27px;
}
.signup .s1 .wrapper_container .wrapper .content_container form .field_contianer {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
  position: relative;
}
.signup .s1 .wrapper_container .wrapper .content_container form .field_contianer .input {
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  margin: 0;
  border: 1px solid #dddddd;
  height: 40px;
  border-radius: 4px;
  padding: 0 15px 0 40px;
}
.signup .s1 .wrapper_container .wrapper .content_container form .field_contianer .input::-moz-placeholder {
  color: #8a8a8a;
}
.signup .s1 .wrapper_container .wrapper .content_container form .field_contianer .input::placeholder {
  color: #8a8a8a;
}
.signup .s1 .wrapper_container .wrapper .content_container form .field_contianer .input:focus {
  outline: none;
  border: 1px solid #FA4F09;
}
.signup .s1 .wrapper_container .wrapper .content_container form .field_contianer select {
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  margin: 0;
  border: 1px solid #dddddd;
  height: 40px;
  border-radius: 4px;
  padding: 0 15px 0 15px;
  background-color: white;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000000'%3E%3Cpath d='M12 15.41l5.293-5.293 1.414 1.414L12 18.23 5.293 11.707l1.414-1.414z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) center;
  background-size: 15px;
}
.signup .s1 .wrapper_container .wrapper .content_container form .field_contianer select::-moz-placeholder {
  color: #8a8a8a;
}
.signup .s1 .wrapper_container .wrapper .content_container form .field_contianer select::placeholder {
  color: #8a8a8a;
}
.signup .s1 .wrapper_container .wrapper .content_container form .field_contianer select:focus {
  outline: none;
  border: 1px solid #FA4F09;
}
.signup .s1 .wrapper_container .wrapper .content_container form .field_contianer i {
  font-size: 15px;
  color: #2c2c2c;
  position: absolute;
  bottom: 12.5px;
  left: 15px;
}
.signup .s1 .wrapper_container .wrapper .content_container form .field_contianer .label {
  width: 100%;
  font-weight: 500;
}
.signup .s1 .wrapper_container .wrapper .content_container form input[value=Register] {
  width: 100%;
  background-color: #FA4F09;
  color: #ffffff;
  border: 1px solid #FA4F09;
  font-size: 1.05em;
  font-weight: 500;
  letter-spacing: 0.3px;
  padding: 12.5px 35px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px 0px rgba(26, 26, 26, 0.25);
  transition: 0.25s;
}
.signup .s1 .wrapper_container .wrapper .content_container form input[value=Register]:hover {
  background-color: #eb4a0b;
}
.signup .s1 .wrapper_container .wrapper .content_container form .TermsConditions {
  display: flex;
}
.signup .s1 .wrapper_container .wrapper .content_container form .TermsConditions span {
  margin: 0px;
  color: #1a1a1a;
  margin-left: 10px;
}
.signup .s1 .wrapper_container .wrapper .content_container form .TermsConditions span .terms_conditions {
  margin-left: 0px !important;
  color: #1a1a1a;
  font-weight: 500;
  cursor: pointer;
}
.signup .s1 .wrapper_container .wrapper .content_container form .TermsConditions .checkbox-wrapper-19 {
  width: -moz-fit-content !important;
  width: fit-content !important;
  box-sizing: border-box;
  --background-color: #fff;
  --checkbox-height: 25px;
}
.signup .s1 .wrapper_container .wrapper .content_container form .TermsConditions .checkbox-wrapper-19 label {
  border-width: 1px !important;
}
@keyframes dothabottomcheck-19 {
  0% {
    height: 0;
  }
  100% {
    height: calc(var(--checkbox-height) / 2);
  }
}
@keyframes dothatopcheck-19 {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: calc(var(--checkbox-height) * 1.2);
  }
}
.signup .s1 .wrapper_container .wrapper .content_container form .TermsConditions .checkbox-wrapper-19 input[type=checkbox] {
  display: none;
}
.signup .s1 .wrapper_container .wrapper .content_container form .TermsConditions .checkbox-wrapper-19 .check-box {
  height: var(--checkbox-height);
  width: var(--checkbox-height);
  background-color: transparent;
  border: calc(var(--checkbox-height) * 0.1) solid #000;
  border-radius: 5px;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  transition: border-color ease 0.2s;
  cursor: pointer;
}
.signup .s1 .wrapper_container .wrapper .content_container form .TermsConditions .checkbox-wrapper-19 .check-box::before,
.signup .s1 .wrapper_container .wrapper .content_container form .TermsConditions .checkbox-wrapper-19 .check-box::after {
  box-sizing: border-box;
  position: absolute;
  height: 0;
  width: calc(var(--checkbox-height) * 0.2);
  background-color: #FA4F09;
  display: inline-block;
  transform-origin: left top;
  border-radius: 5px;
  content: " ";
  transition: opacity ease 0.5;
}
.signup .s1 .wrapper_container .wrapper .content_container form .TermsConditions .checkbox-wrapper-19 .check-box::before {
  top: calc(var(--checkbox-height) * 0.72);
  left: calc(var(--checkbox-height) * 0.41);
  box-shadow: 0 0 0 calc(var(--checkbox-height) * 0.05) var(--background-color);
  transform: rotate(-135deg);
}
.signup .s1 .wrapper_container .wrapper .content_container form .TermsConditions .checkbox-wrapper-19 .check-box::after {
  top: calc(var(--checkbox-height) * 0.37);
  left: calc(var(--checkbox-height) * 0.05);
  transform: rotate(-45deg);
}
.signup .s1 .wrapper_container .wrapper .content_container form .TermsConditions .checkbox-wrapper-19 input[type=checkbox]:checked + .check-box,
.signup .s1 .wrapper_container .wrapper .content_container form .TermsConditions .checkbox-wrapper-19 .check-box.checked {
  border-color: #FA4F09;
}
.signup .s1 .wrapper_container .wrapper .content_container form .TermsConditions .checkbox-wrapper-19 input[type=checkbox]:checked + .check-box::after,
.signup .s1 .wrapper_container .wrapper .content_container form .TermsConditions .checkbox-wrapper-19 .check-box.checked::after {
  height: calc(var(--checkbox-height) / 2);
  animation: dothabottomcheck-19 0.2s ease 0s forwards;
}
.signup .s1 .wrapper_container .wrapper .content_container form .TermsConditions .checkbox-wrapper-19 input[type=checkbox]:checked + .check-box::before,
.signup .s1 .wrapper_container .wrapper .content_container form .TermsConditions .checkbox-wrapper-19 .check-box.checked::before {
  height: calc(var(--checkbox-height) * 1.2);
  animation: dothatopcheck-19 0.4s ease 0s forwards;
}
.signup .s1 .wrapper_container .wrapper .login_sentence {
  text-align: center;
  margin-top: 50px;
  color: #3d3d3d;
  font-size: 0.925em;
}
.signup .s1 .wrapper_container .wrapper .login_sentence a {
  color: #3d3d3d;
  text-decoration: none;
  font-weight: 500;
}
.signup .s1 .wrapper_container .wrapper .copyright_message {
  text-align: center;
  margin-top: 35px;
  color: #3d3d3d;
  font-size: 0.975em;
}
.signup .terms_and_conditions {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}
.signup .terms_and_conditions {
  backdrop-filter: blur(10px) saturate(120%);
  -webkit-backdrop-filter: blur(10px) saturate(120%);
  background-color: rgba(150, 150, 150, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.125);
}
.signup .terms_and_conditions_wrapper {
  width: 50%;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px 50px 50px 50px;
  position: relative;
  border-radius: 5px;
  box-shadow: 0px 0px 25px 5px rgba(0, 0, 0, 0.125);
}
@media screen and (max-width: 450px) {
  .signup .terms_and_conditions_wrapper {
    padding: 35px;
  }
}
.signup .terms_and_conditions_wrapper h2 {
  padding: 50px 0;
  color: #FA4F09;
  margin: 0px;
}
.signup .terms_and_conditions_wrapper .fa-xmark {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 1.25em;
  cursor: pointer !important;
  color: #888;
  transition: 0.25s;
}
.signup .terms_and_conditions_wrapper .fa-xmark:hover {
  color: #FA4F09;
}
@media screen and (max-width: 768px) {
  .signup .terms_and_conditions_wrapper .fa-xmark:hover {
    color: #888;
  }
}
.signup .terms_and_conditions_wrapper .scroll {
  height: 500px;
  overflow-y: scroll;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.signup .terms_and_conditions_wrapper .scroll::-webkit-scrollbar {
  width: 8px;
}
.signup .terms_and_conditions_wrapper .scroll::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}
.signup .terms_and_conditions_wrapper .scroll::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}
.signup .terms_and_conditions_wrapper .scroll::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.signup .terms_and_conditions_wrapper .scroll p {
  color: #808080;
  font-size: 1.075em;
  line-height: 1.6em;
  width: 95%;
}

@media screen and (max-width: 620px) {
  .signup .s1 .wrapper_container .wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .signup .s1 .wrapper_container .wrapper h1 {
    font-size: 1.25em;
    text-align: center;
    margin-bottom: 25px;
  }
  .signup .s1 .wrapper_container .wrapper .content_container {
    width: 90% !important;
    padding: 50px;
  }
  .signup .s1 .wrapper_container .wrapper .content_container form input[value=Register] {
    transition: 0s;
  }
  .signup .s1 .wrapper_container .wrapper .content_container form input[value=Register]:hover {
    background-color: #FA4F09;
  }
  .signup .s1 .wrapper_container .wrapper .content_container .copyright_message {
    font-size: 0.9em;
  }
}
@media screen and (max-width: 620px) and (max-width: 400px) {
  .signup .s1 .wrapper_container .wrapper .content_container .copyright_message {
    font-size: 0.85em;
  }
}
.homepage .s1_to_3_bg {
  background: url(img/homepage_bg.png);
  background-position: center;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
}
.homepage .s1 {
  margin: 140px 0;
  color: #727272;
}
.homepage .s1_wrapper {
  display: flex;
  align-items: center;
}
.homepage .s1_wrapper .text_container {
  width: 45%;
  color: #1a1a1a;
}
.homepage .s1_wrapper .text_container .subtitle {
  text-transform: uppercase;
  color: #4CCA8D;
  font-weight: 650;
  font-size: 1.1em;
  letter-spacing: 0.75px;
}
.homepage .s1_wrapper .text_container h1 {
  font-size: clamp(2.75rem, -0.875rem + 8.333333vw, 3.75rem);
  font-weight: 700;
  margin: 12.5px 0;
}
.homepage .s1_wrapper .text_container h1 span {
  font-weight: 700;
  color: #1a1a1a;
  display: block;
}
.homepage .s1_wrapper .text_container p {
  line-height: 1.75em;
  margin-bottom: 30px;
  color: #727272;
  font-size: 1.1em;
  font-weight: 500;
}
.homepage .s1_wrapper .text_container a {
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 100px;
}
.homepage .s1_wrapper .text_container a button {
  padding: 15px 40px;
  background-color: #FA4F09;
  font-size: 1.1em;
  font-weight: 500;
  letter-spacing: 1px;
  color: #ffffff;
  border-radius: 100px;
  border: none;
  transition: 0.25s ease-in-out;
}
.homepage .s1_wrapper .text_container a:hover button {
  background-color: #eb4a0b;
}
.homepage .s1_wrapper .img_container {
  width: 50%;
  height: 100%;
  position: relative;
}
.homepage .s1_wrapper .img_container img {
  width: 100%;
  height: auto;
}
.homepage .s1_wrapper .img_container .coin {
  position: absolute;
  width: -moz-fit-content;
  width: fit-content;
  animation: coinMoving 5s ease-in-out forwards infinite;
}
.homepage .s1_wrapper .img_container .coin img {
  width: 75px;
  height: auto;
}
@media screen and (max-width: 1050px) {
  .homepage .s1_wrapper .img_container .coin img {
    width: 65px;
  }
}
@media screen and (max-width: 600px) {
  .homepage .s1_wrapper .img_container .coin img {
    width: 55px;
  }
}
@media screen and (max-width: 400px) {
  .homepage .s1_wrapper .img_container .coin img {
    width: 45px;
  }
}
.homepage .s1_wrapper .img_container .coin1 {
  top: 10%;
  left: 0%;
}
@media screen and (max-width: 1050px) {
  .homepage .s1_wrapper .img_container .coin1 {
    top: 20%;
  }
}
.homepage .s1_wrapper .img_container .coin1 img {
  width: 60px;
}
@media screen and (max-width: 1050px) {
  .homepage .s1_wrapper .img_container .coin1 img {
    width: 50px;
  }
}
@media screen and (max-width: 600px) {
  .homepage .s1_wrapper .img_container .coin1 img {
    width: 40px;
  }
}
@media screen and (max-width: 400px) {
  .homepage .s1_wrapper .img_container .coin1 img {
    width: 30px;
  }
}
.homepage .s1_wrapper .img_container .coin2 {
  top: -15%;
  left: 30%;
}
@media screen and (max-width: 1050px) {
  .homepage .s1_wrapper .img_container .coin2 {
    top: -5%;
  }
}
.homepage .s1_wrapper .img_container .coin3 {
  top: -10%;
  left: 55%;
}
@media screen and (max-width: 1050px) {
  .homepage .s1_wrapper .img_container .coin3 {
    top: 0%;
  }
}
.homepage .s1_wrapper .img_container .coin3 img {
  width: 100px;
}
@media screen and (max-width: 1050px) {
  .homepage .s1_wrapper .img_container .coin3 img {
    width: 90px;
  }
}
@media screen and (max-width: 600px) {
  .homepage .s1_wrapper .img_container .coin3 img {
    width: 80px;
  }
}
@media screen and (max-width: 400px) {
  .homepage .s1_wrapper .img_container .coin3 img {
    width: 70px;
  }
}
.homepage .s1_wrapper .img_container .coin4 {
  top: -10%;
  right: 0%;
}
@media screen and (max-width: 1050px) {
  .homepage .s1_wrapper .img_container .coin4 {
    top: 0%;
  }
}
.homepage .s1_wrapper .img_container .coin4 img {
  width: 60px;
}
@media screen and (max-width: 1050px) {
  .homepage .s1_wrapper .img_container .coin4 img {
    width: 50px;
  }
}
@media screen and (max-width: 600px) {
  .homepage .s1_wrapper .img_container .coin4 img {
    width: 40px;
  }
}
@media screen and (max-width: 400px) {
  .homepage .s1_wrapper .img_container .coin4 img {
    width: 30px;
  }
}
.homepage .s2 {
  margin: 140px 0;
}
.homepage .s2_wrapper {
  display: flex;
  background: #ffffff;
  padding: 100px 100px;
  border-radius: 50px;
  gap: 75px;
}
.homepage .s2_wrapper .item_container {
  width: 33.3333333333%;
  display: flex;
  align-items: center;
  gap: 20px;
}
.homepage .s2_wrapper .item_container .img_container {
  width: 30%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.homepage .s2_wrapper .item_container .img_container img {
  width: 100%;
  height: auto;
}
.homepage .s2_wrapper .item_container .text_container {
  width: 70%;
  color: #1a1a1a;
}
.homepage .s2_wrapper .item_container .text_container h4 {
  font-size: 1.2em;
  font-weight: 600;
  margin-bottom: 12.5px;
}
.homepage .s2_wrapper .item_container .text_container p {
  line-height: 1.4em;
  color: #727272;
  font-weight: 500;
}
.homepage .s3 {
  margin: 140px 0 0 0;
  padding-bottom: 140px;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.95), transparent, transparent, transparent);
}
.homepage .s3_wrapper {
  display: flex;
  align-items: center;
}
.homepage .s3_wrapper .img_container {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.homepage .s3_wrapper .img_container img {
  width: 65%;
  height: auto;
}
.homepage .s3_wrapper .img_container .coin {
  position: absolute;
  width: -moz-fit-content;
  width: fit-content;
  animation: coinMoving 5s ease-in-out forwards infinite;
}
.homepage .s3_wrapper .img_container .coin img {
  width: 55%;
  height: auto;
}
.homepage .s3_wrapper .img_container .coin2 {
  top: 0%;
  left: 15%;
}
@media screen and (max-width: 600px) {
  .homepage .s3_wrapper .img_container .coin2 {
    width: 125px !important;
  }
}
@media screen and (max-width: 550px) {
  .homepage .s3_wrapper .img_container .coin2 {
    width: 115px !important;
  }
}
@media screen and (max-width: 480px) {
  .homepage .s3_wrapper .img_container .coin2 {
    width: 95px !important;
  }
}
.homepage .s3_wrapper .img_container .coin3 {
  top: -5%;
  left: 55%;
}
.homepage .s3_wrapper .img_container .coin3 img {
  width: 35%;
}
.homepage .s3_wrapper .img_container .coin4 {
  top: 15%;
  right: -17.5%;
}
@media screen and (max-width: 1100px) {
  .homepage .s3_wrapper .img_container .coin4 {
    right: 0%;
    left: 85%;
  }
}
@media screen and (max-width: 1000px) {
  .homepage .s3_wrapper .img_container .coin4 {
    right: 0%;
    left: 85%;
  }
}
@media screen and (max-width: 768px) {
  .homepage .s3_wrapper .img_container .coin4 {
    right: 0%;
    left: 80%;
  }
}
.homepage .s3_wrapper .img_container .coin4 img {
  width: 30%;
}
@media screen and (max-width: 1100px) {
  .homepage .s3_wrapper .img_container .coin4 img {
    width: 55px !important;
  }
}
@media screen and (max-width: 1000px) {
  .homepage .s3_wrapper .img_container .coin4 img {
    width: 50px !important;
  }
}
.homepage .s3_wrapper .img_container .trading-graph {
  bottom: 27.5%;
  left: 0%;
}
.homepage .s3_wrapper .img_container .trading-graph img {
  width: 55%;
}
@media screen and (max-width: 1100px) {
  .homepage .s3_wrapper .img_container .trading-graph img {
    width: 150px !important;
  }
}
@media screen and (max-width: 1000px) {
  .homepage .s3_wrapper .img_container .trading-graph img {
    width: 130px !important;
  }
}
@media screen and (max-width: 800px) {
  .homepage .s3_wrapper .img_container .trading-graph img {
    width: 110px !important;
  }
}
@media screen and (max-width: 768px) {
  .homepage .s3_wrapper .img_container .trading-graph img {
    width: 150px !important;
  }
}
@media screen and (max-width: 560px) {
  .homepage .s3_wrapper .img_container .trading-graph img {
    width: 135px !important;
  }
}
@media screen and (max-width: 480px) {
  .homepage .s3_wrapper .img_container .trading-graph img {
    width: 110px !important;
  }
}
.homepage .s3_wrapper .img_container .stocks {
  bottom: -5%;
  right: 5%;
}
@media screen and (max-width: 1100px) {
  .homepage .s3_wrapper .img_container .stocks {
    right: 15%;
  }
}
.homepage .s3_wrapper .img_container .stocks img {
  width: 150px !important;
}
@media screen and (max-width: 1100px) {
  .homepage .s3_wrapper .img_container .stocks img {
    max-width: 96px;
  }
}
@media screen and (max-width: 1000px) {
  .homepage .s3_wrapper .img_container .stocks img {
    max-width: 100px !important;
  }
}
@media screen and (max-width: 768px) {
  .homepage .s3_wrapper .img_container .stocks img {
    max-width: 150px !important;
  }
}
@media screen and (max-width: 668px) {
  .homepage .s3_wrapper .img_container .stocks img {
    max-width: 130px !important;
  }
}
@media screen and (max-width: 600px) {
  .homepage .s3_wrapper .img_container .stocks img {
    max-width: 110px !important;
  }
}
@media screen and (max-width: 500px) {
  .homepage .s3_wrapper .img_container .stocks img {
    max-width: 95px !important;
  }
}
@media screen and (max-width: 400px) {
  .homepage .s3_wrapper .img_container .stocks img {
    max-width: 85px !important;
  }
}
.homepage .s3_wrapper .text_container {
  width: 45%;
  color: #1a1a1a;
}
.homepage .s3_wrapper .text_container .subtitle {
  text-transform: uppercase;
  color: #4CCA8D;
  font-weight: 650;
  font-size: 1.1em;
  letter-spacing: 0.75px;
}
.homepage .s3_wrapper .text_container h2 {
  color: #1a1a1a;
  font-size: clamp(2.25rem, -0.875rem + 8.333333vw, 2.75rem);
  font-weight: 700;
  margin: 12.5px 0;
}
.homepage .s3_wrapper .text_container h2 span {
  font-weight: 700;
  color: #1a1a1a;
  display: block;
}
.homepage .s3_wrapper .text_container p {
  line-height: 1.75em;
  margin-bottom: 30px;
  color: #727272;
  font-size: 1.1em;
  font-weight: 500;
}
.homepage .s3_wrapper .text_container a {
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 100px;
}
.homepage .s3_wrapper .text_container a button {
  padding: 15px 40px;
  background-color: #1a1a1a;
  font-size: 1.1em;
  font-weight: 500;
  letter-spacing: 1px;
  color: #ffffff;
  border-radius: 100px;
  border: none;
  transition: 0.25s ease-in-out;
}
.homepage .s3_wrapper .text_container a:hover button {
  background-color: #303030;
}
.homepage .s4 {
  margin: 140px 0 140px 0;
}
.homepage .s4_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.homepage .s4_wrapper .text_container {
  max-width: 525px;
  text-align: center;
}
.homepage .s4_wrapper .text_container span {
  text-transform: uppercase;
  color: #4CCA8D;
  font-weight: 650;
  font-size: 1.1em;
  letter-spacing: 0.75px;
}
.homepage .s4_wrapper .text_container h2 {
  color: #1a1a1a;
  font-size: clamp(2.25rem, -0.875rem + 8.333333vw, 2.75rem);
  font-weight: 700;
  margin: 12.5px 0;
}
.homepage .s4_wrapper .text_container p {
  line-height: 1.75em;
  margin-bottom: 30px;
  color: #727272;
  font-size: 1.1em;
  font-weight: 500;
}
.homepage .s4_wrapper .features_container {
  display: flex;
  justify-content: space-between;
}
.homepage .s4_wrapper .features_container .item {
  width: calc(25% - 25px);
  border-radius: 10px;
  background: #ffffff;
  padding: 25px 0;
  display: flex;
  justify-content: center;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.125);
}
.homepage .s4_wrapper .features_container .item_wrapper {
  width: calc(100% - 50px);
  text-align: center;
}
.homepage .s4_wrapper .features_container .item_wrapper .item_img_container {
  width: 100%;
  margin-bottom: 20px;
}
.homepage .s4_wrapper .features_container .item_wrapper .item_img_container img {
  width: 70%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .homepage .s4_wrapper .features_container .item_wrapper .item_img_container img {
    width: 60%;
  }
}
.homepage .s4_wrapper .features_container .item_wrapper .item_text_container h5 {
  margin-bottom: 10px;
  font-size: 1.25em;
  font-weight: 600;
  color: #1a1a1a;
}
.homepage .s4_wrapper .features_container .item_wrapper .item_text_container p {
  color: #727272;
  line-height: 1.4em;
  font-weight: 500;
}
.homepage .s_partners {
  margin: 140px 0 140px 0;
}
.homepage .s_partners .patners_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
.homepage .s_partners .patners_wrapper .text_container h2 {
  color: #1a1a1a;
  font-size: clamp(2.25rem, -0.875rem + 8.333333vw, 2.75rem);
  font-weight: 700;
}
.homepage .s_partners .patners_wrapper .logos_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 100px;
       column-gap: 100px;
}
@media screen and (max-width: 768px) {
  .homepage .s_partners .patners_wrapper .logos_container {
    -moz-column-gap: 0px;
         column-gap: 0px;
  }
}
@media screen and (max-width: 768px) {
  .homepage .s_partners .patners_wrapper .logos_container .larger {
    padding: 0px 20px;
  }
  .homepage .s_partners .patners_wrapper .logos_container .large {
    padding: 0px 10px;
  }
}
.homepage .s_partners .patners_wrapper .logos_container .logo_contianer {
  position: relative;
  width: 150px;
  aspect-ratio: 3/2;
  /* Set a 3:2 aspect ratio */
  display: flex;
  /* Ensures img fills the container */
  justify-content: center;
  align-items: center;
  transition: 0.25s;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .homepage .s_partners .patners_wrapper .logos_container .logo_contianer {
    width: 130px;
  }
}
.homepage .s_partners .patners_wrapper .logos_container .logo_contianer img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.homepage .s_partners .patners_wrapper .logos_container .logo_contianer:hover {
  transform: scale(1.1);
}
.homepage .s5 {
  padding: 20px 0;
}
.homepage .s6 {
  padding: 140px 0;
  background: url(img/homepage_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.homepage .s6_wrapper {
  display: flex;
  flex-direction: column;
}
.homepage .s6_wrapper .text_container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px;
}
.homepage .s6_wrapper .text_container .item {
  width: 45%;
}
.homepage .s6_wrapper .text_container .item1 .subtitle {
  color: #4CCA8D;
  font-weight: 550;
  font-size: 1.2em;
}
.homepage .s6_wrapper .text_container .item1 h2 {
  font-size: clamp(2.25rem, -0.875rem + 8.333333vw, 2.75rem);
  font-weight: 700;
  margin: 12.5px 0;
}
.homepage .s6_wrapper .text_container .item1 h2 span {
  font-weight: 700;
  color: #1a1a1a;
  display: block;
}
.homepage .s6_wrapper .text_container .item2 p {
  line-height: 1.75em;
  margin-bottom: 30px;
  color: #727272;
  font-size: 1.1em;
  font-weight: 500;
}
.homepage .s6_wrapper .news_section .news_section_title h2 {
  color: #1a1a1a;
  font-weight: 600;
  font-size: 1.75em;
}
@media screen and (max-width: 768px) {
  .homepage .s6_wrapper .news_section .news_section_title h2 {
    font-size: 1.5em;
  }
}
.homepage .s6_wrapper .news_section .news_container {
  height: 300px;
}
.homepage .s6_wrapper .news_section .news_container .overflow {
  height: 300px;
  overflow-y: scroll;
}
.homepage .s6_wrapper .news_section .news_container .overflow::-webkit-scrollbar {
  width: 5px;
}
.homepage .s6_wrapper .news_section .news_container .overflow::-webkit-scrollbar-track {
  background: transparent;
}
.homepage .s6_wrapper .news_section .news_container .overflow::-webkit-scrollbar-thumb {
  background: #868686;
  border-radius: 5px;
}
.homepage .s6_wrapper .news_section .news_container .overflow::-webkit-scrollbar-thumb:hover {
  background: #636363;
}
.homepage .s6_wrapper .news_section .news_container .overflow .news_carousel {
  width: calc(100% - 10px);
  display: grid;
  grid-template-columns: auto auto auto;
  justify-content: space-between;
  -moz-column-gap: 50px !important;
       column-gap: 50px !important;
  row-gap: 20px !important;
}
@media screen and (max-width: 1224px) {
  .homepage .s6_wrapper .news_section .news_container .overflow .news_carousel {
    grid-template-columns: auto auto;
  }
}
@media screen and (max-width: 768px) {
  .homepage .s6_wrapper .news_section .news_container .overflow .news_carousel {
    grid-template-columns: auto;
  }
}
.homepage .s6_wrapper .news_section .news_container .overflow .news_carousel .news {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.homepage .s6_wrapper .news_section .news_container .overflow .news_carousel .news .content_container {
  width: calc(100% - 100px);
}
.homepage .s6_wrapper .news_section .news_container .overflow .news_carousel .news .content_container .time_container span {
  color: #727272;
  font-size: 14px;
}
.homepage .s6_wrapper .news_section .news_container .overflow .news_carousel .news .content_container h4 {
  font-size: 0.9em;
  line-height: 1.4em;
  color: #1a1a1a;
}
.homepage .s6_wrapper .news_section .news_container .overflow .news_carousel .news .news_img_container {
  width: 100px;
  height: 66px;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2px;
}
.homepage .s6_wrapper .news_section .news_container .overflow .news_carousel .news .news_img_container img {
  border-radius: 10px;
  width: auto;
  min-width: 100px;
  min-height: 65px;
}
.homepage .s7 {
  margin: 140px 0;
}
.homepage .s7_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.homepage .s7_wrapper .text_container {
  width: 45%;
}
.homepage .s7_wrapper .text_container h2 {
  color: #4CCA8D;
  font-size: clamp(2.25rem, -0.875rem + 8.333333vw, 2.75rem);
  font-weight: 700;
  margin: 12.5px 0;
}
.homepage .s7_wrapper .text_container p {
  font-size: 1.2em;
  font-weight: 500;
}
.homepage .s7_wrapper .img_container {
  width: 45%;
  position: relative;
}
.homepage .s7_wrapper .img_container .coin {
  position: absolute;
  width: -moz-fit-content;
  width: fit-content;
  animation: coinMoving 5s ease-in-out forwards infinite;
}
.homepage .s7_wrapper .img_container .coin img {
  height: auto;
}
.homepage .s7_wrapper .img_container .coin1 {
  top: 25%;
  left: 7.5%;
}
@media screen and (max-width: 768px) {
  .homepage .s7_wrapper .img_container .coin1 {
    width: 65px;
    left: 12.5%;
  }
}
.homepage .s7_wrapper .img_container .coin1 img {
  width: 75px;
}
@media screen and (max-width: 1050px) {
  .homepage .s7_wrapper .img_container .coin1 img {
    width: 65px;
  }
}
@media screen and (max-width: 900px) {
  .homepage .s7_wrapper .img_container .coin1 img {
    width: 55px;
  }
}
@media screen and (max-width: 800px) {
  .homepage .s7_wrapper .img_container .coin1 img {
    width: 45px;
  }
}
@media screen and (max-width: 768px) {
  .homepage .s7_wrapper .img_container .coin1 img {
    width: 65px;
  }
}
@media screen and (max-width: 650px) {
  .homepage .s7_wrapper .img_container .coin1 img {
    width: 55px;
  }
}
@media screen and (max-width: 520px) {
  .homepage .s7_wrapper .img_container .coin1 img {
    width: 45px;
  }
}
@media screen and (max-width: 440px) {
  .homepage .s7_wrapper .img_container .coin1 img {
    width: 35px;
  }
}
.homepage .s7_wrapper .img_container .coin3 {
  top: 0%;
  left: 35%;
}
.homepage .s7_wrapper .img_container .coin3 img {
  width: 100px;
}
@media screen and (max-width: 1050px) {
  .homepage .s7_wrapper .img_container .coin3 img {
    width: 90px;
  }
}
@media screen and (max-width: 900px) {
  .homepage .s7_wrapper .img_container .coin3 img {
    width: 80px;
  }
}
@media screen and (max-width: 800px) {
  .homepage .s7_wrapper .img_container .coin3 img {
    width: 70px;
  }
}
@media screen and (max-width: 768px) {
  .homepage .s7_wrapper .img_container .coin3 img {
    width: 90px;
  }
}
@media screen and (max-width: 650px) {
  .homepage .s7_wrapper .img_container .coin3 img {
    width: 80px;
  }
}
@media screen and (max-width: 520px) {
  .homepage .s7_wrapper .img_container .coin3 img {
    width: 70px;
  }
}
@media screen and (max-width: 440px) {
  .homepage .s7_wrapper .img_container .coin3 img {
    width: 60px;
  }
}
.homepage .s7_wrapper .img_container img {
  width: 100%;
  height: auto;
}
.homepage .s8 {
  margin: 140px 0;
}
.homepage .s8_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.homepage .s8_wrapper .img_container {
  width: 45%;
  display: flex;
  justify-content: end;
}
.homepage .s8_wrapper .img_container img {
  width: auto;
  height: 100%;
}
.homepage .s8_wrapper .text_container {
  width: 50%;
}
.homepage .s8_wrapper .text_container span {
  text-transform: uppercase;
  color: #4CCA8D;
  font-weight: 650;
  font-size: 1.1em;
  letter-spacing: 0.75px;
}
.homepage .s8_wrapper .text_container h2 {
  font-size: clamp(2.25rem, -0.875rem + 8.333333vw, 2.75rem);
  font-weight: 700;
  margin: 12.5px 0;
}
.homepage .s8_wrapper .text_container p {
  color: #727272;
  line-height: 1.75em;
  margin: 25px 0;
  font-size: 1.1em;
  font-weight: 500;
}
.homepage .s8_wrapper .text_container a {
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 100px;
}
.homepage .s8_wrapper .text_container a button {
  padding: 15px 40px;
  background-color: #1a1a1a;
  font-size: 1.1em;
  font-weight: 500;
  letter-spacing: 1px;
  color: #ffffff;
  border-radius: 100px;
  border: none;
  transition: 0.25s ease-in-out;
}
.homepage .s8_wrapper .text_container a:hover button {
  background-color: #303030;
}
.homepage .s9 {
  margin: 0 0 140px 0;
}
.homepage .s9_wrapper {
  display: flex;
  justify-content: space-between;
}
.homepage .s9_wrapper .commentar {
  width: calc(33.3333333333% - 25px);
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.homepage .s9_wrapper .commentar_wrapper {
  margin: 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}
.homepage .s9_wrapper .commentar_wrapper .icons {
  margin-bottom: 20px;
}
.homepage .s9_wrapper .commentar_wrapper .icons .star-gradient {
  display: inline-block;
  font-size: 22.5px;
  background: linear-gradient(45deg, #ffcc00, #ff9900);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.homepage .s9_wrapper .commentar_wrapper p {
  margin-bottom: 50px;
  font-size: clamp(1.25rem, -0.875rem + 8.333333vw, 1.5rem);
}
.homepage .s9_wrapper .commentar_wrapper .profile_info {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: auto;
}
.homepage .s9_wrapper .commentar_wrapper .profile_info .name_username {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.homepage .s9_wrapper .commentar_wrapper .profile_info .name_username h6 {
  font-size: 1.25em;
  margin: 0;
}
.homepage .s9_wrapper .commentar_wrapper .profile_info .name_username span {
  color: #727272;
}
.homepage .s9_wrapper .commentar_wrapper .profile_info_img_contianer {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  overflow: hidden;
}
.homepage .s9_wrapper .commentar_wrapper .profile_info_img_contianer img {
  width: 100%;
  height: auto;
}
.homepage .s10 {
  padding: 140px 0;
  padding-bottom: 50px;
  position: relative;
  overflow: hidden;
}
.homepage .s10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(img/homepage_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.5;
  z-index: 0;
}
.homepage .s10_wrapper {
  display: flex;
  flex-direction: column;
  gap: 50px;
  z-index: 2;
}
.homepage .s10_wrapper .text_contianer {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: #1a1a1a;
}
.homepage .s10_wrapper .text_contianer span {
  text-transform: uppercase;
  color: #4CCA8D;
  font-weight: 650;
  font-size: 1.1em;
  letter-spacing: 0.75px;
}
.homepage .s10_wrapper .text_contianer h2 {
  font-size: clamp(2.25rem, -0.875rem + 8.333333vw, 2.75rem);
  font-weight: 700;
  margin: 12.5px 0;
}
.homepage .s10_wrapper .text_contianer p {
  color: #727272;
  font-weight: 500;
  font-size: 1.1em;
}
.homepage .s10_wrapper .faq_contianer {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.homepage .s10_wrapper .faq_contianer .item1_faq_wrapper,
.homepage .s10_wrapper .faq_contianer .item2_faq_wrapper {
  width: 45%;
}
.homepage .s10_wrapper .faq_contianer .item1_faq_wrapper .accordion-item,
.homepage .s10_wrapper .faq_contianer .item2_faq_wrapper .accordion-item {
  border: none;
  background: transparent !important;
}
.homepage .s10_wrapper .faq_contianer .item1_faq_wrapper .accordion-item .accordion-button,
.homepage .s10_wrapper .faq_contianer .item2_faq_wrapper .accordion-item .accordion-button {
  color: #1a1a1a;
  background-color: transparent !important;
  font-size: 21px;
  font-weight: 500;
  border: none;
  outline: none;
  box-shadow: none;
  position: relative;
  border-bottom: 1px solid rgba(114, 114, 114, 0.1);
}
.homepage .s10_wrapper .faq_contianer .item1_faq_wrapper .accordion-item .accordion-button::after,
.homepage .s10_wrapper .faq_contianer .item2_faq_wrapper .accordion-item .accordion-button::after {
  content: none;
}
.homepage .s10_wrapper .faq_contianer .item1_faq_wrapper .accordion-item .accordion-button .custom-arrow,
.homepage .s10_wrapper .faq_contianer .item2_faq_wrapper .accordion-item .accordion-button .custom-arrow {
  content: "";
  border: solid #1a1a1a;
  border-width: 0 2px 2px 0;
  padding: 4px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  transition: all 0.3s ease;
}
.homepage .s10_wrapper .faq_contianer .item1_faq_wrapper .accordion-item .accordion-button.collapsed,
.homepage .s10_wrapper .faq_contianer .item2_faq_wrapper .accordion-item .accordion-button.collapsed {
  color: #1a1a1a;
}
.homepage .s10_wrapper .faq_contianer .item1_faq_wrapper .accordion-item .accordion-button.collapsed .custom-arrow,
.homepage .s10_wrapper .faq_contianer .item2_faq_wrapper .accordion-item .accordion-button.collapsed .custom-arrow {
  transform: translateY(-50%) rotate(45deg);
  border-color: #1a1a1a;
}
.homepage .s10_wrapper .faq_contianer .item1_faq_wrapper .accordion-item .accordion-button:not(.collapsed),
.homepage .s10_wrapper .faq_contianer .item2_faq_wrapper .accordion-item .accordion-button:not(.collapsed) {
  color: #FA4F09;
}
.homepage .s10_wrapper .faq_contianer .item1_faq_wrapper .accordion-item .accordion-button:not(.collapsed) .custom-arrow,
.homepage .s10_wrapper .faq_contianer .item2_faq_wrapper .accordion-item .accordion-button:not(.collapsed) .custom-arrow {
  transform: translateY(-50%) rotate(-135deg);
  border-color: #FA4F09;
}
.homepage .s10_wrapper .banner {
  margin: 50px 0;
}
.homepage .s10_wrapper .banner .banner_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 50px;
  border-radius: 25px;
  background-color: #fff;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 950px) {
  .homepage .s10_wrapper .banner .banner_wrapper {
    flex-direction: column;
    gap: 75px;
  }
}
.homepage .s10_wrapper .banner .banner_wrapper .text_contianer {
  width: 50%;
  color: #1a1a1a;
  display: flex;
  flex-direction: column;
  align-items: start;
  text-align: left;
  gap: 20px;
}
@media screen and (max-width: 950px) {
  .homepage .s10_wrapper .banner .banner_wrapper .text_contianer {
    width: 100%;
    text-align: center;
    align-items: center;
  }
}
.homepage .s10_wrapper .banner .banner_wrapper .text_contianer h2 {
  font-weight: 600;
  font-size: clamp(2rem, -0.875rem + 8.333333vw, 2.5rem);
}
.homepage .s10_wrapper .banner .banner_wrapper .text_contianer h2 span {
  color: #4CCA8D;
}
.homepage .s10_wrapper .banner .banner_wrapper .text_contianer p {
  line-height: 1.4em;
  font-size: 1.05em;
}
.homepage .s10_wrapper .banner .banner_wrapper .text_contianer a {
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 5px;
}
.homepage .s10_wrapper .banner .banner_wrapper .text_contianer a button {
  padding: 12.5px 40px;
  border: 2px solid #1a1a1a;
  background-color: #1a1a1a;
  border-radius: 5px;
  color: #ffffff;
  font-size: 1.05em;
  font-weight: 500;
  letter-spacing: 0.5px;
  transition: 0.25s;
}
.homepage .s10_wrapper .banner .banner_wrapper .text_contianer a:hover button {
  border: 2px solid #1a1a1a;
  background-color: transparent;
  color: #1a1a1a;
}
.homepage .s10_wrapper .banner .banner_wrapper .img_container {
  width: 45%;
  display: flex;
  justify-content: end;
}
@media screen and (max-width: 950px) {
  .homepage .s10_wrapper .banner .banner_wrapper .img_container {
    width: 100%;
    justify-content: center;
  }
}
.homepage .s10_wrapper .banner .banner_wrapper .img_container img {
  width: 65%;
  height: auto;
}
@media screen and (max-width: 1200px) {
  .homepage .s10_wrapper .banner .banner_wrapper .img_container img {
    width: 75%;
  }
}
@media screen and (max-width: 1000px) {
  .homepage .s10_wrapper .banner .banner_wrapper .img_container img {
    width: 85%;
  }
}
@media screen and (max-width: 950px) {
  .homepage .s10_wrapper .banner .banner_wrapper .img_container img {
    width: 45% !important;
  }
}
@media screen and (max-width: 768px) {
  .homepage .s10_wrapper .banner .banner_wrapper .img_container img {
    width: 55% !important;
  }
}
@media screen and (max-width: 650px) {
  .homepage .s10_wrapper .banner .banner_wrapper .img_container img {
    width: 70% !important;
  }
}
@media screen and (max-width: 525px) {
  .homepage .s10_wrapper .banner .banner_wrapper .img_container img {
    width: 85% !important;
  }
}
@media screen and (max-width: 425px) {
  .homepage .s10_wrapper .banner .banner_wrapper .img_container img {
    width: 95% !important;
  }
}
@media screen and (max-width: 400px) {
  .homepage .s10_wrapper .banner .banner_wrapper .img_container img {
    width: 100% !important;
  }
}
.homepage .popup_container {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}
.homepage .popup_container {
  backdrop-filter: blur(10px) saturate(120%);
  -webkit-backdrop-filter: blur(10px) saturate(120%);
  background-color: rgba(150, 150, 150, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.125);
}
.homepage .popup_container .popup_wrapper {
  max-width: 450px;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  padding: 50px;
  position: relative;
  border-radius: 5px;
  box-shadow: 0px 0px 25px 5px rgba(0, 0, 0, 0.125);
}
@media screen and (max-width: 450px) {
  .homepage .popup_container .popup_wrapper {
    padding: 35px;
  }
}
.homepage .popup_container .popup_wrapper h3 {
  color: #FA4F09;
  text-align: center;
}
.homepage .popup_container .popup_wrapper p {
  color: #808080;
  font-size: 1.05em;
  line-height: 1.5em;
}
.homepage .popup_container .popup_wrapper p a {
  text-decoration: none;
  transition: 0.25s;
}
.homepage .popup_container .popup_wrapper p a:hover {
  color: #FA4F09;
}
@media screen and (max-width: 768px) {
  .homepage .popup_container .popup_wrapper p a:hover {
    color: #0d6efd;
  }
}
.homepage .popup_container .popup_wrapper .help {
  width: 100%;
}
.homepage .popup_container .popup_wrapper .help button {
  padding: 12.5px;
  width: 100%;
  background: #4CCA8D;
  color: #ffffff;
  font-size: 1.1em;
  font-weight: 500;
  letter-spacing: 0.5px;
  border: none;
  border-radius: 5px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  transition: 0.25s;
  cursor: pointer;
}
.homepage .popup_container .popup_wrapper .help button:hover {
  background-color: #31ac70;
}
@media screen and (max-width: 768px) {
  .homepage .popup_container .popup_wrapper .help button:hover {
    background-color: #4CCA8D;
  }
}
.homepage .popup_container .popup_wrapper button {
  padding: 12.5px;
  width: 100%;
  background: #FA4F09;
  color: #ffffff;
  font-size: 1.1em;
  font-weight: 500;
  letter-spacing: 0.5px;
  border: none;
  border-radius: 5px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  transition: 0.25s;
  cursor: pointer;
}
.homepage .popup_container .popup_wrapper button:hover {
  background-color: #eb4a0b;
}
@media screen and (max-width: 768px) {
  .homepage .popup_container .popup_wrapper button:hover {
    background-color: #FA4F09;
  }
}

@media screen and (max-width: 1350px) {
  .homepage .s1 {
    margin: 50px 0;
  }
  .homepage .s1_wrapper {
    width: 90%;
  }
}
@media screen and (max-width: 1350px) and (max-width: 1050px) {
  .homepage .s1_wrapper {
    flex-direction: column-reverse;
    gap: 25px;
  }
}
@media screen and (max-width: 1350px) and (max-width: 1050px) {
  .homepage .s1_wrapper .text_container {
    width: 75%;
    text-align: center;
  }
}
@media screen and (max-width: 1350px) {
  .homepage .s1_wrapper .img_container {
    width: 65%;
  }
}
@media screen and (max-width: 1350px) and (max-width: 1350px) {
  .s_wrapper {
    width: 90% !important;
  }
}
@media screen and (max-width: 520px) {
  .homepage .popup_container .popup_wrapper {
    max-width: 90%;
  }
  .homepage .popup_container .popup_wrapper .close {
    padding: 0;
    cursor: pointer;
  }
  .homepage .popup_container .popup_wrapper .close i {
    margin: 0px;
    padding: 0px;
    padding: 1px 0 0 0.5px;
  }
  .homepage .popup_container .popup_wrapper .close.enabled {
    cursor: pointer;
  }
}
@media screen and (max-width: 1050px) {
  .homepage .s1_wrapper .text_container h1 span {
    display: inline;
  }
  .homepage .s3_wrapper .text_container h2 span {
    display: inline;
  }
  .homepage .s6_wrapper .text_container h2 span {
    display: inline;
  }
}
@media screen and (max-width: 1000px) {
  .homepage .s2 {
    margin: 140px 0;
  }
  .homepage .s2_wrapper {
    width: 65% !important;
    flex-direction: column;
  }
  .homepage .s2_wrapper .item_container {
    width: 100% !important;
  }
  .homepage .s3_wrapper {
    width: 90%;
    flex-direction: column;
    gap: 25px;
  }
  .homepage .s3_wrapper .text_container {
    text-align: center;
    width: 75% !important;
  }
  .homepage .s3_wrapper .text_container h2 span {
    display: inline;
  }
  .homepage .s4_wrapper {
    width: 90%;
  }
  .homepage .s4_wrapper .text_container {
    max-width: 75%;
    width: 75%;
  }
  .homepage .s4_wrapper .features_container {
    width: 75%;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    gap: 35px;
  }
  .homepage .s4_wrapper .features_container .item {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .homepage .s6_wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .homepage .s6_wrapper .text_container {
    width: 75% !important;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-bottom: 50px;
  }
  .homepage .s6_wrapper .text_container .item {
    width: 100% !important;
  }
  .homepage .s7_wrapper {
    flex-direction: column-reverse;
    gap: 25px;
  }
  .homepage .s7_wrapper .text_container {
    text-align: center;
    width: 75% !important;
  }
  .homepage .s7_wrapper .img_container {
    width: 50% !important;
  }
  .homepage .s8_wrapper {
    flex-direction: column;
    gap: 25px;
  }
  .homepage .s8_wrapper .img_container {
    width: 50% !important;
    justify-content: center;
  }
  .homepage .s8_wrapper .text_container {
    text-align: center;
    width: 75% !important;
  }
  .homepage .s9_wrapper {
    flex-direction: column;
    align-items: center;
    gap: 25px;
  }
  .homepage .s9_wrapper .commentar {
    width: 75% !important;
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .homepage .s9_wrapper .commentar_wrapper {
    margin: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
  }
  .homepage .s9_wrapper .commentar_wrapper .icons {
    margin-bottom: 20px;
  }
  .homepage .s9_wrapper .commentar_wrapper .icons .star-gradient {
    display: inline-block;
    font-size: 22.5px;
    background: linear-gradient(45deg, #ffcc00, #ff9900);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .homepage .s9_wrapper .commentar_wrapper p {
    margin-bottom: 50px;
    font-size: 1.5em;
  }
  .homepage .s9_wrapper .commentar_wrapper .profile_info {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: auto;
  }
  .homepage .s9_wrapper .commentar_wrapper .profile_info .name_username {
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
  .homepage .s9_wrapper .commentar_wrapper .profile_info .name_username h6 {
    font-size: 1.25em;
    margin: 0;
  }
  .homepage .s9_wrapper .commentar_wrapper .profile_info .name_username span {
    color: #727272;
  }
  .homepage .s9_wrapper .commentar_wrapper .profile_info_img_contianer {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    overflow: hidden;
  }
  .homepage .s9_wrapper .commentar_wrapper .profile_info_img_contianer img {
    width: 100%;
    height: auto;
  }
  .homepage .s10_wrapper {
    gap: 25px !important;
  }
  .homepage .s10_wrapper .faq_contianer {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .homepage .s10_wrapper .faq_contianer .item1_faq_wrapper,
  .homepage .s10_wrapper .faq_contianer .item2_faq_wrapper {
    width: 75% !important;
  }
  .homepage .s10_wrapper .faq_contianer .item1_faq_wrapper .accordion-item,
  .homepage .s10_wrapper .faq_contianer .item2_faq_wrapper .accordion-item {
    border: none;
  }
  .homepage .s10_wrapper .faq_contianer .item1_faq_wrapper .accordion-item .accordion-button,
  .homepage .s10_wrapper .faq_contianer .item2_faq_wrapper .accordion-item .accordion-button {
    color: #1a1a1a;
    background-color: transparent;
    font-size: 21px;
    font-weight: 500;
    border: none;
    outline: none;
    box-shadow: none;
    position: relative;
    border-bottom: 1px solid rgba(114, 114, 114, 0.1);
  }
  .homepage .s10_wrapper .faq_contianer .item1_faq_wrapper .accordion-item .accordion-button::after,
  .homepage .s10_wrapper .faq_contianer .item2_faq_wrapper .accordion-item .accordion-button::after {
    content: none;
  }
  .homepage .s10_wrapper .faq_contianer .item1_faq_wrapper .accordion-item .accordion-button .custom-arrow,
  .homepage .s10_wrapper .faq_contianer .item2_faq_wrapper .accordion-item .accordion-button .custom-arrow {
    content: "";
    border: solid #1a1a1a;
    border-width: 0 2px 2px 0;
    padding: 4px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    transition: all 0.3s ease;
  }
  .homepage .s10_wrapper .faq_contianer .item1_faq_wrapper .accordion-item .accordion-button.collapsed,
  .homepage .s10_wrapper .faq_contianer .item2_faq_wrapper .accordion-item .accordion-button.collapsed {
    color: #1a1a1a;
  }
  .homepage .s10_wrapper .faq_contianer .item1_faq_wrapper .accordion-item .accordion-button.collapsed .custom-arrow,
  .homepage .s10_wrapper .faq_contianer .item2_faq_wrapper .accordion-item .accordion-button.collapsed .custom-arrow {
    transform: translateY(-50%) rotate(45deg);
    border-color: #1a1a1a;
  }
  .homepage .s10_wrapper .faq_contianer .item1_faq_wrapper .accordion-item .accordion-button:not(.collapsed),
  .homepage .s10_wrapper .faq_contianer .item2_faq_wrapper .accordion-item .accordion-button:not(.collapsed) {
    color: #FA4F09;
  }
  .homepage .s10_wrapper .faq_contianer .item1_faq_wrapper .accordion-item .accordion-button:not(.collapsed) .custom-arrow,
  .homepage .s10_wrapper .faq_contianer .item2_faq_wrapper .accordion-item .accordion-button:not(.collapsed) .custom-arrow {
    transform: translateY(-50%) rotate(-135deg);
    border-color: #FA4F09;
  }
}
@media screen and (max-width: 768px) {
  .homepage .s1 {
    margin: 50px 0;
  }
  .homepage .s1_wrapper {
    width: 90%;
  }
  .homepage .s1_wrapper .text_container {
    width: 100%;
  }
  .homepage .s1_wrapper .img_container {
    width: 100%;
  }
  .homepage .s2_wrapper {
    width: 90% !important;
    padding: 30px;
  }
  .homepage .s2_wrapper .item_container {
    width: 100% !important;
  }
  .homepage .s2_wrapper .item_container .img_container {
    width: 30% !important;
  }
  .homepage .s3_wrapper .text_container {
    width: 100% !important;
  }
  .homepage .s3_wrapper .text_container h2 span {
    display: inline !important;
  }
  .homepage .s3_wrapper .img_container {
    width: 90% !important;
  }
  .homepage .s4_wrapper .text_container {
    max-width: 100%;
    width: 100%;
  }
  .homepage .s4_wrapper .features_container {
    width: 95%;
  }
  .homepage .s6_wrapper .text_container {
    width: 100% !important;
  }
  .homepage .s6_wrapper .text_container h2 span {
    display: inline !important;
  }
  .homepage .s7_wrapper .text_container {
    width: 100% !important;
  }
  .homepage .s7_wrapper .img_container {
    width: 90% !important;
  }
  .homepage .s8_wrapper .img_container {
    width: 90% !important;
  }
  .homepage .s8_wrapper .text_container {
    width: 100% !important;
  }
  .homepage .s9_wrapper .commentar {
    width: 95% !important;
  }
  .homepage .s10_wrapper .text_contianer {
    width: 100% !important;
  }
  .homepage .s10_wrapper .faq_contianer .item1_faq_wrapper,
  .homepage .s10_wrapper .faq_contianer .item2_faq_wrapper {
    width: 100% !important;
  }
}
.fixed-header {
  backdrop-filter: blur(10px) saturate(120%);
  -webkit-backdrop-filter: blur(10px) saturate(120%);
  background-color: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.125);
  border-radius: 0px 0px 25px 25px !important;
}

.header {
  position: relative;
  top: 0;
  width: 100%;
  z-index: 99;
  padding: 20px 0;
}
.header .header_wrapper {
  width: 1280px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header .header_wrapper div {
  width: 50%;
}
.header .header_wrapper div a {
  text-decoration: none;
  color: #1a1a1a;
  width: -moz-fit-content;
  width: fit-content;
}
.header .header_wrapper div a img {
  width: auto;
  height: 100%;
}
@media screen and (max-width: 500px) {
  .header .header_wrapper div a img {
    width: 110%;
  }
}
.header .header_wrapper nav {
  width: 50%;
  display: flex;
  justify-content: end;
}
.header .header_wrapper nav a {
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 100px;
  color: #1a1a1a;
}
.header .header_wrapper nav a button {
  background: transparent;
  border: 2px solid #1a1a1a;
  padding: 7.5px 35px;
  border-radius: 100px;
  font-weight: 500;
  letter-spacing: 0.3px;
  transition: 0.3s;
  color: #1a1a1a;
}
.header .header_wrapper nav a:hover button {
  background-color: #1a1a1a;
  color: #ffffff;
}

.header_logged {
  position: relative;
  z-index: 2;
  top: 0;
  width: 100%;
}
.header_logged .header_wrapper {
  padding: 20px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  width: 90%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header_logged .header_wrapper div {
  width: 50%;
}
.header_logged .header_wrapper div a {
  text-decoration: none;
  color: #1a1a1a;
  width: -moz-fit-content;
  width: fit-content;
}
.header_logged .header_wrapper div a img {
  width: auto;
  height: 100%;
}
@media screen and (max-width: 500px) {
  .header_logged .header_wrapper div a img {
    width: 110%;
  }
}
@media screen and (max-width: 400px) {
  .header_logged .header_wrapper div a img {
    width: 97.5%;
  }
}
.header_logged .header_wrapper .menu_profile_container {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 25px;
}
.header_logged .header_wrapper .menu_profile_container .menu {
  font-size: 1.25em;
  color: #ffffff;
  cursor: pointer;
}
.header_logged .header_wrapper .menu_profile_container .profile {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 0 30px 0 0;
  border-radius: 100px;
  color: #ffffff;
  cursor: pointer;
}
.header_logged .header_wrapper .menu_profile_container .profile * {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.header_logged .header_wrapper .menu_profile_container .profile svg {
  width: 35px;
  height: 35px;
}
.header_logged .header_wrapper .menu_profile_container .profile svg path {
  fill: #ffffff;
}
.header_logged .header_wrapper .menu_profile_container a {
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 100px;
}

.profile_menu {
  position: absolute;
  z-index: 3;
  top: 76px;
  right: 5%;
  background-color: #ffffff;
  width: 150px;
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 5px;
  display: none;
}
.profile_menu div {
  width: 100%;
  display: flex;
  height: 50px;
  display: flex;
  align-items: center;
}
.profile_menu div a {
  cursor: pointer;
  padding: 0 12.5px;
  text-decoration: none;
  color: #444444;
}
.profile_menu div a i {
  margin-right: 7px;
}

.profile_menu::before {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 87.5px;
  right: 20px;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  border-radius: 5px;
  background: #ffffff;
}

footer {
  padding-top: 65px;
  position: relative;
  overflow: hidden;
}
footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(img/homepage_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.95;
  z-index: 0;
}
footer .footer_wrapper {
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 35px;
}
footer .footer_wrapper .content_contianer {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
footer .footer_wrapper .content_contianer .item {
  width: calc(33.3333333333% - 40px);
  color: #1a1a1a;
}
footer .footer_wrapper .content_contianer .item1 p {
  margin-top: 25px;
  line-height: 1.4em;
  font-weight: 500;
}
footer .footer_wrapper .content_contianer .item2 h5 {
  font-size: 1.05em;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 25px;
}
footer .footer_wrapper .content_contianer .item2 h5 span {
  background: #4CCA8D;
  padding-left: 3px;
  margin-right: 10px;
}
footer .footer_wrapper .content_contianer .item2 p {
  line-height: 1.4em;
  font-size: 1em;
  font-weight: 500;
}
footer .footer_wrapper .content_contianer .item2 a {
  width: -moz-fit-content;
  width: fit-content;
  color: #1a1a1a;
  text-decoration: none;
  display: block;
  margin-top: 15px;
  line-height: 1.4em;
  font-size: 1em;
  transition: 0.2s;
  font-weight: 500;
}
footer .footer_wrapper .content_contianer .item2 a:hover {
  color: #4CCA8D;
}
footer .footer_wrapper .content_contianer .item3 h5 {
  font-size: 1.05em;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 25px;
}
footer .footer_wrapper .content_contianer .item3 h5 span {
  background: #4CCA8D;
  padding-left: 3px;
  margin-right: 10px;
}
footer .footer_wrapper .content_contianer .item3 form {
  width: -moz-fit-content;
  width: fit-content;
}
footer .footer_wrapper .content_contianer .item3 form div {
  display: flex;
  border-radius: 200px;
  height: 60px;
  background: #ffffff;
}
footer .footer_wrapper .content_contianer .item3 form div input[type=email] {
  height: 100%;
  width: 200px;
  padding: 0 25px;
  font-size: 1em;
  border: none;
  border-radius: 200px 0 0 200px;
  background: #ffffff;
  color: #1a1a1a;
}
footer .footer_wrapper .content_contianer .item3 form div input[type=email]:focus {
  outline: none;
}
footer .footer_wrapper .content_contianer .item3 form div input[type=submit] {
  height: 100%;
  width: 150px;
  color: #ffffff;
  background: #4CCA8D;
  border-radius: 200px;
  border: none;
}
footer .footer_wrapper .content_contianer .item3 p {
  margin-top: 30px;
  line-height: 1.4em;
  font-size: 1em;
  font-weight: 500;
}
footer .footer_wrapper .copyright_contianer {
  border-top: 1px solid #bebebe;
  padding-top: 30px;
  padding-bottom: 25px;
}
footer .footer_wrapper .copyright_contianer p {
  font-size: 0.85em;
  color: #bebebe;
}

@media screen and (max-width: 1280px) {
  footer .footer_wrapper {
    width: 90%;
  }
  footer .footer_wrapper .content_contianer {
    width: 100%;
    flex-direction: column;
    gap: 40px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 768px) {
  footer .footer_wrapper .content_contianer {
    align-items: center;
  }
}
@media screen and (max-width: 1280px) {
  footer .footer_wrapper .content_contianer .item {
    width: 75%;
  }
}
@media screen and (max-width: 1280px) and (max-width: 768px) {
  footer .footer_wrapper .content_contianer .item {
    width: 100%;
  }
}
@media screen and (max-width: 1280px) {
  footer .footer_wrapper .content_contianer .item1 p {
    margin-bottom: 0px;
  }
  footer .footer_wrapper .content_contianer .item form div {
    height: 50px;
  }
}
* {
  margin: 0;
  padding: 0;
}

html, body {
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  height: 100%;
}

body {
  overflow-x: hidden;
  font-family: "Raleway", sans-serif !important;
}
@media screen and (max-width: 340px) {
  body {
    width: -moz-fit-content !important;
    width: fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
}

header, section, footer {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.s_wrapper {
  width: 1280px;
}

a {
  text-decoration: none;
  color: #1a1a1a;
  cursor: pointer;
}

.money {
  font-family: "Nunito", sans-serif !important;
}

.number {
  font-family: "Nunito", sans-serif !important;
}

.copyright_message p, input {
  font-family: "Nunito", sans-serif !important;
}

.bolder {
  font-weight: 500;
}

@keyframes slideDownError {
  0% {
    top: -5%;
    opacity: 0;
    transform: translateX(50%);
  }
  100% {
    top: 5%;
    opacity: 1;
    transform: translateX(50%);
  }
}
@keyframes slideDownSuccess {
  0% {
    top: -5%;
    opacity: 0;
    transform: translateX(50%);
  }
  100% {
    top: 5%;
    opacity: 1;
    transform: translateX(50%);
  }
}
@keyframes coinMoving {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-12px);
  }
  100% {
    transform: translateY(0px);
  }
}
@media screen and (max-width: 767px) {
  /* Styles applied here will only affect screens with a maximum width of 767 pixels,
     typically targeting smaller devices like smartphones in portrait mode. */
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  /* Styles applied here will only affect screens with widths between 768px and 1023px,
     often targeting tablets and medium-sized screens. */
}
@media screen and (min-width: 1024px) {
  /* Styles applied here will only affect screens with a minimum width of 1024 pixels,
     generally targeting desktop computers and larger screens. */
}
.errorpage {
  background: #FA4F09;
  display: flex;
  justify-content: center;
  align-items: center;
}
.errorpage h1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: #ffffff;
  font-size: 3em;
}
.errorpage h1 .back-button {
  text-decoration: none;
  display: block;
  color: #ffffff;
  font-size: 1em !important;
  margin-top: 20px;
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.errorpage h1 .back-button i {
  width: -moz-fit-content !important;
  width: fit-content !important;
  font-size: 1em !important;
}
.errorpage h1 span {
  display: block;
}/*# sourceMappingURL=style.css.map */