.blog-header h1{
   color:black;
   font-weight: 700;
   font-size: 34px;
}
.blog-header p{
   color:rgb(0, 144, 96);
   font-weight: 700;
   font-size: 24px;
}
.blog-header{
   background-image: url(../eMall-photo/blog.jpg);
   width:100%;
   height:40vh;
   background-size: cover;
   background-position: center;
   display:flex;
   justify-content: center;
   text-align:center;
   flex-direction: column;
   padding:14px;
}
#blog{
   padding:150px 150px 0 150px ;
}
#blog .blog-box{
   display:flex;
   padding-bottom:90px;
   align-items:center;
   width:100%;
   position: relative;
}
#blog .blog-img{
   width:50%;
   margin-right:40px;

}
#blog img{
   width:100%;
   height:300px;
   object-fit: cover;
}
#blog .blog-details{
   width:50%;
}
#blog .blog-details a{
   text-decoration: none;
   font-size:11px;
   color:black;
   font-weight:700;
   position: relative;
   transition: 0.3s;
}
#blog .blog-details a::after{
   content: "";
   width:50px;
   height:1px;
   background-color:black;
   position: absolute;
   top:4px;
   right:-60px;
}
#blog .blog-details a:hover{
   color:aquamarine;

}
#blog .blog-details a:hover::after{
   background-color: aquamarine;
}
#blog .blog-box h1{
   position:absolute;
   top:-55px;
   left:0;
   font-size:70px;
   font-weight: 700;
   color:rgb(177, 177, 177);
   z-index:-9;
}

@media (max-width:477px){
   #blog{
   padding:100px 20px 0 20px ;
   }
   #blog .blog-box{
   display:flex;
   flex-direction: column;
   align-items:flex-start;
   }
   #blog .blog-img{
   width:100%;
   margin-right:0;
   margin-bottom:20px;
   }
   #blog .blog-details{
   width:100%;
   }
}