p .kat{
    color: #dc3545;
    font-weight: 700;
    text-decoration: none;
}
.pagination .page-item .page-link{
    color: #797979;
 }
.pagination .page-item .page-link:hover{
    color: #dc3545;
 }
 .pagination  .active .page-link{
    color: #ffffff;
    background-color: #dc3545;
    border: none;
 }
 .pagination  .active .page-link:hover{
    color: #ffffff;
    background-color: #dc3545;
    border: none;
 }

/*! footer */

/* ?icon */
.sm a{
    text-decoration: none;
}
.sm a i{
    color: #ffff;
}
.sm a i:hover{
    color: #dc3545;
}

.link p a{
    color: aliceblue;
    text-decoration: none;
}
.link p a:hover{
    color: #dc3545;
}
.linkp a{
  color: #ffff;
}
.linkp a:hover{
  color: #dc3545;
}
#f{
font-weight: 450;
}
#f .footer-bottom {
  padding-top: 20px;
  padding-bottom: 20px;

}

#f .copyright {
  float: left;
}

#f .credits {
  float: right;
}

#f .credits a {
  transition: 0.3s;
  text-decoration: none;
}

@media (max-width: 768px) {

  #f .copyright,
  #f .credits {
    text-align: center;
    float: none;
  }

  #f .credits {
    padding-top: 2px;
  }
  #f .footer-bottom {
    padding-top: 15px;
    padding-bottom: 15px;

  }
}

.pesan{
    right: 0;
    position: fixed;
    z-index: 9999;
    border-radius:7px ;
}