#logIn-signUp .wrap {
  padding: 16px 12px 16px;
}
#logIn-signUp form {
  margin-top: 24px;
}
#logIn-signUp form input {
  width: 100%;
  margin-bottom: 0px;
  padding: 0px;
}
#logIn-signUp form label {
  display: block;
  font-size: 12px;
  line-height: 20px;
  color: #52525B;
}
#logIn-signUp form ::placeholder {
  font-size: 14px;
  color: #D4D4D8;
}
#logIn-signUp form #phone-field .form-input {
  position: relative;
  border-radius: 10px;
}
#logIn-signUp form .select-wrapper {
  border: 1px solid #E6E6E6;
  border-radius: 10px;
  margin-bottom: 12px;
  position: relative;
  display: flex;
  align-items: center;
  min-height: 46px;
}
#logIn-signUp form .select-wrapper select {
  border: none;
  outline: none;
  width: 100%;
  height: 46px;
  padding: 10px;
  padding-right: 30px;
  background: transparent;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: #000000;
  font-size: 14px;
}
#logIn-signUp form .select-wrapper img.d-arrow {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  width: 12px;
  height: 12px;
}
#logIn-signUp form .select-wrapper:focus-within {
  border-color: #27272A;
}
#logIn-signUp form .select-wrapper:hover {
  border-color: #27272A;
}
#logIn-signUp .form-input {
  border: 1px solid #E6E6E6;
  border-radius: 10px;
  text-align: initial;
  padding: 0px 10px;
  margin-bottom: 12px;
}
#logIn-signUp .form-input .iti--allow-dropdown {
  position: unset;
}
#logIn-signUp .form-input .iti--allow-dropdown .iti__flag-container {
  padding: 0px;
}
#logIn-signUp .form-input .iti--allow-dropdown .iti__flag-container .iti__selected-flag {
  border: 1px solid #E6E6E6;
  border-radius: 10px 0px 0px 10px;
}
#logIn-signUp .form-input.u-mobile {
  position: relative;
}
#logIn-signUp .form-input input {
  border: none;
  outline: none;
  height: 46px;
}
#logIn-signUp .form-input .select-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
#logIn-signUp .form-input .select-wrapper img.d-arrow, #logIn-signUp .form-input .select-wrapper .upload-disp {
  position: absolute;
  right: 15px;
  top: 15px;
  pointer-events: none;
}
#logIn-signUp .form-input span.txt-hdr {
  display: block;
  margin-bottom: 14px;
}
#logIn-signUp .form-input:focus {
  border-color: #27272A; /* Highlight color for the input field */
}
#logIn-signUp .form-input:hover {
  border-color: #27272A; /* Hover color for the input field */
}
#logIn-signUp .u-name input, #logIn-signUp .u-email input, #logIn-signUp .pwd input {
  color: #000000;
}
#logIn-signUp .u-email, #logIn-signUp .u-mobile {
  margin-bottom: 12px;
}
#logIn-signUp .pwd {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#logIn-signUp .pwd .togglePwd {
  cursor: pointer;
}
#logIn-signUp .u-name {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#logIn-signUp .u-name .togglePwd {
  cursor: pointer;
}
#logIn-signUp .checkbox, #logIn-signUp .radio {
  display: flex;
  justify-content: center;
  align-items: center;
}
#logIn-signUp .checkbox input, #logIn-signUp .radio input {
  cursor: pointer;
  margin: 0px 3px;
  width: 20px;
  height: 20px;
}
#logIn-signUp .checkbox label, #logIn-signUp .radio label {
  margin: 0px;
}
#logIn-signUp .checkbox .ghosts, #logIn-signUp .radio .ghosts {
  color: #1A1A1A;
  text-decoration: underline;
  font-weight: 600;
}
#logIn-signUp .box {
  align-items: flex-start;
  column-gap: 6px;
}
#logIn-signUp .box .radio-label {
  font-size: 11px;
}
#logIn-signUp .g-login, #logIn-signUp .g-signup {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 1px solid #e6e6e6;
}
#logIn-signUp .g-login span, #logIn-signUp .g-signup span {
  padding-left: 10px;
  font-size: 14px;
  font-weight: 600;
}
@media screen and (min-width: 425px) {
  #logIn-signUp .g-login, #logIn-signUp .g-signup {
    width: 305px;
  }
}
@media screen and (min-width: 1024px) {
  #logIn-signUp .g-login, #logIn-signUp .g-signup {
    width: 260px;
  }
}
#logIn-signUp .txt-grey {
  color: #808080;
  font-size: 12px;
}
#logIn-signUp .p-cnt {
  margin: 0;
  margin-top: 6px;
  font-size: 14px;
  line-height: 18px;
}
#logIn-signUp .orMsg {
  margin: 16px 0px;
}
#logIn-signUp .txt-cen {
  text-align: center;
  white-space: nowrap;
}
#logIn-signUp .txt-cen .hy-grey {
  color: #CCCCCC;
  display: inline;
}
#logIn-signUp .txt-cen .hy-grey::before {
  content: "- - - - - - - - - - - - -";
}
@media screen and (min-width: 375px) {
  #logIn-signUp .txt-cen .hy-grey::before {
    content: "- - - - - - - - - - - - - - - -";
  }
}
@media screen and (min-width: 425px) {
  #logIn-signUp .txt-cen .hy-grey::before {
    content: "- - - - - - - - - - - - - - - - - -";
  }
}
#logIn-signUp .ghost-s {
  color: #0095F6;
  text-decoration: underline;
}
@media screen and (min-width: 1024px) {
  #logIn-signUp .close {
    display: block !important;
    position: absolute;
    right: 15px;
    top: 15px;
  }
}
#logIn-signUp .txt-h {
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  margin: 0;
}
#logIn-signUp .tab {
  padding: 7px 50px;
  width: 50%;
  border: 1px solid #F2F2F2;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  display: flex;
}
#logIn-signUp .tab.blk {
  background-color: #F2F2F2;
  z-index: 1;
  color: #808080;
}
#logIn-signUp .tab.l {
  margin-left: 0px;
  background-color: white;
}
#logIn-signUp .loginSignup-tab-wrap {
  background-color: #F2F2F2;
  border: 3px solid #F2F2F2;
  border-radius: 5px;
  display: flex;
  width: 100%;
  margin-top: 18px;
}
@media screen and (min-width: 1024px) {
  #logIn-signUp .loginSignup-tab-wrap {
    align-items: baseline;
  }
}
#logIn-signUp .loginSignup-tab-wrap div {
  font-size: 14px;
  line-height: 20px;
}
@media screen and (min-width: 1024px) {
  #logIn-signUp .pay-tab-wrap {
    justify-content: flex-start;
  }
}
#logIn-signUp .f-pwd {
  font-size: 12px;
  line-height: 20px;
  color: black;
  font-weight: 600;
  margin-top: 8px;
}
#logIn-signUp .lrg-btn {
  width: 100%;
  max-width: 378px;
  font-size: 13px;
}
#logIn-signUp .lrg-btn img {
  vertical-align: middle;
}
@media screen and (min-width: 1024px) {
  #logIn-signUp .wrap {
    display: flex;
    justify-content: center;
  }
}
@media screen and (min-width: 1024px) {
  #logIn-signUp .body {
    max-width: 378px;
    margin: auto;
    width: 100%;
  }
}

#formVerify2fa #onlyNumber, #verifyWithOTP #onlyNumber, #editWithOTP #onlyNumber {
  border: 1px solid #E6E6E6;
  padding: 10px 12px;
  border-radius: 5px;
  margin-bottom: 8px;
  outline: none;
}

.submit {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-top: 24px;
}
.submit #btnLoginRegister, .submit #btn2fa, .submit #btnVerifyOtp, .submit #continueBtn {
  height: 42px;
  align-items: center;
  display: flex;
  background-color: #000000;
  color: #ffffff;
  border-radius: 8px;
  padding: 10px 20px;
}
.submit a:last-of-type {
  margin-top: 4px;
}

.spinner {
  display: inline-block;
  border: 3px solid #000000;
  border-left-color: #ffffff;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  animation: spin 1s linear infinite;
  margin-right: 10px;
}

.popout {
  display: none;
  margin: 10px 0px;
  color: #ffffff;
  padding: 7px 4px;
  border-radius: 4px;
  z-index: 1100;
  overflow: hidden;
  text-align: center;
}

.popout-success {
  background-color: #6DB92C;
}

.popout-error {
  background-color: #f01605;
}

.resend_code div:hover {
  text-decoration: underline;
}

.otp-input-container {
  display: flex;
  justify-content: space-between;
}

.otp-input, .otp-inputs {
  width: 52px;
  height: 46px;
  text-align: center;
  font-size: 18px;
  border: 1px solid #ccc;
  border-radius: 10px;
  outline: none;
}

.otp-input:focus, .otp-inputs:focus {
  border-color: #000;
}

.rotate {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.iti__selected-dial-code {
  font-size: 12px;
}

.iti {
  width: 100%;
}

.exist, .new-user {
  font-weight: 600;
  margin-top: 16px;
}
.exist #switchToLogin, .exist #switchToSignup, .new-user #switchToLogin, .new-user #switchToSignup {
  color: #3F3F46;
}

@media screen and (min-width: 425px) {
  #verifyWithOTP .wrap, #editWithOTP .wrap {
    padding: 28px 24px 16px;
  }
}
#verifyWithOTP .hdng, #editWithOTP .hdng {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 6px;
}
#verifyWithOTP .otpMsg, #editWithOTP .otpMsg {
  font-size: 14px;
  color: #71717A;
}
@media screen and (min-width: 768px) {
  #verifyWithOTP .form-cont, #editWithOTP .form-cont {
    display: flex;
    justify-content: center;
  }
}
@media screen and (min-width: 1024px) {
  #verifyWithOTP .form-cont, #editWithOTP .form-cont {
    display: block;
  }
}
#verifyWithOTP #formVerifyOTP, #editWithOTP #formVerifyOTP {
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  #verifyWithOTP #formVerifyOTP, #editWithOTP #formVerifyOTP {
    width: 100%;
    max-width: 378px;
  }
}
@media screen and (min-width: 1024px) {
  #verifyWithOTP #formVerifyOTP, #editWithOTP #formVerifyOTP {
    width: 100%;
    max-width: 100%;
  }
}
#verifyWithOTP #formVerifyOTP .otp-input-container input, #editWithOTP #formVerifyOTP .otp-input-container input {
  margin-bottom: 8px;
}
@media screen and (min-width: 425px) {
  #verifyWithOTP .lrg-btn, #editWithOTP .lrg-btn {
    width: 378px !important;
  }
}
#verifyWithOTP #emailAddress, #verifyWithOTP #mobileNum, #editWithOTP #emailAddress, #editWithOTP #mobileNum {
  color: #3F3F46;
  font-weight: 700;
}
#verifyWithOTP .note-cnt, #editWithOTP .note-cnt {
  border-color: #F1F1F1 !important;
  border-radius: 8px;
  margin: 15px 0px;
  padding: 8px;
  background-color: #FFEEB0;
  color: #794724 !important;
  font-size: 12px;
  border: 1px solid #F1F1F1;
}
#verifyWithOTP .note-cnt .txt-bold, #editWithOTP .note-cnt .txt-bold {
  color: #794724 !important;
  font-weight: 900;
}

#verifyOtpSuccess .wrap {
  background: linear-gradient(to bottom, #D4FADB, white);
  background-size: 100% 75%;
  background-repeat: no-repeat;
  background-color: white;
}
#verifyOtpSuccess .hdng {
  margin-top: 16px;
  margin-bottom: 2px;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}
#verifyOtpSuccess .otpMsg {
  color: #71717A;
  font-size: 14px;
  text-align: center;
}

.resendButton {
  margin: 0 5px;
}

.ml-5 {
  margin-left: 5px;
}

/* Remove the number input spinner arrows */
.otp-input::-webkit-outer-spin-button,
.otp-input::-webkit-inner-spin-button,
.otp-inputs::-webkit-outer-spin-button,
.otp-inputs::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.otp-input[type=number],
.otp-inputs[type=number] {
  -moz-appearance: textfield;
}

.iti--container {
  right: 0 !important;
  left: 0 !important;
}

@media screen and (min-width: 425px) {
  .twoFaModal .wrap {
    padding: 28px 22px 16px !important;
  }
}
.twoFaModal .wrap .header {
  padding-bottom: 16px;
}
.twoFaModal .wrap .d-flex {
  column-gap: 5px;
}
.twoFaModal .wrap #formVerify2fa {
  margin-top: 5px;
}
.twoFaModal .wrap #formVerify2fa #onlyNumber {
  width: 100%;
}
.twoFaModal .wrap .submit {
  align-items: center;
}
.twoFaModal .wrap .submit #btn2fa {
  width: 100%;
  max-width: 378px;
  justify-content: center;
}

.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.fangolio-header {
  position: fixed;
  width: 100%;
  display: flex;
  padding: 20px 16px 12px 16px;
  justify-content: space-between;
  align-items: center;
  background-color: #F9E8EA;
  border-bottom: 1px solid #E4D0D6;
  z-index: 11;
}
@media screen and (min-width: 1024px) {
  .fangolio-header {
    padding: 16px 108px;
  }
}
.fangolio-header > div {
  display: flex;
  gap: 36px;
}
.fangolio-header > div nav {
  gap: 20px;
  font-size: 15px;
  font-weight: 600;
  line-height: 19px;
}
@media screen and (min-width: 1024px) {
  .fangolio-header .hamburger {
    display: none;
  }
}
.fangolio-header .hamburger button {
  padding: 14px 14px 10px 14px;
  background-color: #ffffff;
  border: 1px solid #E4E4E7;
  border-radius: 100px;
}
.fangolio-header .hamburger button svg {
  width: 14px;
  color: #000000;
}
.fangolio-header .btn-wrap {
  border: 1px solid #E4E4E7;
  background-color: #ffffff;
  border-radius: 20px;
  cursor: pointer;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  line-height: 20px;
  font-size: 15px;
  font-weight: 600;
  padding: 10px;
}
@media screen and (min-width: 1024px) {
  .fangolio-header .btn-wrap {
    width: 108px;
  }
}
@media screen and (min-width: 1024px) {
  .fangolio-header nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    width: 100%;
  }
}
.fangolio-header nav.active, .fangolio-header nav.reverse {
  position: absolute;
  top: 75px;
  right: 19px;
  display: flex;
  flex-direction: column;
  background-color: #F9E8EA;
  box-shadow: 0 0px 8px #E4D0D6;
  border-bottom: 1px solid #E4D0D6;
  border-radius: 20px;
  padding: 20px;
  z-index: 100;
  font-size: 16px;
}
.fangolio-header nav.active {
  animation: dropdown-mob-show 0.3s linear forwards;
}
.fangolio-header nav.reverse {
  animation: dropdown-mob-hide 0.3s linear forwards;
}
.fangolio-header nav .align {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .fangolio-header nav .align {
    flex-direction: unset;
    margin-left: 10px;
  }
}
@media screen and (min-width: 1440px) {
  .fangolio-header nav .align {
    margin: 0 auto;
  }
}
.fangolio-header nav .align a {
  padding: 10px 20px;
}
@media screen and (min-width: 1024px) {
  .fangolio-header nav .align a {
    padding: 10px 17px;
    font-size: 16px;
    line-height: 19px;
    font-weight: 600;
    color: #292929;
  }
}
.fangolio-header nav .align .page:hover {
  background-color: #ffffff;
  border-radius: 8px;
}
.fangolio-header nav .btn-wrap {
  display: flex;
  gap: 8px;
  margin: 20px 20px 0 20px;
}
@media screen and (min-width: 1024px) {
  .fangolio-header nav .btn-wrap {
    flex-direction: row-reverse;
    margin: 0;
  }
}
.fangolio-header nav .btn-wrap a {
  border: 1px solid #E4E4E7;
  border-radius: 12px;
  cursor: pointer;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  line-height: 20px;
  font-size: 15px;
  font-weight: 600;
  padding: 0;
}
@media screen and (min-width: 1024px) {
  .fangolio-header nav .btn-wrap a {
    width: 108px;
  }
}
.fangolio-header nav .btn-wrap .login {
  background: #141414;
  color: #ffffff !important;
}
.fangolio-header nav .btn-wrap .contact {
  background: #18181B;
  color: #ffffff;
}
.fangolio-header nav .btn-wrap .contact:hover {
  background: #18181B;
}
@keyframes dropdown-mob-show {
  0% {
    transform: translateX(300px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes dropdown-mob-hide {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(300px);
  }
  to {
    display: none;
  }
}

@font-face {
  font-family: "Geist";
  src: url("../../webfonts/geist-regular.woff2") format("woff2");
}
@font-face {
  font-family: "GeistMedium";
  font-style: normal;
  font-weight: normal;
  src: url("../..webfonts/geist-medium.woff2") format("woff2");
}
@font-face {
  font-family: "GeistLight";
  font-style: normal;
  font-weight: normal;
  src: url("../..webfonts/geist-light.woff2") format("woff2");
}
@font-face {
  font-family: "Garnett";
  font-style: normal;
  font-weight: 600;
  src: url("../..webfonts/Garnett-Semibold-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Arapey";
  font-style: normal;
  font-weight: normal;
  src: url("../..webfonts/Arapey.woff2") format("woff2");
}
* {
  margin: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0px;
  padding: 0px;
  color: #18181B;
  font-family: "Geist";
  font-size: 12px;
  line-height: 18px;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

h3 {
  font-size: 30px;
}
@media screen and (min-width: 375px) {
  h3 {
    font-size: 40px;
  }
}

h5 {
  font-size: 18px;
}
@media screen and (min-width: 375px) {
  h5 {
    font-size: 22px;
  }
}

a {
  text-decoration: none;
  color: #18181B;
}

.hide {
  display: none;
}

main {
  padding-top: 88px;
}
main .get-paid {
  padding: 44px 16px 0;
  font-family: "Inter" !important;
  background: linear-gradient(to bottom, #F9E8EA 0%, #F9E8EA 90%, #ffffff 100%) !important;
  position: relative;
}
@media screen and (min-width: 1024px) {
  main .get-paid {
    padding: 36px 96px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (min-width: 1366px) {
  main .get-paid {
    padding: 44px 108px 0;
  }
}
main .get-paid::before {
  content: "";
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  height: 70%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.03) 2px, transparent 2px), linear-gradient(to bottom, rgba(0, 0, 0, 0.03) 2px, transparent 2px);
  background-size: 28px 28px, 28px 28px, cover;
  background-repeat: repeat, repeat, no-repeat;
  border-radius: 50%;
  opacity: 1;
  pointer-events: none;
  z-index: 0;
}
main .get-paid > * {
  position: relative;
  z-index: 1;
}
main .get-paid .msg {
  padding: 0px 16px;
}
@media screen and (min-width: 768px) {
  main .get-paid .msg {
    padding: 0 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
}
@media screen and (min-width: 1024px) {
  main .get-paid .msg {
    padding: 0;
    min-width: 380px;
    align-items: flex-start;
  }
}
main .get-paid .msg .head-txt {
  font-size: 49px;
  font-weight: 700;
  line-height: 52px;
  text-align: center;
  color: #300814;
}
@media screen and (min-width: 375px) {
  main .get-paid .msg .head-txt {
    font-size: 58px;
  }
}
@media screen and (min-width: 425px) {
  main .get-paid .msg .head-txt {
    font-size: 62px;
    line-height: 62px;
  }
}
@media screen and (min-width: 768px) {
  main .get-paid .msg .head-txt {
    font-size: 65px;
    line-height: 80px;
  }
}
@media screen and (min-width: 1024px) {
  main .get-paid .msg .head-txt {
    font-weight: 500;
    padding: 0 64px;
    text-align: left;
    padding: 0;
    letter-spacing: -2.5px;
  }
}
@media screen and (min-width: 1366px) {
  main .get-paid .msg .head-txt {
    font-size: 88px;
    line-height: 95px;
  }
}
main .get-paid .msg .head-txt .burgandy {
  color: #791430;
}
@media screen and (min-width: 1024px) {
  main .get-paid .msg .head-txt .burgandy {
    color: #300814;
  }
}
main .get-paid .msg .sub-msg {
  padding-top: 29px;
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #424242;
  letter-spacing: 0;
}
@media screen and (min-width: 375px) {
  main .get-paid .msg .sub-msg {
    font-size: 16px;
    line-height: 26px;
  }
}
@media screen and (min-width: 425px) {
  main .get-paid .msg .sub-msg {
    font-size: 18px;
  }
}
@media screen and (min-width: 1024px) {
  main .get-paid .msg .sub-msg {
    font-size: 12px;
    padding: 0px;
    line-height: 20px;
  }
}
@media screen and (min-width: 1366px) {
  main .get-paid .msg .sub-msg {
    font-size: 18px;
    line-height: 26px;
    margin-top: 29px;
  }
}
main .get-paid .msg .sub-msg .sub-msg-mob {
  display: block;
}
main .get-paid .msg .sub-msg .sub-msg-desk {
  display: none;
}
@media screen and (min-width: 1024px) {
  main .get-paid .msg .sub-msg .sub-msg-mob {
    display: none;
  }
  main .get-paid .msg .sub-msg .sub-msg-desk {
    display: block;
    text-align: left;
  }
}
main .get-paid .img-content {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media screen and (min-width: 1024px) {
  main .get-paid .img-content {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  main .get-paid .img-content .banner {
    width: 540px;
  }
}
@media screen and (min-width: 1366px) {
  main .get-paid .img-content .banner {
    width: auto;
  }
}
main .get-paid .img-content .red-ball, main .get-paid .img-content .mob-blur, main .get-paid .img-content .big-blur, main .get-paid .img-content .ball-top, main .get-paid .img-content .sml-blur {
  position: absolute;
  z-index: -1;
}
main .get-paid .img-content .big-blur, main .get-paid .img-content .ball-top, main .get-paid .img-content .sml-blur {
  display: none;
}
main .get-paid .img-content .red-ball {
  bottom: 28%;
  left: 0%;
}
@media screen and (min-width: 425px) {
  main .get-paid .img-content .red-ball {
    bottom: 30%;
    left: 10%;
  }
}
@media screen and (min-width: 1024px) {
  main .get-paid .img-content .red-ball {
    bottom: 20%;
    left: 15%;
  }
}
main .get-paid .img-content .mob-blur {
  top: 18%;
  right: 10%;
}
@media screen and (min-width: 425px) {
  main .get-paid .img-content .mob-blur {
    right: 20%;
  }
}
@media screen and (min-width: 1024px) {
  main .get-paid .img-content .big-blur {
    display: block;
    right: -2%;
    top: 36%;
  }
}
@media screen and (min-width: 1440px) {
  main .get-paid .img-content .big-blur {
    right: -4%;
    top: 36%;
  }
}
@media screen and (min-width: 1024px) {
  main .get-paid .img-content .ball-top {
    display: block;
    top: -1%;
    left: 52%;
  }
}
@media screen and (min-width: 1024px) {
  main .get-paid .img-content .sml-blur {
    display: block;
    top: 2%;
    left: 10%;
  }
}
main .assurity {
  padding: 24px 16px;
}
@media screen and (min-width: 768px) {
  main .assurity {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1024px) {
  main .assurity {
    flex-wrap: nowrap;
    padding: 36px 108px;
    gap: 16px;
  }
}
@media screen and (min-width: 1366px) {
  main .assurity {
    gap: 32px;
  }
}
main .assurity .point {
  padding: 12px 0;
  display: flex;
}
@media screen and (min-width: 768px) {
  main .assurity .point {
    flex: 0 0 calc(50% - 8px);
  }
}
@media screen and (min-width: 1024px) {
  main .assurity .point {
    flex: unset;
    flex-direction: column;
  }
}
main .assurity .point img {
  margin-right: 18px;
}
main .assurity .point .short-msg .hd-txt {
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
  color: #490C1D;
  padding-bottom: 13px;
  padding-top: 4px;
}
@media screen and (min-width: 425px) {
  main .assurity .point .short-msg .hd-txt {
    line-height: 24px;
  }
}
@media screen and (min-width: 1024px) {
  main .assurity .point .short-msg .hd-txt {
    padding-top: 13px;
  }
}
main .assurity .point .short-msg .grey-txt {
  font-size: 12px;
  line-height: 20px;
  color: #424242;
}
@media screen and (min-width: 375px) {
  main .assurity .point .short-msg .grey-txt {
    font-size: 15px;
    line-height: 24px;
  }
}
@media screen and (min-width: 375px) {
  main .assurity .point .short-msg .grey-txt {
    font-size: 16px;
    line-height: 24px;
    max-width: 306px;
  }
}
main .earn-more {
  padding: 56px 16px 36px 16px;
}
@media screen and (min-width: 1024px) {
  main .earn-more {
    padding: 56px 36px 36px 36px;
    display: flex;
    gap: 20px;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1366px) {
  main .earn-more {
    padding: 108px;
  }
}
@media screen and (min-width: 1440px) {
  main .earn-more {
    padding: 36px 108px 72px;
  }
}
main .earn-more .earn-txt {
  color: #490C1D;
  background-color: #F9E8EA;
  border-radius: 10px;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  padding: 8px 12px;
  width: max-content;
}
main .earn-more .qn-hd {
  font-size: 36px;
  font-weight: 600;
  color: #490C1D;
  line-height: 42px;
  padding-top: 4px;
}
main .earn-more .qn-hd span {
  color: #791431;
}
@media screen and (min-width: 1440px) {
  main .earn-more .qn-hd {
    font-size: 56px;
    line-height: 64px;
  }
}
main .earn-more p {
  font-size: 12px;
  line-height: 20px;
  color: #525252;
  padding-top: 24px;
  padding-bottom: 28px;
}
@media screen and (min-width: 375px) {
  main .earn-more p {
    font-size: 13px;
    line-height: 23px;
  }
}
@media screen and (min-width: 425px) {
  main .earn-more p {
    font-size: 15px;
  }
}
@media screen and (min-width: 1440px) {
  main .earn-more p {
    font-size: 16px;
    line-height: 24px;
  }
}
main .earn-more .subscription-calc {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  main .earn-more .subscription-calc {
    display: flex;
    align-items: center;
  }
}
main .earn-more .subscription-calc .calculator-container {
  display: flex;
  background-color: #7c1c32;
  color: white;
  border-radius: 20px;
  align-items: center;
  justify-content: space-between;
}
main .earn-more .subscription-calc .calculator-container .calculator {
  flex: 1;
  width: 100%;
  padding: 22px;
}
@media screen and (min-width: 1024px) {
  main .earn-more .subscription-calc .calculator-container .calculator {
    min-width: 400px;
    padding: 32px 0 32px 32px;
  }
}
main .earn-more .subscription-calc .calculator-container .calculator .input-group {
  margin-bottom: 24px;
}
main .earn-more .subscription-calc .calculator-container .calculator .input-group label {
  display: flex;
  justify-content: space-between;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 5px;
}
main .earn-more .subscription-calc .calculator-container .calculator .input-group input[type=range] {
  width: 100%;
  margin-bottom: 8px;
  -webkit-appearance: none;
  height: 5px;
  border-radius: 5px;
  background: linear-gradient(to right, #F61B3E 0%, #F61B3E 50%, #8f3e55 50%, #8f3e55 100%);
  outline: none;
}
main .earn-more .subscription-calc .calculator-container .calculator .input-group input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 34px;
  height: 22px;
  background: #F61B3E;
  border-radius: 40%;
  cursor: pointer;
  border: 1px solid #fff;
  margin-top: -9px;
  position: relative;
  z-index: 2;
}
main .earn-more .subscription-calc .calculator-container .calculator .input-group input[type=range]::-webkit-slider-runnable-track {
  height: 5px;
  border-radius: 5px;
}
main .earn-more .subscription-calc .calculator-container .calculator .input-group span {
  font-size: 20px;
  font-weight: bold;
}
main .earn-more .subscription-calc .calculator-container .calculator .earning-result {
  text-align: center;
}
main .earn-more .subscription-calc .calculator-container .calculator .earning-result #earning-amount {
  font-family: "Inter";
  font-size: 50px;
  font-weight: 600;
  margin: 30px 0;
}
@media screen and (min-width: 768px) {
  main .earn-more .subscription-calc .calculator-container .calculator .earning-result #earning-amount {
    font-size: 60px;
  }
}
main .earn-more .subscription-calc .calculator-container .calculator .earning-result p {
  font-size: 16px;
  margin: 0;
  padding: 0;
  color: #FFFFFF;
}
main .earn-more .subscription-calc .calculator-container img {
  position: absolute;
  opacity: 10%;
  width: 140px;
  height: 295px;
  right: 25%;
}
@media screen and (min-width: 375px) {
  main .earn-more .subscription-calc .calculator-container img {
    right: 30%;
  }
}
@media screen and (min-width: 425px) {
  main .earn-more .subscription-calc .calculator-container img {
    right: 35%;
  }
}
@media screen and (min-width: 1024px) {
  main .earn-more .subscription-calc .calculator-container img {
    position: static;
    opacity: 100%;
    min-width: 165px;
    min-height: 320px;
    margin-top: 20px;
    border-radius: 20px;
  }
}
main .influencers-img .profile img {
  width: 100%;
}
main .influencers-img .be-model {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin: 36px 16px 0 16px;
  padding: 32px 28px 49px;
  background: linear-gradient(to right, #791430 0%, #DF2558 100%);
  border-radius: 24px;
}
@media screen and (min-width: 1024px) {
  main .influencers-img .be-model {
    margin: 36px 108px;
    padding: 60px 40px;
  }
}
@media screen and (min-width: 1366px) {
  main .influencers-img .be-model {
    margin: 89px 108px;
  }
}
main .influencers-img .be-model .earn-msg {
  color: #ffffff;
  font-size: 14px;
  line-height: 20px;
  padding: 4px 12px;
  border-radius: 25px;
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  margin-bottom: 12px;
  width: max-content;
}
@media screen and (min-width: 425px) {
  main .influencers-img .be-model .earn-msg {
    font-size: 14px;
    line-height: 20px;
  }
}
main .influencers-img .be-model .verified {
  color: #ffffff;
  font-weight: 600;
  font-size: 21px;
  line-height: 30px;
  margin-top: 12px;
}
@media screen and (min-width: 375px) {
  main .influencers-img .be-model .verified {
    max-width: 437px;
    font-size: 26px;
    line-height: 38px;
  }
}
main .influencers-img .be-model .become-model {
  background-color: #ffffff;
  color: #791430;
  border-radius: 12px;
  padding: 14px 18px;
  font-size: 12px;
  font-weight: 600;
  width: max-content;
  margin-top: 28px;
  cursor: pointer;
}
@media screen and (min-width: 375px) {
  main .influencers-img .be-model .become-model {
    font-size: 16px;
  }
}
main .influencers-img .be-model img {
  position: absolute;
  transform: rotate(-15deg);
  top: 145px;
  left: 105px;
  width: 270px;
}
@media screen and (min-width: 375px) {
  main .influencers-img .be-model img {
    top: 166px;
    left: 145px;
  }
}
@media screen and (min-width: 425px) {
  main .influencers-img .be-model img {
    top: 155px;
    left: 190px;
  }
}
@media screen and (min-width: 768px) {
  main .influencers-img .be-model img {
    top: -60px;
    left: unset;
    right: -80px;
    width: 500px;
  }
}
@media screen and (min-width: 1024px) {
  main .influencers-img .be-model img {
    width: 600px;
  }
}
main .influencers-img .college-img {
  z-index: -1;
}
main .signUp {
  display: flex;
  flex-direction: column;
  padding: 28px 16px;
}
@media screen and (min-width: 425px) {
  main .signUp {
    padding: 52px 16px;
  }
}
@media screen and (min-width: 1024px) {
  main .signUp {
    padding: 70px 36px;
  }
}
@media screen and (min-width: 1440px) {
  main .signUp {
    padding: 86px 176px;
  }
}
main .signUp .grid {
  position: relative;
  display: flex;
  flex-direction: column;
}
main .signUp .grid .wait {
  background: #F9E8EA;
  color: #490C1D;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  border-radius: 10px;
  margin-bottom: 4px;
  align-self: center;
  width: max-content;
}
main .signUp .grid .signUp-cnt {
  text-align: center;
  margin-bottom: 32px;
}
@media screen and (min-width: 1024px) {
  main .signUp .grid .signUp-cnt {
    margin-bottom: 68px;
  }
}
main .signUp .grid .signUp-cnt .signUp-txt {
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  text-align: center;
  color: #490C1D;
}
@media screen and (min-width: 375px) {
  main .signUp .grid .signUp-cnt .signUp-txt {
    font-size: 35px;
    line-height: 42px;
  }
}
@media screen and (min-width: 425px) {
  main .signUp .grid .signUp-cnt .signUp-txt {
    font-size: 36px;
    line-height: 42px;
  }
}
@media screen and (min-width: 1024px) {
  main .signUp .grid .signUp-cnt .signUp-txt {
    font-size: 52px;
    line-height: 58px;
  }
}
@media screen and (min-width: 1440px) {
  main .signUp .grid .signUp-cnt .signUp-txt {
    font-size: 56px;
    line-height: 64px;
  }
}
main .signUp .grid .signUp-cnt .signUp-txt span {
  color: #F61B3E;
  font-weight: 600;
}
main .signUp .grid .signUp-cnt .desc {
  font-size: 18px;
  line-height: 24px;
  color: #525252;
  margin-top: 4px;
}
@media screen and (min-width: 425px) {
  main .signUp .grid .signUp-cnt .desc {
    font-size: 18px;
  }
}
main .signUp .grid::before {
  content: "";
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 110%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.05) 2px, transparent 2px), linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 2px, transparent 2px);
  background-size: 28px 28px;
  border-radius: 50%;
  opacity: 1;
  pointer-events: none;
  z-index: 0;
}
@media screen and (min-width: 1024px) {
  main .signUp .grid::before {
    top: 30%;
    height: 110%;
  }
}
main .signUp .grid > *, main .signUp .blk-card-flx {
  position: relative;
  z-index: 1;
}
main .signUp .blk-card-flx {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media screen and (min-width: 1024px) {
  main .signUp .blk-card-flx {
    gap: 16px;
    flex-direction: unset;
    justify-content: center;
  }
}
@media screen and (min-width: 1024px) {
  main .signUp .double {
    width: 100%;
  }
}
main .signUp .single {
  background-color: #F9E8EA !important;
  margin-top: 16px;
}
@media screen and (min-width: 1024px) {
  main .signUp .single {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 19px;
  }
}
@media screen and (min-width: 1440px) {
  main .signUp .single {
    padding: 72px 80px;
  }
}
main .signUp .single .txt-head {
  text-align: center !important;
}
@media screen and (min-width: 1024px) {
  main .signUp .single .txt-head {
    text-align: left !important;
  }
}
main .signUp .single .fangolio-btns {
  padding-top: 24px;
}
main .signUp .blk-card {
  border-radius: 24px;
  background-color: #FAFAFA;
  padding: 24px 24px;
  font-size: 20px;
  text-align: center;
}
@media screen and (min-width: 425px) {
  main .signUp .blk-card {
    font-size: 24px;
    padding: 40px 28px 20px;
  }
}
@media screen and (min-width: 1440px) {
  main .signUp .blk-card {
    border-radius: 24px;
    font-size: 40px;
    line-height: 50px;
  }
}
@media screen and (min-width: 1024px) {
  main .signUp .blk-card .txt-cnt {
    max-width: 320px;
  }
}
@media screen and (min-width: 1440px) {
  main .signUp .blk-card .txt-cnt {
    max-width: 370px;
  }
}
main .signUp .blk-card .img-cnt {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
@media screen and (min-width: 425px) {
  main .signUp .blk-card .img-cnt {
    margin-top: 27px;
  }
}
@media screen and (min-width: 1440px) {
  main .signUp .blk-card .img-cnt {
    margin-top: 38px;
  }
}
main .signUp .blk-card .img-cnt img {
  max-width: 288px;
}
@media screen and (min-width: 425px) {
  main .signUp .blk-card .img-cnt img {
    max-width: 100%;
  }
}
main .signUp .blk-card .img-cnt-left {
  display: flex;
  justify-content: flex-start;
  margin-top: 5px;
}
main .signUp .blk-card .img-cnt-left .desktop {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  main .signUp .blk-card .img-cnt-left {
    justify-content: center;
    margin-bottom: 20px;
  }
}
main .signUp .blk-card .img-left {
  width: 100%;
}
main .signUp .blk-card .mobile {
  display: flex;
}
main .signUp .blk-card .desktop {
  display: none;
}
@media screen and (min-width: 1024px) {
  main .signUp .blk-card {
    padding: 40px;
    font-size: 35px;
  }
  main .signUp .blk-card .mobile {
    display: none;
  }
  main .signUp .blk-card .desktop {
    display: flex;
  }
}
main .signUp .blk-card .txt-head {
  font-size: 20px;
  color: #490C1D;
  font-weight: 600;
  line-height: 28px;
  text-align: left;
}
@media screen and (min-width: 425px) {
  main .signUp .blk-card .txt-head {
    font-size: 24px;
  }
}
@media screen and (min-width: 1024px) {
  main .signUp .blk-card .txt-head {
    min-width: 400px;
    line-height: 42px;
  }
}
main .signUp .blk-card .desc {
  color: #525252;
  font-size: 12px;
  line-height: 21px;
  text-align: left;
  margin-top: 8px;
}
@media screen and (min-width: 375px) {
  main .signUp .blk-card .desc {
    font-size: 15px;
    line-height: 23px;
  }
}
@media screen and (min-width: 425px) {
  main .signUp .blk-card .desc {
    font-size: 16px;
  }
}
@media screen and (min-width: 1024px) {
  main .signUp .blk-card .desc {
    min-width: 400px;
    font-size: 15px;
  }
}
@media screen and (min-width: 1440px) {
  main .signUp .blk-card .desc {
    min-width: 450px;
    font-size: 16px;
    line-height: 24px;
  }
}
main .signUp .blk-card .des-w {
  text-align: center !important;
}
@media screen and (min-width: 1024px) {
  main .signUp .blk-card .des-w {
    min-width: 320px;
    font-size: 14px;
    text-align: left !important;
  }
}
main .signUp .al-left {
  text-align: left;
}
@media screen and (min-width: 1024px) {
  main .signUp .order {
    display: flex;
    flex-direction: column;
  }
}
main .signUp .wht-card-cnt {
  margin: 12px 0;
}
@media screen and (min-width: 1024px) {
  main .signUp .wht-card-cnt {
    display: flex;
  }
}
@media screen and (min-width: 1440px) {
  main .signUp .wht-card-cnt {
    margin: 0;
  }
}
@media screen and (min-width: 1024px) {
  main .signUp .wht-card-cnt div {
    margin-right: 8px;
  }
}
main .signUp .wht-card-cnt .wht-card {
  display: flex;
  align-items: center;
  gap: 12px;
  background-color: #ffffff;
  border-radius: 12px;
  margin: 8px 0;
  padding: 12px;
  color: #27272A;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0px;
}
@media screen and (min-width: 425px) {
  main .signUp .wht-card-cnt .wht-card {
    font-size: 16px;
    padding: 24px;
  }
}
@media screen and (min-width: 1024px) {
  main .signUp .wht-card-cnt .wht-card {
    display: flex;
    align-items: center;
    min-width: 220px;
    min-height: 86px;
  }
}
@media screen and (min-width: 425px) {
  main .signUp .wht-card-cnt .wht-card img {
    width: 38px;
    height: 38px;
  }
}

.overlay, .overlay-cookie {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 75%;
  z-index: 1000;
}
@media screen and (min-width: 1024px) {
  .overlay, .overlay-cookie {
    min-width: 636px;
    left: 0px;
  }
}

.modal-container, .modal-contanier {
  display: none;
  z-index: 1001;
  width: 100%;
  position: fixed;
  bottom: 0px;
  left: 0px;
  align-items: center;
  padding: 0px 4px;
}
.modal-container .wrap, .modal-contanier .wrap {
  width: 100%;
  background-color: #ffffff;
  padding: 28px 12px 16px;
  border: 2px solid #E6E6E6;
  border-radius: 20px 20px 0 0;
  position: relative;
  max-height: 80vh;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.modal-container .wrap::-webkit-scrollbar, .modal-contanier .wrap::-webkit-scrollbar {
  display: none;
}
.modal-container .wrap .txt-header, .modal-contanier .wrap .txt-header {
  font-size: 14px;
  font-weight: 600;
}
.modal-container .close-modal, .modal-contanier .close-modal {
  cursor: pointer;
  display: block;
  position: absolute;
  right: 12px;
  top: 28px;
}
@media screen and (min-width: 1024px) {
  .modal-container, .modal-contanier {
    position: fixed;
    top: 0;
    height: 100%;
  }
  .modal-container .wrap, .modal-contanier .wrap {
    width: 425px;
    border: 2px solid #E6E6E6;
    border-radius: 20px;
    margin: 0 auto;
  }
}
@keyframes slideUp {
  from {
    top: calc(100vh + 400px);
  }
  to {
    top: calc(100vh - 400px);
  }
}
@media screen and (min-width: 425px) {
  @keyframes slideUp {
    from {
      bottom: -400px;
    }
    to {
      bottom: 86px;
    }
  }
}

.crsr-pointer {
  cursor: pointer;
}

.sml-btn {
  padding: 8px 18px;
  border-radius: 12px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  align-content: center;
}

.lrg-btn {
  width: 100%;
  max-width: 378px;
  font-size: 13px;
  height: 42px;
  border-radius: 8px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  line-height: 42px;
  align-content: center;
}

.pri-btn {
  background-color: #ffffff;
  border: 1px solid #000000;
}

.fangolio-btns {
  display: flex;
  justify-content: center;
  padding: 25px 8px;
}
@media screen and (min-width: 375px) {
  .fangolio-btns {
    padding: 37px 0 8px;
  }
}
@media screen and (min-width: 1024px) {
  .fangolio-btns {
    justify-content: flex-start;
  }
}
.fangolio-btns .beAModel, .fangolio-btns .signup {
  font-size: 10px;
  font-weight: 600;
  line-height: 34px;
}
@media screen and (min-width: 375px) {
  .fangolio-btns .beAModel, .fangolio-btns .signup {
    font-size: 14px;
  }
}
@media screen and (min-width: 425px) {
  .fangolio-btns .beAModel, .fangolio-btns .signup {
    font-size: 16px;
  }
}
.fangolio-btns .beAModel {
  background-color: #791430;
  color: #ffffff;
}
.fangolio-btns .signup {
  margin-left: 8px;
  background-color: #ffffff;
  color: #791430;
}

.d-flex-cen {
  display: flex;
  justify-content: center;
  align-items: center;
}

.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.d-flex {
  display: flex;
}

.jc-sb {
  justify-content: space-between;
}

.jc-cn {
  justify-content: center;
}

.al-c {
  align-items: center;
}

.f-11 {
  font-size: 11px;
}

.formError {
  display: none;
  background-color: #f01605;
  border-radius: 5px;
  margin: 20px 0;
  padding: 5px 10px;
}
.formError ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  list-style: none;
}
.formError ul li {
  color: #ffffff;
  font-size: 12px;
  line-height: 24px;
}

.txt-hdr {
  font-size: 16px;
}

.f-12 {
  font-size: 12px;
}

.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.grey7 {
  color: #666;
}

form input {
  margin-bottom: 14px;
  padding: 12px;
}

#btnVerifyOtp {
  gap: 5px;
  background-color: #791430 !important;
}

.success-msg {
  background-color: #6DB92C !important;
  border-color: #6DB92C;
}

.txt-cen {
  text-align: center;
}

.ghost-s {
  color: #0095F6;
  text-decoration: underline;
}

.mr-8 {
  margin-right: 8px;
}

.mr-24 {
  margin-right: 24px;
}

.ml-24 {
  margin-left: 24px;
}

.blk-btn {
  background-color: #791430;
  border: 1px solid #791430;
  color: #ffffff;
  border-radius: 8px !important;
}

.prpl-btn {
  background-color: #791430;
  border: 1px solid #791430 !important;
  color: #ffffff !important;
  border-radius: 12px !important;
}

.beACreator {
  padding: 80px 16px;
  background-color: #101010;
  color: #FCFCFC;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .beACreator {
    padding: 72px 108px 0;
  }
}
@media screen and (min-width: 1366px) {
  .beACreator {
    padding: 120px 108px 0;
  }
}
@media screen and (min-width: 768px) {
  .beACreator .header {
    margin: 0 108px;
  }
}
.beACreator .header .tagline {
  background: #700026;
  color: #ffffff;
  display: inline-block;
  padding: 8px 12px;
  font-size: 14px;
  border-radius: 10px;
  margin-bottom: 8px;
}
.beACreator .header .hdng {
  font-family: "Inter";
  font-size: 29px;
  font-weight: 800;
  line-height: 36px;
}
@media screen and (min-width: 375px) {
  .beACreator .header .hdng {
    font-size: 34px;
    line-height: 42px;
  }
}
@media screen and (min-width: 425px) {
  .beACreator .header .hdng {
    font-size: 36px;
  }
}
@media screen and (min-width: 1024px) {
  .beACreator .header .hdng {
    font-size: 52px;
    line-height: 64px;
  }
}
.beACreator .header .career {
  font-size: 14px;
  color: #A3A3A3;
  line-height: 22px;
  font-weight: 400;
  margin-top: 24px;
}
@media screen and (min-width: 375px) {
  .beACreator .header .career {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 1366px) {
  .beACreator .header .career {
    padding: 0 163px;
  }
}
@media screen and (min-width: 768px) {
  .beACreator .step-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0 30px 20px;
    margin: 38px 0;
  }
}
.beACreator .step-container .flw-steps {
  margin: 68px 0 36px;
}
@media screen and (min-width: 768px) {
  .beACreator .step-container .flw-steps {
    margin: 0;
    max-width: 485px;
  }
}
@media screen and (min-width: 1366px) {
  .beACreator .step-container .flw-steps {
    max-width: 734px;
  }
}
.beACreator .step-container .flw-steps .slide-wrap {
  background-color: #141414;
  border-radius: 20px;
  padding: 18px;
  margin-bottom: 8px;
}
@media screen and (min-width: 375px) {
  .beACreator .step-container .flw-steps .slide-wrap {
    padding: 18px 24px;
  }
}
@media screen and (min-width: 768px) {
  .beACreator .step-container .flw-steps .slide-wrap {
    padding: 20px;
  }
}
@media screen and (min-width: 1366px) {
  .beACreator .step-container .flw-steps .slide-wrap {
    padding: 26px 30px;
  }
}
.beACreator .step-container .flw-steps .slide-wrap .steps-hdng {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #ffffff;
  line-height: 18px;
  font-weight: 600;
  cursor: pointer;
}
@media screen and (min-width: 375px) {
  .beACreator .step-container .flw-steps .slide-wrap .steps-hdng {
    font-size: 18px;
    line-height: 22px;
  }
}
@media screen and (min-width: 1366px) {
  .beACreator .step-container .flw-steps .slide-wrap .steps-hdng {
    height: 54px;
  }
}
@media screen and (min-width: 1024px) {
  .beACreator .step-container .flw-steps .slide-wrap .steps-hdng {
    font-size: 22px;
    line-height: 26px;
  }
}
.beACreator .step-container .flw-steps .slide-wrap .steps-hdng .mr-24 {
  width: 40px;
  height: 40px;
}
@media screen and (min-width: 425px) {
  .beACreator .step-container .flw-steps .slide-wrap .steps-hdng .mr-24 {
    width: 48px;
    height: 48px;
  }
}
.beACreator .step-container .flw-steps .slide-wrap .steps-hdng span {
  text-align: left;
  width: 100%;
}
.beACreator .step-container .flw-steps .slide-wrap .steps-exp {
  font-size: 11px;
  color: #71717A;
  font-weight: 400;
  line-height: 18px;
  margin-top: 16px;
  text-align: left;
}
@media screen and (min-width: 375px) {
  .beACreator .step-container .flw-steps .slide-wrap .steps-exp {
    font-size: 13px;
    line-height: 22px;
  }
}
@media screen and (min-width: 425px) {
  .beACreator .step-container .flw-steps .slide-wrap .steps-exp {
    font-size: 15px;
    line-height: 23px;
  }
}
@media screen and (min-width: 1366px) {
  .beACreator .step-container .flw-steps .slide-wrap .steps-exp {
    font-size: 18px;
    line-height: 28px;
  }
}
.beACreator .step-container .flw-steps .slide-wrap.active .down-arrow {
  transform: rotate(180deg);
}
.beACreator .step-container .img-container {
  padding: 0 30px;
}
@media screen and (min-width: 425px) {
  .beACreator .step-container .img-container {
    padding: 0 60px 30px;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .beACreator .step-container .img-container {
    padding: 0;
    width: 265px;
    height: 542px;
  }
}
@media screen and (min-width: 1024px) {
  .beACreator .step-container .img-container {
    padding-left: 30px;
  }
}
.beACreator .step-container .img-container img {
  width: 100%;
}

.testimonial-section {
  text-align: center;
  padding: 72px 0 0;
  background-color: #FCFCFC;
}
@media screen and (min-width: 768px) {
  .testimonial-section {
    padding: 60px 0 0;
  }
}
.testimonial-section .tagline {
  background: #700026;
  color: white;
  display: inline-block;
  padding: 8px 12px;
  font-size: 14px;
  border-radius: 10px;
  margin-bottom: 4px;
}
.testimonial-section .headline {
  font-size: 36px;
  line-height: 42px;
  font-weight: bold;
  letter-spacing: -1px;
  color: #5c0a25;
  margin: 0 18px 16px;
}
@media screen and (min-width: 425px) {
  .testimonial-section .headline {
    padding: 0 30px;
  }
}
@media screen and (min-width: 768px) {
  .testimonial-section .headline {
    font-size: 56px;
    line-height: 64px;
  }
}
.testimonial-section .text-maroon {
  color: #490C1D;
}
.testimonial-section .subtext {
  font-size: 16px;
  color: #525252;
  line-height: 24px;
  margin-bottom: 4px;
}
@media screen and (min-width: 768px) {
  .testimonial-section .subtext {
    font-size: 18px;
  }
}
.testimonial-section img {
  width: 100%;
}

.faq-section {
  position: relative;
  z-index: 1;
  padding: 0px 16px 72px 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 40px;
  border-radius: 0 0 20px 20px;
  background-color: #FCFCFC;
}
@media screen and (min-width: 768px) {
  .faq-section {
    text-align: unset;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px 16px 72px 16px;
  }
}
@media screen and (min-width: 1024px) {
  .faq-section {
    padding: 0px 108px 108px;
  }
}
.faq-section .faq-header {
  font-family: "Inter";
  max-width: 370px;
}
@media screen and (min-width: 1024px) {
  .faq-section .faq-header {
    max-width: 600px;
  }
}
.faq-section .faq-header .we-ans {
  padding: 8px 12px;
  background-color: #791430;
  border: 1px solid #791430;
  color: #ffffff;
  border-radius: 10px;
  font-size: 14px;
  line-height: 17px;
  width: max-content;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .faq-section .faq-header .we-ans {
    margin: 0;
  }
}
.faq-section .faq-header h2 {
  font-family: "Inter";
  font-size: 28px;
  line-height: 36px;
  font-weight: bold;
  margin: 16px 0;
  color: #490C1D;
}
@media screen and (min-width: 375px) {
  .faq-section .faq-header h2 {
    font-size: 33px;
  }
}
@media screen and (min-width: 768px) {
  .faq-section .faq-header h2 {
    display: inline-grid;
    font-size: 40px;
    line-height: 42px;
  }
}
@media screen and (min-width: 1024px) {
  .faq-section .faq-header h2 {
    font-size: 52px;
    line-height: 56px;
  }
}
.faq-section .faq-header h2 span {
  font-family: "Inter";
  text-align: center;
  font-weight: normal;
}
.faq-section .faq-header .subtext {
  font-size: 16px;
  line-height: 24px;
  color: #52525B;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .faq-section .faq-header .subtext {
    font-size: 20px;
    line-height: 28px;
  }
}
.faq-section .faq-header .subtext a {
  color: #791430 !important;
  font-weight: 600;
}
.faq-section .faq-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  border: 1px solid #E5E5E5;
  border-radius: 24px;
  background-color: #ffffff;
  padding: 24px 22px;
}
@media screen and (min-width: 1024px) {
  .faq-section .faq-container {
    padding: 16px 12px;
  }
}
.faq-section .faq-container .faq-item {
  width: 100%;
  padding: 12px;
}
@media screen and (min-width: 1024px) {
  .faq-section .faq-container .faq-item {
    padding: 24px;
  }
}
.faq-section .faq-container .faq-item .faq-header-row {
  cursor: pointer;
}
.faq-section .faq-container .faq-item .faq-header-row .down-arrow {
  width: 20px;
  height: 20px;
}
.faq-section .faq-container .faq-item .faq-cont {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: left;
}
.faq-section .faq-container .faq-item .faq-cont .faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
  color: #300814;
  text-align: left;
  padding: 0;
  cursor: pointer;
}
@media screen and (min-width: 375px) {
  .faq-section .faq-container .faq-item .faq-cont .faq-question {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 425px) {
  .faq-section .faq-container .faq-item .faq-cont .faq-question {
    font-size: 19px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1024px) {
  .faq-section .faq-container .faq-item .faq-cont .faq-question {
    font-size: 20px;
    line-height: 24px;
  }
}
.faq-section .faq-container .faq-item .faq-cont .faq-question img {
  margin-left: 20px;
}
.faq-section .faq-container .faq-item .faq-cont .faq-answer {
  font-size: 15px;
  line-height: 23px;
  color: #52525B;
  text-align: left;
  display: none;
  width: 100%;
  padding: 17px 22px;
  border: 1px solid #791431;
  border-radius: 16px;
  margin-top: 20px;
  box-shadow: 0px 0 4px rgba(253, 62, 46, 0.1019607843), 0px 0 4px rgba(253, 62, 46, 0.1019607843), 0px 10px 8px rgba(253, 62, 46, 0.1019607843);
}
@media screen and (min-width: 1366px) {
  .faq-section .faq-container .faq-item .faq-cont .faq-answer {
    padding: 34px 30px;
  }
}
.faq-section .faq-container .faq-item .faq-cont .faq-answer.show {
  display: block;
}
.faq-section .faq-container .faq-item.active .down-arrow {
  transform: rotate(180deg);
  align-items: flex-start;
}

.hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 37px 20px 190px;
  background: linear-gradient(to bottom, #FCFCFC 0%, #FCFCFC 90%, #FFFFFF 100%);
}
@media screen and (min-width: 1024px) {
  .hero {
    padding: 37px 20px 372px;
  }
}
.hero .image-banner {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 30px;
  position: absolute;
}
.hero .image-banner img {
  width: 100%;
  height: auto;
  display: block;
}
.hero .hero-content {
  position: relative;
  top: 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 43px;
}
@media screen and (min-width: 425px) {
  .hero .hero-content {
    top: 220px;
    padding-bottom: 93px;
  }
}
@media screen and (min-width: 1024px) {
  .hero .hero-content {
    top: 310px;
    max-width: 620px;
  }
}
@media screen and (min-width: 1366px) {
  .hero .hero-content {
    max-width: 754px;
  }
}
.hero .hero-content .heading {
  font-size: 80px;
  line-height: 88px;
  letter-spacing: -3px;
  text-align: center;
  background: linear-gradient(90deg, #300814 0%, #FE2E69 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (min-width: 1024px) {
  .hero .hero-content .heading {
    font-size: 110px;
    line-height: 118px;
    letter-spacing: -4px;
  }
}
@media screen and (min-width: 1366px) {
  .hero .hero-content .heading {
    font-size: 136px;
    line-height: 144px;
  }
}
.hero .hero-content .subheading {
  max-width: 400px;
  font-size: 17px;
  line-height: 26px;
  text-align: center;
  color: #525252;
  margin: 29px 0 37px;
}
.hero .hero-content .cta-button {
  background-color: #791430;
  color: #ffffff;
  padding: 18px 30px;
  border: 1px solid #490C1D;
  border-radius: 44px;
  font-size: 18px;
  cursor: pointer;
  text-decoration: none;
  box-shadow: 0px 20px 12px 0px rgba(248, 42, 104, 0.1019607843);
}

footer {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 16px 16px;
  width: 100%;
  font-size: 14px;
}
@media screen and (min-width: 425px) {
  footer {
    padding: 0px 16px 30px;
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  footer {
    padding: 0px 30px 30px;
  }
}
@media screen and (min-width: 1024px) {
  footer {
    padding: 0 108px 108px;
  }
}
footer .footer-body {
  background-color: #FAFAFA;
  border: 1px solid #E5E5E5;
  border-radius: 32px;
  display: flex;
  flex-direction: column;
  padding: 20px;
  width: 100%;
}
@media screen and (min-width: 425px) {
  footer .footer-body {
    padding: 32px 28px;
  }
}
@media screen and (min-width: 768px) {
  footer .footer-body {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
}
@media screen and (min-width: 1366px) {
  footer .footer-body {
    padding: 52px 44px;
  }
}
footer .footer-body .logo-div {
  margin-bottom: 15px;
}
@media screen and (min-width: 425px) {
  footer .footer-body .logo-div {
    margin-bottom: 28px;
  }
}
@media screen and (min-width: 768px) {
  footer .footer-body .logo-div {
    margin: 0;
  }
}
footer .footer-body .logo-div .copyright {
  color: #424242;
  margin-top: 8px;
}
footer .footer-body .logo-div .social {
  display: flex;
  flex-direction: row;
  gap: 30px;
  margin-top: 30px;
}
@media screen and (min-width: 425px) {
  footer .footer-body .logo-div .social {
    margin-top: 40px;
  }
}
footer .footer-body .links-group {
  display: contents;
}
@media screen and (min-width: 1024px) {
  footer .footer-body .links-group {
    display: flex;
    gap: 40px;
  }
}
footer .footer-body .company-links {
  margin-bottom: 34px;
}
@media screen and (min-width: 425px) {
  footer .footer-body .company-links {
    margin-bottom: 44px;
  }
}
footer .footer-body .company-links,
footer .footer-body .support-links {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
footer .footer-body .company-links a,
footer .footer-body .support-links a {
  text-decoration: none;
  color: #424242;
}
footer .footer-body .company-links a:hover,
footer .footer-body .support-links a:hover {
  text-decoration: underline;
}