﻿.hori-timeline .events {
    border-top: 3px solid #e9ecef;
}

    .hori-timeline .events .event-list {
        display: block;
        position: relative;
        text-align: center;
        padding-top: 70px;
        margin-right: 0;
    }

        .hori-timeline .events .event-list:before {
            content: "";
            position: absolute;
            height: 36px;
            border-right: 2px dashed #dee2e6;
            top: 0;
        }

        .hori-timeline .events .event-list .event-date {
            position: absolute;
            top: 38px;
            left: 0;
            right: 0;
            width: 120px;
            margin: 0 auto;
            border-radius: 4px;
            padding: 2px 4px;
        }

@media (min-width: 1140px) {
    .hori-timeline .events .event-list {
        display: inline-block;
        width: 24%;
        padding-top: 45px;
    }

        .hori-timeline .events .event-list .event-date {
            top: -12px;
        }
}

.bg-soft-primary {
    background-color: rgba(64,144,203,.3) !important;
}

.bg-soft-success {
    background-color: rgba(71,189,154,.3) !important;
}

.bg-soft-danger {
    background-color: rgba(231,76,94,.3) !important;
}

.bg-soft-warning {
    background-color: rgba(249,213,112,.3) !important;
}

.card {
    border: none;
    /*margin-bottom: 24px;*/
    -webkit-box-shadow: 0 0 13px 0 rgba(236,236,241,.44);
    box-shadow: 0 0 13px 0 rgb(192 233 247);
    transition: transform 0.5s;
}
    .card:hover {
        transform: scale(1.1);
    }
.background-color {
    background-image: linear-gradient(15deg, #0bade300 0%, #83d5f0 100%);
}
.card-icon{
    padding: 1rem 0rem 0rem 1rem; 
}
.card-text-align{
    text-align:justify;
}
.card-title-color {
    color: #00a0e2;
}
.text-black{
    color:black;
}
.card__image {
    width: 90%;
    height: 60%;
    border-radius: 2rem;
    border: 5px solid var(--color);
    padding: 3px;
    margin-bottom: 0.5em;
}

    .card__image img {
        width: 100%;
        height: 100%;
        border-radius: 2rem;
        object-fit: cover;
    }