/*--- cspt-service-style-6 ---*/
.cspt-service-style-6 .creativesplanet-box-content,
.cspt-service-style-6 .cspt-service-wrap,
.cspt-service-style-6 .cspt-service-btn {
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.cspt-service-style-6 .creativesplanet-post-item {
	position: relative;
	overflow: hidden;
}
.cspt-service-style-6 .cspt-featured-wrapper img {
	width: 100%;
}
.cspt-service-style-6 .cspt-service-icon-wrapper i {
	font-size: 70px;
	line-height: 80px;
}
.cspt-service-style-6 .cspt-service-icon-wrapper img {
	height: 70px;
	width: 70px;
}
.cspt-service-style-6 .cspt-service-icon-wrapper i,
.cspt-service-style-6 .cspt-service-cat a,
.cspt-service-style-6 .cspt-service-title a {
	color: var(--cspt-greenly-white-color);
}
.cspt-service-style-6 .cspt-service-title a:hover {
	color: var(--cspt-greenly-global-color);
}
.cspt-elementor-bg-color-light .cspt-service-style-6 .creativesplanet-box-content {
	background-color: var(--cspt-greenly-light-bg-color);
}
.cspt-elementor-bg-color-blackish .cspt-service-style-6 .creativesplanet-box-content {
	background-color: var(--cspt-greenly-blackish-color);
}
.cspt-elementor-bg-color-secondary .cspt-service-style-6 .creativesplanet-box-content {
	background-color: var(--cspt-greenly-secondary-color);
}
.cspt-service-style-6 .creativesplanet-box-content {
	border: 1px solid rgba(var(--cspt-greenly-white-color-rgb), .30);
	position: absolute;
	bottom: 0;
	background-color: var(--cspt-greenly-global-color);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 30px;
}
.cspt-service-style-6:hover .creativesplanet-box-content {
	background-color: rgba(var(--cspt-greenly-secondary-color-rgb), .90);
}
.cspt-service-style-6 .cspt-service-wrap {
	position: absolute;
	width: calc(100% - 60px);
	bottom: 10px;
	left: 30px;
}
.cspt-service-style-6:hover .cspt-service-wrap {
	-webkit-transform: translateY(-40 px);
	transform: translateY(-40px);
}
.cspt-service-style-6 .cspt-service-btn {
	position: relative;
	opacity: 0;
	visibility: hidden;
}
.cspt-service-style-6:hover .cspt-service-btn {
	opacity: 1;
	visibility: visible;
}
.cspt-service-style-6 .creativesplanet-box-content .cspt-service-btn a::before {
	position: absolute;
	left: 0;
	content: '\e810';
	color: #fff;
	font-family: "creativesplanet-base-icons";
	font-size: 16px;
	top: 0px;
}
.cspt-service-style-6 .cspt-service-icon-wrapper {
	margin-bottom: 10px;
}
.cspt-elementor-bg-color-globalcolor .cspt-element-service-style-6 .cspt-heading-subheading .cspt-element-subtitle,
.cspt-elementor-bg-color-globalcolor .cspt-element-service-style-6 .cspt-heading-subheading .cspt-element-title {
	color: var(--cspt-greenly-white-color);
}
.cspt-elementor-bg-color-globalcolor .cspt-heading-style-1 .cspt-element-service-style-6 .cspt-heading-subheading .cspt-element-subtitle::before {
	background-color: var(--cspt-greenly-white-color);
}
.cspt-service-style-6 .cspt-service-wrap .cspt-service-cat {
	font-size: 13px;
	line-height: 23px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.cspt-element-service-style-6[data-columns="5"] .cspt-service-icon-wrapper i,
.cspt-element-service-style-6[data-columns="6"] .cspt-service-icon-wrapper i {
	font-size: 40px;
	line-height: 40px;
}
.cspt-element-service-style-6[data-columns="6"] .cspt-service-wrap h3 {
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 24px;
}