.pgf-search-bar{
  display: flex;
  gap: 1rem;
}
.pgf-search-input-wrapper{
  width: 70%;
}
.pgf-search-input {
  padding-left: 40px !important;
  border-color: #e5e7eb !important;
  border-radius: 0.375rem !important;
}
.pgf-search-icon {
    position: absolute;
    left: 10px;
    top: 10px;
    pointer-events: none;
    color: #9CA3AF;
}
.pgf-category-select{
  width: 30%;
  border: none;
  border-radius: 0.375rem !important;
}
  
  .pgf-post-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 18.75px;
    
  }
  .pgf-post {
    width: calc(33.33% - 18.75px);
    background: #ffffff;
    box-sizing: border-box;
    border: 1px solid #ecf2fe;
    border-radius: 12.5px;
    overflow: hidden;
    padding:15.6px;

  }
  .pgf-thumb {
    width: 100%;
    height: 200px !important;
    overflow: hidden;
    border-radius: 9.3px;
  }
  .pgf-thumb img {
    width: 100%;
    object-fit: cover;
    object-position: center center;
    height:100%;
   
  }
  
  .pgf-meta {
    font-size: 14px;
    color: #262626;
    line-height:20px;
  }
  .pgf-cat{
    font-size: 12.5px;
    font-weight: 500;
    color: #F27535;
    padding:7px 0px;
  }
  .pgf-read-time {padding-left: 5px;}
  .pgf-title {
    color: #16151b !important;
    font-size: 15.63px;
    font-weight: 500;
    line-height: 1.4em;
    margin-bottom: 0.8rem;
    margin-top: 0.4rem;
    height: 120px;
  	overflow: hidden;
  }
  .pgf-excerpt-box{
    display: flex;
    flex-direction: column;
    min-height: 140px;
    margin-top:12.5px;
  }
  .pgf-excerpt {
  font-size: 12.5px;
  color: #4f4f4f;
  line-height: 1.6em;
  margin-bottom: 16px;

  }
.pgf-item-footer{
  display: flex;
  justify-content: space-between;
  margin-top: auto;
}
.pgf-date{
  font-size: 12.5px;
  color: #4f4f4f;
}
  .pg-read-more {
    display: flex;
    color: #F27535;
    text-decoration: none !important;
    font-size: 12.5px;
    font-weight: 500;
    gap: 8px;
    align-items: center;
    justify-content: flex-end;
  }

    .pg-read-more:hover {
    color: #F27535;
    text-decoration: none;
  }
  


  .pgf-pagination {
    margin-top: 2rem;
    width: 100%;
    display: flex;
  gap: 16px;
  justify-content: center;
  }
  
  .pgf-page-button {
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    color: #525252 !important;
    border: 1px solid #e5e5e5 !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    cursor: pointer;
    font-size: 12px !important;
    font-weight: 500 !important;
    transition: background 0.3s;
  }
  
  .pgf-page-button:hover {
    background: #F27535 !important;
    color: #fff !important;
    border: 1px solid #F27535 !important;
  }
  
  .pgf-page-button.active {
    background: #F27535;
    color: #fff !important;
    border: 1px solid #F27535 !important;
  }

  /* Responsive styles */
@media (max-width: 600px) {
    .pgf-search-bar {
        flex-direction: column;
        align-items: stretch;
    }

    .pgf-category-select {
        width: 100%;
    }

    .pgf-search-input-wrapper {
        width: 100%;
    }

    .pgf-post {
      width: 100% !important;
      margin:0 10px;
    }


}

@media (max-width: 960px) {
  .pgf-post {
  width: calc(50% - 40px);
  }
}