html {
font-size: 14px;
}
@media (min-width: 768px) {
html {
font-size: 16px;
}
}
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}
html {
position: relative;
min-height: 100%;
}
body {
margin-bottom: 60px;
}
/* ================= SERVICES PAGE ================= */
.service-card {
height: 100%;
}
.service-card .value-card {
height: 100%;
}
.service-card h4 {
min-height: 60px;
}
.process-step h1 {
font-size: 55px;
font-weight: 800;
background: linear-gradient(135deg,#667eea,#764ba2);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.process-step:hover {
transform: translateY(-10px);
}
.process-step {
transition: .4s;
}
.service-banner-img {
border-radius: 25px;
overflow: hidden;
box-shadow: 0 20px 40px rgba(0,0,0,.15);
}
.service-banner-img img {
width: 100%;
transition: .5s;
}
.service-banner-img:hover img {
transform: scale(1.05);
}
/* Counter */
.service-counter {
background: linear-gradient( 135deg, #667eea, #764ba2 );
color: white;
border-radius: 20px;
padding: 35px;
text-align: center;
transition: .4s;
}
.service-counter:hover {
transform: translateY(-10px);
}
.service-counter h2 {
font-size: 48px;
font-weight: 700;
}
.service-counter p {
margin-bottom: 0;
opacity: .9;
}
/* Mobile */
@media(max-width:768px) {
.page-header {
height: 220px;
}
.page-header h1 {
font-size: 2rem;
}
.service-counter {
margin-bottom: 20px;
}
.value-card {
margin-bottom: 20px;
}
}