:root {
    --bs-primary-rgb: 0, 74, 170;
    /* --bs-body-font-family: 'Inter', sans-serif; */
    --bs-body-font-family: "Poppins", sans-serif;
    --bs-link-color-rgb: var(--bs-primary-rgb);
}
/* .poppins-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
  } */

.opacity-85 {
    opacity: .85;
}

.vcard {
    max-width: 650px;
    backdrop-filter: blur(19px);
}

.fs-14 {
    font-size: 14px;
}

.btn-primary {
    --bs-btn-bg: hsl(214, 100%, 33%);
    --bs-btn-border-color: hsl(214, 100%, 33%);

    --bs-btn-hover-bg: hsl(214, 100%, 28%);
    --bs-btn-hover-border-color: hsl(214, 100%, 28%);
}

.user img {
    filter: saturate(0);
    aspect-ratio: 1, 1;
}

/* .modal-backdrop {
    --bs-backdrop-bg: rgb(var(--bs-primary-rgb));
    --bs-backdrop-opacity: 0.9;
    backdrop-filter: blur(9px);
} */

@media(max-width:576px) {
    .vcard {
        max-width: 360px;
    }
    .background-image{
        top: -65px !important;
        /* display: none */
        }
}

@media only screen and (max-width: 425px){
    .background-image{
        /* top: -75px !important; */
        display: none
        }
}