@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
/*@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");*/


*,
*::before,
*::after {
  box-sizing:border-box
}
/*html {
  font-family:sans-serif;
  line-height:1.15;
  -webkit-text-size-adjust:100%;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility
}
body {
  margin:0
}
[tabindex="-1"]:focus:not(:focus-visible) {
  outline:0 !important
}*/
#camproot {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  font-family: "IBM Plex Sans", sans-serif;
  font-family: "IBM Plex Sans",var(--font-system) !important;
  color: #222832;
  text-align: left;
}

h1,
h2,
h4 {
  margin-top:0;
  margin-bottom:0
}
p {
  margin-top:0;
  margin-bottom:0
}
hr {
  box-sizing:content-box;
  height:0;
  margin:0
}
code {
  font-family:monospace,monospace;
  font-size:1em
}
address {
  margin-bottom:0;
  font-style:normal;
  line-height:inherit
}
b,
strong {
  font-weight:bolder
}
ul {
  margin-top:0;
  margin-bottom:0
}
form {
  margin:0
}
label {
  display:inline-block
}
button,
input,
optgroup,
select,
textarea {
  font:inherit;
  margin:0
}
input {
  overflow:visible
}
button,
select {
  text-transform:none
}
select {
  word-wrap:normal
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance:button
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor:pointer
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style:none;
  padding:0
}
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance:listbox
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance:none;
  margin:0
}
input[type=number] {
  -moz-appearance:textfield
}
input::-webkit-contacts-auto-fill-button {
  visibility:hidden;
  pointer-events:none;
  position:absolute;
  right:0
}
input::-webkit-credit-card-auto-fill-button {
  visibility:hidden;
  pointer-events:none;
  position:absolute;
  right:0
}
input::-webkit-credentials-auto-fill-button {
  visibility:hidden;
  pointer-events:none;
  position:absolute;
  right:0
}
textarea {
  resize:none
}
progress {
  vertical-align:baseline
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height:auto
}
[type=search] {
  -webkit-appearance:textfield;
  outline-offset:-2px
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance:none
}
::-webkit-file-upload-button {
  -webkit-appearance:button;
  font:inherit
}
:camproot {
  --font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}
:camproot {
  --fixed-container-width-mobile: 390px;
  --fixed-container-width-desktop: 296px
}
* {
  min-width:0
}
/*html {
  height:100%;
  overscroll-behavior-y:none
}*/
/*html.desktop-view {
  height:auto
}*/
.desktop-view {
  height:auto
}
.line-height-24 {
  line-height:24px !important;
}
body {
  font-size:16px;
  line-height:24px;
  font-weight:400;
  min-width:320px;
  height:100%;
  font-family:"IBM Plex Sans",sans-serif !important;
  /*font-family:"IBM Plex Sans",var(--font-system) !important;*/
  /*!rtl:IBM Plex Sans Arabic, IBM Plex Sans, var(--font-system)*/;
  color:#222832;
  text-align:left;
  background-color:rgba(0,0,0,0);
  overscroll-behavior-y:none
}
/*!rtl:14px*/ 
.desktop-view body {
  height:auto;
  overflow:hidden
}
hr {
  border-left:0;
  border-right:0;
  border-bottom:0;
  border-top:1px solid #c7cdd6
}
a {
  color:inherit;
  text-decoration:underline;
  text-underline-offset:.15em
}
a:hover {
  color:#49505b
}
.dark-mode a:hover {
  color:inherit
}
a:focus {
  outline:0
}
b,
strong {
  font-weight:600
}
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline:0
}
select:-moz-focusring {
  color:rgba(0,0,0,0);
  text-shadow:0 0 0 #222832
}
select option:not(:checked) {
  color:#222832
}
input:not([type=checkbox]):not([type=radio]):disabled {
  opacity:1
}
ul {
  list-style:none;
  padding:0
}
/*!rtl:begin:ignore*/.crypto-icon-aave {
  background-position:0px 0px
}
.crypto-icon-alcx {
  background-position:-20px 0px
}
.crypto-icon-ali {
  background-position:0px -20px
}
.crypto-icon-amp {
  background-position:-20px -20px
}
.crypto-icon-ankr {
  background-position:-40px 0px
}
.crypto-icon-ape {
  background-position:-40px -20px
}
.crypto-icon-api3 {
  background-position:0px -40px
}
.crypto-icon-ash {
  background-position:-20px -40px
}
.crypto-icon-audio {
  background-position:-40px -40px
}
.crypto-icon-axs {
  background-position:-60px 0px
}
.crypto-icon-bal {
  background-position:-60px -20px
}
.crypto-icon-bat {
  background-position:-60px -40px
}
.crypto-icon-bch {
  background-position:0px -60px
}
.crypto-icon-bnt {
  background-position:-20px -60px
}
.crypto-icon-bond {
  background-position:-40px -60px
}
.crypto-icon-btc {
  background-position:-60px -60px
}
.crypto-icon-btcg {
  background-position:-80px 0px
}
.crypto-icon-chz {
  background-position:-80px -20px
}
.crypto-icon-comp {
  background-position:-80px -40px
}
.crypto-icon-crv {
  background-position:-80px -60px
}
.crypto-icon-ctx {
  background-position:0px -80px
}
.crypto-icon-cube {
  background-position:-20px -80px
}
.crypto-icon-cvc {
  background-position:-40px -80px
}
.crypto-icon-dai {
  background-position:-60px -80px
}
.crypto-icon-doge {
  background-position:-80px -80px
}
.crypto-icon-dot {
  background-position:-100px 0px
}
.crypto-icon-dpi {
  background-position:-100px -20px
}
.crypto-icon-efil {
  background-position:-100px -40px
}
.crypto-icon-elon {
  background-position:-100px -60px
}
.crypto-icon-enj {
  background-position:-100px -80px
}
.crypto-icon-ens {
  background-position:0px -100px
}
.crypto-icon-ern {
  background-position:-20px -100px
}
.crypto-icon-eth {
  background-position:-40px -100px
}
.crypto-icon-ethg {
  background-position:-60px -100px
}
.crypto-icon-fet {
  background-position:-80px -100px
}
.crypto-icon-fida {
  background-position:-100px -100px
}
.crypto-icon-fil {
  background-position:-120px 0px
}
.crypto-icon-frax {
  background-position:-120px -20px
}
.crypto-icon-ftm {
  background-position:-120px -40px
}
.crypto-icon-fxs {
  background-position:-120px -60px
}
.crypto-icon-gala {
  background-position:-120px -80px
}
.crypto-icon-gfi {
  background-position:-120px -100px
}
.crypto-icon-gmt {
  background-position:0px -120px
}
.crypto-icon-grt {
  background-position:-20px -120px
}
.crypto-icon-gusd {
  background-position:-40px -120px
}
.crypto-icon-index {
  background-position:-60px -120px
}
.crypto-icon-inj {
  background-position:-80px -120px
}
.crypto-icon-jam {
  background-position:-100px -120px
}
.crypto-icon-knc {
  background-position:-120px -120px
}
.crypto-icon-kp3r {
  background-position:-140px 0px
}
.crypto-icon-ldo {
  background-position:-140px -20px
}
.crypto-icon-link {
  background-position:-140px -40px
}
.crypto-icon-lpt {
  background-position:-140px -60px
}
.crypto-icon-lqty {
  background-position:-140px -80px
}
.crypto-icon-lrc {
  background-position:-140px -100px
}
.crypto-icon-ltc {
  background-position:-140px -120px
}
.crypto-icon-luna {
  background-position:0px -140px
}
.crypto-icon-lusd {
  background-position:-20px -140px
}
.crypto-icon-mana {
  background-position:-40px -140px
}
.crypto-icon-mask {
  background-position:-60px -140px
}
.crypto-icon-matic {
  background-position:-80px -140px
}
.crypto-icon-mc {
  background-position:-100px -140px
}
.crypto-icon-mco2 {
  background-position:-120px -140px
}
.crypto-icon-metis {
  background-position:-140px -140px
}
.crypto-icon-mim {
  background-position:-160px 0px
}
.crypto-icon-mir {
  background-position:-160px -20px
}
.crypto-icon-mkr {
  background-position:-160px -40px
}
.crypto-icon-mpl {
  background-position:-160px -60px
}
.crypto-icon-nmr {
  background-position:-160px -80px
}
.crypto-icon-oneinch {
  background-position:-160px -100px
}
.crypto-icon-orca {
  background-position:-160px -120px
}
.crypto-icon-oxt {
  background-position:-160px -140px
}
.crypto-icon-paxg {
  background-position:0px -160px
}
.crypto-icon-qnt {
  background-position:-20px -160px
}
.crypto-icon-qrdo {
  background-position:-40px -160px
}
.crypto-icon-rad {
  background-position:-60px -160px
}
.crypto-icon-rare {
  background-position:-80px -160px
}
.crypto-icon-ray {
  background-position:-100px -160px
}
.crypto-icon-rbn {
  background-position:-120px -160px
}
.crypto-icon-ren {
  background-position:-140px -160px
}
.crypto-icon-revv {
  background-position:-160px -160px
}
.crypto-icon-rly {
  background-position:-180px 0px
}
.crypto-icon-rndr {
  background-position:-180px -20px
}
.crypto-icon-sand {
  background-position:-180px -40px
}
.crypto-icon-sbr {
  background-position:-180px -60px
}
.crypto-icon-shib {
  background-position:-180px -80px
}
.crypto-icon-ship {
  background-position:-180px -100px
}
.crypto-icon-skl {
  background-position:-180px -120px
}
.crypto-icon-slp {
  background-position:-180px -140px
}
.crypto-icon-snx {
  background-position:-180px -160px
}
.crypto-icon-sol {
  background-position:0px -180px
}
.crypto-icon-spell {
  background-position:-20px -180px
}
.crypto-icon-storj {
  background-position:-40px -180px
}
.crypto-icon-sushi {
  background-position:-60px -180px
}
.crypto-icon-toke {
  background-position:-80px -180px
}
.crypto-icon-tru {
  background-position:-100px -180px
}
.crypto-icon-uma {
  background-position:-120px -180px
}
.crypto-icon-uni {
  background-position:-140px -180px
}
.crypto-icon-usdc {
  background-position:-160px -180px
}
.crypto-icon-usdt {
  background-position:-180px -180px
}
.crypto-icon-ust {
  background-position:-200px 0px
}
.crypto-icon-wcfg {
  background-position:-200px -20px
}
.crypto-icon-xtz {
  background-position:-200px -40px
}
.crypto-icon-yfi {
  background-position:-200px -60px
}
.crypto-icon-zbc {
  background-position:-200px -80px
}
.crypto-icon-zec {
  background-position:-200px -100px
}
.crypto-icon-zrx {
  background-position:-200px -120px
}
.crypto-icon-default {
  background-position:-200px -140px
}
.crypto-icon {
  display:block;
  width:20px;
  height:20px;
  background-image:url(../images/popupImages/mcrypto.png);
  background-size:220px 200px
}
/*!rtl:end:ignore*//*!rtl:begin:ignore*/.flag-icon-ad {
  background-position:0px 0px
}
.flag-icon-ae {
  background-position:-20px 0px
}
.flag-icon-af {
  background-position:0px -20px
}
.flag-icon-ag {
  background-position:-20px -20px
}
.flag-icon-ai {
  background-position:-40px 0px
}
.flag-icon-al {
  background-position:-40px -20px
}
.flag-icon-am {
  background-position:0px -40px
}
.flag-icon-ao {
  background-position:-20px -40px
}
.flag-icon-aq {
  background-position:-40px -40px
}
.flag-icon-ar {
  background-position:-60px 0px
}
.flag-icon-arab {
  background-position:-60px -20px
}
.flag-icon-as {
  background-position:-60px -40px
}
.flag-icon-at {
  background-position:0px -60px
}
.flag-icon-au {
  background-position:-20px -60px
}
.flag-icon-aw {
  background-position:-40px -60px
}
.flag-icon-ax {
  background-position:-60px -60px
}
.flag-icon-az {
  background-position:-80px 0px
}
.flag-icon-ba {
  background-position:-80px -20px
}
.flag-icon-bb {
  background-position:-80px -40px
}
.flag-icon-bd {
  background-position:-80px -60px
}
.flag-icon-be {
  background-position:0px -80px
}
.flag-icon-bf {
  background-position:-20px -80px
}
.flag-icon-bg {
  background-position:-40px -80px
}
.flag-icon-bh {
  background-position:-60px -80px
}
.flag-icon-bi {
  background-position:-80px -80px
}
.flag-icon-bj {
  background-position:-100px 0px
}
.flag-icon-bl {
  background-position:-100px -20px
}
.flag-icon-bm {
  background-position:-100px -40px
}
.flag-icon-bn {
  background-position:-100px -60px
}
.flag-icon-bo {
  background-position:-100px -80px
}
.flag-icon-bq {
  background-position:0px -100px
}
.flag-icon-br {
  background-position:-20px -100px
}
.flag-icon-bs {
  background-position:-40px -100px
}
.flag-icon-bt {
  background-position:-60px -100px
}
.flag-icon-bv {
  background-position:-80px -100px
}
.flag-icon-bw {
  background-position:-100px -100px
}
.flag-icon-by {
  background-position:-120px 0px
}
.flag-icon-bz {
  background-position:-120px -20px
}
.flag-icon-ca {
  background-position:-120px -40px
}
.flag-icon-cc {
  background-position:-120px -60px
}
.flag-icon-cd {
  background-position:-120px -80px
}
.flag-icon-cefta {
  background-position:-120px -100px
}
.flag-icon-cf {
  background-position:0px -120px
}
.flag-icon-cg {
  background-position:-20px -120px
}
.flag-icon-ch {
  background-position:-40px -120px
}
.flag-icon-ci {
  background-position:-60px -120px
}
.flag-icon-ck {
  background-position:-80px -120px
}
.flag-icon-cl {
  background-position:-100px -120px
}
.flag-icon-cm {
  background-position:-120px -120px
}
.flag-icon-cn {
  background-position:-140px 0px
}
.flag-icon-co {
  background-position:-140px -20px
}
.flag-icon-cp {
  background-position:-140px -40px
}
.flag-icon-cr {
  background-position:-140px -60px
}
.flag-icon-cu {
  background-position:-140px -80px
}
.flag-icon-cv {
  background-position:-140px -100px
}
.flag-icon-cw {
  background-position:-140px -120px
}
.flag-icon-cx {
  background-position:0px -140px
}
.flag-icon-cy {
  background-position:-20px -140px
}
.flag-icon-cz {
  background-position:-40px -140px
}
.flag-icon-de {
  background-position:-60px -140px
}
.flag-icon-dg {
  background-position:-80px -140px
}
.flag-icon-dj {
  background-position:-100px -140px
}
.flag-icon-dk {
  background-position:-120px -140px
}
.flag-icon-dm {
  background-position:-140px -140px
}
.flag-icon-do {
  background-position:-160px 0px
}
.flag-icon-dz {
  background-position:-160px -20px
}
.flag-icon-eac {
  background-position:-160px -40px
}
.flag-icon-ec {
  background-position:-160px -60px
}
.flag-icon-ee {
  background-position:-160px -80px
}
.flag-icon-eg {
  background-position:-160px -100px
}
.flag-icon-eh {
  background-position:-160px -120px
}
.flag-icon-er {
  background-position:-160px -140px
}
.flag-icon-es-ct {
  background-position:0px -160px
}
.flag-icon-es-ga {
  background-position:-20px -160px
}
.flag-icon-es-pv {
  background-position:-40px -160px
}
.flag-icon-es {
  background-position:-60px -160px
}
.flag-icon-et {
  background-position:-80px -160px
}
.flag-icon-eu {
  background-position:-100px -160px
}
.flag-icon-fi {
  background-position:-120px -160px
}
.flag-icon-fj {
  background-position:-140px -160px
}
.flag-icon-fk {
  background-position:-160px -160px
}
.flag-icon-fm {
  background-position:-180px 0px
}
.flag-icon-fo {
  background-position:-180px -20px
}
.flag-icon-fr {
  background-position:-180px -40px
}
.flag-icon-ga {
  background-position:-180px -60px
}
.flag-icon-gb-eng {
  background-position:-180px -80px
}
.flag-icon-gb-nir {
  background-position:-180px -100px
}
.flag-icon-gb-sct {
  background-position:-180px -120px
}
.flag-icon-gb-wls {
  background-position:-180px -140px
}
.flag-icon-gb {
  background-position:-180px -160px
}
.flag-icon-gd {
  background-position:0px -180px
}
.flag-icon-ge {
  background-position:-20px -180px
}
.flag-icon-gf {
  background-position:-40px -180px
}
.flag-icon-gg {
  background-position:-60px -180px
}
.flag-icon-gh {
  background-position:-80px -180px
}
.flag-icon-gi {
  background-position:-100px -180px
}
.flag-icon-gl {
  background-position:-120px -180px
}
.flag-icon-gm {
  background-position:-140px -180px
}
.flag-icon-gn {
  background-position:-160px -180px
}
.flag-icon-gp {
  background-position:-180px -180px
}
.flag-icon-gq {
  background-position:-200px 0px
}
.flag-icon-gr {
  background-position:-200px -20px
}
.flag-icon-gs {
  background-position:-200px -40px
}
.flag-icon-gt {
  background-position:-200px -60px
}
.flag-icon-gu {
  background-position:-200px -80px
}
.flag-icon-gw {
  background-position:-200px -100px
}
.flag-icon-gy {
  background-position:-200px -120px
}
.flag-icon-hk {
  background-position:-200px -140px
}
.flag-icon-hm {
  background-position:-200px -160px
}
.flag-icon-hn {
  background-position:-200px -180px
}
.flag-icon-hr {
  background-position:0px -200px
}
.flag-icon-ht {
  background-position:-20px -200px
}
.flag-icon-hu {
  background-position:-40px -200px
}
.flag-icon-ic {
  background-position:-60px -200px
}
.flag-icon-id {
  background-position:-80px -200px
}
.flag-icon-ie {
  background-position:-100px -200px
}
.flag-icon-il {
  background-position:-120px -200px
}
.flag-icon-im {
  background-position:-140px -200px
}
.flag-icon-in {
  background-position:-160px -200px
}
.flag-icon-io {
  background-position:-180px -200px
}
.flag-icon-iq {
  background-position:-200px -200px
}
.flag-icon-ir {
  background-position:-220px 0px
}
.flag-icon-is {
  background-position:-220px -20px
}
.flag-icon-it {
  background-position:-220px -40px
}
.flag-icon-je {
  background-position:-220px -60px
}
.flag-icon-jm {
  background-position:-220px -80px
}
.flag-icon-jo {
  background-position:-220px -100px
}
.flag-icon-jp {
  background-position:-220px -120px
}
.flag-icon-ke {
  background-position:-220px -140px
}
.flag-icon-kg {
  background-position:-220px -160px
}
.flag-icon-kh {
  background-position:-220px -180px
}
.flag-icon-ki {
  background-position:-220px -200px
}
.flag-icon-km {
  background-position:0px -220px
}
.flag-icon-kn {
  background-position:-20px -220px
}
.flag-icon-kp {
  background-position:-40px -220px
}
.flag-icon-kr {
  background-position:-60px -220px
}
.flag-icon-kw {
  background-position:-80px -220px
}
.flag-icon-ky {
  background-position:-100px -220px
}
.flag-icon-kz {
  background-position:-120px -220px
}
.flag-icon-la {
  background-position:-140px -220px
}
.flag-icon-lb {
  background-position:-160px -220px
}
.flag-icon-lc {
  background-position:-180px -220px
}
.flag-icon-li {
  background-position:-200px -220px
}
.flag-icon-lk {
  background-position:-220px -220px
}
.flag-icon-lr {
  background-position:-240px 0px
}
.flag-icon-ls {
  background-position:-240px -20px
}
.flag-icon-lt {
  background-position:-240px -40px
}
.flag-icon-lu {
  background-position:-240px -60px
}
.flag-icon-lv {
  background-position:-240px -80px
}
.flag-icon-ly {
  background-position:-240px -100px
}
.flag-icon-ma {
  background-position:-240px -120px
}
.flag-icon-mc {
  background-position:-240px -140px
}
.flag-icon-md {
  background-position:-240px -160px
}
.flag-icon-me {
  background-position:-240px -180px
}
.flag-icon-mf {
  background-position:-240px -200px
}
.flag-icon-mg {
  background-position:-240px -220px
}
.flag-icon-mh {
  background-position:0px -240px
}
.flag-icon-mk {
  background-position:-20px -240px
}
.flag-icon-ml {
  background-position:-40px -240px
}
.flag-icon-mm {
  background-position:-60px -240px
}
.flag-icon-mn {
  background-position:-80px -240px
}
.flag-icon-mo {
  background-position:-100px -240px
}
.flag-icon-mp {
  background-position:-120px -240px
}
.flag-icon-mq {
  background-position:-140px -240px
}
.flag-icon-mr {
  background-position:-160px -240px
}
.flag-icon-ms {
  background-position:-180px -240px
}
.flag-icon-mt {
  background-position:-200px -240px
}
.flag-icon-mu {
  background-position:-220px -240px
}
.flag-icon-mv {
  background-position:-240px -240px
}
.flag-icon-mw {
  background-position:-260px 0px
}
.flag-icon-mx {
  background-position:-260px -20px
}
.flag-icon-my {
  background-position:-260px -40px
}
.flag-icon-mz {
  background-position:-260px -60px
}
.flag-icon-na {
  background-position:-260px -80px
}
.flag-icon-nc {
  background-position:-260px -100px
}
.flag-icon-ne {
  background-position:-260px -120px
}
.flag-icon-nf {
  background-position:-260px -140px
}
.flag-icon-ng {
  background-position:-260px -160px
}
.flag-icon-ni {
  background-position:-260px -180px
}
.flag-icon-nl {
  background-position:-260px -200px
}
.flag-icon-no {
  background-position:-260px -220px
}
.flag-icon-np {
  background-position:-260px -240px
}
.flag-icon-nr {
  background-position:0px -260px
}
.flag-icon-nu {
  background-position:-20px -260px
}
.flag-icon-nz {
  background-position:-40px -260px
}
.flag-icon-om {
  background-position:-60px -260px
}
.flag-icon-pa {
  background-position:-80px -260px
}
.flag-icon-pc {
  background-position:-100px -260px
}
.flag-icon-pe {
  background-position:-120px -260px
}
.flag-icon-pf {
  background-position:-140px -260px
}
.flag-icon-pg {
  background-position:-160px -260px
}
.flag-icon-ph {
  background-position:-180px -260px
}
.flag-icon-pk {
  background-position:-200px -260px
}
.flag-icon-pl {
  background-position:-220px -260px
}
.flag-icon-pm {
  background-position:-240px -260px
}
.flag-icon-pn {
  background-position:-260px -260px
}
.flag-icon-pr {
  background-position:-280px 0px
}
.flag-icon-ps {
  background-position:-280px -20px
}
.flag-icon-pt {
  background-position:-280px -40px
}
.flag-icon-pw {
  background-position:-280px -60px
}
.flag-icon-py {
  background-position:-280px -80px
}
.flag-icon-qa {
  background-position:-280px -100px
}
.flag-icon-re {
  background-position:-280px -120px
}
.flag-icon-ro {
  background-position:-280px -140px
}
.flag-icon-rs {
  background-position:-280px -160px
}
.flag-icon-ru {
  background-position:-280px -180px
}
.flag-icon-rw {
  background-position:-280px -200px
}
.flag-icon-sa {
  background-position:-280px -220px
}
.flag-icon-sb {
  background-position:-280px -240px
}
.flag-icon-sc {
  background-position:-280px -260px
}
.flag-icon-sd {
  background-position:0px -280px
}
.flag-icon-se {
  background-position:-20px -280px
}
.flag-icon-sg {
  background-position:-40px -280px
}
.flag-icon-sh-ac {
  background-position:-60px -280px
}
.flag-icon-sh-hl {
  background-position:-80px -280px
}
.flag-icon-sh-ta {
  background-position:-100px -280px
}
.flag-icon-sh {
  background-position:-120px -280px
}
.flag-icon-si {
  background-position:-140px -280px
}
.flag-icon-sj {
  background-position:-160px -280px
}
.flag-icon-sk {
  background-position:-180px -280px
}
.flag-icon-sl {
  background-position:-200px -280px
}
.flag-icon-sm {
  background-position:-220px -280px
}
.flag-icon-sn {
  background-position:-240px -280px
}
.flag-icon-so {
  background-position:-260px -280px
}
.flag-icon-sr {
  background-position:-280px -280px
}
.flag-icon-ss {
  background-position:-300px 0px
}
.flag-icon-st {
  background-position:-300px -20px
}
.flag-icon-sv {
  background-position:-300px -40px
}
.flag-icon-sx {
  background-position:-300px -60px
}
.flag-icon-sy {
  background-position:-300px -80px
}
.flag-icon-sz {
  background-position:-300px -100px
}
.flag-icon-tc {
  background-position:-300px -120px
}
.flag-icon-td {
  background-position:-300px -140px
}
.flag-icon-tf {
  background-position:-300px -160px
}
.flag-icon-tg {
  background-position:-300px -180px
}
.flag-icon-th {
  background-position:-300px -200px
}
.flag-icon-tj {
  background-position:-300px -220px
}
.flag-icon-tk {
  background-position:-300px -240px
}
.flag-icon-tl {
  background-position:-300px -260px
}
.flag-icon-tm {
  background-position:-300px -280px
}
.flag-icon-tn {
  background-position:0px -300px
}
.flag-icon-to {
  background-position:-20px -300px
}
.flag-icon-tr {
  background-position:-40px -300px
}
.flag-icon-tt {
  background-position:-60px -300px
}
.flag-icon-tv {
  background-position:-80px -300px
}
.flag-icon-tw {
  background-position:-100px -300px
}
.flag-icon-tz {
  background-position:-120px -300px
}
.flag-icon-ua {
  background-position:-140px -300px
}
.flag-icon-ug {
  background-position:-160px -300px
}
.flag-icon-um {
  background-position:-180px -300px
}
.flag-icon-un {
  background-position:-200px -300px
}
.flag-icon-us {
  background-position:-220px -300px
}
.flag-icon-uy {
  background-position:-240px -300px
}
.flag-icon-uz {
  background-position:-260px -300px
}
.flag-icon-va {
  background-position:-280px -300px
}
.flag-icon-vc {
  background-position:-300px -300px
}
.flag-icon-ve {
  background-position:-320px 0px
}
.flag-icon-vg {
  background-position:-320px -20px
}
.flag-icon-vi {
  background-position:-320px -40px
}
.flag-icon-vn {
  background-position:-320px -60px
}
.flag-icon-vu {
  background-position:-320px -80px
}
.flag-icon-wf {
  background-position:-320px -100px
}
.flag-icon-ws {
  background-position:-320px -120px
}
.flag-icon-xk {
  background-position:-320px -140px
}
.flag-icon-ye {
  background-position:-320px -160px
}
.flag-icon-yt {
  background-position:-320px -180px
}
.flag-icon-za {
  background-position:-320px -200px
}
.flag-icon-zm {
  background-position:-320px -220px
}
.flag-icon-zw {
  background-position:-320px -240px
}
.flag-icon {
  display:block;
  width:20px;
  height:20px;
  background-image:url(../images/popupImages/mflags.png);
  background-size:340px 320px
}
/*!rtl:end:ignore*/.rtg-next-enter {
  opacity:0;
  transform:translate3d(180px, 0, 0)
}
.rtg-next-exit {
  opacity:1;
  transform:translate3d(0, 0, 0)
}
.rtg-next-exit.no-animation {
  flex:0 1 0;
  width:0;
  overflow:hidden
}
.rtg-next-enter-active {
  opacity:1;
  transform:translate3d(0, 0, 0)
}
.rtg-next-exit-active {
  opacity:0;
  transform:translate3d(-180px, 0, 0)
}
.rtg-previous-enter {
  opacity:0;
  transform:translate3d(-180px, 0, 0)
}
.rtg-previous-exit {
  opacity:1;
  transform:translate3d(0, 0, 0)
}
.rtg-previous-exit.no-animation {
  flex:0 1 0;
  width:0;
  overflow:hidden
}
.rtg-previous-enter-active {
  opacity:1;
  transform:translate3d(0, 0, 0)
}
.rtg-previous-exit-active {
  opacity:0;
  transform:translate3d(180px, 0, 0)
}
.rtg-next-enter-active,
.rtg-next-exit-active,
.rtg-previous-enter-active,
.rtg-previous-exit-active {
  transition:transform .25s cubic-bezier(0.465, 0.183, 0.153, 0.946),opacity .25s cubic-bezier(0.465, 0.183, 0.153, 0.946)
}
.rtg-next-enter,
.rtg-next-enter-active,
.rtg-next-enter-done,
.rtg-previous-enter,
.rtg-previous-enter-active,
.rtg-previous-enter-done {
  z-index:2
}
.rtg-next-exit,
.rtg-next-exit-active,
.rtg-next-exit-done,
.rtg-previous-exit,
.rtg-previous-exit-active,
.rtg-previous-exit-done {
  z-index:1
}
.rtg-next-enter,
.rtg-next-exit,
.rtg-previous-enter,
.rtg-previous-exit {
  will-change:transform,opacity
}
.no-animation {
  transition:0ms !important;
  transition-delay:.00001ms !important;
}
.rtg-fade-enter {
  opacity:0
}
.rtg-fade-enter-active {
  /*opacity:1;
  transition:opacity .5s !important;*/
  opacity: 1; /* Full opacity by default */
  transition: opacity 1s ease-in-out; /* Smooth transition */
  pointer-events: none;
}

.widget-campaign:hover .rtg-fade-enter-active {
  opacity: 0.5; 
}

.widget-campaign:hover .campaign-faded-overlay {
  opacity: 0.5; 
  background: transparent;
}

.rtg-fade-exit {
  opacity:1

  transition: opacity 1s ease-in-out; /* Smooth transition */
  pointer-events: none;
}
.rtg-fade-exit-active {
  opacity:0;
}

.shake {
  animation:shake .4s ease-in-out
}
@keyframes shake {
  0% {
    transform:translate3d(0, 0, 0)
  }
  12.5% {
    transform:translate3d(-6px, 0, 0)
  }
  37.5% {
    transform:translate3d(5px, 0, 0)
  }
  62.5% {
    transform:translate3d(-3px, 0, 0)
  }
  87.5% {
    transform:translate3d(2px, 0, 0)
  }
  to {
    transform:translate3d(0, 0, 0)
  }
}
#camproot .btn-reset-default {
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  font-family:"IBM Plex Sans",sans-serif !important;
  /*font-family:"IBM Plex Sans",var(--font-system) !important*/ 
  /*!rtl:IBM Plex Sans Arabic, IBM Plex Sans, var(--font-system)*/;
  font-weight:400;
  color:inherit;
  background:none;
  touch-action:manipulation;
  -webkit-appearance:none;
  appearance:none;
  cursor:pointer;
  user-select:none
}
#camproot .btn {
  font-size:/*!rtl:14px*/ 16px;
  line-height:24px;
  font-weight:500;
  display:block;
  width:100%;
  height:48px;
  position:relative;
  color:inherit;
  text-align:center;
  text-decoration:none;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  background:none;
  padding:0px 12px;
  border:0;
  border-radius:8px;
  margin:0;
  -webkit-user-select:none;
  user-select:none;
  touch-action:manipulation;
  transition:background-color .15s ease-in-out;
  cursor:pointer
}
.btn:hover {
  text-decoration:none
}
.btn:disabled,
.btn.disabled {
  pointer-events:none
}
#camproot .btn-primary {
  color:#fff;
  background:#3371e6
}
#camproot .btn-primary:hover {
  color:#fff;
  background:#2e66cf
}
#camproot .btn-primary:active {
  background:#2b54c3
}
#camproot .btn-primary[data-focus-visible-added]:focus {
  border-radius:8px
}
#camproot .btn-default {
  color:#222832 !important;
  background:#fff !important;
  box-shadow:inset 0 0 0 1px #c7cdd6 !important;
}
#camproot .btn-default:hover {
  color:#222832 !important;
  box-shadow:inset 0 0 0 1px #8791a1 !important;
}
#camproot .btn-default:active {
  background:#f3f4fa;
  box-shadow:inset 0 0 0 1px #c7cdd6
}
#camproot .btn-default[data-focus-visible-added]:focus {
  box-shadow:inset 0 0 0 1px #8791a1,0 0 0 1px #fff,0 0 0 2px #3371e6,0 0 0 4px rgba(51,113,230,.2);
  border-radius:8px
}
#camproot .btn-danger {
  color:#fff !important;
  background:#da2243 !important;
}
#camproot .btn-danger:hover {
  color:#fff !important;
  background:#c61333 !important;
}
#camproot .btn-danger:active {
  background:#b31d2b !important;
}
#camproot .btn-danger[data-focus-visible-added]:focus {
  background:#c61333 !important;
  box-shadow:0 0 0 1px #fff,0 0 0 2px #eb5a68,0 0 0 4px rgba(235,90,104,.2);
  border-radius:8px
}
.btn-link {
  color:#222832;
  text-decoration:underline;
  text-underline-offset:.15em;
  background:none;
  padding:0;
  border:0;
  margin:0;
  -webkit-user-select:none;
  user-select:none;
  touch-action:manipulation;
  -webkit-appearance:none;
  appearance:none;
  cursor:pointer
}
.btn-link:hover {
  color:#49505b
}
.btn-link[data-focus-visible-added]:focus {
  border-radius:2px
}
.btn-link:disabled {
  pointer-events:none
}
.btn-icon {
  color:inherit;
  background:none;
  padding:0;
  border:0;
  margin:0;
  touch-action:manipulation;
  -webkit-appearance:none;
  appearance:none
}
.btn-icon:focus {
  border-radius:2px
}
.btn-icon:disabled {
  pointer-events:none
}
.btn-loading,
.btn-loading:hover,
.btn-loading:focus,
.btn-loading:active {
  color:rgba(0,0,0,0)
}
.btn-loading-state {
  display:flex;
  justify-content:center;
  align-items:center;
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  z-index:2;
  font-size:28px;
  color:#fff;
  border-radius:8px;
  transition:all .2s ease-out .2s;
  transform:translate3d(0, -100%, 0)
}
.is-success .btn-loading-state {
  background:#00c07b;
  transform:translate3d(0, 0, 0)
}
.has-error .btn-loading-state {
  background:#da2243;
  transform:translate3d(0, 0, 0)
}
.btn-apple-pay {
  background:#000;
  color:#fff !important;
}
.btn-apple-pay:hover {
  background:#000 !important;
}
.btn-paypal-gold {
  background:#ffc439 !important;
}
.btn-google-pay {
  color:#fff !important;
  background:#000 !important;
}
.btn-google-pay:hover {
  background:#000
}
.btn-venmo {
  color:#fff;
  background:#008cff !important;
}
.btn-venmo:hover {
  background:#0082ed !important;
}
.btn-daf {
  color:#fff;
  background:#35bbf4 !important;
}
.btn-testmode {
  font-size:/*!rtl:12px*/ 14px;
  line-height:20px;
  font-weight:500;
  height:48px;
  color:#222832;
  background:#e7e8ed;
  box-shadow:inset 0 0 0 1px #c7cdd6;
  transition:0s;
  pointer-events:none
}
.btn-testmode:hover,
.btn-testmode:focus {
  color:#222832;
  background:#e7e8ed
}
.btn-testmode[data-focus-visible-added]:focus {
  box-shadow:inset 0 0 0 1px #c7cdd6
}
.form-group {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:flex-start
}
.form-label {
  font-size:/*!rtl:14px*/ 16px;
  line-height:24px;
  font-weight:400;
  max-width:100%;
  margin-bottom:12px;
  order:-1
}
.form-label.is-floating {
  position:absolute;
  top:50%;
  left:14px;
  right:14px;
  color:#697484;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  margin-bottom:0;
  transform:translate3d(0, -50%, 0) scale3d(1, 1, 1);
  transform-origin:top left;
  transition:.15s ease;
  pointer-events:none;
  z-index:5;
  order:initial;
  cursor:text
}
.form-label.is-floating.has-error {
  color:#eb5a68
}
.form-label.is-floating.has-value {
  transform:translate3d(0, calc(-50% - 7px), 0) scale3d(0.75, 0.75, 1)
}
.form-control {
  display:block;
  width:100%;
  height:44px;
  font-size:/*!rtl:14px*/ 16px;
  line-height:24px;
  font-weight:400;
  color:#222832;
  -webkit-text-fill-color:#222832;
  background-color:#fff;
  background-image:none;
  padding:10px 14px;
  border:0;
  border-radius:8px;
  box-shadow:inset 0 0 0 1px #c7cdd6,0 1px 3px rgba(57,58,63,.1);
  -webkit-appearance:none;
  appearance:none
}
.form-control:focus,
.form-control[data-focus-visible-added]:focus {
  box-shadow:inset 0 0 0 2px #3371e6,0 0 0 3px rgba(51,113,230,.2)
}
.form-control:disabled {
  opacity:1;
  pointer-events:none
}
.form-control.has-label-floating {
  height:52px;
  padding-top:22px;
  padding-bottom:6px
}
.form-control.has-label-floating:-webkit-autofill~.form-label,
.form-control.has-label-floating:not(select):focus~.form-label {
  transform:translate3d(0, calc(-50% - 7px), 0) scale3d(0.75, 0.75, 1)
}
.form-control.has-error {
  box-shadow:inset 0 0 0 1px #eb5a68,0 1px 3px rgba(57,58,63,.1)
}
.group-stacked-vertical>.group-stacked-item:not(:last-child) .form-control.has-error {
  box-shadow:inset 0 0 0 1px #eb5a68
}
.form-control.has-error:focus,
.form-control.has-error[data-focus-visible-added]:focus {
  box-shadow:inset 0 0 0 2px #eb5a68,0 0 0 3px rgba(235,90,104,.2)
}
.group-stacked-vertical>.group-stacked-item:not(:last-child) .form-control.has-error:focus,
.group-stacked-vertical>.group-stacked-item:not(:last-child) .form-control.has-error[data-focus-visible-added]:focus {
  box-shadow:inset 0 0 0 2px #eb5a68,0 0 0 3px rgba(235,90,104,.2)
}
.dark-mode .form-control {
  color:#fff;
  -webkit-text-fill-color:#fff;
  background-color:rgba(0,0,0,0);
  box-shadow:inset 0 0 0 1px #8791a1
}
.dark-mode .form-control:-webkit-autofill,
.dark-mode .form-control:-webkit-autofill:focus {
  transition:background-color 0s 600000s,color 0s 600000s !important
}
.dark-mode .form-control.has-error {
  box-shadow:inset 0 0 0 1px #eb5a68,0 1px 3px rgba(57,58,63,.1)
}
.form-control::placeholder {
  font-family:"IBM Plex Sans",sans-serif !important;
  /*font-family:"IBM Plex Sans",var(--font-system) !important;*/
  /*!rtl:IBM Plex Sans Arabic, IBM Plex Sans, var(--font-system)*/;
  color:#697484 !important;
  -webkit-text-fill-color:#697484 !important;;
  opacity:1
}
.form-control-select {
  text-overflow:ellipsis;
  background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgNkw4IDEwTDEyIDYiIHN0cm9rZT0iIzY5NzQ4NCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
  background-position:right 14px center;
  background-size:18px 18px;
  background-repeat:no-repeat;
  padding-inline-end:40px;
  -webkit-appearance:none;
  appearance:none;
  -webkit-user-select:none;
  user-select:none
}
.form-control-placeholder {
  display:block;
  font-size:/*!rtl:14px*/ 16px;
  line-height:24px;
  font-weight:400;
  background:#fff;
  margin:10px 40px 10px 14px
}
.form-control-placeholder.has-label-floating {
  margin-top:22px;
  margin-bottom:6px
}
textarea.form-control {
  height:auto
}
.group-stacked-vertical>.group-stacked-item:not(:first-child) {
  margin-top:-1px
}
.group-stacked-vertical>.group-stacked-item:first-child:not(:last-child) .form-control,
.group-stacked-vertical>.group-stacked-item:first-child:not(:last-child) .StripeElement {
  border-bottom-left-radius:0;
  border-bottom-right-radius:0
}
.group-stacked-vertical>.group-stacked-item:not(:first-child):not(:last-child) .form-control,
.group-stacked-vertical>.group-stacked-item:not(:first-child):not(:last-child) .StripeElement {
  border-radius:0
}
.group-stacked-vertical>.group-stacked-item:last-child:not(:first-child) .form-control,
.group-stacked-vertical>.group-stacked-item:last-child:not(:first-child) .StripeElement {
  border-top-left-radius:0;
  border-top-right-radius:0
}
.group-stacked-vertical .form-control {
  position:relative
}
.group-stacked-vertical .form-control:focus {
  z-index:3;
  will-change:transform
}
.group-stacked-vertical .form-control.has-error {
  z-index:2
}
.group-stacked-vertical .form-control.has-error:focus {
  z-index:4
}
.group-stacked-horizontal {
  display:flex
}
.group-stacked-horizontal .group-stacked-item {
  width:100%
}
.group-stacked-horizontal .group-stacked-item:first-child:not(:last-child) {
  margin-inline-end:-1px
}
.group-stacked-horizontal .group-stacked-item:first-child:not(:last-child) .form-control,
.group-stacked-horizontal .group-stacked-item:first-child:not(:last-child) .StripeElement {
  border-bottom-right-radius:0;
  border-top-right-radius:0
}
.group-stacked-horizontal .group-stacked-item:not(:first-child):not(:last-child) {
  margin-inline-start:-1px;
  margin-inline-end:-1px
}
.group-stacked-horizontal .group-stacked-item:not(:first-child):not(:last-child) .form-control,
.group-stacked-horizontal .group-stacked-item:not(:first-child):not(:last-child) .StripeElement {
  border-radius:0
}
.group-stacked-horizontal .group-stacked-item:last-child:not(:first-child) {
  margin-inline-start:-1px
}
.group-stacked-horizontal .group-stacked-item:last-child:not(:first-child) .form-control,
.group-stacked-horizontal .group-stacked-item:last-child:not(:first-child) .StripeElement {
  border-bottom-left-radius:0;
  border-top-left-radius:0
}
.group-stacked-horizontal .form-control {
  position:relative
}
.group-stacked-horizontal .form-control:focus {
  z-index:3;
  will-change:transform
}
.group-stacked-horizontal .form-control.has-error {
  z-index:2
}
.group-stacked-horizontal .form-control.has-error:focus {
  z-index:4
}
.StripeElement {
  width:100%;
  height:44px;
  border-radius:8px;
  padding:10px 14px;
  background:#fff;
  box-shadow:inset 0 0 0 1px #c7cdd6,0 1px 3px rgba(57,58,63,.1)
}
.StripeElement.has-label-floating {
  height:52px;
  padding-top:22px;
  padding-bottom:6px
}
.StripeElement.has-label-floating.StripeElement--webkit-autofill~.form-label {
  transform:translate3d(0, calc(-50% - 7px), 0) scale3d(0.75, 0.75, 1)
}
.StripeElement.focused {
  position:relative;
/*  box-shadow:inset 0 0 0 2px #3371e6,0 0 0 3px rgba(51,113,230,.2);*/
  z-index:3
}
.StripeElement.focused.has-label-floating~.form-label {
  transform:translate3d(0, calc(-50% - 7px), 0) scale3d(0.75, 0.75, 1)
}
.StripeElement.invalid {
  position:relative;
  box-shadow:inset 0 0 0 1px #eb5a68,0 1px 3px rgba(57,58,63,.1);
  z-index:2
}
.StripeElement.invalid.focused {
  box-shadow:inset 0 0 0 2px #eb5a68,0 0 0 3px rgba(235,90,104,.2);
  z-index:4
}
.group-shadow {
  border-radius:8px;
  box-shadow:0 1px 3px rgba(57,58,63,.1)
}
.group-shadow .StripeElement {
  box-shadow:inset 0 0 0 1px #c7cdd6
}
.group-shadow .StripeElement.focused {
  /*box-shadow:inset 0 0 0 2px #3371e6,0 0 0 3px rgba(51,113,230,.2)*/
}
.group-shadow .StripeElement.invalid {
  box-shadow:inset 0 0 0 1px #eb5a68
}
.group-shadow .StripeElement.invalid.focused {
  box-shadow:inset 0 0 0 2px #eb5a68,0 0 0 3px rgba(235,90,104,.2)
}
.group-shadow-experiment .StripeElement {
  box-shadow:inset 0 0 0 1px #c7cdd6
}
.group-shadow-experiment .StripeElement.focused {
  box-shadow:inset 0 0 0 2px #3371e6,0 0 0 3px rgba(51,113,230,.2)
}
.group-shadow-experiment .StripeElement.invalid {
  box-shadow:inset 0 0 0 1px #eb5a68
}
.group-shadow-experiment .StripeElement.invalid.focused {
  box-shadow:inset 0 0 0 2px #eb5a68,0 0 0 3px rgba(235,90,104,.2)
}
/*SHAJU ADDED*/
/*step4*/
/*.group-shadow { border-radius: 8px;  border: 1px solid #ccc;}
.group-shadow .textbox{ border:1px solid transparent!important; }
.group-shadow .holder { border-top: 1px solid #ccc; flex-direction:initial!important  }
.group-shadow .border-left{ border-right:1px solid #ccc; }
.group-shadow .bi-info-circle { cursor:pointer; position: absolute; right: 10px;  top: 10px; }
.group-shadow .holder { width: 100%;}
.group-shadow .column { width: 50%;}*/
/*SHAJU ADDED*/
.scroll-wrap {
  overflow:hidden;
  position:relative
}
.shadow-top,
.shadow-right,
.shadow-bottom,
.shadow-left {
  position:absolute;
  opacity:0;
  transition:opacity .2s;
  pointer-events:none
}
.shadow-top.is-active,
.shadow-right.is-active,
.shadow-bottom.is-active,
.shadow-left.is-active {
  opacity:1
}
.shadow-top,
.shadow-bottom {
  right:0;
  left:0;
  height:20px
}
.shadow-top {
  top:-20px;
  box-shadow:0 5px 14px rgba(57,58,63,.1)
}
.shadow-bottom {
  bottom:-20px;
  box-shadow:0 5px 14px rgba(57,58,63,.1);
  transform:rotate(180deg)
}
.shadow-right,
.shadow-left {
  top:0;
  bottom:0;
  width:20px
}
.shadow-right {
  right:-20px;
  box-shadow:0 5px 14px rgba(57,58,63,.1);
  transform:rotate(180deg)
}
.shadow-left {
  left:-20px;
  box-shadow:0 5px 14px rgba(57,58,63,.1)
}
.custom-scrollbar {
  overflow:auto
}
@supports(-moz-appearance: none) {
  .custom-scrollbar {
    scrollbar-width:thin;
    scrollbar-color:rgba(135,145,161,.3) rgba(0,0,0,0)
  }
}
.custom-scrollbar::-webkit-scrollbar {
  width:16px;
  height:16px;
  -webkit-appearance:none;
  appearance:none
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  min-height:40px;
  background-color:rgba(135,145,161,.3);
  background-clip:padding-box;
  border:5px solid rgba(0,0,0,0);
  border-radius:10px
}
.spinner {
  display:block;
  border:.1em solid;
  border-radius:50%;
  animation:spinner-rotate .5s infinite linear
}
.spinner-primary {
  border-color:#e7e8ed #e7e8ed #e7e8ed #3371e6
}
.spinner-white {
  border-color:#fff #fff #fff rgba(0,0,0,0)
}
.spinner-default {
  border-color:#8791a1 #8791a1 #8791a1 rgba(0,0,0,0)
}
.spinner-md {
  width:15px;
  height:15px;
  font-size:18px
}
.spinner-lg {
  width:20px;
  height:20px;
  font-size:24px
}
.spinner-xl {
  width:48px;
  height:48px;
  font-size:30px
}
@keyframes spinner-rotate {
  0% {
    transform:rotate(0deg)
  }
  100% {
    transform:rotate(359deg)
  }
}
.title-1 {
  font-size:20px;
  line-height:/*!rtl:34px*/ 24px;
  font-weight:600
}
.title-2 {
  font-size:16px;
  line-height:/*!rtl:28px*/ 20px;
  font-weight:500
}
.subtitle-1 {
  font-size:32px;
  line-height:40px;
  font-weight:400
}
.subtitle-2 {
  font-size:/*!rtl:16px*/ 20px;
  line-height:28px;
  font-weight:500
}
.subtitle-3 {
  font-size:/*!rtl:16px*/ 20px;
  line-height:28px;
  font-weight:400
}
.subtitle-4 {
  font-size:/*!rtl:14px*/ 16px;
  line-height:24px;
  font-weight:500
}
.subtitle-5 {
  font-size:/*!rtl:12px*/ 14px;
  line-height:20px;
  font-weight:600
}
.body-1 {
  font-size:/*!rtl:14px*/ 16px;
  line-height:24px;
  font-weight:400
}
.body-2 {
  font-size:/*!rtl:14px*/ 16px;
  line-height:/*!rtl:22px*/ 20px;
  font-weight:400
}
.body-3 {
  font-size:/*!rtl:12px*/ 14px;
  line-height:20px;
  font-weight:400
}
.body-4 {
  font-size:/*!rtl:11px*/ 12px;
  line-height:18px;
  font-weight:400
}
.label-2 {
  font-size:/*!rtl:14px*/ 16px;
  line-height:24px;
  font-weight:500
}
.label-3 {
  font-size:/*!rtl:14px*/ 16px;
  line-height:24px;
  font-weight:400
}
.label-4 {
  font-size:/*!rtl:12px*/ 14px;
  line-height:20px;
  font-weight:500
}
.link-1 {
  font-size:/*!rtl:14px*/ 16px;
  line-height:24px;
  font-weight:400
}
.link-2 {
  font-size:/*!rtl:12px*/ 14px;
  line-height:20px;
  font-weight:400
}
.link-3 {
  font-size:/*!rtl:10px*/ 12px;
  line-height:16px;
  font-weight:400;
  /*!rtl:remove*/letter-spacing:-0.03em
}
.caption-1 {
  font-size:12px;
  line-height:20px;
  font-weight:600;
  text-transform:uppercase;
  /*!rtl:remove*/letter-spacing:.04em
}
.text-scrollable {
  border:1px solid #c7cdd6;
  box-shadow:inset 2px 2px 3px rgba(57,58,63,.08);
  border-radius:8px
}
.ui-checkbox-label {
  font-size:/*!rtl:14px*/ 16px;
  line-height:24px;
  font-weight:400;
  display:inline-flex;
  vertical-align:top;
  align-items:flex-start;
  max-width:100%;
  -webkit-user-select:none;
  user-select:none;
  cursor:pointer
}
.ui-checkbox-disabled .ui-checkbox-label {
  pointer-events:none
}
.ui-checkbox-control {
  position:relative;
  width:18px;
  flex-shrink:0
}
.ui-checkbox-control:before {
  content:" ";
  opacity:0
}
.ui-checkbox-icon {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:18px;
  height:18px;
  background:#fff;
  box-shadow:inset 0 0 0 1px #697484;
  border-radius:4px
}
.dark-mode .ui-checkbox-icon {
  background:rgba(0,0,0,0);
  box-shadow:inset 0 0 0 1px #8791a1
}
.ui-checkbox-icon svg {
  display:block;
  width:14px;
  height:10px;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%)
}
.ui-checkbox-input {
  opacity:.0001;
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  right:0;
  width:100%;
  height:100%;
  z-index:1;
  cursor:pointer
}
.ui-checkbox-input:checked~.ui-checkbox-icon {
  color:#fff;
  background:#3371e6;
  box-shadow:none
}
.ui-checkbox-input[data-focus-visible-added]:focus~.ui-checkbox-icon {
  box-shadow:inset 0 0 0 1px #697484,0 0 0 1px #fff,0 0 0 2px #3371e6,0 0 0 4px rgba(51,113,230,.2)
}
.dark-mode .ui-checkbox-input[data-focus-visible-added]:focus~.ui-checkbox-icon {
  box-shadow:inset 0 0 0 1px #8791a1,0 0 0 1px #222832,0 0 0 2px #3371e6,0 0 0 4px rgba(51,113,230,.2)
}
.ui-checkbox-input[data-focus-visible-added]:checked:focus~.ui-checkbox-icon {
  box-shadow:0 0 0 1px #fff,0 0 0 2px #3371e6,0 0 0 4px rgba(51,113,230,.2)
}
.dark-mode .ui-checkbox-input[data-focus-visible-added]:checked:focus~.ui-checkbox-icon {
  box-shadow:0 0 0 1px #222832,0 0 0 2px #3371e6,0 0 0 4px rgba(51,113,230,.2)
}
.ui-checkbox-input:disabled {
  pointer-events:none
}
.ui-checkbox-input.has-error~.ui-checkbox-icon {
  box-shadow:inset 0 0 0 2px #eb5a68
}
.ui-checkbox-input.has-error:focus~.ui-checkbox-icon,
.ui-checkbox-input.has-error[data-focus-visible-added]:focus~.ui-checkbox-icon {
  box-shadow:inset 0 0 0 2px #eb5a68,0 0 0 1px #fff,0 0 0 2px #eb5a68,0 0 0 4px rgba(235,90,104,.2)
}
.ui-checkbox-text {
  overflow:hidden;
  text-overflow:ellipsis;
  margin-inline-start:8px
}
.ui-checkbox-hint {
  font-size:/*!rtl:12px*/ 14px;
  line-height:20px;
  font-weight:400;
  margin-top:8px;
  margin-inline-start:26px
}
.ui-radio-label {
  font-size:/*!rtl:14px*/ 16px;
  line-height:24px;
  font-weight:400;
  display:inline-flex;
  vertical-align:top;
  align-items:flex-start;
  max-width:100%;
  -webkit-user-select:none;
  user-select:none;
  cursor:pointer
}
.ui-radio-disabled .ui-radio-label {
  pointer-events:none
}
.ui-radio-control {
  position:relative;
  width:18px;
  flex-shrink:0
}
.ui-radio-control:before {
  content:" ";
  opacity:0
}
.ui-radio-icon {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:18px;
  height:18px;
  background:#fff;
  box-shadow:inset 0 0 0 1px #697484;
  border-radius:18px
}
.ui-radio-input {
  opacity:.0001;
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  right:0;
  width:100%;
  height:100%;
  z-index:1;
  cursor:pointer
}
.ui-radio-input:checked~.ui-radio-icon {
  background:#3371e6;
  box-shadow:none
}
.ui-radio-input:checked~.ui-radio-icon::before {
  content:"";
  width:8px;
  height:8px;
  background:#fff;
  border-radius:50%;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%)
}
.ui-radio-input[data-focus-visible-added]:focus~.ui-radio-icon {
  box-shadow:inset 0 0 0 1px #697484,0 0 0 1px #fff,0 0 0 2px #3371e6,0 0 0 4px rgba(51,113,230,.2)
}
.ui-radio-input[data-focus-visible-added]:checked:focus~.ui-radio-icon {
  box-shadow:0 0 0 1px #fff,0 0 0 2px #3371e6,0 0 0 4px rgba(51,113,230,.2)
}
.ui-radio-input:disabled {
  pointer-events:none
}
.ui-radio-input.has-error~.ui-radio-icon {
  box-shadow:inset 0 0 0 2px #eb5a68
}
.ui-radio-input.has-error:focus~.ui-radio-icon,
.ui-radio-input.has-error[data-focus-visible-added]:focus~.ui-radio-icon {
  box-shadow:inset 0 0 0 2px #eb5a68,0 0 0 1px #fff,0 0 0 2px #eb5a68,0 0 0 4px rgba(235,90,104,.2)
}
.ui-radio-text {
  overflow:hidden;
  text-overflow:ellipsis;
  margin-inline-start:8px
}
.ui-radio-hint {
  font-size:/*!rtl:12px*/ 14px;
  line-height:20px;
  font-weight:400;
  margin-top:8px;
  margin-inline-start:26px
}
.ui-tooltip {
  background:#fff;
  border-radius:8px;
  position:absolute;
  z-index:1020;
  box-shadow:0 3px 12px rgba(57,58,63,.22),0 0 1px rgba(57,58,63,.14);
  width:100%
}
.ui-tooltip-mobile {
  font-size:/*!rtl:12px*/ 14px;
  line-height:20px;
  font-weight:400
}
.ui-tooltip-desktop {
  font-size:/*!rtl:11px*/ 12px;
  line-height:18px;
  font-weight:400
}
@media(min-width: 536px) {
  .ui-tooltip-desktop {
    font-size:/*!rtl:12px*/ 14px;
    line-height:20px;
    font-weight:400
  }
}
/*!rtl:begin:ignore*/
.ui-tooltip-body {
  position:relative;
  text-align:start;
  z-index:1;
  overflow-wrap:break-word
}
.ui-tooltip-body-mobile {
  padding:12px 16px
}
.ui-tooltip-body-desktop {
  padding:4px 8px
}
@media(min-width: 536px) {
  .ui-tooltip-body-desktop {
    padding:12px 16px
  }
}
.ui-tooltip-body-scrollable {
  overflow:auto
}
@supports(-moz-appearance: none) {
  .ui-tooltip-body-scrollable {
    scrollbar-width:thin;
    scrollbar-color:rgba(135,145,161,.3) rgba(0,0,0,0)
  }
}
.ui-tooltip-body-scrollable::-webkit-scrollbar {
  width:16px;
  height:16px;
  -webkit-appearance:none;
  appearance:none
}
.ui-tooltip-body-scrollable::-webkit-scrollbar-thumb {
  min-height:40px;
  background-color:rgba(135,145,161,.3);
  background-clip:padding-box;
  border:5px solid rgba(0,0,0,0);
  border-radius:10px
}
.ui-tooltip-arrow {
  position:absolute;
  width:11px;
  height:11px;
  transform:rotate(45deg);
  background:#fff
}
.ui-tooltip-top .ui-tooltip-arrow {
  border-bottom-right-radius:2px;
  margin-bottom:1px
}
.ui-tooltip-bottom .ui-tooltip-arrow {
  border-top-left-radius:2px;
  margin-top:1px
}
.ui-tooltip-left .ui-tooltip-arrow {
  border-top-right-radius:2px;
  margin-inline-end:1px
}
.ui-tooltip-right .ui-tooltip-arrow {
  border-bottom-left-radius:2px;
  margin-inline-start:1px
}
.rtg-tooltip-to-top-enter {
  opacity:0;
  transform:translate3d(0, 5px, 0)
}
.rtg-tooltip-to-top-enter-active {
  opacity:1;
  transform:translate3d(0, 0, 0);
  transition:opacity .15s ease-out,transform .15s ease-out
}
.rtg-tooltip-to-top-exit {
  opacity:1;
  transform:translate3d(0, 0, 0)
}
.rtg-tooltip-to-top-exit-active {
  opacity:0;
  transform:translate3d(0, 5px, 0);
  transition:opacity .1s ease-in,transform .1s ease-in
}
.rtg-tooltip-to-bottom-enter {
  opacity:0;
  transform:translate3d(0, -5px, 0)
}
.rtg-tooltip-to-bottom-enter-active {
  opacity:1;
  transform:translate3d(0, 0, 0);
  transition:opacity .15s ease-out,transform .15s ease-out
}
.rtg-tooltip-to-bottom-exit {
  opacity:1;
  transform:translate3d(0, 0, 0)
}
.rtg-tooltip-to-bottom-exit-active {
  opacity:0;
  transform:translate3d(0, -5px, 0);
  transition:opacity .1s ease-in,transform .1s ease-in
}
.rtg-tooltip-to-right-enter {
  opacity:0;
  transform:translate3d(-5px, 0, 0)
}
.rtg-tooltip-to-right-enter-active {
  opacity:1;
  transform:translate3d(0, 0, 0);
  transition:opacity .15s ease-out,transform .15s ease-out
}
.rtg-tooltip-to-right-exit {
  opacity:1;
  transform:translate3d(0, 0, 0)
}
.rtg-tooltip-to-right-exit-active {
  opacity:0;
  transform:translate3d(-5px, 0, 0);
  transition:opacity .1s ease-in,transform .1s ease-in
}
.rtg-tooltip-to-left-enter {
  opacity:0;
  transform:translate3d(5px, 0, 0)
}
.rtg-tooltip-to-left-enter-active {
  opacity:1;
  transform:translate3d(0, 0, 0);
  transition:opacity .15s ease-out,transform .15s ease-out
}
.rtg-tooltip-to-left-exit {
  opacity:1;
  transform:translate3d(0, 0, 0)
}
.rtg-tooltip-to-left-exit-active {
  opacity:0;
  transform:translate3d(5px, 0, 0);
  transition:opacity .1s ease-in,transform .1s ease-in
}
.ui-tooltip-stripes {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  border-radius:8px;
  overflow:hidden;
  z-index:-1
}
.ui-tooltip-stripes::before {
  content:"";
  position:absolute
}
.ui-tooltip-stripes-top::before {
  top:0;
  left:0;
  right:0;
  height:4px;
  background:repeating-linear-gradient(138deg, #222832 0px, #222832 10px, #ffcc21 10px, #ffcc21 17px)
}
.ui-tooltip-stripes-left::before {
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:repeating-linear-gradient(40deg, #222832 0px, #222832 10px, #ffcc21 10px, #ffcc21 17px)
}
/*!rtl:end:ignore*/
.campaign {
  background:#fff;
  display:flex;
  flex-direction:column
}
.campaign-desktop {
  height:auto;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  transform:translateZ(0)
}
@media(min-width: 916px) {
  .campaign-desktop {
    height:640px;
    border-radius:16px;
    box-shadow:0 8px 16px rgba(57,58,63,.22),0 0 4px rgba(57,58,63,.04)
  }
}
.campaign-faded-overlay {
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  z-index:1;
  border-radius:16px;
  background:rgba(0,0,0,.3);
  transition: opacity 1s ease-in-out, background 1s ease-in-out;
}
.campaign-image-holder {
  position:relative
}
.campaign-image-holder-mobile {
  order:1
}
.campaign-image-holder-desktop {
  order:0
}
.campaign-image {
  display:block;
  width:100%;
  object-fit:cover
}
.campaign-image-mobile {
  height:59vw
}
.campaign-image-desktop {
  height:202px;
  border-top-left-radius:16px;
  border-top-right-radius:16px
}
@media(min-width: 536px) {
  .campaign-image-desktop {
    height:289px
  }
}
.campaign-header {
  width:100%;
  display:flex;
  align-items:center;
  flex-shrink:0
}
.campaign-header-mobile {
  order:0;
  min-height:48px;
  padding:8px 44px
}
.campaign-header-desktop {
  order:1;
  height:86px;
  padding:20px 28px 16px 28px
}
.campaign-header-name {
  font-size:16px;
  line-height:/*!rtl:28px*/ 20px;
  font-weight:500;
  text-overflow:ellipsis;
  overflow:hidden
}
.campaign-header-name-mobile {
  padding-top:4px;
  padding-bottom:4px;
  text-align:center;
  margin-inline-start:auto;
  margin-inline-end:auto
}
.campaign-header-name-desktop {
  text-align:left;
  white-space:nowrap
}
.campaign-header-logo {
  display:block;
  max-width:100%
}
.campaign-header-logo-mobile {
  max-height:32px;
  margin-inline-start:auto;
  margin-inline-end:auto
}
.showcase .campaign-header-logo-mobile {
  height:32px
}
.campaign-header-logo-desktop {
  max-height:50px
}
.campaign-body {
  order:2;
  width:100%;
  min-height:0
}
.campaign-body-mobile {
  max-width:calc(var(--fixed-container-width-mobile) + 40px);
  margin-inline-start:auto;
  margin-inline-end:auto
}
.campaign-body-desktop {
  display:flex;
  flex-direction:column;
  flex-grow:1;
  padding:0 20px 28px 20px;
  max-width:100%
}
@media(min-width: 536px) {
  .campaign-body-desktop {
    padding-inline-start:28px;
    padding-inline-end:28px
  }
}
.campaign-title {
  font-size:20px;
  line-height:/*!rtl:34px*/ 24px;
  font-weight:600;
  text-overflow:ellipsis;
  overflow:hidden;
  user-select:text
}
.campaign-title-mobile {
  text-align:center
}
.campaign-title-desktop {
  text-align:left
}
@media(min-width: 916px) {
  .campaign-title-desktop {
    white-space:nowrap
  }
}
.campaign-text {
  position:relative;
  text-align:left;
  overflow:hidden
}
.campaign-text-mobile {
  font-size:/*!rtl:12px*/ 14px;
  line-height:20px;
  font-weight:400;
  margin-top:16px;
  text-overflow:ellipsis
}
.campaign-text-desktop {
  font-size:/*!rtl:14px*/ 16px;
  line-height:/*!rtl:22px*/ 20px;
  font-weight:400;
  line-height:22px;
  margin-top:12px;
  user-select:text
}
@media(min-width: 916px) {
  .campaign-text-desktop {
    display:-webkit-box;
    -webkit-box-orient:vertical;
    overflow:hidden
  }
  .campaign-text-desktop.campaign-text-sm {
    -webkit-line-clamp:7
  }
  .campaign-text-desktop.campaign-text-md {
    -webkit-line-clamp:9
  }
  .campaign-text-desktop.campaign-text-lg {
    -webkit-line-clamp:11
  }
}
.campaign-links-wrap {
  flex-shrink:0
}
.campaign-links-wrap-desktop {
  margin-top:12px
}
@media(min-width: 536px) {
  .campaign-links-wrap-desktop {
    margin-top:24px
  }
}
@media(min-width: 916px) {
  .campaign-links-wrap-desktop {
    margin-top:auto
  }
}
.campaign-links {
  max-width:100%;
  line-height:16px;
  text-align:left
}
.campaign-links-mobile {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  margin-top:-4px;
  margin-bottom:-4px
}
.campaign-links-desktop {
  padding:4px;
  margin:-4px;
  user-select:text;
  overflow-wrap:break-word;
  -webkit-hyphens:none;
  hyphens:none
}
@media(min-width: 916px) {
  .campaign-links-desktop {
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden
  }
}
.campaign-link {
  color:#697484
}
.campaign-link:hover {
  color:#49505b
}
.campaign-link-mobile {
  font-size:/*!rtl:12px*/ 14px;
  line-height:20px;
  font-weight:400;
  max-width:100%;
  padding:4px 0;
  text-overflow:ellipsis;
  overflow:hidden
}
.campaign-link-desktop {
  font-size:/*!rtl:10px*/ 12px;
  line-height:16px;
  font-weight:400;
  /*!rtl:remove*/letter-spacing:-0.03em
}
.campaign-tabs-holder {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  display:flex;
  padding-top:3px;
  overflow:hidden;
  z-index:1
}
.campaign-tabs-holder::before {
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:#c7cdd6
}
.campaign-tabs-holder-mobile {
  justify-content:center;
  padding-inline-start:20px;
  padding-inline-end:20px
}
.campaign-tabs-holder-desktop {
  padding-inline-start:8px;
  padding-inline-end:8px
}
@media(min-width: 536px) {
  .campaign-tabs-holder-desktop {
    padding-inline-start:28px;
    padding-inline-end:28px
  }
}
.campaign-tabs {
  display:flex;
  background:#ebf1fc;
  border-top-left-radius:8px;
  border-top-right-radius:8px
}
.campaign-tab {
  font-size:/*!rtl:12px*/ 14px;
  line-height:20px;
  font-weight:600;
  display:block;
  color:#49505b;
  background:rgba(0,0,0,0);
  padding:12px 16px;
  border:1px solid rgba(0,0,0,0);
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  -webkit-appearance:none;
  appearance:none
}
.campaign-tab:last-child {
  margin-inline-start:-1px
}
.campaign-tab:hover {
  color:#222832
}
.campaign-tab.active {
  position:relative;
  color:#222832;
  background:#fff;
  border-color:#c7cdd6;
  border-bottom-color:rgba(0,0,0,0);
  box-shadow:0 4px 8px rgba(57,58,63,.13);
  pointer-events:none
}
.campaign-quote-bubble {
  display:inline-block;
  position:relative;
  border-radius:12px;
  border:1px solid #c7cdd6;
  box-shadow:0 1px 3px rgba(57,58,63,.1);
  min-width:100px;
  max-width:100%;
  padding:16px 20px
}
.campaign-quote-bubble-edge {
  display:block;
  position:absolute;
  top:100%;
  left:20px
}
.campaign-fundraiser-photo {
  border-radius:50%
}
.campaign-meter {
  height:16px;
  position:relative;
  border-radius:10px;
  background-color:#ebf1fc;
  overflow:hidden;
  -webkit-mask-image:-webkit-radial-gradient(white, black)
}
.campaign-meter-progress {
  background:#3371e6;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  z-index:2;
  transition:transform .5s ease-in-out,background .3s .5s ease-in-out
}
.campaign-meter-percent {
  font-size:/*!rtl:11px*/ 12px;
  line-height:18px;
  font-weight:500;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  right:0;
  color:#fff;
  margin-inline-end:2px
}
.campaign-meter-percent-right {
  color:#697484;
  right:auto;
  left:calc(100% + 1px);
  margin-inline-start:2px;
  margin-inline-end:0
}
.campaign-meter-progress-increase {
  background:rgba(51,113,230,.5);
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  z-index:1;
  width:100%;
  transition:transform .5s ease-in-out,background .3s .5s ease-in-out
}
.campaign-meter-hidden {
  transform:translate3d(-100%, 0 0)
}
.campaign-meter-done {
  background:#00c07b
}
.spacer-break {
  display:block;
  line-height:/*!rtl:10px*/ 8px
}
.spacer-break::before {
  content:" ";
  display:block;
  opacity:0
}
.desktop-view .spacer-break {
  line-height:/*!rtl:12px*/ 10px
}
.faq-links-mobile {
  text-align:start;
  margin-inline-start:-4px
}
.faq-links-desktop {
  display:flex;
  flex-direction:column
}
@media(min-width: 916px) {
  .has-campaign .faq-links-desktop {
    flex-direction:row;
    justify-content:center;
    align-items:flex-start
  }
}
.faq-link-item {
  display:flex;
  margin-top:8px
}
.faq-link-item:first-child {
  margin-top:0
}
.faq-link-item-mobile {
  text-align:left;
  text-align:start;
  flex-direction:column
}
.faq-link-item-desktop {
  justify-content:center
}
@media(min-width: 916px) {
  .has-campaign .faq-link-item-desktop {
    margin-top:0
  }
}
.faq-link {
  background-color:rgba(0,0,0,0);
  background-image:none;
  border:0;
  touch-action:manipulation;
  padding:0;
  margin:0
}
.faq-link:focus {
  border-radius:2px
}
.faq-link-mobile {
  font-size:/*!rtl:12px*/ 14px;
  line-height:20px;
  font-weight:400;
  display:flex;
  max-width:100%;
  text-align:left;
  text-align:start;
  color:#222832;
  flex-shrink:0
}
.faq-link-desktop {
  font-size:/*!rtl:11px*/ 12px;
  line-height:18px;
  font-weight:400;
  color:#fff;
  opacity:.8
}
.faq-link-desktop:hover,
.faq-link-desktop:focus {
  opacity:1
}
.faq-link-title {
  display:block;
  flex-grow:1;
  text-overflow:ellipsis;
  overflow:hidden
}
.faq-link-icon {
  transition:transform .2s ease-in-out
}
.faq-link-text {
  overflow:hidden;
  text-overflow:ellipsis
}
.donation-form {
  height:100%;
  position:relative;
  z-index:1
}
.desktop-view .donation-form {
  height:auto
}
.modal-mobile {
  height:100%
}
.modal-desktop {
  overflow-x:hidden;
  overflow-y:auto;
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:1010;
  overscroll-behavior-y:none;
  outline:0;
  display:flex;
  align-items:flex-start
}
.modal-close {
  display:block;
  top:0;
  right:0;
  color:#222832;
  padding:0;
  border:0;
  border-radius:50%;
  z-index:3050
}
.modal-close-mobile {
  position:absolute;
  width:28px;
  height:28px;
  font-size:18px;
  background:#f7fafd;
  margin:10px
}
.modal-close-desktop {
  position:fixed;
  width:32px;
  height:32px;
  font-size:20px;
  background:#e7e8ed;
  margin:12px;
  opacity:.8
}
.modal-close-desktop:hover {
  opacity:.9
}
.modal-close-desktop:active {
  opacity:.7
}
.modal-close-desktop[data-focus-visible-added]:focus {
  opacity:1;
  background:#fff;
  box-shadow:0 0 0 1px #fff,0 0 0 2px #3371e6,0 0 0 4px #d3e1fb
}
.rtg-modal-enter {
  opacity:0
}
.rtg-modal-exit {
  opacity:1
}
.rtg-modal-enter-active {
  opacity:1;
  transition:opacity .15s linear
}
.rtg-modal-exit-active {
  opacity:0;
  transition:opacity .1s linear
}
.widget {
  display:flex;
  flex-direction:column
}
.widget-mobile {
  background-color:#fff;
  overflow-x:hidden;
  min-height:100%
}
.is-mobile-safari-16 .widget-mobile {
  min-height:calc(100% + 1px)
}
.widget-desktop {
  position:relative;
  min-height:0;
  width:100%;
  max-width:376px;
  padding:16px 8px;
  margin:auto
}
@media(min-width: 536px) {
  .widget-desktop {
    width:360px;
    max-width:none;
    padding-inline:0
  }
}
@media(min-width: 536px) {
  .has-campaign .widget-desktop {
    width:516px
  }
}
@media(min-width: 916px) {
  .has-campaign .widget-desktop {
    width:896px
  }
}
.widget-main {
  display:flex;
  flex-direction:column;
  flex-grow:1;
  flex-shrink:0;
  min-height:0
}
@media(min-width: 916px) {
  .widget-main-desktop {
    flex-direction:row
  }
}
.has-campaign .widget-main-desktop {
  border-radius:16px;
  box-shadow:0 8px 16px rgba(57,58,63,.22),0 0 4px rgba(57,58,63,.04)
}
@media(min-width: 916px) {
  .has-campaign .widget-main-desktop {
    border-radius:0;
    box-shadow:none
  }
}
.widget-campaign {
  width:100%;
  min-height:0
}
.widget-campaign-desktop {
  position:relative
}
@media(min-width: 916px) {
  .widget-campaign-desktop {
    width:516px;
    margin-inline-end:20px
  }
}
.widget-form {
  min-height:0
}
.widget-form-mobile {
  flex-grow:1;
  display:flex;
  flex-direction:column;
  width:100%
}
.widget-form-desktop {
  position:relative;
  flex-shrink:0;
  flex-grow:1
}
@media(min-width: 916px) {
  .has-campaign .widget-form-desktop {
    width:360px
  }
}
.widget-footer {
  min-height:0;
  flex-shrink:0
}
.widget-footer-mobile {
  position:relative;
  background-color:#fff;
  padding:24px 20px 60px 20px;
  border-top:1px solid #c7cdd6;
  margin-top:-20px
}
.widget-footer-desktop {
  flex-grow:1;
  padding-top:16px
}
.widget-footer-panel {
  display:flex;
  flex-direction:column-reverse
}
@media(min-width: 916px) {
  .has-campaign .widget-footer-panel-desktop {
    flex-direction:row;
    flex-wrap:wrap;
    align-items:flex-start;
    justify-content:center
  }
}
.body {
  position:relative;
  flex-grow:1;
  min-height:0;
  display:flex;
  flex-direction:column
}
.fixed-container {
  width:100%;
  max-width:var(--fixed-container-width-mobile);
  margin-inline-start:auto;
  margin-inline-end:auto
}
.desktop-view .fixed-container {
  max-width:var(--fixed-container-width-desktop)
}
@media(min-width: 916px) {
  .desktop-view .fixed-container {
    max-width:100%
  }
}
.px-body {
  padding-inline-start:20px;
  padding-inline-end:20px
}
@media(min-width: 536px) {
  .desktop-view .px-body {
    padding-inline-start:32px;
    padding-inline-end:32px
  }
}
.check-image {
  position:relative;
  width:100%;
  max-width:266px;
  border-radius:4px;
  box-shadow:0 1px 3px rgba(109,141,177,.5)
}
.check-image-numbers {
  position:absolute;
  left:0 /*!rtl:ignore;*/;
  bottom:0;
  margin-inline-start:16px;
  margin-bottom:16px;
  z-index:1
}
.comment-btn {
  position:relative;
  display:flex;
  align-items:center;
  max-width:100%;
  margin:0;
  padding:0;
  border:0;
  border-radius:2px;
  color:#222832;
  background-color:rgba(0,0,0,0);
  text-decoration:none;
  text-align:start
}
.comment-btn:disabled {
  pointer-events:none
}
.comment-btn-title {
  position:relative;
  flex-shrink:0;
  transition:color .2s ease-in-out;
  padding-inline-end:4px
}
.is-highlighted .comment-btn-title {
  color:#fff
}
.comment-btn-link {
  position:relative;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-decoration:underline;
  text-underline-offset:.15em;
  transition:color .2s ease-in-out;
  cursor:pointer
}
.comment-btn-link:hover {
  color:#49505b
}
.is-highlighted .comment-btn-link,
.is-highlighted .comment-btn-link:hover,
.is-highlighted .comment-btn-link:focus {
  color:#fff
}
.comment-highlight {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  border-radius:4px;
  transition:background .2s ease-in-out
}
.is-highlighted .comment-highlight {
  background:#3371e6
}
.crypto-timer-holder {
  position:relative;
  width:100%
}
.crypto-timer-holder-desktop {
  padding-inline-start:28px;
  padding-inline-end:28px
}
.crypto-timer-holder-mobile {
  min-height:20px;
  padding-inline-start:56px;
  padding-inline-end:56px
}
.crypto-timer {
  font-size:/*!rtl:12px*/ 14px;
  line-height:20px;
  font-weight:600;
  position:absolute;
  top:0;
  right:0;
  width:55px;
  height:24px;
  font-family:"IBM Plex Sans", sans-serif !important;
  text-align:center;
  color:#fff;
  background:#3371e6;
  padding:0 2px;
  border:0;
  border-radius:12px;
  margin-top:/*!rtl:2px*/ -2px;
  z-index:1;
  -webkit-appearance:none;
  appearance:none
}
.crypto-timer.crypto-timer-danger {
  background:#eb5a68
}
.crypto-timer-desktop {
  margin-inline-end:-28px
}
.price-control {
  display:block;
  width:100%;
  font-family:"IBM Plex Sans", sans-serif !important;
  color:inherit;
  -webkit-text-fill-color:inherit;
  background-color:rgba(0,0,0,0);
  background-image:none;
  padding:0;
  border:0;
  box-shadow:none;
  margin:0;
  -webkit-appearance:none;
  appearance:none
}

.group-price-control .price-control {
    font-family: "IBM Plex Sans", sans-serif !important;
    font-size: 24px !important;
    line-height: 36px !important;
    color: #3371e6 !important;
    outline: none;
}

.price-control:focus {
  box-shadow:none
}

.price-control::placeholder {
  font-family:"IBM Plex Sans",sans-serif !important;
  color:#697484 !important;
  -webkit-text-fill-color:#697484 !important;
  opacity:1 !important;
}
.group-price-control .price-control {
  height:52px;
  line-height:52px
}
.group-frequency-control .price-control {
  height:48px !important;
  line-height:48px !important;
}
.group-price-control-custom-amount .price-control-mobile {
  height:44px;
  line-height:44px
}
.group-price-control-custom-amount .price-control-desktop {
  height:38px !important;
  line-height:38px !important;
}
.group-price-control {
  font-size:24px !important;
  line-height:36px !important;
  font-weight:400 !important;
  position:relative !important;
  display:flex !important;
  color:#3371e6 !important;
  background:#fff !important;
  box-shadow:inset 0 0 0 1px #c7cdd6,0 1px 3px rgba(57,58,63,.1) !important;
  border-radius:8px !important;
  padding-inline-start:16px !important;
  padding-inline-end:6px !important;
}
.group-price-control.focus {
  box-shadow:inset 0 0 0 2px #3371e6,0 0 0 3px rgba(51,113,230,.2) !important;
}
.group-price-control:focus-within {
  box-shadow:inset 0 0 0 2px #3371e6,0 0 0 3px rgba(51,113,230,.2) !important;
}
.group-price-control.has-error {
  box-shadow:inset 0 0 0 1px #eb5a68,0 1px 3px rgba(57,58,63,.1) !important;
}
.group-price-control.has-error.focus {
  box-shadow:inset 0 0 0 2px #eb5a68,0 0 0 3px rgba(235,90,104,.2) !important;
}
.group-price-control-custom-amount {
  font-size:/*!rtl:14px*/ 16px;
  line-height:24px;
  font-weight:500;
  color:#222832;
  background:#ebf1fc;
  box-shadow:inset 0 0 0 2px #3371e6;
  padding-inline-start:12px
}
.group-price-control-custom-amount.focus {
  background:#fff
}
.group-price-control-custom-amount.has-error {
  background:#fff2f2;
  box-shadow:inset 0 0 0 2px #eb5a68
}
.group-price-control-custom-amount.has-error.focus {
  background:#fff
}
.group-frequency-control {
  font-size:32px !important;
  line-height:40px !important;
  font-weight:400  !important;
  position:relative;
  display:inline-flex;
  justify-content:center;
  align-items:baseline;
  color:#3371e6;
  max-width:100%;
  padding:0 12px
}

.group-frequency-control.focus {
  box-shadow:inset 0 0 0 1px #fff,inset 0 0 0 2px #3371e6
}
.group-frequency-control.has-error {
  box-shadow:inset 0 0 0 1px #fff,inset 0 0 0 2px #eb5a68
}
.group-frequency-control.has-error.focus {
  box-shadow:inset 0 0 0 1px #fff,inset 0 0 0 2px #eb5a68
}
.currency-select-label {
  font-size:/*!rtl:14px*/ 16px;
  line-height:24px;
  font-weight:400;
  color:#697484
}
.group-price-control-custom-amount .currency-select-label {
  font-size:/*!rtl:12px*/ 14px;
  line-height:20px;
  font-weight:400
}
.currency-select-arrow {
  color:#8791a1
}
.currency-select {
  font-size:/*!rtl:14px*/ 16px;
  line-height:24px;
  font-weight:400;
  opacity:.0001
}
.currency-select:hover~.currency-select-label {
  background:#f3f4fa;
  color:#49505b
}
.currency-select:hover~.currency-select-label .currency-select-arrow {
  color:#49505b
}
.group-price-control-custom-amount .currency-select:hover~.currency-select-label {
  background:rgba(0,0,0,0)
}
.currency-select[data-focus-visible-added]:focus~.currency-select-label {
  background:#f3f4fa;
  box-shadow:inset 0 0 0 1px #3371e6,0 0 0 3px rgba(51,113,230,.2)
}
.group-price-control-custom-amount .currency-select[data-focus-visible-added]:focus~.currency-select-label {
  background:rgba(0,0,0,0)
}
.designation {
  font-size:/*!rtl:12px*/ 14px;
  line-height:20px !important;
  font-weight:400 !important;
  position:relative !important;
  display:inline-block !important;
  vertical-align:top !important;
  max-width:100% !important;
}
.designation-select {
  opacity:.0001 !important;
}
.designation-select:hover~.designation-label .designation-text {
  color:#49505b !important;
}
.designation-select[data-focus-visible-added]:focus~.designation-label {
  box-shadow:0 0 0 1px #fff,0 0 0 2px #3371e6,0 0 0 4px rgba(51,113,230,.2);
  border-radius:2px !important;
}
/*.designation-select:focus~.designation-label {
  box-shadow:0 0 0 1px #fff,0 0 0 2px #3371e6,0 0 0 4px rgba(51,113,230,.2);
  border-radius:2px !important;
}*/



/*.designation-select:hover~.designation-label .designation-text {
  color:#49505b
}
.designation-select[data-focus-visible-added]:focus~.designation-label {
  box-shadow:0 0 0 1px #fff,0 0 0 2px #3371e6,0 0 0 4px rgba(51,113,230,.2);
  border-radius:2px
}
.designation-select:focus~.designation-label {
  box-shadow:0 0 0 1px #fff,0 0 0 2px #3371e6,0 0 0 4px rgba(51,113,230,.2);
  border-radius:2px
}*/



.flow {
  width:100%;
  position:relative;
  background-color:#fff
}
.flow.dark-mode {
  background-color:#222832
}
.flow-mobile {
  display:flex;
  flex-grow:1;
  min-height:0
}
.flow-desktop {
  height:640px;
  border-radius:16px;
  box-shadow:0 8px 16px rgba(57,58,63,.22),0 0 4px rgba(57,58,63,.04);
  overflow:hidden;
  transition:0s
}
.flow-desktop.dark-mode {
  transition:background-color .01s linear .25s
}
.has-campaign .flow-desktop {
  border-top-left-radius:0;
  border-top-right-radius:0;
  box-shadow:none
}
@media(min-width: 916px) {
  .has-campaign .flow-desktop {
    border-radius:16px;
    box-shadow:0 8px 16px rgba(57,58,63,.22),0 0 4px rgba(57,58,63,.04)
  }
}

/*New code*/
/*New code*/
/*.flow-slide {
  display:flex;
  flex-direction:column
}*/
/*.flow-slide.flow-slide-hidden {*/
  /*display:none*/
  /*New code*/
/*  opacity: 0;
  transform: translateX(100%);
  pointer-events: none; 
  transition: transform 0.5s ease, opacity 0.5s ease;*/
  /*New code*/
/*}*/
/*New code*/

.flow-slide {
  display: flex;
  flex-direction: column;
  opacity: 0; /* Start with opacity 0 for hidden slides */
  transform: translateX(100%); /* Start from right for entering transition */
  pointer-events: none; /* Prevent interaction with hidden slides */
  transition: transform 0.5s ease, opacity 0.5s ease; /* Smooth transitions */
  position: absolute; /* Ensure all slides stack on top of each other */
  width: 100%; /* Full width for each slide */
}

.flow-slide-active {
  opacity: 1;
  transform: translateX(0%); /* Slide to its original position */
  pointer-events: auto; /* Enable interaction with visible slide */
  /*transition: transform 0.5s ease, opacity 0.5s ease;*/ /* Smooth transitions */
  animation: slideIn 0.5s forwards;
}

.flow-slide.flow-slide-hidden {
  opacity: 0;
  transform: translateX(100%); /* Push slide to the right when hidden */
  pointer-events: none;
  /*transition: transform 0.5s ease, opacity 0.5s ease;*/
  animation: slideOut 0.5s forwards;
}

/*New code*/
/*New code for slides*/
@keyframes slideIn {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slideOut {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(-100%);
    opacity: 0;
  }
}
/*New code for slides*/
.flow-slide-mobile {
  flex-grow:1;
  min-height:0
}
.has-campaign .flow-slide-mobile {
  border-top:1px solid #c7cdd6
}
.flow-slide-desktop {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  will-change:transform
}

.has-campaign .flow-slide-desktop {
  border-top:1px solid #c7cdd6
}
@media(min-width: 916px) {
  .has-campaign .flow-slide-desktop {
    border-top:0
  }
}
.flow-screen {
  width:100%;
  flex-grow:1;
  min-height:0;
  display:flex;
  flex-direction:column
}
.dark-mode-screen {
  color:#fff;
  background-color:#222832
}
.flow-buttons {
  display:flex;
  flex-wrap:wrap
}
.flow-buttons-mobile {
  margin-bottom:16px
}
.flow-buttons-desktop {
  justify-content:center;
  margin-bottom:8px
}
@media(min-width: 916px) {
  .has-campaign .flow-buttons-desktop {
    flex-direction:row;
    align-items:start;
    margin-bottom:0
  }
}
.flow-button {
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden
}
.flow-button-mobile {
  font-size:/*!rtl:12px*/ 14px;
  line-height:20px;
  font-weight:400;
  color:#222832
}
.flow-button-desktop {
  font-size:/*!rtl:11px*/ 12px;
  line-height:18px;
  font-weight:500;
  max-width:100%;
  color:#fff;
  text-decoration:none;
  opacity:.9
}
.flow-button-desktop:hover,
.flow-button-desktop:focus {
  color:#fff;
  opacity:1
}
.flow-button-divider-mobile {
  font-size:/*!rtl:12px*/ 14px;
  line-height:20px;
  font-weight:400;
  color:#222832;
  margin:0 6px
}
.flow-button-divider-desktop {
  font-size:/*!rtl:11px*/ 12px;
  line-height:18px;
  font-weight:400;
  color:#fff;
  opacity:.8;
  margin:0 12px
}
.footer {
  position:relative;
  z-index:3;
  min-height:0;
  flex-shrink:0
}
.footer-mobile {
  padding:24px 20px 60px 20px
}
.footer-desktop {
  padding:0 20px 28px 20px
}
@media(min-width: 536px) {
  .footer-desktop {
    padding-inline-start:32px;
    padding-inline-end:32px
  }
}
#camproot .header {
  position:relative;
  min-height:0;
  flex-shrink:0;
  display:flex
}
.dark-mode #camproot .header {
  border-bottom:1px solid #49505b
}
.header-mobile {
  flex-direction:column
}
.header-desktop {
  border-bottom:1px solid #c7cdd6;
  transition:border .01s linear .25s
}
.header-aside {
  flex-shrink:0;
  line-height:20px;
  padding-top:20px;
  padding-bottom:20px
}
.header-aside:first-child {
  padding-inline-start:16px
}
.header-aside:last-child {
  padding-inline-end:16px
}
.header-company {
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:48px;
  padding:7px 44px;
  background-color:#fff;
  border-bottom:1px solid #c7cdd6
}
.dark-mode .header-company {
  display:none
}
.header-company-logo {
  display:block;
  max-width:100%;
  height:auto;
  max-height:32px
}
.header-company-name {
  font-size:16px;
  line-height:/*!rtl:28px*/ 20px;
  font-weight:500;
  text-align:center;
  text-overflow:ellipsis;
  overflow:hidden
}
.header-main {
  flex-grow:1;
  text-align:center
}
.header-main-mobile {
  padding:20px 20px
}
.header-main-desktop {
  display:flex;
  justify-content:center;
  align-items:center;
  height:60px;
  padding:0 4px
}
.header-main-full {
  height:auto;
  padding:16px
}
.header-back-btn {
  color:inherit;
  font-size:24px;
  width:24px;
  height:24px;
  border-radius:4px;
  background:none;
  box-shadow:none;
  padding:0;
  border:0;
  display:flex;
  justify-content:center;
  align-items:center
}
.header-back-btn:hover {
  color:inherit;
  background-color:#e7e8ed
}
.header-back-btn:disabled {
  pointer-events:none
}
.dark-mode .header-back-btn:hover {
  background-color:#393a3f
}
.search-select {
  position:relative
}
.search-select-double-active .search-select-input {
  border-bottom-left-radius:0;
  border-bottom-right-radius:0
}
.search-select-input-active {
  border-bottom-left-radius:0;
  border-bottom-right-radius:0
}
.search-select-input-offset-start {
  padding-inline-start:46px
}
.search-select-label-offset-start.is-floating {
  left:46px
}
.search-select-input-offset-end {
  padding-inline-end:64px
}
.search-select-input-with-arrow {
  background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgNkw4IDEwTDEyIDYiIHN0cm9rZT0iIzY5NzQ4NCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
  background-repeat:no-repeat;
  background-position:right 14px center;
  background-size:16px 16px;
  padding-inline-end:44px
}
.search-select-input-with-arrow.search-select-input-active {
  background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxOSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjk3MDEgMTBMOS41MTkgNkw1LjA2Nzg3IDEwIiBzdHJva2U9IiM2OTc0ODQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K")
}
.search-select-input-icon {
  position:absolute;
  width:20px;
  height:20px;
  left:14px;
  top:50%;
  transform:translateY(-50%)
}
.search-select-input-icon svg,
.search-select-input-icon img {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%)
}
.search-select-dropdown {
  position:absolute;
  top:100%;
  left:0;
  width:100%;
  background:#fff;
  border:1px solid #c7cdd6;
  border-top:0;
  box-shadow:0 4px 8px rgba(57,58,63,.13);
  border-radius:0 0 8px 8px;
  max-height:286px;
  z-index:1000
}
.search-select-crypto .search-select-dropdown {
  max-height:385px
}
.search-select-double .search-select-dropdown {
  max-height:130px
}
.search-select-bank .search-select-dropdown {
  max-height:184px
}
.search-select-option {
  font-size:/*!rtl:14px*/ 16px;
  line-height:/*!rtl:22px*/ 20px;
  font-weight:400;
  display:flex;
  align-items:flex-start;
  padding:10px 13px;
  min-height:40px;
  text-overflow:ellipsis;
  overflow:hidden;
  cursor:pointer;
  -webkit-user-select:none;
  user-select:none
}
.search-select-option:hover,
.search-select-option:focus,
.search-select-option.search-select-option-highlighted {
  background:#f3f4fa
}
.rtg-clear-button-enter {
  opacity:0;
  width:0
}
.rtg-clear-button-enter-active {
  opacity:1;
  width:16px;
  transition:all .1s ease-in
}
.rtg-clear-button-exit {
  opacity:1;
  width:16px
}
.rtg-clear-button-exit-active {
  opacity:0;
  width:0;
  transition:all .1s ease-in
}
.thank-you-badge-mobile {
  padding-top:13px;
  padding-bottom:13px;
  border-top:1px solid #88d7ba;
  border-bottom:1px solid #88d7ba;
  margin-top:-1px
}
.thank-you-badge-desktop {
  padding-top:10px;
  padding-bottom:10px;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  box-shadow:inset 0px -8px 17px -8px #ace3d0
}
.has-campaign .thank-you-badge-desktop {
  padding-top:9px;
  padding-bottom:9px;
  border-top:1px solid #88d7ba;
  border-bottom:1px solid #88d7ba;
  border-radius:0;
  box-shadow:none;
  margin-top:-1px
}
@media(min-width: 916px) {
  .has-campaign .thank-you-badge-desktop {
    padding-top:10px;
    padding-bottom:10px;
    border:0;
    border-top-left-radius:8px;
    border-top-right-radius:8px;
    box-shadow:inset 0px -8px 17px -8px #ace3d0;
    margin-top:0
  }
}
.star {
  position:absolute;
  color:#0c9c5e;
  transform:scale(0);
  transform-origin:center
}
.star-1 {
  left:15px;
  top:7px
}
.star-2 {
  left:39px;
  bottom:6px
}
.star-3 {
  right:32px;
  bottom:4px
}
.star-4 {
  right:16px;
  top:7px
}
.star-v1,
.star-v2 {
  width:14px;
  height:14px
}
.star-sm-v1,
.star-sm-v2 {
  width:10px;
  height:10px
}
.star-v1 {
  animation:star-v1-bounce 4.3s linear forwards;
  animation-delay:.4s
}
.star-v2 {
  animation:star-v2-bounce 3.9s linear forwards;
  animation-delay:.6s
}
.star-sm-v1 {
  animation:star-sm-v1-bounce 4s linear forwards;
  animation-delay:.8s
}
.star-sm-v2 {
  animation:star-sm-v2-bounce 3.4s linear forwards;
  animation-delay:1s
}
@media(prefers-reduced-motion) {
  .star-v1,
  .star-v2,
  .star-sm-v1,
  .star-sm-v2 {
    transform:scale(1);
    animation:none
  }
}
@keyframes star-v1-bounce {
  0% {
    transform:scale(0)
  }
  13.95% {
    transform:scale(1)
  }
  25.58% {
    transform:scale(1)
  }
  41.86% {
    transform:scale(0.6)
  }
  53.49% {
    transform:scale(0.6)
  }
  67.44% {
    transform:scale(1)
  }
  72.09% {
    transform:scale(1)
  }
  81.39% {
    transform:scale(0.6)
  }
  86.04% {
    transform:scale(0.6)
  }
  100% {
    transform:scale(1)
  }
}
@keyframes star-v2-bounce {
  0% {
    transform:scale(0)
  }
  15.38% {
    transform:scale(1)
  }
  20.51% {
    transform:scale(1)
  }
  33.33% {
    transform:scale(0.6)
  }
  46.15% {
    transform:scale(0.6)
  }
  61.54% {
    transform:scale(1)
  }
  69.23% {
    transform:scale(1)
  }
  79.49% {
    transform:scale(0.6)
  }
  84.62% {
    transform:scale(0.6)
  }
  100% {
    transform:scale(1)
  }
}
@keyframes star-sm-v1-bounce {
  0% {
    transform:scale(0)
  }
  10% {
    transform:scale(1)
  }
  20% {
    transform:scale(1)
  }
  30% {
    transform:scale(0.6)
  }
  42.5% {
    transform:scale(0.6)
  }
  52.5% {
    transform:scale(1)
  }
  65% {
    transform:scale(1)
  }
  80% {
    transform:scale(0.6)
  }
  90% {
    transform:scale(0.6)
  }
  100% {
    transform:scale(1)
  }
}
@keyframes star-sm-v2-bounce {
  0% {
    transform:scale(0)
  }
  11.76% {
    transform:scale(1)
  }
  32.35% {
    transform:scale(0.6)
  }
  50% {
    transform:scale(1)
  }
  61.76% {
    transform:scale(0.6)
  }
  76.47% {
    transform:scale(1)
  }
  100% {
    transform:scale(1)
  }
}
.tribute-badge {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  background-color:#fff4cd;
  text-align:center
}
.tribute-badge-mobile {
  min-height:48px;
  padding:11px 8px;
  border-top:1px solid #edcfac;
  border-bottom:1px solid #edcfac;
  margin-top:-1px
}
.tribute-badge-desktop {
  flex-shrink:0;
  width:100%;
  min-height:40px;
  padding:7px 8px;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  box-shadow:inset 0 -8px 17px -8px #edcfac
}
.has-campaign .tribute-badge-desktop {
  border-radius:0;
  border-top:1px solid #edcfac;
  border-bottom:1px solid #edcfac;
  box-shadow:none;
  margin-top:-1px
}
@media(min-width: 916px) {
  .has-campaign .tribute-badge-desktop {
    border-top-left-radius:16px;
    border-top-right-radius:16px;
    border-top:0;
    border-bottom:0;
    box-shadow:inset 0 -8px 17px -8px #edcfac;
    margin-top:0
  }
}
.payment-loader {
  z-index:2000
}
.payment-loader-mobile::before {
  content:"";
  position:absolute;
  bottom:20px;
  left:0;
  width:100%;
  height:0;
  border-bottom:1px solid #c7cdd6
}
.tel-input {
  /*!rtl:remove*/padding-inline-start:60px;
  /*!rtl:raw:padding-inline-end: 60px;*/
}
.tel-input-label.is-floating {
  left:60px
}
.country-select-field {
  position:absolute;
  left:6px;
  top:50%;
  right:0;
  transform:translateY(-50%);
  display:flex;
  align-items:center;
  width:48px;
  font-size:16px;
  border-radius:4px;
  background-color:rgba(0,0,0,0);
  color:inherit;
  padding:4px 0 4px 8px;
  border:0;
  margin:0;
  z-index:5
}
.country-select-field:hover {
  background-color:#f3f4fa
}
.country-select-field:disabled {
  pointer-events:none
}
.country-select-dropdown {
  position:absolute;
  left:6px;
  right:6px;
  bottom:100%;
  max-height:182px;
  margin-bottom:-8px;
  box-shadow:0 4px 8px rgba(57,58,63,.13);
  z-index:5;
  text-align:left;
  border-radius:8px;
  border:1px solid #c7cdd6;
  background-color:#fff
}
.country-select-option {
  font-size:/*!rtl:14px*/ 16px;
  line-height:/*!rtl:22px*/ 20px;
  font-weight:400;
  display:flex;
  padding:8px 14px;
  cursor:pointer
}
.country-select-option:hover {
  background:#f3f4fa
}
.country-select-option-selected {
  background:#f3f4fa
}
.bell-wrap {
  position:relative;
  width:80px;
  margin-inline-start:auto;
  margin-inline-end:auto
}
.bell {
  position:absolute;
  top:0;
  left:0;
  margin-inline-start:19px;
  margin-top:6px;
  animation:bell-bounce 1.3s ease-in 3;
  animation-delay:.7s;
  transform-origin:50% 50%
}
.bell-shadow {
  position:absolute;
  top:0;
  left:0;
  margin-inline-start:10px;
  margin-top:6px;
  animation:bell-bounce 1.3s ease-in 3;
  animation-delay:.7s;
  transform-origin:50% 50%
}
.bell-tongue {
  position:absolute;
  top:0;
  left:0;
  margin-inline-start:33px;
  margin-top:42px;
  animation:bell-tongue-bounce 1.3s ease-in 3;
  animation-delay:.7s;
  transform-origin:50% 50%
}
.bell-heart {
  position:absolute;
  top:0;
  right:0;
  margin-inline-end:12px;
  margin-top:4px;
  animation:bell-heart-bounce 1.3s ease-in 3;
  animation-delay:.7s;
  transform-origin:50% 50%
}
@media(prefers-reduced-motion) {
  .bell,
  .bell-shadow,
  .bell-tongue,
  .bell-heart {
    animation:none
  }
}
@keyframes bell-bounce {
  0% {
    transform:rotate(0)
  }
  20% {
    transform:rotate(15deg)
  }
  28% {
    transform:rotate(-15deg)
  }
  36% {
    transform:rotate(8deg)
  }
  44% {
    transform:rotate(-3deg)
  }
  52% {
    transform:rotate(2deg)
  }
  60% {
    transform:rotate(0deg)
  }
  100% {
    transform:rotate(0deg)
  }
}
@keyframes bell-tongue-bounce {
  0% {
    transform:translate3d(0, 0, 0)
  }
  20% {
    transform:translate3d(-3px, 0, 0)
  }
  28% {
    transform:translate3d(3px, 0, 0)
  }
  36% {
    transform:translate3d(-2px, 0, 0)
  }
  44% {
    transform:translate3d(1px, 0, 0)
  }
  52% {
    transform:translate3d(-1px, 0, 0)
  }
  55% {
    transform:translate3d(0, 0, 0)
  }
  100% {
    transform:translate3d(0, 0, 0)
  }
}
@keyframes bell-heart-bounce {
  0% {
    transform:translate3d(0, 0, 0)
  }
  20% {
    transform:translate3d(0, 3px, 0)
  }
  28% {
    transform:translate3d(0, -6px, 0)
  }
  36% {
    transform:translate3d(0, 1px, 0)
  }
  44% {
    transform:translate3d(0, -1px, 0)
  }
  52% {
    transform:translate3d(0, 0, 0)
  }
  100% {
    transform:translate3d(0, 0, 0)
  }
}
.thank-you-description strong {
  font-weight:inherit;
  white-space:nowrap
}
.rtg-amount-suggestions-enter {
  opacity:0;
  transform:translate3d(0, -12px, 0)
}
.rtg-amount-suggestions-enter-active {
  opacity:1;
  transform:translate3d(0, 0, 0);
  transition:all .15s ease-in
}
.rtg-amount-suggestions-exit {
  opacity:1;
  transform:translate3d(0, 0, 0)
}
.rtg-amount-suggestions-exit-active {
  opacity:0;
  transform:translate3d(0, -12px, 0);
  transition:all .15s ease-out
}
.rtg-amount-hints-enter {
  opacity:0;
  max-height:152px;
  transform:translate3d(0, -12px, 0)
}
.rtg-amount-hints-enter-active {
  opacity:1;
  max-height:218px;
  transform:translate3d(0, 0, 0);
  transition:max-height .15s ease-in,transform .15s ease-in,opacity .25s ease-in
}
.rtg-amount-hints-exit {
  opacity:1;
  max-height:218px;
  transform:translate3d(0, 0, 0)
}
.rtg-amount-hints-exit-active {
  opacity:0;
  max-height:152px;
  transform:translate3d(0, -12px, 0);
  transition:max-height .15s ease-out,transform .15s ease-out,opacity .1s ease-out
}
.frequency {
  position:relative
}
.frequency-frame {
  box-shadow:inset 0 0 0 1px #c7cdd6;
  border-radius:8px
}
.frequency-btn {
  font-size:/*!rtl:14px*/ 16px;
  line-height:24px;
  font-weight:400;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-grow:1;
  max-width:100%;
  color:#222832;
  text-align:center;
  background:rgba(0,0,0,0);
  padding:0 5px;
  border:0;
  border-radius:8px;
  margin:0;
  z-index:1;
  -webkit-user-select:none;
  user-select:none;
  transition: all 0.3s ease; /* Smooth transition for hover and active states */
  transform: scale(1);
}
.frequency-btn:not(.frequency-btn-selected):hover~.frequency-frame {
  background:#f3f4fa
}
.frequency-btn[data-focus-visible-added]:focus {
  background:#f3f4fa;
  box-shadow:inset 0 0 0 1px #3371e6,0 0 0 3px rgba(51,113,230,.2)
}
.frequency-btn.frequency-btn-selected {
  font-size:/*!rtl:14px*/ 16px;
  line-height:24px;
  font-weight:500;
  background:#ebf1fc;
  box-shadow:inset 0 0 0 2px #3371e6;
  z-index:2;
  cursor:default
}
.frequency-btn[data-focus-visible-added].frequency-btn-selected:focus {
  background:#ebf1fc;
  box-shadow:inset 0 0 0 2px #3371e6,0 0 0 3px rgba(51,113,230,.2)
}
.frequency-btn-mobile {
  height:44px
}
.frequency-btn-desktop {
  height:40px
}
.flying-heart {
  position:absolute;
  left:0;
  top:0;
  width:14px;
  height:14px;
  visibility:hidden
}
.rtg-flying-heart-enter {
  visibility:visible
}
.rtg-flying-heart-enter-active {
  visibility:visible;
  animation:flying-heart-move 2.5s forwards linear;
  animation-delay:.05s
}
@keyframes flying-heart-move {
  0% {
    transform:translate3d(0, 0, 0) rotate(0);
    opacity:1
  }
  5% {
    transform:translate3d(0, 0, 0) scale(1.7)
  }
  60% {
    transform:translate3d(0, -65px, 0) rotate(25deg) scale(1.7)
  }
  80% {
    transform:translate3d(0, -80px, 0) rotate(0) scale(1.7);
    opacity:1
  }
  100% {
    transform:translate3d(0, -95px, 0) rotate(0) scale(2);
    opacity:0
  }
}

@keyframes flying-heart {
    0% {
        opacity: 0;
        transform: translateY(10px) scale(0.8);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.amount-hint {
  position:relative;
  border-top:1px solid #c7cdd6
}
.amount-hint:first-child {
  border-top:0;
  border-radius:8px 8px 0 0
}
.amount-hint:hover {
  background:#f3f4fa
}
.amount-hint-checked {
  border-top-color:rgba(0,0,0,0);
  z-index:2
}
.amount-hint-checked+.amount-hint,
.amount-hint-checked+.custom-amount-btn {
  border-top-color:rgba(0,0,0,0)
}
.amount-hint-label {
  font-size:/*!rtl:12px*/ 14px;
  line-height:20px;
  font-weight:400;
  display:block;
  position:relative;
  color:#222832;
  -webkit-user-select:none;
  user-select:none
}
.amount-hint-label-mobile {
  height:65px;
  padding:10px 11px
}
.amount-hint-label-desktop {
  height:59px;
  padding:5px 11px 9px 11px
}
.amount-hint-radio {
  opacity:.0001;
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  right:0;
  -webkit-appearance:none;
  appearance:none;
  z-index:3;
  cursor:pointer
}
.amount-hint-radio:checked {
  z-index:2;
  cursor:default
}
.amount-hint-radio~.amount-hint-label::before {
  content:none;
  position:absolute;
  left:-1px;
  right:-1px;
  top:-1px;
  bottom:-1px;
  border-radius:8px;
  z-index:1
}
.amount-hint-radio[data-focus-visible-added]:focus~.amount-hint-label::before {
  content:"";
  box-shadow:inset 0 0 0 1px #3371e6,0 0 0 3px rgba(51,113,230,.2)
}
.amount-hint-radio:checked~.amount-hint-label::before {
  content:"";
  background:#ebf1fc;
  box-shadow:inset 0 0 0 2px #3371e6
}
.amount-hint-radio[data-focus-visible-added]:checked:focus~.amount-hint-label::before {
  box-shadow:inset 0 0 0 2px #3371e6,0 0 0 3px rgba(51,113,230,.2)
}
.amount-hint-radio.has-error:checked~.amount-hint-label::before {
  background:#fff2f2;
  box-shadow:inset 0 0 0 2px #eb5a68
}
.amount-hint-radio.has-error[data-focus-visible-added]:checked:focus~.amount-hint-label::before {
  box-shadow:inset 0 0 0 2px #eb5a68,0 0 0 3px rgba(235,90,104,.2)
}
.custom-amount-btn {
  position:relative;
  display:block;
  width:100%;
  text-align:left;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  color:#222832;
  background:none;
  padding:0 11px;
  border:0;
  border-top:1px solid #c7cdd6;
  border-radius:0 0 8px 8px;
  margin:0;
  -webkit-user-select:none;
  user-select:none;
  touch-action:manipulation
}
.custom-amount-btn:hover {
  background:#f3f4fa
}
.custom-amount-btn[data-focus-visible-added]:focus {
  border-top-color:rgba(0,0,0,0);
  box-shadow:0 0 0 1px #3371e6,0 0 0 3px rgba(51,113,230,.2);
  z-index:1
}
.custom-amount-btn:disabled {
  pointer-events:none
}
.custom-amount-btn-mobile {
  font-size:/*!rtl:14px*/ 16px;
  line-height:24px;
  font-weight:400;
  height:43px
}
.custom-amount-btn-desktop {
  font-size:/*!rtl:12px*/ 14px;
  line-height:20px;
  font-weight:400;
  height:37px
}
.amount-options {
  display:flex;
  flex-wrap:wrap;
  margin:-5px
}
.amount-option {
  flex-shrink:0;
  position:relative;
  width:33.3333333333%;
  padding:5px
}
.amount-option-label {
  font-size:/*!rtl:14px*/ 16px;
  line-height:24px;
  font-weight:400;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#222832;
  /*font-family:"IBM Plex Sans",var(--font-system) !important;*/
  font-family:"IBM Plex Sans",sans-serif !important;
  text-align:center;
  background:#fff;
  padding:0 2px;
  border-radius:8px;
  box-shadow:inset 0 0 0 1px #c7cdd6;
  -webkit-user-select:none;
  user-select:none
}
.amount-option-label-mobile {
  height:44px
}
.amount-option-label-desktop {
  height:40px
}
.amount-option-radio {
  opacity:.0001;
  position:absolute;
  left:2px;
  top:2px;
  bottom:2px;
  right:2px;
  -webkit-appearance:none;
  appearance:none;
  cursor:pointer
}
.amount-option-radio:checked {
  pointer-events:none
}
.amount-option-radio:hover~.amount-option-label {
  background:#f3f4fa
}
.amount-option-radio[data-focus-visible-added]:focus~.amount-option-label {
  background:#f3f4fa;
  box-shadow:inset 0 0 0 1px #3371e6,0 0 0 3px rgba(51,113,230,.2)
}
.amount-option-radio:checked~.amount-option-label {
  font-size:/*!rtl:14px*/ 16px;
  line-height:24px;
  font-weight:500;
  background:#ebf1fc;
  box-shadow:inset 0 0 0 2px #3371e6;
  pointer-events:none
}
.amount-option-radio[data-focus-visible-added]:checked:focus~.amount-option-label {
  background:#ebf1fc;
  box-shadow:inset 0 0 0 2px #3371e6,0 0 0 3px rgba(51,113,230,.2)
}
.upsell-curtain-backdrop {
  background:rgba(0,0,0,.4);
  z-index:2000
}
.upsell-curtain {
  z-index:2001
}
.rtg-upsell-backdrop-enter {
  opacity:0
}
.rtg-upsell-backdrop-enter-active {
  opacity:1;
  transition:opacity .2s
}
.rtg-upsell-backdrop-exit {
  opacity:1
}
.rtg-upsell-backdrop-exit-active {
  opacity:0;
  transition:opacity .2s
}
.rtg-upsell-curtain-enter {
  opacity:0;
  transform:translate3d(0, 100px, 0)
}
.rtg-upsell-curtain-enter-active {
  opacity:1;
  transform:translate3d(0, 0, 0);
  transition:opacity .3s ease,transform .3s ease
}
.rtg-upsell-curtain-exit {
  opacity:1;
  transform:translate3d(0, 0, 0)
}
.rtg-upsell-curtain-exit-active {
  opacity:0;
  transform:translate3d(0, 100px, 0);
  transition:opacity .3s ease,transform .3s ease
}
.double-img {
  position:relative;
  width:197px;
  height:80px
}
.double-img-user {
  position:absolute;
  z-index:2;
  top:0;
  left:0;
  border-radius:100%;
  transition:transform .3s ease-in-out
}
.enabled .double-img-user {
  transform:translate3d(30px, 0, 0);
  box-shadow:4px 1px 5px 0 rgba(57,58,63,.13)
}
.double-img-plus {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  transition:opacity .1126903553s ease-in-out;
  transition-delay:.1873096447s
}
.enabled .double-img-plus {
  opacity:0;
  transition:opacity .1126903553s ease-in-out;
  transition-delay:0s
}
.double-img-company {
  position:absolute;
  top:0;
  right:0;
  border-radius:100%;
  transition:all .3s ease-in-out
}
.enabled .double-img-company {
  transform:translate3d(-30px, 0, 0)
}
.rtg-dtd-description-enter {
  opacity:0;
  max-height:0
}
.rtg-dtd-description-enter-active {
  transition:all .3s ease-in-out;
  opacity:1;
  max-height:200px;
  overflow:hidden
}
.rtg-dtd-description-exit {
  opacity:1;
  max-height:200px;
  overflow:hidden
}
.rtg-dtd-description-exit-active {
  transition:all .3s ease-in-out;
  opacity:0;
  max-height:0
}
.rtg-dtd-description-mobile-enter-active {
  opacity:1;
  height:auto
}
.rtg-dtd-description-mobile-exit-active {
  opacity:0;
  height:0
}
.ideal-img-logo,
.ideal-img-bank {
  position:relative;
  width:100px;
  height:100px;
  border-radius:100px;
  border:1px solid #c7cdd6;
  background:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:44px;
  line-height:44px
}
.ideal-img-logo {
  z-index:2;
  transform:translateX(15px);
  box-shadow:2px 0 4px rgba(0,0,0,.25)
}
.ideal-img-bank {
  z-index:1;
  transform:translateX(-15px);
  color:#8791a1
}
.payment-option-list {
  box-shadow:0px 3px 12px 0px rgba(57,58,63,.22),0px 0px 1px 0px rgba(57,58,63,.14);
  z-index:1000
}
.payment-option-list-item {
  position:relative;
  display:flex;
  align-items:center;
  height:43px;
  width:100%;
  padding:0 14px !important;
  border-top:1px solid #e7e8ed
}
.payment-option-list-item::before {
  content:none;
  position:absolute;
  left:-1px;
  right:-1px;
  top:-1px;
  bottom:-1px;
  border-radius:8px;
  z-index:1
}
.payment-option-list-item:first-child {
  border-top:rgba(0,0,0,0);
  border-radius:7px 7px 0 0 !important;
}
.payment-option-list-item:last-child {
  border-radius:0 0 7px 7px
}
.payment-option-list-item:hover {
  background-color:#f3f4fa
}
.payment-option-list-item[data-focus-visible-added]:focus {
  box-shadow:none;
  z-index:1
}
.payment-option-list-item[data-focus-visible-added]:focus::before {
  content:"";
  background:#f3f4fa;
  box-shadow:inset 0 0 0 1px #3371e6,0 0 0 3px rgba(51,113,230,.25)
}
.payment-option-list-item:disabled {
  pointer-events:none
}
.payment-option-list-item-active {
  pointer-events:none;
  z-index:2
}
.payment-option-list-item-active::before {
  content:"";
  background:#ebf1fc;
  border-radius:8px;
  box-shadow:inset 0 0 0 2px #3371e6
}
.payment-option-list-item-active[data-focus-visible-added]:focus::before {
  background:#ebf1fc;
  box-shadow:inset 0 0 0 2px #3371e6,0 0 0 3px rgba(51,113,230,.25)
}
.payment-option-list-item-active {
  border-top-color:rgba(0,0,0,0)
}
.payment-option-list-item-active+.payment-option-list-item {
  border-top-color:rgba(0,0,0,0)
}
.payment-option-list-item-icon {
  flex-shrink:0;
  display:flex;
  justify-content:center;
  width:20px
}
.payment-option-list-item-icon svg {
  flex-shrink:0
}
.rtg-fee-accordion-mobile-enter {
  max-height:0;
  overflow:hidden
}
.rtg-fee-accordion-mobile-enter-active {
  max-height:48px;
  transition:max-height .1s ease-out
}
.rtg-fee-accordion-mobile-exit {
  max-height:48px
}
.rtg-fee-accordion-mobile-exit-active {
  max-height:0;
  overflow:hidden;
  transition:max-height .1s ease-out
}
.pdu-panel {
  display:flex;
  flex-direction:column;
  min-height:364px;
  color:#fff !important;
  background:#3371e6;
  border-radius:12px
}
.pdu-panel-mobile {
  padding:20px;
  margin-inline-start:-8px;
  margin-inline-end:-8px
}
.pdu-panel-desktop {
  padding:16px;
  margin-inline-start:-28px;
  margin-inline-end:-28px
}
.pdu-confirm-btn {
  color:#fff;
  background:rgba(0,0,0,0);
  box-shadow:inset 0 0 0 1px #fff
}
.pdu-confirm-btn:hover {
  background:rgba(255,255,255,.15)
}
.pdu-confirm-btn[data-focus-visible-added]:focus {
  box-shadow:inset 0 0 0 1px #fff,0 0 0 1px #3371e6,0 0 0 2px #fff
}
.pdu-skip-btn {
  color:#fff;
  background:rgba(0,0,0,0);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)
}
.pdu-skip-btn:hover {
  background:rgba(255,255,255,.15)
}
.pdu-skip-btn[data-focus-visible-added]:focus {
  box-shadow:inset 0 0 0 1px #fff,0 0 0 1px #3371e6,0 0 0 2px #fff
}
.pdu-question {
  font-size:/*!rtl:12px*/ 14px;
  line-height:20px;
  font-weight:400
}
.pdu-question strong {
  font-weight:inherit;
  white-space:nowrap
}
.us-bank-account-receipt {
  -webkit-clip-path:polygon(100% 0, 100% 100%, 100% 100%, 97.3684210526% calc(100% - 7px), 94.7368421053% 100%, 92.1052631579% calc(100% - 7px), 89.4736842105% 100%, 86.8421052632% calc(100% - 7px), 84.2105263158% 100%, 81.5789473684% calc(100% - 7px), 78.9473684211% 100%, 76.3157894737% calc(100% - 7px), 73.6842105263% 100%, 71.0526315789% calc(100% - 7px), 68.4210526316% 100%, 65.7894736842% calc(100% - 7px), 63.1578947368% 100%, 60.5263157895% calc(100% - 7px), 57.8947368421% 100%, 55.2631578947% calc(100% - 7px), 52.6315789474% 100%, 50% calc(100% - 7px), 47.3684210526% 100%, 44.7368421053% calc(100% - 7px), 42.1052631579% 100%, 39.4736842105% calc(100% - 7px), 36.8421052632% 100%, 34.2105263158% calc(100% - 7px), 31.5789473684% 100%, 28.9473684211% calc(100% - 7px), 26.3157894737% 100%, 23.6842105263% calc(100% - 7px), 21.0526315789% 100%, 18.4210526316% calc(100% - 7px), 15.7894736842% 100%, 13.1578947368% calc(100% - 7px), 10.5263157895% 100%, 7.8947368421% calc(100% - 7px), 5.2631578947% 100%, 2.6315789474% calc(100% - 7px), 0 100%, 0 0);
  clip-path:polygon(100% 0, 100% 100%, 100% 100%, 97.3684210526% calc(100% - 7px), 94.7368421053% 100%, 92.1052631579% calc(100% - 7px), 89.4736842105% 100%, 86.8421052632% calc(100% - 7px), 84.2105263158% 100%, 81.5789473684% calc(100% - 7px), 78.9473684211% 100%, 76.3157894737% calc(100% - 7px), 73.6842105263% 100%, 71.0526315789% calc(100% - 7px), 68.4210526316% 100%, 65.7894736842% calc(100% - 7px), 63.1578947368% 100%, 60.5263157895% calc(100% - 7px), 57.8947368421% 100%, 55.2631578947% calc(100% - 7px), 52.6315789474% 100%, 50% calc(100% - 7px), 47.3684210526% 100%, 44.7368421053% calc(100% - 7px), 42.1052631579% 100%, 39.4736842105% calc(100% - 7px), 36.8421052632% 100%, 34.2105263158% calc(100% - 7px), 31.5789473684% 100%, 28.9473684211% calc(100% - 7px), 26.3157894737% 100%, 23.6842105263% calc(100% - 7px), 21.0526315789% 100%, 18.4210526316% calc(100% - 7px), 15.7894736842% 100%, 13.1578947368% calc(100% - 7px), 10.5263157895% 100%, 7.8947368421% calc(100% - 7px), 5.2631578947% 100%, 2.6315789474% calc(100% - 7px), 0 100%, 0 0);
  width:100%;
  max-width:266px;
  padding-bottom:15px;
  margin-inline-start:auto;
  margin-inline-end:auto
}
.btn-copy-address {
  scrollbar-width:none
}
.btn-copy-address::-webkit-scrollbar {
  display:none
}
.btn-copy-text::before {
  content:"";
  position:absolute;
  left:-12px;
  right:1px;
  top:0;
  bottom:0;
  background:linear-gradient(270deg, #ffffff 85%, rgba(255, 255, 255, 0) 100%)
}
.text-center {
  text-align:center
}
.text-left {
  text-align:left
}
.text-right {
  text-align:right
}
.text-start {
  text-align:start
}
.text-end {
  text-align:end
}
.bg-gray-10 {
  background-color:#f3f4fa
}
.bg-blue-5 {
  background-color:#f7fafd
}
.bg-blue-10 {
  background-color:#ebf1fc
}
.bg-red-10 {
  background-color:#fff2f2
}
.bg-green-10 {
  background-color:#daf4eb
}
.bg-primary {
  background-color:#3371e6
}
.bg-white {
  background-color:#fff
}
.border-top-radius-0 {
  border-top-left-radius:0px;
  border-top-right-radius:0px
}
.border-radius-2 {
  border-radius:2px
}
.border-top-radius-4 {
  border-top-left-radius:4px;
  border-top-right-radius:4px
}
.border-radius-5 {
  border-radius:5px
}
.border-radius-6 {
  border-radius:6px
}
.border-radius-8 {
  border-radius:8px
}
.border-bottom-radius-8 {
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px
}
.border-radius-16 {
  border-radius:16px
}
.border-top-radius-16 {
  border-top-left-radius:16px;
  border-top-right-radius:16px
}
.border-bottom-radius-16 {
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px
}
.border-radius-base {
  border-radius:8px
}
.border {
  border-width:1px;
  border-style:solid;
  border-color:#c7cdd6
}
.border-top {
  border-top-width:1px;
  border-top-style:solid;
  border-top-color:#c7cdd6
}
.border-gray-15 {
  border-color:#e7e8ed
}
.border-gray-20 {
  border-color:#c7cdd6
}
.border-red-20 {
  border-color:#ffc9cf
}
.border-0 {
  border:0
}
.border-top-0 {
  border-top:0
}
.border-bottom-0 {
  border-bottom:0
}
.cursor-pointer {
  cursor:pointer
}
.d-none {
  display:none
}
.d-inline-block {
  display:inline-block
}
.d-block {
  display:block
}
.d-flex {
  display:flex
}
.emoji-symbol {
  font-size:1.13334em
}
.emoji-img {
  height:1em;
  width:1em;
  margin:0 .05em 0 .1em;
  vertical-align:-0.1em;
  font-size:1.13334em
}
.flex-column {
  flex-direction:column
}
.flex-wrap {
  flex-wrap:wrap
}
.justify-end {
  justify-content:flex-end
}
.justify-center {
  justify-content:center
}
.justify-between {
  justify-content:space-between
}
.items-start {
  align-items:flex-start
}
.items-center {
  align-items:center
}
.items-baseline {
  align-items:baseline
}
.self-start {
  align-self:flex-start
}
.self-center {
  align-self:center
}
.grow-1 {
  flex-grow:1
}
.shrink-0 {
  flex-shrink:0
}
.focus-outline {
  outline:0
}
.focus-outline:focus {
  outline:0
}
[data-focus-visible-added]:focus,
[data-focus-visible-added]:focus~.focus-next {
  box-shadow:0 0 0 1px #fff,0 0 0 2px #3371e6,0 0 0 4px rgba(51,113,230,.2)
}
a[data-focus-visible-added]:focus {
  border-radius:2px
}
.focus-not-visible:focus {
  outline:0
}
.focus-not-visible[data-focus-visible-added]:focus {
  box-shadow:none
}
.icon-slot {
  position:relative
}
.icon-slot:before {
  content:" ";
  opacity:0
}
.icon-slot-14 {
  width:14px
}
.icon-slot-18 {
  width:18px
}
.icon-slot-24 {
  width:24px
}
.icon-slot-28 {
  width:28px
}
.icon-slot-32 {
  width:32px
}
.icon {
  vertical-align:-0.1625em;
  width:1em;
  height:1em
}
.icon-fill {
  vertical-align:-0.1625em;
  width:1em;
  height:1em;
  fill:currentColor
}
.icon-stroke {
  vertical-align:-0.1625em;
  width:1em;
  height:1em;
  stroke:currentColor
}
.icon-stroke-2 {
  stroke-width:2px
}
@keyframes icon-spin {
  0% {
    transform:rotate(0)
  }
  100% {
    transform:rotate(359deg)
  }
}
.icon-rotate-90 {
  transform:rotate(90deg)
}
.icon-rotate-180 {
  transform:rotate(180deg)
}
.icon-rotate-270 {
  transform:rotate(270deg)
}
.icon-flip-horizontal {
  transform:scale(-1, 1)
}
.opacity-0 {
  opacity:0
}
.opacity-20 {
  opacity:.2
}
.opacity-75 {
  opacity:.75
}
.opacity-80 {
  opacity:.8
}
.overflow-hidden {
  overflow:hidden
}
.overflow-x-auto {
  overflow-x:auto
}
.overflow-y-auto {
  overflow-y:auto
}
.overflow-y-scroll-200 {
  overflow-y:auto;
  max-height:200px
}
.overflow-y-scroll-300 {
  overflow-y:auto;
  max-height:300px
}
.overflow-y-scroll-400 {
  overflow-y:auto;
  max-height:400px
}
.overflow-y-scroll-500 {
  overflow-y:auto;
  max-height:500px
}
.pointer-events-none {
  pointer-events:none
}
.p-rel {
  position:relative
}
.p-abs {
  position:absolute
}
.p-fixed {
  position:fixed
}
.p-abs.top-right,
.p-fixed.top-right {
  top:0;
  right:0
}
.p-abs.bottom-right,
.p-fixed.bottom-right {
  bottom:0;
  right:0
}
.p-abs.top-left,
.p-fixed.top-left {
  top:0;
  left:0
}
.p-abs.bottom-left,
.p-fixed.bottom-left {
  bottom:0;
  left:0
}
.p-abs.centered,
.p-fixed.centered {
  left:50%;
  top:50%;
  transform:translate(-50%, -50%)
}
.p-abs.centered-right,
.p-fixed.centered-right {
  right:0;
  top:50%;
  transform:translate(0, -50%)
}
.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  white-space:nowrap;
  border:0
}
.w-50 {
  width:50%
}
.w-100 {
  width:100%
}
.w-auto {
  width:auto
}
.h-100 {
  height:100%
}
.h-auto {
  height:auto
}
.min-w-100 {
  min-width:100%
}
.min-h-0 {
  min-height:0%
}
.max-w-50 {
  max-width:50%
}
.max-w-70 {
  max-width:70%
}
.max-w-100 {
  max-width:100%
}
.max-h-95 {
  max-height:95%
}
.m-0 {
  margin:0
}
.mt-0 {
  margin-top:0
}
.mt-0-5,
.my-0-5 {
  margin-top:2px
}
.me-0-5,
.mx-0-5 {
  margin-inline-end:2px
}
.my-0-5 {
  margin-bottom:2px
}
.ms-0-5,
.mx-0-5 {
  margin-inline-start:2px
}
.mt-1 {
  margin-top:4px
}
.me-1,
.mx-1 {
  margin-inline-end:4px
}
.ms-1,
.mx-1 {
  margin-inline-start:4px
}
.mt-1-5 {
  margin-top:6px
}
.me-1-5 {
  margin-inline-end:6px
}
.ms-1-5 {
  margin-inline-start:6px
}
.mt-2 {
  margin-top:8px !important;
}
.me-2,
.mx-2 {
  margin-inline-end:8px
}
.mb-2 {
  margin-bottom:8px
}
.ms-2,
.mx-2 {
  margin-inline-start:8px
}
.mt-2-5 {
  margin-top:10px
}
.me-2-5 {
  margin-inline-end:10px
}
.mb-2-5 {
  margin-bottom:10px
}
.mt-3,
.my-3 {
  margin-top:12px
}
.me-3,
.mx-3 {
  margin-inline-end:12px
}
.mb-3,
.my-3 {
  margin-bottom:12px !important;
}
.ms-3,
.mx-3 {
  margin-inline-start:12px
}
.mt-4 {
  margin-top:16px
}
.me-4 {
  margin-inline-end:16px
}
.mb-4 {
  margin-bottom:16px
}
.mt-4-5 {
  margin-top:18px
}
.mt-5 {
  margin-top:20px
}
.me-5 {
  margin-inline-end:20px
}
.mb-5 {
  margin-bottom:20px
}
.mt-6 {
  margin-top:24px
}
.mb-6 {
  margin-bottom:24px
}
.mt-7 {
  margin-top:28px
}
.mb-7 {
  margin-bottom:28px
}
.mt-8 {
  margin-top:32px
}
.me-10 {
  margin-inline-end:40px
}
.mt-12 {
  margin-top:48px
}
.mt-13 {
  margin-top:52px
}
.mt-auto,
.my-auto {
  margin-top:auto
}
.mx-auto {
  margin-inline-end:auto
}
.my-auto {
  margin-bottom:auto
}
.ms-auto,
.mx-auto {
  margin-inline-start:auto
}
.p-0 {
  padding:0
}
.py-0 {
  padding-top:0
}
.px-0 {
  padding-inline-end:0
}
.py-0 {
  padding-bottom:0
}
.px-0 {
  padding-inline-start:0
}
.py-0-5 {
  padding-top:2px
}
.py-0-5 {
  padding-bottom:2px
}
.m-minus-1 {
  margin:-4px
}
.p-1 {
  padding:4px
}
.py-1 {
  padding-top:4px
}
.pe-1,
.px-1 {
  padding-inline-end:4px
}
.pb-1,
.py-1 {
  padding-bottom:4px
}
.ps-1,
.px-1 {
  padding-inline-start:4px
}
.pe-1-5,
.px-1-5 {
  padding-inline-end:6px
}
.px-1-5 {
  padding-inline-start:6px
}
.mx-minus-2 {
  margin-inline-end:-8px
}
.mx-minus-2 {
  margin-inline-start:-8px
}
.pt-2,
.py-2 {
  padding-top:8px
}
.pe-2 {
  padding-inline-end:8px
}
.pb-2,
.py-2 {
  padding-bottom:8px
}
.ps-2 {
  padding-inline-start:8px
}
.py-2-5 {
  padding-top:10px
}
.px-2-5 {
  padding-inline-end:10px
}
.py-2-5 {
  padding-bottom:10px
}
.px-2-5 {
  padding-inline-start:10px
}
.mt-minus-3,
.my-minus-3 {
  margin-top:-12px
}
.my-minus-3 {
  margin-bottom:-12px
}
.p-3 {
  padding:12px
}
.pt-3,
.py-3 {
  padding-top:12px !important;
}
.pe-3,
.px-3 {
  padding-inline-end:12px
}
.pb-3,
.py-3 {
  padding-bottom:12px !important;
}
.ps-3,
.px-3 {
  padding-inline-start:12px
}
.pt-4,
.py-4 {
  padding-top:16px
}
.px-4 {
  padding-inline-end:16px
}
.pb-4,
.py-4 {
  padding-bottom:16px
}
.ps-4,
.px-4 {
  padding-inline-start:16px
}
.pt-4-5 {
  padding-top:18px
}
.ms-minus-5 {
  margin-inline-start:-20px
}
.p-5 {
  padding:20px
}
.pt-5,
.py-5 {
  padding-top:20px !important;
}
.pb-5,
.py-5 {
  padding-bottom:20px
}
.pt-6,
.py-6 {
  padding-top:24px
}
.pe-6,
.px-6 {
  padding-inline-end:24px
}
.pb-6,
.py-6 {
  padding-bottom:24px
}
.px-6 {
  padding-inline-start:24px
}
.pt-7,
.py-7 {
  padding-top:28px
}
.pb-7,
.py-7 {
  padding-bottom:28px
}
.mx-minus-8 {
  margin-inline-end:-32px
}
.mx-minus-8 {
  margin-inline-start:-32px
}
.p-8 {
  padding:32px
}
.pt-8,
.py-8 {
  padding-top:32px
}
.px-8 {
  padding-inline-end:32px
}
.pb-8,
.py-8 {
  padding-bottom:32px
}
.px-8 {
  padding-inline-start:32px
}
.pt-10 {
  padding-top:40px
}
.pe-10,
.px-10 {
  padding-inline-end:40px
}
.pb-10 {
  padding-bottom:40px
}
.ps-10,
.px-10 {
  padding-inline-start:40px
}
.pt-12 {
  padding-top:48px
}
.pe-12 {
  padding-inline-end:48px
}
.pb-14 {
  padding-bottom:56px
}
.pt-16 {
  padding-top:64px
}
.pe-16 {
  padding-inline-end:64px
}
.pb-16 {
  padding-bottom:64px
}
.ps-16 {
  padding-inline-start:64px
}
.font-size-14 {
  font-size:14px
}
.font-size-16 {
  font-size:16px
}
.font-size-18 {
  font-size:18px
}
.font-size-20 {
  font-size:20px
}
.font-size-28 {
  font-size:28px
}
.line-height-0 {
  line-height:0
}
.line-height-18 {
  line-height:18px
}
.line-height-20 {
  line-height:20px
}
.font-weight-400 {
  font-weight:400
}
.font-weight-500 {
  font-weight:500
}
.font-weight-600 {
  font-weight:600
}
.text-gray-40 {
  color:#8791a1
}
.text-gray-60 {
  color:#697484
}
.text-gray-80 {
  color:#49505b
}
.text-fuchsia-80 {
  color:#ff447c;
}
.text-red-60 {
  color:#eb5a68
}
.text-red-80 {
  color:#da2243
}
.text-green-80 {
  color:#00c07b
}
.text-green-90 {
  color:#0c9c5e
}
.text-primary {
  color:#3371e6
}
.text-black {
  color:#000
}
.text-white {
  color:#fff !important;
}
.text-white-hover-white {
  color:#fff !important;
}
.text-white-hover-white:hover {
  color:#fff
}
.text-color {
  color:#222832
}
.text-transparent {
  color:rgba(0,0,0,0)
}
.text-line-clamp-2 {
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden
}
.text-line-clamp-3 {
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden
}
.text-line-clamp-4 {
  display:-webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  overflow:hidden
}
.text-line-clamp-5 {
  display:-webkit-box;
  -webkit-line-clamp:5;
  -webkit-box-orient:vertical;
  overflow:hidden
}
.text-line-clamp-6 {
  display:-webkit-box;
  -webkit-line-clamp:6;
  -webkit-box-orient:vertical;
  overflow:hidden
}
.text-line-clamp-7 {
  display:-webkit-box;
  -webkit-line-clamp:7;
  -webkit-box-orient:vertical;
  overflow:hidden
}
.text-line-clamp-8 {
  display:-webkit-box;
  -webkit-line-clamp:8;
  -webkit-box-orient:vertical;
  overflow:hidden
}
.text-sans-serif {
  /*font-family:"IBM Plex Sans", var(--font-system) !important;*/
  font-family:"IBM Plex Sans",sans-serif !important;
}
.text-nowrap {
  white-space:nowrap
}
.text-wrap-normal {
  white-space:normal
}
.text-break-word {
  overflow-wrap:break-word;
  -webkit-hyphens:none;
  hyphens:none
}
.text-truncate {
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.text-ellipsis {
  text-overflow:ellipsis;
  overflow:hidden
}
.text-decor {
  text-decoration:underline;
  text-underline-offset:.15em
}
.text-noselect {
  -webkit-user-select:none;
  user-select:none
}
.text-select-all {
  -webkit-user-select:all;
  user-select:all
}
.visible {
  visibility:visible
}
.invisible {
  visibility:hidden
}
.z-index-1 {
  z-index:1
}
.z-index-2 {
  z-index:2
}
.z-index-4 {
  z-index:4
}
.z-index-5 {
  z-index:5
}

.slidepopup {
  z-index: 6;
  width: 100%;
  transition: all 0.2s;
}

/*.step1, .step2, .step3, .step4, .step5, .step6, .step7, .slidediv, .step8, .step9 {
  padding: 25px;  
  display: flex;  
  flex-direction: column;
  height: 100%;  
  position: absolute; 
  right: 0px; 
  width: 0; 
  background:#fff; 
  transition: all 0.2s; 
}
.step1 {z-index: 5; width:100%; }*/