.uzhnet-holo-card {
    /* position: absolute; */
    clip-path: polygon(50% 0%, 100% 0, 100% 95%, 95% 100%, 5% 100%, 0 95%, 0 0);

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

.uzhnet-holo-card-services {
    /* position: absolute; */
    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__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;
}

.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;
}

.uzhnet-holo-card:hover {
    /* box-shadow: 0px 8px 30px rgba(230, 196, 76, 0.5) !important; */
}