@media only screen and (min-width: 960px) {
    .firstBackground {
        background-image: url("/assets/graph-assets/backgrounds/blue_circle.svg"), url("/assets/graph-assets/backgrounds/pink_dots.svg");
        background-size: auto;
        background-repeat: no-repeat;
        background-position: 104% 23%, 108% 41%;
    }
}

.marker-gif {
    width: 30px;
    height: 30px;
}

.architecture-card {
    box-shadow: 0px 6px 15px #0000001A !important;
    border-radius: 36px !important;
}

.multi-line-ellipsis {
    display: -webkit-box;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.multi-line-ellipsis.lines-18 {
    -webkit-line-clamp: 18;
}

.uk-tab::before {
    border-bottom: none;
}

.uk-tab > li > a {
    text-align: left;
    font: normal normal bold 16px/21px Roboto !important;
    letter-spacing: 0;
    padding: 10px 0 0 0;
    text-transform: capitalize;

    color: #1A1A1A !important;
    opacity: 0.5;
    font-weight: 300 !important;
}

.uk-tab > li > a {
    border: none;
}

.uk-tab > li:hover:not(.uk-active) > a {
    color: #4687e6 !important;
    opacity: 1;
}

.uk-tab > li.uk-active > a {
    color: #4687e6 !important;
    opacity: 1;
    font-weight: bold !important;
}

.uk-tab > li.uk-active > a {
    border-bottom: 3px solid #4687e6 !important;
}

.button-tab > li > a {
    padding: 2px 15px;
    line-height: 25px;
    border-radius: 500px;
    font-family: Roboto;
    font-size: 13px;
    text-transform: capitalize;

    color: #1a1a1a;
    background-color: white;
    border: 1px solid #1a1a1a;
    opacity: 0.5;
}

.button-tab > li:hover:not(.uk-active) > a {
    opacity: 1;
}

.button-tab > li.uk-active > a {
    color: var(--portal-main-contrast);
    background-color: var(--portal-main-color);
    border: 1px solid var(--portal-main-color);
    opacity: 1;
}

.tab-image {
    max-height: 400px;
    /*width: auto;*/
}

.architecture-image, .infrastructure-image{
    align-self: start;
}

.align-list li:before, .align-list li:after {
    display: inline;
}
