/* blog page css */

.blog-Breadcrumb-bg{
    background-color: rgba(220, 220, 220, 0.277);
    border-radius: 2px;
    
}

.text-justify {
    text-align: justify;
}

.blog-post-container {
    padding: 10px; 
    margin-bottom: 15px; 
    height: 350px; 
    border-radius: 10px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    
  }

  .post-bg{
    background-color: rgba(104, 137, 255, 0.121);
    transition: transform 0.3s ease-in-out, border 0.3s ease-in-out; /* Smooth transitions */
  }

  .post-bg:hover{
    background-color: rgba(104, 137, 255, 0.121);
    transform: scale(1.05); /* Slight zoom on hover */
   
  }