/*********************************************
 * Home Banner
**********************************************/
.vii-home-banner--height {height:100vh !important; width:100%;}

.vii-home-banner .container {padding:0 40px;}

/* overlay */
.vii-home-banner__slide-media:before {
    background:linear-gradient(180deg, rgba(0, 0, 0, 0.696) -1.81%, rgba(0, 0, 0, 0.496) 66.94%, rgba(92, 92, 92, 0) 98.19%);
    mix-blend-mode:multiply;
    opacity:0.2;
    z-index:2;
}
.vii-home-banner__slide:not(.has-content) .vii-home-banner__slide-media:before,
.vii-home-banner__slide.txt_color_default .vii-home-banner__slide-media:before {display:none;}

#home_banner .tparrows:before {
    font-family:"icomoon" !important; content:"\e906"; font-size:54px;
}
#home_banner .tparrows:hover:before {color:#e29e0c;}


/* hide dots on desktop */
@media only screen and (min-width:769px) {
    .vii-home-banner .flickity-page-dots {display:none;}
}

/*********************************************
 * Home Banner > Slide
**********************************************/
.vii-home-banner__slide {width:100%;}

/* image */
.vii-home-banner__slide-media.-image img {transition:transform 10s ease;}
.vii-home-banner__slide:not(.is-selected) .vii-home-banner__slide-media.-image img {transform:scale(1.1);}

.vii-home-banner__slide-media .is-mobile {display:none;}

/* content */
.vii-home-banner__slide-content {
    max-width:500px;
    /* border:1px dashed #ccc; */
    padding:30px;
}
@media only screen and (min-width:769px) {
    .vii-home-banner__content {
        max-width:600px;
        background:rgba(0, 0, 0, .4);
        padding:30px;
    }

    .txt_color_white.vii-home-banner__slide-content {background:rgba(0, 0, 0, .4);}
    .txt_color_white.vii-home-banner__slide-content .txt_orange {color:#fff;}
}


.vii-home-banner__slide-content-icon {position:relative; }
.vii-home-banner__slide-content-icon span {width:70px; height:40px; display:inline-block;}
.vii-home-banner__slide-content-icon i {font-size:70px; pointer-events:none;}
.vii-home-banner__slide-content-icon i:before {
    content:"\e900"; font-family:"icomoon";
    color:#ccc; line-height:0;
    font-style:normal;
}
.vii-home-banner__slide-content-icon span:before,
.vii-home-banner__slide-content-icon span:after {
    content:""; position:absolute; top:49%; z-index:1;
    transform:translate(0, -50%);
    width:60px; height:1px; background:#ccc;
}
.vii-home-banner__slide-content-icon span:before {left:100%;}
.vii-home-banner__slide-content-icon span:after {right:100%;}


/* Avoid CLS */
.vii-home-banner__slider-inner:not(.flickity-enabled) .vii-home-banner__slide:not(:first-child) {display:none;}

/*********************************************
 * Home Banner Responsive
**********************************************/
@media only screen and (max-width:768px) {
    /* general */
    .vii-home-banner--height {height:unset !important;}
    .vii-home-banner {min-height:67.2vw;}
    .vii-home-banner .container {padding:0 20px;}

    /* slide */
    .vii-home-banner__slide-inner {flex-direction:column;}
    .vii-home-banner__slide.has-content .vii-home-banner__slide-media { margin-bottom:25px;}
    .vii-home-banner__slide-media {
        position:relative; height:67.2vw; min-height:380px;
        width:100%; overflow:hidden;
    }
    .vii-home-banner__slide-media:before { opacity:0;}

    /* dots */
    .vii-home-banner .flickity-page-dots {position:absolute; bottom:auto; top:clamp(355px, calc(67.2vw - 25px), 900px); padding-top:0;}

    /* revert color of text color white */
    .vii-home-banner .txt_color_white {color:var(--vii-color-text);}
    .vii-home-banner .txt_color_white a {color:#000;}
    .vii-home-banner .txt_left_line {padding-left:0;}
    .vii-home-banner .txt_left_line:before {display:none;}

    /* general content */
    .vii-home-banner__content {
        position:relative; top:0; left:0; transform:none;
        max-width:unset; padding:35px 0 0;
    }


    /* Iphone Device */
    html.iphone .vii-home-banner--height {height:calc(100vh - 74px) !important;}

    /* dots */
    .vii-home-banner .flickity-button {display:none;}

    /* content */
    .vii-home-banner__slide-content {text-align:center;padding:0;}
    .vii-home-banner__slide-content br {display:none;}

    .vii-home-banner__slide-media:has(.is-mobile) .is-desktop {display:none;}
    .vii-home-banner__slide-media:has(.is-mobile) .is-mobile {display:block;}
}