/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
.product-updates-content{
    display: flex;
    flex-direction: row;
    padding: 30px;
  gap: 20px; /* Space between filters and card */
/*   margin: 30px 5vw; */
}
.product-updates-filter{
  flex: 0 0 15%;
/*     padding: 20px; */
    margin: 0 50px;
/*     background-color: #F6FEFC; */
    border-radius: 8px;

}

.product-updates-filter_label{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
    color: #425b76;
      margin: 0px 0px 4px !important;
      outline: none;
    background: #F6FEFC;
  padding:10px;
}
.product-updates-filter_label:hover{
    background: #D6F0EE;
}
.product-updates-filter_label [type="checkbox"] {
  position: static !important;
}

.product-updates-listing{
/*     max-width: 800px; */
/*     display:block; */
/*   width:100%; */
}
.product-updates-main{
/*     background-color: #FFFFFF;
 */
}
.product-updates-listing-content{
padding:0;
margin:0;
}
.product-updates-posts{
/*     flex: 1 0 0%; */
/*     padding-left: 16px;
    padding-right: 16px; */
/*     position: relative; */
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
  gap:30px;
  flex-wrap: wrap;
}
.product-updates-post-item{
/* height:500px; */
  width: 600px;
  z-index:1;
  display:flex;
}
.product-updates-post-box{
  margin-bottom:20px;
      width: 100%;
      border-radius: 8px;
}
.product-updates-post-info-box{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items:flex-start;
  padding: 15px 30px;
}
.product-updates-image{
/*     height: 400px; */
/*     width: 100%; */
    border-radius: 8px;
    margin-bottom:20px;
}
.updates-card{
    display:flex;
    flex-direction: column;
    justify-content: flex-start;
  width:100%;
  height: 100%;
  background-color: #F6FEFC;
  border-radius: 8px;
}
.updates-image-card{
width:100%;
}
.product-updates-label{
    text-decoration: none;
}
.product-updates-blog-image{
/* width:100%; */
border-radius:8px;
margin:auto;
  background-color:#F4F6FA;
    overflow: hidden;
    padding-top: 60px;
}
.updates-blog-image{
width:100%;
  height:500px;
object-fit:contain;
}
  @media(max-width: 600px){
.product-updates-filter{
    padding: 10px;
    margin: 0;
  width:100%;
}
   .product-updates-content {
         flex-direction: column;
         padding: 20px 40px;
  margin: 0;
    }
    .product-updates-posts{
    flex-direction: column;
    justify-content: stretch;
    align-items: stretch;
  gap:30px;
}
     }
  }