.portfolio-gallery { padding: 70px 0; }
.portfolio-gallery .section-heading { margin-bottom: 24px; }
.portfolio-category[hidden] { display: none !important; }
.portfolio-category-headings { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-bottom: 22px; }
.portfolio-category-button { background: #fff; border: 1px solid #c99f56; border-radius: 999px; padding: 8px 16px; font-family: inherit; font-size: 18px; font-weight: 600; color: #222; cursor: pointer; transition: background .2s, color .2s; }
.portfolio-category-button:hover, .portfolio-category-button[aria-expanded="true"] { color: #fff; background: #b88b42; border-color: #b88b42; }
.portfolio-panel-title { margin: 24px 0; font-size: 28px; }
.portfolio-category + .portfolio-category { margin-top: 40px; }
.portfolio-category-button:focus-visible { outline: 2px solid #c99f56; outline-offset: 5px; }
.portfolio-gallery .portfolio-category-image a { display: block; position: relative; }
.portfolio-category-caption { position: absolute; left: 16px; bottom: 16px; padding: 7px 14px; border-radius: 20px; background: rgba(0,0,0,.72); color: #fff; font-size: 13px; line-height: 1.5; }
@media(max-width:767px) {
  .portfolio-gallery { padding: 45px 0; }
  .portfolio-gallery .gallary-inner-item-2 a { height: 350px; }
  .portfolio-gallery .gallary-inner-items .gallary-inner-item-2 a { height: 200px; }
  .portfolio-category-caption { left: 10px; bottom: 10px; padding: 5px 10px; font-size: 11px; }
}
@media(max-width:400px) {
  .portfolio-gallery .gallary-inner-items { grid-template-columns: 1fr; }
}