/*********************************************
 * Banner Home
**********************************************/
.twc-banner-home {
    --hb-spacing-redundant:45px;
    --hb-spacing-box:12px;
    --hb-height-box:165px;
    --hb-height-icon:33px;
    padding:30px calc(var(--twc-gap-side) - var(--hb-spacing-redundant)) 0;
}

/* Content */
.twc-banner-home__content {width:47.5%; padding-right:var(--twc-gap-container);}
.twc-banner-home__content-wrapper {max-width:470px;}

/* Boxes */
.twc-banner-home__conversion-boxes {width:52.5%;}
.twc-banner-home__conversion-boxes-inner {margin:calc(-1 * var(--hb-spacing-box));}
.twc-banner-home__conversion-item {padding:var(--hb-spacing-box);}
.twc-banner-home__conversion-item-inner {
    overflow:hidden; padding:15px 25px;
    min-height:var(--hb-height-box);
}
.twc-banner-home__conversion-item-thumbnail-bg {transition:var(--twc-transition);}
.twc-banner-home__conversion-item-thumbnail-bg:before {
    background:linear-gradient(rgba(0, 0, 0, 0) 0%, #000 100%); opacity:0.7;
    transition:var(--twc-transition);
}

/* Heading */
.twc-banner-home__conversion-item-icon img {height:var(--hb-height-icon);}
.main_content .twc-banner-home__conversion-item-title {
    --twc-size-h4:var(--twc-size-25);
    --twc-spacing-heading:0px;
    font-weight:900;
}

/* Hover */
a:hover .twc-banner-home__conversion-item-thumbnail-bg {transform:scale(1.05);}
a:hover .twc-banner-home__conversion-item-thumbnail-bg:before {opacity:1;}

/* Large screen */
@media only screen and (min-width:1800px) {
    .twc-banner-home {
        --hb-spacing-redundant:225px;
        --hb-spacing-box:15px;
        --hb-height-box:210px;
        --hb-height-icon:42px;
        --twc-size-h1:var(--twc-size-65);
        padding-top:100px;
    }
    .main_content .twc-banner-home__conversion-item-title {
        --twc-size-h4:var(--twc-size-31);
    }
    .twc-banner-home__content-wrapper {max-width:625px;}
}
/* Size box */
@media only screen and (min-width:768px) {
    .twc-banner-home__conversion-item {width:42%;}
    .twc-banner-home__conversion-item.item-number-1,
    .twc-banner-home__conversion-item.item-number-4 {width:58%}
}


/*********************************************
 * Banner Home Responsive
**********************************************/
@media only screen and (max-width:1439px) {
    .twc-banner-home {
        --hb-spacing-redundant:0px;
    }
}
@media only screen and (max-width:1024px) {
    .twc-banner-home {--hb-spacing-box:5px; margin-bottom:var(--twc-spacing-default);}
    .twc-banner-home__content-wrapper br {display:none;}
    .twc-banner-home__conversion-item-inner {padding:15px;}
}
@media only screen and (max-width:768px) {
    .twc-banner-home {--hb-spacing-box:15px; padding-top:var(--twc-spacing-145);}
    .twc-banner-home__inner {flex-direction:column;}
    .twc-banner-home__content {width:100%; padding-right:0; margin-bottom:var(--twc-spacing-40);}
    .twc-banner-home__content-wrapper {max-width:100%;}
    .twc-banner-home__conversion-boxes {width:100%;}
}
@media only screen and (max-width:767px) {
    .twc-banner-home {
        --hb-height-box:160px;
        --hb-height-icon:42px;
    }
    .twc-banner-home__conversion-item {width:100%;}
    .twc-banner-home__conversion-item-inner {padding:20px 20px 20px 30px; width:100%; aspect-ratio:16/9;}
}