/* Add your own custom css here */
:root {
    --color-black-100: #222;
    --color-green-100: #28C8C8;
}

/* @font-face {
    font-family: 'TaipeiSansTC';
    src: url('../fonts/TaipeiSansTC/TaipeiSansTCBeta-Regular.ttf')
}

html,body {
    font-family: "TaipeiSansTC"!important;
} */

.uk-background-black-100 {
    background-color: var(--color-black-100);
}

/* .uk-text-gradient {
    background-image: linear-gradient(#28C8C8,#6B48FF)!important;
}

.uk-button-gradient::after {
    background-image: linear-gradient(#28C8C8,#6B48FF)!important;
}

.uk-background-gradient {
    background-image: linear-gradient(#28C8C8,#6B48FF)!important;
}

.green-text {
    color: var(--color-green-100)!important;
}

.swiper-dotnav.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background-image: linear-gradient(#28C8C8,#6B48FF)!important;
}  */

.uk-position-center-right {
    right: 5%!important;
}

.uk-position-center-left {
    left: 5%!important;
}

.no-wrap {
    flex-wrap: nowrap!important;
}

.animate-1 {
    animation: type1 2.5s linear infinite;
    /* animation: test1 2.5s linear infinite; */
}

.animate-2 {
    animation: type2 2.5s linear infinite;
    /* animation: test2 2.5s linear infinite; */
}

@keyframes type1 {
    25% {
        transform: translateY(-20px);
    }
    50%,100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(20px);
    }
}

/* @keyframes test1 {
    50% {
        transform: translateX(200%);
    }
    100% {
        transform: translateX(0);
    }
} */

@keyframes type2 {
    25% {
        transform: translateY(20px);
    }
    50%,100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(-20px);
    }
}

/* @keyframes test2 {
    25% {
        transform: translate3d(-100%,20px,100px);
    }
    50% {
        transform: translate3d(0,0,0);
    }
    75% {
        transform: translate3d(100%,-20px,-1000px);
    }
    100% {
        transform: translate3d(0,0,0);
    }
} */

.uni-roadmap-switcher {
    overflow-y: hidden!important;
}

html.bp-s .uni-roadmap-switcher>li a::before {
    content: ''!important;
}

.uk-button-default.uk-button-outline.bg-line {
    background-color: #06C755!important;
}

.line-btn-img {
    width: 35px;
}

@media(max-width:767px) {
    .line-btn-img {
        width: 30px;
    }
}

@media(max-width:1200px) {
    .uk-navbar-right {
        gap: 0;
    }
}