@import url(//fonts.googleapis.com/css?family=Montserrat:300,400,500);
.service-24 {
    font-family: "Montserrat", sans-serif;
    color: #8d97ad;
    font-weight: 300;
    margin-top: 150px;
}

body {
    background-image: url("./img/header2.jpg");
    background-size: cover;
}

.service-24 h1,
.service-24 h2,
.service-24 h3,
.service-24 h4,
.service-24 h5,
.service-24 h6 {
    color: #3e4555;
}

.service-24 .card.card-shadow {
    -webkit-box-shadow: 10px 10px 30px rgba(115, 128, 157, 0.5);
    box-shadow: 10px 10px 30px rgba(115, 128, 157, 0.5);
}

.service-24 a {
    text-decoration: none !important;
}

.service-24 .card-hover:hover {
    /* background: #2cdd9b;
    background: -webkit-linear-gradient( legacy-direction(to right), #2cdd9b 0%, #1dc8cc 100%);
    background: -webkit-gradient( linear, left top, right top, from(#2cdd9b), to(#1dc8cc));
    background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%);
    background: -o-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%);
    background: linear-gradient(to right, #2cdd9b 0%, #1dc8cc 100%); */
}

.service-24 .card-hover:hover .bg-success-grediant {
    color: #ffffff;
    text-fill-color: #ffffff;
    -webkit-text-fill-color: #ffffff;
}

.service-24 .card-hover:hover .ser-title {
    color: #ffffff;
}

.service-24 .bg-success-grediant {
    /* background: #2cdd9b;
    background: -webkit-linear-gradient( legacy-direction(to right), #2cdd9b 0%, #1dc8cc 100%);
    background: -webkit-gradient( linear, left top, right top, from(#2cdd9b), to(#1dc8cc));
    background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%);
    background: -o-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%);
    background: linear-gradient(to right, #2cdd9b 0%, #1dc8cc 100%); */
    background-color: #fff;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    font-size: 50px;
}

.service-24 .wrap-service-24 .card {
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    -webkit-transition: 0.3s ease-out;
}

.service-24 .wrap-service-24 .card:hover {
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
}

.service-24 .btn-outline-success {
    /* color: #2cdd9b !important;
    background-color: transparent;
    border-color: #2cdd9b; */
}

.service-24 .btn-outline-success:hover {
    /* background: #2cdd9b;
    border-color: #2cdd9b; */
    color: #ffffff !important;
}

.service-24 .btn-md {
    padding: 15px 45px;
    font-size: 16px;
}