.btn-primary {
    color: #fff;
    background-color: #02a1d5;
    border-color: #02a1d5;
}
.btn-primary:hover {
    color: #fff;
    background-color: #0b94c3;
    border-color: #0b94c3;
}
.btn-outline-primary {
    color: #09a1d5;
    border-color: #09a1d5;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #09a1d5;
    border-color: #09a1d5;
}
a {
    color: #333;
}
a:hover {
    color: #02a1d5;
}


.frontpage-hero li svg {
    margin-right: 10px;
    margin-top: 3px;
    width: 18px;
    height: 18px;
}


/* Service Cards Flip Animation CSS */
.card-flip {
    perspective: 1000px;
}
.card-service {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}
.card-flip:hover .card-service {
    transform: rotateY(180deg);
}
.front, .back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}
.back {
    transform: rotateY(180deg);
}
/* Timeline CSS */
.timeline-container {
    cursor: pointer;
    transition: transform .5s ease;
}
.timeline-container.active {
    transform: scale(1.1);
}
header a img {
    max-height: 40px;
}