@import url('https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&family=Outfit:wght@100..900&display=swap');

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
} 

html {
    font-family: 'Chivo', sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    height: 100%;
    scroll-behavior: smooth;
}

body {
    margin: 0;
    min-height: 100%;
    font-family: 'Chivo', sans-serif;
    background-color: #0f0f0f;
    font-size: 14px;
    color: #333;
    background-color: black;
    background-image: linear-gradient(rgba(168, 85, 247, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(168, 85, 247, 0.1) 1px, transparent 1px);
    background-size: 50px 50px;
    background-position: center center;
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

.w-block {
    display: block
}


html[data-w-dynpage] [data-w-cloak] {
    color: transparent !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
}

h1 {
    font-size: 38px;
    line-height: 44px;
    margin-top: 20px
}

h2 {
    font-size: 32px;
    line-height: 36px;
}

h3 {
    font-size: 24px;
    line-height: 30px;
    margin-top: 20px
}

h4 {
    font-size: 18px;
    line-height: 24px;
    margin-top: 10px
}

h5 {
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px
}

h6 {
    font-size: 12px;
    line-height: 18px;
    margin-top: 10px
}

p {
    margin-top: 0;
    margin-bottom: 10px
}

ul {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 40px;
    list-style: disc;
}

.w-list-unstyled {
    padding-left: 0;
    list-style: none
}

.w-video {
    width: 100%;
    position: relative;
    padding: 0
}

[type=button],
[type=reset],
button {
    border: 0;
    cursor: pointer
}

.w-form {
    margin: 0 0 15px
}

label {
    display: block;
    margin-bottom: 5px;
    font-weight: 700
}

.hero-img{
    width: 100%;
}

@keyframes updown {
    0% {
      -webkit-transform: translate(0, 0);
    }
  
    50% {
      -webkit-transform: translate(0, 20px);
    }
  
    100% {
      -webkit-transform: translate(0, 0);
    }
}


nav {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: #1a202633;
}

footer {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    /* background-color: #1a202633; */
    background-color: #0e0715;
    position: relative;
    overflow: hidden;
    border: 1px solid #6b4f7b36;
    border-radius: 16px;
    margin-top: 60px;
    margin-bottom: 20px;
}

footer > .footer-img{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-image: url(../images/footer-img.svg);
    background-size: cover;
    background-position: top;
    height: 100%;
}

.w-input {
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc
}

.w-input:-moz-placeholder {
    color: #999
}

.w-input::-moz-placeholder {
    color: #999;
    opacity: 1
}

.w-input:-ms-input-placeholder {
    color: #999
}

.w-input::-webkit-input-placeholder {
    color: #999
}

.w-input:focus {
    border-color: #3898ec;
    outline: 0
}

.w-input[disabled],
.w-input[readonly] {
    cursor: not-allowed
}

.w-input[disabled]:not(.w-input-disabled),
.w-input[readonly] {
    background-color: #eee
}

.w-form-label {
    display: inline-block;
    cursor: pointer;
    font-weight: 400;
    margin-bottom: 0
}

.w-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 940px
}

.w-container:after,
.w-container:before {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2
}

.w-container:after {
    clear: both
}

.w-container .w-row {
    margin-left: -10px;
    margin-right: -10px
}

.w-row:after,
.w-row:before {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2
}

.w-row:after {
    clear: both
}

.w-row .w-row {
    margin-left: 0;
    margin-right: 0
}

.w-col {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px
}

.w-col .w-col {
    padding-left: 0;
    padding-right: 0
}

.w-col-1 {
    width: 8.33333333%
}

.w-col-2 {
    width: 16.66666667%
}

.w-col-3 {
    width: 25%
}

.w-col-4 {
    width: 33.33333333%
}

.w-col-5 {
    width: 41.66666667%
}

.w-col-6 {
    width: 50%
}

.w-col-7 {
    width: 58.33333333%
}

.w-col-8 {
    width: 66.66666667%
}

.w-col-9 {
    width: 75%
}

.w-col-10 {
    width: 83.33333333%
}

.w-col-11 {
    width: 91.66666667%
}

.w-col-12 {
    width: 100%
}

@media screen and (max-width:991px) {
    .w-container {
        max-width: 728px
    }
}

@media screen and (max-width:767px) {

    .w-container .w-row,
    .w-row {
        margin-left: 0;
        margin-right: 0
    }

    .w-col {
        width: 100%;
        left: auto;
        right: auto
    }

    .w-col-small-1 {
        width: 8.33333333%
    }

    .w-col-small-2 {
        width: 16.66666667%
    }

    .w-col-small-3 {
        width: 25%
    }

    .w-col-small-4 {
        width: 33.33333333%
    }

    .w-col-small-5 {
        width: 41.66666667%
    }

    .w-col-small-6 {
        width: 50%
    }

    .w-col-small-7 {
        width: 58.33333333%
    }

    .w-col-small-8 {
        width: 66.66666667%
    }

    .w-col-small-9 {
        width: 75%
    }

    .w-col-small-10 {
        width: 83.33333333%
    }

    .w-col-small-11 {
        width: 91.66666667%
    }

    .w-col-small-12 {
        width: 100%
    }
}

@media screen and (max-width:479px) {
    .w-container {
        max-width: none
    }

    .w-col {
        width: 100%
    }

    .hero-section{
        padding-top: 20px !important;
    }
}

.w-background-video {
    position: relative;
    overflow: hidden;
    height: 500px;
    color: #fff
}

.w-background-video>video {
    background-size: cover;
    background-position: 50% 50%;
    position: absolute;
    margin: auto;
    width: 100%;
    height: 100%;
    right: -100%;
    bottom: -100%;
    top: -100%;
    left: -100%;
    object-fit: cover;
    z-index: -100
}

.w-background-video>video::-webkit-media-controls-start-playback-button {
    display: none !important
}

.w-background-video--control {
    position: absolute;
    bottom: 1em;
    right: 1em;
    background-color: transparent;
    padding: 0
}

.w-background-video--control>[hidden] {
    display: none !important
}

.w-slider {
    position: relative;
    height: 300px;
    text-align: center;
    background: #ddd;
    clear: both;
    -webkit-tap-highlight-color: transparent
}

.w-slide {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
    white-space: normal;
    text-align: left
}

.w-slider-nav {
    position: absolute;
    z-index: 2;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    padding-top: 10px;
    height: 40px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.w-icon-slider-left,
.w-icon-slider-right {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 1em;
    height: 1em
}

.w-slider-aria-label {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

@media screen and (max-width:767px) {
    .w-nav-brand {
        padding-left: 10px
    }
}

.w-nav {
    position: relative;
    background: #ddd;
    z-index: 1000
}

.w-nav:after,
.w-nav:before {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2
}

.w-nav:after {
    clear: both
}

.w-nav-brand {
    position: relative;
    float: left;
    text-decoration: none;
    color: #333
}

.w-nav-link {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    color: #222;
    padding: 20px;
    text-align: left;
    margin-left: auto;
    margin-right: auto
}

[data-nav-menu-open] {
    display: block !important;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #c8c8c8;
    text-align: center;
    overflow: visible;
    min-width: 200px
}

.w-nav[data-animation=over-left] [data-nav-menu-open] {
    right: auto;
    z-index: 1;
    top: 0
}

.w-nav[data-animation=over-right] [data-nav-menu-open] {
    left: auto;
    z-index: 1;
    top: 0
}

.w-nav-button {
    position: relative;
    float: right;
    padding: 18px;
    font-size: 24px;
    display: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.w-nav-button:focus {
    outline: 0
}

.w-nav[data-collapse=all] .w-nav-button {
    display: block
}

@media screen and (max-width:991px) {
    .w-nav[data-collapse=medium] .w-nav-button {
        display: block
    }
}

@media screen and (max-width:767px) {
    .w-nav[data-collapse=small] .w-nav-button {
        display: block
    }

    .w-nav-brand {
        padding-left: 10px
    }
}

@media screen and (max-width:479px) {
    .w-nav[data-collapse=tiny] .w-nav-button {
        display: block
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.navbar-container {
    display: -ms-grid;
    display: grid;
    max-width: 1300px;
    min-height: 80px;
    margin-right: 50px;
    margin-left: 40px;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    grid-auto-columns: 1fr;
    grid-column-gap: 0;
    grid-row-gap: 16px;
    -ms-grid-columns: .3fr 1fr -webkit-max-content;
    -ms-grid-columns: .3fr 1fr max-content;
    grid-template-columns: .3fr 1fr -webkit-max-content;
    grid-template-columns: .3fr 1fr max-content;
    -ms-grid-rows: auto;
    grid-template-rows: auto
}

.navbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0px;
    width: 100%;
    z-index: 999;
    display: flex;
    align-items: center;
    padding-left: 25px;
}

.nav-contents {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 20px 0px;
}

.nav-link {
    color: #fff;
    line-height: 24px
}

.div-block {
    margin-right: -33px
}

.hero-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 120px;
    padding-bottom: 100px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.hero-tittle-wrapper {
    display: flex
;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    max-width: 800px;
    margin: auto;
}

.bg-right {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}

.bg-left{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    rotate: 180deg;
}

section.banners {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
    padding-bottom: 50px;
    flex-wrap: wrap
}

section.banners img {
    width: auto;
    height: 100px
}

.hero-container {
    max-width: 1295px;
    margin-right: 25px;
    margin-left: 50px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    grid-auto-columns: 1fr;
    grid-column-gap: 0;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr -webkit-max-content;
    -ms-grid-columns: 1fr max-content;
    grid-template-columns: 1fr -webkit-max-content;
    grid-template-columns: 1fr max-content;
    -ms-grid-rows: auto;
    grid-template-rows: auto
}

.heading-1 {
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
    font-size: 62px;
    line-height: 66px;
    font-weight: 700
}

.heading-1.a-h-heading {
    margin-bottom: 40px;
    text-align: center
}

.heading-1.p-h-heading {
    max-width: 700px;
    color: #fff;
    text-align: center
}

.body-1 {
    margin-bottom: 0;
    font-family: 'Excon variable', sans-serif;
    color: #fff;
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    text-align: center
}

.body-1.hero-paragraph {
    margin-top: 24px;
    margin-bottom: 40px;
    color: #fff;
    text-align: left
}

.body-1.content-paragraph {
    margin-top: 24px;
    margin-bottom: 0;
    text-align: left
}

.body-1.link-heading {
    font-family: Excon, sans-serif;
    font-weight: 700
}

.body-1.p-h-paragraph {
    max-width: 600px;
    margin-top: 24px;
    margin-bottom: 32px;
    color: #fff;
    text-align: center
}

.body-1.font-paragraph {
    margin-top: 24px;
    margin-bottom: 32px
}

.main-button {
    padding: 6px 16px;
    border-radius: 50px;
    background-color: #a32dda;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    transition: background-color .2s ease-in-out;
    border: 1px solid #a32dda;
    text-decoration: none;
    cursor: pointer;
}

.main-button:hover {
    background-color: #d36dec;
    background-position: right
}

.second-button {
    padding: 6px 16px;
    border-radius: 50px;
    background-color: #ffffff00;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    transition: background-color .2s ease-in-out;
    border: 1px solid #d36dec;
    text-decoration: none;
    cursor: pointer;
}

.second-button:hover {
    background-color: #d36dec;
    background-position: right
}


.main-button i, .second-button i {
    font-size: 14px;
}

.shine{
    animation: shine 3s infinite;
    box-shadow: 0 0 3px 0 #a32dda;
    border: 1px solid #d271ff;
}

@keyframes shine {
    0% {
        box-shadow: 0 0 3px 0 #a32dda;
    }
    50% {
        box-shadow: 0 0 13px 0 #a317ff, 0 0 3px 0 #ffffff, 0 0 13px 0 #9d4dc2;
    }
    100% {
        box-shadow: 0 0 3px 0 #a32dda;
    }
}



.main-button.login-button {
    width: 100%;
    border-radius: 4px
}

.hero-image-wrapper {
    max-width: 750px
}

.div-block-2 {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    text-align: center
}

.section-title h2 {
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
    font-size: 48px;
    line-height: 66px;
    font-weight: 700
}

.sub-heading {
    font-size: 20x;
    color: #b3b3b3
}

.sub-heading-01 {
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
    font-size: 26px;
    line-height: 36px;
    font-weight: 700
}

.content-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 120px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.content-container {
    max-width: 1240px;
    margin: auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.content-image {
    max-width: 620px
}

.content-text {
    max-width: 520px
}

.contetn-list {
    margin-top: 24px;
    margin-bottom: 0;
    padding-left: 0
}

.content-list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 12px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.content-icon {
    margin-right: 12px
}

.content-section-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 127px;
    padding-bottom: 173px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.content-2-text {
    max-width: 520px
}

.contetn-2-image {
    max-width: 620px
}

.video-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 138px;
    padding-bottom: 130px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #002f86
}

.video-container {
    max-width: 1200px;
    margin-right: 50px;
    margin-left: 50px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #002f86
}

.video-text-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 80px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.video-link-wrapper {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 25px;
    grid-row-gap: 40px;
    -ms-grid-columns: 1fr 1.3fr;
    grid-template-columns: 1fr 1.3fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto
}

.video-text {
    display: -ms-grid;
    display: grid;
    max-width: 444px;
    grid-auto-columns: 1fr;
    grid-column-gap: 0;
    grid-row-gap: 48px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto
}

.video-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 380px;
    max-width: 655px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.video-wrapper:hover {
    -webkit-filter: grayscale(90%);
    filter: grayscale(90%)
}

.video-text-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.div-block-3 {
    margin-left: 24px
}

.sub-heading-2 {
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
    font-size: 22px;
    line-height: 32px;
    font-weight: 700
}

.sub-heading-2.t-sub-heading-2 {
    color: #fff
}

.body-2 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: 'Excon variable', sans-serif;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400
}

.body-2.footer-link {
    font-family: 'Excon variable', sans-serif;
    text-decoration: none
}

.body-2.footer-down-text {
    margin-top: 0;
    font-family: 'Excon variable', sans-serif;
    color: #fff
}

.body-2.video-paragraph {
    margin-top: 12px;
    color: #fff
}

.image {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.image-6 {
    position: absolute;
    left: auto;
    top: auto;
    right: -7%;
    bottom: -14%;
    max-width: 15%
}

.image-7 {
    position: absolute;
    left: -6%;
    top: -12%;
    right: auto;
    bottom: auto
}

.image-8 {
    position: absolute;
    left: auto;
    top: auto;
    right: -6%;
    bottom: 45%
}

.slide-nav {
    display: none
}

.slider {
    height: auto;
    background-color: transparent
}

.slide-image {
    position: relative;
    max-width: 400px;
    margin-top: 40px;
    margin-bottom: 65px;
    margin-left: 40px
}

.slide-text {
    position: relative;
    z-index: 2;
    max-width: 540px
}

.star-icon-block {
    margin-bottom: 24px
}

.star-image {
    margin-right: 10px
}

.heading-3 {
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
    font-size: 26px;
    line-height: 40px;
    font-weight: 700;
}

.div-block-4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 48px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.text-block {
    color: #fff;
    font-size: 18px;
    line-height: 28px
}

.text-span {
    font-weight: 700
}

.image-9 {
    position: absolute;
    left: -10%;
    top: -8%;
    right: auto;
    bottom: auto
}

.image-10 {
    position: relative;
    z-index: 1;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.image-11 {
    position: absolute;
    left: auto;
    top: auto;
    right: -14%;
    bottom: -12%
}

.image-12 {
    position: absolute;
    left: auto;
    top: -8%;
    right: -10%;
    bottom: -8%
}

.image-13 {
    position: absolute;
    left: 25%;
    top: auto;
    right: auto;
    bottom: -12%
}

.link-block {
    text-decoration: none
}

.image-14 {
    position: absolute;
    left: 13%;
    top: 11%;
    right: 13%;
    bottom: auto
}

.image-15 {
    position: absolute;
    left: auto;
    top: auto;
    right: 6%;
    bottom: 14%
}

.image-16 {
    position: absolute;
    left: 6%;
    top: auto;
    right: auto;
    bottom: 8%
}

.image-17 {
    position: absolute;
    left: auto;
    top: 10%;
    right: 14%;
    bottom: auto
}



.div-block-8 {
    margin-bottom: 24px
}

.div-block-9 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px;
    padding-bottom: 32px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #fff
}

.link-block-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    background-color: #f9f9f9
}

.div-block-10 {
    display: -ms-grid;
    display: grid;
    margin-right: 200px;
    grid-auto-columns: 1fr;
    grid-column-gap: 12px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto
}

.list-2 {
    padding-left: 20px
}

.a-hero-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 88px;
    padding-bottom: 100px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.a-hero-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1040px;
    margin-right: 60px;
    margin-left: 60px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.a-h-tittle-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 900px;
    margin-bottom: 90px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.products-wrap {
    margin-bottom: 30px !important
}

.filter-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: auto;
    gap: 10px;
    margin-top: 20px;
    flex-wrap: wrap
}

.filter-buttons button {
    padding: 10px 20px;
    border-radius: 50px;
    cursor: pointer;
    background: 0 0;
    color: #fff;
    transition: all .3s ease !important;
    border: 1px solid #6b4f7b36;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: #1a202633;
}

.filter-buttons button.active,
.filter-buttons button:hover {
    background: #a32dda;
    color: #fff
}

.image-section {
    padding-top: 70px
}

.image-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 720px;
    max-width: 100%
}

.list-3 {
    margin-bottom: 0
}

.p-h-tittle-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 112px;
    margin-bottom: 80px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.p-h-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 0;
    height: 48px;
    max-width: 232px
}

.div-block-11 {
    position: relative;
    width: 100%;
    height: 48px;
    border-radius: 24px;
    background-color: #023ba5
}

.link-block-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 24px;
    background-color: #fff;
    text-decoration: none
}

.link-block-4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 24px;
    background-color: transparent;
    text-decoration: none
}

.image-18 {
    position: absolute;
    left: 14%;
    top: -16%;
    right: auto;
    bottom: auto
}

.div-block-13 {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-row-gap: 4px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto
}

.div-block-14 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.text-block-2 {
    font-family: Excon, sans-serif;
    color: #fff;
    font-size: 44px;
    line-height: 52px;
    font-weight: 700
}

.card-block-1 {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 84px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto
}

.list-4 {
    display: -ms-grid;
    display: grid;
    margin-bottom: 0;
    padding-left: 0;
    grid-auto-columns: 1fr;
    grid-row-gap: 19px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto auto auto auto;
    grid-template-rows: auto auto auto auto auto
}

.list-item {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 12px;
    grid-row-gap: 16px;
    -ms-grid-columns: -webkit-max-content 1fr;
    -ms-grid-columns: max-content 1fr;
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto
}

.div-block-15 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: auto;
    z-index: -2;
    width: 100%;
    height: 634px;
    background-color: #002f86
}

.image-19 {
    position: absolute;
    left: auto;
    top: -12%;
    right: 0;
    bottom: auto
}

.image-20 {
    position: absolute;
    left: auto;
    top: auto;
    right: -9%;
    bottom: 23%
}

.text-span-2 {
    color: #a32dda
}

.image-21 {
    height: 50px;
    margin-left: 60px
}

.text-block-3 {
    margin-top: 8px;
    color: #fff;
    font-size: 18px;
    line-height: 32px;
    font-weight: 500;
    text-align: center
}

.div-block-16 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.list-item-2 {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 12px;
    -ms-grid-columns: -webkit-max-content 1fr;
    -ms-grid-columns: max-content 1fr;
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto
}

.list-5 {
    display: -ms-grid;
    display: grid;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    grid-auto-columns: 1fr;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto auto auto auto auto;
    grid-template-rows: auto auto auto auto auto auto
}

.body-3 {
    font-family: Excon, sans-serif
}

.image-22 {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.image-23 {
    width: 17%;
    margin-bottom: -20px;
    padding-bottom: 0;
    text-align: left;
    -o-object-fit: cover;
    object-fit: cover
}

.image-24,
.image-25 {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.image-26,
.image-27 {
    width: 500px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.image-28 {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.image-29,
.image-30,
.image-31,
.image-32,
.image-33,
.image-34,
.image-35 {
    width: 100%
}

.link-block-5 {
    max-width: 260px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    text-decoration: none
}

.small-text {
    margin-top: 12px;
    color: #666;
    line-height: 22px
}

.small-text.t-body-3 {
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400
}

.link-block-6 {
    max-width: 560px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e5e5e5;
    text-decoration: none
}

.image-38,
.image-39 {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.link-block-7 {
    display: -ms-grid;
    display: grid;
    max-width: 260px;
    padding-bottom: 32px;
    grid-auto-columns: 1fr;
    grid-column-gap: 24px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr -webkit-max-content;
    -ms-grid-columns: 1fr max-content;
    grid-template-columns: 1fr -webkit-max-content;
    grid-template-columns: 1fr max-content;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    border-bottom: 1px solid #e5e5e5;
    text-decoration: none
}

.link-block-8 {
    display: -ms-grid;
    display: grid;
    padding-bottom: 30px;
    grid-auto-columns: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 16px;
    -ms-grid-columns: -webkit-max-content 1fr;
    -ms-grid-columns: max-content 1fr;
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    border-bottom: 1px solid #e5e5e5;
    text-decoration: none
}

.image-40 {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.image-41 {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.image-42 {
    position: absolute;
    left: 12%;
    top: 16%;
    right: auto;
    bottom: auto;
    width: 30%
}

.image-43 {
    position: absolute;
    left: auto;
    top: 7%;
    right: 1%;
    bottom: auto;
    width: 20%
}

.image-44 {
    position: absolute;
    left: 20%;
    top: auto;
    right: auto;
    bottom: 8%
}

.link-div {
    margin-top: 40px
}

.image-45 {
    width: 100%;
    height: 720px;
    -o-object-fit: cover;
    object-fit: cover
}

.rich-text-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 186px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 18px;
    line-height: 32px;
    font-weight: 400
}

.body-4 {
    font-family: Excon, sans-serif
}

.rich-text-block {
    padding-bottom: 40px;
    border-bottom: 1px solid #e5e5e5
}

.rich-text-container {
    max-width: 800px;
    margin-right: 120px;
    margin-left: 120px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.link-div-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 24px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.link-block-9 {
    max-width: 260px;
    text-decoration: none
}

.image-46 {
    width: 64px;
    height: 64px;
    margin-bottom: 24px;
    border-radius: 0
}

.login-section {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto
}

.login-content-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 441px;
    margin-right: 60px;
    margin-left: 60px;
    padding-top: 40px;
    padding-bottom: 60px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.login-image-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding-top: 97px;
    padding-bottom: 60px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #002f86
}

.login-block {
    margin-top: 110px
}

.image-47 {
    width: 24px;
    height: 24px
}

.login-form-block {
    margin-bottom: 0
}

.link {
    color: #fff;
    font-weight: 500
}

.login-image {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    max-width: 500px;
    margin-right: 40px;
    margin-bottom: 18px;
    margin-left: 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.slide {
    background-color: transparent;
    text-align: center
}

.slider-2 {
    height: auto;
    margin-right: 40px;
    margin-left: 40px;
    background-color: transparent
}

.slide-nav-2 {
    top: 47px
}

.image-48 {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.image-49 {
    position: absolute;
    left: -9%;
    top: auto;
    right: auto;
    bottom: -7%
}

.image-50 {
    position: absolute;
    left: 24%;
    top: auto;
    right: auto;
    bottom: 14%
}

.image-51 {
    position: absolute;
    left: 5%;
    top: auto;
    right: 8%;
    bottom: 32%
}

.image-52 {
    position: absolute;
    left: auto;
    top: 4%;
    right: 7%;
    bottom: auto
}

.link-2 {
    color: #a32dda;
    text-decoration: none
}

.link-3 {
    color: #fff;
    font-weight: 500
}

.a-h-image-wrapper {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 40px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto
}

.image-block-1 {
    position: relative;
    display: -ms-grid;
    display: grid;
    padding-top: 90px;
    grid-auto-columns: 1fr;
    grid-row-gap: 20px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto
}

.image-block-2 {
    position: relative;
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto
}

.a-image-1 {
    position: relative;
    overflow: hidden;
    height: 260px;
    max-width: 240px
}

.a-image-2 {
    position: relative;
    overflow: hidden;
    height: 420px;
    max-width: 500px
}

.a-image-3 {
    position: relative;
    overflow: hidden;
    height: 440px;
    max-width: 500px
}

.a-image-4 {
    position: relative;
    overflow: hidden;
    height: 240px;
    max-width: 240px
}

.a-image-5 {
    position: relative;
    overflow: hidden;
    height: 310px;
    max-width: 220px
}

.image-59 {
    position: absolute;
    left: 45%;
    top: 9%;
    z-index: -1
}

.image-60 {
    position: absolute;
    left: 10%;
    top: 19%
}

.image-61 {
    position: absolute;
    left: 5%;
    top: 36%
}

.image-62 {
    position: absolute;
    left: -15%;
    top: auto;
    right: auto;
    bottom: -10%;
    z-index: -1
}

.image-63 {
    position: absolute;
    left: auto;
    top: -2%;
    right: -12%;
    bottom: auto;
    z-index: -1
}

.image-64 {
    position: absolute;
    left: 21%;
    top: auto;
    right: auto;
    bottom: 4%
}

.brand {
    width: 144px
}

.image-cover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    opacity: 0
}

.image-cover-2 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    opacity: 0
}

.buttons-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 160px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.buttons-container {
    max-width: 1160px;
    margin-right: 60px;
    margin-left: 60px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.buttons-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 60px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-auto-columns: 1fr;
    -ms-grid-columns: minmax(-webkit-min-content, -webkit-max-content);
    -ms-grid-columns: minmax(min-content, max-content);
    grid-template-columns: minmax(-webkit-min-content, -webkit-max-content);
    grid-template-columns: minmax(min-content, max-content);
    -ms-grid-rows: auto auto auto auto;
    grid-template-rows: auto auto auto auto
}

.images-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 120px;
    padding-bottom: 120px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.images-container {
    max-width: 1160px;
    margin-right: 60px;
    margin-left: 60px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.image-link-text {
    display: inline-block;
    margin-top: 24px;
    margin-bottom: 0;
    padding-right: 40px;
    background-image: url(https://uploads-ssl.webflow.com/62c775d5eaf466697c0aa66b/62c775d6eaf46693780aa718_Link%20Icon%202.svg);
    background-position: 100% 50%;
    background-size: auto;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 18px;
    line-height: 28px
}

.image-card {
    height: 360px
}

.image-65 {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    -o-object-fit: cover;
    object-fit: cover
}

.font-icon-container {
    max-width: 1160px;
    margin-right: 60px;
    margin-left: 60px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.v-block {
    width: 100%;
    margin-top: 54px;
    padding-top: 72px;
    padding-bottom: 92px;
    background-color: #f9f9f9
}

.rich-text-block-1 {
    color: #fff
}

.rich-text-section-1 {
    padding-bottom: 120px
}

.rich-text-container-1 {
    width: 1160px;
    max-width: 1160px;
    margin-right: 60px;
    margin-left: 60px
}

.list-7 {
    color: #fff;
    font-size: 18px;
    line-height: 28px
}

.link-4 {
    font-size: 16px;
    line-height: 24px
}

.div-block-17 {
    display: block
}

.navbar-brand img {
    height: 30px
}

.nav-link-2 {
    margin-right: 5px;
    margin-left: 5px;
    padding: 5px 10px;
    color: #1a1b1f;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .25px;
    text-decoration: none
}

.nav-link-2:hover {
    color: rgba(26, 27, 31, .75)
}

.nav-link-2:focus-visible {
    border-radius: 4px;
    outline-offset: 0;
    outline: #0050bd solid 2px;
    color: #0050bd
}

.nav-link-2[data-wf-focus-visible] {
    border-radius: 4px;
    outline-offset: 0;
    outline: #0050bd solid 2px;
    color: #0050bd
}

.button-primary {
    padding: 12px 25px;
    background-color: #1a1b1f;
    -webkit-transition: .2s;
    transition: .2s;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 2px;
    text-transform: uppercase
}

.button-primary:hover {
    background-color: #32343a;
    color: #fff
}

.button-primary:active {
    background-color: #43464d
}

.container-4 {
    margin-top: 100px;
    margin-bottom: 30px
}

.hero-image {
    width: 100%;
    margin-top: 50px
}

.container-5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 94px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px
}

.nav-link:hover {
    color: #a32dda
}

.container-6 {
    margin-top: 54px
}

.div-block-18 {
    margin-top: 53px
}

.heading-4 {
    text-align: center
}

.container-7 {
    display: -ms-grid;
    display: grid;
    margin-bottom: 75px;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-areas: "Area";
    -ms-grid-columns: 1fr 16px 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto 16px auto;
    grid-template-rows: auto auto
}

.image-68 {
    display: inline-block;
    text-align: left
}

.heading-5 {
    margin-bottom: 54px;
    font-size: 44px;
    text-align: center
}

.section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 20px;
    background-color: #ffea00
}

.div-block-19 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 446px;
    min-height: 54px;
    min-width: 862px;
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    border: 0 solid #fff;
    border-radius: 20px;
    background-color: #e1ff00
}

.section-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.text-block-4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: Excon, sans-serif;
    font-weight: 500
}

.link-5 {
    margin-left: 10px;
    padding-left: 0
}

@media screen and (min-width:1280px) {
    .div-block {
        margin-right: -30px
    }

    .rich-text-container-1 {
        margin-right: auto;
        margin-left: auto
    }
}

@media screen and (min-width:1440px) {
    .navbar-container {
        margin-right: 80px;
        margin-left: 60px;
        text-align: center
    }

    .div-block {
        margin-right: -60px
    }

    .hero-section {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .hero-container {
        margin-left: 120px;
        -ms-grid-columns: 1fr -webkit-max-content;
        -ms-grid-columns: 1fr max-content;
        grid-template-columns: 1fr -webkit-max-content;
        grid-template-columns: 1fr max-content
    }

    .div-block-2 {
        grid-column-gap: 16px
    }

    .heading-2 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end
    }

    .content-container {
        margin: auto
    }

    .contetn-list {
        margin-top: 0;
        margin-bottom: 20px
    }

    .video-wrapper {
        position: relative
    }

    .image {
        -o-object-fit: cover;
        object-fit: cover
    }

    .image-6 {
        position: absolute;
        max-width: 100%
    }

    .image-7 {
        z-index: 1
    }

    .image-8 {
        position: absolute;
        right: -10%
    }

    .image-22 {
        overflow: visible;
        width: 100%;
        height: 93%
    }

    .image-66 {
        max-width: 59%
    }
}

@media screen and (min-width:1920px) {
    .navbar-container {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .navbar {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .div-block {
        margin-right: -86px;
        padding-right: 0;
        padding-left: 0
    }

    .body-1.content-paragraph {
        text-align: left
    }

    .image-container {
        height: 960px
    }

    .image-45 {
        height: 980px
    }
}

@media screen and (max-width:991px) {
    .navbar-container {
        margin-right: 40px;
        margin-left: 40px;
        -ms-grid-columns: 1fr 1fr .25fr;
        grid-template-columns: 1fr 1fr .25fr
    }

    .div-block {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-right: -82px;
        padding-right: 0
    }

    .hero-container {
        margin-right: 40px;
        margin-left: 40px
    }

    .heading-1.a-h-heading,
    .heading-1.p-h-heading {
        text-align: left
    }

    .body-1.p-h-paragraph {
        text-align: left
    }

    .main-button {
        margin-bottom: 27px
    }

    .div-block-2 {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto
    }

    .heading-2 {
        text-align: left
    }

    .heading-2.video-heading {
        margin-bottom: 40px;
        text-align: left
    }

    .heading-2.v-heading {
        text-align: center
    }

    .content-container {
        margin-right: 40px;
        margin-left: 40px
    }

    .contetn-list {
        margin-bottom: 28px
    }

    .video-container {
        margin-right: 40px;
        margin-left: 40px
    }

    .video-text-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .video-link-wrapper {
        grid-row-gap: 40px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto
    }

    .video-wrapper {
        height: auto
    }

    .image-15 {
        bottom: 8%
    }

    .div-block-10 {
        margin-right: 0
    }

    .a-h-tittle-wrapper {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .image-container {
        height: 444px
    }

    .p-h-tittle-wrapper {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .image-19 {
        top: -19%
    }

    .image-20 {
        right: -4%
    }

    .image-21 {
        left: -7%;
        top: -3%
    }

    .link-block-5 {
        max-width: none
    }

    .link-block-6 {
        max-width: none
    }

    .link-block-7 {
        max-width: none
    }

    .image-42 {
        width: 25%
    }

    .image-45 {
        height: 480px
    }

    .rich-text-container {
        margin-right: 80px;
        margin-left: 80px
    }

    .a-h-image-wrapper,
    .login-section {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto
    }

    .buttons-container,
    .images-container {
        margin-right: 40px;
        margin-left: 40px
    }

    .font-icon-container {
        margin-right: 40px;
        margin-left: 40px
    }

    .nav-link-2 {
        padding-right: 5px;
        padding-left: 5px
    }

    .icon-2 {
        font-size: 30px
    }

    .div-block-18 {
        margin-top: 1px;
        margin-bottom: 130px
    }

    .container-7 {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        justify-items: center;
        grid-template-areas: "Area" "." "Area-2" "Area-3";
        -ms-grid-columns: .75fr;
        grid-template-columns: .75fr
    }

    .div-block-19 {
        min-height: 82px;
        min-width: 500px
    }

    .text-block-4 {
        font-size: 12px
    }

    .link-5 {
        margin-left: 0
    }

    .image-69 {
        padding-top: 15px
    }
}

@media screen and (max-width:767px) {
    .navbar-container {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }

    .nav-link {
        padding-bottom: 16px
    }

    .div-block {
        display: none
    }

    .main-button {
        position: relative;
        z-index: 1
    }

    .div-block-2 {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: auto auto auto;
        grid-template-rows: auto auto auto
    }

    .video-section {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .image-2,
    .image-3,
    .image-4 {
        max-width: 20%
    }

    .image-7 {
        max-width: 30%
    }

    .image-8 {
        right: -7%;
        max-width: 5%
    }

    .heading-3 {
        margin-top: 0;
        margin-bottom: 0
    }

    .image-9 {
        max-width: 12%
    }

    .image-11 {
        max-width: 25%
    }

    .image-12 {
        max-width: 35%
    }

    .image-13 {
        max-width: 25%
    }

    .image-15 {
        right: 2%;
        bottom: 2%
    }

    .image-17 {
        top: 8%;
        right: 7%
    }

    .div-block-9 {
        padding-top: 24px;
        padding-bottom: 24px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .div-block-10 {
        margin-top: 20px;
        margin-left: 0;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .a-hero-container {
        margin-right: 40px;
        margin-left: 40px
    }

    .image-container {
        height: 320px
    }

    .image-18 {
        left: -9%;
        top: -5%;
        max-width: 25%
    }

    .image-19 {
        top: -15%
    }

    .image-20 {
        right: -11%;
        bottom: 45%
    }

    .image-21 {
        left: -5%;
        top: -1.5%
    }

    .link-block-7 {
        grid-column-gap: 12px
    }

    .image-45 {
        height: 360px
    }

    .rich-text-container {
        margin-right: 60px;
        margin-left: 60px
    }

    .login-image-wrapper {
        padding-top: 80px
    }

    .image-51 {
        bottom: 34%
    }

    .nav-link-2 {
        display: inline-block;
        padding-top: 10px;
        padding-bottom: 10px
    }
}

@media screen and (max-width:479px) {
    .navbar-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-right: 24px;
        margin-left: 24px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-grid-columns: 1.75fr;
        grid-template-columns: 1.75fr
    }

    .hero-container {
        margin-right: 20px;
        margin-left: 20px
    }

    .heading-1 {
        min-width: 0;
        font-size: 36px;
        line-height: 64px
    }

    .heading-1.a-h-heading {
        font-size: 52px;
        line-height: 62px
    }

    .body-1.v-text-block {
        font-size: 14px;
        line-height: 22px
    }

    .heading-2 {
        font-size: 42px;
        line-height: 48px
    }

    .heading-2.v-heading {
        font-size: 32px;
        line-height: 40px
    }

    .sub-heading-01 {
        margin-bottom: 11px;
        font-size: 17px
    }

    .video-section {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .video-container {
        margin-right: 20px;
        margin-left: 20px
    }

    .image-5 {
        width: 35%
    }

    .image-6,
    .image-8 {
        right: -6%
    }

    .slide-image {
        margin-top: 25px;
        margin-bottom: 40px;
        margin-left: 25px
    }

    .image-9 {
        left: -4%;
        top: -4%
    }

    .image-10 {
        max-width: 90%
    }

    .image-11 {
        right: -2%;
        max-width: 20%
    }

    .image-15 {
        bottom: 6%
    }

    .link-wrapper {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto
    }

    .form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .a-hero-container {
        margin-right: 20px;
        margin-left: 20px
    }

    .image-container {
        height: 200px
    }

    .list-3 {
        padding-left: 20px
    }

    .card-block-1 {
        grid-row-gap: 32px
    }

    .div-block-15 {
        height: 950px
    }

    .image-21 {
        top: -.5%;
        max-width: 30%
    }

    .link-block-8 {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto
    }

    .image-45 {
        height: 240px
    }

    .rich-text-container {
        margin-right: 20px;
        margin-left: 20px
    }

    .login-content-wrapper {
        width: auto;
        margin-right: 20px;
        margin-left: 20px
    }

    .login-image-wrapper {
        padding-top: 75px
    }

    .slide-nav-2 {
        top: 114px
    }

    .image-49 {
        left: -25%;
        bottom: -11%
    }

    .image-50 {
        left: 17%;
        bottom: 16%
    }

    .image-51 {
        bottom: 44%
    }

    .image-block-1 {
        grid-row-gap: 30px
    }

    .image-block-2 {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: auto auto auto;
        grid-template-rows: auto auto auto
    }

    .image-60 {
        top: 5%
    }

    .image-61 {
        top: 45%
    }

    .image-64 {
        bottom: -4%
    }

    .buttons-container,
    .images-container {
        margin-right: 20px;
        margin-left: 20px
    }

    .image-card {
        height: 240px
    }

    .font-icon-container {
        margin-right: 20px;
        margin-left: 20px
    }

    .hero-paragraph {
        display: block;
        font-size: 16px;
        line-height: 24px
    }

    .v-block {
        padding-top: 42px;
        padding-bottom: 48px
    }

    .icon {
        margin-top: 25px;
        margin-left: 69px;
        font-size: 35px;
        text-align: center
    }

    .image-67 {
        display: inline-block;
        padding-right: 15px;
        text-align: center
    }

    .container-3 {
        display: -ms-grid;
        display: grid;
        margin-top: -75px;
        padding-top: 0;
        grid-auto-columns: 1fr;
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto
    }

    .div-block-18 {
        margin-top: 38px
    }

    .div-block-19 {
        min-height: 75px
    }

    .text-block-4 {
        margin-left: -30px
    }

    .link-5 {
        padding-right: 86px
    }

    .filter-buttons button{
        width: 100%;
    }

    .contact-buttons{
        display: flex;
        flex-direction: column;
    }

    .contact-buttons a{
        margin-bottom: 10px;
    }
}

@font-face {
    font-family: 'Excon variable';
    src: url(https://uploads-ssl.webflow.com/62c775d5eaf466697c0aa66b/62c775d6eaf46632110aa6a1_Excon-Variable.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Excon;
    src: url(https://uploads-ssl.webflow.com/62c775d5eaf466697c0aa66b/62c775d6eaf46653620aa6a5_Excon-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Excon;
    src: url(https://uploads-ssl.webflow.com/62c775d5eaf466697c0aa66b/62c775d6eaf46677f10aa6a8_Excon-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Excon;
    src: url(https://uploads-ssl.webflow.com/62c775d5eaf466697c0aa66b/62c775d6eaf4661a730aa6a6_Excon-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Excon;
    src: url(https://uploads-ssl.webflow.com/62c775d5eaf466697c0aa66b/62c775d6eaf46683c30aa6a7_Excon-Black.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Excon;
    src: url(https://uploads-ssl.webflow.com/62c775d5eaf466697c0aa66b/62c775d6eaf46654020aa6aa_Excon-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Excon;
    src: url(https://uploads-ssl.webflow.com/62c775d5eaf466697c0aa66b/62c775d6eaf46617580aa6a9_Excon-Thin.ttf) format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gloriahallelujah;
    src: url(https://uploads-ssl.webflow.com/62c775d5eaf466697c0aa66b/62c775d6eaf46683320aa6fa_GloriaHallelujah-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@keyframes float {
    0% {
        transform: translatey(0)
    }

    50% {
        transform: translatey(-20px)
    }

    100% {
        transform: translatey(0)
    }
}

.hero-image-wrapper {
    margin-left: auto;
    width: fit-content
}

.products-section {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}


.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")
}

.navbar-toggler:focus,
.navbar-toggler:focus-visible {
    outline: 0;
    border: none;
    box-shadow: none
}

a.navbar-brand {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    margin-right: 20px;
    line-height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    transition: all .5s
}

a.navbar-brand:hover {
    color: #fff
}

a.navbar-brand span {
    color: #a32dda
}

.section-title {
    text-align: center;
    margin-bottom: 25px
}

.footer-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-block: 40px
}


.footer-link h4 {
    background: #0f0f0f;
    color: #fff;
    padding: 1px 10px;
    border-radius: 50px;
    font-size: 14px;
    width: fit-content
}

.footer-link ul {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-left: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px
}

.footer-link ul li {
    margin-bottom: 10px
}

.footer-link ul li a {
    color: #c4c4c4;
    text-decoration: none;
    font-size: 14px
}

.footer-link ul li a:hover {
    color: #a32dda
}

.footer-logo p {
    max-width: 400px;
    color: #c4c4c4;
    margin-block: 8px
}

@media screen and (max-width:991px) {
    .footer-wrapper {
        flex-wrap: wrap
    }

    .footer-links {
        flex-direction: column;
        justify-content: center;
        width: 100%
    }
}

@-webkit-keyframes bg-move {
    0% {
        background-position: -500px 0
    }

    100% {
        background-position: 1000px 0
    }
}

@keyframes bg-move {
    0% {
        background-position: -500px 0
    }

    100% {
        background-position: 1000px 0
    }
}

.review-card {
    background: #232323;
    width: 100%;
    padding: 25px;
    border-radius: 15px
}

.review-container {
    display: flex;
    flex-wrap: wrap;
    gap: 3%
}
 
.contact-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px
}

.contact-section {
    padding: 100px 0
}

.product_cards_wrap {
    box-sizing: border-box;
    border-radius: 8px;
    padding: 10px;
    background: #232323;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.product_cards_wrap .product_card_img {
    width: 100%;
    height: 150px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    border-radius: 8px
}


.product_card_txt h4 {
    font-style: normal;
    font-size: 18px;
    color: #fff;
    margin: 0px;
    font-weight: 500;
}

.price {
    color: #999;
    font-weight: 700
}

.product_card_btns button {
    border-radius: 8px;
    box-sizing: border-box;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    padding: 5px 20px;
    transition: all linear .2s;
    display: inline-block;
    text-align: center;
    width: 100%;
    background-image: linear-gradient(120deg, #a32dda 0, #a32dda 100%);
    -webkit-transition: all .5s;
    box-shadow: none;
    cursor: pointer;
    border: none !important;
    text-decoration: none
}

.dots-bg {
    background-image: url(../images/dots.png);
    background-position: center center;
    background-repeat: repeat;
    background-size: 100px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .2;
    z-index: -999
}

.bullet-info {
    width: fit-content;
    position: relative;
    height: 3.5em;
    border: 3px ridge #a32dda;
    outline: 0;
    background-color: transparent;
    color: #efbdfe;
    transition: 1s;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    margin-bottom: 20px
}

@keyframes boxShadow {
    0% {
        box-shadow: none
    }

    50% {
        box-shadow: inset 0 0 25px #a32dda
    }

    100% {
        box-shadow: none
    }
}

.bullet-info {
    animation: boxShadow 3s infinite;
    animation-delay: 0s, 2s
}

.bullet-info .cover-items {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    flex-direction: column
}

.bullet-info .cover-1 {
    width: 90%;
    height: 3px;
    background-color: #2d1436;
    margin-top: -3px
}

.bullet-info .cover-2 {
    width: 90%;
    height: 3px;
    background-color: #2d1436;
    margin-bottom: -3px
}

@keyframes scaleDown {
    0% {
        width: 100%
    }

    50% {
        width: 0%
    }

    100% {
        width: 100%
    }
}

.bullet-info .cover-1,
.bullet-info .cover-2 {
    animation: scaleDown 3s infinite;
    animation-delay: 0s, 2s
}

.top-left-glow-item {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: -3;
    width: 598.16px;
    height: 473.02px;
    top: -174px;
    left: 82px;
    filter: blur(200px);
    position: fixed;
    opacity: .5;
    animation: glow 7s infinite;
    animation-delay: 0s, 5s
}

.glow-item {
    width: 380.29px;
    height: 446.33px;
    background: linear-gradient(261.63deg, #a32dda 4.87%, #d36dec 87.02%);
    border-radius: 50%
}

@keyframes glow {
    0% {
        width: 598.16px;
        height: 473.02px
    }

    50% {
        width: 700px;
        height: 600px
    }

    100% {
        width: 598.16px;
        height: 473.02px
    }
}

.s2 {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    background-image: url(../images/02.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right top;
    position: absolute;
    width: 100%;
    right: 0;
    height: 0;
    top: 0;
    z-index: 1
}

.form-control {
    border: 1px solid #6b4f7b36;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: #1a202633;
    border-radius: 85px;
    color: #fff !important;
    box-shadow: none !important;
    padding: 10px 20px
}

.form-control::placeholder {
    color: #fff
}

.form-control:focus {
    border-color: #a32dda;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: #1a202633;
}

.form-control::placeholder {
    color: #a8a8a8
}

.form-control:focus-visible {
    outline: 0;
    box-shadow: none
}

.slider {
    width: 100%;
    margin: auto;
    position: relative;
    display: grid;
    place-items: center;
    overflow: hidden
}

.slide-track {
    display: flex;
    width: calc(25rem * 13 * 2);
    animation: scroll 39s linear infinite
}

.slide-track:hover {
    animation-play-state: paused
}

@keyframes scroll {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(calc(25rem * 13 * -1))
    }
}

.slide {
    width: 25rem;
    display: flex;
    align-items: center;
    padding: 1.5rem
}

.slide-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    width: 25rem;
    padding: 20px;
    border-radius: 16px;
    transition: .3s;
    backdrop-filter: blur(15px);
    background-color: #2323237d;
    height: 100%;
    border: 1px solid #6b4f7b36;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: #1a202633;
}

.slide-card:hover {
    transform: scale(1.03);
    border: 1px solid #a32dda;
    box-shadow: 0 0 10px #a32dda
}

.slide-card .top {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.slide-card .top .stars img {
    width: 20px;
    height: 20px;
    overflow: hidden;
    display: block;
    margin-bottom: 10px
}

.stars {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
    color: #a32dda;
}

.slide-card .date p {
    color: #fff;
    font-weight: 500;
    font-size: 1.6rem
}

.slide-card .review p {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 10px;
    text-align: left
}

.slide-card .verified {
    display: flex;
    flex-direction: row
}

.slide-card .verified p {
    color: #d36dec;
    font-weight: 700;
    font-size: 12px;
    margin: 0
}

.stars i{
    margin: 0px;
}

.contact-card {
    flex-direction: column;
    padding: 20px;
    border-radius: 16px;
    transition: .3s;
    backdrop-filter: blur(15px);
    background-color: #2323237d;
    height: 100%;
    border: 1px solid #6b4f7b36;
    position: relative;
    min-height: 300px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: #1a202633;
    
}




.contact-card>* {
    z-index: 1;
    position: relative
}

.contact-card h3 {
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 10px
}

.footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px;
    padding-bottom: 30px;
}

.footer h4 {
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    margin: 0
}

.footer img.logo {
    width: auto;
    height: 30px
}

.footer-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px
}

.footer-links {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    max-width: 215px;
    min-width: 210px;
}


.footer-links a {
    color: #a32dda;
    text-decoration: none;
    transition: all .3s ease-in-out;
    margin-bottom: 10px;
    padding: 1px 5px;
    border-radius: 5px;
    background: #160b1e;
    margin-inline: 4px;
    width: fit-content;
}

.footer-links a:hover {
    filter: brightness(1.3)
}

.hero-image-wrapper video {
    width: 100%
}

@media (max-width:991px) {
    a.navbar-brand {
        width: 50%;
        margin-right: 0
    }

    .navbar-toggler {
        width: 50%;
        text-align: right
    }

    .nav-contents {
        flex-wrap: wrap
    }

    .buttons,
    a.nav-link {
        text-align: center
    }

    .contact-card::after {
        background-position: right top !important
    }

    .footer {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px
    }
}





.animation-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -99;
    opacity: 0.3;
}



.particle,
.particle:after {
    background: transparent;
}

.particle:after {
    position: absolute;
    content: "";
    top: 2560px;
}

.particle-1 {
    -webkit-animation: animParticle 60s linear infinite;
    animation: animParticle 60s linear infinite;
    box-shadow: 0px 0px #a32dda, 705px 2173px #a32dda, 2355px 1741px #a32dda, 1626px 53px #a32dda, 793px 186px #a32dda, 2389px 211px #a32dda, 2408px 1012px #a32dda, 1197px 814px #a32dda, 1108px 1211px #a32dda, 736px 1321px #a32dda, 2377px 1625px #a32dda, 1362px 1254px #a32dda, 2281px 517px #a32dda, 280px 1377px #a32dda, 707px 765px #a32dda, 1110px 874px #a32dda, 395px 1772px #a32dda, 598px 1275px #a32dda, 566px 2222px #a32dda, 1134px 2076px #a32dda, 1256px 960px #a32dda, 2362px 1236px #a32dda, 343px 940px #a32dda, 764px 420px #a32dda, 94px 197px #a32dda, 1811px 79px #a32dda, 613px 902px #a32dda, 461px 1907px #a32dda, 1480px 399px #a32dda, 2319px 146px #a32dda, 2551px 1000px #a32dda, 590px 1137px #a32dda, 384px 734px #a32dda, 1843px 1622px #a32dda, 2215px 364px #a32dda, 1234px 598px #a32dda, 2079px 1263px #a32dda, 739px 1859px #a32dda, 1879px 1507px #a32dda, 1056px 2510px #a32dda, 937px 2137px #a32dda, 1918px 855px #a32dda, 1560px 1803px #a32dda, 587px 1502px #a32dda, 1042px 545px #a32dda, 745px 1237px #a32dda, 1100px 1615px #a32dda, 731px 873px #a32dda, 1900px 936px #a32dda, 951px 2245px #a32dda, 1799px 58px #a32dda, 2017px 1259px #a32dda, 778px 721px #a32dda, 2500px 1780px #a32dda, 1744px 2055px #a32dda, 2299px 260px #a32dda, 1744px 457px #a32dda, 1404px 2047px #a32dda, 2324px 550px #a32dda, 1137px 2033px #a32dda, 681px 2275px #a32dda, 1341px 1465px #a32dda, 1476px 1276px #a32dda, 1628px 1975px #a32dda, 2145px 107px #a32dda, 871px 327px #a32dda, 2434px 900px #a32dda, 609px 1800px #a32dda, 1396px 2494px #a32dda, 941px 120px #a32dda, 108px 1834px #a32dda, 2137px 1896px #a32dda, 1901px 2340px #a32dda, 2011px 1510px #a32dda, 2524px 1568px #a32dda, 2459px 534px #a32dda, 445px 2148px #a32dda, 1973px 59px #a32dda, 1495px 2235px #a32dda, 606px 2330px #a32dda, 781px 147px #a32dda, 1144px 1338px #a32dda, 1216px 1103px #a32dda, 607px 2512px #a32dda, 2332px 2240px #a32dda, 1034px 903px #a32dda, 2546px 374px #a32dda, 1730px 1017px #a32dda, 558px 1200px #a32dda, 504px 1125px #a32dda, 936px 1519px #a32dda, 1107px 1888px #a32dda, 1455px 1177px #a32dda, 289px 2101px #a32dda, 882px 2418px #a32dda, 686px 496px #a32dda, 810px 2431px #a32dda, 193px 2076px #a32dda, 837px 1124px #a32dda, 709px 1808px #a32dda, 1456px 533px #a32dda, 1576px 1067px #a32dda, 1032px 1886px #a32dda, 660px 490px #a32dda, 806px 1498px #a32dda, 720px 324px #a32dda, 1431px 51px #a32dda, 1601px 361px #a32dda, 1868px 678px #a32dda, 2499px 810px #a32dda, 2187px 846px #a32dda, 937px 2475px #a32dda, 1088px 1349px #a32dda, 406px 994px #a32dda, 3px 1932px #a32dda, 1886px 1607px #a32dda, 2545px 1419px #a32dda, 1011px 102px #a32dda, 1412px 2098px #a32dda, 665px 1713px #a32dda, 926px 2048px #a32dda, 1361px 289px #a32dda, 267px 2005px #a32dda, 2140px 592px #a32dda, 1382px 1867px #a32dda, 1014px 2054px #a32dda, 697px 556px #a32dda, 555px 1153px #a32dda, 838px 2466px #a32dda, 1756px 1721px #a32dda, 187px 738px #a32dda, 1562px 227px #a32dda, 400px 2419px #a32dda, 664px 727px #a32dda, 1398px 1831px #a32dda, 2341px 2413px #a32dda, 1490px 709px #a32dda, 1290px 2430px #a32dda, 1808px 2150px #a32dda, 1495px 2452px #a32dda, 2035px 371px #a32dda, 1085px 764px #a32dda, 260px 1855px #a32dda, 1745px 1199px #a32dda, 1589px 2234px #a32dda, 1023px 1765px #a32dda, 1483px 669px #a32dda, 2390px 489px #a32dda, 1632px 1873px #a32dda, 2091px 2312px #a32dda, 2215px 927px #a32dda, 1428px 1128px #a32dda, 512px 2128px #a32dda, 1584px 1990px #a32dda, 606px 2114px #a32dda, 2250px 1080px #a32dda, 1384px 609px #a32dda, 1053px 673px #a32dda, 616px 1589px #a32dda, 2407px 745px #a32dda, 975px 1619px #a32dda, 891px 476px #a32dda, 567px 1230px #a32dda, 1285px 664px #a32dda, 62px 999px #a32dda, 264px 1526px #a32dda, 366px 541px #a32dda, 893px 1286px #a32dda, 1966px 828px #a32dda, 913px 1296px #a32dda, 2071px 403px #a32dda, 2216px 1246px #a32dda, 456px 57px #a32dda, 615px 754px #a32dda, 497px 2521px #a32dda, 1315px 841px #a32dda, 1023px 2184px #a32dda, 1549px 1122px #a32dda, 2162px 142px #a32dda, 229px 845px #a32dda, 343px 1895px #a32dda, 172px 584px #a32dda, 2266px 1893px #a32dda, 2362px 644px #a32dda, 814px 2076px #a32dda, 946px 1848px #a32dda, 1879px 1610px #a32dda, 958px 1468px #a32dda, 2426px 420px #a32dda, 2061px 970px #a32dda, 70px 1797px #a32dda, 1050px 237px #a32dda, 270px 1172px #a32dda, 578px 1056px #a32dda, 273px 1220px #a32dda, 768px 2345px #a32dda, 1260px 712px #a32dda, 2438px 2528px #a32dda, 471px 1476px #a32dda, 611px 2541px #a32dda, 701px 1430px #a32dda, 241px 348px #a32dda, 1214px 452px #a32dda, 1332px 2084px #a32dda, 1732px 1528px #a32dda, 526px 100px #a32dda, 2515px 167px #a32dda, 1374px 2548px #a32dda, 1479px 212px #a32dda, 1505px 2219px #a32dda, 2477px 1707px #a32dda, 711px 995px #a32dda, 2214px 1973px #a32dda, 1120px 915px #a32dda, 1774px 809px #a32dda, 1955px 2253px #a32dda, 1493px 2030px #a32dda, 1358px 1139px #a32dda, 136px 361px #a32dda, 1881px 1049px #a32dda, 2158px 200px #a32dda, 332px 2377px #a32dda, 1015px 1469px #a32dda, 52px 1070px #a32dda, 598px 561px #a32dda, 1737px 2081px #a32dda, 2462px 506px #a32dda, 2559px 383px #a32dda, 1390px 841px #a32dda, 1398px 269px #a32dda, 1359px 2081px #a32dda, 802px 1653px #a32dda, 1350px 1448px #a32dda, 544px 2214px #a32dda, 494px 1912px #a32dda, 118px 534px #a32dda, 214px 2368px #a32dda, 537px 1316px #a32dda, 1303px 1951px #a32dda, 2248px 948px #a32dda, 879px 1205px #a32dda, 872px 2183px #a32dda, 2465px 427px #a32dda, 2431px 720px #a32dda, 437px 699px #a32dda, 1181px 2130px #a32dda, 2534px 2px #a32dda, 1750px 1286px #a32dda, 1561px 540px #a32dda, 644px 679px #a32dda, 698px 710px #a32dda, 2127px 1384px #a32dda, 850px 366px #a32dda, 574px 400px #a32dda, 117px 337px #a32dda, 615px 1531px #a32dda, 437px 169px #a32dda, 2371px 757px #a32dda, 2411px 1916px #a32dda, 1488px 830px #a32dda, 459px 766px #a32dda, 137px 671px #a32dda, 13px 2084px #a32dda, 1370px 1465px #a32dda, 203px 288px #a32dda, 91px 1325px #a32dda, 954px 799px #a32dda, 1443px 2147px #a32dda, 1237px 1415px #a32dda, 124px 2537px #a32dda, 822px 466px #a32dda, 1016px 628px #a32dda, 2446px 370px #a32dda, 1498px 2473px #a32dda, 745px 710px #a32dda, 2157px 486px #a32dda, 1484px 807px #a32dda, 322px 2497px #a32dda, 2074px 1482px #a32dda, 2023px 2287px #a32dda, 1712px 123px #a32dda, 467px 912px #a32dda, 327px 1484px #a32dda, 2303px 2190px #a32dda, 82px 1003px #a32dda, 1506px 2146px #a32dda, 2119px 1783px #a32dda, 2555px 1338px #a32dda, 2396px 300px #a32dda, 2558px 1229px #a32dda, 1675px 1503px #a32dda, 630px 2037px #a32dda, 641px 455px #a32dda, 495px 777px #a32dda, 477px 1076px #a32dda, 498px 168px #a32dda, 1126px 282px #a32dda, 774px 1752px #a32dda, 986px 2493px #a32dda, 1119px 2455px #a32dda, 1378px 1547px #a32dda, 1152px 1731px #a32dda, 331px 2227px #a32dda, 2437px 1517px #a32dda, 2557px 1648px #a32dda, 148px 2048px #a32dda, 2137px 797px #a32dda, 2291px 1189px #a32dda, 1483px 1587px #a32dda, 541px 1987px #a32dda, 817px 633px #a32dda, 2046px 734px #a32dda, 1904px 1577px #a32dda, 1070px 2442px #a32dda, 625px 1977px #a32dda, 1726px 2273px #a32dda, 1407px 362px #a32dda, 2186px 47px #a32dda, 1202px 48px #a32dda, 1375px 1531px #a32dda, 2164px 1294px #a32dda, 1275px 38px #a32dda, 945px 1482px #a32dda, 2012px 90px #a32dda, 2131px 1378px #a32dda, 2062px 1226px #a32dda, 2389px 1677px #a32dda, 1308px 109px #a32dda, 1469px 1885px #a32dda, 985px 1356px #a32dda, 2115px 872px #a32dda, 1739px 194px #a32dda, 911px 985px #a32dda, 879px 1164px #a32dda, 390px 436px #a32dda, 1967px 617px #a32dda, 79px 1108px #a32dda, 1060px 721px #a32dda, 1070px 752px #a32dda, 342px 1685px #a32dda, 74px 1231px #a32dda, 2356px 1154px #a32dda, 1610px 695px #a32dda, 254px 401px #a32dda, 2483px 2514px #a32dda, 2395px 1749px #a32dda, 1014px 593px #a32dda, 352px 510px #a32dda, 593px 1527px #a32dda, 1437px 1025px #a32dda, 896px 2054px #a32dda, 549px 1133px #a32dda, 2036px 2220px #a32dda, 1874px 487px #a32dda, 858px 2191px #a32dda, 601px 2074px #a32dda, 2160px 1542px #a32dda, 814px 1072px #a32dda, 301px 1646px #a32dda, 72px 1036px #a32dda, 2143px 2337px #a32dda, 675px 1219px #a32dda, 2103px 2472px #a32dda, 2042px 1274px #a32dda, 795px 1744px #a32dda, 672px 697px #a32dda, 1844px 1681px #a32dda, 28px 2014px #a32dda, 660px 1222px #a32dda, 2305px 171px #a32dda, 2076px 1284px #a32dda, 2321px 738px #a32dda, 894px 1544px #a32dda, 2020px 1040px #a32dda, 2077px 688px #a32dda, 721px 2172px #a32dda, 1484px 2279px #a32dda, 1432px 1618px #a32dda, 349px 2439px #a32dda, 2080px 567px #a32dda, 2119px 1791px #a32dda, 1834px 1453px #a32dda, 245px 1608px #a32dda, 1210px 1487px #a32dda, 1521px 763px #a32dda, 2554px 460px #a32dda, 298px 222px #a32dda, 799px 1330px #a32dda, 679px 1313px #a32dda, 1143px 1033px #a32dda, 647px 904px #a32dda, 1547px 1253px #a32dda, 482px 939px #a32dda, 2480px 2457px #a32dda, 1767px 1839px #a32dda, 673px 522px #a32dda, 2039px 937px #a32dda, 531px 646px #a32dda, 367px 556px #a32dda, 2034px 1169px #a32dda, 107px 1413px #a32dda, 77px 1299px #a32dda, 222px 340px #a32dda, 1492px 1369px #a32dda, 711px 828px #a32dda, 1911px 71px #a32dda, 1582px 650px #a32dda, 1274px 481px #a32dda, 1681px 1037px #a32dda, 2073px 388px #a32dda, 2116px 2383px #a32dda, 1016px 194px #a32dda, 325px 2453px #a32dda, 2314px 1800px #a32dda, 474px 784px #a32dda, 1457px 2156px #a32dda, 824px 2425px #a32dda, 2217px 979px #a32dda, 2011px 1173px #a32dda, 2064px 738px #a32dda, 2024px 1680px #a32dda, 1732px 1466px #a32dda, 1301px 2055px #a32dda, 330px 2436px #a32dda, 1137px 2108px #a32dda, 799px 1477px #a32dda, 2518px 1677px #a32dda, 1595px 1377px #a32dda, 1314px 54px #a32dda, 569px 1595px #a32dda, 1717px 1089px #a32dda, 2074px 1029px #a32dda, 817px 1029px #a32dda, 1853px 992px #a32dda, 1380px 699px #a32dda, 1395px 1537px #a32dda, 1027px 1584px #a32dda, 2103px 1434px #a32dda, 2158px 2438px #a32dda, 2005px 1028px #a32dda, 1992px 2482px #a32dda, 2297px 20px #a32dda, 802px 702px #a32dda, 392px 2437px #a32dda, 1312px 1556px #a32dda, 2509px 710px #a32dda, 82px 1070px #a32dda, 2444px 650px #a32dda, 195px 2543px #a32dda, 981px 948px #a32dda, 1357px 1502px #a32dda, 928px 486px #a32dda, 688px 1092px #a32dda, 753px 304px #a32dda, 1195px 760px #a32dda, 1500px 336px #a32dda, 286px 2067px #a32dda, 402px 943px #a32dda, 1447px 1668px #a32dda, 218px 1545px #a32dda, 699px 2383px #a32dda, 1838px 667px #a32dda, 750px 72px #a32dda, 477px 1184px #a32dda, 1537px 1077px #a32dda, 1277px 611px #a32dda, 1264px 1338px #a32dda, 2367px 2138px #a32dda, 1957px 2109px #a32dda, 1299px 1984px #a32dda, 1253px 869px #a32dda, 1564px 349px #a32dda, 1211px 1867px #a32dda, 1677px 1936px #a32dda, 1759px 1482px #a32dda, 1806px 124px #a32dda, 655px 1526px #a32dda, 97px 2407px #a32dda, 1497px 575px #a32dda, 1764px 1670px #a32dda, 2027px 2216px #a32dda, 524px 1291px #a32dda, 1889px 1630px #a32dda, 2543px 1301px #a32dda, 2455px 1452px #a32dda, 1150px 1626px #a32dda, 1601px 225px #a32dda, 960px 1680px #a32dda, 2389px 1992px #a32dda, 966px 190px #a32dda, 339px 364px #a32dda, 723px 2160px #a32dda, 2535px 1766px #a32dda, 1738px 2309px #a32dda, 2311px 1922px #a32dda, 1024px 1490px #a32dda, 1800px 1084px #a32dda, 2316px 2432px #a32dda, 1866px 578px #a32dda, 1207px 551px #a32dda, 2221px 232px #a32dda, 534px 1910px #a32dda, 503px 441px #a32dda, 262px 2192px #a32dda, 448px 1139px #a32dda, 606px 158px #a32dda, 652px 713px #a32dda, 879px 1730px #a32dda, 2307px 963px #a32dda, 2343px 261px #a32dda, 1758px 414px #a32dda, 2087px 571px #a32dda, 1737px 2010px #a32dda, 1780px 2066px #a32dda, 1342px 1055px #a32dda, 850px 2249px #a32dda, 164px 1956px #a32dda, 1805px 1214px #a32dda, 261px 214px #a32dda, 169px 1659px #a32dda, 1684px 2520px #a32dda, 286px 2328px #a32dda, 1744px 1919px #a32dda, 180px 2398px #a32dda, 2417px 2148px #a32dda, 1624px 774px #a32dda, 508px 2426px #a32dda, 1669px 1901px #a32dda, 784px 1332px #a32dda, 220px 564px #a32dda, 147px 1552px #a32dda, 1875px 69px #a32dda, 1517px 958px #a32dda, 739px 827px #a32dda, 1707px 1295px #a32dda, 2505px 1566px #a32dda, 1599px 164px #a32dda, 2384px 2127px #a32dda, 547px 414px #a32dda, 500px 1158px #a32dda, 1134px 2314px #a32dda, 1445px 1339px #a32dda, 2208px 2039px #a32dda, 418px 1137px #a32dda, 348px 1205px #a32dda, 664px 1804px #a32dda, 49px 2175px #a32dda, 2134px 2403px #a32dda, 1830px 2478px #a32dda, 2228px 2264px #a32dda, 178px 1475px #a32dda, 553px 2036px #a32dda, 270px 2095px #a32dda, 794px 193px #a32dda, 131px 562px #a32dda, 1695px 2120px #a32dda, 2443px 1255px #a32dda, 517px 550px #a32dda, 805px 597px #a32dda, 561px 1183px #a32dda, 218px 598px #a32dda, 2404px 690px #a32dda, 2440px 540px #a32dda, 79px 2237px #a32dda, 2024px 1388px #a32dda, 584px 800px #a32dda, 1184px 1071px #a32dda, 1733px 813px #a32dda, 423px 1412px #a32dda, 1939px 1914px #a32dda, 965px 1982px #a32dda, 2061px 759px #a32dda, 191px 1539px #a32dda, 1806px 107px #a32dda, 2135px 1011px #a32dda, 385px 525px #a32dda, 2516px 618px #a32dda, 1580px 1730px #a32dda, 1406px 659px #a32dda, 2395px 2462px #a32dda, 1097px 1591px #a32dda, 1750px 1207px #a32dda, 1040px 1544px #a32dda, 1430px 1757px #a32dda, 363px 1992px #a32dda, 2419px 2249px #a32dda, 804px 1351px #a32dda, 373px 1094px #a32dda, 710px 171px #a32dda, 1609px 274px #a32dda, 2369px 819px #a32dda, 190px 919px #a32dda, 2548px 1262px #a32dda, 1305px 1519px #a32dda, 1535px 2558px #a32dda, 528px 2374px #a32dda, 2164px 1079px #a32dda, 1746px 806px #a32dda, 1370px 1140px #a32dda, 213px 18px #a32dda, 229px 979px #a32dda;
    height: 1px;
    width: 1px;
}

.particle-1:after {
    box-shadow: 0px 0px #a32dda, 2173px 16px #a32dda, 4px 1535px #a32dda, 1188px 736px #a32dda, 872px 1494px #a32dda, 2247px 1723px #a32dda, 2348px 717px #a32dda, 2192px 532px #a32dda, 364px 2267px #a32dda, 1795px 1749px #a32dda, 15px 490px #a32dda, 441px 445px #a32dda, 2172px 1891px #a32dda, 557px 55px #a32dda, 2313px 1282px #a32dda, 1370px 647px #a32dda, 749px 58px #a32dda, 1035px 1539px #a32dda, 897px 1570px #a32dda, 864px 2042px #a32dda, 1920px 667px #a32dda, 1676px 1554px #a32dda, 2458px 273px #a32dda, 1442px 2329px #a32dda, 2407px 1300px #a32dda, 975px 688px #a32dda, 1238px 633px #a32dda, 583px 2262px #a32dda, 1482px 1451px #a32dda, 851px 92px #a32dda, 1737px 1863px #a32dda, 1279px 2115px #a32dda, 1268px 1404px #a32dda, 2132px 988px #a32dda, 1371px 2373px #a32dda, 1873px 1629px #a32dda, 1501px 921px #a32dda, 1399px 572px #a32dda, 1545px 905px #a32dda, 2356px 2310px #a32dda, 1820px 2537px #a32dda, 2170px 1621px #a32dda, 953px 1060px #a32dda, 939px 458px #a32dda, 2183px 405px #a32dda, 15px 2110px #a32dda, 2200px 2124px #a32dda, 217px 1842px #a32dda, 1028px 1223px #a32dda, 2122px 294px #a32dda, 1854px 2015px #a32dda, 823px 85px #a32dda, 905px 2531px #a32dda, 1466px 1982px #a32dda, 954px 604px #a32dda, 395px 1746px #a32dda, 269px 1067px #a32dda, 2299px 1376px #a32dda, 1144px 1881px #a32dda, 1860px 1925px #a32dda, 2403px 2414px #a32dda, 1936px 1822px #a32dda, 169px 347px #a32dda, 1947px 2337px #a32dda, 2296px 820px #a32dda, 783px 2169px #a32dda, 812px 792px #a32dda, 601px 1392px #a32dda, 405px 1792px #a32dda, 1851px 880px #a32dda, 1544px 688px #a32dda, 807px 275px #a32dda, 333px 1354px #a32dda, 782px 1317px #a32dda, 1605px 1911px #a32dda, 617px 2548px #a32dda, 557px 182px #a32dda, 1675px 920px #a32dda, 2481px 2411px #a32dda, 154px 953px #a32dda, 2114px 1787px #a32dda, 522px 716px #a32dda, 88px 392px #a32dda, 1765px 727px #a32dda, 603px 261px #a32dda, 1609px 330px #a32dda, 565px 217px #a32dda, 1316px 2004px #a32dda, 90px 2455px #a32dda, 2212px 2189px #a32dda, 84px 1600px #a32dda, 1759px 1348px #a32dda, 160px 139px #a32dda, 655px 1450px #a32dda, 2024px 858px #a32dda, 2407px 2407px #a32dda, 686px 549px #a32dda, 1067px 743px #a32dda, 1586px 298px #a32dda, 1311px 914px #a32dda, 1681px 1973px #a32dda, 2033px 2145px #a32dda, 353px 1705px #a32dda, 190px 567px #a32dda, 2258px 2463px #a32dda, 270px 995px #a32dda, 1107px 1423px #a32dda, 65px 2013px #a32dda, 676px 573px #a32dda, 801px 1292px #a32dda, 754px 276px #a32dda, 547px 25px #a32dda, 471px 443px #a32dda, 1014px 437px #a32dda, 1951px 352px #a32dda, 1182px 881px #a32dda, 1490px 1471px #a32dda, 736px 2477px #a32dda, 341px 363px #a32dda, 441px 380px #a32dda, 2165px 1467px #a32dda, 971px 1757px #a32dda, 1630px 2364px #a32dda, 2348px 346px #a32dda, 1244px 2447px #a32dda, 2133px 1263px #a32dda, 11px 217px #a32dda, 680px 1135px #a32dda, 1831px 961px #a32dda, 1865px 1490px #a32dda, 1978px 2163px #a32dda, 193px 788px #a32dda, 1780px 2182px #a32dda, 373px 295px #a32dda, 508px 1692px #a32dda, 602px 229px #a32dda, 1508px 201px #a32dda, 358px 2371px #a32dda, 1356px 895px #a32dda, 442px 1900px #a32dda, 2283px 758px #a32dda, 33px 1281px #a32dda, 1130px 1920px #a32dda, 743px 1004px #a32dda, 676px 1752px #a32dda, 298px 623px #a32dda, 1601px 1285px #a32dda, 220px 1865px #a32dda, 2393px 1278px #a32dda, 178px 1277px #a32dda, 2433px 11px #a32dda, 283px 75px #a32dda, 1171px 645px #a32dda, 2371px 1387px #a32dda, 1006px 477px #a32dda, 947px 1122px #a32dda, 1559px 995px #a32dda, 1842px 1376px #a32dda, 2131px 1231px #a32dda, 858px 2490px #a32dda, 132px 198px #a32dda, 851px 1685px #a32dda, 1521px 376px #a32dda, 1053px 38px #a32dda, 1118px 751px #a32dda, 279px 1892px #a32dda, 2359px 768px #a32dda, 1427px 1648px #a32dda, 1499px 994px #a32dda, 1212px 1850px #a32dda, 1803px 1165px #a32dda, 221px 1231px #a32dda, 1243px 269px #a32dda, 969px 1835px #a32dda, 860px 1962px #a32dda, 2045px 2295px #a32dda, 18px 942px #a32dda, 916px 69px #a32dda, 942px 1579px #a32dda, 2000px 331px #a32dda, 778px 733px #a32dda, 645px 330px #a32dda, 1305px 1682px #a32dda, 238px 2522px #a32dda, 600px 1308px #a32dda, 1266px 1219px #a32dda, 2053px 558px #a32dda, 317px 1544px #a32dda, 1184px 360px #a32dda, 121px 2005px #a32dda, 918px 2171px #a32dda, 1892px 1256px #a32dda, 467px 499px #a32dda, 339px 889px #a32dda, 643px 2198px #a32dda, 1910px 808px #a32dda, 1861px 2519px #a32dda, 1924px 1734px #a32dda, 1276px 2284px #a32dda, 573px 2310px #a32dda, 1105px 314px #a32dda, 2367px 1217px #a32dda, 2475px 692px #a32dda, 510px 1469px #a32dda, 695px 1950px #a32dda, 877px 2198px #a32dda, 785px 209px #a32dda, 296px 2532px #a32dda, 1356px 1377px #a32dda, 951px 1040px #a32dda, 1902px 782px #a32dda, 1152px 2449px #a32dda, 1108px 1109px #a32dda, 649px 1424px #a32dda, 1212px 1901px #a32dda, 446px 576px #a32dda, 674px 1864px #a32dda, 868px 1469px #a32dda, 1296px 800px #a32dda, 642px 1888px #a32dda, 1215px 1945px #a32dda, 1075px 2309px #a32dda, 137px 796px #a32dda, 1476px 2280px #a32dda, 1405px 429px #a32dda, 2522px 2256px #a32dda, 739px 2339px #a32dda, 551px 784px #a32dda, 251px 1041px #a32dda, 1346px 56px #a32dda, 2438px 2326px #a32dda, 333px 2446px #a32dda, 561px 2016px #a32dda, 665px 1867px #a32dda, 2120px 1495px #a32dda, 464px 1296px #a32dda, 2036px 575px #a32dda, 2501px 639px #a32dda, 245px 1940px #a32dda, 2152px 1581px #a32dda, 2555px 1638px #a32dda, 1315px 1677px #a32dda, 370px 1613px #a32dda, 1111px 2205px #a32dda, 1464px 2310px #a32dda, 365px 197px #a32dda, 195px 1763px #a32dda, 2488px 1984px #a32dda, 2365px 2118px #a32dda, 2188px 2215px #a32dda, 1853px 1025px #a32dda, 2240px 243px #a32dda, 1921px 1302px #a32dda, 835px 1194px #a32dda, 819px 389px #a32dda, 819px 2277px #a32dda, 687px 1972px #a32dda, 1217px 250px #a32dda, 162px 990px #a32dda, 736px 1376px #a32dda, 421px 2474px #a32dda, 2342px 728px #a32dda, 1521px 2118px #a32dda, 1057px 929px #a32dda, 412px 2453px #a32dda, 1334px 2425px #a32dda, 2055px 216px #a32dda, 2388px 1970px #a32dda, 2558px 1703px #a32dda, 2299px 628px #a32dda, 1443px 643px #a32dda, 1924px 2469px #a32dda, 2486px 288px #a32dda, 2484px 1530px #a32dda, 2425px 99px #a32dda, 473px 1768px #a32dda, 1183px 1731px #a32dda, 1277px 2019px #a32dda, 798px 398px #a32dda, 1553px 1601px #a32dda, 2466px 1188px #a32dda, 2417px 51px #a32dda, 1200px 287px #a32dda, 1402px 807px #a32dda, 922px 1791px #a32dda, 312px 2008px #a32dda, 783px 122px #a32dda, 1172px 2268px #a32dda, 820px 1794px #a32dda, 1076px 264px #a32dda, 8px 2181px #a32dda, 484px 231px #a32dda, 1572px 855px #a32dda, 2140px 2160px #a32dda, 56px 1552px #a32dda, 2384px 2070px #a32dda, 247px 2360px #a32dda, 1573px 36px #a32dda, 2516px 1435px #a32dda, 158px 2456px #a32dda, 1833px 1086px #a32dda, 1953px 2485px #a32dda, 121px 2277px #a32dda, 729px 1817px #a32dda, 306px 2216px #a32dda, 226px 1886px #a32dda, 1349px 2216px #a32dda, 2198px 1579px #a32dda, 2151px 1057px #a32dda, 1049px 1085px #a32dda, 309px 2018px #a32dda, 1703px 507px #a32dda, 2076px 1136px #a32dda, 351px 94px #a32dda, 1344px 1289px #a32dda, 1742px 725px #a32dda, 1854px 42px #a32dda, 921px 331px #a32dda, 688px 928px #a32dda, 1397px 80px #a32dda, 475px 2488px #a32dda, 2139px 1730px #a32dda, 355px 1509px #a32dda, 2331px 1419px #a32dda, 2088px 692px #a32dda, 1197px 471px #a32dda, 2416px 1036px #a32dda, 192px 876px #a32dda, 1507px 1508px #a32dda, 442px 2146px #a32dda, 2307px 2473px #a32dda, 1822px 1434px #a32dda, 1958px 22px #a32dda, 826px 1297px #a32dda, 2491px 2158px #a32dda, 2213px 996px #a32dda, 2338px 2195px #a32dda, 1374px 2074px #a32dda, 1424px 518px #a32dda, 387px 1942px #a32dda, 1252px 1174px #a32dda, 632px 1700px #a32dda, 1251px 2156px #a32dda, 1240px 372px #a32dda, 30px 1039px #a32dda, 2382px 1523px #a32dda, 1848px 1204px #a32dda, 2016px 428px #a32dda, 1526px 1311px #a32dda, 862px 1830px #a32dda, 2333px 1868px #a32dda, 19px 2517px #a32dda, 1446px 1238px #a32dda, 1070px 510px #a32dda, 1421px 1812px #a32dda, 1230px 1539px #a32dda, 132px 1531px #a32dda, 892px 524px #a32dda, 1624px 1784px #a32dda, 831px 55px #a32dda, 1831px 1598px #a32dda, 988px 873px #a32dda, 463px 639px #a32dda, 1822px 822px #a32dda, 1947px 1101px #a32dda, 2382px 621px #a32dda, 1203px 1308px #a32dda, 2010px 1728px #a32dda, 962px 119px #a32dda, 599px 865px #a32dda, 765px 989px #a32dda, 323px 12px #a32dda, 754px 1967px #a32dda, 1783px 1075px #a32dda, 302px 422px #a32dda, 621px 85px #a32dda, 802px 1632px #a32dda, 1442px 1274px #a32dda, 886px 682px #a32dda, 709px 255px #a32dda, 1453px 1310px #a32dda, 962px 284px #a32dda, 1421px 1210px #a32dda, 1911px 924px #a32dda, 1427px 920px #a32dda, 2321px 207px #a32dda, 1772px 1669px #a32dda, 2515px 1903px #a32dda, 1428px 1568px #a32dda, 2178px 604px #a32dda, 1993px 599px #a32dda, 1439px 434px #a32dda, 1150px 2532px #a32dda, 1815px 1671px #a32dda, 1773px 2110px #a32dda, 41px 1508px #a32dda, 1196px 2234px #a32dda, 184px 1372px #a32dda, 2170px 1498px #a32dda, 1474px 807px #a32dda, 355px 1836px #a32dda, 1062px 854px #a32dda, 1563px 2102px #a32dda, 881px 1727px #a32dda, 536px 991px #a32dda, 2368px 2395px #a32dda, 929px 1607px #a32dda, 987px 557px #a32dda, 1502px 807px #a32dda, 604px 2176px #a32dda, 1742px 59px #a32dda, 767px 2062px #a32dda, 1730px 2097px #a32dda, 357px 683px #a32dda, 1855px 1029px #a32dda, 1193px 2546px #a32dda, 852px 1863px #a32dda, 880px 578px #a32dda, 569px 1754px #a32dda, 1579px 670px #a32dda, 481px 729px #a32dda, 224px 1596px #a32dda, 2485px 2206px #a32dda, 765px 1011px #a32dda, 651px 998px #a32dda, 2381px 489px #a32dda, 1720px 470px #a32dda, 2115px 1048px #a32dda, 2207px 696px #a32dda, 1082px 1351px #a32dda, 2136px 453px #a32dda, 1979px 879px #a32dda, 2309px 1542px #a32dda, 1097px 665px #a32dda, 608px 751px #a32dda, 2086px 2384px #a32dda, 847px 523px #a32dda, 1030px 87px #a32dda, 46px 228px #a32dda, 1581px 2398px #a32dda, 2292px 1415px #a32dda, 2550px 223px #a32dda, 1803px 433px #a32dda, 2304px 679px #a32dda, 1959px 709px #a32dda, 1655px 1951px #a32dda, 2095px 2304px #a32dda, 1976px 2548px #a32dda, 802px 670px #a32dda, 1708px 297px #a32dda, 1978px 2496px #a32dda, 2171px 267px #a32dda, 307px 199px #a32dda, 743px 791px #a32dda, 2536px 2545px #a32dda, 1823px 2310px #a32dda, 498px 603px #a32dda, 537px 2202px #a32dda, 1297px 420px #a32dda, 537px 210px #a32dda, 1839px 1983px #a32dda, 597px 852px #a32dda, 1127px 550px #a32dda, 2326px 632px #a32dda, 1237px 1020px #a32dda, 2111px 1149px #a32dda, 683px 260px #a32dda, 1529px 2099px #a32dda, 1289px 1205px #a32dda, 323px 796px #a32dda, 174px 775px #a32dda, 2540px 702px #a32dda, 2346px 1037px #a32dda, 257px 2205px #a32dda, 1290px 1926px #a32dda, 2384px 2329px #a32dda, 1573px 1321px #a32dda, 991px 671px #a32dda, 2057px 2476px #a32dda, 2411px 1556px #a32dda, 131px 874px #a32dda, 2328px 1330px #a32dda, 741px 611px #a32dda, 2390px 2498px #a32dda, 1111px 2528px #a32dda, 512px 511px #a32dda, 2297px 125px #a32dda, 586px 1997px #a32dda, 1899px 13px #a32dda, 691px 2128px #a32dda, 1627px 496px #a32dda, 1695px 2186px #a32dda, 1796px 545px #a32dda, 2098px 253px #a32dda, 1882px 1559px #a32dda, 1432px 1549px #a32dda, 322px 2294px #a32dda, 347px 1946px #a32dda, 2381px 794px #a32dda, 2001px 1077px #a32dda, 223px 2406px #a32dda, 942px 1857px #a32dda, 291px 1675px #a32dda, 1240px 839px #a32dda, 1982px 733px #a32dda, 427px 893px #a32dda, 1376px 907px #a32dda, 169px 34px #a32dda, 1298px 1061px #a32dda, 2127px 542px #a32dda, 1738px 719px #a32dda, 1792px 1454px #a32dda, 2178px 1414px #a32dda, 992px 1401px #a32dda, 794px 2287px #a32dda, 2529px 2338px #a32dda, 397px 102px #a32dda, 1811px 1166px #a32dda, 1056px 2218px #a32dda, 588px 2137px #a32dda, 1559px 871px #a32dda, 154px 1533px #a32dda, 1044px 158px #a32dda, 1339px 2136px #a32dda, 417px 288px #a32dda, 1201px 137px #a32dda, 2137px 1876px #a32dda, 488px 2510px #a32dda, 471px 159px #a32dda, 2458px 729px #a32dda, 743px 367px #a32dda, 540px 495px #a32dda, 1670px 2161px #a32dda, 1648px 1826px #a32dda, 829px 1727px #a32dda, 1498px 1184px #a32dda, 2335px 2px #a32dda, 148px 1321px #a32dda, 302px 166px #a32dda, 896px 1565px #a32dda, 395px 1823px #a32dda, 2428px 2512px #a32dda, 1438px 2092px #a32dda, 2006px 1936px #a32dda, 266px 488px #a32dda, 2165px 1727px #a32dda, 173px 578px #a32dda, 1862px 2201px #a32dda, 980px 717px #a32dda, 2328px 358px #a32dda, 950px 1204px #a32dda, 257px 1429px #a32dda, 1018px 2088px #a32dda, 882px 1792px #a32dda, 583px 1961px #a32dda, 448px 2348px #a32dda, 1469px 1341px #a32dda, 2142px 1456px #a32dda, 233px 683px #a32dda, 2423px 1406px #a32dda, 1851px 1909px #a32dda, 1337px 329px #a32dda, 2418px 663px #a32dda, 749px 2499px #a32dda, 2293px 1426px #a32dda, 977px 2291px #a32dda, 2163px 1310px #a32dda, 2142px 1987px #a32dda, 419px 353px #a32dda, 1252px 1062px #a32dda, 111px 2456px #a32dda, 2025px 1988px #a32dda, 1760px 111px #a32dda, 1451px 401px #a32dda, 1928px 1311px #a32dda, 1203px 2521px #a32dda, 1221px 636px #a32dda, 1331px 2054px #a32dda, 2440px 928px #a32dda, 1395px 100px #a32dda, 874px 723px #a32dda, 2251px 1200px #a32dda, 442px 554px #a32dda, 686px 1509px #a32dda, 1309px 77px #a32dda, 465px 1548px #a32dda, 153px 851px #a32dda, 1314px 1619px #a32dda, 1617px 189px #a32dda, 135px 2455px #a32dda, 155px 243px #a32dda, 1764px 546px #a32dda, 782px 1055px #a32dda, 1887px 1312px #a32dda, 232px 1469px #a32dda, 757px 1664px #a32dda, 2012px 1173px #a32dda, 24px 37px #a32dda, 455px 414px #a32dda, 1989px 453px #a32dda, 1642px 979px #a32dda;
    height: 1px;
    width: 1px;
}

.particle-2 {
    -webkit-animation: animParticle 120s linear infinite;
    animation: animParticle 120s linear infinite;
    box-shadow: 0px 0px #a32dda, 820px 2123px #a32dda, 1256px 2345px #a32dda, 1997px 1395px #a32dda, 435px 150px #a32dda, 671px 813px #a32dda, 2073px 204px #a32dda, 314px 1582px #a32dda, 2158px 643px #a32dda, 2371px 2074px #a32dda, 2314px 727px #a32dda, 2343px 1368px #a32dda, 2290px 1025px #a32dda, 1988px 2423px #a32dda, 1439px 686px #a32dda, 2373px 2228px #a32dda, 613px 54px #a32dda, 2374px 1504px #a32dda, 1430px 2069px #a32dda, 1688px 1965px #a32dda, 897px 887px #a32dda, 1810px 1864px #a32dda, 361px 2479px #a32dda, 1116px 1084px #a32dda, 812px 926px #a32dda, 1356px 82px #a32dda, 1229px 2448px #a32dda, 2430px 1929px #a32dda, 2289px 1883px #a32dda, 1904px 239px #a32dda, 652px 2527px #a32dda, 557px 2351px #a32dda, 1610px 1978px #a32dda, 1116px 1807px #a32dda, 1928px 2273px #a32dda, 542px 507px #a32dda, 1119px 2084px #a32dda, 1641px 2327px #a32dda, 2155px 851px #a32dda, 43px 1634px #a32dda, 757px 132px #a32dda, 2282px 89px #a32dda, 2152px 1305px #a32dda, 1924px 2232px #a32dda, 304px 2399px #a32dda, 608px 1703px #a32dda, 1718px 2437px #a32dda, 1302px 1315px #a32dda, 12px 2554px #a32dda, 1383px 2204px #a32dda, 1921px 2212px #a32dda, 277px 591px #a32dda, 310px 1279px #a32dda, 1187px 995px #a32dda, 246px 1973px #a32dda, 1620px 1177px #a32dda, 1724px 77px #a32dda, 1723px 1856px #a32dda, 1208px 644px #a32dda, 725px 1866px #a32dda, 454px 1683px #a32dda, 1510px 1392px #a32dda, 513px 688px #a32dda, 1335px 1487px #a32dda, 1202px 164px #a32dda, 1956px 945px #a32dda, 1027px 948px #a32dda, 2133px 2179px #a32dda, 1370px 1187px #a32dda, 1405px 946px #a32dda, 867px 1182px #a32dda, 1617px 2447px #a32dda, 2167px 966px #a32dda, 2289px 1189px #a32dda, 739px 779px #a32dda, 1171px 1544px #a32dda, 691px 101px #a32dda, 1687px 1794px #a32dda, 272px 556px #a32dda, 1220px 2322px #a32dda, 2305px 2378px #a32dda, 58px 2487px #a32dda, 2082px 679px #a32dda, 1675px 440px #a32dda, 1496px 2307px #a32dda, 355px 1076px #a32dda, 667px 683px #a32dda, 1132px 2263px #a32dda, 374px 139px #a32dda, 1688px 456px #a32dda, 774px 322px #a32dda, 1005px 423px #a32dda, 2357px 2203px #a32dda, 158px 1013px #a32dda, 1897px 1196px #a32dda, 2545px 293px #a32dda, 2134px 2084px #a32dda, 683px 634px #a32dda, 579px 887px #a32dda, 1915px 436px #a32dda, 1400px 1483px #a32dda, 511px 2321px #a32dda, 1831px 429px #a32dda, 1197px 979px #a32dda, 1px 339px #a32dda, 48px 1349px #a32dda, 719px 1636px #a32dda, 792px 690px #a32dda, 436px 1301px #a32dda, 2249px 1950px #a32dda, 867px 2221px #a32dda, 499px 1231px #a32dda, 2044px 458px #a32dda, 1372px 1361px #a32dda, 1080px 33px #a32dda, 4px 330px #a32dda, 899px 509px #a32dda, 731px 167px #a32dda, 761px 2038px #a32dda, 691px 1543px #a32dda, 2490px 2219px #a32dda, 1681px 1154px #a32dda, 1070px 759px #a32dda, 799px 910px #a32dda, 460px 228px #a32dda, 1025px 537px #a32dda, 2518px 534px #a32dda, 13px 525px #a32dda, 887px 742px #a32dda, 1977px 853px #a32dda, 1364px 2020px #a32dda, 492px 42px #a32dda, 478px 1934px #a32dda, 2493px 820px #a32dda, 1483px 2060px #a32dda, 494px 1047px #a32dda, 2180px 2077px #a32dda, 2514px 1757px #a32dda, 261px 2273px #a32dda, 1891px 2324px #a32dda, 469px 9px #a32dda, 1527px 1367px #a32dda, 1205px 556px #a32dda, 2095px 1737px #a32dda, 110px 1018px #a32dda, 1479px 376px #a32dda, 568px 376px #a32dda, 1807px 1294px #a32dda, 723px 1989px #a32dda, 1215px 74px #a32dda, 1950px 2347px #a32dda, 1155px 1601px #a32dda, 651px 1450px #a32dda, 1749px 2560px #a32dda, 555px 1401px #a32dda, 1599px 1494px #a32dda, 869px 369px #a32dda, 2305px 120px #a32dda, 1561px 238px #a32dda, 1265px 240px #a32dda, 1856px 1039px #a32dda, 336px 79px #a32dda, 1647px 2376px #a32dda, 2357px 316px #a32dda, 1386px 1976px #a32dda, 1448px 195px #a32dda, 872px 2254px #a32dda, 704px 627px #a32dda, 1103px 1017px #a32dda, 2265px 1980px #a32dda, 587px 2155px #a32dda, 2291px 2122px #a32dda, 1699px 1481px #a32dda, 809px 1665px #a32dda, 1068px 428px #a32dda, 1143px 1644px #a32dda, 355px 1906px #a32dda, 2462px 1937px #a32dda, 1432px 1735px #a32dda, 497px 1091px #a32dda, 138px 1493px #a32dda, 2547px 1366px #a32dda, 2517px 607px #a32dda, 1558px 1503px #a32dda, 2453px 1278px #a32dda, 2003px 2164px #a32dda, 1469px 1961px #a32dda, 99px 1062px #a32dda, 1372px 2483px #a32dda, 773px 111px #a32dda, 2346px 701px #a32dda, 3px 725px #a32dda, 1272px 2131px #a32dda, 2464px 834px #a32dda, 394px 618px #a32dda, 1502px 988px #a32dda, 50px 2355px #a32dda, 2194px 873px #a32dda, 2366px 1589px #a32dda, 1696px 609px #a32dda, 1598px 1636px #a32dda;
    height: 2px;
    width: 2px;
}

.particle-2:after {
    box-shadow: 0px 0px #a32dda, 294px 1913px #a32dda, 659px 1556px #a32dda, 360px 1872px #a32dda, 1546px 521px #a32dda, 915px 19px #a32dda, 2048px 425px #a32dda, 590px 117px #a32dda, 1254px 76px #a32dda, 1125px 1146px #a32dda, 14px 965px #a32dda, 410px 1567px #a32dda, 1101px 1899px #a32dda, 282px 319px #a32dda, 202px 212px #a32dda, 1880px 1547px #a32dda, 2006px 2148px #a32dda, 563px 1611px #a32dda, 917px 989px #a32dda, 319px 1777px #a32dda, 577px 929px #a32dda, 452px 576px #a32dda, 2246px 632px #a32dda, 1910px 160px #a32dda, 687px 191px #a32dda, 438px 78px #a32dda, 1562px 1462px #a32dda, 1876px 1807px #a32dda, 727px 2452px #a32dda, 380px 2181px #a32dda, 451px 1245px #a32dda, 1397px 2115px #a32dda, 1937px 2509px #a32dda, 1610px 1057px #a32dda, 1901px 185px #a32dda, 1487px 702px #a32dda, 1254px 1917px #a32dda, 2537px 2450px #a32dda, 1884px 1611px #a32dda, 1228px 473px #a32dda, 1978px 621px #a32dda, 874px 283px #a32dda, 868px 1717px #a32dda, 45px 1700px #a32dda, 778px 1418px #a32dda, 1697px 1546px #a32dda, 1604px 2009px #a32dda, 306px 587px #a32dda, 1191px 259px #a32dda, 556px 2462px #a32dda, 1054px 2340px #a32dda, 419px 2481px #a32dda, 1665px 1539px #a32dda, 2003px 980px #a32dda, 638px 566px #a32dda, 1437px 1824px #a32dda, 850px 351px #a32dda, 1137px 1098px #a32dda, 702px 2532px #a32dda, 1172px 744px #a32dda, 884px 6px #a32dda, 2050px 1721px #a32dda, 2268px 343px #a32dda, 2363px 1478px #a32dda, 892px 2480px #a32dda, 1079px 1867px #a32dda, 36px 302px #a32dda, 1707px 36px #a32dda, 1105px 1287px #a32dda, 536px 2293px #a32dda, 195px 1968px #a32dda, 2061px 1679px #a32dda, 1252px 501px #a32dda, 485px 1071px #a32dda, 1465px 1808px #a32dda, 1296px 1164px #a32dda, 2313px 265px #a32dda, 1235px 2073px #a32dda, 1035px 533px #a32dda, 1124px 1522px #a32dda, 561px 2221px #a32dda, 1454px 322px #a32dda, 1992px 249px #a32dda, 332px 1232px #a32dda, 1033px 1377px #a32dda, 2559px 678px #a32dda, 2245px 1062px #a32dda, 2099px 2015px #a32dda, 1432px 2555px #a32dda, 2106px 155px #a32dda, 1547px 1105px #a32dda, 1924px 1389px #a32dda, 1611px 2421px #a32dda, 373px 1480px #a32dda, 2437px 1600px #a32dda, 2254px 1280px #a32dda, 1642px 698px #a32dda, 949px 1659px #a32dda, 1983px 2381px #a32dda, 1855px 1318px #a32dda, 583px 2093px #a32dda, 1258px 2018px #a32dda, 22px 616px #a32dda, 454px 272px #a32dda, 2453px 915px #a32dda, 484px 43px #a32dda, 2056px 2156px #a32dda, 929px 2263px #a32dda, 295px 936px #a32dda, 592px 587px #a32dda, 77px 1693px #a32dda, 2016px 678px #a32dda, 1303px 1498px #a32dda, 1524px 2355px #a32dda, 974px 489px #a32dda, 2484px 1354px #a32dda, 421px 1783px #a32dda, 350px 1204px #a32dda, 2375px 1828px #a32dda, 2551px 1278px #a32dda, 2126px 109px #a32dda, 2510px 1837px #a32dda, 55px 82px #a32dda, 2079px 519px #a32dda, 1984px 938px #a32dda, 263px 2518px #a32dda, 287px 1341px #a32dda, 828px 2094px #a32dda, 2123px 1138px #a32dda, 275px 2460px #a32dda, 1261px 2539px #a32dda, 2059px 851px #a32dda, 1044px 1102px #a32dda, 846px 2351px #a32dda, 1435px 271px #a32dda, 2324px 2094px #a32dda, 1727px 1395px #a32dda, 1087px 2138px #a32dda, 298px 409px #a32dda, 2110px 1306px #a32dda, 1676px 1375px #a32dda, 1399px 967px #a32dda, 826px 424px #a32dda, 2206px 54px #a32dda, 1189px 261px #a32dda, 1968px 1670px #a32dda, 1997px 495px #a32dda, 280px 2513px #a32dda, 477px 1115px #a32dda, 560px 1581px #a32dda, 907px 1731px #a32dda, 2283px 1235px #a32dda, 266px 2072px #a32dda, 2460px 727px #a32dda, 1264px 2171px #a32dda, 1454px 795px #a32dda, 2292px 2103px #a32dda, 852px 1938px #a32dda, 1233px 302px #a32dda, 1587px 1801px #a32dda, 164px 997px #a32dda, 2307px 598px #a32dda, 1765px 1396px #a32dda, 2196px 2237px #a32dda, 1904px 1312px #a32dda, 1557px 720px #a32dda, 759px 641px #a32dda, 1342px 1141px #a32dda, 167px 1603px #a32dda, 2274px 2257px #a32dda, 567px 417px #a32dda, 1000px 1253px #a32dda, 1393px 2353px #a32dda, 1502px 675px #a32dda, 2266px 1403px #a32dda, 1338px 1785px #a32dda, 2430px 888px #a32dda, 1150px 1786px #a32dda, 164px 1653px #a32dda, 1393px 1919px #a32dda, 1116px 246px #a32dda, 2494px 2558px #a32dda, 2401px 931px #a32dda, 1766px 1046px #a32dda, 1446px 1px #a32dda, 1371px 1920px #a32dda, 368px 1649px #a32dda, 353px 540px #a32dda, 2288px 601px #a32dda, 2483px 1034px #a32dda, 10px 1473px #a32dda, 1542px 2235px #a32dda, 145px 1281px #a32dda, 2002px 625px #a32dda, 229px 776px #a32dda, 629px 2183px #a32dda, 2221px 9px #a32dda, 1790px 1556px #a32dda, 1008px 1946px #a32dda, 1142px 2092px #a32dda, 542px 2418px #a32dda;
    height: 2px;
    width: 2px;
}

.particle-3 {
    -webkit-animation: animParticle 180s linear infinite;
    animation: animParticle 180s linear infinite;
    box-shadow: 0px 0px #a32dda, 1020px 2226px #a32dda, 1079px 2213px #a32dda, 162px 1761px #a32dda, 2526px 354px #a32dda, 1473px 396px #a32dda, 355px 2198px #a32dda, 1364px 2453px #a32dda, 706px 1208px #a32dda, 225px 1569px #a32dda, 183px 1904px #a32dda, 766px 255px #a32dda, 957px 1170px #a32dda, 1740px 881px #a32dda, 1419px 2147px #a32dda, 1155px 2339px #a32dda, 2236px 1188px #a32dda, 56px 313px #a32dda, 589px 930px #a32dda, 1338px 2072px #a32dda, 677px 32px #a32dda, 749px 2004px #a32dda, 105px 139px #a32dda, 1396px 1579px #a32dda, 607px 2327px #a32dda, 1284px 906px #a32dda, 1721px 1557px #a32dda, 407px 961px #a32dda, 981px 1618px #a32dda, 984px 1926px #a32dda, 990px 1142px #a32dda, 116px 1762px #a32dda, 677px 2083px #a32dda, 1902px 1134px #a32dda, 2336px 24px #a32dda, 1407px 656px #a32dda, 1034px 1705px #a32dda, 2314px 447px #a32dda, 1501px 1262px #a32dda, 62px 2280px #a32dda, 394px 1058px #a32dda, 1966px 1764px #a32dda, 1217px 1541px #a32dda, 358px 1857px #a32dda, 1472px 2306px #a32dda, 22px 2077px #a32dda, 2379px 2497px #a32dda, 762px 717px #a32dda, 1934px 487px #a32dda, 1515px 2211px #a32dda, 499px 1694px #a32dda, 1506px 336px #a32dda, 2067px 739px #a32dda, 1112px 1297px #a32dda, 1303px 1260px #a32dda, 1038px 208px #a32dda, 1073px 1165px #a32dda, 854px 1352px #a32dda, 45px 477px #a32dda, 701px 1743px #a32dda, 1034px 767px #a32dda, 1653px 1486px #a32dda, 26px 2271px #a32dda, 1971px 1714px #a32dda, 2445px 1056px #a32dda, 2409px 723px #a32dda, 757px 1242px #a32dda, 2428px 953px #a32dda, 598px 2348px #a32dda, 2452px 207px #a32dda, 2138px 2136px #a32dda, 2393px 205px #a32dda, 918px 441px #a32dda, 1320px 1832px #a32dda, 1120px 1784px #a32dda, 2239px 1233px #a32dda, 1046px 1424px #a32dda, 392px 2135px #a32dda, 643px 1006px #a32dda, 1942px 96px #a32dda, 1764px 2391px #a32dda, 1114px 2217px #a32dda, 1410px 2103px #a32dda, 2348px 2509px #a32dda, 745px 1931px #a32dda, 2347px 1135px #a32dda, 1000px 544px #a32dda, 2461px 582px #a32dda, 1822px 790px #a32dda, 1132px 1436px #a32dda, 1207px 2139px #a32dda, 1922px 2260px #a32dda, 1622px 1321px #a32dda, 1812px 207px #a32dda, 582px 1344px #a32dda, 918px 579px #a32dda, 1806px 1300px #a32dda, 1918px 761px #a32dda, 2318px 1567px #a32dda, 919px 2198px #a32dda, 2008px 2222px #a32dda;
    height: 3px;
    width: 3px;
}

.particle-3:after {
    box-shadow: 0px 0px #a32dda, 2148px 1068px #a32dda, 1559px 721px #a32dda, 1631px 1161px #a32dda, 545px 1479px #a32dda, 852px 2109px #a32dda, 1601px 1365px #a32dda, 2079px 1792px #a32dda, 1395px 830px #a32dda, 352px 2119px #a32dda, 912px 1685px #a32dda, 2119px 2181px #a32dda, 449px 996px #a32dda, 1648px 978px #a32dda, 764px 1901px #a32dda, 2278px 1218px #a32dda, 22px 783px #a32dda, 2015px 327px #a32dda, 737px 2154px #a32dda, 995px 1640px #a32dda, 1449px 508px #a32dda, 963px 2260px #a32dda, 2252px 112px #a32dda, 994px 864px #a32dda, 2009px 534px #a32dda, 2418px 2008px #a32dda, 1597px 111px #a32dda, 1863px 1794px #a32dda, 1893px 509px #a32dda, 2038px 1312px #a32dda, 342px 526px #a32dda, 359px 190px #a32dda, 1795px 687px #a32dda, 616px 639px #a32dda, 1921px 1850px #a32dda, 325px 1px #a32dda, 451px 1070px #a32dda, 965px 274px #a32dda, 986px 1848px #a32dda, 1038px 682px #a32dda, 93px 2379px #a32dda, 196px 1661px #a32dda, 939px 455px #a32dda, 253px 1753px #a32dda, 1547px 2143px #a32dda, 583px 442px #a32dda, 116px 266px #a32dda, 1614px 1981px #a32dda, 564px 100px #a32dda, 103px 1144px #a32dda, 898px 2059px #a32dda, 1408px 63px #a32dda, 1865px 1273px #a32dda, 2336px 2367px #a32dda, 712px 206px #a32dda, 1931px 1740px #a32dda, 2341px 322px #a32dda, 1978px 2496px #a32dda, 1970px 1408px #a32dda, 980px 1006px #a32dda, 596px 2023px #a32dda, 771px 904px #a32dda, 537px 1678px #a32dda, 1135px 867px #a32dda, 1727px 148px #a32dda, 1700px 260px #a32dda, 2033px 1806px #a32dda, 699px 1498px #a32dda, 132px 1550px #a32dda, 61px 2368px #a32dda, 388px 1994px #a32dda, 2233px 2001px #a32dda, 937px 1013px #a32dda, 222px 1182px #a32dda, 1371px 494px #a32dda, 384px 24px #a32dda, 1118px 1905px #a32dda, 524px 874px #a32dda, 243px 1747px #a32dda, 244px 1110px #a32dda, 976px 1677px #a32dda, 2105px 1493px #a32dda, 2120px 1691px #a32dda, 1346px 348px #a32dda, 1162px 177px #a32dda, 1543px 1001px #a32dda, 1936px 310px #a32dda, 511px 305px #a32dda, 657px 721px #a32dda, 2191px 558px #a32dda, 1897px 2529px #a32dda, 1815px 1570px #a32dda, 1371px 1171px #a32dda, 2273px 1558px #a32dda, 793px 387px #a32dda, 763px 1880px #a32dda, 1370px 2534px #a32dda, 612px 1121px #a32dda, 21px 223px #a32dda, 388px 1106px #a32dda, 2015px 2208px #a32dda;
    height: 3px;
    width: 3px;
}

.particle-4 {
    -webkit-animation: animParticle 600s linear infinite;
    animation: animParticle 600s linear infinite;
    box-shadow: 0px 0px #a32dda, 1778px 2483px #a32dda, 2286px 363px #a32dda, 53px 251px #a32dda, 487px 2333px #a32dda, 677px 430px #a32dda, 589px 36px #a32dda, 1770px 406px #a32dda, 816px 1863px #a32dda, 558px 2004px #a32dda, 301px 185px #a32dda, 638px 487px #a32dda, 1362px 2486px #a32dda, 2366px 1148px #a32dda, 580px 270px #a32dda, 52px 2444px #a32dda, 394px 1661px #a32dda, 2053px 716px #a32dda, 1060px 2421px #a32dda, 1431px 1980px #a32dda, 1020px 697px #a32dda, 832px 238px #a32dda, 525px 1689px #a32dda, 528px 858px #a32dda, 311px 1940px #a32dda, 315px 819px #a32dda, 205px 752px #a32dda, 1008px 2224px #a32dda, 681px 2476px #a32dda, 1997px 1208px #a32dda, 1273px 1110px #a32dda, 363px 1877px #a32dda, 1238px 1873px #a32dda, 138px 1538px #a32dda, 443px 1227px #a32dda, 1403px 530px #a32dda, 2413px 980px #a32dda, 1278px 1342px #a32dda, 1083px 558px #a32dda, 2227px 2131px #a32dda, 2354px 2281px #a32dda, 598px 764px #a32dda, 794px 2195px #a32dda, 1642px 1916px #a32dda, 1357px 1509px #a32dda, 1240px 1368px #a32dda, 960px 1228px #a32dda, 2180px 1535px #a32dda, 1950px 1607px #a32dda, 2005px 2083px #a32dda, 1549px 1578px #a32dda, 1033px 2181px #a32dda, 1702px 1700px #a32dda, 1608px 363px #a32dda, 1658px 1394px #a32dda, 1027px 2074px #a32dda, 2376px 306px #a32dda, 1327px 514px #a32dda, 1478px 1141px #a32dda, 1610px 680px #a32dda, 449px 433px #a32dda, 92px 678px #a32dda, 1298px 662px #a32dda, 1828px 2040px #a32dda, 1314px 737px #a32dda, 2448px 1533px #a32dda, 2362px 2028px #a32dda, 603px 2336px #a32dda, 1051px 2544px #a32dda, 412px 1598px #a32dda, 819px 2006px #a32dda, 1519px 1858px #a32dda, 453px 2370px #a32dda, 871px 2332px #a32dda, 2271px 1772px #a32dda, 1252px 89px #a32dda, 1459px 2027px #a32dda, 273px 980px #a32dda, 2184px 1637px #a32dda, 1538px 1871px #a32dda, 1086px 2422px #a32dda, 129px 1086px #a32dda, 1211px 2321px #a32dda, 607px 2201px #a32dda, 1221px 175px #a32dda, 1162px 614px #a32dda, 505px 2119px #a32dda, 2102px 1805px #a32dda, 1893px 740px #a32dda, 2548px 2443px #a32dda, 1464px 1133px #a32dda, 1765px 2150px #a32dda, 2234px 1880px #a32dda, 1511px 2459px #a32dda, 2014px 1993px #a32dda, 676px 1163px #a32dda, 1803px 1739px #a32dda, 1206px 188px #a32dda, 2485px 1750px #a32dda, 1674px 1731px #a32dda, 1367px 874px #a32dda, 1897px 2379px #a32dda, 1960px 1178px #a32dda, 1325px 972px #a32dda, 414px 810px #a32dda, 1762px 775px #a32dda, 1542px 977px #a32dda, 1673px 217px #a32dda, 600px 2137px #a32dda, 939px 2346px #a32dda, 1134px 847px #a32dda, 196px 592px #a32dda, 241px 1387px #a32dda, 416px 1017px #a32dda, 1117px 1642px #a32dda, 153px 1103px #a32dda, 979px 1032px #a32dda, 1062px 1735px #a32dda, 2474px 226px #a32dda, 2511px 876px #a32dda, 965px 2383px #a32dda, 1539px 308px #a32dda, 1203px 580px #a32dda, 1475px 1683px #a32dda, 2467px 300px #a32dda, 2018px 1763px #a32dda, 1710px 1620px #a32dda, 159px 936px #a32dda, 372px 928px #a32dda, 211px 726px #a32dda, 401px 1583px #a32dda, 463px 1235px #a32dda, 619px 1513px #a32dda, 2235px 820px #a32dda, 567px 534px #a32dda, 1642px 1461px #a32dda, 323px 500px #a32dda, 2065px 1548px #a32dda, 2433px 1810px #a32dda, 2002px 1887px #a32dda, 194px 1247px #a32dda, 601px 1818px #a32dda, 71px 688px #a32dda, 1642px 2027px #a32dda, 2065px 715px #a32dda, 1409px 2349px #a32dda, 1943px 1649px #a32dda, 1011px 2452px #a32dda, 183px 1240px #a32dda, 2184px 293px #a32dda, 50px 348px #a32dda, 2156px 2336px #a32dda, 700px 1117px #a32dda, 1212px 440px #a32dda, 496px 31px #a32dda, 1149px 1809px #a32dda, 2213px 1211px #a32dda, 155px 291px #a32dda, 1488px 658px #a32dda, 2211px 481px #a32dda, 366px 260px #a32dda, 44px 1659px #a32dda, 176px 993px #a32dda, 23px 176px #a32dda, 1641px 512px #a32dda, 1192px 344px #a32dda, 1000px 393px #a32dda, 283px 2440px #a32dda, 142px 947px #a32dda, 57px 1554px #a32dda, 1321px 229px #a32dda, 710px 2240px #a32dda, 1169px 1239px #a32dda, 562px 2515px #a32dda, 1807px 1274px #a32dda, 1170px 1902px #a32dda, 1722px 1409px #a32dda, 608px 2467px #a32dda, 2456px 2499px #a32dda, 77px 2464px #a32dda, 1977px 64px #a32dda, 2315px 659px #a32dda, 475px 1937px #a32dda, 1161px 69px #a32dda, 1855px 2501px #a32dda, 807px 1220px #a32dda, 562px 1752px #a32dda, 1641px 1797px #a32dda, 2357px 1691px #a32dda, 866px 590px #a32dda, 610px 1385px #a32dda, 1859px 2426px #a32dda, 1034px 1120px #a32dda, 1447px 619px #a32dda, 1697px 1823px #a32dda, 297px 106px #a32dda, 1242px 1520px #a32dda, 895px 2558px #a32dda, 870px 1391px #a32dda, 393px 774px #a32dda, 1025px 1158px #a32dda, 1141px 1586px #a32dda, 74px 370px #a32dda, 1121px 2094px #a32dda, 1471px 1195px #a32dda, 763px 1685px #a32dda, 243px 750px #a32dda, 2469px 1858px #a32dda, 1264px 1125px #a32dda, 2177px 1399px #a32dda, 599px 2251px #a32dda, 274px 1121px #a32dda, 1986px 804px #a32dda, 272px 1335px #a32dda, 1373px 2088px #a32dda, 1736px 1184px #a32dda, 1059px 300px #a32dda, 2226px 2319px #a32dda, 325px 2242px #a32dda, 470px 1886px #a32dda, 1696px 2268px #a32dda, 1915px 299px #a32dda, 1728px 1399px #a32dda, 745px 1620px #a32dda, 1713px 821px #a32dda, 1119px 327px #a32dda, 86px 2296px #a32dda, 903px 555px #a32dda, 1894px 584px #a32dda, 1290px 2497px #a32dda, 402px 297px #a32dda, 2264px 687px #a32dda, 1492px 1513px #a32dda, 787px 314px #a32dda, 838px 760px #a32dda, 50px 297px #a32dda, 351px 1063px #a32dda, 398px 489px #a32dda, 2203px 2233px #a32dda, 2412px 843px #a32dda, 2366px 1243px #a32dda, 2262px 172px #a32dda, 1516px 370px #a32dda, 192px 344px #a32dda, 2313px 1168px #a32dda, 1031px 1592px #a32dda, 683px 591px #a32dda, 2245px 1217px #a32dda, 412px 1895px #a32dda, 1701px 1048px #a32dda, 1085px 1106px #a32dda, 1032px 441px #a32dda, 2100px 2120px #a32dda, 1964px 2164px #a32dda, 1485px 2214px #a32dda, 857px 711px #a32dda, 244px 1905px #a32dda, 316px 861px #a32dda, 593px 2525px #a32dda, 149px 2439px #a32dda, 813px 2232px #a32dda, 1497px 1243px #a32dda, 1875px 2508px #a32dda, 1390px 1408px #a32dda, 1592px 1564px #a32dda, 2085px 930px #a32dda, 1081px 575px #a32dda, 404px 1274px #a32dda, 2048px 639px #a32dda, 360px 1414px #a32dda, 488px 1909px #a32dda, 1612px 369px #a32dda, 914px 2473px #a32dda, 1795px 696px #a32dda, 2075px 1884px #a32dda, 1557px 646px #a32dda, 1124px 1461px #a32dda, 122px 1907px #a32dda, 2190px 993px #a32dda, 1452px 117px #a32dda, 1741px 2017px #a32dda, 487px 504px #a32dda, 1267px 1302px #a32dda, 1259px 2370px #a32dda, 768px 2478px #a32dda, 718px 11px #a32dda, 1466px 582px #a32dda, 259px 2087px #a32dda, 1282px 1897px #a32dda, 679px 1749px #a32dda, 1683px 1061px #a32dda, 1885px 1803px #a32dda, 1381px 183px #a32dda, 2067px 159px #a32dda, 2080px 1483px #a32dda, 1735px 1731px #a32dda, 1306px 1144px #a32dda, 698px 1278px #a32dda, 2200px 1847px #a32dda, 679px 375px #a32dda, 1996px 649px #a32dda, 1486px 510px #a32dda, 2519px 2097px #a32dda, 895px 1214px #a32dda, 764px 321px #a32dda, 437px 970px #a32dda, 320px 1909px #a32dda, 1850px 389px #a32dda, 333px 2334px #a32dda, 1676px 306px #a32dda, 1301px 246px #a32dda, 1835px 52px #a32dda, 1371px 1503px #a32dda, 568px 785px #a32dda, 1296px 611px #a32dda, 1494px 2409px #a32dda, 430px 2337px #a32dda, 66px 1703px #a32dda, 979px 2101px #a32dda, 2054px 559px #a32dda, 1530px 2468px #a32dda, 1464px 674px #a32dda, 1839px 49px #a32dda, 937px 2139px #a32dda, 184px 2501px #a32dda, 1646px 474px #a32dda, 228px 1198px #a32dda, 2538px 1303px #a32dda, 508px 86px #a32dda, 1819px 1865px #a32dda, 1268px 964px #a32dda, 1619px 1451px #a32dda, 1046px 2181px #a32dda, 2062px 931px #a32dda, 684px 1943px #a32dda, 473px 2348px #a32dda, 444px 981px #a32dda, 2353px 2081px #a32dda, 204px 2410px #a32dda, 2542px 146px #a32dda, 708px 315px #a32dda, 267px 2039px #a32dda, 1633px 2210px #a32dda, 2461px 145px #a32dda, 1169px 2152px #a32dda, 2324px 1214px #a32dda, 1947px 391px #a32dda, 734px 1463px #a32dda, 2392px 2517px #a32dda, 1749px 471px #a32dda, 146px 2067px #a32dda, 2185px 646px #a32dda, 2014px 2293px #a32dda, 849px 1535px #a32dda, 1577px 2559px #a32dda, 151px 2231px #a32dda, 1695px 1805px #a32dda, 2438px 1797px #a32dda, 1042px 1054px #a32dda, 1093px 1201px #a32dda, 19px 2062px #a32dda, 1055px 1686px #a32dda, 2447px 2319px #a32dda, 1177px 1702px #a32dda, 654px 1565px #a32dda, 2164px 2277px #a32dda, 806px 863px #a32dda, 2173px 981px #a32dda, 1329px 1831px #a32dda, 2129px 504px #a32dda, 2089px 313px #a32dda, 2408px 107px #a32dda, 1881px 583px #a32dda, 378px 1753px #a32dda, 1570px 66px #a32dda, 1616px 1569px #a32dda, 659px 2081px #a32dda, 311px 2328px #a32dda, 1497px 789px #a32dda, 2301px 238px #a32dda, 2505px 796px #a32dda, 2528px 1433px #a32dda, 752px 507px #a32dda, 1185px 2326px #a32dda, 2329px 2374px #a32dda, 560px 122px #a32dda, 1306px 557px #a32dda, 1154px 2214px #a32dda, 894px 1917px #a32dda, 2040px 1314px #a32dda, 1484px 2325px #a32dda, 449px 341px #a32dda, 2074px 348px #a32dda, 774px 1181px #a32dda, 1733px 1234px #a32dda, 2304px 605px #a32dda, 447px 1276px #a32dda, 1984px 377px #a32dda, 2147px 1149px #a32dda, 47px 965px #a32dda, 155px 1377px #a32dda;
    height: 1px;
    width: 1px;
}

.particle-4:after {
    box-shadow: 0px 0px #a32dda, 2101px 1862px #a32dda, 1383px 1722px #a32dda, 846px 2093px #a32dda, 673px 405px #a32dda, 1949px 888px #a32dda, 306px 836px #a32dda, 2428px 701px #a32dda, 884px 2199px #a32dda, 1396px 839px #a32dda, 666px 762px #a32dda, 1732px 1637px #a32dda, 2204px 2295px #a32dda, 1338px 1782px #a32dda, 1871px 1701px #a32dda, 413px 1945px #a32dda, 1804px 2518px #a32dda, 2061px 649px #a32dda, 422px 2358px #a32dda, 1670px 512px #a32dda, 284px 535px #a32dda, 1158px 970px #a32dda, 1083px 41px #a32dda, 143px 895px #a32dda, 1560px 817px #a32dda, 1848px 294px #a32dda, 189px 1626px #a32dda, 749px 2449px #a32dda, 1888px 304px #a32dda, 2110px 537px #a32dda, 73px 168px #a32dda, 1918px 868px #a32dda, 966px 2449px #a32dda, 2551px 1871px #a32dda, 1730px 543px #a32dda, 666px 724px #a32dda, 526px 1701px #a32dda, 2499px 1874px #a32dda, 183px 805px #a32dda, 568px 2475px #a32dda, 225px 2324px #a32dda, 751px 2408px #a32dda, 451px 2485px #a32dda, 2419px 1973px #a32dda, 1443px 1854px #a32dda, 1172px 52px #a32dda, 1068px 2368px #a32dda, 2162px 1978px #a32dda, 1400px 1720px #a32dda, 2044px 627px #a32dda, 703px 2337px #a32dda, 14px 325px #a32dda, 2534px 343px #a32dda, 2549px 1775px #a32dda, 1935px 2089px #a32dda, 1860px 1926px #a32dda, 1177px 941px #a32dda, 2291px 107px #a32dda, 2484px 249px #a32dda, 1347px 758px #a32dda, 2552px 1537px #a32dda, 1756px 880px #a32dda, 2265px 553px #a32dda, 1524px 635px #a32dda, 829px 2246px #a32dda, 2141px 1140px #a32dda, 1092px 1814px #a32dda, 349px 417px #a32dda, 1005px 2090px #a32dda, 929px 1640px #a32dda, 1464px 1683px #a32dda, 5px 1703px #a32dda, 1068px 2154px #a32dda, 1086px 1896px #a32dda, 1894px 2056px #a32dda, 997px 696px #a32dda, 2268px 520px #a32dda, 1986px 1939px #a32dda, 1338px 2224px #a32dda, 2280px 37px #a32dda, 591px 311px #a32dda, 1668px 1103px #a32dda, 1609px 466px #a32dda, 1935px 1556px #a32dda, 2267px 941px #a32dda, 1824px 153px #a32dda, 1360px 1069px #a32dda, 1163px 691px #a32dda, 1915px 746px #a32dda, 1753px 307px #a32dda, 1321px 919px #a32dda, 333px 2490px #a32dda, 177px 1868px #a32dda, 2505px 310px #a32dda, 2046px 2432px #a32dda, 1672px 1503px #a32dda, 1168px 1366px #a32dda, 246px 1977px #a32dda, 1750px 150px #a32dda, 1783px 1692px #a32dda, 540px 1173px #a32dda, 731px 1964px #a32dda, 228px 1813px #a32dda, 845px 2483px #a32dda, 1029px 114px #a32dda, 2084px 1920px #a32dda, 132px 1731px #a32dda, 1659px 142px #a32dda, 2333px 555px #a32dda, 1884px 1832px #a32dda, 493px 2040px #a32dda, 1062px 927px #a32dda, 765px 2494px #a32dda, 509px 2141px #a32dda, 2279px 1021px #a32dda, 1171px 544px #a32dda, 1260px 1008px #a32dda, 1129px 1320px #a32dda, 168px 2253px #a32dda, 726px 1220px #a32dda, 402px 655px #a32dda, 2500px 1818px #a32dda, 251px 1820px #a32dda, 27px 2133px #a32dda, 708px 1714px #a32dda, 812px 1937px #a32dda, 549px 2182px #a32dda, 633px 287px #a32dda, 2220px 1830px #a32dda, 2136px 207px #a32dda, 553px 1277px #a32dda, 1846px 1283px #a32dda, 1629px 1867px #a32dda, 1803px 2250px #a32dda, 802px 2351px #a32dda, 2144px 31px #a32dda, 598px 1466px #a32dda, 717px 2541px #a32dda, 2396px 1507px #a32dda, 1999px 1374px #a32dda, 1047px 2260px #a32dda, 2418px 1537px #a32dda, 1px 89px #a32dda, 595px 62px #a32dda, 2002px 317px #a32dda, 2380px 337px #a32dda, 1938px 393px #a32dda, 1766px 2413px #a32dda, 370px 111px #a32dda, 941px 1694px #a32dda, 1517px 992px #a32dda, 1137px 1227px #a32dda, 804px 1678px #a32dda, 2019px 889px #a32dda, 1268px 2479px #a32dda, 84px 742px #a32dda, 826px 891px #a32dda, 707px 856px #a32dda, 1708px 80px #a32dda, 769px 333px #a32dda, 1839px 2282px #a32dda, 898px 2334px #a32dda, 1679px 625px #a32dda, 1912px 737px #a32dda, 1049px 1632px #a32dda, 1319px 542px #a32dda, 937px 1279px #a32dda, 791px 2281px #a32dda, 2140px 2079px #a32dda, 1798px 1441px #a32dda, 998px 601px #a32dda, 95px 849px #a32dda, 1179px 1802px #a32dda, 1076px 475px #a32dda, 448px 2401px #a32dda, 1358px 275px #a32dda, 796px 1487px #a32dda, 1826px 2131px #a32dda, 419px 2478px #a32dda, 2191px 377px #a32dda, 2466px 460px #a32dda, 1490px 1627px #a32dda, 588px 441px #a32dda, 2263px 498px #a32dda, 2001px 920px #a32dda, 239px 1939px #a32dda, 616px 1568px #a32dda, 1609px 2022px #a32dda, 1597px 1428px #a32dda, 219px 2441px #a32dda, 1817px 1023px #a32dda, 2060px 392px #a32dda, 516px 1072px #a32dda, 2457px 170px #a32dda, 1911px 1488px #a32dda, 1942px 2004px #a32dda, 2097px 473px #a32dda, 395px 1894px #a32dda, 1880px 860px #a32dda, 112px 1663px #a32dda, 1776px 1827px #a32dda, 804px 1203px #a32dda, 2111px 1552px #a32dda, 890px 1648px #a32dda, 2151px 388px #a32dda, 1370px 1514px #a32dda, 309px 817px #a32dda, 1821px 1690px #a32dda, 37px 1434px #a32dda, 1463px 283px #a32dda, 1678px 1007px #a32dda, 1090px 2056px #a32dda, 1413px 822px #a32dda, 2129px 1685px #a32dda, 1454px 784px #a32dda, 1659px 1214px #a32dda, 998px 1193px #a32dda, 1068px 625px #a32dda, 2405px 1315px #a32dda, 617px 1180px #a32dda, 1121px 2387px #a32dda, 1509px 788px #a32dda, 837px 398px #a32dda, 2041px 1119px #a32dda, 1373px 986px #a32dda, 2254px 307px #a32dda, 2374px 740px #a32dda, 487px 2193px #a32dda, 1432px 1432px #a32dda, 21px 2177px #a32dda, 1179px 1142px #a32dda, 1533px 1528px #a32dda, 2208px 477px #a32dda, 1171px 2551px #a32dda, 1910px 921px #a32dda, 343px 2280px #a32dda, 1111px 173px #a32dda, 2522px 1210px #a32dda, 1308px 910px #a32dda, 805px 1268px #a32dda, 906px 1964px #a32dda, 1177px 703px #a32dda, 1795px 287px #a32dda, 534px 2488px #a32dda, 1052px 510px #a32dda, 1905px 1551px #a32dda, 572px 954px #a32dda, 1341px 2065px #a32dda, 2199px 1636px #a32dda, 1060px 1374px #a32dda, 817px 2028px #a32dda, 1837px 567px #a32dda, 1786px 1606px #a32dda, 1741px 1727px #a32dda, 737px 132px #a32dda, 654px 98px #a32dda, 1285px 355px #a32dda, 249px 2043px #a32dda, 2249px 1655px #a32dda, 2337px 249px #a32dda, 1309px 520px #a32dda, 1360px 135px #a32dda, 1378px 831px #a32dda, 610px 2130px #a32dda, 414px 2515px #a32dda, 2330px 1520px #a32dda, 46px 1422px #a32dda, 1611px 345px #a32dda, 1935px 2427px #a32dda, 2084px 321px #a32dda, 617px 720px #a32dda, 2273px 2534px #a32dda, 1110px 1918px #a32dda, 1561px 419px #a32dda, 2102px 831px #a32dda, 1205px 406px #a32dda, 268px 2534px #a32dda, 653px 404px #a32dda, 383px 2px #a32dda, 1442px 983px #a32dda, 1095px 432px #a32dda, 1965px 2226px #a32dda, 1727px 537px #a32dda, 163px 897px #a32dda, 1832px 398px #a32dda, 639px 759px #a32dda, 2250px 661px #a32dda, 965px 857px #a32dda, 1773px 1743px #a32dda, 2312px 1901px #a32dda, 567px 641px #a32dda, 1292px 1270px #a32dda, 2497px 792px #a32dda, 2389px 2266px #a32dda, 2415px 1056px #a32dda, 2060px 608px #a32dda, 497px 1065px #a32dda, 1042px 1955px #a32dda, 1273px 1022px #a32dda, 2133px 463px #a32dda, 1692px 500px #a32dda, 1425px 186px #a32dda, 24px 1500px #a32dda, 797px 2154px #a32dda, 433px 378px #a32dda, 768px 2025px #a32dda, 2025px 1169px #a32dda, 405px 1318px #a32dda, 1351px 1358px #a32dda, 67px 1075px #a32dda, 2275px 2172px #a32dda, 2295px 2356px #a32dda, 1650px 2086px #a32dda, 390px 735px #a32dda, 2347px 935px #a32dda, 129px 1910px #a32dda, 1883px 2530px #a32dda, 605px 829px #a32dda, 2462px 1660px #a32dda, 814px 51px #a32dda, 1850px 1423px #a32dda, 1181px 1643px #a32dda, 224px 967px #a32dda, 756px 1271px #a32dda, 1651px 1015px #a32dda, 1050px 1547px #a32dda, 1563px 1614px #a32dda, 1453px 2127px #a32dda, 1380px 1951px #a32dda, 602px 1773px #a32dda, 1754px 2135px #a32dda, 2311px 2281px #a32dda, 1616px 998px #a32dda, 635px 1501px #a32dda, 1153px 2206px #a32dda, 2px 2327px #a32dda, 110px 5px #a32dda, 1794px 1635px #a32dda, 1254px 60px #a32dda, 1400px 209px #a32dda, 1595px 1924px #a32dda, 720px 2176px #a32dda, 465px 322px #a32dda, 1395px 815px #a32dda, 127px 1902px #a32dda, 673px 1682px #a32dda, 1138px 1919px #a32dda, 927px 1061px #a32dda, 1488px 1189px #a32dda, 1773px 823px #a32dda, 902px 1011px #a32dda, 2036px 2433px #a32dda, 1034px 1573px #a32dda, 964px 593px #a32dda, 1448px 1655px #a32dda, 504px 275px #a32dda, 1672px 64px #a32dda, 2167px 583px #a32dda, 1218px 1061px #a32dda, 2378px 1903px #a32dda, 317px 2464px #a32dda, 699px 1147px #a32dda, 104px 2357px #a32dda, 66px 336px #a32dda, 2254px 1759px #a32dda, 361px 1373px #a32dda, 988px 640px #a32dda, 381px 552px #a32dda, 1968px 1700px #a32dda, 2233px 1260px #a32dda, 2107px 1078px #a32dda, 1284px 1395px #a32dda, 589px 1628px #a32dda, 2039px 802px #a32dda, 1454px 1046px #a32dda, 1003px 374px #a32dda, 1340px 2061px #a32dda, 2158px 1922px #a32dda, 1809px 2343px #a32dda, 2288px 475px #a32dda, 281px 2422px #a32dda, 1907px 1884px #a32dda, 339px 743px #a32dda, 1959px 1138px #a32dda, 552px 967px #a32dda, 655px 967px #a32dda, 528px 497px #a32dda, 120px 3px #a32dda, 1556px 409px #a32dda, 1622px 2204px #a32dda, 1028px 2049px #a32dda, 1823px 117px #a32dda, 1208px 1943px #a32dda, 1550px 2514px #a32dda, 571px 756px #a32dda, 2199px 5px #a32dda, 2317px 140px #a32dda, 2357px 1363px #a32dda, 383px 1325px #a32dda, 498px 922px #a32dda, 2254px 2147px #a32dda;
    height: 1px;
    width: 1px;
}

@-webkit-keyframes animParticle {
    from {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    to {
        -webkit-transform: translateY(-2560px);
        transform: translateY(-2560px);
    }
}

@keyframes animParticle {
    from {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    to {
        -webkit-transform: translateY(-2560px);
        transform: translateY(-2560px);
    }
}


.nav-sq-logo{
    width: 40px !important;
    height: 38px !important;
    background-image: linear-gradient(180deg, #a32dda, #a32dda);
    box-shadow: rgb(28 2 2 / 80%) 0px 4px 10px 4px, rgb(251 206 206 / 16%) 0px 0px 0px 4px, rgb(251 234 234 / 30%) 0px -4px 12px 0px inset;
    border: none !important;
    color: #fff;
    font-weight: 600;
    border-radius: 8px;
    display: block;
    margin: 0 auto;
}


/* 
<section class="about-us-section wf-section" id="about" data-aos="fade-down">
<div class="container">
    <div class="row">
        <div class="col-12 mb-4">
            <div class="section-title">
                <h2>About Us</h2>
            </div>
        </div>
        <div class="col-12">
            <div class="about-us-content">
                <div class="about-us-image-wrapper">
                    <img src="assets/images/about-us-img.png" alt="" class="about-us-image">
                </div>
                <div class="about-us-text">
                    <h3 class="heading-3">Who We Are</h3>
                    <p class="body-1">QuickBoosts is a leading provider of Discord services, offering a wide range of
                        products and tools to help you grow your server and enhance your Discord experience. Our
                        team of experts is dedicated to providing you with the best possible service, ensuring that you get the results you need to succeed. Whether you're looking to boost your server's visibility, increase your member count, or improve your server's overall performance, we have the tools and resources you need to achieve your goals. With our innovative products and services, you can take your Discord server to the next level and create a thriving community of engaged users. </p>
                </div>
            </div>
        </div>
    </div>
</div>
</section> */


section.about-us-section {
    padding-bottom: 100px;
}

.about-us-content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.about-us-text {
    flex: 1;
    padding-left: 50px;
}

.about-us-image {
    width: 100%;
    border-radius: 8px;
}

.about-us-text h3 {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
}

.about-us-text p {
    font-size: 16px;
    color: #c9c9c9;
    line-height: 1.8;
}

.about-us-image-wrapper{
    max-width: 600px;
    height: 100%;
    margin: 0 auto;
}

@media (max-width: 992px) {
    .about-us-content {
        flex-direction: column;
    }

    .about-us-text {
        padding-left: 0;
        margin-top: 30px;
    }
}

section.faq{
    padding: 100px 0;
}
/* 
<section class="faq">
<div class="container">
    <div class="row">
        <div class="col-12">
            <div class="section-title">
                <h2>Frequently Asked Questions</h2>
                <div class="sub-heading">
                    Here are some of the most frequently asked questions.
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-12">
            <div class="accordion" id="accordionExample">
                <div class="accordion-item">
                  <h2 class="accordion-header">
                    <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                      Accordion Item #1
                    </button>
                  </h2>
                  <div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
                    <div class="accordion-body">
                      <strong>This is the first item's accordion body.</strong> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
                    </div>
                  </div>
                </div> */

.accordion-item {
    margin-bottom: 20px;
    border: none;
    border-radius: 8px;
    background: none;
}

.accordion-button {
    background-color: #f9f9f9;
    color: #fff;
    font-weight: 600;
    border: none;
    padding: 15px 20px;
    width: 100%;
    text-align: left;
    box-shadow: none !important;
    border: 1px solid #6b4f7b36 !important;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: #1a202633;
    border-radius: 8px 8px 8px 8px;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: border 0 ease-in;
    transition: none;
}

.accordion-item:first-of-type .accordion-button{
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.accordion-item:last-of-type .accordion-button{
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.accordion-button:focus {
    outline: none;
}

.accordion-button:not(.collapsed) {
    border: 1px solid #6b4f7b36 !important;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: #1a202633;
    color: #fff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: none !important;
}

.accordion-body {
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 10px 4px rgb(0 0 0 / 10%);
    border-top-right-radius: 0%;
    border-top-left-radius: 0%;
    border: 1px solid #6b4f7b36 !important;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: #1a202633;
    color: #c9c9c9;
}


.accordion-button::after{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.accordion-button:not(.collapsed)::after{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23a32dda'%3e%3cpath fill-rule='evenodd' d='M8 11.707l-6.646-6.647a.5.5 0 0 1 .708-.708L8 10.293l5.646-5.646a.5.5 0 0 1 .708.708L8.707 11.707a.5.5 0 0 1-.707 0z'/%3e%3c/svg%3e")
}



section.features {
    padding: 100px 0;
}

.feature-card {
    background-color: #f9f9f9;
    padding: 30px;
    border-radius: 8px;
    border: 1px solid #6b4f7b36;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: #1a202633;
    height: 100%;
    transition: scale .3s ease-in-out, border .3s ease-in-out, box-shadow .3s ease-in-out !important;
}

.feature-card:hover{
    scale: 1.03;
    border: 1px solid #a32dda;
    box-shadow: 0 0 10px #a32dda;
}

.feature-icon {
    font-size: 40px;
    color: #a32dda;
    margin-bottom: 20px;
}

.feature-icon img{
    width: 80px;
    height: 80px;
}

.feature-card h3 {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
}

.feature-card p {
    font-size: 16px;
    color: #c9c9c9;
    line-height: 1.8;
}




.product-card{
    padding: 25px;
    border-radius: 15px;
    margin-bottom: 30px;
    border: 1px solid #6b4f7b36;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: #1a202633;
    transition: all .3s ease-in-out;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}


.product-card:hover{
    transform: scale(1.03);
    border: 1px solid #a32dda;
    box-shadow: 0 0 10px #a32dda;
}

.products-container{
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
}

.product-card-header{
    display: flex;
    justify-content: space-between;
}

.product-card-header-left-text p{
    font-size: 16px;
    color: #a676f0;
    text-transform: uppercase;
}

.product-card-header-right-text p{
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 26px;
    line-height: 40px;
    font-weight: 700;
}

.product-card-header-right-text p i{
    color: #a676f0;
}

.product-features-item-left{
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 32px;
    margin-bottom: 10px;
    position: relative;
}

.product-features-item-left img {
    width: 32px;
    height: 32px;
}

.product-card-footer .main-button{
    width: 100%;
    margin-top: 0px;
    padding-block: 5px;
}

.product-features-item-left::after{
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    left: 3px;
    top: 3px;
    position: absolute;
    box-shadow: 0 0 13px 0 #9d4dc2, 0 0 3px 0 #d36dec, 0 0 13px 0 #9d4dc2;
    z-index: -4;
}



.pre-title {
    background-color: #cbcbe80a;
    border: 1px solid #cbcbe80f;
    backdrop-filter: blur(16px);
    color: #fff;
    border-radius: 33px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    font-size: 12px;
    gap: 10px;
    padding: 3px 4px;
}

.pre-title span {
    background-color: #cbcbe80a;
    border: 1px solid #cbcbe80f;
    backdrop-filter: blur(16px);
    color: #fff;
    border-radius: 33px;
    padding: 2px 8px;
}

.pre-title i {
    background-color: #cbcbe80a;
    border: 1px solid #cbcbe80f;
    backdrop-filter: blur(16px);
    color: #fff;
    border-radius: 33px;
    width: 23px;
    height: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pre-title p {
    margin: 0;
}

.site-alert {
    background: #a32dda;
    color: #fff;
    display: flex
;
    justify-content: center;
    align-items: center;
    padding: 6px;
}

.spread-footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 40px;
    flex-wrap: wrap;
}

.spread-footer small{
    color: #c9c9c9;
    font-size: 12px;
}

.spread-footer a{
    color: #c9c9c9;
    text-decoration: none;
    transition: all .3s ease-in-out;
}

.spread-footer a:hover{
    color: #a32dda;
}

.spread-footer h6{
    max-width: 650px;
    font-size: 14px;
    font-weight: 400;
    color: #c9c9c9;
    line-height: 1.8;
}

.spread-footer p{
    font-size: 12px;
    font-weight: 400;
    color: #c9c9c98f;
    line-height: 1.8;
    max-width: 600px;
}

.contact-card::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    position: absolute;
    background: url(../images/contact.png);
    background-size: cover;
    background-position: center;
    z-index: -4;
}

.contact-card::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    position: absolute;
    background: url(../images/contact.png);
    background-size: cover;
    background-position: center;
    z-index: -4;
}

.hero-tittle-wrapper .text-span-2{
    background: linear-gradient(163deg, #a32dda, #d36dec);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.thank-you-section{
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    z-index: 99;
}


.thank-you-section .thanks-card{
    position: relative;
    padding: 30px;
    border-radius: 15px;
    z-index: 1;
    background-color: #0e0715;
    box-shadow: 0 4px 10px 4px rgb(0 0 0 / 10%);
    max-width: 550px;
    margin-bottom: 30px;
}

.thanks-card-content{
    text-align: center;
}

.thank-you-section h1{
    font-size: 28px;
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 20px;
    text-align: center;
}

.thank-you-section p {
    color: #b3b3b3;
    text-align: center;
    font-weight: 300;
}

.thank-you-section span, .thank-you-section a{
    color: #fff;
    text-decoration: none;
    transition: all .3s ease-in-out;
}

.thank-you-section a:hover{
    color: #a32dda;
}

a.gmail-button{
    background: #fff;
    color: #000;
    padding: 6px 16px;
    border-radius: 84px;
    display: inline-block;
    text-decoration: none;
    transition: all .3s ease-in-out;
    border: 1px solid #fff;
    font-size: 14px;
}

.gmail-button img{
    width: 18px;
    height: 18px;
    margin-right: 10px;
}

a.gmail-button:hover{
    background: #d36dec00;
    color: #fff;
    border: 1px solid #fff;
}


.thank-you-section .tag{
    background: #291e2d;
    padding: 8px 12px;
    border-radius: 5px;
    color: #ffffff;
    width: fit-content;
    margin: auto;
}

.thank-you-section .contacts a{
    padding: 6px 16px;
    border-radius: 84px;
    font-size: 14px;
}

.thank-you-section .contacts a:hover{
    color: #fff;
}

.thank-you-section .contacts{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

.discord-button{
    background: #5865f2;
    color: #fff;
    padding: 6px 16px;
    border-radius: 84px;
    display: inline-block;
    text-decoration: none;
    transition: all .3s ease-in-out;
    border: 1px solid #5865f2;
    font-size: 14px;
}

.discord-button:hover{
    background: #5865f2c2;
    color: #fff;
    border: 1px solid #5865f2;
}

.telegram-button{
    background: #0088cc;
    color: #fff;
    padding: 6px 16px;
    border-radius: 84px;
    display: inline-block;
    text-decoration: none;
    transition: all .3s ease-in-out;
    border: 1px solid #0088cc;
    font-size: 14px;
}

.telegram-button:hover{
    background: #0088ccc2;
    color: #fff;
    border: 1px solid #0088cc;
}

.w-fit{
    width: fit-content;
}

.thank-you-section a.back-to-home{
    color: #c9c9c9;
    text-decoration: none;
    transition: all .3s ease-in-out;
    position: relative;
    z-index: 91;
}

.thank-you-section a.back-to-home:hover{
    color: #a32dda;
}

.mt-45{
    margin-top: 2rem !important;
}


.mb-45{
    margin-bottom: 2rem !important;
}


section.top-slider{
    padding-top: 0px;
    padding-bottom: 80px;
}


@keyframes slide {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

.slide-products {
    overflow: hidden;
    padding: 20px 0;
    white-space: nowrap;
    position: relative;
}

.slide-products:before,
.slide-products:after {
    position: absolute;
    top: 0;
    width: 250px;
    height: 100%;
    content: "";
    z-index: 2;
}

.slide-products-slide {
    display: inline-block;
    animation: 120s slide infinite linear;
}

.slide-products-slide p {
    display: inline-block;
    padding: 0 20px;
    font-size: 20px;
    color: #fff;

}

.slide-products-slide .nitro-img {
    width: 60px;
    height: 60px;
    margin-right: 18px;
    filter: brightness(99.5);
}

.slide-products-slide .boost-img {
    width: 35px;
    height: 35px;
    margin-right: 18px;
    transform: translate(0, -5px);
    filter: brightness(99.5);
}

/* *:not(body):not(html):not(section):hover{
    scale: 1.03;
} */


section.tos{
    padding: 100px 0;
    color: #c9c9c9;
}


.product-wrapper{
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap:20px;
}