.btn-primary {
    background-color: #1750B5 !important;
    border-color: #1750B5 !important;
    transition: background-color 0.3s ease-in-out, border 0.3s ease-in-out;
}

.btn-primary:hover {
    background-color: #0D6EFD !important;
    border-color: #0D6EFD !important;
}

.bg-primary-subtle {
    background-color: #F4FAFF !important;
}

.text-orange {
    color: #f98a00 !important;
}

.bg-orange {
    background-color: #f98a00 !important;
}

.area-hover {
    transition: background-color 0.3s ease-in-out, border 0.3s ease-in-out;
}

.area-hover:hover {
    background-color: #f8f9fa;
    border-color: #d6d6d6 !important;
}

.area-hover:hover i {
    color: #1750B5 !important;
    transition: color 0.3s ease-in-out;
}

/* botão de ir para o topo: */
#scrollTopBtn {
    background-color: rgba(255, 255, 255, 0.6);
    transition: background-color 0.3s ease, color 0.3s ease;
    backdrop-filter: blur(4px);
}

#scrollTopBtn:hover,
#scrollTopBtn:active,
#scrollTopBtn:focus {
    background-color: var(--bs-primary);
    color: #fff !important;
}

@media (max-width: 576px) {
    #scrollTopBtn {
        bottom: 5rem;
        right: 1rem;
    }
}