@media (max-width: 575px) {
  .portfolio-section .tab-content {
    top: 200px;
  }
}
.portfolio-section .nav-tabs {
  overflow: hidden;
  border-radius: 5px;
}
.portfolio-section .nav-tabs a {
  background-image: linear-gradient(123.62deg, #f59c37 0%, #fd5479 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.portfolio-section .nav-tabs .nav-link {
  border-right: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 0;
}
@media (max-width: 575px) {
  .portfolio-section .nav-tabs .nav-link {
    border-right: 0px solid rgba(255, 255, 255, 0.24);
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
  }
}
.portfolio-section .nav-tabs .nav-link.active {
  background-clip: padding-box;
}
.portfolio-section .nav-tabs .nav-link.active a {
  background-image: linear-gradient(123.62deg, #ffffff 0%, #ffffff 100%);
}
.portfolio-section .tab-content {
  left: 0;
  padding: 0 25px;
}
.portfolio-section .portfolio-img {
  width: 100%;
  height: 240px;
  position: relative;
}
.portfolio-section .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #292e4eac;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: 0.5s ease;
  z-index: 99;
}
.portfolio-section .overlay span {
  background-image: linear-gradient(123.62deg, #f59c37 0%, #fd5479 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.portfolio-section .overlay .website {
  bottom: 0;
}
.portfolio-section .overlay .website a {
  color: #ffffff;
}
.portfolio-section .overlay .website i::before {
  background-image: linear-gradient(123.62deg, #f59c37 0%, #fd5479 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.portfolio-section .overlay .search {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  background-image: linear-gradient(123.62deg, #f59c37 0%, #fd5479 100%);
  border-bottom-left-radius: 5px;
}
.portfolio-section .overlay .search i {
  color: #ffffff;
}
.portfolio-section .portfolio-img:hover .overlay {
  height: 100%;
}