.blog-index__post-wrapper {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    background: none; /* Removes any background color */
    padding: 0; /* Removes any default padding */
    box-shadow: none; /* Removes any box shadows if they exist */*
}


.blog-index__post {
    background: none; /* Removes any background color */
    padding: 0; /* Removes any padding */
    box-shadow: none; /* Removes any box shadows */
  border:none!important;
}
.blog-index__post-content h3 {
    font-size: 32px;
    font-family:'red hat display';
    font-weight: 500;
    line-height: 120%;
color:#3b434d}
.blog-index__post-image {
    display: block;
    width: 100%;
    height: 200px; /* Adjust height as needed */
    background-size: 100%; /* Initial size of the background image */
    background-position: bottom;
    border-radius: 9px; /* Add border radius */
    overflow: hidden; /* Ensures that content doesn't overflow */
    transition: background-size 0.3s ease; /* Smooth zoom effect */
}

.blog-index__post-image:hover {
    background-size: 110%; /* Zoom in the background image */
}
.blog-index__post-content{
    flex-direction: column;
    align-items: flex-start;
    padding-right: 147px;
    display: flex;
}
.blog-index__post-date{
    color: rgba(24, 64, 67, .6);
    margin-bottom: 12px;
    font-size: 16px;
  margin-left: 0px;
padding-top: 20px;
}.read-more-btn {
    background-color: #4da1d8;
    border: 1px solid #4da1d8;
    border-radius: 5px;
    padding: 18px 42px;
    font-size: 16px; text-decoration: none; 
color :white;
    margin-bottom: 100px;

}