@charset "utf-8";

/* BioStar X */
.new-prod-wrap.biostarx .btn-primary {background: var(--bsx-gr); color: #fff;}
.new-prod-wrap.biostarx .btn-primary:hover {background: var(--bsx-gr-hover); }
.new-prod-wrap.biostarx .btn-white:hover {background: var(--bsx-gr); color: #fff;}
.new-prod-wrap.biostarx section .txt-gr {background: var(--bsx-gr);-webkit-background-clip: text; -webkit-text-fill-color: transparent;background-clip: text;}

.new-prod-wrap.biostarx .section-overview-v2 {background: #000 url("/en/asset/images/01_product/biostarx_sec1_1.webp?v2") repeat-x top center / cover;}
.new-prod-wrap.biostarx .section-overview-v2 * {color: #fff;}

.new-prod-wrap.biostarx .section-ops-v2 {background: linear-gradient(118deg, rgba(0,160,233,0.1) 21%, rgba(143,113,245,0.1) 54%, rgba(230,46,139,0.1) 87%), #fff;}
.new-prod-wrap.biostarx .section-ops-v2 .ops-v2-badge {background: var(--bsx-gr);}

.new-prod-wrap.biostarx section .card-primary { background: var(--x-bg-purple);}
.new-prod-wrap.biostarx section .card.type-a{background: var(--x-bg-light-purple);}
.new-prod-wrap.biostarx section .tag-addon {display: inline-block; margin-left: 6px; padding: 2px 10px; border-radius: 100px; font-size: 0.7em; font-weight: 700; background: var(--bsx-gr); color: #fff; vertical-align: middle;}

.new-prod-wrap .section-vms {background: #000 url(/en/asset/images/01_product/section_biostar_vms_bg.jpg) no-repeat top center / 100% auto;}

.new-prod-wrap .contact_banner {background: var(--black) url(/en/asset/images/01_product/biostarx_sec3_integration.webp?v2) no-repeat center center/cover;}
.new-prod-wrap .contact_banner .card {backdrop-filter: blur(15px);}
.new-prod-wrap .contact_banner .card p{color: #fff;}
.new-prod-wrap .contact_banner .card-blue {background: rgba(0, 160, 233, 0.2); color: #fff; border: 1px solid rgba(0, 160, 233, 0.5);}
.new-prod-wrap .contact_banner .card-purple {background: rgba(143, 113, 245, 0.2); color: #fff; border: 1px solid rgba(143, 113, 245, 0.5);}
.new-prod-wrap .contact_banner .card-pink {background: rgba(230, 46, 139, 0.2); color: #fff; border: 1px solid rgba(230, 46, 139, 0.5);}

@media screen and (max-width: 890px){
    .new-prod-wrap .section-vms {background-size: auto 400px;}
}