* {
    font-family: "Poppins"
}

.bar {
    rx: 5px;
}

:root {
    --primary-color: #B5F433;
}

.theme_btn {
    background-color: var(--primary-color);
    color: #000;
    border: none;
}

.theme_text {
    color: var(--primary-color);
}

button {
    font-size: 16px;
    font-weight: 500;
}

.hero-section {
    background-image: url('../../assets/images/performance/perform-hero.jpg');
    background-position: center;
    background-size: cover;
    height: 100vh;
    width: 100%;
}

.hero-section::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #00000080;
}

.content {
    position: relative;
    z-index: 10;
}

.content button {
    height: 50px;
    border-radius: 15px;
    min-width: 171px;
}

h1 {
    font-size: clamp(45px, 5vw, 70px);
    color: #fff;
    font-weight: 600;

    span {
        color: var(--primary-color);
    }
}

h2 {
    font-size: clamp(35px, 3vw, 46px);
    font-weight: 600;
}

p {
    font-size: clamp(16px, 2vw, 18px);
}

.card p {
    font-size: 16px;
}

.choose-section p {
    color: #268226;
}

.nav-link.active {
    background-color: var(--primary-color) !important;
}

.nav-pills .nav-link {
    color: #000 !important;
    border: 1px solid #000 !important;
}

.result-card {
    background-color: var(--primary-color);
    height: 221px;
    width: 100%;
}

.result-card::before {
    content: '';
    background-image: url('../../assets/images/performance/union.png');
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: cover;
    position: absolute;
    bottom: 0;
    left: 0;
}

.dash {
    width: 65%;
}

@media (max-width: 992px) {
    .dash {
        width: 100%;
    }
}