@charset "UTF-8";
body {font-family: Arial, "Microsoft JhengHei", "Microsoft YaHei", sans-serif;}
.banner,.bg-features,.bg-validation{background-size:cover;background-position:center;position:relative}
.mod_page_main_con{margin:0 15px;padding:0;box-sizing:border-box}
.bg-features,.bg-validation{background-image:url(/_upload/support/images/MedicalDeviceOEMODM/Background2.jpeg);background-repeat:no-repeat;background-attachment:fixed}
.card-text,body,li,p,ul{font-family:Arial,"Microsoft JhengHei","Microsoft YaHei",sans-serif;font-size:16px;font-weight:400;color:grey;line-height:1.6}
.banner .container{width:1140px;padding:5px;margin:50px auto}
.banner{width:100%;height:300px;background-image:url(/_upload/support/images/MedicalDeviceOEMODM/BriteMED_manufacturing.png);display:flex;align-items:center;margin:0}
.banner-title-box{position:relative;background:rgba(0,0,0,.2);padding:clamp(10px,2vw,30px) clamp(15px,3vw,30px);border-radius:clamp(5px,1vw,10px);max-width:30%;min-width:25%;margin:0 0 0 10px}
.banner-title-box h1{font-size:clamp(20px,3vw,30px);font-weight:400;text-align:left;color:#fff;line-height:1.4;word-wrap:break-word}
.cta-deco{display:inline-block;margin-left:12px;padding:4px 16px;background-color:#007690;color:#fff;border-radius:50px;font-size:clamp(16px,3vw,28px);font-weight:500;vertical-align:middle;cursor:default;transition:.3s}
.section-subtitle,.section-title{font-weight:700;position:relative;text-align:center}
.cta-deco:hover{background-color:#005f6b;transform:scale(1.05)}
.section-title{font-size:28px;margin-bottom:30px;color:#007690}
.section-title::before{content:"";display:block;width:50px;height:4px;background-color:#007690;border-radius:2px;margin:0 auto 12px}
.section-subtitle{font-size:18px;color:grey;margin-top:-10px;margin-bottom:20px;display:block}
.feature-icon{color:#007690;transition:color .3s,transform .3s}
.card:hover .feature-icon{color:#fff!important;transform:scale(1.1)}
.section{padding:60px 10%}
.section h2{text-align:center;margin-bottom:40px;color:#007690}
.card{transition:.3s;cursor:pointer}
.card:hover{box-shadow:0 8px 20px rgba(0,0,0,.3);border:1px solid #0b5ed7;background-color:#007690;color:#fff}
.card:hover .default-text{display:none}
.card:hover .hover-text{display:block!important}
.card-title{color:#333}
.card:hover .card-title,.card:hover li,.card:hover p{color:#fff}
.validation-section::before{content:"";background:url(/_upload/support/images/MedicalDeviceOEMODM/Background2.jpeg) center/cover no-repeat;position:absolute;inset:0;opacity:.2}
.validation-section .container{position:relative;z-index:2}
.cert-img{max-width:95%;margin:20px auto;cursor:zoom-in;transition:transform .3s}
.cert-img:hover{transform:scale(1.02)}
@media (max-width:1200px){
.banner .container{width:100%;padding:5 5px}
.banner-title-box{max-width:35%}
}
@media (max-width:768px){
.banner{height:150px;justify-content:center;padding-left:0;padding-right:0}
.banner .container{width:100%;display:flex;justify-content:center;align-items:center;margin-top:0;margin-bottom:0}
.banner-title-box{max-width:80%;min-width:auto;padding:12px 16px;border-radius:8px;text-align:center;margin:0 auto}
.banner-title-box h1{font-size:clamp(16px,4vw,42px);font-weight:500;text-align:center;color:#fff;line-height:1.3}
}