:root{
    --title-color:#333;
    --text-color:#666;
    --accent-color:#851a22;
    --line-color:rgba(133, 26, 34, 0.22);
    --paper-color:#fbfaf7;
    --dark-color:#090807;
    --nav-watch-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 2h6l1 4H8l1-4Z'/%3E%3Cpath d='M8 18h8l-1 4H9l-1-4Z'/%3E%3Crect x='6.7' y='6' width='10.6' height='12' rx='3.1'/%3E%3Cpath d='M12 9.2v3.1l2.2 1.4'/%3E%3C/svg%3E")
}
 *{
    box-sizing:border-box
}
 body,html{
    margin:0;
    min-height:100%;
    scroll-behavior:smooth
}
 body{
    font-family:"Red Hat Display",sans-serif;
    color:var(--title-color)
}
 a{
    color:inherit;
    text-decoration:none
}
 img{
    display:block;
    max-width:100%
}
 .site_page{
    width:100%;
    /* max-width:1920px; */
    min-height:100vh;
    margin:0 auto;
    padding-top: 90px;
    overflow-x:clip;
    overflow-y:visible
}
 .auto-container{
    width:min(1440px,calc(100% - 96px));
    margin:0 auto
}
 .site_header{
    position:fixed;
    left:50%;
    top:0;
    z-index:1000;
    width:100%;
    /* max-width:1920px; */
    height: 90px;
    background: rgba(255,255,255,.8);
    border-bottom:1px solid rgba(51,51,51,.08);
    /* box-shadow:0 18px 42px rgba(20,16,12,.08); */
    /* backdrop-filter:blur(14px); */
    transform:translateX(-50%);
    transition:height .25s ease,box-shadow .25s ease,background .25s ease
}
 .site_header.fixed{
    background:rgba(255,255,255,.97);
    /* box-shadow:0 18px 44px rgba(20,16,12,.12); */
}
 .site_header .auto-container{
    height:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: 20px;
}
 .site_logo{
    display:flex;
    align-items:center;
    gap:18px;
    flex:0 0 auto
}
 .site_logo img{
    width:58px;
    height:58px;
    object-fit:contain;
    transition:width .25s ease,height .25s ease
}
 .site_logo span{
    display:flex;
    flex-direction:column;
    gap:5px;
    width:310px;
    min-width:250px
}
 .site_logo strong{
    color:var(--title-color);
    font-size:29px;
    line-height:1;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase
}
 .site_logo small{
    color:var(--accent-color);
    font-size: 15px;
    line-height:1.28;
    font-weight: 600;
    text-transform: capitalize;
}
 .site_nav{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:0;
    flex:1 1 auto;
    min-width:0
}
 .site_nav>a,
 .site_nav>.nav_item>.nav_link{
    position:relative;
    display:block;
    padding: 38px 15px;
    color:#151515;
    font-size: 14px;
    line-height:1;
    font-weight:700;
    text-transform:uppercase;
    white-space:nowrap;
    transition:color .25s ease
}
 .site_nav>a::after,
 .site_nav>.nav_item>.nav_link::after{
    content:"";
    position:absolute;
    left:50%;
    bottom: 10px;
    width: 20px;
    height: 20px;
    font-weight: unset;
    background:var(--accent-color);
    mask:var(--nav-watch-icon) center/contain no-repeat;
    -webkit-mask:var(--nav-watch-icon) center/contain no-repeat;
    opacity:0;
    transform:translate(-50%,6px) scale(.86);
    transition:opacity .24s ease,transform .24s ease
}
 .site_nav>a:hover::after,
 .site_nav>.nav_item:hover>.nav_link::after,
 .site_nav>.nav_item>.nav_link:hover::after{
    opacity:1;
    transform:translate(-50%,0) scale(1)
}
 .site_nav>a.active,
 .site_nav>a:hover,
 .site_nav>.nav_item>.nav_link.active,
 .site_nav>.nav_item:hover>.nav_link,
 .site_nav>.nav_item>.nav_link:hover{
    color:var(--accent-color)
}
 .site_nav>.nav_item{
    position:relative
}
 .nav_sub_toggle{
    display:none
}
 .nav_dropdown{
    position:absolute;
    left:50%;
    top:100%;
    z-index:20;
    width: max-content;
    min-width: 210px;
    overflow:hidden;
    background:rgba(255,255,255,.98);
    /* border:1px solid rgba(133,26,34,.14); */
    /* box-shadow:0 20px 44px rgba(20,16,12,.13); */
    /* backdrop-filter:blur(12px); */
    opacity:0;
    pointer-events:none;
    transform:translate(-50%,14px);
    transition:opacity .22s ease,transform .22s ease
}
 .nav_dropdown_accessories{
    width:210px
}
 .site_nav>.has_dropdown:hover>.nav_dropdown,
 .site_nav>.has_dropdown:focus-within>.nav_dropdown{
    opacity:1;
    pointer-events:auto;
    transform: translate(-50%,0px);
}
 .nav_dropdown a{
    position:relative;
    display:flex;
    align-items:center;
    min-height:40px;
    padding: 0 15px 0 20px;
    color:#333;
    background:transparent;
    font-size: 15px;
    line-height:1.25;
    font-weight:600;
    text-transform:capitalize;
    white-space:normal;
    transition:color .25s ease,background .25s ease,padding-left .25s ease
}
 .nav_dropdown a::before{
    content:"";
    position:absolute;
    left:9px;
    top:50%;
    width:4px;
    height:4px;
    border-radius:50%;
    background:var(--accent-color);
    opacity:0;
    transform:translateY(-50%);
    transition:opacity .25s ease
}
 .nav_dropdown a:hover{
    color:var(--accent-color);
    background:rgba(133,26,34,.06);
    padding-left:24px
}
 .nav_dropdown a:hover::before{
    opacity:1
}
 .header_quote{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:48px;
    padding:0 15px;
    color:#fff;
    border-radius: 5px;
    background:var(--accent-color);
    font-size:14px;
    letter-spacing:1px;
    transition:background .25s ease,border-color .25s ease,transform .25s ease
}
 .header_tools{
    display:flex;
    align-items:center;
    gap:14px;
    flex:0 0 auto
}
 .header_search_btn,.mobile_quote_btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    border-radius: 5px;
    padding:0;
    color:var(--title-color);
    background:#fff;
    border:1px solid rgba(133,26,34,.2);
    cursor:pointer;
    transition:color .25s ease,background .25s ease,border-color .25s ease,transform .25s ease
}
 .header_search_btn svg,.mobile_quote_btn svg{
    width:21px;
    height:21px;
    fill:currentColor
}
 .header_search_btn svg [fill]:not([fill="none"]),
 .mobile_quote_btn svg [fill]:not([fill="none"]){
    fill:currentColor !important
}
 .header_search_btn svg [stroke]:not([stroke="none"]),
 .mobile_quote_btn svg [stroke]:not([stroke="none"]){
    stroke:currentColor !important
}
 .header_search_btn.open,
 .header_search_btn:hover,
 .header_search_btn:active,
 .mobile_quote_btn:hover,
 .mobile_quote_btn:active{
    color:#fff;
    background:var(--accent-color);
    border-color:var(--accent-color);
    transform:translateY(-2px)
}
 .mobile_quote_btn{
    display:none
}
 .header_quote:hover{
    background:var(--accent-color);
    border-color:var(--accent-color);
    transform:translateY(-2px)
}
 .header_search_panel{
    position:absolute;
    left:0;
    right:0;
    top:100%;
    z-index:18;
    width:100%;
    padding:22px 48px;
    background:rgba(255,255,255,.98);
    border-top:1px solid rgba(133,26,34,.12);
    border-bottom:1px solid rgba(133,26,34,.16);
    box-shadow:0 28px 58px rgba(20,16,12,.12);
    opacity:0;
    visibility:hidden;
    transform:translateY(-18px) scaleY(.92);
    transform-origin:top center;
    transition:opacity .28s ease,visibility .28s ease,transform .28s ease
}
 .header_search_panel.open{
    opacity:1;
    visibility:visible;
    transform:translateY(0) scaleY(1)
}
 .header_search_form{
    width:min(980px,100%);
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr 132px 48px;
    gap:12px;
    align-items:center
}
 .header_search_form input{
    width:100%;
    height:56px;
    padding:0 20px;
    color:var(--title-color);
    font-family:"Red Hat Display",sans-serif;
    font-size:15px;
    font-weight:600;
    border:1px solid rgba(51,51,51,.14);
    outline:0
}
 .header_search_form input:focus{
    border-color:var(--accent-color)
}
 .search_submit{
    height:56px;
    padding:0 18px;
    color:#fff;
    font-family:"Red Hat Display",sans-serif;
    font-size:13px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
    background:var(--dark-color);
    border:0;
    cursor:pointer;
    transition:background .25s ease
}
 .search_submit:hover{
    background:var(--accent-color)
}
 .search_close{
    position:relative;
    width:48px;
    height:48px;
    padding:0;
    background:0 0;
    border:1px solid rgba(133,26,34,.18);
    cursor:pointer;
    transition:background .25s ease,border-color .25s ease
}
 .search_close span{
    position:absolute;
    left:14px;
    top:22px;
    width:18px;
    height:2px;
    background:var(--title-color);
    transition:background .25s ease
}
 .search_close span:first-child{
    transform:rotate(45deg)
}
 .search_close span:last-child{
    transform:rotate(-45deg)
}
 .search_close:hover{
    background:var(--accent-color);
    border-color:var(--accent-color)
}
 .search_close:hover span{
    background:#fff
}
 .nav_toggle{
    display:none;
    position:relative;
    width:46px;
    height:42px;
    padding:0;
    border:1px solid rgba(133,26,34,.24);
    background:#fff;
    cursor:pointer
}
 .nav_toggle span{
    display:block;
    position:absolute;
    left:50%;
    top:50%;
    width:22px;
    height:2px;
    margin:0 !important;
    background:var(--title-color);
    transform:translate(-50%,-50%);
    transform-origin:center;
    transition:transform .25s ease,opacity .25s ease
}
 .nav_toggle span:first-child{
    transform:translate(-50%,calc(-50% - 6px))
}
 .nav_toggle span:nth-child(3){
    transform:translate(-50%,calc(-50% + 6px))
}
 .nav_toggle.open span:first-child{
    transform:translate(-50%,-50%) rotate(45deg)
}
 .nav_toggle.open span:nth-child(2){
    opacity:0
}
 .nav_toggle.open span:nth-child(3){
    transform:translate(-50%,-50%) rotate(-45deg)
}
 .index_banner{
    position:relative
}
 .index_banner_swiper{
    width:100%;
    height:41.6667vw;
    min-height:0
}
 .index_banner .swiper-slide{
    position:relative;
    height:41.6667vw;
    min-height:0;
    overflow:hidden
}
 .hero_media{
    position:absolute;
    inset:0;
    z-index:1
}
 .hero_media::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(0,0,0,.01) 0,rgba(0,0,0,.2) 28%,rgba(0,0,0,.1) 45%,rgba(0,0,0,.1) 50%)
}
 .hero_dark_overlay .hero_media::after{
    background:linear-gradient(90deg,rgba(0,0,0,.66) 0,rgba(0,0,0,.48) 32%,rgba(0,0,0,.18) 58%,rgba(0,0,0,0) 78%)
}
 .hero_media img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center
}
 .index_banner .auto-container{
    position:relative;
    z-index:2;
    height:41.6667vw;
    min-height:0;
    display:flex;
    align-items:center
}
 .hero_content{
    width: 690px;
    padding:48px 0 96px
}
 .hero_kicker{
    width:58px;
    height:2px;
    margin-bottom:34px;
    background:var(--accent-color)
}
 .hero_content h1,.hero_title{
    margin:0;
    color: #ffffff;
    font-size: 44px;
    line-height:1.08;
    font-weight:600;
    letter-spacing:0
}
 .hero_lead{
    margin:24px 0 0;
    color: #ffffff;
    font-size: 18px;
    line-height:1.45;
}
 .hero_lead::after{
    content:"";
    display:block;
    width:82px;
    height:1px;
    margin-top:18px;
    background: #ffffff;
    opacity:.72
}
 .hero_text{
    /* max-width:520px; */
    margin:28px 0 0;
    color: #ffffff;
    font-size: 16px;
    line-height:1.7;
    font-weight:500
}
 .hero_dark_overlay .hero_content h1,
 .hero_dark_overlay .hero_title{
    color:#fff
}
 .hero_dark_overlay .hero_lead{
    color:rgba(255,255,255,.92)
}
 .hero_dark_overlay .hero_lead::after{
    background: #ffffff;
    opacity:1
}
 .hero_dark_overlay .hero_text{
    color:rgba(255,255,255,.78)
}
 .hero_actions{
    display:flex;
    align-items:center;
    gap:28px;
    margin-top:42px
}
 .btn_primary,.btn_secondary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height: 55px;
    padding:0 34px;
    font-size:14px;
    line-height:1;
    font-weight: 600;
    letter-spacing:1px;
    /* text-transform:uppercase; */
    white-space:nowrap;
    transition:color .25s ease,background .25s ease,border-color .25s ease,transform .25s ease
}
 .btn_primary{
    /* min-width:258px; */
    color:#fff;
    background:var(--accent-color)
}
 .btn_primary::after{
    content:"";
    width:28px;
    height:1px;
    margin-left:20px;
    background:currentColor
}
 .btn_secondary{
    min-width:296px;
    color:#171717;
    background:rgba(255,255,255,.58);
    border:1px solid var(--line-color)
}
 .btn_secondary::after{
    content:"\203A";
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:28px;
    height:28px;
    margin-left:16px;
    border:1px solid var(--accent-color);
    border-radius:50%;
    background:0 0;
    color:var(--accent-color);
    font-size:20px;
    font-weight:600;
    opacity:.78
}
 .btn_primary:hover,.btn_secondary:hover{
    transform:translateY(-2px)
}
 .btn_primary:hover{
    background:var(--accent-color)
}
 .btn_secondary:hover{
    color:#fff;
    background:var(--accent-color);
    border-color:var(--accent-color)
}
 .btn_secondary:hover::after{
    border-color:#fff;
    color:#fff
}
 .index_banner .swiper-button-next,.index_banner .swiper-button-prev{
    width:54px;
    height:54px;
    margin-top:0;
    top:auto;
    bottom:72px;
    border:1px solid rgba(133,26,34,.28);
    border-radius:50%;
    background:rgba(255,255,255,.74);
    color:var(--title-color);
    transition:color .25s ease,background .25s ease,border-color .25s ease
}
 .index_banner .swiper-button-prev{
    left:calc((100% - 1440px)/ 2)
}
 .index_banner .swiper-button-next{
    left:calc((100% - 1440px)/ 2 + 68px);
    right:auto
}
 .index_banner .swiper-button-next::after,.index_banner .swiper-button-prev::after{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    line-height:1
}
 .index_banner .swiper-button-prev::after{
    content:"\2039"
}
 .index_banner .swiper-button-next::after{
    content:"\203A"
}
 .index_banner .swiper-button-next:hover,.index_banner .swiper-button-prev:hover{
    color:#fff;
    background:var(--accent-color);
    border-color:var(--accent-color)
}
 .index_banner .swiper-pagination{
    left:auto;
    right:calc((100% - 1440px)/ 2);
    bottom:88px;
    width:auto
}
 .index_banner .swiper-pagination-bullet{
    width:10px;
    height:10px;
    margin:0 7px;
    background:0 0;
    border:1px solid var(--accent-color);
    opacity:.42
}
 .index_banner .swiper-pagination-bullet-active{
    background:var(--accent-color);
    opacity:1
}
 .index_about{
    position:relative;
    padding:90px 0 0
}
 .about_top{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items:center
}
 .section_eyebrow{
    display:flex;
    align-items:center;
    gap:18px;
    color:var(--accent-color);
    font-size:15px;
    line-height:1;
    font-weight:800;
    letter-spacing:6px;
    text-transform:uppercase
}
 .section_eyebrow::after{
    content:"";
    width:88px;
    height:1px;
    background:rgba(133,26,34,.5)
}
 .section_eyebrow span{
    display:inline-block
}
 .about_content h2,
 .about_factory_title h2{
    margin:24px 0 0;
    color:var(--title-color);
    font-size: 34px;
    line-height:1.04;
    font-weight:700;
    letter-spacing:0;
}
 .about_content,.about_lead,.about_text{
    min-width:0;
    overflow-wrap:anywhere
}
 .about_subtitle{
    position:relative;
    margin-top:18px;
    padding-bottom:22px;
    color:var(--accent-color);
    font-size:19px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:5px;
    text-transform:uppercase
}
 .about_subtitle::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:66px;
    height:2px;
    background:var(--accent-color)
}
 .about_lead{
    margin: 20px 0 0;
    color:var(--title-color);
    font-size:18px;
    line-height: 1.5;
    font-weight: 600;
}
 .about_text{
    margin:18px 0 0;
    color:var(--text-color);
    font-size:16px;
    line-height: 1.5;
    font-weight:500
}
 .about_contact_btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    min-width: 180px;
    height: 45px;
    margin-top: 20px;
    padding: 0 20px;
    color:#fff;
    background:var(--accent-color);
    border:1px solid rgba(133,26,34,.42);
    font-size:14px;
    line-height:1;
    font-weight: 600;
    transition:background .25s ease,transform .25s ease
}
 .about_contact_btn svg{
    width:22px;
    height:22px;
    fill:#ffffff;
    transition:fill .25s ease
}
 .about_contact_btn:hover{
    transform:translateY(-2px)
}
 .about_contact_btn:hover svg{
    fill:#fff
}
 .about_stats{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    margin-top: 30px;
    border-radius:8px;
    overflow:hidden
}
 .about_stat{
    display:grid;
    grid-template-columns:52px 1fr;
    column-gap:16px;
    align-items:center;
    padding: 10px 0;
}
 .about_stat:nth-child(2n){
    border-right:0
}
 .about_stat:nth-last-child(-n+2){
    border-bottom:0
}
 .index_about .stat_icon{
    grid-row:span 2;
    display:flex;
    align-items:center;
    justify-content:center;
    width:52px;
    height:52px;
    border: 1px solid #dddddd;
    border-radius:50%;
    background:#fff
}
 .index_about .stat_icon img{
    width:28px;
    height:28px;
    object-fit:contain;
    opacity:.86
}
 .about_stat strong{
    color:var(--accent-color);
    font-size:26px;
    line-height:1;
    font-weight:800
}
 .about_stat span{
    color:var(--text-color);
    font-size:15px;
    line-height:1.25;
    font-weight:600
}
 .about_visual{
    position:relative;
    height: 100%;
    overflow:hidden;
    /* border:1px solid rgba(133,26,34,.16); */
    border-radius: 10px;
    /* background:#eee7dd; */
}
 .about_visual img{
    width:100%;
    height: 100%;
    object-fit:cover
}
 .about_visual::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(255,255,255,0) 58%,rgba(25,18,12,.18) 100%);
    pointer-events:none
}
 .about_play_btn{
    position:absolute;
    left:50%;
    top:50%;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:center;
    width: 70px;
    height: 70px;
    padding:0;
    color:#fff;
    background:rgba(255,255,255,.94);
    border:0;
    border-radius:50%;
    box-shadow: 0 0 0 10px rgba(255,255,255,.24),0 20px 48px rgba(20,16,12,.18);
    cursor:pointer;
    transform:translate(-50%,-50%);
    transition: all .3s linear;
}
 .about_play_btn::after,.about_play_btn::before{
    content:"";
    position:absolute;
    inset:-18px;
    border:1px solid rgba(133,26,34,.24);
    border-radius:50%;
    animation:aboutPlayPulse 2.4s ease-out infinite
}
 .about_play_btn::after{
    animation-delay:1.2s
}
 .about_play_btn span{
    position:relative;
    z-index:2;
    display:block;
    width:0;
    height:0;
    margin-left:8px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid var(--accent-color);
}
 .about_play_btn:hover{
    background:var(--accent-color)
}
 .about_play_btn.active{
    background:var(--accent-color)
}
 .about_play_btn:hover span{
    border-left-color:#fff
}
 .about_play_btn.active span{
    border-left-color:#fff
}
 @keyframes aboutPlayPulse{
    0%{
        opacity:.78;
        transform:scale(.78)
    }
     70%{
        opacity:0;
        transform:scale(1.35)
    }
     100%{
        opacity:0;
        transform:scale(1.35)
    }
}
 .common_video_modal{
    position:fixed;
    inset:0;
    z-index:9999;
    display:none;
    align-items:center;
    justify-content:center;
    padding:24px;
}
 body.video_modal_open{
    overflow:hidden
}
 .common_video_modal.active{
    display:flex
}
 .common_video_overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.76)
}
 .common_video_dialog{
    position:relative;
    z-index:1;
    width:min(960px,100%);
    background:#111;
    border-radius:8px;
    box-shadow:0 26px 80px rgba(0,0,0,.38)
}
 .common_video_close{
    position:absolute;
    right:-18px;
    top:-18px;
    z-index:2;
    width:42px;
    height:42px;
    padding:0;
    border:0;
    border-radius:50%;
    background:var(--accent-color);
    cursor:pointer
}
 .common_video_close::before,
 .common_video_close::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:18px;
    height:2px;
    background:#fff;
    transform:translate(-50%,-50%) rotate(45deg)
}
 .common_video_close::after{
    transform:translate(-50%,-50%) rotate(-45deg)
}
 .common_video_box{
    position:relative;
    width:100%;
    aspect-ratio:16/9;
    overflow:hidden;
    border-radius:8px;
    background:#000
}
 .common_video_iframe,
 .common_video_player{
    display:block;
    width:100%;
    height:100%;
    border:0;
    object-fit:contain
}
 .common_video_iframe{
    display:none
}
 .common_video_modal.is_iframe .common_video_iframe{
    display:block
}
 .common_video_modal.is_iframe .common_video_player{
    display:none
}
 .common_video_empty{
    position:absolute;
    inset:0;
    display:none;
    align-items:center;
    justify-content:center;
    padding:24px;
    color:#fff;
    font-size:16px;
    line-height:1.5;
    text-align:center;
    background:#111
}
 .common_video_modal.no_video .common_video_empty{
    display:flex
}
 .common_video_modal.no_video .common_video_player{
    display:none
}
 .common_video_modal.no_video .common_video_iframe{
    display:none
}
 .about_factory_title{
    margin: 40px 0 40px;
    /* text-align:left; */
    /* display: none; */
}
 .about_factory_title h2{
    margin:0;
    /* display: none; */
}
 .about_process{
    position:relative;
    /* margin-top: 40px; */
    padding:0
}
 .about_process_swiper{
    overflow:hidden;
    padding-bottom:28px
}
 .about_process_swiper .swiper-wrapper{
    height:auto
}
 .about_process_swiper .swiper-slide{
    height:auto;
    min-width:0
}
 .about_process_grid{
    display:grid;
    grid-template-columns:1.5fr 1fr 1fr;
    grid-template-rows:220px 220px;
    gap:10px;
    height:auto
}
 .about_process_grid .process_item:nth-child(1){
    grid-row:span 2
}
 .about_process_swiper .swiper-pagination{
    position:relative;
    bottom:auto;
    margin-top:22px;
    display:block
}
 .about_process_swiper .swiper-pagination-bullet{
    width:9px;
    height:9px;
    margin:0 6px;
    background:transparent;
    border:1px solid var(--accent-color);
    opacity:.42
}
 .about_process_swiper .swiper-pagination-bullet-active{
    background:var(--accent-color);
    opacity:1
}
 .process_item{
    position:relative;
    height:100%;
    overflow:hidden;
    border:1px solid rgba(51,51,51,.1);
    border-radius:5px;
    background:#fff
}
 .process_item img{
    width:100%;
    height:100%;
    min-height:0;
    object-fit:cover;
    transition:transform .45s ease
}
 .process_item h3{
    margin:0;
    padding:18px 14px;
    color:var(--title-color);
    font-size:14px;
    line-height:1.2;
    text-align:center
}
 .process_item:hover img{
    transform:scale(1.06)
}
 .index_categories{
    position:relative;
    padding:90px 0 0;
    overflow:hidden
}
 .categories_head{
    /* max-width:860px; */
    margin:0 auto 46px;
    text-align:center
}
 .categories_head .section_eyebrow{
    justify-content:center
}
 .categories_head .section_eyebrow::before{
    content:"";
    width:88px;
    height:1px;
    background:rgba(133,26,34,.5)
}
 .categories_head h2{
    margin:24px 0 0;
    color:var(--title-color);
    font-size: 34px;
    line-height:1.05;
    font-weight:700;
    letter-spacing:0;
}
 .categories_head p{
    margin: 20px 0 0;
    color:var(--text-color);
    font-size:18px;
    line-height:1.6;
    font-weight:500;
    overflow-wrap:anywhere
}
 .categories_grid{
    display:grid;
    grid-template-columns:minmax(0,0.95fr) minmax(0,1fr) minmax(0,1fr);
    grid-auto-rows:260px;
    gap:16px
}
 .category_card{
    position:relative;
    display:block;
    min-width:0;
    overflow:hidden;
    border-radius: 10px;
}
 .category_card_large{
    grid-row:span 3
}
 .category_card_wide{
    grid-column:span 2
}
 .category_card img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .58s ease
}
 .category_card_top img{
    object-position:center bottom
}
 .category_card_content{
    position:absolute;
    left: 20px;
    top:50%;
    z-index:2;
    width: min(250px,calc(100% - 50px));
    min-width:0;
    overflow-wrap:anywhere;
    transform:translateY(-50%)
}
 .category_card_large .category_card_content{
    left:48px;
    width:320px
}
 .category_card_top .category_card_content{
    top:58px;
    transform:none
}
 .category_card h3{
    margin:0;
    color:var(--title-color);
    font-size: 24px;
    line-height:1.05;
    font-weight:600;
    letter-spacing:0
}
 .category_card_large h3{
    font-size:40px
}
 .category_line{
    display:block;
    width: 60px;
    height: 1px;
    margin-top:24px;
    background:var(--accent-color);
    /* opacity:.78; */
}
 .category_card p{
    margin: 15px 0 0;
    font-size: 16px;
    line-height: 1.5;
    font-weight:500
}
 .category_link{
    display:inline-flex;
    align-items:center;
    gap:14px;
    margin-top:30px;
    color:var(--accent-color);
    font-size:14px;
    line-height:1;
    font-weight: 700;
    letter-spacing:1px
}
 .category_link::after{
    content:"\203A";
    font-size:22px;
    line-height:1;
    transition:transform .25s ease
}
 .category_card:hover img{
    transform:scale(1.06)
}
 .category_card:hover::before{
    opacity:.88
}
 .category_card:hover .category_link::after{
    transform:translateX(6px)
}
 .index_hot_products{
    position:relative;
    padding: 90px 0 0px;
    overflow:hidden
}
 .hot_products_head{
    max-width:1040px;
    margin:0 auto 48px;
    text-align:center
}
 .hot_eyebrow{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:28px;
    color:var(--accent-color);
    font-size:16px;
    line-height:1;
    font-weight:800;
    letter-spacing:8px;
    text-transform:uppercase
}
 .hot_eyebrow::after,.hot_eyebrow::before{
    content:"";
    width:120px;
    height:1px;
    background:rgba(133,26,34,.34)
}
 .hot_products_head h2{
    margin:24px 0 0;
    color:var(--title-color);
    font-size:36px;
    line-height:1.04;
    font-weight:700;
    letter-spacing:0;
}
 .hot_products_head p{
    margin:18px 0 0;
    color:var(--text-color);
    font-size:18px;
    line-height:1.55;
    font-weight:500
}
 .hot_products_swiper{
    overflow:visible
}
 .index_hot_products .hot_products_swiper .swiper-wrapper{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    grid-auto-rows:1fr;
    gap: 20px;
    /* transform:none!important; */
}
 .index_hot_products .hot_products_swiper .swiper-slide{
    width:auto!important;
    height:auto
}
 .hot_product_card{
    height:100%;
    overflow:hidden;
    border:1px solid rgba(133,26,34,.13);
    border-radius: 10px;
    background:rgba(255,255,255,.88);
    transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease
}
 .hot_product_card a{
    display:flex;
    flex-direction:column;
    height:100%;
    padding: 20px;
}
 .hot_product_card .img_box{
    display:flex;
    align-items:center;
    justify-content:center;
    /* height:230px; */
    /* padding: 9px; */
    background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(251,250,247,.7));
    border-radius: 5px;
}
 .hot_product_card .img_box img{
    width:100%;
    height:100%;
    object-fit:contain;
    transition:transform .42s ease
}
 .hot_product_card .text_box{
    display:flex;
    flex-direction:column;
    align-items:center;
    flex:1 1 auto;
    padding-top:22px;
    text-align:center
}
 .hot_product_card h3{
    display:-webkit-box;
    min-height:50px;
    margin:0;
    overflow:hidden;
    color:var(--title-color);
    font-size: 18px;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing:0;
    text-transform:uppercase;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
 .hot_product_card p{
    margin:12px 0 0;
    color:var(--text-color);
    font-size:15px;
    line-height:1;
    font-weight:600;
    text-align:center
}
 .product_divider{
    display:block;
    width:42px;
    height:2px;
    margin:18px auto 0;
    background:var(--accent-color);
    opacity:.75
}
 .view_more_btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap: 15px;
    width: 150px;
    height: 40px;
    margin-top:18px;
    /* color:var(--accent-color); */
    border: 1px solid rgba(0,0,0,.36);
    border-radius:6px;
    font-size:14px;
    line-height:1;
    font-weight: 600;
    /* letter-spacing:1px; */
    /* text-transform:uppercase; */
    transition:color .25s ease,background .25s ease,border-color .25s ease
}
 .view_more_btn::after{
    content:"\203A";
    font-size:22px;
    line-height:1;
    transition:transform .25s ease
}
 .hot_product_card:hover{
    border-color:rgba(133,26,34,.28);
    transform:translateY(-4px)
}
 .hot_product_card:hover .img_box img{
    transform:scale(1.05)
}
 .hot_product_card:hover .view_more_btn{
    color:#fff;
    background:var(--accent-color);
    border-color:var(--accent-color)
}
 .hot_product_card:hover .view_more_btn::after{
    transform:translateX(4px)
}
 .index_hot_products .swiper-pagination{
    display:none
}
 .index_oemodm{
    position:relative;
    padding:90px 0 90px;
    overflow:hidden;
    /* background-color:#fbf7ef; */
}
 .oemodm_head{
    margin:0 auto 42px;
    text-align:center
}
 .oemodm_mark{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin-bottom:22px
}
 .oemodm_mark span{
    width:58px;
    height:1px;
    background:rgba(133,26,34,.32)
}
 .oemodm_mark i{
    display:block;
    width:10px;
    height:10px;
    background:var(--accent-color);
    opacity:.72;
    transform:rotate(45deg)
}
 .oemodm_head h2{
    margin:0;
    color:var(--title-color);
    font-size:36px;
    line-height:1.08;
    font-weight:700;
    letter-spacing:0;
}
 .oemodm_head p{
    margin:20px auto 0;
    color:var(--text-color);
    font-size:18px;
    line-height:1.55;
    font-weight:500
}
 .oemodm_service_tabs{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    margin-bottom:32px;
    overflow:hidden;
    border:1px solid rgba(51,51,51,.1);
    border-radius:8px;
    background:rgba(255,255,255,.78);
    backdrop-filter:blur(10px)
}
 .service_tab{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    min-height:132px;
    padding:24px 12px 20px;
    text-align:center
}
 .service_tab+.service_tab{
    border-left:1px solid rgba(51,51,51,.1)
}
 .service_tab.active::after{
    background:var(--accent-color);
    opacity:.72
}
 .service_tab img{
    width:38px;
    height:38px;
    object-fit:contain;
    margin-bottom:14px
}
 .service_tab span{
    color:var(--title-color);
    font-size:16px;
    line-height:1.28;
    font-weight:600
}
 .oemodm_card_grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px
}
 .oemodm_card{
    position:relative;
    display:flex;
    align-items:center;
    min-height:238px;
    overflow:hidden;
    border:1px solid rgba(51,51,51,.08);
    border-radius:8px;
    background:rgba(255,255,255,.88);
    isolation:isolate;
    justify-content: center;
}
 .oemodm_card::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(90deg,rgba(0,0,0,.62) 0,rgba(0,0,0,.44) 46%,rgba(0,0,0,.12) 100%)
}
 .oemodm_card_large{
    min-height:300px
}
 .oemodm_card_small{
    display:grid;
    grid-template-columns:88px 1fr;
    gap:18px;
    align-items:center;
    min-height:190px;
    padding-left:28px
}
 .oemodm_card_small::before{
    background:linear-gradient(90deg,rgba(0,0,0,.62) 0,rgba(0,0,0,.44) 70%,rgba(0,0,0,.12) 100%)
}
 .oemodm_card .service_photo{
    position:absolute;
    inset:0;
    z-index:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:right center;
    transition:transform .45s ease
}
 .oemodm_card_large .service_photo{
    object-position:74% center
}
 .oemodm_card .service_content{
    position:relative;
    z-index:2;
    /* max-width:245px; */
    padding:38px 34px;
    text-align: center;
}
 .oemodm_card_small .service_content{
    grid-column:2;
    max-width:255px;
    padding:26px 24px 26px 0
}
 .service_number{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:20px;
    color:var(--accent-color);
    font-size:16px;
    line-height:1;
    font-weight:700;
    opacity:.78
}
 .service_number::after{
    content:"";
    width:30px;
    height:1px;
    background:var(--accent-color);
    opacity:.5
}
 .oemodm_card h3{
    margin:0;
    color:#fff;
    font-size: 22px;
    line-height:1.14;
    white-space:nowrap
}
 .oemodm_card_small h3{
    max-height:50px;
    font-size:20px;
    line-height:1.2
}
 .service_line{
    display:block;
    width:36px;
    height:1px;
    margin: 20px auto;
    background: #ffffff;
    /* opacity:.62; */
}
 .oemodm_card p{
    margin:0;
    color: #ffffff;
    font-size:16px;
    line-height:1.62;
    font-weight:500
}
 .oemodm_card_small .service_icon{
    position:relative;
    z-index:2;
    grid-column:1;
    width:66px;
    height:66px;
    padding:16px;
    object-fit:contain;
    border-radius:50%;
    background:rgba(255,255,255,.92);
    box-shadow:0 12px 28px rgba(44,33,22,.12)
}
 .oemodm_card:hover .service_photo{
    transform:scale(1.045)
}
 .index_factory_quality{
    position:relative;
    padding: 90px 0 0px;
    overflow:hidden
}
 .factory_quality_head{
    margin: 0 auto 60px;
    text-align:center
}
 .factory_quality_head h2{
    margin:0;
    color:var(--title-color);
    font-size:36px;
    line-height:1.08;
    font-weight:700;
    letter-spacing:0;
}
 .factory_quality_head h2 span{
    color:var(--accent-color)
}
 .factory_quality_head p{
    margin:20px auto 0;
    color:var(--text-color);
    font-size:18px;
    line-height:1.55;
    font-weight:500
}
 .factory_quality_head_left{
    margin:0 0 40px;
    text-align:left
}
 .factory_quality_head_left p{
    margin-left:0
}
 .factory_quality_rows{
    display:grid;
    gap:26px
}
 .factory_quality_row{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:0;
    align-items:stretch
}
 .factory_quality_row_reverse{
    grid-template-columns: 1fr 1fr;
}
 .factory_quality_media{
    min-height:430px;
    overflow:hidden;
    border-radius: 5px;
}
 .factory_quality_media img{
    display:block;
    width:100%;
    height:100%;
    min-height:430px;
    object-fit:cover;
    object-position:center;
    transition:transform .45s ease
}
 .factory_quality_panel{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:445px;
    gap:10px;
    padding: 50px;
}
.factory_quality_row:nth-child(odd) .factory_quality_panel{
    padding-right: 0;
}
.factory_quality_row:nth-child(even) .factory_quality_panel{
    padding-left: 0;
}
 .quality_number{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin-bottom:14px;
    color:var(--accent-color);
    font-size:20px;
    line-height:1;
    font-weight:700;
    opacity:.75
}
 .quality_number::after,.quality_number::before{
    content:"";
    width:26px;
    height:1px;
    background:var(--accent-color);
    opacity:.52
}
 .factory_quality_panel h3{
    margin:0;
    color:var(--title-color);
    font-size:26px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:0
}
 .quality_divider{
    position:relative;
    display:block;
    width:100%;
    height:1px;
    margin:20px 0 22px;
    background:rgba(133,26,34,.28)
}
 .quality_divider::after{
    content:"";
    position:absolute;
    left:50%;
    top:-4px;
    width:8px;
    height:8px;
    background:#fbfaf7;
    border:1px solid rgba(133,26,34,.44);
    transform:translateX(-50%) rotate(45deg)
}
 .factory_quality_panel p{
    margin:0;
    color:var(--text-color);
    font-size:16px;
    line-height:1.62;
    font-weight:500
}
 .quality_points{
    display:grid;
    gap:0;
    margin:24px 0 0;
    padding:0;
    list-style:none
}
 .quality_points li{
    position:relative;
    min-height:68px;
    padding:0 0 18px 46px;
    border-bottom:1px dashed rgba(51,51,51,.16)
}
 .quality_points li+li{
    padding-top:18px
}
 .quality_points li:last-child{
    padding-bottom:0;
    border-bottom:0
}
 .quality_points li::before{
    content:"";
    position:absolute;
    left:0;
    top:2px;
    width:26px;
    height:26px;
    border:1px solid rgba(133,26,34,.58);
    border-radius:50%;
    background:rgba(255,255,255,.82)
}
 .quality_points li::after{
    content:"";
    position:absolute;
    left:8px;
    top:10px;
    width:9px;
    height:5px;
    border-left:2px solid var(--accent-color);
    border-bottom:2px solid var(--accent-color);
    transform:rotate(-45deg)
}
 .quality_points li+li::before{
    top:20px
}
 .quality_points li+li::after{
    top:28px
}
 .quality_points strong{
    display:block;
    color:var(--title-color);
    font-size:17px;
    line-height:1.25;
    font-weight:800;
    letter-spacing:0
}
 .quality_points span{
    display:block;
    margin-top:4px;
    color:var(--text-color);
    font-size:15px;
    line-height:1.45;
    font-weight:500
}
 .factory_quality_row:hover .factory_quality_media img{
    transform:scale(1.035)
}
 .index_why_choose{
    position:relative;
    padding: 90px 0 90px;
    overflow:hidden;
    background:#f7f7f7
}
 .index_why_choose::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    background-image:var(--why-choose-bg,url("/res/sg/images/index-why-choose-bg-01.png"));
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    pointer-events:none
}
 .index_why_choose::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    background: rgba(255,255,255,.45);
    pointer-events:none
}
 .why_choose_deco{
    position:absolute;
    right:0;
    top:92px;
    width:430px;
    height:430px;
    background:url("/res/sg/images/index-why-choose-01.webp") no-repeat center/contain;
    opacity:.2;
    pointer-events:none
}
 .why_choose_wrap{
    position:relative;
    z-index:1;
    min-height:0
}
 .why_choose_content{
    max-width:100%;
    text-align:center
}
.why_choose_content .why_choose_text{
    color: #333333;
}
 .why_choose_mark{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:16px;
    margin-bottom:24px
}
 .why_choose_mark span{
    width:84px;
    height:1px;
    background:rgba(133,26,34,.34)
}
 .why_choose_mark i{
    display:block;
    width:28px;
    height:24px;
    border:2px solid rgba(133,26,34,.52);
    border-bottom-width:5px;
    border-radius:4px 4px 8px 8px;
    transform:translateY(4px)
}
 .why_choose_content h2{
    margin:0;
    color:var(--title-color);
    font-size:36px;
    line-height:1.12;
    font-weight:700;
    letter-spacing:0;
}
 .why_choose_line{
    position:relative;
    width:250px;
    height:1px;
    margin:26px auto 0;
    background:rgba(133,26,34,.28)
}
 .why_choose_line::after{
    content:"";
    position:absolute;
    left:50%;
    top:-5px;
    width:10px;
    height:10px;
    background:#fffaf3;
    border:1px solid rgba(133,26,34,.5);
    transform:translateX(-50%) rotate(45deg)
}
 .why_choose_lead{
    margin:28px 0 0;
    color:var(--accent-color);
    font-size:20px;
    line-height:1.45;
    font-weight:600
}
 .why_choose_text{
    margin:18px auto 0;
    color:var(--text-color);
    font-size:18px;
    line-height:1.7;
    font-weight:500
}
 .why_choose_grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px 24px;
    margin-top:44px
}
 .why_card{
    display:grid;
    grid-template-columns:78px 1fr;
    gap:22px;
    align-items:center;
    min-height:150px;
    padding: 20px;
    text-align:left;
    /* border:1px solid rgba(133,26,34,.14); */
    border-radius:8px;
    background: #ffffff;
    transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
 .why_icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width: 60px;
    height: 60px;
    border: 1px solid #dddddd;
    border-radius:50%
}
 .why_icon img{
    width: 30px;
    height: 30px;
    object-fit:contain
}
 .why_card h3{
    margin:0;
    color:var(--title-color);
    font-size:20px;
    line-height:1.25
}
 .why_card p{
    margin:10px 0 0;
    color: var(--text-color);
    font-size: 16px;
    line-height:1.55;
    font-weight:500
}
 .why_choose_btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:22px;
    min-width:330px;
    height:58px;
    margin-top:42px;
    padding:0 34px;
    color:#fff;
    border:1px solid rgba(133,26,34,.18);
    border-radius:5px;
    background:var(--accent-color);
    font-size:15px;
    line-height:1;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    transition:transform .25s ease,box-shadow .25s ease
}
 .why_choose_btn::after{
    content:"\203A";
    font-size:22px;
    line-height:1;
    transition:transform .25s ease
}
 .why_card:hover{
    border-color:rgba(133,26,34,.28);
    transform:translateY(-4px)
}
 .why_choose_btn:hover{
    transform:translateY(-2px)
}
 .why_choose_btn:hover::after{
    transform:translateX(5px)
}
 .index_blog{
    position:relative;
    padding:90px 0 90px;
    overflow:hidden
}
 .blog_head{
    max-width:980px;
    margin:0 auto 54px;
    text-align:center
}
 .blog_kicker{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    color:#a88651;
    font-size:17px;
    line-height:1;
    font-weight:700;
    letter-spacing:4px;
    text-transform:uppercase
}
 .blog_kicker span{
    width:86px;
    height:1px;
    background:rgba(133,26,34,.32)
}
 .blog_kicker i{
    position:relative;
    width:22px;
    height:18px;
    border:1px solid rgba(133,26,34,.42);
    border-bottom-width:4px;
    border-radius:4px 4px 7px 7px
}
 .blog_kicker em{
    font-style:normal
}
 .blog_head h2{
    margin:28px 0 0;
    color:var(--title-color);
    font-size:36px;
    line-height:1.08;
    font-weight:700;
    letter-spacing:0;
}
 .blog_title_line{
    position:relative;
    width:180px;
    height:1px;
    margin:28px auto 0;
    background:rgba(133,26,34,.28)
}
 .blog_title_line::after{
    content:"";
    position:absolute;
    left:50%;
    top:-4px;
    width:8px;
    height:8px;
    background:#fffaf3;
    border:1px solid rgba(133,26,34,.46);
    transform:translateX(-50%) rotate(45deg)
}
 .blog_head p{
    margin:24px 0 0;
    color:var(--text-color);
    font-size:18px;
    line-height:1.55;
    font-weight:500
}
 .blog_layout{
    display:grid;
    grid-template-columns:1.04fr 1fr;
    gap:38px;
    align-items:stretch
}
 .blog_feature_card,.blog_item{
    overflow:hidden;
    border:1px solid rgba(133,26,34,.14);
    border-radius:8px;
    background:rgba(255,255,255,.76);
    transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease
}
 .blog_feature_card a{
    display:flex;
    flex-direction:column;
    height:100%
}
 .blog_feature_img{
    height: 340px;
    overflow:hidden
}
 .blog_feature_img img,.blog_item_img img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    transition:transform .45s ease
}
 .blog_feature_content{
    flex:1 1 auto;
    padding:34px 40px 38px
}
 .blog_feature_content time,.blog_item_content time{
    display:block;
    color:var(--accent-color);
    font-size:14px;
    line-height:1;
    font-weight: 600;
    /* text-transform:uppercase; */
}
 .blog_feature_content h3{
    display:-webkit-box;
    overflow:hidden;
    margin:20px 0 0;
    color:var(--title-color);
    font-size:22px;
    line-height:1.22;
    font-weight:700;
    letter-spacing:0;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
 .blog_feature_content p{
    display:-webkit-box;
    overflow:hidden;
    margin:14px 0 0;
    color:var(--text-color);
    font-size:17px;
    line-height:1.72;
    font-weight:500;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
 .blog_read_btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap: 15px;
    min-width: 155px;
    height: 45px;
    margin-top:28px;
    padding: 0 20px;
    color:var(--accent-color);
    border:1px solid rgba(133,26,34,.34);
    border-radius:5px;
    font-size:14px;
    line-height:1;
    font-weight: 600;
    /* letter-spacing:2px; */
    /* text-transform:uppercase; */
    transition:color .25s ease,background .25s ease,border-color .25s ease
}
 .blog_read_btn::after{
    content:"\203A";
    font-size:22px;
    line-height:1;
    font-style:normal;
    transition:transform .25s ease
}
 .blog_list{
    display:grid;
    gap:18px
}
 .blog_item a{
    position:relative;
    display:grid;
    grid-template-columns: 220px 1fr;
    gap: 20px;
    align-items:center;
    min-height:150px;
    padding: 0 20px 0 0;
}
 .blog_item_img{
    height:150px;
    overflow:hidden
}
 .blog_item_content h3{
    display:-webkit-box;
    margin:14px 0 0;
    overflow:hidden;
    color:var(--title-color);
    font-size:16px;
    line-height:1.22;
    font-weight:700;
    letter-spacing:0;
    -webkit-line-clamp:2;
    line-clamp:2;
    -webkit-box-orient:vertical
}
 .blog_item_content p{
    display:-webkit-box;
    margin:10px 0 0;
    overflow:hidden;
    color:var(--text-color);
    font-size:15px;
    line-height:1.52;
    font-weight:500;
    -webkit-line-clamp:2;
    line-clamp:2;
    -webkit-box-orient:vertical
}

 .blog_feature_card:hover,.blog_item:hover{
    border-color:rgba(133,26,34,.3);
    transform:translateY(-4px)
}
 .blog_feature_card:hover img,.blog_item:hover img{
    transform:scale(1.05)
}
 .blog_feature_card:hover .blog_read_btn{
    color:#fff;
    background:var(--accent-color);
    border-color:var(--accent-color)
}
 .blog_feature_card:hover .blog_read_btn::after,.blog_item:hover a::after{
    transform:translateX(5px)
}
 .index_contact_faq{
    position:relative;
    padding:90px 0 90px;
    overflow:hidden;
    background-color:#fbfaf7;
    background-image:var(--contact-faq-bg,url("/res/sg/images/contact-faq-01.webp"));
    background-repeat:no-repeat;
    background-position:center top;
    background-size:cover
}
 .contact_faq_head{
    max-width:1080px;
    margin:0 auto 48px;
    text-align:center
}
 .contact_faq_kicker{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:16px;
    margin-bottom:24px
}
 .contact_faq_kicker span{
    width:82px;
    height:1px;
    background:rgba(133,26,34,.34)
}
 .contact_faq_kicker i{
    width:24px;
    height:20px;
    border:2px solid rgba(133,26,34,.44);
    border-bottom-width:5px;
    border-radius:5px 5px 8px 8px
}
 .contact_faq_head h2{
    margin:0;
    color:var(--title-color);
    font-size:36px;
    line-height:1.1;
    font-weight:700;
    letter-spacing:0;
}
 .contact_faq_head p{
    margin:22px 0 0;
    color:var(--text-color);
    font-size:19px;
    line-height:1.55;
    font-weight:500
}
 .contact_faq_layout{
    display:grid;
    grid-template-columns:1.06fr 0.94fr;
    gap:40px;
    align-items:start
}
 .faq_card,.inquiry_card{
    border:1px solid rgba(133,26,34,.13);
    border-radius:10px;
    background:rgba(255,255,255,.82);
    backdrop-filter:blur(10px)
}
 .inquiry_card{
    padding:38px 40px 34px
}
 .faq_card{
    padding:38px 34px
}
 .panel_title{
    margin-bottom:30px;
    text-align:center
}
 .panel_title h3{
    position:relative;
    display:inline-block;
    margin:0;
    font-size:24px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:0
}
 .panel_title h3::after{
    content:"";
    display:block;
    width:42px;
    height:1px;
    margin:18px auto 0;
    background:rgba(133,26,34,.34)
}
 .inquiry_form label{
    display:block
}
 .inquiry_form label>span{
    display:block;
    margin-bottom:10px;
    color:var(--title-color);
    font-size:15px;
    line-height:1.2;
    font-weight:700
}
 .form_grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap: 15px 15px;
}
 .form_full{
    margin-top:22px
}
 .inquiry_form input,.inquiry_form select,.inquiry_form textarea{
    width:100%;
    height: 45px;
    padding:0 18px;
    color:var(--title-color);
    border:1px solid rgba(51,51,51,.16);
    border-radius:6px;
    outline:0;
    background:rgba(255,255,255,.82);
    font-family:"Red Hat Display",sans-serif;
    font-size:15px;
    line-height:1.2;
    font-weight:500;
    transition:border-color .22s ease,box-shadow .22s ease,background .22s ease
}
 .inquiry_form textarea{
    height:115px;
    padding-top:18px;
    resize:vertical
}
 .inquiry_form input::placeholder,.inquiry_form textarea::placeholder{
    color:rgba(102,102,102,.72)
}
 .inquiry_form select{
    appearance:none;
    background-image:linear-gradient(45deg,transparent 50%,rgba(51,51,51,.7) 50%),linear-gradient(135deg,rgba(51,51,51,.7) 50%,transparent 50%);
    background-position:calc(100% - 20px) 24px,calc(100% - 14px) 24px;
    background-size:6px 6px,6px 6px;
    background-repeat:no-repeat;
    color:rgba(102,102,102,.86)
}
 .inquiry_form input:focus,.inquiry_form select:focus,.inquiry_form textarea:focus{
    border-color:rgba(133,26,34,.46);
    background:#fff;
    /* box-shadow:0 0 0 3px rgba(133,26,34,.08) */
}
 .form_upload{
    margin-top:22px
}
 .form_upload input{
    display:none
}
 .form_upload b{
    display:grid;
    grid-template-columns:34px 1fr;
    gap:4px 14px;
    align-items:center;
    min-height:78px;
    padding:14px 18px;
    border:1px solid rgba(51,51,51,.16);
    border-radius:6px;
    background:rgba(255,255,255,.76);
    cursor:pointer;
    transition:border-color .22s ease,box-shadow .22s ease,background .22s ease
}
 .form_upload svg{
    grid-row:span 2;
    width:26px;
    height:26px;
    fill:none;
    stroke:var(--accent-color);
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
    opacity:.72
}
 .form_upload em{
    color:var(--text-color);
    font-size:15px;
    line-height:1.25;
    font-style:normal;
    font-weight:600
}
 .form_upload small{
    color:rgba(102,102,102,.72);
    font-size:13px;
    line-height:1.3;
    font-weight:500
}
 .form_upload:hover b{
    border-color:rgba(133,26,34,.42);
    background:#fff;
    box-shadow:0 0 0 3px rgba(133,26,34,.07)
}
 .inquiry_submit{
    display:flex;
    align-items:center;
    justify-content:center;
    gap: 15px;
    /* width:100%; */
    padding: 0 15px;
    height: 50px;
    margin-top: 20px;
    color:#fff;
    border:0;
    border-radius:6px;
    background:var(--accent-color);
    font-family:"Red Hat Display",sans-serif;
    font-size: 15px;
    line-height:1;
    font-weight: 600;
    letter-spacing:0;
    cursor:pointer;
    transition:transform .22s ease,box-shadow .22s ease
}
 .inquiry_submit svg{
    width:24px;
    height:24px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round
}
 .inquiry_submit:hover{
    transform:translateY(-2px)
}
 .privacy_note{
    margin:20px 0 0;
    color:rgba(102,102,102,.78);
    font-size: 15px;
    line-height:1.45;
    font-weight:500;
    /* text-align:center; */
}
 .faq_list{
    display:grid;
    gap: 10px;
}
 .faq_item{
    position:relative;
    /* min-height:112px; */
    padding: 10px 0;
    /* border:1px solid rgba(133,26,34,.13); */
    /* border-radius:8px; */
    /* background:rgba(255,255,255,.78); */
    border-bottom: 1px dashed rgba(51, 51, 51, .16);
}
.faq_item:last-child{
    border-bottom: 0;
}
 .faq_item h4{
    display:block;
    margin:0;
    overflow:hidden;
    color:var(--title-color);
    font-size: 16px;
    line-height:1.25;
    letter-spacing:0;
    text-overflow:ellipsis;
    white-space:nowrap
}
 .faq_item p{
    display:-webkit-box;
    /* min-height:46px; */
    margin: 11px 0 0;
    overflow:hidden;
    color:var(--text-color);
    font-size:15px;
    line-height:1.52;
    font-weight:500;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
 .site_footer{
    position:relative;
    overflow:hidden;
    padding: 90px 0 0;
    /* background:#fbfaf700 url("/res/sg/images/common-footer-06.webp") no-repeat center top/cover; */
}
 .footer_main{
    display:grid;
    grid-template-columns: 1.5fr 0.7fr 0.7fr 0.7fr 1fr;
    gap: 20px;
    padding: 0 0 60px;
}
 .footer_logo{
    display:inline-flex;
    align-items:center
}
 .footer_logo img{
    width: 50px;
    height:auto;
    object-fit:contain
}
 .footer_tagline{
    position:relative;
    display:inline-block;
    margin:18px 0 0;
    padding:0 28px;
    color:var(--accent-color);
    font-size:14px;
    line-height:1;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase
}
 .footer_tagline::after,.footer_tagline::before{
    content:"";
    position:absolute;
    top:50%;
    width:20px;
    height:1px;
    background:rgba(133,26,34,.48)
}
 .footer_tagline::before{
    left:0
}
 .footer_tagline::after{
    right:0
}
 .footer_contact_list{
    display:grid;
    gap: 14px;
    margin: 20px 0 0;
    padding:0;
    list-style:none
}
 .footer_contact_list li{
    display:grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap:10px;
    align-items:flex-start
}

 .footer_contact_list li > svg{
    flex:0 0 auto;
    width:22px;
    height:22px;
    margin-top:2px;
    color:var(--accent-color)
}
 .footer_contact_list li > svg path{
    fill:currentColor
}
 .footer_contact_list span{
    color:var(--accent-color);
    font-size:16px;
    line-height:1;
    font-weight:500;
    letter-spacing:1px;
    display: inline-block;
    padding-right: 10px;
}
 .footer_contact_list a,.footer_contact_list p{
    margin:0;
    color:var(--text-color);
    font-size:16px;
    line-height:1.6;
    font-weight:500;
    overflow-wrap:anywhere;
    transition:color .24s ease
}
 .footer_contact_list a:hover{
    color:var(--accent-color)
}
 .footer_col,.footer_newsletter{
    /* padding-left:28px; */
    /* border-left:1px solid rgba(133,26,34,.14); */
}
 .footer_col h3,.footer_newsletter h3{
    position:relative;
    margin: 0 0 30px;
    color:var(--title-color);
    font-size:18px;
    line-height:1.2;
    /* text-transform:uppercase; */
}
 .footer_col h3::after,.footer_newsletter h3::after{
    content:"";
    display:block;
    width:36px;
    height:1px;
    margin-top:18px;
    background:var(--accent-color);
    opacity:.55
}
 .footer_col ul{
    display:grid;
    gap: 15px;
    margin:0;
    padding:0;
    list-style:none
}
 .footer_col a{
    position:relative;
    display:inline-flex;
    align-items:center;
    color:var(--text-color);
    font-size:16px;
    line-height:1.2;
    font-weight:500;
    text-transform: capitalize;
    transition:color .22s ease,transform .22s ease
}
 .footer_col a:hover{
    color:var(--accent-color);
    transform:translateX(4px)
}
 .footer_newsletter p{
    margin: 0 0 20px;
    color:var(--text-color);
    font-size:16px;
    line-height:1.6;
    font-weight:500
}
 .newsletter_form{
    display: flex;
    /* gap:12px; */
    border: 1px solid rgba(133,26,34,.18);
    border-radius: 5px;
    overflow: hidden;
    justify-content: space-between;
}
 .newsletter_form input{
    width:100%;
    height: 45px;
    padding: 0px 10px;
    color:var(--title-color);
    border: 0;
    /* border-radius:6px; */
    outline:0;
    background:rgba(255,255,255,.82);
    font-family:"Red Hat Display",sans-serif;
    font-size:15px;
    font-weight:500
}
 .newsletter_form button{
    height: 45px;
    color:#fff;
    border:0;
    border-radius: 0 6px 6px 0;
    background:var(--accent-color);
    font-family:"Red Hat Display",sans-serif;
    font-size: 15px;
    /* font-weight:800; */
    /* letter-spacing:2px; */
    /* text-transform:uppercase; */
    cursor:pointer;
    transition:transform .22s ease,box-shadow .22s ease
}
 .newsletter_form button:hover{
}
 .footer_social{
    display:flex;
    align-items:center;
    gap: 10px;
    margin-top: 20px;
}
 .footer_social a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width: 35px;
    height: 35px;
    transition:transform .22s ease
}
 .footer_social img{
    width: 35px;
    height: 35px;
    object-fit:contain
}
 .footer_social a:hover{
    transform:translateY(-3px)
}
 .footer_bottom{
    background:rgba(255,255,255,.48);
    border-top: 1px dashed rgba(51, 51, 51, .16);
}
 .footer_bottom .auto-container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height: 70px;
    gap: 20px;
}
 .footer_bottom p{
    margin:0;
    color:var(--text-color);
    font-size:16px;
    line-height:1.4;
    font-weight:500
}
 .footer_bottom_links{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:0
}
 .footer_bottom_links a,.footer_bottom_links span{
    color:var(--title-color);
    font-size:16px;
    line-height:1.4;
    font-weight:500
}
 .footer_bottom_links>a,.footer_bottom_links>span{
    padding: 0 10px;
    /* border-left:1px solid rgba(133,26,34,.2); */
}
 .footer_bottom_links a:hover{
    color:var(--accent-color)
}
 .head_block{
    margin: 0 auto 60px;
    text-align:center
}
 .head_block .title{
    margin:0;
    color:var(--title-color);
    font-size:36px;
    line-height:1.08;
    /* font-weight:700; */
    letter-spacing:0
}
 .head_block .title span{
    color:var(--accent-color)
}
 .head_block .remark{
    max-width: 1100px;
    margin:20px auto 0;
    color:var(--text-color);
    font-size:18px;
    line-height:1.55;
    /* font-weight:500; */
}
 .head_block_left{
    margin:0 0 40px;
    text-align:left
}
 .head_block_left .remark{
    margin-left:0
}
 .head_block_light .title,
 .head_block_light .remark{
    color:#fff
}
 .page_banner{
    position:relative;
    max-height:350px;
    overflow:hidden;
    margin-top: 90px;
}
 .page_banner_img img{
    width:100%;
    height:350px;
    object-fit:cover
}
 .page_banner_mask{
    position:absolute;
    inset:0;
    z-index:1;
    background:rgba(0,0,0,.48)
}
 .page_banner_content{
    position:absolute;
    inset:0;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center
}
 .page_banner_content h1{
    margin:0;
    color:#fff;
    font-size:52px;
    line-height:1.12;
    font-weight:700;
    letter-spacing:0
}
 .page_banner_content p{
    max-width:760px;
    margin:18px auto 0;
    color:rgba(255,255,255,.88);
    font-size:18px;
    line-height:1.6;
    font-weight:500
}
 .page_inside{
    border-bottom:1px solid rgba(51,51,51,.08);
    background:#fff
}
 .page_inside .auto-container{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    min-height:58px;
    color:var(--text-color);
    font-size:15px;
    line-height:1.4;
    font-weight:600
}
 .page_inside a{
    color:var(--title-color);
    transition:color .22s ease
}
 .page_inside a:hover{
    color:var(--accent-color)
}
 .page_inside i{
    color:rgba(102,102,102,.58);
    font-style:normal
}
 .page_about .about_intro{
    padding:90px 0 60px;
    background:#fff
}
 .page_about .about_intro_layout{
    display:grid;
    grid-template-columns:minmax(0,0.95fr) minmax(0,1.05fr);
    gap:64px;
    align-items:stretch
}
 .page_about .about_intro_content{
    min-width:0
}
 .page_about .about_intro_text{
    margin:0;
    color:var(--text-color);
    font-size:17px;
    line-height:1.76;
    font-weight:500
}
 .page_about .about_movement_partners{
    max-width:860px;
    margin:60px auto 0
}
 .page_about .about_movement_grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:12px
}
 .page_about .about_movement_item{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:68px;
    padding:12px 10px;
    border:1px solid rgba(51,51,51,.08);
    border-radius:6px;
    background:#fafafa
}
 .page_about .about_movement_item img{
    display:block;
    max-width:100%;
    max-height:36px;
    object-fit:contain;
    opacity:.86
}
 .page_about .about_stats_section{
    position:relative;
    padding:72px 0;
    overflow:hidden;
    background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.42)),url("/res/sg/images/about-stats-07.png") no-repeat center/cover
}
 .page_about .about_intro_stats{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap: 20px;
    margin:0
}
 .page_about .about_intro_stat{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    /* min-height:190px; */
    /* padding:30px 24px 28px; */
    /* border:1px solid rgba(255,255,255,.18); */
    /* background:rgba(0,0,0,.26); */
    text-align:center
}
 .page_about .about_intro_stat .stat_icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width: 80px;
    height: 80px;
    margin-bottom:18px;
    /* border-radius:50%; */
    /* background:rgba(255,255,255,.92); */
}
 .page_about .about_intro_stat .stat_icon img{
    /* width:34px; */
    /* height:34px; */
    /* object-fit:contain; */
    filter: brightness(0) invert(1);
}
 .page_about .about_intro_stat strong{
    display:block;
    color: var(--accent-color);
    font-size: 44px;
    line-height:1;
    /* font-weight:800; */
}
 .page_about .about_intro_stat p{
    margin:12px 0 0;
    color:rgba(255,255,255,.86);
    font-size:15px;
    line-height:1.42;
    /* font-weight:600; */
}
 .page_about .about_intro_visual{
    min-height:0
}
 .page_about .about_intro_visual .about_visual{
    height:100%
}
 .page_about .about_culture{
    position:relative;
    padding:90px 0;
    overflow:hidden;
    background:#fafafa
}
 .page_about .about_culture_grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:42px
}
 .page_about .about_culture_card{
    position:relative;
    min-width:0;
    min-height:0;
    padding:0;
    overflow:visible;
    border:0;
    border-radius:0;
    background:transparent;
    text-align:center;
    transition:none
}
 .page_about .about_culture_card::after{
    content:"";
    position:absolute;
    left:calc(100% + 6px);
    top:58px;
    width:54px;
    height:18px;
    background:url("/res/sg/images/about-culture-06.png") no-repeat center/contain;
    pointer-events:none
}
 .page_about .about_culture_card:last-child::after{
    display:none
}
 .page_about .culture_icon{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:118px;
    height:118px;
    margin:0 auto 34px;
    border-radius:50%;
    background:#ffffff;
}

 .page_about .culture_icon img{
    position:relative;
    z-index:2;
    width:52px;
    height:52px;
    object-fit:contain;
    opacity:.82
}
 .page_about .about_culture_card h3{
    margin:0;
    color:var(--title-color);
    font-size:22px;
    line-height:1.24;
    font-weight:800
}
 .page_about .about_culture_card p{
    margin:16px auto 0;
    color:var(--text-color);
    font-size:15px;
    line-height:1.52;
    font-weight:500
}
 .page_about .about_culture_card:hover{
    transform:none
}
 .page_about .about_journey{
    position:relative;
    overflow:hidden;
    margin-top: 90px;
    padding: 90px 0 90px;
    background:url("/res/sg/images/about-journey-01.png") no-repeat center/cover
}
 .page_about .about_journey::before{
    content:"";
    position:absolute;
    left:50%;
    top: 40%;
    z-index:0;
    width:1920px;
    max-width:none;
    height: 320px;
    background: url("/res/sg/images/about-journey-02.png") no-repeat right;
    transform:translateX(-50%);
    pointer-events:none;
}
 .page_about .about_journey>.auto-container{
    position:relative;
    left:50%;
    z-index:1;
    width:1440px;
    max-width:none;
    margin:0;
    transform:translateX(-50%)
}
 .page_about .about_journey .head_block{
    margin-bottom:42px
}
 .page_about .about_journey_swiper{
    position:relative;
    overflow:hidden;
    padding: 20px 0 100px;
}
 .page_about .about_journey_swiper .swiper-wrapper{
    position:relative;
    z-index:1;
    align-items:stretch
}
 .page_about .about_journey_swiper .swiper-pagination{
    z-index:2
}
 .page_about .about_journey_swiper .swiper-slide{
    height:520px;
    padding-top: 35px;
    margin-bottom: -65px;
    display:flex;
    align-items:flex-start;
    justify-content:center
}
 .page_about .about_journey_swiper .swiper-slide:nth-child(even){
    align-items:flex-end;
    margin-top: 65px;
}
 .page_about .journey_card{
    position:relative;
    width:100%;
    /* max-width:228px; */
    /* min-height:312px; */
    padding: 60px 20px 20px;
    /* border:1px solid rgba(133,26,34,.18); */
    border-radius: 10px;
    background:rgba(255,255,255,.92);
    color:var(--title-color);
    text-align:center
}
 .page_about .journey_card::after{
    content:"";
    position:absolute;
    left:50%;
    bottom: -90px;
    width: 10px;
    height: 90px;
    background: linear-gradient(180deg, rgb(133 26 34), rgb(133 26 34)) center top / 2px calc(100% - 10px) no-repeat, radial-gradient(circle, #fff 0 36%, var(--accent-color) 38% 64%, rgb(133 26 34 / 0%) 66% 100%) center bottom / 10px 10px no-repeat;
    transform:translateX(-50%);
    pointer-events:none
}
 .page_about .journey_card_down{
    padding: 20px 20px 60px;
}
 .page_about .journey_card_down::after{
    top: -90px;
    bottom:auto;
    background: linear-gradient(180deg, rgb(133 26 34), rgba(133, 26, 34, .6)) center 10px / 2px calc(100% - 10px) no-repeat, radial-gradient(circle, #fff 0 36%, var(--accent-color) 38% 64%, rgb(133 26 34 / 0%) 66% 100%) center top / 10px 10px no-repeat;
}
 .page_about .journey_icon{
    position:absolute;
    left:50%;
    top: -30px;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:center;
    width:70px;
    height:70px;
    border:1px solid rgba(133,26,34,.22);
    border-radius:50%;
    background:var(--accent-color);
    transform:translateX(-50%)
}
 .page_about .journey_card_down .journey_icon{
    top:auto;
    bottom:-34px
}
 .page_about .journey_icon img{
    width:42px;
    height:42px;
    object-fit:contain;
    filter:brightness(0) invert(1);
    opacity:.95
}
 .page_about .journey_card strong{
    display:block;
    /* color:var(--accent-color); */
    font-size: 40px;
    line-height:1;
    /* font-weight:700; */
    margin-bottom: 15px;
    letter-spacing:2px
}
 .page_about .journey_card span{
    display:block;
    color:var(--title-color);
    font-size:15px;
    line-height:1.3;
    font-weight:600;
    letter-spacing:.6px
}
 .page_about .journey_card p{
    margin: 15px 0 0;
    color:var(--text-color);
    font-size:15px;
    line-height:1.48;
    font-weight:500
}
 .page_about .about_journey_swiper .swiper-pagination{
    bottom:0
}
 .page_about .about_journey_swiper .swiper-pagination-bullet{
    width:9px;
    height:9px;
    background:rgba(133,26,34,.3);
    opacity:1
}
 .page_about .about_journey_swiper .swiper-pagination-bullet-active{
    width:28px;
    border-radius:999px;
    background:var(--accent-color)
}
 .page_about .about_facility{
    position:relative;
    padding: 90px 0 0;
    background:#fff;
    overflow:hidden
}
 .page_about .about_facility .head_block{
    margin-bottom:32px
}
 .page_about .about_facility_wrap{
    position:relative;
    padding:0
}
 .page_about .about_facility_swiper{
    overflow:hidden;
    padding:0 0 44px
}
 .page_about .about_facility_item{
    position:relative;
    overflow:hidden;
    height: 315px;
    border:1px solid rgba(51,51,51,.14);
    background:#fafafa
}
 .page_about .about_facility_item img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .35s ease
}
 .page_about .about_facility_item span{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    display:flex;
    align-items:center;
    justify-content:center;
    /* min-height: 45px; */
    padding: 15px 20px;
    color:#fff;
    background:rgba(0,0,0,.62);
    font-size: 16px;
    line-height:1.2;
    /* font-weight:700; */
    text-align:center
}
 .page_about .about_facility_item:hover img{
    transform:scale(1.045)
}
 .page_about .about_facility_swiper .swiper-pagination{
    bottom:0
}
 .page_about .about_facility_swiper .swiper-pagination-bullet{
    width:9px;
    height:9px;
    background:rgba(133,26,34,.3);
    opacity:1
}
 .page_about .about_facility_swiper .swiper-pagination-bullet-active{
    width:28px;
    border-radius:999px;
    background:var(--accent-color)
}
 .page_about .about_testimonials{
    position:relative;
    padding:90px 0;
    overflow:hidden;
    background:#ffffff
        
}
 .page_about .about_testimonials_swiper{
    overflow:hidden;
    padding:0 0 46px
}
 .page_about .about_testimonials_swiper .swiper-wrapper{
    align-items:stretch
}
 .page_about .about_testimonials_swiper .swiper-slide{
    height:auto
}
 .page_about .about_testimonial_card{
    position:relative;
    display:grid;
    grid-template-columns:72px 1fr auto;
    grid-template-areas:
        "quote content content"
        "quote author stars";
    gap:18px 22px;
    min-height:210px;
    height:100%;
    padding:26px 34px 28px;
    border:1px solid rgba(51,51,51,.08);
    border-radius:8px;
    background:#fff
}
 .page_about .testimonial_quote{
    grid-area:quote;
    color:var(--accent-color);
    font-size:72px;
    line-height:.9;
    font-weight:800
}
 .page_about .about_testimonial_card p{
    grid-area:content;
    margin:0;
    color:var(--title-color);
    font-size:15px;
    line-height:1.55;
    font-weight:500
}
 .page_about .testimonial_author{
    grid-area:author;
    display:flex;
    align-items:center;
    gap:16px;
    min-width:0
}
 .page_about .testimonial_author img{
    width:64px;
    height:64px;
    flex:0 0 auto;
    border:2px solid rgba(133,26,34,.18);
    border-radius:50%;
    object-fit:cover
}
 .page_about .testimonial_author strong{
    display:block;
    color:var(--title-color);
    font-size:16px;
    line-height:1.25;
    font-weight:800
}
 .page_about .testimonial_author span{
    display:block;
    margin-top:4px;
    color:var(--text-color);
    font-size:14px;
    line-height:1.35;
    font-weight:500
}
 .page_about .testimonial_stars{
    grid-area:stars;
    align-self:center;
    color:var(--accent-color);
    font-size:18px;
    line-height:1;
    letter-spacing:4px;
    white-space:nowrap
}
 .page_about .about_testimonials_swiper .swiper-pagination{
    bottom:0
}
 .page_about .about_testimonials_swiper .swiper-pagination-bullet{
    width:9px;
    height:9px;
    background:rgba(133,26,34,.3);
    opacity:1
}
 .page_about .about_testimonials_swiper .swiper-pagination-bullet-active{
    width:28px;
    border-radius:999px;
    background:var(--accent-color)
}
 .page_content{
    padding: 90px 0 0px;
    background: #fafafa;
}
 .page_content>.auto-container{
    display:grid;
    grid-template-columns:minmax(0,1fr) 320px;
    gap:38px;
    align-items:start
}
 .page_content_box{
    min-width:0
}
 .list_blog_posts{
    display:grid;
    gap:24px
}
 .list_blog_card{
    min-width:0
}
 .list_blog_card a{
    display:grid;
    grid-template-columns:310px minmax(0,1fr);
    min-height:220px;
    overflow:hidden;
    border:1px solid rgba(51,51,51,.1);
    border-radius:8px;
    background:#fff;
    transition:border-color .25s ease,transform .25s ease
}
 .blog_card_img{
    min-width:0;
    height:100%;
    min-height:220px;
    overflow:hidden;
    background:#fafafa
}
 .blog_card_img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .35s ease
}
 .blog_card_content{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    padding:28px 32px
}
 .blog_card_info{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:18px;
    color:var(--text-color);
    font-size:14px;
    line-height:1;
    font-weight: 500;
}
 .blog_card_info time,
 .blog_card_info span{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:7px
}
 .blog_card_info time::before,
 .blog_card_info span::before{
    content:"";
    width:15px;
    height:15px;
    background:var(--accent-color);
    opacity:.9;
    mask-repeat:no-repeat;
    mask-position:center;
    mask-size:contain;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center;
    -webkit-mask-size:contain
}
 .blog_card_info time::before{
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 2h2v2h6V2h2v2h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h3V2Zm13 9H4v9h16v-9ZM4 9h16V6H4v3Z'/%3E%3C/svg%3E");
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 2h2v2h6V2h2v2h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h3V2Zm13 9H4v9h16v-9ZM4 9h16V6H4v3Z'/%3E%3C/svg%3E")
}
 .blog_card_info span::before{
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm1 3v4.59l3.2 3.2-1.41 1.41L11 12.41V7h2Z'/%3E%3C/svg%3E");
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm1 3v4.59l3.2 3.2-1.41 1.41L11 12.41V7h2Z'/%3E%3C/svg%3E")
}
 .blog_card_content h2{
    display:-webkit-box;
    margin:14px 0 0;
    overflow:hidden;
    color:var(--title-color);
    font-size: 18px;
    line-height:1.25;
    font-weight: 600;
    letter-spacing:0;
    -webkit-line-clamp:2;
    line-clamp:2;
    -webkit-box-orient:vertical
}
 .blog_card_content p{
    display:-webkit-box;
    margin:14px 0 0;
    overflow:hidden;
    color:var(--text-color);
    font-size:16px;
    line-height:1.56;
    font-weight:500;
    max-height:50px;
    -webkit-line-clamp:2;
    line-clamp:2;
    -webkit-box-orient:vertical
}
 .blog_card_meta{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:18px;
    width:100%;
    margin-top:auto;
    padding-top:22px
}
 .blog_card_meta strong{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:0;
    padding:0;
    color:var(--accent-color);
    font-size:14px;
    line-height:1;
    font-weight:700;
    transition:color .25s ease
}
 .blog_card_meta strong::after{
    content:"\203A";
    font-size:22px;
    line-height:1;
    transition:transform .25s ease
}
 .list_blog_card:hover a{
    border-color:rgba(133,26,34,.3);
    transform:translateY(-4px)
}
 .list_blog_card:hover img{
    transform:scale(1.045)
}
 .list_blog_card:hover .blog_card_meta strong{
    color:var(--accent-color)
}
 .list_blog_card:hover .blog_card_meta strong::after{
    transform:translateX(4px)
}
 .page_show .show_article{
    overflow:hidden;
    border-radius:8px;
    background:#fff
}
 .page_show .show_article_head{
    padding: 30px;
}
 .page_show .show_article_head h2{
    /* max-width:820px; */
    margin:0;
    color:var(--title-color);
    font-size: 26px;
    line-height: 1.45;
    /* font-weight:800; */
    letter-spacing:0
}
 .page_show .show_article_head .blog_card_info{
    margin-top:20px;
    gap: 20px;
    font-size: 14px;
}
 .page_show .show_article_head .show_article_author::before{
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 12a5 5 0 1 1 0-10 5 5 0 0 1 0 10Zm0 2c4.42 0 8 2.24 8 5v3H4v-3c0-2.76 3.58-5 8-5Zm0-4a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-6 9v1h12v-1c0-1.31-2.69-3-6-3s-6 1.69-6 3Z'/%3E%3C/svg%3E");
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 12a5 5 0 1 1 0-10 5 5 0 0 1 0 10Zm0 2c4.42 0 8 2.24 8 5v3H4v-3c0-2.76 3.58-5 8-5Zm0-4a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-6 9v1h12v-1c0-1.31-2.69-3-6-3s-6 1.69-6 3Z'/%3E%3C/svg%3E")
}
 .page_show .show_article_cover{
    overflow:hidden;
    aspect-ratio: 16/8;
    background:#fafafa
}
 .page_show .show_article_cover img{
    width:100%;
    height:100%;
    object-fit:cover
}
 .page_show .show_article_content{
    padding: 30px;
}
 .page_show .show_article_content p{
    margin: 0 0 10px;
    color:var(--text-color);
    font-size:16px;
    line-height: 1.45;
    font-weight:500
}
 .page_show .show_article_content h2{
    margin: 20px 0 15px;
    color:var(--title-color);
    font-size: 20px;
    line-height:1.28;
    /* font-weight:800; */
    letter-spacing:0
}
 .page_show .show_article_content h4{
    margin: 15px 0 10px;
    color:var(--title-color);
    font-size: 17px;
    line-height:1.35;
    /* font-weight:800; */
}
 .page_show .show_article_content figure{
    margin: 20px 0 20px;
}
 .page_show .show_article_content figure img{
    display:block;
    width:100%;
    height:auto;
    border-radius: 5px;
}
 .page_show .show_article_content p:last-child{
    margin-bottom:0
}
 .page_show .show_article_nav{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:28px;
    padding:30px 56px 38px;
    border-top:1px solid rgba(51,51,51,.1)
}
 .page_show .show_article_nav a{
    display:flex;
    flex-direction:column;
    gap:10px;
    min-width:0;
    color:var(--title-color)
}
 .page_show .show_article_nav span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:var(--text-color);
    font-size:15px;
    line-height:1.2;
    font-weight: 600;
    transition:color .25s ease
}
 .page_show .show_article_nav strong{
    display:-webkit-box;
    overflow:hidden;
    color:var(--title-color);
    font-size: 18px;
    line-height:1.35;
    /* font-weight:800; */
    letter-spacing:0;
    -webkit-line-clamp:2;
    line-clamp:2;
    -webkit-box-orient:vertical;
    transition:color .25s ease
}
 .page_show .show_article_prev span::before{
    flex:0 0 auto;
    width:16px;
    height:16px;
    background:var(--accent-color);
    content:"";
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10.8 19.7 3.1 12l7.7-7.7 1.4 1.4L6.9 11H21v2H6.9l5.3 5.3-1.4 1.4Z'/%3E%3C/svg%3E") no-repeat center/contain;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10.8 19.7 3.1 12l7.7-7.7 1.4 1.4L6.9 11H21v2H6.9l5.3 5.3-1.4 1.4Z'/%3E%3C/svg%3E") no-repeat center/contain
}
 .page_show .show_article_next{
    align-items:flex-end;
    text-align:right
}
 .page_show .show_article_next span::after{
    flex:0 0 auto;
    width:16px;
    height:16px;
    background:var(--accent-color);
    content:"";
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m13.2 4.3 7.7 7.7-7.7 7.7-1.4-1.4 5.3-5.3H3v-2h14.1l-5.3-5.3 1.4-1.4Z'/%3E%3C/svg%3E") no-repeat center/contain;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m13.2 4.3 7.7 7.7-7.7 7.7-1.4-1.4 5.3-5.3H3v-2h14.1l-5.3-5.3 1.4-1.4Z'/%3E%3C/svg%3E") no-repeat center/contain
}
 .page_show .show_article_nav a:hover span,
 .page_show .show_article_nav a:hover strong{
    color:var(--accent-color)
}
 .page_show .left_recommend_pro a>span{
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:6px;
    min-width:0
}
 .page_show .left_recommend_pro em{
    display:-webkit-box;
    overflow:hidden;
    color:var(--title-color);
    font-style:normal;
    font-size:14px;
    line-height:1.35;
    font-weight:700;
    -webkit-line-clamp:2;
    line-clamp:2;
    -webkit-box-orient:vertical;
    transition:color .25s ease
}
 .page_show .left_recommend_pro small{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:var(--text-color);
    font-size:12px;
    line-height:1;
    font-weight:700
}
 .page_show .left_recommend_pro small::before{
    content:"";
    width:12px;
    height:12px;
    background:var(--accent-color);
    opacity:.9;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 2h2v2h6V2h2v2h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h3V2Zm13 9H4v9h16v-9ZM4 9h16V6H4v3Z'/%3E%3C/svg%3E") no-repeat center/contain;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 2h2v2h6V2h2v2h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h3V2Zm13 9H4v9h16v-9ZM4 9h16V6H4v3Z'/%3E%3C/svg%3E") no-repeat center/contain
}
 .page_show .sidebar-anchor-list{
    display:grid;
    gap:10px;
    margin:0;
    padding:0;
    list-style:none
}
 .page_show .sidebar-anchor-list li{
    min-width:0
}
 .page_show .sidebar-anchor-list a{
    display:flex;
    align-items:flex-start;
    gap:9px;
    color:var(--text-color);
    font-size:14px;
    line-height:1.45;
    font-weight:700;
    transition:color .25s ease
}
 .page_show .sidebar-anchor-list a::before{
    content:"";
    flex:0 0 auto;
    width:6px;
    height:6px;
    margin-top:7px;
    border-radius:50%;
    background:rgba(133,26,34,.35);
    transition:background .25s ease,transform .25s ease
}
 .page_show .sidebar-anchor-list a.active,
 .page_show .sidebar-anchor-list a:hover{
    color:var(--accent-color)
}
 .page_show .sidebar-anchor-list a.active::before,
 .page_show .sidebar-anchor-list a:hover::before{
    background:var(--accent-color);
    transform:scale(1.25)
}
 .page_show .article_anchor_toggle,
 .page_show .article_anchor_mask,
 .page_show .article_anchor_drawer{
    display:none
}
    .list_product .page_content,.list_faq .page_content,.list_blog .page_content,.page_show .page_content{
        padding-bottom: 90px;
    }
 .list_product_grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px
}
 .list_product .hot_product_card .img_box{
    min-height:245px
}
 .show_product .product_head_section{
    padding:90px 0;
    background:#fff
}
 .show_product .product_head_section>.auto-container{
    display:grid;
    grid-template-columns:minmax(0,1.18fr) minmax(420px,.82fr);
    gap:46px;
    align-items:start
}
.show_product .product_gallery{
    display:grid;
    grid-template-columns:96px minmax(0,1fr);
    gap:20px;
    align-items:start
}
.show_product .product_gallery_thumbs_box{
    display:grid;
    gap:10px
}
.show_product .product_gallery_thumbs{
    width:96px;
    height:520px
}
.show_product .product_gallery_thumbs_box .swiper-button-prev,
.show_product .product_gallery_thumbs_box .swiper-button-next{
    position:static;
    display:flex;
    align-items:center;
    justify-content:center;
    width:96px;
    height:34px;
    margin:0;
    padding:0;
    border:1px solid rgba(51,51,51,.14);
    border-radius:6px;
    background:#fff;
    background-image:none;
    cursor:pointer;
    transition:border-color .22s ease,background-color .22s ease
}
.show_product .product_gallery_thumbs_box .swiper-button-prev:before,
.show_product .product_gallery_thumbs_box .swiper-button-next:before{
    content:"";
    width:14px;
    height:14px;
    border-top:2px solid var(--title-color);
    border-left:2px solid var(--title-color);
    transition:border-color .22s ease
}
.show_product .product_gallery_thumbs_box .swiper-button-prev:before{
    transform:rotate(45deg) translate(2px,2px)
}
.show_product .product_gallery_thumbs_box .swiper-button-next:before{
    transform:rotate(225deg) translate(2px,2px)
}
.show_product .product_gallery_thumbs_box .swiper-button-prev:hover,
.show_product .product_gallery_thumbs_box .swiper-button-next:hover{
    border-color:var(--accent-color);
    background:rgba(133,26,34,.05)
}
.show_product .product_gallery_thumbs_box .swiper-button-prev:hover:before,
.show_product .product_gallery_thumbs_box .swiper-button-next:hover:before{
    border-color:var(--accent-color)
}
.show_product .product_gallery_thumbs .swiper-slide{
    width:96px;
    height:96px;
    aspect-ratio:1/1;
    box-sizing:border-box;
    overflow:hidden;
    border:1px solid rgba(51,51,51,.12);
    border-radius:6px;
    background:#fff;
    cursor:pointer;
    transition:border-color .22s ease,box-shadow .22s ease
}
.show_product .product_gallery_thumbs .swiper-slide-thumb-active,
.show_product .product_gallery_thumbs .swiper-slide:hover{
    border-color:var(--accent-color);
    box-shadow:0 8px 18px rgba(133,26,34,.12)
}
.show_product .product_gallery_thumbs .swiper-slide img{
    width:100%;
    height:100%;
    object-fit:cover
}
 .show_product .product_main_media{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:610px;
    padding:34px;
    border:1px solid rgba(51,51,51,.1);
    border-radius:6px;
    background:#fff
}
.show_product .product_gallery_main{
    width:100%
}
.show_product .product_gallery_main .swiper-slide{
    display:flex;
    align-items:center;
    justify-content:center
}
 .show_product .product_main_img{
    display:block;
    max-width:100%;
    max-height:540px;
    object-fit:contain;
    cursor:zoom-in
}
 .show_product .product_image_lightbox{
    position:fixed;
    inset:0;
    z-index:3000;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:40px;
    background:rgba(0,0,0,.82);
    opacity:0;
    visibility:hidden;
    transition:opacity .22s ease,visibility .22s ease
}
 .show_product .product_image_lightbox.active{
    opacity:1;
    visibility:visible
}
 .show_product .product_lightbox_inner{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%
}
 .show_product .product_lightbox_inner img{
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    cursor:default
}
 .show_product .product_lightbox_close{
    position:absolute;
    right:26px;
    top:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    padding:0;
    border:1px solid rgba(255,255,255,.55);
    border-radius:50%;
    background:rgba(0,0,0,.18);
    cursor:pointer
}
 .show_product .product_lightbox_close span,
 .show_product .product_lightbox_close span:before{
    content:"";
    position:absolute;
    width:18px;
    height:2px;
    background:#fff
}
 .show_product .product_lightbox_close span{
    transform:rotate(45deg)
}
 .show_product .product_lightbox_close span:before{
    left:0;
    top:0;
    transform:rotate(90deg)
}
 body.product_lightbox_open{
    overflow:hidden
}
 .show_product .product_summary{
    min-width:0;
    padding:4px 0 0
}
 .show_product .product_summary h2{
    margin:0;
    color:var(--title-color);
    font-size: 26px;
    line-height:1.22;
    /* font-weight:700; */
    letter-spacing:0
}
 .show_product .product_intro{
    display:-webkit-box;
    overflow:hidden;
    margin:14px 0 0;
    color:var(--text-color);
    font-size:16px;
    line-height:1.5;
    font-weight:600;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    line-clamp:2
}
 .show_product .product_model{
    margin:18px 0 0;
    color:var(--title-color);
    font-size:15px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:.02em
}
 .show_product .product_rating{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
    margin-top:26px;
    padding-bottom:24px;
    border-bottom:1px solid rgba(51,51,51,.15);
    color:var(--text-color);
    font-size:14px;
    line-height:1;
    font-weight:700
}
 .show_product .product_stars{
    color:#d49a34;
    letter-spacing:2px
}
 .show_product .product_rating i{
    width:1px;
    height:18px;
    background:rgba(51,51,51,.18)
}
 .show_product .product_trust{
    display:inline-flex;
    align-items:center;
    gap:7px
}
 .show_product .product_trust::before{
    content:"";
    width:16px;
    height:16px;
    background:var(--accent-color);
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2 20 5v6c0 5-3.4 9.7-8 11-4.6-1.3-8-6-8-11V5l8-3Zm0 2.2L6 6.45V11c0 3.85 2.45 7.55 6 8.9 3.55-1.35 6-5.05 6-8.9V6.45l-6-2.25Zm3.7 5.1 1.4 1.4-6.1 6.1-3.4-3.4L9 12.1l2 2 4.7-4.8Z'/%3E%3C/svg%3E") no-repeat center/contain;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2 20 5v6c0 5-3.4 9.7-8 11-4.6-1.3-8-6-8-11V5l8-3Zm0 2.2L6 6.45V11c0 3.85 2.45 7.55 6 8.9 3.55-1.35 6-5.05 6-8.9V6.45l-6-2.25Zm3.7 5.1 1.4 1.4-6.1 6.1-3.4-3.4L9 12.1l2 2 4.7-4.8Z'/%3E%3C/svg%3E") no-repeat center/contain
}
 .show_product .product_features{
    display:grid;
    gap:14px;
    margin:24px 0 0;
    padding:0 0 26px;
    border-bottom:1px solid rgba(51,51,51,.15);
    list-style:none
}
 .show_product .product_features li{
    position:relative;
    padding-left:26px;
    color:var(--text-color);
    font-size:15px;
    line-height:1.45;
    font-weight:600
}
 .show_product .product_features li::before{
    content:"";
    position:absolute;
    left:4px;
    top:.62em;
    width:6px;
    height:6px;
    border-radius:50%;
    background:var(--accent-color);
    mask:none;
    -webkit-mask:none
}
 .show_product .product_contact_links{
    display: flex;
    gap: 20px;
    margin-top: 20px;
    justify-content: start;
}
 .show_product .product_contact_links a{
    display:grid;
    grid-template-columns:34px minmax(0,1fr);
    grid-template-areas:
        "icon value";
    align-items:center;
    /* min-height:64px; */
    /* padding:12px 14px; */
    /* border:1px solid rgba(51,51,51,.12); */
    /* border-radius:5px; */
    /* background:#fff; */
    transition:border-color .22s ease,background-color .22s ease
}
 .show_product .product_contact_links a:hover{
    /* border-color:rgba(133,26,34,.45); */
    /* background:rgba(133,26,34,.035); */
}
 .show_product .product_contact_links svg{
    grid-area:icon;
    width:22px;
    height:22px;
    fill:var(--accent-color)
}
 .show_product .product_contact_links strong{
    grid-area:value;
    overflow:hidden;
    color:var(--title-color);
    font-size:14px;
    line-height:1.3;
    /* font-weight:700; */
    text-overflow:ellipsis;
    white-space:nowrap
}
 .show_product .product_actions{
    display: flex;
    gap: 20px;
    margin-top: 20px;
}
 .show_product .product_actions a,
 .show_product .product_actions .quote-button{
    display:flex;
    align-items:center;
    gap:10px;
    /* min-height:54px; */
    padding: 10px 20px;
    width: max-content;
    border-radius:5px;
    cursor:pointer;
    font-size:14px;
    line-height:1;
    font-weight:500;
    text-transform:none;
    transition:background .22s ease,color .22s ease,border-color .22s ease;
    justify-content: flex-start;
}
 .show_product .product_actions svg{
    width:18px;
    height:18px;
    fill:currentColor;
    stroke:none
}
 .show_product .product_actions svg [fill]:not([fill="none"]){
    fill:currentColor !important
}
 .show_product .product_actions svg [stroke]:not([stroke="none"]){
    stroke:currentColor !important
}
.show_product .product_quote_btn{
    color:#fff;
    border:1px solid var(--accent-color);
    background:var(--accent-color)
}
 .show_product .product_inquiry_btn{
    color:var(--accent-color);
    border:1px solid var(--accent-color);
    background:#fff
}
.show_product .product_inquiry_btn:hover{
    color:#fff;
    background:var(--accent-color)
}
 .show_product .product_show_content{
    min-height:360px
}
 .show_product .product_service_tags{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0;
    margin-top:24px;
    border:1px solid rgba(51,51,51,.1);
    border-radius:5px;
    background:#fff
}
 .show_product .product_service_tags span{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 8px;
    color:var(--text-color);
    border-right:1px solid rgba(51,51,51,.08);
    font-size:12px;
    line-height:1.2;
    font-weight:700;
    text-align:center
}
 .show_product .product_service_tags span:last-child{
    border-right:0
}
 .inside-pagination{
    margin-top:44px
}
 .inside-pagination ul{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:8px;
    margin:0;
    padding:0;
    list-style:none
}
 .inside-pagination a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:42px;
    height:42px;
    padding:0 14px;
    color:var(--title-color);
    border:1px solid rgba(51,51,51,.16);
    border-radius:6px;
    background:#fff;
    font-size:15px;
    line-height:1;
    font-weight:700;
    transition:color .22s ease,background .22s ease,border-color .22s ease
}
 .inside-pagination li.active a,
 .inside-pagination a:hover{
    color:#fff;
    border-color:var(--accent-color);
    background:var(--accent-color)
}
 .sidebar{
    position:sticky;
    top:112px;
    align-self:start;
    min-width:0
}
 .sidebar .sidebar_box{
    display:grid;
    gap:18px
}
 .sidebar_search_box{
    position:relative;
    display:flex;
    align-items:center;
    height:50px;
    border:1px solid rgba(51,51,51,.14);
    border-radius:6px;
    background:#fff;
    overflow:hidden
}
 .sidebar_search_box input{
    width:100%;
    height:100%;
    padding:0 54px 0 16px;
    color:var(--title-color);
    border:0;
    outline:0;
    background:transparent;
    font-family:"Red Hat Display",sans-serif;
    font-size:15px;
    font-weight:500
}
 .sidebar_search_box .search_btn{
    position:absolute;
    right:0;
    top:0;
    display:flex;
    align-items:center;
    justify-content:center;
    width:50px;
    height:50px;
    color:#fff;
    background:var(--accent-color);
    cursor:pointer
}
 .sidebar_search_box svg{
    width:22px;
    height:22px;
    fill:currentColor
}
 .category,
 .left_recommend_pro,
.page_show .bd-toc-card,
 .left_contact{
    padding: 20px;
    /* border:1px solid rgba(133,26,34,.13); */
    border-radius: 8px;
    background:rgba(255,255,255,.88)
}
 .category h3,
 .left_recommend_pro h3,
.page_show .bd-toc-card h3,
 .left_contact h3{
    margin:0 0 18px;
    color:var(--title-color);
    font-size: 18px;
    line-height:1.2;
    /* font-weight:700; */
}
 .category ul{
    margin:0;
    padding:0;
    list-style:none
}
 .category li+li{
    border-top:1px dashed rgba(51,51,51,.12)
}
 .category a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:42px;
    color:var(--text-color);
    font-size:15px;
    line-height:1.35;
    font-weight:600;
    transition:color .22s ease,padding-left .22s ease
}
 .category a::after{
    content:"\203A";
    color:rgba(133,26,34,.72);
    font-size:20px;
    line-height:1
}
 .category li.active a,
 .category a:hover{
    color:var(--accent-color);
    padding-left:6px
}
 .left_recommend_pro{
    display:grid;
    /* gap: 15px; */
}
 .left_recommend_pro a{
    display:grid;
    grid-template-columns:74px 1fr;
    gap:12px;
    align-items:center;
    color:var(--title-color);
    font-size:14px;
    line-height:1.35;
    font-weight:700;
    margin-bottom: 15px;
}
 .left_recommend_pro a:last-child{
     margin-bottom: 0;
 }
 .left_recommend_pro img{
    width:74px;
    height:74px;
    object-fit: cover;
    border:1px solid rgba(51,51,51,.1);
    border-radius:6px;
    background:#fbfaf7
}
 .list_blog .left_recommend_pro a>span{
    display:block;
    min-width:0;
    color:var(--title-color)
}
 .list_blog .left_recommend_pro em{
    display:-webkit-box;
    overflow:hidden;
    font-style:normal;
    max-height:38px;
    -webkit-line-clamp:2;
    line-clamp:2;
    -webkit-box-orient:vertical
}
 .list_blog .left_recommend_pro small{
    position:relative;
    display:flex;
    align-items:center;
    gap:5px;
    margin-top:6px;
    color:var(--text-color);
    font-size:12px;
    line-height:1.2;
    font-weight:600
}
 .list_blog .left_recommend_pro small::before{
    content:"";
    width:12px;
    height:12px;
    flex:0 0 auto;
    background:var(--accent-color);
    opacity:.85;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 2h2v2h6V2h2v2h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h3V2Zm13 9H4v9h16v-9ZM4 9h16V6H4v3Z'/%3E%3C/svg%3E") no-repeat center/contain;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 2h2v2h6V2h2v2h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h3V2Zm13 9H4v9h16v-9ZM4 9h16V6H4v3Z'/%3E%3C/svg%3E") no-repeat center/contain
}
 .left_contact p{
    margin:0 0 16px;
    color:var(--text-color);
    font-size:15px;
    line-height:1.56;
    font-weight:500
}
 .left_contact a{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:10px;
    color:var(--accent-color);
    font-size:15px;
    line-height:1.35;
    font-weight:700;
    overflow-wrap:anywhere
}
 .left_contact svg{
    width:18px;
    height:18px;
    flex:0 0 18px;
    fill:currentColor
}
 .left_contact svg [fill]:not([fill="none"]){
    fill:currentColor !important
}
 .left_contact span{
    min-width:0;
    overflow-wrap:anywhere
}
 .list_faq .faq_card{
    padding:0;
    border:0;
    background:transparent;
    backdrop-filter:none
}
 .list_faq .panel_title{
    margin-bottom:28px;
    text-align:center
}
 .list_faq .panel_title h3{
    margin:0;
    color:var(--title-color);
    font-size:28px;
    line-height:1.18;
    font-weight:800
}
 .list_faq .panel_title h3::after{
    display:none
}
 .list_faq .panel_title p{
    margin:12px 0 0;
    color:var(--text-color);
    font-size:16px;
    line-height:1.55;
    font-weight:500
}
 .list_faq .faq_accordion{
    display:grid;
    gap:14px
}
 .list_faq .faq_accordion .faq_item{
    overflow:hidden;
    padding:0;
    border:0;
    border-radius:8px;
    background:#fff;
    transition:background .25s ease
}
 .list_faq .faq_accordion .faq_item:last-child{
    border-bottom:0
}
 .list_faq .faq_accordion .faq_item.active{
    background:#fff
}
 .list_faq .faq_question{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
    width:100%;
    min-height:64px;
    padding:18px 24px;
    color:var(--title-color);
    border:0;
    outline:0;
    background:transparent;
    font-family:"Red Hat Display",sans-serif;
    font-size:18px;
    line-height:1.35;
    font-weight:700;
    text-align:left;
    cursor:pointer
}
 .list_faq .faq_question span{
    min-width:0
}
 .list_faq .faq_question i{
    position:relative;
    flex:0 0 auto;
    width:16px;
    height:16px
}
 .list_faq .faq_question i::before,
 .list_faq .faq_question i::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:14px;
    height:2px;
    background:var(--accent-color);
    transform:translate(-50%,-50%);
    transition:opacity .2s ease,transform .2s ease
}
 .list_faq .faq_question i::after{
    transform:translate(-50%,-50%) rotate(90deg)
}
 .list_faq .faq_item.active .faq_question i::after{
    opacity:0;
    transform:translate(-50%,-50%) rotate(0)
}
 .list_faq .faq_answer{
    display:none;
    padding:0 48px 26px 24px
}
 .list_faq .faq_item.active .faq_answer{
    display:block
}
 .list_faq .faq_answer p{
    display:block;
    margin:0;
    overflow:visible;
    color:var(--text-color);
    font-size:16px;
    line-height:1.68;
    font-weight:500;
    -webkit-line-clamp:unset
}
 .list_faq .faq_pagination{
    margin-top:32px
}
 .page_contact .contact_info_section{
    padding:90px 0;
    background:#fafafa
}
 .page_contact .contact_info_grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px
}
 .page_contact .contact_info_item{
    display:grid;
    grid-template-columns:58px minmax(0,1fr);
    gap:20px;
    /* min-height:238px; */
    padding:34px 28px;
    /* border:1px solid rgba(51,51,51,.08); */
    border-radius: 5px;
    background:#fff;
    /* box-shadow:0 8px 24px rgba(0,0,0,.06); */
}
 .page_contact .contact_info_icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width: 60px;
    height: 60px;
    border: 1px solid rgb(133 26 34 / 35%);
    border-radius:50%
}
 .page_contact .contact_info_icon svg{
    width:28px;
    height:28px;
    fill:none;
}
 .page_contact .contact_info_icon svg path{
    fill:var(--accent-color)
}
 .page_contact .contact_info_text{
    min-width:0
}
 .page_contact .contact_info_text h2{
    margin: 5px 0 20px;
    color:var(--title-color);
    font-size: 20px;
    line-height:1.2;
    /* font-weight:800; */
    letter-spacing:0
}
 .page_contact .contact_info_text a,
 .page_contact .contact_info_text p{
    display:block;
    margin:0 0 10px;
    color:var(--text-color);
    font-size: 15px;
    line-height:1.58;
    /* font-weight:600; */
    word-break:break-word
}
 .page_contact .contact_info_text a:hover{
    color:var(--accent-color)
}
 .page_contact .contact_info_text p:last-child,
 .page_contact .contact_info_text a:last-child{
    margin-bottom:0
}
 .page_contact .contact_inquiry_map{
    padding:0 0 90px;
    background:#fafafa
}
 .page_contact .contact_inquiry_map>.auto-container{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:24px;
    align-items:stretch
}
 .page_contact .contact_inquiry_map .inquiry_card{
    padding: 40px;
    border: 0;
    border-radius: 5px;
    background:#fff;
    /* box-shadow:0 8px 24px rgba(0,0,0,.06); */
}
 .page_contact .contact_inquiry_map .panel_title{
    margin-bottom:24px;
    text-align:left
}
 .page_contact .contact_inquiry_map .panel_title h3{
    color:var(--title-color);
    font-size:30px;
    font-weight:800
}
 .page_contact .contact_inquiry_map .panel_title h3::after{
    margin-left:0
}
 .page_contact .contact_map_box{
    position:relative;
    overflow:hidden;
    min-height:100%;
    /* border:1px solid rgba(51,51,51,.08); */
    border-radius: 5px;
    background:#fff;
    /* box-shadow:0 8px 24px rgba(0,0,0,.06); */
}
 .page_contact .contact_map_box iframe{
    display:block;
    width:100%;
    height:100%;
    min-height:580px
}
 .page_contact .contact_ad_banner{
    min-height:260px;
    background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.18)),url("/res/sg/images/contact-ad-01.png") no-repeat center/cover
}
 .page_contact .contact_ad_banner .auto-container{
    display:flex;
    align-items:center;
    min-height:260px
}
 .page_contact .contact_ad_banner p{
    /* max-width:780px; */
    margin:0;
    color:#fff;
    font-size: 24px;
    line-height:1.42;
    /* font-weight:700; */
    /* letter-spacing:0; */
    text-align: center;
}
 .list_product_editor{
    padding: 90px 0 90px;
    background:#fff
}
 .common_inquiry_section{
    padding: 90px 0;
    background: #fafafa;
}
 .common_inquiry_box{
    position:relative;
    overflow:hidden;
    min-height:374px;
    padding:58px 88px 34px;
    border-radius:8px;
    background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.74) 46%,rgba(0,0,0,.24) 100%),url("/res/sg/images/common-inquiry-01.png") no-repeat center/cover
}
 .common_from .input{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px
}
 .common_from input,
 .common_from textarea{
    width:100%;
    height:48px;
    padding:0 16px;
    color:var(--title-color);
    border:1px solid rgba(51,51,51,.16);
    border-radius:6px;
    outline:0;
    background:#fff;
    font-family:"Red Hat Display",sans-serif;
    font-size:15px;
    line-height:1.2;
    font-weight:500
}
 .common_from .textarea_box{
    margin-top:16px
}
 .common_from textarea{
    height:104px;
    padding-top:15px;
    resize:vertical
}
 .common_from .submit{
    display:flex;
    justify-content:center;
    margin-top:20px
}
 .common_inquiry_section .common_from{
    position:relative;
    z-index:2;
    max-width:630px
}
 .common_inquiry_section .common_from .input{
    gap:18px
}
 .common_inquiry_section .common_from input,
 .common_inquiry_section .common_from textarea{
    height: 40px;
    padding:0;
    color:#fff;
    border:0;
    border-bottom:1px solid rgba(255,255,255,.48);
    border-radius:0;
    background:transparent;
    font-size: 15px;
    font-weight:500
}
 .common_inquiry_section .common_from input::placeholder,
 .common_inquiry_section .common_from textarea::placeholder{
    color:#fff;
    opacity:1
}
 .common_inquiry_section .common_from input:focus,
 .common_inquiry_section .common_from textarea:focus{
    border-bottom-color:#fff
}
 .common_inquiry_section .common_from .company_box{
    display:none
}
 .common_inquiry_section .common_from .textarea_box{
    margin-top:18px
}
 .common_inquiry_section .common_from textarea{
    height:64px;
    padding-top:12px;
    resize:none
}
 .common_inquiry_section .upload-box{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:14px;
    margin-top:25px;
    padding-bottom:20px;
    border-bottom:1px solid rgba(255,255,255,.48)
}
 .common_inquiry_section .upload-box>label{
    display:none
}
 .common_inquiry_section .upload-wrap{
    position:relative;
    display:inline-flex;
    align-items:center;
    min-height:40px;
    padding:0 14px;
    color:#fff;
    border-radius:5px;
    background:rgba(255,255,255,.34);
    cursor:pointer
}
 .common_inquiry_section .file-ele{
    position:absolute;
    inset:0;
    z-index:2;
    width:100%;
    height:100%;
    opacity:0;
    cursor:pointer
}
 .common_inquiry_section .file-open{
    display:flex;
    align-items:center;
    justify-content:center;
    width:20px;
    height:20px;
    margin-right:8px
}
 .common_inquiry_section .file-open svg{
    width:20px;
    height:20px;
    fill:#fff
}
 .common_inquiry_section .upload-wrap p{
    display:flex;
    align-items:center;
    gap:14px;
    margin:0;
    color:rgba(255,255,255,.78);
    font-size:16px;
    line-height:1;
    font-weight:500
}
 .common_inquiry_section .upload-wrap strong{
    color:#fff;
    font-weight:600
}
 .common_inquiry_section .upload-wrap span{
    position:absolute;
    left:100%;
    top:50%;
    width:max-content;
    margin-left:14px;
    transform:translateY(-50%)
}
 .common_inquiry_section .form-file-name{
    width:100%;
    color:rgba(255,255,255,.8);
    font-size:14px;
    line-height:1.5
}
 .common_inquiry_section .form-file-name p{
    margin:6px 0 0
}
 .common_inquiry_section .common_from .submit{
    justify-content:flex-start;
    margin-top: 30px;
}
 .common_inquiry_section .btn_effect4{
    min-width:205px;
    height:50px;
    color:#fff;
    border:1px solid rgba(255,255,255,.9);
    border-radius:4px;
    background:transparent;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase
}
 .common_inquiry_section .btn_effect4:hover{
    background:#fff;
    color:#111
}
 .btn_effect4{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:170px;
    height:50px;
    padding:0 28px;
    color:#fff;
    border:0;
    border-radius:6px;
    background:var(--accent-color);
    font-family:"Red Hat Display",sans-serif;
    font-size:15px;
    line-height:1;
    font-weight:700;
    cursor:pointer;
    transition:transform .22s ease,background .22s ease
}
 .btn_effect4:hover{
    transform:translateY(-2px)
}
 .loading-box{
    position:fixed;
    inset:0;
    z-index:2000;
    display:none;
    align-items:center;
    justify-content:center;
    background:rgba(0,0,0,.32)
}
 .loading-box img{
    width:58px;
    height:58px;
    object-fit:contain;
    border-radius:50%;
    background:#fff
}
 .side_contact_bar{
    position:fixed;
    right:18px;
    top:50%;
    z-index:990;
    display:flex;
    flex-direction:column;
    gap:8px;
    transform:translateY(-50%)
}
 .side_contact_item{
    display:flex;
    align-items:center;
    justify-content:center;
    width:46px;
    min-height:46px;
    padding:0;
    color:var(--title-color);
    background:rgba(255,255,255,.94);
    border:1px solid rgba(133,26,34,.16);
    border-radius:6px;
    /* box-shadow:0 12px 30px rgba(20,16,12,.1); */
    font-family:"Red Hat Display",sans-serif;
    font-size:14px;
    line-height:1;
    font-weight:700;
    cursor:pointer;
    /* backdrop-filter:blur(10px); */
    transition:color .22s ease,background .22s ease,border-color .22s ease,transform .22s ease
}
.side_contact_item:first-child{
    border: 0;
    overflow: hidden;
    background: unset !important;
}
.side_contact_item:first-child img{
    width: 100%;
    height: 100%;
}
 .side_contact_item span{
    display:none
}
 .side_contact_item svg{
    flex:0 0 auto;
    width:20px;
    height:20px;
    fill:currentColor
}
 .side_contact_item img{
    flex:0 0 auto;
    width:20px;
    height:20px;
    object-fit:contain
}
 .side_contact_item:hover{
    color:#fff;
    background:var(--accent-color);
    border-color:var(--accent-color);
    transform:translateX(-4px)
}
 .side_back_top{
    /* border:0; */
    text-align:left
}
 .side_back_top::before{
    content:"";
    flex:0 0 auto;
    width:10px;
    height:10px;
    border-top:2px solid currentColor;
    border-left:2px solid currentColor;
    transform:rotate(45deg) translate(2px,2px)
}

 .page_oemodm .oem_services{
    position:relative;
    padding:90px 0;
    overflow:hidden;
    background:#f7f7f7
}
 .page_oemodm .oem_services .auto-container{
    position:relative;
    z-index:1
}
 .page_oemodm .oem_services .head_block{
    margin-bottom:50px
}
 .page_oemodm .oem_services_grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:18px
}
 .page_oemodm .oem_service_card{
    position:relative;
    /* min-height:390px; */
    padding: 20px;
    overflow:hidden;
    text-align:center;
    background:#fff;
    /* border:1px solid rgba(133,26,34,.16); */
    border-radius:8px;
    transition:border-color .25s ease,transform .25s ease
}
 .page_oemodm .oem_service_icon{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width: 90px;
    height: 90px;
    margin:0 auto 20px;
    border:1px solid rgba(133,26,34,.45);
    border-radius:50%;
    background:rgba(133,26,34,.04)
}
 .page_oemodm .oem_service_icon img{
    position:relative;
    z-index:1;
    width: 40px;
    height: 40px;
    /* object-fit:contain; */
}
 .page_oemodm .oem_service_number{
    display:block;
    margin-bottom:8px;
    color:var(--accent-color);
    font-size:16px;
    line-height:1;
    font-weight:700
}
 .page_oemodm .oem_service_card h3{
    margin: 0 0 15px;
    /* min-height:56px; */
    color:var(--title-color);
    font-size: 18px;
    line-height:1.18;
    font-weight:700
}
 .page_oemodm .oem_service_card i{
    display:block;
    width:34px;
    height:1px;
    margin:18px auto 16px;
    background:rgba(133,26,34,.78)
}
 .page_oemodm .oem_service_card p{
    margin:0;
    color:var(--text-color);
    font-size:15px;
    line-height:1.62;
    font-weight:500
}
 .page_oemodm .oem_service_card:hover{
    border-color:rgba(133,26,34,.34);
    transform:translateY(-4px)
}

 .page_oemodm .oem_factory_strength{
    position:relative;
    padding: 90px 0 0;
    overflow:hidden;
    background:#fff
}
 .page_oemodm .oem_factory_strength .auto-container{
    position:relative;
    z-index:1
}
 .page_oemodm .oem_factory_strength .head_block{
    margin-bottom:54px
}
 .page_oemodm .oem_factory_list{
    display:grid;
    gap:56px
}
 .page_oemodm .oem_factory_item{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    align-items:center;
    gap:56px
}
 .page_oemodm .oem_factory_item_reverse .oem_factory_media{
    order:2
}
 .page_oemodm .oem_factory_item_reverse .oem_factory_content{
    order:1
}
 .page_oemodm .oem_factory_media{
    position:relative;
    overflow:hidden;
    border-radius:6px;
    isolation:isolate
}
 .page_oemodm .oem_factory_media::after{
    content:"";
    position:absolute;
    inset:0;
    border:1px solid rgba(255,255,255,.35);
    border-radius:6px;
    pointer-events:none
}
 .page_oemodm .oem_factory_media img{
    display:block;
    width:100%;
    height:360px;
    object-fit:cover;
    transition:transform .45s ease
}
 .page_oemodm .oem_factory_item:hover .oem_factory_media img{
    transform:scale(1.035)
}
 .page_oemodm .oem_factory_content{
    position:relative;
    padding:10px 0
}
 .page_oemodm .oem_factory_content span{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:16px;
    color:var(--accent-color);
    font-size:16px;
    line-height:1;
    font-weight:800
}
 .page_oemodm .oem_factory_content span::after{
    content:"";
    width:42px;
    height:1px;
    background:rgba(133,26,34,.75)
}
 .page_oemodm .oem_factory_content h3{
    margin:0;
    color:var(--title-color);
    font-size:30px;
    line-height:1.18;
    font-weight:800
}
 .page_oemodm .oem_factory_content p{
    margin:20px 0 0;
    color:var(--text-color);
    font-size:16px;
    line-height:1.75;
    font-weight:500
}
 .page_oemodm .oem_factory_content ul{
    display:grid;
    gap:12px;
    margin:24px 0 0;
    padding:0;
    list-style:none
}
 .page_oemodm .oem_factory_content li{
    position:relative;
    padding-left:20px;
    color:var(--title-color);
    font-size:15px;
    line-height:1.55;
    font-weight:600
}
 .page_oemodm .oem_factory_content li::before{
    content:"";
    position:absolute;
    left:0;
    top:.72em;
    width:6px;
    height:6px;
    border-radius:50%;
    background:var(--accent-color)
}

 .page_oemodm .oem_custom_process{
    position:relative;
    padding:90px 0;
    overflow:hidden;
    background:#f7f7f7
}
 .page_oemodm .oem_custom_process::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(255,255,255,.72) 0%,rgba(255,255,255,0) 42%,rgba(133,26,34,.035) 100%);
    pointer-events:none
}
 .page_oemodm .oem_custom_process .auto-container{
    position:relative;
    z-index:1
}
 .page_oemodm .oem_custom_process .head_block{
    margin-bottom:48px
}
 .page_oemodm .oem_process_grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px
}
 .page_oemodm .oem_process_card{
    position:relative;
    overflow:hidden;
    text-align:center;
    background:#fff;
    border:1px solid rgba(133,26,34,.26);
    border-radius:8px;
    transition:border-color .25s ease,transform .25s ease
}
 .page_oemodm .oem_process_img{
    height:300px;
    overflow:hidden;
    background:#eee
}
 .page_oemodm .oem_process_img img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .45s ease
}
 .page_oemodm .oem_process_body{
    padding:20px
}
 .page_oemodm .oem_process_body h3{
    margin:0 0 10px;
    color:var(--accent-color);
    font-size:18px;
    line-height:1.22;
    font-weight:800
}
 .page_oemodm .oem_process_body p{
    margin:0;
    color:var(--text-color);
    font-size:15px;
    line-height:1.62;
    font-weight:500
}
 .page_oemodm .oem_process_card:hover{
    border-color:rgba(133,26,34,.34);
    transform:translateY(-4px)
}
 .page_oemodm .oem_process_card:hover .oem_process_img img{
    transform:scale(1.04)
}

 .page_oemodm .oem_customer_witness{
    position:relative;
    padding:90px 0;
    overflow:hidden;
    background:#fff
}
 .page_oemodm .oem_customer_witness::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(133,26,34,.04) 0%,rgba(255,255,255,0) 42%);
    pointer-events:none
}
 .page_oemodm .oem_customer_witness .auto-container{
    position:relative;
    z-index:1
}
 .page_oemodm .oem_customer_witness .head_block{
    margin-bottom:48px
}
 .page_oemodm .oem_witness_swiper{
    position:relative;
    overflow:hidden;
    padding-bottom:42px
}
 .page_oemodm .oem_witness_mobile_swiper{
    display:none
}
 .page_oemodm .oem_witness_grid{
    display:grid;
    grid-template-columns:1.55fr 1fr 1fr;
    grid-template-rows:repeat(2,250px);
    gap:18px
}
 .page_oemodm .oem_witness_item{
    position:relative;
    min-width:0;
    overflow:hidden;
    border:1px solid rgba(133,26,34,.28);
    border-radius:8px;
    background:#fff
}
 .page_oemodm .oem_witness_feature{
    grid-row:span 2
}
 .page_oemodm .oem_witness_grid_single{
    grid-template-columns:1.55fr 1fr 1fr
}
 .page_oemodm .oem_witness_item img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .45s ease
}
 .page_oemodm .oem_witness_item:hover img{
    transform:scale(1.04)
}
 .page_oemodm .oem_witness_swiper .swiper-pagination{
    bottom:0
}
 .page_oemodm .oem_witness_swiper .swiper-pagination-bullet{
    width:9px;
    height:9px;
    opacity:1;
    background:rgba(133,26,34,.3)
}
 .page_oemodm .oem_witness_swiper .swiper-pagination-bullet-active{
    width:28px;
    border-radius:999px;
    background:var(--accent-color)
}
 

 .page_oemodm .about_testimonials{
    position:relative;
    padding:90px 0;
    overflow:hidden;
    background:#ffffff
        
}
 .page_oemodm .about_testimonials_swiper{
    overflow:hidden;
    padding:0 0 46px
}
 .page_oemodm .about_testimonials_swiper .swiper-wrapper{
    align-items:stretch
}
 .page_oemodm .about_testimonials_swiper .swiper-slide{
    height:auto
}
 .page_oemodm .about_testimonial_card{
    position:relative;
    display:grid;
    grid-template-columns:72px 1fr auto;
    grid-template-areas:
        "quote content content"
        "quote author stars";
    gap:18px 22px;
    min-height:210px;
    height:100%;
    padding:26px 34px 28px;
    border:1px solid rgba(51,51,51,.08);
    border-radius:8px;
    background:#fff
}
 .page_oemodm .testimonial_quote{
    grid-area:quote;
    color:var(--accent-color);
    font-size:72px;
    line-height:.9;
    font-weight:800
}
 .page_oemodm .about_testimonial_card p{
    grid-area:content;
    margin:0;
    color:var(--title-color);
    font-size:15px;
    line-height:1.55;
    font-weight:500
}
 .page_oemodm .testimonial_author{
    grid-area:author;
    display:flex;
    align-items:center;
    gap:16px;
    min-width:0
}
 .page_oemodm .testimonial_author img{
    width:64px;
    height:64px;
    flex:0 0 auto;
    border:2px solid rgba(133,26,34,.18);
    border-radius:50%;
    object-fit:cover
}
 .page_oemodm .testimonial_author strong{
    display:block;
    color:var(--title-color);
    font-size:16px;
    line-height:1.25;
    font-weight:800
}
 .page_oemodm .testimonial_author span{
    display:block;
    margin-top:4px;
    color:var(--text-color);
    font-size:14px;
    line-height:1.35;
    font-weight:500
}
 .page_oemodm .testimonial_stars{
    grid-area:stars;
    align-self:center;
    color:var(--accent-color);
    font-size:18px;
    line-height:1;
    letter-spacing:4px;
    white-space:nowrap
}
 .page_oemodm .about_testimonials_swiper .swiper-pagination{
    bottom:0
}
 .page_oemodm .about_testimonials_swiper .swiper-pagination-bullet{
    width:9px;
    height:9px;
    background:rgba(133,26,34,.3);
    opacity:1
}
 .page_oemodm .about_testimonials_swiper .swiper-pagination-bullet-active{
    width:28px;
    border-radius:999px;
    background:var(--accent-color)
}

 .page_about .oem_customer_witness{
    position:relative;
    padding:90px 0;
    overflow:hidden;
    background:#fff
}
 .page_about .oem_customer_witness::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(133,26,34,.04) 0%,rgba(255,255,255,0) 42%);
    pointer-events:none
}
 .page_about .oem_customer_witness .auto-container{
    position:relative;
    z-index:1
}
 .page_about .oem_customer_witness .head_block{
    margin-bottom:48px
}
 .page_about .oem_witness_swiper{
    position:relative;
    overflow:hidden;
    padding-bottom:42px
}
 .page_about .oem_witness_mobile_swiper{
    display:none
}
 .page_about .oem_witness_grid{
    display:grid;
    grid-template-columns:1.55fr 1fr 1fr;
    grid-template-rows:repeat(2,250px);
    gap:18px
}
 .page_about .oem_witness_item{
    position:relative;
    min-width:0;
    overflow:hidden;
    border:1px solid rgba(133,26,34,.28);
    border-radius:8px;
    background:#fff
}
 .page_about .oem_witness_feature{
    grid-row:span 2
}
 .page_about .oem_witness_grid_single{
    grid-template-columns:1.55fr 1fr 1fr
}
 .page_about .oem_witness_item img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .45s ease
}
 .page_about .oem_witness_item:hover img{
    transform:scale(1.04)
}
 .page_about .oem_witness_swiper .swiper-pagination{
    bottom:0
}
 .page_about .oem_witness_swiper .swiper-pagination-bullet{
    width:9px;
    height:9px;
    opacity:1;
    background:rgba(133,26,34,.3)
}
 .page_about .oem_witness_swiper .swiper-pagination-bullet-active{
    width:28px;
    border-radius:999px;
    background:var(--accent-color)
}

/* Quotation page */
.quotation-page{
    position:relative;
    min-width:0;
    padding:70px 0 96px;
    background:linear-gradient(180deg,#fbfaf7 0%,#f6f1ed 100%)
}
.quotation-page::before{
    display:none
}
.quotation-layout{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
    gap:30px;
    align-items:start;
    width:min(1440px,calc(100% - 96px));
    min-width:0;
    margin-inline:auto
}
.quote-selection-card{
    position:static;
    min-width:0;
    overflow:visible
}
.quote-card-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    min-height:42px;
    margin-bottom:20px;
    color:var(--title-color)
}
.quote-card-head h2{
    margin:0;
    font-size:24px;
    line-height:1.35;
    font-weight:700;
    letter-spacing:0
}
.quote-card-head .product-number{
    color:var(--accent-color)
}
.quote-list-actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex:0 0 auto
}
.quote-list-actions button{
    min-height:40px;
    padding:0 17px;
    border:1px solid rgba(133,26,34,.22);
    border-radius:999px;
    background:rgba(133,26,34,.07);
    color:var(--accent-color);
    font-size:13px;
    line-height:1;
    font-weight:650;
    cursor:pointer;
    transition:background 180ms ease,border-color 180ms ease,transform 180ms ease
}
.quote-list-actions button:hover,
.quote-list-actions button:focus-visible{
    border-color:var(--accent-color);
    background:#fff;
    color:#681219;
    outline:0;
    transform:translateY(-1px)
}
.quote-product-list{
    display:grid;
    max-height:530px;
    overflow-x:hidden;
    overflow-y:auto;
    border-radius:8px;
    background:#fff;
    box-shadow:0 12px 34px rgba(54,26,26,.07);
    scrollbar-width:thin;
    scrollbar-color:rgba(133,26,34,.42) transparent
}
.quote-product-list:empty{
    display:none
}
.quote-product-list .item{
    display:grid;
    grid-template-columns:86px minmax(0,1fr) auto;
    gap:16px;
    align-items:center;
    min-width:0;
    padding:18px 20px;
    border-bottom:1px solid rgba(133,26,34,.12);
    background:#fff;
    transition:background 180ms ease
}
.quote-product-list .item:hover{
    background:#fcf8f6
}
.quote-product-list .item:last-child{
    border-bottom:0
}
.quote-product-list .img{
    width:86px;
    height:86px;
    margin:0;
    overflow:hidden;
    border:1px solid rgba(133,26,34,.12);
    border-radius:8px;
    background:#f8f5f2
}
.quote-product-list .img a,
.quote-product-list .img img{
    display:block;
    width:100%;
    height:100%
}
.quote-product-list .img img{
    object-fit:contain;
    transition:transform 220ms ease
}
.quote-product-list .item:hover .img img{
    transform:scale(1.04)
}
.quote-product-list .text{
    min-width:0
}
.quote-product-list .text h3{
    display:-webkit-box;
    margin:0;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    color:var(--title-color);
    font-size:16px;
    line-height:1.45;
    font-weight:650;
    overflow-wrap:anywhere;
    transition:color 180ms ease
}
.quote-product-list .text a:hover h3{
    color:var(--accent-color)
}
.quote-product-list .other{
    display:grid;
    justify-items:center;
    gap:12px;
    flex:0 0 auto
}
.quote-product-list .custom-checkbox{
    width:20px;
    height:20px;
    margin:0;
    accent-color:var(--accent-color);
    cursor:pointer
}
.quote-product-list .remove-btn{
    padding:0;
    border:0;
    border-bottom:1px solid transparent;
    background:transparent;
    color:#b63f47;
    font-size:12px;
    line-height:1.4;
    cursor:pointer;
    transition:border-color 180ms ease,color 180ms ease
}
.quote-product-list .remove-btn:hover,
.quote-product-list .remove-btn:focus-visible{
    border-color:currentColor;
    color:#851a22;
    outline:0
}
.quote-empty{
    display:grid;
    justify-items:center;
    min-height:210px;
    padding:34px 28px;
    border:1px dashed rgba(133,26,34,.34);
    border-radius:8px;
    background:rgba(255,255,255,.68);
    text-align:center
}
.quote-product-list:not(:empty)+.quote-empty{
    display:none
}
.quote-empty::before{
    display:none
}
.quote-empty h3{
    margin:0;
    color:var(--title-color);
    font-size:20px;
    line-height:1.35;
    font-weight:700
}
.quote-empty p{
    max-width:390px;
    margin:12px 0 0;
    color:var(--text-color);
    font-size:15px;
    line-height:1.7
}
.quote-empty .btn-cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    margin-top:20px;
    padding:0 24px;
    border-radius:999px;
    background:var(--accent-color);
    color:#fff;
    font-size:14px;
    font-weight:700;
    transition:background 180ms ease,transform 180ms ease,box-shadow 180ms ease
}
.quote-empty .btn-cta:hover,
.quote-empty .btn-cta:focus-visible{
    background:#681219;
    box-shadow:0 12px 24px rgba(133,26,34,.18);
    outline:0;
    transform:translateY(-2px)
}
.quotation-page .contact-main-wrap,
.quotation-page .contact-main{
    min-width:0
}
.quotation-page .form-card{
    min-width:0;
    padding:36px;
    border:1px solid rgba(133,26,34,.08);
    border-radius:8px;
    background:#fff;
    box-shadow:0 12px 34px rgba(54,26,26,.055)
}
.quotation-page .form-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px 16px;
    min-width:0
}
.quotation-page .form-group{
    display:grid;
    gap:8px;
    min-width:0
}
.quotation-page .form-group.full{
    grid-column:1/-1
}
.quotation-page .form-group label{
    color:var(--title-color);
    font-size:13px;
    line-height:1.4;
    font-weight:700
}
.quotation-page .form-group label span{
    color:#b63f47
}
.quotation-page .form-group input,
.quotation-page .form-group textarea{
    display:block;
    width:100%;
    min-width:0;
    border:1px solid rgba(133,26,34,.18);
    border-radius:8px;
    background:#faf8f6;
    color:var(--title-color);
    font-size:15px;
    outline:0;
    transition:border-color 180ms ease,box-shadow 180ms ease,background 180ms ease
}
.quotation-page .form-group input{
    height:50px;
    padding:0 16px
}
.quote-list-actions button,
.quotation-page .form-group textarea{
    font-family: inherit;
}



.quotation-page .form-group textarea{
    min-height:150px;
    padding:15px 16px;
    line-height:1.65;
    resize:vertical
}
.quotation-page .form-group input::placeholder,
.quotation-page .form-group textarea::placeholder{
    color:#9b918c;
    opacity:1
}
.quotation-page .form-group input:hover,
.quotation-page .form-group textarea:hover{
    border-color:rgba(133,26,34,.38)
}
.quotation-page .form-group input:focus,
.quotation-page .form-group textarea:focus{
    border-color:var(--accent-color);
    background:#fff;
    box-shadow:0 0 0 3px rgba(133,26,34,.12)
}
.quotation-submit{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:28px
}
.quotation-submit button,
.quotation-submit a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    padding:0 25px;
    border-radius:999px;
    font-size:14px;
    line-height:1;
    font-weight:700;
    cursor:pointer;
    transition:background 180ms ease,border-color 180ms ease,color 180ms ease,transform 180ms ease,box-shadow 180ms ease
}
.quotation-submit .btn-submit{
    border:1px solid var(--accent-color);
    background:var(--accent-color);
    color:#fff
}
.quotation-submit .btn-submit:hover,
.quotation-submit .btn-submit:focus-visible{
    border-color:#681219;
    background:#681219;
    box-shadow:0 12px 24px rgba(133,26,34,.18);
    outline:0;
    transform:translateY(-2px)
}
.quotation-submit .btn-continue{
    border:1px solid rgba(133,26,34,.22);
    background:#fff;
    color:var(--text-color)
}
.quotation-submit .btn-continue:hover,
.quotation-submit .btn-continue:focus-visible{
    border-color:var(--accent-color);
    color:var(--accent-color);
    outline:0;
    transform:translateY(-2px)
}

/* Generic single page */
.page_detail{
    min-width:0;
    background:linear-gradient(180deg,#fbfaf7 0%,#f7f3ef 100%);
    color:var(--title-color)
}
.page_detail_box{
    display:block;
    padding:82px 0 96px
}
.page_detail_box>.section_container{
    width:min(1120px,calc(100% - 96px));
    margin:0 auto
}
.page_detail_box h1{
    position:relative;
    margin:0 0 52px;
    padding:0 0 24px;
    color:var(--title-color);
    font-size:clamp(32px,3vw,40px);
    line-height:1.2;
    font-weight:700;
    letter-spacing:-.02em;
    overflow-wrap:anywhere;
    text-align:center
}
.page_detail_box h1::after{
    content:"";
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    width:55px;
    height:3px;
    margin:auto;
    border-radius:2px;
    background:var(--accent-color)
}
.page_detail_meta{
    min-width:0;
    padding:44px 48px;
    border:1px solid rgba(133,26,34,.08);
    border-radius:8px;
    background:#fff;
    box-shadow:0 16px 44px rgba(54,26,26,.055);
    color:var(--text-color);
    font-size:16px;
    line-height:1.8;
    overflow-wrap:anywhere
}
.page_detail_meta>:first-child{
    margin-top:0!important
}
.page_detail_meta>:last-child{
    margin-bottom:0!important
}
.page_detail_meta p{
    margin:0 0 22px
}
.page_detail_meta h2,
.page_detail_meta h3,
.page_detail_meta h4,
.page_detail_meta h5,
.page_detail_meta h6{
    color:var(--title-color);
    line-height:1.35;
    font-weight:700;
    overflow-wrap:anywhere
}
.page_detail_meta h2{
    position:relative;
    margin:42px 0 18px;
    padding-left:16px;
    font-size:26px
}
.page_detail_meta h2::before{
    content:"";
    position:absolute;
    top:.16em;
    bottom:.16em;
    left:0;
    width:4px;
    border-radius:2px;
    background:var(--accent-color)
}
.page_detail_meta h3{
    margin:34px 0 16px;
    font-size:22px
}
.page_detail_meta h4{
    margin:30px 0 14px;
    font-size:19px
}
.page_detail_meta h5,
.page_detail_meta h6{
    margin:26px 0 12px;
    font-size:17px
}
.page_detail_meta ul,
.page_detail_meta ol{
    margin:0 0 24px;
    padding-left:26px
}
.page_detail_meta li+li{
    margin-top:8px
}
.page_detail_meta li::marker{
    color:var(--accent-color)
}
.page_detail_meta a{
    color:var(--accent-color);
    text-decoration:underline;
    text-decoration-thickness:1px;
    text-underline-offset:3px;
    transition:color 180ms ease
}
.page_detail_meta a:hover{
    color:#681219
}
.page_detail_meta strong{
    color:var(--title-color)
}
.page_detail_meta img{
    display:block;
    width:auto;
    max-width:100%!important;
    height:auto!important;
    margin:30px auto;
    border-radius:8px
}
.page_detail_meta figure{
    max-width:100%;
    margin:30px 0
}
.page_detail_meta figure img{
    margin:0 auto
}
.page_detail_meta figcaption{
    margin-top:10px;
    color:rgba(102,102,102,.78);
    font-size:13px;
    line-height:1.55;
    text-align:center
}
.page_detail_meta blockquote{
    margin:30px 0;
    padding:22px 26px;
    border-left:4px solid var(--accent-color);
    background:#faf5f3;
    color:#544845
}
.page_detail_meta blockquote>:last-child{
    margin-bottom:0
}
.page_detail_meta .blog_table{
    max-width:100%;
    margin:30px 0;
    overflow-x:auto;
    border:1px solid rgba(133,26,34,.18);
    border-radius:8px
}
.page_detail_meta table{
    width:100%;
    min-width:640px;
    border:0;
    border-collapse:collapse
}
.page_detail_meta th,
.page_detail_meta td{
    padding:14px 16px;
    border:0;
    border-right:1px solid rgba(133,26,34,.14);
    border-bottom:1px solid rgba(133,26,34,.14);
    color:var(--text-color);
    font-size:15px;
    line-height:1.55;
    text-align:left;
    vertical-align:top
}
.page_detail_meta th{
    background:#f5ece9;
    color:var(--title-color);
    font-weight:700
}
.page_detail_meta tr:last-child td{
    border-bottom:0
}
.page_detail_meta th:last-child,
.page_detail_meta td:last-child{
    border-right:0
}
.page_detail_meta hr{
    height:1px;
    margin:38px 0;
    border:0;
    background:rgba(133,26,34,.18)
}
.page_detail_meta iframe,
.page_detail_meta video{
    display:block;
    width:100%;
    max-width:100%;
    margin:30px 0;
    border:0
}
.page_detail_meta pre{
    max-width:100%;
    margin:26px 0;
    padding:20px 22px;
    overflow:auto;
    border-radius:8px;
    background:var(--dark-color);
    color:#f4ede9;
    font-size:14px;
    line-height:1.65
}
.page_detail_meta code{
    padding:.12em .35em;
    border-radius:3px;
    background:#f5ece9;
    color:#681219;
    font-size:.92em
}
.page_detail_meta pre code{
    padding:0;
    background:transparent;
    color:inherit;
    font-size:inherit
}

/* Thanks page */
.thanks_page{
    position:relative;
    min-width:0;
    /* min-height:100vh; */
    padding-top:90px;
    background:#f4f4f4
}
.thanks_page .contact-page-section{
    position:relative;
    display:grid;
    align-items:center;
    /* min-height:calc(100vh - 90px); */
    padding: 90px 0;
}
.thanks_page .contact-layout{
    position:relative;
    z-index:1;
    max-width:960px
}
.thanks_page .contact-form-panel{
    position:relative;
    overflow:hidden;
    padding: 60px 0;
    border-radius: 8px;
    background:rgba(255,255,255,.88);
    text-align:center
}
.thanks_page .contact-form-panel::after{
    content:"";
    position:absolute;
    top:0;
    left:50%;
    width:120px;
    height:3px;
    background: green;
    transform:translateX(-50%)
}
.thanks_page .contact-section-title{
    max-width:680px;
    margin:0 auto
}
.thanks_page .contact-section-title::before{
    content:"✓";
    display:grid;
    place-items:center;
    width:74px;
    height:74px;
    margin:0 auto 26px;
    border: 1px solid green;
    border-radius:50%;
    background: #ffffff;
    color: green;
    font-family:Georgia,"Times New Roman",serif;
    font-size:34px;
    line-height:1;
    /* box-shadow:0 10px 28px rgba(133,26,34,.1); */
}
.thanks_page .contact-section-title h2{
    margin:0;
    color:var(--title-color);
    font-size:clamp(32px,4vw,46px);
    line-height:1.15;
    font-weight:700;
    letter-spacing:-.025em
}
.thanks_page .contact-section-title p{
    margin:20px auto 0;
    color:var(--text-color);
    font-size:16px;
    line-height:1.8
}
.thanks_page .hero-actions{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;
    margin-top:34px
}
.thanks_page .hero-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    min-width:170px;
    min-height:48px;
    padding:0 26px;
    border:1px solid transparent;
    border-radius:999px;
    font-size:14px;
    line-height:1;
    font-weight:700;
    transition:background 180ms ease,border-color 180ms ease,color 180ms ease,transform 180ms ease,box-shadow 180ms ease
}
.thanks_page .hero-btn:hover,
.thanks_page .hero-btn:focus-visible{
    outline:0;
    transform:translateY(-2px)
}
.thanks_page .hero-btn-primary{
    border-color:var(--accent-color);
    background:var(--accent-color);
    color:#fff
}
.thanks_page .hero-btn-primary:hover,
.thanks_page .hero-btn-primary:focus-visible{
    border-color:#681219;
    background:#681219;
    /* box-shadow:0 12px 24px rgba(133,26,34,.18); */
}
.thanks_page .hero-btn-secondary{
    border-color:rgba(133,26,34,.26);
    background:#fff;
    color:var(--accent-color)
}
.thanks_page .hero-btn-secondary:hover,
.thanks_page .hero-btn-secondary:focus-visible{
    border-color:var(--accent-color);
    background:#faf5f3
}
.thanks_page .ui-arrow{
    position:relative;
    width:16px;
    height:8px
}
.thanks_page .ui-arrow::before{
    content:"";
    position:absolute;
    top:3px;
    left:0;
    width:14px;
    height:1px;
    background:currentColor
}
.thanks_page .ui-arrow::after{
    content:"";
    position:absolute;
    top:1px;
    right:0;
    width:5px;
    height:5px;
    border-top:1px solid currentColor;
    border-right:1px solid currentColor;
    transform:rotate(45deg)
}