.portfolio-area {
    max-width: 1366px;
    margin: 32px auto;
}
.portfolio-grid {
    display:flex;
    flex-wrap:wrap;
    max-width: 1366px;
}
.portfolio-item {
    width:calc(100% / 3);
    margin-top: 20px;
}
.portfolio-image {
    width: 380px;
    height: 250px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 20px;
}
.portfolio-title {
    width: 100%;
    min-height: 49px;
    padding-left: 67px;
    margin-top: 16px;
    background-size: 49px;
    background-repeat: no-repeat;
    background-position: left top;
}
.portfolio-title a {
    font-family: "Open Sans", serif;
	font-size: 18px;
	line-height: 24px;
  	font-weight: bold; 
}
iframe.rsfv-video {
    width: 100%;
    height: 250px !important;
    border-radius: 20px;
}
.portfolio-item-cats {
	display: flex;
	gap: 20px;
	align-items: center;
	margin-top: 16px;
}
.portfolio-item-cat-item {
	display: flex;
	align-items: center;
}
.portfolio-item-cat-icon{
    width:16px;
    height:16px;
	margin-right: 8px;
    border-radius:50px;
    font-size:20px;
    line-height:100px;
    text-align:center;
}
.portfolio-item-cat-name{
    font-family: "Open Sans", serif;
	font-size: 14px;
	line-height: 21px;
  	font-weight: 400; 
	color: #3C3C3C;
}
.more-button {
    font-family: "Open Sans", serif;
	font-size: 18px;
	line-height: 24px;
  	font-weight: 500;
	color: #2190D1;
    box-shadow: 0px 3px 6px #00000029;
    border: 3px solid #2190D1;
    border-radius: 35px;
    padding: 16px 24px 16px 45px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.934' height='20.934' viewBox='0 0 20.934 20.934'%3E%3Cpath id='Icon_awesome-plus' data-name='Icon awesome-plus' d='M19.439,10.474H12.71V3.745a1.5,1.5,0,0,0-1.5-1.5H9.72a1.5,1.5,0,0,0-1.5,1.5v6.729H1.5A1.5,1.5,0,0,0,0,11.97v1.5a1.5,1.5,0,0,0,1.5,1.5H8.224v6.729a1.5,1.5,0,0,0,1.5,1.5h1.5a1.5,1.5,0,0,0,1.5-1.5V14.96h6.729a1.5,1.5,0,0,0,1.5-1.5v-1.5A1.5,1.5,0,0,0,19.439,10.474Z' transform='translate(0 -2.25)' fill='%232190d1'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 15px center;
    cursor: pointer;

}
.more-button-outer {
    display: flex;
	flex-direction: row;
	background:  url('/wp-content/themes/wgc/images/Circles left.svg') no-repeat left/contain,  url('/wp-content/themes/wgc/images/Circles right.svg') no-repeat right/contain;
    padding: 0px 50px;
    width: fit-content;
    background-size: 53px 10px;
    margin: 20px auto;
  }

  @media only screen and (max-width: 1200px) {
	.portfolio-item {
 	   width: calc(100% / 2) !important;
	}
	.portfolio-item .portfolio-image {
        width: calc(100% - 20px) !important;
    }
}

  @media only screen and (max-width: 768px) {
    .portfolio-item {
        width:calc(100% / 2) !important;
    }
    .portfolio-image {
        width: 100%;
        height: 230px;
    }
    iframe.rsfv-video {
        width: 100%;
        height: fit-content !important;
        min-height: 230px;
    }
    .portfolio-title a {
        font-size: 16px;
        line-height: 18px;
    }
    .portfolio-item-cat-name {
        font-size: 12px;
        line-height: 18px;
    }
    .more-button-outer {
        padding: 0px 60px;
        width: fit-content;
        background-size: 55px 20px;
        margin: 20px auto;
        justify-content: center;
    }
    .more-button {
        font-size: 16px;

    }
}
@media only screen and (max-width: 480px) {
	.portfolio-item {
 	   width: 100% !important;
	}
	.portfolio-item .portfolio-image {
        width: 100% !important;
    }
}