/***** CLIPPED BOXES SECTION *****/

.list-of-services.section-padding-y {
	padding-bottom: 0px;
}

.list-of-services.section-container {
	padding-left: 0;
	padding-right: 0;
}

.clipped-box {
	display: block;
	-webkit-clip-path: polygon(
		0 0, 
		calc(100% - 40px) 0%, 
		100% calc(0% + 40px), 
		100% 100%, 
		calc(0% + 40px) 100%, 
		0% calc(100% - 40px));
	clip-path: polygon(
		0 0, 
		calc(100% - 40px) 0%, 
		100% calc(0% + 40px), 
		100% 100%, 
		calc(0% + 40px) 100%, 
		0% calc(100% - 40px));
	background-color: var(--basic-white);
	width: auto;
	height: 100%;
	position: relative;
	transition: all .2s ease;
}

.clipped-box::after {
	position: absolute;
	content: '';
	box-shadow: 7px 3px 30px rgba(17, 106, 204, 0.8);
	width: 100%;
	height: 100%;
	top: 0;
}

.clipped-box > div:nth-child(1) {
	padding: 32px;
	background-color: #F5F7F8;
	border-bottom: 1px solid var(--line-color);
}

.clipped-box > ul {
	padding: 20px 32px 32px 48px;
	list-style-position: outside !important;
}

.clipped-box ul li {
	padding: 6px 0;
}

.clipped-box:hover {
	cursor: default;
	transition: all .2s ease;
}

.clipped-box i {
	font-size: 32px;
	--fa-primary-color: var(--primary-blue-light-2);
	--fa-secondary-color: var(--primary-blue-light-2);
	transition: all .2s ease;
}

.clipped-box:hover i {
	--fa-primary-color: var(--primary-blue);
	--fa-secondary-color: var(--primary-blue);
	--fa-secondary-opacity: .7;
}

.clipped-box:hover h5,
.clipped-box:hover p,
.clipped-box:hover li {
	color: black;
}

.splide__pagination {
	bottom: auto;
}

.splide__pagination__page {
	background-color: var(--line-color);
}

.splide__pagination__page.is-active {
	background-color: var(--primary-blue);
	transform: scale(1);
}