:root {
    --primary: #7e7efd;
    --faded: #EF6D25;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html,
body {
    overflow-x: hidden !important;
}
body {
    background-image: url("https://cdn.vnoc.com/background/homebgscreen5.png");
    color: white;
    font-family: interMedium;
    background-color: black;
    background-repeat: repeat-y;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    padding: 0 !important;
    margin: 0 !important;
    position: relative;
}

button,
input[type="submit"],
input[type="reset"] {
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    cursor: pointer;
    outline: inherit;
    background: var(--primary);
    padding: 1rem 2rem;
    border-radius: 6rem;
}
.btn-primary {
	padding: 1.3rem 0rem;
	width: 250px;
	margin-left: 2rem;
	transition: all 0.2s;
	background-color: #3b5fe6;
	font-weight: 600;
}
canvas {
    width: 100%;
    height: 100%;
}
header {
    z-index: 2;
    width: 100vw;
    position: absolute;
    top: 0;
    margin: 2rem auto;
    padding: 0 5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.header-logo {
    width: min(11rem, 50vw);
}

a {
    text-decoration: none;
    color: var(--primary);
}
.header-right-section {
    display: flex;
    align-items: center;
    list-style-type: none;
}

.header-right-section > li {
    font-size: 1.3rem;
    margin-left: 3rem;
}

.header-right-section > li > a {
    color: white;
}

.header-right-section > li > a > img {
    width: 1.5rem;
}

.header-twitter-logo {
    position: relative;
    top: 2px;
}

section {
    min-height: 100vh;
    width: 100%;
}
.template {
	background: #111620;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	z-index: 999;
}
.home-background {
	background-image: url("");
	background-position: center;
	background-size: cover;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
}

.template-title-container {
	max-width: 1320px;
	min-width: 50%;
	text-align: center;
	display: inline-block;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.template-title-container > h1 {
    font-family: 'Clash Display',sans-serif;
    font-size: min(17vw, 4.15rem);
    font-weight: 600;
    text-shadow: 0px 5px 30px rgba(59, 95, 230, 0.4),
        3px 0px 0px rgba(255, 0, 0, 0.15), -3px 0px 0px rgba(0, 255, 255, 0.15);
    margin-bottom: 1rem;
    margin-top: 0;
    padding: 0 0.8rem;
}
.template-desc-container {
    font-family: 'Inter', sans-serif;
    font-size: min(5vw, 1.5rem);
    text-align: center;
    padding: 0 2rem;
    width: 100%;
}

.template-desc-container > div {
    flex-grow: 1;
    width: 0;
}

.template-desc-container > p {
    margin-top: 0.5rem;
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    color: #8787E3;
}

.template-button-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 12%;
}

.template-button-container > img {
    margin-top: 1rem;
}

.button-anim-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.button-anim-container:hover {
    transform: scale(1.05);
}

@keyframes smallBorderOpacity {
    0% {
        opacity: 0.5;
    }
    100% {
        opacity: 0.9;
    }
}

@keyframes largeBorderOpacity {
    0% {
        opacity: 0.2;
    }
    100% {
        opacity: 0.6;
    }
}

.button-border-1 {
    background-color: transparent;
    height: 6rem;
    width: 6rem;
    opacity: 0.2;
    border-left: #3b5fe6 0.15rem solid;
    border-radius: 50%;
    position: relative;
    right: -9.8rem;
    animation-name: largeBorderOpacity;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.button-border-2 {
    background-color: transparent;
    height: 5rem;
    width: 5rem;
    opacity: 0.5;
    border-left: #3b5fe6 0.15rem solid;
    border-radius: 50%;
    position: relative;
    right: -4.4rem;
    animation-name: smallBorderOpacity;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.button-border-3 {
    background-color: transparent;
    height: 5rem;
    width: 5rem;
    opacity: 0.5;
    border-right: #3b5fe6 0.15rem solid;
    border-radius: 50%;
    position: relative;
    left: -4.4rem;
    animation-name: smallBorderOpacity;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.button-border-4 {
    background-color: transparent;
    height: 6rem;
    width: 6rem;
    opacity: 0.2;
    border-right: #3b5fe6 0.15rem solid;
    border-radius: 50%;
    position: relative;
    left: -9.8rem;
    animation-name: largeBorderOpacity;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.join-button {
    padding: 1.3rem 0rem;
    width: 250px;
    transition: all 0.2s;
}
.join-button:hover {
    transform: scale(1.05);
}

.join-button-second {
    padding: 1.3rem 0rem;
    width: 250px;
    margin-left: 2rem;
    transition: all 0.2s;
    background-color: #3b5fe6;
    font-weight: 600;
}
.join-button-second:hover {
    transform: scale(1.05);
}
.section-heading {
    font-family: 'Clash Display',sans-serif;
    font-size: 2.55rem;
    font-weight: 600;
    text-align: center;
    width: 80%;
    text-shadow: 0px 2px 25px rgba(0, 0, 0, 0.6);
}
.section-heading::before {
  content: url('https://cdn.vnoc.com/icons/heading-image.png');
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  margin-top: 14px;
  left: -2px;
}
.section-heading.left {
    text-align: left;
}
.sub-section {
    margin-bottom: 10rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 80%;
}
.section-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    position: relative;
}
.section-header.two {
    justify-content: space-between;
}
.highlight {
    color: var(--primary);
}
.community-members-section {
    position: relative;
}
.visible-carousel-window {
    width: 100%;
    overflow: hidden;
    --actual-carousel-width: 1500px;
    -webkit-mask-image: radial-gradient(circle, black 50%, transparent 100%);
    mask-image: radial-gradient(
        circle,
        black 50%,
        transparent 100%
    ); /* mask: linear-gradient(to right, black, white) no-repeat center center; */
}
.carousel-wrapper {
    width: var(--actual-carousel-width);
}
.pill-carousel {
    width: calc(var(--actual-carousel-width) * 2);
    display: flex;
    justify-content: space-around;
    animation: marquee 30s linear infinite;
}
@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.pill {
	width: fit-content;
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 0.5rem 1rem;
	background: #012837;
	border-radius: 50em;
	border: 1px solid #2A3744;
}
.brand-logo {
    width: 120px;
}
.toggle-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    gap: 2rem;
}
.col-inner {
	background: #161D24;
	padding: .85rem .85rem;
	border-radius: 16px;
	border: 1px solid #2A3744;
}
.col-inner img {
	height: 165px;
	margin: 15px 0 15px;
}
.why-section.toggle-grid {
    grid-template-rows: repeat(4, 1fr);
}
.how-section.toggle-grid {
    grid-template-rows: repeat(3, 1fr);
}
.toggle {
    font-family: 'Clash Display',sans-serif;
    font-size: 30px;
    text-align: center;
    padding: 1rem;
    background: linear-gradient(to right, #022837, #02384d);
    border-radius: 5px;
    cursor: pointer;
}
.toggle.active {
    background: linear-gradient(to right, #0598d0, #045371);
}
.toggle-content-container {
    /* row-start column-start row-end column end*/
    grid-area: 2 / 1 / 5 / 3;
    background: linear-gradient(to right, #01222f, #013042);
    border-radius: 5px;

    display: grid;
    grid-template-columns: 1fr;
}
.toggle-content:not(.active) {
    /* display: none; */
    /* visibility: hidden; */
    opacity: 0;
}
.toggle-content {
    display: flex;
    /* flex-direction: column; */
    padding: 2rem;
    justify-content: space-between;
    align-items: flex-start;
    gap: 3rem;

    grid-row-start: 1;
    grid-column-start: 1;

    transition: opacity 300ms ease-in;
}
.content-column {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}
.content-title {
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}
.content-description {
    margin: 0;
    font-family: 'Inter', sans-serif;
    font-size: 19px;
    color: #d3ddff;
    text-align: center;
}

.content-image-container {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #11151A;
    border: 1px solid #3d3d51;
    border-radius: 5px;
    width: 80px;
    aspect-ratio: 1 / 1;
}
.content-image-container > img {
    width: 75%;
}

.features-section {
    margin-top: 5rem;
}

.features-carousel {
    width: 80%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5rem;
    position: relative;
    --animation-time: 500ms;
    --animation-timing: ease-out;
}
.feature-info {
    /* position: relative; */
    flex: 1;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    place-self: center;
}
.info-card {
    /* position: absolute;
    top: 50%;
    transform: translateY(-50%); */
    grid-row-start: 1;
    grid-column-start: 1;
    transition: opacity var(--animation-time) ease-in;
    place-self: center;
}
.info-card:not(.selected) {
    opacity: 0;
}
.glowy-bg {
    position: absolute;
    background: linear-gradient(
        180deg,
        #12d5d5 0%,
        #0bb0f8 20.13%,
        #4584f5 40.32%,
        #ac57c0 60.21%,
        #e65659 80.19%,
        #ffbf12 100%
    );
    width: 270px;
    height: 270px;
    filter: blur(150px);
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, 0);
}
.features-images {
    flex: 3;
    aspect-ratio: 2 / 1;
    perspective: 1000px;

    display: grid;
    grid-template-columns: 1fr;
    place-self: center;
}
.features-images > * {
    width: 80vw;
    max-width: 500px;
    grid-row-start: 1;
    grid-column-start: 2;    
    border-radius: 5px;
    --offset: -58%;
    --rotate-x: 0deg;
    --rotate-y: 0deg;
    --rotate-z: 0deg;
    --translate-x: -200%;
    --translate-y: 0%;
    --translate-z: 0px;
    --opacity: 0;
    opacity: var(--opacity);
    transform: translateX(var(--translate-x)) translateY(var(--translate-y))
        translateZ(var(--translate-z)) rotateX(var(--rotate-x))
        rotateY(var(--rotate-y)) rotateZ(var(--rotate-z));
    transition: transform var(--animation-time) var(--animation-timing),
        opacity var(--animation-time) var(--animation-timing);
}
.features-images > .first {
    --rotate-y: 0deg;
    --translate-x: calc(var(--offset) + 60%);
    --translate-z: 0px;
    --opacity: 1;
    z-index: 2;
}
.features-images > .second {
    --rotate-y: 30deg;
    --translate-x: calc(var(--offset) + 37%);
    --translate-z: -300px;
    --opacity: 0.80;
    z-index: 1;
}
.features-images > .third {
    --rotate-y: 60deg;
    --translate-x: calc(var(--offset));
    --translate-z: -600px;
    --opacity: 0.5;
    z-index: 0;
}
.carousel-buttons {
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translate(-50%, 0);
    width: fit-content;
    height: fit-content;
    display: flex;
    gap: 4px;
}
.carousel-button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: white;
    cursor: pointer;
}
.carousel-button:hover,
.carousel-button:focus {
    background-color: var(--faded);
}
.carousel-button.selected {
    background-color: var(--primary);
}
.feature-title {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 36px;
    margin-bottom: 1rem;
    color: #7c7cfb;
}
.feature-description {
    font-family: 'Inter', sans-serif;
    font-size: 19px;
}

.demo-section {
    margin-top: 5rem;
}

.demo-section > iframe {
    width: 80%;
    height: 50vh;
}

.blogs-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3rem;
    overflow-x: hidden;

    position: relative;
}
.blog-card {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 1rem;
}
.blog-thumbnail {
    aspect-ratio: 2 / 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}
.blog-thumbnail > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blog-date {
    font-family: interRegular;
    font-size: 14px;
    color: var(--faded);
}
.blog-title {
    font-family: interBold;
    font-size: 20px;
}
.blog-description {
    font-family: interRegular;
    font-size: 16px;
}
.see-more-btn.after-blogs {
    display: none;
}

.link-cards {
	width: 60%;
    gap: 2rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.link-card {
    flex: 1;
    aspect-ratio: 1 / 1;
    max-height: max-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    background: linear-gradient(123.3deg, #5D76FB 2.02%, #0A15BF 101.68%);
    gap: 1rem;
    padding: 1rem;
    border-radius: 15px;
}
.link-card:hover,
.link-card:focus {
    background: linear-gradient(123.3deg, #A1AFF9 2.02%, #6A73F4 101.68%);
}
.link-description {
    font-family: interBold;
    font-size: 18px;
    text-align: center;
    color: white;
}
.card-image {
    width: 30%;
}

.join-section {
    margin-top: 0rem;
}

footer {
    align-items: center;
    justify-content: center;
    margin-top: 4rem;
    padding: 2rem 4rem;
    width: 100%;
    /* height: 4rem; */
    background: linear-gradient(to right, #01222f, #013042);
    backdrop-filter: blur(100px);
}

.footer-content {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.footer-left {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.footer-logo {
    width: 8rem;
}

.copyright-text {
    /* margin-left: 1.2rem; */
    text-align: center;
}

.footer-right {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-icon {
    cursor: pointer;
    margin: 0 0.8rem;
}

.statistics-container {
    width: 100%;
    display: flex !important;
    justify-content: space-between;
    background: linear-gradient(to right, #0e1123, #030715) padding-box,
        linear-gradient(to bottom right, #2544b8, #8a9ce3) border-box;
    border: 1px solid transparent;
    border-radius: 5px;
    margin-top: 5rem;
}

.hamburger-logo {
    width: 2rem;
    display: none;
    cursor: pointer;
}

.hamburger-menu {
    z-index: 5;
    min-height: 0vh;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
}

.hamburger-menu > ul {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.hamburger-menu > ul > li > a {
    font-weight: 600;
    color: white;
    font-size: 1.5rem;
}

.hamburger-menu > ul > li {
    margin-bottom: 2rem;
}

.hamburger-menu > ul > li > a > img {
    width: 2rem;
}

.twitter-icon-hamburger {
    margin-bottom: 0 !important;
}

.modal-form {
    z-index: 5;
    min-height: 0vh;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
}

.modal-form-border {
    max-height: 80vh;
    overflow-y: scroll;
    background: linear-gradient(to right, #0e1123, #030715) padding-box,
        linear-gradient(to bottom right, #2544b8, #8a9ce3) border-box;
    border: 1px solid transparent;
    border-radius: 5px;
}

.modal-form-card {
    width: 100%;
    height: 100%;
    position: relative;
    background: radial-gradient(
        98.27% 143.01% at 16.7% 21.04%,
        rgba(190, 204, 255, 0.6) 0%,
        rgba(107, 138, 255, 0.12) 77.08%,
        rgba(59, 95, 230, 0) 100%
    );
    background-blend-mode: overlay, normal;
    backdrop-filter: blur(100px);
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    padding: 2rem;
}
.ff-widget-control.form-control {
    width: 80%;
}
.cross-container {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    cursor: pointer;
}
.close-hamburger-icon {
    position: fixed;
    right: 2rem;
    top: 4rem;
    width: 1.5rem;
    cursor: pointer;
}
.ff-success {
    min-height: 0 !important;
}
#ff-submit-root {
    display: block !important;
}
.ff-powered-img {
    display: none !important;
}
@media screen and (max-width: 1200px) {
    .features-carousel {
        width: 100%;
    }
    .cube-3 {
        right: 10%;
    }
}

@media screen and (max-width: 992px) {
    .template-title-container > h1 {
        font-size: 4rem;
    }
    .link-cards {
        grid-template-columns: repeat(2, 1fr);
    }
    .features-carousel {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    .feature-title {
        text-align: center;
    }
    .feature-description {
        text-align: center;
    }

    .cube-1 {
        right: 0%;
    }
    .cube-2 {
        left: 10%;
    }
    .row-feat .col-md-3 {
	    width: 100%;
    }
    .row-feat .col-inner {
	    margin-bottom: 15px;
    }
}

@media screen and (max-width: 768px) {
    .demo-section  {
        margin-top: 3rem;
    }
    .join-section {
        margin-top: 3rem;
    }
    .demo-section > iframe {
        width: 90%;
        height: 40vh;
    }
    .template-button-container {
        flex-direction: column;
	  display: none !important;
    }
    .template-desc-container {
        font-size: 1.2rem;
    }
    .heading-break-tag {
        display: none;
    }
    .template-title-container > h1 {
        font-size: 3rem;
    }
    .header-logo {
        margin-left: 0;
    }
    .join-button {
        padding: 1rem 3rem;
    }
    .join-button-second {
        margin-left: 0rem;
        margin-top: 2rem;
        padding: 1rem 3rem;
    }
    .button-border-1 {
        display: none;
    }
    .button-border-2 {
        display: none;
    }
    .button-border-3 {
        display: none;
    }
    .button-border-4 {
        display: none;
    }
    .section-heading {
        font-size: 38px;
    }
    .link-card {
        aspect-ratio: 3 / 2;
    }
    .card-image {
        width: 50%;
    }
    .toggle-content {
        flex-direction: column;
    }
    .blogs-container {
        flex-direction: column;
    }
    .see-more-btn.after-blogs {
        display: unset;
        margin-top: 3rem;
    }
    .see-more-btn.before-blogs {
        display: none;
    }
    .section-heading.left {
        text-align: center;
    }
    .section-header.two {
        justify-content: center;
    }
    .cube-1 > .rotating-cube {
        --size: 35px;
    }
    .cube-2 > .rotating-cube {
        --size: 35px;
    }

    .footer-content {
        flex-direction: column;
        gap: 1rem;
    }
    .footer-left {
        font-size: 0.8rem;
        flex-direction: column;
        gap: 1rem;
    }

    header {
        padding: 0 2rem;
    }

    /* Lavan's changes */
    .header-right-section {
        display: none;
    }

    .hamburger-logo {
        display: block;
    }
}

@media screen and (max-width: 400px) {
    .template-desc-container {
        font-size: 1.2rem;
    }
    .button-border-1 {
        display: none;
    }
    .button-border-2 {
        display: none;
    }
    .button-border-3 {
        display: none;
    }
    .button-border-4 {
        display: none;
    }
    .join-button {
        padding: 1rem 2rem;
    }
    .cube-1 > .rotating-cube {
        --size: 35px;
    }
    .cube-2 > .rotating-cube {
        --size: 35px;
    }
}
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(https://cdn.vnoc.com/desc/Spinner1.gif) center no-repeat #fff;
}	

body,h1,h2,h3,h4,h5,h6 {
	font-family: "Poppins",sans-serif;
	color: #fff;
}

.fnt-300 {
	font-weight: 300;
}

.fnt-400 {
	font-weight: 400;
}

.fnt-500 {
	font-weight: 500;
}

.fnt-600 {
	font-weight: 600;
}

.fnt-700 {
	font-weight: 700;
}

.fnt-800 {
	font-weight: 800;
}

canvas {
	display: block;
	vertical-align: bottom;
}

#particles-js {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.migrate-container {
	position: relative;
	min-height: calc(100vh);
	padding-top: 0px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.migrate-content {
	min-height: calc(100vh - 500px);
	padding-top: 100px;
	padding-bottom: 50px;
	letter-spacing: 1.5px;
	line-height: 24px;
}

.title-header {
	font-size: 45px;
}

.social-links-migrate {
	color: #fff;
	font-size: 1.5rem;
	display: inline-block;
	width: 40px;
}

.social-links-migrate:hover,.social-links-migrate:focus,.social-links-migrate:active {
	color: rgba(2555,255,255,.7);
}
.change__card {
  padding: 20px 20px;
  background: #161D24;
  border: 1px solid #2A3744;
  border-radius: 16px;
}
.change__card:hover {
	border: 1px solid #4E5B68;
}
.change__cards {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 32px;
}
.change__card-top {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  position: relative;
}
.change__card-top-svg {
  margin-right: 16px;
}
.change__card-subtitle {
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  position: relative;
}
@media (max-width: 767.98px) {
	.template-title-container {
		margin-top: 7rem;
	}		
	.change__cards {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
		grid-template-rows: 1fr;
		gap: 16px;
		max-width: 100%;
		margin: 0 auto;
	}
	.change__card {
		padding: 15px 15px;
		background: transparent;
		border: none;
		border-radius: 16px;
	}
	.change__card-top {
		margin-bottom: 4px;
		display: flex;
		align-items: center;
	}
	.change__card-top-svg {
		margin-right: 35px;
		margin-bottom: 15px;
		width: 24px;
		height: 24px;
	}
	.change__card-top-title {
		font-size: 18px;
		line-height: 24px;
		color: #8080f2;
		padding-top: 15px;
	}	
}

.waitlist-container {	
	background: #161D24;
	border: 1px solid #2A3744;
	border-radius: 16px;
	padding: 24px 28px;
	margin-top: 5rem;
}
html {
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
html::-webkit-scrollbar {
    width: 0px; /* For Chrome, Safari, and Opera */
}

.cc-bg1 {
	background: url(https://cdn.vnoc.com/desc/vnoc-genfeat-1.jpg);
	background-size: cover;
	position: relative;
}
.cc-bg1::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(22, 29, 36, 0.80);
}
.cc-bg2 {
	background: url(https://cdn.vnoc.com/desc/vnoc-genfeat-2.jpg);
	background-size: cover;
	position: relative;
}
.cc-bg2::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(22, 29, 36, 0.80);
}
.cc-bg3 {
	background: url(https://cdn.vnoc.com/desc/vnoc-genfeat-3.jpg);
	background-size: cover;
	position: relative;
}
.cc-bg3::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(22, 29, 36, 0.80);
}
.cc-bg4 {
	background: url(https://cdn.vnoc.com/desc/vnoc-genfeat-4.jpg);
	background-size: cover;
	position: relative;
}
.cc-bg4::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(22, 29, 36, 0.80);
}
.cc-bg5 {
	background: url(https://cdn.vnoc.com/desc/vnoc-genfeat-5.jpg);
	background-size: cover;
	position: relative;
}
.cc-bg5::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(22, 29, 36, 0.80);
}
.cc-bg6 {
	background: url(https://cdn.vnoc.com/desc/vnoc-genfeat-6.jpg);
	background-size: cover;
	position: relative;
}
.cc-bg6::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(22, 29, 36, 0.80);
}
.cc-bg7 {
	background: url(https://cdn.vnoc.com/desc/vnoc-genfeat-7.jpg);
	background-size: cover;
	position: relative;
}
.cc-bg7::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(22, 29, 36, 0.80);
}
.cc-bg8 {
	background: url(https://cdn.vnoc.com/desc/vnoc-genfeat-8.jpg);
	background-size: cover;
	position: relative;
}
.cc-bg8::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(22, 29, 36, 0.80);
}
.cc-bg9 {
	background: url(https://cdn.vnoc.com/desc/vnoc-genfeat-9.jpg);
	background-size: cover;
	position: relative;
}
.cc-bg9::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(22, 29, 36, 0.80);
}