.info_title.customTitlePos > div {
    font-size: 21px !important;
}

.customPos {
    top: calc(50% - 165px) !important;
}

.custom_flag {
    --custom_flag_secondary_color: #ef3f3f;
}

.circle.custom_circle,
.circle.custom_circle::after {
    background-color: var(--custom_flag_secondary_color) !important;
}

.circle.custom_circle::before,
.ht_flag .cntFlagInfo .flagContent.custom_flagContent > div:has(> :nth-child(2)):has(> :nth-last-child(1)) p,
.ht_flag .cntFlagInfo .flagContent.custom_flagContent > div,
.ht_flag .icon.custom_icon img {
    border-color: var(--custom_flag_secondary_color) !important;
}

.ht_flag .cntFlagInfo .flagContent.custom_flagContent > div {
    background-color: #ffffff !important;
    color: var(--brandColorHexa) !important;
}

.arrow span {
    --arrow-size: 45px;
    --arrow-width: 12px;
    --transform-ini: rotate(45deg) translate(-10px, -10px);
    --transform-end: rotate(45deg) translate(20px, 20px);
    animation: custom_animate_arrow 1.2s infinite;
}

@keyframes custom_animate_arrow {
    0% {
        opacity: 0;
        transform: var(--transform-ini);
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: var(--transform-end);
    }
}