/*=== cspt-service-style-8 ===*/
.cspt-service-style-8 {
	position: relative;
	overflow: hidden;
}
.cspt-service-style-8,
.cspt-service-style-8 .cspt-featured-wrapper img,
.cspt-service-style-8 .creativesplanet-box-content,
.cspt-service-style-8 .cspt-service-btn a {
	-webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.cspt-service-style-8:hover .cspt-featured-wrapper img {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.cspt-service-style-8 .cspt-service-cat a {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
	font-weight: 600;
	line-height: 20px;
}
.cspt-service-style-8 .cspt-service-title {
	font-size: 24px;
	line-height: 28px;
	font-weight: 700;
	margin: 0px 0 15px;
}
.cspt-service-style-8 .cspt-service-title a {
	color: var(--cspt-emphires-white-color);
}
.cspt-service-style-8 .creativesplanet-box-content {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	visibility: hidden;
	opacity: 0;
}
.cspt-service-style-8:hover .creativesplanet-box-content {
	visibility: visible;
	opacity: 1;
}
.cspt-service-style-8 .creativesplanet-box-content-inner {
	position: absolute;
	left: 35px;
	right: 35px;
	bottom: 40px;
	z-index: 9;
	transition: all ease 700ms;
	-moz-transition: all ease 700ms;
	-webkit-transition: all ease 700ms;
	transform: translateY(100%);
	transition: transform .6s cubic-bezier(.5, 1, .89, 1);
}
.cspt-service-style-8:hover .creativesplanet-box-content-inner {
	transform: translateY(0%);
}
.cspt-service-style-8 .creativesplanet-box-content::after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	text-align: left;
	transition: all ease 500ms;
	-moz-transition: all ease 500ms;
	-webkit-transition: all ease 500ms;
	background: -moz-linear-gradient(top, rgba(28, 35, 47, 0) 0%, rgba(28, 35, 47, 0) 43%, rgba(28, 35, 47, 0.83) 90%, rgba(28, 35, 47, 0.83) 100%);
	background: -webkit-linear-gradient(top, rgba(28, 35, 47, 0) 0%, rgba(28, 35, 47, 0) 43%, rgba(28, 35, 47, 0.83) 90%, rgba(28, 35, 47, 0.83) 100%);
	background: linear-gradient(to bottom, rgba(28, 35, 47, 0) 0%, rgba(28, 35, 47, 0) 43%, rgba(28, 35, 47, 0.83) 90%, rgba(28, 35, 47, 0.83) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#001c232f', endColorstr='#d41c232f', GradientType=0);
}
.cspt-service-style-8 .cspt-service-content {
	color: #a9a9a9;
}
.cspt-service-style-8:hover .cspt-service-btn a,
.cspt-service-style-8 .cspt-service-cat a {
	color: var(--cspt-emphires-global-color) !important;
}
.cspt-service-style-8:hover .cspt-service-btn span::after {
	background-color: var(--cspt-emphires-global-color) !important;
}
.cspt-element-service-style-8 .creativesplanet-service-expand-right .container {
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.cspt-element-service-style-8 .cspt-new-button .elementor-button {
	background-color: transparent;
	padding: 0;
	padding-left: 25px !important;
	padding-right: 0px !important;
}
.cspt-element-service-style-8 .cspt-new-button .elementor-button a {
	color: var(--cspt-emphires-global-color);
	line-height: 50px;
	font-weight: 700;
}
.cspt-element-service-style-8 .cspt-new-button .elementor-button:hover a {
	padding-left: 35px;
}
.cspt-element-service-style-8 .cspt-new-button .elementor-button::before {
	font-family: "creativesplanet-base-icons";
	content: '\e839';
	position: absolute;
	top: 0px;
	right: 0;
	border-color: var(--cspt-emphires-global-color);
	color: var(--cspt-emphires-global-color);
}
.cspt-element-service-style-8 .cspt-new-button .elementor-button:hover::before {
	border-color: var(--cspt-emphires-global-color);
}
.elementor-section:not(.elementor-section-full_width.elementor-section-stretched) .cspt-element-service-style-8 .creativesplanet-service-expand-right{
	padding-left: 0 !important;
}
@media (max-width: 1200px) {
	.cspt-element-service-style-8.creativesplanet-element-viewtype-carousel .creativesplanet-service-expand-right {
		padding-left: 0 !important;
	}
}
@media (max-width: 991px) {
	.cspt-element-service-style-8 .creativesplanet-service-expand-right .container {
		display: block;
		margin-bottom: 30px;
	}
}
/* For Different Column */
.col-md-12 .cspt-service-style-8 .cspt-featured-wrapper img,
.col-md-6 .cspt-service-style-8 .cspt-featured-wrapper img{
	width: 100%;
}
[data-columns="4"] .cspt-service-style-8 .creativesplanet-box-content-inner,
[data-columns="5"] .cspt-service-style-8 .creativesplanet-box-content-inner,
[data-columns="6"] .cspt-service-style-8 .creativesplanet-box-content-inner {
	left: 15px;
	right: 15px;
	bottom: 30px;
}
[data-columns="4"] .cspt-service-style-8 .cspt-service-title,
[data-columns="5"] .cspt-service-style-8 .cspt-service-title,
[data-columns="6"] .cspt-service-style-8 .cspt-service-title{
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 15px;
}
[data-columns="4"] .cspt-service-style-8 .cspt-service-content p,
[data-columns="5"] .cspt-service-style-8 .cspt-service-content p,
[data-columns="6"] .cspt-service-style-8 .cspt-service-content p{
	margin: 0;
}