.blog-main-header{
    height:350px;
    width:100%;
    background-image: url("../assets/blogs.png"); 
    background-blend-mode: overlay;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:cover;
    background-color:rgba(0,0,0,0.7);
    position:relative;
    border-bottom: 2px solid #FD3031 !important;
    margin-top:24px;
    
}
.blog-main-heading{
    font-size:3rem !important;
}
.blog-card{
    transition:0.5s ease;
    min-height:460px;
    overflow:hidden;
    position:relative;
    border-bottom:3px solid #32AAFE !important;
 }
.blog-card:hover{
   box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.feature-image{
   transition:0.3s ease;
    
}
.feature-image:hover{
    transform:scale(1.1);
}
.blog-month{
    font-size:1rem !important;
    line-height:1 !important;
    text-align:center;
    color:#fff;
}

.blog-days{
    display:block !important;
    font-size:1rem !important;
    line-height:1.5 !important;
    text-align:center;
    color:#fff;
}
.blog-date-box{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    position:absolute;
    top: 0.5em;
    right: 0.5em;
    height:4.6rem;
    width:4.6rem;
    text-align:center;
    border-radius:50%;
    background-color:#008ef382;
    line-height:1 !important;
}
.blog-title{
    font-size:1.1em !important;
    line-height:24px;
    font-weight:600 !important;
}
.blog-second-title {
    margin-top:0.8rem;
}
.blog-card:hover .blog-title{
         color:#099CFF !important;
}
.excerpt{
    font-size:0.9rem;
}
.read-more{
    font-size:1rem;
    font-weight:600;
    transition:400ms ease;
    position:absolute;
    bottom:14px;
    color:#099CFF !important;
}

 p a{
    text-decoration:underline !important;
}

/*=============================Archeive Pages ===============================*/

  .archeive-blog-title-box{
    min-height:200px;
    width:100%;
    background-image: url("../assets/cash-flow.jpg"); 
    background-color:rgba(0,0,0,0.8);
    background-blend-mode: overlay;
    background-repeat:no-repeat;
    background-position:center center;
    background-attachment:fixed;
    background-size:cover;
    position:relative;
    margin-top:24px;
    border-bottom: 2px solid #FD3031 !important;  
   
}
.Arheive-blog-title{
    font-size:2rem;
}
.Arheive-blog-title::after{
    content:'';
    display:block;
    height:5px;
    width:150px;
    background-color:#FD2D32;
    border-radius:10px;
    margin-top:1rem;
    
}
.archeive-main-img{
    height:auto;
}
.archeive-main-img img{
    border-radius:10px;
    width:100%;
}
.archeive-parent-heading{
   font-weight:500;
}
.archeive-description-heading{
    margin:2rem 0rem 0px;
    font-size:1.2rem;
    font-weight:600;
    color:rgba(0,0,0,0.8);
}
.archeive-sub-heading{
     font-size:1rem;
    font-weight:600;
    color:rgba(0,0,0,0.8);
}
.archeive-sub-heading-list{
     font-size:1rem;
    font-weight:600;
    color:rgba(0,0,0,0.8);
}
.sub-list-text{
    font-size:1rem !important;
    font-weight:400 !important;
    color:#666666!important;
}

/*=========================================media Queries=============================*/

@media only screen and (max-width:576px){
   .blog-main-header{
       height:50vh;
   }
   .blog-main-header:before{
   height:50px;
    
  }
 /*archeive page for blogsMedia query*/
  .Arheive-blog-title{
    font-size:1.2rem;
}
  .blog-main-heading{
      font-size:1.2rem !important;
  }
  

}
@media only screen and (max-width:991px){
    .archeive-blog-title{
        margin-top:-5px;
    }
    .blog-main-header{
        margin-top:-5px;
    }
     .archeive-blog-title-box{
    margin-top:0px !important;
    
}
}

@media only screen and (max-width:768px){
  .blog-card{
    
    min-height:500px;
     }  
}

@media only screen and (max-width:450px){
    .second-blog{
       min-height:420px !important;
    }
    .third-blog{
        min-height:440px !important;
    }
    
}
@media only screen and (max-width:320px){
    .first-blog{
       min-height:450px !important;
    }
    .third-blog{
        min-height:403px !important;
    }
    
}