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
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
/* ===== 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%);
}