Services 15

Home » Components » Services » Services 15

Services 15

Smart Solutions

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using

Music Marketing

Learn More

Public Relations

Learn More

Branding

Learn More

Smart Solutions

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using

Music Marketing

Learn More

Public Relations

Learn More

Branding

Learn More
/* ===== Services 15 ===== */

#services-15 {
	background: rgb(238, 242, 246);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(238, 242, 246, 1)), color-stop(60%, rgba(255, 255, 255, 1)));
	background: -o-linear-gradient(top, rgba(238, 242, 246, 1) 60%, rgba(255, 255, 255, 1) 60%);
	background: linear-gradient(180deg, rgba(238, 242, 246, 1) 60%, rgba(255, 255, 255, 1) 60%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eef2f6", endColorstr="#ffffff", GradientType=1);
}

#services-15 h2 {
	font-weight: 900;
}

#services-15 .card {
	font-weight: 900;
	border: none;
	padding: 1em;
	-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
	        box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
	max-width: 85%;
	border-radius: 0;
	margin: auto;
	margin-top: -30px;
	background: #fff;
	position: relative;
	z-index: 9;
	border-bottom: 4px solid var(--bs-warning);
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

#services-15 .card h4 {
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	margin-bottom: 0
}

#services-15 .card:hover h4 {
	-webkit-transform: translatey(-7px);
	    -ms-transform: translatey(-7px);
	        transform: translatey(-7px);
}

#services-15 .card a {
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	position: absolute;
	left: 50%;
	-webkit-transform: translatex(-50%) translatey(-10%);
	    -ms-transform: translatex(-50%) translatey(-10%);
	        transform: translatex(-50%) translatey(-10%);
	bottom: 3px;
	opacity: 0;
}

#services-15 .card a:hover {
	text-decoration: none;
	color: var(--bs-warning)!important;
}

#services-15 .card:hover a {
	opacity: 1;
	-webkit-transform: translatex(-50%) translatey(0%);
	    -ms-transform: translatex(-50%) translatey(0%);
	        transform: translatex(-50%) translatey(0%);
}