.profile-cover-card {
  position: relative;
  height: 320px;
}
.profile-cover-card:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(1deg, rgba(18, 31, 62, 0.9) 0%, rgba(18, 31, 62, 0) 100%);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  z-index: 1;
}
.dark-mode .profile-cover-card:after {
  background: linear-gradient(1deg, rgba(170, 184, 197, 0.9) 0%, rgba(170, 184, 197, 0) 100%);
}

.profile-container {
  position: relative;
  margin-top: -169px;
  z-index: 3;
}

.profile-card-has-mask {
  position: relative;
}
.profile-card-has-mask:after {
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: -8px;
  border-radius: 24px;
  opacity: 0.5;
  background-color: var(--white);
  z-index: -1;
}

@media (max-width: 991px) {
  .profile-tabs-items {
    overflow-x: auto;
  }
  .profile-tabs-items .navbar-item {
    min-width: -moz-max-content;
    min-width: max-content;
  }
}

.profile-avatar-card {
  position: relative;
}
.profile-avatar-card img {
  position: relative;
  z-index: 2;
}
.profile-avatar-card:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background-color: var(--gray-200);
  z-index: 1;
}
.profile-avatar-card.size-64:after {
  width: 80px;
  height: 80px;
  background-color: var(--gray-100);
}
.profile-avatar-card__verified-badge {
  position: absolute;
  right: 4px;
  bottom: 4px;
  z-index: 3;
}
.rtl .profile-avatar-card__verified-badge {
  right: auto;
  left: 4px;
}

.profile-followers-card:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1px;
  height: 16px;
  background-color: var(--gray-300);
}

.profile-video-card {
  height: 260px;
}
.profile-video-card, .profile-video-card video {
  border-radius: 16px;
}
.profile-video-card video {
  width: 100%;
  height: 100%;
}

.profile-education-card {
  position: relative;
}
.profile-education-card:after {
  content: "";
  position: absolute;
  left: 20px;
  top: 40px;
  width: 3px;
  height: 16px;
  border-left: 1px dashed var(--gray-300);
  z-index: 1;
}
.profile-education-card:last-child:after {
  display: none;
}

.profile-badge-card {
  height: 199px;
}
.profile-badge-card__mask {
  position: absolute;
  top: 8px;
  left: 4px;
  right: 4px;
  bottom: -8px;
  border-radius: 16px;
  opacity: 0.5;
  background-color: var(--white);
  border: 1px solid var(--gray-200);
  z-index: 1;
}
@media (max-width: 991px) {
  .profile-badge-card {
    height: 182px;
  }
}

.profile-instructor-card__mask {
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: -8px;
  border-radius: 16px;
  opacity: 0.5;
  background-color: var(--white);
  border: 1px solid var(--gray-200);
  z-index: 1;
}