@font-face {
    font-family: 'Intro';
    src: url('../fonts/Intro/Intro-Book.woff2') format('woff2'),
         url('../fonts/Intro/Intro-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Intro';
    src: url('../fonts/Intro/Intro-Thin.woff2') format('woff2'),
         url('../fonts/Intro/Intro-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Intro';
    src: url('../fonts/Intro/Intro-Light.woff2') format('woff2'),
         url('../fonts/Intro/Intro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Intro';
    src: url('../fonts/Intro/Intro-Regular.woff2') format('woff2'),
         url('../fonts/Intro/Intro-Regular.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Intro';
    src: url('../fonts/Intro/Intro-Bold.woff2') format('woff2'),
         url('../fonts/Intro/Intro-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Intro';
    src: url('../fonts/Intro/Intro-Black.woff2') format('woff2'),
         url('../fonts/Intro/Intro-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}
#services-cats .centered{padding:0 10px;max-width:100%;}
	.services-cats{min-height:60vh;}
		.services-cat{margin:50px 0;margin:8vh 0;flex:0 0 32%;z-index:1;position:relative;}
			.services-cat-icon{width:200px;height:200px;position:absolute;z-index:-1;position:absolute;top:-40px;left:50px;fill:#f4f4f4;transition:all 0.5s ease-out 0s;}
			.services-cat-icon.rhombus{width:215px;height:215px;}
				.services-cat:hover .services-cat-icon.rhombus{transform:translate(-50px, -50px);}
				.services-cat:hover .services-cat-icon.circle{transform:translate(-50px, -38px);}
				.services-cat:hover .services-cat-icon.plus{transform:translate(-50px, -36px);}
				.services-cat:hover .services-cat-icon.square{transform:translate(-50px, -30px);}
			.services-cat-icon.circle{width:190px;height:190px;}
			.services-cat-icon.plus{width:190px;height:190px;left:60px;}
			.services-cat-icon.square{width:180px;height:180px;}
				.services-cat:hover .services-cat-icon{transform:translate(-50px, -42px);}
					.services-cat:hover .services-cat-icon.yellow{fill:#f6c400;}
					.services-cat:hover .services-cat-icon.pink{fill:#ff567b;}
					.services-cat:hover .services-cat-icon.purple{fill:#cc49b1;}
					.services-cat:hover .services-cat-icon.blue{fill:#3fb0f0;}
					.services-cat:hover .services-cat-icon.aqua{fill:#64d4dd;}
					.services-cat:hover .services-cat-icon.green{fill:#30ce52;}
			.services-cat-title{font:700 20px/30px Intro;position:absolute;left:0;top:0;}
			.services-cat-items{padding:0 0 0 45%;margin-top: 0px;}
			.services-cat-items li{list-style-type: disc;margin:0px;}
			.services-cat-items li:before{display:none;}
				.services-cat-items li a{display:block;font:14px/20px Intro;padding:8px 0;z-index:1;}
					.services-cat-items li a span{color:#000;border-bottom:1px solid transparent;transition:all 0.2s ease-out 0s;}
					.services-cat-items li a:hover span{color:#000;border-bottom:1px solid #000;}
					.services-cat-items li a:active span{color:#000;border-bottom:1px solid #000;}
	.mobile-services-cats{display:none;-webkit-font-smoothing:antialiased;}
		.mobile-services-cats .swiper-slide{width:80% !important;}
		.mobile-services-cat{background:#fbfbfb;border-radius:10px;padding:30px;position:relative;opacity:.4;transition:all 0.3s ease-out 0s;}
			.mobile-services-cat.yellow{background:#f6c400;}
			.mobile-services-cat.pink{background:#ff567b;}
			.mobile-services-cat.purple{background:#cc49b1;}
			.mobile-services-cat.blue{background:#3fb0f0;}
			.mobile-services-cat.aqua{background:#64d4dd;}
			.mobile-services-cat.green{background:#30ce52;}
		.swiper-slide-active .mobile-services-cat{background:#f4f4f4 !important;opacity:1;}
			
			.mobile-services-cat-title{font: 700 36px/1.5 Intro;font-size:5vw;position:relative;z-index:2;}
			.mobile-services-cat-inner{opacity:0;transition:all 0.5s ease-out 0s;}
			.swiper-slide-active .mobile-services-cat-inner{opacity:1;}
.si-justify{display:flex;flex-flow:row wrap;justify-content:space-between;}

@media all and (max-width : 1670px){ 
	#services-cats .centered{padding:0 10px;}
}
@media all and (min-width : 1279px) and (max-width : 1670px) and (max-height : 1000px){
	#services-cats .centered{padding:0 10px;}
	.services-cat{margin:6vh 0}
		.services-cat-icon{transform:scale(0.8) !important;}
		.services-cat:hover .services-cat-icon{transform:translate(-80px, -20px) scale(0.8) !important;}
		.services-cat-items li a{padding:5px 0;}
		.services-cat-title{font:700 16px/30px Intro;}
}
@media all and (max-width : 1279px){
	#services-cats .centered{padding:0 10px;}
		.services-cat{flex:0 0 48%;margin:0 0 35px;}
			.services-cat-title{font:700 18px/30px Intro;}
}
@media all and (max-width : 766px){ 
.services-cat-title{top: -5px;}
	#services-cats .centered{padding:0 20px;}
	.mobile-services-cats{display:block;}
		.services-cat-items{padding:20px 0 0;position:relative;z-index:3;}
		.services-cat-icon{width:30% !important;height:30% !important;left:auto;top:30px;right:30px;z-index:2;transform:scale(0);transition:all 0.3s ease-out 0s;}
		.swiper-slide-active .services-cat-icon{transform:scale(1)}
			.services-cat-icon.yellow{fill:#f6c400;}
			.services-cat-icon.pink{fill:#ff567b;}
			.services-cat-icon.purple{fill:#cc49b1;}
			.services-cat-icon.blue{fill:#3fb0f0;}
			.services-cat-icon.aqua{fill:#64d4dd;}
			.services-cat-icon.green{fill:#30ce52;}
}
@media all and (max-width : 480px){ 
	#services-cats{padding-top:50px !important;}
	.mobile-services-cats .swiper-slide{width:100% !important;}
}