.bg-primary {
    background-image: linear-gradient(90deg, #9272A1 0%, #4A569A 46%, #112145 100%);
}

.bg-HypelifyTargetingTools {
    background-image: url('/src/assets/HypelifyTargetingTools.svg');
}

.bg-contact {
    background-image: url('/src/assets/HypelifyContactUs.png');
}

.bg-hypelify-business {
    background-image: url('/src/assets/Hypelify.png');
}

.bg-home {
    background-image: url('/src/assets/Home.png');
}

.bg-about {
    background-image: url('/src/assets/Hypelify About Us.png');
}

.bg-team {
    background-image: url('/src/assets/HypelifyContactUs.png');
}

.bg-token {
    background-image: url('/src/assets/Hypelify Token.png');
}

.bg-hypex {
    background-image: url('/src/assets/Hypelify Token.png');
}

.bg-secondary {
    background-color: #121315;
}

.bg-tertiary {
    background-color: #112145;
}

.bg-white {
    background-color: #ffffff;
}

.bg-navbar {
    background-color: rgba(66, 65, 84, 0.4);
}

.text-desc {
    color: #B7B4BB;
}

.bg-roadmapCard {
    background-color: rgba(20, 20, 21, 0.5);
}

.bg-darkBtn {
    background-color: rgba(66, 65, 84, 0.4);
}

.bg-primaryDark {
    background-color: rgba(158, 148, 225, 1);
}

.bg-primaryDark2 {
    background-color: rgba(49, 41, 74, 1);
}

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1rem;
}

@media (min-width: 600px) {
    .container {
        max-width: 600px;
    }
}

@media (min-width: 728px) {
    .container {
        max-width: 728px;
    }
}

@media (min-width: 984px) {
    .container {
        max-width: 984px;
    }
}

@media (min-width: 1240px) {
    .container {
        max-width: 1240px;
    }
}

@media (min-width: 1496px) {
    .container {
        max-width: 1496px;
    }
}

html {
    scroll-behavior: smooth;
}