.ban{
    
padding: 10px;
    align:right;
    
   
}

.ban> img{
    width: 100%;
    

}

.sus{
    
    margin-top: 30px;
    align:left;
    color: #025990;
}


.sus1{
    
    font-size: 17px;
    font-weight: 500;
}

.poost{
    
 image-resolution: 100px;
}

.body {
    margin: 30px 0px;
}

.ram{
    
 padding: 35px; 
    
    
}

}

.cat{
    
 padding: 35px; 
  background-color: #e2e1e1; 
    
}

.social_icons{margin-right:15px}


.paint{
    border-bottom:2px solid red;
    border-bottom-width: medium
    color: darkblue;
    
}

.room{
    color: darkblue;
    padding: 3px;
    
}

.just{
    
text-align: justify;
    margin-top: 5px;
    
}

.paint2{
text-align: justify;
    }


.must{
    
   border-style: solid; border-color: #999999;
border-width: 1px; height: 300px; padding: 10px 10px;
margin-bottom:80px;
    
    
    
    
}





.cat{
    
 padding: 35px; 
  background-color: #e2e1e1; 
    
}

.icons{
    
    width: 150px;
    font-size: 50px;
    background-color:#d04a34; 
    padding: 5px 5px;
    height: 300px;
    margin-top: -80px;
    color: #ffff;
    
    
    border-radius: 50%;
   
    
    width: 130px;
    height: 130px;
        
}

.our_footer{background:#171313;

color: #b1afaf;
}


.but{
    
    color: #888787;
}




.cont {
  position: relative;
  width: 50%;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: #008CBA;
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .5s ease;
}

.container:hover .overlay {
  bottom: 0;
  height: 100%;
}

.text {
  white-space: nowrap; 
  color: white;
  font-size: 20px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}


.clearfix {
    overflow: auto;
}