@media (min-width: 1200px) {
    .fs-3 {
        font-size: 1.55rem !important;
    }
}

@media (min-width: 1200px) {
    .display-3 {
        font-size: 3.8rem;
    }
}

@media (min-width: 1200px) {
    .display-5 {
        font-size: 2.8rem;
    }
}

@media (min-width: 1200px) {
    .display-4 {
        font-size: 3.8rem;
    }
}

.text-gradient {
    background: -webkit-linear-gradient(315deg, #242B48 0%, #67426b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-primary-to-secondary {
    background: #242B48;
    background: linear-gradient(135deg, #242B48 0%, #67426b 100%);
}

.btn-primary {
    --bs-btn-color: #FED56C;
    --bs-btn-bg: #242B48;
    --bs-btn-border-color: #242B48;
    --bs-btn-hover-color: #FED56C;
    --bs-btn-hover-bg: #242B48;
    --bs-btn-hover-border-color: #242B48;
    --bs-btn-focus-shadow-rgb: 64, 79, 245;
    --bs-btn-active-color: #FED56C;
    --bs-btn-active-bg: #242B48;
    --bs-btn-active-border-color: #242B48;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FED56C;
    --bs-btn-disabled-bg: #242B48;
    --bs-btn-disabled-border-color: #242B48;
}

.btn-light {
    --bs-btn-color: #242B48;
    --bs-btn-bg: #FED56C;
    --bs-btn-border-color: #FED56C;
    --bs-btn-hover-color: #242B48;
    --bs-btn-hover-bg: #FED56C;
    --bs-btn-hover-border-color: #FED56C;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #242B48;
    --bs-btn-active-bg: #FED56C;
    --bs-btn-active-border-color: #FED56C;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #242B48;
    --bs-btn-disabled-bg: #FED56C;
    --bs-btn-disabled-border-color: #FED56C;
}

.profile .dots-4 svg {
    fill: #242B48;
}

.profile .dots-2 svg {
    fill: #242B48;
}

.badge {
    color: #FED56C !important;
}