:root {

}

/* variable */
.v1-theme {
    /* version 1.0 */
    --preverse-height: 74px;
    --brand: #968BF4;
    --base: #201E2A;
    /* --cap */
    /* --cap-light */
    /* --cap-lighter */
    /* --dim */
    --gloomy: #323D3D;
    --dark: #25294A;
    --foot: #443750;
    --variant: #4550A6;
    --linear-brand-c1: #9B84F1;
    --linear-brand-c2: #88A0FC;
    --linear-accessory-c1: #585BFF;
    --linear-accessory-c2: #333473;
    --linear-magic-c1: #412AC0;
    --linear-magic-c2: #22185B;
    /* --linear-hover-c1 */
    /* --linear-hover-c2 */

    --brand-rgb: 150, 139, 244;
    --base-rgb: 32, 30, 42;
    /* --cap-rgb */
    /* --cap-light-rgb */
    /* --cap-lighter-rgb */
    /* --dim-rgb */
    --gloomy-rgb: 50, 61, 61;
    --dark-rgb: 37, 41, 74;
    --variant-rgb: 69, 80, 166;
    --foot-rgb: 68, 55, 80;
    --linear-brand-c1-rgb: 155, 132, 241;
    --linear-brand-c2-rgb: 136, 150, 252;
    --linear-accessory-c1-rgb: 88, 91, 255;
    --linear-accessory-c2-rgb: 51, 52, 115;
    --linear-magic-c1-rgb: 65, 42, 192;
    --linear-magic-c2-rgb: 34, 24, 91;
    /* --linear-hover-c1-rgb */
    /* --linear-hover-c2-rgb */
}

.v2-theme {
    /* version 2.0 */
    --preverse-height: 0px;
    --brand: #67F7BB;
    --base: #8d95fa;
    --cap: #5644AF;
    --cap-light: #7179D7;
    --cap-lighter: #7F88F2;
    --dim: #525689;
    --gloomy: #323D3D;
    /*--dark: #25294A;*/
    --foot: #aa9ef8;
    /*--variant: #4550A6;*/
    --linear-brand-c1: #9B84F1;
    --linear-brand-c2: #88A0FC;
    --linear-accessory-c1: #838AEA;
    --linear-accessory-c2: #838AEA;
    /*--linear-magic-c1: #412AC0;*/
    /*--linear-magic-c2: #22185B;*/
    --linear-hover-c1: #7A60DB;
    --linear-hover-c2: #5E78DB;

    --brand-rgb: 103, 247, 187;
    --base-rgb: 141, 149, 250;
    --cap-rgb: 86, 68, 175;
    --cap-light-rgb: 113, 121, 215;
    --cap-lighter-rgb: 127, 136, 242;
    --dim-rgb: 82, 86, 137;
    --gloomy-rgb: 50, 61, 61;
    /*--dark-rgb: 37, 41, 74;*/
    /*--variant-rgb: 69, 80, 166;*/
    --foot-rgb: 170, 158, 248;
    --linear-brand-c1-rgb: 155, 132, 241;
    --linear-brand-c2-rgb: 136, 150, 252;
    /*--linear-accessory-c1-rgb: 88, 91, 255;*/
    /*--linear-accessory-c2-rgb: 51, 52, 115;*/
    /*--linear-magic-c1-rgb: 65, 42, 192;*/
    /*--linear-magic-c2-rgb: 34, 24, 91;*/
    --linear-hover-c1-rgb: 122, 96, 219;
    --linear-hover-c2-rgb: 94, 120, 219;

    /* override bootstrap */
    --bs-light: #FCFCFC;
    --bs-light-rgb: 252, 252, 252;
}

/* extend bootstrap */
img {
    width: auto !important;
}

.bg-brand {
    background-color: rgba(var(--brand-rgb), 1) !important;
}

.bg-base {
    background-color: rgba(var(--base-rgb), 1) !important;
}

.bg-cap {
    background-color: rgba(var(--cap-rgb), 1) !important;
}

.bg-cap-trans {
    background-color: rgba(var(--base-rgb), 0.6) !important;
}

.bg-cap-light {
    background-color: rgba(var(--cap-light-rgb), 1) !important;
}

.bg-cap-lighter {
    background-color: rgba(var(--cap-lighter-rgb), 1) !important;
}

.bg-dim {
    background-color: rgba(var(--dim-rgb), 1) !important;
}

.bg-gloomy {
    background-color: rgba(var(--gloomy-rgb), 1) !important;
}

.bg-dark {
    background-color: rgba(var(--dark-rgb), 1) !important;
}

.bg-variant {
    background-color: rgba(var(--variant-rgb), 1) !important;
}

.bg-foot {
    background-color: rgba(var(--foot-rgb), 1) !important;
}

.bg-brand-linear {
    background-image: linear-gradient(90deg, var(--linear-brand-c2), var(--linear-brand-c1)) !important;
}

.bg-accessory-linear {
    background-image: linear-gradient(0deg, var(--linear-accessory-c1), var(--linear-accessory-c2)) !important;
}

.bg-magic-linear {
    background-image: linear-gradient(to bottom,
    rgba(var(--base-rgb), 0.5) 0%,
    rgba(var(--linear-magic-c1-rgb), 0.5) 20%,
    rgba(var(--linear-magic-c2-rgb), 0.5) 40%,
    rgba(var(--linear-magic-c2-rgb), 0.5) 60%,
    rgba(var(--linear-magic-c1-rgb), 0.5) 80%,
    rgba(var(--base-rgb), 0.5) 100%)
    !important;
}

.text-brand {
    color: rgba(var(--brand-rgb), 1) !important;
}

.text-base {
    color: rgba(var(--base-rgb), 1) !important;
}

.text-cap {
    color: rgba(var(--cap-rgb), 1) !important;
}

.text-cap-trans {
    color: rgba(var(--cap-rgb), 0.6) !important;
}

.text-cap-light {
    color: rgba(var(--cap-light-rgb), 1) !important;
}

.text-cap-lighter {
    color: rgba(var(--cap-lighter-rgb), 1) !important;
}

.text-dim {
    color: rgba(var(--dim-rgb), 1) !important;
}

.text-gloomy {
    color: rgba(var(--gloomy-rgb), 1) !important;
}

.text-dark {
    color: rgba(var(--dark-rgb), 1) !important;
}

.text-variant {
    color: rgba(var(--variant-rgb), 1) !important;
}

.text-dark {
    color: rgba(var(--dark-rgb), 1) !important;
}

.text-foot {
    color: rgba(var(--foot-rgb), 1) !important;
}

.border-trans {
    border-color: transparent !important;
}

.border-brand{
    border-color: rgba(var(--brand-rgb), 1) !important;
}

.dropdown-menu a.dropdown-item {
}

.dropdown-menu a.dropdown-item:hover {
    color: rgba(var(--bs-light-rgb), 1) !important;
    background-color: rgba(var(--gloomy-rgb), 1) !important;
}

.dropdown-menu a.dropdown-item:focus {
    color: rgba(var(--bs-light-rgb), 1) !important;
    background-color: rgba(var(--brand-rgb), 1) !important;
}

.bg-full {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bg-contain {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.radius-1 {
    border-radius: 1rem;
}
.radius-1x5 {
    border-radius: 1.5rem;
}
.radius-2 {
    border-radius: 2rem;
}
.radius-3 {
    border-radius: 3rem;
}
.radius-4 {
    border-radius: 4rem;
}
.radius-5 {
    border-radius: 5rem;
}
.radius-0x40 {
    border-radius: 40%;
}
@media (min-width: 576px) {
    .radius-sm-1 {
        border-radius: 1rem;
    }
    .radius-sm-1x5 {
        border-radius: 1.5rem;
    }
    .radius-sm-2 {
        border-radius: 2rem;
    }
    .radius-sm-3 {
        border-radius: 3rem;
    }
    .radius-sm-4 {
        border-radius: 4rem;
    }
    .radius-sm-5 {
        border-radius: 5rem;
    }
    .radius-sm-40pct {
        border-radius: 40%;
    }
}
@media (min-width: 768px) {
    .radius-md-1 {
        border-radius: 1rem;
    }
    .radius-md-1x5 {
        border-radius: 1.5rem;
    }
    .radius-md-2 {
        border-radius: 2rem;
    }
    .radius-md-3 {
        border-radius: 3rem;
    }
    .radius-md-4 {
        border-radius: 4rem;
    }
    .radius-md-5 {
        border-radius: 5rem;
    }
    .radius-md-40pct {
        border-radius: 40%;
    }
}
@media (min-width: 992px) {
    .radius-lg-1 {
        border-radius: 1rem;
    }
    .radius-lg-1x5 {
        border-radius: 1.5rem;
    }
    .radius-lg-2 {
        border-radius: 2rem;
    }
    .radius-lg-3 {
        border-radius: 3rem;
    }
    .radius-lg-4 {
        border-radius: 4rem;
    }
    .radius-lg-5 {
        border-radius: 5rem;
    }
    .radius-lg-40pct {
        border-radius: 40%;
    }
}
@media (min-width: 1200px) {
    .radius-xl-1 {
        border-radius: 1rem;
    }
    .radius-xl-1x5 {
        border-radius: 1.5rem;
    }
    .radius-xl-2 {
        border-radius: 2rem;
    }
    .radius-xl-3 {
        border-radius: 3rem;
    }
    .radius-xl-4 {
        border-radius: 4rem;
    }
    .radius-xl-5 {
        border-radius: 5rem;
    }
    .radius-xl-40pct {
        border-radius: 40%;
    }
}
@media (min-width: 1400px) {
    .radius-xxl-1 {
        border-radius: 1rem;
    }
    .radius-xxl-1x5 {
        border-radius: 1.5rem;
    }
    .radius-xxl-2 {
        border-radius: 2rem;
    }
    .radius-xxl-3 {
        border-radius: 3rem;
    }
    .radius-xxl-4 {
        border-radius: 4rem;
    }
    .radius-xxl-5 {
        border-radius: 5rem;
    }
    .radius-xxl-40pct {
        border-radius: 40%;
    }
}

.full-layout {
    height: calc(100vh - var(--preverse-height)); /* 滿版高度為100% 扣 header或footer高度 */
    width: 100%; /* 寬度滿版 */
}

/* banner */
p.banner-layout {
    border-radius: 1rem;
    height: 20vh;
}
.banner-layout {
    border-radius: 1rem;
    height: 30vh;
}
@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
    .banner-layout {
        border-radius: 2rem;
        height: 32vh;
    }
}
@media (min-width: 1200px) {
    .banner-layout {
        border-radius: 3rem;
        height: 36vh;
    }
}
@media (min-width: 1400px) {
}

.banner-text-h1 {
    font-size: 2rem;
    line-height: 3rem;
}
.banner-text-h2 {
    font-size: 1.5rem;
    line-height: 2rem;
}
.banner-text-h3 {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.banner-text-h4 {
    font-size: 1rem;
    line-height: 1.5rem;
}
.banner-text-h5 {
    font-size: 1rem;
    line-height: 1.5rem;
}
.banner-text-h6 {
    font-size: 1rem;
    line-height: 1.5rem;
}
@media (min-width: 576px) {
    .banner-text-h1 {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }
    .banner-text-h2 {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }
    .banner-text-h3 {
        font-size: 1.5rem;
        line-height: 2.1rem;
    }
    .banner-text-h4 {
        font-size: 1.1rem;
        line-height: 1.8rem;
    }
    .banner-text-h5 {
        font-size: 1.2rem;
        line-height: 2.2rem;
    }
    .banner-text-h6 {
        font-size: 1.2rem;
        line-height: 2.2rem;
    }
}
@media (min-width: 768px) {
    .banner-text-h1 {
        font-size: 3.2rem;
        line-height: 4.8rem;
    }
    .banner-text-h2 {
        font-size: 2.4rem;
        line-height: 3.2rem;
    }
    .banner-text-h3 {
        font-size: 2.0rem;
        line-height: 2.8rem;
    }
    .banner-text-h4 {
        font-size: 1.45rem;
        line-height: 2.4rem;
    }
    .banner-text-h5 {
        font-size: 1.3rem;
        line-height: 2.5rem;
    }
    .banner-text-h6 {
        font-size: 1.3rem;
        line-height: 2.5rem;
    }
}
@media (min-width: 992px) {
    .banner-text-h1 {
        font-size: 3.6rem;
        line-height: 5.4rem;
    }
    .banner-text-h2 {
        font-size: 2.7rem;
        line-height: 3.6rem;
    }
    .banner-text-h3 {
        font-size: 2.25rem;
        line-height: 3.15rem;
    }
    .banner-text-h4 {
        font-size: 1.6rem;
        line-height: 2.7rem;
    }
    .banner-text-h5 {
        font-size: 1.35rem;
        line-height: 2.8rem;
    }
    .banner-text-h6 {
        font-size: 1.35rem;
        line-height: 2.8rem;
    }
}
@media (min-width: 1200px) {
    .banner-text-h1 {
        font-size: 4rem;
        line-height: 6rem;
    }
    .banner-text-h2 {
        font-size: 3rem;
        line-height: 4rem;
    }
    .banner-text-h3 {
        font-size: 2.5rem;
        line-height: 3.5rem;
    }
    .banner-text-h4 {
        font-size: 1.8rem;
        line-height: 3.0rem;
    }
    .banner-text-h5 {
        font-size: 1.5rem;
        line-height: 3.0rem;
    }
    .banner-text-h6 {
        font-size: 1.2rem;
        line-height: 1.6rem;
    }
}
@media (min-width: 1400px) {
}


.mv-up-0 {
    transform: translateY(-0%);
}
.mv-up-0x25 {
    transform: translateY(-25%);
}
.mv-up-0x375 {
    transform: translateY(-37.5%);
}
.mv-up-0x5 {
    transform: translateY(-50%);
}
.mv-up-0x75 {
    transform: translateY(-75%);
}
.mv-up-1x0 {
    transform: translateY(-100%);
}
.mv-up-1x25 {
    transform: translateY(-125%);
}
.mv-up-1x5 {
    transform: translateY(-150%);
}
.mv-up-1x75 {
    transform: translateY(-175%);
}
.mv-up-2x0 {
    transform: translateY(-200%);
}
.mv-up-2x25 {
    transform: translateY(-225%);
}
.mv-up-2x5 {
    transform: translateY(-250%);
}
.mv-down-0 {
    transform: translateY(0%);
}
.mv-down-0x25 {
    transform: translateY(25%);
}
.mv-down-0x375 {
    transform: translateY(37.5%);
}
.mv-down-0x5 {
    transform: translateY(50%);
}
.mv-down-0x75 {
    transform: translateY(75%);
}
.mv-down-1x0 {
    transform: translateY(100%);
}
.mv-down-1x25 {
    transform: translateY(125%);
}
.mv-down-1x5 {
    transform: translateY(150%);
}
.mv-down-1x75 {
    transform: translateY(175%);
}
.mv-down-2x0 {
    transform: translateY(200%);
}
.mv-down-2x25 {
    transform: translateY(225%);
}
.mv-down-2x5 {
    transform: translateY(250%);
}
.mv-up-1 {
    margin-top: -1rem;
}
.mv-up-2 {
    margin-top: -2rem;
}
.mv-up-3 {
    margin-top: -3rem;
}
.mv-up-4 {
    margin-top: -4rem;
}
.mv-up-5 {
    margin-top: -5rem;
}
.mv-up-6 {
    margin-top: -6rem;
}
.mv-up-7 {
    margin-top: -7rem;
}
.mv-up-8 {
    margin-top: -8rem;
}
.mv-up-9 {
    margin-top: -9rem;
}
.mv-down-1 {
    margin-bottom: -1rem;
}
.mv-down-2 {
    margin-bottom: -2rem;
}
.mv-down-3 {
    margin-bottom: -3rem;
}
.mv-down-4 {
    margin-bottom: -4rem;
}
.mv-down-5 {
    margin-bottom: -5rem;
}
.mv-down-6 {
    margin-bottom: -6rem;
}
.mv-down-7 {
    margin-bottom: -7rem;
}
.mv-down-8 {
    margin-bottom: -8rem;
}
.mv-down-9 {
    margin-bottom: -9rem;
}
.mv-left-1 {
    margin-left: -1rem;
}
.mv-left-2 {
    margin-left: -2rem;
}
.mv-left-3 {
    margin-left: -3rem;
}
.mv-left-4 {
    margin-left: -4rem;
}
.mv-left-5 {
    margin-left: -5rem;
}
.mv-left-6 {
    margin-left: -6rem;
}
.mv-left-7 {
    margin-left: -7rem;
}
.mv-left-8 {
    margin-left: -8rem;
}
.mv-left-9 {
    margin-left: -9rem;
}
.mv-right-1 {
    margin-right: -1rem;
}
.mv-right-2 {
    margin-right: -2rem;
}
.mv-right-3 {
    margin-right: -3rem;
}
.mv-right-4 {
    margin-right: -4rem;
}
.mv-right-5 {
    margin-right: -5rem;
}
.mv-right-6 {
    margin-right: -6rem;
}
.mv-right-7 {
    margin-right: -7rem;
}
.mv-right-8 {
    margin-right: -8rem;
}
.mv-right-9 {
    margin-right: -9rem;
}
.scale-0x1 {
    transform: scale(0.1);
}
.scale-0x2 {
    transform: scale(0.2);
}
.scale-0x25 {
    transform: scale(0.25);
}
.scale-0x3 {
    transform: scale(0.3);
}
.scale-0x4 {
    transform: scale(0.4);
}
.scale-0x5 {
    transform: scale(0.5);
}
.scale-0x6 {
    transform: scale(0.6);
}
.scale-0x7 {
    transform: scale(0.7);
}
.scale-0x75 {
    transform: scale(0.75);
}
.scale-0x8 {
    transform: scale(0.8);
}
.scale-0x9 {
    transform: scale(0.9);
}
.scale-1x0 {
    transform: scale(1.2);
}
.scale-1x1 {
    transform: scale(1.1);
}
.scale-1x2 {
    transform: scale(1.2);
}
.scale-1x25 {
    transform: scale(1.25);
}
.scale-1x3 {
    transform: scale(1.3);
}
.scale-1x4 {
    transform: scale(1.4);
}
.scale-1x5 {
    transform: scale(1.5);
}
.scale-1x75 {
    transform: scale(1.75);
}
.scale-2x0 {
    transform: scale(2.0);
}
.scale-2x5 {
    transform: scale(2.5);
}
.scale-3x0 {
    transform: scale(3.0);
}
.scale-4x0 {
    transform: scale(4.0);
}
.scale-5x0 {
    transform: scale(5.0);
}
@media (min-width: 576px) {
    .mv-up-sm-0 {
        transform: translateY(-0%);
    }
    .mv-up-sm-0x25 {
        transform: translateY(-25%);
    }
    .mv-up-sm-0x375 {
        transform: translateY(-37.5%);
    }
    .mv-up-sm-0x5 {
        transform: translateY(-50%);
    }
    .mv-up-sm-0x75 {
        transform: translateY(-75%);
    }
    .mv-up-sm-1x0 {
        transform: translateY(-100%);
    }
    .mv-up-sm-1x25 {
        transform: translateY(-125%);
    }
    .mv-up-sm-1x5 {
        transform: translateY(-150%);
    }
    .mv-up-sm-1x75 {
        transform: translateY(-175%);
    }
    .mv-up-sm-2x0 {
        transform: translateY(-200%);
    }
    .mv-up-sm-2x25 {
        transform: translateY(-225%);
    }
    .mv-up-sm-2x5 {
        transform: translateY(-250%);
    }
    .mv-down-sm-0 {
        transform: translateY(0%);
    }
    .mv-down-sm-0x25 {
        transform: translateY(25%);
    }
    .mv-down-sm-0x375 {
        transform: translateY(37.5%);
    }
    .mv-down-sm-0x5 {
        transform: translateY(50%);
    }
    .mv-down-sm-0x75 {
        transform: translateY(75%);
    }
    .mv-down-sm-1x0 {
        transform: translateY(100%);
    }
    .mv-down-sm-1x25 {
        transform: translateY(125%);
    }
    .mv-down-sm-1x5 {
        transform: translateY(150%);
    }
    .mv-down-sm-1x75 {
        transform: translateY(175%);
    }
    .mv-down-sm-2x0 {
        transform: translateY(200%);
    }
    .mv-down-sm-2x25 {
        transform: translateY(225%);
    }
    .mv-down-sm-2x5 {
        transform: translateY(250%);
    }
    .mv-up-sm-1 {
        margin-top: -1rem;
    }
    .mv-up-sm-2 {
        margin-top: -2rem;
    }
    .mv-up-sm-3 {
        margin-top: -3rem;
    }
    .mv-up-sm-4 {
        margin-top: -4rem;
    }
    .mv-up-sm-5 {
        margin-top: -5rem;
    }
    .mv-up-sm-6 {
        margin-top: -6rem;
    }
    .mv-up-sm-7 {
        margin-top: -7rem;
    }
    .mv-up-sm-8 {
        margin-top: -8rem;
    }
    .mv-up-sm-9 {
        margin-top: -9rem;
    }
    .mv-down-sm-1 {
        margin-bottom: -1rem;
    }
    .mv-down-sm-2 {
        margin-bottom: -2rem;
    }
    .mv-down-sm-3 {
        margin-bottom: -3rem;
    }
    .mv-down-sm-4 {
        margin-bottom: -4rem;
    }
    .mv-down-sm-5 {
        margin-bottom: -5rem;
    }
    .mv-down-sm-6 {
        margin-bottom: -6rem;
    }
    .mv-down-sm-7 {
        margin-bottom: -7rem;
    }
    .mv-down-sm-8 {
        margin-bottom: -8rem;
    }
    .mv-down-sm-9 {
        margin-bottom: -9rem;
    }
    .mv-left-sm-1 {
        margin-left: -1rem;
    }
    .mv-left-sm-2 {
        margin-left: -2rem;
    }
    .mv-left-sm-3 {
        margin-left: -3rem;
    }
    .mv-left-sm-4 {
        margin-left: -4rem;
    }
    .mv-left-sm-5 {
        margin-left: -5rem;
    }
    .mv-left-sm-6 {
        margin-left: -6rem;
    }
    .mv-left-sm-7 {
        margin-left: -7rem;
    }
    .mv-left-sm-8 {
        margin-left: -8rem;
    }
    .mv-left-sm-9 {
        margin-left: -9rem;
    }
    .mv-right-sm-1 {
        margin-right: -1rem;
    }
    .mv-right-sm-2 {
        margin-right: -2rem;
    }
    .mv-right-sm-3 {
        margin-right: -3rem;
    }
    .mv-right-sm-4 {
        margin-right: -4rem;
    }
    .mv-right-sm-5 {
        margin-right: -5rem;
    }
    .mv-right-sm-6 {
        margin-right: -6rem;
    }
    .mv-right-sm-7 {
        margin-right: -7rem;
    }
    .mv-right-sm-8 {
        margin-right: -8rem;
    }
    .mv-right-sm-9 {
        margin-right: -9rem;
    }
    .scale-sm-0x1 {
        transform: scale(0.1);
    }
    .scale-sm-0x2 {
        transform: scale(0.2);
    }
    .scale-sm-0x25 {
        transform: scale(0.25);
    }
    .scale-sm-0x3 {
        transform: scale(0.3);
    }
    .scale-sm-0x4 {
        transform: scale(0.4);
    }
    .scale-sm-0x5 {
        transform: scale(0.5);
    }
    .scale-sm-0x6 {
        transform: scale(0.6);
    }
    .scale-sm-0x7 {
        transform: scale(0.7);
    }
    .scale-sm-0x75 {
        transform: scale(0.75);
    }
    .scale-sm-0x8 {
        transform: scale(0.8);
    }
    .scale-sm-0x9 {
        transform: scale(0.9);
    }
    .scale-sm-1x0 {
        transform: scale(1.2);
    }
    .scale-sm-1x1 {
        transform: scale(1.1);
    }
    .scale-sm-1x2 {
        transform: scale(1.2);
    }
    .scale-sm-1x25 {
        transform: scale(1.25);
    }
    .scale-sm-1x3 {
        transform: scale(1.3);
    }
    .scale-sm-1x4 {
        transform: scale(1.4);
    }
    .scale-sm-1x5 {
        transform: scale(1.5);
    }
    .scale-sm-1x75 {
        transform: scale(1.75);
    }
    .scale-sm-2x0 {
        transform: scale(2.0);
    }
    .scale-sm-2x5 {
        transform: scale(2.5);
    }
    .scale-sm-3x0 {
        transform: scale(3.0);
    }
    .scale-sm-4x0 {
        transform: scale(4.0);
    }
    .scale-sm-5x0 {
        transform: scale(5.0);
    }
}
@media (min-width: 768px) {
    .mv-up-md-0 {
        transform: translateY(-0%);
    }
    .mv-up-md-0x25 {
        transform: translateY(-25%);
    }
    .mv-up-md-0x375 {
        transform: translateY(-37.5%);
    }
    .mv-up-md-0x5 {
        transform: translateY(-50%);
    }
    .mv-up-md-0x75 {
        transform: translateY(-75%);
    }
    .mv-up-md-1x0 {
        transform: translateY(-100%);
    }
    .mv-up-md-1x25 {
        transform: translateY(-125%);
    }
    .mv-up-md-1x5 {
        transform: translateY(-150%);
    }
    .mv-up-md-1x75 {
        transform: translateY(-175%);
    }
    .mv-up-md-2x0 {
        transform: translateY(-200%);
    }
    .mv-up-md-2x25 {
        transform: translateY(-225%);
    }
    .mv-up-md-2x5 {
        transform: translateY(-250%);
    }
    .mv-down-md-0 {
        transform: translateY(0%);
    }
    .mv-down-md-0x25 {
        transform: translateY(25%);
    }
    .mv-down-md-0x375 {
        transform: translateY(37.5%);
    }
    .mv-down-md-0x5 {
        transform: translateY(50%);
    }
    .mv-down-md-0x75 {
        transform: translateY(75%);
    }
    .mv-down-md-1x0 {
        transform: translateY(100%);
    }
    .mv-down-md-1x25 {
        transform: translateY(125%);
    }
    .mv-down-md-1x5 {
        transform: translateY(150%);
    }
    .mv-down-md-1x75 {
        transform: translateY(175%);
    }
    .mv-down-md-2x0 {
        transform: translateY(200%);
    }
    .mv-down-md-2x25 {
        transform: translateY(225%);
    }
    .mv-down-md-2x5 {
        transform: translateY(250%);
    }
    .mv-up-md-1 {
        margin-top: -1rem;
    }
    .mv-up-md-2 {
        margin-top: -2rem;
    }
    .mv-up-md-3 {
        margin-top: -3rem;
    }
    .mv-up-md-4 {
        margin-top: -4rem;
    }
    .mv-up-md-5 {
        margin-top: -5rem;
    }
    .mv-up-md-6 {
        margin-top: -6rem;
    }
    .mv-up-md-7 {
        margin-top: -7rem;
    }
    .mv-up-md-8 {
        margin-top: -8rem;
    }
    .mv-up-md-9 {
        margin-top: -9rem;
    }
    .mv-down-md-1 {
        margin-bottom: -1rem;
    }
    .mv-down-md-2 {
        margin-bottom: -2rem;
    }
    .mv-down-md-3 {
        margin-bottom: -3rem;
    }
    .mv-down-md-4 {
        margin-bottom: -4rem;
    }
    .mv-down-md-5 {
        margin-bottom: -5rem;
    }
    .mv-down-md-6 {
        margin-bottom: -6rem;
    }
    .mv-down-md-7 {
        margin-bottom: -7rem;
    }
    .mv-down-md-8 {
        margin-bottom: -8rem;
    }
    .mv-down-md-9 {
        margin-bottom: -9rem;
    }
    .mv-left-md-1 {
        margin-left: -1rem;
    }
    .mv-left-md-2 {
        margin-left: -2rem;
    }
    .mv-left-md-3 {
        margin-left: -3rem;
    }
    .mv-left-md-4 {
        margin-left: -4rem;
    }
    .mv-left-md-5 {
        margin-left: -5rem;
    }
    .mv-left-md-6 {
        margin-left: -6rem;
    }
    .mv-left-md-7 {
        margin-left: -7rem;
    }
    .mv-left-md-8 {
        margin-left: -8rem;
    }
    .mv-left-md-9 {
        margin-left: -9rem;
    }
    .mv-right-md-1 {
        margin-right: -1rem;
    }
    .mv-right-md-2 {
        margin-right: -2rem;
    }
    .mv-right-md-3 {
        margin-right: -3rem;
    }
    .mv-right-md-4 {
        margin-right: -4rem;
    }
    .mv-right-md-5 {
        margin-right: -5rem;
    }
    .mv-right-md-6 {
        margin-right: -6rem;
    }
    .mv-right-md-7 {
        margin-right: -7rem;
    }
    .mv-right-md-8 {
        margin-right: -8rem;
    }
    .mv-right-md-9 {
        margin-right: -9rem;
    }
    .scale-md-0x1 {
        transform: scale(0.1);
    }
    .scale-md-0x2 {
        transform: scale(0.2);
    }
    .scale-md-0x25 {
        transform: scale(0.25);
    }
    .scale-md-0x3 {
        transform: scale(0.3);
    }
    .scale-md-0x4 {
        transform: scale(0.4);
    }
    .scale-md-0x5 {
        transform: scale(0.5);
    }
    .scale-md-0x6 {
        transform: scale(0.6);
    }
    .scale-md-0x7 {
        transform: scale(0.7);
    }
    .scale-md-0x75 {
        transform: scale(0.75);
    }
    .scale-md-0x8 {
        transform: scale(0.8);
    }
    .scale-md-0x9 {
        transform: scale(0.9);
    }
    .scale-md-1x0 {
        transform: scale(1.2);
    }
    .scale-md-1x1 {
        transform: scale(1.1);
    }
    .scale-md-1x2 {
        transform: scale(1.2);
    }
    .scale-md-1x25 {
        transform: scale(1.25);
    }
    .scale-md-1x3 {
        transform: scale(1.3);
    }
    .scale-md-1x4 {
        transform: scale(1.4);
    }
    .scale-md-1x5 {
        transform: scale(1.5);
    }
    .scale-md-1x75 {
        transform: scale(1.75);
    }
    .scale-md-2x0 {
        transform: scale(2.0);
    }
    .scale-md-2x5 {
        transform: scale(2.5);
    }
    .scale-md-3x0 {
        transform: scale(3.0);
    }
    .scale-md-4x0 {
        transform: scale(4.0);
    }
    .scale-md-5x0 {
        transform: scale(5.0);
    }

}
@media (min-width: 992px) {
    .mv-up-lg-0 {
        transform: translateY(-0%);
    }
    .mv-up-lg-0x25 {
        transform: translateY(-25%);
    }
    .mv-up-lg-0x375 {
        transform: translateY(-37.5%);
    }
    .mv-up-lg-0x5 {
        transform: translateY(-50%);
    }
    .mv-up-lg-0x75 {
        transform: translateY(-75%);
    }
    .mv-up-lg-1x0 {
        transform: translateY(-100%);
    }
    .mv-up-lg-1x25 {
        transform: translateY(-125%);
    }
    .mv-up-lg-1x5 {
        transform: translateY(-150%);
    }
    .mv-up-lg-1x75 {
        transform: translateY(-175%);
    }
    .mv-up-lg-2x0 {
        transform: translateY(-200%);
    }
    .mv-up-lg-2x25 {
        transform: translateY(-225%);
    }
    .mv-up-lg-2x5 {
        transform: translateY(-250%);
    }
    .mv-down-lg-0 {
        transform: translateY(0%);
    }
    .mv-down-lg-0x25 {
        transform: translateY(25%);
    }
    .mv-down-lg-0x375 {
        transform: translateY(37.5%);
    }
    .mv-down-lg-0x5 {
        transform: translateY(50%);
    }
    .mv-down-lg-0x75 {
        transform: translateY(75%);
    }
    .mv-down-lg-1x0 {
        transform: translateY(100%);
    }
    .mv-down-lg-1x25 {
        transform: translateY(125%);
    }
    .mv-down-lg-1x5 {
        transform: translateY(150%);
    }
    .mv-down-lg-1x75 {
        transform: translateY(175%);
    }
    .mv-down-lg-2x0 {
        transform: translateY(200%);
    }
    .mv-down-lg-2x25 {
        transform: translateY(225%);
    }
    .mv-down-lg-2x5 {
        transform: translateY(250%);
    }
    .mv-up-lg-1 {
        margin-top: -1rem;
    }
    .mv-up-lg-2 {
        margin-top: -2rem;
    }
    .mv-up-lg-3 {
        margin-top: -3rem;
    }
    .mv-up-lg-4 {
        margin-top: -4rem;
    }
    .mv-up-lg-5 {
        margin-top: -5rem;
    }
    .mv-up-lg-6 {
        margin-top: -6rem;
    }
    .mv-up-lg-7 {
        margin-top: -7rem;
    }
    .mv-up-lg-8 {
        margin-top: -8rem;
    }
    .mv-up-lg-9 {
        margin-top: -9rem;
    }
    .mv-down-lg-1 {
        margin-bottom: -1rem;
    }
    .mv-down-lg-2 {
        margin-bottom: -2rem;
    }
    .mv-down-lg-3 {
        margin-bottom: -3rem;
    }
    .mv-down-lg-4 {
        margin-bottom: -4rem;
    }
    .mv-down-lg-5 {
        margin-bottom: -5rem;
    }
    .mv-down-lg-6 {
        margin-bottom: -6rem;
    }
    .mv-down-lg-7 {
        margin-bottom: -7rem;
    }
    .mv-down-lg-8 {
        margin-bottom: -8rem;
    }
    .mv-down-lg-9 {
        margin-bottom: -9rem;
    }
    .mv-left-lg-1 {
        margin-left: -1rem;
    }
    .mv-left-lg-2 {
        margin-left: -2rem;
    }
    .mv-left-lg-3 {
        margin-left: -3rem;
    }
    .mv-left-lg-4 {
        margin-left: -4rem;
    }
    .mv-left-lg-5 {
        margin-left: -5rem;
    }
    .mv-left-lg-6 {
        margin-left: -6rem;
    }
    .mv-left-lg-7 {
        margin-left: -7rem;
    }
    .mv-left-lg-8 {
        margin-left: -8rem;
    }
    .mv-left-lg-9 {
        margin-left: -9rem;
    }
    .mv-right-lg-1 {
        margin-right: -1rem;
    }
    .mv-right-lg-2 {
        margin-right: -2rem;
    }
    .mv-right-lg-3 {
        margin-right: -3rem;
    }
    .mv-right-lg-4 {
        margin-right: -4rem;
    }
    .mv-right-lg-5 {
        margin-right: -5rem;
    }
    .mv-right-lg-6 {
        margin-right: -6rem;
    }
    .mv-right-lg-7 {
        margin-right: -7rem;
    }
    .mv-right-lg-8 {
        margin-right: -8rem;
    }
    .mv-right-lg-9 {
        margin-right: -9rem;
    }
    .scale-lg-0x1 {
        transform: scale(0.1);
    }
    .scale-lg-0x2 {
        transform: scale(0.2);
    }
    .scale-lg-0x25 {
        transform: scale(0.25);
    }
    .scale-lg-0x3 {
        transform: scale(0.3);
    }
    .scale-lg-0x4 {
        transform: scale(0.4);
    }
    .scale-lg-0x5 {
        transform: scale(0.5);
    }
    .scale-lg-0x6 {
        transform: scale(0.6);
    }
    .scale-lg-0x7 {
        transform: scale(0.7);
    }
    .scale-lg-0x75 {
        transform: scale(0.75);
    }
    .scale-lg-0x8 {
        transform: scale(0.8);
    }
    .scale-lg-0x9 {
        transform: scale(0.9);
    }
    .scale-lg-1x0 {
        transform: scale(1.2);
    }
    .scale-lg-1x1 {
        transform: scale(1.1);
    }
    .scale-lg-1x2 {
        transform: scale(1.2);
    }
    .scale-lg-1x25 {
        transform: scale(1.25);
    }
    .scale-lg-1x3 {
        transform: scale(1.3);
    }
    .scale-lg-1x4 {
        transform: scale(1.4);
    }
    .scale-lg-1x5 {
        transform: scale(1.5);
    }
    .scale-lg-1x75 {
        transform: scale(1.75);
    }
    .scale-lg-2x0 {
        transform: scale(2.0);
    }
    .scale-lg-2x5 {
        transform: scale(2.5);
    }
    .scale-lg-3x0 {
        transform: scale(3.0);
    }
    .scale-lg-4x0 {
        transform: scale(4.0);
    }
    .scale-lg-5x0 {
        transform: scale(5.0);
    }
}
@media (min-width: 1200px) {
    .mv-up-xl-0 {
        transform: translateY(-0%);
    }
    .mv-up-xl-0x25 {
        transform: translateY(-25%);
    }
    .mv-up-xl-0x375 {
        transform: translateY(-37.5%);
    }
    .mv-up-xl-0x5 {
        transform: translateY(-50%);
    }
    .mv-up-xl-0x75 {
        transform: translateY(-75%);
    }
    .mv-up-xl-1x0 {
        transform: translateY(-100%);
    }
    .mv-up-xl-1x25 {
        transform: translateY(-125%);
    }
    .mv-up-xl-1x5 {
        transform: translateY(-150%);
    }
    .mv-up-xl-1x75 {
        transform: translateY(-175%);
    }
    .mv-up-xl-2x0 {
        transform: translateY(-200%);
    }
    .mv-up-xl-2x25 {
        transform: translateY(-225%);
    }
    .mv-up-xl-2x5 {
        transform: translateY(-250%);
    }
    .mv-down-xl-0 {
        transform: translateY(0%);
    }
    .mv-down-xl-0x25 {
        transform: translateY(25%);
    }
    .mv-down-xl-0x375 {
        transform: translateY(37.5%);
    }
    .mv-down-xl-0x5 {
        transform: translateY(50%);
    }
    .mv-down-xl-0x75 {
        transform: translateY(75%);
    }
    .mv-down-xl-1x0 {
        transform: translateY(100%);
    }
    .mv-down-xl-1x25 {
        transform: translateY(125%);
    }
    .mv-down-xl-1x5 {
        transform: translateY(150%);
    }
    .mv-down-xl-1x75 {
        transform: translateY(175%);
    }
    .mv-down-xl-2x0 {
        transform: translateY(200%);
    }
    .mv-down-xl-2x25 {
        transform: translateY(225%);
    }
    .mv-down-xl-2x5 {
        transform: translateY(250%);
    }
    .mv-up-xl-1 {
        margin-top: -1rem;
    }
    .mv-up-xl-2 {
        margin-top: -2rem;
    }
    .mv-up-xl-3 {
        margin-top: -3rem;
    }
    .mv-up-xl-4 {
        margin-top: -4rem;
    }
    .mv-up-xl-5 {
        margin-top: -5rem;
    }
    .mv-up-xl-6 {
        margin-top: -6rem;
    }
    .mv-up-xl-7 {
        margin-top: -7rem;
    }
    .mv-up-xl-8 {
        margin-top: -8rem;
    }
    .mv-up-xl-9 {
        margin-top: -9rem;
    }
    .mv-down-xl-1 {
        margin-bottom: -1rem;
    }
    .mv-down-xl-2 {
        margin-bottom: -2rem;
    }
    .mv-down-xl-3 {
        margin-bottom: -3rem;
    }
    .mv-down-xl-4 {
        margin-bottom: -4rem;
    }
    .mv-down-xl-5 {
        margin-bottom: -5rem;
    }
    .mv-down-xl-6 {
        margin-bottom: -6rem;
    }
    .mv-down-xl-7 {
        margin-bottom: -7rem;
    }
    .mv-down-xl-8 {
        margin-bottom: -8rem;
    }
    .mv-down-xl-9 {
        margin-bottom: -9rem;
    }
    .mv-left-xl-1 {
        margin-left: -1rem;
    }
    .mv-left-xl-2 {
        margin-left: -2rem;
    }
    .mv-left-xl-3 {
        margin-left: -3rem;
    }
    .mv-left-xl-4 {
        margin-left: -4rem;
    }
    .mv-left-xl-5 {
        margin-left: -5rem;
    }
    .mv-right-xl-1 {
        margin-right: -1rem;
    }
    .mv-right-xl-6 {
        margin-right: -6rem;
    }
    .mv-right-xl-8 {
        margin-right: -8rem;
    }
    .mv-right-xl-9 {
        margin-right: -9rem;
    }
    .mv-right-xl-7 {
        margin-right: -7rem;
    }
    .mv-right-xl-2 {
        margin-right: -2rem;
    }
    .mv-right-xl-3 {
        margin-right: -3rem;
    }
    .mv-right-xl-4 {
        margin-right: -4rem;
    }
    .mv-right-xl-5 {
        margin-right: -5rem;
    }
    .mv-right-xl-6 {
        margin-right: -6rem;
    }
    .mv-right-xl-7 {
        margin-right: -7rem;
    }
    .mv-right-xl-8 {
        margin-right: -8rem;
    }
    .mv-right-xl-9 {
        margin-right: -9rem;
    }
    .scale-xl-0x1 {
        transform: scale(0.1);
    }
    .scale-xl-0x2 {
        transform: scale(0.2);
    }
    .scale-xl-0x25 {
        transform: scale(0.25);
    }
    .scale-xl-0x3 {
        transform: scale(0.3);
    }
    .scale-xl-0x4 {
        transform: scale(0.4);
    }
    .scale-xl-0x5 {
        transform: scale(0.5);
    }
    .scale-xl-0x6 {
        transform: scale(0.6);
    }
    .scale-xl-0x7 {
        transform: scale(0.7);
    }
    .scale-xl-0x75 {
        transform: scale(0.75);
    }
    .scale-xl-0x8 {
        transform: scale(0.8);
    }
    .scale-xl-0x9 {
        transform: scale(0.9);
    }
    .scale-xl-1x0 {
        transform: scale(1.2);
    }
    .scale-xl-1x1 {
        transform: scale(1.1);
    }
    .scale-xl-1x2 {
        transform: scale(1.2);
    }
    .scale-xl-1x25 {
        transform: scale(1.25);
    }
    .scale-xl-1x3 {
        transform: scale(1.3);
    }
    .scale-xl-1x4 {
        transform: scale(1.4);
    }
    .scale-xl-1x5 {
        transform: scale(1.5);
    }
    .scale-xl-1x75 {
        transform: scale(1.75);
    }
    .scale-xl-2x0 {
        transform: scale(2.0);
    }
    .scale-xl-2x5 {
        transform: scale(2.5);
    }
    .scale-xl-3x0 {
        transform: scale(3.0);
    }
    .scale-xl-4x0 {
        transform: scale(4.0);
    }
    .scale-xl-5x0 {
        transform: scale(5.0);
    }
}
@media (min-width: 1400px) {
    .mv-up-xxl-0 {
        transform: translateY(-0%);
    }
    .mv-up-xxl-0x25 {
        transform: translateY(-25%);
    }
    .mv-up-xxl-0x375 {
        transform: translateY(-37.5%);
    }
    .mv-up-xxl-0x5 {
        transform: translateY(-50%);
    }
    .mv-up-xxl-0x75 {
        transform: translateY(-75%);
    }
    .mv-up-xxl-1x0 {
        transform: translateY(-100%);
    }
    .mv-up-xxl-1x25 {
        transform: translateY(-125%);
    }
    .mv-up-xxl-1x5 {
        transform: translateY(-150%);
    }
    .mv-up-xxl-1x75 {
        transform: translateY(-175%);
    }
    .mv-up-xxl-2x0 {
        transform: translateY(-200%);
    }
    .mv-up-xxl-2x25 {
        transform: translateY(-225%);
    }
    .mv-up-xxl-2x5 {
        transform: translateY(-250%);
    }
    .mv-down-xxl-0 {
        transform: translateY(0%);
    }
    .mv-down-xxl-0x25 {
        transform: translateY(25%);
    }
    .mv-down-xxl-0x375 {
        transform: translateY(37.5%);
    }
    .mv-down-xxl-0x5 {
        transform: translateY(50%);
    }
    .mv-down-xxl-0x75 {
        transform: translateY(75%);
    }
    .mv-down-xxl-1x0 {
        transform: translateY(100%);
    }
    .mv-down-xxl-1x25 {
        transform: translateY(125%);
    }
    .mv-down-xxl-1x5 {
        transform: translateY(150%);
    }
    .mv-down-xxl-1x75 {
        transform: translateY(175%);
    }
    .mv-down-xxl-2x0 {
        transform: translateY(200%);
    }
    .mv-down-xxl-2x25 {
        transform: translateY(225%);
    }
    .mv-down-xxl-2x5 {
        transform: translateY(250%);
    }
    .mv-up-xxl-1 {
        margin-top: -1rem;
    }
    .mv-up-xxl-2 {
        margin-top: -2rem;
    }
    .mv-up-xxl-3 {
        margin-top: -3rem;
    }
    .mv-up-xxl-4 {
        margin-top: -4rem;
    }
    .mv-up-xxl-5 {
        margin-top: -5rem;
    }
    .mv-up-xxl-6 {
        margin-top: -6rem;
    }
    .mv-up-xxl-7 {
        margin-top: -7rem;
    }
    .mv-up-xxl-8 {
        margin-top: -8rem;
    }
    .mv-up-xxl-9 {
        margin-top: -9rem;
    }
    .mv-down-xxl-1 {
        margin-bottom: -1rem;
    }
    .mv-down-xxl-2 {
        margin-bottom: -2rem;
    }
    .mv-down-xxl-3 {
        margin-bottom: -3rem;
    }
    .mv-down-xxl-4 {
        margin-bottom: -4rem;
    }
    .mv-down-xxl-5 {
        margin-bottom: -5rem;
    }
    .mv-down-xxl-6 {
        margin-bottom: -6rem;
    }
    .mv-down-xxl-7 {
        margin-bottom: -7rem;
    }
    .mv-down-xxl-8 {
        margin-bottom: -8rem;
    }
    .mv-down-xxl-9 {
        margin-bottom: -9rem;
    }
    .mv-left-xxl-1 {
        margin-left: -1rem;
    }
    .mv-left-xxl-2 {
        margin-left: -2rem;
    }
    .mv-left-xxl-3 {
        margin-left: -3rem;
    }
    .mv-left-xxl-4 {
        margin-left: -4rem;
    }
    .mv-left-xxl-5 {
        margin-left: -5rem;
    }
    .mv-left-xxl-6 {
        margin-left: -6rem;
    }
    .mv-left-xxl-7 {
        margin-left: -7rem;
    }
    .mv-left-xxl-8 {
        margin-left: -8rem;
    }
    .mv-left-xxl-9 {
        margin-left: -9rem;
    }
    .mv-right-xxl-1 {
        margin-right: -1rem;
    }
    .mv-right-xxl-2 {
        margin-right: -2rem;
    }
    .mv-right-xxl-3 {
        margin-right: -3rem;
    }
    .mv-right-xxl-4 {
        margin-right: -4rem;
    }
    .mv-right-xxl-5 {
        margin-right: -5rem;
    }
    .mv-right-xxl-6 {
        margin-right: -6rem;
    }
    .mv-right-xxl-7 {
        margin-right: -7rem;
    }
    .mv-right-xxl-8 {
        margin-right: -8rem;
    }
    .mv-right-xxl-9 {
        margin-right: -9rem;
    }
    .scale-xxl-0x1 {
        transform: scale(0.1);
    }
    .scale-xxl-0x2 {
        transform: scale(0.2);
    }
    .scale-xxl-0x25 {
        transform: scale(0.25);
    }
    .scale-xxl-0x3 {
        transform: scale(0.3);
    }
    .scale-xxl-0x4 {
        transform: scale(0.4);
    }
    .scale-xxl-0x5 {
        transform: scale(0.5);
    }
    .scale-xxl-0x6 {
        transform: scale(0.6);
    }
    .scale-xxl-0x7 {
        transform: scale(0.7);
    }
    .scale-xxl-0x75 {
        transform: scale(0.75);
    }
    .scale-xxl-0x8 {
        transform: scale(0.8);
    }
    .scale-xxl-0x9 {
        transform: scale(0.9);
    }
    .scale-xxl-1x0 {
        transform: scale(1.2);
    }
    .scale-xxl-1x1 {
        transform: scale(1.1);
    }
    .scale-xxl-1x2 {
        transform: scale(1.2);
    }
    .scale-xxl-1x25 {
        transform: scale(1.25);
    }
    .scale-xxl-1x3 {
        transform: scale(1.3);
    }
    .scale-xxl-1x4 {
        transform: scale(1.4);
    }
    .scale-xxl-1x5 {
        transform: scale(1.5);
    }
    .scale-xxl-1x75 {
        transform: scale(1.75);
    }
    .scale-xxl-2x0 {
        transform: scale(2.0);
    }
    .scale-xxl-2x5 {
        transform: scale(2.5);
    }
    .scale-xxl-3x0 {
        transform: scale(3.0);
    }
    .scale-xxl-4x0 {
        transform: scale(4.0);
    }
    .scale-xxl-5x0 {
        transform: scale(5.0);
    }
}

.btn-xl, .btn-group-xl > .btn {
    padding: 1rem 3.5rem;
    font-size: 1.5rem;
    border-radius: 1.8rem;
}

.btn-xxl, .btn-group-xxl > .btn {
    padding: 1rem 3.5rem;
    font-size: 1.5rem;
    border-radius: 1.8rem;
}

.btn-circle {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    text-align: center;
}

.progress {
    border-radius: 0.35rem;
}

.animate-on-hover {
    cursor: pointer;
}

.hover-linear-color:hover {
    animation: linearBackground 0.6s ease-in-out;
    animation-fill-mode: forwards;
}

@keyframes linearBackground {
    0% {
        background-image: linear-gradient(0deg, var(--linear-hover-c1), var(--linear-hover-c2)) !important;
    }
    33% {
        background-image: linear-gradient(90deg, var(--linear-hover-c1), var(--linear-hover-c2)) !important;
    }
    66% {
        background-image: linear-gradient(180deg, var(--linear-hover-c1), var(--linear-hover-c2)) !important;
    }
    100% {
        background-image: linear-gradient(270deg, var(--linear-hover-c1), var(--linear-hover-c2)) !important;
    }
}

/* swiper */
.character-img {
    border-radius: 1rem;
    height: 200px;
}
@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
    .character-img {
        border-radius: 2rem;
        height: 250px;
    }
}
@media (min-width: 1200px) {
    .character-img {
        border-radius: 3rem;
        height: 300px;
    }
    .character > .swiper-wrapper{
        margin-left: -5%;
    }
}
@media (min-width: 1400px) {
}
.character-img:hover {
    transform: scale(1.2);
    transform-origin: center center;
    transition-duration: 750ms;
    z-index: 1;
}

.lighting-con {
    box-shadow: 0 0 1rem 0.1rem rgba(255, 255, 255, 0.2);
}

.lighting-div {
    box-shadow: 0 0 4rem 0.1rem rgba(255, 255, 255, 0.1);
}

/* Fading animation */
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

@-webkit-keyframes fade {
    from {opacity: .4}
    to {opacity: 0}
}

@keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
}