html {
  scroll-behavior: smooth;
}

.logo img {
  animation: waveLight 5s infinite alternate ease-in-out;
}

@keyframes waveLight {
  0%   { filter: brightness(100%); }  /* original */
  50%  { filter: brightness(230%); }  /* lighter */
  100% { filter: brightness(100%); }  /* back */
}

.social-icon-alain {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #999;      /* grey background */
  color: white;
  font-size: 18px;       /* icon size */
  text-align: center;
  line-height: 40px;     /* must match height */
  vertical-align: middle;
}

.social-icon-alain i {
  line-height: inherit;  /* match parent line height */
  vertical-align: middle;
}


.pagination-wrapper ul li a,
.pagination-wrapper ul li span {
  height: 30px;
  width: 30px;
  border: 1px solid #b7b7b7;
  color: #333;
  
  display: inline-flex;         /* Use flexbox instead of inline-block */
  align-items: center;          /* Vertical centering */
  justify-content: center;      /* Horizontal centering */
  
  text-align: center;           /* For numbers */
  line-height: normal;          /* Remove the fixed line-height */
}


#scrollUp {
    display: flex;
    align-items: center;   /* vertical center */
    justify-content: center; /* horizontal center */
    width: 50px;           /* set button size */
    height: 50px;
    background: #333;      /* example background */
    color: #fff;           /* icon color */
    border-radius: 50%;    /* make it round */
    font-size: 20px;       /* icon size */
}

.featured{
    
    
 position: absolute;
      top: 0;
      left: 0;
      background-color: #D2534B;
      color: white;
      padding: 4px 8px;
      font-size: 10px;
      font-weight: bold;
      z-index: 99999999;
      border-radius: 10px;
      
}

.new2new{
    
      position: absolute;
      top: 0;
      right: 0;
      background-color: #FBB637;
      color: black;
      padding: 4px 8px;
      font-size: 10px;
      font-weight: bold;
      z-index: 10;
      border-radius: 10px;

}

.pointer{
    
    cursor:pointer;
    
}


.btn-success{
    
    background-color:#ABB8C8;
    
}


.breadcumb-wrap ul li a:hover {
    color: BLACK; /* Change color on hover */
    text-decoration: underline; /* Optional underline on hover */
}