/* Common Css Started */
.main-container {
  margin: 0 auto;
  max-width: 1300px;
  align-items: center;
}

/* All Header Part */
.heading-bar {
  background-color: var(--color-red-orange);
  color: #fff;
  padding: 10px 20px;
  font-size: 24px;
  font-weight: bold;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 25px;
  padding-left: 5rem;
}
/* Common Css Finished */

/* profile css start */
.profile-card {
  margin: auto;
  background: var(--color-white);
  border-radius: 15px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
}

/* Background banner */

.profile-card .banner {
  height: 200px;
  background: linear-gradient(135deg, var(--color-red-orange), #f8a64d);
  /* background: url("https://plus.unsplash.com/premium_photo-1703701579660-8481915a7991?q=80&w=1471&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D")
    no-repeat center center;
  background-size: cover; */
}

/* Profile image */

.profile-card .profile-pic {
  position: absolute;
  top: 70px;
  left: 20px;
  width: auto;
  height: 200px;
  overflow: hidden;
}

.profile-card .profile-pic img {
  width: 100%;
  height: 100%;
}

/* Profile content */

.profile-card .content {
  margin-top: 80px;
}

.profile-card .content .header .working-place {
  align-items: center;
  color: #666;
}

.profile-card .content .header .working-place img {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
}

/* Buttons */
.buttons {
  max-width: fit-content;
}

.buttons a {
  text-decoration: none;
  padding: 7px 15px;
  border-radius: 20px;
  border: 1px solid #666;
  color: #666;
  transition: 0.3s ease !important;
}

.buttons a:hover {
  transition: 0.3s ease !important;
  background-color: var(--color-red-orange);
  color: white;
  border-color: var(--color-red-orange);
}

/* space-divider */
.space-divider {
  margin-bottom: 4rem;
}

/* profile css finish */

.name-card {
  transition: 0.3s ease !important;
}

.name-card:hover {
  border: 0;
  scale: calc(1.04);
  transition: 0.3s ease;
}

.card-img {
  border: 0;
  width: 299px;
  height: 299px;
}

.name-card-img {
  overflow: hidden;
  transition: 0.3s ease;
}

.name-card:hover .name-card-img {
  transform: scale(0.94);
  transition: 0.3s ease;
  overflow: hidden;
}

.card-content .card-title {
  font-size: larger;
}