/*********************************************
 * Conversion Element
**********************************************/
.twc-conversion {--tc-gap-title:90px;}

/* Heading content */
.twc-conversion__titles {--twc-spacing-70:var(--twc-spacing-55);}
.twc-conversion__titles ul {list-style:none; margin:0; gap:30px var(--tc-gap-title);}
.twc-conversion__titles ul li {padding:0 0 10px;}
.twc-conversion__titles-item-inner {background:rgba(0, 0, 0, 0); font-size:var(--twc-size-20); color:#1a2544;}
.twc-conversion__titles-item-inner:before {
    content:""; display:block; opacity:0;
    width:100%; height:3px; background:var(--twc-color-primary);
    position:absolute; bottom:-10px; left:0;
    transition:var(--twc-transition);
}
.twc-conversion__titles-item.active button,
.twc-conversion__titles-item.is-selected button {font-weight:600;}
.twc-conversion__titles-item.active button:before,
.twc-conversion__titles-item.is-selected button:before {opacity:1;}
.twc-conversion__titles-item-inner:hover,
.twc-conversion__titles-item-inner:focus-visible {color:var(--twc-color-primary);}

/* Slider */
.twc-conversion__item {width:100%; border-radius:25px; background:#fff;}
.twc-conversion__item-content {width:68%; padding:30px var(--twc-gap-container);}
.twc-conversion__item-content-text {max-width:593px;}
.twc-conversion__item-image {width:32%;}
.twc-conversion__item-content-text a:focus-visible {
    outline:2px solid var(--twc-color-primary); transition:none;
}
.main_content .twc-conversion__item-image-bg img {width:100%;}

/* Button arrow */
.twc-conversion__items-wrapper button {font-size:0;}
.twc-conversion__items-wrapper .flickity-button {
    --flkt-position:0;
    font-size:0; z-index:2;
}
.twc-conversion__items-wrapper button:focus-visible {
    outline:2px solid var(--twc-color-dark-blue); transition:none;
}

/* Avoid layout shift */
.twc-conversion__items:not(.flickity-enabled) .twc-conversion__item:not(:first-child) {display:none;}

@media only screen and (min-width:768px) {
    .twc-conversion__titles ul li {position:relative;}
    .twc-conversion__titles ul li:not(:last-child) {padding-right:var(--tc-gap-title);}
    .twc-conversion__titles ul li:not(:last-child):before {
        content:""; display:block;
        width:1px; height:calc(100% - 10px); background:rgba(112, 112, 112, .2);
        position:absolute; right:0; top:0;
    }
    .twc-conversion__items-wrapper {padding:0 25px;}
}

/*********************************************
 * Conversion Element Responsive
**********************************************/
@media only screen and (max-width:1439px) {
    .twc-conversion {--tc-gap-title:60px;}
}
@media only screen and (max-width:1180px) {
    .twc-conversion {--tc-gap-title:var(--twc-gap-container);}
}
@media only screen and (max-width:767px) {
    /* Title slider */
    .twc-conversion__titles ul {padding:0 60px;}
    .twc-conversion__titles ul li, .twc-conversion__titles .flickity-viewport {width:100%;}
    .twc-conversion__titles ul li {text-align:center;}

    /* Content slider */
    .twc-conversion__item {flex-direction:column-reverse;}
    .twc-conversion__item-content {width:100%; text-align:center; margin-bottom:20px;}
    .twc-conversion__item-image {width:100%; height:clamp(275px, calc(var(--twc-container) * 316 / 342), 350px); position:relative;}
    .twc-conversion__item-content-text {max-width:100%;}

    /* Arrow */
    .twc-conversion__items-wrapper .flickity-button {
        transform:translateY(0); top:calc(-1 * var(--twc-spacing-55) - 47px);
    }

    /* Avoid layout shift */
    .twc-conversion__titles ul:not(.flickity-enabled) li:not(:first-child) {display:none;}
}
@media only screen and (max-width:480px) {
    /* Arrow */
    .twc-conversion__items-wrapper .flickity-button {
        --flkt-btn-size:41px;
        --flkt-icon-size:13px;
        transform:translateY(0); top:calc(-1 * var(--twc-spacing-55) - 40px);
    }
}