.gallery {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: 300px;
    
   
  }
  
  .gallery:hover {
    border: 1px solid #777;
  }
  
  .gallery img {
    width: 100%;
    height: auto;
   
  }
  
  div.desc {
    padding: 15px;
    text-align: center;
  }
  .box{
    width: 100%;
    margin: 0;
    overflow: hidden;
     
  }
  h2 {
    overflow: hidden;
    position: relative;
    color: #28a745;
  }
  .style2 {
    padding-bottom: 4px;
  }
  .style2::before {
    content: "";
    border-bottom: 4px solid #E16A26;
    bottom: 0;
    height: 0;
    position: absolute;
    width: 100%;
    z-index: 0;
  }
  .style2::after {
    border-bottom: 4px solid #bdb7b7;
    bottom: 0;
    content: "";
    position: absolute;
    width: 1200px;
    z-index: 1;
  }
 .mar{
  margin: 10px;
 }