body.home .site-header, body.home {padding-top:0;}

/*********************************************
 * Style for Home Banner
**********************************************/
.twc-home-banner {overflow:hidden; position:relative;}
/* remove green line - request from BAM#20240516 */
/*.twc-home-banner:before {*/
/*    content:""; height:100%; width:var(--twc-page-border-left-width);*/
/*    background-color:var(--twc-color-primary); position:absolute; left:0; z-index:2;*/
/*}*/

/* Slider Item */
.twc-home-banner__slider {width:100%;}
.twc-home-banner__slider-item {height:100vh; width:100%;}

.twc-home-banner__slider-content {padding-bottom:var(--twc-spacing-100);}
.twc-home-banner__slider-content__inner {
    --twc-size-h1:var(--twc-size-80);
    max-width:740px;
}

.twc-home-banner__slider-title {font-size:var(--twc-size-80) !important;}
.twc-home-banner__slider-content .btn_primary:before {color:var(--twc-color-primary);}

/* Video thumbnail + black overlay */
.twc-home-banner__slider-thumbnail:before {
    background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .75) 100%);
}


.bg-video__content, .twc-home-banner__slider-thumbnail img {object-fit:cover; width:100% !important; height:100%;}

/*********************************************
 * Style for dots list
**********************************************/
.twc-home-banner__dots {bottom:var(--twc-spacing-100); right:-5px; gap:var(--twc-spacing-25);}
.twc-home-banner__dots ul {list-style-type:none !important; margin:0 !important;}
.twc-home-banner__dots ul > li {padding:0 !important;}

.twc-home-banner__dots-list {gap:var(--twc-spacing-40);}
.twc-home-banner__dots-item {display:flex; align-items:flex-end;}
.twc-home-banner__dots-item button {
    width:10px; height:10px; background-color:transparent; border-radius:50%; border:2px solid rgba(255, 255, 255, 0.5);
    cursor:pointer;
}
.twc-home-banner__dots-item.active button {background-color:#fff; opacity:1;}

/* Style for title list */
.twc-home-banner__title-list {gap:var(--twc-spacing-20);}
.twc-home-banner__title-item {font-size:var(--twc-size-20); font-weight:700;}

.twc-home-banner__title-item button {
    background-color:transparent; color:#fff; opacity:0.6;
    border-bottom:2px solid transparent;
}
.twc-home-banner__title-item.active button {
    opacity:1;
    border-bottom:2px solid var(--twc-color-primary);
}

/*********************************************
 * Responsive for Home Banner
**********************************************/
@media screen and (min-width:901px) {
    .twc-home-banner__arrow {display:none;}
    .twc-home-banner__dots-list {display:none;}
    .twc-home-banner__title-item {padding-right:var(--twc-spacing-25); align-items:center; gap:var(--twc-spacing-25);}
    .twc-home-banner__title-item:after {
        content:""; cursor:pointer; box-sizing:border-box;
        width:10px; height:10px; background-color:transparent;
        border-radius:50%; border:2px solid rgba(255, 255, 255, 0.5);
    }
    .twc-home-banner__title-item.active:after {background-color:#fff;}
}
@media screen and (max-width:900px) {
    .twc-home-banner {margin-bottom:var(--twc-spacing-130) !important;}
    .twc-home-banner__slider-content__inner {margin:0 auto;}

    .twc-home-banner__dots {
        flex-direction:column; align-items:center; gap:var(--twc-spacing-20);
        bottom:-5px; left:50%; transform:translateX(-50%);
    }
    .twc-home-banner__dots-list, .twc-home-banner__title-list {flex-direction:row;}
    .twc-home-banner__dots-list {gap:var(--twc-spacing-45); justify-content:flex-start;}

    .twc-home-banner__arrow {
        position:absolute;
        color:var(--twc-color-primary); font-family:"icomoon", fantasy; cursor:pointer;
    }
    .twc-home-banner__arrow.left-arrow {left:0;}
    .twc-home-banner__arrow.right-arrow {right:0;}

    .twc-home-banner__title-list {position:relative; bottom:20px; min-width:230px;}
    .twc-home-banner__title-item {
        position:absolute; left:50%; transform:translateX(-50%);
        min-width:100px; justify-content:center;
    }
    .twc-home-banner__title-item:not(.active) {opacity:0; visibility:hidden;}

    .twc-home-banner__slider-content {padding-bottom:130px; text-align:center;}
    .twc-home-banner.no-dots-title .twc-home-banner__slider-content {padding-bottom:65px;}
    .twc-home-banner__slider-title {font-size:var(--twc-size-50) !important;}
}
@media screen and (max-width:480px) {
    .twc-home-banner__slider-content__inner {--twc-size-h1:48px;}
}

/* for horizontal dimensions */
@media screen and (max-height:400px) {
    .twc-home-banner__slider-item {align-items:center;}
    .twc-home-banner__slider-content {padding-bottom:0;}
}

/****************************
 * Avoid layout shift
****************************/
.twc-home-banner__slider {height:100vh;}

/* Iphone Device */
html.iphone .twc-home-banner__slider, html.iphone .twc-home-banner__slider-item {height:calc(100vh - 74px);}