:root {
    --primary: #ee9601;
    --secondary: #ff4a28;
    --surface: #140c07;
    --success: #22c55e;
    --info: #16C7F9;
    --warning: #f97316;
    --danger: #F81F58;
    --light: #ecf8fb;
    --extra-light: #e2e8f08a;
    --muted: rgba(255, 255, 255, 0.5);
    --dark: #2c323f;
    --white: #ffffff;
    --bg-white: #fff;
    --body-bg: #211108;
    --surface-bg: rgba(var(--secpndary), 0.8);
    --sidebar-bg: #191919;
    --grad-bg: linear-gradient(to right, var(--primary) 0%, var(--secondary) 100%);
    --display-color: #ffffff;
    --body-color: #e5e5e5;
    --input-bg: #fff;
    --input-border: #e5e5e5;
    --placeholder-color: #858484;
    --border-color: rgba(255, 255, 255, 0.1);
    --display-font: "Sora", sans-serif;
    --body-font: "Poppins", sans-serif;
    --inset-shadow: inset -2px 2px 7px rgba(255, 255, 255, 0.5), inset 2px -2px 7px rgba(255, 255, 255, 0.5);
    --font-2xxl: 2rem;
    --font-2xl: 1.75rem;
    --font-xxl: 1.5rem;
    --font-xl: 1.25rem;
    --font-lg: 1.125rem;
    --font-md: 1rem;
    --font-sm: 0.875rem;
    --font-xs: 0.75rem;
    --font-xxs: 0.625rem;
    --display-1: 3.875rem;
    /* 62px */
    --display-2: 3rem;
    /* 48px */
    --display-3: 2.375rem;
    /* 38px */
    --display-4: 2rem;
    /* 32px */
    --display-5: 1.5rem;
    /* 25px */
    --display-6: 1.25rem;
    /* 20px */
}

@media (max-width: 1199px) {
    :root {
        --display-1: 3.25rem;
        /* 52px */
        --display-2: 2.25rem;
        /* 36px */
        --display-3: 2rem;
        /* 32px */
        --display-4: 1.625rem;
        /* 26px */
        --display-5: 1.375rem;
        /* 22px */
        --display-6: 1.125rem;
        /* 18px */
    }
}

@media (max-width: 991px) {
    :root {
        --display-1: 2.625rem;
        /* 42px */
        --display-2: 2rem;
        /* 32px */
        --display-3: 1.625rem;
        /* 26px */
        --display-4: 1.5rem;
        /* 24px */
        --display-5: 1.25rem;
        /* 20px */
    }
}

@media (max-width: 575px) {
    :root {
        --display-1: 2rem;
        /* 32px */
        --display-2: 1.625rem;
        /* 26px */
        --display-3: 1.5rem;
        /* 24px */
        --display-4: 1.375rem;
        /* 22px */
        --display-5: 1.125rem;
        /* 18px */
        --display-6: 1rem;
        /* 16px */
    }
}

/* === reset css start === */
/* === reset css start === */
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
    all: unset;
    display: revert;
}

:where([hidden]) {
    display: none;
}

:where([contenteditable]:not([contenteditable=false])) {
    -moz-user-modify: read-write;
    -webkit-user-modify: read-write;
    overflow-wrap: break-word;
    -webkit-line-break: after-white-space;
    -webkit-user-select: auto;
}

:where([draggable=true]) {
    -webkit-user-drag: element;
}

:where(dialog:modal) {
    all: revert;
}

*,
::before,
::after {
    box-sizing: border-box;
    border-style: solid;
    border-width: 0;
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: var(--body-bg);
    color: var(--body-color);
    font-family: var(--body-font);
    font-size: 1rem;
    padding: 0;
    margin: 0;
    font-weight: 400;
    position: relative;
    line-height: 1.7;
    overflow-x: hidden;
}

body.overlay-active::after {
    opacity: 1;
    visibility: visible;
}

body::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(10px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 99;
}

body::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 74, 97, 0.15);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

body.overlay::before {
    opacity: 1;
    visibility: visible;
}

img {
    max-width: 100%;
    height: auto;
    user-select: none;
}

select {
    cursor: pointer;
}

dt {
    margin-left: 0;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    border-top-width: 1px;
    clear: both;
    color: inherit;
    opacity: 0.15;
}

pre {
    font-family: monospace, monospace;
    font-size: inherit;
    font-size: 0.875rem;
}

pre::before,
pre::after {
    box-shadow: none !important;
}

pre code {
    max-height: 400px !important;
    overflow-y: auto;
}

pre[class*=language-]>code {
    border-left-color: var(--primary);
    box-shadow: -1px 0 0 0 var(--primary), 0 0 0 1px var(--border-color);
}

address {
    font-style: inherit;
}

ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

button {
    cursor: pointer;
}

*:focus {
    outline: none;
}

button {
    border: none;
}

button:focus {
    outline: none;
}

a {
    text-decoration: none;
    display: inline-block;
    background-color: transparent;
    color: inherit;
}

a,
button {
    cursor: revert;
}

a:hover {
    text-decoration: none;
}

strong {
    font-weight: 700;
}

a:hover {
    color: var(--primary);
}

abbr[title] {
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: inherit;
}

code {
    color: var(--danger);
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.2em;
}

svg,
img,
embed,
object,
iframe {
    vertical-align: bottom;
}

button,
input,
optgroup,
select,
textarea {
    -webkit-appearance: none;
    appearance: none;
    vertical-align: middle;
    color: inherit;
    font: inherit;
    background: transparent;
    padding: 0;
    margin: 0;
    border-radius: 0;
    text-align: inherit;
    text-transform: inherit;
}

button,
[type=button],
[type=reset],
[type=submit] {
    cursor: pointer;
    -webkit-appearance: button;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
    cursor: default;
}

:-moz-focusring {
    outline: auto;
}

select:disabled {
    opacity: inherit;
}

option {
    padding: 0;
}

fieldset {
    margin: 0;
    padding: 0;
    min-width: 0;
}

legend {
    padding: 0;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

[type=search] {
    outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

[type=number] {
    -moz-appearance: textfield;
}

label[for] {
    cursor: pointer;
}

details {
    display: block;
}

summary {
    display: list-item;
}

[contenteditable]:focus {
    outline: auto;
}

table {
    border-color: inherit;
    border-collapse: collapse;
}

caption {
    text-align: left;
}

td,
th {
    vertical-align: top;
    padding: 0;
}

th {
    text-align: left;
    font-weight: bold;
}

/* === reset css end === */
/* === reset css end === */
/* === flex css start === */
.item-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* === flex css end === */
/* === color css start === */
.text-primary {
    color: var(--primary) !important;
}

.text-secondary {
    color: var(--secondary) !important;
}

.text-surface {
    color: var(--surface) !important;
}

.text-success {
    color: var(--success) !important;
}

.text-info {
    color: var(--info) !important;
}

.text-warning {
    color: var(--warning) !important;
}

.text-danger {
    color: var(--danger) !important;
}

.text-light {
    color: var(--light) !important;
}

.text-extra-light {
    color: var(--extra-light) !important;
}

.text-muted {
    color: var(--muted) !important;
}

.text-dark {
    color: var(--dark) !important;
}

.text-white {
    color: var(--white) !important;
}

.text-hover-primary:hover {
    color: var(--primary) !important;
}

.text-hover-secondary:hover {
    color: var(--secondary) !important;
}

.text-hover-surface:hover {
    color: var(--surface) !important;
}

.text-hover-success:hover {
    color: var(--success) !important;
}

.text-hover-info:hover {
    color: var(--info) !important;
}

.text-hover-warning:hover {
    color: var(--warning) !important;
}

.text-hover-danger:hover {
    color: var(--danger) !important;
}

.text-hover-light:hover {
    color: var(--light) !important;
}

.text-hover-extra-light:hover {
    color: var(--extra-light) !important;
}

.text-hover-muted:hover {
    color: var(--muted) !important;
}

.text-hover-dark:hover {
    color: var(--dark) !important;
}

.text-hover-white:hover {
    color: var(--white) !important;
}

.hover-text-white:hover {
    color: #fff !important;
}

.display-color {
    color: var(--display-color) !important;
}

.body-color {
    color: var(--body-color) !important;
}

.text-main,
.text-primary {
    color: var(--primary) !important;
}

.text-main-two {
    color: var(--primary-two) !important;
}

.text-dark {
    color: var(--secondary) !important;
}

.text-gradient {
    background: -webkit-linear-gradient(var(--secondary), var(--primary));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* === color css end === */
/* === bg css start === */
.bg-light-primary {
    background-color: rgba(238, 150, 1, 0.1254901961) !important;
}

.bg-light-secondary {
    background-color: rgba(255, 74, 40, 0.1254901961) !important;
}

.bg-light-surface {
    background-color: rgba(20, 12, 7, 0.1254901961) !important;
}

.bg-light-success {
    background-color: rgba(34, 197, 94, 0.1254901961) !important;
}

.bg-light-info {
    background-color: rgba(22, 199, 249, 0.1254901961) !important;
}

.bg-light-warning {
    background-color: rgba(249, 115, 22, 0.1254901961) !important;
}

.bg-light-danger {
    background-color: rgba(248, 31, 88, 0.1254901961) !important;
}

.bg-light-light {
    background-color: #ecf8fb0d !important;
}

.bg-light-extra-light {
    background-color: #e2e8f08a !important;
}

.bg-light-muted {
    background-color: rgba(255, 255, 255, 0.5) 20 !important;
}

.bg-light-dark {
    background-color: rgba(44, 50, 63, 0.1254901961) !important;
}

.bg-light-white {
    background-color: rgba(255, 255, 255, 0.1254901961) !important;
}

.bg-primary {
    background-color: var(--primary) !important;
}

.bg-secondary {
    background-color: var(--secondary) !important;
}

.bg-surface {
    background-color: var(--surface) !important;
}

.bg-success {
    background-color: var(--success) !important;
}

.bg-info {
    background-color: var(--info) !important;
}

.bg-warning {
    background-color: var(--warning) !important;
}

.bg-danger {
    background-color: var(--danger) !important;
}

.bg-light {
    background-color: var(--light) !important;
}

.bg-extra-light {
    background-color: var(--extra-light) !important;
}

.bg-muted {
    background-color: var(--muted) !important;
}

.bg-dark {
    background-color: var(--dark) !important;
}

.bg-white {
    background-color: var(--white) !important;
}

.ht-bg-primary {
    background-color: var(--primary) !important;
}

.ht-bg-secondary {
    background-color: var(--secondary) !important;
}

.ht-body-bg {
    background-color: var(--body-bg) !important;
}

.ht-surface-bg {
    background-color: var(--surface) !important;
}

/* === bg css end === */
/* === shadow css start === */
/* === shadow css end === */
/* === size css start === */
.w-150px {
    width: 120px;
}

@media (min-width: 576px) {
    .w-150px {
        width: 150px;
    }
}

/* === size css end === */
/* === spacing css start === */
.ht-section-pt-sm {
    padding-top: 1.25rem;
}

@media (min-width: 992px) {
    .ht-section-pt-sm {
        padding-top: 2.1875rem;
    }
}

@media (min-width: 1200px) {
    .ht-section-pt-sm {
        padding-top: 2.8125rem;
    }
}

@media (min-width: 1400px) {
    .ht-section-pt-sm {
        padding-top: 3.75rem;
    }
}

.ht-section-pb-sm {
    padding-bottom: 1.25rem;
}

@media (min-width: 992px) {
    .ht-section-pb-sm {
        padding-bottom: 2.1875rem;
    }
}

@media (min-width: 1200px) {
    .ht-section-pb-sm {
        padding-bottom: 2.8125rem;
    }
}

@media (min-width: 1400px) {
    .ht-section-pb-sm {
        padding-bottom: 3.75rem;
    }
}

.ht-section-pt {
    padding-top: 2.5rem;
}

@media (min-width: 992px) {
    .ht-section-pt {
        padding-top: 3.75rem;
    }
}

@media (min-width: 1200px) {
    .ht-section-pt {
        padding-top: 5rem;
    }
}

@media (min-width: 1650px) {
    .ht-section-pt {
        padding-top: 7.5rem;
    }
}

.ht-section-pb {
    padding-bottom: 2.5rem;
}

@media (min-width: 992px) {
    .ht-section-pb {
        padding-bottom: 3.75rem;
    }
}

@media (min-width: 1200px) {
    .ht-section-pb {
        padding-bottom: 5rem;
    }
}

@media (min-width: 1650px) {
    .ht-section-pb {
        padding-bottom: 7.5rem;
    }
}

.ps-35 {
    padding-inline-start: 2.1875rem !important;
}

/* === spacing css end === */
/* === spacing css start === */
/* === spacing css end === */
/* === animation css start === */
/* === animation css end === */
/* === typography css start === */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    color: var(--display-color);
    font-weight: 700;
    font-family: var(--display-font);
    line-height: 1.2;
}

h1,
.h1 {
    font-size: var(--display-1);
}

h2,
.h2 {
    font-size: var(--display-2);
}

h3,
.h3 {
    font-size: var(--display-3);
}

h4,
.h4 {
    font-size: var(--display-4);
}

h5,
.h5 {
    font-size: var(--display-5);
    line-height: 1.3;
}

h6,
.h6 {
    font-size: var(--display-6);
    line-height: 1.3;
}

.text-2xxl {
    font-size: var(--font-2xxl) !important;
}

.text-2xl {
    font-size: var(--font-2xl) !important;
}

.text-xxl {
    font-size: var(--font-xxl) !important;
}

.text-xl {
    font-size: var(--font-xl) !important;
}

.text-lg {
    font-size: var(--font-lg) !important;
}

.text-md {
    font-size: var(--font-md) !important;
}

.text-sm {
    font-size: var(--font-sm) !important;
}

.text-xs {
    font-size: var(--font-xs) !important;
}

.text-xxs {
    font-size: var(--font-xxs) !important;
}

.line-height-1 {
    line-height: 1 !important;
}

.text-line-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-line-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-line-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ch-25 {
    max-width: 25ch;
}

/* === typography css end === */
/* === text-align css start === */
.text-start {
    text-align: start !important;
}

.text-end {
    text-align: end !important;
}

/* === text-align css end === */
/* === border css start === */
.border {
    border-color: var(--border-color) !important;
}

.border-start {
    border-inline-start: 1px solid var(--border-color) !important;
}

.border-end {
    border-inline-end: 1px solid var(--border-color) !important;
}

.border-top {
    border-top: 1px solid var(--border-color) !important;
}

.border-bottom {
    border-bottom: 1px solid var(--border-color) !important;
}

@media (min-width: 992px) {
    .border-lg-end {
        border-inline-end: 1px solid var(--border-color) !important;
    }
}

/* === border css end === */

/* Overlay Css Start */
.gradient-overlay {
    position: relative;
    z-index: 1;
}

.gradient-overlay.top-0::before {
    transform: rotate(180deg);
}

.gradient-overlay::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 22%, rgba(0, 0, 0, 0.69) 57.92%, rgba(0, 0, 0, 0.7) 100%);
    left: inherit;
    bottom: inherit;
}

/* Overlay Css End */
/* === overlay css end === */
/* === position css start === */
.z-index-1 {
    z-index: 1;
}

.z-index--1 {
    z-index: -1;
}

.opacity-15 {
    opacity: 0.15;
}

.start-10 {
    inset-inline-start: 0.625rem;
}

.top-middle {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* === position css end === */
/* === section header css start === */
.ht-section-header {
    margin-bottom: 1.5625rem;
}

@media (min-width: 992px) {
    .ht-section-header {
        margin-bottom: 2.8125rem;
    }
}

@media (min-width: 1400px) {
    .ht-section-header {
        margin-bottom: 3.4375rem;
    }
}

.ht-section-title {
    font-size: 1.5rem;
    font-weight: 700;
}

@media (min-width: 576px) {
    .ht-section-title {
        font-size: 1.75rem;
    }
}

@media (min-width: 992px) {
    .ht-section-title {
        font-size: 2rem;
    }
}

@media (min-width: 1200px) {
    .ht-section-title {
        font-size: 2.25rem;
    }
}

@media (min-width: 1650px) {
    .ht-section-title {
        font-size: 2.625rem;
    }
}

.ht-section-title span {
    background: -webkit-linear-gradient(var(--secondary), var(--primary));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ht-section-caption {
    position: relative;
    font-weight: 500;
    padding: 0.1875rem 0.75rem;
    background-color: transparent;
    border-radius: 99px;
    -webkit-border-radius: 99px;
    -moz-border-radius: 99px;
    -ms-border-radius: 99px;
    -o-border-radius: 99px;
    font-size: 0.875rem;
    margin-bottom: 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    color: var(--primary);
    background: -webkit-linear-gradient(var(--secondary), var(--primary));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: 1;
}

.ht-section-caption::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary);
    border-radius: 99px;
    -webkit-border-radius: 99px;
    -moz-border-radius: 99px;
    -ms-border-radius: 99px;
    -o-border-radius: 99px;
    opacity: 0.1;
    z-index: -1;
}

.ht-section-caption::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid var(--primary);
    border-radius: 99px;
    -webkit-border-radius: 99px;
    -moz-border-radius: 99px;
    -ms-border-radius: 99px;
    -o-border-radius: 99px;
    opacity: 0.35;
    z-index: -1;
}

.text-w-60 {
    max-width: 60ch;
}

/* === section header css end === */
/* === preloader css start === */
.rt-preloader {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--surface);
    z-index: 99999;
}

.rt-cube-grid {
    width: 60px;
    height: 60px;
}

.rt-cube-grid .rt-cube {
    width: 33%;
    height: 33%;
    background-color: var(--primary);
    float: left;
    -webkit-animation: rt-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation: rt-cubeGridScaleDelay 1.3s infinite ease-in-out;
}

.rt-cube-grid .rt-cube1 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.rt-cube-grid .rt-cube2 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.rt-cube-grid .rt-cube3 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.rt-cube-grid .rt-cube4 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.rt-cube-grid .rt-cube5 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.rt-cube-grid .rt-cube6 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.rt-cube-grid .rt-cube7 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.rt-cube-grid .rt-cube8 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.rt-cube-grid .rt-cube9 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

@-webkit-keyframes rt-cubeGridScaleDelay {

    0%,
    70%,
    100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

@keyframes rt-cubeGridScaleDelay {

    0%,
    70%,
    100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

/* === preloader css end === */
/* === buttons css start === */
.btn {
    font-size: 1rem;
    padding: 0.5rem 1.125rem;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    font-weight: 500;
}

@media (min-width: 1200px) {
    .btn {
        padding: 0.625rem 1.5625rem;
    }
}

@media (min-width: 1400px) {
    .btn {
        padding: 0.875rem 2.1875rem;
    }
}

.btn.btn-lg {
    font-size: 1rem;
    padding: 0.75rem 1.5625rem;
}

@media (min-width: 1400px) {
    .btn.btn-lg {
        font-size: 1.125rem;
        padding: 0.875rem 2.1875rem;
    }
}

.btn.btn-md {
    font-size: 0.9375rem;
    gap: 0.5rem;
}

@media (min-width: 1400px) {
    .btn.btn-md {
        padding: 0.625rem 1.25rem;
    }
}

.btn.btn-md .icon {
    font-size: 1.25rem;
}

.btn.btn-sm {
    font-size: 0.8125rem;
    padding: 0.375rem 0.75rem;
    gap: 0.375rem;
}

.btn.btn-sm .icon {
    font-size: 1.125rem;
}

.btn-primary {
    background-color: #ee9601 !important;
    color: #fff;
    border-color: #ee9601;
}

.btn-primary:hover {
    background-color: rgba(238, 150, 1, 0.831372549) !important;
    color: #fff;
    border-color: rgba(238, 150, 1, 0.831372549);
}

.btn-primary:active,
.btn-primary:focus {
    background-color: #ee9601 !important;
    color: #fff;
    border-color: #ee9601;
}

.btn-primary.has-badge {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-primary .btn-badge {
    width: 18px;
    height: 18px;
    background-color: var(--body-bg);
    color: #ee9601;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 0.6875rem;
    font-weight: 500;
}

.btn-secondary {
    background-color: #ff4a28 !important;
    color: #fff;
    border-color: #ff4a28;
}

.btn-secondary:hover {
    background-color: rgba(255, 74, 40, 0.831372549) !important;
    color: #fff;
    border-color: rgba(255, 74, 40, 0.831372549);
}

.btn-secondary:active,
.btn-secondary:focus {
    background-color: #ff4a28 !important;
    color: #fff;
    border-color: #ff4a28;
}

.btn-secondary.has-badge {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-secondary .btn-badge {
    width: 18px;
    height: 18px;
    background-color: var(--body-bg);
    color: #ff4a28;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 0.6875rem;
    font-weight: 500;
}

.btn-surface {
    background-color: #140c07 !important;
    color: #fff;
    border-color: #140c07;
}

.btn-surface:hover {
    background-color: rgba(20, 12, 7, 0.831372549) !important;
    color: #fff;
    border-color: rgba(20, 12, 7, 0.831372549);
}

.btn-surface:active,
.btn-surface:focus {
    background-color: #140c07 !important;
    color: #fff;
    border-color: #140c07;
}

.btn-surface.has-badge {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-surface .btn-badge {
    width: 18px;
    height: 18px;
    background-color: #fff;
    color: #140c07;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 0.6875rem;
    font-weight: 500;
}

.btn-success {
    background-color: #22c55e !important;
    color: #fff;
    border-color: #22c55e;
}

.btn-success:hover {
    background-color: rgba(34, 197, 94, 0.831372549) !important;
    color: #fff;
    border-color: rgba(34, 197, 94, 0.831372549);
}

.btn-success:active,
.btn-success:focus {
    background-color: #22c55e !important;
    color: #fff;
    border-color: #22c55e;
}

.btn-success.has-badge {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-success .btn-badge {
    width: 18px;
    height: 18px;
    background-color: var(--body-bg);
    color: #22c55e;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 0.6875rem;
    font-weight: 500;
}

.btn-info {
    background-color: #16C7F9 !important;
    color: #fff;
    border-color: #16C7F9;
}

.btn-info:hover {
    background-color: rgba(22, 199, 249, 0.831372549) !important;
    color: #fff;
    border-color: rgba(22, 199, 249, 0.831372549);
}

.btn-info:active,
.btn-info:focus {
    background-color: #16C7F9 !important;
    color: #fff;
    border-color: #16C7F9;
}

.btn-info.has-badge {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-info .btn-badge {
    width: 18px;
    height: 18px;
    background-color: var(--body-bg);
    color: #16C7F9;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 0.6875rem;
    font-weight: 500;
}

.btn-warning {
    background-color: #f97316 !important;
    color: #fff;
    border-color: #f97316;
}

.btn-warning:hover {
    background-color: rgba(249, 115, 22, 0.831372549) !important;
    color: #fff;
    border-color: rgba(249, 115, 22, 0.831372549);
}

.btn-warning:active,
.btn-warning:focus {
    background-color: #f97316 !important;
    color: #fff;
    border-color: #f97316;
}

.btn-warning.has-badge {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-warning .btn-badge {
    width: 18px;
    height: 18px;
    background-color: var(--body-bg);
    color: #f97316;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 0.6875rem;
    font-weight: 500;
}

.btn-danger {
    background-color: #F81F58 !important;
    color: #fff;
    border-color: #F81F58;
}

.btn-danger:hover {
    background-color: rgba(248, 31, 88, 0.831372549) !important;
    color: #fff;
    border-color: rgba(248, 31, 88, 0.831372549);
}

.btn-danger:active,
.btn-danger:focus {
    background-color: #F81F58 !important;
    color: #fff;
    border-color: #F81F58;
}

.btn-danger.has-badge {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-danger .btn-badge {
    width: 18px;
    height: 18px;
    background-color: var(--body-bg);
    color: #F81F58;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 0.6875rem;
    font-weight: 500;
}

.btn-light {
    background-color: #ecf8fb47 !important;
    color: #fff;
    border-color: #ecf8fb20;
}

.btn-light:hover {
    background-color: rgba(236, 248, 251, 0.29) !important;
    color: #fff;
    border-color: rgba(236, 248, 251, 0.831372549);
}

.btn-light:active,
.btn-light:focus {
    background-color: rgba(236, 248, 251, 0.35) !important;
    color: #fff;
    border-color: #ecf8fb;
}

.btn-light.has-badge {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-light .btn-badge {
    width: 18px;
    height: 18px;
    background-color: var(--body-bg);
    color: #ecf8fb;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 0.6875rem;
    font-weight: 500;
}

.btn-extra-light {
    background-color: rgba(226, 232, 240, 0.5411764706) !important;
    color: #fff;
    border-color: rgba(226, 232, 240, 0.5411764706);
}

.btn-extra-light:hover {
    background-color: #e2e8f08a !important;
    color: #fff;
    border-color: #e2e8f08a;
}

.btn-extra-light:active,
.btn-extra-light:focus {
    background-color: rgba(226, 232, 240, 0.5411764706) !important;
    color: #fff;
    border-color: rgba(226, 232, 240, 0.5411764706);
}

.btn-extra-light.has-badge {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-extra-light .btn-badge {
    width: 18px;
    height: 18px;
    background-color: var(--body-bg);
    color: rgba(226, 232, 240, 0.5411764706);
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 0.6875rem;
    font-weight: 500;
}

.btn-muted {
    background-color: rgba(255, 255, 255, 0.5) !important;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.5);
}

.btn-muted:hover {
    background-color: rgba(255, 255, 255, 0.5) d4 !important;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.5) d4;
}

.btn-muted:active,
.btn-muted:focus {
    background-color: rgba(255, 255, 255, 0.5) !important;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.5);
}

.btn-muted.has-badge {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-muted .btn-badge {
    width: 18px;
    height: 18px;
    background-color: var(--body-bg);
    color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 0.6875rem;
    font-weight: 500;
}

.btn-dark {
    background-color: #2c323f !important;
    color: #fff;
    border-color: #2c323f;
}

.btn-dark:hover {
    background-color: rgba(44, 50, 63, 0.831372549) !important;
    color: #fff;
    border-color: rgba(44, 50, 63, 0.831372549);
}

.btn-dark:active,
.btn-dark:focus {
    background-color: #2c323f !important;
    color: #fff;
    border-color: #2c323f;
}

.btn-dark.has-badge {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-dark .btn-badge {
    width: 18px;
    height: 18px;
    background-color: #fff;
    color: #2c323f;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 0.6875rem;
    font-weight: 500;
}

.btn-white {
    background-color: #ffffff !important;
    color: #fff;
    border-color: #ffffff;
}

.btn-white:hover {
    background-color: rgba(255, 255, 255, 0.831372549) !important;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.831372549);
}

.btn-white:active,
.btn-white:focus {
    background-color: #ffffff !important;
    color: #fff;
    border-color: #ffffff;
}

.btn-white.has-badge {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-white .btn-badge {
    width: 18px;
    height: 18px;
    background-color: #fff;
    color: #ffffff;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 0.6875rem;
    font-weight: 500;
}

.btn-light-primary {
    border: 1px solid rgba(238, 150, 1, 0);
    color: #ee9601;
    background-color: rgba(238, 150, 1, 0.1254901961);
}

.btn-light-primary:hover {
    color: #fff;
    background-color: #ee9601;
}

.btn-light-secondary {
    border: 1px solid rgba(255, 74, 40, 0);
    color: #ff4a28;
    background-color: rgba(255, 74, 40, 0.1254901961);
}

.btn-light-secondary:hover {
    color: #fff;
    background-color: #ff4a28;
}

.btn-light-surface {
    border: 1px solid rgba(20, 12, 7, 0);
    color: #140c07;
    background-color: rgba(20, 12, 7, 0.1254901961);
}

.btn-light-surface:hover {
    color: #fff;
    background-color: #140c07;
}

.btn-light-success {
    border: 1px solid rgba(34, 197, 94, 0);
    color: #22c55e;
    background-color: rgba(34, 197, 94, 0.1254901961);
}

.btn-light-success:hover {
    color: #fff;
    background-color: #22c55e;
}

.btn-light-info {
    border: 1px solid rgba(22, 199, 249, 0);
    color: #16C7F9;
    background-color: rgba(22, 199, 249, 0.1254901961);
}

.btn-light-info:hover {
    color: #fff;
    background-color: #16C7F9;
}

.btn-light-warning {
    border: 1px solid rgba(249, 115, 22, 0);
    color: #f97316;
    background-color: rgba(249, 115, 22, 0.1254901961);
}

.btn-light-warning:hover {
    color: #fff;
    background-color: #f97316;
}

.btn-light-danger {
    border: 1px solid rgba(248, 31, 88, 0);
    color: #F81F58;
    background-color: rgba(248, 31, 88, 0.1254901961);
}

.btn-light-danger:hover {
    color: #fff;
    background-color: #F81F58;
}

.btn-light-light {
    border: 1px solid rgba(236, 248, 251, 0);
    color: #ecf8fb;
    background-color: rgba(236, 248, 251, 0.1254901961);
}

.btn-light-light:hover {
    color: #fff;
    background-color: #ecf8fb;
}

.btn-light-extra-light {
    border: 1px solid #e2e8f08a00;
    color: rgba(226, 232, 240, 0.5411764706);
    background-color: #e2e8f08a20;
}

.btn-light-extra-light:hover {
    color: #fff;
    background-color: rgba(226, 232, 240, 0.5411764706);
}

.btn-light-muted {
    border: 1px solid rgba(255, 255, 255, 0.5) 0;
    color: rgba(255, 255, 255, 0.5);
    background-color: rgba(255, 255, 255, 0.5) 20;
}

.btn-light-muted:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
}

.btn-light-dark {
    border: 1px solid rgba(44, 50, 63, 0);
    color: #2c323f;
    background-color: rgba(44, 50, 63, 0.1254901961);
}

.btn-light-dark:hover {
    color: #fff;
    background-color: #2c323f;
}

.btn-light-white {
    border: 1px solid rgba(255, 255, 255, 0);
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.1254901961);
}

.btn-light-white:hover {
    color: #fff;
    background-color: #ffffff;
}

.btn-light-light:hover {
    color: #000;
}

.ht-solid-btn-primary {
    background: var(--grad-bg);
    color: #fff;
    position: relative;
    z-index: 1;
    border: none;
    overflow: hidden;
    box-shadow: inset -2px 2px 7px rgba(255, 255, 255, 0.5), inset 2px -2px 7px rgba(255, 255, 255, 0.5);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
}

.ht-solid-btn-primary .icon {
    font-size: 1.5rem;
}

.ht-solid-btn-primary:hover {
    background-color: var(--secondary);
    color: #fff;
    border-color: var(--secondary);
}

.ht-solid-btn-primary:hover .icon {
    animation: lightSpeedInLeft;
    animation-duration: 0.5s;
}

.ht-solid-btn-secondary {
    background-color: rgba(0, 0, 0, 0.25);
    box-shadow: inset -2px 2px 7px rgba(255, 255, 255, 0.5), inset 2px -2px 7px rgba(255, 255, 255, 0.5);
    color: #fff;
    border: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
}

.ht-solid-btn-secondary .icon {
    font-size: 1.5rem;
}

.ht-solid-btn-secondary:hover {
    background-color: var(--primary);
    color: #fff;
}

.ht-solid-btn-secondary:hover .icon {
    animation: lightSpeedInLeft;
    animation-duration: 0.5s;
}

.ht-outline-btn-secondary {
    background-color: transparent;
    color: var(--secondary);
    position: relative;
    z-index: 1;
    border: 2px solid var(--secondary);
}

.ht-outline-btn-secondary:hover {
    background-color: var(--primary);
    color: #fff;
    border-color: var(--primary);
}

.ht-outline-btn-primary {
    background-color: transparent;
    color: var(--primary);
    position: relative;
    z-index: 1;
    border: 2px solid var(--primary);
    overflow: hidden;
}

.ht-outline-btn-primary:hover {
    background-color: var(--secondary);
    color: #fff;
    border-color: var(--secondary);
}

.btn-icon {
    width: 32px;
    height: 32px;
    padding: 0.3125rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

@-webkit-keyframes line {
    from {
        margin-top: -60px;
        margin-left: -90px;
    }

    to {
        margin-top: -60px;
        margin-left: 250px;
    }
}

/* === buttons css end === */
/* === alert css start === */
.alert {
    padding: 0.625rem 0.9375rem;
}

.alert-primary {
    color: var(--primary) !important;
    border: none;
    position: relative;
    background-color: transparent;
    overflow: hidden;
    z-index: 1;
    border-radius: 6px;
}

.alert-primary::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: var(--primary);
    border: 1px solid var(--primary);
    opacity: 0.15;
    border-radius: 6px;
}

.alert-primary::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border: 1px solid var(--primary);
    opacity: 0.35;
    border-radius: 6px;
}

.alert-primary.border-0::after {
    display: none;
}

.alert-secondary {
    color: var(--secondary) !important;
    border: none;
    position: relative;
    background-color: transparent;
    overflow: hidden;
    z-index: 1;
    border-radius: 6px;
}

.alert-secondary::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: var(--secondary);
    border: 1px solid var(--secondary);
    opacity: 0.15;
    border-radius: 6px;
}

.alert-secondary::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border: 1px solid var(--secondary);
    opacity: 0.35;
    border-radius: 6px;
}

.alert-secondary.border-0::after {
    display: none;
}

.alert-surface {
    color: var(--surface) !important;
    border: none;
    position: relative;
    background-color: transparent;
    overflow: hidden;
    z-index: 1;
    border-radius: 6px;
}

.alert-surface::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: var(--surface);
    border: 1px solid var(--surface);
    opacity: 0.15;
    border-radius: 6px;
}

.alert-surface::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border: 1px solid var(--surface);
    opacity: 0.35;
    border-radius: 6px;
}

.alert-surface.border-0::after {
    display: none;
}

.alert-success {
    color: var(--success) !important;
    border: none;
    position: relative;
    background-color: transparent;
    overflow: hidden;
    z-index: 1;
    border-radius: 6px;
}

.alert-success::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: var(--success);
    border: 1px solid var(--success);
    opacity: 0.15;
    border-radius: 6px;
}

.alert-success::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border: 1px solid var(--success);
    opacity: 0.35;
    border-radius: 6px;
}

.alert-success.border-0::after {
    display: none;
}

.alert-info {
    color: var(--info) !important;
    border: none;
    position: relative;
    background-color: transparent;
    overflow: hidden;
    z-index: 1;
    border-radius: 6px;
}

.alert-info::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: var(--info);
    border: 1px solid var(--info);
    opacity: 0.15;
    border-radius: 6px;
}

.alert-info::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border: 1px solid var(--info);
    opacity: 0.35;
    border-radius: 6px;
}

.alert-info.border-0::after {
    display: none;
}

.alert-warning {
    color: var(--warning) !important;
    border: none;
    position: relative;
    background-color: transparent;
    overflow: hidden;
    z-index: 1;
    border-radius: 6px;
}

.alert-warning::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: var(--warning);
    border: 1px solid var(--warning);
    opacity: 0.15;
    border-radius: 6px;
}

.alert-warning::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border: 1px solid var(--warning);
    opacity: 0.35;
    border-radius: 6px;
}

.alert-warning.border-0::after {
    display: none;
}

.alert-danger {
    color: var(--danger) !important;
    border: none;
    position: relative;
    background-color: transparent;
    overflow: hidden;
    z-index: 1;
    border-radius: 6px;
}

.alert-danger::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: var(--danger);
    border: 1px solid var(--danger);
    opacity: 0.15;
    border-radius: 6px;
}

.alert-danger::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border: 1px solid var(--danger);
    opacity: 0.35;
    border-radius: 6px;
}

.alert-danger.border-0::after {
    display: none;
}

.alert-light {
    color: var(--light) !important;
    border: none;
    position: relative;
    background-color: transparent;
    overflow: hidden;
    z-index: 1;
    border-radius: 6px;
}

.alert-light::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: var(--light);
    border: 1px solid var(--light);
    opacity: 0.15;
    border-radius: 6px;
}

.alert-light::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border: 1px solid var(--light);
    opacity: 0.35;
    border-radius: 6px;
}

.alert-light.border-0::after {
    display: none;
}

.alert-extra-light {
    color: var(--extra-light) !important;
    border: none;
    position: relative;
    background-color: transparent;
    overflow: hidden;
    z-index: 1;
    border-radius: 6px;
}

.alert-extra-light::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: var(--extra-light);
    border: 1px solid var(--extra-light);
    opacity: 0.15;
    border-radius: 6px;
}

.alert-extra-light::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border: 1px solid var(--extra-light);
    opacity: 0.35;
    border-radius: 6px;
}

.alert-extra-light.border-0::after {
    display: none;
}

.alert-muted {
    color: var(--muted) !important;
    border: none;
    position: relative;
    background-color: transparent;
    overflow: hidden;
    z-index: 1;
    border-radius: 6px;
}

.alert-muted::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: var(--muted);
    border: 1px solid var(--muted);
    opacity: 0.15;
    border-radius: 6px;
}

.alert-muted::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border: 1px solid var(--muted);
    opacity: 0.35;
    border-radius: 6px;
}

.alert-muted.border-0::after {
    display: none;
}

.alert-dark {
    color: var(--dark) !important;
    border: none;
    position: relative;
    background-color: transparent;
    overflow: hidden;
    z-index: 1;
    border-radius: 6px;
}

.alert-dark::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: var(--dark);
    border: 1px solid var(--dark);
    opacity: 0.15;
    border-radius: 6px;
}

.alert-dark::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border: 1px solid var(--dark);
    opacity: 0.35;
    border-radius: 6px;
}

.alert-dark.border-0::after {
    display: none;
}

.alert-white {
    color: var(--white) !important;
    border: none;
    position: relative;
    background-color: transparent;
    overflow: hidden;
    z-index: 1;
    border-radius: 6px;
}

.alert-white::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: var(--white);
    border: 1px solid var(--white);
    opacity: 0.15;
    border-radius: 6px;
}

.alert-white::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border: 1px solid var(--white);
    opacity: 0.35;
    border-radius: 6px;
}

.alert-white.border-0::after {
    display: none;
}

.alert-light {
    color: var(--display-color) !important;
}

.alert-dismissible .btn-close {
    width: 10px;
    height: 7px;
    background-size: 10px;
}

.alert-dismissible .btn-close:focus {
    box-shadow: none;
}

/* === alert css end === */
/* === badge css start === */
.badge {
    font-weight: 500;
    font-size: 0.75rem;
}

.badge-primary {
    background-color: #ee9601 !important;
    color: #fff !important;
}

.badge-secondary {
    background-color: #ff4a28 !important;
    color: #fff !important;
}

.badge-surface {
    background-color: #140c07 !important;
    color: #fff !important;
}

.badge-success {
    background-color: #22c55e !important;
    color: #fff !important;
}

.badge-info {
    background-color: #16C7F9 !important;
    color: #fff !important;
}

.badge-warning {
    background-color: #f97316 !important;
    color: #fff !important;
}

.badge-danger {
    background-color: #F81F58 !important;
    color: #fff !important;
}

.badge-light {
    background-color: #ecf8fb !important;
    color: #fff !important;
}

.badge-extra-light {
    background-color: rgba(226, 232, 240, 0.5411764706) !important;
    color: #fff !important;
}

.badge-muted {
    background-color: rgba(255, 255, 255, 0.5) !important;
    color: #fff !important;
}

.badge-dark {
    background-color: #2c323f !important;
    color: #fff !important;
}

.badge-white {
    background-color: #ffffff !important;
    color: #fff !important;
}

.badge-light-primary {
    background-color: rgba(238, 150, 1, 0.1254901961) !important;
    color: #ee9601 !important;
}

.badge-light-secondary {
    background-color: rgba(255, 74, 40, 0.1254901961) !important;
    color: #ff4a28 !important;
}

.badge-light-surface {
    background-color: rgba(20, 12, 7, 0.1254901961) !important;
    color: #140c07 !important;
}

.badge-light-success {
    background-color: rgba(34, 197, 94, 0.1254901961) !important;
    color: #22c55e !important;
}

.badge-light-info {
    background-color: rgba(22, 199, 249, 0.1254901961) !important;
    color: #16C7F9 !important;
}

.badge-light-warning {
    background-color: rgba(249, 115, 22, 0.1254901961) !important;
    color: #f97316 !important;
}

.badge-light-danger {
    background-color: rgba(248, 31, 88, 0.1254901961) !important;
    color: #F81F58 !important;
}

.badge-light-light {
    background-color: rgba(236, 248, 251, 0.1254901961) !important;
    color: #ecf8fb !important;
}

.badge-light-extra-light {
    background-color: #e2e8f08a20 !important;
    color: rgba(226, 232, 240, 0.5411764706) !important;
}

.badge-light-muted {
    background-color: rgba(255, 255, 255, 0.5) 20 !important;
    color: rgba(255, 255, 255, 0.5) !important;
}

.badge-light-dark {
    background-color: rgba(44, 50, 63, 0.1254901961) !important;
    color: #2c323f !important;
}

.badge-light-white {
    background-color: rgba(255, 255, 255, 0.1254901961) !important;
    color: #ffffff !important;
}

.badge-light {
    color: var(--display-color) !important;
}

/* === badge css end === */
/* === table css start === */
.table thead th {
    font-size: 0.8125rem;
    color: var(--display-color);
    padding: 0.5rem 1rem;
    font-weight: 600;
    text-transform: uppercase;
}

@media (min-width: 992px) {
    .table thead th:last-child {
        text-align: right;
    }
}

.table tbody td {
    font-size: 0.875rem;
    vertical-align: middle;
    color: var(--body-color);
    padding: 0.875rem 1rem;
    background-color: var(--surface);
}

@media (min-width: 992px) {
    .table tbody td:last-child {
        text-align: right;
    }

    .table tbody td:last-child .d-flex {
        justify-content: flex-end;
    }
}

.table.head-light-bg thead th {
    background-color: var(--body-bg);
}

.table.head-rounded thead th {
    border: none;
}

.table.head-rounded thead th:first-child {
    border-radius: 8px 0 0 8px;
}

.table.head-rounded thead th:last-child {
    border-radius: 0 8px 8px 0;
}

.table.head-primary-bg thead th {
    background-color: var(--primary);
    color: #fff;
}

.default-table thead th {
    border-color: var(--border-color);
    background-color: var(--body-bg);
}

.default-table tbody tr:last-child td {
    border: none;
}

.default-table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 8px;
    -webkit-border-radius: 0 0 0 8px;
    -moz-border-radius: 0 0 0 8px;
    -ms-border-radius: 0 0 0 8px;
    -o-border-radius: 0 0 0 8px;
}

.default-table tbody tr:last-child td:last-child {
    border-radius: 0 0 8px 0;
    -webkit-border-radius: 0 0 8px 0;
    -moz-border-radius: 0 0 8px 0;
    -ms-border-radius: 0 0 8px 0;
    -o-border-radius: 0 0 8px 0;
}

.default-table tbody td {
    border-color: var(--border-color);
}

.bordered-table thead th {
    border: 1px solid var(--border-color);
}

.bordered-table tbody td {
    border: 1px solid var(--border-color);
}

.borderless-table thead th {
    border: none;
}

.borderless-table tbody td {
    border: none;
}

/* === table css end === */
/* === table responsive css start === */
/*
 * jQuery Basic Table
 * Author: Jerry Low
 */
@media (max-width: 991px) {
    .responsive-table tbody tr td {
        padding: 0;
        border: 1px solid var(--border-color) !important;
        border-bottom: none !important;
    }

    .responsive-table tbody tr td:last-child {
        margin-bottom: 15px;
        border-bottom: 1px solid var(--border-color) !important;
    }

    .responsive-table tbody tr td::before {
        background-color: var(--body-bg);
        padding: 10px;
        color: var(--display-color);
        font-weight: 600 !important;
    }

    .responsive-table tbody tr td .bt-content {
        padding: 7px 15px;
    }
}

table.bt thead,
table.bt tbody th {
    display: none;
}

table.bt tfoot th,
table.bt tfoot td,
table.bt tbody td {
    border: none;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    vertical-align: top;
    /* IE 9 */
    float: left\9;
    width: 100% \9;
}

table.bt tfoot th::before,
table.bt tfoot td::before,
table.bt tbody td::before {
    content: attr(data-th) ": ";
    display: inline-block;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    font-weight: bold;
    width: 6.5em;
}

table.bt tfoot th.bt-hide,
table.bt tfoot td.bt-hide,
table.bt tbody td.bt-hide {
    display: none;
}

table.bt tfoot th .bt-content,
table.bt tfoot td .bt-content,
table.bt tbody td .bt-content {
    vertical-align: top;
}

.bt-wrapper.active {
    max-height: 310px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

table.bt.bt--no-header tfoot td::before,
table.bt.bt--no-header tbody td::before {
    display: none;
}

/* === table responsive css end === */
/* === form css start === */
.form-select,
.form-control,
textarea {
    border: 1px solid var(--border-color);
    color: var(--display-color) !important;
    background-color: var(--body-bg) !important;
    padding: 0.75rem 0.9375rem;
    font-size: 0.9375rem;
}

.form-select::placeholder,
.form-control::placeholder,
textarea::placeholder {
    color: var(--placeholder-color);
}

.form-select:focus,
.form-select:active,
.form-control:focus,
.form-control:active,
textarea:focus,
textarea:active {
    box-shadow: none;
    border-color: var(--primary) !important;
    background-color: var(--body-bg);
}

.form-select {
    padding: 0.75rem 1.875rem 0.75rem 0.9375rem;
    background-position-x: right;
    background-size: 26px 12px;
}

.form-select.form-select-lg {
    height: 56px;
    font-size: 1.125rem;
}

.form-select.form-select-sm {
    height: 33.5px;
    font-size: 0.8125rem;
    padding: 0.375rem 1.875rem 0.375rem 0.9375rem;
}

.form-select option {
    background-color: var(--surface);
}

.form-select,
.form-control:not(textarea) {
    height: 3rem;
}

.form-control[type=file] {
    line-height: 1.5;
}

.form-control[readonly] {
    background-color: var(--body-bg);
    color: var(--display-color);
}

.form-control.form-control-lg {
    height: 56px;
    font-size: 1.125rem;
}

.form-control.form-control-lg[type=file] {
    line-height: 2.1;
}

.form-control.form-control-sm {
    height: 33.5px;
    font-size: 0.8125rem;
}

.form-control.form-control-sm[type=file] {
    line-height: 1.1;
}

.form-label {
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
    color: var(--display-color);
    font-weight: 500;
}

.input-group-text {
    color: var(--body-color);
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: var(--danger);
}

.invalid-feedback {
    color: var(--danger);
}

/* icon field css start */
.icon-field {
    position: relative;
}

.icon-field .icon {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 40px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.125rem;
    color: var(--display-color);
    line-height: 1;
}

.icon-field .form-control {
    padding-inline-start: 2.5rem;
}

.icon-field .form-control.form-control-lg~.icon {
    top: 18px;
}

.icon-field .form-control.form-control-sm~.icon {
    top: 10px;
}

/* icon field css end */
/* input Radio Css Start */
.form-check-input {
    cursor: pointer;
}

.form-check-input:checked {
    background-color: var(--primary);
}

.form-check {
    margin-bottom: 0;
    padding-left: 0;
    gap: 12px;
    display: inline-flex;
    align-items: center;
}

.form-check.style-check .form-check-input::before {
    width: calc(100% + 1px);
    height: calc(100% + 1px);
    transform: translate(-50%, -50%) scale(1);
    transition: 0.2s linear;
}

.form-check.style-check .form-check-input::after {
    position: absolute;
    content: "\eb7a";
    font-family: "remixicon";
    display: inline-block;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    color: #fff;
    visibility: hidden;
    opacity: 0;
    transition: 0.2s linear;
    border-radius: inherit !important;
}

.form-check.style-check .form-check-input:checked {
    border-color: var(--primary) !important;
}

.form-check.style-check .form-check-input:checked::after {
    visibility: visible;
    opacity: 1;
}

.form-check .form-check-input {
    border: 1px solid var(--border-color);
    background: transparent;
    width: 18px;
    height: 18px;
    position: relative;
    flex-shrink: 0;
    margin-left: 0;
    margin-top: 0;
    cursor: pointer;
}

.form-check .form-check-input:checked[type=radio] {
    background-image: none;
    border-color: var(--primary);
}

.form-check .form-check-input:checked::before {
    transform: translate(-50%, -50%) scale(1);
    visibility: visible;
    opacity: 1;
}

.form-check .form-check-input:checked~label {
    color: var(--body-color) !important;
}

.form-check .form-check-input::before {
    position: absolute;
    content: "";
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background-color: var(--primary);
    border-radius: inherit;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    visibility: hidden;
    opacity: 0;
    transition: 0.2s linear;
}

.form-check .form-check-input:focus {
    box-shadow: none;
}

.badge[class*=-primary] .form-check-input {
    border-color: var(--primary) !important;
}

.badge[class*=-success] .form-check-input {
    border-color: var(--success) !important;
}

.badge[class*=-info] .form-check-input {
    border-color: var(--info) !important;
}

.badge[class*=-warning] .form-check-input {
    border-color: var(--warning) !important;
}

.badge[class*=-danger] .form-check-input {
    border-color: var(--danger) !important;
}

.badge[class*=-secondary] .form-check-input {
    border-color: var(--secondaryf) !important;
}

.badge[class*=-dark] .form-check-input {
    border-color: var(--dark) !important;
}

/* input Radio Css End */
/* Switch Css Start */
.form-switch {
    padding-inline-start: 0;
}

.form-switch .form-check-input {
    box-shadow: none !important;
    margin: 0;
    position: relative;
    background-color: var(--light);
    border: 0;
    background-image: none !important;
    width: 36px;
    height: 20px;
}

.form-switch .form-check-input:checked {
    background-color: var(--primary);
}

.form-switch .form-check-input:checked::before {
    left: calc(100% - 18px);
    transition: 0.2s linear;
}

.form-switch .form-check-input:checked~.form-check-label {
    color: var(--body-color) !important;
}

.form-switch .form-check-input::before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    left: 2px;
    transition: 0.2s linear;
}

.form-switch.form-switch-sm .form-check-input {
    width: 30px;
    height: 18px;
}

.form-switch.form-switch-sm .form-check-input:checked {
    background-color: var(--primary);
}

.form-switch.form-switch-sm .form-check-input:checked::before {
    left: calc(100% - 16px);
}

.form-switch.form-switch-sm .form-check-input::before {
    width: 12px;
    height: 12px;
    left: 3px;
}

/* Switch Css End */
/* Switch different Color Css start */
.switch-primary .form-check-input:checked {
    background-color: var(--primary) !important;
}

.switch-primary .form-check-input:checked~.form-check-label {
    color: var(--primary) !important;
}

.switch-info .form-check-input:checked {
    background-color: var(--info) !important;
}

.switch-info .form-check-input:checked~.form-check-label {
    color: var(--info) !important;
}

.switch-success .form-check-input:checked {
    background-color: var(--success) !important;
}

.switch-success .form-check-input:checked~.form-check-label {
    color: var(--success) !important;
}

.switch-danger .form-check-input:checked {
    background-color: var(--danger) !important;
}

.switch-danger .form-check-input:checked~.form-check-label {
    color: var(--danger) !important;
}

.switch-warning .form-check-input:checked {
    background-color: var(--warning) !important;
}

.switch-warning .form-check-input:checked~.form-check-label {
    color: var(--warning) !important;
}

.switch-dark .form-check-input:checked {
    background-color: var(--dark) !important;
}

.switch-dark .form-check-input:checked~.form-check-label {
    color: var(--dark) !important;
}

.switch-purple .form-check-input:checked {
    background-color: var(--lilac) !important;
}

.switch-purple .form-check-input:checked~.form-check-label {
    color: var(--lilac) !important;
}

/* Switch different Color Css End */
/* input Group Checkbox Css Start */
.btn-check:checked+.btn {
    color: #fff !important;
}

.btn-check:checked+.btn-outline-warning {
    background-color: var(--warning) !important;
    border-color: var(--warning) !important;
}

.btn-check:checked+.btn-outline-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.btn-check:checked+.btn-outline-danger {
    background-color: var(--danger) !important;
    border-color: var(--danger) !important;
}

.btn-check:checked+.btn-outline-success {
    background-color: var(--success) !important;
    border-color: var(--success) !important;
}

.btn-check:checked+.btn-outline-warning {
    background-color: var(--warning) !important;
    border-color: var(--warning) !important;
}

.btn-check:checked+.btn-outline-info {
    background-color: var(--info) !important;
    border-color: var(--info) !important;
}

.btn-check:checked+.btn-outline-lilac {
    background-color: var(--lilac) !important;
    border-color: var(--lilac) !important;
}

/* input Group Checkbox Css End */
/* custom form fields css start */
.form-mobile-field {
    position: relative;
}

.form-mobile-field .form-select {
    width: auto;
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    border: 0;
    background-color: transparent;
}

.form-mobile-field .form-control {
    padding-inline-start: 4.375rem;
}

select option {
    background-color: var(--bg-white);
}

.was-validated .form-mobile-field .form-control {
    padding-inline-start: 5.9375rem;
}

/* custom form fields css end */
/* === form css end === */
/* === form select two css start === */
.form-select-two~.select2-container {
    display: block;
    width: 100% !important;
}

.form-select-two~.select2-container .selection {
    display: block;
}

.form-select-two~.select2-container .select2-selection--single {
    min-height: 44px;
    border: 1px solid var(--border-color);
    border-radius: 6px;
}

.form-select-two~.select2-container .select2-selection--single .select2-selection__rendered {
    color: var(--display-color);
    line-height: 42px;
    padding: 0 0.9375rem;
    font-size: 0.875rem;
}

.form-select-two~.select2-container .select2-selection--single .select2-selection__arrow b {
    margin-left: -12px;
    margin-top: 5px;
}

.form-select-two~.select2-container .select2-selection--multiple {
    min-height: 44px;
    border: 1px solid var(--border-color);
    border-radius: 6px;
    padding-inline: 1rem;
}

.form-select-two~.select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
    height: 28px;
    margin-top: 10px;
    font-size: 0.875rem;
}

.form-select-two~.select2-container .select2-selection--multiple .select2-selection__choice {
    background-color: var(--light);
    border: 1px solid var(--border-color);
}

.form-select-two~.select2-container .select2-selection--multiple .select2-selection__choice:first-child {
    margin-left: 0;
}

.form-select-two~.select2-container .select2-selection--multiple .select2-selection__choice__remove {
    border-right: 1px solid var(--border-color);
}

.form-select-two~.select2-container .select2-selection--multiple .select2-selection__choice__display {
    font-size: 0.875rem;
}

.select-two-templating~.select2-container .select2-selection--single .select2-selection__rendered>span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.select2-dropdown {
    border: 1px solid var(--border-color);
    border-radius: 6px;
}

.select2-dropdown .select2-search__field {
    border: 1px solid var(--border-color) !important;
    border-radius: 4px;
    padding: 0 1rem;
    font-size: 0.875rem;
}

.select2-dropdown .select2-results__option {
    font-size: 0.875rem;
    padding: 0.375rem 1rem;
}

.select2-dropdown .select2-results__option--selected {
    background-color: var(--light) !important;
}

.select2-dropdown .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--primary) !important;
}

.select2-container {
    transition: all 0s;
    z-index: 9999;
}

/* === form select two css end === */
/* === card css start === */
.card {
    background-color: var(--surface);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    box-shadow: 0 0.25rem 1.875rem rgba(46, 45, 116, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.05);
    position: initial;
    color: var(--body-color);
}

.card .card-header {
    background-color: var(--surface);
    padding: 0.875rem 1rem;
    border-color: var(--border-color);
    color: var(--body-color);
    border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    -o-border-radius: 8px 8px 0 0;
}

.card .card-title {
    font-size: 1.125rem !important;
    color: var(--display-color);
}

.card .card-body {
    padding: 0.875rem 1rem;
    color: var(--body-color);
}

.card .card-footer {
    background-color: var(--surface);
    border-color: var(--border-color);
    padding: 0.875rem 1rem;
}

/* === card css end === */
/* === modal css start === */
.modal-header {
    border-color: var(--border-color);
}

.modal-header .btn-close {
    margin-inline-start: auto;
    margin-inline-end: 0;
}

.modal-title {
    font-size: 1.125rem;
}

.modal-content {
    background-color: var(--surface);
}

.modal-footer {
    border-color: var(--border-color);
}

.btn-close {
    --bs-btn-close-bg: url("../images/common/times.png");
}

.btn-close:focus {
    box-shadow: none;
}

/* === modal css end === */
/* === accordion css start === */
.accordion-style-dafault .accordion-item {
    border: none !important;
    border-bottom: 1px solid var(--border-color) !important;
    background-color: var(--bg-white) !important;
    border-radius: 0;
    overflow: hidden;
    padding: 20px 0;
    margin-bottom: 10px;
}

@media (min-width: 992px) {
    .accordion-style-dafault .accordion-item {
        margin-bottom: 20px;
    }
}

.accordion-style-dafault .accordion-item:last-child {
    margin-bottom: 0;
}

.accordion-style-dafault .accordion-body {
    background-color: transparent;
    padding: 0;
    padding-top: 1rem;
    color: var(--body-color);
}

.accordion-style-dafault .accordion-button {
    padding: 0;
    background: transparent;
    padding-inline-end: 68px;
    font-size: 1rem;
    display: flex;
    align-items: center;
    gap: 0.625rem;
}

@media (min-width: 576px) {
    .accordion-style-dafault .accordion-button {
        font-size: 1.125rem;
    }
}

@media (min-width: 992px) {
    .accordion-style-dafault .accordion-button {
        font-size: 1.25rem;
    }
}

.accordion-style-dafault .accordion-button::after {
    background-image: none;
}

.accordion-style-dafault .accordion-button:focus {
    box-shadow: none;
}

.accordion-style-dafault .accordion-button:not(.collapsed) {
    box-shadow: none;
    color: var(--primary);
}

.accordion-style-dafault .accordion-button:not(.collapsed)::after {
    background-image: none;
    color: var(--primary);
}

.accordion-style-dafault .accordion-button[aria-expanded=true]::after,
.accordion-style-dafault .accordion-button[aria-expanded=false]::after {
    content: "\f1af";
    font-family: remixicon;
    display: inline-block;
    position: absolute;
    inset-inline-end: 0;
    height: 20px;
    width: 20px;
    border: 2px solid var(--primary);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    border-radius: 50%;
    line-height: 1;
    color: var(--primary);
}

@media (min-width: 992px) {

    .accordion-style-dafault .accordion-button[aria-expanded=true]::after,
    .accordion-style-dafault .accordion-button[aria-expanded=false]::after {
        height: 24px;
        width: 24px;
    }
}

.accordion-style-dafault .accordion-button[aria-expanded=false]::after {
    content: "\ea13";
}

.accordion-noarrow .accordion-button::after {
    display: none;
}

.border-accordion {
    border-color: var(--border-color) !important;
}

.border-accordion .accordion-button {
    border-color: var(--border-color) !important;
}

.border-accordion .accordion-button:not(.collapsed) {
    background-color: #fff;
}

.border-accordion .accordion-button:focus {
    box-shadow: none;
}

.step-number {
    color: var(--primary);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
}

@media (min-width: 992px) {
    .step-number {
        font-size: 1.5rem;
    }
}

/* === accordion css end === */
/* === nav-tabs css start === */
.nav-tabs.bordered-tab {
    border-color: var(--border-color);
}

.nav-tabs.bordered-tab .nav-item .nav-link {
    border: none;
    position: relative;
    color: var(--body-color);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.nav-tabs.bordered-tab .nav-item .nav-link::after {
    position: absolute;
    content: "";
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--primary);
    opacity: 0;
}

.nav-tabs.bordered-tab .nav-item .nav-link.active {
    margin-bottom: 0;
    color: var(--primary);
}

.nav-tabs.bordered-tab .nav-item .nav-link.active::after {
    opacity: 1;
}

.nav-tabs.bordered-tab .nav-item .nav-link.active .nav-tabs-badge {
    background-color: var(--primary);
}

.nav-tabs.bordered-tab .nav-item .nav-link .nav-tabs-badge {
    width: 18px;
    height: 18px;
    background-color: var(--body-color);
    color: #fff;
    font-size: 0.625rem;
    font-weight: 500;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.nav-tabs.pill-tab {
    border: none;
}

.nav-tabs.pill-tab .nav-item .nav-link {
    border: none;
    position: relative;
    color: var(--body-color);
    border-radius: 6px !important;
    padding: 0.375rem 0.9375rem;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.nav-tabs.pill-tab .nav-item .nav-link.active {
    margin-bottom: 0;
    background-color: var(--primary);
    color: #fff;
}

.nav-tabs.pill-tab .nav-item .nav-link.active .nav-tabs-badge {
    background-color: #fff;
    color: var(--primary);
}

.nav-tabs.pill-tab .nav-item .nav-link .nav-tabs-badge {
    width: 18px;
    height: 18px;
    background-color: var(--body-color);
    color: #fff;
    font-size: 0.625rem;
    font-weight: 500;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.nav-tabs.pill-light-tab {
    border: none;
}

.nav-tabs.pill-light-tab .nav-item .nav-link {
    border: none;
    position: relative;
    color: var(--body-color);
    border-radius: 6px !important;
    padding: 0.375rem 0.9375rem;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 500;
}

.nav-tabs.pill-light-tab .nav-item .nav-link::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary);
    opacity: 0;
    z-index: -1;
    border-radius: 6px !important;
}

.nav-tabs.pill-light-tab .nav-item .nav-link::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: 1px solid var(--primary);
    opacity: 0.25;
    z-index: -1;
    border-radius: 6px !important;
}

.nav-tabs.pill-light-tab .nav-item .nav-link.active {
    margin-bottom: 0;
    color: var(--display-color);
}

.nav-tabs.pill-light-tab .nav-item .nav-link.active::before {
    opacity: 0.25;
}

.nav-tabs.pill-light-tab .nav-item .nav-link.active::after {
    opacity: 0.05;
}

.nav-tabs.pill-light-tab .nav-item .nav-link.active .nav-tabs-badge {
    background-color: var(--primary);
    color: #fff;
}

.nav-tabs.pill-light-tab .nav-item .nav-link .nav-tabs-badge {
    width: 18px;
    height: 18px;
    background-color: var(--body-color);
    color: #fff;
    font-size: 0.625rem;
    font-weight: 500;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.nav-tabs.light-bg-tab {
    background-color: #f1f5f9;
    border-bottom: none;
    padding: 5px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.nav-tabs.light-bg-tab .nav-item .nav-link {
    border: none;
    position: relative;
    color: var(--body-color);
    border-radius: 6px !important;
    padding: 0.375rem 0.9375rem;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border: none;
}

.nav-tabs.light-bg-tab .nav-item .nav-link.active {
    margin-bottom: 0;
    color: var(--display-color);
    background-color: #fff;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
}

.nav-tabs.light-bg-tab .nav-item .nav-link.active .nav-tabs-badge {
    background-color: var(--primary);
    color: #fff;
}

.nav-tabs.light-bg-tab .nav-item .nav-link .nav-tabs-badge {
    width: 18px;
    height: 18px;
    background-color: rgba(0, 0, 0, 0.1);
    color: var(--body-color);
    font-size: 0.625rem;
    font-weight: 500;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}

.nav-tabs.nav-tabs-sm .nav-item .nav-link {
    font-size: 0.8125rem;
    padding: 0.25rem 0.5rem;
}

.nav-tabs.nav-tabs-gap-0 .nav-item {
    padding-inline: 0.375rem;
}

@media (min-width: 1400px) {
    .nav-tabs.nav-tabs-gap-0 .nav-item {
        padding-inline: 0.75rem;
    }
}

.nav-tabs.nav-tabs-gap-0 .nav-item .nav-link {
    padding-inline: 0;
    padding-block: 0.75rem;
    font-size: 0.875rem;
}

.tab-content {
    margin-top: 1rem;
}

/* === nav-tabs css end === */
/* === pagination css start === */
.pagination .page-item.active .page-link {
    background-color: var(--primary);
    color: #fff;
}

.pagination .page-item .page-link {
    color: var(--body-color);
}

.pagination .page-item .page-link:focus {
    box-shadow: none;
    background-color: var(--light);
    color: var(--display-color);
}

.pagination-style-one .pagination {
    gap: 0.625rem;
}

.pagination-style-one .pagination .page-item.active .page-link {
    background-color: var(--primary);
    color: #fff;
}

.pagination-style-one .pagination .page-item .page-link {
    color: var(--body-color);
    border-radius: 0.25rem !important;
    width: 35px;
    height: 35px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination-style-one .pagination .page-item .page-link:focus {
    box-shadow: none;
    background-color: var(--light);
    color: var(--display-color);
}

.pagination-style-two .pagination {
    gap: 0.625rem;
}

.pagination-style-two .pagination .page-item.active .page-link {
    background-color: var(--primary);
    color: #fff;
}

.pagination-style-two .pagination .page-item .page-link {
    color: var(--body-color);
    border-radius: 0.25rem !important;
    width: 35px;
    height: 35px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: var(--surface);
}

.pagination-style-two .pagination .page-item .page-link:focus {
    box-shadow: none;
    background-color: var(--surface);
    color: var(--primary);
}

/* === pagination css end === */
/* === list-style css start === */
.list-group-item {
    border-color: var(--border-color);
}

.list-group-item.active {
    background-color: var(--primary);
}

/* === list-style css end === */
/* === Dropdown css start === */
/* Dropdown Css Start */
.dropdown-toggle::after {
    content: "\ea4e";
    border: none;
    font-family: remixicon !important;
    font-style: normal;
    vertical-align: 0;
}

.dropdown.dropend .dropdown-toggle::after {
    content: "\ea6e";
    border: none;
    font-family: remixicon !important;
    font-style: normal;
    vertical-align: 0;
}

.dropdown.dropup .dropdown-toggle::after {
    content: "\ea78";
    border: none;
    font-family: remixicon !important;
    font-style: normal;
    vertical-align: 0;
}

.dropdown.dropstart .dropdown-toggle::after {
    content: "\ea64";
    border: none;
    font-family: remixicon !important;
    font-style: normal;
    vertical-align: 0;
}

.dropdown-menu {
    background-color: var(--bg-white);
    border-color: var(--border-color);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
    transition: all 0s;
}

.dropdown-item {
    color: var(--body-color);
    font-size: 0.875rem;
    padding: 0.375rem 0.9375rem;
}

.dropdown-item:hover,
.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus {
    background-color: var(--body-bg);
    color: var(--primary);
}

.dropdown-menu {
    background-color: var(--surface);
}

.dropdown-menu.language-dropdown-menu .dropdown-item::after {
    content: "\eb79";
    font-family: remixicon !important;
    font-style: normal;
    opacity: 0;
    margin-left: auto;
}

.dropdown-menu.language-dropdown-menu .dropdown-item.active {
    background-color: var(--body-bg);
    color: var(--primary);
}

.dropdown-menu.language-dropdown-menu .dropdown-item.active::after {
    opacity: 1;
}

.dropdown-menu .dropdown-divider {
    border-color: var(--border-color);
}

.dropdown-menu-lg {
    width: 295px;
}

@media (min-width: 576px) {
    .dropdown-menu-lg {
        width: 380px;
    }
}

.max-h-300 {
    max-height: 300px;
    overflow-y: auto;
}

.max-h-300::-webkit-scrollbar {
    width: 6px;
    background-color: #fff;
}

.max-h-300::-webkit-scrollbar-thumb {
    background-color: var(--light);
}

/* Dropdown Css End */
/* === Dropdown css end === */
/* === tooltip css start === */
/* Tooltip css start */
.tooltip {
    font-size: 0.75rem;
    --bs-tooltip-color: #fff;
}

.tooltip-primary {
    --bs-tooltip-bg: var(--primary);
}

.tooltip-secondary {
    --bs-tooltip-bg: var(--secondary);
}

.tooltip-success {
    --bs-tooltip-bg: var(--success);
}

.tooltip-info {
    --bs-tooltip-bg: var(--info);
}

.tooltip-warning {
    --bs-tooltip-bg: var(--warning);
}

.tooltip-danger {
    --bs-tooltip-bg: var(--danger);
}

.tooltip-dark {
    --bs-tooltip-bg: var(--dark);
}

.tooltip-light {
    --bs-tooltip-bg: var(--light);
    --bs-tooltip-color: var(--display-color);
}

/* Tooltip css End */
/* === tooltip css end === */
/* === image upload css start === */
.image-upload {
    position: relative;
    width: 200px;
}

.image-upload .image-edit-btn {
    position: absolute;
    right: 8px;
    z-index: 1;
    bottom: 8px;
}

.image-upload .image-edit-btn input {
    display: none;
}

.image-upload .image-edit-btn input+label {
    display: inline-block;
    width: 85px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    font-size: 0.75rem;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background: #FFFFFF;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    font-weight: 600;
}

.image-upload .image-edit-btn input+label:hover {
    background: var(--primary);
    color: #fff;
}

.image-upload .image-edit-btn input+label:before {
    content: "\f24a";
    font-family: remixicon !important;
    font-style: normal;
    margin-right: 2px;
}

.image-upload .image-edit-btn input+label:after {
    content: attr(data-text);
}

.image-upload .image-preview {
    width: 200px;
    height: 200px;
    position: relative;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 3px solid #fff;
    box-shadow: 0px 0 4px 0px rgba(0, 0, 0, 0.15);
}

.image-upload .image-preview>div {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: 3px solid #fff;
}

.image-upload.image-upload-sm {
    width: 100px;
}

.image-upload.image-upload-sm .image-preview {
    width: 100px;
    height: 100px;
}

.bg-size-contain {
    background-size: contain !important;
}

.mutiple-img-preview-style-one .img-div+.img-div {
    margin-top: 1rem;
}

.mutiple-img-preview-style-one .img-div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 20px;
}

.mutiple-img-preview-style-one .img-div img {
    max-height: 40px;
}

.mutiple-img-preview-style-two {
    display: flex;
    flex-wrap: wrap;
}

.mutiple-img-preview-style-two .img-div {
    position: relative;
    width: calc(33.3333333333% - 20px);
    padding: 10px !important;
    margin: 10px;
}

.mutiple-img-preview-style-two .img-div-thumb {
    height: 200px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.mutiple-img-preview-style-two .img-div-thumb img {
    max-height: 200px;
}

.mutiple-img-preview-style-two .img-div-content {
    text-align: center;
    margin-top: 1rem;
}

.mutiple-img-preview-style-two .img-div .btn {
    position: absolute;
    top: 15px;
    right: 15px;
    border: none !important;
}

/* === image upload css end === */
/* === date picker css start === */
.ui-datepicker {
    transition: all 0s;
    background-color: var(--bg-white);
    border: 1px solid var(--border-color) !important;
    border-radius: 8px !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    padding: 0.375rem;
}

.ui-datepicker .ui-datepicker-header {
    background-color: #fff;
    color: var(--display-color);
    border: none;
}

.ui-datepicker .ui-datepicker-title {
    font-size: 0.9375rem;
}

.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
    color: var(--body-color);
}

.ui-datepicker .ui-datepicker-title select {
    border: 1px solid var(--border-color);
    border-radius: 4px;
    margin: 3px;
    margin-top: -4px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    width: 24px;
    height: 24px;
    background-color: #fff;
    border: 1px solid var(--border-color);
    border-radius: 50%;
}

.ui-datepicker .ui-datepicker-prev::after,
.ui-datepicker .ui-datepicker-next::after {
    position: absolute;
    top: 55%;
    transform: translate(-50%, -50%);
    font-family: remixicon !important;
    font-style: normal;
    font-size: 14px;
    color: var(--display-color);
}

.ui-datepicker .ui-datepicker-prev.ui-state-hover,
.ui-datepicker .ui-datepicker-next.ui-state-hover {
    color: var(--display-color);
    font-weight: inherit;
}

.ui-datepicker .ui-datepicker-prev.ui-state-hover {
    left: 2px !important;
    top: 2px !important;
}

.ui-datepicker .ui-datepicker-prev::after {
    content: "\ea64";
    left: 46%;
}

.ui-datepicker .ui-datepicker-next.ui-state-hover {
    right: 2px !important;
    top: 2px !important;
}

.ui-datepicker .ui-datepicker-next::after {
    content: "\ea6e";
    left: 56%;
}

.ui-datepicker .ui-datepicker-calendar th {
    font-size: 0.75rem;
    color: #7c7c7c;
    font-weight: 600;
}

.ui-datepicker .ui-datepicker-calendar td {
    padding: 2px;
}

.ui-datepicker .ui-datepicker-calendar td .ui-state-default {
    background-color: var(--light);
    width: 1.875rem;
    height: 1.875rem;
    border: 1px solid var(--border-color);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 0.75rem;
    font-weight: 600;
}

.ui-datepicker .ui-datepicker-calendar td .ui-state-default.ui-state-highlight {
    background-color: var(--primary);
    color: #fff;
    font-weight: 600;
}

.ui-datepicker .ui-datepicker-calendar td .ui-state-default.ui-state-active {
    border-color: var(--primary);
    color: var(--primary);
}

.ui-datepicker-trigger {
    position: absolute;
    top: 8px;
    right: 12px;
    font-size: 0;
    width: 20px;
}

.ui-datepicker-trigger::after {
    position: absolute;
    content: "\eb27";
    top: 0;
    left: 0;
    font-family: remixicon !important;
    font-style: normal;
    font-size: 18px;
}

.form-control-sm~.ui-datepicker-trigger {
    top: 2px;
    right: 10px;
}

/* === date picker css end === */
/* === time picker css start === */
.ti_tx,
.mi_tx,
.mer_tx {
    width: 100%;
    text-align: center;
    margin: 10px 0;
}

.time,
.mins,
.meridian {
    width: 33.3333333333%;
    float: left;
    font-size: 20px;
    color: #2d2e2e;
    font-family: "arial";
    font-weight: 700;
}

.time input,
.mins input,
.meridian input {
    width: 100%;
}

.meridian {
    border: 1px solid var(--border-color);
    border-radius: 6px;
    background-color: var(--light);
}

.timepicker_wrap .prev,
.timepicker_wrap .next {
    cursor: pointer;
    padding: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.timepicker_wrap .prev::after,
.timepicker_wrap .next::after {
    color: #777;
    font-family: remixicon !important;
    font-style: normal;
    font-size: 0.875rem;
}

.timepicker_wrap .prev {
    background-position: 50% -50%;
}

.timepicker_wrap .prev::after {
    content: "\ea78";
}

.timepicker_wrap .next {
    background-position: 50% 150%;
}

.timepicker_wrap .next::after {
    content: "\ea4e";
}

.time_pick {
    position: relative;
}

/*input{ float:left;}*/
.timepicker_wrap {
    padding: 10px;
    border-radius: 5px;
    z-index: 2;
    display: none;
    width: 240px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    background: var(--bg-white);
    border: 1px solid var(--border-color);
    float: left;
    position: absolute;
    top: 27px;
    left: 0px;
    transition: all 0s;
}

.arrow_top {
    position: absolute;
    top: -10px;
    left: 20px;
    background: url(../images/top_arr.png) no-repeat;
    width: 18px;
    height: 10px;
    z-index: 3;
}

/* === time picker css end === */
/* === faq css start === */
/* Faq Css Start */
.responsive-padding-40-150 {
    padding-inline-start: clamp(2rem, -27.4754rem + 39.3333vw, 9.375rem) !important;
    padding-inline-end: clamp(2rem, -27.4754rem + 39.3333vw, 9.375rem) !important;
    padding-block-start: 40px !important;
    padding-block-end: 40px !important;
}

/* Faq Css End */
/* === faq css end === */
/* === referral css start === */
.referral-tree .sub-referral-tree {
    padding-inline-start: 3.125rem;
    padding-top: 8px;
    display: none;
    transition: all 0s;
}

.referral-tree .sub-referral-tree.active {
    display: block;
}

.referral-tree .sub-referral-tree li {
    padding: 0.4375rem 0;
}

.referral-tree .sub-referral-tree li.has-referral::before {
    height: calc(100% - 69px);
}

.referral-tree .sub-referral-tree .single-referral {
    position: relative;
}

.referral-tree .sub-referral-tree .single-referral::before {
    position: absolute;
    content: "";
    top: 50%;
    left: -31px;
    width: 20px;
    height: 1px;
    background-color: var(--border-color);
}

.referral-tree .sub-referral-tree .single-referral::after {
    position: absolute;
    content: "";
    top: 50%;
    left: -13px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    background-color: var(--border-color);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.referral-tree .has-referral {
    position: relative;
}

.referral-tree .has-referral::before {
    position: absolute;
    content: "";
    top: 25px;
    left: 20px;
    width: 1px;
    height: calc(100% - 62px);
    background-color: var(--border-color);
}

.referral-tree .has-referral .single-referral {
    padding-left: 1.25rem;
}

.single-referral {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0.9375rem;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: var(--body-bg);
    border: 1px solid var(--border-color);
    color: var(--display-color);
}

.single-referral:hover {
    border-color: var(--primary);
}

.single-referral .amount {
    text-align: right;
}

.single-referral .amount p,
.single-referral .content h6,
.single-referral .content p {
    color: inherit;
}

.single-referral .expand-btn {
    position: absolute;
    left: 10px;
    width: 20px;
    height: 20px;
    background-color: var(--body-bg);
    border: 1px solid var(--border-color);
    color: var(--display-color);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.single-referral .expand-btn.active::after {
    content: "\ea13";
}

.single-referral .expand-btn::after {
    position: absolute;
    content: "\f1af";
    font-family: remixicon !important;
    font-style: normal;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: all 0.3s;
}

/* === referral css end === */
/* === toggle-btn css start === */
.toggle-handle {
    background-color: #fff;
}

.btn.toggle.btn-xs {
    height: 30px !important;
    padding: 0;
}

.btn .toggle-group .btn-xs {
    padding: 4px 10px;
    padding-left: 5px;
    font-size: 13px !important;
}

.btn .toggle-group .btn-xs.toggle-off {
    padding-left: 12px;
}

/* === toggle-btn css end === */
/* === payment gateway css start === */
.gateway-img {
    max-height: 40px;
    width: 100px;
}

/* === payment gateway css end === */
/* === drop zone css start === */
.drop-zone {
    min-height: 300px;
    position: relative;
}

.drop-zone.drop-zone-sm {
    min-height: 200px;
}

.drop-zone .drop-zone-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.drop-zone .drop-zone-thumb:hover .overlay {
    opacity: 1;
}

.drop-zone .drop-zone-thumb .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.25);
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.drop-zone .drop-zone-thumb .overlay button {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 0.25rem 0.625rem;
    background-color: #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    color: var(--danger);
    font-size: 0.625rem;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

/* === drop zone css end === */
/* === support ticket css start === */
.all-reply-body {
    max-height: 400px;
    overflow-y: auto;
    padding-inline-end: 0.75rem;
}

.all-reply-body::-webkit-scrollbar {
    width: 6px;
}

.all-reply-body::-webkit-scrollbar-thumb {
    background-color: var(--primary);
    border-radius: 20px;
}

.all-reply-body::-webkit-scrollbar-track {
    background-color: var(--light);
    border-radius: 20px;
}

/* === support ticket css end === */
/* === icon list css start === */
.icon-list li+li {
    margin-top: 1.25rem;
}

.icon-list li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.icon-list-icon {
    width: 12px;
    height: 12px;
    position: relative;
    margin-inline-start: 6px;
    margin-block-start: 8px;
    flex-shrink: 0;
}

.icon-list-icon::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.icon-list-icon::after {
    position: absolute;
    content: "";
    top: -6px;
    left: -6px;
    width: calc(100% + 12px);
    height: calc(100% + 12px);
    background-color: var(--primary);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    opacity: 0.35;
}

.icon-list-content {
    width: 100%;
    margin-top: 1.25rem;
}

@media (min-width: 576px) {
    .icon-list-content {
        width: calc(100% - 40px);
        margin-top: 0;
    }
}

/* === icon list css end === */
/* === social media css start === */
.social-media-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.625rem;
}

.social-media-links li a {
    width: 36px;
    height: 36px;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0.05);
    color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.social-media-links li a:hover {
    background-color: var(--primary);
    color: #fff;
    border-color: var(--primary);
}

.social-media-default-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.625rem 0.9375rem;
}

#social-links ul {
    display: flex;
    align-items: center;
    gap: 12px;
    list-style: none;
    margin: 0;
    padding: 0;
}

/* === social media css end === */
/* === avatar css start === */
*[class*=avatar-] {
    object-fit: cover;
    -o-object-fit: cover;
}

*[class*=avatar-].has-circle::before {
    content: "/";
}

.avatar-6xl {
    width: 6.25rem;
    height: 6.25rem;
}

.avatar-5xl {
    width: 5rem;
    height: 5rem;
}

.avatar-4xl {
    width: 4.375rem;
    height: 4.375rem;
}

.avatar-3xl {
    width: 3.75rem;
    height: 3.75rem;
}

.avatar-2xl {
    width: 3.125rem;
    height: 3.125rem;
}

.avatar-xl {
    width: 2.75rem;
    height: 2.75rem;
}

.avatar-lg {
    width: 2.5rem;
    height: 2.5rem;
}

.avatar-md {
    width: 2rem;
    height: 2rem;
}

.avatar-sm {
    width: 1.5rem;
    height: 1.5rem;
}

.avatar-xs {
    width: 1.25rem;
    height: 1.25rem;
}

.avatar-chain-list {
    display: flex;
    align-items: center;
}

.avatar-chain-list li+li {
    margin-left: -0.625rem;
}

/* === avatar css end === */
/* === progressbar css start === */
/* Progress bar css start */
.max-w-66 {
    max-width: 66px;
}

.max-w-112 {
    max-width: 112px;
}

.progress {
    background-color: rgba(255, 255, 255, 0.1);
}

.progress-xs {
    height: 4px;
}

.progress-sm {
    height: 8px;
}

.progress-md {
    height: 12px;
}

.progress-lg {
    height: 12px;
}

/* Progress bar css End */
/* === progressbar css end === */
/* === scroll css start === */
.scroll-y {
    overflow-y: auto;
}

.scroll-y::-webkit-scrollbar {
    width: 6px;
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 99px;
    -webkit-border-radius: 99px;
    -moz-border-radius: 99px;
    -ms-border-radius: 99px;
    -o-border-radius: 99px;
}

.scroll-y::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 99px;
    -webkit-border-radius: 99px;
    -moz-border-radius: 99px;
    -ms-border-radius: 99px;
    -o-border-radius: 99px;
}

.scroll-y ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: rgba(255, 255, 255, 0.05);
}

.scroll-x {
    overflow-x: auto;
}

.scroll-x::-webkit-scrollbar {
    height: 6px;
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 99px;
    -webkit-border-radius: 99px;
    -moz-border-radius: 99px;
    -ms-border-radius: 99px;
    -o-border-radius: 99px;
}

.scroll-x::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 99px;
    -webkit-border-radius: 99px;
    -moz-border-radius: 99px;
    -ms-border-radius: 99px;
    -o-border-radius: 99px;
}

.scroll-x ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: rgba(255, 255, 255, 0.05);
}

/* === scroll css end === */
/* === divider css start === */
.or-divider {
    text-align: center;
    position: relative;
    z-index: 1;
}

.or-divider::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--border-color);
    z-index: -1;
}

.or-divider span {
    background-color: var(--surface);
    padding: 0 0.9375rem;
    font-weight: 500;
}

.or-divider.style-two::before {
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    width: 47%;
    height: 1px;
    background-color: var(--border-color);
    z-index: -1;
}

.or-divider.style-two::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    width: 47%;
    height: 1px;
    background-color: var(--border-color);
    z-index: -1;
}

.or-divider.style-two span {
    background-color: transparent;
}

/* === divider css end === */
/* === info list css start === */
.info-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
    margin: 0;
}

.info-list li:last-child::after {
    display: none;
}

.info-list li::after {
    content: "|";
    padding-inline: 0.625rem;
    color: var(--border-color);
}

/* === info list css end === */
/* === animation css start === */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-ms-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.shake {
    animation: shake 0.5s 1 linear;
}

@-webkit-keyframes shake {

    0%,
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@-moz-keyframes shake {

    0%,
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@-ms-keyframes shake {

    0%,
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@keyframes shake {

    0%,
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-ms-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@-ms-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@-ms-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-moz-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-ms-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-moz-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-ms-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-moz-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-ms-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/* === animation css end === */
/* Cookie banner styles live in files/css/common/cookie-policy.css */
/* === bg img css start === */
.bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    z-index: -1;
}

/* === bg img css end === */
/* === back to top css start === */
.top-action-btn {
    position: fixed;
    bottom: 15px;
    right: 15px;
    background-color: var(--primary);
    padding: 0.5rem 0.375rem;
    z-index: 3;
    border-radius: 99px;
    -webkit-border-radius: 99px;
    -moz-border-radius: 99px;
    -ms-border-radius: 99px;
    -o-border-radius: 99px;
    font-weight: 600;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    display: none;
}

@media (min-width: 1200px) {
    .top-action-btn {
        padding: 0.75rem 0.5rem;
        bottom: 30px;
        right: 30px;
    }
}

.top-action-btn span {
    display: flex;
    justify-content: center;
    color: #fff;
}

.top-action-btn .caption {
    font-size: 0.75rem;
    margin-top: 0.25rem;
}

/* === back to top css end === */
/* === confetti css start === */
[class|=confetti],
[class|=coin],
[class|=dollar] {
    position: absolute;
}

.confettiHerePlease,
.dollarDollarBillYall,
.moreMoneyMoreProblems {
    position: fixed;
    top: 0;
    left: 0;
    min-height: 100vh;
    width: 100%;
    z-index: 999;
}

.confettiHerePlease {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.confettiHerePlease:not(.confetti-show) [class|=confetti],
.confettiHerePlease:not(.confetti-show) [class|=dollar],
.confettiHerePlease:not(.confetti-show) [class|=coin] {
    animation: none !important;
}

.confettiHerePlease.confetti-show {
    opacity: 1;
    visibility: visible;
    pointer-events: none;
}

/* confetti */
.confetti-1 {
    width: 4px;
    height: 1.6px;
    background-color: #dd1a8f;
    top: -10%;
    left: 6%;
    opacity: 0.9799068851;
    transform: rotate(34deg);
    animation: confetti-explosion-1 decimal-round(4.1443724958, 1) s decimal-round(0.5293374934, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-1 {
    100% {
        top: 110%;
        left: 19%;
    }
}

.confetti-2 {
    width: 2px;
    height: 0.8px;
    background-color: #3adcc8;
    top: -10%;
    left: 48%;
    opacity: 0.587454314;
    transform: rotate(270deg);
    animation: confetti-explosion-2 decimal-round(4.2318337648, 1) s decimal-round(0.9622172652, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-2 {
    100% {
        top: 110%;
        left: 60%;
    }
}

.confetti-3 {
    width: 8px;
    height: 3.2px;
    background-color: #146ff5;
    top: -10%;
    left: 52%;
    opacity: 1.3357574724;
    transform: rotate(169deg);
    animation: confetti-explosion-3 decimal-round(4.8946397644, 1) s decimal-round(0.9409485374, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-3 {
    100% {
        top: 110%;
        left: 59%;
    }
}

.confetti-4 {
    width: 11px;
    height: 4.4px;
    background-color: #146ff5;
    top: -10%;
    left: 31%;
    opacity: 0.7187740032;
    transform: rotate(309deg);
    animation: confetti-explosion-4 decimal-round(4.5705647998, 1) s decimal-round(0.4671666911, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-4 {
    100% {
        top: 110%;
        left: 32%;
    }
}

.confetti-5 {
    width: 8px;
    height: 3.2px;
    background-color: #dd1a8f;
    top: -10%;
    left: 39%;
    opacity: 0.8480302694;
    transform: rotate(120deg);
    animation: confetti-explosion-5 decimal-round(4.9417864069, 1) s decimal-round(0.7204723497, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-5 {
    100% {
        top: 110%;
        left: 51%;
    }
}

.confetti-6 {
    width: 3px;
    height: 1.2px;
    background-color: #146ff5;
    top: -10%;
    left: 70%;
    opacity: 0.5240521492;
    transform: rotate(144deg);
    animation: confetti-explosion-6 decimal-round(4.6915991097, 1) s decimal-round(0.2150326836, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-6 {
    100% {
        top: 110%;
        left: 72%;
    }
}

.confetti-7 {
    width: 1px;
    height: 0.4px;
    background-color: #146ff5;
    top: -10%;
    left: 62%;
    opacity: 1.0241956936;
    transform: rotate(253deg);
    animation: confetti-explosion-7 decimal-round(4.5369618819, 1) s decimal-round(0.7127050817, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-7 {
    100% {
        top: 110%;
        left: 65%;
    }
}

.confetti-8 {
    width: 3px;
    height: 1.2px;
    background-color: #8b4513;
    top: -10%;
    left: 94%;
    opacity: 0.8716783189;
    transform: rotate(103deg);
    animation: confetti-explosion-8 decimal-round(4.7418082552, 1) s decimal-round(0.9048899499, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-8 {
    100% {
        top: 110%;
        left: 109%;
    }
}

.confetti-9 {
    width: 7px;
    height: 2.8px;
    background-color: #8154e2;
    top: -10%;
    left: 32%;
    opacity: 0.8068026042;
    transform: rotate(322deg);
    animation: confetti-explosion-9 decimal-round(4.5326920909, 1) s decimal-round(0.4358032419, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-9 {
    100% {
        top: 110%;
        left: 44%;
    }
}

.confetti-10 {
    width: 6px;
    height: 2.4px;
    background-color: #3adcc8;
    top: -10%;
    left: 40%;
    opacity: 1.3626198844;
    transform: rotate(142deg);
    animation: confetti-explosion-10 decimal-round(4.5355170004, 1) s decimal-round(0.408565822, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-10 {
    100% {
        top: 110%;
        left: 43%;
    }
}

.confetti-11 {
    width: 14px;
    height: 5.6px;
    background-color: #ee6f40;
    top: -10%;
    left: 50%;
    opacity: 0.8621407958;
    transform: rotate(25deg);
    animation: confetti-explosion-11 decimal-round(4.857546638, 1) s decimal-round(0.1470585984, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-11 {
    100% {
        top: 110%;
        left: 63%;
    }
}

.confetti-12 {
    width: 10px;
    height: 4px;
    background-color: #dd1a8f;
    top: -10%;
    left: 4%;
    opacity: 0.9021149557;
    transform: rotate(67deg);
    animation: confetti-explosion-12 decimal-round(4.7181056732, 1) s decimal-round(0.3284368275, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-12 {
    100% {
        top: 110%;
        left: 8%;
    }
}

.confetti-13 {
    width: 15px;
    height: 6px;
    background-color: #146ff5;
    top: -10%;
    left: 20%;
    opacity: 1.4078455056;
    transform: rotate(184deg);
    animation: confetti-explosion-13 decimal-round(4.5658374999, 1) s decimal-round(0.2050109089, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-13 {
    100% {
        top: 110%;
        left: 34%;
    }
}

.confetti-14 {
    width: 12px;
    height: 4.8px;
    background-color: #3adcc8;
    top: -10%;
    left: 90%;
    opacity: 1.0600943017;
    transform: rotate(12deg);
    animation: confetti-explosion-14 decimal-round(4.5440256652, 1) s decimal-round(0.9300379071, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-14 {
    100% {
        top: 110%;
        left: 102%;
    }
}

.confetti-15 {
    width: 9px;
    height: 3.6px;
    background-color: #3adcc8;
    top: -10%;
    left: 27%;
    opacity: 0.576563061;
    transform: rotate(327deg);
    animation: confetti-explosion-15 decimal-round(4.2556845929, 1) s decimal-round(0.1541906065, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-15 {
    100% {
        top: 110%;
        left: 34%;
    }
}

.confetti-16 {
    width: 4px;
    height: 1.6px;
    background-color: #8154e2;
    top: -10%;
    left: 40%;
    opacity: 0.566730674;
    transform: rotate(255deg);
    animation: confetti-explosion-16 decimal-round(4.8123060967, 1) s decimal-round(0.579804174, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-16 {
    100% {
        top: 110%;
        left: 51%;
    }
}

.confetti-17 {
    width: 3px;
    height: 1.2px;
    background-color: #8b4513;
    top: -10%;
    left: 56%;
    opacity: 1.323952867;
    transform: rotate(230deg);
    animation: confetti-explosion-17 decimal-round(4.4968782732, 1) s decimal-round(0.5373744172, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-17 {
    100% {
        top: 110%;
        left: 63%;
    }
}

.confetti-18 {
    width: 10px;
    height: 4px;
    background-color: #146ff5;
    top: -10%;
    left: 55%;
    opacity: 0.6560787416;
    transform: rotate(103deg);
    animation: confetti-explosion-18 decimal-round(4.3176085053, 1) s decimal-round(0.6402568498, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-18 {
    100% {
        top: 110%;
        left: 70%;
    }
}

.confetti-19 {
    width: 3px;
    height: 1.2px;
    background-color: #146ff5;
    top: -10%;
    left: 7%;
    opacity: 1.3602880604;
    transform: rotate(110deg);
    animation: confetti-explosion-19 decimal-round(4.3562021008, 1) s decimal-round(0.2387925591, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-19 {
    100% {
        top: 110%;
        left: 15%;
    }
}

.confetti-20 {
    width: 2px;
    height: 0.8px;
    background-color: #dd1a8f;
    top: -10%;
    left: 90%;
    opacity: 1.0104874008;
    transform: rotate(340deg);
    animation: confetti-explosion-20 decimal-round(4.3806104745, 1) s decimal-round(0.2921924415, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-20 {
    100% {
        top: 110%;
        left: 94%;
    }
}

.confetti-21 {
    width: 6px;
    height: 2.4px;
    background-color: #146ff5;
    top: -10%;
    left: 36%;
    opacity: 1.4214915823;
    transform: rotate(304deg);
    animation: confetti-explosion-21 decimal-round(4.2428336155, 1) s decimal-round(0.1040831745, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-21 {
    100% {
        top: 110%;
        left: 38%;
    }
}

.confetti-22 {
    width: 12px;
    height: 4.8px;
    background-color: #ee6f40;
    top: -10%;
    left: 34%;
    opacity: 1.15882278;
    transform: rotate(61deg);
    animation: confetti-explosion-22 decimal-round(4.3013558161, 1) s decimal-round(0.8715915349, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-22 {
    100% {
        top: 110%;
        left: 38%;
    }
}

.confetti-23 {
    width: 14px;
    height: 5.6px;
    background-color: #ee6f40;
    top: -10%;
    left: 14%;
    opacity: 1.1489163782;
    transform: rotate(287deg);
    animation: confetti-explosion-23 decimal-round(4.3888386554, 1) s decimal-round(0.1707857268, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-23 {
    100% {
        top: 110%;
        left: 24%;
    }
}

.confetti-24 {
    width: 2px;
    height: 0.8px;
    background-color: #8b4513;
    top: -10%;
    left: 81%;
    opacity: 1.4289958196;
    transform: rotate(178deg);
    animation: confetti-explosion-24 decimal-round(4.3551836952, 1) s decimal-round(0.5534441066, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-24 {
    100% {
        top: 110%;
        left: 87%;
    }
}

.confetti-25 {
    width: 7px;
    height: 2.8px;
    background-color: #3adcc8;
    top: -10%;
    left: 40%;
    opacity: 1.4621242567;
    transform: rotate(26deg);
    animation: confetti-explosion-25 decimal-round(4.4417807565, 1) s decimal-round(0.3739247617, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-25 {
    100% {
        top: 110%;
        left: 54%;
    }
}

.confetti-26 {
    width: 8px;
    height: 3.2px;
    background-color: #ee6f40;
    top: -10%;
    left: 70%;
    opacity: 0.9921041618;
    transform: rotate(35deg);
    animation: confetti-explosion-26 decimal-round(4.5179126121, 1) s decimal-round(0.9397441656, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-26 {
    100% {
        top: 110%;
        left: 79%;
    }
}

.confetti-27 {
    width: 7px;
    height: 2.8px;
    background-color: #dd1a8f;
    top: -10%;
    left: 49%;
    opacity: 0.7881635881;
    transform: rotate(188deg);
    animation: confetti-explosion-27 decimal-round(4.6665055039, 1) s decimal-round(0.6219361648, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-27 {
    100% {
        top: 110%;
        left: 59%;
    }
}

.confetti-28 {
    width: 6px;
    height: 2.4px;
    background-color: #146ff5;
    top: -10%;
    left: 60%;
    opacity: 1.1467564361;
    transform: rotate(165deg);
    animation: confetti-explosion-28 decimal-round(4.4072171117, 1) s decimal-round(0.8174683807, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-28 {
    100% {
        top: 110%;
        left: 61%;
    }
}

.confetti-29 {
    width: 6px;
    height: 2.4px;
    background-color: #ee6f40;
    top: -10%;
    left: 18%;
    opacity: 0.6446471544;
    transform: rotate(177deg);
    animation: confetti-explosion-29 decimal-round(4.7461469058, 1) s decimal-round(0.5506909261, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-29 {
    100% {
        top: 110%;
        left: 29%;
    }
}

.confetti-30 {
    width: 11px;
    height: 4.4px;
    background-color: #146ff5;
    top: -10%;
    left: 67%;
    opacity: 0.5441841647;
    transform: rotate(214deg);
    animation: confetti-explosion-30 decimal-round(4.2189725213, 1) s decimal-round(0.9502073959, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-30 {
    100% {
        top: 110%;
        left: 75%;
    }
}

.confetti-31 {
    width: 10px;
    height: 4px;
    background-color: #dd1a8f;
    top: -10%;
    left: 60%;
    opacity: 1.4296931402;
    transform: rotate(1deg);
    animation: confetti-explosion-31 decimal-round(4.6223952105, 1) s decimal-round(0.2635038925, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-31 {
    100% {
        top: 110%;
        left: 65%;
    }
}

.confetti-32 {
    width: 7px;
    height: 2.8px;
    background-color: #3adcc8;
    top: -10%;
    left: 50%;
    opacity: 0.5557477239;
    transform: rotate(299deg);
    animation: confetti-explosion-32 decimal-round(4.7465993625, 1) s decimal-round(0.4044789128, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-32 {
    100% {
        top: 110%;
        left: 55%;
    }
}

.confetti-33 {
    width: 2px;
    height: 0.8px;
    background-color: #ee6f40;
    top: -10%;
    left: 88%;
    opacity: 1.2375926001;
    transform: rotate(325deg);
    animation: confetti-explosion-33 decimal-round(4.293748506, 1) s decimal-round(0.8699600041, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-33 {
    100% {
        top: 110%;
        left: 94%;
    }
}

.confetti-34 {
    width: 11px;
    height: 4.4px;
    background-color: #8b4513;
    top: -10%;
    left: 42%;
    opacity: 1.2987138965;
    transform: rotate(87deg);
    animation: confetti-explosion-34 decimal-round(4.5160964084, 1) s decimal-round(0.5873996242, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-34 {
    100% {
        top: 110%;
        left: 46%;
    }
}

.confetti-35 {
    width: 3px;
    height: 1.2px;
    background-color: #8b4513;
    top: -10%;
    left: 92%;
    opacity: 0.5108758381;
    transform: rotate(245deg);
    animation: confetti-explosion-35 decimal-round(4.2531113532, 1) s decimal-round(0.152623509, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-35 {
    100% {
        top: 110%;
        left: 99%;
    }
}

.confetti-36 {
    width: 3px;
    height: 1.2px;
    background-color: #3adcc8;
    top: -10%;
    left: 78%;
    opacity: 1.1317032751;
    transform: rotate(125deg);
    animation: confetti-explosion-36 decimal-round(4.5829984456, 1) s decimal-round(0.1912883511, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-36 {
    100% {
        top: 110%;
        left: 82%;
    }
}

.confetti-37 {
    width: 8px;
    height: 3.2px;
    background-color: #146ff5;
    top: -10%;
    left: 66%;
    opacity: 0.9519425127;
    transform: rotate(89deg);
    animation: confetti-explosion-37 decimal-round(4.1947690832, 1) s decimal-round(0.8162451825, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-37 {
    100% {
        top: 110%;
        left: 67%;
    }
}

.confetti-38 {
    width: 12px;
    height: 4.8px;
    background-color: #dd1a8f;
    top: -10%;
    left: 90%;
    opacity: 1.056615965;
    transform: rotate(277deg);
    animation: confetti-explosion-38 decimal-round(4.7006617753, 1) s decimal-round(0.9603579654, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-38 {
    100% {
        top: 110%;
        left: 94%;
    }
}

.confetti-39 {
    width: 2px;
    height: 0.8px;
    background-color: #ee6f40;
    top: -10%;
    left: 51%;
    opacity: 0.6754642932;
    transform: rotate(351deg);
    animation: confetti-explosion-39 decimal-round(4.1181711908, 1) s decimal-round(0.6082296951, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-39 {
    100% {
        top: 110%;
        left: 54%;
    }
}

.confetti-40 {
    width: 7px;
    height: 2.8px;
    background-color: #146ff5;
    top: -10%;
    left: 83%;
    opacity: 1.3427281419;
    transform: rotate(252deg);
    animation: confetti-explosion-40 decimal-round(4.0288546542, 1) s decimal-round(0.3889949127, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-40 {
    100% {
        top: 110%;
        left: 94%;
    }
}

.confetti-41 {
    width: 5px;
    height: 2px;
    background-color: #8154e2;
    top: -10%;
    left: 87%;
    opacity: 1.278161278;
    transform: rotate(15deg);
    animation: confetti-explosion-41 decimal-round(4.1744586088, 1) s decimal-round(0.7793657636, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-41 {
    100% {
        top: 110%;
        left: 101%;
    }
}

.confetti-42 {
    width: 4px;
    height: 1.6px;
    background-color: #3adcc8;
    top: -10%;
    left: 60%;
    opacity: 1.3662763587;
    transform: rotate(217deg);
    animation: confetti-explosion-42 decimal-round(4.6824625631, 1) s decimal-round(0.7963346227, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-42 {
    100% {
        top: 110%;
        left: 71%;
    }
}

.confetti-43 {
    width: 9px;
    height: 3.6px;
    background-color: #dd1a8f;
    top: -10%;
    left: 53%;
    opacity: 0.8595224969;
    transform: rotate(136deg);
    animation: confetti-explosion-43 decimal-round(4.6312837141, 1) s decimal-round(0.2694641975, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-43 {
    100% {
        top: 110%;
        left: 63%;
    }
}

.confetti-44 {
    width: 2px;
    height: 0.8px;
    background-color: #dd1a8f;
    top: -10%;
    left: 86%;
    opacity: 1.4843204389;
    transform: rotate(16deg);
    animation: confetti-explosion-44 decimal-round(4.5958011987, 1) s decimal-round(0.7642760506, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-44 {
    100% {
        top: 110%;
        left: 94%;
    }
}

.confetti-45 {
    width: 1px;
    height: 0.4px;
    background-color: #dd1a8f;
    top: -10%;
    left: 3%;
    opacity: 1.0852274479;
    transform: rotate(136deg);
    animation: confetti-explosion-45 decimal-round(4.8639757822, 1) s decimal-round(0.0299532092, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-45 {
    100% {
        top: 110%;
        left: 9%;
    }
}

.confetti-46 {
    width: 8px;
    height: 3.2px;
    background-color: #8b4513;
    top: -10%;
    left: 70%;
    opacity: 1.2760388571;
    transform: rotate(155deg);
    animation: confetti-explosion-46 decimal-round(4.2176922097, 1) s decimal-round(0.2678346777, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-46 {
    100% {
        top: 110%;
        left: 77%;
    }
}

.confetti-47 {
    width: 12px;
    height: 4.8px;
    background-color: #dd1a8f;
    top: -10%;
    left: 94%;
    opacity: 1.4611648199;
    transform: rotate(317deg);
    animation: confetti-explosion-47 decimal-round(4.9410227424, 1) s decimal-round(0.9802187585, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-47 {
    100% {
        top: 110%;
        left: 98%;
    }
}

.confetti-48 {
    width: 1px;
    height: 0.4px;
    background-color: #8b4513;
    top: -10%;
    left: 53%;
    opacity: 0.9748928029;
    transform: rotate(227deg);
    animation: confetti-explosion-48 decimal-round(4.053573946, 1) s decimal-round(0.4086531122, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-48 {
    100% {
        top: 110%;
        left: 66%;
    }
}

.confetti-49 {
    width: 13px;
    height: 5.2px;
    background-color: #3adcc8;
    top: -10%;
    left: 63%;
    opacity: 0.5790079328;
    transform: rotate(69deg);
    animation: confetti-explosion-49 decimal-round(4.7690098138, 1) s decimal-round(0.601153544, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-49 {
    100% {
        top: 110%;
        left: 66%;
    }
}

.confetti-50 {
    width: 2px;
    height: 0.8px;
    background-color: #8b4513;
    top: -10%;
    left: 71%;
    opacity: 0.8099915809;
    transform: rotate(129deg);
    animation: confetti-explosion-50 decimal-round(4.3094869085, 1) s decimal-round(0.7129421991, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-50 {
    100% {
        top: 110%;
        left: 75%;
    }
}

.confetti-51 {
    width: 2px;
    height: 0.8px;
    background-color: #dd1a8f;
    top: -10%;
    left: 22%;
    opacity: 0.8193870639;
    transform: rotate(241deg);
    animation: confetti-explosion-51 decimal-round(4.3498000664, 1) s decimal-round(0.5848451139, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-51 {
    100% {
        top: 110%;
        left: 23%;
    }
}

.confetti-52 {
    width: 10px;
    height: 4px;
    background-color: #146ff5;
    top: -10%;
    left: 71%;
    opacity: 1.3523430893;
    transform: rotate(256deg);
    animation: confetti-explosion-52 decimal-round(4.2608907433, 1) s decimal-round(0.8549541448, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-52 {
    100% {
        top: 110%;
        left: 84%;
    }
}

.confetti-53 {
    width: 13px;
    height: 5.2px;
    background-color: #ee6f40;
    top: -10%;
    left: 3%;
    opacity: 1.3477933179;
    transform: rotate(231deg);
    animation: confetti-explosion-53 decimal-round(4.0402378368, 1) s decimal-round(0.9984342261, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-53 {
    100% {
        top: 110%;
        left: 14%;
    }
}

.confetti-54 {
    width: 3px;
    height: 1.2px;
    background-color: #ee6f40;
    top: -10%;
    left: 34%;
    opacity: 1.0028107501;
    transform: rotate(3deg);
    animation: confetti-explosion-54 decimal-round(4.4935929773, 1) s decimal-round(0.8065137497, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-54 {
    100% {
        top: 110%;
        left: 36%;
    }
}

.confetti-55 {
    width: 9px;
    height: 3.6px;
    background-color: #3adcc8;
    top: -10%;
    left: 98%;
    opacity: 1.1324263793;
    transform: rotate(75deg);
    animation: confetti-explosion-55 decimal-round(4.4480256922, 1) s decimal-round(0.0652654575, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-55 {
    100% {
        top: 110%;
        left: 108%;
    }
}

.confetti-56 {
    width: 4px;
    height: 1.6px;
    background-color: #146ff5;
    top: -10%;
    left: 26%;
    opacity: 1.1170362324;
    transform: rotate(133deg);
    animation: confetti-explosion-56 decimal-round(4.0691305183, 1) s decimal-round(0.6992580888, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-56 {
    100% {
        top: 110%;
        left: 27%;
    }
}

.confetti-57 {
    width: 1px;
    height: 0.4px;
    background-color: #8154e2;
    top: -10%;
    left: 12%;
    opacity: 0.7040804263;
    transform: rotate(40deg);
    animation: confetti-explosion-57 decimal-round(4.0165140835, 1) s decimal-round(0.6121132992, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-57 {
    100% {
        top: 110%;
        left: 22%;
    }
}

.confetti-58 {
    width: 12px;
    height: 4.8px;
    background-color: #ee6f40;
    top: -10%;
    left: 16%;
    opacity: 0.7770719783;
    transform: rotate(205deg);
    animation: confetti-explosion-58 decimal-round(4.3604646381, 1) s decimal-round(0.7411153841, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-58 {
    100% {
        top: 110%;
        left: 26%;
    }
}

.confetti-59 {
    width: 7px;
    height: 2.8px;
    background-color: #8154e2;
    top: -10%;
    left: 12%;
    opacity: 0.5259055866;
    transform: rotate(129deg);
    animation: confetti-explosion-59 decimal-round(4.008480832, 1) s decimal-round(0.0277909479, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-59 {
    100% {
        top: 110%;
        left: 20%;
    }
}

.confetti-60 {
    width: 2px;
    height: 0.8px;
    background-color: #dd1a8f;
    top: -10%;
    left: 77%;
    opacity: 1.4865739393;
    transform: rotate(334deg);
    animation: confetti-explosion-60 decimal-round(4.835862967, 1) s decimal-round(0.3622471568, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-60 {
    100% {
        top: 110%;
        left: 86%;
    }
}

.confetti-61 {
    width: 5px;
    height: 2px;
    background-color: #146ff5;
    top: -10%;
    left: 68%;
    opacity: 0.9716291606;
    transform: rotate(342deg);
    animation: confetti-explosion-61 decimal-round(4.7857488707, 1) s decimal-round(0.2757719146, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-61 {
    100% {
        top: 110%;
        left: 74%;
    }
}

.confetti-62 {
    width: 12px;
    height: 4.8px;
    background-color: #ee6f40;
    top: -10%;
    left: 40%;
    opacity: 1.4841050247;
    transform: rotate(15deg);
    animation: confetti-explosion-62 decimal-round(4.4148166905, 1) s decimal-round(0.8125229702, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-62 {
    100% {
        top: 110%;
        left: 47%;
    }
}

.confetti-63 {
    width: 14px;
    height: 5.6px;
    background-color: #8b4513;
    top: -10%;
    left: 65%;
    opacity: 0.9175963859;
    transform: rotate(318deg);
    animation: confetti-explosion-63 decimal-round(4.2194217075, 1) s decimal-round(0.4297108297, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-63 {
    100% {
        top: 110%;
        left: 72%;
    }
}

.confetti-64 {
    width: 10px;
    height: 4px;
    background-color: #8b4513;
    top: -10%;
    left: 70%;
    opacity: 0.9528846511;
    transform: rotate(360deg);
    animation: confetti-explosion-64 decimal-round(4.8754300382, 1) s decimal-round(0.728545862, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-64 {
    100% {
        top: 110%;
        left: 79%;
    }
}

.confetti-65 {
    width: 9px;
    height: 3.6px;
    background-color: #dd1a8f;
    top: -10%;
    left: 19%;
    opacity: 1.1903274929;
    transform: rotate(55deg);
    animation: confetti-explosion-65 decimal-round(4.553346766, 1) s decimal-round(0.6106907388, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-65 {
    100% {
        top: 110%;
        left: 20%;
    }
}

.confetti-66 {
    width: 7px;
    height: 2.8px;
    background-color: #146ff5;
    top: -10%;
    left: 51%;
    opacity: 1.1269874074;
    transform: rotate(127deg);
    animation: confetti-explosion-66 decimal-round(4.3167931626, 1) s decimal-round(0.7237858408, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-66 {
    100% {
        top: 110%;
        left: 63%;
    }
}

.confetti-67 {
    width: 4px;
    height: 1.6px;
    background-color: #8154e2;
    top: -10%;
    left: 40%;
    opacity: 0.8632742959;
    transform: rotate(92deg);
    animation: confetti-explosion-67 decimal-round(4.0747877427, 1) s decimal-round(0.0740890804, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-67 {
    100% {
        top: 110%;
        left: 49%;
    }
}

.confetti-68 {
    width: 3px;
    height: 1.2px;
    background-color: #dd1a8f;
    top: -10%;
    left: 75%;
    opacity: 1.3224442021;
    transform: rotate(202deg);
    animation: confetti-explosion-68 decimal-round(4.1167182028, 1) s decimal-round(0.909879503, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-68 {
    100% {
        top: 110%;
        left: 86%;
    }
}

.confetti-69 {
    width: 13px;
    height: 5.2px;
    background-color: #146ff5;
    top: -10%;
    left: 96%;
    opacity: 1.1194162133;
    transform: rotate(166deg);
    animation: confetti-explosion-69 decimal-round(4.780956289, 1) s decimal-round(0.075938896, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-69 {
    100% {
        top: 110%;
        left: 111%;
    }
}

.confetti-70 {
    width: 11px;
    height: 4.4px;
    background-color: #dd1a8f;
    top: -10%;
    left: 55%;
    opacity: 0.6776845809;
    transform: rotate(184deg);
    animation: confetti-explosion-70 decimal-round(4.6822050817, 1) s decimal-round(0.2605834523, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-70 {
    100% {
        top: 110%;
        left: 62%;
    }
}

.confetti-71 {
    width: 15px;
    height: 6px;
    background-color: #146ff5;
    top: -10%;
    left: 100%;
    opacity: 1.2211764583;
    transform: rotate(249deg);
    animation: confetti-explosion-71 decimal-round(4.2425275101, 1) s decimal-round(0.4391834731, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-71 {
    100% {
        top: 110%;
        left: 114%;
    }
}

.confetti-72 {
    width: 9px;
    height: 3.6px;
    background-color: #dd1a8f;
    top: -10%;
    left: 28%;
    opacity: 1.0773196402;
    transform: rotate(113deg);
    animation: confetti-explosion-72 decimal-round(4.8486464148, 1) s decimal-round(0.523504741, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-72 {
    100% {
        top: 110%;
        left: 33%;
    }
}

.confetti-73 {
    width: 9px;
    height: 3.6px;
    background-color: #ee6f40;
    top: -10%;
    left: 2%;
    opacity: 0.6157383997;
    transform: rotate(34deg);
    animation: confetti-explosion-73 decimal-round(4.3098950709, 1) s decimal-round(0.0550086469, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-73 {
    100% {
        top: 110%;
        left: 13%;
    }
}

.confetti-74 {
    width: 12px;
    height: 4.8px;
    background-color: #dd1a8f;
    top: -10%;
    left: 18%;
    opacity: 1.1404601822;
    transform: rotate(49deg);
    animation: confetti-explosion-74 decimal-round(4.0813160639, 1) s decimal-round(0.9661563342, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-74 {
    100% {
        top: 110%;
        left: 33%;
    }
}

.confetti-75 {
    width: 2px;
    height: 0.8px;
    background-color: #ee6f40;
    top: -10%;
    left: 98%;
    opacity: 0.8102443661;
    transform: rotate(18deg);
    animation: confetti-explosion-75 decimal-round(4.79730124, 1) s decimal-round(0.2004812897, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-75 {
    100% {
        top: 110%;
        left: 106%;
    }
}

.confetti-76 {
    width: 14px;
    height: 5.6px;
    background-color: #ee6f40;
    top: -10%;
    left: 45%;
    opacity: 0.9819608186;
    transform: rotate(299deg);
    animation: confetti-explosion-76 decimal-round(4.6628747018, 1) s decimal-round(0.8154337022, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-76 {
    100% {
        top: 110%;
        left: 58%;
    }
}

.confetti-77 {
    width: 4px;
    height: 1.6px;
    background-color: #3adcc8;
    top: -10%;
    left: 8%;
    opacity: 0.6810841103;
    transform: rotate(310deg);
    animation: confetti-explosion-77 decimal-round(4.8288082041, 1) s decimal-round(0.8512757821, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-77 {
    100% {
        top: 110%;
        left: 9%;
    }
}

.confetti-78 {
    width: 4px;
    height: 1.6px;
    background-color: #dd1a8f;
    top: -10%;
    left: 21%;
    opacity: 0.75523872;
    transform: rotate(107deg);
    animation: confetti-explosion-78 decimal-round(4.8779389756, 1) s decimal-round(0.1764822632, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-78 {
    100% {
        top: 110%;
        left: 32%;
    }
}

.confetti-79 {
    width: 3px;
    height: 1.2px;
    background-color: #3adcc8;
    top: -10%;
    left: 9%;
    opacity: 0.8416476121;
    transform: rotate(23deg);
    animation: confetti-explosion-79 decimal-round(4.9823329542, 1) s decimal-round(0.2961208519, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-79 {
    100% {
        top: 110%;
        left: 21%;
    }
}

.confetti-80 {
    width: 12px;
    height: 4.8px;
    background-color: #ee6f40;
    top: -10%;
    left: 40%;
    opacity: 0.957986231;
    transform: rotate(199deg);
    animation: confetti-explosion-80 decimal-round(4.550624425, 1) s decimal-round(0.7725165803, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-80 {
    100% {
        top: 110%;
        left: 41%;
    }
}

.confetti-81 {
    width: 9px;
    height: 3.6px;
    background-color: #8154e2;
    top: -10%;
    left: 1%;
    opacity: 1.2246765576;
    transform: rotate(248deg);
    animation: confetti-explosion-81 decimal-round(4.7205069893, 1) s decimal-round(0.9635941977, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-81 {
    100% {
        top: 110%;
        left: 13%;
    }
}

.confetti-82 {
    width: 3px;
    height: 1.2px;
    background-color: #ee6f40;
    top: -10%;
    left: 62%;
    opacity: 1.1883080137;
    transform: rotate(360deg);
    animation: confetti-explosion-82 decimal-round(4.7576772638, 1) s decimal-round(0.8268114244, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-82 {
    100% {
        top: 110%;
        left: 77%;
    }
}

.confetti-83 {
    width: 9px;
    height: 3.6px;
    background-color: #8154e2;
    top: -10%;
    left: 50%;
    opacity: 0.9264528844;
    transform: rotate(175deg);
    animation: confetti-explosion-83 decimal-round(4.6495626827, 1) s decimal-round(0.872713449, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-83 {
    100% {
        top: 110%;
        left: 59%;
    }
}

.confetti-84 {
    width: 10px;
    height: 4px;
    background-color: #3adcc8;
    top: -10%;
    left: 15%;
    opacity: 1.3459180731;
    transform: rotate(58deg);
    animation: confetti-explosion-84 decimal-round(4.1325028913, 1) s decimal-round(0.0485323689, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-84 {
    100% {
        top: 110%;
        left: 27%;
    }
}

.confetti-85 {
    width: 10px;
    height: 4px;
    background-color: #146ff5;
    top: -10%;
    left: 84%;
    opacity: 1.078063578;
    transform: rotate(145deg);
    animation: confetti-explosion-85 decimal-round(4.1863334003, 1) s decimal-round(0.9619854389, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-85 {
    100% {
        top: 110%;
        left: 85%;
    }
}

.confetti-86 {
    width: 15px;
    height: 6px;
    background-color: #8154e2;
    top: -10%;
    left: 28%;
    opacity: 1.1066395466;
    transform: rotate(292deg);
    animation: confetti-explosion-86 decimal-round(4.1010287167, 1) s decimal-round(0.8693690341, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-86 {
    100% {
        top: 110%;
        left: 37%;
    }
}

.confetti-87 {
    width: 13px;
    height: 5.2px;
    background-color: #8154e2;
    top: -10%;
    left: 99%;
    opacity: 0.9699173349;
    transform: rotate(189deg);
    animation: confetti-explosion-87 decimal-round(4.9511642525, 1) s decimal-round(0.8104041488, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-87 {
    100% {
        top: 110%;
        left: 111%;
    }
}

.confetti-88 {
    width: 2px;
    height: 0.8px;
    background-color: #3adcc8;
    top: -10%;
    left: 26%;
    opacity: 1.3927139197;
    transform: rotate(257deg);
    animation: confetti-explosion-88 decimal-round(4.4841188383, 1) s decimal-round(0.8869856813, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-88 {
    100% {
        top: 110%;
        left: 32%;
    }
}

.confetti-89 {
    width: 9px;
    height: 3.6px;
    background-color: #146ff5;
    top: -10%;
    left: 53%;
    opacity: 1.0420751402;
    transform: rotate(222deg);
    animation: confetti-explosion-89 decimal-round(4.9910021921, 1) s decimal-round(0.0648214151, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-89 {
    100% {
        top: 110%;
        left: 62%;
    }
}

.confetti-90 {
    width: 11px;
    height: 4.4px;
    background-color: #8b4513;
    top: -10%;
    left: 81%;
    opacity: 0.8555573635;
    transform: rotate(300deg);
    animation: confetti-explosion-90 decimal-round(4.670780557, 1) s decimal-round(0.5418785756, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-90 {
    100% {
        top: 110%;
        left: 87%;
    }
}

.confetti-91 {
    width: 3px;
    height: 1.2px;
    background-color: #3adcc8;
    top: -10%;
    left: 91%;
    opacity: 0.94067144;
    transform: rotate(6deg);
    animation: confetti-explosion-91 decimal-round(4.3512152633, 1) s decimal-round(0.9608564004, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-91 {
    100% {
        top: 110%;
        left: 101%;
    }
}

.confetti-92 {
    width: 14px;
    height: 5.6px;
    background-color: #146ff5;
    top: -10%;
    left: 47%;
    opacity: 0.7525746537;
    transform: rotate(156deg);
    animation: confetti-explosion-92 decimal-round(4.7520915187, 1) s decimal-round(0.948071046, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-92 {
    100% {
        top: 110%;
        left: 62%;
    }
}

.confetti-93 {
    width: 6px;
    height: 2.4px;
    background-color: #8b4513;
    top: -10%;
    left: 99%;
    opacity: 1.4054014494;
    transform: rotate(243deg);
    animation: confetti-explosion-93 decimal-round(4.6312206885, 1) s decimal-round(0.4639143328, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-93 {
    100% {
        top: 110%;
        left: 112%;
    }
}

.confetti-94 {
    width: 7px;
    height: 2.8px;
    background-color: #ee6f40;
    top: -10%;
    left: 20%;
    opacity: 1.2657158649;
    transform: rotate(202deg);
    animation: confetti-explosion-94 decimal-round(4.8800290426, 1) s decimal-round(0.8340438285, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-94 {
    100% {
        top: 110%;
        left: 31%;
    }
}

.confetti-95 {
    width: 15px;
    height: 6px;
    background-color: #3adcc8;
    top: -10%;
    left: 55%;
    opacity: 1.3722448203;
    transform: rotate(248deg);
    animation: confetti-explosion-95 decimal-round(4.0698940152, 1) s decimal-round(0.9161904209, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-95 {
    100% {
        top: 110%;
        left: 60%;
    }
}

.confetti-96 {
    width: 12px;
    height: 4.8px;
    background-color: #8b4513;
    top: -10%;
    left: 12%;
    opacity: 0.5978423725;
    transform: rotate(306deg);
    animation: confetti-explosion-96 decimal-round(4.2599535601, 1) s decimal-round(0.8648188445, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-96 {
    100% {
        top: 110%;
        left: 16%;
    }
}

.confetti-97 {
    width: 2px;
    height: 0.8px;
    background-color: #3adcc8;
    top: -10%;
    left: 64%;
    opacity: 1.0287181463;
    transform: rotate(254deg);
    animation: confetti-explosion-97 decimal-round(4.3901324648, 1) s decimal-round(0.9486687357, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-97 {
    100% {
        top: 110%;
        left: 69%;
    }
}

.confetti-98 {
    width: 5px;
    height: 2px;
    background-color: #8b4513;
    top: -10%;
    left: 54%;
    opacity: 1.4993909633;
    transform: rotate(227deg);
    animation: confetti-explosion-98 decimal-round(4.6946439665, 1) s decimal-round(0.66023573, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-98 {
    100% {
        top: 110%;
        left: 67%;
    }
}

.confetti-99 {
    width: 12px;
    height: 4.8px;
    background-color: #8154e2;
    top: -10%;
    left: 77%;
    opacity: 0.6184955781;
    transform: rotate(110deg);
    animation: confetti-explosion-99 decimal-round(4.0766724646, 1) s decimal-round(0.3445471555, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-99 {
    100% {
        top: 110%;
        left: 86%;
    }
}

.confetti-100 {
    width: 9px;
    height: 3.6px;
    background-color: #8b4513;
    top: -10%;
    left: 62%;
    opacity: 1.469515838;
    transform: rotate(254deg);
    animation: confetti-explosion-100 decimal-round(4.8326136587, 1) s decimal-round(0.3246441121, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-100 {
    100% {
        top: 110%;
        left: 67%;
    }
}

.confetti-101 {
    width: 14px;
    height: 5.6px;
    background-color: #8154e2;
    top: -10%;
    left: 57%;
    opacity: 0.916587805;
    transform: rotate(323deg);
    animation: confetti-explosion-101 decimal-round(4.5579479942, 1) s decimal-round(0.5557039851, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-101 {
    100% {
        top: 110%;
        left: 67%;
    }
}

.confetti-102 {
    width: 9px;
    height: 3.6px;
    background-color: #dd1a8f;
    top: -10%;
    left: 61%;
    opacity: 0.593731025;
    transform: rotate(265deg);
    animation: confetti-explosion-102 decimal-round(4.2263277257, 1) s decimal-round(0.8720711892, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-102 {
    100% {
        top: 110%;
        left: 63%;
    }
}

.confetti-103 {
    width: 8px;
    height: 3.2px;
    background-color: #3adcc8;
    top: -10%;
    left: 7%;
    opacity: 0.5477484107;
    transform: rotate(288deg);
    animation: confetti-explosion-103 decimal-round(4.5279957388, 1) s decimal-round(0.6616572002, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-103 {
    100% {
        top: 110%;
        left: 9%;
    }
}

.confetti-104 {
    width: 6px;
    height: 2.4px;
    background-color: #3adcc8;
    top: -10%;
    left: 52%;
    opacity: 0.6787549107;
    transform: rotate(173deg);
    animation: confetti-explosion-104 decimal-round(4.85486514, 1) s decimal-round(0.9163180935, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-104 {
    100% {
        top: 110%;
        left: 61%;
    }
}

.confetti-105 {
    width: 8px;
    height: 3.2px;
    background-color: #dd1a8f;
    top: -10%;
    left: 6%;
    opacity: 1.2805490086;
    transform: rotate(25deg);
    animation: confetti-explosion-105 decimal-round(4.7937102457, 1) s decimal-round(0.6825208015, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-105 {
    100% {
        top: 110%;
        left: 8%;
    }
}

.confetti-106 {
    width: 1px;
    height: 0.4px;
    background-color: #8b4513;
    top: -10%;
    left: 16%;
    opacity: 0.5993790112;
    transform: rotate(252deg);
    animation: confetti-explosion-106 decimal-round(4.1564423453, 1) s decimal-round(0.1022450333, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-106 {
    100% {
        top: 110%;
        left: 28%;
    }
}

.confetti-107 {
    width: 3px;
    height: 1.2px;
    background-color: #146ff5;
    top: -10%;
    left: 83%;
    opacity: 1.1050670266;
    transform: rotate(105deg);
    animation: confetti-explosion-107 decimal-round(4.5871991248, 1) s decimal-round(0.0770221724, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-107 {
    100% {
        top: 110%;
        left: 95%;
    }
}

.confetti-108 {
    width: 11px;
    height: 4.4px;
    background-color: #146ff5;
    top: -10%;
    left: 69%;
    opacity: 0.5465830957;
    transform: rotate(78deg);
    animation: confetti-explosion-108 decimal-round(4.9003308243, 1) s decimal-round(0.4581997486, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-108 {
    100% {
        top: 110%;
        left: 77%;
    }
}

.confetti-109 {
    width: 13px;
    height: 5.2px;
    background-color: #dd1a8f;
    top: -10%;
    left: 30%;
    opacity: 1.4372396548;
    transform: rotate(133deg);
    animation: confetti-explosion-109 decimal-round(4.9455542879, 1) s decimal-round(0.8295977675, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-109 {
    100% {
        top: 110%;
        left: 43%;
    }
}

.confetti-110 {
    width: 6px;
    height: 2.4px;
    background-color: #146ff5;
    top: -10%;
    left: 70%;
    opacity: 1.1840086845;
    transform: rotate(243deg);
    animation: confetti-explosion-110 decimal-round(4.0553571049, 1) s decimal-round(0.3503366686, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-110 {
    100% {
        top: 110%;
        left: 83%;
    }
}

.confetti-111 {
    width: 10px;
    height: 4px;
    background-color: #dd1a8f;
    top: -10%;
    left: 14%;
    opacity: 1.131198851;
    transform: rotate(327deg);
    animation: confetti-explosion-111 decimal-round(4.0625706137, 1) s decimal-round(0.7377298199, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-111 {
    100% {
        top: 110%;
        left: 16%;
    }
}

.confetti-112 {
    width: 7px;
    height: 2.8px;
    background-color: #146ff5;
    top: -10%;
    left: 31%;
    opacity: 0.6380988819;
    transform: rotate(32deg);
    animation: confetti-explosion-112 decimal-round(4.3172393312, 1) s decimal-round(0.9356395793, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-112 {
    100% {
        top: 110%;
        left: 42%;
    }
}

.confetti-113 {
    width: 5px;
    height: 2px;
    background-color: #8154e2;
    top: -10%;
    left: 2%;
    opacity: 0.5358328956;
    transform: rotate(141deg);
    animation: confetti-explosion-113 decimal-round(4.9807826979, 1) s decimal-round(0.907934006, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-113 {
    100% {
        top: 110%;
        left: 12%;
    }
}

.confetti-114 {
    width: 7px;
    height: 2.8px;
    background-color: #3adcc8;
    top: -10%;
    left: 20%;
    opacity: 0.8390819289;
    transform: rotate(81deg);
    animation: confetti-explosion-114 decimal-round(4.9744432675, 1) s decimal-round(0.0734590081, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-114 {
    100% {
        top: 110%;
        left: 25%;
    }
}

.confetti-115 {
    width: 3px;
    height: 1.2px;
    background-color: #ee6f40;
    top: -10%;
    left: 9%;
    opacity: 1.258636556;
    transform: rotate(322deg);
    animation: confetti-explosion-115 decimal-round(4.8758594722, 1) s decimal-round(0.4776324621, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-115 {
    100% {
        top: 110%;
        left: 24%;
    }
}

.confetti-116 {
    width: 1px;
    height: 0.4px;
    background-color: #8154e2;
    top: -10%;
    left: 78%;
    opacity: 1.177088124;
    transform: rotate(255deg);
    animation: confetti-explosion-116 decimal-round(4.1920210316, 1) s decimal-round(0.3252817203, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-116 {
    100% {
        top: 110%;
        left: 84%;
    }
}

.confetti-117 {
    width: 1px;
    height: 0.4px;
    background-color: #8b4513;
    top: -10%;
    left: 53%;
    opacity: 1.1395814666;
    transform: rotate(200deg);
    animation: confetti-explosion-117 decimal-round(4.7742556224, 1) s decimal-round(0.2512445504, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-117 {
    100% {
        top: 110%;
        left: 63%;
    }
}

.confetti-118 {
    width: 1px;
    height: 0.4px;
    background-color: #8b4513;
    top: -10%;
    left: 51%;
    opacity: 1.3796499415;
    transform: rotate(221deg);
    animation: confetti-explosion-118 decimal-round(4.9295767025, 1) s decimal-round(0.2443145884, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-118 {
    100% {
        top: 110%;
        left: 61%;
    }
}

.confetti-119 {
    width: 6px;
    height: 2.4px;
    background-color: #146ff5;
    top: -10%;
    left: 31%;
    opacity: 0.8003158698;
    transform: rotate(217deg);
    animation: confetti-explosion-119 decimal-round(4.4344931515, 1) s decimal-round(0.3240943737, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-119 {
    100% {
        top: 110%;
        left: 40%;
    }
}

.confetti-120 {
    width: 14px;
    height: 5.6px;
    background-color: #ee6f40;
    top: -10%;
    left: 25%;
    opacity: 0.873233711;
    transform: rotate(111deg);
    animation: confetti-explosion-120 decimal-round(4.3853561224, 1) s decimal-round(0.470757643, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-120 {
    100% {
        top: 110%;
        left: 33%;
    }
}

.confetti-121 {
    width: 3px;
    height: 1.2px;
    background-color: #146ff5;
    top: -10%;
    left: 99%;
    opacity: 1.1391970427;
    transform: rotate(249deg);
    animation: confetti-explosion-121 decimal-round(4.418492254, 1) s decimal-round(0.1024365136, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-121 {
    100% {
        top: 110%;
        left: 105%;
    }
}

.confetti-122 {
    width: 14px;
    height: 5.6px;
    background-color: #3adcc8;
    top: -10%;
    left: 77%;
    opacity: 1.1592903189;
    transform: rotate(140deg);
    animation: confetti-explosion-122 decimal-round(4.8786560499, 1) s decimal-round(0.1228761211, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-122 {
    100% {
        top: 110%;
        left: 83%;
    }
}

.confetti-123 {
    width: 1px;
    height: 0.4px;
    background-color: #ee6f40;
    top: -10%;
    left: 85%;
    opacity: 0.9798787001;
    transform: rotate(109deg);
    animation: confetti-explosion-123 decimal-round(4.7356547762, 1) s decimal-round(0.701463373, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-123 {
    100% {
        top: 110%;
        left: 87%;
    }
}

.confetti-124 {
    width: 1px;
    height: 0.4px;
    background-color: #146ff5;
    top: -10%;
    left: 100%;
    opacity: 0.6055143101;
    transform: rotate(350deg);
    animation: confetti-explosion-124 decimal-round(4.878177406, 1) s decimal-round(0.7605005329, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-124 {
    100% {
        top: 110%;
        left: 108%;
    }
}

.confetti-125 {
    width: 11px;
    height: 4.4px;
    background-color: #8b4513;
    top: -10%;
    left: 51%;
    opacity: 1.2119233828;
    transform: rotate(8deg);
    animation: confetti-explosion-125 decimal-round(4.2095881134, 1) s decimal-round(0.8736509009, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-125 {
    100% {
        top: 110%;
        left: 52%;
    }
}

.confetti-126 {
    width: 4px;
    height: 1.6px;
    background-color: #8154e2;
    top: -10%;
    left: 10%;
    opacity: 1.3797622229;
    transform: rotate(130deg);
    animation: confetti-explosion-126 decimal-round(4.3941877924, 1) s decimal-round(0.1309170867, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-126 {
    100% {
        top: 110%;
        left: 13%;
    }
}

.confetti-127 {
    width: 10px;
    height: 4px;
    background-color: #8154e2;
    top: -10%;
    left: 11%;
    opacity: 1.0695047319;
    transform: rotate(142deg);
    animation: confetti-explosion-127 decimal-round(4.2947089365, 1) s decimal-round(0.0124221057, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-127 {
    100% {
        top: 110%;
        left: 21%;
    }
}

.confetti-128 {
    width: 13px;
    height: 5.2px;
    background-color: #dd1a8f;
    top: -10%;
    left: 58%;
    opacity: 1.2591978695;
    transform: rotate(47deg);
    animation: confetti-explosion-128 decimal-round(4.56732493, 1) s decimal-round(0.302802204, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-128 {
    100% {
        top: 110%;
        left: 60%;
    }
}

.confetti-129 {
    width: 4px;
    height: 1.6px;
    background-color: #8b4513;
    top: -10%;
    left: 97%;
    opacity: 0.7960159429;
    transform: rotate(317deg);
    animation: confetti-explosion-129 decimal-round(4.4322731224, 1) s decimal-round(0.618326314, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-129 {
    100% {
        top: 110%;
        left: 111%;
    }
}

.confetti-130 {
    width: 3px;
    height: 1.2px;
    background-color: #3adcc8;
    top: -10%;
    left: 14%;
    opacity: 0.6767676401;
    transform: rotate(100deg);
    animation: confetti-explosion-130 decimal-round(4.2981906121, 1) s decimal-round(0.1614196466, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-130 {
    100% {
        top: 110%;
        left: 20%;
    }
}

.confetti-131 {
    width: 11px;
    height: 4.4px;
    background-color: #8b4513;
    top: -10%;
    left: 88%;
    opacity: 1.4284373805;
    transform: rotate(241deg);
    animation: confetti-explosion-131 decimal-round(4.9729410111, 1) s decimal-round(0.6996406173, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-131 {
    100% {
        top: 110%;
        left: 92%;
    }
}

.confetti-132 {
    width: 14px;
    height: 5.6px;
    background-color: #dd1a8f;
    top: -10%;
    left: 61%;
    opacity: 1.1332350468;
    transform: rotate(166deg);
    animation: confetti-explosion-132 decimal-round(4.6771194312, 1) s decimal-round(0.9838253427, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-132 {
    100% {
        top: 110%;
        left: 68%;
    }
}

.confetti-133 {
    width: 12px;
    height: 4.8px;
    background-color: #ee6f40;
    top: -10%;
    left: 76%;
    opacity: 1.1427580979;
    transform: rotate(33deg);
    animation: confetti-explosion-133 decimal-round(4.4635551895, 1) s decimal-round(0.8885372293, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-133 {
    100% {
        top: 110%;
        left: 79%;
    }
}

.confetti-134 {
    width: 15px;
    height: 6px;
    background-color: #146ff5;
    top: -10%;
    left: 15%;
    opacity: 0.6642983613;
    transform: rotate(248deg);
    animation: confetti-explosion-134 decimal-round(4.0899279776, 1) s decimal-round(0.9249172563, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-134 {
    100% {
        top: 110%;
        left: 25%;
    }
}

.confetti-135 {
    width: 10px;
    height: 4px;
    background-color: #8154e2;
    top: -10%;
    left: 35%;
    opacity: 0.5661481456;
    transform: rotate(177deg);
    animation: confetti-explosion-135 decimal-round(4.0345577475, 1) s decimal-round(0.3081209938, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-135 {
    100% {
        top: 110%;
        left: 46%;
    }
}

.confetti-136 {
    width: 8px;
    height: 3.2px;
    background-color: #8b4513;
    top: -10%;
    left: 98%;
    opacity: 1.2061004351;
    transform: rotate(84deg);
    animation: confetti-explosion-136 decimal-round(4.6408471072, 1) s decimal-round(0.4880951511, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-136 {
    100% {
        top: 110%;
        left: 104%;
    }
}

.confetti-137 {
    width: 14px;
    height: 5.6px;
    background-color: #3adcc8;
    top: -10%;
    left: 57%;
    opacity: 1.0389632094;
    transform: rotate(219deg);
    animation: confetti-explosion-137 decimal-round(4.2594573874, 1) s decimal-round(0.3107119864, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-137 {
    100% {
        top: 110%;
        left: 72%;
    }
}

.confetti-138 {
    width: 2px;
    height: 0.8px;
    background-color: #ee6f40;
    top: -10%;
    left: 21%;
    opacity: 0.5353131157;
    transform: rotate(358deg);
    animation: confetti-explosion-138 decimal-round(4.7378201838, 1) s decimal-round(0.7612002493, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-138 {
    100% {
        top: 110%;
        left: 23%;
    }
}

.confetti-139 {
    width: 2px;
    height: 0.8px;
    background-color: #dd1a8f;
    top: -10%;
    left: 7%;
    opacity: 1.2501147804;
    transform: rotate(164deg);
    animation: confetti-explosion-139 decimal-round(4.5529158384, 1) s decimal-round(0.0878918093, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-139 {
    100% {
        top: 110%;
        left: 18%;
    }
}

.confetti-140 {
    width: 7px;
    height: 2.8px;
    background-color: #dd1a8f;
    top: -10%;
    left: 90%;
    opacity: 1.118288459;
    transform: rotate(243deg);
    animation: confetti-explosion-140 decimal-round(4.8011726141, 1) s decimal-round(0.2420472337, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-140 {
    100% {
        top: 110%;
        left: 103%;
    }
}

.confetti-141 {
    width: 10px;
    height: 4px;
    background-color: #ee6f40;
    top: -10%;
    left: 10%;
    opacity: 1.3046379142;
    transform: rotate(157deg);
    animation: confetti-explosion-141 decimal-round(4.1790149879, 1) s decimal-round(0.2381486289, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-141 {
    100% {
        top: 110%;
        left: 21%;
    }
}

.confetti-142 {
    width: 11px;
    height: 4.4px;
    background-color: #146ff5;
    top: -10%;
    left: 99%;
    opacity: 0.8929463429;
    transform: rotate(107deg);
    animation: confetti-explosion-142 decimal-round(4.2555181301, 1) s decimal-round(0.0386058107, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-142 {
    100% {
        top: 110%;
        left: 102%;
    }
}

.confetti-143 {
    width: 6px;
    height: 2.4px;
    background-color: #3adcc8;
    top: -10%;
    left: 82%;
    opacity: 0.990511858;
    transform: rotate(130deg);
    animation: confetti-explosion-143 decimal-round(4.4714257508, 1) s decimal-round(0.5973758379, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-143 {
    100% {
        top: 110%;
        left: 93%;
    }
}

.confetti-144 {
    width: 7px;
    height: 2.8px;
    background-color: #8b4513;
    top: -10%;
    left: 12%;
    opacity: 0.7848856681;
    transform: rotate(133deg);
    animation: confetti-explosion-144 decimal-round(4.5082221724, 1) s decimal-round(0.6248238402, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-144 {
    100% {
        top: 110%;
        left: 24%;
    }
}

.confetti-145 {
    width: 8px;
    height: 3.2px;
    background-color: #146ff5;
    top: -10%;
    left: 62%;
    opacity: 0.5705939463;
    transform: rotate(129deg);
    animation: confetti-explosion-145 decimal-round(4.7205552986, 1) s decimal-round(0.7864077289, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-145 {
    100% {
        top: 110%;
        left: 66%;
    }
}

.confetti-146 {
    width: 13px;
    height: 5.2px;
    background-color: #8b4513;
    top: -10%;
    left: 36%;
    opacity: 0.6837375388;
    transform: rotate(342deg);
    animation: confetti-explosion-146 decimal-round(4.0974855147, 1) s decimal-round(0.4845628253, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-146 {
    100% {
        top: 110%;
        left: 46%;
    }
}

.confetti-147 {
    width: 14px;
    height: 5.6px;
    background-color: #8b4513;
    top: -10%;
    left: 50%;
    opacity: 0.9124397602;
    transform: rotate(271deg);
    animation: confetti-explosion-147 decimal-round(4.4205795241, 1) s decimal-round(0.8412019594, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-147 {
    100% {
        top: 110%;
        left: 63%;
    }
}

.confetti-148 {
    width: 15px;
    height: 6px;
    background-color: #dd1a8f;
    top: -10%;
    left: 29%;
    opacity: 1.1610583564;
    transform: rotate(135deg);
    animation: confetti-explosion-148 decimal-round(4.6881110998, 1) s decimal-round(0.5773225409, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-148 {
    100% {
        top: 110%;
        left: 38%;
    }
}

.confetti-149 {
    width: 14px;
    height: 5.6px;
    background-color: #ee6f40;
    top: -10%;
    left: 44%;
    opacity: 1.2466814036;
    transform: rotate(44deg);
    animation: confetti-explosion-149 decimal-round(4.4923455557, 1) s decimal-round(0.908985202, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-149 {
    100% {
        top: 110%;
        left: 47%;
    }
}

.confetti-150 {
    width: 3px;
    height: 1.2px;
    background-color: #8b4513;
    top: -10%;
    left: 22%;
    opacity: 0.9807332702;
    transform: rotate(119deg);
    animation: confetti-explosion-150 decimal-round(4.9711073446, 1) s decimal-round(0.3818021778, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-150 {
    100% {
        top: 110%;
        left: 28%;
    }
}

.confetti-151 {
    width: 13px;
    height: 5.2px;
    background-color: #8b4513;
    top: -10%;
    left: 42%;
    opacity: 0.9735933806;
    transform: rotate(159deg);
    animation: confetti-explosion-151 decimal-round(4.2222988835, 1) s decimal-round(0.4995965026, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-151 {
    100% {
        top: 110%;
        left: 57%;
    }
}

.confetti-152 {
    width: 9px;
    height: 3.6px;
    background-color: #3adcc8;
    top: -10%;
    left: 90%;
    opacity: 1.1144399186;
    transform: rotate(149deg);
    animation: confetti-explosion-152 decimal-round(4.8737858736, 1) s decimal-round(0.4772938248, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-152 {
    100% {
        top: 110%;
        left: 103%;
    }
}

.confetti-153 {
    width: 9px;
    height: 3.6px;
    background-color: #8b4513;
    top: -10%;
    left: 64%;
    opacity: 1.4460441034;
    transform: rotate(138deg);
    animation: confetti-explosion-153 decimal-round(4.982949067, 1) s decimal-round(0.4049245108, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-153 {
    100% {
        top: 110%;
        left: 66%;
    }
}

.confetti-154 {
    width: 6px;
    height: 2.4px;
    background-color: #3adcc8;
    top: -10%;
    left: 4%;
    opacity: 1.0825388239;
    transform: rotate(58deg);
    animation: confetti-explosion-154 decimal-round(4.5460498585, 1) s decimal-round(0.5404699041, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-154 {
    100% {
        top: 110%;
        left: 19%;
    }
}

.confetti-155 {
    width: 6px;
    height: 2.4px;
    background-color: #ee6f40;
    top: -10%;
    left: 94%;
    opacity: 0.6678773319;
    transform: rotate(86deg);
    animation: confetti-explosion-155 decimal-round(4.3311708285, 1) s decimal-round(0.6522489558, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-155 {
    100% {
        top: 110%;
        left: 102%;
    }
}

.confetti-156 {
    width: 10px;
    height: 4px;
    background-color: #ee6f40;
    top: -10%;
    left: 61%;
    opacity: 1.2278638003;
    transform: rotate(94deg);
    animation: confetti-explosion-156 decimal-round(4.2318469003, 1) s decimal-round(0.4879204063, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-156 {
    100% {
        top: 110%;
        left: 64%;
    }
}

.confetti-157 {
    width: 9px;
    height: 3.6px;
    background-color: #dd1a8f;
    top: -10%;
    left: 7%;
    opacity: 1.439760595;
    transform: rotate(298deg);
    animation: confetti-explosion-157 decimal-round(4.1369147305, 1) s decimal-round(0.3408948962, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-157 {
    100% {
        top: 110%;
        left: 14%;
    }
}

.confetti-158 {
    width: 8px;
    height: 3.2px;
    background-color: #146ff5;
    top: -10%;
    left: 82%;
    opacity: 0.9828915733;
    transform: rotate(114deg);
    animation: confetti-explosion-158 decimal-round(4.0043573575, 1) s decimal-round(0.4011630077, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-158 {
    100% {
        top: 110%;
        left: 88%;
    }
}

.confetti-159 {
    width: 2px;
    height: 0.8px;
    background-color: #8154e2;
    top: -10%;
    left: 51%;
    opacity: 0.5027957048;
    transform: rotate(82deg);
    animation: confetti-explosion-159 decimal-round(4.929187516, 1) s decimal-round(0.426045504, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-159 {
    100% {
        top: 110%;
        left: 53%;
    }
}

.confetti-160 {
    width: 1px;
    height: 0.4px;
    background-color: #8b4513;
    top: -10%;
    left: 88%;
    opacity: 0.5328224299;
    transform: rotate(5deg);
    animation: confetti-explosion-160 decimal-round(4.1142559162, 1) s decimal-round(0.3011389164, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-160 {
    100% {
        top: 110%;
        left: 96%;
    }
}

.confetti-161 {
    width: 5px;
    height: 2px;
    background-color: #146ff5;
    top: -10%;
    left: 28%;
    opacity: 0.701534806;
    transform: rotate(88deg);
    animation: confetti-explosion-161 decimal-round(4.163735885, 1) s decimal-round(0.9458966135, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-161 {
    100% {
        top: 110%;
        left: 30%;
    }
}

.confetti-162 {
    width: 4px;
    height: 1.6px;
    background-color: #8154e2;
    top: -10%;
    left: 53%;
    opacity: 1.4137255602;
    transform: rotate(119deg);
    animation: confetti-explosion-162 decimal-round(4.3291138304, 1) s decimal-round(0.2932681198, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-162 {
    100% {
        top: 110%;
        left: 61%;
    }
}

.confetti-163 {
    width: 5px;
    height: 2px;
    background-color: #3adcc8;
    top: -10%;
    left: 6%;
    opacity: 0.534877494;
    transform: rotate(254deg);
    animation: confetti-explosion-163 decimal-round(4.4071713484, 1) s decimal-round(0.7695988534, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-163 {
    100% {
        top: 110%;
        left: 13%;
    }
}

.confetti-164 {
    width: 3px;
    height: 1.2px;
    background-color: #146ff5;
    top: -10%;
    left: 6%;
    opacity: 1.0615238504;
    transform: rotate(316deg);
    animation: confetti-explosion-164 decimal-round(4.6647910801, 1) s decimal-round(0.5749636708, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-164 {
    100% {
        top: 110%;
        left: 10%;
    }
}

.confetti-165 {
    width: 2px;
    height: 0.8px;
    background-color: #8b4513;
    top: -10%;
    left: 8%;
    opacity: 0.7227833759;
    transform: rotate(220deg);
    animation: confetti-explosion-165 decimal-round(4.4706858223, 1) s decimal-round(0.5882362673, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-165 {
    100% {
        top: 110%;
        left: 20%;
    }
}

.confetti-166 {
    width: 10px;
    height: 4px;
    background-color: #ee6f40;
    top: -10%;
    left: 16%;
    opacity: 0.5500579018;
    transform: rotate(356deg);
    animation: confetti-explosion-166 decimal-round(4.8095938261, 1) s decimal-round(0.5072545643, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-166 {
    100% {
        top: 110%;
        left: 31%;
    }
}

.confetti-167 {
    width: 12px;
    height: 4.8px;
    background-color: #146ff5;
    top: -10%;
    left: 89%;
    opacity: 1.3962334121;
    transform: rotate(182deg);
    animation: confetti-explosion-167 decimal-round(4.4691311259, 1) s decimal-round(0.4474391389, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-167 {
    100% {
        top: 110%;
        left: 94%;
    }
}

.confetti-168 {
    width: 8px;
    height: 3.2px;
    background-color: #3adcc8;
    top: -10%;
    left: 13%;
    opacity: 0.7388644238;
    transform: rotate(72deg);
    animation: confetti-explosion-168 decimal-round(4.8547853031, 1) s decimal-round(0.44187839, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-168 {
    100% {
        top: 110%;
        left: 26%;
    }
}

.confetti-169 {
    width: 3px;
    height: 1.2px;
    background-color: #dd1a8f;
    top: -10%;
    left: 1%;
    opacity: 0.7421667827;
    transform: rotate(190deg);
    animation: confetti-explosion-169 decimal-round(4.9364052215, 1) s decimal-round(0.5649827689, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-169 {
    100% {
        top: 110%;
        left: 6%;
    }
}

.confetti-170 {
    width: 7px;
    height: 2.8px;
    background-color: #8b4513;
    top: -10%;
    left: 71%;
    opacity: 1.254820286;
    transform: rotate(136deg);
    animation: confetti-explosion-170 decimal-round(4.6420455003, 1) s decimal-round(0.6464958645, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-170 {
    100% {
        top: 110%;
        left: 83%;
    }
}

.confetti-171 {
    width: 2px;
    height: 0.8px;
    background-color: #3adcc8;
    top: -10%;
    left: 14%;
    opacity: 1.4110666821;
    transform: rotate(125deg);
    animation: confetti-explosion-171 decimal-round(4.1690257316, 1) s decimal-round(0.4223954825, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-171 {
    100% {
        top: 110%;
        left: 20%;
    }
}

.confetti-172 {
    width: 7px;
    height: 2.8px;
    background-color: #ee6f40;
    top: -10%;
    left: 26%;
    opacity: 0.9054215653;
    transform: rotate(72deg);
    animation: confetti-explosion-172 decimal-round(4.5649808197, 1) s decimal-round(0.4684871006, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-172 {
    100% {
        top: 110%;
        left: 29%;
    }
}

.confetti-173 {
    width: 1px;
    height: 0.4px;
    background-color: #8b4513;
    top: -10%;
    left: 42%;
    opacity: 1.3602844019;
    transform: rotate(67deg);
    animation: confetti-explosion-173 decimal-round(4.2458685402, 1) s decimal-round(0.7226693224, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-173 {
    100% {
        top: 110%;
        left: 51%;
    }
}

.confetti-174 {
    width: 11px;
    height: 4.4px;
    background-color: #8b4513;
    top: -10%;
    left: 42%;
    opacity: 1.3234487462;
    transform: rotate(190deg);
    animation: confetti-explosion-174 decimal-round(4.6605484474, 1) s decimal-round(0.5524717136, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-174 {
    100% {
        top: 110%;
        left: 46%;
    }
}

.confetti-175 {
    width: 4px;
    height: 1.6px;
    background-color: #dd1a8f;
    top: -10%;
    left: 77%;
    opacity: 1.1262966982;
    transform: rotate(316deg);
    animation: confetti-explosion-175 decimal-round(4.401018399, 1) s decimal-round(0.3146805571, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-175 {
    100% {
        top: 110%;
        left: 91%;
    }
}

.confetti-176 {
    width: 15px;
    height: 6px;
    background-color: #ee6f40;
    top: -10%;
    left: 54%;
    opacity: 0.9012601618;
    transform: rotate(125deg);
    animation: confetti-explosion-176 decimal-round(4.4942639175, 1) s decimal-round(0.233490481, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-176 {
    100% {
        top: 110%;
        left: 68%;
    }
}

.confetti-177 {
    width: 8px;
    height: 3.2px;
    background-color: #8b4513;
    top: -10%;
    left: 90%;
    opacity: 0.5451208528;
    transform: rotate(286deg);
    animation: confetti-explosion-177 decimal-round(4.8221316425, 1) s decimal-round(0.2795947039, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-177 {
    100% {
        top: 110%;
        left: 94%;
    }
}

.confetti-178 {
    width: 2px;
    height: 0.8px;
    background-color: #ee6f40;
    top: -10%;
    left: 65%;
    opacity: 1.1130593615;
    transform: rotate(209deg);
    animation: confetti-explosion-178 decimal-round(4.7667233706, 1) s decimal-round(0.3003066912, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-178 {
    100% {
        top: 110%;
        left: 73%;
    }
}

.confetti-179 {
    width: 5px;
    height: 2px;
    background-color: #dd1a8f;
    top: -10%;
    left: 12%;
    opacity: 1.4383190274;
    transform: rotate(358deg);
    animation: confetti-explosion-179 decimal-round(4.7945100988, 1) s decimal-round(0.4921090941, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-179 {
    100% {
        top: 110%;
        left: 16%;
    }
}

.confetti-180 {
    width: 10px;
    height: 4px;
    background-color: #3adcc8;
    top: -10%;
    left: 74%;
    opacity: 0.6381887458;
    transform: rotate(255deg);
    animation: confetti-explosion-180 decimal-round(4.8922178085, 1) s decimal-round(0.0917423098, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-180 {
    100% {
        top: 110%;
        left: 82%;
    }
}

.confetti-181 {
    width: 6px;
    height: 2.4px;
    background-color: #8b4513;
    top: -10%;
    left: 25%;
    opacity: 0.6588723121;
    transform: rotate(143deg);
    animation: confetti-explosion-181 decimal-round(4.217483816, 1) s decimal-round(0.1698978512, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-181 {
    100% {
        top: 110%;
        left: 29%;
    }
}

.confetti-182 {
    width: 10px;
    height: 4px;
    background-color: #dd1a8f;
    top: -10%;
    left: 76%;
    opacity: 0.5088625775;
    transform: rotate(17deg);
    animation: confetti-explosion-182 decimal-round(4.0311678714, 1) s decimal-round(0.6096103864, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-182 {
    100% {
        top: 110%;
        left: 89%;
    }
}

.confetti-183 {
    width: 11px;
    height: 4.4px;
    background-color: #8154e2;
    top: -10%;
    left: 3%;
    opacity: 0.595724237;
    transform: rotate(72deg);
    animation: confetti-explosion-183 decimal-round(4.3524313496, 1) s decimal-round(0.7001461813, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-183 {
    100% {
        top: 110%;
        left: 6%;
    }
}

.confetti-184 {
    width: 4px;
    height: 1.6px;
    background-color: #8154e2;
    top: -10%;
    left: 30%;
    opacity: 0.984107266;
    transform: rotate(197deg);
    animation: confetti-explosion-184 decimal-round(4.9140273453, 1) s decimal-round(0.0132375217, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-184 {
    100% {
        top: 110%;
        left: 42%;
    }
}

.confetti-185 {
    width: 13px;
    height: 5.2px;
    background-color: #ee6f40;
    top: -10%;
    left: 74%;
    opacity: 0.6891563144;
    transform: rotate(38deg);
    animation: confetti-explosion-185 decimal-round(4.0105154701, 1) s decimal-round(0.7079833361, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-185 {
    100% {
        top: 110%;
        left: 78%;
    }
}

.confetti-186 {
    width: 12px;
    height: 4.8px;
    background-color: #dd1a8f;
    top: -10%;
    left: 38%;
    opacity: 1.1428101669;
    transform: rotate(153deg);
    animation: confetti-explosion-186 decimal-round(4.793741466, 1) s decimal-round(0.3400926518, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-186 {
    100% {
        top: 110%;
        left: 43%;
    }
}

.confetti-187 {
    width: 5px;
    height: 2px;
    background-color: #8154e2;
    top: -10%;
    left: 47%;
    opacity: 1.3442417851;
    transform: rotate(29deg);
    animation: confetti-explosion-187 decimal-round(4.41351791, 1) s decimal-round(0.6456548985, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-187 {
    100% {
        top: 110%;
        left: 61%;
    }
}

.confetti-188 {
    width: 6px;
    height: 2.4px;
    background-color: #146ff5;
    top: -10%;
    left: 89%;
    opacity: 1.4694302106;
    transform: rotate(330deg);
    animation: confetti-explosion-188 decimal-round(4.6192950666, 1) s decimal-round(0.6300724548, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-188 {
    100% {
        top: 110%;
        left: 97%;
    }
}

.confetti-189 {
    width: 10px;
    height: 4px;
    background-color: #dd1a8f;
    top: -10%;
    left: 15%;
    opacity: 1.4893132687;
    transform: rotate(270deg);
    animation: confetti-explosion-189 decimal-round(4.6471849566, 1) s decimal-round(0.726106362, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-189 {
    100% {
        top: 110%;
        left: 22%;
    }
}

.confetti-190 {
    width: 5px;
    height: 2px;
    background-color: #ee6f40;
    top: -10%;
    left: 89%;
    opacity: 0.5301980807;
    transform: rotate(80deg);
    animation: confetti-explosion-190 decimal-round(4.0241675643, 1) s decimal-round(0.622458891, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-190 {
    100% {
        top: 110%;
        left: 92%;
    }
}

.confetti-191 {
    width: 12px;
    height: 4.8px;
    background-color: #8154e2;
    top: -10%;
    left: 65%;
    opacity: 0.7350722917;
    transform: rotate(319deg);
    animation: confetti-explosion-191 decimal-round(4.7637325661, 1) s decimal-round(0.141135099, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-191 {
    100% {
        top: 110%;
        left: 79%;
    }
}

.confetti-192 {
    width: 15px;
    height: 6px;
    background-color: #8b4513;
    top: -10%;
    left: 90%;
    opacity: 0.697161659;
    transform: rotate(360deg);
    animation: confetti-explosion-192 decimal-round(4.7159337377, 1) s decimal-round(0.3860306937, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-192 {
    100% {
        top: 110%;
        left: 96%;
    }
}

.confetti-193 {
    width: 11px;
    height: 4.4px;
    background-color: #ee6f40;
    top: -10%;
    left: 96%;
    opacity: 0.6059868066;
    transform: rotate(113deg);
    animation: confetti-explosion-193 decimal-round(4.9659474659, 1) s decimal-round(0.8758389171, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-193 {
    100% {
        top: 110%;
        left: 111%;
    }
}

.confetti-194 {
    width: 9px;
    height: 3.6px;
    background-color: #3adcc8;
    top: -10%;
    left: 40%;
    opacity: 1.2449185617;
    transform: rotate(192deg);
    animation: confetti-explosion-194 decimal-round(4.1130242543, 1) s decimal-round(0.747070333, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-194 {
    100% {
        top: 110%;
        left: 43%;
    }
}

.confetti-195 {
    width: 5px;
    height: 2px;
    background-color: #8b4513;
    top: -10%;
    left: 95%;
    opacity: 1.2646758521;
    transform: rotate(198deg);
    animation: confetti-explosion-195 decimal-round(4.5722634633, 1) s decimal-round(0.3347208853, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-195 {
    100% {
        top: 110%;
        left: 108%;
    }
}

.confetti-196 {
    width: 3px;
    height: 1.2px;
    background-color: #ee6f40;
    top: -10%;
    left: 55%;
    opacity: 0.5733706843;
    transform: rotate(52deg);
    animation: confetti-explosion-196 decimal-round(4.0052993557, 1) s decimal-round(0.9904813583, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-196 {
    100% {
        top: 110%;
        left: 68%;
    }
}

.confetti-197 {
    width: 3px;
    height: 1.2px;
    background-color: #3adcc8;
    top: -10%;
    left: 41%;
    opacity: 1.1975886524;
    transform: rotate(51deg);
    animation: confetti-explosion-197 decimal-round(4.9803500677, 1) s decimal-round(0.1853628114, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-197 {
    100% {
        top: 110%;
        left: 48%;
    }
}

.confetti-198 {
    width: 8px;
    height: 3.2px;
    background-color: #8b4513;
    top: -10%;
    left: 13%;
    opacity: 0.6745023171;
    transform: rotate(228deg);
    animation: confetti-explosion-198 decimal-round(4.1233882388, 1) s decimal-round(0.1263694306, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-198 {
    100% {
        top: 110%;
        left: 27%;
    }
}

.confetti-199 {
    width: 4px;
    height: 1.6px;
    background-color: #dd1a8f;
    top: -10%;
    left: 48%;
    opacity: 1.0629925136;
    transform: rotate(322deg);
    animation: confetti-explosion-199 decimal-round(4.5048724364, 1) s decimal-round(0.6490306572, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-199 {
    100% {
        top: 110%;
        left: 49%;
    }
}

.confetti-200 {
    width: 14px;
    height: 5.6px;
    background-color: #3adcc8;
    top: -10%;
    left: 80%;
    opacity: 1.1888216511;
    transform: rotate(191deg);
    animation: confetti-explosion-200 decimal-round(4.8362575625, 1) s decimal-round(0.3278045667, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-200 {
    100% {
        top: 110%;
        left: 91%;
    }
}

.confetti-201 {
    width: 8px;
    height: 3.2px;
    background-color: #8154e2;
    top: -10%;
    left: 9%;
    opacity: 0.7665853228;
    transform: rotate(105deg);
    animation: confetti-explosion-201 decimal-round(4.868270971, 1) s decimal-round(0.8675874637, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-201 {
    100% {
        top: 110%;
        left: 18%;
    }
}

.confetti-202 {
    width: 2px;
    height: 0.8px;
    background-color: #dd1a8f;
    top: -10%;
    left: 45%;
    opacity: 1.2944367597;
    transform: rotate(19deg);
    animation: confetti-explosion-202 decimal-round(4.7247613064, 1) s decimal-round(0.7770177665, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-202 {
    100% {
        top: 110%;
        left: 57%;
    }
}

.confetti-203 {
    width: 1px;
    height: 0.4px;
    background-color: #ee6f40;
    top: -10%;
    left: 53%;
    opacity: 0.7098128014;
    transform: rotate(320deg);
    animation: confetti-explosion-203 decimal-round(4.4729538781, 1) s decimal-round(0.196783621, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-203 {
    100% {
        top: 110%;
        left: 55%;
    }
}

.confetti-204 {
    width: 2px;
    height: 0.8px;
    background-color: #8154e2;
    top: -10%;
    left: 58%;
    opacity: 0.9395173468;
    transform: rotate(224deg);
    animation: confetti-explosion-204 decimal-round(4.610500985, 1) s decimal-round(0.2251909055, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-204 {
    100% {
        top: 110%;
        left: 70%;
    }
}

.confetti-205 {
    width: 3px;
    height: 1.2px;
    background-color: #3adcc8;
    top: -10%;
    left: 51%;
    opacity: 1.0798565383;
    transform: rotate(73deg);
    animation: confetti-explosion-205 decimal-round(4.0956198868, 1) s decimal-round(0.5119850227, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-205 {
    100% {
        top: 110%;
        left: 64%;
    }
}

.confetti-206 {
    width: 7px;
    height: 2.8px;
    background-color: #8b4513;
    top: -10%;
    left: 99%;
    opacity: 0.7812079431;
    transform: rotate(330deg);
    animation: confetti-explosion-206 decimal-round(4.3069542515, 1) s decimal-round(0.8461882457, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-206 {
    100% {
        top: 110%;
        left: 106%;
    }
}

.confetti-207 {
    width: 6px;
    height: 2.4px;
    background-color: #8154e2;
    top: -10%;
    left: 65%;
    opacity: 1.3276580564;
    transform: rotate(110deg);
    animation: confetti-explosion-207 decimal-round(4.0056174696, 1) s decimal-round(0.5093832979, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-207 {
    100% {
        top: 110%;
        left: 76%;
    }
}

.confetti-208 {
    width: 9px;
    height: 3.6px;
    background-color: #3adcc8;
    top: -10%;
    left: 70%;
    opacity: 1.2761619201;
    transform: rotate(60deg);
    animation: confetti-explosion-208 decimal-round(4.1293041471, 1) s decimal-round(0.3438278824, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-208 {
    100% {
        top: 110%;
        left: 75%;
    }
}

.confetti-209 {
    width: 3px;
    height: 1.2px;
    background-color: #3adcc8;
    top: -10%;
    left: 92%;
    opacity: 1.2778467492;
    transform: rotate(230deg);
    animation: confetti-explosion-209 decimal-round(4.1588395, 1) s decimal-round(0.5705770375, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-209 {
    100% {
        top: 110%;
        left: 102%;
    }
}

.confetti-210 {
    width: 12px;
    height: 4.8px;
    background-color: #ee6f40;
    top: -10%;
    left: 92%;
    opacity: 1.4457797912;
    transform: rotate(306deg);
    animation: confetti-explosion-210 decimal-round(4.5686713134, 1) s decimal-round(0.7140299074, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-210 {
    100% {
        top: 110%;
        left: 99%;
    }
}

.confetti-211 {
    width: 5px;
    height: 2px;
    background-color: #8b4513;
    top: -10%;
    left: 17%;
    opacity: 1.3680530348;
    transform: rotate(256deg);
    animation: confetti-explosion-211 decimal-round(4.5057140491, 1) s decimal-round(0.5863382383, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-211 {
    100% {
        top: 110%;
        left: 32%;
    }
}

.confetti-212 {
    width: 10px;
    height: 4px;
    background-color: #3adcc8;
    top: -10%;
    left: 94%;
    opacity: 1.4552843482;
    transform: rotate(344deg);
    animation: confetti-explosion-212 decimal-round(4.4944453828, 1) s decimal-round(0.6376919941, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-212 {
    100% {
        top: 110%;
        left: 96%;
    }
}

.confetti-213 {
    width: 15px;
    height: 6px;
    background-color: #8154e2;
    top: -10%;
    left: 83%;
    opacity: 1.2979146235;
    transform: rotate(123deg);
    animation: confetti-explosion-213 decimal-round(4.7214474844, 1) s decimal-round(0.2794606278, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-213 {
    100% {
        top: 110%;
        left: 93%;
    }
}

.confetti-214 {
    width: 4px;
    height: 1.6px;
    background-color: #8154e2;
    top: -10%;
    left: 22%;
    opacity: 0.7126051321;
    transform: rotate(336deg);
    animation: confetti-explosion-214 decimal-round(4.1137895314, 1) s decimal-round(0.1032613413, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-214 {
    100% {
        top: 110%;
        left: 36%;
    }
}

.confetti-215 {
    width: 14px;
    height: 5.6px;
    background-color: #3adcc8;
    top: -10%;
    left: 51%;
    opacity: 1.3177480118;
    transform: rotate(113deg);
    animation: confetti-explosion-215 decimal-round(4.4491461458, 1) s decimal-round(0.422874845, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-215 {
    100% {
        top: 110%;
        left: 56%;
    }
}

.confetti-216 {
    width: 6px;
    height: 2.4px;
    background-color: #ee6f40;
    top: -10%;
    left: 42%;
    opacity: 1.1471366529;
    transform: rotate(337deg);
    animation: confetti-explosion-216 decimal-round(4.4603489931, 1) s decimal-round(0.368459078, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-216 {
    100% {
        top: 110%;
        left: 54%;
    }
}

.confetti-217 {
    width: 10px;
    height: 4px;
    background-color: #146ff5;
    top: -10%;
    left: 68%;
    opacity: 1.4856864967;
    transform: rotate(324deg);
    animation: confetti-explosion-217 decimal-round(4.3133387911, 1) s decimal-round(0.7918327436, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-217 {
    100% {
        top: 110%;
        left: 82%;
    }
}

.confetti-218 {
    width: 5px;
    height: 2px;
    background-color: #8b4513;
    top: -10%;
    left: 17%;
    opacity: 1.2732998714;
    transform: rotate(338deg);
    animation: confetti-explosion-218 decimal-round(4.1824483999, 1) s decimal-round(0.7142718324, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-218 {
    100% {
        top: 110%;
        left: 19%;
    }
}

.confetti-219 {
    width: 6px;
    height: 2.4px;
    background-color: #8b4513;
    top: -10%;
    left: 55%;
    opacity: 0.7688771288;
    transform: rotate(41deg);
    animation: confetti-explosion-219 decimal-round(4.684564348, 1) s decimal-round(0.5313420574, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-219 {
    100% {
        top: 110%;
        left: 59%;
    }
}

.confetti-220 {
    width: 11px;
    height: 4.4px;
    background-color: #ee6f40;
    top: -10%;
    left: 50%;
    opacity: 1.2474498413;
    transform: rotate(300deg);
    animation: confetti-explosion-220 decimal-round(4.9403450018, 1) s decimal-round(0.3519565461, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-220 {
    100% {
        top: 110%;
        left: 60%;
    }
}

.confetti-221 {
    width: 9px;
    height: 3.6px;
    background-color: #ee6f40;
    top: -10%;
    left: 100%;
    opacity: 1.3991217074;
    transform: rotate(175deg);
    animation: confetti-explosion-221 decimal-round(4.1906722388, 1) s decimal-round(0.7386112147, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-221 {
    100% {
        top: 110%;
        left: 104%;
    }
}

.confetti-222 {
    width: 1px;
    height: 0.4px;
    background-color: #3adcc8;
    top: -10%;
    left: 32%;
    opacity: 0.914956397;
    transform: rotate(353deg);
    animation: confetti-explosion-222 decimal-round(4.24744495, 1) s decimal-round(0.4186870674, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-222 {
    100% {
        top: 110%;
        left: 33%;
    }
}

.confetti-223 {
    width: 15px;
    height: 6px;
    background-color: #ee6f40;
    top: -10%;
    left: 25%;
    opacity: 0.5999244461;
    transform: rotate(143deg);
    animation: confetti-explosion-223 decimal-round(4.3128740995, 1) s decimal-round(0.9418793638, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-223 {
    100% {
        top: 110%;
        left: 34%;
    }
}

.confetti-224 {
    width: 7px;
    height: 2.8px;
    background-color: #8b4513;
    top: -10%;
    left: 15%;
    opacity: 0.8750746261;
    transform: rotate(64deg);
    animation: confetti-explosion-224 decimal-round(4.4680882964, 1) s decimal-round(0.1120344731, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-224 {
    100% {
        top: 110%;
        left: 23%;
    }
}

.confetti-225 {
    width: 1px;
    height: 0.4px;
    background-color: #3adcc8;
    top: -10%;
    left: 58%;
    opacity: 1.3201366575;
    transform: rotate(22deg);
    animation: confetti-explosion-225 decimal-round(4.2183464659, 1) s decimal-round(0.9357178022, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-225 {
    100% {
        top: 110%;
        left: 70%;
    }
}

.confetti-226 {
    width: 12px;
    height: 4.8px;
    background-color: #dd1a8f;
    top: -10%;
    left: 3%;
    opacity: 1.1403190069;
    transform: rotate(118deg);
    animation: confetti-explosion-226 decimal-round(4.8300835063, 1) s decimal-round(0.3350829865, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-226 {
    100% {
        top: 110%;
        left: 9%;
    }
}

.confetti-227 {
    width: 9px;
    height: 3.6px;
    background-color: #ee6f40;
    top: -10%;
    left: 100%;
    opacity: 1.1939537716;
    transform: rotate(203deg);
    animation: confetti-explosion-227 decimal-round(4.2705586529, 1) s decimal-round(0.1875444626, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-227 {
    100% {
        top: 110%;
        left: 107%;
    }
}

.confetti-228 {
    width: 4px;
    height: 1.6px;
    background-color: #8b4513;
    top: -10%;
    left: 21%;
    opacity: 1.2724646812;
    transform: rotate(207deg);
    animation: confetti-explosion-228 decimal-round(4.6314327674, 1) s decimal-round(0.3945295026, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-228 {
    100% {
        top: 110%;
        left: 31%;
    }
}

.confetti-229 {
    width: 12px;
    height: 4.8px;
    background-color: #dd1a8f;
    top: -10%;
    left: 25%;
    opacity: 0.7575548224;
    transform: rotate(246deg);
    animation: confetti-explosion-229 decimal-round(4.9910788622, 1) s decimal-round(0.7271678342, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-229 {
    100% {
        top: 110%;
        left: 35%;
    }
}

.confetti-230 {
    width: 7px;
    height: 2.8px;
    background-color: #3adcc8;
    top: -10%;
    left: 42%;
    opacity: 1.1976263597;
    transform: rotate(253deg);
    animation: confetti-explosion-230 decimal-round(4.8901364667, 1) s decimal-round(0.190980241, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-230 {
    100% {
        top: 110%;
        left: 44%;
    }
}

.confetti-231 {
    width: 9px;
    height: 3.6px;
    background-color: #146ff5;
    top: -10%;
    left: 27%;
    opacity: 1.4699466793;
    transform: rotate(141deg);
    animation: confetti-explosion-231 decimal-round(4.2967121379, 1) s decimal-round(0.4078672232, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-231 {
    100% {
        top: 110%;
        left: 36%;
    }
}

.confetti-232 {
    width: 11px;
    height: 4.4px;
    background-color: #8b4513;
    top: -10%;
    left: 76%;
    opacity: 0.6859396692;
    transform: rotate(265deg);
    animation: confetti-explosion-232 decimal-round(4.5087288701, 1) s decimal-round(0.9291655812, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-232 {
    100% {
        top: 110%;
        left: 83%;
    }
}

.confetti-233 {
    width: 13px;
    height: 5.2px;
    background-color: #146ff5;
    top: -10%;
    left: 62%;
    opacity: 1.4134594191;
    transform: rotate(6deg);
    animation: confetti-explosion-233 decimal-round(4.947490346, 1) s decimal-round(0.2717507728, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-233 {
    100% {
        top: 110%;
        left: 65%;
    }
}

.confetti-234 {
    width: 12px;
    height: 4.8px;
    background-color: #dd1a8f;
    top: -10%;
    left: 91%;
    opacity: 0.9316780993;
    transform: rotate(147deg);
    animation: confetti-explosion-234 decimal-round(4.7901408434, 1) s decimal-round(0.8774073436, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-234 {
    100% {
        top: 110%;
        left: 99%;
    }
}

.confetti-235 {
    width: 5px;
    height: 2px;
    background-color: #8b4513;
    top: -10%;
    left: 81%;
    opacity: 0.8945347679;
    transform: rotate(32deg);
    animation: confetti-explosion-235 decimal-round(4.9628863955, 1) s decimal-round(0.4001120955, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-235 {
    100% {
        top: 110%;
        left: 89%;
    }
}

.confetti-236 {
    width: 8px;
    height: 3.2px;
    background-color: #ee6f40;
    top: -10%;
    left: 93%;
    opacity: 1.1586456873;
    transform: rotate(290deg);
    animation: confetti-explosion-236 decimal-round(4.8226400819, 1) s decimal-round(0.3331830864, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-236 {
    100% {
        top: 110%;
        left: 103%;
    }
}

.confetti-237 {
    width: 13px;
    height: 5.2px;
    background-color: #dd1a8f;
    top: -10%;
    left: 34%;
    opacity: 0.8726939994;
    transform: rotate(153deg);
    animation: confetti-explosion-237 decimal-round(4.7765674541, 1) s decimal-round(0.5560901333, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-237 {
    100% {
        top: 110%;
        left: 35%;
    }
}

.confetti-238 {
    width: 13px;
    height: 5.2px;
    background-color: #146ff5;
    top: -10%;
    left: 98%;
    opacity: 0.5722372666;
    transform: rotate(71deg);
    animation: confetti-explosion-238 decimal-round(4.2055431702, 1) s decimal-round(0.2691634011, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-238 {
    100% {
        top: 110%;
        left: 111%;
    }
}

.confetti-239 {
    width: 14px;
    height: 5.6px;
    background-color: #8b4513;
    top: -10%;
    left: 68%;
    opacity: 1.4900136629;
    transform: rotate(11deg);
    animation: confetti-explosion-239 decimal-round(4.8243254615, 1) s decimal-round(0.5802693668, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-239 {
    100% {
        top: 110%;
        left: 70%;
    }
}

.confetti-240 {
    width: 15px;
    height: 6px;
    background-color: #3adcc8;
    top: -10%;
    left: 42%;
    opacity: 0.9535585311;
    transform: rotate(251deg);
    animation: confetti-explosion-240 decimal-round(4.6436536772, 1) s decimal-round(0.5751810696, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-240 {
    100% {
        top: 110%;
        left: 57%;
    }
}

.confetti-241 {
    width: 6px;
    height: 2.4px;
    background-color: #8154e2;
    top: -10%;
    left: 6%;
    opacity: 0.9274350575;
    transform: rotate(228deg);
    animation: confetti-explosion-241 decimal-round(4.7587070531, 1) s decimal-round(0.5943250635, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-241 {
    100% {
        top: 110%;
        left: 13%;
    }
}

.confetti-242 {
    width: 7px;
    height: 2.8px;
    background-color: #146ff5;
    top: -10%;
    left: 15%;
    opacity: 0.8479498465;
    transform: rotate(97deg);
    animation: confetti-explosion-242 decimal-round(4.8769090165, 1) s decimal-round(0.174893085, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-242 {
    100% {
        top: 110%;
        left: 24%;
    }
}

.confetti-243 {
    width: 12px;
    height: 4.8px;
    background-color: #3adcc8;
    top: -10%;
    left: 68%;
    opacity: 0.6539777825;
    transform: rotate(141deg);
    animation: confetti-explosion-243 decimal-round(4.432087441, 1) s decimal-round(0.900377979, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-243 {
    100% {
        top: 110%;
        left: 69%;
    }
}

.confetti-244 {
    width: 8px;
    height: 3.2px;
    background-color: #dd1a8f;
    top: -10%;
    left: 25%;
    opacity: 0.6524584515;
    transform: rotate(267deg);
    animation: confetti-explosion-244 decimal-round(4.8735624877, 1) s decimal-round(0.4714539174, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-244 {
    100% {
        top: 110%;
        left: 26%;
    }
}

.confetti-245 {
    width: 3px;
    height: 1.2px;
    background-color: #8b4513;
    top: -10%;
    left: 93%;
    opacity: 1.3057699338;
    transform: rotate(300deg);
    animation: confetti-explosion-245 decimal-round(4.2834487352, 1) s decimal-round(0.0106874253, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-245 {
    100% {
        top: 110%;
        left: 95%;
    }
}

.confetti-246 {
    width: 1px;
    height: 0.4px;
    background-color: #dd1a8f;
    top: -10%;
    left: 90%;
    opacity: 1.1116098647;
    transform: rotate(188deg);
    animation: confetti-explosion-246 decimal-round(4.482551978, 1) s decimal-round(0.2214227645, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-246 {
    100% {
        top: 110%;
        left: 98%;
    }
}

.confetti-247 {
    width: 7px;
    height: 2.8px;
    background-color: #ee6f40;
    top: -10%;
    left: 46%;
    opacity: 1.1115571573;
    transform: rotate(49deg);
    animation: confetti-explosion-247 decimal-round(4.0396436101, 1) s decimal-round(0.003739018, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-247 {
    100% {
        top: 110%;
        left: 54%;
    }
}

.confetti-248 {
    width: 6px;
    height: 2.4px;
    background-color: #3adcc8;
    top: -10%;
    left: 21%;
    opacity: 1.4544056591;
    transform: rotate(348deg);
    animation: confetti-explosion-248 decimal-round(4.7830538504, 1) s decimal-round(0.5849921306, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-248 {
    100% {
        top: 110%;
        left: 22%;
    }
}

.confetti-249 {
    width: 1px;
    height: 0.4px;
    background-color: #8154e2;
    top: -10%;
    left: 75%;
    opacity: 1.1729305422;
    transform: rotate(212deg);
    animation: confetti-explosion-249 decimal-round(4.9150012512, 1) s decimal-round(0.2652417717, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-249 {
    100% {
        top: 110%;
        left: 78%;
    }
}

.confetti-250 {
    width: 8px;
    height: 3.2px;
    background-color: #8154e2;
    top: -10%;
    left: 63%;
    opacity: 0.5226595257;
    transform: rotate(22deg);
    animation: confetti-explosion-250 decimal-round(4.2668571839, 1) s decimal-round(0.9109693329, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-250 {
    100% {
        top: 110%;
        left: 75%;
    }
}

.confetti-251 {
    width: 13px;
    height: 5.2px;
    background-color: #8154e2;
    top: -10%;
    left: 65%;
    opacity: 0.9596216391;
    transform: rotate(164deg);
    animation: confetti-explosion-251 decimal-round(4.0950807451, 1) s decimal-round(0.3450174576, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-251 {
    100% {
        top: 110%;
        left: 80%;
    }
}

.confetti-252 {
    width: 2px;
    height: 0.8px;
    background-color: #146ff5;
    top: -10%;
    left: 60%;
    opacity: 0.5856694921;
    transform: rotate(351deg);
    animation: confetti-explosion-252 decimal-round(4.1337688933, 1) s decimal-round(0.7403487445, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-252 {
    100% {
        top: 110%;
        left: 74%;
    }
}

.confetti-253 {
    width: 14px;
    height: 5.6px;
    background-color: #8154e2;
    top: -10%;
    left: 89%;
    opacity: 0.5751766507;
    transform: rotate(258deg);
    animation: confetti-explosion-253 decimal-round(4.4802768075, 1) s decimal-round(0.2060196368, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-253 {
    100% {
        top: 110%;
        left: 93%;
    }
}

.confetti-254 {
    width: 11px;
    height: 4.4px;
    background-color: #ee6f40;
    top: -10%;
    left: 51%;
    opacity: 0.9180115916;
    transform: rotate(319deg);
    animation: confetti-explosion-254 decimal-round(4.3051066137, 1) s decimal-round(0.2465738747, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-254 {
    100% {
        top: 110%;
        left: 62%;
    }
}

.confetti-255 {
    width: 2px;
    height: 0.8px;
    background-color: #ee6f40;
    top: -10%;
    left: 93%;
    opacity: 0.5447089547;
    transform: rotate(262deg);
    animation: confetti-explosion-255 decimal-round(4.1060180262, 1) s decimal-round(0.4725026908, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-255 {
    100% {
        top: 110%;
        left: 106%;
    }
}

.confetti-256 {
    width: 6px;
    height: 2.4px;
    background-color: #ee6f40;
    top: -10%;
    left: 62%;
    opacity: 0.5066063918;
    transform: rotate(92deg);
    animation: confetti-explosion-256 decimal-round(4.7449195376, 1) s decimal-round(0.7163629872, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-256 {
    100% {
        top: 110%;
        left: 67%;
    }
}

.confetti-257 {
    width: 1px;
    height: 0.4px;
    background-color: #ee6f40;
    top: -10%;
    left: 75%;
    opacity: 1.3211083668;
    transform: rotate(232deg);
    animation: confetti-explosion-257 decimal-round(4.4144654406, 1) s decimal-round(0.4915479066, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-257 {
    100% {
        top: 110%;
        left: 78%;
    }
}

.confetti-258 {
    width: 8px;
    height: 3.2px;
    background-color: #8154e2;
    top: -10%;
    left: 70%;
    opacity: 1.358036355;
    transform: rotate(230deg);
    animation: confetti-explosion-258 decimal-round(4.1599572078, 1) s decimal-round(0.8779863619, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-258 {
    100% {
        top: 110%;
        left: 72%;
    }
}

.confetti-259 {
    width: 14px;
    height: 5.6px;
    background-color: #8b4513;
    top: -10%;
    left: 26%;
    opacity: 1.4124438492;
    transform: rotate(114deg);
    animation: confetti-explosion-259 decimal-round(4.5796747418, 1) s decimal-round(0.4652258994, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-259 {
    100% {
        top: 110%;
        left: 40%;
    }
}

.confetti-260 {
    width: 13px;
    height: 5.2px;
    background-color: #dd1a8f;
    top: -10%;
    left: 100%;
    opacity: 1.1613004453;
    transform: rotate(92deg);
    animation: confetti-explosion-260 decimal-round(4.9684962176, 1) s decimal-round(0.5391170071, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-260 {
    100% {
        top: 110%;
        left: 109%;
    }
}

.confetti-261 {
    width: 10px;
    height: 4px;
    background-color: #146ff5;
    top: -10%;
    left: 68%;
    opacity: 0.7222524807;
    transform: rotate(360deg);
    animation: confetti-explosion-261 decimal-round(4.333185264, 1) s decimal-round(0.8221610154, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-261 {
    100% {
        top: 110%;
        left: 72%;
    }
}

.confetti-262 {
    width: 13px;
    height: 5.2px;
    background-color: #8154e2;
    top: -10%;
    left: 37%;
    opacity: 1.4794524035;
    transform: rotate(283deg);
    animation: confetti-explosion-262 decimal-round(4.7217444829, 1) s decimal-round(0.5299037657, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-262 {
    100% {
        top: 110%;
        left: 45%;
    }
}

.confetti-263 {
    width: 8px;
    height: 3.2px;
    background-color: #3adcc8;
    top: -10%;
    left: 74%;
    opacity: 1.4459748855;
    transform: rotate(97deg);
    animation: confetti-explosion-263 decimal-round(4.7849401825, 1) s decimal-round(0.6851027179, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-263 {
    100% {
        top: 110%;
        left: 80%;
    }
}

.confetti-264 {
    width: 12px;
    height: 4.8px;
    background-color: #146ff5;
    top: -10%;
    left: 31%;
    opacity: 0.9623156289;
    transform: rotate(65deg);
    animation: confetti-explosion-264 decimal-round(4.81855685, 1) s decimal-round(0.8575443214, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-264 {
    100% {
        top: 110%;
        left: 32%;
    }
}

.confetti-265 {
    width: 5px;
    height: 2px;
    background-color: #dd1a8f;
    top: -10%;
    left: 24%;
    opacity: 1.387623821;
    transform: rotate(133deg);
    animation: confetti-explosion-265 decimal-round(4.0420568828, 1) s decimal-round(0.0044968306, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-265 {
    100% {
        top: 110%;
        left: 33%;
    }
}

.confetti-266 {
    width: 3px;
    height: 1.2px;
    background-color: #8b4513;
    top: -10%;
    left: 82%;
    opacity: 0.7244544748;
    transform: rotate(35deg);
    animation: confetti-explosion-266 decimal-round(4.8438464371, 1) s decimal-round(0.5623467339, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-266 {
    100% {
        top: 110%;
        left: 90%;
    }
}

.confetti-267 {
    width: 10px;
    height: 4px;
    background-color: #146ff5;
    top: -10%;
    left: 11%;
    opacity: 0.8351560972;
    transform: rotate(154deg);
    animation: confetti-explosion-267 decimal-round(4.0215009735, 1) s decimal-round(0.4417955996, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-267 {
    100% {
        top: 110%;
        left: 23%;
    }
}

.confetti-268 {
    width: 13px;
    height: 5.2px;
    background-color: #146ff5;
    top: -10%;
    left: 95%;
    opacity: 1.1464405387;
    transform: rotate(251deg);
    animation: confetti-explosion-268 decimal-round(4.2721811911, 1) s decimal-round(0.7864098834, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-268 {
    100% {
        top: 110%;
        left: 109%;
    }
}

.confetti-269 {
    width: 14px;
    height: 5.6px;
    background-color: #ee6f40;
    top: -10%;
    left: 44%;
    opacity: 1.2919724169;
    transform: rotate(101deg);
    animation: confetti-explosion-269 decimal-round(4.2857310493, 1) s decimal-round(0.6797759089, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-269 {
    100% {
        top: 110%;
        left: 51%;
    }
}

.confetti-270 {
    width: 7px;
    height: 2.8px;
    background-color: #ee6f40;
    top: -10%;
    left: 24%;
    opacity: 1.0101569286;
    transform: rotate(221deg);
    animation: confetti-explosion-270 decimal-round(4.1139891165, 1) s decimal-round(0.5475461546, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-270 {
    100% {
        top: 110%;
        left: 29%;
    }
}

.confetti-271 {
    width: 9px;
    height: 3.6px;
    background-color: #8b4513;
    top: -10%;
    left: 33%;
    opacity: 1.3883461898;
    transform: rotate(208deg);
    animation: confetti-explosion-271 decimal-round(4.2104479466, 1) s decimal-round(0.8220043724, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-271 {
    100% {
        top: 110%;
        left: 46%;
    }
}

.confetti-272 {
    width: 6px;
    height: 2.4px;
    background-color: #ee6f40;
    top: -10%;
    left: 82%;
    opacity: 0.6288387817;
    transform: rotate(198deg);
    animation: confetti-explosion-272 decimal-round(4.1599555631, 1) s decimal-round(0.0280295182, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-272 {
    100% {
        top: 110%;
        left: 91%;
    }
}

.confetti-273 {
    width: 15px;
    height: 6px;
    background-color: #8b4513;
    top: -10%;
    left: 72%;
    opacity: 1.2685445155;
    transform: rotate(47deg);
    animation: confetti-explosion-273 decimal-round(4.5912210283, 1) s decimal-round(0.3732200756, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-273 {
    100% {
        top: 110%;
        left: 78%;
    }
}

.confetti-274 {
    width: 15px;
    height: 6px;
    background-color: #3adcc8;
    top: -10%;
    left: 20%;
    opacity: 1.3910149233;
    transform: rotate(59deg);
    animation: confetti-explosion-274 decimal-round(4.8140045544, 1) s decimal-round(0.5578992922, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-274 {
    100% {
        top: 110%;
        left: 29%;
    }
}

.confetti-275 {
    width: 4px;
    height: 1.6px;
    background-color: #ee6f40;
    top: -10%;
    left: 79%;
    opacity: 1.2120639506;
    transform: rotate(271deg);
    animation: confetti-explosion-275 decimal-round(4.1966344436, 1) s decimal-round(0.7414918317, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-275 {
    100% {
        top: 110%;
        left: 83%;
    }
}

.confetti-276 {
    width: 7px;
    height: 2.8px;
    background-color: #dd1a8f;
    top: -10%;
    left: 4%;
    opacity: 0.6543206762;
    transform: rotate(152deg);
    animation: confetti-explosion-276 decimal-round(4.5672428446, 1) s decimal-round(0.1727506923, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-276 {
    100% {
        top: 110%;
        left: 15%;
    }
}

.confetti-277 {
    width: 7px;
    height: 2.8px;
    background-color: #8b4513;
    top: -10%;
    left: 63%;
    opacity: 0.596507134;
    transform: rotate(318deg);
    animation: confetti-explosion-277 decimal-round(4.7299231607, 1) s decimal-round(0.1618643339, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-277 {
    100% {
        top: 110%;
        left: 66%;
    }
}

.confetti-278 {
    width: 6px;
    height: 2.4px;
    background-color: #ee6f40;
    top: -10%;
    left: 82%;
    opacity: 0.8574923493;
    transform: rotate(253deg);
    animation: confetti-explosion-278 decimal-round(4.0555759552, 1) s decimal-round(0.3111200271, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-278 {
    100% {
        top: 110%;
        left: 90%;
    }
}

.confetti-279 {
    width: 6px;
    height: 2.4px;
    background-color: #3adcc8;
    top: -10%;
    left: 81%;
    opacity: 1.2765348767;
    transform: rotate(262deg);
    animation: confetti-explosion-279 decimal-round(4.2519185826, 1) s decimal-round(0.4710134877, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-279 {
    100% {
        top: 110%;
        left: 87%;
    }
}

.confetti-280 {
    width: 7px;
    height: 2.8px;
    background-color: #dd1a8f;
    top: -10%;
    left: 34%;
    opacity: 0.783770062;
    transform: rotate(192deg);
    animation: confetti-explosion-280 decimal-round(4.8129876931, 1) s decimal-round(0.1079073268, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-280 {
    100% {
        top: 110%;
        left: 40%;
    }
}

.confetti-281 {
    width: 3px;
    height: 1.2px;
    background-color: #146ff5;
    top: -10%;
    left: 34%;
    opacity: 1.1010268888;
    transform: rotate(282deg);
    animation: confetti-explosion-281 decimal-round(4.9233754565, 1) s decimal-round(0.0103680076, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-281 {
    100% {
        top: 110%;
        left: 45%;
    }
}

.confetti-282 {
    width: 9px;
    height: 3.6px;
    background-color: #8b4513;
    top: -10%;
    left: 74%;
    opacity: 1.3607731422;
    transform: rotate(335deg);
    animation: confetti-explosion-282 decimal-round(4.229039555, 1) s decimal-round(0.8927340749, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-282 {
    100% {
        top: 110%;
        left: 82%;
    }
}

.confetti-283 {
    width: 5px;
    height: 2px;
    background-color: #8b4513;
    top: -10%;
    left: 95%;
    opacity: 1.412721501;
    transform: rotate(62deg);
    animation: confetti-explosion-283 decimal-round(4.0228346321, 1) s decimal-round(0.0959959282, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-283 {
    100% {
        top: 110%;
        left: 105%;
    }
}

.confetti-284 {
    width: 15px;
    height: 6px;
    background-color: #8154e2;
    top: -10%;
    left: 43%;
    opacity: 1.4215765455;
    transform: rotate(165deg);
    animation: confetti-explosion-284 decimal-round(4.4784027215, 1) s decimal-round(0.9061998024, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-284 {
    100% {
        top: 110%;
        left: 49%;
    }
}

.confetti-285 {
    width: 3px;
    height: 1.2px;
    background-color: #8154e2;
    top: -10%;
    left: 24%;
    opacity: 0.637047489;
    transform: rotate(147deg);
    animation: confetti-explosion-285 decimal-round(4.0702740376, 1) s decimal-round(0.6015380473, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-285 {
    100% {
        top: 110%;
        left: 37%;
    }
}

.confetti-286 {
    width: 10px;
    height: 4px;
    background-color: #ee6f40;
    top: -10%;
    left: 89%;
    opacity: 0.7123573871;
    transform: rotate(126deg);
    animation: confetti-explosion-286 decimal-round(4.2057109299, 1) s decimal-round(0.1213793099, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-286 {
    100% {
        top: 110%;
        left: 98%;
    }
}

.confetti-287 {
    width: 1px;
    height: 0.4px;
    background-color: #8154e2;
    top: -10%;
    left: 5%;
    opacity: 1.4753277041;
    transform: rotate(256deg);
    animation: confetti-explosion-287 decimal-round(4.5288413517, 1) s decimal-round(0.9768053035, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-287 {
    100% {
        top: 110%;
        left: 8%;
    }
}

.confetti-288 {
    width: 12px;
    height: 4.8px;
    background-color: #8b4513;
    top: -10%;
    left: 58%;
    opacity: 0.6668737063;
    transform: rotate(22deg);
    animation: confetti-explosion-288 decimal-round(4.5550448499, 1) s decimal-round(0.3577548089, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-288 {
    100% {
        top: 110%;
        left: 64%;
    }
}

.confetti-289 {
    width: 1px;
    height: 0.4px;
    background-color: #dd1a8f;
    top: -10%;
    left: 18%;
    opacity: 1.3430590959;
    transform: rotate(321deg);
    animation: confetti-explosion-289 decimal-round(4.7702729634, 1) s decimal-round(0.9939273414, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-289 {
    100% {
        top: 110%;
        left: 23%;
    }
}

.confetti-290 {
    width: 9px;
    height: 3.6px;
    background-color: #dd1a8f;
    top: -10%;
    left: 17%;
    opacity: 0.8564514612;
    transform: rotate(72deg);
    animation: confetti-explosion-290 decimal-round(4.4995322337, 1) s decimal-round(0.2236823391, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-290 {
    100% {
        top: 110%;
        left: 23%;
    }
}

.confetti-291 {
    width: 11px;
    height: 4.4px;
    background-color: #146ff5;
    top: -10%;
    left: 38%;
    opacity: 1.1083639372;
    transform: rotate(171deg);
    animation: confetti-explosion-291 decimal-round(4.0060808525, 1) s decimal-round(0.8680386128, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-291 {
    100% {
        top: 110%;
        left: 45%;
    }
}

.confetti-292 {
    width: 8px;
    height: 3.2px;
    background-color: #146ff5;
    top: -10%;
    left: 36%;
    opacity: 0.7696440996;
    transform: rotate(167deg);
    animation: confetti-explosion-292 decimal-round(4.6538208222, 1) s decimal-round(0.7415305882, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-292 {
    100% {
        top: 110%;
        left: 51%;
    }
}

.confetti-293 {
    width: 3px;
    height: 1.2px;
    background-color: #8154e2;
    top: -10%;
    left: 39%;
    opacity: 1.1477293793;
    transform: rotate(352deg);
    animation: confetti-explosion-293 decimal-round(4.2475454077, 1) s decimal-round(0.345258429, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-293 {
    100% {
        top: 110%;
        left: 50%;
    }
}

.confetti-294 {
    width: 4px;
    height: 1.6px;
    background-color: #3adcc8;
    top: -10%;
    left: 61%;
    opacity: 0.5129396271;
    transform: rotate(60deg);
    animation: confetti-explosion-294 decimal-round(4.0233745784, 1) s decimal-round(0.6474333452, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-294 {
    100% {
        top: 110%;
        left: 66%;
    }
}

.confetti-295 {
    width: 10px;
    height: 4px;
    background-color: #8154e2;
    top: -10%;
    left: 94%;
    opacity: 1.2041426684;
    transform: rotate(131deg);
    animation: confetti-explosion-295 decimal-round(4.4512564665, 1) s decimal-round(0.0040334685, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-295 {
    100% {
        top: 110%;
        left: 109%;
    }
}

.confetti-296 {
    width: 4px;
    height: 1.6px;
    background-color: #ee6f40;
    top: -10%;
    left: 75%;
    opacity: 0.8535388956;
    transform: rotate(269deg);
    animation: confetti-explosion-296 decimal-round(4.1215904926, 1) s decimal-round(0.1478499797, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-296 {
    100% {
        top: 110%;
        left: 90%;
    }
}

.confetti-297 {
    width: 15px;
    height: 6px;
    background-color: #ee6f40;
    top: -10%;
    left: 54%;
    opacity: 0.6855339288;
    transform: rotate(261deg);
    animation: confetti-explosion-297 decimal-round(4.6435754536, 1) s decimal-round(0.1084030896, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-297 {
    100% {
        top: 110%;
        left: 58%;
    }
}

.confetti-298 {
    width: 4px;
    height: 1.6px;
    background-color: #ee6f40;
    top: -10%;
    left: 4%;
    opacity: 1.0731089283;
    transform: rotate(162deg);
    animation: confetti-explosion-298 decimal-round(4.5348023663, 1) s decimal-round(0.5891670495, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-298 {
    100% {
        top: 110%;
        left: 9%;
    }
}

.confetti-299 {
    width: 11px;
    height: 4.4px;
    background-color: #146ff5;
    top: -10%;
    left: 35%;
    opacity: 1.0090030765;
    transform: rotate(298deg);
    animation: confetti-explosion-299 decimal-round(4.1862947338, 1) s decimal-round(0.1211392748, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-299 {
    100% {
        top: 110%;
        left: 46%;
    }
}

.confetti-300 {
    width: 3px;
    height: 1.2px;
    background-color: #ee6f40;
    top: -10%;
    left: 55%;
    opacity: 1.3392563238;
    transform: rotate(149deg);
    animation: confetti-explosion-300 decimal-round(4.7132311995, 1) s decimal-round(0.3967107791, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-300 {
    100% {
        top: 110%;
        left: 66%;
    }
}

.confetti-301 {
    width: 7px;
    height: 2.8px;
    background-color: #8154e2;
    top: -10%;
    left: 53%;
    opacity: 1.4578491038;
    transform: rotate(87deg);
    animation: confetti-explosion-301 decimal-round(4.5102457154, 1) s decimal-round(0.7819167931, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-301 {
    100% {
        top: 110%;
        left: 60%;
    }
}

.confetti-302 {
    width: 2px;
    height: 0.8px;
    background-color: #dd1a8f;
    top: -10%;
    left: 14%;
    opacity: 0.60153955;
    transform: rotate(284deg);
    animation: confetti-explosion-302 decimal-round(4.4519879387, 1) s decimal-round(0.8176231884, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-302 {
    100% {
        top: 110%;
        left: 25%;
    }
}

.confetti-303 {
    width: 13px;
    height: 5.2px;
    background-color: #8154e2;
    top: -10%;
    left: 96%;
    opacity: 0.6515600846;
    transform: rotate(345deg);
    animation: confetti-explosion-303 decimal-round(4.7997422365, 1) s decimal-round(0.2314324391, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-303 {
    100% {
        top: 110%;
        left: 98%;
    }
}

.confetti-304 {
    width: 2px;
    height: 0.8px;
    background-color: #146ff5;
    top: -10%;
    left: 62%;
    opacity: 1.3456274284;
    transform: rotate(303deg);
    animation: confetti-explosion-304 decimal-round(4.0917341822, 1) s decimal-round(0.5071806021, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-304 {
    100% {
        top: 110%;
        left: 68%;
    }
}

.confetti-305 {
    width: 1px;
    height: 0.4px;
    background-color: #ee6f40;
    top: -10%;
    left: 47%;
    opacity: 1.3883126663;
    transform: rotate(292deg);
    animation: confetti-explosion-305 decimal-round(4.7248429757, 1) s decimal-round(0.2518481271, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-305 {
    100% {
        top: 110%;
        left: 60%;
    }
}

.confetti-306 {
    width: 15px;
    height: 6px;
    background-color: #3adcc8;
    top: -10%;
    left: 49%;
    opacity: 0.7833370289;
    transform: rotate(268deg);
    animation: confetti-explosion-306 decimal-round(4.8969510873, 1) s decimal-round(0.8012368183, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-306 {
    100% {
        top: 110%;
        left: 55%;
    }
}

.confetti-307 {
    width: 7px;
    height: 2.8px;
    background-color: #146ff5;
    top: -10%;
    left: 51%;
    opacity: 0.5656300076;
    transform: rotate(42deg);
    animation: confetti-explosion-307 decimal-round(4.8900258461, 1) s decimal-round(0.7193302244, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-307 {
    100% {
        top: 110%;
        left: 52%;
    }
}

.confetti-308 {
    width: 9px;
    height: 3.6px;
    background-color: #146ff5;
    top: -10%;
    left: 74%;
    opacity: 0.6835168428;
    transform: rotate(318deg);
    animation: confetti-explosion-308 decimal-round(4.4279892004, 1) s decimal-round(0.0976800428, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-308 {
    100% {
        top: 110%;
        left: 88%;
    }
}

.confetti-309 {
    width: 6px;
    height: 2.4px;
    background-color: #3adcc8;
    top: -10%;
    left: 90%;
    opacity: 1.3267742089;
    transform: rotate(9deg);
    animation: confetti-explosion-309 decimal-round(4.8210319301, 1) s decimal-round(0.2686203211, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-309 {
    100% {
        top: 110%;
        left: 97%;
    }
}

.confetti-310 {
    width: 3px;
    height: 1.2px;
    background-color: #dd1a8f;
    top: -10%;
    left: 87%;
    opacity: 0.6209676648;
    transform: rotate(348deg);
    animation: confetti-explosion-310 decimal-round(4.704701109, 1) s decimal-round(0.7807157661, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-310 {
    100% {
        top: 110%;
        left: 101%;
    }
}

.confetti-311 {
    width: 1px;
    height: 0.4px;
    background-color: #dd1a8f;
    top: -10%;
    left: 64%;
    opacity: 1.4444791476;
    transform: rotate(298deg);
    animation: confetti-explosion-311 decimal-round(4.5168554368, 1) s decimal-round(0.5090675155, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-311 {
    100% {
        top: 110%;
        left: 70%;
    }
}

.confetti-312 {
    width: 9px;
    height: 3.6px;
    background-color: #3adcc8;
    top: -10%;
    left: 63%;
    opacity: 0.9853443134;
    transform: rotate(156deg);
    animation: confetti-explosion-312 decimal-round(4.2823859876, 1) s decimal-round(0.1232470541, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-312 {
    100% {
        top: 110%;
        left: 69%;
    }
}

.confetti-313 {
    width: 12px;
    height: 4.8px;
    background-color: #ee6f40;
    top: -10%;
    left: 5%;
    opacity: 1.403577161;
    transform: rotate(77deg);
    animation: confetti-explosion-313 decimal-round(4.6692866657, 1) s decimal-round(0.8881146305, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-313 {
    100% {
        top: 110%;
        left: 6%;
    }
}

.confetti-314 {
    width: 4px;
    height: 1.6px;
    background-color: #146ff5;
    top: -10%;
    left: 72%;
    opacity: 0.6255224279;
    transform: rotate(131deg);
    animation: confetti-explosion-314 decimal-round(4.486240626, 1) s decimal-round(0.2069093089, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-314 {
    100% {
        top: 110%;
        left: 86%;
    }
}

.confetti-315 {
    width: 15px;
    height: 6px;
    background-color: #3adcc8;
    top: -10%;
    left: 69%;
    opacity: 0.9155945419;
    transform: rotate(50deg);
    animation: confetti-explosion-315 decimal-round(4.8664450143, 1) s decimal-round(0.2290786229, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-315 {
    100% {
        top: 110%;
        left: 74%;
    }
}

.confetti-316 {
    width: 5px;
    height: 2px;
    background-color: #3adcc8;
    top: -10%;
    left: 44%;
    opacity: 0.7701942935;
    transform: rotate(2deg);
    animation: confetti-explosion-316 decimal-round(4.3660863751, 1) s decimal-round(0.4252676003, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-316 {
    100% {
        top: 110%;
        left: 53%;
    }
}

.confetti-317 {
    width: 1px;
    height: 0.4px;
    background-color: #dd1a8f;
    top: -10%;
    left: 29%;
    opacity: 1.0589428027;
    transform: rotate(104deg);
    animation: confetti-explosion-317 decimal-round(4.7980982113, 1) s decimal-round(0.8436029343, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-317 {
    100% {
        top: 110%;
        left: 34%;
    }
}

.confetti-318 {
    width: 4px;
    height: 1.6px;
    background-color: #ee6f40;
    top: -10%;
    left: 86%;
    opacity: 1.4318833595;
    transform: rotate(29deg);
    animation: confetti-explosion-318 decimal-round(4.0888799336, 1) s decimal-round(0.6094563745, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-318 {
    100% {
        top: 110%;
        left: 101%;
    }
}

.confetti-319 {
    width: 11px;
    height: 4.4px;
    background-color: #8b4513;
    top: -10%;
    left: 9%;
    opacity: 0.5690313903;
    transform: rotate(95deg);
    animation: confetti-explosion-319 decimal-round(4.8690529525, 1) s decimal-round(0.601802114, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-319 {
    100% {
        top: 110%;
        left: 14%;
    }
}

.confetti-320 {
    width: 13px;
    height: 5.2px;
    background-color: #8b4513;
    top: -10%;
    left: 22%;
    opacity: 1.0266277163;
    transform: rotate(139deg);
    animation: confetti-explosion-320 decimal-round(4.4834013727, 1) s decimal-round(0.9561450395, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-320 {
    100% {
        top: 110%;
        left: 34%;
    }
}

.confetti-321 {
    width: 14px;
    height: 5.6px;
    background-color: #8b4513;
    top: -10%;
    left: 58%;
    opacity: 1.3530333893;
    transform: rotate(209deg);
    animation: confetti-explosion-321 decimal-round(4.2610361636, 1) s decimal-round(0.3260307935, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-321 {
    100% {
        top: 110%;
        left: 59%;
    }
}

.confetti-322 {
    width: 15px;
    height: 6px;
    background-color: #ee6f40;
    top: -10%;
    left: 82%;
    opacity: 0.9594153721;
    transform: rotate(144deg);
    animation: confetti-explosion-322 decimal-round(4.7906548798, 1) s decimal-round(0.9874015231, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-322 {
    100% {
        top: 110%;
        left: 91%;
    }
}

.confetti-323 {
    width: 5px;
    height: 2px;
    background-color: #3adcc8;
    top: -10%;
    left: 13%;
    opacity: 0.7991799345;
    transform: rotate(78deg);
    animation: confetti-explosion-323 decimal-round(4.5654683014, 1) s decimal-round(0.6566519804, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-323 {
    100% {
        top: 110%;
        left: 28%;
    }
}

.confetti-324 {
    width: 14px;
    height: 5.6px;
    background-color: #8154e2;
    top: -10%;
    left: 49%;
    opacity: 1.1063063412;
    transform: rotate(33deg);
    animation: confetti-explosion-324 decimal-round(4.197196692, 1) s decimal-round(0.9172247417, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-324 {
    100% {
        top: 110%;
        left: 61%;
    }
}

.confetti-325 {
    width: 11px;
    height: 4.4px;
    background-color: #ee6f40;
    top: -10%;
    left: 65%;
    opacity: 1.0079028982;
    transform: rotate(71deg);
    animation: confetti-explosion-325 decimal-round(4.6330845441, 1) s decimal-round(0.5171146487, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-325 {
    100% {
        top: 110%;
        left: 75%;
    }
}

.confetti-326 {
    width: 15px;
    height: 6px;
    background-color: #ee6f40;
    top: -10%;
    left: 42%;
    opacity: 1.087438742;
    transform: rotate(153deg);
    animation: confetti-explosion-326 decimal-round(4.2353193494, 1) s decimal-round(0.5349652583, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-326 {
    100% {
        top: 110%;
        left: 44%;
    }
}

.confetti-327 {
    width: 4px;
    height: 1.6px;
    background-color: #146ff5;
    top: -10%;
    left: 33%;
    opacity: 1.3442481634;
    transform: rotate(30deg);
    animation: confetti-explosion-327 decimal-round(4.4532407191, 1) s decimal-round(0.7014745266, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-327 {
    100% {
        top: 110%;
        left: 35%;
    }
}

.confetti-328 {
    width: 4px;
    height: 1.6px;
    background-color: #dd1a8f;
    top: -10%;
    left: 60%;
    opacity: 1.2705204556;
    transform: rotate(158deg);
    animation: confetti-explosion-328 decimal-round(4.8507154524, 1) s decimal-round(0.7564373574, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-328 {
    100% {
        top: 110%;
        left: 62%;
    }
}

.confetti-329 {
    width: 4px;
    height: 1.6px;
    background-color: #ee6f40;
    top: -10%;
    left: 38%;
    opacity: 0.5221995946;
    transform: rotate(179deg);
    animation: confetti-explosion-329 decimal-round(4.9961654565, 1) s decimal-round(0.2651793861, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-329 {
    100% {
        top: 110%;
        left: 42%;
    }
}

.confetti-330 {
    width: 8px;
    height: 3.2px;
    background-color: #8154e2;
    top: -10%;
    left: 44%;
    opacity: 0.931941712;
    transform: rotate(128deg);
    animation: confetti-explosion-330 decimal-round(4.7748607335, 1) s decimal-round(0.5726125309, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-330 {
    100% {
        top: 110%;
        left: 47%;
    }
}

.confetti-331 {
    width: 12px;
    height: 4.8px;
    background-color: #8b4513;
    top: -10%;
    left: 55%;
    opacity: 0.8445316802;
    transform: rotate(76deg);
    animation: confetti-explosion-331 decimal-round(4.4218981273, 1) s decimal-round(0.1760943479, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-331 {
    100% {
        top: 110%;
        left: 59%;
    }
}

.confetti-332 {
    width: 3px;
    height: 1.2px;
    background-color: #dd1a8f;
    top: -10%;
    left: 12%;
    opacity: 0.6895255535;
    transform: rotate(355deg);
    animation: confetti-explosion-332 decimal-round(4.7226350848, 1) s decimal-round(0.4483669057, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-332 {
    100% {
        top: 110%;
        left: 24%;
    }
}

.confetti-333 {
    width: 2px;
    height: 0.8px;
    background-color: #3adcc8;
    top: -10%;
    left: 89%;
    opacity: 0.7827116633;
    transform: rotate(136deg);
    animation: confetti-explosion-333 decimal-round(4.7851675606, 1) s decimal-round(0.4208441687, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-333 {
    100% {
        top: 110%;
        left: 104%;
    }
}

.confetti-334 {
    width: 12px;
    height: 4.8px;
    background-color: #dd1a8f;
    top: -10%;
    left: 89%;
    opacity: 1.4157137601;
    transform: rotate(165deg);
    animation: confetti-explosion-334 decimal-round(4.8601341558, 1) s decimal-round(0.2818171833, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-334 {
    100% {
        top: 110%;
        left: 98%;
    }
}

.confetti-335 {
    width: 7px;
    height: 2.8px;
    background-color: #8b4513;
    top: -10%;
    left: 81%;
    opacity: 0.8177095891;
    transform: rotate(266deg);
    animation: confetti-explosion-335 decimal-round(4.7961544234, 1) s decimal-round(0.0106133765, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-335 {
    100% {
        top: 110%;
        left: 92%;
    }
}

.confetti-336 {
    width: 14px;
    height: 5.6px;
    background-color: #3adcc8;
    top: -10%;
    left: 80%;
    opacity: 1.1239813346;
    transform: rotate(225deg);
    animation: confetti-explosion-336 decimal-round(4.4389336632, 1) s decimal-round(0.5633352398, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-336 {
    100% {
        top: 110%;
        left: 95%;
    }
}

.confetti-337 {
    width: 11px;
    height: 4.4px;
    background-color: #8154e2;
    top: -10%;
    left: 97%;
    opacity: 0.6723410213;
    transform: rotate(286deg);
    animation: confetti-explosion-337 decimal-round(4.560143281, 1) s decimal-round(0.1868937517, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-337 {
    100% {
        top: 110%;
        left: 101%;
    }
}

.confetti-338 {
    width: 9px;
    height: 3.6px;
    background-color: #146ff5;
    top: -10%;
    left: 60%;
    opacity: 1.1422169047;
    transform: rotate(296deg);
    animation: confetti-explosion-338 decimal-round(4.5733634107, 1) s decimal-round(0.4019521653, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-338 {
    100% {
        top: 110%;
        left: 75%;
    }
}

.confetti-339 {
    width: 4px;
    height: 1.6px;
    background-color: #146ff5;
    top: -10%;
    left: 92%;
    opacity: 0.7637649083;
    transform: rotate(341deg);
    animation: confetti-explosion-339 decimal-round(4.9108933623, 1) s decimal-round(0.9182984755, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-339 {
    100% {
        top: 110%;
        left: 102%;
    }
}

.confetti-340 {
    width: 6px;
    height: 2.4px;
    background-color: #ee6f40;
    top: -10%;
    left: 13%;
    opacity: 0.9924289628;
    transform: rotate(36deg);
    animation: confetti-explosion-340 decimal-round(4.369583872, 1) s decimal-round(0.8770056549, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-340 {
    100% {
        top: 110%;
        left: 22%;
    }
}

.confetti-341 {
    width: 13px;
    height: 5.2px;
    background-color: #3adcc8;
    top: -10%;
    left: 89%;
    opacity: 0.8557447209;
    transform: rotate(315deg);
    animation: confetti-explosion-341 decimal-round(4.0334255157, 1) s decimal-round(0.3012357477, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-341 {
    100% {
        top: 110%;
        left: 90%;
    }
}

.confetti-342 {
    width: 4px;
    height: 1.6px;
    background-color: #146ff5;
    top: -10%;
    left: 84%;
    opacity: 1.2545920369;
    transform: rotate(325deg);
    animation: confetti-explosion-342 decimal-round(4.133872154, 1) s decimal-round(0.8924288903, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-342 {
    100% {
        top: 110%;
        left: 98%;
    }
}

.confetti-343 {
    width: 14px;
    height: 5.6px;
    background-color: #8b4513;
    top: -10%;
    left: 73%;
    opacity: 1.2318369303;
    transform: rotate(180deg);
    animation: confetti-explosion-343 decimal-round(4.2704450493, 1) s decimal-round(0.4570109018, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-343 {
    100% {
        top: 110%;
        left: 83%;
    }
}

.confetti-344 {
    width: 11px;
    height: 4.4px;
    background-color: #3adcc8;
    top: -10%;
    left: 46%;
    opacity: 1.4284294142;
    transform: rotate(191deg);
    animation: confetti-explosion-344 decimal-round(4.9205353863, 1) s decimal-round(0.127957141, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-344 {
    100% {
        top: 110%;
        left: 47%;
    }
}

.confetti-345 {
    width: 5px;
    height: 2px;
    background-color: #8b4513;
    top: -10%;
    left: 34%;
    opacity: 0.9168338945;
    transform: rotate(276deg);
    animation: confetti-explosion-345 decimal-round(4.530974169, 1) s decimal-round(0.4096636973, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-345 {
    100% {
        top: 110%;
        left: 47%;
    }
}

.confetti-346 {
    width: 5px;
    height: 2px;
    background-color: #8154e2;
    top: -10%;
    left: 10%;
    opacity: 0.6181774675;
    transform: rotate(294deg);
    animation: confetti-explosion-346 decimal-round(4.1659881942, 1) s decimal-round(0.2972952978, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-346 {
    100% {
        top: 110%;
        left: 19%;
    }
}

.confetti-347 {
    width: 15px;
    height: 6px;
    background-color: #146ff5;
    top: -10%;
    left: 17%;
    opacity: 1.0101449001;
    transform: rotate(136deg);
    animation: confetti-explosion-347 decimal-round(4.866390377, 1) s decimal-round(0.9409703375, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-347 {
    100% {
        top: 110%;
        left: 26%;
    }
}

.confetti-348 {
    width: 12px;
    height: 4.8px;
    background-color: #8b4513;
    top: -10%;
    left: 66%;
    opacity: 1.1278742933;
    transform: rotate(346deg);
    animation: confetti-explosion-348 decimal-round(4.369201904, 1) s decimal-round(0.3407838326, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-348 {
    100% {
        top: 110%;
        left: 78%;
    }
}

.confetti-349 {
    width: 3px;
    height: 1.2px;
    background-color: #dd1a8f;
    top: -10%;
    left: 67%;
    opacity: 0.7805346956;
    transform: rotate(210deg);
    animation: confetti-explosion-349 decimal-round(4.2313595907, 1) s decimal-round(0.4260339454, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-349 {
    100% {
        top: 110%;
        left: 78%;
    }
}

.confetti-350 {
    width: 7px;
    height: 2.8px;
    background-color: #8154e2;
    top: -10%;
    left: 25%;
    opacity: 0.6271869143;
    transform: rotate(334deg);
    animation: confetti-explosion-350 decimal-round(4.7490507896, 1) s decimal-round(0.875524008, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-350 {
    100% {
        top: 110%;
        left: 32%;
    }
}

.confetti-351 {
    width: 4px;
    height: 1.6px;
    background-color: #8b4513;
    top: -10%;
    left: 3%;
    opacity: 1.2335134691;
    transform: rotate(306deg);
    animation: confetti-explosion-351 decimal-round(4.0306077476, 1) s decimal-round(0.9728914682, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-351 {
    100% {
        top: 110%;
        left: 7%;
    }
}

.confetti-352 {
    width: 9px;
    height: 3.6px;
    background-color: #8b4513;
    top: -10%;
    left: 21%;
    opacity: 1.0209791773;
    transform: rotate(59deg);
    animation: confetti-explosion-352 decimal-round(4.416644904, 1) s decimal-round(0.0047184536, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-352 {
    100% {
        top: 110%;
        left: 36%;
    }
}

.confetti-353 {
    width: 6px;
    height: 2.4px;
    background-color: #ee6f40;
    top: -10%;
    left: 82%;
    opacity: 0.60178526;
    transform: rotate(347deg);
    animation: confetti-explosion-353 decimal-round(4.7607953767, 1) s decimal-round(0.9864223936, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-353 {
    100% {
        top: 110%;
        left: 86%;
    }
}

.confetti-354 {
    width: 9px;
    height: 3.6px;
    background-color: #8154e2;
    top: -10%;
    left: 52%;
    opacity: 1.221283089;
    transform: rotate(114deg);
    animation: confetti-explosion-354 decimal-round(4.5145619417, 1) s decimal-round(0.6175189378, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-354 {
    100% {
        top: 110%;
        left: 66%;
    }
}

.confetti-355 {
    width: 5px;
    height: 2px;
    background-color: #8154e2;
    top: -10%;
    left: 5%;
    opacity: 1.0992623912;
    transform: rotate(168deg);
    animation: confetti-explosion-355 decimal-round(4.9082298311, 1) s decimal-round(0.7547201359, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-355 {
    100% {
        top: 110%;
        left: 18%;
    }
}

.confetti-356 {
    width: 14px;
    height: 5.6px;
    background-color: #ee6f40;
    top: -10%;
    left: 96%;
    opacity: 1.0250497397;
    transform: rotate(133deg);
    animation: confetti-explosion-356 decimal-round(4.927998687, 1) s decimal-round(0.5389344964, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-356 {
    100% {
        top: 110%;
        left: 97%;
    }
}

.confetti-357 {
    width: 12px;
    height: 4.8px;
    background-color: #8154e2;
    top: -10%;
    left: 11%;
    opacity: 0.9869401118;
    transform: rotate(33deg);
    animation: confetti-explosion-357 decimal-round(4.2485123073, 1) s decimal-round(0.4625715458, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-357 {
    100% {
        top: 110%;
        left: 15%;
    }
}

.confetti-358 {
    width: 5px;
    height: 2px;
    background-color: #8b4513;
    top: -10%;
    left: 86%;
    opacity: 1.246922006;
    transform: rotate(25deg);
    animation: confetti-explosion-358 decimal-round(4.8326392747, 1) s decimal-round(0.2321565148, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-358 {
    100% {
        top: 110%;
        left: 92%;
    }
}

.confetti-359 {
    width: 9px;
    height: 3.6px;
    background-color: #dd1a8f;
    top: -10%;
    left: 41%;
    opacity: 1.0314744711;
    transform: rotate(336deg);
    animation: confetti-explosion-359 decimal-round(4.984683228, 1) s decimal-round(0.033478153, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-359 {
    100% {
        top: 110%;
        left: 47%;
    }
}

.confetti-360 {
    width: 8px;
    height: 3.2px;
    background-color: #146ff5;
    top: -10%;
    left: 4%;
    opacity: 1.1310382666;
    transform: rotate(335deg);
    animation: confetti-explosion-360 decimal-round(4.1775930381, 1) s decimal-round(0.4514135957, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-360 {
    100% {
        top: 110%;
        left: 19%;
    }
}

.confetti-361 {
    width: 2px;
    height: 0.8px;
    background-color: #3adcc8;
    top: -10%;
    left: 41%;
    opacity: 0.6269688711;
    transform: rotate(175deg);
    animation: confetti-explosion-361 decimal-round(4.1673389033, 1) s decimal-round(0.5068510581, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-361 {
    100% {
        top: 110%;
        left: 53%;
    }
}

.confetti-362 {
    width: 15px;
    height: 6px;
    background-color: #dd1a8f;
    top: -10%;
    left: 25%;
    opacity: 1.1316488976;
    transform: rotate(310deg);
    animation: confetti-explosion-362 decimal-round(4.6490436623, 1) s decimal-round(0.1726037665, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-362 {
    100% {
        top: 110%;
        left: 28%;
    }
}

.confetti-363 {
    width: 7px;
    height: 2.8px;
    background-color: #ee6f40;
    top: -10%;
    left: 74%;
    opacity: 1.3192351863;
    transform: rotate(258deg);
    animation: confetti-explosion-363 decimal-round(4.5581089148, 1) s decimal-round(0.0100220718, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-363 {
    100% {
        top: 110%;
        left: 87%;
    }
}

.confetti-364 {
    width: 9px;
    height: 3.6px;
    background-color: #3adcc8;
    top: -10%;
    left: 81%;
    opacity: 0.6109806923;
    transform: rotate(336deg);
    animation: confetti-explosion-364 decimal-round(4.2595263049, 1) s decimal-round(0.6393883988, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-364 {
    100% {
        top: 110%;
        left: 92%;
    }
}

.confetti-365 {
    width: 8px;
    height: 3.2px;
    background-color: #ee6f40;
    top: -10%;
    left: 33%;
    opacity: 0.8986394811;
    transform: rotate(62deg);
    animation: confetti-explosion-365 decimal-round(4.7118177395, 1) s decimal-round(0.0572838277, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-365 {
    100% {
        top: 110%;
        left: 43%;
    }
}

.confetti-366 {
    width: 3px;
    height: 1.2px;
    background-color: #146ff5;
    top: -10%;
    left: 98%;
    opacity: 0.5321051486;
    transform: rotate(341deg);
    animation: confetti-explosion-366 decimal-round(4.3249216868, 1) s decimal-round(0.0044919998, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-366 {
    100% {
        top: 110%;
        left: 103%;
    }
}

.confetti-367 {
    width: 10px;
    height: 4px;
    background-color: #8154e2;
    top: -10%;
    left: 55%;
    opacity: 1.1084389146;
    transform: rotate(194deg);
    animation: confetti-explosion-367 decimal-round(4.2815900271, 1) s decimal-round(0.2900537901, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-367 {
    100% {
        top: 110%;
        left: 56%;
    }
}

.confetti-368 {
    width: 4px;
    height: 1.6px;
    background-color: #3adcc8;
    top: -10%;
    left: 50%;
    opacity: 1.1438119347;
    transform: rotate(221deg);
    animation: confetti-explosion-368 decimal-round(4.7475020324, 1) s decimal-round(0.1433274779, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-368 {
    100% {
        top: 110%;
        left: 58%;
    }
}

.confetti-369 {
    width: 13px;
    height: 5.2px;
    background-color: #8154e2;
    top: -10%;
    left: 96%;
    opacity: 0.8717276474;
    transform: rotate(137deg);
    animation: confetti-explosion-369 decimal-round(4.2961907927, 1) s decimal-round(0.393447913, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-369 {
    100% {
        top: 110%;
        left: 109%;
    }
}

.confetti-370 {
    width: 9px;
    height: 3.6px;
    background-color: #146ff5;
    top: -10%;
    left: 4%;
    opacity: 1.4915497402;
    transform: rotate(12deg);
    animation: confetti-explosion-370 decimal-round(4.9496712714, 1) s decimal-round(0.7301097221, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-370 {
    100% {
        top: 110%;
        left: 16%;
    }
}

.confetti-371 {
    width: 13px;
    height: 5.2px;
    background-color: #3adcc8;
    top: -10%;
    left: 32%;
    opacity: 1.0668589282;
    transform: rotate(47deg);
    animation: confetti-explosion-371 decimal-round(4.632379897, 1) s decimal-round(0.1934939253, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-371 {
    100% {
        top: 110%;
        left: 33%;
    }
}

.confetti-372 {
    width: 5px;
    height: 2px;
    background-color: #146ff5;
    top: -10%;
    left: 65%;
    opacity: 0.763230294;
    transform: rotate(88deg);
    animation: confetti-explosion-372 decimal-round(4.868843393, 1) s decimal-round(0.2739016592, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-372 {
    100% {
        top: 110%;
        left: 67%;
    }
}

.confetti-373 {
    width: 4px;
    height: 1.6px;
    background-color: #ee6f40;
    top: -10%;
    left: 83%;
    opacity: 1.1284918765;
    transform: rotate(120deg);
    animation: confetti-explosion-373 decimal-round(4.4913967289, 1) s decimal-round(0.3269787409, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-373 {
    100% {
        top: 110%;
        left: 91%;
    }
}

.confetti-374 {
    width: 13px;
    height: 5.2px;
    background-color: #8154e2;
    top: -10%;
    left: 44%;
    opacity: 0.8866261675;
    transform: rotate(80deg);
    animation: confetti-explosion-374 decimal-round(4.4830049434, 1) s decimal-round(0.3113200723, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-374 {
    100% {
        top: 110%;
        left: 53%;
    }
}

.confetti-375 {
    width: 4px;
    height: 1.6px;
    background-color: #8b4513;
    top: -10%;
    left: 25%;
    opacity: 1.3482094952;
    transform: rotate(298deg);
    animation: confetti-explosion-375 decimal-round(4.9218674757, 1) s decimal-round(0.7540849418, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-375 {
    100% {
        top: 110%;
        left: 35%;
    }
}

.confetti-376 {
    width: 11px;
    height: 4.4px;
    background-color: #8b4513;
    top: -10%;
    left: 45%;
    opacity: 1.4555738451;
    transform: rotate(232deg);
    animation: confetti-explosion-376 decimal-round(4.4111221107, 1) s decimal-round(0.87259663, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-376 {
    100% {
        top: 110%;
        left: 53%;
    }
}

.confetti-377 {
    width: 6px;
    height: 2.4px;
    background-color: #3adcc8;
    top: -10%;
    left: 60%;
    opacity: 0.8247760306;
    transform: rotate(39deg);
    animation: confetti-explosion-377 decimal-round(4.8475868185, 1) s decimal-round(0.2804892678, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-377 {
    100% {
        top: 110%;
        left: 74%;
    }
}

.confetti-378 {
    width: 9px;
    height: 3.6px;
    background-color: #3adcc8;
    top: -10%;
    left: 76%;
    opacity: 0.9888422317;
    transform: rotate(236deg);
    animation: confetti-explosion-378 decimal-round(4.5336802391, 1) s decimal-round(0.3636744558, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-378 {
    100% {
        top: 110%;
        left: 87%;
    }
}

.confetti-379 {
    width: 5px;
    height: 2px;
    background-color: #dd1a8f;
    top: -10%;
    left: 13%;
    opacity: 0.9455478797;
    transform: rotate(66deg);
    animation: confetti-explosion-379 decimal-round(4.9713521767, 1) s decimal-round(0.1494613813, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-379 {
    100% {
        top: 110%;
        left: 18%;
    }
}

.confetti-380 {
    width: 8px;
    height: 3.2px;
    background-color: #8154e2;
    top: -10%;
    left: 41%;
    opacity: 1.1830216622;
    transform: rotate(60deg);
    animation: confetti-explosion-380 decimal-round(4.7317714989, 1) s decimal-round(0.8100767575, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-380 {
    100% {
        top: 110%;
        left: 46%;
    }
}

.confetti-381 {
    width: 13px;
    height: 5.2px;
    background-color: #3adcc8;
    top: -10%;
    left: 5%;
    opacity: 1.342262915;
    transform: rotate(148deg);
    animation: confetti-explosion-381 decimal-round(4.1424946314, 1) s decimal-round(0.2584111762, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-381 {
    100% {
        top: 110%;
        left: 14%;
    }
}

.confetti-382 {
    width: 8px;
    height: 3.2px;
    background-color: #ee6f40;
    top: -10%;
    left: 4%;
    opacity: 0.8669075518;
    transform: rotate(120deg);
    animation: confetti-explosion-382 decimal-round(4.6015563686, 1) s decimal-round(0.6864527927, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-382 {
    100% {
        top: 110%;
        left: 5%;
    }
}

.confetti-383 {
    width: 1px;
    height: 0.4px;
    background-color: #8b4513;
    top: -10%;
    left: 66%;
    opacity: 1.2063208929;
    transform: rotate(254deg);
    animation: confetti-explosion-383 decimal-round(4.5039356357, 1) s decimal-round(0.6866149429, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-383 {
    100% {
        top: 110%;
        left: 78%;
    }
}

.confetti-384 {
    width: 11px;
    height: 4.4px;
    background-color: #8154e2;
    top: -10%;
    left: 100%;
    opacity: 0.850221328;
    transform: rotate(203deg);
    animation: confetti-explosion-384 decimal-round(4.7713159383, 1) s decimal-round(0.6385657742, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-384 {
    100% {
        top: 110%;
        left: 109%;
    }
}

.confetti-385 {
    width: 5px;
    height: 2px;
    background-color: #dd1a8f;
    top: -10%;
    left: 44%;
    opacity: 0.5136708027;
    transform: rotate(128deg);
    animation: confetti-explosion-385 decimal-round(4.0481697721, 1) s decimal-round(0.1735640145, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-385 {
    100% {
        top: 110%;
        left: 54%;
    }
}

.confetti-386 {
    width: 13px;
    height: 5.2px;
    background-color: #146ff5;
    top: -10%;
    left: 68%;
    opacity: 0.763098988;
    transform: rotate(182deg);
    animation: confetti-explosion-386 decimal-round(4.4937752169, 1) s decimal-round(0.841763992, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-386 {
    100% {
        top: 110%;
        left: 75%;
    }
}

.confetti-387 {
    width: 13px;
    height: 5.2px;
    background-color: #3adcc8;
    top: -10%;
    left: 22%;
    opacity: 0.8199970479;
    transform: rotate(179deg);
    animation: confetti-explosion-387 decimal-round(4.9476812918, 1) s decimal-round(0.7523810029, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-387 {
    100% {
        top: 110%;
        left: 33%;
    }
}

.confetti-388 {
    width: 7px;
    height: 2.8px;
    background-color: #146ff5;
    top: -10%;
    left: 21%;
    opacity: 1.2921897173;
    transform: rotate(298deg);
    animation: confetti-explosion-388 decimal-round(4.7333663268, 1) s decimal-round(0.0707645985, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-388 {
    100% {
        top: 110%;
        left: 29%;
    }
}

.confetti-389 {
    width: 12px;
    height: 4.8px;
    background-color: #146ff5;
    top: -10%;
    left: 96%;
    opacity: 0.9216113267;
    transform: rotate(146deg);
    animation: confetti-explosion-389 decimal-round(4.3541002679, 1) s decimal-round(0.0862674913, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-389 {
    100% {
        top: 110%;
        left: 101%;
    }
}

.confetti-390 {
    width: 3px;
    height: 1.2px;
    background-color: #146ff5;
    top: -10%;
    left: 19%;
    opacity: 1.4716628515;
    transform: rotate(250deg);
    animation: confetti-explosion-390 decimal-round(4.1472697762, 1) s decimal-round(0.3875629864, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-390 {
    100% {
        top: 110%;
        left: 28%;
    }
}

.confetti-391 {
    width: 6px;
    height: 2.4px;
    background-color: #146ff5;
    top: -10%;
    left: 10%;
    opacity: 0.6229401852;
    transform: rotate(88deg);
    animation: confetti-explosion-391 decimal-round(4.8193060089, 1) s decimal-round(0.9086918864, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-391 {
    100% {
        top: 110%;
        left: 24%;
    }
}

.confetti-392 {
    width: 13px;
    height: 5.2px;
    background-color: #8154e2;
    top: -10%;
    left: 34%;
    opacity: 1.305108981;
    transform: rotate(73deg);
    animation: confetti-explosion-392 decimal-round(4.5056561814, 1) s decimal-round(0.6360658483, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-392 {
    100% {
        top: 110%;
        left: 40%;
    }
}

.confetti-393 {
    width: 10px;
    height: 4px;
    background-color: #146ff5;
    top: -10%;
    left: 77%;
    opacity: 0.7943169493;
    transform: rotate(266deg);
    animation: confetti-explosion-393 decimal-round(4.8396954689, 1) s decimal-round(0.6859977642, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-393 {
    100% {
        top: 110%;
        left: 81%;
    }
}

.confetti-394 {
    width: 8px;
    height: 3.2px;
    background-color: #3adcc8;
    top: -10%;
    left: 82%;
    opacity: 0.7314601137;
    transform: rotate(254deg);
    animation: confetti-explosion-394 decimal-round(4.7447582716, 1) s decimal-round(0.582047656, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-394 {
    100% {
        top: 110%;
        left: 90%;
    }
}

.confetti-395 {
    width: 8px;
    height: 3.2px;
    background-color: #146ff5;
    top: -10%;
    left: 12%;
    opacity: 0.8982954574;
    transform: rotate(239deg);
    animation: confetti-explosion-395 decimal-round(4.0840960563, 1) s decimal-round(0.3655944922, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-395 {
    100% {
        top: 110%;
        left: 18%;
    }
}

.confetti-396 {
    width: 6px;
    height: 2.4px;
    background-color: #146ff5;
    top: -10%;
    left: 20%;
    opacity: 0.6558000624;
    transform: rotate(244deg);
    animation: confetti-explosion-396 decimal-round(4.6043119507, 1) s decimal-round(0.0452131312, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-396 {
    100% {
        top: 110%;
        left: 22%;
    }
}

.confetti-397 {
    width: 4px;
    height: 1.6px;
    background-color: #146ff5;
    top: -10%;
    left: 28%;
    opacity: 1.3674421849;
    transform: rotate(288deg);
    animation: confetti-explosion-397 decimal-round(4.3113863905, 1) s decimal-round(0.3511186662, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-397 {
    100% {
        top: 110%;
        left: 31%;
    }
}

.confetti-398 {
    width: 15px;
    height: 6px;
    background-color: #8b4513;
    top: -10%;
    left: 4%;
    opacity: 1.4795239352;
    transform: rotate(104deg);
    animation: confetti-explosion-398 decimal-round(4.9348009062, 1) s decimal-round(0.833945686, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-398 {
    100% {
        top: 110%;
        left: 12%;
    }
}

.confetti-399 {
    width: 10px;
    height: 4px;
    background-color: #8154e2;
    top: -10%;
    left: 26%;
    opacity: 0.7032674799;
    transform: rotate(91deg);
    animation: confetti-explosion-399 decimal-round(4.9615564682, 1) s decimal-round(0.0619740157, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-399 {
    100% {
        top: 110%;
        left: 29%;
    }
}

.confetti-400 {
    width: 7px;
    height: 2.8px;
    background-color: #ee6f40;
    top: -10%;
    left: 8%;
    opacity: 0.7783859207;
    transform: rotate(256deg);
    animation: confetti-explosion-400 decimal-round(4.5682099314, 1) s decimal-round(0.2649114601, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-400 {
    100% {
        top: 110%;
        left: 18%;
    }
}

/* coins */
.coin-1 {
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background-color: #c0c0c0;
    top: -10%;
    left: 53%;
    opacity: 1.3259849131;
    transform: rotate(153deg);
    animation: coins-keep-falling-on-my-head-1 1.25s 4.8500487065s infinite ease-in;
    z-index: 7;
    font-size: 23px;
    line-height: 1;
    font-weight: 900;
}

.coin-1::before {
    content: "$";
    position: relative;
    top: 0.1em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
}

@keyframes coins-keep-falling-on-my-head-1 {
    100% {
        top: 110%;
    }
}

.coin-2 {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background-color: #c0c0c0;
    top: -10%;
    left: 8%;
    opacity: 0.9087360901;
    transform: rotate(43deg);
    animation: coins-keep-falling-on-my-head-2 1.25s 1.926785705s infinite ease-in;
    z-index: 3;
    font-size: 17px;
    line-height: 1;
    font-weight: 900;
}

.coin-2::before {
    content: "$";
    position: relative;
    top: 0.1em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
}

@keyframes coins-keep-falling-on-my-head-2 {
    100% {
        top: 110%;
    }
}

.coin-3 {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #daa520;
    top: -10%;
    left: 14%;
    opacity: 0.6877771052;
    transform: rotate(104deg);
    animation: coins-keep-falling-on-my-head-3 1.25s 3.5780773852s infinite ease-in;
    z-index: 6;
    font-size: 24px;
    line-height: 1;
    font-weight: 900;
}

.coin-3::before {
    content: "$";
    position: relative;
    top: 0.1em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
}

@keyframes coins-keep-falling-on-my-head-3 {
    100% {
        top: 110%;
    }
}

.coin-4 {
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background-color: #c0c0c0;
    top: -10%;
    left: 1%;
    opacity: 0.4200241467;
    transform: rotate(179deg);
    animation: coins-keep-falling-on-my-head-4 1.25s 1.3163383143s infinite ease-in;
    z-index: 4;
    font-size: 23px;
    line-height: 1;
    font-weight: 900;
}

.coin-4::before {
    content: "$";
    position: relative;
    top: 0.1em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
}

@keyframes coins-keep-falling-on-my-head-4 {
    100% {
        top: 110%;
    }
}

.coin-5 {
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background-color: #daa520;
    top: -10%;
    left: 66%;
    opacity: 0.8999364513;
    transform: rotate(281deg);
    animation: coins-keep-falling-on-my-head-5 1.25s 4.8587347579s infinite ease-in;
    z-index: 4;
    font-size: 23px;
    line-height: 1;
    font-weight: 900;
}

.coin-5::before {
    content: "$";
    position: relative;
    top: 0.1em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
}

@keyframes coins-keep-falling-on-my-head-5 {
    100% {
        top: 110%;
    }
}

.coin-6 {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #dcdcdc;
    top: -10%;
    left: 10%;
    opacity: 0.9265556659;
    transform: rotate(359deg);
    animation: coins-keep-falling-on-my-head-6 1.25s 3.2721953837s infinite ease-in;
    z-index: 4;
    font-size: 24px;
    line-height: 1;
    font-weight: 900;
}

.coin-6::before {
    content: "$";
    position: relative;
    top: 0.1em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
}

@keyframes coins-keep-falling-on-my-head-6 {
    100% {
        top: 110%;
    }
}

.coin-7 {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #dcdcdc;
    top: -10%;
    left: 36%;
    opacity: 1.2607577302;
    transform: rotate(40deg);
    animation: coins-keep-falling-on-my-head-7 1.25s 0.7384389022s infinite ease-in;
    z-index: 4;
    font-size: 20px;
    line-height: 1;
    font-weight: 900;
}

.coin-7::before {
    content: "$";
    position: relative;
    top: 0.1em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
}

@keyframes coins-keep-falling-on-my-head-7 {
    100% {
        top: 110%;
    }
}

.coin-8 {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #c0c0c0;
    top: -10%;
    left: 90%;
    opacity: 1.1022693602;
    transform: rotate(41deg);
    animation: coins-keep-falling-on-my-head-8 1.25s 2.9583217035s infinite ease-in;
    z-index: 7;
    font-size: 20px;
    line-height: 1;
    font-weight: 900;
}

.coin-8::before {
    content: "$";
    position: relative;
    top: 0.1em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
}

@keyframes coins-keep-falling-on-my-head-8 {
    100% {
        top: 110%;
    }
}

.coin-9 {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #dcdcdc;
    top: -10%;
    left: 46%;
    opacity: 1.1095593777;
    transform: rotate(50deg);
    animation: coins-keep-falling-on-my-head-9 1.25s 4.8259415523s infinite ease-in;
    z-index: 5;
    font-size: 24px;
    line-height: 1;
    font-weight: 900;
}

.coin-9::before {
    content: "$";
    position: relative;
    top: 0.1em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
}

@keyframes coins-keep-falling-on-my-head-9 {
    100% {
        top: 110%;
    }
}

.coin-10 {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #c0c0c0;
    top: -10%;
    left: 98%;
    opacity: 0.4040629851;
    transform: rotate(182deg);
    animation: coins-keep-falling-on-my-head-10 1.25s 2.0509135189s infinite ease-in;
    z-index: 7;
    font-size: 22px;
    line-height: 1;
    font-weight: 900;
}

.coin-10::before {
    content: "$";
    position: relative;
    top: 0.1em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
}

@keyframes coins-keep-falling-on-my-head-10 {
    100% {
        top: 110%;
    }
}

.coin-11 {
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background-color: #ffd700;
    top: -10%;
    left: 100%;
    opacity: 0.6784903683;
    transform: rotate(200deg);
    animation: coins-keep-falling-on-my-head-11 1.25s 4.5256723033s infinite ease-in;
    z-index: 5;
    font-size: 23px;
    line-height: 1;
    font-weight: 900;
}

.coin-11::before {
    content: "$";
    position: relative;
    top: 0.1em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
}

@keyframes coins-keep-falling-on-my-head-11 {
    100% {
        top: 110%;
    }
}

.coin-12 {
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background-color: #ffd700;
    top: -10%;
    left: 41%;
    opacity: 1.3895274203;
    transform: rotate(312deg);
    animation: coins-keep-falling-on-my-head-12 1.25s 1.3451846802s infinite ease-in;
    z-index: 6;
    font-size: 19px;
    line-height: 1;
    font-weight: 900;
}

.coin-12::before {
    content: "$";
    position: relative;
    top: 0.1em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
}

@keyframes coins-keep-falling-on-my-head-12 {
    100% {
        top: 110%;
    }
}

.coin-13 {
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background-color: #dcdcdc;
    top: -10%;
    left: 25%;
    opacity: 1.0136011781;
    transform: rotate(206deg);
    animation: coins-keep-falling-on-my-head-13 1.25s 0.1050383091s infinite ease-in;
    z-index: 3;
    font-size: 23px;
    line-height: 1;
    font-weight: 900;
}

.coin-13::before {
    content: "$";
    position: relative;
    top: 0.1em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
}

@keyframes coins-keep-falling-on-my-head-13 {
    100% {
        top: 110%;
    }
}

.coin-14 {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #c0c0c0;
    top: -10%;
    left: 32%;
    opacity: 0.4119223885;
    transform: rotate(27deg);
    animation: coins-keep-falling-on-my-head-14 1.25s 3.7816934697s infinite ease-in;
    z-index: 7;
    font-size: 24px;
    line-height: 1;
    font-weight: 900;
}

.coin-14::before {
    content: "$";
    position: relative;
    top: 0.1em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
}

@keyframes coins-keep-falling-on-my-head-14 {
    100% {
        top: 110%;
    }
}

.coin-15 {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background-color: #dcdcdc;
    top: -10%;
    left: 75%;
    opacity: 0.4182431172;
    transform: rotate(70deg);
    animation: coins-keep-falling-on-my-head-15 1.25s 2.8945133859s infinite ease-in;
    z-index: 5;
    font-size: 17px;
    line-height: 1;
    font-weight: 900;
}

.coin-15::before {
    content: "$";
    position: relative;
    top: 0.1em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
}

@keyframes coins-keep-falling-on-my-head-15 {
    100% {
        top: 110%;
    }
}

.coin-16 {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #c0c0c0;
    top: -10%;
    left: 52%;
    opacity: 1.1076515879;
    transform: rotate(300deg);
    animation: coins-keep-falling-on-my-head-16 1.25s 0.0141909006s infinite ease-in;
    z-index: 4;
    font-size: 18px;
    line-height: 1;
    font-weight: 900;
}

.coin-16::before {
    content: "$";
    position: relative;
    top: 0.1em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
}

@keyframes coins-keep-falling-on-my-head-16 {
    100% {
        top: 110%;
    }
}

.coin-17 {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background-color: #dcdcdc;
    top: -10%;
    left: 43%;
    opacity: 0.755755842;
    transform: rotate(194deg);
    animation: coins-keep-falling-on-my-head-17 1.25s 4.4159616176s infinite ease-in;
    z-index: 5;
    font-size: 17px;
    line-height: 1;
    font-weight: 900;
}

.coin-17::before {
    content: "$";
    position: relative;
    top: 0.1em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
}

@keyframes coins-keep-falling-on-my-head-17 {
    100% {
        top: 110%;
    }
}

.coin-18 {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background-color: #dcdcdc;
    top: -10%;
    left: 84%;
    opacity: 0.871167308;
    transform: rotate(353deg);
    animation: coins-keep-falling-on-my-head-18 1.25s 4.4071646867s infinite ease-in;
    z-index: 5;
    font-size: 17px;
    line-height: 1;
    font-weight: 900;
}

.coin-18::before {
    content: "$";
    position: relative;
    top: 0.1em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
}

@keyframes coins-keep-falling-on-my-head-18 {
    100% {
        top: 110%;
    }
}

.coin-19 {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #c0c0c0;
    top: -10%;
    left: 29%;
    opacity: 0.4401495285;
    transform: rotate(229deg);
    animation: coins-keep-falling-on-my-head-19 1.25s 2.9979647361s infinite ease-in;
    z-index: 6;
    font-size: 22px;
    line-height: 1;
    font-weight: 900;
}

.coin-19::before {
    content: "$";
    position: relative;
    top: 0.1em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
}

@keyframes coins-keep-falling-on-my-head-19 {
    100% {
        top: 110%;
    }
}

.coin-20 {
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background-color: #ffd700;
    top: -10%;
    left: 74%;
    opacity: 0.4058215787;
    transform: rotate(43deg);
    animation: coins-keep-falling-on-my-head-20 1.25s 2.7686295348s infinite ease-in;
    z-index: 7;
    font-size: 19px;
    line-height: 1;
    font-weight: 900;
}

.coin-20::before {
    content: "$";
    position: relative;
    top: 0.1em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
}

@keyframes coins-keep-falling-on-my-head-20 {
    100% {
        top: 110%;
    }
}

.coin-21 {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #ffd700;
    top: -10%;
    left: 76%;
    opacity: 0.9900915054;
    transform: rotate(214deg);
    animation: coins-keep-falling-on-my-head-21 1.25s 4.2637335389s infinite ease-in;
    z-index: 6;
    font-size: 21px;
    line-height: 1;
    font-weight: 900;
}

.coin-21::before {
    content: "$";
    position: relative;
    top: 0.1em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
}

@keyframes coins-keep-falling-on-my-head-21 {
    100% {
        top: 110%;
    }
}

.coin-22 {
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background-color: #c0c0c0;
    top: -10%;
    left: 3%;
    opacity: 0.529742235;
    transform: rotate(146deg);
    animation: coins-keep-falling-on-my-head-22 1.25s 2.932764181s infinite ease-in;
    z-index: 5;
    font-size: 19px;
    line-height: 1;
    font-weight: 900;
}

.coin-22::before {
    content: "$";
    position: relative;
    top: 0.1em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
}

@keyframes coins-keep-falling-on-my-head-22 {
    100% {
        top: 110%;
    }
}

.coin-23 {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #daa520;
    top: -10%;
    left: 21%;
    opacity: 0.8553322183;
    transform: rotate(105deg);
    animation: coins-keep-falling-on-my-head-23 1.25s 0.4687363871s infinite ease-in;
    z-index: 5;
    font-size: 22px;
    line-height: 1;
    font-weight: 900;
}

.coin-23::before {
    content: "$";
    position: relative;
    top: 0.1em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
}

@keyframes coins-keep-falling-on-my-head-23 {
    100% {
        top: 110%;
    }
}

.coin-24 {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #dcdcdc;
    top: -10%;
    left: 7%;
    opacity: 0.4550651436;
    transform: rotate(108deg);
    animation: coins-keep-falling-on-my-head-24 1.25s 4.5072118297s infinite ease-in;
    z-index: 5;
    font-size: 22px;
    line-height: 1;
    font-weight: 900;
}

.coin-24::before {
    content: "$";
    position: relative;
    top: 0.1em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
}

@keyframes coins-keep-falling-on-my-head-24 {
    100% {
        top: 110%;
    }
}

.coin-25 {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #ffd700;
    top: -10%;
    left: 69%;
    opacity: 0.6345145567;
    transform: rotate(4deg);
    animation: coins-keep-falling-on-my-head-25 1.25s 2.0132376854s infinite ease-in;
    z-index: 6;
    font-size: 18px;
    line-height: 1;
    font-weight: 900;
}

.coin-25::before {
    content: "$";
    position: relative;
    top: 0.1em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
}

@keyframes coins-keep-falling-on-my-head-25 {
    100% {
        top: 110%;
    }
}

.coin-26 {
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background-color: #c0c0c0;
    top: -10%;
    left: 5%;
    opacity: 1.0550219702;
    transform: rotate(262deg);
    animation: coins-keep-falling-on-my-head-26 1.25s 2.3600664112s infinite ease-in;
    z-index: 6;
    font-size: 23px;
    line-height: 1;
    font-weight: 900;
}

.coin-26::before {
    content: "$";
    position: relative;
    top: 0.1em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
}

@keyframes coins-keep-falling-on-my-head-26 {
    100% {
        top: 110%;
    }
}

.coin-27 {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #ffd700;
    top: -10%;
    left: 51%;
    opacity: 0.8720746626;
    transform: rotate(20deg);
    animation: coins-keep-falling-on-my-head-27 1.25s 4.1974303874s infinite ease-in;
    z-index: 7;
    font-size: 24px;
    line-height: 1;
    font-weight: 900;
}

.coin-27::before {
    content: "$";
    position: relative;
    top: 0.1em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
}

@keyframes coins-keep-falling-on-my-head-27 {
    100% {
        top: 110%;
    }
}

.coin-28 {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #c0c0c0;
    top: -10%;
    left: 9%;
    opacity: 0.5536352481;
    transform: rotate(125deg);
    animation: coins-keep-falling-on-my-head-28 1.25s 0.9792314956s infinite ease-in;
    z-index: 7;
    font-size: 21px;
    line-height: 1;
    font-weight: 900;
}

.coin-28::before {
    content: "$";
    position: relative;
    top: 0.1em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
}

@keyframes coins-keep-falling-on-my-head-28 {
    100% {
        top: 110%;
    }
}

.coin-29 {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #c0c0c0;
    top: -10%;
    left: 12%;
    opacity: 1.140182805;
    transform: rotate(112deg);
    animation: coins-keep-falling-on-my-head-29 1.25s 4.0707696292s infinite ease-in;
    z-index: 6;
    font-size: 24px;
    line-height: 1;
    font-weight: 900;
}

.coin-29::before {
    content: "$";
    position: relative;
    top: 0.1em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
}

@keyframes coins-keep-falling-on-my-head-29 {
    100% {
        top: 110%;
    }
}

.coin-30 {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #daa520;
    top: -10%;
    left: 6%;
    opacity: 0.4614096744;
    transform: rotate(146deg);
    animation: coins-keep-falling-on-my-head-30 1.25s 4.2282186084s infinite ease-in;
    z-index: 7;
    font-size: 22px;
    line-height: 1;
    font-weight: 900;
}

.coin-30::before {
    content: "$";
    position: relative;
    top: 0.1em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
}

@keyframes coins-keep-falling-on-my-head-30 {
    100% {
        top: 110%;
    }
}

/* dollars */
.dollar-1 {
    width: 80px;
    height: 80px;
    top: -200px;
    left: 93%;
    opacity: 0.7;
    display: inline-block;
    z-index: 7;
    animation: make-it-rain-1 9s 3s infinite ease-out;
    animation-iteration-count: 45;
    transform-origin: right -30px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-1 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-2 {
    width: 40px;
    height: 40px;
    top: -200px;
    left: 28%;
    opacity: 0.4;
    display: inline-block;
    z-index: 4;
    animation: make-it-rain-2 6s 2s infinite ease-out;
    animation-iteration-count: 49;
    transform-origin: right -30px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-2 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-3 {
    width: 50px;
    height: 50px;
    top: -200px;
    left: 32%;
    opacity: 0.9;
    display: inline-block;
    z-index: 7;
    animation: make-it-rain-3 6s 7s infinite ease-in;
    animation-iteration-count: 33;
    transform-origin: right -15px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-3 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-4 {
    width: 60px;
    height: 60px;
    top: -200px;
    left: 14%;
    opacity: 0.9;
    display: inline-block;
    z-index: 8;
    animation: make-it-rain-4 9s 2s infinite linear;
    animation-iteration-count: 41;
    transform-origin: right -45px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-4 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-5 {
    width: 40px;
    height: 40px;
    top: -200px;
    left: 64%;
    opacity: 0.9;
    display: inline-block;
    z-index: 8;
    animation: make-it-rain-5 5s 2s infinite linear;
    animation-iteration-count: 47;
    transform-origin: right -45px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-5 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-6 {
    width: 40px;
    height: 40px;
    top: -200px;
    left: 18%;
    opacity: 0.7;
    display: inline-block;
    z-index: 6;
    animation: make-it-rain-6 5s 4s infinite linear;
    animation-iteration-count: 34;
    transform-origin: right -15px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-6 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-7 {
    width: 40px;
    height: 40px;
    top: -200px;
    left: 38%;
    opacity: 0.4;
    display: inline-block;
    z-index: 6;
    animation: make-it-rain-7 6s 0s infinite linear;
    animation-iteration-count: 41;
    transform-origin: right -30px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-7 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-8 {
    width: 40px;
    height: 40px;
    top: -200px;
    left: 15%;
    opacity: 0.6;
    display: inline-block;
    z-index: 4;
    animation: make-it-rain-8 11s 0s infinite ease-out;
    animation-iteration-count: 34;
    transform-origin: right -30px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-8 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-9 {
    width: 50px;
    height: 50px;
    top: -200px;
    left: 60%;
    opacity: 0.4;
    display: inline-block;
    z-index: 5;
    animation: make-it-rain-9 4s 4s infinite linear;
    animation-iteration-count: 50;
    transform-origin: right -30px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-9 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-10 {
    width: 40px;
    height: 40px;
    top: -200px;
    left: 50%;
    opacity: 0.8;
    display: inline-block;
    z-index: 5;
    animation: make-it-rain-10 10s 2s infinite ease-in;
    animation-iteration-count: 56;
    transform-origin: right -30px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-10 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-11 {
    width: 40px;
    height: 40px;
    top: -200px;
    left: 51%;
    opacity: 0.8;
    display: inline-block;
    z-index: 8;
    animation: make-it-rain-11 9s 2s infinite ease-out;
    animation-iteration-count: 60;
    transform-origin: right -30px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-11 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-12 {
    width: 50px;
    height: 50px;
    top: -200px;
    left: 34%;
    opacity: 0.4;
    display: inline-block;
    z-index: 5;
    animation: make-it-rain-12 8s 0s infinite ease-out;
    animation-iteration-count: 51;
    transform-origin: right -15px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-12 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-13 {
    width: 70px;
    height: 70px;
    top: -200px;
    left: 62%;
    opacity: 0.8;
    display: inline-block;
    z-index: 8;
    animation: make-it-rain-13 4s 0s infinite ease-in;
    animation-iteration-count: 32;
    transform-origin: right -15px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-13 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-14 {
    width: 60px;
    height: 60px;
    top: -200px;
    left: 9%;
    opacity: 0.9;
    display: inline-block;
    z-index: 7;
    animation: make-it-rain-14 8s 1s infinite linear;
    animation-iteration-count: 51;
    transform-origin: right -30px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-14 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-15 {
    width: 60px;
    height: 60px;
    top: -200px;
    left: 64%;
    opacity: 0.9;
    display: inline-block;
    z-index: 5;
    animation: make-it-rain-15 5s 6s infinite linear;
    animation-iteration-count: 40;
    transform-origin: right -30px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-15 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-16 {
    width: 50px;
    height: 50px;
    top: -200px;
    left: 15%;
    opacity: 0.5;
    display: inline-block;
    z-index: 4;
    animation: make-it-rain-16 5s 1s infinite ease-out;
    animation-iteration-count: 56;
    transform-origin: right -15px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-16 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-17 {
    width: 60px;
    height: 60px;
    top: -200px;
    left: 74%;
    opacity: 0.3;
    display: inline-block;
    z-index: 4;
    animation: make-it-rain-17 9s 6s infinite ease-out;
    animation-iteration-count: 49;
    transform-origin: right -30px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-17 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-18 {
    width: 40px;
    height: 40px;
    top: -200px;
    left: 71%;
    opacity: 0.8;
    display: inline-block;
    z-index: 6;
    animation: make-it-rain-18 5s 1s infinite ease-in;
    animation-iteration-count: 32;
    transform-origin: right -30px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-18 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-19 {
    width: 70px;
    height: 70px;
    top: -200px;
    left: 91%;
    opacity: 0.9;
    display: inline-block;
    z-index: 6;
    animation: make-it-rain-19 8s 4s infinite linear;
    animation-iteration-count: 52;
    transform-origin: right -30px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-19 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-20 {
    width: 70px;
    height: 70px;
    top: -200px;
    left: 51%;
    opacity: 0.8;
    display: inline-block;
    z-index: 6;
    animation: make-it-rain-20 11s 1s infinite ease-in;
    animation-iteration-count: 52;
    transform-origin: right -15px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-20 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-21 {
    width: 40px;
    height: 40px;
    top: -200px;
    left: 52%;
    opacity: 0.3;
    display: inline-block;
    z-index: 8;
    animation: make-it-rain-21 9s 0s infinite linear;
    animation-iteration-count: 32;
    transform-origin: right -15px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-21 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-22 {
    width: 70px;
    height: 70px;
    top: -200px;
    left: 54%;
    opacity: 0.6;
    display: inline-block;
    z-index: 4;
    animation: make-it-rain-22 9s 0s infinite linear;
    animation-iteration-count: 51;
    transform-origin: right -45px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-22 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-23 {
    width: 70px;
    height: 70px;
    top: -200px;
    left: 83%;
    opacity: 0.8;
    display: inline-block;
    z-index: 8;
    animation: make-it-rain-23 4s 1s infinite ease-in;
    animation-iteration-count: 32;
    transform-origin: right -30px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-23 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-24 {
    width: 70px;
    height: 70px;
    top: -200px;
    left: 26%;
    opacity: 0.6;
    display: inline-block;
    z-index: 8;
    animation: make-it-rain-24 4s 6s infinite ease-in;
    animation-iteration-count: 49;
    transform-origin: right -45px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-24 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-25 {
    width: 60px;
    height: 60px;
    top: -200px;
    left: 77%;
    opacity: 0.6;
    display: inline-block;
    z-index: 8;
    animation: make-it-rain-25 9s 6s infinite ease-out;
    animation-iteration-count: 30;
    transform-origin: right -30px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-25 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-26 {
    width: 70px;
    height: 70px;
    top: -200px;
    left: 41%;
    opacity: 0.4;
    display: inline-block;
    z-index: 6;
    animation: make-it-rain-26 5s 7s infinite ease-out;
    animation-iteration-count: 45;
    transform-origin: right -30px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-26 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-27 {
    width: 60px;
    height: 60px;
    top: -200px;
    left: 1%;
    opacity: 0.5;
    display: inline-block;
    z-index: 4;
    animation: make-it-rain-27 9s 7s infinite linear;
    animation-iteration-count: 35;
    transform-origin: right -45px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-27 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-28 {
    width: 80px;
    height: 80px;
    top: -200px;
    left: 80%;
    opacity: 0.8;
    display: inline-block;
    z-index: 4;
    animation: make-it-rain-28 11s 7s infinite linear;
    animation-iteration-count: 46;
    transform-origin: right -30px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-28 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-29 {
    width: 50px;
    height: 50px;
    top: -200px;
    left: 45%;
    opacity: 0.7;
    display: inline-block;
    z-index: 7;
    animation: make-it-rain-29 6s 7s infinite ease-out;
    animation-iteration-count: 40;
    transform-origin: right -15px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-29 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-30 {
    width: 70px;
    height: 70px;
    top: -200px;
    left: 98%;
    opacity: 0.8;
    display: inline-block;
    z-index: 6;
    animation: make-it-rain-30 10s 4s infinite ease-in;
    animation-iteration-count: 51;
    transform-origin: right -30px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-30 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-31 {
    width: 70px;
    height: 70px;
    top: -200px;
    left: 33%;
    opacity: 0.6;
    display: inline-block;
    z-index: 6;
    animation: make-it-rain-31 11s 4s infinite linear;
    animation-iteration-count: 45;
    transform-origin: right -15px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-31 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-32 {
    width: 50px;
    height: 50px;
    top: -200px;
    left: 100%;
    opacity: 0.6;
    display: inline-block;
    z-index: 4;
    animation: make-it-rain-32 6s 5s infinite ease-out;
    animation-iteration-count: 52;
    transform-origin: right -15px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-32 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-33 {
    width: 70px;
    height: 70px;
    top: -200px;
    left: 55%;
    opacity: 0.8;
    display: inline-block;
    z-index: 8;
    animation: make-it-rain-33 5s 3s infinite ease-out;
    animation-iteration-count: 54;
    transform-origin: right -15px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-33 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-34 {
    width: 70px;
    height: 70px;
    top: -200px;
    left: 45%;
    opacity: 0.5;
    display: inline-block;
    z-index: 5;
    animation: make-it-rain-34 8s 0s infinite linear;
    animation-iteration-count: 37;
    transform-origin: right -30px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-34 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-35 {
    width: 50px;
    height: 50px;
    top: -200px;
    left: 46%;
    opacity: 0.3;
    display: inline-block;
    z-index: 4;
    animation: make-it-rain-35 5s 0s infinite ease-out;
    animation-iteration-count: 53;
    transform-origin: right -45px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-35 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-36 {
    width: 70px;
    height: 70px;
    top: -200px;
    left: 93%;
    opacity: 0.9;
    display: inline-block;
    z-index: 6;
    animation: make-it-rain-36 6s 7s infinite linear;
    animation-iteration-count: 55;
    transform-origin: right -45px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-36 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-37 {
    width: 80px;
    height: 80px;
    top: -200px;
    left: 64%;
    opacity: 0.6;
    display: inline-block;
    z-index: 5;
    animation: make-it-rain-37 5s 7s infinite linear;
    animation-iteration-count: 37;
    transform-origin: right -45px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-37 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-38 {
    width: 50px;
    height: 50px;
    top: -200px;
    left: 13%;
    opacity: 0.5;
    display: inline-block;
    z-index: 6;
    animation: make-it-rain-38 9s 4s infinite linear;
    animation-iteration-count: 43;
    transform-origin: right -45px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-38 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-39 {
    width: 40px;
    height: 40px;
    top: -200px;
    left: 59%;
    opacity: 0.8;
    display: inline-block;
    z-index: 7;
    animation: make-it-rain-39 8s 3s infinite ease-out;
    animation-iteration-count: 38;
    transform-origin: right -15px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-39 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-40 {
    width: 70px;
    height: 70px;
    top: -200px;
    left: 82%;
    opacity: 0.7;
    display: inline-block;
    z-index: 7;
    animation: make-it-rain-40 8s 1s infinite linear;
    animation-iteration-count: 52;
    transform-origin: right -30px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-40 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-41 {
    width: 50px;
    height: 50px;
    top: -200px;
    left: 96%;
    opacity: 0.7;
    display: inline-block;
    z-index: 5;
    animation: make-it-rain-41 9s 3s infinite linear;
    animation-iteration-count: 57;
    transform-origin: right -30px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-41 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-42 {
    width: 80px;
    height: 80px;
    top: -200px;
    left: 48%;
    opacity: 0.6;
    display: inline-block;
    z-index: 5;
    animation: make-it-rain-42 10s 5s infinite linear;
    animation-iteration-count: 53;
    transform-origin: right -45px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-42 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-43 {
    width: 50px;
    height: 50px;
    top: -200px;
    left: 62%;
    opacity: 0.9;
    display: inline-block;
    z-index: 8;
    animation: make-it-rain-43 9s 4s infinite ease-out;
    animation-iteration-count: 52;
    transform-origin: right -45px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-43 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-44 {
    width: 70px;
    height: 70px;
    top: -200px;
    left: 51%;
    opacity: 0.8;
    display: inline-block;
    z-index: 4;
    animation: make-it-rain-44 7s 7s infinite ease-out;
    animation-iteration-count: 43;
    transform-origin: right -15px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-44 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-45 {
    width: 80px;
    height: 80px;
    top: -200px;
    left: 15%;
    opacity: 0.7;
    display: inline-block;
    z-index: 6;
    animation: make-it-rain-45 5s 6s infinite ease-out;
    animation-iteration-count: 55;
    transform-origin: right -45px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-45 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-46 {
    width: 70px;
    height: 70px;
    top: -200px;
    left: 42%;
    opacity: 0.4;
    display: inline-block;
    z-index: 7;
    animation: make-it-rain-46 6s 6s infinite ease-in;
    animation-iteration-count: 35;
    transform-origin: right -30px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-46 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-47 {
    width: 70px;
    height: 70px;
    top: -200px;
    left: 70%;
    opacity: 0.6;
    display: inline-block;
    z-index: 6;
    animation: make-it-rain-47 8s 2s infinite linear;
    animation-iteration-count: 53;
    transform-origin: right -15px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-47 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-48 {
    width: 50px;
    height: 50px;
    top: -200px;
    left: 97%;
    opacity: 0.9;
    display: inline-block;
    z-index: 4;
    animation: make-it-rain-48 5s 6s infinite ease-out;
    animation-iteration-count: 40;
    transform-origin: right -15px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-48 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-49 {
    width: 40px;
    height: 40px;
    top: -200px;
    left: 9%;
    opacity: 0.6;
    display: inline-block;
    z-index: 7;
    animation: make-it-rain-49 10s 7s infinite linear;
    animation-iteration-count: 45;
    transform-origin: right -30px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-49 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

.dollar-50 {
    width: 50px;
    height: 50px;
    top: -200px;
    left: 13%;
    opacity: 0.6;
    display: inline-block;
    z-index: 6;
    animation: make-it-rain-50 5s 4s infinite linear;
    animation-iteration-count: 46;
    transform-origin: right -15px;
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A');
}

@keyframes make-it-rain-50 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6);
    }

    100% {
        transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
        top: 110%;
    }
}

/* === confetti css end === */
/* === ratings css start === */
.ratings i {
    color: #ffb600;
}

/* === ratings css end === */
/* === header css start === */
.ht-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.ht-header.header-sticky {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.45);
}

.ht-header-bottom {
    padding-block: 0.75rem;
    background-color: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

@media (min-width: 1400px) {
    .ht-header-bottom {
        padding-block: 1.25rem;
    }
}

.ht-header .ht-logo {
    max-height: 2.5rem;
}

@media (min-width: 1200px) {
    .ht-header .ht-logo {
        max-height: 3.125rem;
    }
}

.ht-header-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.ht-header-menu li:last-child a::after {
    display: none;
}

.ht-header-menu li a {
    font-weight: 500;
    padding: 0.75rem 1.5rem;
    position: relative;
}

.ht-header-menu li a.active,
.ht-header-menu li a:hover {
    color: var(--primary);
}

.ht-header-menu li a.active::after,
.ht-header-menu li a:hover::after {
    border-color: var(--primary);
}

.ht-header-menu li a::after {
    position: absolute;
    content: "";
    top: 18px;
    right: 0;
    width: 2px;
    height: 20px;
    border-right: 2px dotted rgba(255, 255, 255, 0.1);
    display: none;
    -webkit-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    transform: rotate(25deg);
}

@media (min-width: 1200px) {
    .ht-header-menu li a::after {
        display: inline-block;
    }
}

.ht-header-btns {
    display: none;
    flex-wrap: wrap;
    gap: 0.75rem;
}

@media (min-width: 1200px) {
    .ht-header-btns {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
}

.ht-header-btns .btn {
    padding: 0.5rem 1.25rem;
}

@media (min-width: 1400px) {
    .ht-header-btns .btn {
        padding: 0.625rem 1.25rem;
    }
}

.ht-search-btn {
    position: relative;
    width: 48px;
    height: 48px;
    border: 2px solid var(--secondary);
    color: var(--secondary);
    font-size: 1.375rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.ht-search-btn.active .ht-search-btn-colse {
    opacity: 1;
}

.ht-search-btn.active .ht-search-btn-open {
    opacity: 0;
}

.ht-search-btn .ht-search-btn-colse {
    opacity: 0;
}

.ht-search-btn span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.ht-lang-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
}

.ht-lang-btn img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    object-fit: cover;
    -o-object-fit: cover;
}

.ht-lang-btn span {
    font-size: 0.875rem;
    color: #fff;
}

.mobile-menu-open {
    color: var(--display-color);
    font-size: 1.375rem;
}

@media (min-width: 1200px) {
    .mobile-menu-open {
        display: none;
    }
}

.mobile-menu {
    position: fixed;
    top: 0;
    left: -105%;
    width: 240px;
    background-color: var(--body-bg);
    height: 100vh;
    overflow-y: auto;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    padding: 0.9375rem 0;
}

.mobile-menu.active {
    opacity: 1;
    visibility: visible;
    left: 0;
}

.mobile-menu .mobile-menu-close {
    position: absolute;
    top: 0;
    inset-inline-end: 0;
    width: 32px;
    height: 32px;
    font-size: 1.375rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0.1);
}

.mobile-menu .ht-header-menu {
    display: block;
}

.mobile-menu .ht-header-menu li a {
    color: #fff;
}

/* === header css end === */
/* === footer css start === */
.ht-footer-section .ht-footer-top {
    background-color: var(--surface);
    padding: 2.5rem 0;
}

@media (min-width: 992px) {
    .ht-footer-section .ht-footer-top {
        padding: 4.375rem 0;
    }
}

@media (min-width: 1200px) {
    .ht-footer-section .ht-footer-top {
        padding: 5.625rem 0;
    }
}

@media (min-width: 1400px) {
    .ht-footer-section .ht-footer-top {
        padding: 5rem 0;
    }
}

.ht-footer-section .footer-logo {
    max-height: 45px;
}

@media (min-width: 576px) {
    .ht-footer-section .footer-logo {
        max-height: 55px;
    }
}

.ht-footer-section .ht-footer-bottom {
    background-color: var(--body-bg);
    padding: 0.9375rem 0;
}

.ht-footer-cta {
    padding-bottom: 1.25rem;
    margin-bottom: 1.875rem;
    border-bottom: 1px solid var(--border-color);
}

@media (min-width: 576px) {
    .ht-footer-cta {
        padding-bottom: 1.25rem;
        margin-bottom: 3.75rem;
    }
}

@media (min-width: 1200px) {
    .ht-footer-cta {
        padding-bottom: 2.5rem;
        margin-bottom: 5rem;
    }
}

.ht-footer-title {
    font-size: 1.25rem;
    margin-bottom: 1.5625rem;
    padding-bottom: 0.625rem;
    position: relative;
    border-bottom: 1px solid var(--border-color);
}

.ht-footer-title::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 25px;
    height: 2px;
    background-color: var(--primary);
    margin-bottom: -1px;
}

.ht-footer-menu-list li+li {
    margin-top: 0.375rem;
}

.subscribe-form {
    position: relative;
}

.subscribe-form input {
    height: 50px;
    border: 1px solid var(--primary);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    padding: 0.625rem 1.25rem;
    width: 100%;
    padding-inline-end: 1.875rem;
}

.subscribe-form button {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: var(--primary);
}

/* === footer css end === */
/* === breadcrumb css start === */
.dt-breadcrumb {
    padding-top: 100px;
    padding-bottom: 30px;
    position: relative;
    z-index: 1;
    background-position-y: bottom;
}

@media (min-width: 1200px) {
    .dt-breadcrumb {
        padding-top: 120px;
        padding-bottom: 40px;
    }
}

@media (min-width: 1400px) {
    .dt-breadcrumb {
        padding-top: 150px;
        padding-bottom: 60px;
    }
}

.dt-breadcrumb::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.dt-breadcrumb-title {
    font-size: 1.5rem;
}

@media (min-width: 576px) {
    .dt-breadcrumb-title {
        font-size: 1.75rem;
    }
}

@media (min-width: 1200px) {
    .dt-breadcrumb-title {
        font-size: 2.25rem;
    }
}

@media (min-width: 1400px) {
    .dt-breadcrumb-title {
        font-size: 2.625rem;
    }
}

.dt-breadcrumb-menu {
    display: flex;
    align-items: center;
    justify-content: center;
}

.dt-breadcrumb-menu li {
    font-size: 0.875rem;
}

@media (min-width: 576px) {
    .dt-breadcrumb-menu li {
        font-size: 1rem;
    }
}

.dt-breadcrumb-menu li::after {
    content: "/";
    padding: 0 0.5rem;
}

.dt-breadcrumb-menu li:last-child::after {
    display: none;
}

.dt-breadcrumb-menu li.active-page {
    text-decoration: underline;
}

/* === breadcrumb css end === */
/* === user sidebar css start === */
.user-sidebar {
    position: fixed;
    top: 0;
    inset-inline-start: -105%;
    height: 100vh;
    background-color: var(--surface);
    width: 260px;
    z-index: 99;
    display: flex;
    flex-flow: column;
    transition: all 0.3s;
    box-shadow: 5px 0 5px rgba(0, 0, 0, 0.05);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

@media (min-width: 1200px) {
    .user-sidebar {
        inset-inline-start: 0;
        box-shadow: none;
    }
}

.user-sidebar::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(33, 17, 8, 0.85);
    z-index: -1;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.user-sidebar-logo {
    height: 60px;
    display: flex;
    align-items: center;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.09);
    padding-inline: 0.9375rem;
    background-color: transparent;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    justify-content: space-between;
}

.user-sidebar-logo img {
    max-height: 45px;
}

.user-sidebar-main {
    padding: 0.9375rem 0 0.9375rem 0.9375rem;
    flex-grow: 1;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    height: calc(100vh - 60px);
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.user-sidebar.sidebar-open {
    inset-inline-start: 0;
}

.user-sidebar .user-sidebar-close {
    margin-inline-start: 1.25rem;
    font-size: 1.25rem;
}

@media (min-width: 1200px) {
    .user-sidebar .user-sidebar-close {
        display: none;
    }
}

.user-sidebar-close-btn {
    position: absolute;
    top: 50%;
    right: -13px;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    background-color: var(--surface);
    color: var(--display-color);
    font-size: 1.125rem;
    border: 1px solid var(--border-color);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 1200px) {
    .user-sidebar-close-btn {
        display: none;
    }
}

.user-sidebar-close-btn::after {
    position: absolute;
    content: "\f4c8";
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: remixicon !important;
    font-style: normal;
}

.user-sidebar-collapse-btn {
    position: absolute;
    top: 50%;
    right: -13px;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    background-color: var(--surface);
    color: var(--display-color);
    font-size: 1.125rem;
    border: 1px solid var(--border-color);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
}

@media (min-width: 1200px) {
    .user-sidebar-collapse-btn {
        display: flex;
    }
}

.user-sidebar-collapse-btn.active::after {
    content: "\ea6c";
}

.user-sidebar-collapse-btn::after {
    position: absolute;
    content: "\ea60";
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: remixicon !important;
    font-style: normal;
}

.user-sidebar-logo-area {
    position: relative;
    height: 4.5rem;
    padding: 0.875rem 0.625rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 1400px) {
    .user-sidebar-logo-area {
        padding: 0.75rem 1rem;
    }
}

.user-sidebar-logo img {
    max-height: 3.125rem;
    max-width: 175px;
}

.user-sidebar-logo img.icon-logo {
    display: none;
    max-width: 40px;
}

.user-sidebar-menu-area {
    height: calc(100vh - 72px);
    padding: 0.75rem 0.625rem;
    overflow-y: auto;
}

@media (min-width: 1400px) {
    .user-sidebar-menu-area {
        padding: 0.75rem 1rem;
    }
}

.user-sidebar-menu-area:hover::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.15);
    border: 1px solid transparent;
    border-radius: 999px;
}

.user-sidebar-menu-area::-webkit-scrollbar {
    width: 6px;
    background-color: transparent;
}

.user-sidebar-menu-area::-webkit-scrollbar-thumb {
    background-color: transparent;
}

.sidebar-menu {
    height: 100vh;
    overflow-y: auto;
    padding-inline-end: 0.9375rem;
}

.sidebar-menu>li+li {
    margin-top: 0.3125rem;
}

@media (min-width: 1400px) {
    .sidebar-menu>li+li {
        margin-top: 0.5rem;
    }
}

.sidebar-menu li.dropdown>a {
    position: relative;
}

.sidebar-menu li.dropdown>a::after {
    position: absolute;
    content: "\ea6e";
    font-family: remixicon;
    font-style: normal;
    inset-block-start: 50%;
    inset-inline-end: 0.75rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1rem;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sidebar-menu li.dropdown.open>a,
.sidebar-menu li.dropdown.dropdown-open>a {
    background: var(--grad-bg);
    color: var(--display-color);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 0 2px 0 rgba(0, 0, 0, 0.06);
}

.sidebar-menu li.dropdown.open>a:hover,
.sidebar-menu li.dropdown.dropdown-open>a:hover {
    color: #fff;
}

.sidebar-menu li.dropdown.open>a::after,
.sidebar-menu li.dropdown.dropdown-open>a::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

.sidebar-menu li.dropdown.open .sidebar-submenu {
    display: block;
}

.sidebar-menu li>a.active-page {
    background: var(--grad-bg);
    color: var(--display-color);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 0 2px 0 rgba(0, 0, 0, 0.06);
}

.sidebar-menu li>a.active-page:hover {
    color: #fff;
}

.sidebar-menu li a {
    padding: 0.5rem 0.625rem;
    display: flex;
    align-items: center;
    color: var(--body-color);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 500;
}

@media (min-width: 1400px) {
    .sidebar-menu li a {
        padding: 0.625rem 0.75rem;
    }
}

.sidebar-menu li a:hover {
    color: var(--primary);
}

.sidebar-menu li a .sidebar-menu-icon {
    font-size: 1.125rem;
    margin-inline-end: 0.5rem;
}

@media (min-width: 1650px) {
    .sidebar-menu li a .sidebar-menu-icon {
        font-size: 1.375rem;
        margin-inline-end: 0.75rem;
    }
}

.sidebar-menu li a i {
    line-height: 1.2;
    width: 24px;
    margin-inline-end: 0.75rem;
    font-size: 1.375rem;
}

.sidebar-menu li a .circle-icon {
    font-size: 0.625rem;
}

.sidebar-menu .sidebar-submenu {
    padding-block-start: 0.75rem;
    display: none;
    padding-inline-start: 1.25rem;
    transition: none;
    position: relative;
}

@media (min-width: 1650px) {
    .sidebar-menu .sidebar-submenu {
        padding-inline-start: 2.25rem;
    }
}

.sidebar-menu .sidebar-submenu::before {
    position: absolute;
    content: "";
    top: 0;
    inset-inline-start: 22px;
    width: 1px;
    height: 100%;
    background-color: #fff;
    opacity: 0.1;
}

.sidebar-menu .sidebar-submenu li.active-page a {
    background: transparent;
    color: var(--primary);
    box-shadow: none;
}

.sidebar-menu .sidebar-submenu li.active-page a::before {
    background-color: var(--primary);
    opacity: 1;
}

.sidebar-menu .sidebar-submenu li a {
    padding: 0.4375rem 0.75rem;
    position: relative;
}

.sidebar-menu .sidebar-submenu li a:hover::before {
    background-color: var(--primary);
    opacity: 1;
}

.sidebar-menu .sidebar-submenu li a::before {
    position: absolute;
    content: "";
    left: -10px;
    top: 50%;
    height: 1px;
    width: 12px;
    background-color: #fff;
    opacity: 0.1;
}

.sidebar-menu .sidebar-menu-group-title {
    color: rgba(255, 255, 255, 0.45);
    font-weight: 400;
    margin-block: 0.5rem;
    font-size: 0.75rem;
    text-transform: uppercase;
    padding-top: 0.9375rem;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    margin-top: 15px;
}

.package-updated {
    padding: 0.9375rem;
    background-color: var(--body-bg);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    margin-right: 1rem;
    text-align: center;
    margin-top: 1rem;
}

.package-updated-caption {
    padding: 2px 10px;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 99px;
    -webkit-border-radius: 99px;
    -moz-border-radius: 99px;
    -ms-border-radius: 99px;
    -o-border-radius: 99px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.package-updated-caption i {
    color: var(--primary);
}

.package-updated-caption span {
    font-size: 0.8125rem;
}

.package-updated-price {
    font-size: 1.75rem;
}

.package-updated-price sub {
    font-size: 44%;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7);
}

/* === user sidebar css end === */
/* === user nav css start === */
.user-navbar {
    height: 60px;
    position: fixed;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    padding-inline-start: 1.25rem;
    padding-inline-end: 1.25rem;
    display: flex;
    align-items: center;
    z-index: 2;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

@media (max-width: 575px) {
    .user-navbar {
        justify-content: space-between;
        padding-inline-start: 0.625rem;
        padding-inline-end: 0.625rem;
        position: absolute;
    }
}

@media (min-width: 576px) {
    .user-navbar {
        background-color: var(--body-bg);
    }
}

@media (min-width: 1200px) {
    .user-navbar {
        padding-inline-start: 260px;
    }
}

@media (min-width: 1200px) {
    .user-navbar-logo {
        display: none;
    }
}

.user-navbar-logo img {
    max-height: 38px;
}

@media (min-width: 576px) {
    .user-navbar-logo img {
        max-height: 40px;
    }
}

.user-navbar .user-sidebar-open-btn {
    font-size: 1.375rem;
    margin-inline-end: 0.625rem;
    line-height: 1;
}

@media (min-width: 576px) {
    .user-navbar .user-sidebar-open-btn {
        margin-inline-end: 1.25rem;
    }
}

@media (min-width: 1200px) {
    .user-navbar .user-sidebar-open-btn {
        display: none;
    }
}

.ht-mobile-bar {
    position: fixed;
    bottom: -110%;
    left: 0;
    width: 100%;
    background-color: var(--surface);
    box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.05);
    z-index: 9;
    padding: 0.625rem 0.9375rem;
    transition: all 0.3s;
}

.ht-mobile-bar.bottom-fixed {
    bottom: 0;
}

@media (min-width: 576px) {
    .ht-mobile-bar {
        display: none;
    }
}

.ht-mobile-bar ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.ht-mobile-bar ul li a {
    display: flex;
    flex-flow: column;
    align-items: center;
    color: rgba(255, 255, 255, 0.7);
}

.ht-mobile-bar ul li a i {
    font-size: 1.125rem;
    line-height: 1;
}

.ht-mobile-bar ul li a span {
    font-size: 0.75rem;
    font-weight: 500;
}

.ht-mobile-bar ul li a.active {
    color: var(--primary);
}

.ht-mobile-bar ul li a.ht-mobile-bar-main-item {
    margin-top: -50px;
}

.ht-mobile-bar ul li a.ht-mobile-bar-main-item i {
    width: 50px;
    height: 50px;
    background-color: var(--primary);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    color: #fff;
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 5px 15px var(--primary);
}

/* === user nav css end === */
/* === user body css start === */
.user-dashboard {
    padding-inline-start: 0;
    padding-block-start: 60px;
    background-color: var(--body-bg);
    min-height: 100vh;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    padding-bottom: 4.6875rem;
    padding-inline: 0.3125rem;
}

@media (min-width: 576px) {
    .user-dashboard {
        padding-bottom: 0;
        padding-inline: 0;
    }
}

@media (min-width: 1200px) {
    .user-dashboard {
        padding-inline-start: 255px;
    }
}

.user-dashbaord-body {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
}

@media (min-width: 576px) {
    .user-dashbaord-body {
        padding-top: 1.25rem;
    }
}

@media (min-width: 1400px) {
    .user-dashbaord-body {
        padding-inline: 1rem;
    }
}

.ht-d-card {
    padding: 0.75rem;
    background-color: var(--body-bg);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    height: 100%;
    text-align: center;
}

@media (min-width: 576px) {
    .ht-d-card {
        text-align: left;
        padding: 1rem;
    }
}

@media (min-width: 768px) {
    .ht-d-card {
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 1200px) {
    .ht-d-card {
        display: block;
    }
}

@media (min-width: 1650px) {
    .ht-d-card {
        display: flex;
        flex-wrap: wrap;
    }
}

.ht-d-card:hover .ht-d-card-icon {
    color: #fff;
}

.ht-d-card:hover .ht-d-card-icon::before {
    opacity: 1;
}

.ht-d-card-icon {
    position: relative;
    width: 40px;
    height: 40px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: var(--primary);
    z-index: 1;
    margin-inline: auto;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

@media (min-width: 576px) {
    .ht-d-card-icon {
        margin-inline: 0;
        width: 50px;
        height: 50px;
        font-size: 2rem;
    }
}

.ht-d-card-icon::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary);
    opacity: 0.15;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.ht-d-card-content {
    margin-top: 0.75rem;
}

@media (min-width: 768px) {
    .ht-d-card-content {
        margin-top: 0;
        width: calc(100% - 50px);
        padding-inline-start: 1rem;
    }
}

@media (min-width: 1200px) {
    .ht-d-card-content {
        margin-top: 1rem;
        width: 100%;
        padding-inline-start: 0;
    }
}

@media (min-width: 1650px) {
    .ht-d-card-content {
        margin-top: 0;
        width: calc(100% - 50px);
        padding-inline-start: 1rem;
    }
}

.ht-d-card-content h6 {
    font-size: 0.875rem;
}

@media (min-width: 576px) {
    .ht-d-card-content h6 {
        font-size: 1.125rem;
    }
}

@media (min-width: 1400px) {
    .ht-d-card-content h6 {
        font-size: 1.25rem;
    }
}

.ht-d-card-content p {
    color: rgba(255, 255, 255, 0.75);
    font-size: 0.75rem;
}

@media (min-width: 576px) {
    .ht-d-card-content p {
        font-size: 0.875rem;
    }
}

.ht-bal-card {
    position: relative;
    padding: 1.5625rem 1.875rem;
    background-color: var(--surface);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    text-align: center;
    background-position: center;
    background-size: cover;
    z-index: 1;
    margin-bottom: 2.5rem;
}

@media (min-width: 1200px) {
    .ht-bal-card {
        padding: 1.5625rem 0.25rem;
    }
}

@media (min-width: 1400px) {
    .ht-bal-card {
        padding: 1.5625rem 1.25rem;
    }
}

@media (min-width: 1650px) {
    .ht-bal-card {
        padding: 1.5625rem 1.875rem;
    }
}

.ht-bal-card-el {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    z-index: -1;
    opacity: 0.35;
}

.ht-bal-card-btns {
    margin-bottom: -2.5rem;
    margin-top: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    justify-content: center;
}

@media (min-width: 1200px) {
    .ht-bal-card-btns {
        gap: 0.5rem;
    }
}

@media (min-width: 1400px) {
    .ht-bal-card-btns {
        gap: 1rem;
    }
}

.ht-roi-chart {
    position: relative;
}

.ht-roi-chart-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.ht-roi-status li+li {
    margin-top: 0.75rem;
}

.ht-roi-status li {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.ht-roi-status-title {
    width: 120px;
}

.mystery-box-available-card {
    padding: 1.25rem;
    background: var(--surface);
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

@media (min-width: 1400px) {
    .mystery-box-available-card {
        padding: 1.875rem;
    }
}

@media (min-width: 1650px) {
    .mystery-box-available-card {
        padding: 2.5rem;
    }
}

@media (min-width: 1200px) {
    .mystery-box-available-card h4 {
        font-size: 1.5rem;
    }
}

@media (min-width: 1400px) {
    .mystery-box-available-card h4 {
        font-size: 2rem;
    }
}

@media (min-width: 1200px) {
    .mystery-box-available-card h5 {
        font-size: 1.25rem;
    }
}

@media (min-width: 1400px) {
    .mystery-box-available-card h5 {
        font-size: 1.5rem;
    }
}

.mystery-box-available-card .bonus-timer {
    display: inline-flex;
    align-items: center;
    padding: 0.3125rem 0.625rem;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    -o-border-radius: 999px;
}

.mystery-box-available-card .bonus-timer .icon {
    color: var(--secondary);
    font-size: 1.125rem;
    border-right: 1px solid var(--secondary);
    padding-right: 0.625rem;
}

.mystery-box-available-card .bonus-timer .timer {
    font-size: 0.875rem;
    color: #fff;
    width: 120px;
}

.mystery-box-available-card .mystery-bonus-box {
    text-align: center;
}

.mystery-box-available-card .mystery-bonus-box-main-box {
    max-height: 280px;
    margin-bottom: -125px;
    transform: rotate(-10deg);
}

@media (min-width: 768px) {
    .mystery-box-available-card .mystery-bonus-box-main-box {
        max-height: 180px;
    }
}

@media (min-width: 992px) {
    .mystery-box-available-card .mystery-bonus-box-main-box {
        max-height: 200px;
    }
}

@media (min-width: 1400px) {
    .mystery-box-available-card .mystery-bonus-box-main-box {
        max-height: 280px;
    }
}

.mystery-box-available-card .mystery-bonus-box-lighting {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.mystery-box-available-card .mystery-bonus-box-lighting img {
    animation: spinner 5s infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    max-height: 400px;
}

.mystery-box-available-card .mystery-box-available-el {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
    opacity: 0.25;
}

/* === user body css end === */
/* === user footer css start === */
.user-footer {
    padding: 0.625rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

@media (min-width: 1400px) {
    .user-footer {
        padding: 0.9375rem 0;
    }
}

/* === user footer css end === */
/* === banner css start === */
.ht-banner-section {
    position: relative;
    z-index: 1;
    padding-top: 7.5rem;
    padding-bottom: 3.75rem;
    background-position-y: 34%;
    background-position-x: center;
}

@media (min-width: 576px) {
    .ht-banner-section {
        padding-top: 7.5rem;
        padding-bottom: 3.75rem;
    }
}

@media (min-width: 992px) {
    .ht-banner-section {
        padding-top: 9.375rem;
        padding-bottom: 6.25rem;
        background-position-x: right;
    }
}

@media (min-width: 1200px) {
    .ht-banner-section {
        padding-top: 11.25rem;
        padding-bottom: 7.5rem;
    }
}

@media (min-width: 1400px) {
    .ht-banner-section {
        padding-top: 13.75rem;
        padding-bottom: 10rem;
    }
}

@media (min-width: 1650px) {
    .ht-banner-section {
        padding-top: 17.5rem;
        padding-bottom: 12.5rem;
    }
}

.ht-banner-section::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.85) 80%, transparent 100%);
    z-index: -1;
}

@media (min-width: 992px) {
    .ht-banner-section::before {
        width: 60%;
    }
}

.ht-banner-section .ht-banner-top-title {
    color: var(--primary);
    font-weight: 600;
    margin-bottom: 0.625rem;
    display: flex;
    align-items: center;
    gap: 0.625rem;
    font-size: 0.875rem;
}

@media (min-width: 576px) {
    .ht-banner-section .ht-banner-top-title {
        font-size: 1rem;
    }
}

.ht-banner-section .ht-banner-top-title .icon {
    font-size: 1.25rem;
}

@media (min-width: 576px) {
    .ht-banner-section .ht-banner-title {
        font-size: 2.25rem;
    }
}

@media (min-width: 992px) {
    .ht-banner-section .ht-banner-title {
        font-size: 3rem;
    }
}

@media (min-width: 1400px) {
    .ht-banner-section .ht-banner-title {
        font-size: 3.875rem;
    }
}

.ht-banner-section .ht-banner-title span {
    background: -webkit-linear-gradient(var(--secondary), var(--primary));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ht-banner-section .ht-banner-description {
    font-size: 1rem;
    margin-block: 1.5rem;
}

@media (min-width: 992px) {
    .ht-banner-section .ht-banner-description {
        font-size: 1.125rem;
    }
}

/* === banner css end === */
/* === feature css start === */
.ht-feature-section {
    position: relative;
    z-index: 1;
    background-color: var(--surface);
}

.ht-feature-section::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 128px 160px #140c07;
    z-index: -1;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.85) 80%, transparent 100%);
}

@media (min-width: 992px) {
    .ht-feature-section::before {
        width: 50%;
        background: transparent;
    }
}

.ht-feature-section .ht-feature-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: center 18%;
    z-index: -2;
    -webkit-mask-image: linear-gradient(to right, #000 0%, #000 72%, transparent 100%);
    mask-image: linear-gradient(to right, #000 0%, #000 72%, transparent 100%);
}

@media (max-width: 991px) {
    .ht-feature-section .ht-feature-bg-img {
        width: 100%;
        opacity: 0.35;
        object-position: center 20%;
        -webkit-mask-image: none;
        mask-image: none;
    }
}

.ht-feature-section .ht-section-title {
    max-width: 16ch;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.25;
}

@media (min-width: 992px) {
    .ht-feature-section .ht-section-title {
        margin-left: 0;
        margin-right: 0;
    }
}

.ht-feature-list {
    margin-top: 2.8125rem;
    display: flex;
    flex-wrap: wrap;
}

@media (min-width: 992px) {
    .ht-feature-list li+li {
        margin-top: 1.875rem;
    }
}

.ht-feature-list li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    padding: 1rem;
    justify-content: center;
    text-align: center;
}

@media (min-width: 576px) {
    .ht-feature-list li {
        width: 50%;
    }
}

@media (min-width: 992px) {
    .ht-feature-list li {
        width: 100%;
        padding: 0;
        justify-content: flex-start;
        text-align: left;
    }
}

.ht-feature-list li:hover .ht-feature-icon img {
    animation: bounceIn;
    animation-duration: 1s;
}

.ht-feature-list li .ht-feature-icon {
    width: 70px;
    height: 70px;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--primary);
    font-size: 3rem;
    line-height: 1;
}

.ht-feature-list li .ht-feature-icon::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary);
    opacity: 0.15;
    z-index: -1;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.ht-feature-list li .ht-feature-icon img {
    max-width: 45px;
    max-height: 45px;
}

.ht-feature-list li .ht-feature-content {
    width: 100%;
    margin-top: 1.25rem;
}

@media (min-width: 992px) {
    .ht-feature-list li .ht-feature-content {
        width: calc(100% - 70px);
        padding-left: 1.25rem;
        margin-top: 0;
    }
}

.ht-feature-list li .ht-feature-content .title {
    font-size: 1.25rem;
}

@media (min-width: 576px) {
    .ht-feature-list li .ht-feature-content .title {
        font-size: 1.375rem;
    }
}

/* === feature css end === */
/* === plan css start === */
.ht-plan {
    position: relative;
    padding: 30px;
    background-color: var(--surface);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    box-shadow: inset -2px 2px 7px rgba(238, 150, 1, 0.5), inset 2px -2px 7px rgba(238, 150, 1, 0.5);
    z-index: 1;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.ht-plan:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}

.ht-plan:hover .ht-plan-circle::after {
    animation: spinner 3s infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.ht-plan::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 95px;
    background-color: var(--primary);
    opacity: 0.1;
    z-index: -1;
}

.ht-plan .ht-plan-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.ht-plan .ht-plan-circle {
    display: inline-flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100px;
    height: 100px;
    position: relative;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
    z-index: 1;
    padding: 1rem;
}

@media (min-width: 1400px) {
    .ht-plan .ht-plan-circle {
        width: 150px;
        height: 150px;
    }
}

.ht-plan .ht-plan-circle::before {
    position: absolute;
    content: "";
    top: 3px;
    left: 3px;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    background-color: var(--surface);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.15);
    z-index: -1;
}

.ht-plan .ht-plan-circle::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 0px;
    width: 50%;
    height: 50%;
    background: var(--grad-bg);
    transform-origin: 100% 0%;
    transform: rotate(240deg);
    z-index: -2;
}

.ht-plan .ht-plan-percentage {
    font-size: 1.5rem;
    line-height: 1;
}

@media (min-width: 1400px) {
    .ht-plan .ht-plan-percentage {
        font-size: 2.625rem;
    }
}

.ht-plan .ht-plan-percentage sub {
    font-size: 45%;
    margin-left: -8px;
}

.ht-plan .ht-plan-name {
    text-transform: uppercase;
    color: var(--primary);
    font-size: 0.875rem;
}

@media (min-width: 1400px) {
    .ht-plan .ht-plan-name {
        font-size: 1rem;
    }
}

.ht-plan .ht-plan-roi-part {
    width: calc(100% - 100px);
    padding-left: 1.5rem;
    display: flex;
    flex-flow: column;
    align-items: center;
}

@media (min-width: 1400px) {
    .ht-plan .ht-plan-roi-part {
        width: calc(100% - 150px);
    }
}

.ht-plan .ht-plan-roi-part-title {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.7);
}

.ht-plan .ht-plan-roi-part-details {
    line-height: 1;
}

.ht-plan .ht-plan-top-caption {
    font-size: 0.75rem;
    font-weight: 600;
    position: relative;
    width: 100%;
}

.ht-plan .ht-plan-top-caption::before {
    position: absolute;
    content: "";
    top: -6px;
    left: -5px;
    width: 50px;
    height: 2px;
    background-color: var(--primary);
}

.ht-plan .ht-plan-top-caption::after {
    position: absolute;
    content: "";
    top: -13px;
    left: -22px;
    width: 20px;
    height: 2px;
    background-color: var(--primary);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ht-plan .ht-plan-top-caption-inner {
    position: relative;
    padding: 0.375rem 0.625rem;
    text-align: center;
    background: var(--grad-bg);
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    -o-border-radius: 999px;
}

@media (min-width: 992px) {
    .ht-plan .ht-plan-top-caption-inner {
        padding: 0.375rem 0.9375rem;
    }
}

.ht-plan .ht-plan-top-caption-inner::before {
    position: absolute;
    content: "";
    top: -6px;
    right: -6px;
    width: calc(100% - 30px);
    height: calc(100% + 12px);
    border: 2px solid var(--primary);
    border-left: 0;
    border-radius: 0 99px 99px 0;
    -webkit-border-radius: 0 99px 99px 0;
    -moz-border-radius: 0 99px 99px 0;
    -ms-border-radius: 0 99px 99px 0;
    -o-border-radius: 0 99px 99px 0;
}

.ht-plan .ht-plan-body {
    padding: 1.875rem 0;
}

.ht-plan .ht-plan-details-list {
    display: flex;
    flex-wrap: wrap;
}

.ht-plan .ht-plan-details-list li {
    padding: 10px 0;
    width: 100%;
}

.ht-plan .ht-plan-details-list li span {
    color: rgba(255, 255, 255, 0.7);
    font-family: var(--display-font);
    font-size: 0.875rem;
}

.ht-plan .ht-plan-details-list li p {
    margin-bottom: 0;
    font-weight: 500;
    font-family: var(--display-font);
}

.ht-plan .ht-plan-footer-info-text {
    font-size: 0.875rem;
    margin-top: 1rem;
    color: rgba(255, 255, 255, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    align-items: center;
    gap: 0.375rem;
}

.ht-plan .ht-plan-footer-info-text span {
    font-size: 1.125rem;
    margin-top: -1px;
}

.ht-plan .ht-plan-el-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    opacity: 0.05;
    z-index: -1;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

@keyframes spinner {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

/* === plan css end === */
/* === calculator css start === */
.ht-calculator {
    position: relative;
    padding: 2.5rem;
    background-color: var(--surface);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    z-index: 1;
}

@media (min-width: 576px) {
    .ht-calculator {
        padding: 3.75rem;
    }
}

@media (min-width: 992px) {
    .ht-calculator {
        padding: 5rem;
    }
}

.ht-calculator::before {
    position: absolute;
    content: "";
    top: 15px;
    left: 15px;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    background-color: rgba(20, 12, 7, 0.65);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index: -1;
}

@media (min-width: 576px) {
    .ht-calculator::before {
        top: 20px;
        left: 20px;
        width: calc(100% - 40px);
        height: calc(100% - 40px);
    }
}

@media (min-width: 992px) {
    .ht-calculator::before {
        top: 30px;
        left: 30px;
        width: calc(100% - 60px);
        height: calc(100% - 60px);
    }
}

.ht-calculator-img-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    z-index: -2;
}

.ht-calculator-chart {
    position: relative;
    display: flex;
    justify-content: center;
}

.ht-calculator-chart .ht-calculator-chart-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.ht-calculator-info-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.5rem;
}

.ht-calculator-info-list li {
    width: 33.3333333333%;
    display: flex;
    flex-flow: column;
    align-items: center;
    padding: 0.5rem;
    text-align: center;
}

.ht-calculator-info-list li span {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.7);
}

@media (min-width: 576px) {
    .ht-calculator-info-list li span {
        font-size: 0.875rem;
    }
}

.ht-calculator-info-list li span .invest-icon {
    color: #ee9601;
}

.ht-calculator-info-list li span .profit-icon {
    color: #ff4a28;
}

.ht-calculator-info-list li span .capital-icon {
    color: #f97316;
}

.ht-calculator-info-list li p {
    color: #fff;
    margin-bottom: 0;
    font-size: 0.875rem;
}

@media (min-width: 576px) {
    .ht-calculator-info-list li p {
        font-size: 1rem;
    }
}

/* === calculator css end === */
/* === trading css start === */
.ht-trading-section {
    background-color: var(--surface);
}

.trading-view-chart {
    background-color: var(--body-bg);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    overflow: hidden;
}

.trading-view-chart-header {
    padding: 1rem 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

@media (min-width: 576px) {
    .trading-view-chart-header {
        padding: 1rem 1.25rem;
    }
}

.trading-view-chart-header.style-two {
    padding-block: 1.4375rem;
}

.trading-checkbox-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 1rem;
}

.trading-checkbox {
    position: relative;
}

.trading-checkbox .form-check-input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.trading-checkbox .form-check-input:checked~.form-check-label {
    border-color: var(--primary);
}

.trading-checkbox .form-check-label {
    position: relative;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border: 2px solid var(--border-color);
    padding: 0.375rem 0.625rem;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.trading-checkbox .form-check-label img {
    width: 20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

#tradingChart .apexcharts-tooltip {
    padding: 1rem;
    background-color: var(--body-bg) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
}

#tradingChart .apexcharts-tooltip .apexcharts-tooltip-box .value {
    color: var(--primary);
}

.overview-part.loading {
    position: relative;
}

.overview-part.loading::before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 87%;
    background-color: rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(10px);
    border-radius: 12px;
    z-index: 1;
}

.overview-part.loading::after {
    position: absolute;
    content: "\f116";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 400 !important;
    color: #fff;
    z-index: 2;
    font-size: 24px;
    animation: spin 1s infinite linear;
}

@keyframes spin {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(-180deg);
    }
}

.ht-trading-scroller {
    background-color: var(--body-bg);
    padding: 0.9375rem 0;
}

.ht-trading-scroller .tradingview-widget-container {
    height: auto !important;
}

.tradingview-widget-container .tradingview-widget-copyright {
    display: none;
}

/* === trading css end === */
/* === bonus css start === */
.ht-bonus-list {
    margin-top: 2.8125rem;
}

.ht-bonus-list li+li {
    margin-top: 2.5rem;
}

.ht-bonus-list li {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.ht-bonus-list li:hover .ht-bonus-icon span:not(.ht-bonus-icon-number) {
    animation: spinner 5s infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.ht-bonus-list li:last-child::before {
    display: none;
}

.ht-bonus-list li::before {
    position: absolute;
    content: "";
    top: 65px;
    left: 35px;
    width: 1px;
    height: calc(100% - 22px);
    background-color: var(--primary);
}

.ht-bonus-list li:hover .ht-bonus-icon img {
    animation: bounceIn;
    animation-duration: 1s;
}

.ht-bonus-list li .ht-bonus-icon {
    width: 70px;
    height: 70px;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ht-bonus-list li .ht-bonus-icon span:not(.ht-bonus-icon-number) {
    color: var(--primary);
    font-size: 4.375rem;
    line-height: 1;
}

.ht-bonus-list li .ht-bonus-icon .ht-bonus-icon-number {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    background: var(--grad-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-weight: 600;
    color: var(--surface);
    font-size: 1.125rem;
}

.ht-bonus-list li .ht-bonus-content {
    width: calc(100% - 70px);
    padding-left: 1.25rem;
}

.ht-bonus-list li .ht-bonus-content .title {
    font-size: 1.25rem;
}

@media (min-width: 576px) {
    .ht-bonus-list li .ht-bonus-content .title {
        font-size: 1.375rem;
    }
}

.ht-bonus-area {
    position: relative;
    z-index: 1;
}

.ht-bonus-area .light-circle {
    position: absolute;
    top: -27%;
    left: 2%;
    z-index: -1;
    animation: spinner 15s infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.ht-bonus-box-slider .ht-bonus-box-slide {
    padding: 0 1rem;
    text-align: center;
}

.ht-bonus-box-slider .ht-bonus-box-slide img {
    display: inline-block;
}

/* === bonus css end === */
/* === how work css start === */
.ht-how-work-section {
    position: relative;
    background-color: var(--surface);
    z-index: 1;
}

.ht-how-work-section::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 40%;
    height: 100%;
    background-color: transparent;
    box-shadow: inset 0 0 128px 160px var(--surface);
    z-index: -1;
}

.ht-how-work-section-bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    z-index: -2;
}

.ht-how-work-item {
    position: relative;
    padding: 1.25rem;
    background-color: transparent;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    z-index: 1;
    margin-left: 0;
    margin-top: 45px;
    justify-content: center;
    text-align: center;
}

@media (min-width: 576px) {
    .ht-how-work-item {
        margin-left: 2.8125rem;
        margin-top: 0;
        justify-content: flex-start;
        text-align: left;
    }
}

@media (min-width: 1200px) {
    .ht-how-work-item {
        padding: 1.5rem;
    }
}

.ht-how-work-item:hover::after {
    background: linear-gradient(var(--primary), transparent) border-box;
}

.ht-how-work-item:hover .ht-how-work-item-number {
    border-color: var(--primary);
}

.ht-how-work-item::before {
    position: absolute;
    content: "";
    inset: 0;
    background: linear-gradient(180deg, #1d1009 68.54%, rgba(20, 12, 7, 0) 86.92%);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    z-index: -1;
}

.ht-how-work-item::after {
    position: absolute;
    content: "";
    inset: 0;
    border: 1px solid transparent;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    background: linear-gradient(rgba(255, 255, 255, 0.15), transparent) border-box;
    -webkit-mask: linear-gradient(#000000 0 0) padding-box, linear-gradient(#000000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.ht-how-work-item-number {
    position: absolute;
    top: -40px;
    left: 50%;
    width: 80px;
    height: 80px;
    border-top: 1px solid var(--border-color);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    align-items: flex-start;
    padding-inline-start: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    font-size: 1.5rem;
    font-weight: 600;
    z-index: -2;
    margin-left: -40px;
    justify-content: center;
    padding-top: 0.375rem;
}

@media (min-width: 576px) {
    .ht-how-work-item-number {
        top: 50%;
        left: -45px;
        padding-inline-start: 1.375rem;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        border-left: 1px solid var(--border-color);
        border-top: none;
        justify-content: flex-start;
        padding-top: 0;
        align-items: center;
        margin-left: 0;
    }
}

.ht-how-work-item-icon {
    width: 45px;
    font-size: 2.375rem;
    color: var(--primary);
}

.ht-how-work-item-content {
    width: 100%;
    padding-left: 0;
    margin-top: 1.25rem;
}

@media (min-width: 1200px) {
    .ht-how-work-item-content {
        width: calc(100% - 45px);
        padding-left: 1.25rem;
        margin-top: 0;
    }
}

.ht-how-work-item-title {
    font-size: 1.125rem;
}

/* === how work css end === */
/* === referral css start === */
.ht-referral-item {
    padding: 1.25rem 0.9375rem;
    background-color: var(--surface);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    position: relative;
    z-index: 1;
    height: 100%;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

@media (min-width: 576px) {
    .ht-referral-item {
        padding: 1.5625rem 1.25rem;
    }
}

@media (min-width: 1200px) {
    .ht-referral-item {
        padding: 1.875rem 1.5625rem;
    }
}

.ht-referral-item:hover {
    border-color: var(--primary);
    animation: pulse;
    animation-duration: 0.5s;
}

.ht-referral-item:hover::before {
    animation: zoomIn;
    animation-duration: 0.5s;
}

.ht-referral-item:hover .ht-referral-item-trophy {
    animation: flipInY;
    animation-duration: 0.9s;
}

.ht-referral-item::before {
    position: absolute;
    content: "";
    top: 40px;
    left: 50%;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-image: radial-gradient(var(--primary) 5%, rgba(238, 150, 1, 0.5) 15%, transparent 60%);
    margin-left: -60px;
    z-index: -1;
}

@media (min-width: 576px) {
    .ht-referral-item::before {
        width: 160px;
        height: 160px;
        margin-left: -80px;
    }
}

@media (min-width: 1200px) {
    .ht-referral-item::before {
        width: 200px;
        height: 200px;
        margin-left: -100px;
    }
}

.ht-referral-item-level-text {
    font-size: 1rem;
    font-weight: 500;
    color: var(--primary);
    margin-bottom: 1rem;
}

@media (min-width: 1200px) {
    .ht-referral-item-level-text {
        font-size: 1.125rem;
    }
}

.ht-referral-item-trophy {
    height: 80px;
}

@media (min-width: 576px) {
    .ht-referral-item-trophy {
        height: 120px;
    }
}

@media (min-width: 1200px) {
    .ht-referral-item-trophy {
        height: 160px;
    }
}

.ht-referral-item-title {
    margin-top: 1.875rem;
    margin-bottom: 0;
    font-size: 0.875rem;
}

@media (min-width: 576px) {
    .ht-referral-item-title {
        font-size: 1rem;
    }
}

@media (min-width: 1200px) {
    .ht-referral-item-title {
        font-size: 1.25rem;
    }
}

/* === referral css end === */
/* === top investors css start === */
.ht-top-investors {
    background-color: var(--surface);
}

.ht-top-investor-item {
    display: flex;
    flex-flow: column;
    align-items: center;
    position: relative;
    z-index: 1;
}

.ht-top-investor-item:hover::before {
    border-color: var(--primary);
}

.ht-top-investor-item:hover .ht-top-investor-item-thumb {
    border-color: var(--primary);
}

.ht-top-investor-item:hover .ht-top-investor-item-thumb img {
    animation: fadeIn;
    animation-duration: 2s;
}

.ht-top-investor-item::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 70px);
    background-color: var(--surface);
    z-index: -1;
    border: 1px solid var(--border-color);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    box-shadow: inset -2px 2px 7px rgba(238, 150, 1, 0.5), inset 2px -2px 7px rgba(238, 150, 1, 0.5);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

@media (min-width: 1200px) {
    .ht-top-investor-item::before {
        height: calc(100% - 100px);
    }
}

.ht-top-investor-item-thumb {
    width: 120px;
    height: 120px;
    padding: 0.625rem;
    border: 1px solid var(--border-color);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: relative;
    z-index: 1;
    background-color: var(--surface);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

@media (min-width: 1200px) {
    .ht-top-investor-item-thumb {
        width: 160px;
        height: 160px;
    }
}

.ht-top-investor-item-thumb::before {
    position: absolute;
    content: "";
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: 70px;
    background-color: var(--surface);
    z-index: -1;
}

@media (min-width: 1200px) {
    .ht-top-investor-item-thumb::before {
        height: 100px;
    }
}

.ht-top-investor-item-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    object-position: top;
    -o-object-position: top;
}

.ht-top-investor-item-content {
    padding: 1.25rem;
    width: 100%;
    text-align: center;
}

.ht-top-investor-item-content p {
    font-size: 0.875rem;
}

@media (min-width: 576px) {
    .ht-top-investor-item-content p {
        font-size: 1rem;
    }
}

.ht-top-investor-item-title {
    font-size: 1rem;
}

@media (min-width: 576px) {
    .ht-top-investor-item-title {
        font-size: 1.125rem;
    }
}

@media (min-width: 1200px) {
    .ht-top-investor-item-title {
        font-size: 1.25rem;
    }
}

/* === top investors css end === */
/* === faq css start === */
.ht-faq-item-wrapper div[class*=col]:nth-child(even) .ht-faq-item-header {
    margin-left: auto;
    flex-direction: row-reverse;
}

.ht-faq-item-wrapper div[class*=col]:nth-child(even) .ht-faq-item-body {
    padding-inline-start: 1.25rem;
    padding-inline-end: 1.25rem;
    margin-left: 0;
    margin-right: auto;
}

@media (min-width: 576px) {
    .ht-faq-item-wrapper div[class*=col]:nth-child(even) .ht-faq-item-body {
        padding-inline-end: 1.875rem;
        padding-inline-start: 6.25rem;
    }
}

.ht-faq-item-wrapper div[class*=col]:nth-child(even) .ht-faq-item-body-icon {
    right: auto;
    left: 35px;
}

.ht-faq-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ht-faq-item:hover .ht-faq-item-title {
    color: var(--primary);
}

.ht-faq-item:hover .ht-faq-item-body {
    border-color: var(--primary);
}

.ht-faq-item-header {
    padding: 1rem;
    background-color: var(--surface);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    display: inline-flex;
    align-items: center;
    gap: 0.75rem 1rem;
    position: relative;
}

@media (min-width: 576px) {
    .ht-faq-item-header {
        padding: 1rem 2rem 1rem 2rem;
        gap: 0.9375rem 1.875rem;
    }
}

.ht-faq-item-body {
    width: 90%;
    padding: 1.875rem 1.25rem 1.25rem 1.25rem;
    border: 2px solid var(--border-color);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    margin-left: auto;
    margin-top: 24px;
    position: relative;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

@media (min-width: 576px) {
    .ht-faq-item-body {
        width: 80%;
        padding: 1.875rem;
        padding-inline-end: 6.25rem;
    }
}

.ht-faq-item-body-icon {
    position: absolute;
    top: -20px;
    right: 35px;
    font-size: 2rem;
    line-height: 1;
    color: var(--primary);
}

@media (min-width: 576px) {
    .ht-faq-item-body-icon {
        font-size: 3.125rem;
    }
}

.ht-faq-item-body p {
    font-size: 0.9375rem;
}

@media (min-width: 576px) {
    .ht-faq-item-body p {
        font-size: 1rem;
    }
}

.ht-faq-item-title {
    font-size: 1rem;
    font-weight: 600;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

@media (min-width: 576px) {
    .ht-faq-item-title {
        font-size: 1.125rem;
    }
}

@media (min-width: 992px) {
    .ht-faq-item-title {
        font-size: 1.25rem;
    }
}

@media (min-width: 1200px) {
    .ht-faq-item-title {
        font-size: 1.375rem;
    }
}

.ht-faq-item-icon {
    font-size: 2rem;
    line-height: 1;
    margin-bottom: 0;
    color: var(--primary);
}

@media (min-width: 576px) {
    .ht-faq-item-icon {
        font-size: 3.125rem;
        margin-bottom: -35px;
    }
}

/* === faq css end === */
/* === testimonial css start === */
.ht-testimonial-section {
    background-color: var(--surface);
    overflow: hidden;
}

.ht-testimonial-slider {
    overflow: hidden;
}

.ht-testimonial-slider .slick-list {
    overflow: hidden;
    margin: 0 -15px;
}

.ht-testimonial-slider .slick-track {
    display: flex !important;
}

.ht-testimonial-slider .slick-slide {
    height: auto;
}

.ht-testimonial-slider .slick-slide > div {
    height: 100%;
}

.ht-testimonial-item {
    position: relative;
}

.ht-testimonial-item:hover .ht-testimonial-item-icon {
    color: var(--primary);
    opacity: 1;
}

.ht-testimonial-item-content {
    padding: 1.875rem 1.875rem 8.125rem 1.875rem;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    background-color: var(--body-bg);
}

.ht-testimonial-item-details {
    font-size: 1rem;
}

@media (min-width: 1200px) {
    .ht-testimonial-item-details {
        font-size: 1.125rem;
    }
}

.ht-testimonial-item-icon {
    font-size: 2.25rem;
    line-height: 1;
    color: #fff;
    opacity: 0.05;
    display: inline-block;
    margin-bottom: 1rem;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.ht-testimonial-item-client {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 1.25rem;
    background-color: var(--surface);
    padding: 1.25rem 1.25rem 1.25rem 0;
    border-radius: 0 16px 16px 0;
    -webkit-border-radius: 0 16px 16px 0;
    -moz-border-radius: 0 16px 16px 0;
    -ms-border-radius: 0 16px 16px 0;
    -o-border-radius: 0 16px 16px 0;
}

.ht-testimonial-item-client::before {
    position: absolute;
    content: "";
    top: -20px;
    left: 1px;
    background: transparent;
    width: 1.25rem;
    height: 1.25rem;
    border-bottom-right-radius: 1.25rem;
    box-shadow: 0.313rem 0.313rem 0 0.313rem var(--surface);
    transform: rotate(87deg);
}

.ht-testimonial-item-client::after {
    position: absolute;
    content: "";
    bottom: 0px;
    right: -18px;
    background: transparent;
    width: 1.25rem;
    height: 1.25rem;
    border-bottom-right-radius: 1.25rem;
    box-shadow: 0.313rem 0.313rem 0 0.313rem var(--surface);
    transform: rotate(96deg);
}

.ht-testimonial-item-client .thumb {
    width: 65px;
    height: 65px;
}

.ht-testimonial-item-client .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.ht-testimonial-item-client .content {
    width: calc(100% - 65px);
    padding-inline-start: 1.25rem;
}

.ht-testimonial-item-client .content h6 {
    font-size: 1rem;
}

.ht-testimonial-item-client .content p {
    font-size: 0.875rem;
}

.ht-testimonial-slider .ht-single-slide {
    padding: 0 15px;
}

.ht-testimonial-slider .slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1.875rem;
    gap: 0.625rem;
}

.ht-testimonial-slider .slick-dots li.slick-active button {
    background-color: var(--primary);
    width: 25px;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    -o-border-radius: 999px;
}

.ht-testimonial-slider .slick-dots li button {
    font-size: 0;
    width: 12px;
    height: 12px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    padding: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/* === testimonial css end === */
/* === blog css start === */
.ht-blog-post {
    background-color: var(--surface);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.ht-blog-post:hover .ht-blog-post-thumb img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.ht-blog-post-thumb {
    overflow: hidden;
    height: 290px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.ht-blog-post-thumb img {
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.ht-blog-post-content {
    padding: 1.5625rem;
}

.ht-blog-post-title {
    font-size: 1rem;
    font-weight: 500;
}

@media (min-width: 576px) {
    .ht-blog-post-title {
        font-size: 1.25rem;
    }
}

@media (min-width: 1400px) {
    .ht-blog-post-title {
        font-size: 1.375rem;
    }
}

.ht-blog-post-title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ht-blog-post.list-style-small {
    display: flex;
    flex-wrap: wrap;
    background-color: rgba(20, 12, 7, 0.25);
    backdrop-filter: blur(10px);
    padding: 0.625rem;
    align-items: center;
}

.ht-blog-post.list-style-small .ht-blog-post-thumb {
    width: 60px;
    height: 60px;
}

@media (min-width: 576px) {
    .ht-blog-post.list-style-small .ht-blog-post-thumb {
        width: 80px;
        height: 80px;
    }
}

.ht-blog-post.list-style-small .ht-blog-post-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}

.ht-blog-post.list-style-small .ht-blog-post-content {
    width: calc(100% - 60px);
    padding: 0;
    padding-inline-start: 1rem;
}

@media (min-width: 576px) {
    .ht-blog-post.list-style-small .ht-blog-post-content {
        width: calc(100% - 80px);
        padding-inline-start: 1.25rem;
    }
}

.ht-blog-post.list-style-small .ht-blog-meta li {
    font-size: 0.875rem;
}

.ht-blog-post.list-style-small .ht-blog-post-title {
    font-size: 1rem;
}

.ht-blog-post-small-list>li {
    padding: 1.25rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.ht-blog-post-small-list>li:first-child {
    padding-top: 0;
}

.ht-blog-meta {
    display: flex;
    align-items: center;
    gap: 0.5rem 0.75rem;
}

@media (min-width: 576px) {
    .ht-blog-meta {
        gap: 0.5rem 1rem;
    }
}

.ht-blog-meta li {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.ht-blog-meta li i {
    color: var(--primary);
    font-size: 1.125rem;
}

/* === blog css end === */
/* === contact css start === */
.ht-contact-info-list li+li {
    margin-top: 1.875rem;
}

.ht-contact-info-list li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.ht-contact-info-list-icon {
    width: 50px;
    height: 50px;
    background: var(--grad-bg);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.625rem;
    color: #fff;
}

.ht-contact-info-list-content {
    width: calc(100% - 50px);
    padding-left: 1.25rem;
}

.ht-contact-info-list-content p {
    font-size: 1.125rem;
}

.ht-contact-form-part {
    padding: 2.5rem;
    background-color: var(--surface);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

/* === contact css end === */
/* === auth css start === */
.ht-auth {
    min-height: 100vh;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 2.5rem 0;
    justify-content: space-between;
    z-index: 1;
}

.ht-auth::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.85), transparent);
    backdrop-filter: blur(10px);
    z-index: -1;
}

.ht-auth-content {
    padding: 3.125rem 0;
    position: relative;
    z-index: 1;
    flex-flow: column;
    justify-content: space-between;
    display: none;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
}

@media (min-width: 992px) {
    .ht-auth-content {
        display: flex;
    }
}

.ht-auth-content-title {
    font-size: 1.5rem;
}

@media (min-width: 1200px) {
    .ht-auth-content-title {
        font-size: 1.75rem;
    }
}

@media (min-width: 1400px) {
    .ht-auth-content-title {
        font-size: 2rem;
    }
}

.ht-auth-content-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 2rem;
}

.ht-auth-right {
    background-color: rgba(0, 0, 0, 0.65);
    backdrop-filter: blur(10px);
    padding: 1.875rem 0.9375rem;
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

@media (min-width: 576px) {
    .ht-auth-right {
        padding: 3.125rem;
    }
}

.ht-auth-logo {
    max-height: 3.4375rem;
}

.ht-auth-feature-list li+li {
    margin-top: 1.5rem;
}

.ht-auth-feature-list li .icon {
    font-size: 1.625rem;
    line-height: 1;
    color: var(--primary);
    margin-bottom: 0.75rem;
    display: inline-block;
}

.ht-auth-feature-list .ht-auth-feature-title {
    font-size: 1.125rem;
}

.password-field {
    position: relative;
}

.password-field .icon-field .form-control {
    padding-inline-end: 2.75rem;
}

.password-field .password-field-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--placeholder-color);
    border: 0;
    background: transparent;
    cursor: pointer;
    z-index: 3;
    padding: 0;
}

.password-field .password-field-btn.active .eye-one {
    display: none;
}

.password-field .password-field-btn.active .eye-off {
    display: inline-block;
}

.password-field .password-field-btn .eye-off {
    display: none;
}

/* === auth css end === */
/* === error page css start === */
.error-page {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3.125rem 0;
}

.erorr-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.9375rem;
}

@media (min-width: 576px) {
    .erorr-numbers {
        gap: 1.875rem;
    }
}

.erorr-numbers .erorr-number {
    font-size: 6.25rem;
    font-weight: 700;
    line-height: 1;
    color: var(--primary-two);
    text-shadow: 6px 2px var(--secondary);
}

@media (min-width: 576px) {
    .erorr-numbers .erorr-number {
        font-size: 9.375rem;
    }
}

@media (min-width: 1200px) {
    .erorr-numbers .erorr-number {
        font-size: 11.25rem;
    }
}

.erorr-numbers .erorr-number-first {
    transform: rotateZ(340deg);
}

.erorr-numbers .erorr-number-third {
    transform: rotateZ(-340deg);
    margin-top: -1.25rem;
}

@media (min-width: 576px) {
    .erorr-numbers .erorr-number-third {
        margin-top: -1.5625rem;
    }
}

@media (min-width: 1200px) {
    .erorr-numbers .erorr-number-third {
        margin-top: -2.1875rem;
    }
}

.erorr-numbers .erorr-number-second {
    position: relative;
    font-size: 6.25rem;
    margin-top: -20px;
}

@media (min-width: 576px) {
    .erorr-numbers .erorr-number-second {
        font-size: 7.5rem;
    }
}

@media (min-width: 1200px) {
    .erorr-numbers .erorr-number-second {
        font-size: 9.375rem;
    }
}

.erorr-numbers .erorr-number-second::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--secondary);
    border-radius: 50%;
    z-index: -1;
}

/* === error page css end === */
/* === maintenance page css start === */
.maintenance-page {
    position: relative;
    padding: 1.875rem 0;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
}

@media (min-width: 576px) {
    .maintenance-page {
        padding: 3.125rem 0;
    }
}

.maintenance-page-logo {
    margin-bottom: 1.875rem;
    height: 55px;
}

.maintenance-page-caption {
    font-size: 1.25rem;
}

.maintenance-page-icons {
    position: absolute;
    bottom: -6.25rem;
    inset-inline-end: -6.25rem;
    color: #616161;
    width: 450px;
    height: 400px;
    transform: scale(0.5);
    opacity: 0.15;
}

@media (min-width: 576px) {
    .maintenance-page-icons {
        opacity: 1;
    }
}

@media (min-width: 992px) {
    .maintenance-page-icons {
        transform: scale(1);
        bottom: 0;
        inset-inline-end: 0;
    }
}

.maintenance-page-icons span {
    line-height: 1;
    position: absolute;
    animation-name: spin;
    animation-duration: 7000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.maintenance-page-icons .first-icon {
    font-size: 7.5rem;
    top: 27%;
    inset-inline-start: 2.5rem;
}

.maintenance-page-icons .second-icon {
    font-size: 13.75rem;
    bottom: 0;
    inset-inline-start: 0.9375rem;
}

.maintenance-page-icons .third-icon {
    font-size: 20rem;
    top: 8%;
    inset-inline-end: 0;
}

@-webkit-keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(-360deg);
    }
}

@-moz-keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(-360deg);
    }
}

@-ms-keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(-360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(-360deg);
    }
}

/* === maintenance page css end === */
/* === user trading css start === */
.ht-trading-view-area {
    background-color: var(--surface);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    display: flex;
    flex-wrap: wrap;
    padding: 1rem;
}

.ht-trading-view-area .action-part {
    width: 100%;
    background-color: var(--body-bg);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    padding: 0.75rem;
}

@media (min-width: 992px) {
    .ht-trading-view-area .action-part {
        width: 400px;
    }
}

.ht-trading-view-area .overview-part {
    width: 100%;
    margin-top: 2rem;
}

@media (min-width: 992px) {
    .ht-trading-view-area .overview-part {
        width: calc(100% - 400px);
        padding-inline-start: 1.875rem;
        margin-top: 0;
    }
}

.trading-checkbox-box-list {
    display: flex;
    flex-wrap: wrap;
    max-height: 250px;
}

@media (min-width: 576px) {
    .trading-checkbox-box-list {
        max-height: 325px;
    }
}

@media (min-width: 1400px) {
    .trading-checkbox-box-list {
        max-height: 450px;
    }
}

.trading-checkbox-single-box {
    width: 50%;
    padding: 0.25rem;
    position: relative;
}

@media (min-width: 576px) {
    .trading-checkbox-single-box {
        width: 33.3333333333%;
    }
}

@media (min-width: 768px) {
    .trading-checkbox-single-box {
        width: 25%;
    }
}

@media (min-width: 992px) {
    .trading-checkbox-single-box {
        width: 50%;
    }
}

.trading-checkbox-single-box .form-check-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.trading-checkbox-single-box .form-check-input:checked~.form-check-label {
    border-color: var(--primary);
}

.trading-checkbox-single-box .form-check-label {
    display: block;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.015);
}

.trading-checkbox-single-box .form-check-label-top {
    padding: 0.375rem 0.5rem;
    display: block;
    border-bottom: 1px solid var(--border-color);
}

.trading-checkbox-single-box .form-check-label-body {
    padding: 0.375rem 0.5rem;
}

.trading-checkbox-single-box .form-check-label-bottom {
    padding: 0.25rem 0.625rem;
    background-color: rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    gap: 0.25rem;
    border-radius: 12px 12px 8px 8px;
    -webkit-border-radius: 12px 12px 8px 8px;
    -moz-border-radius: 12px 12px 8px 8px;
    -ms-border-radius: 12px 12px 8px 8px;
    -o-border-radius: 12px 12px 8px 8px;
}

.trading-checkbox-single-box .form-check-label-bottom.trade-up {
    background-color: rgba(34, 197, 94, 0.1);
    color: #22c55e;
}

.trading-checkbox-single-box .form-check-label-bottom.trade-down {
    background-color: rgba(248, 31, 88, 0.1);
    color: #F81F58;
}

.ht-open-trading-list-area {
    height: 390px;
    overflow-x: hidden;
    padding-inline: 0.625rem;
}

.ht-open-trading-row {
    padding: 1rem 1.25rem 1rem 1.25rem;
    background-color: var(--surface);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    box-shadow: inset -2px 2px 7px rgba(255, 255, 255, 0.15), inset 2px -2px 7px rgba(255, 255, 255, 0.15);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.ht-open-trading-row:hover {
    box-shadow: inset -2px 2px 7px rgba(238, 150, 1, 0.35), inset 2px -2px 7px rgba(238, 150, 1, 0.35);
}

.ht-open-trading-row-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: -0.625rem;
}

.ht-open-trading-row-inner .single {
    padding: 0.625rem;
}

.ht-open-trading-row-inner .single span {
    color: rgba(255, 255, 255, 0.55);
    font-size: 0.875rem;
}

.ht-open-trading-row-inner .single.single-timer {
    width: 180px;
}

@media (min-width: 768px) {
    .ht-open-trading-row-inner .single.single-timer {
        text-align: right;
    }
}

.buy-sell-radio-fill {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0.5rem;
    background-color: var(--body-bg);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border: 1px solid var(--border-color);
}

.buy-sell-radio-fill .form-check {
    width: 49%;
    position: relative;
    display: block;
}

.buy-sell-radio-fill .form-check .form-check-input {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
}

.buy-sell-radio-fill .form-check .form-check-input:checked~.form-check-label {
    background: var(--grad-bg);
    color: #fff;
}

.buy-sell-radio-fill .form-check .form-check-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background-color: rgba(255, 255, 255, 0.05);
}

/* === user trading css end === */
/* === blog details css start === */
.ht-blog-details-thumb img {
    max-height: 450px;
    width: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: top;
    -o-object-position: top;
}

.ht-blog-slider-nav {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.ht-blog-slider-nav .ht-blog-nav {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    font-size: 1.25rem;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.ht-blog-slider-nav .ht-blog-nav:hover {
    background-color: var(--primary);
    color: var(--secondary);
}

.ht-blog-side-widget+.ht-blog-side-widget {
    margin-top: 1.25rem;
}

@media (min-width: 992px) {
    .ht-blog-side-widget+.ht-blog-side-widget {
        margin-top: 2.5rem;
    }
}

.ht-blog-side-widget {
    padding: 1.5625rem;
    background-color: var(--surface);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.ht-blog-side-widget-title {
    margin-bottom: 1.5625rem;
    font-size: 1.125rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 0.75rem;
    position: relative;
}

.ht-blog-side-widget-title::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 25px;
    height: 2px;
    background-color: var(--primary);
    margin-bottom: -1px;
}

@media (min-width: 576px) {
    .ht-blog-side-widget-title {
        font-size: 1.25rem;
    }
}

@media (min-width: 1200px) {
    .ht-blog-side-widget-title {
        font-size: 1.375rem;
    }
}

.ht-blog-categires li+li {
    margin-top: 0.75rem;
}

.ht-blog-categires li {
    font-size: 0.875rem;
}

@media (min-width: 1200px) {
    .ht-blog-categires li {
        font-size: 1rem;
    }
}

.ht-short-blog-single {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0.625rem 0;
}

.ht-short-blog-single:first-child {
    padding-top: 0;
}

.ht-short-blog-single:last-child {
    padding-bottom: 0;
}

.ht-short-blog-single .thumb {
    width: 70px;
    height: 70px;
}

.ht-short-blog-single .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}

.ht-short-blog-single .content {
    width: calc(100% - 70px);
    padding-inline-start: 1.25rem;
}

.ht-short-blog-single .content h6 {
    font-size: 1rem;
    font-weight: 600;
}

.ht-short-blog-single .content h6 a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ht-blog-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.625rem;
}

.ht-blog-tags li a {
    font-weight: 500;
    font-size: 0.875rem;
    padding: 0.125rem 0.625rem;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.05);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.ht-blog-tags li a:hover {
    background-color: var(--primary);
    color: #fff;
    border-color: var(--primary);
}

/* === blog details css end === */
/* === user dashboard css start === */
/* === user dashboard css end === */
/* === user send css start === */
.send-money-steps {
    display: flex;
    flex-wrap: wrap;
}

.send-money-steps .send-money-single-step {
    display: flex;
    align-items: center;
    width: 50%;
    gap: 0.75rem;
    position: relative;
    z-index: 1;
    justify-content: flex-start;
    padding-bottom: 15px;
}

.send-money-steps .send-money-single-step:nth-child(2)::after {
    display: none;
}

@media (min-width: 768px) {
    .send-money-steps .send-money-single-step:nth-child(2)::after {
        display: block;
    }
}

@media (min-width: 768px) {
    .send-money-steps .send-money-single-step {
        width: 25%;
        justify-content: center;
        padding-bottom: 0;
    }
}

.send-money-steps .send-money-single-step:last-child::after {
    display: none;
}

.send-money-steps .send-money-single-step::after {
    position: absolute;
    content: "";
    top: 30%;
    inset-inline-end: 10px;
    width: 50px;
    height: 1px;
    background-color: var(--border-color);
    z-index: -1;
}

@media (min-width: 768px) {
    .send-money-steps .send-money-single-step::after {
        inset-inline-end: -11%;
        width: 60%;
        top: 50%;
    }
}

.send-money-steps .send-money-single-step.active .send-money-single-step-amount {
    color: var(--primary);
    background-color: var(--primary);
    border-color: var(--primary);
}

.send-money-steps .send-money-single-step.active .send-money-single-step-amount::before {
    color: #fff;
    opacity: 1;
}

.send-money-steps .send-money-single-step-amount {
    position: relative;
    width: 26px;
    height: 26px;
    background-color: var(--body-bg);
    border: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.875rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.send-money-steps .send-money-single-step-amount::before {
    position: absolute;
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    opacity: 0;
}

.send-money-steps .send-money-single-step-caption {
    font-weight: 500;
    font-size: 0.875rem;
    background-color: var(--surface);
    padding-inline-end: 0.3125rem;
}

@media (min-width: 768px) {
    .send-money-steps .send-money-single-step-caption {
        padding-inline-end: 1.25rem;
    }
}

@media (min-width: 768px) {
    .send-money-steps.steps-three .send-money-single-step {
        width: 33.3333333333%;
    }
}

.recipient-single {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0.625rem;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
}

.recipient-single-thumb {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    object-fit: cover;
    -o-object-fit: cover;
    border: 2px solid #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.recipient-single-content {
    width: calc(100% - 50px);
    padding-inline-start: 0.9375rem;
}

.recipient-single .form-check {
    position: absolute;
    top: 0;
    inset-inline-end: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    padding-top: 10px;
    padding-inline-end: 10px;
    z-index: 1;
}

.recipient-single .form-check .form-check-label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wallet-accordion {
    border: 1px solid var(--border-color);
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.wallet-accordion-single-header {
    padding: 0.625rem 1.25rem;
    border-bottom: 1px solid var(--border-color);
}

.wallet-accordion-single-body {
    padding: 0.625rem 1.25rem;
}

.wallets-container {
    display: flex;
    flex-wrap: wrap;
}

.wallets-container {
    margin: -0.4375rem;
}

.single-wallet {
    width: 50%;
    padding: 0.4375rem;
}

@media (min-width: 768px) {
    .single-wallet {
        width: 33.3333333333%;
    }
}

@media (min-width: 768px) {
    .single-wallet {
        width: 25%;
    }
}

.single-wallet-inner {
    position: relative;
    padding: 1.25rem;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    height: 70px;
    background-color: var(--body-bg);
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.035);
}

@media (min-width: 768px) {
    .single-wallet-inner {
        height: 100px;
    }
}

.single-wallet-inner img {
    max-height: 45px;
}

.single-wallet-inner .form-check {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 0.625rem;
}

.single-wallet-inner .form-check .form-check-label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.like-container {
    display: flex;
    justify-content: center;
}

.like-container .like-thumb {
    width: 200px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.like-container .like-thumb::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary);
    opacity: 0.035;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.like-container .like-thumb::after {
    position: absolute;
    content: "";
    top: 25px;
    left: 25px;
    width: calc(100% - 50px);
    height: calc(100% - 50px);
    background-color: var(--primary);
    opacity: 0.05;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.like-container .like-thumb-inner {
    width: 90px;
    height: 90px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--primary);
    line-height: 1;
    font-size: 3rem;
}

.like-container .like-thumb-inner::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary);
    opacity: 0.075;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.crypto-single-transfer {
    background-color: #f8f8f8;
    padding: 15px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border: 1px solid var(--border-color);
}

.crypto-single-transfer .rt-single-transfer {
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-bottom: 1px solid var(--border-color);
    padding-inline: 0;
}

.crypto-exchange-icon {
    height: 15px;
    position: relative;
}

.crypto-exchange-icon span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
    width: 45px;
    height: 45px;
    background-color: var(--body-bg);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.05);
    font-size: 1.375rem;
}

.crypto-exchange-top-overview {
    background-color: var(--body-bg);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.crypto-exchange-top-overview-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: var(--primary);
    color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.crypto-exchange-top-overview-icon i {
    width: 24px;
    height: 24px;
    border: 1px solid white;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(135deg);
}

@media (min-width: 576px) {
    .crypto-exchange-top-overview-icon i {
        transform: rotate(0deg);
    }
}

.crypto-exchange-top-overview-from {
    padding: 1.25rem;
    width: 100%;
    border-bottom: 1px solid var(--border-color);
    text-align: center;
}

@media (min-width: 576px) {
    .crypto-exchange-top-overview-from {
        width: 50%;
        padding: 1.25rem 1.875rem;
        border-right: 1px solid var(--border-color);
        text-align: left;
    }
}

.crypto-exchange-top-overview-to {
    padding: 1.25rem;
    width: 100%;
    text-align: center;
}

@media (min-width: 576px) {
    .crypto-exchange-top-overview-to {
        width: 50%;
        text-align: left;
        padding: 1.25rem 1.875rem;
    }
}

.select-wallet-accordion .accordion-button {
    display: block;
    padding-block: 0;
    padding-inline: 1.25rem;
    font-weight: 700;
    font-family: var(--display-font);
    color: var(--display-color);
}

.select-wallet-accordion .accordion-button .form-check-label {
    flex-grow: 1;
    padding-block: 1rem;
}

/* === user send css end === */
/* === transaction css start === */
.transaction-all {
    padding-inline-end: 0.625rem;
    max-height: 300px;
}

@media (min-width: 576px) {
    .transaction-all {
        max-height: 450px;
    }
}

@media (min-width: 1200px) {
    .transaction-all {
        max-height: 530px;
    }
}

@media (min-width: 1400px) {
    .transaction-all {
        max-height: 630px;
    }
}

.single-transaction {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.9375rem;
    cursor: pointer;
    padding: 0.625rem 0.9375rem;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.single-transaction.active,
.single-transaction:hover {
    background-color: var(--body-bg);
}

/* === transaction css end === */
/* === user ticket css start === */
.all-reply-body {
    max-height: 400px;
    overflow-y: auto;
    padding-inline-end: 0.75rem;
}

.all-reply-body::-webkit-scrollbar {
    width: 6px;
}

.all-reply-body::-webkit-scrollbar-thumb {
    background-color: var(--primary);
    border-radius: 20px;
}

.all-reply-body::-webkit-scrollbar-track {
    background-color: var(--light);
    border-radius: 20px;
}

/* === user ticket css end === */
/* === referral css start === */
.user-single-referral {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.9375rem;
    cursor: pointer;
    padding: 0.9375rem 0;
    border-bottom: 1px solid var(--border-color);
}

.user-single-referral:last-child {
    border-bottom: none;
}

.user-single-referral:hover {
    background-color: #f1f5f9;
}

/* === referral css end === */

/* === mystery box css start === */

.mystery-box-area {
    padding: 3.125rem;
    background-color: var(--surface);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.mystery-box-wrapper {
    display: flex;
    overflow: hidden;
    width: 100%;
    position: relative;
}

.bonus-box-wrapper div[class*=col]:nth-of-type(5n + 1) .bonus-box {
    background-image: linear-gradient(45deg, hsl(278, 88.16%, 4.27%) 8%, hsl(272, 53%, 15%) 28%, hsl(275, 53.34%, 22.08%) 37%, hsl(277, 48%, 29%) 43%, hsl(279, 47%, 36%) 48%, hsl(282, 47%, 44%) 53%, hsl(284, 49%, 51%) 57%, hsl(287, 66%, 59%) 61%, hsl(287, 65%, 58%) 64%, hsl(286, 48%, 51%) 68%, hsl(285, 47%, 43%) 71%, hsl(283, 47%, 36%) 75%, hsl(282, 48%, 28%) 78%, hsl(281, 49%, 21%) 82%, hsl(279, 52%, 14%) 87%, hsl(286, 88%, 7%) 96%);
}

.bonus-box-wrapper div[class*=col]:nth-of-type(5n + 2) .bonus-box {
    background-image: linear-gradient(45deg, hsl(30, 100%, 0%) 0%, hsl(35, 46%, 9%) 18%, hsl(36, 50%, 15%) 26%, hsl(37, 56%, 21%) 33%, hsl(39, 60%, 27%) 39%, hsl(40, 64%, 33%) 44%, hsl(41, 67%, 39%) 49%, hsl(42, 70%, 45%) 54%, hsl(42, 70%, 46%) 59%, hsl(40, 68%, 40%) 64%, hsl(38, 66%, 35%) 69%, hsl(36, 63%, 29%) 74%, hsl(34, 61%, 24%) 80%, hsl(32, 58%, 18%) 86%, hsl(31, 57%, 12%) 92%, hsl(32, 93%, 5%) 100%);
}

.bonus-box-wrapper div[class*=col]:nth-of-type(5n + 3) .bonus-box {
    background-image: linear-gradient(45deg, hsl(155, 86%, 3%) 0%, hsl(157, 41%, 11%) 18%, hsl(157, 47%, 17%) 26%, hsl(156, 51%, 23%) 33%, hsl(155, 52%, 30%) 39%, hsl(153, 52%, 38%) 44%, hsl(152, 51%, 46%) 49%, hsl(149, 60%, 55%) 54%, hsl(149, 62%, 56%) 59%, hsl(150, 51%, 48%) 64%, hsl(151, 55%, 41%) 69%, hsl(153, 59%, 34%) 74%, hsl(154, 65%, 27%) 80%, hsl(155, 74%, 21%) 86%, hsl(157, 88%, 15%) 92%, hsl(157, 100%, 10%) 100%);
}

.bonus-box-wrapper div[class*=col]:nth-of-type(5n + 4) .bonus-box {
    background-image: linear-gradient(45deg, hsl(304, 89%, 4%) 0%, hsl(301, 40%, 11%) 18%, hsl(301, 43%, 17%) 26%, hsl(302, 46%, 24%) 33%, hsl(302, 48%, 30%) 39%, hsl(303, 51%, 37%) 44%, hsl(304, 53%, 44%) 49%, hsl(305, 58%, 52%) 54%, hsl(303, 59%, 52%) 59%, hsl(298, 56%, 45%) 64%, hsl(293, 58%, 40%) 69%, hsl(288, 61%, 35%) 74%, hsl(283, 65%, 29%) 80%, hsl(278, 71%, 24%) 86%, hsl(273, 80%, 18%) 92%, hsl(266, 94%, 13%) 100%);
}

.bonus-box-wrapper div[class*=col]:nth-of-type(5n + 5) .bonus-box {
    background-image: linear-gradient(45deg, hsl(306, 91%, 5%) 0%, hsl(311, 47%, 11%) 18%, hsl(318, 51%, 17%) 26%, hsl(323, 56%, 23%) 33%, hsl(327, 60%, 30%) 39%, hsl(330, 64%, 36%) 44%, hsl(334, 67%, 43%) 49%, hsl(337, 69%, 50%) 54%, hsl(338, 69%, 50%) 59%, hsl(338, 68%, 44%) 64%, hsl(338, 67%, 37%) 69%, hsl(338, 65%, 31%) 74%, hsl(339, 64%, 25%) 80%, hsl(339, 62%, 19%) 86%, hsl(339, 61%, 14%) 92%, hsl(340, 75%, 8%) 100%);
}

.bonus-box {
    padding: 1.875rem 1.5625rem;
    background-color: var(--surface);
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    overflow: hidden;
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    border: 1px solid var(--primary);
    box-shadow: 0 0 18px rgba(238, 150, 1, 0.35);
    transform: translateZ(0);
}

.bonus-box-img {
    max-height: 180px;
}

.bonus-box-title {
    position: relative;
    z-index: 1;
    font-size: 1.375rem;
}

.bonus-box.claimed {
    position: relative;
    border-color: #747474;
    animation: none;
    box-shadow: none;
}

.bonus-box.claimed::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
    background-color: var(--surface);
    opacity: 0.65;
    z-index: 2;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bonus-box.claimed::after {
    position: absolute;
    content: attr(data-text);
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    z-index: 3;
    background-color: rgba(255, 255, 255, 0.15);
    padding: 0.25rem 0.625rem;
    white-space: nowrap;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

@keyframes shadowGlow {
    0% {
        box-shadow: 0 0 15px rgba(238, 150, 1, 0.15);
    }

    25% {
        box-shadow: 0 0 15px rgba(238, 150, 1, 0.35);
    }

    50% {
        box-shadow: 0 0 15px rgba(238, 150, 1, 0.75);
    }

    75% {
        box-shadow: 0 0 15px rgba(238, 150, 1, 0.35);
    }

    100% {
        box-shadow: 0 0 15px rgba(238, 150, 1, 0.15);
    }
}

.bonus-popup {
    position: fixed;
    top: 0;
    left: 0;
    background-color: transparent;
    width: 100%;
    min-height: 100vh;
    justify-content: center;
    align-items: center;
    z-index: 999;
    display: none;
}

.bonus-popup.popup-show {
    display: flex;
}

.bonus-popup-body {
    width: 460px;
    padding: 3.75rem 2.5rem 2.5rem 2.5rem;
    background: var(--grad-bg);
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    position: relative;
    box-shadow: inset -2px 2px 7px rgba(255, 255, 255, 0.5), inset 2px -2px 7px rgba(255, 255, 255, 0.5);
}

.bonus-popup-body .topper {
    position: absolute;
    top: -50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    max-height: 110px;
}

.bonus-popup-body .bonus-trophy {
    max-height: 100px;
}

.bonus-level-timer {
    padding: 1rem;
    background-color: var(--surface);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

@media (min-width: 1200px) {
    .bonus-level-timer {
        padding: 1rem;
    }
}

@media (min-width: 1650px) {
    .bonus-level-timer {
        padding: 1.5rem;
    }
}

.bonus-progress {
    display: flex;
    align-items: center;
    gap: 0.1875rem;
    width: 200px;
}

.bonus-progress-single {
    flex-grow: 1;
    height: 0.25rem;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    -o-border-radius: 999px;
}

.bonus-progress-single.claimed {
    background-color: #fff;
    order: -1;
}

.bonus-progress-single.deposit-claimed {
    background-color: var(--primary);
    order: -1;
}

.bonus-progress-single.invest-claimed {
    background-color: var(--info);
    order: -1;
}

.bonus-progress-single.referral-claimed {
    background-color: var(--success);
    order: -1;
}

.timer-countdown {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.timer-countdown>div {
    width: calc(25% - 16px);
    text-align: center;
    font-size: 1.25rem;
    line-height: 1;
    position: relative;
    color: #fff;
    font-weight: 500;
}

@media (min-width: 576px) {
    .timer-countdown>div {
        font-size: 1.5rem;
        padding: 1rem 0.5rem;
        background-color: rgba(255, 255, 255, 0.05);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        width: calc(25% - 16px);
    }
}

@media (min-width: 1650px) {
    .timer-countdown>div {
        font-size: 2rem;
        width: calc(25% - 24px);
    }
}

.timer-countdown>div:last-child::before,
.timer-countdown>div:last-child::after {
    display: none;
}

.timer-countdown>div::before,
.timer-countdown>div::after {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    right: -12px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    opacity: 0.15;
}

@media (min-width: 576px) {

    .timer-countdown>div::before,
    .timer-countdown>div::after {
        right: -14px;
        width: 6px;
        height: 6px;
    }
}

@media (min-width: 1650px) {

    .timer-countdown>div::before,
    .timer-countdown>div::after {
        right: -20px;
        width: 8px;
        height: 8px;
    }
}

.timer-countdown>div::before {
    top: 30px;
}

.timer-countdown>div::after {
    bottom: 30px;
}

.timer-countdown>div span {
    display: block;
    font-size: 0.625rem;
    margin-top: 0.5rem;
    color: #fff;
}

@media (min-width: 576px) {
    .timer-countdown>div span {
        margin-top: 0.75rem;
    }
}

@media (min-width: 1650px) {
    .timer-countdown>div span {
        font-size: 0.75rem;
    }
}

.bonus-level-area {
    padding: 1rem;
    background-color: var(--surface);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    height: 100%;
}

@media (min-width: 1650px) {
    .bonus-level-area {
        padding: 1.5rem;
    }
}

.bonus-require-box {
    position: relative;
    padding: 1.25rem;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    text-align: center;
    margin-bottom: 0.9375rem;
}

.bonus-require-box::after {
    position: absolute;
    content: "\eecb";
    bottom: -17px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family: remixicon !important;
    font-style: normal;
    color: #747474;
    font-size: 1.375rem;
}

.bonus-require-box .bonus-require-list {
    margin-top: 1rem;
}

.bonus-require-box .bonus-require-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    font-size: 0.875rem;
    padding: 0.625rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.bonus-require-box .bonus-require-list li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.bonus-require-box .bonus-require-list li span:last-child {
    color: #fff;
}

.bonus-require-box.activated {
    position: relative;
}

.bonus-require-box.activated::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, rgba(238, 150, 1, 0.1), transparent);
}

.bonus-require-box.activated::after {
    content: "\ef19";
    color: var(--primary);
}

.bonus-require-box.current {
    border-color: var(--primary);
}

.bonus-level-slider .slick-lsit {
    margin: 0 -0.5rem;
}

@media (min-width: 1650px) {
    .bonus-level-slider .slick-lsit {
        margin: 0 -1rem;
    }
}

.bonus-level-slider .bonus-level-slide {
    padding: 0 0.5rem;
}

@media (min-width: 1650px) {
    .bonus-level-slider .bonus-level-slide {
        padding: 0 1rem;
    }
}

.bonus-level-slider .slick-arrow {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    font-size: 1.25rem;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    z-index: 1;
}

.bonus-level-slider .slick-arrow.prev {
    left: -8px;
}

.bonus-level-slider .slick-arrow.next {
    right: -8px;
}


/* === mystery box css end === */


/* === money transfer css start === */
.money-transfer-form {
    padding: 1rem;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    background-color: var(--body-bg);
}

@media (min-width: 576px) {
    .money-transfer-form {
        padding: 1.5rem;
    }
}

.transfer-info-list {
    margin-top: 1.875rem;
}

.transfer-info-list li+li {
    margin-top: 0.5rem;
}

.transfer-info-list li {
    display: flex;
    flex-wrap: wrap;
    gap: 0.625rem;
    align-items: center;
    justify-content: space-between;
    font-size: 0.875rem;
}

.transfer-info-list li span:first-child {
    font-weight: 400;
}

.transfer-info-list li span:last-child {
    font-weight: 600;
    color: var(--display-color);
}

.transfer-info-list li .form-select {
    width: auto;
    padding: 0.125rem 1.25rem 0.125rem 0.625rem;
    height: auto;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    background-size: 20px 10px;
    border: 1px solid var(--border-color);
    font-weight: 500;
}

.transfer-info-list li .form-select:focus {
    border-color: var(--border-color);
}

/* === money transfer css end === */

.no-data-wrapper {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    min-height: 150px;
}

@media (min-width: 1200px) {
    .no-data-wrapper {
        min-height: 280px;
    }
}

@media (min-width: 1400px) {
    .no-data-wrapper {
        min-height: 350px;
    }
}

.no-data-wrapper .icon {
    font-size: 4.5rem;
    color: var(--muted);
}

.no-data-wrapper p {
    color: var(--muted);
}

.no-data-wrapper.no-data-wrapper-sm {
    min-height: 200px;
}

.no-data-wrapper.no-data-wrapper-sm .icon {
    font-size: 3.5rem;
}

.no-data-wrapper.no-data-wrapper-sm p {
    font-size: 0.875rem;
}

.no-data-wrapper.no-data-wrapper-xs {
    min-height: 100px;
}

.no-data-wrapper.no-data-wrapper-xs .icon {
    font-size: 2.625rem;
}

.no-data-wrapper.no-data-wrapper-xs p {
    font-size: 0.75rem;
}