/*========= blog_categorie_area1 css ===========*/
.blog_categorie_area1 {
  padding-top: 0px;
  padding-bottom: 80px; }

.categories_post1 {
  position: relative;
  text-align: center;
  cursor: pointer; }
  .categories_post1 img {
    max-width: 100%; }
  .categories_post1 .categories_details {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    background: rgba(34, 34, 34, 0.8);
    color: #fff;
    transition: all 0.3s linear;
    display: flex;
    align-items: center;
    justify-content: center; }
    .categories_post1 .categories_details h5 {
    
      font-size: 15px;
      line-height: 26px;
      text-transform: uppercase;
      color: #fff;
      position: relative; }
    .categories_post1 .categories_details h6 {
   
      font-size: 13px;
      text-transform: uppercase;
      color: #ffffff;
      line-height: 26px;
      margin-bottom: 0px; }
    .categories_post1 .categories_details .border_line {
      margin: 10px 0px;
      background: #fff;
      width: 100%;
      height: 1px; }
  .categories_post1:hover .categories_details {
      background: rgba(34, 34, 34, 1.5);
    opacity: .6; }
    
    
    
    
    
    /*========= blog_categorie_area3 css ===========*/
.blog_categorie_area3 {
  padding-top: 80px;
  padding-bottom: 80px; }

.categories_post3 {
  position: relative;
  text-align: center;
  cursor: pointer; }
  .categories_post3 img {
    max-width: 100%; }
  .categories_post3 .categories_details {
    position: absolute;
    top: 20px;
    
    bottom: 20px;
    background: rgba(34, 34, 34, 0);
    color: #fff;
    transition: all 0.3s linear;
    display: flex;
    align-items: center;
    justify-content: center; }
    .categories_post3 .categories_details h5 {
    
      font-size: 15px;
      line-height: 26px;
      text-transform: uppercase;
      color: black;
      position: relative; }
    .categories_post3 .categories_details h6 {
   
      font-size: 13px;
      text-transform: uppercase;
      color: #787878;
      line-height: 26px;
      margin-bottom: 0px; }
    .categories_post3 .categories_details .border_line {
      margin: 10px 0px;
      background: black;
      width: 100%;
      height: 1px; }
  .categories_post3:hover .categories_details {
      background: rgba(34, 34, 34, 0);
 }