.fin-portfolio_tab_button_group {
  display: flex;
  gap: 15px;
  justify-content: center;
  margin-bottom: 50px;
  flex-wrap: wrap;
}
.fin-portfolio_tab_button_group .fin-portfolio_tab_button {
  background: none;
  padding: 10px 20px;
  border: 1px solid #001d211a;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  color: #696969;
  transition: all 0.3s ease-in-out;
}
.fin-portfolio_tab_button_group .fin-portfolio_tab_button:hover {
  color: #050f09;
  border-color: #050f09;
}
.fin-portfolio_tab_button_group .fin-portfolio_tab_button.active {
  color: #050f09;
  border-color: #050f09;
}
.fin-portfolio_tab_content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 70px 30px;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
@media (max-width: 768px) {
  .fin-portfolio_tab_content {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px 20px;
  }
}
@media (max-width: 480px) {
  .fin-portfolio_tab_content {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 20px;
  }
}
/* card item */
.fin-portfolio_card .fin-portfolio_card_item_image {
  aspect-ratio: 0.9761904762;
  width: 100%;
  overflow: hidden;
}
.fin-portfolio_card .fin-portfolio_card_item_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.fin-portfolio_card .fin-portfolio_card_item_content {
  margin-top: clamp(20px, 2vw, 40px);
}
.fin-portfolio_card .fin-portfolio_card_item_content .fin-portfolio_card_item_category {
  font-size: clamp(14px, 2vw, 16px);
  line-height: clamp(20px, 2vw, 30px);
  color: #696969;
  margin: auto 0;
}
.fin-portfolio_card .fin-portfolio_card_item_content .fin-portfolio_card_item_title {
  font-size: clamp(20px, 2vw, 24px);
  line-height: clamp(25px, 2vw, 35px);
  color: #050f09;
  font-weight: 600;
  margin: auto 0;
}
.fin-portfolio_card .fin-portfolio_card_item_content .fin-portfolio_card_item_title a {
  text-decoration: none;
  color: inherit;
}
.fin-portfolio_card:hover .fin-portfolio_card_item_image img {
  transform: scale(1.05);
}