.uzhnet-holo-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 75px;
    clip-path: polygon(50% 0%, 100% 0, 100% 95%, 95% 100%, 5% 100%, 0 95%, 0 0);
    transition: box-shadow 1s ease;
}
.uzhnet-holo-card:not(.hidden) {
    animation: uzhnet-holo-card-open 0.5s ease-in-out forwards;
}

.uzhnet-holo-card-services {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 75px;

    clip-path: polygon(50% 0%, 100% 0, 100% 95%, 95% 100%, 5% 100%, 0 95%, 0 0);

    animation: uzhnet-holo-card-open-service 0.5s ease-in-out forwards;
    transition: box-shadow 1s ease;
}

.uzhnet-holo-card > *,
.uzhnet-holo-card-services > * {
    pointer-events: auto;
}

.uzhnet-holo-card__header {
    font-size: 24px;
    font-family: 'MultiTypeGamer', sans-serif;
    color: #fff;

    padding: 0 13px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5px;

    height: 44px;
    width: 100%;
}

.uzhnet-holo-card__header--text {
    padding: 0 10px;
    /* height: 34px; */
    position: relative;
    top: 3px;
    color: #E6C44C;
    margin: 12px 0;
    width: 350px;
    text-align: center;
    opacity: 0;
    animation: opacity-animation-zero-to-one 1s ease-in-out forwards;
    font-family: 'DeusEx', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
}

/* Language-specific SVG text visibility */
.uzhnet-holo-card__header--text [id^="ukrainian-"] {
    display: block;
}

.uzhnet-holo-card__header--text [id^="english-"] {
    display: none;
}

html[lang="en"] .uzhnet-holo-card__header--text [id^="ukrainian-"] {
    display: none;
}

html[lang="en"] .uzhnet-holo-card__header--text [id^="english-"] {
    display: block;
}

.uzhnet-holo-card__header--left {
    height: 25px;
    transform-origin: right;
    animation: width-animation-0-to-50percent 1s ease-in-out forwards;
    background: url('../uzhnet-holo-card/uzhnet-holo-card-header-pattern.svg') repeat top left;
}

.uzhnet-holo-card__header--right {
    width: 50%;
    height: 25px;
    background: url('../uzhnet-holo-card/uzhnet-holo-card-header-pattern.svg') repeat top left;

    transform: scaleX(0);
    transform-origin: right;
    animation: scale-animation-zero-to-one 1s ease-in-out forwards;
}

@media screen and (min-width: 769px) and (min-height: 640px) and (max-height: 850px) {
    .uzhnet-holo-card {
        width: 450px !important;
        padding-bottom: 28px;
        background-size: 450px 450px !important;
    }

    .services-card {
        /*background-size: 700px 700px !important;*/
    }

    .uzhnet-holo-card .uzhnet-holo-card__header {
        height: 34px;
        margin-top: 0;
    }

    #section-services > .uzhnet-holo-card__header > .uzhnet-holo-card__header--text {
        height: 26px !important;
    }

    .uzhnet-holo-card .uzhnet-holo-card__header--left,
    .uzhnet-holo-card .uzhnet-holo-card__header--right {
        height: 20px;
    }

    .uzhnet-holo-card .uzhnet-holo-card__header--text {
        top: 0;
        margin: 5px 0;
        font-size: 14px;
    }
}

.documents-card__icon img {
    width: 25px;
}