:root {
    --primary: #5758D6;
    /* deep 252597 */
    --secondary: #1a1a62;
    --surface: #f1f5f9;
    --success: #22c55e;
    --info: #16C7F9;
    --warning: #f97316;
    --danger: #F81F58;
    --light: #ecf8fb;
    --extra-light: #e2e8f08a;
    --muted: rgba(0, 0, 0, 0.5);
    --dark: #2c323f;
    --white: #ffffff;
    --bg-white: #fff;
    --body-bg: #ffffff;
    --surface-bg: rgba(var(--secpndary), 0.8);
    --sidebar-bg: #191919;
    --grad-bg: linear-gradient(to right, var(--primary) 0%, var(--secondary) 100%);
    --display-color: #262B35;
    --body-color: #787878;
    --input-bg: #fff;
    --input-border: #e5e5e5;
    --placeholder-color: #858484;
    --border-color: rgba(0, 0, 0, 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: 1.5rem;
    /* 24px */
    --display-4: 1.375rem;
    /* 22px */
    --display-5: 1.25rem;
    /* 20px */
    --display-6: 1.125rem;
    /* 18px */
}

@media (max-width: 1199px) {
    :root {
        --display-1: 3.25rem;
        /* 52px */
        --display-2: 2.25rem;
        /* 36px */
    }
}

@media (max-width: 991px) {
    :root {
        --display-1: 2.625rem;
        /* 42px */
        --display-2: 2rem;
        /* 32px */
    }
}

@media (max-width: 575px) {
    :root {
        --display-1: 2rem;
        /* 32px */
        --display-2: 1.625rem;
        /* 26px */
        --display-3: 1.375rem;
        /* 22px */
        --display-4: 1.25rem;
        /* 20px */
        --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-light-white {
    color: #cbcbcb !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: rgba(236, 248, 251, 0.1254901961) !important;
}

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

.bg-light-muted {
    background-color: rgba(255, 255, 255, 0.5) !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-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 === */
/* === hover css start === */
/* === hover css end === */
/* === overlay css start === */
/* 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: 992px) {
    .ht-section-title {
        font-size: 1.75rem;
    }
}

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

.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: var(--primary) !important;
    color: #fff;
    border-color: var(--primary);
}

.btn-primary:hover {
    background-color: var(--primary) !important;
    color: #fff;
    border-color: var(--primary);
}

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

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

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

.btn-secondary {
    background-color: var(--secondary) !important;
    color: #fff;
    border-color: var(--secondary);
}

.btn-secondary:hover {
    background-color: var(--secondary) !important;
    color: #fff;
    border-color: var(--secondary);
}

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

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

.btn-secondary .btn-badge {
    width: 18px;
    height: 18px;
    background-color: #fff;
    color: var(--secondary);
    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: #fff;
    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: #fff;
    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: #fff;
    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: #fff;
    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: #ecf8fb !important;
    color: #fff;
    border-color: #ecf8fb;
}

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

.btn-light:active,
.btn-light:focus {
    background-color: #ecf8fb !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: #fff;
    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: #fff;
    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) !important;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.5);
}

.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: #fff;
    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: var(--primary);
    background-color: rgba(238, 150, 1, 0.1254901961);
}

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

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

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

.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 var(--border-color);
    color: var(--display-color);
    background-color: var(--surface);
}

.btn-light-light:hover {
    color: var(--primary) !important;
    border-color: var(--primary);
    background-color: var(--surface);
}

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

.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);
    color: rgba(255, 255, 255, 0.5);
    background-color: rgba(255, 255, 255, 0.5);
}

.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(--primary);
    color: #fff;
    position: relative;
    z-index: 1;
    border: none;
    overflow: hidden;
    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: var(--secondary);
    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: var(--primary) !important;
    color: #fff !important;
}

.badge-secondary {
    background-color: var(--secondary) !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: var(--primary) !important;
}

.badge-light-secondary {
    background-color: rgba(255, 74, 40, 0.1254901961) !important;
    color: var(--secondary) !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: #e2e8f08a !important;
    color: rgba(226, 232, 240, 0.5411764706) !important;
}

.badge-light-muted {
    background-color: rgba(255, 255, 255, 0.5) !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(--body-bg);
}

@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(--surface);
        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);
    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(--input-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,
select option {
    color: var(--display-color) !important;
    background-color: #ffffff !important;
}

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

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

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

.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: 8px;
    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 {
    color: var(--display-color) !important;
    background-color: #ffffff !important;
}

.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: 48px;
    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: 46px;
    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;
    z-index: 2;
}

.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;
}

/* === form select two css end === */
/* === card css start === */
.card {
    background-color: var(--body-bg);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    position: initial;
    color: var(--body-color);
    border: none;
}

.card .card-header {
    background-color: var(--body-bg);
    padding: 0.875rem 1rem;
    border-color: var(--border-color);
    color: var(--body-color);
    border-radius: 12px 12px 0 0;
    -webkit-border-radius: 12px 12px 0 0;
    -moz-border-radius: 12px 12px 0 0;
    -ms-border-radius: 12px 12px 0 0;
    -o-border-radius: 12px 12px 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);
    background-color: var(--body-bg);
}

.card .card-footer {
    background-color: var(--body-bg);
    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: 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: 32px;
    font-size: 1rem;
    display: flex;
    align-items: center;
    gap: 0.625rem;
    font-weight: 600;
}

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

.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;
    background-color: var(--body-bg);
}

.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(--surface);
    color: var(--primary);
}

.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;
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 10px solid var(--bg-white, #fff);
    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: #fff;
    border: 1px solid var(--border-color);
}

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

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

.single-referral .expand-btn {
    position: absolute;
    left: 10px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    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%;
    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 var(--border-color);
    background-color: rgba(0, 0, 0, 0.05);
    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;
    -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;
}


/* === 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(0, 0, 0, 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(0, 0, 0, 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(0, 0, 0, 0.05);
}

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

.scroll-x::-webkit-scrollbar {
    height: 6px;
    background-color: rgba(0, 0, 0, 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(0, 0, 0, 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(0, 0, 0, 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 css start === */
.cookie-policy {
    padding: 1.25rem 1.875rem;
    background-color: var(--surface);
    color: var(--display-color);
    border-top: 1px solid var(--border-color);
    box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.08);
    position: fixed;
    z-index: 9;
    bottom: 0;
    left: 0;
    width: 100%;
}

@media (min-width: 768px) {
    .cookie-policy {
        display: flex;
        gap: 30px;
    }
}

.cookie-policy-content {
    flex-grow: 1;
    margin-bottom: 0.9375rem;
}

@media (min-width: 768px) {
    .cookie-policy-content {
        margin-bottom: 0;
    }
}

.cookie-policy-btns {
    display: flex;
    align-items: center;
    gap: 0.625rem 1.25rem;
}

.cookie-policy-btns .btn {
    text-wrap: nowrap;
}

/* === cookie css end === */
/* === 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: 5px;
    height: 2px;
    background-color: #146ff5;
    top: -10%;
    left: 84%;
    opacity: 1.0384726356;
    transform: rotate(121deg);
    animation: confetti-explosion-1 decimal-round(4.4559311458, 1) s decimal-round(0.4715527712, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-1 {
    100% {
        top: 110%;
        left: 89%;
    }
}

.confetti-2 {
    width: 11px;
    height: 4.4px;
    background-color: #8b4513;
    top: -10%;
    left: 45%;
    opacity: 1.2864922291;
    transform: rotate(12deg);
    animation: confetti-explosion-2 decimal-round(4.7398628536, 1) s decimal-round(0.00706288, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-2 {
    100% {
        top: 110%;
        left: 49%;
    }
}

.confetti-3 {
    width: 5px;
    height: 2px;
    background-color: #ee6f40;
    top: -10%;
    left: 49%;
    opacity: 1.3769639955;
    transform: rotate(358deg);
    animation: confetti-explosion-3 decimal-round(4.3989646998, 1) s decimal-round(0.4389207251, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-3 {
    100% {
        top: 110%;
        left: 63%;
    }
}

.confetti-4 {
    width: 3px;
    height: 1.2px;
    background-color: #3adcc8;
    top: -10%;
    left: 76%;
    opacity: 0.6688917402;
    transform: rotate(244deg);
    animation: confetti-explosion-4 decimal-round(4.3879009358, 1) s decimal-round(0.3499081834, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-4 {
    100% {
        top: 110%;
        left: 87%;
    }
}

.confetti-5 {
    width: 1px;
    height: 0.4px;
    background-color: #8b4513;
    top: -10%;
    left: 62%;
    opacity: 1.1795449265;
    transform: rotate(123deg);
    animation: confetti-explosion-5 decimal-round(4.990745667, 1) s decimal-round(0.0518043822, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-5 {
    100% {
        top: 110%;
        left: 73%;
    }
}

.confetti-6 {
    width: 13px;
    height: 5.2px;
    background-color: #ee6f40;
    top: -10%;
    left: 46%;
    opacity: 0.7982701785;
    transform: rotate(133deg);
    animation: confetti-explosion-6 decimal-round(4.9718170067, 1) s decimal-round(0.2326248425, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-6 {
    100% {
        top: 110%;
        left: 60%;
    }
}

.confetti-7 {
    width: 4px;
    height: 1.6px;
    background-color: #8b4513;
    top: -10%;
    left: 85%;
    opacity: 0.9441754759;
    transform: rotate(177deg);
    animation: confetti-explosion-7 decimal-round(4.3609761372, 1) s decimal-round(0.6342543978, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-7 {
    100% {
        top: 110%;
        left: 92%;
    }
}

.confetti-8 {
    width: 13px;
    height: 5.2px;
    background-color: #146ff5;
    top: -10%;
    left: 71%;
    opacity: 0.9577320305;
    transform: rotate(220deg);
    animation: confetti-explosion-8 decimal-round(4.8587104319, 1) s decimal-round(0.8498816035, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-8 {
    100% {
        top: 110%;
        left: 83%;
    }
}

.confetti-9 {
    width: 10px;
    height: 4px;
    background-color: #dd1a8f;
    top: -10%;
    left: 1%;
    opacity: 0.683238011;
    transform: rotate(180deg);
    animation: confetti-explosion-9 decimal-round(4.5365686232, 1) s decimal-round(0.0884758086, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-9 {
    100% {
        top: 110%;
        left: 15%;
    }
}

.confetti-10 {
    width: 1px;
    height: 0.4px;
    background-color: #8154e2;
    top: -10%;
    left: 86%;
    opacity: 1.3446541677;
    transform: rotate(224deg);
    animation: confetti-explosion-10 decimal-round(4.5320822964, 1) s decimal-round(0.2257137518, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-10 {
    100% {
        top: 110%;
        left: 98%;
    }
}

.confetti-11 {
    width: 10px;
    height: 4px;
    background-color: #8b4513;
    top: -10%;
    left: 34%;
    opacity: 1.4901871675;
    transform: rotate(155deg);
    animation: confetti-explosion-11 decimal-round(4.0342485422, 1) s decimal-round(0.0569866204, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-11 {
    100% {
        top: 110%;
        left: 39%;
    }
}

.confetti-12 {
    width: 4px;
    height: 1.6px;
    background-color: #ee6f40;
    top: -10%;
    left: 98%;
    opacity: 1.1756841434;
    transform: rotate(168deg);
    animation: confetti-explosion-12 decimal-round(4.2588988067, 1) s decimal-round(0.7564619727, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-12 {
    100% {
        top: 110%;
        left: 108%;
    }
}

.confetti-13 {
    width: 4px;
    height: 1.6px;
    background-color: #146ff5;
    top: -10%;
    left: 84%;
    opacity: 0.8492974038;
    transform: rotate(139deg);
    animation: confetti-explosion-13 decimal-round(4.892302142, 1) s decimal-round(0.6213986767, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-13 {
    100% {
        top: 110%;
        left: 91%;
    }
}

.confetti-14 {
    width: 12px;
    height: 4.8px;
    background-color: #ee6f40;
    top: -10%;
    left: 75%;
    opacity: 0.62942648;
    transform: rotate(205deg);
    animation: confetti-explosion-14 decimal-round(4.7361822185, 1) s decimal-round(0.1446536818, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-14 {
    100% {
        top: 110%;
        left: 85%;
    }
}

.confetti-15 {
    width: 11px;
    height: 4.4px;
    background-color: #8154e2;
    top: -10%;
    left: 55%;
    opacity: 0.800279494;
    transform: rotate(26deg);
    animation: confetti-explosion-15 decimal-round(4.8267162505, 1) s decimal-round(0.9277509657, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-15 {
    100% {
        top: 110%;
        left: 67%;
    }
}

.confetti-16 {
    width: 15px;
    height: 6px;
    background-color: #146ff5;
    top: -10%;
    left: 87%;
    opacity: 0.5739649432;
    transform: rotate(225deg);
    animation: confetti-explosion-16 decimal-round(4.2377063863, 1) s decimal-round(0.1390624646, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-16 {
    100% {
        top: 110%;
        left: 95%;
    }
}

.confetti-17 {
    width: 2px;
    height: 0.8px;
    background-color: #8b4513;
    top: -10%;
    left: 21%;
    opacity: 1.0864685721;
    transform: rotate(242deg);
    animation: confetti-explosion-17 decimal-round(4.9847899406, 1) s decimal-round(0.8167387848, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-17 {
    100% {
        top: 110%;
        left: 35%;
    }
}

.confetti-18 {
    width: 6px;
    height: 2.4px;
    background-color: #ee6f40;
    top: -10%;
    left: 14%;
    opacity: 1.1539400496;
    transform: rotate(253deg);
    animation: confetti-explosion-18 decimal-round(4.5559881455, 1) s decimal-round(0.7375907308, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-18 {
    100% {
        top: 110%;
        left: 21%;
    }
}

.confetti-19 {
    width: 7px;
    height: 2.8px;
    background-color: #8154e2;
    top: -10%;
    left: 21%;
    opacity: 0.8796259993;
    transform: rotate(206deg);
    animation: confetti-explosion-19 decimal-round(4.0143355072, 1) s decimal-round(0.0977150851, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-19 {
    100% {
        top: 110%;
        left: 31%;
    }
}

.confetti-20 {
    width: 9px;
    height: 3.6px;
    background-color: #3adcc8;
    top: -10%;
    left: 30%;
    opacity: 1.4229848342;
    transform: rotate(302deg);
    animation: confetti-explosion-20 decimal-round(4.6308828123, 1) s decimal-round(0.1357309025, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-20 {
    100% {
        top: 110%;
        left: 34%;
    }
}

.confetti-21 {
    width: 6px;
    height: 2.4px;
    background-color: #146ff5;
    top: -10%;
    left: 26%;
    opacity: 0.6288715454;
    transform: rotate(7deg);
    animation: confetti-explosion-21 decimal-round(4.9688052964, 1) s decimal-round(0.7778847497, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-21 {
    100% {
        top: 110%;
        left: 36%;
    }
}

.confetti-22 {
    width: 5px;
    height: 2px;
    background-color: #8b4513;
    top: -10%;
    left: 38%;
    opacity: 1.3389142827;
    transform: rotate(183deg);
    animation: confetti-explosion-22 decimal-round(4.8510238589, 1) s decimal-round(0.9622065637, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-22 {
    100% {
        top: 110%;
        left: 49%;
    }
}

.confetti-23 {
    width: 7px;
    height: 2.8px;
    background-color: #3adcc8;
    top: -10%;
    left: 69%;
    opacity: 0.877692142;
    transform: rotate(233deg);
    animation: confetti-explosion-23 decimal-round(4.0586080304, 1) s decimal-round(0.8673967665, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-23 {
    100% {
        top: 110%;
        left: 84%;
    }
}

.confetti-24 {
    width: 5px;
    height: 2px;
    background-color: #8b4513;
    top: -10%;
    left: 96%;
    opacity: 0.6039731687;
    transform: rotate(304deg);
    animation: confetti-explosion-24 decimal-round(4.5200386385, 1) s decimal-round(0.3653178287, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-24 {
    100% {
        top: 110%;
        left: 103%;
    }
}

.confetti-25 {
    width: 4px;
    height: 1.6px;
    background-color: #8b4513;
    top: -10%;
    left: 59%;
    opacity: 1.0055571959;
    transform: rotate(82deg);
    animation: confetti-explosion-25 decimal-round(4.2255538118, 1) s decimal-round(0.8419639861, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-25 {
    100% {
        top: 110%;
        left: 71%;
    }
}

.confetti-26 {
    width: 14px;
    height: 5.6px;
    background-color: #8154e2;
    top: -10%;
    left: 83%;
    opacity: 1.2245091891;
    transform: rotate(287deg);
    animation: confetti-explosion-26 decimal-round(4.3358289186, 1) s decimal-round(0.1259696178, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-26 {
    100% {
        top: 110%;
        left: 96%;
    }
}

.confetti-27 {
    width: 14px;
    height: 5.6px;
    background-color: #dd1a8f;
    top: -10%;
    left: 27%;
    opacity: 0.9926146313;
    transform: rotate(307deg);
    animation: confetti-explosion-27 decimal-round(4.5388797736, 1) s decimal-round(0.0540016135, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-27 {
    100% {
        top: 110%;
        left: 38%;
    }
}

.confetti-28 {
    width: 15px;
    height: 6px;
    background-color: #146ff5;
    top: -10%;
    left: 20%;
    opacity: 1.2981832881;
    transform: rotate(88deg);
    animation: confetti-explosion-28 decimal-round(4.6540034214, 1) s decimal-round(0.5260261446, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-28 {
    100% {
        top: 110%;
        left: 26%;
    }
}

.confetti-29 {
    width: 14px;
    height: 5.6px;
    background-color: #ee6f40;
    top: -10%;
    left: 7%;
    opacity: 0.6387737068;
    transform: rotate(115deg);
    animation: confetti-explosion-29 decimal-round(4.6519299544, 1) s decimal-round(0.5110443188, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-29 {
    100% {
        top: 110%;
        left: 11%;
    }
}

.confetti-30 {
    width: 8px;
    height: 3.2px;
    background-color: #3adcc8;
    top: -10%;
    left: 33%;
    opacity: 1.3198284077;
    transform: rotate(49deg);
    animation: confetti-explosion-30 decimal-round(4.1062236916, 1) s decimal-round(0.0472924958, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-30 {
    100% {
        top: 110%;
        left: 44%;
    }
}

.confetti-31 {
    width: 7px;
    height: 2.8px;
    background-color: #8154e2;
    top: -10%;
    left: 13%;
    opacity: 1.1199800357;
    transform: rotate(274deg);
    animation: confetti-explosion-31 decimal-round(4.8872747122, 1) s decimal-round(0.5131852191, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-31 {
    100% {
        top: 110%;
        left: 17%;
    }
}

.confetti-32 {
    width: 14px;
    height: 5.6px;
    background-color: #dd1a8f;
    top: -10%;
    left: 5%;
    opacity: 1.0554149818;
    transform: rotate(344deg);
    animation: confetti-explosion-32 decimal-round(4.8350722415, 1) s decimal-round(0.3411266161, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-32 {
    100% {
        top: 110%;
        left: 11%;
    }
}

.confetti-33 {
    width: 10px;
    height: 4px;
    background-color: #ee6f40;
    top: -10%;
    left: 39%;
    opacity: 1.3670977697;
    transform: rotate(190deg);
    animation: confetti-explosion-33 decimal-round(4.732041821, 1) s decimal-round(0.4511669049, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-33 {
    100% {
        top: 110%;
        left: 47%;
    }
}

.confetti-34 {
    width: 7px;
    height: 2.8px;
    background-color: #ee6f40;
    top: -10%;
    left: 68%;
    opacity: 1.3645220682;
    transform: rotate(251deg);
    animation: confetti-explosion-34 decimal-round(4.6664463011, 1) s decimal-round(0.825313067, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-34 {
    100% {
        top: 110%;
        left: 79%;
    }
}

.confetti-35 {
    width: 10px;
    height: 4px;
    background-color: #146ff5;
    top: -10%;
    left: 61%;
    opacity: 1.1620356537;
    transform: rotate(344deg);
    animation: confetti-explosion-35 decimal-round(4.1557044362, 1) s decimal-round(0.8208595523, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-35 {
    100% {
        top: 110%;
        left: 75%;
    }
}

.confetti-36 {
    width: 10px;
    height: 4px;
    background-color: #146ff5;
    top: -10%;
    left: 57%;
    opacity: 0.8233255654;
    transform: rotate(147deg);
    animation: confetti-explosion-36 decimal-round(4.8413442236, 1) s decimal-round(0.2888368337, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-36 {
    100% {
        top: 110%;
        left: 62%;
    }
}

.confetti-37 {
    width: 2px;
    height: 0.8px;
    background-color: #8154e2;
    top: -10%;
    left: 71%;
    opacity: 1.389248065;
    transform: rotate(344deg);
    animation: confetti-explosion-37 decimal-round(4.0000820236, 1) s decimal-round(0.2346309199, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-37 {
    100% {
        top: 110%;
        left: 79%;
    }
}

.confetti-38 {
    width: 6px;
    height: 2.4px;
    background-color: #8b4513;
    top: -10%;
    left: 54%;
    opacity: 0.7034252487;
    transform: rotate(232deg);
    animation: confetti-explosion-38 decimal-round(4.4336706397, 1) s decimal-round(0.8335294864, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-38 {
    100% {
        top: 110%;
        left: 64%;
    }
}

.confetti-39 {
    width: 4px;
    height: 1.6px;
    background-color: #ee6f40;
    top: -10%;
    left: 5%;
    opacity: 0.8328186506;
    transform: rotate(248deg);
    animation: confetti-explosion-39 decimal-round(4.3969399336, 1) s decimal-round(0.0260739117, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-39 {
    100% {
        top: 110%;
        left: 11%;
    }
}

.confetti-40 {
    width: 8px;
    height: 3.2px;
    background-color: #dd1a8f;
    top: -10%;
    left: 86%;
    opacity: 0.709229951;
    transform: rotate(13deg);
    animation: confetti-explosion-40 decimal-round(4.4871874155, 1) s decimal-round(0.8205486125, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-40 {
    100% {
        top: 110%;
        left: 94%;
    }
}

.confetti-41 {
    width: 7px;
    height: 2.8px;
    background-color: #8154e2;
    top: -10%;
    left: 17%;
    opacity: 1.3063303665;
    transform: rotate(241deg);
    animation: confetti-explosion-41 decimal-round(4.2325644936, 1) s decimal-round(0.8681161773, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-41 {
    100% {
        top: 110%;
        left: 21%;
    }
}

.confetti-42 {
    width: 5px;
    height: 2px;
    background-color: #8b4513;
    top: -10%;
    left: 41%;
    opacity: 0.5937068803;
    transform: rotate(151deg);
    animation: confetti-explosion-42 decimal-round(4.7694527775, 1) s decimal-round(0.8275423876, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-42 {
    100% {
        top: 110%;
        left: 44%;
    }
}

.confetti-43 {
    width: 1px;
    height: 0.4px;
    background-color: #146ff5;
    top: -10%;
    left: 63%;
    opacity: 1.0004439131;
    transform: rotate(214deg);
    animation: confetti-explosion-43 decimal-round(4.1799441828, 1) s decimal-round(0.1191980432, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-43 {
    100% {
        top: 110%;
        left: 66%;
    }
}

.confetti-44 {
    width: 12px;
    height: 4.8px;
    background-color: #dd1a8f;
    top: -10%;
    left: 25%;
    opacity: 0.986477742;
    transform: rotate(323deg);
    animation: confetti-explosion-44 decimal-round(4.0685104768, 1) s decimal-round(0.8112778941, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-44 {
    100% {
        top: 110%;
        left: 33%;
    }
}

.confetti-45 {
    width: 6px;
    height: 2.4px;
    background-color: #8b4513;
    top: -10%;
    left: 67%;
    opacity: 0.6294237023;
    transform: rotate(31deg);
    animation: confetti-explosion-45 decimal-round(4.1476221165, 1) s decimal-round(0.3631653099, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-45 {
    100% {
        top: 110%;
        left: 79%;
    }
}

.confetti-46 {
    width: 6px;
    height: 2.4px;
    background-color: #ee6f40;
    top: -10%;
    left: 24%;
    opacity: 1.1738248594;
    transform: rotate(54deg);
    animation: confetti-explosion-46 decimal-round(4.3491943865, 1) s decimal-round(0.0535160838, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-46 {
    100% {
        top: 110%;
        left: 30%;
    }
}

.confetti-47 {
    width: 6px;
    height: 2.4px;
    background-color: #3adcc8;
    top: -10%;
    left: 34%;
    opacity: 0.6721205056;
    transform: rotate(17deg);
    animation: confetti-explosion-47 decimal-round(4.5464362709, 1) s decimal-round(0.7298714196, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-47 {
    100% {
        top: 110%;
        left: 38%;
    }
}

.confetti-48 {
    width: 4px;
    height: 1.6px;
    background-color: #8b4513;
    top: -10%;
    left: 24%;
    opacity: 1.3085065294;
    transform: rotate(301deg);
    animation: confetti-explosion-48 decimal-round(4.7959868238, 1) s decimal-round(0.3033885138, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-48 {
    100% {
        top: 110%;
        left: 26%;
    }
}

.confetti-49 {
    width: 3px;
    height: 1.2px;
    background-color: #8154e2;
    top: -10%;
    left: 3%;
    opacity: 1.2493399906;
    transform: rotate(32deg);
    animation: confetti-explosion-49 decimal-round(4.1539571949, 1) s decimal-round(0.995768763, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-49 {
    100% {
        top: 110%;
        left: 8%;
    }
}

.confetti-50 {
    width: 9px;
    height: 3.6px;
    background-color: #dd1a8f;
    top: -10%;
    left: 8%;
    opacity: 0.5926787026;
    transform: rotate(208deg);
    animation: confetti-explosion-50 decimal-round(4.6650343157, 1) s decimal-round(0.8877044742, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-50 {
    100% {
        top: 110%;
        left: 22%;
    }
}

.confetti-51 {
    width: 4px;
    height: 1.6px;
    background-color: #dd1a8f;
    top: -10%;
    left: 9%;
    opacity: 0.9970731311;
    transform: rotate(301deg);
    animation: confetti-explosion-51 decimal-round(4.6341352504, 1) s decimal-round(0.4571944487, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-51 {
    100% {
        top: 110%;
        left: 11%;
    }
}

.confetti-52 {
    width: 10px;
    height: 4px;
    background-color: #3adcc8;
    top: -10%;
    left: 27%;
    opacity: 1.4779706218;
    transform: rotate(204deg);
    animation: confetti-explosion-52 decimal-round(4.3271082906, 1) s decimal-round(0.3257331327, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-52 {
    100% {
        top: 110%;
        left: 40%;
    }
}

.confetti-53 {
    width: 6px;
    height: 2.4px;
    background-color: #3adcc8;
    top: -10%;
    left: 92%;
    opacity: 1.0099308077;
    transform: rotate(359deg);
    animation: confetti-explosion-53 decimal-round(4.3243414384, 1) s decimal-round(0.2087467428, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-53 {
    100% {
        top: 110%;
        left: 100%;
    }
}

.confetti-54 {
    width: 15px;
    height: 6px;
    background-color: #3adcc8;
    top: -10%;
    left: 2%;
    opacity: 0.6913845628;
    transform: rotate(186deg);
    animation: confetti-explosion-54 decimal-round(4.6028993348, 1) s decimal-round(0.8927369093, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-54 {
    100% {
        top: 110%;
        left: 10%;
    }
}

.confetti-55 {
    width: 7px;
    height: 2.8px;
    background-color: #ee6f40;
    top: -10%;
    left: 70%;
    opacity: 0.6975187353;
    transform: rotate(336deg);
    animation: confetti-explosion-55 decimal-round(4.2254462121, 1) s decimal-round(0.6184434039, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-55 {
    100% {
        top: 110%;
        left: 76%;
    }
}

.confetti-56 {
    width: 14px;
    height: 5.6px;
    background-color: #ee6f40;
    top: -10%;
    left: 17%;
    opacity: 1.3482163378;
    transform: rotate(163deg);
    animation: confetti-explosion-56 decimal-round(4.1693084841, 1) s decimal-round(0.0659239631, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-56 {
    100% {
        top: 110%;
        left: 32%;
    }
}

.confetti-57 {
    width: 15px;
    height: 6px;
    background-color: #ee6f40;
    top: -10%;
    left: 32%;
    opacity: 1.3636086158;
    transform: rotate(110deg);
    animation: confetti-explosion-57 decimal-round(4.8568911889, 1) s decimal-round(0.9209176891, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-57 {
    100% {
        top: 110%;
        left: 46%;
    }
}

.confetti-58 {
    width: 9px;
    height: 3.6px;
    background-color: #ee6f40;
    top: -10%;
    left: 30%;
    opacity: 0.8711883633;
    transform: rotate(140deg);
    animation: confetti-explosion-58 decimal-round(4.3975365572, 1) s decimal-round(0.9399481973, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-58 {
    100% {
        top: 110%;
        left: 40%;
    }
}

.confetti-59 {
    width: 9px;
    height: 3.6px;
    background-color: #ee6f40;
    top: -10%;
    left: 93%;
    opacity: 1.2030324133;
    transform: rotate(14deg);
    animation: confetti-explosion-59 decimal-round(4.0080773498, 1) s decimal-round(0.1391496848, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-59 {
    100% {
        top: 110%;
        left: 98%;
    }
}

.confetti-60 {
    width: 15px;
    height: 6px;
    background-color: #3adcc8;
    top: -10%;
    left: 43%;
    opacity: 0.537759874;
    transform: rotate(90deg);
    animation: confetti-explosion-60 decimal-round(4.681713652, 1) s decimal-round(0.5038664421, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-60 {
    100% {
        top: 110%;
        left: 50%;
    }
}

.confetti-61 {
    width: 13px;
    height: 5.2px;
    background-color: #3adcc8;
    top: -10%;
    left: 38%;
    opacity: 0.8886599423;
    transform: rotate(155deg);
    animation: confetti-explosion-61 decimal-round(4.2633134488, 1) s decimal-round(0.6512025038, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-61 {
    100% {
        top: 110%;
        left: 41%;
    }
}

.confetti-62 {
    width: 15px;
    height: 6px;
    background-color: #8b4513;
    top: -10%;
    left: 72%;
    opacity: 0.6572103764;
    transform: rotate(127deg);
    animation: confetti-explosion-62 decimal-round(4.7669317379, 1) s decimal-round(0.4598345662, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-62 {
    100% {
        top: 110%;
        left: 80%;
    }
}

.confetti-63 {
    width: 2px;
    height: 0.8px;
    background-color: #8154e2;
    top: -10%;
    left: 100%;
    opacity: 1.2686805502;
    transform: rotate(127deg);
    animation: confetti-explosion-63 decimal-round(4.9747602217, 1) s decimal-round(0.5433402263, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-63 {
    100% {
        top: 110%;
        left: 109%;
    }
}

.confetti-64 {
    width: 15px;
    height: 6px;
    background-color: #8154e2;
    top: -10%;
    left: 32%;
    opacity: 0.6174736521;
    transform: rotate(211deg);
    animation: confetti-explosion-64 decimal-round(4.7459405908, 1) s decimal-round(0.2538255955, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-64 {
    100% {
        top: 110%;
        left: 44%;
    }
}

.confetti-65 {
    width: 2px;
    height: 0.8px;
    background-color: #8b4513;
    top: -10%;
    left: 77%;
    opacity: 1.0958808259;
    transform: rotate(242deg);
    animation: confetti-explosion-65 decimal-round(4.2296171234, 1) s decimal-round(0.7130280918, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-65 {
    100% {
        top: 110%;
        left: 88%;
    }
}

.confetti-66 {
    width: 7px;
    height: 2.8px;
    background-color: #dd1a8f;
    top: -10%;
    left: 78%;
    opacity: 0.8644996259;
    transform: rotate(66deg);
    animation: confetti-explosion-66 decimal-round(4.3463161194, 1) s decimal-round(0.6240464346, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-66 {
    100% {
        top: 110%;
        left: 88%;
    }
}

.confetti-67 {
    width: 5px;
    height: 2px;
    background-color: #3adcc8;
    top: -10%;
    left: 41%;
    opacity: 1.4948295608;
    transform: rotate(358deg);
    animation: confetti-explosion-67 decimal-round(4.2285635742, 1) s decimal-round(0.1336693646, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-67 {
    100% {
        top: 110%;
        left: 47%;
    }
}

.confetti-68 {
    width: 14px;
    height: 5.6px;
    background-color: #146ff5;
    top: -10%;
    left: 15%;
    opacity: 0.8657081352;
    transform: rotate(134deg);
    animation: confetti-explosion-68 decimal-round(4.7938863977, 1) s decimal-round(0.865454112, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-68 {
    100% {
        top: 110%;
        left: 23%;
    }
}

.confetti-69 {
    width: 13px;
    height: 5.2px;
    background-color: #3adcc8;
    top: -10%;
    left: 15%;
    opacity: 0.6281376734;
    transform: rotate(357deg);
    animation: confetti-explosion-69 decimal-round(4.1680525496, 1) s decimal-round(0.4547628923, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-69 {
    100% {
        top: 110%;
        left: 30%;
    }
}

.confetti-70 {
    width: 14px;
    height: 5.6px;
    background-color: #3adcc8;
    top: -10%;
    left: 71%;
    opacity: 1.1629731153;
    transform: rotate(51deg);
    animation: confetti-explosion-70 decimal-round(4.0568211698, 1) s decimal-round(0.7194287281, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-70 {
    100% {
        top: 110%;
        left: 76%;
    }
}

.confetti-71 {
    width: 6px;
    height: 2.4px;
    background-color: #dd1a8f;
    top: -10%;
    left: 74%;
    opacity: 1.3187751506;
    transform: rotate(267deg);
    animation: confetti-explosion-71 decimal-round(4.5214264288, 1) s decimal-round(0.0815506187, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-71 {
    100% {
        top: 110%;
        left: 81%;
    }
}

.confetti-72 {
    width: 2px;
    height: 0.8px;
    background-color: #dd1a8f;
    top: -10%;
    left: 34%;
    opacity: 0.5717519763;
    transform: rotate(40deg);
    animation: confetti-explosion-72 decimal-round(4.4912330454, 1) s decimal-round(0.9944718595, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-72 {
    100% {
        top: 110%;
        left: 46%;
    }
}

.confetti-73 {
    width: 2px;
    height: 0.8px;
    background-color: #ee6f40;
    top: -10%;
    left: 35%;
    opacity: 0.7563598022;
    transform: rotate(285deg);
    animation: confetti-explosion-73 decimal-round(4.3008020847, 1) s decimal-round(0.2049256209, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-73 {
    100% {
        top: 110%;
        left: 47%;
    }
}

.confetti-74 {
    width: 14px;
    height: 5.6px;
    background-color: #3adcc8;
    top: -10%;
    left: 87%;
    opacity: 0.8686902424;
    transform: rotate(162deg);
    animation: confetti-explosion-74 decimal-round(4.0873809135, 1) s decimal-round(0.9241578021, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-74 {
    100% {
        top: 110%;
        left: 98%;
    }
}

.confetti-75 {
    width: 12px;
    height: 4.8px;
    background-color: #8154e2;
    top: -10%;
    left: 15%;
    opacity: 0.6202231877;
    transform: rotate(256deg);
    animation: confetti-explosion-75 decimal-round(4.2800809055, 1) s decimal-round(0.1640517542, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-75 {
    100% {
        top: 110%;
        left: 24%;
    }
}

.confetti-76 {
    width: 12px;
    height: 4.8px;
    background-color: #dd1a8f;
    top: -10%;
    left: 96%;
    opacity: 1.4845708325;
    transform: rotate(61deg);
    animation: confetti-explosion-76 decimal-round(4.1587643616, 1) s decimal-round(0.6614045702, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-76 {
    100% {
        top: 110%;
        left: 106%;
    }
}

.confetti-77 {
    width: 3px;
    height: 1.2px;
    background-color: #146ff5;
    top: -10%;
    left: 82%;
    opacity: 0.6803751859;
    transform: rotate(4deg);
    animation: confetti-explosion-77 decimal-round(4.9511938966, 1) s decimal-round(0.8667601971, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-77 {
    100% {
        top: 110%;
        left: 90%;
    }
}

.confetti-78 {
    width: 3px;
    height: 1.2px;
    background-color: #ee6f40;
    top: -10%;
    left: 44%;
    opacity: 1.2592380933;
    transform: rotate(250deg);
    animation: confetti-explosion-78 decimal-round(4.0704945781, 1) s decimal-round(0.6998074133, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-78 {
    100% {
        top: 110%;
        left: 48%;
    }
}

.confetti-79 {
    width: 3px;
    height: 1.2px;
    background-color: #3adcc8;
    top: -10%;
    left: 37%;
    opacity: 0.7926351402;
    transform: rotate(44deg);
    animation: confetti-explosion-79 decimal-round(4.892837607, 1) s decimal-round(0.4457141802, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-79 {
    100% {
        top: 110%;
        left: 49%;
    }
}

.confetti-80 {
    width: 6px;
    height: 2.4px;
    background-color: #ee6f40;
    top: -10%;
    left: 50%;
    opacity: 1.365491675;
    transform: rotate(304deg);
    animation: confetti-explosion-80 decimal-round(4.5808143163, 1) s decimal-round(0.9876421392, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-80 {
    100% {
        top: 110%;
        left: 62%;
    }
}

.confetti-81 {
    width: 5px;
    height: 2px;
    background-color: #8154e2;
    top: -10%;
    left: 67%;
    opacity: 1.2776743049;
    transform: rotate(322deg);
    animation: confetti-explosion-81 decimal-round(4.1888095232, 1) s decimal-round(0.9351252596, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-81 {
    100% {
        top: 110%;
        left: 73%;
    }
}

.confetti-82 {
    width: 5px;
    height: 2px;
    background-color: #3adcc8;
    top: -10%;
    left: 63%;
    opacity: 1.1661362747;
    transform: rotate(319deg);
    animation: confetti-explosion-82 decimal-round(4.3837865791, 1) s decimal-round(0.0688876592, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-82 {
    100% {
        top: 110%;
        left: 77%;
    }
}

.confetti-83 {
    width: 5px;
    height: 2px;
    background-color: #ee6f40;
    top: -10%;
    left: 35%;
    opacity: 0.9786560059;
    transform: rotate(97deg);
    animation: confetti-explosion-83 decimal-round(4.4047750651, 1) s decimal-round(0.3426231687, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-83 {
    100% {
        top: 110%;
        left: 39%;
    }
}

.confetti-84 {
    width: 8px;
    height: 3.2px;
    background-color: #3adcc8;
    top: -10%;
    left: 1%;
    opacity: 1.1525948205;
    transform: rotate(179deg);
    animation: confetti-explosion-84 decimal-round(4.7156453649, 1) s decimal-round(0.4960205216, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-84 {
    100% {
        top: 110%;
        left: 2%;
    }
}

.confetti-85 {
    width: 10px;
    height: 4px;
    background-color: #8b4513;
    top: -10%;
    left: 18%;
    opacity: 1.0852910907;
    transform: rotate(121deg);
    animation: confetti-explosion-85 decimal-round(4.2125431254, 1) s decimal-round(0.3076867076, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-85 {
    100% {
        top: 110%;
        left: 25%;
    }
}

.confetti-86 {
    width: 3px;
    height: 1.2px;
    background-color: #146ff5;
    top: -10%;
    left: 20%;
    opacity: 1.307532162;
    transform: rotate(107deg);
    animation: confetti-explosion-86 decimal-round(4.9023411738, 1) s decimal-round(0.9163658952, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-86 {
    100% {
        top: 110%;
        left: 26%;
    }
}

.confetti-87 {
    width: 13px;
    height: 5.2px;
    background-color: #dd1a8f;
    top: -10%;
    left: 78%;
    opacity: 0.9535928413;
    transform: rotate(69deg);
    animation: confetti-explosion-87 decimal-round(4.2836686429, 1) s decimal-round(0.8673524438, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-87 {
    100% {
        top: 110%;
        left: 93%;
    }
}

.confetti-88 {
    width: 14px;
    height: 5.6px;
    background-color: #8154e2;
    top: -10%;
    left: 41%;
    opacity: 1.0350637198;
    transform: rotate(236deg);
    animation: confetti-explosion-88 decimal-round(4.0725945523, 1) s decimal-round(0.0353128594, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-88 {
    100% {
        top: 110%;
        left: 47%;
    }
}

.confetti-89 {
    width: 1px;
    height: 0.4px;
    background-color: #dd1a8f;
    top: -10%;
    left: 88%;
    opacity: 1.2614360457;
    transform: rotate(163deg);
    animation: confetti-explosion-89 decimal-round(4.1560618387, 1) s decimal-round(0.2106163957, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-89 {
    100% {
        top: 110%;
        left: 93%;
    }
}

.confetti-90 {
    width: 4px;
    height: 1.6px;
    background-color: #ee6f40;
    top: -10%;
    left: 15%;
    opacity: 1.2214499063;
    transform: rotate(65deg);
    animation: confetti-explosion-90 decimal-round(4.5563418993, 1) s decimal-round(0.4156496271, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-90 {
    100% {
        top: 110%;
        left: 26%;
    }
}

.confetti-91 {
    width: 13px;
    height: 5.2px;
    background-color: #8b4513;
    top: -10%;
    left: 10%;
    opacity: 0.5885161135;
    transform: rotate(305deg);
    animation: confetti-explosion-91 decimal-round(4.3971347417, 1) s decimal-round(0.483965847, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-91 {
    100% {
        top: 110%;
        left: 23%;
    }
}

.confetti-92 {
    width: 7px;
    height: 2.8px;
    background-color: #146ff5;
    top: -10%;
    left: 77%;
    opacity: 0.5104005228;
    transform: rotate(59deg);
    animation: confetti-explosion-92 decimal-round(4.747462461, 1) s decimal-round(0.7036522786, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-92 {
    100% {
        top: 110%;
        left: 86%;
    }
}

.confetti-93 {
    width: 11px;
    height: 4.4px;
    background-color: #146ff5;
    top: -10%;
    left: 13%;
    opacity: 0.532598654;
    transform: rotate(219deg);
    animation: confetti-explosion-93 decimal-round(4.7984900917, 1) s decimal-round(0.6585277318, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-93 {
    100% {
        top: 110%;
        left: 19%;
    }
}

.confetti-94 {
    width: 5px;
    height: 2px;
    background-color: #8154e2;
    top: -10%;
    left: 43%;
    opacity: 0.6003665388;
    transform: rotate(50deg);
    animation: confetti-explosion-94 decimal-round(4.4177261964, 1) s decimal-round(0.5751699035, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-94 {
    100% {
        top: 110%;
        left: 55%;
    }
}

.confetti-95 {
    width: 3px;
    height: 1.2px;
    background-color: #8b4513;
    top: -10%;
    left: 31%;
    opacity: 1.244185565;
    transform: rotate(188deg);
    animation: confetti-explosion-95 decimal-round(4.4480834349, 1) s decimal-round(0.492155497, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-95 {
    100% {
        top: 110%;
        left: 43%;
    }
}

.confetti-96 {
    width: 2px;
    height: 0.8px;
    background-color: #146ff5;
    top: -10%;
    left: 82%;
    opacity: 1.4443806372;
    transform: rotate(139deg);
    animation: confetti-explosion-96 decimal-round(4.3179955197, 1) s decimal-round(0.964946123, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-96 {
    100% {
        top: 110%;
        left: 90%;
    }
}

.confetti-97 {
    width: 11px;
    height: 4.4px;
    background-color: #ee6f40;
    top: -10%;
    left: 16%;
    opacity: 1.3348704416;
    transform: rotate(342deg);
    animation: confetti-explosion-97 decimal-round(4.6494155532, 1) s decimal-round(0.4227215316, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-97 {
    100% {
        top: 110%;
        left: 25%;
    }
}

.confetti-98 {
    width: 3px;
    height: 1.2px;
    background-color: #8b4513;
    top: -10%;
    left: 16%;
    opacity: 1.1617341091;
    transform: rotate(49deg);
    animation: confetti-explosion-98 decimal-round(4.7091350848, 1) s decimal-round(0.9771422658, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-98 {
    100% {
        top: 110%;
        left: 18%;
    }
}

.confetti-99 {
    width: 5px;
    height: 2px;
    background-color: #dd1a8f;
    top: -10%;
    left: 78%;
    opacity: 0.9771547443;
    transform: rotate(213deg);
    animation: confetti-explosion-99 decimal-round(4.920290116, 1) s decimal-round(0.1674722841, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-99 {
    100% {
        top: 110%;
        left: 87%;
    }
}

.confetti-100 {
    width: 4px;
    height: 1.6px;
    background-color: #146ff5;
    top: -10%;
    left: 53%;
    opacity: 0.6617632741;
    transform: rotate(63deg);
    animation: confetti-explosion-100 decimal-round(4.9345679181, 1) s decimal-round(0.2986286353, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-100 {
    100% {
        top: 110%;
        left: 56%;
    }
}

.confetti-101 {
    width: 4px;
    height: 1.6px;
    background-color: #ee6f40;
    top: -10%;
    left: 26%;
    opacity: 0.9800596074;
    transform: rotate(65deg);
    animation: confetti-explosion-101 decimal-round(4.8180500894, 1) s decimal-round(0.3569260424, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-101 {
    100% {
        top: 110%;
        left: 37%;
    }
}

.confetti-102 {
    width: 15px;
    height: 6px;
    background-color: #ee6f40;
    top: -10%;
    left: 16%;
    opacity: 0.689075619;
    transform: rotate(281deg);
    animation: confetti-explosion-102 decimal-round(4.1947263213, 1) s decimal-round(0.2213727003, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-102 {
    100% {
        top: 110%;
        left: 29%;
    }
}

.confetti-103 {
    width: 15px;
    height: 6px;
    background-color: #146ff5;
    top: -10%;
    left: 49%;
    opacity: 1.3232228353;
    transform: rotate(66deg);
    animation: confetti-explosion-103 decimal-round(4.0098991389, 1) s decimal-round(0.1240562441, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-103 {
    100% {
        top: 110%;
        left: 54%;
    }
}

.confetti-104 {
    width: 7px;
    height: 2.8px;
    background-color: #3adcc8;
    top: -10%;
    left: 70%;
    opacity: 0.5662687036;
    transform: rotate(150deg);
    animation: confetti-explosion-104 decimal-round(4.0855957788, 1) s decimal-round(0.8638571066, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-104 {
    100% {
        top: 110%;
        left: 75%;
    }
}

.confetti-105 {
    width: 7px;
    height: 2.8px;
    background-color: #ee6f40;
    top: -10%;
    left: 27%;
    opacity: 0.7293413013;
    transform: rotate(247deg);
    animation: confetti-explosion-105 decimal-round(4.6988361062, 1) s decimal-round(0.9037449338, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-105 {
    100% {
        top: 110%;
        left: 40%;
    }
}

.confetti-106 {
    width: 8px;
    height: 3.2px;
    background-color: #8b4513;
    top: -10%;
    left: 84%;
    opacity: 0.7595390365;
    transform: rotate(27deg);
    animation: confetti-explosion-106 decimal-round(4.4327761224, 1) s decimal-round(0.4426517879, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-106 {
    100% {
        top: 110%;
        left: 90%;
    }
}

.confetti-107 {
    width: 11px;
    height: 4.4px;
    background-color: #dd1a8f;
    top: -10%;
    left: 96%;
    opacity: 0.5114839624;
    transform: rotate(146deg);
    animation: confetti-explosion-107 decimal-round(4.5234845745, 1) s decimal-round(0.8199007738, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-107 {
    100% {
        top: 110%;
        left: 103%;
    }
}

.confetti-108 {
    width: 7px;
    height: 2.8px;
    background-color: #ee6f40;
    top: -10%;
    left: 87%;
    opacity: 0.6074782245;
    transform: rotate(29deg);
    animation: confetti-explosion-108 decimal-round(4.5417621745, 1) s decimal-round(0.5285332343, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-108 {
    100% {
        top: 110%;
        left: 90%;
    }
}

.confetti-109 {
    width: 12px;
    height: 4.8px;
    background-color: #3adcc8;
    top: -10%;
    left: 47%;
    opacity: 1.4268696034;
    transform: rotate(322deg);
    animation: confetti-explosion-109 decimal-round(4.0739494689, 1) s decimal-round(0.2000978912, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-109 {
    100% {
        top: 110%;
        left: 60%;
    }
}

.confetti-110 {
    width: 3px;
    height: 1.2px;
    background-color: #8154e2;
    top: -10%;
    left: 100%;
    opacity: 0.6473703548;
    transform: rotate(144deg);
    animation: confetti-explosion-110 decimal-round(4.6864010004, 1) s decimal-round(0.5587359997, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-110 {
    100% {
        top: 110%;
        left: 105%;
    }
}

.confetti-111 {
    width: 15px;
    height: 6px;
    background-color: #8154e2;
    top: -10%;
    left: 73%;
    opacity: 0.6123074289;
    transform: rotate(355deg);
    animation: confetti-explosion-111 decimal-round(4.283757169, 1) s decimal-round(0.9792701369, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-111 {
    100% {
        top: 110%;
        left: 80%;
    }
}

.confetti-112 {
    width: 13px;
    height: 5.2px;
    background-color: #8154e2;
    top: -10%;
    left: 61%;
    opacity: 1.0065536251;
    transform: rotate(143deg);
    animation: confetti-explosion-112 decimal-round(4.3536939758, 1) s decimal-round(0.7280437376, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-112 {
    100% {
        top: 110%;
        left: 64%;
    }
}

.confetti-113 {
    width: 8px;
    height: 3.2px;
    background-color: #146ff5;
    top: -10%;
    left: 48%;
    opacity: 0.7268925706;
    transform: rotate(72deg);
    animation: confetti-explosion-113 decimal-round(4.3446032184, 1) s decimal-round(0.4325176497, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-113 {
    100% {
        top: 110%;
        left: 50%;
    }
}

.confetti-114 {
    width: 9px;
    height: 3.6px;
    background-color: #ee6f40;
    top: -10%;
    left: 31%;
    opacity: 0.9664252215;
    transform: rotate(308deg);
    animation: confetti-explosion-114 decimal-round(4.7057774187, 1) s decimal-round(0.096416767, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-114 {
    100% {
        top: 110%;
        left: 34%;
    }
}

.confetti-115 {
    width: 7px;
    height: 2.8px;
    background-color: #8154e2;
    top: -10%;
    left: 97%;
    opacity: 1.0522596842;
    transform: rotate(306deg);
    animation: confetti-explosion-115 decimal-round(4.4042185785, 1) s decimal-round(0.738120676, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-115 {
    100% {
        top: 110%;
        left: 101%;
    }
}

.confetti-116 {
    width: 1px;
    height: 0.4px;
    background-color: #3adcc8;
    top: -10%;
    left: 38%;
    opacity: 1.1097697907;
    transform: rotate(222deg);
    animation: confetti-explosion-116 decimal-round(4.069395073, 1) s decimal-round(0.9758580279, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-116 {
    100% {
        top: 110%;
        left: 48%;
    }
}

.confetti-117 {
    width: 9px;
    height: 3.6px;
    background-color: #3adcc8;
    top: -10%;
    left: 85%;
    opacity: 1.3865233049;
    transform: rotate(80deg);
    animation: confetti-explosion-117 decimal-round(4.3519524933, 1) s decimal-round(0.5182318568, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-117 {
    100% {
        top: 110%;
        left: 99%;
    }
}

.confetti-118 {
    width: 14px;
    height: 5.6px;
    background-color: #8154e2;
    top: -10%;
    left: 18%;
    opacity: 1.187687036;
    transform: rotate(189deg);
    animation: confetti-explosion-118 decimal-round(4.3715060246, 1) s decimal-round(0.782676228, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-118 {
    100% {
        top: 110%;
        left: 21%;
    }
}

.confetti-119 {
    width: 1px;
    height: 0.4px;
    background-color: #8154e2;
    top: -10%;
    left: 55%;
    opacity: 0.6340293558;
    transform: rotate(352deg);
    animation: confetti-explosion-119 decimal-round(4.2311003075, 1) s decimal-round(0.3002300924, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-119 {
    100% {
        top: 110%;
        left: 63%;
    }
}

.confetti-120 {
    width: 13px;
    height: 5.2px;
    background-color: #ee6f40;
    top: -10%;
    left: 64%;
    opacity: 1.3401166846;
    transform: rotate(67deg);
    animation: confetti-explosion-120 decimal-round(4.292844498, 1) s decimal-round(0.5596434971, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-120 {
    100% {
        top: 110%;
        left: 79%;
    }
}

.confetti-121 {
    width: 8px;
    height: 3.2px;
    background-color: #ee6f40;
    top: -10%;
    left: 66%;
    opacity: 1.3174347149;
    transform: rotate(42deg);
    animation: confetti-explosion-121 decimal-round(4.7371187733, 1) s decimal-round(0.4733357244, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-121 {
    100% {
        top: 110%;
        left: 70%;
    }
}

.confetti-122 {
    width: 1px;
    height: 0.4px;
    background-color: #8b4513;
    top: -10%;
    left: 72%;
    opacity: 1.1805975305;
    transform: rotate(243deg);
    animation: confetti-explosion-122 decimal-round(4.0622026984, 1) s decimal-round(0.6168923668, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-122 {
    100% {
        top: 110%;
        left: 75%;
    }
}

.confetti-123 {
    width: 6px;
    height: 2.4px;
    background-color: #ee6f40;
    top: -10%;
    left: 70%;
    opacity: 1.3263508219;
    transform: rotate(169deg);
    animation: confetti-explosion-123 decimal-round(4.5925684215, 1) s decimal-round(0.9143151091, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-123 {
    100% {
        top: 110%;
        left: 78%;
    }
}

.confetti-124 {
    width: 4px;
    height: 1.6px;
    background-color: #dd1a8f;
    top: -10%;
    left: 14%;
    opacity: 0.6459269823;
    transform: rotate(236deg);
    animation: confetti-explosion-124 decimal-round(4.3769440513, 1) s decimal-round(0.5305769745, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-124 {
    100% {
        top: 110%;
        left: 27%;
    }
}

.confetti-125 {
    width: 5px;
    height: 2px;
    background-color: #8b4513;
    top: -10%;
    left: 23%;
    opacity: 0.8749501891;
    transform: rotate(144deg);
    animation: confetti-explosion-125 decimal-round(4.6340097915, 1) s decimal-round(0.939649964, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-125 {
    100% {
        top: 110%;
        left: 27%;
    }
}

.confetti-126 {
    width: 13px;
    height: 5.2px;
    background-color: #8b4513;
    top: -10%;
    left: 29%;
    opacity: 1.4195800262;
    transform: rotate(212deg);
    animation: confetti-explosion-126 decimal-round(4.8110400077, 1) s decimal-round(0.3404195374, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-126 {
    100% {
        top: 110%;
        left: 33%;
    }
}

.confetti-127 {
    width: 8px;
    height: 3.2px;
    background-color: #ee6f40;
    top: -10%;
    left: 94%;
    opacity: 1.229714536;
    transform: rotate(215deg);
    animation: confetti-explosion-127 decimal-round(4.2653731563, 1) s decimal-round(0.5160879341, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-127 {
    100% {
        top: 110%;
        left: 104%;
    }
}

.confetti-128 {
    width: 8px;
    height: 3.2px;
    background-color: #dd1a8f;
    top: -10%;
    left: 78%;
    opacity: 0.5213010382;
    transform: rotate(145deg);
    animation: confetti-explosion-128 decimal-round(4.308785817, 1) s decimal-round(0.3332124337, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-128 {
    100% {
        top: 110%;
        left: 91%;
    }
}

.confetti-129 {
    width: 11px;
    height: 4.4px;
    background-color: #146ff5;
    top: -10%;
    left: 97%;
    opacity: 1.2981980902;
    transform: rotate(32deg);
    animation: confetti-explosion-129 decimal-round(4.5776146993, 1) s decimal-round(0.5544060507, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-129 {
    100% {
        top: 110%;
        left: 112%;
    }
}

.confetti-130 {
    width: 2px;
    height: 0.8px;
    background-color: #146ff5;
    top: -10%;
    left: 71%;
    opacity: 0.8241401458;
    transform: rotate(359deg);
    animation: confetti-explosion-130 decimal-round(4.9209562867, 1) s decimal-round(0.9042527618, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-130 {
    100% {
        top: 110%;
        left: 74%;
    }
}

.confetti-131 {
    width: 15px;
    height: 6px;
    background-color: #dd1a8f;
    top: -10%;
    left: 38%;
    opacity: 0.6786771379;
    transform: rotate(162deg);
    animation: confetti-explosion-131 decimal-round(4.6041292865, 1) s decimal-round(0.3257964528, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-131 {
    100% {
        top: 110%;
        left: 53%;
    }
}

.confetti-132 {
    width: 9px;
    height: 3.6px;
    background-color: #8154e2;
    top: -10%;
    left: 45%;
    opacity: 1.4095843577;
    transform: rotate(99deg);
    animation: confetti-explosion-132 decimal-round(4.7628143347, 1) s decimal-round(0.2933822637, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-132 {
    100% {
        top: 110%;
        left: 46%;
    }
}

.confetti-133 {
    width: 7px;
    height: 2.8px;
    background-color: #dd1a8f;
    top: -10%;
    left: 54%;
    opacity: 0.648590086;
    transform: rotate(153deg);
    animation: confetti-explosion-133 decimal-round(4.4413241419, 1) s decimal-round(0.7935414124, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-133 {
    100% {
        top: 110%;
        left: 59%;
    }
}

.confetti-134 {
    width: 10px;
    height: 4px;
    background-color: #8154e2;
    top: -10%;
    left: 38%;
    opacity: 0.9826958447;
    transform: rotate(332deg);
    animation: confetti-explosion-134 decimal-round(4.5363466857, 1) s decimal-round(0.6188831314, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-134 {
    100% {
        top: 110%;
        left: 53%;
    }
}

.confetti-135 {
    width: 4px;
    height: 1.6px;
    background-color: #8154e2;
    top: -10%;
    left: 55%;
    opacity: 1.1104307033;
    transform: rotate(246deg);
    animation: confetti-explosion-135 decimal-round(4.6230500553, 1) s decimal-round(0.3554896614, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-135 {
    100% {
        top: 110%;
        left: 57%;
    }
}

.confetti-136 {
    width: 2px;
    height: 0.8px;
    background-color: #8b4513;
    top: -10%;
    left: 94%;
    opacity: 0.5131732183;
    transform: rotate(287deg);
    animation: confetti-explosion-136 decimal-round(4.2795017435, 1) s decimal-round(0.4563624823, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-136 {
    100% {
        top: 110%;
        left: 97%;
    }
}

.confetti-137 {
    width: 12px;
    height: 4.8px;
    background-color: #8154e2;
    top: -10%;
    left: 70%;
    opacity: 1.4913950887;
    transform: rotate(234deg);
    animation: confetti-explosion-137 decimal-round(4.9739456935, 1) s decimal-round(0.7519402054, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-137 {
    100% {
        top: 110%;
        left: 76%;
    }
}

.confetti-138 {
    width: 3px;
    height: 1.2px;
    background-color: #8154e2;
    top: -10%;
    left: 32%;
    opacity: 1.2750237234;
    transform: rotate(245deg);
    animation: confetti-explosion-138 decimal-round(4.6461186172, 1) s decimal-round(0.9492506945, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-138 {
    100% {
        top: 110%;
        left: 41%;
    }
}

.confetti-139 {
    width: 7px;
    height: 2.8px;
    background-color: #ee6f40;
    top: -10%;
    left: 35%;
    opacity: 1.4438564462;
    transform: rotate(326deg);
    animation: confetti-explosion-139 decimal-round(4.4520951982, 1) s decimal-round(0.6542949915, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-139 {
    100% {
        top: 110%;
        left: 47%;
    }
}

.confetti-140 {
    width: 7px;
    height: 2.8px;
    background-color: #3adcc8;
    top: -10%;
    left: 98%;
    opacity: 1.3358532931;
    transform: rotate(143deg);
    animation: confetti-explosion-140 decimal-round(4.0031230077, 1) s decimal-round(0.6444817488, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-140 {
    100% {
        top: 110%;
        left: 103%;
    }
}

.confetti-141 {
    width: 15px;
    height: 6px;
    background-color: #3adcc8;
    top: -10%;
    left: 4%;
    opacity: 0.6452726463;
    transform: rotate(196deg);
    animation: confetti-explosion-141 decimal-round(4.1778294213, 1) s decimal-round(0.6137858745, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-141 {
    100% {
        top: 110%;
        left: 9%;
    }
}

.confetti-142 {
    width: 8px;
    height: 3.2px;
    background-color: #3adcc8;
    top: -10%;
    left: 75%;
    opacity: 1.2264162478;
    transform: rotate(151deg);
    animation: confetti-explosion-142 decimal-round(4.3122069376, 1) s decimal-round(0.9691263273, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-142 {
    100% {
        top: 110%;
        left: 77%;
    }
}

.confetti-143 {
    width: 3px;
    height: 1.2px;
    background-color: #8154e2;
    top: -10%;
    left: 44%;
    opacity: 0.5220377008;
    transform: rotate(204deg);
    animation: confetti-explosion-143 decimal-round(4.0742308526, 1) s decimal-round(0.7885535109, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-143 {
    100% {
        top: 110%;
        left: 52%;
    }
}

.confetti-144 {
    width: 10px;
    height: 4px;
    background-color: #3adcc8;
    top: -10%;
    left: 86%;
    opacity: 1.0216815221;
    transform: rotate(91deg);
    animation: confetti-explosion-144 decimal-round(4.3089839864, 1) s decimal-round(0.9874761046, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-144 {
    100% {
        top: 110%;
        left: 87%;
    }
}

.confetti-145 {
    width: 8px;
    height: 3.2px;
    background-color: #8b4513;
    top: -10%;
    left: 50%;
    opacity: 0.8407910006;
    transform: rotate(313deg);
    animation: confetti-explosion-145 decimal-round(4.157325939, 1) s decimal-round(0.1414395359, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-145 {
    100% {
        top: 110%;
        left: 62%;
    }
}

.confetti-146 {
    width: 10px;
    height: 4px;
    background-color: #8154e2;
    top: -10%;
    left: 71%;
    opacity: 1.258342805;
    transform: rotate(110deg);
    animation: confetti-explosion-146 decimal-round(4.0130786372, 1) s decimal-round(0.6817623246, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-146 {
    100% {
        top: 110%;
        left: 84%;
    }
}

.confetti-147 {
    width: 15px;
    height: 6px;
    background-color: #8b4513;
    top: -10%;
    left: 4%;
    opacity: 1.2624665022;
    transform: rotate(230deg);
    animation: confetti-explosion-147 decimal-round(4.6739121437, 1) s decimal-round(0.5561849482, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-147 {
    100% {
        top: 110%;
        left: 15%;
    }
}

.confetti-148 {
    width: 6px;
    height: 2.4px;
    background-color: #8b4513;
    top: -10%;
    left: 10%;
    opacity: 0.58344714;
    transform: rotate(8deg);
    animation: confetti-explosion-148 decimal-round(4.8644885782, 1) s decimal-round(0.3151260058, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-148 {
    100% {
        top: 110%;
        left: 17%;
    }
}

.confetti-149 {
    width: 13px;
    height: 5.2px;
    background-color: #ee6f40;
    top: -10%;
    left: 45%;
    opacity: 1.3551371295;
    transform: rotate(127deg);
    animation: confetti-explosion-149 decimal-round(4.479926345, 1) s decimal-round(0.1284555197, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-149 {
    100% {
        top: 110%;
        left: 48%;
    }
}

.confetti-150 {
    width: 3px;
    height: 1.2px;
    background-color: #8154e2;
    top: -10%;
    left: 12%;
    opacity: 0.5500670979;
    transform: rotate(126deg);
    animation: confetti-explosion-150 decimal-round(4.4256030587, 1) s decimal-round(0.243962651, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-150 {
    100% {
        top: 110%;
        left: 19%;
    }
}

.confetti-151 {
    width: 15px;
    height: 6px;
    background-color: #8b4513;
    top: -10%;
    left: 30%;
    opacity: 1.3136967638;
    transform: rotate(189deg);
    animation: confetti-explosion-151 decimal-round(4.1562816492, 1) s decimal-round(0.8158969276, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-151 {
    100% {
        top: 110%;
        left: 39%;
    }
}

.confetti-152 {
    width: 5px;
    height: 2px;
    background-color: #146ff5;
    top: -10%;
    left: 98%;
    opacity: 0.5012334743;
    transform: rotate(240deg);
    animation: confetti-explosion-152 decimal-round(4.0894353075, 1) s decimal-round(0.4107650323, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-152 {
    100% {
        top: 110%;
        left: 103%;
    }
}

.confetti-153 {
    width: 15px;
    height: 6px;
    background-color: #146ff5;
    top: -10%;
    left: 80%;
    opacity: 1.2796913196;
    transform: rotate(35deg);
    animation: confetti-explosion-153 decimal-round(4.249460325, 1) s decimal-round(0.5448771325, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-153 {
    100% {
        top: 110%;
        left: 85%;
    }
}

.confetti-154 {
    width: 5px;
    height: 2px;
    background-color: #3adcc8;
    top: -10%;
    left: 4%;
    opacity: 1.3760602266;
    transform: rotate(261deg);
    animation: confetti-explosion-154 decimal-round(4.1126790372, 1) s decimal-round(0.9736097291, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-154 {
    100% {
        top: 110%;
        left: 15%;
    }
}

.confetti-155 {
    width: 11px;
    height: 4.4px;
    background-color: #146ff5;
    top: -10%;
    left: 40%;
    opacity: 1.2779278699;
    transform: rotate(40deg);
    animation: confetti-explosion-155 decimal-round(4.1563260496, 1) s decimal-round(0.5024788029, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-155 {
    100% {
        top: 110%;
        left: 44%;
    }
}

.confetti-156 {
    width: 14px;
    height: 5.6px;
    background-color: #8b4513;
    top: -10%;
    left: 41%;
    opacity: 0.8591540164;
    transform: rotate(272deg);
    animation: confetti-explosion-156 decimal-round(4.4688871963, 1) s decimal-round(0.5924326399, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-156 {
    100% {
        top: 110%;
        left: 49%;
    }
}

.confetti-157 {
    width: 8px;
    height: 3.2px;
    background-color: #ee6f40;
    top: -10%;
    left: 25%;
    opacity: 0.6882503402;
    transform: rotate(100deg);
    animation: confetti-explosion-157 decimal-round(4.4108770033, 1) s decimal-round(0.3927404036, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-157 {
    100% {
        top: 110%;
        left: 34%;
    }
}

.confetti-158 {
    width: 12px;
    height: 4.8px;
    background-color: #146ff5;
    top: -10%;
    left: 50%;
    opacity: 1.2695309535;
    transform: rotate(177deg);
    animation: confetti-explosion-158 decimal-round(4.7881719398, 1) s decimal-round(0.3776531015, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-158 {
    100% {
        top: 110%;
        left: 55%;
    }
}

.confetti-159 {
    width: 2px;
    height: 0.8px;
    background-color: #146ff5;
    top: -10%;
    left: 15%;
    opacity: 1.1004548883;
    transform: rotate(294deg);
    animation: confetti-explosion-159 decimal-round(4.3943259926, 1) s decimal-round(0.1500898092, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-159 {
    100% {
        top: 110%;
        left: 27%;
    }
}

.confetti-160 {
    width: 6px;
    height: 2.4px;
    background-color: #dd1a8f;
    top: -10%;
    left: 93%;
    opacity: 1.1982843432;
    transform: rotate(322deg);
    animation: confetti-explosion-160 decimal-round(4.5113209283, 1) s decimal-round(0.3063143682, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-160 {
    100% {
        top: 110%;
        left: 95%;
    }
}

.confetti-161 {
    width: 3px;
    height: 1.2px;
    background-color: #ee6f40;
    top: -10%;
    left: 99%;
    opacity: 0.6310059817;
    transform: rotate(20deg);
    animation: confetti-explosion-161 decimal-round(4.0119252426, 1) s decimal-round(0.9596933105, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-161 {
    100% {
        top: 110%;
        left: 109%;
    }
}

.confetti-162 {
    width: 15px;
    height: 6px;
    background-color: #8154e2;
    top: -10%;
    left: 69%;
    opacity: 0.89626684;
    transform: rotate(64deg);
    animation: confetti-explosion-162 decimal-round(4.4410019186, 1) s decimal-round(0.3844316304, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-162 {
    100% {
        top: 110%;
        left: 80%;
    }
}

.confetti-163 {
    width: 13px;
    height: 5.2px;
    background-color: #146ff5;
    top: -10%;
    left: 45%;
    opacity: 0.9311219154;
    transform: rotate(66deg);
    animation: confetti-explosion-163 decimal-round(4.1548976189, 1) s decimal-round(0.3491857427, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-163 {
    100% {
        top: 110%;
        left: 54%;
    }
}

.confetti-164 {
    width: 10px;
    height: 4px;
    background-color: #146ff5;
    top: -10%;
    left: 66%;
    opacity: 1.4634425581;
    transform: rotate(25deg);
    animation: confetti-explosion-164 decimal-round(4.6313308804, 1) s decimal-round(0.6816847465, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-164 {
    100% {
        top: 110%;
        left: 68%;
    }
}

.confetti-165 {
    width: 2px;
    height: 0.8px;
    background-color: #8154e2;
    top: -10%;
    left: 23%;
    opacity: 0.8679195501;
    transform: rotate(28deg);
    animation: confetti-explosion-165 decimal-round(4.9317888785, 1) s decimal-round(0.6435910878, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-165 {
    100% {
        top: 110%;
        left: 35%;
    }
}

.confetti-166 {
    width: 2px;
    height: 0.8px;
    background-color: #ee6f40;
    top: -10%;
    left: 52%;
    opacity: 1.0198581675;
    transform: rotate(131deg);
    animation: confetti-explosion-166 decimal-round(4.0505765478, 1) s decimal-round(0.9039660353, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-166 {
    100% {
        top: 110%;
        left: 54%;
    }
}

.confetti-167 {
    width: 15px;
    height: 6px;
    background-color: #146ff5;
    top: -10%;
    left: 35%;
    opacity: 0.8759995056;
    transform: rotate(79deg);
    animation: confetti-explosion-167 decimal-round(4.4321468131, 1) s decimal-round(0.4148938939, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-167 {
    100% {
        top: 110%;
        left: 39%;
    }
}

.confetti-168 {
    width: 13px;
    height: 5.2px;
    background-color: #3adcc8;
    top: -10%;
    left: 79%;
    opacity: 1.2169214135;
    transform: rotate(256deg);
    animation: confetti-explosion-168 decimal-round(4.0254642987, 1) s decimal-round(0.220187848, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-168 {
    100% {
        top: 110%;
        left: 82%;
    }
}

.confetti-169 {
    width: 14px;
    height: 5.6px;
    background-color: #8b4513;
    top: -10%;
    left: 27%;
    opacity: 1.3014128475;
    transform: rotate(103deg);
    animation: confetti-explosion-169 decimal-round(4.5686471556, 1) s decimal-round(0.1336224057, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-169 {
    100% {
        top: 110%;
        left: 36%;
    }
}

.confetti-170 {
    width: 2px;
    height: 0.8px;
    background-color: #dd1a8f;
    top: -10%;
    left: 72%;
    opacity: 0.6246724165;
    transform: rotate(148deg);
    animation: confetti-explosion-170 decimal-round(4.4978398129, 1) s decimal-round(0.8383564025, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-170 {
    100% {
        top: 110%;
        left: 77%;
    }
}

.confetti-171 {
    width: 11px;
    height: 4.4px;
    background-color: #ee6f40;
    top: -10%;
    left: 95%;
    opacity: 1.1146090681;
    transform: rotate(346deg);
    animation: confetti-explosion-171 decimal-round(4.8143660688, 1) s decimal-round(0.4408063096, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-171 {
    100% {
        top: 110%;
        left: 100%;
    }
}

.confetti-172 {
    width: 2px;
    height: 0.8px;
    background-color: #8b4513;
    top: -10%;
    left: 21%;
    opacity: 0.957734736;
    transform: rotate(338deg);
    animation: confetti-explosion-172 decimal-round(4.5795953354, 1) s decimal-round(0.5311047899, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-172 {
    100% {
        top: 110%;
        left: 35%;
    }
}

.confetti-173 {
    width: 5px;
    height: 2px;
    background-color: #dd1a8f;
    top: -10%;
    left: 12%;
    opacity: 1.4786345715;
    transform: rotate(244deg);
    animation: confetti-explosion-173 decimal-round(4.8470318984, 1) s decimal-round(0.7191809182, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-173 {
    100% {
        top: 110%;
        left: 19%;
    }
}

.confetti-174 {
    width: 11px;
    height: 4.4px;
    background-color: #146ff5;
    top: -10%;
    left: 49%;
    opacity: 1.0055299362;
    transform: rotate(297deg);
    animation: confetti-explosion-174 decimal-round(4.867717689, 1) s decimal-round(0.617642948, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-174 {
    100% {
        top: 110%;
        left: 57%;
    }
}

.confetti-175 {
    width: 8px;
    height: 3.2px;
    background-color: #ee6f40;
    top: -10%;
    left: 33%;
    opacity: 0.8870273567;
    transform: rotate(215deg);
    animation: confetti-explosion-175 decimal-round(4.9526722471, 1) s decimal-round(0.3271897102, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-175 {
    100% {
        top: 110%;
        left: 34%;
    }
}

.confetti-176 {
    width: 12px;
    height: 4.8px;
    background-color: #8b4513;
    top: -10%;
    left: 98%;
    opacity: 1.1746077068;
    transform: rotate(30deg);
    animation: confetti-explosion-176 decimal-round(4.1775867969, 1) s decimal-round(0.2662138332, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-176 {
    100% {
        top: 110%;
        left: 113%;
    }
}

.confetti-177 {
    width: 4px;
    height: 1.6px;
    background-color: #8154e2;
    top: -10%;
    left: 42%;
    opacity: 1.0495361533;
    transform: rotate(227deg);
    animation: confetti-explosion-177 decimal-round(4.9617806504, 1) s decimal-round(0.3630700166, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-177 {
    100% {
        top: 110%;
        left: 45%;
    }
}

.confetti-178 {
    width: 2px;
    height: 0.8px;
    background-color: #146ff5;
    top: -10%;
    left: 20%;
    opacity: 0.8790746422;
    transform: rotate(87deg);
    animation: confetti-explosion-178 decimal-round(4.7271802306, 1) s decimal-round(0.3395983957, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-178 {
    100% {
        top: 110%;
        left: 30%;
    }
}

.confetti-179 {
    width: 2px;
    height: 0.8px;
    background-color: #8b4513;
    top: -10%;
    left: 100%;
    opacity: 0.8398403435;
    transform: rotate(323deg);
    animation: confetti-explosion-179 decimal-round(4.0616348668, 1) s decimal-round(0.3074706368, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-179 {
    100% {
        top: 110%;
        left: 101%;
    }
}

.confetti-180 {
    width: 6px;
    height: 2.4px;
    background-color: #ee6f40;
    top: -10%;
    left: 46%;
    opacity: 0.9440983477;
    transform: rotate(227deg);
    animation: confetti-explosion-180 decimal-round(4.5942305665, 1) s decimal-round(0.3439323162, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-180 {
    100% {
        top: 110%;
        left: 61%;
    }
}

.confetti-181 {
    width: 2px;
    height: 0.8px;
    background-color: #ee6f40;
    top: -10%;
    left: 21%;
    opacity: 0.6972663306;
    transform: rotate(160deg);
    animation: confetti-explosion-181 decimal-round(4.4379163028, 1) s decimal-round(0.6919885502, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-181 {
    100% {
        top: 110%;
        left: 32%;
    }
}

.confetti-182 {
    width: 7px;
    height: 2.8px;
    background-color: #146ff5;
    top: -10%;
    left: 16%;
    opacity: 1.3214245513;
    transform: rotate(142deg);
    animation: confetti-explosion-182 decimal-round(4.3061798776, 1) s decimal-round(0.0755578548, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-182 {
    100% {
        top: 110%;
        left: 31%;
    }
}

.confetti-183 {
    width: 10px;
    height: 4px;
    background-color: #ee6f40;
    top: -10%;
    left: 45%;
    opacity: 1.4350264226;
    transform: rotate(125deg);
    animation: confetti-explosion-183 decimal-round(4.0981376985, 1) s decimal-round(0.0310845703, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-183 {
    100% {
        top: 110%;
        left: 46%;
    }
}

.confetti-184 {
    width: 4px;
    height: 1.6px;
    background-color: #ee6f40;
    top: -10%;
    left: 3%;
    opacity: 0.5730204122;
    transform: rotate(305deg);
    animation: confetti-explosion-184 decimal-round(4.2838572871, 1) s decimal-round(0.9898398433, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-184 {
    100% {
        top: 110%;
        left: 5%;
    }
}

.confetti-185 {
    width: 14px;
    height: 5.6px;
    background-color: #8154e2;
    top: -10%;
    left: 90%;
    opacity: 1.4330248758;
    transform: rotate(36deg);
    animation: confetti-explosion-185 decimal-round(4.7171190091, 1) s decimal-round(0.6883455661, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-185 {
    100% {
        top: 110%;
        left: 95%;
    }
}

.confetti-186 {
    width: 9px;
    height: 3.6px;
    background-color: #3adcc8;
    top: -10%;
    left: 64%;
    opacity: 0.8569804841;
    transform: rotate(122deg);
    animation: confetti-explosion-186 decimal-round(4.1043509355, 1) s decimal-round(0.0778538432, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-186 {
    100% {
        top: 110%;
        left: 69%;
    }
}

.confetti-187 {
    width: 8px;
    height: 3.2px;
    background-color: #3adcc8;
    top: -10%;
    left: 68%;
    opacity: 0.984292053;
    transform: rotate(169deg);
    animation: confetti-explosion-187 decimal-round(4.5583705319, 1) s decimal-round(0.1003271195, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-187 {
    100% {
        top: 110%;
        left: 74%;
    }
}

.confetti-188 {
    width: 13px;
    height: 5.2px;
    background-color: #146ff5;
    top: -10%;
    left: 25%;
    opacity: 1.2586697522;
    transform: rotate(187deg);
    animation: confetti-explosion-188 decimal-round(4.6136863062, 1) s decimal-round(0.8248265734, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-188 {
    100% {
        top: 110%;
        left: 28%;
    }
}

.confetti-189 {
    width: 6px;
    height: 2.4px;
    background-color: #3adcc8;
    top: -10%;
    left: 47%;
    opacity: 0.7323994488;
    transform: rotate(58deg);
    animation: confetti-explosion-189 decimal-round(4.4773179779, 1) s decimal-round(0.8350252541, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-189 {
    100% {
        top: 110%;
        left: 60%;
    }
}

.confetti-190 {
    width: 1px;
    height: 0.4px;
    background-color: #dd1a8f;
    top: -10%;
    left: 5%;
    opacity: 0.8723359098;
    transform: rotate(299deg);
    animation: confetti-explosion-190 decimal-round(4.3771258499, 1) s decimal-round(0.0152361055, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-190 {
    100% {
        top: 110%;
        left: 14%;
    }
}

.confetti-191 {
    width: 11px;
    height: 4.4px;
    background-color: #8b4513;
    top: -10%;
    left: 42%;
    opacity: 0.7059389059;
    transform: rotate(72deg);
    animation: confetti-explosion-191 decimal-round(4.0117678667, 1) s decimal-round(0.8825429455, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-191 {
    100% {
        top: 110%;
        left: 54%;
    }
}

.confetti-192 {
    width: 1px;
    height: 0.4px;
    background-color: #8b4513;
    top: -10%;
    left: 74%;
    opacity: 0.6212833605;
    transform: rotate(345deg);
    animation: confetti-explosion-192 decimal-round(4.6840304457, 1) s decimal-round(0.177863653, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-192 {
    100% {
        top: 110%;
        left: 82%;
    }
}

.confetti-193 {
    width: 10px;
    height: 4px;
    background-color: #dd1a8f;
    top: -10%;
    left: 6%;
    opacity: 1.1078825326;
    transform: rotate(139deg);
    animation: confetti-explosion-193 decimal-round(4.8729890763, 1) s decimal-round(0.4060089412, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-193 {
    100% {
        top: 110%;
        left: 13%;
    }
}

.confetti-194 {
    width: 7px;
    height: 2.8px;
    background-color: #3adcc8;
    top: -10%;
    left: 38%;
    opacity: 0.9484570628;
    transform: rotate(36deg);
    animation: confetti-explosion-194 decimal-round(4.6442857752, 1) s decimal-round(0.248881759, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-194 {
    100% {
        top: 110%;
        left: 43%;
    }
}

.confetti-195 {
    width: 12px;
    height: 4.8px;
    background-color: #8154e2;
    top: -10%;
    left: 41%;
    opacity: 1.0880976943;
    transform: rotate(32deg);
    animation: confetti-explosion-195 decimal-round(4.1498468697, 1) s decimal-round(0.1466195683, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-195 {
    100% {
        top: 110%;
        left: 43%;
    }
}

.confetti-196 {
    width: 2px;
    height: 0.8px;
    background-color: #3adcc8;
    top: -10%;
    left: 100%;
    opacity: 1.4121623955;
    transform: rotate(277deg);
    animation: confetti-explosion-196 decimal-round(4.1090308682, 1) s decimal-round(0.6313288802, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-196 {
    100% {
        top: 110%;
        left: 111%;
    }
}

.confetti-197 {
    width: 5px;
    height: 2px;
    background-color: #3adcc8;
    top: -10%;
    left: 61%;
    opacity: 0.8563093076;
    transform: rotate(154deg);
    animation: confetti-explosion-197 decimal-round(4.59386786, 1) s decimal-round(0.6700538839, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-197 {
    100% {
        top: 110%;
        left: 73%;
    }
}

.confetti-198 {
    width: 5px;
    height: 2px;
    background-color: #3adcc8;
    top: -10%;
    left: 53%;
    opacity: 1.1220842536;
    transform: rotate(140deg);
    animation: confetti-explosion-198 decimal-round(4.6076640367, 1) s decimal-round(0.1867786453, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-198 {
    100% {
        top: 110%;
        left: 68%;
    }
}

.confetti-199 {
    width: 10px;
    height: 4px;
    background-color: #8b4513;
    top: -10%;
    left: 17%;
    opacity: 0.7413597835;
    transform: rotate(236deg);
    animation: confetti-explosion-199 decimal-round(4.9959567059, 1) s decimal-round(0.706609598, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-199 {
    100% {
        top: 110%;
        left: 27%;
    }
}

.confetti-200 {
    width: 2px;
    height: 0.8px;
    background-color: #8b4513;
    top: -10%;
    left: 51%;
    opacity: 0.7980672654;
    transform: rotate(207deg);
    animation: confetti-explosion-200 decimal-round(4.8273698154, 1) s decimal-round(0.523868892, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-200 {
    100% {
        top: 110%;
        left: 59%;
    }
}

.confetti-201 {
    width: 8px;
    height: 3.2px;
    background-color: #ee6f40;
    top: -10%;
    left: 19%;
    opacity: 0.8177055065;
    transform: rotate(3deg);
    animation: confetti-explosion-201 decimal-round(4.2143846034, 1) s decimal-round(0.4483554688, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-201 {
    100% {
        top: 110%;
        left: 25%;
    }
}

.confetti-202 {
    width: 3px;
    height: 1.2px;
    background-color: #8b4513;
    top: -10%;
    left: 9%;
    opacity: 1.224363686;
    transform: rotate(244deg);
    animation: confetti-explosion-202 decimal-round(4.4035350621, 1) s decimal-round(0.8198442588, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-202 {
    100% {
        top: 110%;
        left: 20%;
    }
}

.confetti-203 {
    width: 6px;
    height: 2.4px;
    background-color: #dd1a8f;
    top: -10%;
    left: 78%;
    opacity: 1.2311010167;
    transform: rotate(111deg);
    animation: confetti-explosion-203 decimal-round(4.0850902649, 1) s decimal-round(0.4616415713, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-203 {
    100% {
        top: 110%;
        left: 82%;
    }
}

.confetti-204 {
    width: 5px;
    height: 2px;
    background-color: #8b4513;
    top: -10%;
    left: 81%;
    opacity: 1.1541883447;
    transform: rotate(341deg);
    animation: confetti-explosion-204 decimal-round(4.1455635371, 1) s decimal-round(0.7467335964, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-204 {
    100% {
        top: 110%;
        left: 89%;
    }
}

.confetti-205 {
    width: 2px;
    height: 0.8px;
    background-color: #8b4513;
    top: -10%;
    left: 53%;
    opacity: 1.3404357086;
    transform: rotate(233deg);
    animation: confetti-explosion-205 decimal-round(4.2549400613, 1) s decimal-round(0.5032622085, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-205 {
    100% {
        top: 110%;
        left: 67%;
    }
}

.confetti-206 {
    width: 11px;
    height: 4.4px;
    background-color: #146ff5;
    top: -10%;
    left: 11%;
    opacity: 1.0253244423;
    transform: rotate(39deg);
    animation: confetti-explosion-206 decimal-round(4.0144433523, 1) s decimal-round(0.1415462776, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-206 {
    100% {
        top: 110%;
        left: 20%;
    }
}

.confetti-207 {
    width: 9px;
    height: 3.6px;
    background-color: #ee6f40;
    top: -10%;
    left: 6%;
    opacity: 0.7266930473;
    transform: rotate(207deg);
    animation: confetti-explosion-207 decimal-round(4.5487396888, 1) s decimal-round(0.2240104861, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-207 {
    100% {
        top: 110%;
        left: 16%;
    }
}

.confetti-208 {
    width: 6px;
    height: 2.4px;
    background-color: #dd1a8f;
    top: -10%;
    left: 38%;
    opacity: 1.4239775266;
    transform: rotate(218deg);
    animation: confetti-explosion-208 decimal-round(4.5787786113, 1) s decimal-round(0.2897351109, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-208 {
    100% {
        top: 110%;
        left: 53%;
    }
}

.confetti-209 {
    width: 6px;
    height: 2.4px;
    background-color: #dd1a8f;
    top: -10%;
    left: 22%;
    opacity: 0.6158203874;
    transform: rotate(135deg);
    animation: confetti-explosion-209 decimal-round(4.4552028434, 1) s decimal-round(0.6480419109, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-209 {
    100% {
        top: 110%;
        left: 25%;
    }
}

.confetti-210 {
    width: 10px;
    height: 4px;
    background-color: #8b4513;
    top: -10%;
    left: 34%;
    opacity: 0.5048772469;
    transform: rotate(338deg);
    animation: confetti-explosion-210 decimal-round(4.5093362837, 1) s decimal-round(0.6030902824, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-210 {
    100% {
        top: 110%;
        left: 45%;
    }
}

.confetti-211 {
    width: 15px;
    height: 6px;
    background-color: #ee6f40;
    top: -10%;
    left: 97%;
    opacity: 1.2225505413;
    transform: rotate(18deg);
    animation: confetti-explosion-211 decimal-round(4.7487356718, 1) s decimal-round(0.6076512526, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-211 {
    100% {
        top: 110%;
        left: 104%;
    }
}

.confetti-212 {
    width: 7px;
    height: 2.8px;
    background-color: #8b4513;
    top: -10%;
    left: 36%;
    opacity: 1.3617673796;
    transform: rotate(178deg);
    animation: confetti-explosion-212 decimal-round(4.2546212542, 1) s decimal-round(0.0239109068, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-212 {
    100% {
        top: 110%;
        left: 48%;
    }
}

.confetti-213 {
    width: 9px;
    height: 3.6px;
    background-color: #dd1a8f;
    top: -10%;
    left: 1%;
    opacity: 1.0354104079;
    transform: rotate(259deg);
    animation: confetti-explosion-213 decimal-round(4.4944764674, 1) s decimal-round(0.8342745437, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-213 {
    100% {
        top: 110%;
        left: 4%;
    }
}

.confetti-214 {
    width: 2px;
    height: 0.8px;
    background-color: #146ff5;
    top: -10%;
    left: 67%;
    opacity: 1.3901724493;
    transform: rotate(160deg);
    animation: confetti-explosion-214 decimal-round(4.340093347, 1) s decimal-round(0.0698876639, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-214 {
    100% {
        top: 110%;
        left: 77%;
    }
}

.confetti-215 {
    width: 14px;
    height: 5.6px;
    background-color: #dd1a8f;
    top: -10%;
    left: 92%;
    opacity: 0.6841972775;
    transform: rotate(318deg);
    animation: confetti-explosion-215 decimal-round(4.7163217634, 1) s decimal-round(0.8082158083, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-215 {
    100% {
        top: 110%;
        left: 98%;
    }
}

.confetti-216 {
    width: 5px;
    height: 2px;
    background-color: #ee6f40;
    top: -10%;
    left: 88%;
    opacity: 0.8937973621;
    transform: rotate(252deg);
    animation: confetti-explosion-216 decimal-round(4.1520755222, 1) s decimal-round(0.5836266282, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-216 {
    100% {
        top: 110%;
        left: 95%;
    }
}

.confetti-217 {
    width: 7px;
    height: 2.8px;
    background-color: #8b4513;
    top: -10%;
    left: 88%;
    opacity: 1.0249371751;
    transform: rotate(299deg);
    animation: confetti-explosion-217 decimal-round(4.5828761791, 1) s decimal-round(0.9462207198, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-217 {
    100% {
        top: 110%;
        left: 94%;
    }
}

.confetti-218 {
    width: 11px;
    height: 4.4px;
    background-color: #3adcc8;
    top: -10%;
    left: 42%;
    opacity: 0.9576549773;
    transform: rotate(350deg);
    animation: confetti-explosion-218 decimal-round(4.9481045599, 1) s decimal-round(0.2000730304, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-218 {
    100% {
        top: 110%;
        left: 51%;
    }
}

.confetti-219 {
    width: 8px;
    height: 3.2px;
    background-color: #8b4513;
    top: -10%;
    left: 20%;
    opacity: 1.2800448305;
    transform: rotate(311deg);
    animation: confetti-explosion-219 decimal-round(4.283241191, 1) s decimal-round(0.9848326937, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-219 {
    100% {
        top: 110%;
        left: 27%;
    }
}

.confetti-220 {
    width: 5px;
    height: 2px;
    background-color: #8b4513;
    top: -10%;
    left: 27%;
    opacity: 0.8461527602;
    transform: rotate(144deg);
    animation: confetti-explosion-220 decimal-round(4.4449707639, 1) s decimal-round(0.8861268708, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-220 {
    100% {
        top: 110%;
        left: 28%;
    }
}

.confetti-221 {
    width: 10px;
    height: 4px;
    background-color: #146ff5;
    top: -10%;
    left: 86%;
    opacity: 1.2941657835;
    transform: rotate(99deg);
    animation: confetti-explosion-221 decimal-round(4.1344679207, 1) s decimal-round(0.3294049743, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-221 {
    100% {
        top: 110%;
        left: 92%;
    }
}

.confetti-222 {
    width: 6px;
    height: 2.4px;
    background-color: #146ff5;
    top: -10%;
    left: 74%;
    opacity: 1.1121371905;
    transform: rotate(265deg);
    animation: confetti-explosion-222 decimal-round(4.1982736674, 1) s decimal-round(0.1785821484, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-222 {
    100% {
        top: 110%;
        left: 80%;
    }
}

.confetti-223 {
    width: 10px;
    height: 4px;
    background-color: #8154e2;
    top: -10%;
    left: 45%;
    opacity: 0.9825405456;
    transform: rotate(63deg);
    animation: confetti-explosion-223 decimal-round(4.5469696351, 1) s decimal-round(0.3502733677, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-223 {
    100% {
        top: 110%;
        left: 59%;
    }
}

.confetti-224 {
    width: 11px;
    height: 4.4px;
    background-color: #8b4513;
    top: -10%;
    left: 32%;
    opacity: 1.4690858125;
    transform: rotate(47deg);
    animation: confetti-explosion-224 decimal-round(4.3493686319, 1) s decimal-round(0.2814619765, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-224 {
    100% {
        top: 110%;
        left: 33%;
    }
}

.confetti-225 {
    width: 7px;
    height: 2.8px;
    background-color: #dd1a8f;
    top: -10%;
    left: 78%;
    opacity: 0.5372636444;
    transform: rotate(179deg);
    animation: confetti-explosion-225 decimal-round(4.9590224637, 1) s decimal-round(0.4824711014, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-225 {
    100% {
        top: 110%;
        left: 91%;
    }
}

.confetti-226 {
    width: 6px;
    height: 2.4px;
    background-color: #8b4513;
    top: -10%;
    left: 95%;
    opacity: 0.6574761184;
    transform: rotate(310deg);
    animation: confetti-explosion-226 decimal-round(4.6155050314, 1) s decimal-round(0.9322571349, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-226 {
    100% {
        top: 110%;
        left: 99%;
    }
}

.confetti-227 {
    width: 7px;
    height: 2.8px;
    background-color: #3adcc8;
    top: -10%;
    left: 23%;
    opacity: 0.7996116637;
    transform: rotate(283deg);
    animation: confetti-explosion-227 decimal-round(4.2822311875, 1) s decimal-round(0.0376479072, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-227 {
    100% {
        top: 110%;
        left: 31%;
    }
}

.confetti-228 {
    width: 5px;
    height: 2px;
    background-color: #146ff5;
    top: -10%;
    left: 7%;
    opacity: 1.1854102769;
    transform: rotate(141deg);
    animation: confetti-explosion-228 decimal-round(4.1523430247, 1) s decimal-round(0.9395478617, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-228 {
    100% {
        top: 110%;
        left: 11%;
    }
}

.confetti-229 {
    width: 10px;
    height: 4px;
    background-color: #3adcc8;
    top: -10%;
    left: 54%;
    opacity: 0.6754487636;
    transform: rotate(21deg);
    animation: confetti-explosion-229 decimal-round(4.0484309411, 1) s decimal-round(0.0449549004, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-229 {
    100% {
        top: 110%;
        left: 68%;
    }
}

.confetti-230 {
    width: 1px;
    height: 0.4px;
    background-color: #8b4513;
    top: -10%;
    left: 38%;
    opacity: 0.8316970968;
    transform: rotate(201deg);
    animation: confetti-explosion-230 decimal-round(4.2152198466, 1) s decimal-round(0.9945293996, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-230 {
    100% {
        top: 110%;
        left: 49%;
    }
}

.confetti-231 {
    width: 7px;
    height: 2.8px;
    background-color: #ee6f40;
    top: -10%;
    left: 64%;
    opacity: 0.7995099768;
    transform: rotate(11deg);
    animation: confetti-explosion-231 decimal-round(4.2440066887, 1) s decimal-round(0.6241524995, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-231 {
    100% {
        top: 110%;
        left: 74%;
    }
}

.confetti-232 {
    width: 2px;
    height: 0.8px;
    background-color: #ee6f40;
    top: -10%;
    left: 88%;
    opacity: 1.3894596285;
    transform: rotate(272deg);
    animation: confetti-explosion-232 decimal-round(4.8936956852, 1) s decimal-round(0.2620337487, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-232 {
    100% {
        top: 110%;
        left: 91%;
    }
}

.confetti-233 {
    width: 12px;
    height: 4.8px;
    background-color: #ee6f40;
    top: -10%;
    left: 85%;
    opacity: 0.6809906874;
    transform: rotate(17deg);
    animation: confetti-explosion-233 decimal-round(4.3723943804, 1) s decimal-round(0.4715928047, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-233 {
    100% {
        top: 110%;
        left: 93%;
    }
}

.confetti-234 {
    width: 14px;
    height: 5.6px;
    background-color: #8b4513;
    top: -10%;
    left: 41%;
    opacity: 1.1775569042;
    transform: rotate(326deg);
    animation: confetti-explosion-234 decimal-round(4.025206959, 1) s decimal-round(0.9068360411, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-234 {
    100% {
        top: 110%;
        left: 53%;
    }
}

.confetti-235 {
    width: 8px;
    height: 3.2px;
    background-color: #3adcc8;
    top: -10%;
    left: 91%;
    opacity: 0.9326670993;
    transform: rotate(338deg);
    animation: confetti-explosion-235 decimal-round(4.7267896213, 1) s decimal-round(0.1672356721, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-235 {
    100% {
        top: 110%;
        left: 102%;
    }
}

.confetti-236 {
    width: 15px;
    height: 6px;
    background-color: #8b4513;
    top: -10%;
    left: 58%;
    opacity: 0.6138753971;
    transform: rotate(96deg);
    animation: confetti-explosion-236 decimal-round(4.7637900847, 1) s decimal-round(0.5642724112, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-236 {
    100% {
        top: 110%;
        left: 68%;
    }
}

.confetti-237 {
    width: 9px;
    height: 3.6px;
    background-color: #146ff5;
    top: -10%;
    left: 63%;
    opacity: 0.8044638708;
    transform: rotate(238deg);
    animation: confetti-explosion-237 decimal-round(4.1853407371, 1) s decimal-round(0.1566222533, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-237 {
    100% {
        top: 110%;
        left: 68%;
    }
}

.confetti-238 {
    width: 5px;
    height: 2px;
    background-color: #8b4513;
    top: -10%;
    left: 58%;
    opacity: 0.7016188864;
    transform: rotate(7deg);
    animation: confetti-explosion-238 decimal-round(4.0165844205, 1) s decimal-round(0.8939976565, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-238 {
    100% {
        top: 110%;
        left: 65%;
    }
}

.confetti-239 {
    width: 10px;
    height: 4px;
    background-color: #8b4513;
    top: -10%;
    left: 33%;
    opacity: 0.7723872277;
    transform: rotate(354deg);
    animation: confetti-explosion-239 decimal-round(4.1174382721, 1) s decimal-round(0.8465918591, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-239 {
    100% {
        top: 110%;
        left: 42%;
    }
}

.confetti-240 {
    width: 7px;
    height: 2.8px;
    background-color: #8b4513;
    top: -10%;
    left: 88%;
    opacity: 1.4829892729;
    transform: rotate(251deg);
    animation: confetti-explosion-240 decimal-round(4.4953861062, 1) s decimal-round(0.8801726319, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-240 {
    100% {
        top: 110%;
        left: 91%;
    }
}

.confetti-241 {
    width: 9px;
    height: 3.6px;
    background-color: #8154e2;
    top: -10%;
    left: 58%;
    opacity: 0.8547226119;
    transform: rotate(243deg);
    animation: confetti-explosion-241 decimal-round(4.7999992644, 1) s decimal-round(0.0715264614, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-241 {
    100% {
        top: 110%;
        left: 70%;
    }
}

.confetti-242 {
    width: 8px;
    height: 3.2px;
    background-color: #8154e2;
    top: -10%;
    left: 93%;
    opacity: 1.4465418361;
    transform: rotate(66deg);
    animation: confetti-explosion-242 decimal-round(4.7019420189, 1) s decimal-round(0.1743322246, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-242 {
    100% {
        top: 110%;
        left: 99%;
    }
}

.confetti-243 {
    width: 11px;
    height: 4.4px;
    background-color: #3adcc8;
    top: -10%;
    left: 57%;
    opacity: 0.9886223722;
    transform: rotate(358deg);
    animation: confetti-explosion-243 decimal-round(4.4581863835, 1) s decimal-round(0.0049161362, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-243 {
    100% {
        top: 110%;
        left: 67%;
    }
}

.confetti-244 {
    width: 14px;
    height: 5.6px;
    background-color: #3adcc8;
    top: -10%;
    left: 45%;
    opacity: 0.5689884568;
    transform: rotate(210deg);
    animation: confetti-explosion-244 decimal-round(4.0022861381, 1) s decimal-round(0.2240434498, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-244 {
    100% {
        top: 110%;
        left: 50%;
    }
}

.confetti-245 {
    width: 15px;
    height: 6px;
    background-color: #8154e2;
    top: -10%;
    left: 22%;
    opacity: 1.3151142299;
    transform: rotate(106deg);
    animation: confetti-explosion-245 decimal-round(4.261069995, 1) s decimal-round(0.836243972, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-245 {
    100% {
        top: 110%;
        left: 33%;
    }
}

.confetti-246 {
    width: 11px;
    height: 4.4px;
    background-color: #8b4513;
    top: -10%;
    left: 99%;
    opacity: 1.3520642609;
    transform: rotate(355deg);
    animation: confetti-explosion-246 decimal-round(4.0133261854, 1) s decimal-round(0.5606172611, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-246 {
    100% {
        top: 110%;
        left: 108%;
    }
}

.confetti-247 {
    width: 2px;
    height: 0.8px;
    background-color: #ee6f40;
    top: -10%;
    left: 34%;
    opacity: 1.2831558225;
    transform: rotate(286deg);
    animation: confetti-explosion-247 decimal-round(4.5403848333, 1) s decimal-round(0.7574061754, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-247 {
    100% {
        top: 110%;
        left: 36%;
    }
}

.confetti-248 {
    width: 5px;
    height: 2px;
    background-color: #ee6f40;
    top: -10%;
    left: 84%;
    opacity: 0.7816332615;
    transform: rotate(99deg);
    animation: confetti-explosion-248 decimal-round(4.8766974125, 1) s decimal-round(0.7470415955, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-248 {
    100% {
        top: 110%;
        left: 96%;
    }
}

.confetti-249 {
    width: 3px;
    height: 1.2px;
    background-color: #3adcc8;
    top: -10%;
    left: 97%;
    opacity: 0.6961941612;
    transform: rotate(33deg);
    animation: confetti-explosion-249 decimal-round(4.4211057791, 1) s decimal-round(0.1647935317, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-249 {
    100% {
        top: 110%;
        left: 99%;
    }
}

.confetti-250 {
    width: 1px;
    height: 0.4px;
    background-color: #3adcc8;
    top: -10%;
    left: 56%;
    opacity: 0.6267519522;
    transform: rotate(150deg);
    animation: confetti-explosion-250 decimal-round(4.1793267019, 1) s decimal-round(0.5025214884, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-250 {
    100% {
        top: 110%;
        left: 64%;
    }
}

.confetti-251 {
    width: 3px;
    height: 1.2px;
    background-color: #3adcc8;
    top: -10%;
    left: 73%;
    opacity: 0.8670855821;
    transform: rotate(18deg);
    animation: confetti-explosion-251 decimal-round(4.1743804802, 1) s decimal-round(0.421935713, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-251 {
    100% {
        top: 110%;
        left: 76%;
    }
}

.confetti-252 {
    width: 13px;
    height: 5.2px;
    background-color: #146ff5;
    top: -10%;
    left: 9%;
    opacity: 1.09645629;
    transform: rotate(37deg);
    animation: confetti-explosion-252 decimal-round(4.1029827113, 1) s decimal-round(0.2661938985, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-252 {
    100% {
        top: 110%;
        left: 24%;
    }
}

.confetti-253 {
    width: 12px;
    height: 4.8px;
    background-color: #3adcc8;
    top: -10%;
    left: 56%;
    opacity: 0.5543233933;
    transform: rotate(323deg);
    animation: confetti-explosion-253 decimal-round(4.9739762624, 1) s decimal-round(0.1519423994, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-253 {
    100% {
        top: 110%;
        left: 70%;
    }
}

.confetti-254 {
    width: 7px;
    height: 2.8px;
    background-color: #dd1a8f;
    top: -10%;
    left: 72%;
    opacity: 0.5350719818;
    transform: rotate(161deg);
    animation: confetti-explosion-254 decimal-round(4.7297895849, 1) s decimal-round(0.4230984024, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-254 {
    100% {
        top: 110%;
        left: 77%;
    }
}

.confetti-255 {
    width: 10px;
    height: 4px;
    background-color: #8154e2;
    top: -10%;
    left: 4%;
    opacity: 0.5896685841;
    transform: rotate(85deg);
    animation: confetti-explosion-255 decimal-round(4.4830083034, 1) s decimal-round(0.7459728687, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-255 {
    100% {
        top: 110%;
        left: 5%;
    }
}

.confetti-256 {
    width: 8px;
    height: 3.2px;
    background-color: #146ff5;
    top: -10%;
    left: 5%;
    opacity: 1.1034241606;
    transform: rotate(275deg);
    animation: confetti-explosion-256 decimal-round(4.9200461745, 1) s decimal-round(0.4929466654, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-256 {
    100% {
        top: 110%;
        left: 7%;
    }
}

.confetti-257 {
    width: 15px;
    height: 6px;
    background-color: #3adcc8;
    top: -10%;
    left: 40%;
    opacity: 0.8349733867;
    transform: rotate(30deg);
    animation: confetti-explosion-257 decimal-round(4.1847276015, 1) s decimal-round(0.0240119977, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-257 {
    100% {
        top: 110%;
        left: 42%;
    }
}

.confetti-258 {
    width: 6px;
    height: 2.4px;
    background-color: #146ff5;
    top: -10%;
    left: 10%;
    opacity: 1.4577188815;
    transform: rotate(47deg);
    animation: confetti-explosion-258 decimal-round(4.2622919787, 1) s decimal-round(0.0522177737, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-258 {
    100% {
        top: 110%;
        left: 25%;
    }
}

.confetti-259 {
    width: 3px;
    height: 1.2px;
    background-color: #ee6f40;
    top: -10%;
    left: 44%;
    opacity: 0.6568596793;
    transform: rotate(18deg);
    animation: confetti-explosion-259 decimal-round(4.7852167996, 1) s decimal-round(0.9418818001, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-259 {
    100% {
        top: 110%;
        left: 51%;
    }
}

.confetti-260 {
    width: 10px;
    height: 4px;
    background-color: #3adcc8;
    top: -10%;
    left: 60%;
    opacity: 1.2403825522;
    transform: rotate(24deg);
    animation: confetti-explosion-260 decimal-round(4.40267012, 1) s decimal-round(0.8222912127, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-260 {
    100% {
        top: 110%;
        left: 64%;
    }
}

.confetti-261 {
    width: 7px;
    height: 2.8px;
    background-color: #8154e2;
    top: -10%;
    left: 14%;
    opacity: 0.9938717884;
    transform: rotate(277deg);
    animation: confetti-explosion-261 decimal-round(4.3926492773, 1) s decimal-round(0.4942294204, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-261 {
    100% {
        top: 110%;
        left: 18%;
    }
}

.confetti-262 {
    width: 6px;
    height: 2.4px;
    background-color: #146ff5;
    top: -10%;
    left: 54%;
    opacity: 0.5948854144;
    transform: rotate(334deg);
    animation: confetti-explosion-262 decimal-round(4.3687990509, 1) s decimal-round(0.2870022031, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-262 {
    100% {
        top: 110%;
        left: 67%;
    }
}

.confetti-263 {
    width: 5px;
    height: 2px;
    background-color: #8154e2;
    top: -10%;
    left: 72%;
    opacity: 0.6645590125;
    transform: rotate(326deg);
    animation: confetti-explosion-263 decimal-round(4.0296740281, 1) s decimal-round(0.6226835844, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-263 {
    100% {
        top: 110%;
        left: 85%;
    }
}

.confetti-264 {
    width: 2px;
    height: 0.8px;
    background-color: #8154e2;
    top: -10%;
    left: 54%;
    opacity: 0.5092468205;
    transform: rotate(203deg);
    animation: confetti-explosion-264 decimal-round(4.6063538895, 1) s decimal-round(0.2848029566, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-264 {
    100% {
        top: 110%;
        left: 66%;
    }
}

.confetti-265 {
    width: 14px;
    height: 5.6px;
    background-color: #dd1a8f;
    top: -10%;
    left: 100%;
    opacity: 1.3367577839;
    transform: rotate(206deg);
    animation: confetti-explosion-265 decimal-round(4.8597642909, 1) s decimal-round(0.3096517337, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-265 {
    100% {
        top: 110%;
        left: 101%;
    }
}

.confetti-266 {
    width: 3px;
    height: 1.2px;
    background-color: #8154e2;
    top: -10%;
    left: 58%;
    opacity: 0.9188524053;
    transform: rotate(119deg);
    animation: confetti-explosion-266 decimal-round(4.1257167009, 1) s decimal-round(0.9577229625, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-266 {
    100% {
        top: 110%;
        left: 62%;
    }
}

.confetti-267 {
    width: 9px;
    height: 3.6px;
    background-color: #8154e2;
    top: -10%;
    left: 6%;
    opacity: 1.1600995055;
    transform: rotate(31deg);
    animation: confetti-explosion-267 decimal-round(4.4687756028, 1) s decimal-round(0.7125272579, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-267 {
    100% {
        top: 110%;
        left: 10%;
    }
}

.confetti-268 {
    width: 15px;
    height: 6px;
    background-color: #dd1a8f;
    top: -10%;
    left: 5%;
    opacity: 0.7133344921;
    transform: rotate(131deg);
    animation: confetti-explosion-268 decimal-round(4.5900869356, 1) s decimal-round(0.6772871497, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-268 {
    100% {
        top: 110%;
        left: 7%;
    }
}

.confetti-269 {
    width: 11px;
    height: 4.4px;
    background-color: #ee6f40;
    top: -10%;
    left: 96%;
    opacity: 0.622281565;
    transform: rotate(214deg);
    animation: confetti-explosion-269 decimal-round(4.5115395103, 1) s decimal-round(0.7222511703, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-269 {
    100% {
        top: 110%;
        left: 99%;
    }
}

.confetti-270 {
    width: 8px;
    height: 3.2px;
    background-color: #8154e2;
    top: -10%;
    left: 66%;
    opacity: 1.28151804;
    transform: rotate(238deg);
    animation: confetti-explosion-270 decimal-round(4.4047765765, 1) s decimal-round(0.0363841981, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-270 {
    100% {
        top: 110%;
        left: 67%;
    }
}

.confetti-271 {
    width: 11px;
    height: 4.4px;
    background-color: #146ff5;
    top: -10%;
    left: 89%;
    opacity: 1.4123544609;
    transform: rotate(92deg);
    animation: confetti-explosion-271 decimal-round(4.8556372467, 1) s decimal-round(0.4284573756, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-271 {
    100% {
        top: 110%;
        left: 94%;
    }
}

.confetti-272 {
    width: 2px;
    height: 0.8px;
    background-color: #8154e2;
    top: -10%;
    left: 29%;
    opacity: 0.6988750946;
    transform: rotate(253deg);
    animation: confetti-explosion-272 decimal-round(4.1847978449, 1) s decimal-round(0.695210001, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-272 {
    100% {
        top: 110%;
        left: 32%;
    }
}

.confetti-273 {
    width: 6px;
    height: 2.4px;
    background-color: #3adcc8;
    top: -10%;
    left: 24%;
    opacity: 1.0178805497;
    transform: rotate(149deg);
    animation: confetti-explosion-273 decimal-round(4.4918834646, 1) s decimal-round(0.6251399165, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-273 {
    100% {
        top: 110%;
        left: 26%;
    }
}

.confetti-274 {
    width: 9px;
    height: 3.6px;
    background-color: #146ff5;
    top: -10%;
    left: 94%;
    opacity: 1.4182934746;
    transform: rotate(229deg);
    animation: confetti-explosion-274 decimal-round(4.242331799, 1) s decimal-round(0.7022989015, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-274 {
    100% {
        top: 110%;
        left: 95%;
    }
}

.confetti-275 {
    width: 5px;
    height: 2px;
    background-color: #3adcc8;
    top: -10%;
    left: 8%;
    opacity: 0.9386564243;
    transform: rotate(123deg);
    animation: confetti-explosion-275 decimal-round(4.7535449147, 1) s decimal-round(0.7795821808, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-275 {
    100% {
        top: 110%;
        left: 17%;
    }
}

.confetti-276 {
    width: 8px;
    height: 3.2px;
    background-color: #146ff5;
    top: -10%;
    left: 64%;
    opacity: 0.7649562492;
    transform: rotate(344deg);
    animation: confetti-explosion-276 decimal-round(4.5389828972, 1) s decimal-round(0.6866826798, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-276 {
    100% {
        top: 110%;
        left: 65%;
    }
}

.confetti-277 {
    width: 9px;
    height: 3.6px;
    background-color: #8b4513;
    top: -10%;
    left: 1%;
    opacity: 1.170356788;
    transform: rotate(336deg);
    animation: confetti-explosion-277 decimal-round(4.4681060549, 1) s decimal-round(0.0218525662, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-277 {
    100% {
        top: 110%;
        left: 9%;
    }
}

.confetti-278 {
    width: 4px;
    height: 1.6px;
    background-color: #dd1a8f;
    top: -10%;
    left: 25%;
    opacity: 1.3760971056;
    transform: rotate(175deg);
    animation: confetti-explosion-278 decimal-round(4.0033416278, 1) s decimal-round(0.9837313298, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-278 {
    100% {
        top: 110%;
        left: 39%;
    }
}

.confetti-279 {
    width: 14px;
    height: 5.6px;
    background-color: #8b4513;
    top: -10%;
    left: 79%;
    opacity: 1.149791761;
    transform: rotate(256deg);
    animation: confetti-explosion-279 decimal-round(4.5250679951, 1) s decimal-round(0.3695905717, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-279 {
    100% {
        top: 110%;
        left: 89%;
    }
}

.confetti-280 {
    width: 11px;
    height: 4.4px;
    background-color: #3adcc8;
    top: -10%;
    left: 94%;
    opacity: 1.4434463274;
    transform: rotate(168deg);
    animation: confetti-explosion-280 decimal-round(4.792507088, 1) s decimal-round(0.998639376, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-280 {
    100% {
        top: 110%;
        left: 95%;
    }
}

.confetti-281 {
    width: 13px;
    height: 5.2px;
    background-color: #8b4513;
    top: -10%;
    left: 15%;
    opacity: 0.740983511;
    transform: rotate(331deg);
    animation: confetti-explosion-281 decimal-round(4.9740686639, 1) s decimal-round(0.1650811695, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-281 {
    100% {
        top: 110%;
        left: 24%;
    }
}

.confetti-282 {
    width: 2px;
    height: 0.8px;
    background-color: #8b4513;
    top: -10%;
    left: 61%;
    opacity: 1.3091537909;
    transform: rotate(328deg);
    animation: confetti-explosion-282 decimal-round(4.8418717311, 1) s decimal-round(0.6038982449, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-282 {
    100% {
        top: 110%;
        left: 67%;
    }
}

.confetti-283 {
    width: 11px;
    height: 4.4px;
    background-color: #3adcc8;
    top: -10%;
    left: 55%;
    opacity: 1.3925537414;
    transform: rotate(310deg);
    animation: confetti-explosion-283 decimal-round(4.3492254472, 1) s decimal-round(0.2671665854, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-283 {
    100% {
        top: 110%;
        left: 58%;
    }
}

.confetti-284 {
    width: 10px;
    height: 4px;
    background-color: #3adcc8;
    top: -10%;
    left: 65%;
    opacity: 0.8038110292;
    transform: rotate(193deg);
    animation: confetti-explosion-284 decimal-round(4.1260954016, 1) s decimal-round(0.4925560759, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-284 {
    100% {
        top: 110%;
        left: 70%;
    }
}

.confetti-285 {
    width: 13px;
    height: 5.2px;
    background-color: #dd1a8f;
    top: -10%;
    left: 34%;
    opacity: 1.3433466668;
    transform: rotate(269deg);
    animation: confetti-explosion-285 decimal-round(4.2525116401, 1) s decimal-round(0.9548466254, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-285 {
    100% {
        top: 110%;
        left: 47%;
    }
}

.confetti-286 {
    width: 5px;
    height: 2px;
    background-color: #ee6f40;
    top: -10%;
    left: 8%;
    opacity: 1.4324777822;
    transform: rotate(29deg);
    animation: confetti-explosion-286 decimal-round(4.7662816315, 1) s decimal-round(0.2175177189, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-286 {
    100% {
        top: 110%;
        left: 11%;
    }
}

.confetti-287 {
    width: 10px;
    height: 4px;
    background-color: #dd1a8f;
    top: -10%;
    left: 72%;
    opacity: 1.3428680876;
    transform: rotate(260deg);
    animation: confetti-explosion-287 decimal-round(4.4450706386, 1) s decimal-round(0.2340904412, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-287 {
    100% {
        top: 110%;
        left: 76%;
    }
}

.confetti-288 {
    width: 8px;
    height: 3.2px;
    background-color: #dd1a8f;
    top: -10%;
    left: 61%;
    opacity: 1.4648639926;
    transform: rotate(165deg);
    animation: confetti-explosion-288 decimal-round(4.6054141637, 1) s decimal-round(0.9245567338, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-288 {
    100% {
        top: 110%;
        left: 62%;
    }
}

.confetti-289 {
    width: 4px;
    height: 1.6px;
    background-color: #146ff5;
    top: -10%;
    left: 72%;
    opacity: 0.7746019229;
    transform: rotate(112deg);
    animation: confetti-explosion-289 decimal-round(4.9147546158, 1) s decimal-round(0.2784427267, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-289 {
    100% {
        top: 110%;
        left: 83%;
    }
}

.confetti-290 {
    width: 8px;
    height: 3.2px;
    background-color: #8154e2;
    top: -10%;
    left: 37%;
    opacity: 1.1110258679;
    transform: rotate(55deg);
    animation: confetti-explosion-290 decimal-round(4.3426095161, 1) s decimal-round(0.727496957, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-290 {
    100% {
        top: 110%;
        left: 48%;
    }
}

.confetti-291 {
    width: 14px;
    height: 5.6px;
    background-color: #dd1a8f;
    top: -10%;
    left: 14%;
    opacity: 0.9693314652;
    transform: rotate(347deg);
    animation: confetti-explosion-291 decimal-round(4.6049170589, 1) s decimal-round(0.0139076038, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-291 {
    100% {
        top: 110%;
        left: 16%;
    }
}

.confetti-292 {
    width: 6px;
    height: 2.4px;
    background-color: #dd1a8f;
    top: -10%;
    left: 74%;
    opacity: 1.1430859739;
    transform: rotate(314deg);
    animation: confetti-explosion-292 decimal-round(4.3762136819, 1) s decimal-round(0.8503416064, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-292 {
    100% {
        top: 110%;
        left: 75%;
    }
}

.confetti-293 {
    width: 1px;
    height: 0.4px;
    background-color: #3adcc8;
    top: -10%;
    left: 56%;
    opacity: 1.3431381082;
    transform: rotate(114deg);
    animation: confetti-explosion-293 decimal-round(4.6790659628, 1) s decimal-round(0.2898368496, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-293 {
    100% {
        top: 110%;
        left: 61%;
    }
}

.confetti-294 {
    width: 5px;
    height: 2px;
    background-color: #dd1a8f;
    top: -10%;
    left: 50%;
    opacity: 1.2907993128;
    transform: rotate(31deg);
    animation: confetti-explosion-294 decimal-round(4.8649053587, 1) s decimal-round(0.3981598231, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-294 {
    100% {
        top: 110%;
        left: 65%;
    }
}

.confetti-295 {
    width: 8px;
    height: 3.2px;
    background-color: #8b4513;
    top: -10%;
    left: 69%;
    opacity: 0.9605367243;
    transform: rotate(117deg);
    animation: confetti-explosion-295 decimal-round(4.7244114426, 1) s decimal-round(0.5614015338, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-295 {
    100% {
        top: 110%;
        left: 84%;
    }
}

.confetti-296 {
    width: 12px;
    height: 4.8px;
    background-color: #dd1a8f;
    top: -10%;
    left: 95%;
    opacity: 0.9435552197;
    transform: rotate(203deg);
    animation: confetti-explosion-296 decimal-round(4.1122144325, 1) s decimal-round(0.2120736414, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-296 {
    100% {
        top: 110%;
        left: 108%;
    }
}

.confetti-297 {
    width: 6px;
    height: 2.4px;
    background-color: #3adcc8;
    top: -10%;
    left: 61%;
    opacity: 1.1387270173;
    transform: rotate(321deg);
    animation: confetti-explosion-297 decimal-round(4.833127567, 1) s decimal-round(0.1385599459, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-297 {
    100% {
        top: 110%;
        left: 73%;
    }
}

.confetti-298 {
    width: 5px;
    height: 2px;
    background-color: #8b4513;
    top: -10%;
    left: 13%;
    opacity: 1.0061909148;
    transform: rotate(210deg);
    animation: confetti-explosion-298 decimal-round(4.4365985964, 1) s decimal-round(0.2467149437, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-298 {
    100% {
        top: 110%;
        left: 24%;
    }
}

.confetti-299 {
    width: 15px;
    height: 6px;
    background-color: #dd1a8f;
    top: -10%;
    left: 89%;
    opacity: 0.9927331618;
    transform: rotate(234deg);
    animation: confetti-explosion-299 decimal-round(4.8248931222, 1) s decimal-round(0.2559113747, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-299 {
    100% {
        top: 110%;
        left: 96%;
    }
}

.confetti-300 {
    width: 8px;
    height: 3.2px;
    background-color: #ee6f40;
    top: -10%;
    left: 71%;
    opacity: 0.9034866415;
    transform: rotate(177deg);
    animation: confetti-explosion-300 decimal-round(4.0505665643, 1) s decimal-round(0.5820575824, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-300 {
    100% {
        top: 110%;
        left: 84%;
    }
}

.confetti-301 {
    width: 8px;
    height: 3.2px;
    background-color: #ee6f40;
    top: -10%;
    left: 57%;
    opacity: 0.6504749291;
    transform: rotate(287deg);
    animation: confetti-explosion-301 decimal-round(4.8118459148, 1) s decimal-round(0.2705931966, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-301 {
    100% {
        top: 110%;
        left: 58%;
    }
}

.confetti-302 {
    width: 1px;
    height: 0.4px;
    background-color: #146ff5;
    top: -10%;
    left: 8%;
    opacity: 0.8475397835;
    transform: rotate(56deg);
    animation: confetti-explosion-302 decimal-round(4.8126906974, 1) s decimal-round(0.9145490068, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-302 {
    100% {
        top: 110%;
        left: 20%;
    }
}

.confetti-303 {
    width: 11px;
    height: 4.4px;
    background-color: #146ff5;
    top: -10%;
    left: 62%;
    opacity: 0.9062897312;
    transform: rotate(3deg);
    animation: confetti-explosion-303 decimal-round(4.9225302368, 1) s decimal-round(0.0270784985, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-303 {
    100% {
        top: 110%;
        left: 77%;
    }
}

.confetti-304 {
    width: 8px;
    height: 3.2px;
    background-color: #3adcc8;
    top: -10%;
    left: 68%;
    opacity: 0.6376347821;
    transform: rotate(211deg);
    animation: confetti-explosion-304 decimal-round(4.7103005047, 1) s decimal-round(0.2848575603, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-304 {
    100% {
        top: 110%;
        left: 74%;
    }
}

.confetti-305 {
    width: 7px;
    height: 2.8px;
    background-color: #ee6f40;
    top: -10%;
    left: 36%;
    opacity: 1.034914443;
    transform: rotate(153deg);
    animation: confetti-explosion-305 decimal-round(4.2005061916, 1) s decimal-round(0.4861798451, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-305 {
    100% {
        top: 110%;
        left: 40%;
    }
}

.confetti-306 {
    width: 10px;
    height: 4px;
    background-color: #dd1a8f;
    top: -10%;
    left: 63%;
    opacity: 0.7599640568;
    transform: rotate(342deg);
    animation: confetti-explosion-306 decimal-round(4.0847528752, 1) s decimal-round(0.1727015726, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-306 {
    100% {
        top: 110%;
        left: 64%;
    }
}

.confetti-307 {
    width: 13px;
    height: 5.2px;
    background-color: #dd1a8f;
    top: -10%;
    left: 4%;
    opacity: 0.633906713;
    transform: rotate(234deg);
    animation: confetti-explosion-307 decimal-round(4.8096282821, 1) s decimal-round(0.5811201326, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-307 {
    100% {
        top: 110%;
        left: 15%;
    }
}

.confetti-308 {
    width: 14px;
    height: 5.6px;
    background-color: #3adcc8;
    top: -10%;
    left: 35%;
    opacity: 0.5397042444;
    transform: rotate(17deg);
    animation: confetti-explosion-308 decimal-round(4.9572641797, 1) s decimal-round(0.5061306355, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-308 {
    100% {
        top: 110%;
        left: 46%;
    }
}

.confetti-309 {
    width: 8px;
    height: 3.2px;
    background-color: #3adcc8;
    top: -10%;
    left: 30%;
    opacity: 0.7448252178;
    transform: rotate(303deg);
    animation: confetti-explosion-309 decimal-round(4.3929253281, 1) s decimal-round(0.9213176191, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-309 {
    100% {
        top: 110%;
        left: 43%;
    }
}

.confetti-310 {
    width: 8px;
    height: 3.2px;
    background-color: #146ff5;
    top: -10%;
    left: 96%;
    opacity: 0.8385768129;
    transform: rotate(72deg);
    animation: confetti-explosion-310 decimal-round(4.4725978512, 1) s decimal-round(0.6039770624, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-310 {
    100% {
        top: 110%;
        left: 110%;
    }
}

.confetti-311 {
    width: 1px;
    height: 0.4px;
    background-color: #8b4513;
    top: -10%;
    left: 70%;
    opacity: 1.1372699695;
    transform: rotate(64deg);
    animation: confetti-explosion-311 decimal-round(4.5418351912, 1) s decimal-round(0.559837241, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-311 {
    100% {
        top: 110%;
        left: 82%;
    }
}

.confetti-312 {
    width: 6px;
    height: 2.4px;
    background-color: #3adcc8;
    top: -10%;
    left: 15%;
    opacity: 1.2313084503;
    transform: rotate(47deg);
    animation: confetti-explosion-312 decimal-round(4.7143348666, 1) s decimal-round(0.3928942618, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-312 {
    100% {
        top: 110%;
        left: 17%;
    }
}

.confetti-313 {
    width: 6px;
    height: 2.4px;
    background-color: #146ff5;
    top: -10%;
    left: 72%;
    opacity: 1.1733950927;
    transform: rotate(188deg);
    animation: confetti-explosion-313 decimal-round(4.3459621006, 1) s decimal-round(0.8375175055, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-313 {
    100% {
        top: 110%;
        left: 84%;
    }
}

.confetti-314 {
    width: 15px;
    height: 6px;
    background-color: #146ff5;
    top: -10%;
    left: 5%;
    opacity: 1.4787155021;
    transform: rotate(232deg);
    animation: confetti-explosion-314 decimal-round(4.4486199826, 1) s decimal-round(0.7094849813, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-314 {
    100% {
        top: 110%;
        left: 10%;
    }
}

.confetti-315 {
    width: 4px;
    height: 1.6px;
    background-color: #8b4513;
    top: -10%;
    left: 21%;
    opacity: 1.0495218269;
    transform: rotate(46deg);
    animation: confetti-explosion-315 decimal-round(4.1842800993, 1) s decimal-round(0.5234065702, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-315 {
    100% {
        top: 110%;
        left: 31%;
    }
}

.confetti-316 {
    width: 2px;
    height: 0.8px;
    background-color: #dd1a8f;
    top: -10%;
    left: 38%;
    opacity: 1.2217175366;
    transform: rotate(105deg);
    animation: confetti-explosion-316 decimal-round(4.4348759194, 1) s decimal-round(0.1986706368, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-316 {
    100% {
        top: 110%;
        left: 42%;
    }
}

.confetti-317 {
    width: 4px;
    height: 1.6px;
    background-color: #146ff5;
    top: -10%;
    left: 20%;
    opacity: 0.5131295617;
    transform: rotate(201deg);
    animation: confetti-explosion-317 decimal-round(4.4759298511, 1) s decimal-round(0.6966910688, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-317 {
    100% {
        top: 110%;
        left: 28%;
    }
}

.confetti-318 {
    width: 7px;
    height: 2.8px;
    background-color: #8b4513;
    top: -10%;
    left: 93%;
    opacity: 0.9016683024;
    transform: rotate(212deg);
    animation: confetti-explosion-318 decimal-round(4.9593280578, 1) s decimal-round(0.359442383, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-318 {
    100% {
        top: 110%;
        left: 96%;
    }
}

.confetti-319 {
    width: 14px;
    height: 5.6px;
    background-color: #146ff5;
    top: -10%;
    left: 9%;
    opacity: 0.7591746667;
    transform: rotate(175deg);
    animation: confetti-explosion-319 decimal-round(4.6941142716, 1) s decimal-round(0.7128376346, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-319 {
    100% {
        top: 110%;
        left: 15%;
    }
}

.confetti-320 {
    width: 9px;
    height: 3.6px;
    background-color: #146ff5;
    top: -10%;
    left: 38%;
    opacity: 1.2553174062;
    transform: rotate(133deg);
    animation: confetti-explosion-320 decimal-round(4.7243048129, 1) s decimal-round(0.4979584942, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-320 {
    100% {
        top: 110%;
        left: 45%;
    }
}

.confetti-321 {
    width: 14px;
    height: 5.6px;
    background-color: #3adcc8;
    top: -10%;
    left: 29%;
    opacity: 0.9538265409;
    transform: rotate(147deg);
    animation: confetti-explosion-321 decimal-round(4.962288608, 1) s decimal-round(0.8208074925, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-321 {
    100% {
        top: 110%;
        left: 36%;
    }
}

.confetti-322 {
    width: 11px;
    height: 4.4px;
    background-color: #8154e2;
    top: -10%;
    left: 64%;
    opacity: 0.9161826207;
    transform: rotate(330deg);
    animation: confetti-explosion-322 decimal-round(4.8365137981, 1) s decimal-round(0.6261288654, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-322 {
    100% {
        top: 110%;
        left: 67%;
    }
}

.confetti-323 {
    width: 3px;
    height: 1.2px;
    background-color: #3adcc8;
    top: -10%;
    left: 40%;
    opacity: 0.7371880887;
    transform: rotate(185deg);
    animation: confetti-explosion-323 decimal-round(4.9872505979, 1) s decimal-round(0.9814309501, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-323 {
    100% {
        top: 110%;
        left: 51%;
    }
}

.confetti-324 {
    width: 7px;
    height: 2.8px;
    background-color: #3adcc8;
    top: -10%;
    left: 15%;
    opacity: 1.445670741;
    transform: rotate(37deg);
    animation: confetti-explosion-324 decimal-round(4.323458281, 1) s decimal-round(0.4437315738, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-324 {
    100% {
        top: 110%;
        left: 23%;
    }
}

.confetti-325 {
    width: 10px;
    height: 4px;
    background-color: #dd1a8f;
    top: -10%;
    left: 30%;
    opacity: 0.580696535;
    transform: rotate(211deg);
    animation: confetti-explosion-325 decimal-round(4.5395754628, 1) s decimal-round(0.1769067285, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-325 {
    100% {
        top: 110%;
        left: 41%;
    }
}

.confetti-326 {
    width: 11px;
    height: 4.4px;
    background-color: #ee6f40;
    top: -10%;
    left: 16%;
    opacity: 1.1589156058;
    transform: rotate(99deg);
    animation: confetti-explosion-326 decimal-round(4.2122726258, 1) s decimal-round(0.8890128824, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-326 {
    100% {
        top: 110%;
        left: 27%;
    }
}

.confetti-327 {
    width: 12px;
    height: 4.8px;
    background-color: #ee6f40;
    top: -10%;
    left: 17%;
    opacity: 0.76883957;
    transform: rotate(160deg);
    animation: confetti-explosion-327 decimal-round(4.6544409479, 1) s decimal-round(0.1943794374, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-327 {
    100% {
        top: 110%;
        left: 30%;
    }
}

.confetti-328 {
    width: 3px;
    height: 1.2px;
    background-color: #dd1a8f;
    top: -10%;
    left: 58%;
    opacity: 1.2202035708;
    transform: rotate(298deg);
    animation: confetti-explosion-328 decimal-round(4.857245766, 1) s decimal-round(0.9745602541, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-328 {
    100% {
        top: 110%;
        left: 68%;
    }
}

.confetti-329 {
    width: 12px;
    height: 4.8px;
    background-color: #3adcc8;
    top: -10%;
    left: 49%;
    opacity: 0.8320095958;
    transform: rotate(348deg);
    animation: confetti-explosion-329 decimal-round(4.7421347044, 1) s decimal-round(0.0224206816, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-329 {
    100% {
        top: 110%;
        left: 62%;
    }
}

.confetti-330 {
    width: 7px;
    height: 2.8px;
    background-color: #146ff5;
    top: -10%;
    left: 39%;
    opacity: 0.644357885;
    transform: rotate(261deg);
    animation: confetti-explosion-330 decimal-round(4.4913124897, 1) s decimal-round(0.5284151148, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-330 {
    100% {
        top: 110%;
        left: 42%;
    }
}

.confetti-331 {
    width: 13px;
    height: 5.2px;
    background-color: #8b4513;
    top: -10%;
    left: 5%;
    opacity: 1.2591502025;
    transform: rotate(23deg);
    animation: confetti-explosion-331 decimal-round(4.6997840995, 1) s decimal-round(0.36691092, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-331 {
    100% {
        top: 110%;
        left: 20%;
    }
}

.confetti-332 {
    width: 2px;
    height: 0.8px;
    background-color: #8154e2;
    top: -10%;
    left: 33%;
    opacity: 0.869143618;
    transform: rotate(72deg);
    animation: confetti-explosion-332 decimal-round(4.1511705271, 1) s decimal-round(0.9365959148, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-332 {
    100% {
        top: 110%;
        left: 41%;
    }
}

.confetti-333 {
    width: 7px;
    height: 2.8px;
    background-color: #146ff5;
    top: -10%;
    left: 64%;
    opacity: 1.4449252672;
    transform: rotate(218deg);
    animation: confetti-explosion-333 decimal-round(4.4489095118, 1) s decimal-round(0.0932949173, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-333 {
    100% {
        top: 110%;
        left: 72%;
    }
}

.confetti-334 {
    width: 8px;
    height: 3.2px;
    background-color: #8154e2;
    top: -10%;
    left: 71%;
    opacity: 0.7124161425;
    transform: rotate(195deg);
    animation: confetti-explosion-334 decimal-round(4.1063383392, 1) s decimal-round(0.8004936418, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-334 {
    100% {
        top: 110%;
        left: 83%;
    }
}

.confetti-335 {
    width: 4px;
    height: 1.6px;
    background-color: #dd1a8f;
    top: -10%;
    left: 19%;
    opacity: 0.7287416125;
    transform: rotate(206deg);
    animation: confetti-explosion-335 decimal-round(4.2205718238, 1) s decimal-round(0.9482871707, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-335 {
    100% {
        top: 110%;
        left: 29%;
    }
}

.confetti-336 {
    width: 12px;
    height: 4.8px;
    background-color: #3adcc8;
    top: -10%;
    left: 62%;
    opacity: 0.7229258873;
    transform: rotate(102deg);
    animation: confetti-explosion-336 decimal-round(4.5419034939, 1) s decimal-round(0.7418138381, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-336 {
    100% {
        top: 110%;
        left: 71%;
    }
}

.confetti-337 {
    width: 5px;
    height: 2px;
    background-color: #dd1a8f;
    top: -10%;
    left: 69%;
    opacity: 1.222457495;
    transform: rotate(272deg);
    animation: confetti-explosion-337 decimal-round(4.87044068, 1) s decimal-round(0.4755952842, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-337 {
    100% {
        top: 110%;
        left: 82%;
    }
}

.confetti-338 {
    width: 9px;
    height: 3.6px;
    background-color: #ee6f40;
    top: -10%;
    left: 40%;
    opacity: 0.650826277;
    transform: rotate(63deg);
    animation: confetti-explosion-338 decimal-round(4.5453221207, 1) s decimal-round(0.8487303848, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-338 {
    100% {
        top: 110%;
        left: 46%;
    }
}

.confetti-339 {
    width: 9px;
    height: 3.6px;
    background-color: #146ff5;
    top: -10%;
    left: 28%;
    opacity: 0.6681735379;
    transform: rotate(353deg);
    animation: confetti-explosion-339 decimal-round(4.7900953422, 1) s decimal-round(0.2474666906, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-339 {
    100% {
        top: 110%;
        left: 42%;
    }
}

.confetti-340 {
    width: 9px;
    height: 3.6px;
    background-color: #8154e2;
    top: -10%;
    left: 59%;
    opacity: 0.7291422803;
    transform: rotate(218deg);
    animation: confetti-explosion-340 decimal-round(4.434912778, 1) s decimal-round(0.2120883185, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-340 {
    100% {
        top: 110%;
        left: 72%;
    }
}

.confetti-341 {
    width: 11px;
    height: 4.4px;
    background-color: #146ff5;
    top: -10%;
    left: 96%;
    opacity: 0.9207232926;
    transform: rotate(348deg);
    animation: confetti-explosion-341 decimal-round(4.8744000507, 1) s decimal-round(0.0444194238, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-341 {
    100% {
        top: 110%;
        left: 109%;
    }
}

.confetti-342 {
    width: 5px;
    height: 2px;
    background-color: #ee6f40;
    top: -10%;
    left: 5%;
    opacity: 1.0650732903;
    transform: rotate(11deg);
    animation: confetti-explosion-342 decimal-round(4.1127842123, 1) s decimal-round(0.4959489582, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-342 {
    100% {
        top: 110%;
        left: 18%;
    }
}

.confetti-343 {
    width: 4px;
    height: 1.6px;
    background-color: #8b4513;
    top: -10%;
    left: 10%;
    opacity: 1.461168525;
    transform: rotate(95deg);
    animation: confetti-explosion-343 decimal-round(4.6500655502, 1) s decimal-round(0.4475628844, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-343 {
    100% {
        top: 110%;
        left: 19%;
    }
}

.confetti-344 {
    width: 6px;
    height: 2.4px;
    background-color: #146ff5;
    top: -10%;
    left: 36%;
    opacity: 0.7799926234;
    transform: rotate(84deg);
    animation: confetti-explosion-344 decimal-round(4.7904292004, 1) s decimal-round(0.1956560329, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-344 {
    100% {
        top: 110%;
        left: 38%;
    }
}

.confetti-345 {
    width: 9px;
    height: 3.6px;
    background-color: #ee6f40;
    top: -10%;
    left: 51%;
    opacity: 0.9923798664;
    transform: rotate(304deg);
    animation: confetti-explosion-345 decimal-round(4.824344096, 1) s decimal-round(0.8600442226, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-345 {
    100% {
        top: 110%;
        left: 57%;
    }
}

.confetti-346 {
    width: 8px;
    height: 3.2px;
    background-color: #3adcc8;
    top: -10%;
    left: 97%;
    opacity: 0.7139644762;
    transform: rotate(293deg);
    animation: confetti-explosion-346 decimal-round(4.1481895282, 1) s decimal-round(0.290674761, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-346 {
    100% {
        top: 110%;
        left: 98%;
    }
}

.confetti-347 {
    width: 3px;
    height: 1.2px;
    background-color: #dd1a8f;
    top: -10%;
    left: 77%;
    opacity: 0.9912686185;
    transform: rotate(322deg);
    animation: confetti-explosion-347 decimal-round(4.5601046192, 1) s decimal-round(0.9105510125, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-347 {
    100% {
        top: 110%;
        left: 90%;
    }
}

.confetti-348 {
    width: 15px;
    height: 6px;
    background-color: #ee6f40;
    top: -10%;
    left: 50%;
    opacity: 1.368386101;
    transform: rotate(96deg);
    animation: confetti-explosion-348 decimal-round(4.1880254363, 1) s decimal-round(0.8270962984, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-348 {
    100% {
        top: 110%;
        left: 56%;
    }
}

.confetti-349 {
    width: 7px;
    height: 2.8px;
    background-color: #dd1a8f;
    top: -10%;
    left: 39%;
    opacity: 1.1976456486;
    transform: rotate(286deg);
    animation: confetti-explosion-349 decimal-round(4.139222068, 1) s decimal-round(0.6062937322, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-349 {
    100% {
        top: 110%;
        left: 54%;
    }
}

.confetti-350 {
    width: 15px;
    height: 6px;
    background-color: #146ff5;
    top: -10%;
    left: 51%;
    opacity: 0.6912155726;
    transform: rotate(90deg);
    animation: confetti-explosion-350 decimal-round(4.6802920855, 1) s decimal-round(0.0453071123, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-350 {
    100% {
        top: 110%;
        left: 56%;
    }
}

.confetti-351 {
    width: 8px;
    height: 3.2px;
    background-color: #8b4513;
    top: -10%;
    left: 22%;
    opacity: 1.488074656;
    transform: rotate(239deg);
    animation: confetti-explosion-351 decimal-round(4.1301670616, 1) s decimal-round(0.3982952746, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-351 {
    100% {
        top: 110%;
        left: 31%;
    }
}

.confetti-352 {
    width: 13px;
    height: 5.2px;
    background-color: #dd1a8f;
    top: -10%;
    left: 4%;
    opacity: 0.8789524713;
    transform: rotate(306deg);
    animation: confetti-explosion-352 decimal-round(4.8623419278, 1) s decimal-round(0.5965841549, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-352 {
    100% {
        top: 110%;
        left: 16%;
    }
}

.confetti-353 {
    width: 11px;
    height: 4.4px;
    background-color: #dd1a8f;
    top: -10%;
    left: 51%;
    opacity: 0.9576463116;
    transform: rotate(347deg);
    animation: confetti-explosion-353 decimal-round(4.9685040063, 1) s decimal-round(0.5089434996, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-353 {
    100% {
        top: 110%;
        left: 62%;
    }
}

.confetti-354 {
    width: 5px;
    height: 2px;
    background-color: #146ff5;
    top: -10%;
    left: 24%;
    opacity: 0.5673452319;
    transform: rotate(17deg);
    animation: confetti-explosion-354 decimal-round(4.1080818207, 1) s decimal-round(0.7547894523, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-354 {
    100% {
        top: 110%;
        left: 34%;
    }
}

.confetti-355 {
    width: 5px;
    height: 2px;
    background-color: #8154e2;
    top: -10%;
    left: 51%;
    opacity: 0.7669051252;
    transform: rotate(72deg);
    animation: confetti-explosion-355 decimal-round(4.6763475964, 1) s decimal-round(0.3217847112, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-355 {
    100% {
        top: 110%;
        left: 63%;
    }
}

.confetti-356 {
    width: 7px;
    height: 2.8px;
    background-color: #8154e2;
    top: -10%;
    left: 34%;
    opacity: 0.8889418247;
    transform: rotate(36deg);
    animation: confetti-explosion-356 decimal-round(4.0953839285, 1) s decimal-round(0.936897866, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-356 {
    100% {
        top: 110%;
        left: 44%;
    }
}

.confetti-357 {
    width: 13px;
    height: 5.2px;
    background-color: #8154e2;
    top: -10%;
    left: 57%;
    opacity: 0.6360310128;
    transform: rotate(64deg);
    animation: confetti-explosion-357 decimal-round(4.363680282, 1) s decimal-round(0.779146995, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-357 {
    100% {
        top: 110%;
        left: 60%;
    }
}

.confetti-358 {
    width: 6px;
    height: 2.4px;
    background-color: #3adcc8;
    top: -10%;
    left: 35%;
    opacity: 0.6285502077;
    transform: rotate(317deg);
    animation: confetti-explosion-358 decimal-round(4.0678956289, 1) s decimal-round(0.5327013099, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-358 {
    100% {
        top: 110%;
        left: 36%;
    }
}

.confetti-359 {
    width: 15px;
    height: 6px;
    background-color: #ee6f40;
    top: -10%;
    left: 4%;
    opacity: 1.167090508;
    transform: rotate(332deg);
    animation: confetti-explosion-359 decimal-round(4.0295754975, 1) s decimal-round(0.4782458032, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-359 {
    100% {
        top: 110%;
        left: 5%;
    }
}

.confetti-360 {
    width: 14px;
    height: 5.6px;
    background-color: #3adcc8;
    top: -10%;
    left: 83%;
    opacity: 1.2100502285;
    transform: rotate(277deg);
    animation: confetti-explosion-360 decimal-round(4.956234875, 1) s decimal-round(0.4619396059, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-360 {
    100% {
        top: 110%;
        left: 95%;
    }
}

.confetti-361 {
    width: 8px;
    height: 3.2px;
    background-color: #ee6f40;
    top: -10%;
    left: 65%;
    opacity: 1.1313840004;
    transform: rotate(8deg);
    animation: confetti-explosion-361 decimal-round(4.9590553424, 1) s decimal-round(0.0419783565, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-361 {
    100% {
        top: 110%;
        left: 69%;
    }
}

.confetti-362 {
    width: 4px;
    height: 1.6px;
    background-color: #3adcc8;
    top: -10%;
    left: 36%;
    opacity: 0.6734921159;
    transform: rotate(258deg);
    animation: confetti-explosion-362 decimal-round(4.5846371718, 1) s decimal-round(0.5523499705, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-362 {
    100% {
        top: 110%;
        left: 46%;
    }
}

.confetti-363 {
    width: 9px;
    height: 3.6px;
    background-color: #146ff5;
    top: -10%;
    left: 78%;
    opacity: 0.5377398981;
    transform: rotate(290deg);
    animation: confetti-explosion-363 decimal-round(4.8328774062, 1) s decimal-round(0.5049535755, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-363 {
    100% {
        top: 110%;
        left: 81%;
    }
}

.confetti-364 {
    width: 7px;
    height: 2.8px;
    background-color: #3adcc8;
    top: -10%;
    left: 55%;
    opacity: 0.7677170211;
    transform: rotate(331deg);
    animation: confetti-explosion-364 decimal-round(4.6008084072, 1) s decimal-round(0.0320125197, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-364 {
    100% {
        top: 110%;
        left: 56%;
    }
}

.confetti-365 {
    width: 6px;
    height: 2.4px;
    background-color: #3adcc8;
    top: -10%;
    left: 97%;
    opacity: 1.4016231107;
    transform: rotate(356deg);
    animation: confetti-explosion-365 decimal-round(4.7616140658, 1) s decimal-round(0.7122702044, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-365 {
    100% {
        top: 110%;
        left: 109%;
    }
}

.confetti-366 {
    width: 8px;
    height: 3.2px;
    background-color: #3adcc8;
    top: -10%;
    left: 93%;
    opacity: 1.1232764508;
    transform: rotate(259deg);
    animation: confetti-explosion-366 decimal-round(4.5669976132, 1) s decimal-round(0.697276784, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-366 {
    100% {
        top: 110%;
        left: 99%;
    }
}

.confetti-367 {
    width: 3px;
    height: 1.2px;
    background-color: #8b4513;
    top: -10%;
    left: 41%;
    opacity: 1.3390287931;
    transform: rotate(3deg);
    animation: confetti-explosion-367 decimal-round(4.3797179116, 1) s decimal-round(0.1090703584, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-367 {
    100% {
        top: 110%;
        left: 56%;
    }
}

.confetti-368 {
    width: 15px;
    height: 6px;
    background-color: #8154e2;
    top: -10%;
    left: 69%;
    opacity: 0.9100439443;
    transform: rotate(210deg);
    animation: confetti-explosion-368 decimal-round(4.2467440522, 1) s decimal-round(0.0423733745, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-368 {
    100% {
        top: 110%;
        left: 77%;
    }
}

.confetti-369 {
    width: 3px;
    height: 1.2px;
    background-color: #3adcc8;
    top: -10%;
    left: 52%;
    opacity: 0.9875027867;
    transform: rotate(348deg);
    animation: confetti-explosion-369 decimal-round(4.9462465607, 1) s decimal-round(0.0457735134, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-369 {
    100% {
        top: 110%;
        left: 60%;
    }
}

.confetti-370 {
    width: 3px;
    height: 1.2px;
    background-color: #dd1a8f;
    top: -10%;
    left: 72%;
    opacity: 1.1476229906;
    transform: rotate(3deg);
    animation: confetti-explosion-370 decimal-round(4.8374894197, 1) s decimal-round(0.2346222306, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-370 {
    100% {
        top: 110%;
        left: 75%;
    }
}

.confetti-371 {
    width: 2px;
    height: 0.8px;
    background-color: #ee6f40;
    top: -10%;
    left: 60%;
    opacity: 0.5155716299;
    transform: rotate(225deg);
    animation: confetti-explosion-371 decimal-round(4.5733470985, 1) s decimal-round(0.9241633275, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-371 {
    100% {
        top: 110%;
        left: 68%;
    }
}

.confetti-372 {
    width: 15px;
    height: 6px;
    background-color: #dd1a8f;
    top: -10%;
    left: 30%;
    opacity: 0.8807317334;
    transform: rotate(150deg);
    animation: confetti-explosion-372 decimal-round(4.7839338499, 1) s decimal-round(0.7177882295, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-372 {
    100% {
        top: 110%;
        left: 32%;
    }
}

.confetti-373 {
    width: 5px;
    height: 2px;
    background-color: #dd1a8f;
    top: -10%;
    left: 98%;
    opacity: 1.2851654858;
    transform: rotate(75deg);
    animation: confetti-explosion-373 decimal-round(4.0827487601, 1) s decimal-round(0.6617217704, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-373 {
    100% {
        top: 110%;
        left: 109%;
    }
}

.confetti-374 {
    width: 9px;
    height: 3.6px;
    background-color: #146ff5;
    top: -10%;
    left: 87%;
    opacity: 0.8003830843;
    transform: rotate(19deg);
    animation: confetti-explosion-374 decimal-round(4.5839068691, 1) s decimal-round(0.1002209783, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-374 {
    100% {
        top: 110%;
        left: 93%;
    }
}

.confetti-375 {
    width: 6px;
    height: 2.4px;
    background-color: #dd1a8f;
    top: -10%;
    left: 49%;
    opacity: 0.6540692668;
    transform: rotate(301deg);
    animation: confetti-explosion-375 decimal-round(4.9080634241, 1) s decimal-round(0.8242771546, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-375 {
    100% {
        top: 110%;
        left: 56%;
    }
}

.confetti-376 {
    width: 10px;
    height: 4px;
    background-color: #dd1a8f;
    top: -10%;
    left: 42%;
    opacity: 0.8500246214;
    transform: rotate(113deg);
    animation: confetti-explosion-376 decimal-round(4.5203402697, 1) s decimal-round(0.1366568766, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-376 {
    100% {
        top: 110%;
        left: 49%;
    }
}

.confetti-377 {
    width: 8px;
    height: 3.2px;
    background-color: #ee6f40;
    top: -10%;
    left: 78%;
    opacity: 0.6656392183;
    transform: rotate(172deg);
    animation: confetti-explosion-377 decimal-round(4.2611514416, 1) s decimal-round(0.3592839702, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-377 {
    100% {
        top: 110%;
        left: 88%;
    }
}

.confetti-378 {
    width: 8px;
    height: 3.2px;
    background-color: #dd1a8f;
    top: -10%;
    left: 42%;
    opacity: 0.8963063974;
    transform: rotate(317deg);
    animation: confetti-explosion-378 decimal-round(4.4996672848, 1) s decimal-round(0.7400893138, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-378 {
    100% {
        top: 110%;
        left: 47%;
    }
}

.confetti-379 {
    width: 5px;
    height: 2px;
    background-color: #ee6f40;
    top: -10%;
    left: 69%;
    opacity: 1.3191685863;
    transform: rotate(165deg);
    animation: confetti-explosion-379 decimal-round(4.4553323768, 1) s decimal-round(0.6732552855, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-379 {
    100% {
        top: 110%;
        left: 77%;
    }
}

.confetti-380 {
    width: 12px;
    height: 4.8px;
    background-color: #8154e2;
    top: -10%;
    left: 55%;
    opacity: 1.0893200068;
    transform: rotate(346deg);
    animation: confetti-explosion-380 decimal-round(4.7435338338, 1) s decimal-round(0.2928982981, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-380 {
    100% {
        top: 110%;
        left: 70%;
    }
}

.confetti-381 {
    width: 4px;
    height: 1.6px;
    background-color: #dd1a8f;
    top: -10%;
    left: 35%;
    opacity: 1.116694235;
    transform: rotate(256deg);
    animation: confetti-explosion-381 decimal-round(4.7860202647, 1) s decimal-round(0.4107271533, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-381 {
    100% {
        top: 110%;
        left: 44%;
    }
}

.confetti-382 {
    width: 5px;
    height: 2px;
    background-color: #ee6f40;
    top: -10%;
    left: 42%;
    opacity: 1.0811985682;
    transform: rotate(5deg);
    animation: confetti-explosion-382 decimal-round(4.4957835566, 1) s decimal-round(0.9686067756, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-382 {
    100% {
        top: 110%;
        left: 45%;
    }
}

.confetti-383 {
    width: 15px;
    height: 6px;
    background-color: #ee6f40;
    top: -10%;
    left: 30%;
    opacity: 1.1592307882;
    transform: rotate(167deg);
    animation: confetti-explosion-383 decimal-round(4.6891801872, 1) s decimal-round(0.8279577594, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-383 {
    100% {
        top: 110%;
        left: 40%;
    }
}

.confetti-384 {
    width: 3px;
    height: 1.2px;
    background-color: #8b4513;
    top: -10%;
    left: 53%;
    opacity: 0.7919768354;
    transform: rotate(270deg);
    animation: confetti-explosion-384 decimal-round(4.0605944371, 1) s decimal-round(0.4478130056, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-384 {
    100% {
        top: 110%;
        left: 64%;
    }
}

.confetti-385 {
    width: 13px;
    height: 5.2px;
    background-color: #146ff5;
    top: -10%;
    left: 73%;
    opacity: 1.2845468431;
    transform: rotate(52deg);
    animation: confetti-explosion-385 decimal-round(4.4823777191, 1) s decimal-round(0.3734416965, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-385 {
    100% {
        top: 110%;
        left: 83%;
    }
}

.confetti-386 {
    width: 8px;
    height: 3.2px;
    background-color: #3adcc8;
    top: -10%;
    left: 43%;
    opacity: 1.2797749586;
    transform: rotate(80deg);
    animation: confetti-explosion-386 decimal-round(4.5668080366, 1) s decimal-round(0.7459507097, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-386 {
    100% {
        top: 110%;
        left: 44%;
    }
}

.confetti-387 {
    width: 4px;
    height: 1.6px;
    background-color: #ee6f40;
    top: -10%;
    left: 41%;
    opacity: 1.2475175159;
    transform: rotate(296deg);
    animation: confetti-explosion-387 decimal-round(4.9311930553, 1) s decimal-round(0.25195211, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-387 {
    100% {
        top: 110%;
        left: 52%;
    }
}

.confetti-388 {
    width: 6px;
    height: 2.4px;
    background-color: #dd1a8f;
    top: -10%;
    left: 26%;
    opacity: 1.3331915936;
    transform: rotate(196deg);
    animation: confetti-explosion-388 decimal-round(4.2309308521, 1) s decimal-round(0.04903373, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-388 {
    100% {
        top: 110%;
        left: 33%;
    }
}

.confetti-389 {
    width: 3px;
    height: 1.2px;
    background-color: #dd1a8f;
    top: -10%;
    left: 14%;
    opacity: 1.0509441972;
    transform: rotate(38deg);
    animation: confetti-explosion-389 decimal-round(4.0425037876, 1) s decimal-round(0.7801991507, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-389 {
    100% {
        top: 110%;
        left: 22%;
    }
}

.confetti-390 {
    width: 15px;
    height: 6px;
    background-color: #146ff5;
    top: -10%;
    left: 61%;
    opacity: 1.3560864386;
    transform: rotate(254deg);
    animation: confetti-explosion-390 decimal-round(4.7707227069, 1) s decimal-round(0.0412052253, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-390 {
    100% {
        top: 110%;
        left: 68%;
    }
}

.confetti-391 {
    width: 5px;
    height: 2px;
    background-color: #8154e2;
    top: -10%;
    left: 44%;
    opacity: 0.9232498302;
    transform: rotate(298deg);
    animation: confetti-explosion-391 decimal-round(4.3048725062, 1) s decimal-round(0.9705890892, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-391 {
    100% {
        top: 110%;
        left: 59%;
    }
}

.confetti-392 {
    width: 13px;
    height: 5.2px;
    background-color: #8b4513;
    top: -10%;
    left: 50%;
    opacity: 0.8954585823;
    transform: rotate(78deg);
    animation: confetti-explosion-392 decimal-round(4.66715109, 1) s decimal-round(0.4362561638, 1) s infinite ease-out;
    z-index: 4;
}

@keyframes confetti-explosion-392 {
    100% {
        top: 110%;
        left: 58%;
    }
}

.confetti-393 {
    width: 11px;
    height: 4.4px;
    background-color: #146ff5;
    top: -10%;
    left: 51%;
    opacity: 1.1869742568;
    transform: rotate(192deg);
    animation: confetti-explosion-393 decimal-round(4.9264591684, 1) s decimal-round(0.7545415928, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-393 {
    100% {
        top: 110%;
        left: 62%;
    }
}

.confetti-394 {
    width: 12px;
    height: 4.8px;
    background-color: #ee6f40;
    top: -10%;
    left: 33%;
    opacity: 0.9831724489;
    transform: rotate(109deg);
    animation: confetti-explosion-394 decimal-round(4.1639274505, 1) s decimal-round(0.7468781303, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-394 {
    100% {
        top: 110%;
        left: 44%;
    }
}

.confetti-395 {
    width: 15px;
    height: 6px;
    background-color: #146ff5;
    top: -10%;
    left: 74%;
    opacity: 1.44647308;
    transform: rotate(237deg);
    animation: confetti-explosion-395 decimal-round(4.6779706442, 1) s decimal-round(0.6116235959, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-395 {
    100% {
        top: 110%;
        left: 87%;
    }
}

.confetti-396 {
    width: 6px;
    height: 2.4px;
    background-color: #8154e2;
    top: -10%;
    left: 77%;
    opacity: 0.7291580935;
    transform: rotate(358deg);
    animation: confetti-explosion-396 decimal-round(4.4458510528, 1) s decimal-round(0.2375478386, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-396 {
    100% {
        top: 110%;
        left: 92%;
    }
}

.confetti-397 {
    width: 5px;
    height: 2px;
    background-color: #dd1a8f;
    top: -10%;
    left: 7%;
    opacity: 1.0894354229;
    transform: rotate(207deg);
    animation: confetti-explosion-397 decimal-round(4.4199729763, 1) s decimal-round(0.8613964448, 1) s infinite ease-out;
    z-index: 1;
}

@keyframes confetti-explosion-397 {
    100% {
        top: 110%;
        left: 14%;
    }
}

.confetti-398 {
    width: 12px;
    height: 4.8px;
    background-color: #ee6f40;
    top: -10%;
    left: 90%;
    opacity: 0.9470845449;
    transform: rotate(144deg);
    animation: confetti-explosion-398 decimal-round(4.4881295466, 1) s decimal-round(0.9687460581, 1) s infinite ease-out;
    z-index: 5;
}

@keyframes confetti-explosion-398 {
    100% {
        top: 110%;
        left: 92%;
    }
}

.confetti-399 {
    width: 5px;
    height: 2px;
    background-color: #3adcc8;
    top: -10%;
    left: 15%;
    opacity: 0.5170661967;
    transform: rotate(143deg);
    animation: confetti-explosion-399 decimal-round(4.2080837882, 1) s decimal-round(0.6721966252, 1) s infinite ease-out;
    z-index: 2;
}

@keyframes confetti-explosion-399 {
    100% {
        top: 110%;
        left: 24%;
    }
}

.confetti-400 {
    width: 4px;
    height: 1.6px;
    background-color: #ee6f40;
    top: -10%;
    left: 4%;
    opacity: 1.2507321771;
    transform: rotate(140deg);
    animation: confetti-explosion-400 decimal-round(4.9112972366, 1) s decimal-round(0.9815177253, 1) s infinite ease-out;
    z-index: 3;
}

@keyframes confetti-explosion-400 {
    100% {
        top: 110%;
        left: 15%;
    }
}

/* coins */
.coin-1 {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #dcdcdc;
    top: -10%;
    left: 85%;
    opacity: 0.5571137922;
    transform: rotate(178deg);
    animation: coins-keep-falling-on-my-head-1 1.25s 2.3000682237s infinite ease-in;
    z-index: 3;
    font-size: 18px;
    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: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #daa520;
    top: -10%;
    left: 50%;
    opacity: 1.0970949044;
    transform: rotate(87deg);
    animation: coins-keep-falling-on-my-head-2 1.25s 2.8334028249s infinite ease-in;
    z-index: 7;
    font-size: 20px;
    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: 21px;
    height: 21px;
    border-radius: 50%;
    background-color: #c0c0c0;
    top: -10%;
    left: 72%;
    opacity: 0.6395830571;
    transform: rotate(264deg);
    animation: coins-keep-falling-on-my-head-3 1.25s 3.6421419599s infinite ease-in;
    z-index: 3;
    font-size: 17px;
    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: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #dcdcdc;
    top: -10%;
    left: 92%;
    opacity: 0.7318925881;
    transform: rotate(4deg);
    animation: coins-keep-falling-on-my-head-4 1.25s 3.2351535269s infinite ease-in;
    z-index: 5;
    font-size: 18px;
    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: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #dcdcdc;
    top: -10%;
    left: 6%;
    opacity: 0.7212307302;
    transform: rotate(348deg);
    animation: coins-keep-falling-on-my-head-5 1.25s 3.6940074531s infinite ease-in;
    z-index: 6;
    font-size: 20px;
    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: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #dcdcdc;
    top: -10%;
    left: 97%;
    opacity: 1.0208077755;
    transform: rotate(27deg);
    animation: coins-keep-falling-on-my-head-6 1.25s 2.6813429715s infinite ease-in;
    z-index: 5;
    font-size: 21px;
    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: #daa520;
    top: -10%;
    left: 16%;
    opacity: 0.5617667379;
    transform: rotate(195deg);
    animation: coins-keep-falling-on-my-head-7 1.25s 1.7445212473s infinite ease-in;
    z-index: 5;
    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: 21px;
    height: 21px;
    border-radius: 50%;
    background-color: #dcdcdc;
    top: -10%;
    left: 20%;
    opacity: 1.3808563382;
    transform: rotate(232deg);
    animation: coins-keep-falling-on-my-head-8 1.25s 3.6182712918s infinite ease-in;
    z-index: 6;
    font-size: 17px;
    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: #daa520;
    top: -10%;
    left: 43%;
    opacity: 0.6766556318;
    transform: rotate(283deg);
    animation: coins-keep-falling-on-my-head-9 1.25s 3.6917431361s 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: #ffd700;
    top: -10%;
    left: 82%;
    opacity: 0.7096097347;
    transform: rotate(7deg);
    animation: coins-keep-falling-on-my-head-10 1.25s 4.5069180008s infinite ease-in;
    z-index: 5;
    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: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #c0c0c0;
    top: -10%;
    left: 19%;
    opacity: 1.3656883332;
    transform: rotate(163deg);
    animation: coins-keep-falling-on-my-head-11 1.25s 4.3317731319s infinite ease-in;
    z-index: 6;
    font-size: 18px;
    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: #c0c0c0;
    top: -10%;
    left: 64%;
    opacity: 0.9080600821;
    transform: rotate(211deg);
    animation: coins-keep-falling-on-my-head-12 1.25s 1.6609998115s infinite ease-in;
    z-index: 5;
    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: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #daa520;
    top: -10%;
    left: 67%;
    opacity: 0.9979802435;
    transform: rotate(66deg);
    animation: coins-keep-falling-on-my-head-13 1.25s 3.3722824496s infinite ease-in;
    z-index: 5;
    font-size: 24px;
    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: 27px;
    height: 27px;
    border-radius: 50%;
    background-color: #dcdcdc;
    top: -10%;
    left: 41%;
    opacity: 0.8168598723;
    transform: rotate(201deg);
    animation: coins-keep-falling-on-my-head-14 1.25s 3.5554685127s infinite ease-in;
    z-index: 7;
    font-size: 23px;
    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: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #dcdcdc;
    top: -10%;
    left: 22%;
    opacity: 0.9342619355;
    transform: rotate(146deg);
    animation: coins-keep-falling-on-my-head-15 1.25s 0.1151996354s infinite ease-in;
    z-index: 3;
    font-size: 24px;
    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: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #dcdcdc;
    top: -10%;
    left: 50%;
    opacity: 1.2070063;
    transform: rotate(6deg);
    animation: coins-keep-falling-on-my-head-16 1.25s 2.9270764266s infinite ease-in;
    z-index: 7;
    font-size: 20px;
    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: 27px;
    height: 27px;
    border-radius: 50%;
    background-color: #ffd700;
    top: -10%;
    left: 58%;
    opacity: 1.377501226;
    transform: rotate(239deg);
    animation: coins-keep-falling-on-my-head-17 1.25s 1.5612471757s infinite ease-in;
    z-index: 7;
    font-size: 23px;
    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: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #dcdcdc;
    top: -10%;
    left: 76%;
    opacity: 1.2991145518;
    transform: rotate(318deg);
    animation: coins-keep-falling-on-my-head-18 1.25s 0.8104206187s infinite ease-in;
    z-index: 3;
    font-size: 20px;
    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: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #c0c0c0;
    top: -10%;
    left: 83%;
    opacity: 0.9543691663;
    transform: rotate(63deg);
    animation: coins-keep-falling-on-my-head-19 1.25s 2.2356878682s infinite ease-in;
    z-index: 3;
    font-size: 24px;
    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: 27px;
    height: 27px;
    border-radius: 50%;
    background-color: #c0c0c0;
    top: -10%;
    left: 34%;
    opacity: 0.5858399252;
    transform: rotate(120deg);
    animation: coins-keep-falling-on-my-head-20 1.25s 3.0374967322s infinite ease-in;
    z-index: 5;
    font-size: 23px;
    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: #daa520;
    top: -10%;
    left: 79%;
    opacity: 1.1157902794;
    transform: rotate(266deg);
    animation: coins-keep-falling-on-my-head-21 1.25s 2.3017469013s infinite ease-in;
    z-index: 7;
    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: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #daa520;
    top: -10%;
    left: 26%;
    opacity: 0.4288117591;
    transform: rotate(330deg);
    animation: coins-keep-falling-on-my-head-22 1.25s 1.2464307681s infinite ease-in;
    z-index: 7;
    font-size: 20px;
    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: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #daa520;
    top: -10%;
    left: 14%;
    opacity: 0.6216112543;
    transform: rotate(71deg);
    animation: coins-keep-falling-on-my-head-23 1.25s 2.2485878915s infinite ease-in;
    z-index: 6;
    font-size: 24px;
    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: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #ffd700;
    top: -10%;
    left: 70%;
    opacity: 0.5206124258;
    transform: rotate(47deg);
    animation: coins-keep-falling-on-my-head-24 1.25s 2.1793230256s infinite ease-in;
    z-index: 7;
    font-size: 18px;
    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: 23px;
    height: 23px;
    border-radius: 50%;
    background-color: #ffd700;
    top: -10%;
    left: 58%;
    opacity: 0.6794212771;
    transform: rotate(151deg);
    animation: coins-keep-falling-on-my-head-25 1.25s 3.3681371839s infinite ease-in;
    z-index: 6;
    font-size: 19px;
    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: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #c0c0c0;
    top: -10%;
    left: 66%;
    opacity: 0.4946822825;
    transform: rotate(166deg);
    animation: coins-keep-falling-on-my-head-26 1.25s 2.5146007098s infinite ease-in;
    z-index: 4;
    font-size: 22px;
    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: 21px;
    height: 21px;
    border-radius: 50%;
    background-color: #c0c0c0;
    top: -10%;
    left: 3%;
    opacity: 0.8205158974;
    transform: rotate(95deg);
    animation: coins-keep-falling-on-my-head-27 1.25s 3.5218838521s infinite ease-in;
    z-index: 7;
    font-size: 17px;
    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: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #ffd700;
    top: -10%;
    left: 89%;
    opacity: 0.8457971134;
    transform: rotate(232deg);
    animation: coins-keep-falling-on-my-head-28 1.25s 1.3288352332s infinite ease-in;
    z-index: 4;
    font-size: 18px;
    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: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #c0c0c0;
    top: -10%;
    left: 72%;
    opacity: 1.2072116117;
    transform: rotate(144deg);
    animation: coins-keep-falling-on-my-head-29 1.25s 0.5460576422s infinite ease-in;
    z-index: 7;
    font-size: 21px;
    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: 23px;
    height: 23px;
    border-radius: 50%;
    background-color: #ffd700;
    top: -10%;
    left: 11%;
    opacity: 1.1799300874;
    transform: rotate(284deg);
    animation: coins-keep-falling-on-my-head-30 1.25s 3.8407229127s infinite ease-in;
    z-index: 4;
    font-size: 19px;
    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: 60px;
    height: 60px;
    top: -200px;
    left: 83%;
    opacity: 0.9;
    display: inline-block;
    z-index: 4;
    animation: make-it-rain-1 8s 5s infinite ease-in;
    animation-iteration-count: 35;
    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-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: 50px;
    height: 50px;
    top: -200px;
    left: 56%;
    opacity: 0.8;
    display: inline-block;
    z-index: 5;
    animation: make-it-rain-2 7s 6s infinite ease-out;
    animation-iteration-count: 53;
    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: 70px;
    height: 70px;
    top: -200px;
    left: 24%;
    opacity: 0.4;
    display: inline-block;
    z-index: 5;
    animation: make-it-rain-3 7s 2s infinite linear;
    animation-iteration-count: 35;
    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: 80px;
    height: 80px;
    top: -200px;
    left: 64%;
    opacity: 0.4;
    display: inline-block;
    z-index: 7;
    animation: make-it-rain-4 10s 2s infinite ease-out;
    animation-iteration-count: 57;
    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: 20%;
    opacity: 0.4;
    display: inline-block;
    z-index: 7;
    animation: make-it-rain-5 11s 2s infinite linear;
    animation-iteration-count: 43;
    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-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: 60px;
    height: 60px;
    top: -200px;
    left: 14%;
    opacity: 0.4;
    display: inline-block;
    z-index: 5;
    animation: make-it-rain-6 6s 2s infinite linear;
    animation-iteration-count: 45;
    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-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: 13%;
    opacity: 0.9;
    display: inline-block;
    z-index: 5;
    animation: make-it-rain-7 5s 0s infinite linear;
    animation-iteration-count: 36;
    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-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: 50px;
    height: 50px;
    top: -200px;
    left: 68%;
    opacity: 0.4;
    display: inline-block;
    z-index: 5;
    animation: make-it-rain-8 9s 1s infinite linear;
    animation-iteration-count: 44;
    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: 19%;
    opacity: 0.6;
    display: inline-block;
    z-index: 5;
    animation: make-it-rain-9 4s 7s infinite linear;
    animation-iteration-count: 30;
    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-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: 60px;
    height: 60px;
    top: -200px;
    left: 96%;
    opacity: 0.4;
    display: inline-block;
    z-index: 5;
    animation: make-it-rain-10 8s 7s infinite ease-out;
    animation-iteration-count: 58;
    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-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: 70px;
    height: 70px;
    top: -200px;
    left: 60%;
    opacity: 0.4;
    display: inline-block;
    z-index: 5;
    animation: make-it-rain-11 7s 2s infinite linear;
    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-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: 40px;
    height: 40px;
    top: -200px;
    left: 52%;
    opacity: 0.7;
    display: inline-block;
    z-index: 7;
    animation: make-it-rain-12 10s 3s infinite linear;
    animation-iteration-count: 38;
    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-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: 80px;
    height: 80px;
    top: -200px;
    left: 79%;
    opacity: 0.6;
    display: inline-block;
    z-index: 5;
    animation: make-it-rain-13 4s 0s infinite linear;
    animation-iteration-count: 33;
    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-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: 80px;
    height: 80px;
    top: -200px;
    left: 49%;
    opacity: 0.5;
    display: inline-block;
    z-index: 7;
    animation: make-it-rain-14 7s 2s infinite ease-out;
    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-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: 80px;
    height: 80px;
    top: -200px;
    left: 35%;
    opacity: 0.8;
    display: inline-block;
    z-index: 5;
    animation: make-it-rain-15 9s 0s 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-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: 55%;
    opacity: 0.7;
    display: inline-block;
    z-index: 6;
    animation: make-it-rain-16 5s 1s infinite ease-out;
    animation-iteration-count: 57;
    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-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: 40px;
    height: 40px;
    top: -200px;
    left: 43%;
    opacity: 0.8;
    display: inline-block;
    z-index: 5;
    animation: make-it-rain-17 4s 2s infinite ease-out;
    animation-iteration-count: 34;
    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-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: 50%;
    opacity: 0.8;
    display: inline-block;
    z-index: 4;
    animation: make-it-rain-18 11s 3s infinite ease-out;
    animation-iteration-count: 49;
    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-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: 100%;
    opacity: 0.5;
    display: inline-block;
    z-index: 8;
    animation: make-it-rain-19 9s 6s infinite linear;
    animation-iteration-count: 31;
    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-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: 40px;
    height: 40px;
    top: -200px;
    left: 36%;
    opacity: 0.3;
    display: inline-block;
    z-index: 4;
    animation: make-it-rain-20 11s 0s infinite linear;
    animation-iteration-count: 55;
    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-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: 80px;
    height: 80px;
    top: -200px;
    left: 60%;
    opacity: 0.4;
    display: inline-block;
    z-index: 4;
    animation: make-it-rain-21 7s 6s infinite ease-out;
    animation-iteration-count: 54;
    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-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: 80px;
    height: 80px;
    top: -200px;
    left: 46%;
    opacity: 0.3;
    display: inline-block;
    z-index: 5;
    animation: make-it-rain-22 5s 6s infinite ease-in;
    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-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: 86%;
    opacity: 0.9;
    display: inline-block;
    z-index: 5;
    animation: make-it-rain-23 4s 6s 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-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: 40px;
    height: 40px;
    top: -200px;
    left: 42%;
    opacity: 0.6;
    display: inline-block;
    z-index: 4;
    animation: make-it-rain-24 10s 0s infinite linear;
    animation-iteration-count: 47;
    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-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: 70px;
    height: 70px;
    top: -200px;
    left: 1%;
    opacity: 0.7;
    display: inline-block;
    z-index: 7;
    animation: make-it-rain-25 4s 3s infinite ease-in;
    animation-iteration-count: 44;
    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-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: 80px;
    height: 80px;
    top: -200px;
    left: 64%;
    opacity: 0.9;
    display: inline-block;
    z-index: 8;
    animation: make-it-rain-26 9s 6s infinite ease-in;
    animation-iteration-count: 60;
    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-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: 50px;
    height: 50px;
    top: -200px;
    left: 89%;
    opacity: 0.3;
    display: inline-block;
    z-index: 5;
    animation: make-it-rain-27 8s 4s infinite ease-out;
    animation-iteration-count: 38;
    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-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: 71%;
    opacity: 0.9;
    display: inline-block;
    z-index: 6;
    animation: make-it-rain-28 9s 5s infinite ease-in;
    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-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: 40px;
    height: 40px;
    top: -200px;
    left: 1%;
    opacity: 0.8;
    display: inline-block;
    z-index: 6;
    animation: make-it-rain-29 5s 1s infinite ease-in;
    animation-iteration-count: 47;
    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-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: 50px;
    height: 50px;
    top: -200px;
    left: 32%;
    opacity: 0.5;
    display: inline-block;
    z-index: 5;
    animation: make-it-rain-30 6s 3s infinite ease-out;
    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-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: 80px;
    height: 80px;
    top: -200px;
    left: 83%;
    opacity: 0.6;
    display: inline-block;
    z-index: 6;
    animation: make-it-rain-31 5s 3s infinite linear;
    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-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: 60px;
    height: 60px;
    top: -200px;
    left: 12%;
    opacity: 0.7;
    display: inline-block;
    z-index: 4;
    animation: make-it-rain-32 5s 1s 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-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: 50px;
    height: 50px;
    top: -200px;
    left: 50%;
    opacity: 0.9;
    display: inline-block;
    z-index: 8;
    animation: make-it-rain-33 6s 3s infinite linear;
    animation-iteration-count: 40;
    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-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: 60px;
    height: 60px;
    top: -200px;
    left: 25%;
    opacity: 0.5;
    display: inline-block;
    z-index: 8;
    animation: make-it-rain-34 10s 6s infinite ease-in;
    animation-iteration-count: 38;
    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: 40px;
    height: 40px;
    top: -200px;
    left: 33%;
    opacity: 0.6;
    display: inline-block;
    z-index: 7;
    animation: make-it-rain-35 11s 5s infinite linear;
    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-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: 77%;
    opacity: 0.9;
    display: inline-block;
    z-index: 7;
    animation: make-it-rain-36 6s 4s infinite ease-out;
    animation-iteration-count: 33;
    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: 50px;
    height: 50px;
    top: -200px;
    left: 52%;
    opacity: 0.3;
    display: inline-block;
    z-index: 4;
    animation: make-it-rain-37 6s 6s infinite ease-out;
    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-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: 60px;
    height: 60px;
    top: -200px;
    left: 38%;
    opacity: 0.7;
    display: inline-block;
    z-index: 6;
    animation: make-it-rain-38 7s 2s infinite ease-out;
    animation-iteration-count: 35;
    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-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: 60px;
    height: 60px;
    top: -200px;
    left: 40%;
    opacity: 0.4;
    display: inline-block;
    z-index: 6;
    animation: make-it-rain-39 5s 5s infinite ease-in;
    animation-iteration-count: 50;
    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-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: 50px;
    height: 50px;
    top: -200px;
    left: 44%;
    opacity: 0.6;
    display: inline-block;
    z-index: 5;
    animation: make-it-rain-40 8s 0s infinite linear;
    animation-iteration-count: 58;
    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: 92%;
    opacity: 0.4;
    display: inline-block;
    z-index: 4;
    animation: make-it-rain-41 8s 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-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: 70px;
    height: 70px;
    top: -200px;
    left: 67%;
    opacity: 0.7;
    display: inline-block;
    z-index: 5;
    animation: make-it-rain-42 5s 3s infinite ease-in;
    animation-iteration-count: 54;
    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: 60px;
    height: 60px;
    top: -200px;
    left: 100%;
    opacity: 0.8;
    display: inline-block;
    z-index: 4;
    animation: make-it-rain-43 9s 2s infinite ease-out;
    animation-iteration-count: 42;
    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: 60px;
    height: 60px;
    top: -200px;
    left: 31%;
    opacity: 0.8;
    display: inline-block;
    z-index: 7;
    animation: make-it-rain-44 5s 6s infinite linear;
    animation-iteration-count: 44;
    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-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: 40px;
    height: 40px;
    top: -200px;
    left: 93%;
    opacity: 0.6;
    display: inline-block;
    z-index: 4;
    animation: make-it-rain-45 8s 2s infinite ease-out;
    animation-iteration-count: 36;
    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-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: 12%;
    opacity: 0.6;
    display: inline-block;
    z-index: 6;
    animation: make-it-rain-46 6s 1s infinite linear;
    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-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: 50px;
    height: 50px;
    top: -200px;
    left: 94%;
    opacity: 0.8;
    display: inline-block;
    z-index: 4;
    animation: make-it-rain-47 8s 7s infinite ease-in;
    animation-iteration-count: 55;
    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: 80px;
    height: 80px;
    top: -200px;
    left: 24%;
    opacity: 0.7;
    display: inline-block;
    z-index: 7;
    animation: make-it-rain-48 8s 0s 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-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: 50px;
    height: 50px;
    top: -200px;
    left: 33%;
    opacity: 0.7;
    display: inline-block;
    z-index: 4;
    animation: make-it-rain-49 9s 3s infinite ease-in;
    animation-iteration-count: 57;
    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-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: 60px;
    height: 60px;
    top: -200px;
    left: 86%;
    opacity: 0.5;
    display: inline-block;
    z-index: 7;
    animation: make-it-rain-50 5s 3s infinite ease-in;
    animation-iteration-count: 31;
    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-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: 9;
    background-color: #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.ht-header.header-sticky {
    position: fixed;
}

.ht-header-bottom {
    padding-block: 0.75rem;
}

.ht-header .ht-logo {
    max-height: 2.5rem;
}

@media (min-width: 1200px) {
    .ht-header .ht-logo {
        max-height: 3.5rem;
    }
}

.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.15rem;
    position: relative;
}

.ht-header-menu li a.active,
.ht-header-menu li a:hover {
    color: var(--primary);
}

.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;
}

.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(--secondary);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    height: 100vh;
    overflow-y: auto;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    padding: 0.9375rem 0;
}

.mobile-menu .ht-lang-btn {
    margin-top: 16px;
}

.mobile-menu .ht-lang-btn span {
    color: #fff;
}

.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 {
    position: relative;
    z-index: 1;
    background-color: var(--secondary);
}

.ht-footer-section::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to bottom, var(--secondary), transparent);
    z-index: -1;
    opacity: 0.65;
}

.ht-footer-section hr {
    border-color: #fff;
    opacity: 0.075;
}

.ht-footer-section-bg-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    opacity: 0.1;
}

.ht-footer-section .ht-footer-top {
    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(--secondary);
    border-top: 1px solid rgba(255, 255, 255, 0.075);
    padding: 0.9375rem 0;
}

.ht-footer-cta {
    padding-bottom: 1.25rem;
    margin-bottom: 1.875rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.075);
}

@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;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.075);
}

.ht-footer-title::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 25px;
    height: 2px;
    background-color: var(--primary);
    margin-bottom: -1px;
}

@media (max-width: 575px) {
    .ht-footer-title {
        font-size: 1rem;
    }
}

.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 input::placeholder {
    color: #c4c4c4;
}

.subscribe-form input::-moz-placeholder {
    color: #c4c4c4;
}

.subscribe-form input::-webkit-input-placeholder {
    color: #c4c4c4;
}

.subscribe-form button {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: var(--primary);
}

.ht-footer-section .social-media-default-links li a {
    color: var(--display-color);
}

.ht-footer-section .social-media-default-links li a:hover {
    color: var(--primary);
}

/* === footer css end === */
/* === breadcrumb css start === */
.dt-breadcrumb {
    padding-top: 100px;
    padding-bottom: 30px;
    position: relative;
    z-index: 1;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@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%;
    background-color: rgba(0, 0, 0, 0.45);
    z-index: 0;
    pointer-events: none;
}

.dt-breadcrumb > .container {
    position: relative;
    z-index: 1;
}

.dt-breadcrumb-title {
    font-size: 1.5rem;
    color: #ffffff;
}

@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;
    color: rgba(255, 255, 255, 0.92);
}

.dt-breadcrumb-menu li a {
    color: rgba(255, 255, 255, 0.92);
}

.dt-breadcrumb-menu li a:hover {
    color: #ffffff;
}

.dt-breadcrumb-menu li.active-page {
    color: #ffffff;
}

@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;
    }
}

@media (max-width: 1399px) {
    .user-sidebar {
        width: 240px;
    }
}

.user-sidebar::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffffeb;
    z-index: -1;
}

.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: 10px;
}

.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(--primary);
    color: #fff;
    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(--primary);
    color: #fff;
    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: var(--border-color);
}

.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;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.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: 61px;
    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 var(--border-color);
}

@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: var(--display-color);
}

.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: #f1f1f1;
    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: 240px;
    }
}

@media (min-width: 1400px) {
    .user-dashboard {
        padding-inline-start: 255px;
    }
}

.user-dashbaord-body {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
}

@media (min-width: 1200px) {
    .user-dashbaord-body {
        padding-top: 1rem;
    }
}

@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;
        align-items: center;
    }
}

@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: 40px;
        height: 40px;
        font-size: 1.75rem;
    }
}

@media (min-width: 1551px) {
    .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: 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: 1551px) {
    .ht-d-card-content h6 {
        font-size: 1.25rem;
    }
}

.ht-d-card-content p {
    font-size: 0.75rem;
}

@media (min-width: 576px) {
    .ht-d-card-content p {
        font-size: 0.875rem;
    }
}

.ht-d-card-two {
    padding: 20px;
    background-color: var(--body-bg);
    border-radius: 12px;
}

.ht-d-card-two .icon {
    position: relative;
    width: 40px;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: var(--primary);
    border-radius: 8px;
    font-size: 28px;
    line-height: 1;
    z-index: 1;
}

.ht-d-card-two .icon::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary);
    border-radius: 8px;
    opacity: 0.15;
    z-index: -1;
}

@media (max-width: 1550px) {
    .ht-d-card-two {
        padding: 16px;
    }

    .ht-d-card-two .caption {
        font-size: 14px;
    }

    .ht-d-card-two .title {
        font-size: 20px;
    }
}

@media (max-width: 1399px) {
    .ht-d-card-two {
        padding: 12px;
    }

    .ht-d-card-two .icon {
        width: 32px;
        height: 32px;
        font-size: 22px;
    }

    .ht-d-card-two .title {
        font-size: 18px;
    }

    .ht-d-card-two .caption {
        font-size: 12px;
    }
}

.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(--body-bg);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.mystery-box-available-card .card-body {
    flex: unset;
}

@media (min-width: 1400px) {
    .mystery-box-available-card {
        padding: 1.875rem;
    }
}

.mystery-box-available-card .bonus-timer {
    display: inline-flex;
    align-items: center;
    padding: 0.3125rem 0.625rem;
    background-color: #f1f5f9;
    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;
    width: 120px;
    color: var(--display-color);
}

.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;
}

.mystery-box-available-card .bonus-box-thumb {
    max-height: 220px;
}

@media (max-width: 1550px) {
    .mystery-box-available-card .bonus-box-thumb {
        max-height: 105px;
    }
}

/* === 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: 5.5rem;
    padding-bottom: 0;
    background-position-y: 34%;
    background-position-x: center;
    overflow: hidden;
}

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

@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: 16rem;
        padding-bottom: 13rem;
    }
}

.ht-banner-section-bg-img {
    max-width: 280px;
}

@media (min-width: 576px) {
    .ht-banner-section-bg-img {
        max-width: 450px;
    }
}

@media (min-width: 992px) {
    .ht-banner-section-bg-img {
        position: absolute;
        right: 30px;
        bottom: 0;
        z-index: -1;
        max-width: 32%;
    }
}

.ht-banner-section-bg-img-two {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    z-index: -3;
}

.ht-banner-section-bg-img-three {
    position: absolute;
    bottom: -5px;
    right: 1%;
    max-width: 38%;
    z-index: -2;
}

.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;
}

.ht-banner-section .ht-banner-title {
    font-weight: 800;
    font-size: 1.75rem;
}

@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-description {
    font-size: 1rem;
    margin-block: 1rem;
}

@media (min-width: 1200px) {
    .ht-banner-section .ht-banner-description {
        margin-block: 1.5rem;
    }
}

.ht-banner-bottom {
    position: relative;
    padding-block: 36px;
    background: linear-gradient(to left, #ffffff, #e5e5e5);
    z-index: 1;
}

@media (min-width: 992px) {
    .ht-banner-bottom::before {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 35%;
        height: 100%;
        background-color: var(--primary);
        z-index: -1;
        clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
    }
}

@media (min-width: 1200px) {
    .ht-banner-bottom::before {
        width: 40%;
    }
}

@media (min-width: 992px) {
    .ht-banner-bottom .ht-section-title {
        color: #fff;
    }
}

.ht-banner-bottom::before {
    position: absolute;
    content: '';
}

.ht-banner-bottom-wrapper div[class*="col"] {
    position: relative;
    display: flex;
    justify-content: center;
}

.ht-banner-bottom-wrapper div[class*="col"]::after {
    position: absolute;
    content: '';
    top: 50%;
    right: 0;
    width: 1px;
    height: 60px;
    margin-top: -30px;
    background-color: #ddd;
}

.ht-banner-bottom-wrapper div[class*="col"]:last-child::after {
    display: none;
}

@media (max-width: 767px) {
    .ht-banner-bottom-wrapper div[class*="col"]:nth-child(2)::after {
        display: none;
    }
}

.ht-banner-bottom-item .amount {
    font-size: 20px;
    color: var(--primary);
}

@media (min-width: 575px) {
    .ht-banner-bottom-item .amount {
        font-size: 26px;
    }
}

/* === banner css end === */
/* === feature css start === */
.ht-feature-section {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.ht-feature-section::before {
    position: absolute;
    content: '';
    bottom: 5%;
    left: -18%;
    width: 750px;
    height: 550px;
    background: var(--primary);
    background: radial-gradient(circle, var(--primary) -6%, #fff 65%);
    border-radius: 50%;
    opacity: 0.18;
    z-index: -1;
}

.ht-feature-section::after {
    position: absolute;
    content: '';
    top: 5%;
    right: -18%;
    width: 750px;
    height: 550px;
    background: var(--primary);
    background: radial-gradient(circle, var(--primary) -6%, #fff 65%);
    border-radius: 50%;
    opacity: 0.18;
    z-index: -1;
}

.ht-feature-section .row.align-items-center {
    align-items: stretch !important;
}

.ht-feature-media {
    width: 100%;
    height: 100%;
    min-height: 480px;
    border-radius: 20px;
    overflow: hidden;
    background: color-mix(in srgb, var(--primary) 6%, #fff);
}

.ht-feature-section .ht-feature-bg-img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 480px;
    object-fit: cover;
    object-position: center center;
}

@media (max-width: 991px) {
    .ht-feature-media,
    .ht-feature-section .ht-feature-bg-img {
        min-height: 300px;
    }
}

.ht-feature-list {
    margin: 2rem -12px 0 -12px;
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: 991px) {
    .ht-feature-item {
        text-align: center;
        padding: 1rem;
        border: 1px solid var(--border-color);
        border-radius: 12px;
    }
}

.ht-feature-item:hover .ht-feature-item-icon img {
    animation: bounceIn;
    animation-duration: 1s;
}


.ht-feature-item .ht-feature-item-icon {
    width: 70px;
    height: 70px;
    position: relative;
    z-index: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: var(--primary);
    font-size: 3rem;
    line-height: 1;
}

.ht-feature-item .ht-feature-item-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-item .ht-feature-item-icon img {
    max-width: 45px;
    max-height: 45px;
}

.ht-feature-item .ht-feature-item-content {
    width: 100%;
    margin-top: 1.25rem;
}

@media (max-width: 575px) {
    .ht-feature-item .ht-feature-item-icon {
        width: 50px;
        height: 50px;
    }

    .ht-feature-item .ht-feature-item-icon img {
        max-width: 30px;
        max-height: 30px;
    }
}

/* === feature css end === */
/* === property css start === */
.ht-property-section {
    background-color: var(--surface);
}

.ht-property {
    padding: 12px;
    background-color: #fff;
    border-radius: 16px;
    height: 100%;
    display: flex;
    flex-flow: column;
}

.ht-property-thumb {
    position: relative;
    height: 300px;
    border-radius: 12px;
    overflow: hidden;
}

@media (max-width: 1399px) {
    .ht-property-thumb {
        height: 250px;
    }
}

.ht-property-thumb img {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: center center;
    transition: all 0.5s;
}

.ht-property:hover .ht-property-thumb img {
    transform: scale(1.2, 1.2);
}

.ht-property-thumb .ht-property-thumb-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px 12px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 8px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent);
    border-radius: 12px;
}

.ht-property-bookmark-btn {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 35px;
    height: 35px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ht-property-bookmark-btn.bookmarked {
    background-color: #fff;
    color: var(--primary);
}

.property-capital-badge {
    position: absolute;
    top: 16px;
    left: 12px;
    background-color: #fff;
    color: var(--display-color);
    font-size: 12px;
    padding: 2px 12px;
    border-radius: 4px;
}

.property-capital-badge.capital-yes {
    background-color: var(--success);
    color: #fff;
}

.property-capital-badge.capital-no {
    background-color: var(--danger);
    color: #fff;
}

.ht-property-content {
    padding: 16px 8px 8px 8px;
    display: flex;
    flex-flow: column;
    flex-grow: 1;
}

.ht-property-short-info {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    margin-inline: -12px;
}

.ht-property-short-info li {
    width: calc(100% / 2);
    position: relative;
    padding-inline: 12px;
}

@media (min-width: 576px) {
    .ht-property-short-info li {
        width: calc(100% / 3);
    }
}

@media (min-width: 768px) {
    .ht-property-short-info li {
        width: calc(100% / 2);
    }
}

@media (min-width: 992px) {
    .ht-property-short-info li {
        width: calc(100% / 3);
    }
}

.ht-property-short-info li::after {
    position: absolute;
    content: '';
    top: 50%;
    right: 0;
    width: 1px;
    height: 30px;
    margin-top: -15px;
    background-color: #ddd;
}

@media (max-width: 991px) {
    .ht-property-short-info li:nth-child(2)::after {
        display: none;
    }
}

.ht-property-short-info li:last-child::after {
    display: none;
}

.ht-property-short-info li span {
    font-size: 12px;
}

.ht-property-short-info li p {
    font-size: 12px;
    color: var(--display-color);
    font-weight: 500;
}

@media (min-width: 1400px) {
    .ht-property-short-info li p {
        font-size: 14px;
    }
}

/* === property css end === */

/* property category section css start */
.ht-property-category-section {
    background-color: #f4f4f4;
}

@media (min-width: 1200px) {
    .property-category-items-wrapper:not(.grid-style) .ht-property {
        flex-flow: row;
    }

    .property-category-items-wrapper:not(.grid-style) .ht-property-thumb {
        width: 40%;
        height: 100%;
    }

    .property-category-items-wrapper:not(.grid-style) .ht-property-thumb img {
        height: 100%;
    }

    .property-category-items-wrapper:not(.grid-style) .ht-property-content {
        width: 60%;
        padding: 8px 8px 8px 20px;
    }
}

.property-short-filter-box {
    padding: 16px;
    border: 1px solid var(--border-color);
    border-radius: 12px;
    background-color: #fff;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
}

.property-short-filter-select {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 2px 10px;
    border: 1px solid var(--border-color);
    border-radius: 8px;
}

.property-short-filter-select i {
    color: var(--display-color);
    margin-right: -10px;
    position: relative;
}

.property-short-filter-select .form-select {
    border: none;
}

.property-sidebar {
    padding: 24px;
    background-color: #fff;
    border-radius: 16px;
    padding: 24px;
    background-color: #fff;
    border-radius: 16px;
    position: sticky;
    top: 100px;
}

.property-sidebar-close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 35px;
    height: 35px;
    font-size: 24px;
}

.property-sidebar .badge.bg-secondary {
    background-color: var(--surface) !important;
    color: var(--body-color);
}

.price-range {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.price-range input {
    width: 150px;
    text-align: right;
    font-weight: 500;
}

.price-range-slider {
    background-color: #e3e3e3;
    border: none !important;
    border-radius: 999px;
    height: 8px;
}

.price-range-slider .ui-slider-range {
    background-color: var(--primary);
}

.price-range-slider .ui-slider-handle {
    width: 16px;
    height: 16px;
    border: 2px solid #fff;
    background: var(--primary);
    border-radius: 50%;
}

.no-result-found {
    padding: 100px 40px;
    background-color: #fff;
    display: flex;
    flex-flow: column;
    align-items: center;
    text-align: center;
    justify-content: center;
    border: 1px solid var(--border-color);
    border-radius: 12px;
}

.no-result-found .icon {
    color: var(--primary);
    font-size: 72px;
    line-height: 1;
}

@media (max-width: 991px) {
    .property-sidebar {
        position: fixed;
        top: 0;
        left: -110%;
        width: 240px;
        border-radius: 0;
        height: 100vh;
        overflow-y: auto;
        overflow-x: hidden;
        z-index: 99999;
        box-shadow: 10px 0 10px rgba(0, 0, 0, 0.05);
        padding: 16px;
        transition: all 0.3s;
    }

    .property-sidebar.sidebar-open {
        left: 0;
    }

    .input-group {
        display: block !important;
    }

    .input-group .form-control {
        width: 100%;
        border-radius: 6px !important;
        margin-bottom: 10px;
    }

    .input-group .input-group-text {
        justify-content: center;
        border-radius: 6px !important;
    }

    .select2-container {
        z-index: 99999;
    }
}

/* property category section css end */

/* property details css start */
.ht-property-details-section {
    background-color: #f4f4f4;
}

.property-details-thumb-item {
    aspect-ratio: 16 / 9;
    height: auto;
    min-height: 280px;
    max-height: 520px;
    padding: 24px;
    background-color: #fff;
    border-radius: 16px;
    overflow: hidden;
}

.property-details-thumb-item img {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: center center;
}

.property-details-title {
    font-size: 28px;
}

.property-details-content-part {
    padding: 24px;
    background-color: #fff;
    border-radius: 16px;
}

.property-amenities {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.property-amenities .icon {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: var(--primary);
}

.property-amenities .icon::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary);
    border-radius: 4px;
    opacity: 0.15;
}

.property-amenities .content {
    width: calc(100% - 40px);
    padding-left: 12px;
}

.property-amenities .content h6 {
    font-weight: 500;
    font-size: 14px;
}

.property-amenities .content p {
    font-size: 14px;
}

.property-details-map {
    border-radius: 16px;
    overflow: hidden;
}

.property-details-map iframe {
    width: 100%;
    height: 450px;
    border: none;
}

.property-gallery-item {
    position: relative;
    height: 260px;
}

.property-gallery-item:hover::before {
    opacity: 0.45;
}

.property-gallery-item::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    border-radius: 12px;
    transition: all 0.3s;
}

.property-gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    border-radius: 12px;
}

.property-gallery-item a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 28px;
    opacity: 0;
    transition: all 0.3s;
    transition-delay: 0.1s;
}

.property-gallery-item:hover a {
    opacity: 1;
}

.property-gallery-slider .property-gallery-slide {
    height: auto;
    padding: 0 12px;
}

.property-gallery-slider .slick-list {
    margin: 0 -12px;
}

.property-gallery-slider .slick-arrow {
    position: absolute;
    width: 26px;
    height: 26px;
    top: -50px;
    background-color: #f4f4f4;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    transition: all 0.3s;
}

.property-gallery-slider .slick-arrow:hover {
    background-color: var(--primary);
    color: #fff;
}

.property-gallery-slider .slick-arrow.prev {
    right: 36px;
}

.property-gallery-slider .slick-arrow.next {
    right: 0;
}

.property-details-video {
    position: relative;
    aspect-ratio: 16 / 9;
    height: auto;
    min-height: 220px;
    max-height: 440px;
    overflow: hidden;
    border-radius: 16px;
}

.property-details-video::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.45;
    border-radius: 16px;
}

.property-details-video img {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: center center;
}

.property-details-video .video-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 28px;
    width: 65px;
    height: 65px;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 50%;
}

.property-details-video .video-icon:hover {
    background-color: var(--primary);
    border-color: var(--primary);
    color: #fff;
}

.property-overview-card {
    padding: 24px;
    background-color: #fff;
    border-radius: 16px;
}

.property-overview-card .title {
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 8px;
}

.property-overview-list {
    margin-top: 20px;
    padding: 12px;
    background-color: #f4f4f4;
    border-radius: 12px;
}

.property-overview-list li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 14px;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px dashed var(--border-color);
}

.property-overview-list li:first-child {
    padding-top: 0;
}

.property-overview-list li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.property-overview-list .details {
    color: var(--display-color);
    font-weight: 600;
}

.short-investor-list {
    margin-top: 24px;
}

.short-investor-list .short-investor-single:first-child {
    padding-top: 0;
}

.short-investor-list .short-investor-single:last-child {
    padding-bottom: 0;
}

.short-investor-single {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 12px 0;
}

.short-investor-single .thumb {
    width: 50px;
    height: 50px;
}

.short-investor-single .thumb img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
    -o-object-fit: cover;
}

.short-investor-single .content {
    width: calc(100% - 50px);
    padding-left: 16px;
}

.short-investor-single .name {
    font-size: 16px;
}

.latest-property-single .thumb {
    position: relative;
    height: 230px;
}

.latest-property-single .thumb::before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent);
    border-radius: 12px;
}

.latest-property-single .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    border-radius: 12px;
}

.latest-property-single .thumb-content {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 16px;
    z-index: 1;
    color: #fff;
    font-weight: 500;
}

.latest-property-single .content {
    margin-top: 16px;
    padding-inline: 16px;
}

.latest-property-slider .slick-dots {
    display: flex;
    justify-content: center;
    margin-top: 8px;
    gap: 6px;
}

.latest-property-slider .slick-dots li.slick-active button {
    background-color: var(--primary);
    width: 30px;
    border-radius: 99px;
}

.latest-property-slider .slick-dots li button {
    padding: 0;
    font-size: 0;
    width: 10px;
    height: 10px;
    background-color: #eae7e7;
    border-radius: 50%;
    transition: all 0.3s;
}

.slick-slide {
    height: auto;
}

@media (max-width: 1399px) {
    .property-details-title {
        font-size: 24px;
    }

    .property-gallery-item {
        height: 220px;
    }

    .property-details-map iframe {
        height: 350px;
    }
}

@media (max-width: 1199px) {
    .property-details-title {
        font-size: 20px;
    }

    .property-gallery-item {
        height: 150px;
    }

    .property-details-map iframe {
        height: 280px;
    }

    .property-details-thumb-item {
        max-height: 420px;
    }
}

@media (max-width: 575px) {
    .property-details-video .video-icon {
        width: 44px;
        height: 44px;
    }

    .property-overview-card,
    .property-details-thumb-item,
    .property-details-content-part {
        padding: 16px;
    }

    .property-details-thumb-item {
        max-height: 240px;
        min-height: 180px;
    }
}

/* property details css end */


/* === calculator css start === */
.ht-calculator-section {
    position: relative;
    z-index: 1;
}

.ht-calculator-section::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 35%;
    background-color: var(--surface);
    z-index: -1;
}

.ht-calculator-wrapper {
    position: relative;
    background-color: #fff;
    border-radius: 24px;
    padding: 40px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    z-index: 1;
}

@media (max-width: 1199px) {
    .ht-calculator-wrapper {
        padding: 24px;
    }
}

@media (max-width: 575px) {
    .ht-calculator-wrapper {
        padding: 20px;
    }

    .ht-calculator-item span {
        font-size: 14px;
    }
}

.ht-calculator-part {
    padding: 24px;
    background-color: #fff;
    border-radius: 20px;
    position: relative;
    border: 1px solid var(--border-color);
}

.ht-calculator-part::after {
    position: absolute;
    content: "\f138";
    top: 50%;
    right: -90px;
    transform: translateY(-50%);
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-size: 36px;
    color: var(--primary);
}

.ht-calculator-overview {
    position: relative;
    background-color: var(--primary);
    border-radius: 24px 24px 20px 20px;
}

.ht-calculator-overview-inner {
    position: absolute;
    top: 0;
    left: 0;
}

.ht-calculator-overview-top {
    padding: 24px;
    background-color: var(--surface);
    border-radius: 20px;
}

.ht-calculator-overview-top .title {
    position: relative;
}

.ht-calculator-overview-top .title::after {
    position: absolute;
    content: '';
    bottom: -6px;
    left: 0;
    width: 35px;
    height: 2px;
    background-color: var(--primary);
}

.ht-calculator-overview-top-list li {
    font-size: 14px;
}

.ht-calculator-overview-top-list li+li {
    margin-top: 8px;
}

.ht-calculator-overview-bottom {
    padding: 24px;
}

.ht-calculator-overview-bottom-items {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.ht-calculator-overview-bottom-items::before {
    position: absolute;
    content: '';
    top: 50%;
    right: 50%;
    width: 1px;
    height: 36px;
    margin-top: -18px;
    background-color: #fff;
    opacity: 0.25;
}

.ht-calculator-overview-bottom-item {
    width: 50%;
}

.ht-calculator-overview-bottom-item:nth-child(1) {
    padding-right: 12px;
}

.ht-calculator-overview-bottom-item:nth-child(2) {
    padding-left: 12px;
    text-align: right;
}

/* === calculator css end === */


/* === trading css start === */

.ht-calculator-section+.ht-trading-section {
    padding-top: 0 !important;
}

.ht-trading-section {
    position: relative;
    z-index: 1;
}

.ht-trading-section::before {
    position: absolute;
    content: '';
    bottom: 5%;
    left: -18%;
    width: 750px;
    height: 550px;
    background: var(--primary);
    background: radial-gradient(circle, var(--primary) -6%, #fff 65%);
    border-radius: 50%;
    opacity: 0.18;
    z-index: -1;
}

.ht-trading-section::after {
    position: absolute;
    content: '';
    top: 5%;
    right: -18%;
    width: 750px;
    height: 550px;
    background: var(--primary);
    background: radial-gradient(circle, var(--primary) -6%, #fff 65%);
    border-radius: 50%;
    opacity: 0.18;
    z-index: -1;
}

.ht-trading-section .ht-trading-view-area {
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);
}

.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);
}

.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;
    z-index: 1;
}

.ht-how-work-section::before {
    position: absolute;
    content: '';
    bottom: 5%;
    left: -18%;
    width: 750px;
    height: 550px;
    background: var(--primary);
    background: radial-gradient(circle, var(--primary) -6%, #fff 65%);
    border-radius: 50%;
    opacity: 0.18;
    z-index: -1;
}

.ht-how-work-section::after {
    position: absolute;
    content: '';
    top: 5%;
    right: -18%;
    width: 750px;
    height: 550px;
    background: var(--primary);
    background: radial-gradient(circle, var(--primary) -6%, #fff 65%);
    border-radius: 50%;
    opacity: 0.18;
    z-index: -1;
}

.ht-how-work-item {
    position: relative;
    padding: 24px 24px 24px 40px;
    background-color: #fff;
    border-radius: 12px;
    z-index: 1;
    transition: all 0.3s;
    border: 1px solid var(--border-color);
    margin-left: 22px;
}

.ht-how-work-item:hover {
    border-color: var(--primary);
}

.ht-how-work-item .ht-how-work-item-number {
    position: absolute;
    top: 50%;
    left: -22px;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    background-color: var(--primary);
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ht-how-work-thumb {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    object-fit: cover;
    -o-object-fit: cover;
}

@media (max-width: 575px) {
    .ht-how-work-item {
        padding: 16px 16px 16px 30px;
    }

    .ht-how-work-item .ht-how-work-item-number {
        width: 40px;
        height: 40px;
    }
}

/* === how work css end === */

/* === referral css start === */
.ht-referral-section {
    position: relative;
}

.ht-referral-section::before {
    position: absolute;
    content: '';
    bottom: 5%;
    left: -18%;
    width: 750px;
    height: 550px;
    background: var(--primary);
    background: radial-gradient(circle, var(--primary) -6%, #fff 65%);
    border-radius: 50%;
    opacity: 0.12;
    z-index: -1;
}

.ht-referral-section::after {
    position: absolute;
    content: '';
    top: 5%;
    right: -18%;
    width: 750px;
    height: 550px;
    background: var(--primary);
    background: radial-gradient(circle, var(--primary) -6%, #fff 65%);
    border-radius: 50%;
    opacity: 0.12;
    z-index: -1;
}

.ht-referral-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.ht-referral-item .icon {
    width: 50px;
    height: 50px;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.25rem;
    color: var(--primary);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    background-color: var(--body-bg);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s;
}

.ht-referral-item:hover {
    transform: translateY(-5px);
}

.ht-referral-item .icon {
    width: 65px;
    height: 65px;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.25rem;
    color: var(--primary);
}

.ht-referral-item .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%;
    opacity: 0.15;
    z-index: -1;
}

.ht-referral-item .content {
    width: calc(100% - 50px);
    padding-inline-start: 1.25rem;
    width: 100%;
    padding-block-start: 1.25rem;
}

.ht-referral-item .content h4 {
    font-size: 1.25rem;
}

@media (max-width: 991px) {
    .ht-referral-item {
        justify-content: center;
        text-align: center;
        padding: 1rem;
        border: 1px solid var(--border-color);
        border-radius: 12px;
    }

    .ht-referral-item .content {
        width: 100%;
        padding-inline-start: 0;
        margin-top: 1rem;
    }

    .ht-referral-item .content h4 {
        font-size: 1rem;
    }
}

/* === referral css end === */
/* === top investors css start === */
.ht-top-investors {
    background-color: var(--surface);
    position: relative;
    z-index: 1;
}

.ht-top-investors-line-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    opacity: 0.15;
}

.ht-top-investor-item {
    padding: 12px;
    background-color: #fff;
    border-radius: 16px;
    transition: all 0.3s;
}

.ht-top-investor-item:hover {
    transform: translateY(-10px);
}

.ht-top-investor-item-thumb {
    height: 200px;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

@media (min-width: 1200px) {
    .ht-top-investor-item-thumb {
        height: 250px;
    }
}

.ht-top-investor-item-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: top;
    -o-object-position: top;
}

.top-investor-rank {
    position: absolute;
    top: 12px;
    right: 12px;
}

.top-investor-rank-icon {
    font-size: 32px;
    line-height: 1;
    color: var(--primary);
    position: relative;
    z-index: 1;
}

.top-investor-rank-icon::after {
    position: absolute;
    content: '';
    top: 8px;
    left: 10px;
    width: 10px;
    height: 20px;
    background-color: #fff;
    z-index: -1;
}

.top-investor-rank-text {
    padding: 0px 7px 0px 8px;
    background-color: var(--primary);
    color: #fff;
    font-size: 12px;
    margin-left: -8px;
    margin-top: 6px;
    border-radius: 0 4px 4px 0;
}

.ht-top-investor-item-content {
    padding: 16px 8px 4px 8px;
}

/* === top investors css end === */
/* === faq css start === */
.ht-faq-section {
    position: relative;
    z-index: 1;
}

.ht-faq-section::before {
    position: absolute;
    content: '';
    bottom: 5%;
    left: -18%;
    width: 750px;
    height: 550px;
    background: var(--primary);
    background: radial-gradient(circle, var(--primary) -6%, #fff 65%);
    border-radius: 50%;
    opacity: 0.12;
    z-index: -1;
}

.ht-faq-section::after {
    position: absolute;
    content: '';
    top: 5%;
    right: -18%;
    width: 750px;
    height: 550px;
    background: var(--primary);
    background: radial-gradient(circle, var(--primary) -6%, #fff 65%);
    border-radius: 50%;
    opacity: 0.12;
    z-index: -1;
}


.ht-faq-thumb {
    margin-block: 40px;
}

@media (max-width: 991px) {
    .ht-faq-content-wrapper {
        text-align: center;
    }
}

.ht-faq-btn {
    padding: 10px 20px;
    background-color: #fff;
    border-radius: 99px;
    color: var(--primary);
    font-size: 14px;
    font-weight: 500;
    border-radius: 99px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}

/* === faq css end === */
/* === testimonial css start === */
.ht-testimonial-section {
    background-color: var(--surface);
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.ht-testimonial-section-line-bg {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    z-index: -1;
    opacity: 0.05;
}

.ht-testimonial-item {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 280px;
    padding: 16px;
    padding-bottom: 48px;
    background-color: #fff;
    border-radius: 16px;
    z-index: 1;
}

@media (min-width: 575px) {
    .ht-testimonial-item {
        padding: 24px;
        padding-bottom: 56px;
        min-height: 300px;
    }
}

.ht-testimonial-item-details {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    overflow: hidden;
    flex-grow: 1;
    line-height: 1.65;
}

.ht-testimonial-client {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.ht-testimonial-client .thumb {
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 12px;
}

.ht-testimonial-client .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: top;
    -o-object-position: top;
}

.ht-testimonial-client .content {
    width: calc(100% - 80px);
    padding-left: 16px;
}

.ht-testimonial-star {
    color: #fcb80f;
    font-size: 14px;
}

.ht-testimonial-icon {
    position: absolute;
    bottom: 20px;
    right: 20px;
    font-size: 60px;
    line-height: 1;
    opacity: 0.1;
    z-index: -1;
}

.ht-testimonial-slider .ht-single-slide {
    padding: 0 15px;
    height: auto;
}

.ht-testimonial-slider .slick-track {
    display: flex !important;
    align-items: stretch;
}

.ht-testimonial-slider .slick-slide {
    height: auto;
    float: none;
}

.ht-testimonial-slider .slick-slide > div,
.ht-testimonial-slider .ht-single-slide {
    height: 100%;
}

.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: #e2e2e2;
    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-section {
    position: relative;
    z-index: 1;
}

.ht-blog-section::before {
    position: absolute;
    content: '';
    bottom: 5%;
    left: -18%;
    width: 750px;
    height: 550px;
    background: var(--primary);
    background: radial-gradient(circle, var(--primary) -6%, #fff 65%);
    border-radius: 50%;
    opacity: 0.12;
    z-index: -1;
}

.ht-blog-section::after {
    position: absolute;
    content: '';
    top: 5%;
    right: -18%;
    width: 750px;
    height: 550px;
    background: var(--primary);
    background: radial-gradient(circle, var(--primary) -6%, #fff 65%);
    border-radius: 50%;
    opacity: 0.12;
    z-index: -1;
}


.ht-blog-post {
    background-color: #fff;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    box-shadow: 0 0px 15px #0000001c;
}

.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: 245px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.ht-blog-post-thumb a {
    height: 100%;
}

.ht-blog-post-thumb img {
    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;
    -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: #fff;
    backdrop-filter: blur(10px);
    padding: 0.625rem;
    align-items: center;
    box-shadow: none;
    box-shadow: 0 0px 10px #00000017;
}

.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(0, 0, 0, 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;
    line-height: 1;
}

.ht-blog-post-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 16px;
    margin-top: 12px;
    border-top: 1px solid var(--border-color);
    line-height: 1;
}

.ht-blog-post-btn .icon {
    font-size: 20px;
    line-height: 1;
}

/* === 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;
    background-size: cover;
    background-repeat: no-repeat;
}

.ht-auth::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.85), transparent);
    backdrop-filter: blur(2px);
    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: #fff;
    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;
    border: 1px solid var(--border-color);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

@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 .password-field-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--placeholder-color);
}

.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: #fff;
    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;
    border: 1px solid var(--border-color);
}

.ht-trading-view-area .action-part {
    width: 100%;
    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: 100%;
    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: #fff;
}

.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: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    -ms-border-radius: 0 0 8px 8px;
    -o-border-radius: 0 0 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(--primary) !important;
    background-image: none !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.buy-sell-radio-fill .form-check .form-check-input:checked~.form-check-label i {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.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.25rem 0.625rem;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    background-color: #fff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border: 1px solid rgba(0, 0, 0, 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(--light);
    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: #fff;
    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;
    background-color: #fff;
    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: #fff;
    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: #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;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.05);
    font-size: 1.375rem;
}

.crypto-exchange-top-overview {
    background-color: #fff;
    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: #f1f5f9;
}

/* === transaction css end === */

/* bonus box section css start */
.ht-bonus-section {
    background-color: var(--surface);
    position: relative;
    z-index: 1;
}

.ht-bonus-section-line-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    opacity: 0.05;
}

.bonus-plan-box-wrapper div[data-bs-toggle="tab"].active .bonus-plan-box {
    border-color: var(--primary);
    box-shadow: 0 6px 10px #0000001a;
}

.bonus-plan-box-wrapper div[data-bs-toggle="tab"].active .bonus-plan-box::after {
    opacity: 0.15;
}

.bonus-plan-box-wrapper div[data-bs-toggle="tab"].active .bonus-plan-box .icon {
    background-color: #fff;
}

.bonus-plan-box {
    padding: 24px;
    border-radius: 12px;
    background-color: #fff;
    border: 1px solid var(--border-color);
    position: relative;
    z-index: 1;
}

@media (max-width: 1199px) {
    .bonus-plan-box {
        padding: 16px;
    }
}

.bonus-plan-box::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, var(--primary), transparent);
    border-radius: 12px;
    opacity: 0;
    z-index: -1;
}

.bonus-plan-box .icon {
    width: 55px;
    height: 55px;
    background-color: #f1f1f1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: var(--primary);
    font-size: 32px;
    line-height: 1;
}

.bonus-plan-box-require-list li+li {
    margin-top: 8px;
}

.bonus-plan-box-require-list li {
    display: flex;
    align-items: center;
    gap: 8px;
}

.bonus-plan-box-require-list li i {
    color: var(--primary);
}

.bonus-plan-box-require-list li span {
    font-size: 14px;
}

.bonus-plan-box-require-list li span:last-child {
    margin-left: auto;
    font-weight: 500;
    color: var(--display-color);
}

/* bonus box section 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: 200px;
}

.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: #fff;
    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: var(--display-color);
    font-weight: 500;
}

@media (min-width: 576px) {
    .timer-countdown>div {
        font-size: 1.5rem;
        padding: 1rem 0.5rem;
        background-color: var(--surface);
        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;
        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: #000;
    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: var(--body-color);
}

@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: #fff;
    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: var(--surface);
    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;
    text-align: center;
    margin-bottom: 0.9375rem;
}

@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: #000;
    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: var(--body-color);
}

@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: #fff;
    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: var(--surface);
    border: 1px solid rgba(0, 0, 0, 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;
    z-index: 1;
}

.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: var(--display-color);
}

.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 css start */
.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;
}

/* no data css end */

/* membership css start */
.ht-membership-section {
    background-color: var(--surface);
    position: relative;
    z-index: 1;
}

.ht-membership-section-line-bg {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    z-index: -1;
    opacity: 0.05;
}

.membership-item {
    display: flex;
    flex-flow: column;
    background-color: #fff;
    padding: 20px;
    border-radius: 16px;
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.05);
    height: 100%;
    border: 1px solid #fff;
}

.membership-item[data-recommended] {
    position: relative;
    border-color: var(--primary);
}

.membership-item[data-recommended]::after {
    position: absolute;
    content: attr(data-recommended);
    top: 26px;
    right: 20px;
    font-size: 12px;
    padding: 4px 12px;
    background-color: var(--primary);
    color: #fff;
    border-radius: 99px;
}

.membership-item-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.membership-item-top .icon {
    position: relative;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    color: var(--primary);
    font-size: 22px;
    line-height: 1;
}

.membership-item-top .icon::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary);
    opacity: 0.2;
    border-radius: 50%;
    z-index: -1;
}

.membership-item-top .content {
    width: 100%;
    padding-top: 16px;
}

.membership-item-price {
    padding: 16px 0;
    border-bottom: 1px solid var(--border-color);
}

.membership-item-price .price {
    font-size: 28px;
}

.membership-item-price .price sub {
    font-weight: 400;
    color: var(--body-color);
    font-size: 48%;
    bottom: 0;
}

.membership-item-feature-list {
    margin-block: 24px;
}

.membership-item-feature-list li+li {
    margin-top: 14px;
}

.membership-item-feature-list li {
    position: relative;
    padding-left: 24px;
}

.membership-item-feature-list li::before {
    position: absolute;
    content: "\eb81";
    top: -3px;
    left: 0;
    font-family: remixicon !important;
    font-style: normal;
    color: var(--primary);
    font-size: 20px;
}

@media (max-width: 1199px) {
    .membership-item-feature-list li {
        font-size: 14px;
    }

    .membership-item-feature-list li::before {
        font-size: 18px;
    }

    .membership-item-price .price {
        font-size: 22px;
    }

    .membership-item-top .content h4 {
        font-size: 18px;
    }
}

/* membership css end */