/* Btn Colors */
.bg-orange {
    background: linear-gradient( 91.68deg, var(--red) 0%, var(--orange) 100% );
}

.bg-purple {
    background: linear-gradient( 91.68deg, var(--primary-color) 0%, var(--primary-color-2) 100% );
}

.bg-green{
    background: #00B900;
    box-shadow:0 0.25rem 1rem rgb(0 0 0 / 20%);
}

/* Font Styles */
.purple {
    color: var(--primary-color) !important;
}

.yellow-marker {
    background: linear-gradient(transparent 60%, #ffff3f 0%);
}

.no-decoration {
    text-decoration: none !important;
}

.mouseover-opacity {
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
}

.mouseover-opacity:hover {
    opacity: 0.7;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-small {
    font-size: var(--font-2x);
}

.text-medium {
    font-size: var(--font-3x);
}

/* Layout */
.center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mt-1 {
    margin-top: var(--space-1x) !important;
}
.mt-2 {
    margin-top: var(--space-2x) !important;
}
.mt-3 {
    margin-top: var(--space-3x) !important;
}

.ml-1 {
    margin-left: var(--space-1x) !important;
}
.ml-2 {
    margin-left: var(--space-2x) !important;
}
.ml-3 {
    margin-left: var(--space-3x) !important;
}
.ml-4 {
    margin-left: var(--space-4x) !important;
}

.ml-5-percent {
    margin-left: 5% !important;
}