*,::after,::before{
    box-sizing:border-box;
    margin:0;
    padding:0
}
 :root{
    --blue:#2b83d7;
    --blue-dark:#1f67b5;
    --blue-light:#67b5f1;
    --green:#ccff00;
    --dark:#132033;
    --dark2:#f5f8fc;
    --dark3:#edf3f8;
    --gray:#5d6b7f;
    --gray-light:#64748b;
    --white:#ffffff;
    --font-main:'Poppins',sans-serif;
    --fs-title-xl:clamp(2.8rem, 7vw, 4rem);
    --fs-title-lg:clamp(2rem, 4vw, 2.8rem);
    --fs-title-md:clamp(1.8rem, 2.65vw, 2.55rem);
    --fs-title-sm:1.42rem;
    --fs-body-xl:1.2rem;
    --fs-body-lg:1.05rem;
    --fs-body-md:0.96rem;
    --fs-body-sm:0.88rem;
    --fs-label:0.78rem;
    --fs-btn:0.9rem;
    --fs-btn-sm:0.84rem;
    --radius:16px;
    --shadow:0 8px 40px rgb(0 190 255 / 15%);
    --transition:0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}
 html{
    scroll-behavior:smooth;
    overflow-x:clip
}
 body{
    font-family:var(--font-main);
    color:#000;
    line-height:1.7;
    overflow-x:clip
}
 img{
    max-width:100%;
    display:block
}
 a{
    text-decoration:none;
    color:inherit
}
 ul{
    list-style:none
}
 .container{
    width:min(1400px,calc(100% - 48px));
    margin:0 auto
}
 .index-main .text-center{
    text-align:center
}
 .index-main .section-title{
    font-size:36px;
    font-weight:700;
    line-height:1.2;
    margin-bottom:30px
}
 .index-main .process-section .section-title,.index-main .section-title.light{
    color:var(--white)
}
 .index-main .section-title.rd-big-title{
    margin-bottom:20px
}
 .index-main .section-subtitle{
    font-size:24px;
    margin:0 auto 48px;
    line-height:1.3
}
 .index-main .section-header{
    margin-bottom:60px
}
 .index-main .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:10px 15px;
    border-radius:100vh;
    font-size:27px;
    line-height:1;
    transition:var(--transition);
    cursor:pointer;
    border:none
}
 .index-main .btn-primary{
    background:var(--green)
}
 .index-main .btn-primary:hover{
    background:var(--green);
    transform:translateY(-2px)
}
 .index-main .btn-outline{
    background:rgb(0 0 0 / 40%);
    color:var(--green);
    border:1px solid #fff
}
 .index-main .btn-outline:hover{
    border-color:var(--green);
    background:var(--green);
    color:var(--dark);
    transform:translateY(-2px)
}
 .index-main .btn-sm{
    padding:10px 22px;
    font-size:var(--fs-btn-sm)
}
 .navbar{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:1000;
    background:#f7fbff;
    padding:18px 0;
    transition:background .4s,padding .4s,box-shadow .4s
}
 .navbar.scrolled{
    background:rgba(247,251,255,.96);
    backdrop-filter:blur(20px);
    padding:12px 0;
    box-shadow:0 14px 30px rgba(28,56,94,.08)
}
 .nav-container{
    width:75%;
    margin:0 auto;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:space-between
}
 .nav-logo img{
    height:36px
}
 .nav-links{
    display:flex;
    align-items:center;
    gap:36px
}
 .nav-links>li{
    position:relative
}
 .nav-item-has-submenu::after{
    content:'';
    position:absolute;
    left:-14px;
    right:-14px;
    top:100%;
    height:24px
}
 .nav-link-row{
    display:flex;
    align-items:center;
    gap:6px
}
 .nav-links a{
    font-size:var(--fs-btn);
    font-weight:500;
    color:#333;
    transition:color .25s
}
 .nav-links a:hover{
    color:#16314f
}
 .nav-submenu-toggle{
    width:18px;
    height:18px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border:none;
    background:0 0;
    color:#333;
    cursor:pointer;
    transition:var(--transition)
}
 .nav-submenu-toggle span{
    width:7px;
    height:7px;
    display:block;
    border-right:1.4px solid currentColor;
    border-bottom:1.4px solid currentColor;
    transform:rotate(45deg) translateY(-1px);
    transition:transform .25s ease
}
 .nav-item-has-submenu.open .nav-submenu-toggle,.nav-item-has-submenu:hover .nav-submenu-toggle{
    color:#16314f
}
 .nav-item-has-submenu.open .nav-submenu-toggle span{
    transform:rotate(-135deg) translate(-1px,-1px)
}
 .nav-submenu{
    position:absolute;
    top:calc(100% + 10px);
    left:-16px;
    min-width:232px;
    padding:10px;
    border-radius:16px;
    border:1px solid rgba(43,131,215,.12);
    background:rgba(255,255,255,.92);
    box-shadow:0 18px 32px rgba(31,74,122,.08);
    backdrop-filter:blur(14px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(6px);
    transition:opacity .25s ease,transform .25s ease,visibility .25s ease;
    z-index:20
}
 .nav-submenu::before{
    content:'';
    position:absolute;
    top:-6px;
    left:28px;
    width:12px;
    height:12px;
    background:rgba(255,255,255,.92);
    border-top:1px solid rgba(43,131,215,.12);
    border-left:1px solid rgba(43,131,215,.12);
    transform:rotate(45deg)
}
 .nav-submenu li+li{
    margin-top:2px
}
 .nav-submenu a{
    display:flex;
    align-items:center;
    min-height:38px;
    padding:0 12px;
    border-radius:10px;
    font-size:.83rem;
    font-weight:500;
    color:#5d6b7f
}
 .nav-submenu a:hover{
    background:rgba(43,131,215,.08);
    color:#16314f
}
 @media (hover:hover) and (pointer:fine){
    .nav-item-has-submenu:hover .nav-submenu{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        transform:translateY(0)
    }
}
 .nav-item-has-submenu.open .nav-submenu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0)
}
 .nav-actions{
    display:flex;
    align-items:center;
    gap:12px
}
 .nav-icon-btn,.nav-search-btn{
    width:44px;
    height:44px;
    border-radius:50%;
    border:1px solid rgb(204 255 0);
    background:rgb(255 255 255);
    color:#28405d;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:var(--transition)
}
 .nav-icon-btn svg,.nav-search-btn svg{
    width:18px;
    height:18px;
    stroke:currentColor;
    stroke-width:1.9;
    fill:none;
    stroke-linecap:round;
    stroke-linejoin:round
}
 .nav-icon-btn:hover,.nav-search-btn.active,.nav-search-btn:hover{
    background:rgba(255,255,255,.1);
    border-color:rgba(204,255,0,.42);
    color:var(--green)
}
 .nav-quote-btn{
    width:auto;
    padding:0 18px 0 14px;
    gap:10px;
    border-radius:999px;
    background:var(--green);
    border-color:var(--green)
}
 .nav-quote-text{
    font-size:.84rem;
    font-weight:700;
    letter-spacing:.01em;
    white-space:nowrap
}
 .nav-quote-btn:hover{
    background:var(--green);
    border-color:var(--green);
    color:#f3ffd1
}
 .nav-hamburger{
    display:none;
    width:44px;
    height:44px;
    padding:0;
    border-radius:50%;
    border:1px solid rgba(43,131,215,.12);
    background:rgba(255,255,255,.86);
    color:#333;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    cursor:pointer;
    transition:var(--transition)
}
 .nav-hamburger:hover{
    background:rgba(255,255,255,.1);
    border-color:rgba(204,255,0,.42);
    color:var(--green)
}
 .nav-hamburger span{
    display:block;
    width:18px;
    height:2px;
    background:currentColor;
    border-radius:2px;
    transition:var(--transition)
}
 .nav-search-scrim{
    position:fixed!important;
    inset:0!important;
    display:block;
    background:rgba(0,0,0,.92);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .25s ease,visibility .25s ease;
    z-index:3000!important
}
 .nav-search-scrim.open{
    opacity:1;
    visibility:visible;
    pointer-events:auto
}
 .nav-search-panel{
    position:fixed;
    top:110px;
    left:50%;
    transform:translateX(-50%) translateY(-12px);
    width:min(640px,calc(100% - 48px));
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .25s ease,transform .25s ease,visibility .25s ease;
    z-index:3010
}
 .nav-search-panel.open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateX(-50%) translateY(0)
}
 .nav-search-inner{
    position:relative;
    padding:18px;
    border-radius:20px;
    background:rgba(255,255,255,.86);
    box-shadow:0 22px 54px rgba(28,56,94,.12);
    backdrop-filter:blur(14px)
}
 .nav-search-field{
    display:flex;
    align-items:center;
    gap:12px;
    padding:0 16px;
    height:54px;
    border-radius:14px;
    border:1px solid rgba(43,131,215,.12);
    background:rgba(255,255,255,.86);
    color:#1f3147
}
 .nav-search-field svg{
    width:18px;
    height:18px;
    stroke:#28405d;
    stroke-width:1.9;
    fill:none;
    stroke-linecap:round;
    stroke-linejoin:round;
    flex-shrink:0
}
 .nav-search-field input{
    width:100%;
    border:none;
    color:#223754;
    font-size:.95rem;
    outline:0;
    background:0 0
}
 .nav-search-field input::placeholder{
    color:rgba(34,55,84,.42)
}
 .nav-search-submit{
    width:36px;
    height:36px;
    border:none;
    border-radius:50%;
    background:var(--green);
    color:#fff;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    flex-shrink:0;
    transition:var(--transition)
}
 .nav-search-submit svg{
    width:17px;
    height:17px;
    stroke:currentColor
}
 .nav-search-submit:hover{
    background:var(--blue);
    transform:translateX(2px)
}
 .index-main .hero{
    position:relative;
    min-height:100vh;
    background:linear-gradient(180deg,rgba(247,251,255,.1) 0,rgba(247,251,255,.72) 100%);
    overflow:hidden
}
 .index-main .hero-slide,.index-main .hero-swiper{
    min-height:100vh
}
 .index-main .hero-swiper{
    position:relative
}
 .index-main .hero-slide{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden
}
 .index-main .hero-slide:nth-child(2) .hero-ctas .btn:nth-child(2){
    background:rgb(255 255 255 / 50%)
}
 .index-main .hero-bg{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center center;
    transform:scale(1.05);
    animation:heroZoom 20s ease-in-out infinite alternate;
    background-repeat:no-repeat
}
 @keyframes heroZoom{
    from{
        transform:scale(1.05)
    }
     to{
        transform:scale(1.12)
    }
}
 .index-main .hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(7,18,34,.72) 0,rgba(7,18,34,.48) 38%,rgba(7,18,34,.3) 100%)
}
 .index-main .hero-content{
    position:relative;
    z-index:2;
    width:min(100%,1400px)
}
 .index-main .hero-title{
    font-size:60px;
    font-weight:700;
    line-height:1.02;
    margin-bottom:75px;
    color:var(--green);
    text-transform:uppercase
}
 .index-main .hero-subtitle{
    font-size:27px;
    color:#fff;
    line-height:1.2
}
 .index-main .hero-subtitle:nth-child(2){
    margin-bottom:40px
}
 .index-main .hero-formats{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:12px;
    max-width:920px;
    margin:0 auto 36px
}
 .index-main .format-tag{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:8px 18px;
    border:1.5px solid rgba(255,255,255,.3);
    border-radius:100px;
    font-size:var(--fs-btn-sm);
    font-weight:600;
    color:rgba(255,255,255,.85);
    transition:var(--transition);
    backdrop-filter:blur(8px);
    background:rgba(255,255,255,.08);
    box-shadow:0 10px 24px rgba(5,18,34,.12)
}
 .index-main .format-tag:hover{
    border-color:var(--green);
    color:var(--green);
    background:rgba(204,255,0,.1);
    transform:translateY(-3px)
}
 .index-main .hero-ctas{
    display:flex;
    gap:16px;
    flex-wrap:wrap;
    margin-top:180px
}
 .index-main .hero-ctas .btn{
    font-weight:700
}
 .index-main .hero-scroll-indicator{
    position:absolute;
    bottom:36px;
    left:50%;
    transform:translateX(-50%);
    z-index:3
}
 .index-main .hero-scroll-indicator span{
    display:block;
    width:24px;
    height:40px;
    border:2px solid rgba(255,255,255,.4);
    border-radius:12px;
    position:relative
}
 .index-main .hero-scroll-indicator span::after{
    content:'';
    display:block;
    width:4px;
    height:8px;
    background:var(--white);
    border-radius:2px;
    position:absolute;
    top:6px;
    left:50%;
    transform:translateX(-50%);
    animation:scrollBounce 1.6s ease-in-out infinite
}
 @keyframes scrollBounce{
    0%,100%{
        top:6px;
        opacity:1
    }
     50%{
        top:18px;
        opacity:.4
    }
}
 .index-main .hero-pagination{
    position:absolute;
    left:50%;
    bottom:96px;
    transform:translateX(-50%);
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px
}
 .index-main .hero-pagination .swiper-pagination-bullet{
    width:12px;
    height:12px;
    border-radius:999px;
    background:rgba(255,255,255,.28);
    border:1px solid rgba(255,255,255,.28);
    opacity:1;
    transition:var(--transition)
}
 .index-main .hero-pagination .swiper-pagination-bullet-active{
    width:34px;
    background:var(--green);
    border-color:var(--green)
}
 .index-main .products-section{
    position:relative;
    padding:120px 0;
    overflow:hidden;
    background-image:url('../images/products-section-bg.webp');
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat
}
 .index-main .products-section .container{
    width:63%
}
 .index-main .products-layout{
    display:grid;
    grid-template-columns:.8fr 1fr;
    gap:clamp(40px,5vw,72px);
    align-items:center
}
 .index-main .products-content{
    position:relative;
    width:min(100%,450px);
    color:#fff
}
 .index-main .products-content .section-subtitle{
    margin:0 0 60px;
    max-width:32rem
}
 .index-main .product-detail{
    min-height:280px
}
 .index-main .product-detail-inner{
    animation:fadeSlideUp .45s ease both
}
 @keyframes fadeSlideUp{
    from{
        opacity:0;
        transform:translateY(20px)
    }
     to{
        opacity:1;
        transform:translateY(0)
    }
}
 .index-main .product-detail h3{
    font-size:24px;
    font-weight:700;
    margin-bottom:30px
}
 .index-main .product-detail p{
    margin-bottom:25px;
    font-size:18px;
    line-height:1.3
}
 .index-main .product-features{
    display:flex;
    flex-direction:column;
    gap:8px
}
 .index-main .product-feature{
    display:flex;
    align-items:center;
    gap:5px;
    font-size:18px;
    line-height:1
}
 .index-main .product-feature p{
    margin-bottom:0;
    max-width:94%
}
 .index-main .product-feature::before{
    content:'';
    display:block;
    width:12px;
    height:12px;
    background:#fff;
    border-radius:50%
}
 .index-main .product-daily{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:30px;
    color:var(--dark);
    padding:3px 22px;
    border-radius:100px;
    font-size:18px;
    font-weight:700;
    letter-spacing:.03em;
    transition:var(--transition);
    background:var(--green)
}
 .index-main .product-daily:hover{
    background:var(--green);
    border-color:var(--green);
    transform:translateY(-2px)
}
 .index-main .products-visual{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:100%
}
 .index-main .orbit-wrap{
    position:relative;
    width:450px;
    height:450px
}
 .index-main .orbit-circle{
    width:450px;
    height:450px;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:unset;
    margin:auto;
    border-radius:50%;
    border:2px dashed #fff
}
 .orbit-inner{
    position:absolute;
    width:100%;
    height:100%;
    animation:orbit 10s linear infinite
}
 .orbit-inner::after{
    content:"";
    position:absolute;
    left:-6px;
    top:50%;
    transform:translateY(-50%);
    width:12px;
    height:12px;
    background:var(--green);
    border-radius:50%
}
 @keyframes orbit{
    from{
        transform:rotate(0)
    }
     to{
        transform:rotate(360deg)
    }
}
 .index-main .center-img-wrap{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    border-radius:50%;
    overflow:hidden;
    z-index:5;
    transition:opacity .35s ease,transform .4s ease
}
 .index-main .center-img-wrap.fade-out{
    opacity:0;
    transform:scale(.9)
}
 .index-main .center-img-wrap img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:0;
    display:block;
    filter:saturate(1.02) contrast(1.04)
}
 .index-main .orbit-nodes{
    position:absolute;
    right:0;
    top:1%
}
 .index-main .onode{
    cursor:pointer;
    margin-bottom:30px
}
 .index-main .onode:last-child{
    margin-bottom:0
}
 .index-main .onode-circle{
    width:80px;
    height:80px;
    border-radius:50%;
    overflow:hidden;
    display:block;
    position:relative;
    transition:border-color .3s,box-shadow .3s,transform .3s ease
}
 .index-main .onode-circle img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    filter:saturate(1.05) contrast(1.04)
}
 .index-main .center-img-wrap{
    width:430px;
    height:430px
}
 .index-main .rtb-section{
    position:relative;
    padding:120px 0;
    overflow:hidden;
    padding-bottom:0
}
 .index-main .rtb-ambient{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    opacity:1;
    pointer-events:none;
    display:none
}
 .index-main .rtb-section::before{
    display:none;
    content:'';
    position:absolute;
    inset:0;
    background:radial-gradient(ellipse at center,rgba(0,134,227,.12) 0,rgba(0,134,227,0) 42%),radial-gradient(ellipse at 46% 54%,rgba(120,214,255,.08) 0,rgba(120,214,255,0) 36%),radial-gradient(ellipse at 56% 42%,rgba(204,255,0,.05) 0,rgba(204,255,0,0) 20%);
    pointer-events:none
}
 .index-main .rtb-section .container{
    position:relative;
    z-index:2;
    width:63%
}
 .index-main .rtb-carousel-wrap{
    position:relative
}
 .index-main .rtb-swiper{
    overflow:hidden;
    padding:12px 4px 18px
}
 .index-main .rtb-swiper .swiper-slide{
    height:auto;
    opacity:1;
    transform:none;
    transition:transform .35s ease
}
 .index-main .rtb-card{
    border:1.5px solid #dadbdb;
    border-radius:20px;
    overflow:hidden;
    transition:var(--transition);
    opacity:0;
    transform:translateY(30px);
    height:100%
}
 .index-main .rtb-card.visible{
    opacity:1;
    transform:translateY(0)
}
 .index-main .rtb-card-link{
    display:block;
    height:100%
}
 .index-main .rtb-card:hover{
    transform:translateY(-8px);
    box-shadow:var(--shadow)
}
 .index-main .rtb-img-wrap{
    position:relative;
    width:100%;
    overflow:hidden
}
 .index-main .rtb-img-wrap::after{
    content:'';
    position:absolute;
    background:rgba(0,0,0,.18);
    z-index:1;
    transition:background .35s ease,opacity .35s ease
}
 .index-main .rtb-img-wrap img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .5s ease
}
 .rtb-card:hover .index-main .rtb-img-wrap img{
    transform:scale(1.07)
}
 .rtb-card:hover .index-main .rtb-img-wrap::after{
    background:rgba(0,0,0,.24)
}
 .index-main .rtb-info{
    padding:15px;
    background:rgb(0 190 255 / 15%)
}
 .index-main .rtb-info h3{
    font-size:20px;
    font-weight:700;
    color:#000;
    margin-bottom:8px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical
}
 .index-main .rtb-info p{
    font-size:14px;
    color:#595757;
    line-height:1.6;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    height:45px
}
 .index-main .rtb-btn{
    width:46px;
    height:46px;
    border-radius:50%;
    background:rgba(0,134,227,.06);
    border:1.5px solid rgba(0,134,227,.14);
    color:#0086e3;
    font-size:1.15rem;
    cursor:pointer;
    transition:var(--transition);
    position:absolute;
    top:50%;
    left:-80px
}
 .index-main .rtb-btn.next{
    left:unset;
    right:-80px
}
 .index-main .rtb-btn:hover{
    background:var(--blue);
    border-color:var(--blue);
    color:#fff
}
 .index-main .rtb-pagination{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    display:none
}
 .index-main .rtb-pagination .swiper-pagination-bullet{
    width:8px;
    height:8px;
    border-radius:999px;
    background:rgba(34,55,84,.18);
    opacity:1;
    transition:var(--transition)
}
 .index-main .rtb-pagination .swiper-pagination-bullet-active{
    width:18px;
    background:var(--green)
}
.index-main .solutions-section{
    position:relative;
    padding:120px 0;
    background:#2D7A4F;
    color:var(--white);
    overflow:hidden
}
 .index-main .solutions-section .container{
    position:relative;
    z-index:2;
    width:63%
}
 .index-main .solutions-molecules{
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    overflow:hidden;
    background-size:auto,auto,72px 72px,72px 72px;
    background-position:center,center,-12px -12px,-12px -12px
}
 .index-main .solutions-molecules::after,.index-main .solutions-molecules::before{
    content:'';
    position:absolute;
    inset:auto;
    opacity:.48
}
 .index-main .solutions-molecules::before{
    width:620px;
    height:620px;
    left:-180px;
    top:-60px;
    border-radius:50%;
    border:1px solid rgba(120,168,214,.12);
    box-shadow:0 0 0 26px rgba(120,168,214,.04),0 0 0 92px rgba(120,168,214,.025);
    transform:rotate(-12deg);
    animation:kvRingFloat 18s ease-in-out infinite
}
 .index-main .solutions-molecules::after{
    width:520px;
    height:220px;
    right:-120px;
    bottom:90px;
    border-radius:999px;
    border:1px solid rgba(204,255,0,.12);
    border-left-color:transparent;
    border-bottom-color:transparent;
    box-shadow:0 0 0 18px rgba(204,255,0,.025),0 0 48px rgba(0,134,227,.08);
    transform:rotate(-14deg);
    animation:kvArcFloat 16s ease-in-out infinite
}
 .kv-orb{
    position:absolute;
    left:var(--orb-left);
    top:var(--orb-top);
    width:var(--orb-size,18px);
    height:var(--orb-size,18px);
    border-radius:50%;
    background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.95) 0,rgba(213,243,255,.72) 28%,rgba(0,134,227,.18) 52%,rgba(0,134,227,0) 74%);
    box-shadow:0 0 14px rgba(0,134,227,.1);
    opacity:var(--orb-opacity, .5);
    animation:kvOrbFloat var(--orb-duration,12s) ease-in-out infinite,kvOrbPulse var(--orb-pulse,4.8s) ease-in-out infinite;
    animation-delay:var(--orb-delay, 0s),var(--orb-pulse-delay, 0s)
}
 .kv-orb--lime{
    background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.95) 0,rgba(244,255,205,.72) 28%,rgba(204,255,0,.18) 52%,rgba(204,255,0,0) 74%);
    box-shadow:0 0 12px rgba(204,255,0,.08)
}
 .solutions-carousel-wrap{
    position:relative;
    overflow:visible;
    padding:14px 0 30px
}
 @keyframes kvRingFloat{
    0%,100%{
        transform:translate3d(0,0,0) rotate(-12deg);
        opacity:.42
    }
     50%{
        transform:translate3d(18px,-12px,0) rotate(-8deg);
        opacity:.56
    }
}
 @keyframes kvArcFloat{
    0%,100%{
        transform:translate3d(0,0,0) rotate(-14deg);
        opacity:.34
    }
     50%{
        transform:translate3d(-16px,10px,0) rotate(-10deg);
        opacity:.5
    }
}
 @keyframes kvOrbFloat{
    0%,100%{
        transform:translate3d(0,0,0)
    }
     25%{
        transform:translate3d(8px,-10px,0)
    }
     55%{
        transform:translate3d(-10px,8px,0)
    }
     80%{
        transform:translate3d(6px,12px,0)
    }
}
 @keyframes kvOrbPulse{
    0%,100%{
        opacity:var(--orb-opacity, .5);
        transform:scale(1)
    }
     50%{
        opacity:calc(var(--orb-opacity, .5) + .16);
        transform:scale(1.12)
    }
}
 .index-main .solutions-section .section-subtitle,.index-main .solutions-section .section-title{
    color:#fff
}
 .index-main .solutions-swiper{
    padding:20px 0
}
 .index-main .solutions-btn{
    width:46px;
    height:46px;
    border-radius:50%;
    background:rgba(0,134,227,.06);
    border:1.5px solid rgb(255 255 255 / 50%);
    color:rgb(255 255 255 / 50%);
    font-size:1.15rem;
    cursor:pointer;
    transition:var(--transition);
    position:absolute;
    top:50%;
    left:-80px;
    z-index:5
}
 .solutions-btn.next{
    left:unset;
    right:-80px
}
 .index-main .solutions-btn:hover{
    background:var(--blue);
    border-color:var(--blue);
    color:#fff
}
 .index-main .solutions-pagination{
    display:none;
    align-items:center;
    justify-content:center;
    gap:8px
}
 .index-main .solutions-pagination .swiper-pagination-bullet{
    width:8px;
    height:8px;
    border-radius:999px;
    background:rgba(255,255,255,.22);
    opacity:1;
    transition:var(--transition)
}
 .index-main .solutions-pagination .swiper-pagination-bullet-active{
    width:18px;
    background:var(--green)
}
 .index-main .solutions-swiper .swiper-slide{
    height:auto;
    opacity:.18;
    padding-top:10px;
    transform:translateY(38px) scale(.84);
    transition:opacity .4s ease,transform .4s ease,filter .4s ease;
    filter:saturate(.72) brightness(.88)
}
 .index-main .solutions-swiper .swiper-slide-active,.index-main .solutions-swiper .swiper-slide-duplicate-active{
    opacity:1;
    transform:translateY(-6px) scale(1.06);
    filter:saturate(1) brightness(1);
    z-index:3
}
 .index-main .solutions-swiper .swiper-slide-next,.index-main .solutions-swiper .swiper-slide-prev{
    opacity:.96;
    transform:translateY(16px) scale(.91);
    filter:saturate(.88) brightness(.95);
    z-index:2
}
 .index-main .health-card{
    position:relative;
    border-radius:26px;
    overflow:hidden;
    background:linear-gradient(180deg,rgba(255,255,255,.94) 0,rgba(237,245,251,.9) 100%);
    border:1px solid rgba(0,134,227,.14);
    isolation:isolate;
    box-shadow:0 22px 40px rgba(0,134,227,.1),0 0 0 1px rgba(255,255,255,.55) inset;
    transition:transform .45s ease,box-shadow .45s ease,border-color .45s ease
}
 .index-main .health-card-link{
    display:block;
    color:inherit;
    text-decoration:none
}
 .index-main .health-card-media{
    position:relative;
    min-height:0;
    z-index:0;
    border-radius:26px 26px 0 36px
}
 .index-main .health-card-media,.index-main .health-card-media img{
    width:100%;
    height:100%
}
 .index-main .health-card-media img{
    object-fit:cover;
    display:block;
    transform:scale(1.01);
    max-height:450px;
    width:100%;
    max-width:unset
}
 .index-main .health-card-copy{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    gap:10px;
    padding:40px 20px 40px;
    z-index:4;
    background:#fff
}
 .index-main .health-card-copy h3{
    font-size:24px;
    line-height:1.12;
    font-weight:700;
    margin-bottom:6px
}
 .index-main .health-card-copy p{
    font-size:17px;
    line-height:1.3;
    margin-bottom:0
}
 .index-main .health-card-more{
    width:auto;
    flex:0 0 auto;
    margin-top:6px;
    align-self:flex-start;
    padding:8px 18px;
    font-size:18px
}
 .index-main .health-card-dosage{
    display:none
}
 .index-main .health-card-product{
    position:absolute;
    right:12px;
    bottom:calc(32% - 18px);
    width:135px;
    aspect-ratio:1;
    padding:14px;
    border-radius:50%;
    background:#fff;
    border:1px solid rgba(0,134,227,.18);
    z-index:4;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:transform .45s ease,filter .45s ease
}
 .index-main .health-card-product img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block
}
 .index-main .health-card--sports .health-card-product{
    width:115px
}
 .solutions-swiper .swiper-slide-active .health-card,.solutions-swiper .swiper-slide-duplicate-active .index-main .health-card{
    border-color:rgba(255,255,255,.72)
}
 .solutions-swiper .swiper-slide-active .health-card-product,.solutions-swiper .swiper-slide-duplicate-active .index-main .health-card-product{
    transform:translateY(-8px) scale(1.02)
}
 .index-main .certs-section{
    padding:120px 0;
    overflow:hidden
}
 .index-main .certs-section .container{
    width:63%
}
 .index-main .certs-ticker-wrap{
    overflow:hidden;
    margin:0 0 60px;
    padding:20px 0;
    border-top:1px solid rgba(255,255,255,.06);
    border-bottom:1px solid rgba(255,255,255,.06)
}
 .index-main .certs-ticker{
    display:flex;
    gap:48px;
    animation:tickerScroll 30s linear infinite;
    width:max-content
}
 .index-main .certs-ticker:hover{
    animation-play-state:paused
}
 @keyframes tickerScroll{
    from{
        transform:translateX(0)
    }
     to{
        transform:translateX(var(--ticker-shift,-50%))
    }
}
 .index-main .cert-item{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:14px;
    flex-shrink:0;
    min-width:176px;
    padding:6px 6px 2px;
    transition:transform .3s
}
 .index-main .cert-item:hover{
    transform:translateY(-4px)
}
 .index-main .cert-item-badge{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:164px;
    padding:20px 18px;
    border-radius:26px;
    background:#fff;
    border:1px solid #dadbdb;
    backdrop-filter:blur(12px);
    transition:transform .3s,border-color .3s,box-shadow .3s,background .3s
}
 .cert-item:hover .index-main .cert-item-badge{
    border-color:rgba(0,134,227,.46);
    box-shadow:0 8px 57px 0 rgba(0,134,227,.12)
}
 .index-main .cert-item img{
    height:120px;
    width:auto;
    object-fit:contain;
    filter:none
}
 .index-main .cert-item span{
    font-size:14px;
    white-space:nowrap;
    text-align:center
}
 .index-main .certs-points{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
    margin:0 auto
}
 .index-main .cert-point{
    position:relative;
    display:flex;
    flex-direction:column;
    gap:18px;
    padding:25px 20px;
    border-radius:20px;
    background:#fff;
    border:1px solid #dadbdb;
    overflow:hidden;
    transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease,background .3s ease
}
 .index-main .cert-point::before{
    content:'';
    position:absolute;
    inset:auto 26px 0;
    height:1px;
    background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.22),rgba(255,255,255,0));
    opacity:.5
}
 .index-main .cert-point:hover{
    transform:translateY(-3px)
}
 .index-main .cert-point-top{
    display:flex;
    align-items:center;
    justify-content:flex-start
}
 .index-main .cert-point-index{
    font-size:36px;
    font-weight:700;
    line-height:1
}
 .index-main .cert-point p{
    font-size:17px;
    line-height:1.3;
    margin:0
}
.index-main .why-section{
    position:relative;
    min-height:400px;
    overflow:hidden;
    color:var(--white);
    background:#2D7A4F
}
 .index-main .why-bg{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    opacity:.15
}
 .index-main .why-lz-animation{
    position:absolute;
    top:unset;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:300px;
    z-index:1;
    pointer-events:none;
    overflow:hidden
}
 .index-main .why-lz-animation canvas{
    display:block;
    width:100%;
    height:100%;
    opacity:.42;
    mix-blend-mode:screen;
    filter:brightness(1.08) contrast(1.04);
    mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.18) 18%,rgba(0,0,0,.92) 48%,#000 100%)
}
 .index-main .why-lz-animation .why-wave-webgl{
    position:absolute;
    inset:0;
    width:100%!important;
    height:100%!important;
    display:block;
    opacity:1;
    mix-blend-mode:normal;
    filter:none;
    mask-image:linear-gradient(180deg,#000000cc 0,rgb(0 0 0 / 0%) 16%,rgb(0 0 0 / 25%) 46%,hsl(0deg 0% 0% / 40%) 100%)
}
 .index-main .why-container{
    position:relative;
    overflow:hidden
}
 .index-main .why-container .container{
    z-index:2;
    display:grid;
    grid-template-columns:0.5fr 1.2fr;
    gap:30px;
    align-items:center;
    width:65%;
    padding:120px 0
}
 .index-main .why-left{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:center
}
 .index-main .why-orb-wrap{
    position:relative;
    width:min(100%,460px);
    aspect-ratio:1/1;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:30px
}
 .index-main .why-orb-grid::after,.index-main .why-orb-grid::before{
    content:'';
    position:absolute;
    inset:10%;
    border-radius:50%;
    border:2px solid rgba(0,134,227,.28);
    box-shadow:0 0 0 14px rgba(0,134,227,.05),0 0 38px rgba(0,134,227,.12);
    opacity:0;
    animation:whyOrbPulseRing 3.2s ease-out infinite
}
 .index-main .why-orb-grid::after{
    display:none
}
 .index-main .why-orb-halo{
    position:absolute
}
 .index-main .why-orb-halo::after{
    display:none
}
 .index-main .why-orb{
    position:relative;
    width:100%;
    aspect-ratio:1/1;
    display:flex;
    align-items:center;
    justify-content:center
}
 .index-main .why-orb-spin{
    position:relative;
    aspect-ratio:1/1;
    display:flex;
    align-items:center;
    justify-content:center;
    animation:mycircle 30s infinite linear
}
 .index-main .why-orb-image{
    display:block;
    width:100%;
    height:100%;
    opacity:.5
}
 .index-main .why-big-text{
    font-size:36px;
    font-weight:700;
    line-height:1.04;
    color:var(--white);
    text-align:center;
    max-width:14ch
}
 .index-main .why-right .section-title{
    font-size:36px;
    margin-bottom:60px
}
 .index-main .why-copy{
    line-break:strict;
    font-variant-ligatures:common-ligatures
}
 .index-main .why-body{
    color:#fff;
    margin-bottom:16px;
    font-size:18px;
    line-height:24px
}
 .index-main .why-action-row{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:14px;
    margin-top:12px
}
 .index-main .why-more-btn,.index-main .why-video-btn{
    margin-top:0
}
 .index-main .why-video-btn{
    border:0;
    cursor:pointer;
    font-family:inherit;
    gap:9px
}
 .index-main .why-video-icon{
    width:18px;
    height:18px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:rgba(20,31,33,.16);
    flex:0 0 auto;
    position:relative
}
 .index-main .why-video-icon::before{
    content:"";
    width:0;
    height:0;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-left:7px solid var(--dark);
    transform:translateX(1px)
}
 .index-main .why-divider{
    width:100%;
    height:1px;
    margin:30px 0 28px;
    background:linear-gradient(90deg,rgba(255,255,255,0),rgba(0,134,227,.32),rgba(255,255,255,0))
}
 .index-main .why-extras{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
    margin-top:60px
}
 .index-main .why-extra-item strong{
    display:block;
    margin-bottom:10px;
    font-size:24px;
    line-height:1.2;
    color:var(--white)
}
 .index-main .why-extra-item p{
    font-size:17px;
    line-height:1.5;
    color:var(--white);
    margin:0;
    line-break:strict;
    font-variant-ligatures:common-ligatures
}
.index-main .why-stats{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:20px;
    margin-bottom:90px;
    padding-top:90px;
    border-top:.75px solid var(--white);
    color:var(--white);
    background:#2D7A4F;
    width:63%
}
 .index-main .stat-item{
    display:flex;
    align-items:baseline;
    justify-content:center;
    gap:4px;
    flex-wrap:wrap;
    text-align:center
}
 .index-main .stat-num{
    font-size:60px;
    font-weight:700;
    color:var(--white);
    line-height:1
}
 .index-main .stat-unit{
    font-size:21px;
    font-weight:700;
    color:var(--white)
}
 .index-main .stat-label{
    width:100%;
    margin-top:10px;
    font-size:14px;
    line-height:1.45;
    color:var(--white)
}
 .index-main .factory-carousel-head{
    margin-bottom:44px
}
 .index-main .factory-carousel-head .section-title{
    color:var(--white);
    margin-bottom:0
}
 .index-main .factory-image-swiper .swiper-slide{
    height:auto
}
 .index-main .factory-image-card{
    position:relative;
    width:100%;
    aspect-ratio:6/4;
    margin:0;
    overflow:hidden;
    border-radius:8px
}
 .index-main .factory-image-card img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .45s ease
}
 .index-main .factory-image-card:hover img{
    transform:scale(1.045)
}
 .index-main .factory-image-pagination{
    position:static;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    margin-top:26px
}
 .index-main .factory-image-pagination .swiper-pagination-bullet{
    width:10px;
    height:10px;
    opacity:1;
    background:rgba(255,255,255,.36);
    transition:width .25s ease,background .25s ease
}
 .index-main .factory-image-pagination .swiper-pagination-bullet-active{
    width:28px;
    border-radius:999px;
    background:var(--green)
}
 @keyframes mycircle{
    0%{
        transform:rotate(0)
    }
     100%{
        transform:rotate(360deg)
    }
}
 .index-main .decor-box{
    background:#2D7A4F
}
 .index-main .decor-box .decor{
    display:inline-block;
    width:495px;
    height:515px;
    background:url(../images/decor.webp) no-repeat center;
    mix-blend-mode:overlay;
    background-size:contain;
    position:absolute;
    visibility:visible
}
 .index-main .decor-box .decor--1{
    width:309px;
    height:309px;
    top:0;
    left:-5px;
    transform:rotate(-45deg)
}
 .index-main .decor-box .decor--2{
    width:317px;
    height:317px;
    transform:rotate(-45deg);
    bottom:-100px
}
 .index-main .decor-box .decor--3{
    width:145px;
    height:125px;
    top:5%;
    left:38%
}
 .index-main .decor-box .decor--4{
    top:5%;
    right:20%;
    transform:scaleX(-1);
    background-image:url(../images/decor-1.webp)
}
 .index-main .decor-box .decor--5{
    width:390px;
    height:495px;
    right:-13%;
    top:-35%;
    background-image:url(../images/decor-1.webp)
}
 .index-main .decor-box .decor--6{
    width:390px;
    height:495px;
    right:-14%;
    bottom:-5%;
    background-image:url(../images/decor-1.webp)
}
 .index-main .decor-box .decor--7{
    width:190px;
    height:190px;
    top:0;
    right:15%;
    transform:rotate(-45deg)
}
 .index-main .decor-box .decor--8{
    width:225px;
    height:200px;
    left:35%;
    bottom:-11%;
    transform:rotateZ(-180deg)
}
 .index-main .decor-box .decor--9{
    background-image:url(../images/decor-1.webp);
    bottom:-55%;
    left:52%;
    transform:scaleX(1) rotate(135deg)
}
 .index-main .decor-box .decor--10{
    width:240px;
    height:240px;
    right:14%;
    bottom:-8%
}
 .index-main .process-section{
    position:relative;
    padding:120px 0;
    overflow:hidden;
    background:#1e8fff
}
 .index-main .process-section .container{
    position:relative;
    z-index:2;
    width:63%
}
 .index-main .process-bg{
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none
}
 .index-main .process-bg-video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    filter:saturate(.72) brightness(1.24) contrast(.82) opacity(.5);
    transform:scale(1.02)
}
 .index-main .process-bg-overlay{
    position:absolute;
    inset:0;
    background:#1e8fff;
    opacity:.7
}
 .index-main .process-section .section-title{
    font-size:34px
}
 .index-main .process-section .section-subtitle{
    color:rgba(255,255,255,.86)
}
 .index-main .process-heading-row{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    flex-wrap:wrap
}
 .index-main .process-jump-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:0 22px;
    border-radius:999px;
    background:var(--green);
    border:1px solid var(--green);
    font-size:var(--fs-btn-sm);
    font-weight:700;
    letter-spacing:.06em;
    transition:var(--transition)
}
 .index-main .process-jump-btn:hover{
    background:var(--green);
    border-color:var(--green);
    transform:translateY(-2px)
}
 .index-main .process-flow{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0 30px;
    margin-top:60px
}
 .index-main .process-cta{
    display:flex;
    justify-content:center;
    margin-top:34px
}
 .index-main .process-node{
    position:relative;
    min-height:200px;
    padding:40px 0;
    border-top:3px solid var(--white);
    overflow:hidden
}
 .index-main .process-node:hover{
    background:var(--green);
    border-color:var(--green);
    text-align:center
}
 .index-main .process-node:hover .process-node-index{
    opacity:0
}
 .index-main .process-node:hover .process-node-icon img{
    filter:brightness(0) invert(1);
    height:75px
}
 .index-main .process-node-index{
    position:absolute;
    top:40px;
    left:0;
    font-size:72px;
    font-weight:700;
    line-height:1;
    color:rgb(255 255 255 / 30%)
}
 .index-main .process-node-icon{
    position:absolute;
    right:0
}
 .index-main .process-node-icon img{
    height:45px;
    margin:auto
}
 .index-main .process-node h4{
    position:relative;
    z-index:1;
    font-size:18px;
    font-weight:700;
    color:#fff
}
 @keyframes processFadeInUp{
    0%{
        opacity:0;
        transform:translate3d(0,44px,0) scale(.96)
    }
     60%{
        opacity:1
    }
     100%{
        opacity:1;
        transform:translate3d(0,0,0) scale(1)
    }
}
 .index-main .rd-section{
    padding:120px 0;
    background-image:url("../images/rd-section-bg.webp");
    background-size:cover
}
 .index-main .rd-section .container{
    width:63%
}
 .rd-section .index-main .section-subtitle{
    color:#64748b
}
 .index-main .rd-showcase{
    margin-top:52px;
    display:grid;
    grid-template-columns:1fr;
    gap:40px
}
 .index-main .rd-hero{
    position:relative;
    min-height:600px;
    border-radius:20px;
    overflow:hidden;
    opacity:0;
    transform:translateY(30px);
    transition:opacity .6s ease,transform .6s ease
}
 .index-main .rd-hero.visible{
    opacity:1;
    transform:translateY(0)
}
 .index-main .rd-hero-image{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover
}
 .index-main .rd-hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(0deg,#001428 0,rgba(0,20,40,0) 100%);
    height:50%;
    bottom:0;
    top:unset
}
 .index-main .rd-tech-strip{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
    margin:0;
    position:relative;
    z-index:2;
    width:100%
}
 .index-main .rd-tech-chip{
    display:grid;
    grid-template-columns:64px 1fr;
    align-items:center;
    gap:30px;
    min-height:118px;
    padding:15px;
    background:var(--white);
    border-radius:20px;
    position:relative
}
 .index-main .rd-tech-chip::before{
    content:'';
    position:absolute;
    inset:0 0 auto;
    height:1px
}
 .index-main .rd-tech-icon img{
    width:55px;
    height:55px
}
 .index-main .rd-tech-copy{
    display:flex;
    flex-direction:column;
    gap:10px
}
 .index-main .rd-tech-copy strong{
    color:#74859a;
    font-size:.68rem;
    font-weight:700;
    letter-spacing:.12em;
    line-height:1.2
}
 .index-main .rd-tech-copy span{
    font-size:24px;
    line-height:1.4
}
 .index-main .rd-grid{
    display:grid;
    gap:18px;
    margin-top:50px
}
 .index-main .rd-feature{
    display:grid;
    align-items:stretch;
    gap:0;
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    opacity:0;
    transform:translateY(30px);
    transition:opacity .6s ease,transform .6s ease,border-color .3s ease,background .3s ease
}
 .index-main .rd-feature.visible{
    opacity:1;
    transform:translateY(0)
}
 .index-main .rd-feature:hover{
    background:#e0ffff
}
 .index-main .rd-feature:hover .rd-feature-media{
    opacity:1;
    visibility:visible
}
 .index-main .rd-feature--compliance{
    grid-template-columns:calc((100% - 36px)/ 3) minmax(0,1fr)
}
 .index-main .rd-feature-media{
    transition:opacity .6s ease;
    opacity:0;
    visibility:hidden
}
 .index-main .rd-feature-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block
}
 .index-main .rd-feature-media--logos{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    align-content:center;
    padding:26px
}
 .index-main .rd-feature-media--logos img{
    width:min(100px,100%);
    aspect-ratio:1;
    object-fit:contain;
    padding:8px;
    background:0 0;
    margin:0 auto
}
 .index-main .rd-feature-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:30px 70px
}
 .index-main .rd-feature-copy h3{
    font-size:32px;
    line-height:1.16;
    margin-bottom:12px;
    font-weight:700
}
 .index-main .rd-feature-copy p{
    font-size:18px;
    color:#4d4d4d;
    line-break:strict;
    font-variant-ligatures:common-ligatures;
    position:relative
}
 .index-main .rd-feature-row{
    display:grid;
    grid-template-columns:1fr;
    gap:18px
}
.index-main .factory-section{
    position:relative;
    padding:120px 0;
    color:var(--white);
    background:#2D7A4F;
    overflow:hidden
}
 .index-main .factory-bg-canvas{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    pointer-events:none;
    z-index:0;
    opacity:.9
}
 .index-main .factory-section .container{
    position:relative;
    z-index:1;
    width:63%
}
 .index-main .factory-section .section-title{
    color:var(--white)
}
 .index-main .factory-tagline{
    font-size:24px;
    color:var(--white);
    line-height:1.3;
    font-weight:700;
    margin-bottom:30px
}
 .index-main .factory-shell{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);
    gap:70px
}
 .index-main .factory-content{
    max-width:620px;
    position:relative;
    z-index:2
}
 .index-main .factory-lead{
    font-size:18px;
    line-height:1.3;
    color:#fff;
    max-width:54ch
}
 .index-main .factory-more-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:26px;
    padding:2px 25px;
    border-radius:100vh;
    background:var(--green);
    color:var(--dark);
    font-size:18px;
    font-weight:700;
    letter-spacing:.06em;
    transition:transform .3s ease,box-shadow .3s ease,background .3s ease
}
 .index-main .factory-more-btn:hover{
    transform:translateY(-2px);
    background:var(--green)
}
 .why-video-modal{
    position:fixed;
    inset:0;
    z-index:1000;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:28px;
    background:rgba(4,10,18,.78);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .24s ease,visibility .24s ease
}
 .why-video-modal.open{
    opacity:1;
    visibility:visible;
    pointer-events:auto
}
 .why-video-modal-dialog{
    width:min(960px,100%);
    transform:translateY(14px) scale(.98);
    transition:transform .24s ease;
    position:relative
}
 .why-video-modal.open .why-video-modal-dialog{
    transform:translateY(0) scale(1)
}
 .why-video-frame-wrap{
    width:100%;
    aspect-ratio:16/9;
    border-radius:8px;
    overflow:hidden;
    background:#05080d;
    box-shadow:0 28px 80px rgba(0,0,0,.42)
}
 .why-video-frame-wrap iframe{
    display:block;
    width:100%;
    height:100%;
    border:0
}
 .why-video-modal-close{
    position:absolute;
    top:22px;
    right:24px;
    width:44px;
    height:44px;
    border:0;
    border-radius:50%;
    background:var(--green);
    cursor:pointer;
    z-index:1;
    transition:transform .24s ease,background .24s ease
}
 .why-video-modal-close:hover{
    transform:translateY(-2px);
    background:var(--green)
}
 .why-video-modal-close::after,.why-video-modal-close::before{
    content:"";
    position:absolute;
    left:14px;
    top:21px;
    width:16px;
    height:2px;
    border-radius:2px;
    background:var(--dark)
}
 .why-video-modal-close::before{
    transform:rotate(45deg)
}
 .why-video-modal-close::after{
    transform:rotate(-45deg)
}
 .index-main .factory-note{
    display:inline-flex;
    margin-top:28px;
    padding:12px 18px;
    border-radius:999px;
    border:1px solid rgba(43,131,215,.12);
    background:rgba(255,255,255,.76);
    color:#5f7186;
    font-size:.82rem;
    font-weight:600;
    line-height:1.45
}
 .index-main .factory-visual{
    position:relative;
    min-height:560px;
    width:100%;
    margin-left:auto;
    overflow:visible
}
 .index-main .factory-visual-card{
    position:absolute;
    overflow:hidden;
    border-radius:28px;
    transition:transform .35s ease,box-shadow .35s ease
}
 .index-main .factory-visual-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block
}
 .index-main .factory-visual-card--main{
    left:0;
    top:0;
    width:90%;
    height:75%;
    z-index:1
}
 .index-main .factory-visual-card--top{
    right:0;
    top:0;
    width:48%;
    height:39%;
    z-index:3
}
 .index-main .factory-visual-card--bottom{
    right:-5%;
    bottom:0;
    width:55%;
    height:50%;
    z-index:2
}
 .factory-visual:hover .index-main .factory-visual-card--top{
    transform:translateY(-6px)
}
 .factory-visual:hover .index-main .factory-visual-card--bottom{
    transform:translateY(6px)
}
 .index-main .factory-floating-stat{
    position:absolute;
    left:12%;
    bottom:6px;
    display:flex;
    align-items:baseline;
    gap:8px;
    padding:16px 20px;
    border-radius:20px;
    background:rgba(255,255,255,.86);
    color:#1f3147;
    border:1px solid rgba(43,131,215,.12);
    box-shadow:0 18px 38px rgba(28,56,94,.12);
    z-index:4
}
 .index-main .factory-floating-num{
    font-size:2rem;
    font-weight:900;
    line-height:1;
    color:#cf0
}
 .index-main .factory-floating-unit{
    font-size:.78rem;
    font-weight:700;
    letter-spacing:.08em;
    color:#607286
}
 .index-main .factory-stats-board{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:16px;
    margin-top:56px
}
 .index-main .factory-stat-card{
    min-height:180px;
    padding:26px 22px 24px;
    border-radius:24px;
    background:#fff;
    border:1px solid rgba(120,168,204,.16);
    transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
    opacity:0;
    transform:translateY(30px)
}
 .index-main .factory-stat-card.visible{
    opacity:1;
    transform:translateY(0)
}
 .index-main .factory-stat-card:hover{
    transform:translateY(-6px);
    border-color:rgba(54,167,233,.3)
}
 .index-main .factory-stat-value{
    display:flex;
    align-items:baseline;
    flex-wrap:wrap;
    gap:4px;
    margin-bottom:18px
}
 .index-main .fstat-num{
    font-size:2.5rem;
    font-weight:900;
    color:#132033
}
 .index-main .fstat-unit{
    font-size:1.05rem;
    font-weight:700;
    color:#62b8ff;
    margin-right:6px
}
 .index-main .factory-stat-inline{
    font-size:var(--fs-body-sm);
    font-weight:700;
    color:rgba(255,255,255,.44);
    margin-right:10px
}
 .index-main .factory-stat-card p{
    font-size:var(--fs-body-sm);
    line-height:1.72
}
 .index-main .factory-news-section{
    position:relative;
    padding:120px 0
}
 .index-main .factory-news-section .container{
    width:63%
}
 .index-main .factory-news-section::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:88px;
    background:linear-gradient(180deg,rgba(8,16,29,0) 0,rgba(5,9,18,.92) 100%);
    pointer-events:none;
    display:none
}
 .index-main .factory-news-section-head{
    max-width:880px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:58px
}
 .index-main .factory-news-section .section-title{
    margin-bottom:16px;
    font-size:var(--fs-title-lg);
    letter-spacing:-.03em
}
 .index-main .factory-news-section .section-subtitle{
    max-width:760px;
    font-size:var(--fs-body-lg);
    color:#64748b
}
 .index-main .factory-news-swiper{
    overflow:visible;
    padding:4px 0 8px
}
 .index-main .factory-news-swiper .swiper-wrapper{
    align-items:stretch
}
 .index-main .factory-news-swiper .swiper-slide{
    height:auto
}
 .index-main .factory-news-pagination{
    display:none;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-top:22px
}
 .index-main .factory-news-pagination .swiper-pagination-bullet{
    width:8px;
    height:8px;
    border-radius:999px;
    background:rgba(34,55,84,.18);
    opacity:1;
    transition:var(--transition)
}
 .index-main .factory-news-pagination .swiper-pagination-bullet-active{
    width:18px;
    background:var(--green)
}
 .index-main .factory-news-card{
    height:100%;
    display:flex;
    flex-direction:column;
    padding:20px;
    border-radius:20px;
    background:#d9f5ff;
    transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease
}
 .index-main .factory-news-card:hover{
    transform:translateY(-8px)
}
 .index-main .factory-news-media{
    position:relative;
    display:block;
    overflow:hidden;
    aspect-ratio:1.1;
    border-radius:20px
}
 .index-main .factory-news-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .55s ease
}
 .factory-news-card:hover .index-main .factory-news-media img{
    transform:scale(1.04)
}
 .index-main .factory-news-date{
    position:absolute;
    top:0;
    right:0;
    width:110px;
    height:110px;
    padding:14px 14px 0 0;
    clip-path:polygon(100% 0,100% 100%,0 0);
    background:var(--green);
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    justify-content:flex-start;
    color:#132033;
    text-align:right;
    color:var(--dark);
    z-index:2
}
 .index-main .factory-news-date strong{
    font-size:18px;
    line-height:.95;
    font-weight:700
}
 .index-main .factory-news-date span{
    font-size:14px
}
 .index-main .factory-news-copy{
    display:flex;
    flex:1;
    flex-direction:column;
    padding:22px 8px 6px
}
 .index-main .factory-news-copy h4{
    font-size:20px;
    line-height:1.3;
    margin-bottom:14px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden
}
 .index-main .factory-news-copy p{
    font-size:14px;
    line-height:1.72;
    margin-bottom:18px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden
}
 .index-main .factory-news-desc-link,.index-main .factory-news-title-link{
    color:inherit;
    text-decoration:none
}
 .index-main .factory-news-more{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:auto;
    padding:0 20px;
    border-radius:999px;
    background:var(--green);
    font-size:18px;
    font-weight:700;
    transition:transform .3s ease,box-shadow .3s ease,background .3s ease;
    width:max-content
}
 .index-main .factory-news-more:hover{
    transform:translateY(-2px);
    background:var(--green);
    color:var(--dark)
}
 .index-main .inquiry-section{
    position:relative;
    padding:90px 0 120px;
    overflow:hidden;
    background-image:url(../images/inquiry-section-bg.webp);
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat
}
 .index-main .inquiry-section::before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:1px;
    background:linear-gradient(90deg,rgba(255,255,255,0),rgba(120,168,204,.26),rgba(255,255,255,0));
    opacity:.9;
    display:none
}
 .index-main .inquiry-section .container{
    position:relative;
    z-index:1;
    width:63%
}
 .index-main .inquiry-shell{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:1.554fr 1fr;
    gap:clamp(34px,5vw,70px);
    padding:0;
    justify-content:space-between
}
 .index-main .inquiry-copy{
    position:relative;
    z-index:1
}
 .index-main .inquiry-copy .section-title{
    margin-bottom:20px;
    color:#fff
}
 .index-main .inquiry-copy .section-subtitle{
    max-width:100%;
    margin:0 0 40px;
    color:#fff
}
 .index-main .inquiry-form{
    display:grid;
    gap:20px
}
 .index-main .inquiry-form-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:30px
}
 .index-main .inquiry-field{
    display:grid;
    gap:10px
}
 .index-main .inquiry-field-full{
    grid-column:1/-1
}
 .index-main .inquiry-field span{
    font-size:24px;
    font-weight:700;
    color:#fff
}
 .index-main .inquiry-field input,.index-main .inquiry-field select,.index-main .inquiry-field textarea{
    width:100%;
    border:1px solid #fff;
    border-radius:5px;
    background:#fff;
    font:inherit;
    font-size:24px;
    outline:0;
    transition:border-color .25s ease,background .25s ease,box-shadow .25s ease
}
 .index-main .inquiry-field input,.index-main .inquiry-field select{
    min-height:50px;
    padding:0 18px
}
 .index-main .inquiry-field textarea{
    min-height:125px;
    padding:16px 18px;
    resize:vertical
}
 .index-main .inquiry-field select{
    appearance:none;
    background-image:linear-gradient(45deg,transparent 50%,rgba(255,255,255,.72) 50%),linear-gradient(135deg,rgba(255,255,255,.72) 50%,transparent 50%);
    background-position:calc(100% - 22px) calc(50% - 3px),calc(100% - 16px) calc(50% - 3px);
    background-size:6px 6px,6px 6px;
    background-repeat:no-repeat
}
 .index-main .inquiry-field input::placeholder,.index-main .inquiry-field textarea::placeholder{
    color:rgba(49,69,95,.4)
}
 .index-main .inquiry-field input:focus,.index-main .inquiry-field select:focus,.index-main .inquiry-field textarea:focus{
    border-color:rgba(204,255,0,.34)
}
 .index-main .inquiry-submit{
    justify-self:flex-start;
    min-width:176px;
    font-weight:700
}
 .index-main .inquiry-visual{
    position:relative;
    display:flex;
    align-items:flex-end;
    justify-content:flex-end
}
 .index-main .inquiry-product-card{
    position:relative;
    z-index:1;
    width:min(100%,435px);
    height:485px;
    padding:0;
    background:0 0;
    border:none;
    box-shadow:none
}
 .index-main .inquiry-product-card img{
    height:100%;
    object-fit:cover;
    border-radius:20px;
    overflow:hidden
}
 .inquiry-section{
    position:relative;
    padding:90px 0 120px;
    overflow:hidden;
    background-image:url(../images/inquiry-section-bg.webp);
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat
}
 .inquiry-section::before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:1px;
    background:linear-gradient(90deg,rgba(255,255,255,0),rgba(120,168,204,.26),rgba(255,255,255,0));
    opacity:.9;
    display:none
}
 .inquiry-section .container{
    position:relative;
    z-index:1;
    width:63%
}
 .inquiry-section .inquiry-shell{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:1.554fr 1fr;
    gap:clamp(34px,5vw,70px);
    padding:0;
    justify-content:space-between
}
 .inquiry-section .inquiry-copy{
    position:relative;
    z-index:1
}
 .inquiry-section .inquiry-copy .section-title{
    margin-bottom:20px;
    color:#fff
}
 .inquiry-section .inquiry-copy .section-subtitle{
    max-width:100%;
    margin:0 0 40px;
    color:#fff
}
 .inquiry-section .inquiry-form{
    display:grid;
    gap:20px
}
 .inquiry-section .inquiry-form-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:30px
}
 .inquiry-section .inquiry-field{
    display:grid;
    gap:10px
}
 .inquiry-section .inquiry-field-full{
    grid-column:1/-1
}
 .inquiry-section .inquiry-field span{
    font-size:18px;
    font-weight:700;
    color:#fff
}
 .inquiry-section .inquiry-field input,.inquiry-section .inquiry-field select,.inquiry-section .inquiry-field textarea{
    width:100%;
    border:1px solid #fff;
    border-radius:5px;
    background:#fff;
    font:inherit;
    font-size:18px;
    outline:0;
    transition:border-color .25s ease,background .25s ease,box-shadow .25s ease
}
 .inquiry-section .inquiry-field input,.inquiry-section .inquiry-field select{
    min-height:50px;
    padding:0 18px
}
 .inquiry-section .inquiry-field textarea{
    min-height:125px;
    padding:16px 18px;
    resize:vertical
}
 .inquiry-section .inquiry-field select{
    appearance:none;
    background-image:linear-gradient(45deg,transparent 50%,rgba(255,255,255,.72) 50%),linear-gradient(135deg,rgba(255,255,255,.72) 50%,transparent 50%);
    background-position:calc(100% - 22px) calc(50% - 3px),calc(100% - 16px) calc(50% - 3px);
    background-size:6px 6px,6px 6px;
    background-repeat:no-repeat
}
 .inquiry-section .inquiry-field input::placeholder,.inquiry-section .inquiry-field textarea::placeholder{
    color:rgba(49,69,95,.4)
}
 .inquiry-section .inquiry-field input:focus,.inquiry-section .inquiry-field select:focus,.inquiry-section .inquiry-field textarea:focus{
    border-color:rgba(204,255,0,.34)
}
 .inquiry-section .inquiry-submit{
    justify-self:flex-start;
    min-width:176px;
    font-weight:700;
    background:var(--green);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:10px 15px;
    border-radius:100vh;
    font-size:20px;
    line-height:1;
    transition:var(--transition);
    cursor:pointer;
    border:none
}
 .inquiry-section .inquiry-visual{
    position:relative;
    display:flex;
    align-items:flex-end;
    justify-content:flex-end
}
 .inquiry-section .inquiry-product-card{
    position:relative;
    z-index:1;
    width:min(100%,435px);
    height:485px;
    padding:0;
    background:0 0;
    border:none;
    box-shadow:none
}
 .inquiry-section .inquiry-product-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:20px;
    overflow:hidden
}
.footer{
    position:relative;
    color:var(--white);
    background:#2D7A4F;
    overflow:hidden
}
 .footer-wave-bg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    pointer-events:none;
    opacity:.25;
    z-index:0;
    opacity:.18
}
 .footer-bottom,.footer-top{
    position:relative;
    z-index:1
}
 .footer-top{
    padding:78px 0 44px
}
 .footer-grid{
    display:grid;
    grid-template-columns:1.5fr 0.95fr 0.95fr 1.35fr;
    gap:34px;
    align-items:start;
}
 .footer-socials{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    margin-top:18px
}
 .footer-socials a{
    width:40px;
    height:40px;
    border-radius:50%;
    border:1px solid rgb(255 255 255);
    color:#28405d;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    transition:transform .25s ease,color .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease
}
 .footer-socials a:hover{
    color:#fff;
    border-color:var(--green);
    background:var(--green);
    transform:translateY(-2px)
}
 .footer-socials img{
    width:16px;
    height:16px;
    width:22px;
    height:22px
}
 .footer-col h4{
    font-size:var(--fs-body-sm);
    font-weight:800;
    letter-spacing:.08em;
    color:var(--white);
    margin-bottom:22px
}
 .footer-col ul{
    display:flex;
    flex-direction:column;
    gap:12px
}
 .footer-col ul li a{
    font-size:var(--fs-body-md);
    color:#fff;
    transition:color .25s
}
 .footer-col ul li a:hover{
    color:var(--green)
}
 .footer-contact{
    gap:14px!important
}
 .footer-contact li{
    display:grid;
    grid-template-columns:28px minmax(0,1fr);
    gap:8px;
    font-size:var(--fs-body-sm);
    color:rgba(255,255,255,.66);
    align-items:start;
    line-height:1.55
}
 .footer-contact li span{
    width:20px;
    height:20px;
    color:var(--green);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:1px
}
 .footer-contact li span svg{
    width:18px;
    height:18px;
    stroke:currentColor;
    stroke-width:1.7;
    fill:none;
    stroke-linecap:round;
    stroke-linejoin:round
}
 .footer-contact p{
    margin:0;
    color:rgba(255,255,255,.66)
}
 .footer-contact a{
    color:rgba(255,255,255,.72);
    transition:color .25s
}
 .footer-contact a:hover{
    color:var(--green)
}
 .loading-box{
    position:fixed;
    inset:0;
    display:none;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.72);
    backdrop-filter:blur(2px);
    z-index:9999
}
 .loading-box img{
    width:56px;
    height:56px;
    object-fit:contain;
    display:block
}
 .footer-col p{
    font-size:var(--fs-body-sm);
    color:#fff;
    margin-bottom:20px
}
 .footer-newsletter-form{
    display:flex;
    align-items:center;
    gap:10px
}
 .footer-newsletter-form input{
    flex:1;
    min-width:0;
    height:44px;
    padding:0 16px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.12);
    color:var(--dark);
    font-size:var(--fs-body-sm);
    outline:0
}
 .footer-newsletter-form input::placeholder{
    color:rgba(49,69,95,.4)
}
 .footer-newsletter-form button{
    height:44px;
    padding:0 20px;
    border-radius:12px;
    border:none;
    background:var(--green);
    color:var(--dark);
    font-size:var(--fs-btn);
    font-weight:700;
    cursor:pointer;
    box-shadow:0 12px 24px rgba(183,222,47,.14);
    transition:var(--transition)
}
 .footer-newsletter-form button:hover{
    background:var(--green)
}
 .footer-bottom{
    padding:26px 0 34px
}
 .footer-bottom-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    padding-top:26px;
    border-top:1px solid rgba(255,255,255,.06)
}
 .footer-bottom p{
    font-size:var(--fs-body-sm);
    color:rgba(255,255,255,.42)
}
 .footer-bottom-links{
    display:flex;
    align-items:center;
    gap:26px
}
 .footer-bottom-links a{
    font-size:var(--fs-body-sm);
    color:rgba(255,255,255,.46);
    transition:color .25s
}
 .footer-bottom-links a:hover{
    color:var(--green)
}
 .index-main .animate-up{
    opacity:0;
    transform:translateY(30px);
    animation:fadeSlideUp .8s ease forwards
}
 .index-main .delay-1{
    animation-delay:.2s
}
 .index-main .delay-2{
    animation-delay:.4s
}
 .index-main .delay-3{
    animation-delay:.6s
}
 .index-main .delay-4{
    animation-delay:.8s
}
 .index-main .delay-5{
    animation-delay:1s
}
 @media (max-width:1100px){
    .inquiry-section .inquiry-shell{
        grid-template-columns:1fr;
        gap:26px
    }
     .inquiry-section .inquiry-copy{
        max-width:none
    }
     .inquiry-section .inquiry-visual{
        min-height:0;
        order:-1
    }
     .inquiry-section .inquiry-product-card{
        width:min(100%,460px)
    }
     .index-main .products-layout{
        grid-template-columns:1fr;
        gap:36px;
        justify-items:center
    }
     .index-main .products-content{
        width:100%;
        max-width:560px;
        padding:0;
        margin-inline:auto
    }
     .index-main .products-content .section-subtitle{
        max-width:26ch;
        font-size:20px;
        line-height:1.45;
        margin-bottom:18px
    }
     .index-main .products-content .section-title{
        font-size:32px;
        line-height:1.12;
        margin-bottom:10px;
        max-width:12ch
    }
     .index-main .products-visual{
        order:-1;
        width:min(100%,520px);
        justify-content:flex-start;
        margin-inline:auto
    }
     .index-main .orbit-wrap{
        width:min(100%,420px);
        height:420px;
        margin:0 auto
    }
     .index-main .orbit-circle{
        width:340px;
        height:340px
    }
     .index-main .center-img-wrap{
        width:320px;
        height:320px;
        right:17%
    }
     .index-main .onode{
        margin-bottom:18px
    }
     .index-main .onode-circle{
        width:62px;
        height:62px
    }
     .product-main-image-wrap{
        max-width:320px
    }
     .index-main .why-container{
        grid-template-columns:1fr;
        gap:48px
    }
     .index-main .why-left{
        padding-top:0
    }
     .index-main .why-orb-wrap{
        max-width:360px;
        margin:0 auto 24px
    }
     .why-right{
        max-width:760px;
        margin:0 auto
    }
     .index-main .why-extras{
        grid-template-columns:1fr;
        gap:18px
    }
     .index-main .why-stats{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:22px;
        margin-top:56px
    }
     .index-main .process-flow{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:0 10px
    }
     .index-main .rd-hero{
        min-height:420px
    }
     .index-main .rd-showcase{
        gap:14px
    }
     .index-main .rd-tech-strip{
        grid-template-columns:1fr;
        gap:12px
    }
     .index-main .rd-tech-chip{
        grid-template-columns:56px minmax(0,1fr);
        min-height:112px;
        padding:22px 20px;
        border-right:1px solid rgba(120,168,204,.16);
        border-bottom:1px solid rgba(120,168,204,.16)
    }
     .rd-tech-icon{
        border-radius:18px
    }
     .rd-tech-icon svg{
        width:24px;
        height:24px
    }
     .index-main .rd-feature--compliance,.index-main .rd-feature.visible,.rd-feature{
        grid-template-columns:1fr
    }
     .index-main .rd-feature-row{
        grid-template-columns:1fr
    }
     .index-main .factory-shell{
        grid-template-columns:1fr;
        gap:40px
    }
     .index-main .factory-content{
        max-width:none
    }
     .factory-content::after,.factory-content::before{
        display:none
    }
     .index-main .factory-stats-board{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     .factory-stat-card:first-child,.factory-stat-card:nth-child(2),.factory-stat-card:nth-child(3),.factory-stat-card:nth-child(4),.factory-stat-card:nth-child(5){
        grid-column:auto
    }
     .index-main .inquiry-shell{
        grid-template-columns:1fr;
        gap:26px
    }
     .index-main .inquiry-copy{
        max-width:none
    }
     .index-main .inquiry-visual{
        min-height:0;
        order:-1
    }
     .index-main .inquiry-product-card{
        width:min(100%,460px)
    }
     .footer-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:36px
    }
     .footer-bottom-row{
        flex-direction:column;
        align-items:flex-start
    }
}
 @media (max-width:768px){
    :root{
        --fs-title-xl:clamp(2.2rem, 11vw, 3.4rem);
        --fs-title-lg:clamp(1.8rem, 6vw, 2.7rem);
        --fs-title-md:1.7rem;
        --fs-title-sm:1.34rem;
        --fs-body-lg:0.98rem;
        --fs-body-md:0.9rem;
        --fs-body-sm:0.84rem;
        --fs-label:0.72rem;
        --fs-btn:0.86rem;
        --fs-btn-sm:0.8rem
    }
     .container,.index-main .certs-section .container,.index-main .factory-news-section .container,.index-main .factory-section .container,.index-main .inquiry-section .container,.index-main .process-section .container,.index-main .products-section .container,.index-main .rd-section .container,.index-main .rtb-section .container,.index-main .solutions-section .container,.index-main .why-container .container,.nav-container{
        width:min(100%,calc(100% - 20px))
    }
     .index-main .container{
        padding:0 10px;
        width:100%
    }
     .index-main .section-header{
        margin-bottom:40px
    }
     .index-main .section-title{
        margin-bottom:16px;
        font-size:28px;
        margin-bottom:20px
    }
     .index-main .section-subtitle{
        margin-bottom:36px;
        font-size:18px
    }
     .navbar,.navbar.scrolled{
        padding:14px 10px
    }
     .nav-logo img{
        height:30px
    }
     .nav-actions{
        gap:10px
    }
     .nav-hamburger,.nav-icon-btn,.nav-quote-btn,.nav-search-btn{
        min-width:42px;
        min-height:42px
    }
     .nav-links{
        display:none;
        max-height:calc(100vh - 88px);
        overflow-y:auto;
        background:#fff!important;
        top:53px!important;
        padding:15px 10px!important;
        padding-bottom:20px!important
    }
     .nav-links>li{
        width:100%
    }
     .nav-link-row{
        justify-content:space-between;
        width:100%
    }
     .nav-item-has-submenu::after{
        display:none
    }
     .nav-submenu{
        position:static;
        min-width:0;
        margin-top:8px;
        padding:4px 0 0 14px;
        border:none;
        border-radius:0;
        background:0 0;
        box-shadow:none;
        backdrop-filter:none;
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        transform:none;
        display:none
    }
     .nav-submenu::before{
        display:none
    }
     .nav-item-has-submenu.open .nav-submenu{
        display:block
    }
     .nav-submenu a{
        min-height:34px;
        padding:0;
        border-radius:0;
        font-size:var(--fs-body-sm)
    }
     .nav-submenu a:hover{
        background:0 0;
        color:var(--white)
    }
     .nav-hamburger{
        display:flex
    }
     .nav-quote-btn{
        width:44px;
        padding:0;
        gap:0;
        border-radius:50%
    }
     .nav-quote-text{
        display:none
    }
     .nav-search-panel{
        top:88px;
        width:calc(100% - 24px)
    }
     .nav-search-inner{
        padding:14px;
        border-radius:20px
    }
     .nav-search-field{
        height:54px;
        padding:0 14px
    }
     .index-main .hero{
        min-height:max(625px,100svh);
        padding:72px 0 72px;
        align-items:flex-end;
        padding-bottom:0
    }
     .index-main .hero-slide,.index-main .hero-swiper{
        min-height:max(625px,100svh)
    }
     .index-main .hero-overlay{
        background:linear-gradient(180deg,rgba(7,18,34,.74) 0,rgba(7,18,34,.5) 100%)
    }
     .index-main .hero-content{
        width:100%;
        max-width:820px;
        padding:0 12px
    }
     .index-main .hero-title{
        line-height:1.3;
        margin-bottom:18px;
        font-size:30px
    }
     .index-main .hero-subtitle{
        line-height:1.24;
        margin-bottom:26px;
        font-size:18px
    }
     .index-main .hero-formats{
        gap:10px;
        max-width:680px;
        margin-bottom:28px;
        display:none
    }
     .index-main .format-tag{
        min-height:40px;
        padding:7px 16px
    }
     .index-main .hero-ctas{
        width:100%;
        gap:12px;
        margin-top:30px
    }
     .index-main .hero-ctas .btn{
        min-height:48px;
        padding-inline:22px;
        font-size:16px
    }
     .index-main .hero-scroll-indicator{
        bottom:20px
    }
     .index-main .hero-pagination{
        bottom:5%
    }
     .index-main .products-section{
        padding:64px 0
    }
     .index-main .products-layout{
        gap:24px;
        justify-content:center;
        display:flex;
        width:max-content;
        flex-direction:column;
        width:100%
    }
     .index-main .products-content{
        max-width:100%;
        padding:0;
        border-radius:20px
    }
     .index-main .products-content::before{
        display:none
    }
     .index-main .products-content .section-title{
        font-size:28px;
        line-height:1.14;
        margin-bottom:30px;
        max-width:11ch
    }
     .index-main .products-content .section-subtitle{
        font-size:17px;
        line-height:1.52;
        margin-bottom:18px;
        max-width:100%
    }
     .index-main .product-detail{
        min-height:0
    }
     .index-main .product-detail h3{
        font-size:21px;
        margin-bottom:18px
    }
     .index-main .product-detail p{
        font-size:15px;
        line-height:1.5
    }
     .index-main .product-feature{
        align-items:flex-start;
        gap:7px;
        font-size:15px;
        line-height:1.42
    }
     .index-main .product-feature p{
        max-width:100%
    }
     .index-main .product-feature::before{
        width:10px;
        height:10px;
        margin-top:6px
    }
     .index-main .product-daily{
        margin-top:16px;
        min-height:38px;
        padding:0 18px;
        font-size:15px
    }
     .index-main .products-visual{
        justify-content:flex-start;
        margin-inline:auto
    }
     .index-main .orbit-wrap{
        margin:0 auto
    }
     .index-main .orbit-circle{
        width:280px;
        height:280px
    }
     .index-main .center-img-wrap{
        width:265px;
        height:265px;
        right:21%
    }
     .index-main .orbit-wrap::before{
        inset:22px
    }
     .index-main .orbit-wrap::after{
        inset:58px
    }
     .index-main .onode-circle{
        width:70px;
        height:70px
    }
     .index-main .orbit-nodes{
        top:-10%
    }
     .index-main .onode{
        margin-bottom:10px
    }
     .index-main .rtb-section{
        scroll-margin-top:50px;
        padding:60px 0;
        padding-bottom:0
    }
     .index-main .rtb-section .section-header{
        margin-bottom:32px
    }
     .index-main .rtb-swiper{
        padding:8px 2px 12px
    }
     .index-main .rtb-card{
        border-radius:18px;
        box-shadow:none
    }
     .index-main .rtb-pagination{
        display:block;
        text-align:center;
        margin-top:40px
    }
     .index-main .rtb-info{
        padding:18px 18px 20px
    }
     .index-main .rtb-info p{
        line-height:1.64
    }
     .index-main .rtb-btn{
        width:42px;
        height:42px
    }
     .index-main .solutions-section{
        scroll-margin-top:50px;
        padding:60px 0
    }
     .index-main .solutions-section .section-header{
        margin-bottom:0
    }
     .solutions-carousel-wrap{
        padding:0
    }
     .index-main .solutions-swiper{
        padding:0;
        mask-image:none
    }
     .index-main .solutions-swiper .swiper-slide{
        padding-top:0;
        transform:translateY(18px) scale(1)
    }
     .solutions-swiper .swiper-slide-next,.solutions-swiper .swiper-slide-prev{
        transform:translateY(10px) scale(.95)
    }
     .solutions-swiper .swiper-slide-active,.solutions-swiper .swiper-slide-duplicate-active{
        transform:translateY(-2px) scale(1)
    }
     .index-main .solutions-pagination{
        display:block;
        text-align:center;
        margin-top:40px
    }
     .index-main .solutions-btn{
        display:none
    }
     .solutions-swiper .swiper-slide-active .index-main .health-card{
        border:0
    }
     .index-main .health-card{
        min-height:430px;
        border-radius:20px
    }
     .index-main .health-card::before{
        top:-42px;
        right:-34px;
        width:126px;
        height:126px;
        border-radius:30px
    }
     .index-main .health-card-copy{
        padding:20px
    }
     .index-main .health-card-copy h3{
        font-size:20px
    }
     .index-main .health-card-copy p{
        font-size:17px
    }
     .index-main .health-card-more{
        min-height:36px;
        padding:9px 16px;
        margin-top:4px
    }
     .index-main .health-card-dosage{
        max-width:16rem!important;
        gap:9px
    }
     .health-dose-tag{
        padding:7px 14px
    }
     .index-main .health-card-product{
        right:10px;
        bottom:calc(32% - 12px);
        width:115px;
        padding:12px
    }
     .index-main .certs-section{
        padding:80px 0
    }
     .certs-section .index-main .section-header{
        margin-bottom:32px
    }
     .index-main .certs-ticker-wrap{
        margin:0 -20px 34px;
        padding:14px 0
    }
     .index-main .certs-ticker{
        gap:15px
    }
     .index-main .cert-item{
        min-width:142px;
        gap:12px
    }
     .index-main .cert-item-badge{
        min-height:132px;
        padding:16px 14px;
        border-radius:22px
    }
     .index-main .cert-item img{
        height:92px
    }
     .index-main .cert-item span{
        white-space:normal;
        max-width:10ch
    }
     .index-main .cert-point{
        min-height:0;
        gap:14px;
        padding:22px 20px 20px
    }
     .index-main .cert-point-index{
        font-size:30px
    }
     .index-main .cert-point p{
        font-size:17px
    }
     .index-main .certs-points{
        grid-template-columns:1fr
    }
     .index-main .why-section{
        padding:0
    }
     .index-main .why-copy{
        display:grid;
        gap:14px
    }
     .index-main .why-more-btn,.index-main .why-video-btn{
        width:fit-content;
        min-height:44px
    }
     .index-main .why-container .container{
        display:flex;
        gap:30px;
        flex-direction:column;
        width:min(100%,calc(100% - 20px));
        padding:60px 0
    }
     .index-main .why-orb-wrap{
        max-width:300px;
        margin-bottom:18px
    }
     .index-main .why-big-text{
        line-height:1.2
    }
     .index-main .why-right .section-title{
        font-size:24px;
        margin-bottom:30px
    }
     .index-main .why-body{
        line-height:1.5;
        font-size:16px
    }
     .index-main .why-divider{
        margin:24px 0 22px
    }
     .index-main .why-extra-item p{
        font-size:16px
    }
     .index-main .why-stats{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:18px;
        margin-top:0;
        padding-top:30px;
        margin-bottom:60px
    }
     .index-main .decor-box .decor--1{
        display:none
    }
     .index-main .decor-box .decor--2{
        opacity:0
    }
     .index-main .decor-box .decor--3{
        opacity:.6;
        top:-2%
    }
     .index-main .decor-box .decor--4{
        opacity:.2
    }
     .index-main .decor-box .decor--6{
        opacity:.3
    }
     .index-main .decor-box .decor--7{
        right:-30%;
        opacity:.5
    }
     .index-main .decor-box .decor--8{
        opacity:0
    }
     .index-main .decor-box .decor--9{
        opacity:0
    }
     .index-main .decor-box .decor--10{
        opacity:0
    }
     .index-main .stat-item{
        min-height:0;
        padding:0
    }
     .index-main .stat-num{
        font-size:2.35rem
    }
     .index-main .factory-carousel-section{
        padding-top:50px
    }
     .index-main .factory-carousel-head{
        margin-bottom:28px
    }
     .index-main .factory-carousel-head .section-title{
        font-size:28px
    }
     .index-main .factory-image-card{
        aspect-ratio:16/10
    }
     .index-main .factory-image-pagination{
        margin-top:20px
    }
     .index-main .process-section{
        padding:60px 0
    }
     .index-main .process-section .section-subtitle{
        max-width:30rem
    }
     .index-main .process-section .section-title{
        font-size:28px
    }
     .index-main .process-heading-row{
        justify-content:center;
        gap:14px
    }
     .index-main .process-jump-btn{
        min-height:38px;
        padding:9px 18px
    }
     .index-main .process-flow{
        margin-top:0
    }
     .index-main .process-cta{
        margin-top:24px
    }
     .index-main .process-node{
        min-height:146px;
        padding:20px 0
    }
     .index-main .process-node-index{
        opacity:.4
    }
     .index-main .process-node-icon{
        margin-bottom:20px;
        position:unset
    }
     .index-main .process-node h4{
        font-size:14px
    }
     .index-main .process-node-icon img,.index-main .process-node:hover .process-node-icon img{
        width:auto;
        height:55px
    }
     .index-main .rd-section{
        padding:60px 0
    }
     .rd-section .index-main .section-header{
        margin-bottom:32px
    }
     .rd-big-title{
        line-height:1.02
    }
     .rd-section .index-main .section-subtitle{
        max-width:32rem;
        margin-bottom:0
    }
     .index-main .rd-showcase{
        margin-top:36px;
        gap:12px
    }
     .index-main .rd-hero{
        min-height:280px;
        border-radius:20px 20px 0 0
    }
     .index-main .rd-tech-strip{
        grid-template-columns:1fr;
        gap:10px
    }
     .index-main .rd-tech-chip{
        grid-template-columns:42px 1fr;
        min-height:82px;
        padding:14px;
        border-right:1px solid rgba(120,168,204,.16);
        border-bottom:1px solid rgba(120,168,204,.16);
        border-radius:16px
    }
     .rd-tech-icon{
        border-radius:14px
    }
     .index-main .rd-tech-icon img{
        width:40px;
        height:40px
    }
     .index-main .rd-tech-copy{
        gap:6px
    }
     .index-main .rd-tech-copy span{
        font-size:18px
    }
     .index-main .rd-grid{
        margin-top:12px;
        gap:12px
    }
     .index-main .rd-feature-media--logos{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px;
        padding:18px
    }
     .index-main .rd-feature-copy{
        min-height:0;
        padding:24px 20px
    }
     .index-main .rd-feature-copy h3{
        font-size:20px;
        line-height:1.16;
        margin-bottom:12px;
        max-width:80%
    }
     .index-main .rd-feature-copy p{
        font-size:16px
    }
     .index-main .factory-section{
        padding:60px 0
    }
     .index-main .factory-content{
        display:grid;
        gap:14px
    }
     .index-main .factory-tagline{
        font-size:20px;
        margin-bottom:0
    }
     .index-main .factory-lead{
        line-height:1.4;
        font-size:16px
    }
     .index-main .factory-more-btn{
        width:fit-content
    }
     .index-main .factory-visual{
        min-height:300px;
        width:100%
    }
     .index-main .factory-visual-card{
        border-radius:22px
    }
     .index-main .factory-visual-card--top{
        width:50%;
        height:36%
    }
     .index-main .factory-visual-card--bottom{
        width:54%;
        height:38%;
        right:2%
    }
     .index-main .factory-floating-stat{
        left:4%;
        bottom:10px;
        padding:14px 16px
    }
     .index-main .factory-floating-num{
        font-size:1.6rem
    }
     .index-main .factory-stats-board{
        grid-template-columns:1fr;
        gap:12px;
        margin-top:32px
    }
     .factory-stat-card:first-child,.factory-stat-card:nth-child(2),.factory-stat-card:nth-child(3),.factory-stat-card:nth-child(4),.factory-stat-card:nth-child(5){
        grid-column:auto
    }
     .index-main .factory-stat-card{
        min-height:0;
        padding:22px 18px;
        border-radius:20px
    }
     .index-main .factory-stat-value{
        margin-bottom:14px
    }
     .index-main .factory-news-section{
        padding:60px 0 60px
    }
     .index-main .factory-news-section .section-header{
        margin-bottom:32px
    }
     .index-main .factory-news-section-head{
        margin-bottom:34px
    }
     .index-main .factory-news-section-head .section-title{
        margin-bottom:12px
    }
     .index-main .factory-news-section-head .section-subtitle{
        max-width:34rem
    }
     .index-main .factory-news-swiper{
        padding-bottom:6px
    }
     .index-main .factory-news-pagination{
        display:flex
    }
     .index-main .factory-news-media{
        aspect-ratio:1.16
    }
     .index-main .factory-news-copy{
        gap:0;
        padding:0;
        padding-top:20px
    }
     .index-main .factory-news-copy h4{
        font-size:18px
    }
     .index-main .factory-news-copy p{
        line-height:1.68
    }
     .index-main .factory-news-date{
        width:92px;
        height:92px;
        padding:12px 12px 0 0
    }
     .index-main .factory-news-date strong{
        font-size:1.72rem
    }
     .index-main .inquiry-section{
        padding:60px 0
    }
     .index-main .inquiry-shell{
        gap:30px;
        padding:0
    }
     .index-main .inquiry-copy .section-subtitle{
        margin-bottom:24px
    }
     .index-main .inquiry-form-grid{
        grid-template-columns:1fr;
        gap:10px
    }
     .index-main .inquiry-field span{
        font-size:16px
    }
     .index-main .inquiry-field-full{
        grid-column:auto
    }
     .footer-newsletter-form input,.index-main .inquiry-field input,.index-main .inquiry-field select,.index-main .inquiry-field textarea{
        font-size:16px;
        min-height:45px
    }
     .index-main .inquiry-submit{
        min-width:auto;
        font-size:20px
    }
     .index-main .inquiry-product-card{
        width:100%;
        height:340px
    }
     .index-main .inquiry-product-card img{
        width:100%
    }
     .footer-top{
        padding:40px 0 0
    }
     .footer-col h4{
        margin-bottom:16px
    }
     .footer-contact li{
        grid-template-columns:24px minmax(0,1fr);
        gap:10px
    }
     .footer-col p,.footer-col ul li a,.footer-contact a,.footer-contact p{
        line-height:1.68
    }
     .footer-socials{
        margin-top:14px
    }
     .footer-bottom{
        padding:30px 10px
    }
     .footer-bottom-row{
        gap:12px;
        padding-top:20px;
        margin:auto
    }
     .footer-grid{
        grid-template-columns:1fr;
        gap:28px;
        margin:auto
    }
     .footer-grid .footer-col:nth-child(2),.footer-grid .footer-col:nth-child(3){
        display:none
    }
     .footer-newsletter-form{
        flex-direction:column;
        align-items:stretch
    }
     .footer-newsletter-form input{
        flex:unset
    }
     .footer-newsletter-form button{
        width:max-content
    }
     .footer-bottom-links{
        flex-wrap:wrap;
        gap:14px 20px
    }
}
 @media (max-width:600px){
    .inquiry-section{
        padding:60px 0
    }
     .inquiry-section .container{
        width:min(100% - 32px,var(--container))
    }
     .inquiry-section .inquiry-shell{
        grid-template-columns:1fr;
        gap:30px;
        padding:0
    }
     .inquiry-section .inquiry-copy{
        max-width:none
    }
     .inquiry-section .inquiry-copy .section-subtitle{
        margin-bottom:24px
    }
     .inquiry-section .inquiry-visual{
        min-height:0;
        order:-1
    }
     .inquiry-section .inquiry-form-grid{
        grid-template-columns:1fr;
        gap:10px
    }
     .inquiry-section .inquiry-field span{
        font-size:16px
    }
     .inquiry-section .inquiry-field-full{
        grid-column:auto
    }
     .inquiry-section .inquiry-field input,.inquiry-section .inquiry-field select,.inquiry-section .inquiry-field textarea{
        font-size:16px;
        min-height:45px
    }
     .inquiry-section .inquiry-submit{
        min-width:auto;
        font-size:20px
    }
     .inquiry-section .inquiry-product-card{
        width:100%;
        height:340px
    }
     .index-main .products-content{
        padding:0
    }
     .index-main .products-content .section-title{
        font-size:24px;
        line-height:1.3;
        max-width:20ch
    }
     .index-main .products-content .section-subtitle{
        font-size:16px;
        line-height:1.5;
        margin-bottom:16px
    }
     .index-main .product-detail h3{
        font-size:19px;
        margin-bottom:14px
    }
     .index-main .product-detail p{
        font-size:15px
    }
     .index-main .product-feature{
        font-size:14px;
        gap:6px
    }
}
 .product-list{
    padding-top:80px
}
 .inner-hero{
    --inner-hero-bg:none;
    position:relative;
    min-height:680px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    isolation:isolate;
    background:#132033
}
 .inner-hero-bg{
    position:absolute;
    inset:0;
    background-image:var(--inner-hero-bg);
    background-size:cover;
    background-position:center;
    transform:scale(1.04)
}
 .inner-hero-overlay{
    position:absolute;
    inset:0;
    background:rgb(0 0 0 / 20%)
}
 .inner-hero-content{
    position:relative;
    z-index:2;
    padding:0;
    text-align:left;
    color:#fff
}
 .inner-hero-eyebrow{
    display:inline-block;
    margin-bottom:18px;
    padding:5px 18px;
    border-radius:999px;
    border:1px solid rgba(183,222,47,.35);
    background:rgba(183,222,47,.18);
    color:var(--green);
    font-size:.78rem;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase
}
 .inner-hero-title{
    margin:0 0 18px;
    color:#fff;
    font-size:clamp(2rem, 5vw, 3.4rem);
    font-weight:800;
    line-height:1.15;
    letter-spacing:-.02em;
    max-width:65%
}
 .inner-hero-title span{
    color:var(--green)
}
 .inner-hero-desc{
    max-width:760px;
    margin:0;
    color:rgba(255,255,255,.84);
    font-size:clamp(1rem, 2vw, 1.12rem);
    line-height:1.72
}
 .manufacture-page .manufacture-hero-cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    margin-top:24px;
    padding:0 28px;
    border-radius:999px;
    background:var(--green);
    border:1px solid var(--green);
    color:#132033;
    font-size:.92rem;
    font-weight:700;
    letter-spacing:.04em;
    text-decoration:none;
    box-shadow:0 10px 24px rgba(204,255,0,.22);
    transition:transform .2s ease,box-shadow .2s ease,background .2s ease
}
 .manufacture-page .manufacture-hero-cta:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 30px rgba(204,255,0,.28)
}
 .inner-hero-desc strong{
    color:#d9f27c
}
 .inner-hero-meta{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    gap:8px 10px;
    margin-top:18px;
    color:rgba(255,255,255,.7);
    font-size:.9rem
}
 .inner-hero-sep{
    color:rgba(255,255,255,.35)
}
 .inner-breadcrumb{
    background:#f5f8fc;
    border-bottom:1px solid #edf3f8;
    padding:12px 0
}
 .product-breadcrumb{
    margin-top:80px;
    background:#f3f6fa
}
 .inner-breadcrumb-list{
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
    margin:0;
    padding:0;
    list-style:none
}
 .inner-breadcrumb-list li{
    display:flex;
    align-items:center;
    gap:6px;
    color:#64748b;
    font-size:.85rem
}
 .inner-breadcrumb-list a{
    color:#64748b;
    text-decoration:none;
    transition:color .2s ease
}
 .inner-breadcrumb-list a:hover{
    color:var(--blue)
}
 .inner-breadcrumb-list span[aria-current=page]{
    color:#132033;
    font-weight:600
}
 .inner-breadcrumb-sep{
    display:flex;
    align-items:center;
    color:#64748b
}
 .inner-breadcrumb-sep svg{
    width:14px;
    height:14px;
    stroke:currentColor
}
 .product-list .pl-banner{
    position:relative;
    min-height:520px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden
}
 .product-list .pl-banner-bg{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    transform:scale(1.04);
    animation:plBannerZoom 18s ease-in-out infinite alternate
}
 @keyframes plBannerZoom{
    from{
        transform:scale(1.04)
    }
     to{
        transform:scale(1.1)
    }
}
 .product-list .pl-banner-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,rgba(12,30,53,.72) 0,rgba(12,30,53,.52) 100%)
}
 .product-list .pl-banner-content{
    position:relative;
    z-index:2;
    text-align:center;
    max-width:900px;
    padding:60px 24px
}
 .product-list .pl-banner-title{
    font-size:clamp(2rem, 5vw, 3.4rem);
    font-weight:800;
    color:#fff;
    line-height:1.15;
    margin-bottom:20px;
    letter-spacing:-.01em
}
 .product-list .pl-accent{
    color:var(--green)
}
 .product-list .pl-banner-subtitle{
    font-size:clamp(1rem, 2vw, 1.2rem);
    color:rgba(255,255,255,.88);
    margin-bottom:18px;
    font-weight:400
}
 .product-list .pl-banner-tags{
    font-size:.9rem;
    color:rgba(255,255,255,.7);
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:6px 4px;
    line-height:1.8
}
 .product-list .pl-sep{
    color:var(--green);
    opacity:.7;
    margin:0 4px
}
 @keyframes pl-animate-up{
    from{
        opacity:0;
        transform:translateY(24px)
    }
     to{
        opacity:1;
        transform:translateY(0)
    }
}
 .product-list .pl-banner-eyebrow{
    display:inline-block;
    background:rgba(183,222,47,.18);
    color:var(--green);
    font-size:.75rem;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
    padding:5px 18px;
    border-radius:100px;
    border:1px solid rgba(183,222,47,.35);
    margin-bottom:18px
}
 .product-list .pl-banner-content .animate-up{
    animation:pl-animate-up .7s ease both
}
 .product-list .pl-banner-content .animate-up:first-child{
    animation-delay:.05s
}
 .product-list .pl-banner-content .animate-up:nth-child(2){
    animation-delay:.15s
}
 .product-list .pl-banner-content .animate-up:nth-child(3){
    animation-delay:.28s
}
 .product-list .pl-banner-content .animate-up:nth-child(4){
    animation-delay:.4s
}
 .product-list .pl-breadcrumb{
    background:#f5f8fc;
    border-bottom:1px solid #edf3f8;
    padding:12px 0
}
 .product-list .pl-breadcrumb-list{
    display:flex;
    align-items:center;
    gap:6px;
    list-style:none;
    flex-wrap:wrap
}
 .product-list .pl-breadcrumb-list li{
    display:flex;
    align-items:center;
    gap:6px;
    font-size:.85rem;
    color:#64748b
}
 .product-list .pl-breadcrumb-list li a{
    color:#64748b;
    transition:color .2s
}
 .product-list .pl-breadcrumb-list li a:hover{
    color:var(--blue)
}
 .product-list .pl-breadcrumb-list li span[aria-current=page]{
    color:#132033;
    font-weight:600
}
 .product-list .pl-breadcrumb-sep{
    display:flex;
    align-items:center
}
 .product-list .pl-breadcrumb-sep svg{
    width:14px;
    height:14px;
    stroke:#64748b
}
 .product-list .pl-filter-section{
    padding:36px 0 0;
    background:#fff
}
 .product-list .pl-filter-list{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    list-style:none;
    scroll-margin-top:110px
}
 .product-list .pl-filter-btn{
    padding:9px 22px;
    border-radius:999px;
    border:1.5px solid #edf3f8;
    background:#fff;
    color:#5d6b7f;
    font-size:.88rem;
    font-weight:500;
    cursor:pointer;
    transition:all .25s ease;
    font-family:var(--font-main);
    white-space:nowrap
}
 .product-list .pl-filter-btn:hover{
    border-color:var(--green);
    color:var(--dark);
    background:#f5f8fc
}
 .product-list .pl-filter-btn.active{
    background:var(--green);
    border-color:var(--green);
    color:var(--dark);
    font-weight:700;
    box-shadow:0 4px 14px rgba(183,222,47,.28)
}
 .product-list .pl-products-section{
    padding:40px 0 80px;
    background:#fff
}
 .product-list .pl-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:28px;
    margin-bottom:56px
}
 .product-list .pl-card{
    background:#fff;
    border-radius:18px;
    border:1px solid #edf3f8;
    box-shadow:0 4px 24px rgba(28,56,94,.06);
    overflow:hidden;
    display:flex;
    flex-direction:column;
    transition:transform .3s ease,box-shadow .3s ease
}
 .product-list .pl-card:hover{
    transform:translateY(-5px);
    box-shadow:0 14px 40px rgba(28,56,94,.12)
}
 .product-list .pl-card-img-wrap{
    display:block;
    /*aspect-ratio:4/3;*/
    overflow:hidden;
    background:#f5f8fc
}
 .product-list .pl-card-img-wrap img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .5s ease
}
 .product-list .pl-card:hover .pl-card-img-wrap img{
    transform:scale(1.06)
}
 .product-list .pl-card-body{
    padding:22px 24px 24px;
    display:flex;
    flex-direction:column;
    flex:1
}
 .product-list .pl-card-title{
    font-size:1.05rem;
    font-weight:700;
    color:#132033;
    margin-bottom:10px;
    line-height:1.35;
    min-height:calc(1.05rem * 1.35 * 2);
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden
}
 .product-list .pl-card-title a{
    display:block;
    color:inherit;
    transition:color .2s
}
 .product-list .pl-card-title a:hover{
    color:var(--blue)
}
 .product-list .pl-card-desc{
    font-size:.875rem;
    color:#64748b;
    line-height:1.7;
    flex:1;
    margin-bottom:20px;
    min-height:calc(.875rem * 1.7 * 3);
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden
}
 .product-list .pl-card-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap
}
 .product-list .pl-card.hidden{
    display:none
}
 .product-list .pl-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:9px 20px;
    border-radius:999px;
    font-size:.84rem;
    font-weight:700;
    font-family:var(--font-main);
    cursor:pointer;
    transition:all .25s ease;
    border:2px solid transparent;
    white-space:nowrap
}
 .product-list .pl-btn-primary{
    background:var(--green);
    color:var(--dark);
    border-color:var(--green)
}
 .product-list .pl-btn-primary:hover{
    background:var(--green);
    border-color:var(--green);
    transform:translateY(-1px);
    box-shadow:0 6px 18px rgba(183,222,47,.3)
}
 .product-list .pl-btn-outline{
    background:0 0;
    color:var(--blue);
    border-color:var(--blue)
}
 .product-list .pl-btn-outline:hover{
    background:var(--blue);
    color:#fff;
    transform:translateY(-1px)
}
 .product-list .pl-pagination{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    flex-wrap:wrap
}
 .product-list .pl-pagination li{
    list-style:none
}
 .product-list .pl-pagination li a{
    width:40px;
    height:40px;
    border-radius:50%;
    border:1.5px solid #edf3f8;
    background:#fff;
    color:#5d6b7f;
    font-size:.88rem;
    font-weight:600;
    font-family:var(--font-main);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transition:all .22s ease
}
 .product-list .pl-pagination li a:hover{
    border-color:var(--green);
    background:#f5f8fc;
    color:var(--dark)
}
 .product-list .pl-pagination li a.active,.product-list .pl-pagination li.active a{
    background:var(--green);
    border-color:var(--green);
    color:var(--dark);
    box-shadow:0 4px 12px rgba(183,222,47,.28)
}
 .product-list .pl-pagination .page-arrow{
    font-size:1.45rem;
    line-height:1;
    margin-top:-2px
}
 .product-list .pl-page-btn,.product-list .pl-page-num{
    width:40px;
    height:40px;
    border-radius:50%;
    border:1.5px solid #edf3f8;
    background:#fff;
    color:#5d6b7f;
    font-size:.88rem;
    font-weight:600;
    font-family:var(--font-main);
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transition:all .22s ease
}
 .product-list .pl-page-btn svg{
    width:18px;
    height:18px;
    stroke:currentColor
}
 .product-list .pl-page-btn:hover:not(:disabled),.product-list .pl-page-num:hover{
    border-color:var(--green);
    background:#f5f8fc;
    color:var(--dark)
}
 .product-list .pl-page-num.active{
    background:var(--green);
    border-color:var(--green);
    color:var(--dark);
    box-shadow:0 4px 12px rgba(183,222,47,.28)
}
 .product-list .pl-page-btn:disabled{
    opacity:.35;
    cursor:not-allowed
}
 .product-list .pl-page-ellipsis{
    color:#64748b;
    font-size:.9rem;
    padding:0 4px;
    line-height:40px
}
 .health-need{
    padding-top:80px
}
 .health-need .hn-banner{
    position:relative;
    min-height:520px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden
}
 .health-need .hn-banner-bg{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    transform:scale(1.04);
    animation:hnBannerZoom 18s ease-in-out infinite alternate
}
 @keyframes hnBannerZoom{
    from{
        transform:scale(1.04)
    }
     to{
        transform:scale(1.1)
    }
}
 .health-need .hn-banner-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,rgba(12,30,53,.72) 0,rgba(12,30,53,.52) 100%)
}
 .health-need .hn-banner-content{
    position:relative;
    z-index:2;
    text-align:center;
    max-width:860px;
    padding:60px 24px
}
 .health-need .hn-banner-title{
    font-size:clamp(2rem, 5vw, 3.4rem);
    font-weight:800;
    color:#fff;
    line-height:1.15;
    margin-bottom:20px;
    letter-spacing:-.01em
}
 .health-need .hn-accent{
    color:var(--green)
}
 .health-need .hn-banner-subtitle{
    font-size:clamp(1rem, 2vw, 1.15rem);
    color:rgba(255,255,255,.82);
    line-height:1.75;
    max-width:720px;
    margin:0 auto;
    font-weight:400
}
 @keyframes hn-animate-up{
    from{
        opacity:0;
        transform:translateY(24px)
    }
     to{
        opacity:1;
        transform:translateY(0)
    }
}
 .health-need .hn-banner-eyebrow{
    display:inline-block;
    background:rgba(183,222,47,.18);
    color:var(--green);
    font-size:.75rem;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
    padding:5px 18px;
    border-radius:100px;
    border:1px solid rgba(183,222,47,.35);
    margin-bottom:18px
}
 .health-need .hn-banner-content .animate-up{
    animation:hn-animate-up .7s ease both
}
 .health-need .hn-banner-content .animate-up:first-child{
    animation-delay:.05s
}
 .health-need .hn-banner-content .animate-up:nth-child(2){
    animation-delay:.18s
}
 .health-need .hn-banner-content .animate-up:nth-child(3){
    animation-delay:.32s
}
 .health-need .hn-breadcrumb{
    background:#f5f8fc;
    border-bottom:1px solid #edf3f8;
    padding:12px 0
}
 .health-need .hn-breadcrumb-list{
    display:flex;
    align-items:center;
    gap:6px;
    list-style:none;
    flex-wrap:wrap
}
 .health-need .hn-breadcrumb-list li{
    display:flex;
    align-items:center;
    gap:6px;
    font-size:.85rem;
    color:#64748b
}
 .health-need .hn-breadcrumb-list li a{
    color:#64748b;
    transition:color .2s
}
 .health-need .hn-breadcrumb-list li a:hover{
    color:var(--blue)
}
 .health-need .hn-breadcrumb-list li span[aria-current=page]{
    color:#132033;
    font-weight:600
}
 .health-need .hn-breadcrumb-sep{
    display:flex;
    align-items:center
}
 .health-need .hn-breadcrumb-sep svg{
    width:14px;
    height:14px;
    stroke:#64748b
}
 .health-need .hn-filter-section{
    padding:36px 0 0;
    background:#fff
}
 .health-need .hn-filter-list{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    list-style:none;
    scroll-margin-top:110px
}
 .health-need .hn-filter-btn{
    padding:9px 22px;
    border-radius:999px;
    border:1.5px solid #edf3f8;
    background:#fff;
    color:#5d6b7f;
    font-size:.88rem;
    font-weight:500;
    cursor:pointer;
    transition:all .25s ease;
    font-family:var(--font-main);
    white-space:nowrap
}
 .health-need .hn-filter-btn:hover{
    border-color:var(--green);
    color:var(--dark);
    background:#f5f8fc
}
 .health-need .hn-filter-btn.active{
    background:var(--green);
    border-color:var(--green);
    color:var(--dark);
    font-weight:700;
    box-shadow:0 4px 14px rgba(183,222,47,.28)
}
 .health-need .hn-products-section{
    padding:40px 0 80px;
    background:#fff
}
 .health-need .hn-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:28px;
    margin-bottom:56px
}
 .health-need .hn-card{
    background:#fff;
    border-radius:18px;
    border:1px solid #edf3f8;
    box-shadow:0 4px 24px rgba(28,56,94,.06);
    overflow:hidden;
    display:flex;
    flex-direction:column;
    transition:transform .3s ease,box-shadow .3s ease
}
 .health-need .hn-card:hover{
    transform:translateY(-5px);
    box-shadow:0 14px 40px rgba(28,56,94,.12)
}
 .health-need .hn-card-img-wrap{
    display:block;
    aspect-ratio:1/1;
    overflow:hidden;
    background:#f5f8fc
}
 .health-need .hn-card-img-wrap img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .5s ease
}
 .health-need .hn-card:hover .hn-card-img-wrap img{
    transform:scale(1.06)
}
 .health-need .hn-card-body{
    padding:22px 24px 24px;
    display:flex;
    flex-direction:column;
    flex:1
}
 .health-need .hn-card-title{
    font-size:1.05rem;
    font-weight:700;
    color:#132033;
    margin-bottom:10px;
    line-height:1.35;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden
}
 .health-need .hn-card-title a{
    display:block;
    color:inherit;
    transition:color .2s
}
 .health-need .hn-card-title a:hover{
    color:var(--blue)
}
 .health-need .hn-card-desc{
    font-size:.875rem;
    color:#64748b;
    line-height:1.7;
    flex:1;
    margin-bottom:20px;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden
}
 .health-need .hn-card-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap
}
 .health-need .hn-card.hidden{
    display:none
}
 .health-need .hn-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:9px 20px;
    border-radius:999px;
    font-size:.84rem;
    font-weight:700;
    font-family:var(--font-main);
    cursor:pointer;
    transition:all .25s ease;
    border:2px solid transparent;
    white-space:nowrap
}
 .health-need .hn-btn-primary{
    background:var(--green);
    color:var(--dark);
    border-color:var(--green)
}
 .health-need .hn-btn-primary:hover{
    background:var(--green);
    border-color:var(--green);
    transform:translateY(-1px);
    box-shadow:0 6px 18px rgba(183,222,47,.3)
}
 .health-need .hn-btn-outline{
    background:0 0;
    color:var(--blue);
    border-color:var(--blue)
}
 .health-need .hn-btn-outline:hover{
    background:var(--blue);
    color:#fff;
    transform:translateY(-1px)
}
 .health-need .hn-pagination,.product-list .hn-pagination{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    flex-wrap:wrap
}
 .health-need .hn-pagination ul,.product-list .hn-pagination ul{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    flex-wrap:wrap;
    margin:0;
    padding:0
}
 .health-need .hn-pagination li,.product-list .hn-pagination li{
    list-style:none
}
 .health-need .hn-pagination li a,.product-list .hn-pagination li a{
    width:40px;
    height:40px;
    border-radius:50%;
    border:1.5px solid #edf3f8;
    background:#fff;
    color:#5d6b7f;
    font-size:.88rem;
    font-weight:600;
    font-family:var(--font-main);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transition:all .22s ease
}
 .health-need .hn-pagination li a:hover,.product-list .hn-pagination li a:hover{
    border-color:var(--green);
    background:#f5f8fc;
    color:var(--dark)
}
 .health-need .hn-pagination li a.active,.health-need .hn-pagination li.active a,.product-list .hn-pagination li a.active,.product-list .hn-pagination li.active a{
    background:var(--green);
    border-color:var(--green);
    color:var(--dark);
    box-shadow:0 4px 12px rgba(183,222,47,.28)
}
 .health-need .hn-pagination .page-arrow,.product-list .hn-pagination .page-arrow{
    font-size:1.45rem;
    line-height:1;
    margin-top:-2px
}
 .health-need .hn-pagination li a svg,.product-list .hn-pagination li a svg{
    width:18px;
    height:18px;
    stroke:currentColor
}
 .health-need .hn-page-btn,.health-need .hn-page-num{
    width:40px;
    height:40px;
    border-radius:50%;
    border:1.5px solid #edf3f8;
    background:#fff;
    color:#5d6b7f;
    font-size:.88rem;
    font-weight:600;
    font-family:var(--font-main);
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transition:all .22s ease
}
 .health-need .hn-page-btn svg{
    width:18px;
    height:18px;
    stroke:currentColor
}
 .health-need .hn-page-btn:hover:not(:disabled),.health-need .hn-page-num:hover{
    border-color:var(--green);
    background:#f5f8fc;
    color:var(--dark)
}
 .health-need .hn-page-num.active{
    background:var(--green);
    border-color:var(--green);
    color:var(--dark);
    box-shadow:0 4px 12px rgba(183,222,47,.28)
}
 .health-need .hn-page-btn:disabled{
    opacity:.35;
    cursor:not-allowed
}
 .health-need .hn-page-ellipsis{
    color:#64748b;
    font-size:.9rem;
    padding:0 4px;
    line-height:40px
}
 .cdmo-service .cs-banner{
    position:relative;
    min-height:520px;
    display:flex;
    align-items:center;
    overflow:hidden
}
 .cdmo-service .cs-banner-bg{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    transform:scale(1.04);
    transition:transform 8s ease
}
 .cdmo-service .cs-banner:hover .cs-banner-bg{
    transform:scale(1)
}
 .cdmo-service .cs-banner-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(120deg,rgba(10,20,40,.82) 40%,rgba(10,40,30,.55) 100%)
}
 .cdmo-service .cs-banner-content{
    position:relative;
    z-index:2;
    max-width:760px;
    padding:80px 48px;
    color:#fff
}
 .cdmo-service .cs-banner-title{
    font-size:clamp(2rem, 4.5vw, 3.4rem);
    font-weight:800;
    line-height:1.18;
    margin-bottom:20px;
    letter-spacing:-.02em
}
 .cdmo-service .cs-accent{
    color:var(--green)
}
 .cdmo-service .cs-banner-desc{
    font-size:clamp(1rem, 1.6vw, 1.18rem);
    line-height:1.7;
    opacity:.88;
    margin-bottom:36px;
    max-width:640px
}
 .cdmo-service .cs-banner-actions{
    display:flex;
    gap:16px;
    flex-wrap:wrap
}
 .cdmo-service .cs-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:13px 28px;
    border-radius:8px;
    font-weight:600;
    font-size:.95rem;
    text-decoration:none;
    transition:all .22s ease;
    cursor:pointer;
    border:2px solid transparent
}
 .cdmo-service .cs-btn-primary{
    background:var(--green);
    color:#132033;
    border-color:var(--green)
}
 .cdmo-service .cs-btn-primary:hover{
    background:var(--green);
    border-color:var(--green);
    transform:translateY(-2px);
    box-shadow:0 6px 20px rgba(163,230,53,.35)
}
 .cdmo-service .cs-btn-outline{
    background:0 0;
    color:#fff;
    border-color:rgba(255,255,255,.6)
}
 .cdmo-service .cs-btn-outline:hover{
    background:rgba(255,255,255,.12);
    border-color:#fff
}
 .cdmo-service .cs-btn-sm{
    padding:9px 20px;
    font-size:.88rem
}
 .cdmo-service .cs-btn-lg{
    padding:16px 36px;
    font-size:1.05rem
}
 .cdmo-service .cs-breadcrumb{
    background:#f5f8fc;
    border-bottom:1px solid #edf3f8;
    padding:12px 0
}
 .cdmo-service .cs-breadcrumb-list{
    display:flex;
    align-items:center;
    gap:6px;
    list-style:none;
    margin:0;
    padding:0;
    font-size:.88rem
}
 .cdmo-service .cs-breadcrumb-list a{
    color:#2b83d7;
    text-decoration:none
}
 .cdmo-service .cs-breadcrumb-list a:hover{
    text-decoration:underline
}
 .cdmo-service .cs-breadcrumb-list span{
    color:#5d6b7f
}
 .cdmo-service .cs-breadcrumb-sep{
    display:flex;
    align-items:center;
    color:#64748b
}
 .cdmo-service .cs-breadcrumb-sep svg{
    width:14px;
    height:14px
}
 .cdmo-service .cs-section{
    padding:90px 0
}
 .cdmo-service .cs-section-header{
    text-align:center;
    margin-bottom:56px
}
 .cdmo-service .cs-section-header-light .cs-section-sub,.cdmo-service .cs-section-header-light .cs-section-title{
    color:#fff
}
 .cdmo-service .cs-section-title{
    font-size:clamp(1.7rem, 3vw, 2.4rem);
    font-weight:800;
    color:#132033;
    margin-bottom:12px;
    letter-spacing:-.01em
}
 .cdmo-service .cs-section-sub{
    font-size:16px;
    color:#64748b;
    margin:0 auto;
    line-height:1.65
}
 .cdmo-service .cs-customization{
    background:#fff
}
 .cdmo-service .cs-custom-grid{
    display:grid;
    grid-template-columns:minmax(0,.92fr) minmax(0,1.18fr) minmax(0,.92fr);
    grid-template-rows:repeat(2,minmax(0,1fr));
    gap:24px;
    align-items:stretch
}
 .cdmo-service .cs-custom-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 2px 16px rgba(0,0,0,.07);
    transition:transform .25s ease,box-shadow .25s ease;
    border:1px solid #edf3f8;
    display:flex;
    flex-direction:column;
    position:relative
}
 .cdmo-service .cs-custom-card:hover{
    transform:translateY(-6px);
    box-shadow:0 12px 36px rgba(0,0,0,.12)
}
 .cdmo-service .cs-custom-card-img{
    height:220px;
    overflow:hidden;
    background:#f5f8fc;
    position:relative
}
 .cdmo-service .cs-custom-card-img::after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(19,32,51,0) 0,rgba(19,32,51,.12) 100%);
    pointer-events:none
}
 .cdmo-service .cs-custom-card-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .4s ease
}
 .cdmo-service .cs-custom-card:hover .cs-custom-card-img img{
    transform:scale(1.06)
}
 .cdmo-service .cs-custom-card-featured{
    grid-column:2;
    grid-row:1/span 2;
    min-height:100%;
    box-shadow:0 14px 36px rgba(19,32,51,.1)
}
 .cdmo-service .cs-custom-card-featured .cs-custom-card-img{
    height:100%
}
 .cdmo-service .cs-custom-card-featured .cs-custom-card-img::after{
    background:linear-gradient(180deg,rgba(19,32,51,.02) 0,rgba(19,32,51,.14) 100%)
}
 .cdmo-service .cs-custom-card-featured .cs-custom-card-body{
    padding:28px 24px 24px;
    gap:14px
}
 .cdmo-service .cs-custom-card-body{
    padding:18px 18px 16px;
    flex:1;
    display:flex;
    flex-direction:column;
    gap:12px;
    background:#fff
}
 .cdmo-service .cs-custom-card-body h3{
    font-size:1.02rem;
    font-weight:700;
    color:#132033;
    line-height:1.35;
    margin:0
}
 .cdmo-service .cs-custom-card-body .cs-btn{
    margin-top:auto;
    align-self:flex-start
}
 .cdmo-service .cs-custom-card:not(.cs-custom-card-featured) .cs-btn.cs-btn-sm{
    padding:10px 14px;
    font-size:.78rem
}
 .cdmo-service .cs-custom-grid>.cs-custom-card:nth-child(2){
    grid-column:1;
    grid-row:1
}
 .cdmo-service .cs-custom-grid>.cs-custom-card:nth-child(3){
    grid-column:1;
    grid-row:2
}
 .cdmo-service .cs-custom-grid>.cs-custom-card:nth-child(4){
    grid-column:3;
    grid-row:1
}
 .cdmo-service .cs-custom-grid>.cs-custom-card:nth-child(5){
    grid-column:3;
    grid-row:2
}
 .cdmo-service .cs-custom-tag{
    display:inline-flex;
    align-items:center;
    padding:3px 12px;
    border-radius:20px;
    font-size:.78rem;
    font-weight:700;
    letter-spacing:.04em;
    text-transform:uppercase;
    background:var(--green);
    color:#132033;
    width:fit-content
}
 .cdmo-service .cs-tag-blue{
    background:#edf3f8;
    color:#1f67b5
}
 .cdmo-service .cs-tag-purple{
    background:#edf3f8;
    color:#2b83d7
}
 .cdmo-service .cs-tag-green{
    background:#edf3f8;
    color:#0d2a4a
}
 .cdmo-service .cs-tag-orange{
    background:#edf3f8;
    color:#1f67b5
}
.cdmo-service .cs-packaging{
    position:relative;
    color:var(--white);
    background:#2D7A4F;
    padding:90px 0 70px;
    overflow:hidden
}
 .cdmo-service .cs-packaging-bg-canvas{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    pointer-events:none;
    z-index:0;
    opacity:1
}
 .cdmo-service .cs-packaging .container,.cdmo-service .cs-packaging-inner{
    position:relative;
    z-index:1
}
 .cdmo-service .cs-pkg-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:20px;
    margin-bottom:40px
}
 .cdmo-service .cs-pkg-card{
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.15);
    border-radius:14px;
    padding:28px 16px 20px;
    text-align:center;
    transition:background .22s,transform .22s;
    cursor:default;
    backdrop-filter:blur(8px)
}
 .cdmo-service .cs-pkg-card:hover{
    background:rgba(255,255,255,.14);
    transform:translateY(-4px)
}
 .cdmo-service .cs-pkg-icon{
    width:100px;
    height:100px;
    margin:0 auto 14px;
    color:var(--green)
}
 .cdmo-service .cs-pkg-icon svg{
    width:100%;
    height:100%
}
 .cdmo-service .cs-pkg-icon img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block
}
 .cdmo-service .cs-pkg-name{
    font-size:.92rem;
    font-weight:600;
    color:#fff;
    margin-bottom:8px;
    line-height:1.35
}
 .cdmo-service .cs-pkg-moq{
    font-size:.82rem;
    color:rgba(255,255,255,.6)
}
 .cdmo-service .cs-pkg-moq span{
    color:var(--green);
    font-weight:700
}
 .cdmo-service .cs-pkg-notes{
    background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.15);
    border-left:4px solid var(--green);
    border-radius:10px;
    padding:24px 28px;
    margin-top:10px
}
 .cdmo-service .cs-notes-header{
    display:flex;
    align-items:center;
    gap:8px;
    font-weight:700;
    font-size:1rem;
    color:var(--green);
    margin-bottom:14px
}
 .cdmo-service .cs-notes-header svg{
    width:20px;
    height:20px;
    flex-shrink:0;
    color:var(--green)
}
 .cdmo-service .cs-notes-list{
    padding-left:20px;
    margin:0
}
 .cdmo-service .cs-notes-list li{
    font-size:.9rem;
    color:rgba(255,255,255,.78);
    line-height:1.65;
    margin-bottom:8px
}
 .cdmo-service .cs-notes-list li:last-child{
    margin-bottom:0
}
 .cdmo-service .cs-logistics{
    background:linear-gradient(180deg,#f7fbff 0,#eef5fb 100%);
    padding:84px 0
}
 .cdmo-service .cs-logistics-inner{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,.95fr);
    gap:56px
}
 .cdmo-service .cs-logistics-label{
    display:inline-block;
    background:var(--green);
    color:#132033;
    font-size:.78rem;
    font-weight:800;
    letter-spacing:.1em;
    text-transform:uppercase;
    padding:4px 14px;
    border-radius:20px;
    margin-bottom:14px
}
 .cdmo-service .cs-logistics-header{
    display:grid;
    gap:18px;
    margin-bottom:90px;
    text-align:center
}
 .cdmo-service .cs-logistics-title{
    font-size:clamp(1.8rem, 3vw, 2.5rem);
    font-weight:800;
    color:#132033;
    line-height:1.2;
    margin:0;
    letter-spacing:-.01em
}
 .cdmo-service .cs-logistics-intro{
    font-size:1rem;
    line-height:1.78;
    color:#556579;
    margin:0
}
 .cdmo-service .cs-logistics-points{
    display:grid;
    gap:22px;
    margin-bottom:36px
}
 .cdmo-service .cs-logistics-group{
    display:grid;
    gap:14px
}
 .cdmo-service .cs-logistics-group-title{
    font-size:1.02rem;
    font-weight:800;
    color:#132033;
    margin:0
}
 .cdmo-service .cs-logistics-list{
    list-style:none;
    padding:0;
    margin:0;
    display:grid;
    grid-template-columns:1fr;
    gap:20px
}
 .cdmo-service .cs-logistics-list li{
    position:relative;
    display:flex;
    align-items:center;
    gap:15px;
    font-size:15px;
    color:#556579;
    line-height:1.5;
    min-width:0;
    padding:15px;
    background:rgba(255,255,255,.92);
    border:1px solid rgba(202,220,236,.82);
    border-radius:10px;
    backdrop-filter:blur(8px);
    overflow:hidden
}
 .cdmo-service .cs-logistics-icon{
    flex-shrink:0;
    width:54px;
    height:54px;
    border:1px solid #dbe8f3;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#1f67b5;
    display:none
}
 .cdmo-service .cs-logistics-icon svg{
    width:22px;
    height:22px
}
 .cdmo-service .cs-logistics-stats{
    display:flex;
    gap:24px;
    margin-bottom:28px;
    flex-wrap:wrap
}
 .cdmo-service .cs-stat{
    display:flex;
    flex-direction:column;
    gap:4px
}
 .cdmo-service .cs-stat-num{
    font-size:2.2rem;
    font-weight:800;
    color:#132033;
    line-height:1
}
 .cdmo-service .cs-stat-plus{
    font-size:1.4rem;
    color:var(--green)
}
 .cdmo-service .cs-stat-unit{
    font-size:1.2rem;
    color:#2b83d7
}
 .cdmo-service .cs-stat-label{
    font-size:.82rem;
    color:#64748b;
    font-weight:500
}
 .cdmo-service .cs-logistics-img{
    position:relative;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 16px 48px rgba(0,0,0,.14)
}
 .cdmo-service .cs-logistics-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block
}
 .cdmo-service .cs-logistics-badge{
    position:absolute;
    bottom:24px;
    left:24px;
    background:rgba(10,20,40,.88);
    color:var(--green);
    border:1px solid rgba(163,230,53,.4);
    border-radius:10px;
    padding:10px 18px;
    display:flex;
    align-items:center;
    gap:8px;
    font-weight:700;
    font-size:.9rem;
    backdrop-filter:blur(8px)
}
 .cdmo-service .cs-logistics-badge svg{
    width:20px;
    height:20px
}
 .cdmo-service .cs-cta-strip{
    background:var(--blue-dark);
    padding:60px 0
}
 .cdmo-service .cs-cta-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:32px;
    flex-wrap:wrap
}
 .cdmo-service .cs-cta-text h3{
    font-size:1.6rem;
    font-weight:800;
    color:#fff;
    margin-bottom:8px
}
 .cdmo-service .cs-cta-text p{
    font-size:.97rem;
    color:rgba(255,255,255,.7)
}
 .about-us .au-banner{
    position:relative;
    min-height:560px;
    display:flex;
    align-items:center;
    overflow:hidden
}
 .about-us .au-banner-bg{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    transform:scale(1.04);
    transition:transform 10s ease
}
 .about-us .au-banner:hover .au-banner-bg{
    transform:scale(1)
}
 .about-us .au-banner-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(120deg,rgba(10,20,40,.85) 45%,rgba(10,50,30,.5) 100%)
}
 .about-us .au-banner-content{
    position:relative;
    z-index:2;
    padding:100px 0 80px;
    color:#fff;
    max-width:780px
}
 .about-us .au-banner-eyebrow{
    display:inline-block;
    background:rgba(163,230,53,.2);
    border:1px solid rgba(163,230,53,.4);
    color:var(--green);
    font-size:.78rem;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
    padding:4px 14px;
    border-radius:20px;
    margin-bottom:20px
}
 .about-us .au-banner-title{
    font-size:clamp(2.2rem, 5vw, 3.6rem);
    font-weight:800;
    line-height:1.15;
    margin-bottom:22px;
    letter-spacing:-.02em
}
 .about-us .au-accent{
    color:var(--green)
}
 .about-us .au-banner-desc{
    font-size:clamp(1rem, 1.6vw, 1.12rem);
    line-height:1.75;
    opacity:.88;
    max-width:620px
}
 .about-us .au-banner-desc strong{
    color:var(--green);
    font-weight:700
}
 .about-us .au-subnav{
    position:sticky;
    top:68px;
    z-index:2;
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(16px);
    border-bottom:1px solid #edf3f8
}
 .about-us .au-subnav-list{
    display:flex;
    align-items:stretch;
    gap:0;
    list-style:none;
    margin:0;
    padding:0;
    overflow-x:auto;
    scrollbar-width:none
}
 .about-us .au-subnav-list::-webkit-scrollbar{
    display:none
}
 .about-us .au-subnav-item{
    display:flex;
    align-items:center;
    gap:8px;
    padding:16px 24px;
    font-size:.88rem;
    font-weight:600;
    color:#5d6b7f;
    cursor:pointer;
    white-space:nowrap;
    border-bottom:3px solid transparent;
    transition:all .22s ease
}
 .about-us .au-subnav-item svg{
    width:16px;
    height:16px;
    stroke:currentColor;
    fill:none;
    stroke-width:2;
    flex-shrink:0
}
 .about-us .au-subnav-item:hover{
    color:#132033;
    border-bottom-color:rgba(163,230,53,.5)
}
 .about-us .au-subnav-item.active{
    color:#132033;
    border-bottom-color:var(--green)
}
 .about-us .au-breadcrumb{
    background:#f5f8fc;
    border-bottom:1px solid #edf3f8;
    padding:12px 0
}
 .about-us .au-breadcrumb-list{
    display:flex;
    align-items:center;
    gap:6px;
    list-style:none;
    margin:0;
    padding:0;
    font-size:.88rem
}
 .about-us .au-breadcrumb-list a{
    color:#2b83d7;
    text-decoration:none
}
 .about-us .au-breadcrumb-list a:hover{
    text-decoration:underline
}
 .about-us .au-breadcrumb-list span{
    color:#5d6b7f
}
 .about-us .au-breadcrumb-sep{
    display:flex;
    align-items:center;
    color:#64748b
}
 .about-us .au-breadcrumb-sep svg{
    width:14px;
    height:14px
}
 .about-us .au-section{
    padding:100px 0
}
 .about-us .au-section-header{
    text-align:center;
    margin-bottom:60px
}
 .about-us .au-label{
    display:inline-block;
    background:#f5f8fc;
    color:#0d2a4a;
    border:1px solid rgba(43,131,215,.2);
    font-size:.75rem;
    font-weight:700;
    letter-spacing:.1em;
    text-transform:uppercase;
    padding:4px 14px;
    border-radius:20px;
    margin-bottom:14px
}
 .about-us .au-label-light{
    background:rgba(163,230,53,.15);
    color:var(--green);
    border-color:rgba(163,230,53,.3)
}
 .about-us .au-section-title{
    font-size:clamp(1.8rem, 3vw, 2.6rem);
    font-weight:800;
    margin-bottom:14px;
    letter-spacing:-.01em;
    line-height:1.2
}
 .about-us .au-title-light{
    color:#fff
}
 .about-us .au-section-sub{
    font-size:1.05rem;
    color:#64748b;
    margin:0 auto;
    line-height:1.65
}
 .about-us .au-sub-light{
    color:var(--white)
}
 .about-us .au-section-header-light .au-section-title{
    color:#fff
}
 .about-us .au-profile{
    background:#fff
}
 .about-us .au-profile-grid{
    display:grid;
    grid-template-columns:1.2fr 1fr;
    gap:40px;
    align-items:center
}
 .about-us .au-profile-text .au-label{
    margin-bottom:14px
}
 .about-us .au-profile-text .au-section-title{
    text-align:left;
    margin-bottom:20px
}
 .about-us .au-profile-body{
    font-size:1rem;
    color:#5d6b7f;
    line-height:1.75;
    margin-bottom:18px
}
 .about-us .au-profile-stats{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    margin-top:36px
}
 .about-us .au-stat-card{
    background:#f5f8fc;
    border:1px solid #edf3f8;
    border-radius:14px;
    padding:22px 18px;
    text-align:center;
    transition:transform .22s,box-shadow .22s
}
 .about-us .au-stat-card:hover{
    transform:translateY(-4px);
    box-shadow:0 8px 24px rgba(0,0,0,.08)
}
 .about-us .au-stat-num{
    font-size:2.4rem;
    font-weight:800;
    color:#132033;
    line-height:1;
    margin-bottom:8px
}
 .about-us .au-stat-plus{
    font-size:1.5rem;
    color:var(--green)
}
 .about-us .au-stat-unit{
    font-size:1.2rem;
    color:#2b83d7;
    font-weight:700
}
 .about-us .au-stat-free{
    font-size:2rem;
    color:var(--green)
}
 .about-us .au-stat-label{
    font-size:.82rem;
    color:#64748b;
    line-height:1.5
}
 .about-us .au-profile-imgs{
    display:flex;
    flex-direction:column;
    gap:16px
}
 .about-us .au-img-main{
    border-radius:18px;
    overflow:hidden;
    height:300px
}
 .about-us .au-img-main img{
    width:100%;
    height:100%;
    object-fit:cover
}
 .about-us .au-img-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px
}
 .about-us .au-img-small{
    border-radius:14px;
    overflow:hidden;
    height:160px
}
 .about-us .au-img-small img{
    width:100%;
    height:100%;
    object-fit:cover
}
 .about-us .au-img-cert-badge{
    background:var(--blue-dark);
    display:flex;
    align-items:center;
    justify-content:center
}
 .about-us .au-cert-overlay{
    text-align:center;
    color:#fff
}
 .about-us .au-cert-num{
    display:block;
    font-size:3.5rem;
    font-weight:800;
    color:var(--green);
    line-height:1
}
 .about-us .au-cert-text{
    font-size:.88rem;
    opacity:.8;
    display:block;
    margin-top:6px
}
 .about-us .au-rd{
    position:relative;
    background:linear-gradient(135deg,#132033 0,#132033 100%);
    overflow:hidden
}
 .about-us .au-rd-bg{
    position:absolute;
    inset:0;
    background:url('../images/rd-capabilities-bg1.webp') center/cover no-repeat;
    opacity:.7
}
 .about-us .au-rd-inner{
    position:relative;
    z-index:2
}
 .about-us .au-rd-cards{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
    margin-bottom:40px
}
 .about-us .au-rd-card{
    background:var(--blue);
    border-radius:18px;
    padding:36px 28px;
    transition:background .25s,transform .25s;
    backdrop-filter:blur(8px)
}
 .about-us .au-rd-card-active,.about-us .au-rd-card:hover{
    transform:translateY(-4px)
}
 .about-us .au-rd-card-active{
    border-color:rgba(163,230,53,.4)
}
 .about-us .au-rd-card-icon{
    width:52px;
    height:52px;
    background:#a3e63526;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
    color:var(--white)
}
 .about-us .au-rd-card-icon svg{
    width:26px;
    height:26px
}
 .about-us .au-rd-card h3{
    font-size:1.1rem;
    font-weight:700;
    color:#fff;
    margin-bottom:12px;
    line-height:1.35
}
 .about-us .au-rd-card p{
    font-size:.92rem;
    color:var(--white);
    line-height:1.7
}
 .about-us .au-rd-highlight{
    background:var(--blue);
    border-radius:14px;
    padding:22px 28px;
    display:flex;
    align-items:flex-start;
    gap:16px
}
 .about-us .au-rd-highlight svg{
    width:24px;
    height:24px;
    color:var(--white);
    flex-shrink:0;
    margin-top:2px
}
 .about-us .au-rd-highlight p{
    font-size:.95rem;
    color:rgba(255,255,255,.82);
    line-height:1.7
}
 .about-us .au-cert{
    background:#f5f8fc
}
 .about-us .au-cert-swiper{
    position:relative;
    overflow:hidden;
    padding-bottom:60px
}
 .about-us .au-cert-card{
    background:#fff;
    border-radius:14px;
    height:100%;
    padding:24px 16px 18px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    text-align:center;
    transition:transform .22s,box-shadow .22s
}
 .about-us .au-cert-card:hover{
    transform:translateY(-4px)
}
 .about-us .au-cert-img{
    height:355px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:16px
}
 .about-us .au-cert-img img{
    max-height:100%;
    max-width:100%;
    width:auto;
    object-fit:contain
}
 .about-us .au-cert-name{
    margin:0;
    font-size:16px;
    font-weight:700
}
 .about-us .au-cert-pagination{
    position:absolute;
    left:0;
    right:0;
    bottom:4px;
    display:block
}
 .about-us .au-cert-pagination .swiper-pagination-bullet{
    width:8px;
    height:8px;
    background:#adc7dc;
    opacity:1
}
 .about-us .au-cert-pagination .swiper-pagination-bullet-active{
    background:#2b83d7
}
 .about-us .au-partner{
    background:#fff
}
 .about-us .au-partner-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px
}
 .about-us .au-partner-card{
    background:#f5f8fc;
    border:1px solid #edf3f8;
    border-radius:18px;
    padding:36px 28px;
    transition:transform .25s,box-shadow .25s,background .25s
}
 .about-us .au-partner-card:hover{
    transform:translateY(-6px);
    box-shadow:0 14px 40px rgba(0,0,0,.1);
    background:#fff
}
 .about-us .au-partner-icon{
    width:56px;
    height:56px;
    background:var(--blue);
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
    color:var(--white)
}
 .about-us .au-partner-icon svg{
    width:26px;
    height:26px
}
 .about-us .au-partner-card h3{
    font-size:1.08rem;
    font-weight:700;
    color:#132033;
    margin-bottom:10px
}
 .about-us .au-partner-card p{
    font-size:.92rem;
    color:#64748b;
    line-height:1.7
}
 .about-us .au-testimonials{
    background:linear-gradient(180deg,rgba(248,251,254,.92) 0,rgba(238,245,251,.7) 100%),url('../images/products-light-bg.webp') center/cover no-repeat;
    position:relative;
    overflow:hidden
}
 .about-us .au-testimonials .container{
    position:relative;
    z-index:1
}
 .about-us .au-testimonials .au-section-title{
    color:#132033
}
 .about-us .au-testimonials .au-section-sub{
    color:#64748b
}
 .about-us .au-swiper{
    padding-bottom:56px!important
}
 .about-us .au-testi-card{
    background:rgba(255,255,255,.92);
    border:1px solid #e4eef7;
    border-radius:22px;
    padding:36px 32px;
    height:100%;
    display:flex;
    flex-direction:column;
    gap:20px;
    box-shadow:0 14px 34px rgba(19,32,51,.06)
}
 .about-us .au-testi-stars{
    font-size:1.05rem;
    color:#2b83d7;
    letter-spacing:2px
}
 .about-us .au-testi-text{
    font-size:.98rem;
    color:#5a697c;
    line-height:1.75;
    flex:1;
    font-style:italic;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    overflow:hidden;
    min-height:calc(1.75em * 4)
}
 .about-us .au-testi-author{
    display:flex;
    align-items:center;
    gap:14px;
    padding-top:4px;
    border-top:1px solid #edf3f8
}
 .about-us .au-testi-avatar{
    width:44px;
    height:44px;
    background:var(--blue-dark);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.1rem;
    font-weight:800;
    color:#fff;
    flex-shrink:0
}
 .about-us .au-testi-author strong{
    display:block;
    font-size:.95rem;
    color:#132033;
    font-weight:700
}
 .about-us .au-testi-author span{
    font-size:.82rem;
    color:#64748b
}
 .about-us .au-swiper-pagination .swiper-pagination-bullet{
    background:rgba(43,131,215,.24);
    opacity:1
}
 .about-us .au-swiper-pagination .swiper-pagination-bullet-active{
    background:#2b83d7
}
 .about-us .au-swiper-next,.about-us .au-swiper-prev{
    color:#2b83d7
}
 .about-us .au-swiper-next::after,.about-us .au-swiper-prev::after{
    font-size:1.2rem
}
 .about-us .au-cta{
    position:relative;
    overflow:hidden;
    padding:80px 0
}
 .about-us .au-cta-bg{
    position:absolute;
    inset:0;
    background:var(--blue)
}
 .about-us .au-cta-inner{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
    flex-wrap:wrap
}
 .about-us .au-cta-text h2{
    font-size:clamp(1.8rem, 3.5vw, 2.6rem);
    font-weight:800;
    color:#fff;
    line-height:1.2;
    margin-bottom:12px
}
 .about-us .au-cta-text p{
    font-size:1rem;
    color:rgba(255,255,255,.7)
}
 .about-us .au-cta-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:var(--green);
    color:#132033;
    font-weight:800;
    font-size:1rem;
    letter-spacing:.04em;
    padding:18px 40px;
    border-radius:10px;
    text-decoration:none;
    transition:all .22s ease;
    white-space:nowrap
}
 .about-us .au-cta-btn svg{
    width:20px;
    height:20px
}
 .about-us .au-cta-btn:hover{
    background:var(--green);
    transform:translateY(-2px);
    box-shadow:0 8px 28px rgba(163,230,53,.4)
}
 .our-facility{
    --of-green:var(--green);
    --of-dark:#132033;
    --of-forest:#132033;
    --of-mid:#132033;
    --of-text:#5d6b7f;
    --of-muted:#64748b;
    --of-border:#e5e7eb;
    --of-radius:18px;
    --of-section:96px
}
 .our-facility .of-eyebrow{
    display:inline-block;
    font-size:.72rem;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:#0d2a4a;
    background:#f5f8fc;
    border:1px solid rgba(43,131,215,.2);
    padding:4px 14px;
    border-radius:20px;
    margin-bottom:16px
}
 .our-facility .of-eyebrow-light{
    color:var(--of-green);
    background:rgba(163,230,53,.12);
    border-color:rgba(163,230,53,.3)
}
 .our-facility .of-h2{
    font-size:clamp(2rem, 3.5vw, 2.8rem);
    font-weight:800;
    line-height:1.15;
    letter-spacing:-.02em;
    margin-bottom:0
}
 .our-facility .of-h2-light{
    color:#fff
}
 .our-facility .of-sub{
    font-size:16px;
    color:var(--of-muted);
    line-height:1.7;
    margin:14px auto 0
}
 .our-facility .of-hero{
    position:relative;
    min-height:560px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    overflow:hidden
}
 .our-facility .of-hero-media{
    position:absolute;
    inset:0
}
 .our-facility .of-hero-img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center
}
 .our-facility .of-hero-mask{
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,rgba(10,20,40,.82) 0,rgba(10,50,30,.55) 100%)
}
 .our-facility .of-hero-body{
    position:relative;
    z-index:2;
    padding:80px 24px;
    color:#fff;
    text-align:center;
    max-width:900px;
    margin:0 auto
}
 .our-facility .of-hero-eyebrow{
    display:inline-block;
    background:rgba(183,222,47,.18);
    color:var(--green);
    font-size:.75rem;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
    padding:5px 18px;
    border-radius:100px;
    border:1px solid rgba(183,222,47,.35);
    margin-bottom:18px
}
 .our-facility .of-hero-h1{
    font-size:clamp(2.8rem, 6vw, 4.4rem);
    font-weight:900;
    line-height:1.05;
    letter-spacing:-.03em;
    margin-bottom:20px
}
 .our-facility .of-hero-h1 em{
    font-style:normal;
    color:var(--of-green)
}
 .our-facility .of-hero-lead{
    font-size:clamp(1rem, 1.6vw, 1.15rem);
    color:rgba(255,255,255,.82);
    max-width:700px;
    line-height:1.7;
    margin:0 auto 48px
}
 .our-facility .of-hero-kpis{
    display:flex;
    gap:0;
    flex-wrap:wrap;
    justify-content:center;
    border-top:1px solid rgba(255,255,255,.12);
    padding-top:36px;
    max-width:700px;
    margin:0 auto
}
 .our-facility .of-kpi{
    flex:1;
    min-width:120px;
    padding:0 32px 0 0
}
 .our-facility .of-kpi:first-child{
    padding-left:0
}
 .our-facility .of-kpi strong{
    display:block;
    font-size:2.4rem;
    font-weight:900;
    color:#fff;
    line-height:1
}
 .our-facility .of-kpi strong span{
    font-size:1.3rem;
    color:var(--of-green)
}
 .our-facility .of-kpi>span{
    display:block;
    font-size:.78rem;
    color:rgba(255,255,255,.55);
    margin-top:6px;
    letter-spacing:.04em
}
 .our-facility .of-bc{
    background:#f5f8fc;
    border-bottom:1px solid var(--of-border)
}
 .our-facility .of-bc-inner{
    display:flex;
    align-items:center;
    gap:6px;
    padding:13px 0;
    font-size:.85rem
}
 .our-facility .of-bc-inner a{
    color:#0d2a4a;
    text-decoration:none
}
 .our-facility .of-bc-inner a:hover{
    text-decoration:underline
}
 .our-facility .of-bc-inner svg{
    width:14px;
    height:14px;
    color:#64748b;
    flex-shrink:0
}
 .our-facility .of-bc-inner span{
    color:#5d6b7f
}
 .our-facility .of-bc-current{
    color:#132033;
    font-weight:600
}
 .our-facility .of-factory{
    padding:var(--of-section) 0;
    background:#fff
}
 .our-facility .of-factory-wrap{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:80px;
    align-items:start
}
 .our-facility .of-factory-left .of-h2{
    margin-bottom:36px
}
 .our-facility .of-factory-right{
    display:flex;
    align-items:stretch;
    justify-content:flex-end;
    min-width:0
}
 .our-facility .of-photo-stagger{
    position:relative;
    display:flex;
    flex-direction:column;
    gap:16px;
    width:min(100%,560px);
    margin-left:auto;
    padding-left:28px
}
 .our-facility .of-points{
    list-style:none;
    margin:30px 0;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:0
}
 .our-facility .of-points li{
    display:flex;
    gap:20px;
    align-items:flex-start;
    padding:20px 0;
    border-bottom:1px solid var(--of-border)
}
 .our-facility .of-points li:last-child{
    border-bottom:none
}
 .our-facility .of-point-num{
    font-size:.72rem;
    font-weight:800;
    color:var(--white);
    background:var(--blue-dark);
    width:32px;
    height:32px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    letter-spacing:.04em;
    margin-top:2px
}
 .our-facility .of-points li div strong{
    display:block;
    font-size:15px;
    color:var(--of-dark);
    margin-bottom:4px
}
 .our-facility .of-points li div p{
    font-size:.9rem;
    color:var(--of-muted);
    margin:0;
    line-height:1.6
}
 .our-facility .of-dosage-tag{
    display:flex;
    flex-direction:column;
    gap:12px;
    background:#f5f8fc;
    border-radius:12px;
    padding:16px 20px;
    font-size:.9rem;
    color:#5d6b7f;
    line-height:1.65
}
 .our-facility .of-dosage-title{
    font-size:1rem;
    font-weight:800;
    color:#0d2a4a;
    line-height:1.4
}
 .our-facility .of-dosage-item{
    display:flex;
    gap:12px;
    align-items:flex-start
}
 .our-facility .of-dosage-tag svg{
    width:20px;
    height:20px;
    color:#0d2a4a;
    flex-shrink:0;
    margin-top:2px
}
 .our-facility .of-photo-collage{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:280px 200px;
    gap:12px
}
 .our-facility .of-photo{
    border-radius:var(--of-radius);
    overflow:hidden
}
 .our-facility .of-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .5s ease
}
 .our-facility .of-photo:hover img{
    transform:scale(1.04)
}
 .our-facility .of-photo-main{
    grid-column:span 2
}
 .our-facility .of-cap{
    padding:var(--of-section) 0;
    background:var(--blue-dark)
}
 .our-facility .of-cap-header{
    text-align:center;
    margin-bottom:56px
}
 .our-facility .of-cap-header .of-h2{
    margin-top:8px
}
 .our-facility .of-cap-body{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:56px;
    align-items:start
}
 .our-facility .of-cap-stats{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px
}
 .our-facility .of-cap-card{
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.1);
    border-radius:14px;
    padding:22px 20px;
    transition:background .2s
}
 .our-facility .of-cap-card:hover{
    background:rgba(255,255,255,.1)
}
 .our-facility .of-cap-val{
    display:block;
    font-size:1.5rem;
    font-weight:800;
    color:#fff;
    line-height:1.1;
    margin-bottom:6px
}
 .our-facility .of-cap-val small{
    font-size:.9rem;
    color:var(--of-green);
    font-weight:700
}
 .our-facility .of-cap-label{
    font-size:.8rem;
    color:rgba(255,255,255,.55);
    letter-spacing:.03em
}
 .our-facility .of-cap-side{
    display:flex;
    flex-direction:column;
    gap:24px
}
 .our-facility .of-cap-img{
    border-radius:var(--of-radius);
    overflow:hidden;
    height:260px
}
 .our-facility .of-cap-img img{
    width:100%;
    height:100%;
    object-fit:cover
}
 .our-facility .of-cap-services{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:14px
}
 .our-facility .of-cap-services li{
    display:flex;
    align-items:flex-start;
    gap:10px;
    font-size:.95rem;
    color:rgba(255,255,255,.82);
    line-height:1.55
}
 .our-facility .of-cap-services li svg{
    width:18px;
    height:18px;
    color:var(--of-green);
    flex-shrink:0;
    margin-top:2px
}
 .our-facility .of-gallery{
    padding:var(--of-section) 0;
    background:#f5f8fc
}
 .our-facility .of-gallery-head{
    text-align:center;
    margin-bottom:52px
}
 .our-facility .of-gallery-mosaic{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    grid-template-rows:280px 220px;
    gap:14px
}
 .our-facility .of-gm-item{
    position:relative;
    border-radius:16px;
    overflow:hidden;
    cursor:pointer
}
 .our-facility .of-gm-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .45s ease;
    display:block
}
 .our-facility .of-gm-item:hover img{
    transform:scale(1.06)
}
 .our-facility .of-gm-label{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:36px 18px 14px;
    background:linear-gradient(transparent,rgba(0,0,0,.7));
    color:#fff;
    font-size:.85rem;
    font-weight:600;
    opacity:0;
    transition:opacity .3s
}
 .our-facility .of-gm-item:hover .of-gm-label{
    opacity:1
}
 .our-facility .of-gm-a{
    grid-column:1;
    grid-row:1/3
}
 .our-facility .of-gm-a img{
    height:100%
}
 .our-facility .of-gm-b{
    grid-column:2;
    grid-row:1
}
 .our-facility .of-gm-c{
    grid-column:3;
    grid-row:1
}
 .our-facility .of-gm-d{
    grid-column:2;
    grid-row:2
}
 .our-facility .of-gm-e{
    grid-column:3;
    grid-row:2
}
 .our-facility .of-faq{
    padding:var(--of-section) 0;
    background:#fff
}
 .our-facility .of-faq-head{
    text-align:center;
    margin-bottom:52px
}
 .our-facility .of-faq-list{
    margin:0 auto;
    display:flex;
    flex-direction:column;
    gap:20px
}
 .our-facility .of-faq-item{
    border-bottom:1px solid var(--of-border)
}
 .our-facility .of-faq-btn{
    width:100%;
    display:flex;
    align-items:center;
    gap:20px;
    padding:26px 0;
    background:0 0;
    border:none;
    cursor:pointer;
    text-align:left
}
 .our-facility .of-faq-btn:hover .of-faq-q{
    color:#0d2a4a
}
 .our-facility .of-faq-idx{
    font-size:.72rem;
    font-weight:800;
    color:var(--of-green);
    background:var(--of-forest);
    width:30px;
    height:30px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    letter-spacing:.04em
}
 .our-facility .of-faq-q{
    flex:1;
    font-size:1rem;
    font-weight:600;
    color:var(--of-dark);
    line-height:1.45;
    transition:color .2s
}
 .our-facility .of-faq-ico{
    width:22px;
    height:22px;
    color:#64748b;
    flex-shrink:0;
    transition:transform .28s,color .2s
}
 .our-facility .of-faq-ico svg{
    width:22px;
    height:22px
}
 .our-facility .of-faq-item.of-open .of-faq-ico{
    transform:rotate(180deg);
    color:#0d2a4a
}
 .our-facility .of-faq-item.of-open .of-faq-q{
    color:#0d2a4a
}
 .our-facility .of-faq-ans{
    max-height:0;
    overflow:hidden;
    transition:max-height .38s ease
}
 .our-facility .of-faq-item.of-open .of-faq-ans{
    max-height:400px
}
 .our-facility .of-faq-ans p{
    padding:0 0 28px 50px;
    font-size:.96rem;
    color:#5d6b7f;
    line-height:1.8;
    margin:0
}
 .our-facility .of-cta{
    background:var(--blue-dark);
    padding:80px 0
}
 .our-facility .of-cta-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
    flex-wrap:wrap
}
 .our-facility .of-cta-left h2{
    font-size:clamp(1.9rem, 3.5vw, 2.6rem);
    font-weight:800;
    color:#fff;
    margin-bottom:10px;
    line-height:1.2
}
 .our-facility .of-cta-left p{
    font-size:1rem;
    color:rgba(255,255,255,.65)
}
 .our-facility .of-cta-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:var(--of-green);
    color:var(--of-dark);
    font-weight:800;
    font-size:1rem;
    letter-spacing:.06em;
    padding:18px 44px;
    border-radius:10px;
    text-decoration:none;
    white-space:nowrap;
    transition:all .22s
}
 .our-facility .of-cta-btn:hover{
    background:var(--green);
    transform:translateY(-2px);
    box-shadow:0 8px 28px rgba(163,230,53,.35)
}
 .our-facility .of-faq{
    position:relative;
    padding:96px 0;
    background:linear-gradient(rgba(245,248,252,.88),rgba(245,248,252,.92)),url("../images/applications-section-bg.webp") center/cover no-repeat;
    overflow:hidden
}
 .our-facility .of-faq-head{
    position:relative;
    z-index:1;
    text-align:center;
    margin-bottom:56px
}
 .our-facility .of-faq-list{
    position:relative;
    z-index:1
}
 .our-facility .of-faq-item{
    background:rgba(255,255,255,.9);
    border:1px solid #e4edf6;
    border-radius:18px;
    box-shadow:0 4px 18px rgba(19,32,51,.04);
    overflow:hidden
}
 .our-facility .of-faq-btn{
    width:100%;
    display:flex;
    align-items:center;
    gap:18px;
    padding:24px 26px;
    background:0 0;
    border:none;
    cursor:pointer;
    text-align:left
}
 .our-facility .of-faq-btn:hover .of-faq-q{
    color:#2b83d7
}
 .our-facility .of-faq-item .of-faq-idx{
    font-size:.68rem;
    font-weight:800;
    color:var(--white);
    background:#132033;
    width:30px;
    height:30px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    letter-spacing:.04em
}
 .our-facility .of-faq-q{
    flex:1;
    font-size:1rem;
    font-weight:700;
    color:#132033;
    line-height:1.45
}
 .our-facility .of-faq-ico{
    width:22px;
    height:22px;
    color:#64748b;
    flex-shrink:0;
    transition:transform .28s ease,color .2s ease
}
 .our-facility .of-faq-ico svg{
    width:100%;
    height:100%
}
 .our-facility .of-faq-ans{
    max-height:0;
    overflow:hidden;
    transition:max-height .35s ease
}
 .our-facility .of-faq-item.of-faq-open .of-faq-ans{
    max-height:320px
}
 .our-facility .of-faq-item.of-faq-open .of-faq-ico{
    transform:rotate(180deg);
    color:#2b83d7
}
 .our-facility .of-faq-ans p{
    margin:0;
    padding:0 26px 24px 74px;
    font-size:.95rem;
    line-height:1.8;
    color:#5d6b7f
}
 .our-facility .of-faq-card-cta{
    position:relative;
    z-index:1;
    max-width:920px;
    margin:24px auto 0;
    background:linear-gradient(135deg,#132033 0,#173b63 100%);
    border-color:transparent;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:16px;
    box-shadow:0 16px 40px rgba(19,32,51,.2);
    width:100%;
    border-radius:18px;
    padding:28px 28px 24px
}
 .our-facility .of-faq-card-cta:hover{
    transform:translateY(-2px);
    box-shadow:0 18px 44px rgba(19,32,51,.24)
}
 .our-facility .of-faq-cta-copy{
    display:flex;
    flex-direction:column;
    gap:14px;
    width:100%
}
 .our-facility .of-faq-cta-title{
    font-size:1rem;
    font-weight:700;
    color:#fff;
    line-height:1.45;
    margin:0
}
 .our-facility .of-faq-cta-text{
    font-size:.93rem;
    color:rgba(255,255,255,.78);
    line-height:1.8;
    margin:0
}
 .our-facility .of-faq-cta-link{
    display:inline-flex;
    align-items:center;
    background:var(--green);
    color:#132033;
    font-weight:800;
    font-size:.88rem;
    letter-spacing:.03em;
    padding:12px 20px;
    border-radius:999px;
    text-decoration:none;
    transition:transform .2s,box-shadow .2s,background .2s;
    margin-top:auto
}
 .our-facility .of-faq-cta-link:hover{
    background:#c8eb53;
    transform:translateY(-1px);
    box-shadow:0 8px 20px rgba(183,222,47,.28)
}
 .our-facility .of-cap::before{
    content:'';
    position:absolute;
    inset:0;
    background:radial-gradient(ellipse 80% 60% at 50% 0,rgba(163,230,53,.08) 0,transparent 70%);
    pointer-events:none
}
 .our-facility .of-cap-header{
    text-align:center;
    margin-bottom:64px;
    position:relative
}
 .our-facility .of-cap-desc{
    font-size:1rem;
    color:rgba(255,255,255,.6);
    margin:16px auto 0;
    line-height:1.7
}
 .our-facility .of-cap-bars{
    max-width:900px;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    gap:28px;
    position:relative
}
 .our-facility .of-bar-row{
    display:flex;
    flex-direction:column;
    gap:10px
}
 .our-facility .of-bar-meta{
    display:flex;
    justify-content:space-between;
    align-items:baseline
}
 .our-facility .of-bar-name{
    font-size:.95rem;
    font-weight:600;
    color:rgba(255,255,255,.9);
    letter-spacing:.02em;
    text-transform:uppercase
}
 .our-facility .of-bar-val{
    font-size:1.05rem;
    font-weight:800;
    color:var(--green);
    letter-spacing:.01em;
    font-variant-numeric:tabular-nums
}
 .our-facility .of-bar-val sup{
    font-size:.65em;
    vertical-align:super
}
 .our-facility .of-bar-track{
    width:100%;
    height:10px;
    background:rgba(255,255,255,.1);
    border-radius:999px;
    overflow:hidden
}
 .our-facility .of-bar-fill{
    height:100%;
    width:0%;
    border-radius:999px;
    background:linear-gradient(90deg,var(--green),var(--green));
    box-shadow:0 0 12px rgba(163,230,53,.4);
    transition:width 1.2s cubic-bezier(.22, 1, .36, 1);
    will-change:width
}
 .our-facility .of-bar-row+.of-bar-row{
    padding-top:4px;
    border-top:1px solid rgba(255,255,255,.06)
}
 .our-facility .of-cap{
    position:relative;
    overflow:hidden
}
 .our-facility .of-cap::before{
    content:'';
    position:absolute;
    inset:0;
    background:radial-gradient(ellipse 80% 60% at 50% 0,rgba(163,230,53,.08) 0,transparent 70%);
    pointer-events:none
}
 .our-facility .of-cap-decor{
    position:absolute;
    z-index:0;
    pointer-events:none;
    opacity:.1
}
 .our-facility .of-cap-decor-top{
    top:24px;
    left:-40px;
    width:500px;
    transform:rotate(-8deg)
}
 .our-facility .of-cap-decor-bottom{
    right:-36px;
    bottom:36px;
    width:600px;
    transform:rotate(10deg)
}
 .our-facility .of-cap-header{
    text-align:center;
    margin-bottom:56px;
    position:relative;
    z-index:1
}
 .our-facility .of-cap-desc{
    font-size:1rem;
    color:rgba(255,255,255,.6);
    margin:14px auto 0;
    line-height:1.7
}
 .our-facility .of-chart{
    position:relative;
    margin-bottom:72px;
    z-index:1
}
 .our-facility .of-chart-bars{
    display:flex;
    align-items:flex-end;
    justify-content:center;
    gap:20px;
    height:260px;
    padding-bottom:2px
}
 .our-facility .of-chart-col{
    display:flex;
    flex-direction:column;
    align-items:center;
    flex:1;
    max-width:110px;
    height:100%;
    justify-content:flex-end;
    gap:8px
}
 .our-facility .of-chart-bar-wrap{
    width:100%;
    flex:1;
    background:rgba(255,255,255,.08);
    border-radius:8px 8px 0 0;
    overflow:hidden;
    display:flex;
    align-items:flex-end;
    min-height:20px
}
 .our-facility .of-chart-bar-fill{
    width:100%;
    height:0%;
    background:linear-gradient(180deg,var(--green) 0,var(--green) 100%);
    border-radius:8px 8px 0 0;
    box-shadow:0 -4px 20px rgba(163,230,53,.35);
    transition:height 1.2s cubic-bezier(.22, 1, .36, 1);
    will-change:height
}
 .our-facility .of-chart-val{
    font-size:.95rem;
    font-weight:800;
    color:var(--green);
    letter-spacing:.01em;
    font-variant-numeric:tabular-nums;
    white-space:nowrap
}
 .our-facility .of-chart-val sup{
    font-size:.6em;
    vertical-align:super
}
 .our-facility .of-chart-label{
    font-size:.72rem;
    font-weight:600;
    color:rgba(255,255,255,.65);
    text-align:center;
    text-transform:uppercase;
    letter-spacing:.04em;
    line-height:1.3
}
 .our-facility .of-chart-baseline{
    height:2px;
    background:linear-gradient(90deg,transparent,rgba(163,230,53,.4),transparent);
    margin-top:40px
}
 .our-facility .of-cap-bottom{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:56px;
    align-items:center;
    padding-top:16px;
    position:relative;
    z-index:1
}
 .our-facility .of-cap-bottom-img{
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 24px 60px rgba(0,0,0,.4)
}
 .our-facility .of-cap-bottom-img img{
    width:100%;
    height:340px;
    object-fit:cover;
    display:block;
    transition:transform .5s ease
}
 .our-facility .of-cap-bottom-img:hover img{
    transform:scale(1.04)
}
 .our-facility .of-cap-bottom-text h3{
    font-size:1.6rem;
    font-weight:800;
    color:#fff;
    margin-bottom:12px;
    line-height:1.3
}
 .our-facility .of-cap-bottom-text>p{
    font-size:.95rem;
    color:rgba(255,255,255,.6);
    line-height:1.75;
    margin-bottom:28px
}
 .our-facility .of-cap-services{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-direction:column;
    gap:14px
}
 .our-facility .of-cap-services li{
    display:flex;
    align-items:flex-start;
    gap:10px;
    font-size:.9rem;
    color:rgba(255,255,255,.8);
    line-height:1.5
}
 .our-facility .of-cap-services li svg{
    width:18px;
    height:18px;
    flex-shrink:0;
    color:var(--green);
    margin-top:2px
}
 .our-facility .of-chart{
    margin-bottom:40px
}
 .our-facility .of-cap-bottom{
    margin-top:0;
    padding-top:0
}
 .our-facility .of-dosage-tag{
    margin-top:40px;
    margin-bottom:0
}
 .our-facility .of-photo-collage{
    display:none;
    position:relative;
    width:100%;
    height:480px;
    flex-direction:column;
    gap:0
}
 .our-facility .of-photo-big{
    position:absolute;
    top:0;
    left:0;
    width:82%;
    height:72%;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 12px 40px rgba(0,0,0,.18);
    z-index:2;
    flex:none;
    align-self:auto
}
 .our-facility .of-photo-big img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .45s ease
}
 .our-facility .of-photo-big:hover img{
    transform:scale(1.04)
}
 .our-facility .of-photo-small{
    position:absolute;
    bottom:0;
    right:0;
    width:72%;
    height:60%;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 16px 48px rgba(0,0,0,.22);
    border:4px solid #fff;
    z-index:3;
    margin-left:0;
    align-self:auto
}
 .our-facility .of-photo-small img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .45s ease
}
 .our-facility .of-photo-small:hover img{
    transform:scale(1.04)
}
 .our-facility .of-photo-stagger::before{
    content:'';
    position:absolute;
    top:-16px;
    left:-16px;
    width:120px;
    height:120px;
    background:linear-gradient(135deg,var(--green) 0,#22c55e 100%);
    border-radius:12px;
    z-index:1;
    opacity:.18
}
 .our-facility .of-photo-stagger::after{
    content:'';
    position:absolute;
    bottom:20px;
    left:10px;
    width:80px;
    height:80px;
    background-image:radial-gradient(circle,var(--green) 1.5px,transparent 1.5px);
    background-size:12px 12px;
    z-index:1;
    opacity:.35
}
 .our-facility .of-photo-collage{
    display:none
}
 .our-facility .of-photo-stagger{
    position:relative;
    width:100%;
    max-width:560px;
    height:480px;
    margin-left:auto;
    padding-left:0
}
 .our-facility .of-photo-big{
    position:absolute;
    top:0;
    left:0;
    width:85%;
    height:68%;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 28px 60px rgba(19,32,51,.16);
    z-index:2
}
 .our-facility .of-photo-big img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .45s ease
}
 .our-facility .of-photo-big:hover img{
    transform:scale(1.04)
}
 .our-facility .of-photo-small{
    position:absolute;
    right:0;
    bottom:0;
    width:72%;
    height:60%;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 16px 48px rgba(0,0,0,.22);
    border:4px solid #fff;
    z-index:3;
    margin-left:0;
    align-self:auto
}
 .our-facility .of-photo-small img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .45s ease
}
 .our-facility .of-photo-small:hover img{
    transform:scale(1.04)
}
 .blog-news .bn-banner{
    position:relative;
    height:380px;
    overflow:hidden;
    display:flex;
    align-items:center
}
 .blog-news .bn-banner-bg{
    position:absolute;
    inset:0;
    background:url('../images/banner2.webp') center/cover no-repeat;
    transform:scale(1.05);
    transition:transform 8s ease
}
 .blog-news .bn-banner:hover .bn-banner-bg{
    transform:scale(1)
}
 .blog-news .bn-banner-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,rgba(5,25,15,.82) 0,rgba(10,40,20,.65) 60%,rgba(0,0,0,.4) 100%)
}
 .blog-news .bn-banner-content{
    position:relative;
    z-index:2;
    max-width:700px
}
 .blog-news .bn-banner-tag{
    display:inline-block;
    background:rgba(74,222,128,.18);
    color:var(--green);
    border:1px solid rgba(74,222,128,.35);
    border-radius:20px;
    font-size:11px;
    font-weight:600;
    letter-spacing:2px;
    padding:4px 14px;
    margin-bottom:18px;
    text-transform:uppercase
}
 .blog-news .bn-banner-title{
    font-size:clamp(2rem, 4vw, 3rem);
    font-weight:800;
    color:#fff;
    line-height:1.2;
    margin-bottom:16px
}
 .blog-news .bn-banner-title em{
    font-style:normal;
    color:var(--green)
}
 .blog-news .bn-banner-desc{
    font-size:1rem;
    color:rgba(255,255,255,.8);
    line-height:1.7;
    max-width:580px
}
 .blog-news .bn-breadcrumb{
    background:#f8faf9;
    border-bottom:1px solid #e8f0eb;
    padding:12px 0
}
 .blog-news .bn-breadcrumb .container{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:.85rem;
    color:#64748b
}
 .blog-news .bn-breadcrumb a{
    color:#22c55e;
    text-decoration:none;
    font-weight:500
}
 .blog-news .bn-breadcrumb a:hover{
    text-decoration:underline
}
 .blog-news .bn-bc-sep{
    color:#9ca3af
}
 .blog-news .bn-bc-current{
    color:#5d6b7f;
    font-weight:600
}
 .blog-news .bn-main{
    padding:60px 0 80px;
    background:#f8faf9
}
 .blog-news .bn-featured{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0;
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 4px 30px rgba(0,0,0,.08);
    margin-bottom:48px;
    transition:box-shadow .3s ease,transform .3s ease
}
 .blog-news .bn-featured:hover{
    box-shadow:0 12px 48px rgba(0,0,0,.13);
    transform:translateY(-3px)
}
 .blog-news .bn-featured-img{
    position:relative;
    overflow:hidden;
    min-height:340px
}
 .blog-news .bn-featured-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .5s ease
}
 .blog-news .bn-featured:hover .bn-featured-img img{
    transform:scale(1.04)
}
 .blog-news .bn-featured-body{
    padding:44px 40px;
    display:flex;
    flex-direction:column;
    justify-content:center
}
 .blog-news .bn-featured-title{
    font-size:1.5rem;
    font-weight:700;
    color:#132033;
    line-height:1.4;
    min-height:calc(1.5rem * 1.4 * 2);
    margin:12px 0 16px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden
}
 .blog-news .bn-featured-excerpt{
    font-size:.95rem;
    color:#4b5563;
    line-height:1.75;
    min-height:calc(.95rem * 1.75 * 3);
    margin-bottom:28px;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden
}
 .blog-news .bn-featured-actions{
    display:flex;
    align-items:center;
    gap:20px
}
 .blog-news .bn-read-time{
    font-size:.8rem;
    color:#9ca3af
}
 .blog-news .bn-tag-badge{
    position:absolute;
    top:16px;
    left:16px;
    background:#16a34a;
    color:#fff;
    font-size:.72rem;
    font-weight:600;
    letter-spacing:.5px;
    padding:4px 12px;
    border-radius:12px;
    z-index:2;
    text-transform:uppercase
}
 .blog-news .bn-meta{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap
}
 .blog-news .bn-date{
    display:flex;
    align-items:center;
    gap:5px;
    font-size:.8rem;
    color:#9ca3af
}
 .blog-news .bn-date svg{
    width:14px;
    height:14px;
    stroke:#9ca3af;
    fill:none;
    stroke-width:1.8;
    flex-shrink:0
}
 .blog-news .bn-cat-label{
    font-size:.78rem;
    font-weight:600;
    color:#16a34a;
    background:#f5f8fc;
    padding:2px 10px;
    border-radius:10px
}
 .blog-news .bn-featured{
    align-items:stretch
}
 .blog-news .bn-featured-img{
    min-height:unset;
    height:auto;
    align-self:stretch;
    flex:0 0 360px;
    max-width:360px
}
 .blog-news .bn-featured-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block
}
 .blog-news .bn-featured-body{
    flex:1;
    min-height:unset
}
 .blog-hk .bk-banner{
    position:relative;
    min-height:420px;
    display:flex;
    align-items:center;
    overflow:hidden
}
 .blog-hk .bk-banner-bg{
    position:absolute;
    inset:0;
    background:url('../images/health-needs/immune-kv.webp') center/cover no-repeat;
    transform:scale(1.05);
    transition:transform 8s ease
}
 .blog-hk .bk-banner-bg.loaded{
    transform:scale(1)
}
 .blog-hk .bk-banner-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,rgba(4,30,15,.82) 0,rgba(10,60,30,.65) 60%,rgba(0,0,0,.4) 100%)
}
 .blog-hk .bk-banner-content{
    position:relative;
    z-index:2;
    padding:80px 0 60px
}
 .blog-hk .bk-banner-tag{
    display:inline-block;
    background:rgba(74,222,128,.18);
    border:1px solid rgba(74,222,128,.4);
    color:var(--green);
    font-size:.72rem;
    font-weight:600;
    letter-spacing:.15em;
    text-transform:uppercase;
    padding:5px 14px;
    border-radius:20px;
    margin-bottom:20px
}
 .blog-hk .bk-banner-title{
    font-size:clamp(2rem, 4vw, 3rem);
    font-weight:800;
    color:#fff;
    line-height:1.2;
    margin-bottom:16px;
    max-width:700px
}
 .blog-hk .bk-banner-title em{
    font-style:normal;
    color:var(--green)
}
 .blog-hk .bk-banner-desc{
    font-size:1rem;
    color:rgba(255,255,255,.8);
    max-width:560px;
    line-height:1.7
}
 .blog-hk .bk-breadcrumb{
    background:#f8faf8;
    border-bottom:1px solid #e8f0e8;
    padding:12px 0;
    font-size:.85rem;
    color:#64748b
}
 .blog-hk .bk-breadcrumb a{
    color:#2d7a4f;
    text-decoration:none;
    transition:color .2s
}
 .blog-hk .bk-breadcrumb a:hover{
    color:#1a5c38;
    text-decoration:underline
}
 .blog-hk .bk-bc-sep{
    margin:0 8px;
    color:#64748b
}
 .blog-hk .bk-bc-current{
    color:#333;
    font-weight:500
}
 .blog-hk .bk-main{
    padding:56px 0 80px;
    background:#fff
}
 .blog-hk .bk-tabs{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-bottom:48px;
    border-bottom:2px solid #e8f0e8;
    padding-bottom:0
}
 .blog-hk .bk-tab{
    display:inline-block;
    padding:10px 22px;
    font-size:.88rem;
    font-weight:500;
    color:#5d6b7f;
    text-decoration:none;
    border-radius:6px 6px 0 0;
    border:1px solid transparent;
    border-bottom:none;
    margin-bottom:-2px;
    transition:all .2s;
    background:0 0;
    cursor:pointer
}
 .blog-hk .bk-tab:hover{
    color:#2d7a4f;
    background:#f0faf4
}
 .blog-hk .bk-tab.active{
    color:#2d7a4f;
    background:#fff;
    border-color:#e8f0e8;
    border-bottom-color:#fff;
    font-weight:600
}
 .blog-hk .bk-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
    margin-bottom:56px
}
 .blog-hk .bk-card{
    background:#fff;
    border-radius:14px;
    border:1px solid #e8f0e8;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    transition:transform .25s ease,box-shadow .25s ease
}
 .blog-hk .bk-card:hover{
    transform:translateY(-6px);
    box-shadow:0 16px 40px rgba(0,0,0,.1)
}
 .blog-hk .bk-card-img{
    position:relative;
    height:210px;
    overflow:hidden
}
 .blog-hk .bk-card-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .4s ease
}
 .blog-hk .bk-card:hover .bk-card-img img{
    transform:scale(1.06)
}
 .blog-hk .bk-tag-badge{
    position:absolute;
    top:14px;
    left:14px;
    background:#2d7a4f;
    color:#fff;
    font-size:.7rem;
    font-weight:600;
    letter-spacing:.06em;
    text-transform:uppercase;
    padding:4px 10px;
    border-radius:20px
}
 .blog-hk .bk-card-body{
    padding:22px 24px 24px;
    display:flex;
    flex-direction:column;
    flex:1
}
 .blog-hk .bk-meta{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:12px
}
 .blog-hk .bk-date{
    display:flex;
    align-items:center;
    gap:5px;
    font-size:.78rem;
    color:#64748b
}
 .blog-hk .bk-date svg{
    width:13px;
    height:13px;
    stroke:#64748b;
    fill:none;
    stroke-width:1.8;
    flex-shrink:0
}
 .blog-hk .bk-card-title{
    font-size:.98rem;
    font-weight:700;
    color:#1a2e1a;
    line-height:1.45;
    margin-bottom:10px;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden
}
 .blog-hk .bk-card-excerpt{
    font-size:.84rem;
    color:#64748b;
    line-height:1.65;
    margin-bottom:20px;
    flex:1;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden
}
 .blog-hk .bk-btn-outline{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:9px 20px;
    border:1.5px solid #2d7a4f;
    border-radius:6px;
    color:#2d7a4f;
    font-size:.84rem;
    font-weight:600;
    text-decoration:none;
    transition:all .2s;
    align-self:flex-start;
    margin-top:auto
}
 .blog-hk .bk-btn-outline:hover{
    background:#2d7a4f;
    color:#fff
}
 .blog-hk .bk-pagination{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-top:16px
}
 .blog-hk .bk-page-btn,.blog-hk .bk-page-num{
    width:40px;
    height:40px;
    border-radius:8px;
    border:1.5px solid #e0e8e0;
    background:#fff;
    color:#5d6b7f;
    font-size:.9rem;
    font-weight:500;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all .2s
}
 .blog-hk .bk-page-btn svg{
    width:16px;
    height:16px;
    stroke:currentColor;
    fill:none;
    stroke-width:2
}
 .blog-hk .bk-page-btn:hover:not(:disabled),.blog-hk .bk-page-num:hover{
    background:#f0faf4;
    border-color:#2d7a4f;
    color:#2d7a4f
}
 .blog-hk .bk-page-num.active{
    background:#2d7a4f;
    border-color:#2d7a4f;
    color:#fff;
    font-weight:700
}
 .blog-hk .bk-page-btn:disabled{
    opacity:.35;
    cursor:not-allowed
}
 .blog-hk .bk-page-ellipsis{
    color:#64748b;
    font-size:1rem;
    padding:0 4px
}
 .product-list .pl-card-meta{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:8px;
    flex-wrap:wrap
}
 .product-list .pl-card-author,.product-list .pl-card-date{
    display:inline-flex;
    align-items:center;
    gap:5px;
    font-size:.78rem;
    color:#999
}
 .product-list .pl-meta-icon{
    width:13px;
    height:13px;
    min-width:13px;
    min-height:13px;
    max-width:13px;
    max-height:13px;
    flex-shrink:0;
    stroke:#64748b;
    display:inline-block
}
 .product-list .pl-filter-list a.pl-filter-btn{
    display:inline-block;
    text-decoration:none;
    cursor:pointer
}
 .blog-detail .bd-main{
    padding:90px 0 90px;
    background:linear-gradient(180deg,#f8fbff 0,#fff 100%)
}
 .blog-detail .bd-layout{
    display:grid;
    grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);
    gap:32px;
    align-items:start
}
 .blog-detail .bd-article{
    min-width:0;
    padding:5%;
    border-radius: 22px;
}
 .blog-detail .bd-article-head{
    margin-bottom:22px
}
 .blog-detail .bd-cat{
    display:inline-flex;
    align-items:center;
    padding:6px 12px;
    border-radius:999px;
    background:#edf4fb;
    color:#2b83d7;
    font-size:.74rem;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    margin-bottom:14px
}
 .blog-detail .bd-article-title{
    font-size:clamp(1.8rem,3.6vw,2rem);
    line-height:1.18;
    color:#132033;
    margin-bottom:14px
}
 .blog-detail .bd-article-meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px 10px;
    color:#6b7c90;
    font-size:.9rem
}
 .blog-detail .bd-meta-sep{
    color:#b2bfcc
}
 .blog-detail .bd-cover{
    border-radius:24px;
    overflow:hidden;
    border:1px solid #e5edf5;
    background:#fff;
    box-shadow:0 14px 44px rgba(19,32,51,.08);
    margin-bottom:28px
}
 .blog-detail .bd-cover img{
    display:block;
    width:100%;
    aspect-ratio:16/9;
    object-fit:cover
}
 .blog-detail .bd-intro{
    padding:0 0 10px
}
 .blog-detail .bd-lead{
    font-size:1.08rem;
    line-height:1.9;
    color:#132033;
    margin-bottom:16px
}
 .blog-detail .bd-section{
    padding:28px 0;
    border-top:1px solid #edf3f8
}
 .blog-detail .bd-section h3{
    font-size:1.05rem;
    font-weight:700;
    color:#132033;
    margin-bottom:8px
}
 .blog-detail .bd-section p{
    color:#556377;
    line-height:1.9;
    margin-bottom:14px
}
 .blog-detail .bd-quote{
    margin:22px 0;
    padding:22px 24px;
    border-left:4px solid var(--green);
    background:#f4f9e8;
    border-radius:0 18px 18px 0
}
 .blog-detail .bd-quote p{
    margin:0;
    color:#132033;
    font-size:1.02rem;
    font-weight:600
}
 .blog-detail .bd-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
    margin-top:18px
}
 .blog-detail .bd-card{
    background:#fff;
    border:1px solid #e8eef5;
    border-radius:18px;
    padding:22px 20px;
    box-shadow:0 8px 26px rgba(19,32,51,.04)
}
 .blog-detail .bd-card p{
    margin:0
}
 .blog-detail .bd-list{
    margin:0;
    padding-left:20px;
    color:#556377
}
 .blog-detail .bd-list li{
    margin-bottom:8px;
    line-height:1.8;
    list-style:disc
}
 .blog-detail .bd-split{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
    margin-top:18px
}
 .blog-detail .bd-split-copy{
    background:#fff;
    border:1px solid #e8eef5;
    border-radius:18px;
    padding:22px 20px
}
 .blog-detail .bd-conclusion{
    padding-bottom:0
}
 .blog-detail .bd-sidebar{
    position:sticky;
    top:112px;
    display:flex;
    flex-direction:column;
    gap:18px
}
 .blog-detail .bd-toc-fab,.blog-detail .bd-toc-mask{
    display:none
}
 .blog-detail .bd-side-card{
    background:#fff;
    border:1px solid #e5edf5;
    border-radius:22px;
    padding:24px 22px;
    box-shadow:0 10px 30px rgba(19,32,51,.05)
}
 .blog-detail .bd-side-card h3{
    margin-bottom:14px;
    font-size:1.05rem;
    font-weight:800;
    color:#132033
}
 .blog-detail .bd-side-card p{
    color:#5d6b7f;
    line-height:1.8;
    margin-bottom:16px
}
 .blog-detail .bd-side-list{
    list-style:none;
    margin:0;
    padding:0
}
 .blog-detail .bd-side-list li+li{
    margin-top:10px
}
 .blog-detail .bd-side-list a{
    color:#2b83d7;
    font-weight:600
}
 .blog-detail .bd-side-posts{
    display:flex;
    flex-direction:column;
    gap:16px
}
 .blog-detail .bd-side-post{
    display:grid;
    grid-template-columns:88px minmax(0,1fr);
    gap:12px;
    align-items:center
}
 .blog-detail .bd-side-post-img{
    display:block;
    border-radius:14px;
    overflow:hidden
}
 .blog-detail .bd-side-post-img img{
    display:block;
    width:100%;
    aspect-ratio:1/1;
    object-fit:cover
}
 .blog-detail .bd-side-post-body{
    min-width:0
}
 .blog-detail .bd-side-post-body span{
    display:block;
    margin-bottom:6px;
    color:#7a8b9d;
    font-size:.76rem;
    font-weight:600
}
 .blog-detail .bd-side-post-body h4{
    font-size:.92rem;
    line-height:1.5;
    color:#132033;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden
}
 .blog-detail .bd-side-products{
    display:flex;
    flex-direction:column;
    gap:16px
}
 .blog-detail .bd-product-card{
    display:grid;
    grid-template-columns:88px minmax(0,1fr);
    gap:14px;
    align-items:center
}
 .blog-detail .bd-product-media{
    display:block;
    border-radius:14px;
    overflow:hidden
}
 .blog-detail .bd-product-media img{
    display:block;
    width:100%;
    aspect-ratio:1/1;
    object-fit:cover
}
 .blog-detail .bd-product-body{
    min-width:0
}
 .blog-detail .bd-product-body h4{
    font-size:.96rem;
    line-height:1.45;
    color:#132033;
    margin-bottom:6px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden
}
 .blog-detail .bd-product-body p{
    margin:0;
    font-size:.86rem;
    line-height:1.65;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden
}
 .blog-detail .bd-post-nav{
    padding:30px 0;
}
 .blog-detail .bd-post-nav-wrap{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px
}
 .blog-detail .bd-post-link{
    display:flex;
    align-items:center;
    gap:14px;
    padding:22px 24px;
    border-radius:20px;
    background:#fff;
    border:1px solid #e5edf5;
    box-shadow:0 10px 30px rgba(19,32,51,.05)
}
 .blog-detail .bd-post-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:42px;
    min-width:42px;
    height:42px;
    border-radius:999px;
    background:#edf4fb;
    color:#2b83d7
}
 .blog-detail .bd-post-icon svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round
}
 .blog-detail .bd-post-link strong{
    display:block;
    color:#132033;
    line-height:1.55
}
 .blog-detail .bd-post-next{
    text-align:right
}
 .blog-detail .bd-post-next .bd-post-icon{
    order:2
}
 .inner-hero-about-us{
    --inner-hero-bg:url('../images/banner2.webp')
}
 .inner-hero-blog-health{
    --inner-hero-bg:url('../images/blog-health-hero.webp')
}
 .inner-hero-blog-news{
    --inner-hero-bg:url('../images/blog-news-hero.webp')
}
 .inner-hero-cdmo{
    --inner-hero-bg:url('../images/banner-factory.webp')
}
 .inner-hero-contact{
    --inner-hero-bg:url('../images/contact_us_banner.webp')
}
 .inner-hero-health{
    --inner-hero-bg:url('../images/health-need-hero.webp')
}
 .inner-hero-manufacture{
    --inner-hero-bg:url('../images/manufacture-hero.webp')
}
 .inner-hero-facility{
    --inner-hero-bg:url('../images/output_curved_line.webp')
}
 .inner-hero-product{
    --inner-hero-bg:url('../images/products-light-bg.webp')
}
 .why-bg-home{
    background-image:url('../images/why_bg.webp')
}
 .bn-list{
    display:flex;
    flex-direction:column;
    gap:32px;
    margin-bottom:56px
}
 .bn-featured{
    display:grid;
    grid-template-columns:.5fr 1fr;
    gap:0;
    background:#fff;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 2px 16px rgba(0,0,0,.07);
    transition:box-shadow .25s,transform .25s
}
 .bn-featured:hover{
    box-shadow:0 8px 32px rgba(0,0,0,.13);
    transform:translateY(-3px)
}
 .bn-featured-img{
    position:relative;
    overflow:hidden;
}
 .bn-featured-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .4s
}
 .bn-featured:hover .bn-featured-img img{
    transform:scale(1.04)
}
 .bn-tag-badge{
    position:absolute;
    top:14px;
    left:14px;
    background:var(--green);
    color:#132033;
    font-size:.72rem;
    font-weight:700;
    padding:3px 10px;
    border-radius:20px;
    text-transform:uppercase;
    letter-spacing:.04em
}
 .bn-featured-body{
    padding:28px 32px;
    display:flex;
    flex-direction:column;
    justify-content:center
}
 .bn-meta{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:10px
}
 .bn-date{
    font-size:.8rem;
    color:#64748b
}
 .bn-cat-label{
    font-size:.75rem;
    color:#2b83d7;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.04em
}
 .bn-featured-title{
    font-size:1.15rem;
    font-weight:700;
    color:#132033;
    margin:0 0 10px;
    line-height:1.45
}
 .bn-featured-excerpt{
    font-size:.9rem;
    color:#5d6b7f;
    line-height:1.65;
    margin:0 0 18px
}
 .bn-featured-actions{
    display:flex;
    align-items:center;
    gap:16px
}
 .bn-read-time{
    font-size:.78rem;
    color:#64748b
}
 .contact-page{
    overflow-x:clip
}
 .ct-intro{
    background:#fff;
    padding:64px 0 0;
    text-align:center
}
 .ct-intro-label{
    display:inline-block;
    color:#2b83d7;
    font-size:.78rem;
    font-weight:700;
    letter-spacing:.1em;
    text-transform:uppercase;
    margin-bottom:12px
}
 .ct-intro-title{
    font-size:clamp(1.7rem, 3.5vw, 2.4rem);
    font-weight:800;
    color:#132033;
    margin-bottom:14px;
    line-height:1.22
}
 .ct-intro-desc{
    font-size:1rem;
    color:#5d6b7f;
    margin:0 auto
}
 .ct-intro-sub{
    font-size:.92rem;
    color:#64748b;
    margin-bottom:0
}
 .ct-main{
    padding:56px 0 80px
}
 .ct-grid{
    display:grid;
    grid-template-columns:1fr 1.45fr;
    gap:48px;
    align-items:start
}
 .ct-info-panel{
    display:flex;
    flex-direction:column;
    gap:28px
}
 .ct-info-card{
    background:#fff;
    border:1px solid #edf3f8;
    border-radius:20px;
    padding:28px 28px 24px;
    box-shadow:0 4px 24px rgba(28,56,94,.06)
}
 .ct-info-card-title{
    font-size:.72rem;
    font-weight:700;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:#2b83d7;
    margin-bottom:18px
}
 .ct-info-item{
    display:flex;
    align-items:flex-start;
    gap:14px;
    padding:12px 0;
    border-bottom:1px solid #f5f8fc
}
 .ct-info-item:last-child{
    border-bottom:none;
    padding-bottom:0
}
 .ct-info-item:first-of-type{
    padding-top:0
}
 .ct-info-icon{
    width:40px;
    height:40px;
    border-radius:12px;
    background:linear-gradient(135deg,#edf3f8,rgba(43,131,215,.15));
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0
}
 .ct-info-icon svg{
    width:18px;
    height:18px;
    stroke:#2b83d7;
    fill:none;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round
}
 .ct-info-text strong{
    display:block;
    font-size:.82rem;
    font-weight:600;
    color:#132033;
    margin-bottom:2px
}
 .ct-info-text a,.ct-info-text span{
    font-size:.88rem;
    color:#5d6b7f;
    line-height:1.6
}
 .ct-info-text a:hover{
    color:#2b83d7
}
 .ct-form-card{
    background:#fff;
    border:1px solid #edf3f8;
    border-radius:24px;
    padding:40px 40px 36px;
    box-shadow:0 8px 40px rgba(28,56,94,.08)
}
 .ct-form-title{
    font-size:1.5rem;
    font-weight:800;
    color:#132033;
    margin-bottom:6px
}
 .ct-form-subtitle{
    font-size:.9rem;
    color:#5d6b7f;
    margin-bottom:28px
}
 .ct-form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px
}
 .ct-field{
    display:flex;
    flex-direction:column;
    gap:6px;
    margin-bottom:16px
}
 .ct-field label{
    font-size:.8rem;
    font-weight:600;
    color:#132033;
    letter-spacing:.02em
}
 .ct-required{
    color:#e05
}
 .ct-field input,.ct-field select,.ct-field textarea{
    width:100%;
    padding:12px 16px;
    border:1.5px solid #dde6f0;
    border-radius:12px;
    font-family:inherit;
    font-size:.9rem;
    color:#132033;
    background:#f5f8fc;
    outline:0;
    transition:border-color .2s,box-shadow .2s
}
 .ct-field input:focus,.ct-field select:focus,.ct-field textarea:focus{
    border-color:#2b83d7;
    background:#fff;
    box-shadow:0 0 0 3px rgba(43,131,215,.12)
}
 .ct-field textarea{
    resize:vertical;
    min-height:120px
}
 .ct-submit-btn{
    width:100%;
    padding:15px 32px;
    background:var(--green);
    color:#132033;
    border:none;
    border-radius:100px;
    font-family:inherit;
    font-size:.95rem;
    font-weight:700;
    letter-spacing:.03em;
    cursor:pointer;
    transition:background .25s,transform .2s;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin-top:8px
}
 .ct-submit-btn:hover{
    background:var(--green);
    transform:translateY(-1px)
}
 .ct-submit-btn svg{
    width:18px;
    height:18px;
    stroke:currentColor;
    fill:none;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round
}
 .quotation-page{
    background:#fff
}
 .quotation-page .contact-shell{
    width:min(1400px,calc(100% - 48px));
    margin:0 auto;
    padding:64px 0 88px
}
 .quotation-intro{
    text-align:center;
    margin:0 auto 34px
}
 .quotation-intro h1{
    font-size:clamp(1.8rem, 3.6vw, 2.8rem);
    font-weight:800;
    color:#132033;
    margin:0 0 12px;
    line-height:1.18
}
 .quotation-intro p{
    max-width:820px;
    margin:0 auto;
    color:#5d6b7f;
    font-size:1rem;
    line-height:1.7
}
 .quotation-layout{
    display:grid;
    grid-template-columns:minmax(280px,.86fr) minmax(0,1.14fr);
    gap:28px;
    align-items:start
}
 .quotation-page .form-card,.quote-selection-card{
    background:#fff;
    border:1px solid #edf3f8;
    border-radius:24px;
    box-shadow:0 8px 40px rgba(28,56,94,.08)
}
 .quote-selection-card{
    padding:28px
}
 .quote-card-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-bottom:22px
}
 .quotation-page .form-card-header h2,.quote-card-head h2{
    font-size:1.35rem;
    font-weight:800;
    color:#132033;
    margin:0;
    line-height:1.25
}
 .quote-list-actions{
    display:flex;
    gap:8px;
    flex-wrap:wrap
}
 .quotation-page .btn-continue,.quote-list-actions button{
    border:1.5px solid #dde6f0;
    background:#f5f8fc;
    color:#132033;
    border-radius:999px;
    padding:9px 15px;
    font:600 .82rem var(--font-main);
    cursor:pointer;
    transition:all .2s ease
}
 .quotation-page .btn-continue:hover,.quote-list-actions button:hover{
    border-color:var(--green);
    background:#fff;
    color:#132033
}
 .quote-empty{
    border:1px dashed #cfdbe8;
    border-radius:18px;
    background:#f8fbff;
    padding:30px 24px;
    text-align:center
}
 .quote-empty h3{
    color:#132033;
    font-size:1.05rem;
    font-weight:800;
    margin:0 0 8px
}
 .quote-empty p{
    color:#5d6b7f;
    font-size:.92rem;
    line-height:1.65;
    margin:0 0 18px
}
 .quotation-page .btn-cta,.quotation-page .btn-submit{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    border:none;
    border-radius:999px;
    padding:12px 24px;
    background:var(--green);
    color:#132033;
    font:800 .9rem var(--font-main);
    cursor:pointer;
    transition:transform .2s ease,box-shadow .2s ease
}
 .quotation-page .btn-cta:hover,.quotation-page .btn-submit:hover{
    transform:translateY(-1px);
    box-shadow:0 8px 22px rgba(183,222,47,.28)
}
 .quote-product-list{
    display:flex;
    flex-direction:column;
    gap:12px
}
 .quote-product-item{
    display:grid;
    grid-template-columns:76px minmax(0,1fr);
    gap:14px;
    align-items:center;
    padding:12px;
    border:1px solid #edf3f8;
    border-radius:16px;
    background:#f8fbff
}
 .quote-product-media{
    width:76px;
    height:76px;
    border-radius:12px;
    overflow:hidden;
    background:#fff;
    border:1px solid #edf3f8
}
 .quote-product-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block
}
 .quote-product-body{
    min-width:0
}
 .quote-product-title{
    display:block;
    color:#132033;
    font:800 .95rem/1.35 var(--font-main);
    text-decoration:none
}
 .quote-product-actions{
    grid-column:1/-1;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px
}
 .quote-product-select{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#5d6b7f;
    font:600 .86rem var(--font-main);
    cursor:pointer
}
 .quote-product-check{
    width:16px;
    height:16px;
    accent-color:var(--green)
}
 .quote-product-remove{
    border:0;
    background:0 0;
    color:#dc2626;
    font:700 .84rem var(--font-main);
    cursor:pointer;
    padding:4px 0
}
 .quote-list-footer{
    margin-top:18px;
    padding-top:18px;
    border-top:1px solid #edf3f8
}
 .quote-list-footer p{
    margin:0;
    color:#5d6b7f;
    font-size:.9rem;
    font-weight:600
}
 .quotation-page .form-card{
    padding:34px 36px 32px
}
 .quotation-page .form-card-header{
    margin-bottom:24px
}
 .quotation-page .form-card-header p{
    color:#5d6b7f;
    font-size:.92rem;
    line-height:1.65;
    margin:8px 0 0
}
 .quotation-page .form-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px
}
 .quotation-page .form-group{
    display:flex;
    flex-direction:column;
    gap:7px
}
 .quotation-page .form-group.full{
    grid-column:1/-1
}
 .quotation-page .form-group label{
    color:#132033;
    font-size:.8rem;
    font-weight:700
}
 .quotation-page .form-group label span{
    color:#e05
}
 .quotation-page .form-group input,.quotation-page .form-group textarea{
    width:100%;
    border:1.5px solid #dde6f0;
    border-radius:12px;
    background:#f5f8fc;
    color:#132033;
    font:400 .92rem var(--font-main);
    padding:13px 16px;
    outline:0;
    transition:border-color .2s,box-shadow .2s,background .2s
}
 .quotation-page .form-group textarea{
    min-height:132px;
    resize:vertical
}
 .quotation-page .form-group input:focus,.quotation-page .form-group textarea:focus{
    border-color:#2b83d7;
    background:#fff;
    box-shadow:0 0 0 3px rgba(43,131,215,.12)
}
 .quotation-submit{
    display:flex;
    align-items:center;
    gap:14px;
    flex-wrap:wrap;
    margin-top:24px
}
 .ct-map-section{
    padding:30px 0;
}
 .ct-map-wrap{
    border-radius:24px;
    overflow:hidden;
    border:1px solid #edf3f8;
    box-shadow:0 8px 40px rgba(28,56,94,.07);
    height:400px
}
 .ct-map-wrap iframe{
    width:100%;
    height:100%;
    border:none;
    display:block
}
 .ct-share-section{
    background:var(--blue-dark);
    padding:72px 0;
    text-align:center
}
 .ct-share-label{
    display:inline-block;
    background:rgba(183,222,47,.15);
    color:var(--green);
    font-size:.75rem;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
    padding:4px 16px;
    border-radius:100px;
    border:1px solid rgba(183,222,47,.3);
    margin-bottom:16px
}
 .ct-share-title{
    font-size:clamp(1.5rem, 3vw, 2rem);
    font-weight:800;
    color:#fff;
    margin-bottom:10px
}
 .ct-share-desc{
    font-size:.95rem;
    color:rgba(255,255,255,.65);
    max-width:480px;
    margin:0 auto 36px
}
 .ct-share-btns{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:14px
}
 .ct-share-btn{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:11px 22px;
    border-radius:100px;
    font-size:.88rem;
    font-weight:600;
    text-decoration:none;
    transition:transform .2s,opacity .2s;
    cursor:pointer;
    border:none
}
 .ct-share-btn:hover{
    transform:translateY(-2px);
    opacity:.92
}
 .ct-share-btn svg{
    width:18px;
    height:18px;
    fill:currentColor;
    flex-shrink:0
}
 .ct-share-btn.facebook{
    background:#1877f2;
    color:#fff
}
 .ct-share-btn.twitter{
    background:#000;
    color:#fff
}
 .ct-share-btn.linkedin{
    background:var(--blue);
    color:#fff
}
 .ct-share-btn.whatsapp{
    background:#25d366;
    color:#fff
}
 .ct-share-btn.email{
    background:rgba(255,255,255,.12);
    color:#fff;
    border:1px solid rgba(255,255,255,.2)
}
 .ct-share-btn.copy-link{
    background:var(--green);
    color:#132033
}
 .ct-share-btn.copy-link svg{
    stroke:#132033;
    fill:none;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round
}
 .ct-toast{
    position:fixed;
    bottom:32px;
    left:50%;
    transform:translateX(-50%) translateY(20px);
    background:#132033;
    color:#fff;
    padding:12px 24px;
    border-radius:100px;
    font-size:.88rem;
    font-weight:600;
    opacity:0;
    pointer-events:none;
    transition:opacity .3s,transform .3s;
    z-index:9999;
    white-space:nowrap
}
 .ct-toast.show{
    opacity:1;
    transform:translateX(-50%) translateY(0)
}
 .product_details{
    font-family:Poppins,sans-serif
}
 .product_overview{
    position:relative;
    padding:64px 0;
    background:linear-gradient(rgba(245,248,252,.92),rgba(245,248,252,.85)),url("../images/applications-section-bg.webp") center/cover no-repeat;
    overflow:hidden
}
 .product_overview .container{
    position:relative;
    z-index:1
}
 .product_overview .item_box{
    display:grid;
    grid-template-columns:minmax(0,.8fr) minmax(320px,.9fr);
    gap:40px;
    align-items:start
}
 .ov_title{
    font-size:clamp(1.5rem, 3.5vw, 2.2rem);
    font-weight:800;
    color:#132033;
    line-height:1.25;
    margin-bottom:12px
}
 .ov_subtitle{
    font-size:1rem;
    color:#5d6b7f;
    line-height:1.7;
    margin-bottom:18px
}
 .ov_attributes{
    display:flex;
    flex-direction:column;
    gap:10px;
    margin:0 0 28px;
    padding:0 0 24px;
    list-style:none;
    border-bottom:1px solid #edf3f8;
    padding-left:0!important
}
 .ov_attributes li{
    position:relative;
    padding-left:18px;
    font-size:.96rem;
    line-height:1.65;
    color:#2f4660;
    list-style:unset!important
}
 .ov_attributes li::before{
    content:'';
    position:absolute;
    left:0;
    top:.6em;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#2b83d7;
    box-shadow:0 0 0 4px rgba(43,131,215,.12)
}
 .ov_metrics{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
    margin-bottom:32px
}
 .ov_metric{
    background:#f5f8fc;
    border:1px solid #edf3f8;
    border-radius:12px;
    padding:16px 14px;
    text-align:center
}
 .ov_metric_label{
    display:block;
    font-size:.7rem;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:#5d6b7f;
    margin-bottom:6px
}
 .ov_metric_value{
    display:block;
    font-size:1rem;
    font-weight:800;
    color:#132033;
    line-height:1.2
}
 .ov_actions{
    display:flex;
    flex-direction:row;
    gap:10px;
    flex-wrap:wrap;
    margin-bottom:20px
}
 .ov_btn{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:10px 18px;
    border-radius:8px;
    text-decoration:none;
    font-weight:600;
    font-size:.88rem;
    transition:opacity .2s,transform .15s;
    white-space:nowrap
}
 .ov_btn:hover{
    opacity:.88;
    transform:translateY(-1px)
}
 .ov_btn_svg{
    width:16px;
    height:16px;
    flex-shrink:0
}
 .ov_btn_primary{
    background:var(--green);
    color:#132033;
    box-shadow:0 3px 12px rgba(183,222,47,.35)
}
 .ov_btn_primary .ov_btn_svg{
    fill:#132033
}
 .ov_btn_secondary{
    background:#132033;
    color:#fff;
    box-shadow:0 3px 12px rgba(19,32,51,.2)
}
 .ov_btn_secondary .ov_btn_svg{
    fill:#fff
}
 .ov_btn_outline{
    background:#fff;
    color:#2b83d7;
    border:1.5px solid #2b83d7
}
 .ov_btn_outline .ov_btn_svg{
    fill:#2b83d7
}
 .ov_share{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    padding-top:16px;
    border-top:1px solid #edf3f8
}
 .ov_share_label{
    font-size:.82rem;
    color:#5d6b7f;
    font-weight:600;
    margin:0
}
 .ov_share_fb{
    background:#1877f2
}
 .ov_share_tw{
    background:#000
}
 .ov_share_li{
    background:#0a66c2
}
 .ov_share_wa{
    background:#25d366
}
 .ov_share_em{
    background:#5d6b7f
}
 .gallery_wrap{
    display:flex;
    flex-direction:column;
    gap:18px
}
 .gallery_main{
    position:relative;
    width:100%;
    aspect-ratio:1;
    border-radius:16px;
    overflow:hidden;
    background:#fff;
    border:1px solid #e6edf5;
    box-shadow:0 10px 32px rgba(19,32,51,.06);
    cursor:zoom-in
}
 .gallery_main .swiper-slide{
    position:relative;
    height:auto
}
 .gallery_main img{
    width:100%;
    height:100%;
    object-fit:contain;
    background:#fff;
    display:block
}
 .gallery_arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:#fff;
    border:1px solid #dfe6ee;
    border-radius:0;
    width:46px;
    height:calc(100% - 2px);
    max-height:96px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    z-index:2;
    box-shadow:0 1px 0 rgba(19,32,51,.02);
    transition:background .2s,border-color .2s,box-shadow .2s
}
 .gallery_arrow:hover{
    background:#f8fafc;
    border-color:#b7c6d6;
    box-shadow:0 4px 14px rgba(19,32,51,.06)
}
 .gallery_arrow.prev{
    left:0
}
 .gallery_arrow.next{
    right:0
}
 .gallery_arrow svg{
    width:16px;
    height:16px;
    fill:#5d6b7f
}
 .gallery_thumbs{
    position:relative;
    width:100%;
    padding:0 56px
}
 .gallery_thumbs>#galleryThumbs{
    width:100%;
    overflow:hidden
}
 .gallery_thumbs #galleryThumbs .swiper-wrapper{
    height:auto
}
 .gallery_thumbs #galleryThumbs img{
    width:100%;
    object-fit:cover;
    border-radius:0;
    cursor:pointer;
    border:1px solid #fff;
    transition:border-color .2s,box-shadow .2s,background .2s;
    display:block
}
 .gallery_thumbs #galleryThumbs .swiper-slide-thumb-active img{
    border-color:var(--blue)
}
 .lightbox{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.88);
    z-index:9999;
    align-items:center;
    justify-content:center
}
 .lightbox.open{
    display:flex
}
 .lightbox_img{
    max-width:90vw;
    max-height:90vh;
    border-radius:12px;
    object-fit:contain;
    box-shadow:0 8px 40px rgba(0,0,0,.5)
}
 .lightbox_close{
    position:absolute;
    top:20px;
    right:24px;
    background:0 0;
    border:none;
    color:#fff;
    font-size:2rem;
    cursor:pointer;
    line-height:1;
    opacity:.8
}
 .lightbox_close:hover{
    opacity:1
}
 .lightbox_arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:rgba(255,255,255,.15);
    border:none;
    border-radius:50%;
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    color:#fff;
    font-size:1.4rem;
    transition:background .2s
}
 .lightbox_arrow:hover{
    background:rgba(255,255,255,.3)
}
 .lightbox_arrow.prev{
    left:20px
}
 .lightbox_arrow.next{
    right:20px
}
 .product_overview .text h2{
    font-size:clamp(1.3rem, 3vw, 1.9rem);
    font-weight:800;
    color:#132033;
    margin-bottom:12px;
    line-height:1.3
}
 .product_overview .text>p:first-of-type{
    font-size:1rem;
    color:#5d6b7f;
    line-height:1.7;
    margin-bottom:24px
}
 .product_overview table{
    width:100%;
    border-collapse:collapse;
    margin-bottom:28px;
    border-radius:12px;
    overflow:hidden;
    border:1px solid #edf3f8
}
 .product_overview table th{
    background:#f5f8fc;
    color:#5d6b7f;
    font-size:.75rem;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.08em;
    padding:10px 16px;
    text-align:left;
    border-bottom:1px solid #edf3f8
}
 .product_overview table td{
    padding:14px 16px;
    color:#132033;
    font-weight:700;
    font-size:.95rem
}
 .product_overview .btn_quote{
    display:inline-block;
    background:var(--green);
    color:#132033;
    font-weight:700;
    font-size:.95rem;
    padding:14px 32px;
    border-radius:100px;
    text-decoration:none;
    transition:background .2s,transform .2s
}
 .product_overview .btn_quote:hover{
    background:#a0c428;
    transform:translateY(-2px)
}
 .product_share{
    padding:0 0 32px;
    background:#fff
}
 .product_share .container{
    max-width:1200px;
    margin:0 auto;
    padding:0 24px
}
 .product_share p{
    font-size:.85rem;
    color:#5d6b7f;
    margin-bottom:10px
}
 .product_share .share_links{
    display:flex;
    gap:10px;
    flex-wrap:wrap
}
 .product_share .share_links a{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:7px 16px;
    border-radius:100px;
    font-size:.8rem;
    font-weight:600;
    text-decoration:none;
    border:1.5px solid #edf3f8;
    color:#5d6b7f;
    transition:border-color .2s,color .2s
}
 .product_share .share_links a:hover{
    border-color:#2b83d7;
    color:#2b83d7
}
 .product_details section{
    padding:64px 0
}
 .product_details .container{
    margin:0 auto;
    padding:0 24px
}
 .product_details .product_detail_tabs{
    padding:18px 0;
    background:#f5f8fc
}
 .product_details .product_detail_tabs .container{
    display:flex;
    align-items:center;
    gap:10px
}
 .product_details .product_detail_tab{
    border:none;
    background:#e8f0f8;
    color:#5d6b7f;
    font-family:Poppins,sans-serif;
    font-size:.92rem;
    font-weight:700;
    padding:12px 22px;
    border-radius:999px;
    cursor:pointer;
    transition:background .2s ease,color .2s ease,box-shadow .2s ease
}
 .product_details .product_detail_tab.active{
    background:#132033;
    color:#fff
}
 .product_details .product_detail_panel{
    display:none
}
 .product_details .product_detail_panel.active{
    display:block
}
 .product_details h2{
    font-size:clamp(1.4rem, 3vw, 2rem);
    font-weight:800;
    color:#132033;
    margin-bottom:8px
}
 .product_details h2+p{
    color:#5d6b7f;
    line-height:1.7;
    margin-bottom:32px
}
 .product_details h3{
    font-size:1.05rem;
    font-weight:700;
    color:#132033;
    margin:24px 0 8px
}
 .product_details p{
    color:#5d6b7f;
    line-height:1.7;
    margin-bottom:12px
}
 .product_details ol,.product_details ul{
    padding-left:20px;
    color:#5d6b7f;
    line-height:1.8;
    margin-bottom:16px
}
 .product_details ol li,.product_details ul li{
    margin-bottom:6px;
    list-style:disc
}
 .product_overview .item_box.two_col{
    display:grid;
    gap:60px;
    margin-top:32px
}
 .product_ingredients .item_box{
    display:grid;
    gap:20px;
    margin-top:32px;
    grid-template-columns:repeat(3,1fr)
}
 .product_benefits .item_box{
    display:grid;
    gap:20px;
    margin-top:32px;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr))
}
 .product_ingredients .item{
    background:#f5f7fa;
    border:1.5px solid #edf3f8;
    border-radius:14px;
    padding:24px;
    transition:border-color .2s,box-shadow .2s
}
 .product_ingredients .item:hover{
    border-color:#2b83d7;
    box-shadow:0 4px 20px rgba(43,131,215,.1)
}
 .product_ingredients .item h3{
    margin-top:0;
    font-size:.95rem
}
 .product_benefits .item{
    background:#f5f7fa;
    border:1.5px solid #edf3f8;
    border-radius:14px;
    padding:24px;
    transition:border-color .2s,box-shadow .2s
}
 .product_benefits .item:hover{
    border-color:#2b83d7;
    box-shadow:0 4px 20px rgba(43,131,215,.1)
}
 .product_benefits .item h3{
    margin-top:0;
    font-size:.95rem
}
 .product_forms .detail_image_stack .item{
    transition:transform .2s ease
}
 .product_forms .detail_image_stack .item:hover{
    transform:translateY(-2px)
}
 .ing_amount{
    display:inline-block;
    background:#edf3f8;
    color:#2b83d7;
    font-size:.75rem;
    font-weight:700;
    padding:2px 10px;
    border-radius:100px;
    margin-left:8px;
    vertical-align:middle
}
 .ing_divider{
    height:2px;
    width:36px;
    background:linear-gradient(90deg,#2b83d7,var(--green));
    border-radius:2px;
    margin:8px 0 10px
}
 .product_forms .detail_image_stack{
    display:flex;
    flex-direction:column;
    gap:22px;
    margin:32px 0 0
}
 .product_forms .detail_image_stack .item{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
    align-items:stretch;
    background:#f5f7fa
}
 .product_forms .detail_image_stack .item:nth-child(2n){
    grid-template-columns:1fr 1fr
}
 .product_forms .detail_image_stack .item:nth-child(2n) .img{
    order:2
}
 .product_forms .detail_image_stack .item:nth-child(2n) .text{
    order:1
}
 .product_forms .detail_image_stack .img p{
    margin:0
}
 .product_forms .detail_image_stack .img img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover
}
 .product_forms .detail_image_stack .text{
    padding:28px 28px 24px;
    display:flex;
    flex-direction:column;
    justify-content:center
}
 .product_forms .detail_story_kicker{
    display:inline-flex;
    align-items:center;
    width:fit-content;
    padding:6px 12px;
    border-radius:999px;
    background:#edf4fb;
    color:#2b83d7;
    font-size:.72rem;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    margin-bottom:14px
}
 .product_forms .detail_image_stack .text h3{
    margin:0 0 12px;
    font-size:1.22rem;
    line-height:1.35
}
 .product_forms .detail_image_stack .text p{
    margin-bottom:14px
}
 .product_forms .detail_image_stack .text ul{
    margin:0;
    padding-left:18px
}
 .product_forms .detail_image_stack .text li{
    margin-bottom:6px
}
 .product_additional table{
    width:100%;
    border-collapse:collapse;
    border-radius:12px;
    overflow:hidden;
    border:1px solid #edf3f8;
    margin-top:24px
}
 .product_additional table tr:nth-child(2n){
    background:#f5f8fc
}
 .product_additional table th{
    width:220px;
    padding:13px 20px;
    font-size:.85rem;
    font-weight:700;
    color:#132033;
    text-align:left;
    border-bottom:1px solid #edf3f8;
    vertical-align:top
}
 .product_additional table td{
    padding:13px 20px;
    font-size:.85rem;
    color:#5d6b7f;
    border-bottom:1px solid #edf3f8;
    line-height:1.6
}
 .product_why{
    padding:0
}
 .product_why h2{
    text-align:left
}
 .product_why>.container>p{
    max-width:none;
    margin:0;
    text-align:left;
    font-size:1rem;
    line-height:1.7;
    color:#273547
}
 .product_why .item_box{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    margin:32px 0
}
 .product_why .item .img p{
    margin:0
}
 .product_why .item .img img{
    display:block;
    width:100%;
    aspect-ratio:1.22/1;
    object-fit:cover;
    margin-bottom:20px
}
 .product_why .item .txt h3{
    margin:0 0 8px;
    font-size:1.25rem;
    line-height:1.1
}
 .product_why .item .txt p{
    margin:0;
    font-size:.95rem;
    line-height:1.5;
    color:#4f5d71
}
 .product_why .why_text_block{
    max-width:none;
    margin:32px 0 0;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
    align-items:start;
    padding-top:24px;
    border-top:1px solid #edf3f8
}
 .product_why .why_text_block p{
    margin:0;
    font-size:.95rem;
    line-height:1.75;
    color:#273547
}
 .product_faq{
    position:relative;
    padding:72px 0;
    background:linear-gradient(rgba(245,248,252,.9),rgba(245,248,252,.94)),url("../images/products-light-bg.webp") center/cover no-repeat;
    overflow:hidden
}
 .product_faq_list{
    display:flex;
    flex-direction:column;
    gap:16px;
    margin-top:28px
}
 .product_faq_item{
    background:rgba(255,255,255,.92);
    border:1px solid #e4edf6;
    border-radius:18px;
    box-shadow:0 4px 18px rgba(19,32,51,.04);
    overflow:hidden
}
 .product_faq_btn{
    width:100%;
    display:flex;
    align-items:center;
    gap:18px;
    padding:22px 24px;
    background:0 0;
    border:none;
    cursor:pointer;
    text-align:left
}
 .product_faq_q{
    flex:1;
    font-size:1rem;
    font-weight:700;
    color:#132033;
    line-height:1.45;
    transition:color .2s ease
}
 .product_faq_ico{
    width:22px;
    height:22px;
    color:#64748b;
    flex-shrink:0;
    transition:transform .28s ease,color .2s ease
}
 .product_faq_ico svg{
    width:100%;
    height:100%
}
 .product_faq_ans{
    max-height:0;
    overflow:hidden;
    transition:max-height .35s ease
}
 .product_faq_item.is-open .product_faq_ans{
    max-height:240px
}
 .product_faq_item.is-open .product_faq_ico{
    transform:rotate(180deg);
    color:#2b83d7
}
 .product_faq_btn:hover .product_faq_q,.product_faq_item.is-open .product_faq_q{
    color:#2b83d7
}
 .product_faq_ans p{
    margin:0;
    padding:0 24px 22px
}
 .product_recommend{
    padding:72px 0 88px;
    background:#fff
}
 .product_recommend_head{
    text-align:center;
    margin-bottom:30px
}
 .product_recommend_head h2{
    margin-bottom:10px
}
 .product_recommend_head p{
    max-width:720px;
    margin:0 auto
}
 .product_recommend_swiper{
    padding:6px 6px 42px
}
 .product_recommend_swiper .swiper-slide{
    height:auto
}
 .product_recommend_swiper .pl-card{
    height:100%
}
 .product_recommend_pagination{
    bottom:0!important
}
 .product_recommend_pagination .swiper-pagination-bullet{
    width:10px;
    height:10px;
    background:#c8d6e5;
    opacity:1;
    transition:transform .2s ease,background .2s ease
}
 .product_recommend_pagination .swiper-pagination-bullet-active{
    background:#2b83d7;
    transform:scale(1.15)
}
 .product_partners{
    background:#132033!important
}
 .product_partners h2,.product_partners h3{
    color:#fff
}
 .product_partners p{
    color:rgba(255,255,255,.7)
}
 .product_partners a.cta_btn{
    display:inline-block;
    background:var(--green);
    color:#132033;
    font-weight:700;
    padding:14px 36px;
    border-radius:100px;
    text-decoration:none;
    margin-top:8px;
    transition:background .2s
}
 .product_partners a.cta_btn:hover{
    background:#a0c428
}
 .product_partners table{
    width:100%;
    border-collapse:collapse;
    margin-top:32px;
    border-radius:12px;
    overflow:hidden
}
 .product_partners table th{
    background:rgba(255,255,255,.08);
    color:rgba(255,255,255,.6);
    font-size:.8rem;
    font-weight:600;
    padding:10px 20px;
    text-align:left;
    border-bottom:1px solid rgba(255,255,255,.1)
}
 .product_partners table td{
    padding:13px 20px;
    color:rgba(255,255,255,.8);
    font-size:.88rem;
    border-bottom:1px solid rgba(255,255,255,.08);
    line-height:1.6
}
 .product_partners table tr:last-child td{
    border-bottom:none
}
 .cert_badges{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:16px
}
 .cert_badge{
    display:inline-flex;
    align-items:center;
    gap:6px;
    background:#edf3f8;
    color:#2b83d7;
    font-size:.78rem;
    font-weight:700;
    padding:6px 14px;
    border-radius:100px;
    border:1.5px solid #d0e4f5
}
 .desc_two_col{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:1.5rem;
    margin-top:2rem
}
 .desc_col{
    background:#f5f7fa;
    border-radius:12px;
    overflow:hidden;
    border:1px solid #e8edf3
}
 .desc_col_img{
    width:100%;
    aspect-ratio:16/9;
    overflow:hidden
}
 .desc_col_img img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block
}
 .desc_col_text{
    padding:1.5rem
}
 .desc_col_text h3{
    font-size:1.1rem;
    font-weight:700;
    color:#132033;
    margin-bottom:1rem;
    padding-bottom:.5rem;
    border-bottom:2px solid var(--green);
    display:inline-block
}
 .desc_col_text ul{
    margin:0;
    padding-left:1.2rem
}
 .desc_col_text ul li{
    color:#5d6b7f;
    font-size:.92rem;
    line-height:1.7;
    margin-bottom:.5rem;
    list-style:disc
}
 @media (max-width:1760px){
    .inner-hero{
        min-height:570px
    }
}
 @media (max-width:1680px){
    .index-main .hero-title{
        font-size:54px
    }
     .index-main .hero-ctas{
        margin-top:100px
    }
     .index-main .products-content{
        width:min(100%,500px)
    }
     .nav-links{
        gap:20px
    }
     .inner-hero{
        min-height:540px
    }
}
 @media (max-width:1500px){
    .inner-hero{
        min-height:490px
    }
     .nav-container{
        width:90%
    }
}
 @media (max-width:1440px){
    .index-main .hero-content{
        width:min(100%,1400px);
        max-width:96%
    }
     .index-main .hero-ctas{
        margin-top:60px
    }
     .index-main .hero-title{
        margin-bottom:50px
    }
     .index-main .hero-subtitle:nth-child(2){
        margin-bottom:20px
    }
     .footer-grid,.index-main .certs-section .container,.index-main .factory-news-section .container,.index-main .factory-section .container,.index-main .inquiry-section .container,.index-main .process-section .container,.index-main .products-section .container,.index-main .rd-section .container,.index-main .rtb-section .container,.index-main .solutions-section .container,.index-main .why-container .container,.index-main .why-stats,.inquiry-section .container,.nav-container{
        width:96%
    }
     .inner-hero{
        min-height:460px
    }
     .about-us .inner-hero-bg,.our-facility .inner-hero-bg{
        background-size:cover
    }
     .inner-hero-about-us{
        --inner-hero-bg:none
    }
     .inner-hero-bg{
        background-size:cover;
        background-repeat:no-repeat
    }
     .inner-hero-title{
        font-size:clamp(2rem, 5vw, 2.5rem)
    }
     .quotation-page .form-card-header h2,.quote-card-head h2{
        font-size:1.1rem
    }
}
 @media (max-width:1280px){
    .inner-hero{
        min-height:420px
    }
     .nav-links{
        gap:20px
    }
     .index-main .hero-subtitle{
        font-size:22px
    }
     .index-main .hero-title{
        font-size:44px
    }
     .index-main .factory-visual-card--bottom{
        right:0;
        border-radius:10px
    }
}
 @media (max-width:1200px){
    .manufacture-page .inner-hero-content{
        max-width:760px
    }
     .product_overview .item_box{
        grid-template-columns:minmax(0,1fr) minmax(0,.92fr);
        gap:32px
    }
     .product_forms .detail_image_stack .item{
        gap:18px
    }
     .product_forms .detail_image_stack .text{
        padding:24px 24px 22px
    }
}
 @media (max-width:991px){
    .product-list .pl-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     .health-need .hn-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     .cdmo-service .cs-logistics-inner{
        grid-template-columns:1fr;
        gap:40px
    }
     .cdmo-service .cs-logistics-img{
        order:-1
    }
     .cdmo-service .cs-logistics-img img{
        height:300px
    }
     .cdmo-service .cs-logistics-list{
        grid-template-columns:1fr
    }
     .cdmo-service .cs-cta-inner{
        flex-direction:column;
        text-align:center
    }
     .cdmo-service .cs-custom-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     .cdmo-service .cs-custom-grid{
        grid-template-rows:none
    }
     .cdmo-service .cs-custom-card-featured{
        grid-column:1/-1;
        grid-row:auto
    }
     .cdmo-service .cs-custom-card-featured .cs-custom-card-img{
        height:260px
    }
     .cdmo-service .cs-custom-card-featured .cs-custom-card-body{
        padding:26px 22px 22px
    }
     .cdmo-service .cs-custom-grid>.cs-custom-card:nth-child(2),.cdmo-service .cs-custom-grid>.cs-custom-card:nth-child(3),.cdmo-service .cs-custom-grid>.cs-custom-card:nth-child(4),.cdmo-service .cs-custom-grid>.cs-custom-card:nth-child(5){
        grid-column:auto;
        grid-row:auto
    }
     .cdmo-service .cs-pkg-grid{
        grid-template-columns:repeat(3,1fr)
    }
     .about-us .au-cert-swiper{
        padding-left:48px;
        padding-right:48px
    }
     .about-us .au-profile-grid{
        grid-template-columns:1fr;
        gap:40px
    }
     .about-us .au-rd-cards{
        grid-template-columns:1fr
    }
     .about-us .au-partner-grid{
        grid-template-columns:repeat(2,1fr)
    }
     .about-us .au-cta-inner{
        flex-direction:column;
        text-align:center
    }
     .our-facility .of-factory-wrap{
        grid-template-columns:1fr;
        gap:48px
    }
     .our-facility .of-cap-body{
        grid-template-columns:1fr;
        gap:40px
    }
     .our-facility .of-gallery-mosaic{
        grid-template-columns:1fr 1fr;
        grid-template-rows:240px 240px 220px
    }
     .our-facility .of-gm-a{
        grid-column:1/3;
        grid-row:1
    }
     .our-facility .of-gm-b{
        grid-column:1;
        grid-row:2
    }
     .our-facility .of-gm-c{
        grid-column:2;
        grid-row:2
    }
     .our-facility .of-gm-d{
        grid-column:1;
        grid-row:3
    }
     .our-facility .of-gm-e{
        grid-column:2;
        grid-row:3
    }
     .our-facility .of-cap-decor-top{
        top:16px;
        left:-34px;
        width:140px;
        opacity:.16
    }
     .our-facility .of-cap-decor-bottom{
        right:-28px;
        bottom:18px;
        width:160px;
        opacity:.16
    }
     .our-facility .of-chart-bars{
        gap:10px;
        height:200px
    }
     .our-facility .of-chart-label{
        font-size:.65rem
    }
     .our-facility .of-cap-bottom{
        grid-template-columns:1fr;
        gap:32px
    }
     .our-facility .of-cap-bottom-img img{
        height:240px
    }
     .our-facility .of-chart{
        padding:0 20px
    }
     .our-facility .of-chart-bars{
        height:220px;
        gap:10px
    }
     .our-facility .of-chart-val{
        font-size:.9rem
    }
     .our-facility .of-chart-label{
        font-size:.68rem
    }
     .blog-news .bn-grid{
        grid-template-columns:repeat(2,1fr)
    }
     .blog-hk .bk-grid{
        grid-template-columns:repeat(2,1fr)
    }
     .blog-detail .bd-layout{
        grid-template-columns:1fr;
        gap:28px
    }
     .blog-detail .bd-sidebar{
        position:static
    }
     .blog-detail .bd-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     .blog-detail .bd-post-nav-wrap{
        grid-template-columns:1fr
    }
     .blog-detail .bd-post-next{
        text-align:left
    }
     .ct-grid{
        grid-template-columns:1fr
    }
     .product_overview .item_box{
        grid-template-columns:1fr
    }
     .product_overview .item_box.two_col{
        gap:32px;
        display:block;
        margin-top:0
    }
     .product_overview .item_box.two_col .img{
        margin-bottom:30px
    }
     .product_overview{
        padding:56px 0
    }
     .product_overview .text{
        min-width:0
    }
     .ov_actions{
        display:flex;
        flex-wrap:wrap;
        gap:10px
    }
     .ov_btn{
        justify-content:flex-start;
        white-space:nowrap;
        text-align:left
    }
     .product_details section{
        padding:56px 0
    }
     .product_details .product_detail_tabs .container{
        flex-wrap:wrap
    }
     .product_forms .detail_image_stack .item,.product_forms .detail_image_stack .item:nth-child(2n){
        display:flex;
        flex-wrap:wrap;
        flex-direction:column
    }
     .product_forms .detail_image_stack .item:nth-child(2n){
        flex-direction:column-reverse
    }
     .product_forms .detail_image_stack .item:nth-child(2n) .img,.product_forms .detail_image_stack .item:nth-child(2n) .text{
        order:initial
    }
     .product_why .item_box{
        grid-template-columns:repeat(2,1fr)
    }
     .product_why .why_text_block{
        grid-template-columns:1fr;
        gap:18px
    }
     .desc_two_col{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     .product_faq{
        padding:64px 0
    }
     .product_recommend{
        padding:64px 0 80px
    }
     .manufacture-page .product-list .pl-filter-section{
        padding-top:28px
    }
     .manufacture-page .product-list .pl-filter-list{
        gap:8px
    }
     .manufacture-page .product-list .pl-card-body{
        padding:20px 20px 22px
    }
     .inner-hero-bg{
        background-size:cover
    }
}
 @media (max-width:768px){
    .cdmo-service .cs-banner-content{
        padding:60px 24px
    }
     .cdmo-service .cs-custom-grid{
        grid-template-columns:1fr
    }
     .cdmo-service .cs-custom-grid{
        grid-template-rows:none
    }
     .cdmo-service .cs-custom-card-featured{
        grid-column:span 1
    }
     .cdmo-service .cs-custom-card-featured .cs-custom-card-img{
        height:220px
    }
     .cdmo-service .cs-custom-card:not(.cs-custom-card-featured) .cs-custom-card-img{
        height:200px
    }
     .cdmo-service .cs-pkg-grid{
        grid-template-columns:repeat(2,1fr)
    }
     .cdmo-service .cs-logistics-stats{
        gap:20px
    }
     .about-us .au-banner-content{
        padding:80px 0 60px
    }
     .about-us .au-profile-stats{
        grid-template-columns:1fr
    }
     .about-us .au-cert-swiper{
        padding:8px 0 34px
    }
     .about-us .au-cert-nav{
        display:none
    }
     .about-us .au-cert-pagination{
        display:block
    }
     .about-us .au-section{
        padding:60px 0
    }
     .about-us .au-partner-grid{
        grid-template-columns:1fr
    }
     .about-us .au-subnav-item{
        padding:14px 16px;
        font-size:.82rem
    }
     .our-facility{
        --of-section:60px
    }
     .our-facility .of-cta,.our-facility .of-faq{
        padding:60px 0
    }
     .our-facility .of-gallery-mosaic{
        grid-template-columns:1fr;
        grid-template-rows:auto
    }
     .our-facility .of-gm-a,.our-facility .of-gm-b,.our-facility .of-gm-c,.our-facility .of-gm-d,.our-facility .of-gm-e{
        grid-column:1;
        grid-row:auto
    }
     .our-facility .of-gm-item img{
        height:200px
    }
     .our-facility .of-photo-collage{
        grid-template-columns:1fr;
        grid-template-rows:auto
    }
     .our-facility .of-photo-main{
        grid-column:1
    }
     .our-facility .of-faq-ans p{
        padding:0 0 20px 0
    }
     .our-facility .of-bar-name{
        font-size:.82rem
    }
     .our-facility .of-bar-val{
        font-size:.9rem
    }
     .our-facility .of-bar-track{
        height:8px
    }
     .our-facility .of-chart{
        padding:0 12px
    }
     .our-facility .of-chart-bars{
        height:160px;
        gap:6px
    }
     .our-facility .of-chart-val{
        font-size:.75rem
    }
     .our-facility .of-chart-label{
        font-size:.58rem
    }
     .blog-hk .bk-grid{
        grid-template-columns:1fr
    }
     .blog-hk .bk-tabs{
        gap:6px
    }
     .blog-hk .bk-tab{
        padding:8px 14px;
        font-size:.82rem
    }
     .blog-detail .bd-main{
        padding:88px 0 64px
    }
     .blog-detail .bd-article-title{
        font-size:clamp(1.45rem,6vw,2rem)
    }
     .blog-detail .bd-article-meta{
        font-size:.84rem
    }
     .blog-detail .bd-grid,.blog-detail .bd-split{
        grid-template-columns:1fr
    }
     .blog-detail .bd-cover{
        border-radius:18px;
        margin-bottom:22px
    }
     .blog-detail .bd-section{
        padding:22px 0
    }
     .blog-detail .bd-side-card{
        border-radius:18px;
        padding:20px 18px
    }
     .blog-detail .bd-side-post{
        grid-template-columns:72px minmax(0,1fr)
    }
     .blog-detail .bd-post-nav{
        padding:20px 0;
    }
     .blog-detail .bd-toc-fab{
        position:fixed;
        right:12px;
        top:360px;
        z-index:1195;
        display:flex;
        align-items:center;
        justify-content:center;
        width:40px;
        height:40px;
        border:0;
        border-radius:9px;
        background:#132033;
        color:#fff;
        box-shadow:0 14px 30px rgba(19,32,51,.22);
        cursor:pointer
    }
     .blog-detail .bd-toc-fab svg{
        width:21px;
        height:21px;
        stroke:currentColor;
        stroke-width:2;
        stroke-linecap:round
    }
     .blog-detail .bd-toc-mask{
        position:fixed;
        inset:0;
        z-index:1190;
        display:block;
        background:rgba(19,32,51,.42);
        opacity:0;
        visibility:hidden;
        transition:opacity .22s ease,visibility .22s ease
    }
     .blog-detail .bd-toc-mask.show{
        opacity:1;
        visibility:visible
    }
     .blog-detail .bd-sidebar .bd-side-card:first-child{
        position:fixed;
        top:0;
        right:0;
        z-index:1200;
        width:min(86vw,340px);
        height:100vh;
        margin:0;
        border-radius:0;
        border-top:0;
        border-right:0;
        border-bottom:0;
        border-left:1px solid rgba(19,32,51,.12);
        background:#fff;
        box-shadow:-14px 0 34px rgba(19,32,51,.18);
        overflow:auto;
        transform:translateX(105%);
        transition:transform .24s ease;
        padding:16px 14px 24px
    }
     .blog-detail .bd-sidebar .bd-side-card:first-child.open{
        transform:translateX(0)
    }
     .blog-detail .bd-sidebar .bd-side-card:first-child h3{
        position:sticky;
        top:0;
        z-index:1;
        background:#fff;
        margin:0 0 10px;
        padding:6px 2px 12px;
        border-bottom:1px solid rgba(19,32,51,.08);
        font-size:18px
    }
     .blog-detail .bd-side-list.sidebar-category-list{
        display:grid;
        gap:8px;
        padding:0
    }
     .blog-detail .bd-side-list.sidebar-category-list li+li{
        margin-top:0
    }
     .blog-detail .bd-side-list.sidebar-category-list a{
        display:block;
        border:1px solid rgba(19,32,51,.1);
        border-radius:10px;
        background:#f5f8fc;
        padding:10px 12px;
        color:#132033;
        font-size:14px;
        line-height:1.45
    }
     .blog-detail .bd-side-list.sidebar-category-list a:hover,.blog-detail .bd-side-list.sidebar-category-list li.active>a,.blog-detail .bd-side-list.sidebar-category-list li>a.active{
        border-color:#2b83d7;
        color:#2b83d7;
        background:#fff
    }
     body.bd-toc-open{
        overflow:hidden
    }
     .bn-featured{
        grid-template-columns:1fr
    }
     .bn-featured-img{
        min-height:180px
    }
     .bn-featured-body{
        padding:20px
    }
     .ct-form-card{
        padding:28px 20px 24px
    }
     .ct-form-row{
        grid-template-columns:1fr
    }
     .quotation-page .contact-shell{
        width:min(100% - 32px,1400px);
        padding:44px 0 64px
    }
     .quotation-layout{
        grid-template-columns:1fr;
        gap:22px
    }
     .quotation-page .form-card,.quote-selection-card{
        border-radius:18px;
        padding:22px 18px
    }
     .quote-card-head{
        align-items:flex-start;
        flex-direction:column
    }
     .quotation-page .form-grid{
        grid-template-columns:1fr
    }
     .quotation-submit{
        align-items:stretch;
        flex-direction:column
    }
     .quotation-page .btn-continue,.quotation-page .btn-submit{
        width:100%
    }
     .product_additional table td,.product_additional table th{
        display:block;
        width:100%;
        padding:10px 16px
    }
     .product_additional table th{
        background:#f5f8fc;
        border-bottom:none
    }
     .product_why .item_box{
        grid-template-columns:1fr
    }
     .product_why .item .txt h3{
        font-size:1.35rem
    }
     .product_why .item .txt p{
        font-size:.92rem
    }
     .product_why .why_text_block p,.product_why>.container>p{
        font-size:.96rem
    }
     .inner-hero{
        min-height:340px;
        display:flex;
        align-items:center;
        padding-top:68px
    }
     .inner-breadcrumb{
        padding:10px 12px
    }
     .health-need .hn-filter-section,.health-need .hn-products-section{
        margin:auto
    }
     .inner-hero-content{
        padding:20px 0
    }
     .inner-hero-title{
        font-size:clamp(1.4rem, 6vw, 2.4rem);
        max-width:100%;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:3;
        -webkit-box-orient:vertical
    }
     .inner-hero-desc{
        font-size:.95rem;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:4;
        -webkit-box-orient:vertical
    }
     .inner-hero-meta{
        font-size:.82rem
    }
     .product_overview{
        padding:44px 0;
        padding-top:88px
    }
     .product_details .container,.product_overview .container{
        padding:0;
        max-width:96%
    }
     .product_details section{
        padding:40px 0
    }
     .product_details .product_overview{
        padding-top:88px
    }
     .product_details .product_detail_tabs{
        padding:14px 0
    }
     .product_details .product_detail_tabs .container{
        flex-wrap:nowrap;
        overflow-x:auto;
        overflow-y:hidden;
        gap:8px;
        padding-bottom:4px;
        -ms-overflow-style:none;
        scrollbar-width:none
    }
     .product_details .product_detail_tabs .container::-webkit-scrollbar{
        display:none
    }
     .product_details .product_detail_tab{
        flex:0 0 auto;
        padding:10px 18px;
        font-size:.86rem
    }
     .product-list .pl-banner{
        min-height:380px
    }
     .product-list .pl-banner-title{
        font-size:clamp(1.6rem, 6vw, 2.4rem)
    }
     .product-list .pl-banner-tags{
        font-size:.8rem
    }
     .product-list .pl-sep{
        display:none
    }
     .product-list .pl-banner-tags span{
        display:block;
        width:100%;
        text-align:center
    }
     .product-list .pl-filter-btn{
        padding:7px 16px;
        font-size:.82rem
    }
     .product-list .pl-grid{
        grid-template-columns:1fr;
        gap:20px
    }
     .product-list .pl-card-actions{
        flex-wrap:nowrap
    }
     .product-list .pl-btn{
        justify-content:center
    }
     .health-need .hn-banner{
        min-height:380px
    }
     .health-need .hn-banner-title{
        font-size:clamp(1.6rem, 6vw, 2.4rem)
    }
     .health-need .hn-banner-subtitle{
        font-size:.9rem
    }
     .health-need .hn-filter-btn{
        padding:7px 16px;
        font-size:14px;
        display:block
    }
     .health-need .hn-grid{
        grid-template-columns:1fr;
        gap:20px
    }
     .health-need .hn-card-actions{
        flex-wrap:nowrap
    }
     .health-need .hn-btn{
        width:100%;
        justify-content:center
    }
     .our-facility .of-hero{
        min-height:520px
    }
     .our-facility .of-hero-kpis{
        gap:20px
    }
     .our-facility .of-kpi{
        min-width:100px;
        padding:0 16px 0 0
    }
     .our-facility .of-kpi strong{
        font-size:1.9rem
    }
     .our-facility .of-cap-stats{
        grid-template-columns:repeat(2,1fr)
    }
     .our-facility .of-cta-inner{
        flex-direction:column;
        text-align:center
    }
     .our-facility .of-faq-btn{
        padding:20px 18px;
        gap:14px
    }
     .our-facility .of-faq-ans p{
        padding:0 18px 20px 18px
    }
     .our-facility .of-faq-card-cta{
        padding:24px 20px 20px
    }
     .our-facility .of-photo-stagger{
        flex-direction:row;
        height:320px
    }
     .our-facility .of-photo-big,.our-facility .of-photo-small{
        height:200px
    }
     .our-facility .of-photo-big{
        width:85%;
        height:68%
    }
     .our-facility .of-photo-small{
        width:70%;
        height:55%;
        margin-left:0
    }
     .blog-news .bn-banner{
        height:280px
    }
     .blog-news .bn-featured{
        grid-template-columns:1fr
    }
     .blog-news .bn-featured-img{
        min-height:220px
    }
     .blog-news .bn-featured-body{
        padding:28px 24px
    }
     .blog-news .bn-grid{
        grid-template-columns:1fr
    }
     .ov_metrics{
        grid-template-columns:repeat(3,1fr);
        gap:10px
    }
     .ov_actions{
        display:flex;
        flex-wrap:wrap;
        gap:8px
    }
     .ov_btn{
        font-size:.82rem;
        padding:9px 14px;
        width:auto;
        white-space:nowrap
    }
     .ov_share{
        align-items:center
    }
     .ov_share_links{
        gap:10px
    }
     .gallery_arrow{
        width:38px;
        height:64px;
        top:50%;
        transform:translateY(-50%)
    }
     .gallery_thumbs{
        padding:0 42px
    }
     .product_benefits .item_box,.product_ingredients .item_box{
        grid-template-columns:1fr
    }
     .product_forms .detail_image_stack{
        gap:18px
    }
     .product_forms .detail_image_stack .text{
        padding:20px 18px 18px
    }
     .desc_two_col{
        grid-template-columns:1fr
    }
     .desc_two_col .desc_col_img{
        aspect-ratio:unset
    }
     .desc_col_text{
        padding:1.2rem
    }
     .ov_metric{
        padding:14px 10px
    }
     .ov_metric_label{
        font-size:.66rem
    }
     .ov_metric_value{
        font-size:.92rem
    }
     .product_faq{
        padding:56px 0
    }
     .product_faq_btn{
        padding:18px 16px;
        gap:12px
    }
     .product_faq_q{
        font-size:.95rem
    }
     .product_faq_ans p{
        padding:0 16px 18px
    }
     .product_recommend{
        padding:56px 0 72px
    }
     .product_recommend_head{
        margin-bottom:24px
    }
     .product_recommend_swiper{
        padding:4px 4px 36px
    }
     .manufacture-page .inner-hero{
        min-height:360px
    }
     .manufacture-page .inner-hero-content{
        padding:96px 20px 56px
    }
     .manufacture-page .manufacture-hero-cta{
        min-height:44px;
        margin-top:20px;
        padding:0 24px
    }
     .manufacture-page .product-list .pl-filter-section .container{
        overflow-x:auto;
        overflow-y:hidden;
        padding-bottom:6px;
        -ms-overflow-style:none;
        scrollbar-width:none
    }
     .manufacture-page .product-list .pl-filter-section .container::-webkit-scrollbar{
        display:none
    }
     .manufacture-page .product-list .pl-products-section{
        padding:32px 0 64px
    }
     .manufacture-page .product-list .pl-card-body{
        padding:18px 18px 20px
    }
     .manufacture-page .product-list .pl-card-actions{
        flex-wrap:nowrap
    }
     .manufacture-page .product-list .pl-btn{
        width:100%;
        justify-content:center
    }
     .health-need .inner-hero-bg{
        background-position:97% 0
    }
     .health-need.health-need-cate .inner-hero-bg{
        background-position:88% 0
    }
     .health-need,.product-list{
        padding-top:68px
    }
}
 @media (max-width:600px){
    .navbar,.navbar.scrolled{
        padding:14px 0
    }
     .nav-container{
        width:100%;
        max-width:100%;
        margin:0!important;
        gap:8px;
        position:relative;
        min-height:40px;
        padding:0 10px
    }
     .nav-logo{
        min-width:0
    }
     .nav-logo img{
        max-width:145px!important;
        height:auto
    }
     .nav-actions{
        position:absolute;
        right:10px;
        top:50%;
        transform:translateY(-50%);
        flex:0 0 auto;
        gap:6px
    }
     .nav-hamburger,.nav-icon-btn,.nav-quote-btn,.nav-search-btn{
        width:36px!important;
        min-width:36px!important;
        height:36px!important;
        min-height:36px!important
    }
     .nav-search-btn{
        display:none!important
    }
     .index-main .hero-content{
        width:calc(100vw - 44px)!important;
        max-width:calc(100vw - 44px)!important;
        padding-left:0;
        padding-right:0;
        overflow-wrap:anywhere
    }
     .index-main .hero-subtitle,.index-main .hero-title{
        width:100%;
        max-width:100%;
        white-space:normal!important;
        word-break:break-word;
        overflow-wrap:break-word;
        font-size:30px
    }
     .index-main .hero-subtitle{
        max-width:28ch!important;
        font-size:16px!important
    }
     .index-main .hero-ctas{
        display:flex;
        flex-wrap:wrap;
        gap:8px;
        width:100%;
        max-width:100%
    }
     .index-main .hero-ctas .btn{
        font-size:15px;
        padding:10px 14px;
        max-width:100%
    }
}
 .gallery_thumbs #galleryThumbs .swiper-slide{
    flex:0 0 92px;
    width:92px
}
 .gallery_thumbs #galleryThumbs img{
    aspect-ratio:1/1;
    height:92px
}
 @media (max-width:480px){
    .gallery_thumbs #galleryThumbs .swiper-slide{
        flex-basis:72px;
        width:72px
    }
     .gallery_thumbs #galleryThumbs img{
        height:72px
    }
}
.side_contact {
  position: fixed;
  right: 20px;
  top: 70%;
  z-index: 90;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transform: translateY(-50%);
}

.side_contact_item {
  position: relative;
  display: flex;
align-items: center;
justify-content: center;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(0,1,245, 0.16);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.92);
  cursor: pointer;
  transition: color 260ms ease, background-color 260ms ease, border-color 260ms ease, transform 260ms ease;
}

.side_contact_item svg {
  width: 22px;
  height: 22px;
}

.side_contact_item svg *:not([fill="none"]) {
  fill: currentColor;
}

.side_contact_item svg *[stroke] {
  stroke: currentColor;
}

.side_contact_item span {
  position: absolute;
  right: calc(100% + 10px);
  top: 50%;
  min-width: 86px;
  padding: 10px 15px;
  border-radius: 5px;
  color: #ccff00;
  background: #2D7A4F;
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate(8px, -50%);
  transition: opacity 220ms ease, visibility 220ms ease, transform 220ms ease;
}

.side_contact_item:hover {
  border-color: #ccff00;
  background: #ccff00;
  color: #ffffff;
  transform: translateX(-4px);
}

.side_contact_item:hover svg *:not([fill="none"]) {
  fill: #ffffff;
}

.side_contact_item:hover svg *[stroke] {
  stroke: #ffffff;
}

.side_contact_item:hover span {
  opacity: 1;
  visibility: visible;
  transform: translate(0, -50%);
}

.side_back_top {
  padding: 0;
}

.side_back_top.hide {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

@media(max-width:1080px) {
  .side_contact {
    right: 12px;
  }

  .side_contact_item {
    width: 42px;
    height: 42px;
  }

  .side_contact_item svg {
    width: 20px;
    height: 20px;
  }
}

@media(max-width:768px) {
  .side_contact {
    right: 10px;
    gap: 6px;
  }

  .side_contact_item {
    width: 40px;
    height: 40px;
  }

  .side_contact_item span {
    display: none;
  }
  .side_contact_item:hover{
      transform: none;
  }
}

/* Homepage carousel controls v5 */
.index-main .carousel-btn-icon{
    position:relative;
    z-index:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:22px;
    height:22px;
    transition:transform .28s ease;
}

.index-main .carousel-btn-icon svg{
    width:100%;
    height:100%;
    display:block;
}

.index-main .carousel-btn-icon path{
    fill:none;
    stroke:currentColor;
    stroke-width:2.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.index-main .rtb-btn,
.index-main .solutions-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:56px;
    height:56px;
    padding:0;
    border-radius:50%;
    font-size:0;
    line-height:0;
    cursor:pointer;
    overflow:hidden;
    isolation:isolate;
    transform:translateY(-50%);
    transition:transform .28s ease,border-color .28s ease,background .28s ease,color .28s ease,box-shadow .28s ease,opacity .28s ease;
}

.index-main .rtb-btn::before,
.index-main .solutions-btn::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    opacity:0;
    transition:opacity .28s ease;
}

.index-main .rtb-btn{
    left:-84px;
    color:var(--blue);
    border:1px solid rgba(0,134,227,.18);
    background:rgba(255,255,255,.94);
    box-shadow:0 18px 42px rgba(17,43,80,.14);
}

.index-main .rtb-btn.next{
    left:auto;
    right:-84px;
}

.index-main .rtb-btn::before{
    background:linear-gradient(135deg,var(--blue) 0%,var(--blue-light) 100%);
}

.index-main .solutions-btn{
    left:-84px;
    color:rgba(255,255,255,.9);
    border:1px solid rgba(255,255,255,.42);
    background:rgba(255,255,255,.12);
    box-shadow:0 18px 42px rgba(0,0,0,.18);
    backdrop-filter:blur(10px);
}

.index-main .solutions-btn.next{
    left:auto;
    right:-84px;
}

.index-main .solutions-btn::before{
    background:linear-gradient(135deg,var(--blue) 0%,var(--green) 100%);
}

.index-main .rtb-btn:hover,
.index-main .solutions-btn:hover,
.index-main .rtb-btn:focus-visible,
.index-main .solutions-btn:focus-visible{
    color:#ffffff;
    border-color:transparent;
    transform:translateY(-50%) scale(1.06);
    box-shadow:0 24px 52px rgba(17,43,80,.22);
    outline:none;
}

.index-main .rtb-btn:hover::before,
.index-main .solutions-btn:hover::before,
.index-main .rtb-btn:focus-visible::before,
.index-main .solutions-btn:focus-visible::before{
    opacity:1;
}

.index-main .rtb-btn.prev:hover .carousel-btn-icon,
.index-main .solutions-btn.prev:hover .carousel-btn-icon,
.index-main .rtb-btn.prev:focus-visible .carousel-btn-icon,
.index-main .solutions-btn.prev:focus-visible .carousel-btn-icon{
    transform:translateX(-2px);
}

.index-main .rtb-btn.next:hover .carousel-btn-icon,
.index-main .solutions-btn.next:hover .carousel-btn-icon,
.index-main .rtb-btn.next:focus-visible .carousel-btn-icon,
.index-main .solutions-btn.next:focus-visible .carousel-btn-icon{
    transform:translateX(2px);
}

.index-main .rtb-btn.swiper-button-disabled,
.index-main .solutions-btn.swiper-button-disabled{
    opacity:.35;
    cursor:not-allowed;
    pointer-events:none;
}

@media(max-width:1280px){
    .index-main .rtb-btn,
    .index-main .solutions-btn{
        left:-66px;
    }

    .index-main .rtb-btn.next,
    .index-main .solutions-btn.next{
        left:auto;
        right:-66px;
    }
}

@media(max-width:1024px){
    .index-main .rtb-btn,
    .index-main .solutions-btn{
        left:-52px;
        width:50px;
        height:50px;
    }

    .index-main .rtb-btn.next,
    .index-main .solutions-btn.next{
        left:auto;
        right:-52px;
    }
}

@media(max-width:768px){
    .index-main .rtb-btn,
    .index-main .solutions-btn{
        display:none;
    }
}

/* Hero carousel side navigation */
.index-main .hero-pagination{
    display:none !important;
}

.index-main .hero .hero-nav-btn{
    position:absolute;
    top:50%;
    z-index:5;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:80px;
    padding:0;
    border:1px solid rgba(255,255,255,.34);
    border-radius:6px;
    background:rgba(7,18,34,.32);
    color:#ffffff;
    box-shadow:0 18px 46px rgba(4,14,26,.22);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    cursor:pointer;
    transform:translateY(-50%);
    transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,color .25s ease,transform .25s ease;
}

.index-main .hero .hero-nav-btn svg{
    width:23px;
    height:23px;
    fill:none;
    stroke:currentColor;
    stroke-width:2.35;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.index-main .hero .hero-nav-btn-prev{
    left:clamp(10px,1.4vw,28px);
}

.index-main .hero .hero-nav-btn-next{
    right:clamp(10px,1.4vw,28px);
}

.index-main .hero .hero-nav-btn:hover,
.index-main .hero .hero-nav-btn:focus-visible{
    border-color:rgba(204,255,0,.64);
    background:rgba(7,18,34,.56);
    color:var(--green);
    box-shadow:0 22px 54px rgba(4,14,26,.3);
}

.index-main .hero .hero-nav-btn-prev:hover,
.index-main .hero .hero-nav-btn-prev:focus-visible{
    transform:translate(-3px,-50%);
}

.index-main .hero .hero-nav-btn-next:hover,
.index-main .hero .hero-nav-btn-next:focus-visible{
    transform:translate(3px,-50%);
}

.index-main .hero .hero-nav-btn.swiper-button-disabled{
    opacity:.38;
    cursor:not-allowed;
    pointer-events:none;
}

@media(max-width:768px){
    .index-main .hero .hero-nav-btn{
        width:40px;
        height:80px;
        border-radius:6px;
    }

    .index-main .hero .hero-nav-btn svg{
        width:19px;
        height:19px;
    }

    .index-main .hero .hero-nav-btn-prev{
        left:12px;
    }

    .index-main .hero .hero-nav-btn-next{
        right:12px;
    }
}

/* Solutions carousel full-row final guard */
.index-main .solutions-swiper{
    padding:0;
}

.index-main .solutions-swiper .swiper-slide,
.index-main .solutions-swiper .swiper-slide-active,
.index-main .solutions-swiper .swiper-slide-duplicate-active,
.index-main .solutions-swiper .swiper-slide-next,
.index-main .solutions-swiper .swiper-slide-prev{
    opacity:1;
    transform:none;
    filter:none;
    padding-top:0;
}

.index-main .solutions-swiper .health-card{
    height:100%;
}

/* Health card text height final guard */
.index-main .health-card-copy h3{
    height:2.36em;
    margin-bottom:0;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    line-height:1.18;
}

.index-main .health-card-copy p{
    height:2.7em;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    line-height:1.35;
}