.our-service-title {
    text-align: center;
    font-weight: 900;
    animation: fade-in 2s linear;
    animation-timeline: view();
}
.our-service-title span {
    color: rgb(163, 0, 0);
}
@keyframes fade-in {
    0% {
        scale: 0.7;
        opacity: 0;
    }
    60% {
        scale: 1;
        opacity: 1;
    }
}
.our-service {
}
.our-service > .card {
    background-color: white;
}
.our-service > .card:hover {
    background-color: #213565;
    color: white;

    i {
        color: white;
    }

    a {
        display: inline;
    }

    .service-stamp-content {
        display: block;
    }

    animation: our-service-fade-in 2s linear forwards;
}

@media screen and (max-width: 767px) {
    .service-01 {
        display: block;
        animation: ani-service-01 2s linear;
        animation-timeline: view();
    }
    .service-02 {
        display: block;
        animation: ani-service-02 2s linear;
        animation-timeline: view();
    }
    .service-03 {
        display: block;
        animation: ani-service-03 2s linear;
        animation-timeline: view();
    }
    .service-04- {
        display: block;
        animation: ani-service-04 2s linear;
        animation-timeline: view();
    }
    @keyframes ani-service-01 {
        0% {
            transform: scale(0.5);
            opacity: 0.5;
        }
        40% {
            transform: scale(1);
            opacity: 1;
        }
    }
    @keyframes ani-service-02 {
        0% {
            transform: scale(0.5);
            opacity: 0.5;
        }
        40% {
            transform: scale(1);
            opacity: 1
        }
    }
    @keyframes ani-service-03 {
        0% {
            transform: scale(0.5);
            opacity: 0.5;
        }
        20% {
            transform: scale(1);
            opacity: 1;
        }
    }
    @keyframes ani-service-04 {
        0% {
            transform: scale(0.5);
            opacity: 0.5;
        }
        20% {
            transform: scale(1);
            opacity: 1;
        }
    }
}

@media screen and (min-width: 768px) {
    .service-01 {
        display: block;
        animation: ani-service-01 2s linear;
        animation-timeline: view();
    }
    .service-02 {
        display: block;
        animation: ani-service-02 2s linear;
        animation-timeline: view();
    }
    .service-03 {
        display: block;
        animation: ani-service-03 2s linear;
        animation-timeline: view();
    }
    .service-04 {
        display: block;
        animation: ani-service-04 2s linear;
        animation-timeline: view();
    }
    @keyframes ani-service-01 {
        0% {
            transform: translate(60%, -60%) scale(0.5);
            opacity: 0.5;
        }
        40% {
            transform: translate(0%, 0%) scale(1);
            opacity: 1;
        }
    }
    @keyframes ani-service-02 {
        0% {
            transform: translate(-60%, -60%) scale(0.3);
            opacity: 0.3;
        }
        40% {
            transform: translate(0%, 0%) scale(1);
            opacity: 1
        }
    }
    @keyframes ani-service-03 {
        0% {
            transform: translate(60%, 60%) scale(0.3);
            opacity: 0.3;
        }
        20% {
            transform: translate(0%, 0%) scale(1);
            opacity: 1;
        }
    }
    @keyframes ani-service-04 {
        0% {
            transform: translate(-60%, 60%) scale(0.3);
            opacity: 0.3;
        }
        20% {
            transform: translate(0%, 0%) scale(1);
            opacity: 1;
        }
    }
}

.our-service > .card {
    background-color: white;
}
.our-service > .card:hover {
    background-color: #213565;
    color: white;

    i {
        color: white;
    }

    a {
        display: inline;
    }

    .service-stamp-content {
        display: block;
    }

    animation: our-service-fade-in 2s linear forwards;
}

@keyframes our-service-fade-in {
    from {
    }
    to {
        transform: scale(1.1);
    }
}
.service-stamp-content {

    height: 0px;
    display: none;
}
.service-stamp {
    background: url("/assets/img/stamp-01.png");
    background-repeat: no-repeat;
    background-position: top center;
    height: 36px;
    transform: translateY(-1rem);
}

.service-item-title {
    text-align: center;
}
.service-item-title > i {
    color: rgb(133, 0, 0);
    font-size: 2.5rem;
    padding: 1.4rem;
}
.service-item-title > h3 {
    padding-bottom: 0.4rem;
    font-size: 1.4rem;
}

.service-go {
    text-align: center;
    /*height: 2rem;*/
}