/* ========================================
   Data 撅祆€?CSP ?詨捆 CSS
   ?? data-background, data-width, data-bg-color, data-delay, data-duration
   ???assets_V9/css/data-attributes.css
   ======================================== */

/* ????? */
.has-bg-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* ???????(?€閬?JavaScript ??) */
[data-bg-url] {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* ?芾?撖砍漲?? */
.has-custom-width {
    width: var(--custom-width, auto);
}

/* ?憿?? */
.has-bg-color {
    background-color: var(--custom-bg-color, transparent);
}

/* ?撱園??蝥???*/
[data-delay] {
    animation-delay: var(--animation-delay, 0s) !important;
    -webkit-animation-delay: var(--animation-delay, 0s) !important;
}

[data-duration] {
    animation-duration: var(--animation-duration, 1s) !important;
    -webkit-animation-duration: var(--animation-duration, 1s) !important;
}

/* Swiper ??舀 */
[data-animation].animated {
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}

/* 撣貉??撱園????utility classes */
.delay-100 {
    animation-delay: 0.1s !important;
}

.delay-200 {
    animation-delay: 0.2s !important;
}

.delay-300 {
    animation-delay: 0.3s !important;
}

.delay-500 {
    animation-delay: 0.5s !important;
}

.delay-1000 {
    animation-delay: 1s !important;
}

/* 撣貉????????utility classes */
.duration-300 {
    animation-duration: 0.3s !important;
}

.duration-500 {
    animation-duration: 0.5s !important;
}

.duration-800 {
    animation-duration: 0.8s !important;
}

.duration-1000 {
    animation-duration: 1s !important;
}

.duration-1500 {
    animation-duration: 1.5s !important;
}