/* CRAFT Demo Styles
================================================== */

	/* Page Fonts - You can customize fonts on here: https://fonts.google.com/share?selection.family=Outfit:wght@100;200;300;400;500;600;700;800;900 */
	@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');
	
	.font-main{font-family: 'Outfit', sans-serif!important;}
	/* Craft is not have a secondary font. You can add it with .font-secondary class */
	
	.rsdark{background: rgb(65,0,55);
		background: -moz-linear-gradient(180deg, rgba(65,0,55,1) 0%, rgba(0,0,0,1) 100%);
		background: -webkit-linear-gradient(180deg, rgba(65,0,55,1) 0%, rgba(0,0,0,1) 100%);
		background: linear-gradient(180deg, rgba(65,0,55,1) 0%, rgba(0,0,0,1) 100%);}

	/* Body Options */
	body{ font-family: 'Outfit', sans-serif; font-weight: 400; letter-spacing: 0px;}
	body *{outline:none;}













	/* Portfolio Styles */
	/* Image animation */
	.cbp-item .work-image{-webkit-transform:scale(1);transform:scale(1); -webkit-transition:transform 0.5s;transition:transform 0.5s;}
	.cbp-item:hover .work-image{-webkit-transform:scale(1.03);transform:scale(1.03);}
	/* Details animation */
	.cbp-item .details{opacity:0;-webkit-transform:scale(1.04) perspective(1000px);transform:scale(1.04) perspective(1000px);-webkit-transition:all 0.5s;transition:all 0.5s;}
	.cbp-item:hover .details{opacity:1;-webkit-transform:scale(1) perspective(1000px);transform:scale(1) perspective(1000px);}
	/* Texts and line animations */
	.cbp-item .details .title, .cbp-item .details .tag{opacity:0;perspective:none;backface-visibility:hidden;-webkit-transform:translateY(15px);transform:translateY(15px);-webkit-transition:all 0.5s;transition:all 0.5s;}
	.cbp-item:hover .details .title, .cbp-item:hover .details .tag{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);}
	.cbp-item:hover .details .tag{-webkit-transition-delay:0.1s;transition-delay:0.1s;}
	.cbp-item .details .line{-webkit-transition:all 0.3s;transition:all 0.3s;}
	.cbp-item:hover .details .line{width:70px!important;}