#nonhome { padding: 0; }
.profile-header-info { display: flex; justify-content: start; margin: 0 0 3rem; align-items: center; gap: 2rem; }


.profile-header { background: var(--priColor); display: flex; justify-content: space-between; align-items: center;}
.profile-info { width: 50%; padding: 0 0 0 18rem;}
.profile-info h1 { color: var(--whiteColor); margin: 0; }
.profile-info ul li { line-height: 2.5rem; font-size: 1.1rem; color: var(--whiteColor);font-family: var(--secFont); }
#profile-single-banner { background: #c3c3c366; padding: 3rem 0; }
.profile-content li { list-style: disc; margin: 0 0 0 3rem; line-height: 1.8rem; font-family: var(--secFont); }
.profile-content ul { padding: 0 0 1.2rem; }
.profile-content h3 { margin: .7rem 0 .5rem; }
.sidebar-profile-info li { list-style: none; }

.single-profile-content { display: flex; flex-wrap: wrap; margin: 3rem 0 0; justify-content: space-between;}
.profile-content { width: 75%; }
.sidebar { width: 20%; }
.profile-item img { height: auto; }
.profile-item { background: #c3c3c366; width: 86%; }
.featured-profiles-list { display: flex; flex-direction: column; gap: 1rem; }
.sidebar li { font-family: var(--secFont); }
.featured-profile figure { height: 15rem; overflow: hidden; }
.featured-profile { background: #c3c3c366; width: 86%; border-radius: .5rem; overflow: hidden; }
.sidebar-profile-info { padding: .5rem 1rem; }
.sidebar-profile-info h4 { margin: 0 0 0; }
strong { font-weight: 600; }
.profile-header li { font-size: 1.1rem; color: var(--whiteColor); list-style: disc; line-height: 1.8rem !important; font-family: var(--secFont); padding: 0 0 0 .5rem;}
.sidebar-profile-info h4 a { color: var(--textColor); }
.profile-photo img {width: 100%; object-fit: contain; display: block; height: 27.5rem;}

@media only screen and (max-width: 1000px) {
    .profile-info { padding: 0 0 0 2rem; }
    .single-profile-content { flex-direction: column; }
    .profile-content { width: 100%; }
    .sidebar { width: 100%; }
    .featured-profiles-list {flex-direction: row;}
}

@media only screen and (max-width: 600px) {
    .profile-info { width: 100%; }
}

@media only screen and (max-width: 480px) {
    .profile-header {position: relative;}
    .profile-photo { position: absolute; top: 0; right: 0;  width: 26%;}
    .profile-photo img { width: 100%; object-fit: unset; display: block; height: auto; }
    .profile-info h1 { margin: 0 0 .5rem; }
    .profile-info { padding: 2rem 0 2rem 2rem; }

    /* Sidebard */
     .featured-profiles-list { flex-wrap: wrap; }
    .featured-profile { width: 100%; }
    .featured-profile img { width: 100%; }
}