:root {
    --t-base-font-family: Swiss-721
}

:lang(da),:lang(el),:lang(id),:lang(nl),:lang(pl-PL),:lang(th),:lang(tr-TR),:lang(vi) {
    --t-base-font-family: UniversNextW1G,Helvetica,Arial,sans-serif;
    --t-font-family: UniversNextW1G,Helvetica,Arial,sans-serif;
    --t-title-font-family: UniversNextW1G,Helvetica,Arial,sans-serif
}

:lang(ar),:lang(ar-AE) {
    --t-base-font-family: JannaLT;
    --t-font-family: JannaLT;
    --t-title-font-family: JannaLT
}

:lang(ko-KR) {
    --t-base-font-family: NotoSansKR;
    --t-font-family: NotoSansKR;
    --t-title-font-family: NotoSansKR
}

:lang(ja-JP) {
    --t-base-font-family: NotoSansJP;
    --t-font-family: NotoSansJP;
    --t-title-font-family: NotoSansJP
}

:lang(zh-CN) {
    --t-base-font-family: NotoSansSC;
    --t-font-family: NotoSansSC;
    --t-title-font-family: NotoSansSC
}

:lang(zh-TW) {
    --t-base-font-family: NotoSansTC;
    --t-font-family: NotoSansTC;
    --t-title-font-family: NotoSansTC
}

:lang(ru-RU) {
    --t-base-font-family: UniversLTCYR;
    --t-font-family: UniversLTCYR;
    --t-title-font-family: UniversLTCYR
}

:lang(he) {
    --t-base-font-family: Swiss721Hebrew;
    --t-font-family: Swiss721Hebrew;
    --t-title-font-family: Swiss721Hebrew
}

.trc-micro-interaction-v2 .m-button-primary,.trc-micro-interaction-v2 .m-button-primary:hover,.trc-micro-interaction-v2 .m-button-secondary,.trc-micro-interaction-v2 .m-button-secondary:hover {
    transition: all 1.2s!important
}

.trc-micro-interaction-v2 .player-animation {
    transition: border-radius 1s,transform 1s,background-color 1s
}

.trc-micro-interaction-v2 .player-animation__text {
    transition: transform 1s,color 1s
}

.trc-micro-interaction-v2 .player-animation:hover {
    background-color: #fff!important;
    transform: rotate(90deg)
}

.trc-micro-interaction-v2 .player-animation:hover .player-animation__text {
    color: #1c1c1c;
    transform: rotate(-90deg)
}

.trc-micro-interaction-v2 .carousel-player-animation-wrapper .player-animation:hover {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(90deg)!important
}

.trc-micro-interaction-v2 .v2-animation-controls .glide__arrow--left {
    color: inherit;
    opacity: 1;
    transition: opacity 1s
}

.trc-micro-interaction-v2 .v2-animation-controls .glide__arrow--left:after {
    color: inherit
}

.trc-micro-interaction-v2 .v2-animation-controls .glide__arrow--left:hover:after {
    text-decoration: none
}

.trc-micro-interaction-v2 .v2-animation-controls .glide__arrow--left .icon-arrow-left {
    width: 30px;
    height: 30px;
    position: relative;
    color: inherit
}

.trc-micro-interaction-v2 .v2-animation-controls .glide__arrow--left .icon-arrow-left:before {
    position: absolute;
    top: 4px;
    left: -5px;
    transition: left 1s ease-in-out;
    color: inherit
}

[dir=rtl] .trc-micro-interaction-v2 .v2-animation-controls .glide__arrow--left .icon-arrow-left:before {
    left: -5px;
    right: 0
}

.trc-micro-interaction-v2 .v2-animation-controls .glide__arrow--right {
    color: inherit;
    opacity: 1;
    transition: opacity 1s
}

.trc-micro-interaction-v2 .v2-animation-controls .glide__arrow--right:before {
    color: inherit
}

.trc-micro-interaction-v2 .v2-animation-controls .glide__arrow--right:hover:before {
    text-decoration: none
}

.trc-micro-interaction-v2 .v2-animation-controls .glide__arrow--right .icon-arrow-right {
    width: 30px;
    height: 30px;
    position: relative;
    color: inherit
}

.trc-micro-interaction-v2 .v2-animation-controls .glide__arrow--right .icon-arrow-right:before {
    position: absolute;
    top: 4px;
    right: -5px;
    transition: right 1s ease-in-out;
    color: inherit
}

[dir=rtl] .trc-micro-interaction-v2 .v2-animation-controls .glide__arrow--right .icon-arrow-right:before {
    right: -5px;
    left: 0
}

.trc-micro-interaction-v2 .v2-control-animation-start .v2-animation-controls .carouselControlType2 .temp-active:after {
    content: "";
    background-color: var(--t-accent-color);
    border-radius: 0;
    height: .3125rem;
    margin: 0;
    top: -.125rem;
    left: 0;
    right: unset;
    transform: none;
    width: 100%;
    animation: v2BulletAfter 1s
}

.trc-micro-interaction-v2 .v2-control-animation-start .v2-animation-controls .carouselControlType2 .temp-active.temp-active-rev:after {
    left: unset;
    right: 0
}

.trc-micro-interaction-v2 .v2-control-animation-start .v2-animation-controls .carouselControlType2 .last-active:after {
    width: 0;
    left: unset;
    right: 0;
    background-color: var(--t-accent-color);
    animation: v2BulletBefore 1s
}

.trc-micro-interaction-v2 .v2-control-animation-start .v2-animation-controls .carouselControlType2 .last-active.last-active-rev:after {
    left: 0;
    right: unset
}

@keyframes v2BulletAfter {
    0% {
        width: 0
    }

    25% {
        width: 25%
    }

    50% {
        width: 50%
    }

    70% {
        width: 75%
    }

    to {
        width: 100%
    }
}

@keyframes v2BulletBefore {
    0% {
        width: 100%
    }

    25% {
        width: 75%
    }

    50% {
        width: 50%
    }

    70% {
        width: 25%
    }

    to {
        width: 0
    }
}

@media (min-width: 992px) and (hover:hover) {
    .trc-micro-interaction-v2 .v2-animation-controls .glide__arrow--left:hover {
        opacity:.2
    }

    .trc-micro-interaction-v2 .v2-animation-controls .glide__arrow--left:hover:after {
        text-decoration: none
    }

    .trc-micro-interaction-v2 .v2-animation-controls .glide__arrow--left:hover .icon-arrow-left:before {
        left: 0
    }

    .trc-micro-interaction-v2 .v2-animation-controls .glide__arrow--right:hover {
        opacity: .4
    }

    .trc-micro-interaction-v2 .v2-animation-controls .glide__arrow--right:hover:before {
        text-decoration: none
    }

    .trc-micro-interaction-v2 .v2-animation-controls .glide__arrow--right:hover .icon-arrow-right:before {
        right: 0
    }
}