.services-style-1 .kyber-service-date {
display: inline-block;
width: 80px;
height: 80px;
line-height: 80px;
text-align: center;
color: #fff;
border-radius: 100px;
font-size: 40px;
margin-top: -30px;
}
.services-style-1 .kyber-service-content-cover {
background: #fff;
box-shadow: 1px 1px 25px 0px rgba(83, 95, 159, 0.15);
padding: 0 25px 25px 25px;
margin: 0 15px;
position: relative;
top: -35px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.services-style-1 .kyber-service-service-wrapper:hover .kyber-service-content-cover {
top: -45px;
}
.services-style-1 h3 {
font-size: 24px;
line-height: 35px;
margin-top: 25px;
margin-bottom: 5px;
}
.services-style-1 p {
margin-bottom: 15px;
}
.services-style-1 .kyber-service-content a {
font-size: 14px;
text-transform: uppercase;
font-family: Rajdhani;
text-decoration: underline;
font-weight: 800;
}
.services-style-1 .kyber-service-image-container {
overflow: hidden;
}
.services-style-1 .service-image {
transform: scale(1.01);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.services-style-1 .kyber-service-service-wrapper:hover .service-image {
transform: scale(1.2);
}
.services-btn a {
color: #ffffff !important;
border: none;
font-size: 32px;
line-height: 40px;
padding: 0;
width: 40px;
height: 40px;
font-family: Rajdhani;
box-shadow: 0 12px 20px rgb(9 22 42 / 20%);
display: inline-block;
text-align: center;
border-radius: 100px;
position: relative;
z-index: 9;
cursor: pointer;
}
.services-btn a:hover{
box-shadow: 0 12px 20px rgba(9, 22, 42, 0.1);
}
.services-btn a:before {
position: absolute;
left: -10px;
top: 20px;
width: 10px;
height: 1px;
content: "";
background: #fff9f3;
}
.services-btn a:after {
position: absolute;
right: -10px;
top: 20px;
width: 10px;
height: 1px;
content: "";
background: #fff9f3;
}
.services-btn {
position: relative;
text-align: center;
}
.services-btn:before {
position: absolute;
left: 0;
top: 20px;
width: 100%;
height: 1px;
content: "";
background: #eeeeee;
}
.services-btn span {
display: inherit;
font-family: Rajdhani;
margin-top: 10px;
font-weight: 900;
color: #0a172a;
}
.services-style-1 .services-style-1 i {
font-size: 34px;
} .services-style-2 .kyber-service-service-wrapper {
text-align: center;
padding: 0 30px;
margin-bottom: 30px;
}
.services-style-2 .kyber-service-date i {
display: inline-block;
width: 80px;
height: 80px;
line-height: 80px;
background: #000;
border-radius: 50%;
margin-bottom: 30px;
font-size: 40px;
color: #fff;
}
.services-style-2 .service-title {
font-size: 26px;
line-height: 26px;
margin-bottom: 10px;
}
.kyber-service-slide .kyber-service-date i.flaticon-motorway {
padding-right: 13px;
}