add_action('wp_footer','kp_portfolio_style');

function kp_portfolio_style(){

?>

<style>

.kp-portfolio-widget{

	--kp-bg:transparent;
	--kp-card-bg:#0f1620;
	--kp-accent:#4EFEF5;
	--kp-text:#f4f7fa;
	--kp-text-muted:#93a0ad;
	--kp-border:rgba(255,255,255,.08);
	--kp-font:'Poppins','Segoe UI',sans-serif;
	--kp-ease:cubic-bezier(.16,.84,.44,1);


	font-family:var(--kp-font)!important;
	background:var(--kp-bg)!important;
	max-width:1240px!important;
	width:100%!important;
	margin:0 auto!important;
	box-sizing:border-box!important;

}


.kp-portfolio-widget *{

	box-sizing:border-box!important;

}




/* HEADER */

.kp-portfolio-widget .kp2-header{

	display:flex!important;
	align-items:center!important;
	justify-content:space-between!important;
	gap:24px!important;
	margin:0 0 40px!important;

}



.kp-portfolio-widget .kp2-heading{

	margin:0!important;
	font-size:28px!important;
	font-weight:700!important;
	line-height:1.2!important;
	color:var(--kp-text)!important;
	white-space:nowrap!important;

}






/* TABS SCROLL */

.kp-portfolio-widget .kp2-tabs-scroll{

	flex:1;
	min-width:0;
	overflow-x:auto;
	overflow-y:hidden;
	-webkit-overflow-scrolling:touch;

}




.kp-portfolio-widget .kp2-tabs{

	display:flex!important;
	flex-wrap:nowrap!important;
	justify-content:flex-end!important;
	gap:10px!important;
	padding:4px 2px!important;

}





/* TAB BUTTON */

.kp-portfolio-widget .kp2-tab{

	font-family:var(--kp-font)!important;
	font-size:14px!important;
	font-weight:500!important;

	background:transparent!important;

	border:1px solid var(--kp-border)!important;

	color:var(--kp-text-muted)!important;

	padding:10px 24px!important;

	border-radius:30px!important;

	cursor:pointer!important;

	white-space:nowrap!important;

	flex:0 0 auto!important;

	transition:.3s ease!important;

}





.kp-portfolio-widget .kp2-tab:hover{

	border-color:var(--kp-accent)!important;

	color:var(--kp-text)!important;

}




.kp-portfolio-widget .kp2-tab.is-active{

	background:var(--kp-accent)!important;

	border-color:var(--kp-accent)!important;

	color:#04231e!important;

	font-weight:600!important;

}





/* GRID */

.kp-portfolio-widget .kp2-grid{

	display:grid!important;

	grid-template-columns:repeat(2,1fr)!important;

	gap:40px 28px!important;

}





/* CARD */

.kp-portfolio-widget .kp2-card{

	display:block!important;

	text-decoration:none!important;

	color:inherit!important;

}




/* IMAGE */

.kp-portfolio-widget .kp2-img-box{

	display:block!important;

	width:100%!important;

	aspect-ratio:16/10!important;

	overflow:hidden!important;

	background:#000!important;

	border-radius:6px!important;

}



.kp-portfolio-widget .kp2-img{

	width:100%!important;

	height:100%!important;

	object-fit:cover!important;

	display:block!important;

	transition:transform 500ms var(--kp-ease)!important;

}



.kp-portfolio-widget .kp2-card:hover .kp2-img{

	transform:scale(1.05)!important;

}



.kp-portfolio-widget .kp2-noimg{

	display:block;

	width:100%;

	height:100%;

	background:#141b24;

}






/* CONTENT */

.kp-portfolio-widget .kp2-info{

	display:block!important;

	padding-top:18px!important;

}



.kp-portfolio-widget .kp2-title{

	display:block!important;

	font-size:18px!important;

	font-weight:600!important;

	line-height:1.35!important;

	margin-bottom:6px!important;

	color:var(--kp-text)!important;

	transition:.3s ease!important;

}



.kp-portfolio-widget .kp2-card:hover .kp2-title{

	color:var(--kp-accent)!important;

}



.kp-portfolio-widget .kp2-desc{

	display:block!important;

	font-size:14px!important;

	line-height:1.6!important;

	color:var(--kp-text-muted)!important;

}





.kp-portfolio-widget .kp2-empty{

	color:var(--kp-text-muted)!important;

}





@media(max-width:640px){


	.kp-portfolio-widget .kp2-header{

		flex-direction:column!important;

		align-items:flex-start!important;

		gap:16px!important;

	}



	.kp-portfolio-widget .kp2-heading{

		font-size:24px!important;

	}



	.kp-portfolio-widget .kp2-tabs{

		justify-content:flex-start!important;

	}



	.kp-portfolio-widget .kp2-grid{

		grid-template-columns:1fr!important;

		gap:32px!important;

	}


}


</style>