/* portfolio */
.tf-portfolio-style-1 .img-style {
	aspect-ratio: 716/820;
	display: block;
}
.tf-portfolio-style-2 .img-style {
	aspect-ratio: 896/820;
	display: block;
}

.tf-portfolio-style-3 .img-style {
	aspect-ratio: 1;
	display: block;
}

.tf-portfolio .img-style img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.tf-portfolio-style-4 .item-1 .img-style {
	aspect-ratio: 696/688;
	display: block;
}

.tf-portfolio-style-4 .item-2 .img-style {
	aspect-ratio: 696/867;
	display: block;
}

.tf-portfolio-style-4 .item-3 .img-style {
	aspect-ratio: 696/457;
	display: block;
}

.tf-portfolio-style-4 .item-4 .img-style {
	aspect-ratio: 696/688;
	display: block;
}

.tf-portfolio-style-4 .item-5 .img-style {
	aspect-ratio: 696/867;
	display: block;
}
.tf-portfolio-style-4 .item-6 .img-style {
	aspect-ratio: 696/457;
	display: block;
}

.tf-portfolio-style-4 .wrap-portfolio {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 48px;
	align-items: start;
}

.tf-portfolio-style-4 .portfolio-column {
	display: flex;
	flex-direction: column;
	gap: 80px;
	min-width: 0;
}

.tf-portfolio-style-4 .portfolio-item.style-2 {
	width: 100%;
}

.tf-portfolio-style-4 .portfolio-item.style-2 .img-style {
	display: block;
	overflow: hidden;
	border-radius: 32px;
}

.tf-portfolio-style-4 .portfolio-item.style-2 .img-style img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: initial;
}

.tf-portfolio-style-4 .portfolio-item.style-2 .content {
	padding-top: 18px;
}

.tf-portfolio-style-4 .portfolio-item.style-2 .category {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	padding: 0;
	margin: 0;
	list-style: none;
}

@media (max-width: 767px) {
	.tf-portfolio-style-4 .wrap-portfolio {
		grid-template-columns: 1fr;
	}
}
.tf-portfolio-style-4 .portfolio-item.style-2 .img-style {
	display: block;
	overflow: hidden;
	border-radius: 16px;
}

.tf-portfolio-style-4 .portfolio-item.style-2 .img-style img {
	display: block;
	width: 100%;
	height: 100%;
	    border-radius: 32px;
	object-fit: cover;
}
.tf-portfolio-style-3 .work-item .content .h6 {
    margin-bottom: 10px;
}
a {
    cursor: pointer;
    display: inline-block;
    color: inherit;
    text-decoration: none;
}

/* Single */
.single-content-portfolio {
	text-align: center;
}
.wrap-related-portfolio .heading-related {
    margin-bottom: 24px;
}
.wrap-related-portfolio .work-item .content {
    padding: 0;
    margin-top: 24px;
    border: unset;
    background-color: unset;
}
.wrap-related-portfolio .h6.link {
    display: inline-block;
    margin-bottom: 10px;
}
.wrap-related-portfolio .work-item .img-style {
    border-radius: 24px;
}
.wrap-related-portfolio {
    margin-top: 102px;
}