.psychic-profiles-con { display: flex; flex-wrap: wrap; gap: 1rem;margin: 3rem 0 0; justify-content: center;}

.profile-card { width: 19%; border-radius: .5rem; overflow: hidden;  background: #c3c3c366;}
.profile-card figure { height: 17rem; overflow: hidden; }
.profile-card img { width: 100%; object-fit: cover; }
.profile-info { padding: 1rem 2rem; }
.profile-info a { color: var(--textColor); position: relative; }
.profile-info a::after { content: '→'; position: absolute; top: 33%; right: -4rem; font-size: 2rem; transform: translateY(-50%); }
.profile-info ul li { list-style: none;margin: 0 !important; }
.profile-card ul { margin: 0 0 .8rem; padding: 0 !important;}
.profile-info h3 { margin: 0 0 .5rem; }
.profile-card ul { margin: 0 0 1.2rem; }
.profile-info a:hover { color: var(--priColor); }


.profile-status { display: inline-block; padding: 4px 12px; border-radius: 15px; font-size: 12px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; letter-spacing: 0.5px; }
.status-active { background-color: #46b450; color: white; }
.status-away { background-color: #f39c12; color: white; position: relative; }
.status-away:before { content: "⏰"; margin-right: 4px; }
.status-pending { background-color: #ffb900; color: white; }
.status-suspended { background-color: #999; color: white; }
.heading-info {display: flex; justify-content: space-between; align-items: center;}


@media only screen and (max-width: 1500px) {
    #nh-bnr { background-position: center; }
}

@media only screen and (max-width: 1300px) {
    .profile-card { width: 23%; }
}

@media only screen and (max-width: 1000px) {
    .psychic-profiles-con { justify-content: space-between; }
    .profile-card { width: 31%; }
}


@media only screen and (max-width: 767px) {
    .profile-card { width: 48%; }
}

@media only screen and (max-width: 480px) {
    .profile-card { width: 90%; }
    .profile-card img { object-fit: unset; }
    .profile-card { margin: 0 auto; }
    #nh-bnr { background-size: 275% 100%; }
}