/*
**********************************************************
**********************************************************
**********************************************************
************* # STYLING THE TOP-SELLERS
*/

.card-body > .seller-name {
  text-align: center;
  font-weight: bold;
}

.card-body > .seller-bio {
  text-align: center;
  font-weight: bolder;
}

.card-body > .seller-bio a {
  text-decoration-line: none;
  color: #ff6666;
}

.card-body > .seller-photo {
  position: sticky;
  margin-top: -80px;
  margin-bottom: 10px;
  padding: 0;
  width: 125px;
  height: 130px;
  border-radius: 100%;
  border: 2px solid #ff6666;
  box-shadow: 0 0 0.8rem #757575c4;
}

.seller-name {
  text-transform: capitalize;
}

/*STYLING THE (FOLLOWERS) SECTION */
.followers button {
  margin: 0;
  background: none;
  padding: 0;
  border: 0;
}

.followers-title h6 {
  margin: 0 10px 0 0;
  padding: 0;
  text-align: start;
  text-transform: capitalize;
  font-weight: bold;
}

/*STYLING THE (FOLLOWING) SECTION */

.following button {
  margin: 0;
  background: none;
  padding: 0;
  border: 0;
}

.following-title h6 {
  margin: 0 10px 0 0;
  padding: 0;
  text-align: start;
  text-transform: capitalize;
  font-weight: bold;
}

/*STYLING THE (SELLES) SECTION */

.selles button {
  margin: 0;
  background: none;
  padding: 0 5px 0 0;
  border: 0;
}

.selles-title h6 {
  margin: 0 10px 0 0;
  padding: 0;
  text-align: start;
  text-transform: capitalize;
  font-weight: bold;
}

/*STYLING THE (FOLLOW) BTN*/

.btns > .follow {
  color: white;
  font-weight: bolder;
  border-radius: 50px;
  background-color: #ff4949;
  box-shadow: 0 0 0.5rem #ff4949;
  border: 0;
}

.btns > .follow:hover {
  background-color: #00c076;
  box-shadow: 0 0.5rem #00c076a2;
  transition: 0.2s;
}

.btns > .followed {
  color: white;
  font-weight: bolder;
  border-radius: 50px;
  background-color: #00c076;
  box-shadow: 0 0 0.5rem #00c076a2;
  border: 0;
}

.btns > .followed:hover {
  background-color: #c00000;
  box-shadow: 0 0.5rem #c00000a2;
  transition: 0.2s;
}
