#user-profile {
  /*-------------profile header section---------*/
  /*-------- profile info section --------*/
}

#user-profile .profile-header {
  overflow : hidden;
}

#user-profile .profile-header .profile-img-container {
  position : absolute;
  bottom : -2rem;
  right : 2.14rem;
  z-index : 2;
}

#user-profile .profile-header .profile-img-container .profile-img {
  height : 8.92rem;
  width : 8.92rem;
  border : 0.357rem solid #FFFFFF;
  background-color : #FFFFFF;
  border-radius : 0.428rem;
  box-shadow : 0 4px 24px 0 rgba(34, 41, 47, 0.1);
}

#user-profile .profile-header .profile-header-nav .navbar {
  padding : 0.8rem 1rem;
}

#user-profile .profile-header .profile-header-nav .navbar .navbar-toggler {
  line-height : 0;
}

#user-profile .profile-header .profile-header-nav .navbar .profile-tabs .nav-item i, #user-profile .profile-header .profile-header-nav .navbar .profile-tabs .nav-item svg {
  margin-left : 0;
}

#user-profile #profile-info .profile-star {
  color : #BABFC7;
}

#user-profile #profile-info .profile-star i.profile-favorite, #user-profile #profile-info .profile-star svg.profile-favorite {
  fill : #FF9F43;
  stroke : #FF9F43;
}

#user-profile #profile-info .profile-likes {
  fill : #EA5455;
  stroke : #EA5455;
}

#user-profile #profile-info .profile-polls-info .progress {
  height : 0.42rem;
}

#user-profile .profile-latest-img {
  -webkit-transition : all 0.2s ease-in-out;
          transition : all 0.2s ease-in-out;
}

#user-profile .profile-latest-img:hover {
  -webkit-transform : translateY(-4px) scale(1.2);
      -ms-transform : translateY(-4px) scale(1.2);
          transform : translateY(-4px) scale(1.2);
  z-index : 10;
}

#user-profile .profile-latest-img img {
  margin-top : 1.28rem;
}

#user-profile .block-element .spinner-border {
  border-width : 0.14rem;
}

@media (max-width: 991.98px) {
  #user-profile .profile-latest-img img {
    width : 100%;
  }
}

@media (min-width: 768px) {
  .profile-header-nav .profile-tabs {
    width : 100%;
    margin-right : 13.2rem;
  }
}

@media (max-width: 575.98px) {
  #user-profile .profile-header .profile-img-container .profile-img {
    height : 100px;
    width : 100px;
  }
  #user-profile .profile-header .profile-img-container .profile-title h2 {
    font-size : 1.5rem;
  }
}