*,::after,::before{
    box-sizing:border-box;
    margin:0;
    padding:0
}
 html{
    scroll-behavior:smooth
}
 .page-top-anchor{
    position:absolute;
    top:0;
    left:0;
    width:1px;
    height:1px;
    pointer-events:none
}
 body{
    font-family:Manrope,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    font-size:15px;
    color:#1a1a2e;
    line-height:1.6;
    background:#fff;
    overflow-x:hidden;
    max-width:1920px;
    margin:auto
}
 img{
    display:block;
    max-width:100%
}
 a{
    text-decoration:none;
    color:inherit
}
 ul{
    list-style:none
}
 :root{
    --blue:#1e71e6;
    --blue-dark:#1a3552;
    --blue-mid:#1e5bb5;
    --blue-light:#4a9eff;
    --white:#ffffff;
    --text:#1a1a2e;
    --text-sub:#555e6d;
    --text-light:#8892a0;
    --bg-light:#f0f6ff;
    --border:#e2eaf4;
    --radius:10px;
    --radius-lg:16px;
    --shadow:0 4px 24px rgba(0,0,0,.08);
    --shadow-lg:0 1px 10px rgba(0,0,0,.1);
    --transition:all .25s ease
}
 .auto-container{
    width:min(calc(100% - 48px),1440px);
    max-width:1440px;
    margin:0 auto
}
 .tc{
    text-align:center
}
 .section-title{
    font-size:40px;
    font-weight:800;
    color:var(--text);
    letter-spacing:-.02em;
    line-height:1.2;
    margin-bottom:60px
}
 .blue{
    color:var(--blue)
}
 .btn{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:10px 20px;
    border-radius:6px;
    font-size:16px;
    font-weight:600;
    cursor:pointer;
    border:1px solid transparent;
    transition:var(--transition);
    white-space:nowrap
}
 .btn-primary{
    background:var(--blue);
    color:var(--white);
    border-color:var(--blue)
}
 .btn-primary:hover{
    background:var(--blue-mid);
    border-color:var(--blue-mid)
}
 .btn-outline-white{
    background:0 0;
    color:var(--white);
    border-color:rgba(255,255,255,.7)
}
 .btn-outline-white:hover{
    background:rgba(255,255,255,.15)
}
 .btn-sm-white{
    background:var(--white);
    color:var(--blue-dark);
    border-color:var(--white);
    padding:6px 16px;
    font-size:13px;
    border-radius:4px
}
 .btn-sm-white:hover{
    background:rgba(255,255,255,.85)
}
 .btn-sm-white-outline{
    background:0 0;
    color:var(--white);
    border-color:rgba(255,255,255,.7);
    padding:6px 18px;
    font-size:14px;
    border-radius:4px
}
 .btn-sm-white-outline:hover{
    background:rgba(255,255,255,.15)
}
 .btn-news-more{
    background:0 0;
    color:var(--text-sub);
    border-color:var(--border);
    padding:5px 16px;
    font-size:14px;
    border-radius:4px;
    font-weight:unset
}
 .btn-news-more:hover{
    border-color:var(--blue);
    color:var(--blue)
}
 .btn-news-active{
    background:var(--blue)!important;
    color:var(--white)!important;
    border-color:var(--blue)!important
}
 .btn-submit{
    width:max-content;
    background:var(--blue);
    color:var(--white);
    border-color:var(--blue);
    padding:13px 24px;
    font-size:16px;
    font-weight:700;
    border-radius:6px;
    justify-content:center
}
 .btn-submit:hover{
    background:var(--blue-mid)
}
 .reveal{
    opacity:0;
    transform:translateY(24px);
    transition:opacity .55s ease,transform .55s ease
}
 .reveal.visible{
    opacity:1;
    transform:none
}
 .region-card.reveal{
    transform:none;
    opacity:1
}
 #site-header{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:1000;
    background:0 0;
    transition:background .3s ease,box-shadow .3s ease;
    max-width:1920px;
    margin:auto
}
 #site-header.scrolled{
    background:#fff;
    box-shadow:0 2px 20px rgba(0,0,0,.3)
}
 .icosearch{
    cursor:pointer
}
 .search_con2{
    position:fixed;
    top:0;
    right:-100%;
    width:50%;
    height:80px;
    background:#fff;
    z-index:9999;
    display:flex;
    align-items:center;
    padding:0 15px;
    box-sizing:border-box;
    transition:right .3s ease
}
 .search_con2.active{
    right:8%
}
 .search_input{
    flex:1;
    height:42px;
    border:1px solid #ddd;
    border-radius:6px;
    display:flex;
    align-items:center;
    padding:0 12px;
    box-sizing:border-box
}
 .search_input input{
    flex:1;
    height:100%;
    border:0;
    outline:0;
    font-size:15px;
    background:0 0
}
 .search_btn{
    cursor:pointer
}
 .search_btn img{
    width:18px;
    filter:brightness(0)
}
 .moblie_search_close{
    margin-left:12px;
    cursor:pointer
}
 .moblie_search_close img{
    width:18px
}
 .nav-inner{
    max-width:1680px;
    margin:0 auto;
    padding:0 40px;
    height:80px;
    display:flex;
    align-items:center;
    gap:32px
}
 .nav-logo{
    display:flex;
    align-items:center;
    gap:10px;
    flex-shrink:0
}
#site-header.scrolled .nav-logo:hover .nav-logo-sub{
    color: var(--blue);
}
 .nav-logo-img{
    height: 60px;
    width:auto
}
 .nav-logo-text{
    display:flex;
    align-items:center
}
 .nav-logo-name{
    font-size:26px;
    font-weight:800;
    color:var(--white);
    line-height:1.5;
    letter-spacing:.01em;
    /* border-right:1px solid #fff; */
    margin-right:10px;
    padding-right:10px;
    /* display: none; */
    filter: brightness(0) invert(1);
    transition: all .3s linear;
}
.nav-logo-name img{
    height: 60px;
}
 #site-header.scrolled .nav-item>a,#site-header.scrolled .nav-logo-name,#site-header.scrolled .nav-logo-sub,#site-header.scrolled .nav-search-btn{
    color:inherit
}
 #site-header.scrolled .nav-search-btn:hover{
    background:rgba(26,53,82,.15)
}
 #site-header.scrolled .nav-logo-name{
    /* border-color:inherit; */
    /* background:linear-gradient(180deg,#10d8f2 0,#12c7e9 28%,#159fe0 48%,#0867bd 72%,#003b82 100%); */
    /* -webkit-text-fill-color:transparent; */
    /* background-clip:text; */
    filter: unset;
}
 #site-header.scrolled  .nav-logo-sub{
    border-color: #4a9eff;
    margin-top: 5px;
    color: var(--blue);
}
 .nav-logo-sub{
    font-size:16px;
    color: var(--white);
    line-height:1.5;
    display:inline-block;
    width: 160px;
    padding-left: 10px;
    border-left: 1px solid #fff;
}
 .nav-toggle{
    display:none;
    width:44px;
    height:44px;
    padding:0;
    border:none;
    background:0 0;
    color:var(--white);
    cursor:pointer;
    flex-shrink:0;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:5px
}
 .nav-toggle span{
    display:block;
    width: 26px;
    height:2px;
    border-radius:999px;
    background:var(--blue-dark);
    transition:transform .25s ease,opacity .25s ease
}
 .nav-menu{
    flex:1
}
 .nav-list{
    display:flex;
    align-items:center;
    gap:30px;
    justify-content:flex-end
}
 .nav-item{
    position:relative
}
 .nav-item>a{
    display:flex;
    align-items:center;
    gap:3px;
    padding:21px 12px;
    padding-left:0;
    font-size:17px;
    font-weight:500;
    color:rgba(255,255,255,.9);
    border-radius:4px;
    transition:var(--transition);
    white-space:nowrap
}
 .nav-item.active>a,.nav-item>a:hover{
    color:var(--blue)!important
}
 .nav-item .has-dropdown:hover>a,.nav-item:hover>a{
    color:var(--blue)!important
}
 .nav-item .has-dropdown:hover>a{
    background:var(--bg-light)
}
 .nav-arrow{
    padding-top:10px
}
 .nav-dropdown{
    position:absolute;
    top:100%;
    left:0;
    min-width:180px;
    background:var(--white);
    box-shadow:var(--shadow-lg);
    opacity:0;
    visibility:hidden;
    transform:translateY(-8px);
    transition:var(--transition);
    z-index:200
}
 .nav-dropdown li{
    position:relative
}
 .nav-dropdown li.has-dropdown>a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px
}
 .nav-dropdown .nav-arrow{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    width:16px;
    height:16px;
    opacity:.55;
    transform:rotate(-90deg)
}
 .nav-dropdown .nav-arrow svg{
    width:14px;
    height:14px
}
 .nav-dropdown-sub{
    top:0;
    left:100%;
    margin-left:1px
}
 .nav-item.has-dropdown:hover>.nav-dropdown{
    opacity:1;
    visibility:visible;
    transform:none
}
 .nav-dropdown li.has-dropdown:hover>.nav-dropdown{
    opacity:1;
    visibility:visible;
    transform:none
}
 .nav-dropdown li a{
    display:block;
    padding:9px 18px;
    font-size:16px;
    color:var(--text);
    transition:var(--transition)
}
 .nav-dropdown li a:hover{
    background:var(--bg-light);
    color:var(--blue)
}
 .nav-search-wrap{
    position:relative;
    flex-shrink:0
}
 .nav-search-btn{
    background:0 0;
    border:none;
    cursor:pointer;
    color:rgba(255,255,255,.85);
    padding:8px;
    display:flex;
    align-items:center;
    border-radius:50%;
    transition:var(--transition)
}
 .nav-search-btn:hover{
    background:rgba(255,255,255,.15);
    color:var(--white)
}
 .nav-search-box{
    position:absolute;
    top:calc(100% + 8px);
    right:0;
    width:260px;
    background:var(--white);
    border-radius:var(--radius);
    box-shadow:var(--shadow-lg);
    display:flex;
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    transform:translateY(-8px);
    transition:var(--transition)
}
 .nav-search-box.open{
    opacity:1;
    visibility:visible;
    transform:none
}
 .nav-search-box input{
    flex:1;
    border:none;
    outline:0;
    padding:10px 14px;
    font-size:15px;
    color:var(--text)
}
 .nav-search-box button{
    background:var(--blue);
    border:none;
    cursor:pointer;
    padding:0 14px;
    color:var(--white);
    display:flex;
    align-items:center
}
 .hero-section{
    position:relative;
    height:100vh;
    min-height:600px;
    display:flex;
    flex-direction:column
}
 .hero-slides{
    position:relative;
    flex:1;
    min-height:0
}
 .hero-slide{
    position:absolute;
    inset:0;
    opacity:0;
    visibility:hidden;
    transition:opacity .7s ease,visibility .7s ease
}
 .hero-slide.active{
    opacity:1;
    visibility:visible
}
 .hero-bg{
    position:absolute;
    inset:0;
    z-index:0
}
 .hero-bg-img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center
}
 .hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(to right,rgba(5,20,60,.35) 0,rgba(5,20,60,.15) 40%,rgba(5,20,60,.05) 100%)
}
 .hero-content{
    position:relative;
    z-index:5;
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-end;
    padding:80px 80px 120px;
    max-width:100%;
    width:100%;
    margin:0 auto;
    text-align:left
}
 .hero-slide .hero-content{
    height:100%
}
 .hero-slide .hero-text{
    opacity:0;
    transform:translateY(24px);
    transition:opacity .7s ease,transform .7s ease
}
 .hero-slide.active .hero-text{
    opacity:1;
    transform:translateY(0)
}
 .hero-text{
    max-width:915px
}
 .hero-eyebrow{
    font-size:18px;
    font-weight:500;
    color:rgba(255,255,255,.9);
    margin-bottom:10px
}
 .hero-title{
    font-size:50px;
    font-weight:600;
    color:var(--white);
    line-height:1.18;
    letter-spacing:-.02em;
    margin-bottom:28px
}
 .hero-btns{
    display:flex;
    gap:14px;
    flex-wrap:wrap
}
 .hero-dots{
    position:absolute;
    bottom:140px;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    gap:8px;
    z-index:3
}
 .hero-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:rgba(255,255,255,.4);
    cursor:pointer;
    transition:var(--transition)
}
 .hero-dot.active{
    background:var(--white);
    width:24px;
    border-radius:4px
}
 .hero-arrow{
    position:absolute;
    top:50%;
    z-index:6;
    width:52px;
    height:52px;
    border:1px solid rgba(255,255,255,.58);
    border-radius:50%;
    background:rgba(16,60,96,.32);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    cursor:pointer;
    backdrop-filter:blur(8px);
    transform:translateY(-50%);
    transition:background .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease
}
 .hero-arrow--prev{
    left:34px
}
 .hero-arrow--next{
    right:34px
}
 .hero-arrow:hover{
    background:var(--blue);
    border-color:var(--blue);
    transform:translateY(-50%) scale(1.05);
    box-shadow:0 14px 34px rgba(15,23,42,.28)
}
 .hero-arrow:focus-visible{
    outline:2px solid #fff;
    outline-offset:3px
}
 .service-tabs-bar{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    z-index:10;
    background:0 0
}
 .service-tabs-inner{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    background:rgba(10,30,80,.3);
    backdrop-filter:blur(8px);
    border-radius:20px 20px 0 0;
    overflow:hidden
}
 .service-tab{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:25px 10px;
    cursor:pointer;
    border-right:1px solid rgba(255,255,255,.1);
    transition:var(--transition)
}
 .service-tab:last-child{
    border-right:none
}
 .service-tab:hover{
    background:rgba(255,255,255,.08)
}
 .service-tab.active{
    background:var(--white)
}
 .tab-icon{
    width:40px;
    height:40px;
    object-fit:contain;
    filter:brightness(0) invert(1);
    opacity:1
}
 .service-tab.active .tab-icon,.service-tab:hover .tab-icon{
    filter:unset;
    opacity:1
}
 .service-tab span{
    font-size:15px;
    font-weight:700;
    color:var(--white);
    line-height:1.3
}
 .service-tab.active span{
    color:var(--blue-light)
}
 .service-panel-section{
    background:var(--white);
    padding-bottom:90px
}
 .service-panel-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
    background:var(--white);
    border-radius:var(--radius-lg);
    box-shadow:0 4px 20px rgba(0,0,0,.1);
    border-radius:0 0 20px 20px;
    overflow:hidden
}
 .service-panel-left{
    padding:60px;
    padding-top:30px
}
 .service-panel-title{
    font-size:30px;
    font-weight:700;
    color:var(--text);
    margin-bottom:20px;
    letter-spacing:-.01em
}
 .service-panel-title a{
    color:inherit;
    text-decoration:none
}
 .service-panel-title a:hover{
    color:inherit
}
 .service-panel-right>a{
    display:block
}
 .service-panel-desc{
    font-size:16px;
    color:var(--text-sub);
    line-height:1.85;
    margin-bottom:24px
}
 .service-panel-link{
    font-size:15px;
    font-weight:600;
    padding:7px 10px;
    border-radius:5px;
    background:var(--blue);
    color:var(--white);
    display:inline-flex;
    align-items:center;
    gap:4px;
    transition:var(--transition)
}
 .service-panel-link:hover{
    color:var(--white);
    gap:8px
}
 .service-panel-img{
    width:100%;
    height:430px;
    object-fit:cover
}
 .about-section{
    background:url("assets/about-section-fixed-bg.webp") no-repeat center center;
    background-size:cover;
    background-attachment:fixed;
    position:relative;
    z-index:5;
    overflow:visible;
    padding:90px 0 0;
    text-align:center;
    max-height:none
}
 .about-section .btn-outline-white{
    background:var(--blue);
    border-color:var(--blue)
}
 .about-section::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    background:rgba(0,0,0,.45);
    pointer-events:none
}
 .about-inner{
    position:relative;
    z-index:1;
    max-width:1600px;
    margin:0 auto
}
 .about-title{
    font-size:40px;
    font-weight:800;
    color:var(--white);
    margin:auto;
    margin-bottom:10px;
    max-width:65%;
    line-height:1.5
}
 .about-title span{
    color:var(--blue-light)
}
 .about-subtitle{
    font-size:20px;
    font-weight:700;
    color:var(--white);
    margin-bottom:20px
}
 .about-desc{
    font-size:16px;
    color:var(--white);
    line-height:1.7;
    margin:auto;
    margin-bottom:20px;
    max-width:65%
}
 .about-stats{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    max-width:1080px;
    margin:60px auto
}
 .about-stat-value{
    display:flex;
    align-items:flex-end;
    justify-content:center;
    gap:4px;
    font-size:38px;
    line-height:1;
    font-weight:800;
    color:var(--white);
    letter-spacing:0;
    white-space:nowrap
}
 .about-stat-suffix,.about-stat-unit{
    font-size:.62em;
    line-height:1.12;
    font-weight:800
}
 .about-stat-unit sup{
    font-size:.62em;
    line-height:0
}
 .about-stat-label{
    margin:20px 0 0;
    font-size:16px;
    line-height:1.45;
    font-weight:500;
    color:var(--white)
}
 .about-why-panel{
    position:relative;
    z-index:3;
    max-width:1600px;
    overflow:hidden;
    transform:translateY(50%)
}
 .about-why-list{
    position:relative;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px
}
 .about-why-item .text{
    transform:translateY(65px);
    transition:all .3s linear;
    position:absolute;
    left:0;
    bottom:0;
    z-index:3
}
 .about-why-item .img{
    height:100%
}
 .about-why-item .img img{
    width:100%;
    height:100%;
    object-fit:cover
}
 .about-why-item{
    position:relative;
    min-height:240px;
    text-align:center;
    overflow:hidden;
    background:var(--about-why-bg) center center/cover no-repeat;
    isolation:isolate;
    border-radius:5px
}
 .about-why-item::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.5));
    transition:all .35s ease;
    opacity:0;
    width:100%
}
 .about-why-item:hover::after{
    background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.5));
    opacity:1;
    z-index:2
}
 .about-why-item+.about-why-item{
    border-left:1px solid rgba(16,34,69,.13)
}
 .about-why-img{
    display:flex;
    align-items:center;
    justify-content:center;
    width:55px;
    height:55px;
    margin:0;
    position:absolute;
    left:50%;
    bottom:100px;
    z-index:1;
    transform:translateX(-50%);
    transition:transform .42s cubic-bezier(.4,0,.2,1)
}
 .about-why-img img{
    max-width:50px;
    max-height:50px;
    object-fit:contain;
    filter:brightness(0) invert(1) opacity(.88)
}
 .about-why-item h4{
    font-size:16px;
    line-height:1.4;
    min-height:45px;
    padding:20px;
    color:#fff;
    background:rgb(0 0 0 / 50%);
    transition:transform .42s cubic-bezier(.4,0,.2,1)
}
 .about-why-item:hover h4{
    background:0
}
 .about-why-item h4>p{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical
}
 .about-why-item .text>p{
    font-size:14px;
    line-height:1.45;
    font-weight:500;
    color:rgba(255,255,255,.92);
    min-height:62px;
    padding:20px;
    padding-top:0;
    padding-bottom:0;
    pointer-events:none;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    transition:opacity .3s ease .08s,transform .42s cubic-bezier(.4,0,.2,1)
}
 .about-why-item:hover .about-why-img{
    transform:translate(-50%,-50px)
}
 .about-why-item:hover .text{
    transform:translateY(-10px)
}
 .about-why-item:hover p{
    opacity:1;
    transform:translateY(0)
}
 .why-region-section{
    position:relative;
    z-index:1;
    overflow:hidden;
    margin-top:-120px;
    margin-bottom:.9rem
}
 .why-region-bg{
    position:absolute;
    inset:0;
    z-index:0
}
 .why-choose-wrap,.why-region-bg{
    display:none
}
 .why-region-bg img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:bottom
}
 .why-choose-wrap{
    position:relative;
    z-index:2;
    padding:64px 0 56px;
    padding-bottom:0
}
 .why-orbit{
    position:relative;
    display:grid;
    grid-template-columns:1fr 735px 1fr;
    grid-template-rows:1fr 1fr 1fr;
    column-gap:0;
    row-gap:0;
    min-height:750px
}
 .why-orbit-center{
    grid-column:2;
    grid-row:1/4;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 8px
}
 .why-center-img{
    width:100%;
    display:block;
    filter:drop-shadow(0 8px 32px rgba(30,100,200,.18))
}
 .why-feat.reveal{
    opacity:1!important;
    transform:none!important;
    transition:none!important
}
 .why-feat{
    align-items:center
}
 .why-feat-l1{
    grid-column:1;
    grid-row:1;
    align-self:end;
    padding-bottom:20px;
    margin-right:-100px
}
 .why-feat-l2{
    grid-column:1;
    grid-row:2;
    align-self:center;
    justify-content:flex-end
}
 .why-feat-l3{
    grid-column:1;
    grid-row:3;
    padding-top:20px;
    margin-right:-100px
}
 .why-feat-r1{
    grid-column:3;
    grid-row:1;
    align-self:end;
    justify-content:flex-start;
    padding-bottom:20px;
    margin-left:-100px
}
 .why-feat-r2{
    grid-column:3;
    grid-row:2;
    align-self:center;
    justify-content:flex-start
}
 .why-feat-r3{
    grid-column:3;
    grid-row:3;
    align-self:start;
    justify-content:flex-start;
    padding-top:20px;
    margin-left:-100px
}
 .why-feat-inner{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:0;
    max-width:100%
}
 .why-feat-left{
    align-items:flex-end
}
 .why-feat-left .why-feat-inner{
    align-items:flex-end
}
 .why-feat-left .why-icon-wrap{
    order:1;
    margin-bottom:10px
}
 .why-feat-left .why-feat-text{
    order:2;
    text-align:right;
    width:100%
}
 .why-feat-right{
    align-items:flex-start
}
 .why-feat-right .why-feat-inner{
    align-items:flex-start
}
 .why-feat-right .why-icon-wrap{
    order:1;
    margin-bottom:10px
}
 .why-feat-right .why-feat-text{
    order:2;
    width:100%
}
 .why-icon-wrap{
    flex-shrink:0;
    width:52px;
    height:52px;
    background:var(--blue);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:10px;
    outline:10px solid rgb(0 84 203 / 10%)
}
 .why-icon-wrap img{
    width:100%;
    height:100%;
    object-fit:contain;
    filter:brightness(0) invert(1)
}
 .why-feat-text h4{
    font-size:18px;
    font-weight:700;
    color:var(--text);
    margin-bottom:5px;
    line-height:1.3
}
 .why-feat-text p{
    font-size:16px;
    color:var(--text-sub);
    line-height:1.65;
    margin:0 auto
}
 .ship-region-accordion-wrap{
    position:relative;
    z-index:1;
    padding:335px 0 0
}
 .ship-region-accordion-inner{
    display:grid;
    grid-template-columns:25% minmax(0,1fr);
    align-items:center;
    gap:30px;
    width:100%;
    max-width:100%
}
 .ship-region-copy{
    position:relative;
    padding-left:20%
}
 .ship-region-copy::before{
    content:"";
    position:absolute;
    left:0;
    top:8px;
    width:5px;
    height:118px;
    background:var(--blue);
    opacity:0
}
 .ship-region-kicker{
    display:block;
    margin-bottom:12px;
    font-size:15px;
    line-height:1;
    font-weight:800;
    color:var(--blue);
    text-transform:uppercase
}
 .ship-region-copy h2{
    margin:0;
    font-size:30px;
    line-height:1.12;
    font-weight:800;
    letter-spacing:0
}
 .ship-region-copy-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-top:26px;
    padding:13px 22px;
    border-radius:5px;
    background:var(--blue);
    color:var(--white);
    font-size:14px;
    line-height:1;
    font-weight:600;
    text-decoration:none;
    transition:background .25s ease,transform .25s ease,box-shadow .25s ease
}
 .ship-region-copy-btn::after{
    content:"";
    width:7px;
    height:7px;
    border-top:2px solid currentColor;
    border-right:2px solid currentColor;
    transform:rotate(45deg);
    transition:transform .25s ease
}
 .ship-region-copy-btn:hover{
    background:var(--blue-mid);
    color:var(--white);
    transform:translateY(-2px);
    box-shadow:0 12px 24px rgba(26,111,196,.22)
}
 .ship-region-copy-btn:hover::after{
    transform:translateX(3px) rotate(45deg)
}
 .region-accordion{
    display:flex;
    gap:0;
    height:450px;
    overflow:hidden;
    will-change:contents
}
 .region-accordion-card{
    position:relative;
    flex:1 1 0;
    min-width:100px;
    overflow:hidden;
    color:#fff;
    text-decoration:none;
    transform:translateZ(0);
    transition:flex .55s cubic-bezier(.4,0,.2,1),filter .35s ease;
    will-change:flex
}
 .region-accordion-card.active{
    flex:4 1 0
}
 .region-accordion-img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transform:scale(1) translateZ(0);
    transition:transform .55s cubic-bezier(.4,0,.2,1),filter .35s ease
}
 .region-accordion-card.active .region-accordion-img{
    transform:scale(1.02) translateZ(0);
    filter:saturate(1.08)
}
 .region-accordion-shade{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(255,255,255,.15) 0,rgba(0,0,0,.5) 45%,rgba(0,0,0,.5) 100%);
    opacity:0;
    transition:opacity .35s ease,background .35s ease;
    z-index:0
}
 .region-accordion-card.active .region-accordion-shade{
    opacity:1
}
 .region-accordion-content{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:0 20px 20px;
    opacity:0;
    transform:translateY(8px);
    transition:opacity .3s ease .15s,transform .3s ease .15s;
    z-index:2
}
 .region-accordion-card.active .region-accordion-content{
    opacity:1;
    transform:translateY(0)
}
 .region-accordion-content h3{
    margin:0 0 10px;
    font-size:24px;
    line-height:1.1;
    font-weight:700;
    color:var(--bg-light)
}
 .region-accordion-content p{
    margin:0;
    font-size:14px;
    line-height:1.55;
    font-weight:500;
    color:var(--bg-light)
}
 .region-accordion-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:14px
}
 .region-accordion-tags a{
    display:inline-flex;
    max-width:100%;
    text-decoration:none
}
 .region-accordion-tags span,.region-accordion-tags.region-tags span{
    display:inline-flex;
    align-items:center;
    max-width:100%;
    padding:4px 10px;
    border:1px solid rgba(255,255,255,.45);
    border-radius:100px;
    background:rgba(255,255,255,.16);
    color:#fff;
    font-size:12px;
    line-height:1.2;
    font-weight:600;
    white-space:nowrap;
    backdrop-filter:blur(4px)
}
 .region-accordion-tags a:hover span,.region-accordion-tags span:hover{
    background:#fff;
    color:var(--blue)
}
 .region-accordion-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:20px;
    padding:13px 20px;
    border-radius:5px;
    background:var(--blue);
    font-size:14px;
    line-height:1;
    font-weight:500;
    color:var(--bg-light)
}
 .ship-region-wrap{
    position:relative;
    z-index:2;
    padding:20px 0 72px;
    max-width:99%;
    margin:auto;
    padding-bottom:0
}
 .ship-region-wrap .section-title{
    margin-bottom:32px;
    color:var(--text)
}
 .region-grid{
    display:flex;
    align-items:flex-end;
    gap:10px;
    width:100%;
    overflow:hidden;
    padding-top:10px;
    margin-top:90px
}
 .region-card{
    position:relative;
    flex:1 1 0;
    overflow:hidden;
    cursor:pointer;
    border:2px solid #96c2f5;
    border-radius:40px;
    transition:transform .3s ease,box-shadow .3s ease
}
 .region-card:first-child{
    height:300px;
    flex:.8
}
 .region-card:nth-child(2){
    height:350px;
    flex:.9
}
 .region-card:nth-child(3){
    height:400px
}
 .region-card:nth-child(4){
    height:450px;
    flex:1.3
}
 .region-card:nth-child(5){
    height:400px
}
 .region-card:nth-child(6){
    height:350px;
    flex:.9
}
 .region-card:nth-child(7){
    height:300px;
    flex:.8
}
 .region-card:hover{
    z-index:5
}
 .region-card:hover .region-label{
    display:none
}
 .region-img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
    transition:transform .4s ease
}
 .region-card:hover .region-img{
    transform:scale(1.06)
}
 .region-label{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    font-size:17px;
    font-weight:700;
    padding:28px 8px 10px;
    text-align:center;
    letter-spacing:.01em
}
 .region-hover{
    position:absolute;
    inset:0;
    background:rgb(0 0 0 / 70%);
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:8px;
    padding:16px 10px;
    opacity:0;
    transition:opacity .3s ease
}
 .region-card.active .region-hover,.region-card:hover .region-hover{
    opacity:1
}
 .region-hover-title{
    font-size:26px;
    font-weight:700;
    color:var(--white);
    text-align:center;
    margin-bottom:4px
}
 .region-tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px
}
 .region-tags span{
    background:rgba(255,255,255,.15);
    color:var(--white);
    font-size:14px;
    padding:4px 10px;
    border-radius:100vh;
    border:1px solid rgba(255,255,255,.35);
    white-space:nowrap;
    transition:all .3s linear
}
 .region-tags span:hover{
    background:#fff;
    color:var(--blue)
}
 .region-hover .btn-sm-white{
    width:30px;
    height:30px;
    padding:0;
    border-radius:50%;
    display:flex;
    align-items:center;
    font-size:18px;
    background:rgba(255,255,255,.15);
    border:1px solid rgba(255,255,255,.55);
    color:var(--white);
    margin-top:10px;
    transition:background .2s;
    text-indent:0;
    overflow:hidden;
    font-size:0;
    justify-content:center
}
 .region-hover .btn-sm-white:hover{
    background:rgba(255,255,255,.3)
}
 .industries-section{
    background:var(--white);
    overflow:hidden
}
 .industries-title-wrap{
    padding:64px 24px 0;
    text-align:center
}
 .industries-title-wrap .section-title{
    margin-bottom:0;
    font-size:30px
}
 .industries-stage{
    position:relative;
    margin-top:60px;
    margin-bottom:60px;
    height:680px;
    overflow:hidden
}
 .industries-bg{
    position:absolute;
    inset:0
}
 .industries-bg-img{
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    z-index:0
}
 .industries-bg-img.industries-bg-img-next{
    z-index:1;
    opacity:0
}
 .industries-bg-overlay{
    position:absolute;
    inset:0;
    z-index:2
}
 .industries-grid{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    z-index:4;
    display:grid;
    grid-template-columns:repeat(6,1fr);
    grid-template-rows:repeat(2,auto);
    height:100%
}
 .industry-item{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-end;
    gap:15px;
    padding:25px;
    cursor:pointer;
    border-right:2px solid rgba(255,255,255,.1);
    border-top:2px solid rgba(255,255,255,.1);
    transition:background .25s ease;
    text-align:center;
    overflow:hidden
}
 .industry-item:nth-child(-n+6){
    border-top:none
}
 .industry-item:nth-child(6n){
    border-right:none
}
 .industry-item>img{
    width:40px;
    height:40px;
    object-fit:contain;
    filter:brightness(0) invert(1);
    opacity:.8;
    flex-shrink:0;
    position:relative;
    z-index:1;
    transition:opacity .2s
}
 .industry-item>span{
    font-size:18px;
    font-weight:700;
    color:#fff;
    line-height:1.3;
    position:relative;
    z-index:1;
    transition:color .2s
}
 .industry-item.active>span,.industry-item:hover>span{
    color:var(--white)
}
 .industry-detail-overlay{
    position:absolute;
    inset:0;
    backdrop-filter:blur(8px);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:15px;
    padding:20px;
    opacity:0;
    pointer-events:none;
    transition:opacity .25s ease;
    z-index:2;
    text-decoration:none;
    text-align:center
}
 .industry-item:hover .industry-detail-overlay{
    opacity:1;
    pointer-events:auto
}
 .industry-detail-overlay .d-icon{
    width:40px;
    height:40px
}
 .industry-detail-overlay .d-icon img{
    width:100%;
    height:100%;
    object-fit:contain;
    filter:brightness(0) invert(1)
}
 .industry-detail-overlay .d-title{
    font-size:18px;
    font-weight:700;
    color:var(--white);
    line-height:1.2
}
 .industry-detail-overlay .d-desc{
    font-size:16px;
    color:#fff;
    line-height:1.4;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden
}
 .industry-detail-overlay .d-btn{
    display:inline-flex;
    align-items:center;
    font-size:14px;
    color:var(--white);
    transition:background .2s;
    background:var(--blue);
    padding:5px 20px;
    border-radius:100vh
}
 .industry-detail-overlay .d-btn svg{
    border:1px solid #fff;
    border-radius:100vh;
    margin-left:10px;
    display:none
}
 .faq-section{
    padding:90px 0;
    padding-top:0;
    background:var(--white)
}
 .faq-section .section-title{
    margin-bottom:60px
}
 .faq-tabs{
    display:flex;
    justify-content:center;
    gap:50px;
    border:1px solid #e6e6e6;
    margin-bottom:60px;
    border-radius:5px
}
 .faq-tab{
    background:0 0;
    border:none;
    padding:25px 30px;
    font-size:16px;
    font-weight:700;
    color:var(--text-sub);
    cursor:pointer;
    position:relative;
    transition:var(--transition);
    white-space:nowrap
}
 .faq-tab::after{
    content:'';
    position:absolute;
    bottom:10px;
    left:0;
    right:0;
    height:3px;
    background:var(--blue);
    transform:scaleX(0);
    transition:transform .25s ease
}
 .faq-tab:hover{
    color:var(--text)
}
 .faq-tab.active{
    color:var(--blue)
}
 .faq-tab.active::after{
    transform:scaleX(1)
}
 .faq-swiper-outer{
    position:relative;
    overflow:hidden
}
 .faq-swiper-panel{
    display:none
}
 .faq-swiper-panel.active{
    display:block
}
 .faq-swiper-box{
    position:relative;
    padding:0 68px
}
 .faqSwiper{
    overflow:hidden;
    box-sizing:border-box
}
 .faqSwiper .swiper-wrapper{
    width:100%
}
 .faqSwiper .swiper-slide{
    height:auto
}
 .faq-swiper-arrow{
    position:absolute;
    top:42%;
    z-index:5;
    width:44px;
    height:44px;
    border:1px solid rgba(26,111,196,.22);
    border-radius:50%;
    background:#fff;
    color:var(--blue);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
    cursor:pointer;
    transform:translateY(-50%);
    transition:background .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease
}
 .faq-swiper-arrow--prev{
    left:8px
}
 .faq-swiper-arrow--next{
    right:8px
}
 .faq-swiper-arrow:hover{
    background:var(--blue);
    border-color:var(--blue);
    color:#fff;
    transform:translateY(-50%) scale(1.04)
}
 .faq-swiper-arrow.swiper-button-disabled{
    opacity:.35;
    cursor:not-allowed;
    pointer-events:none
}
 .faq-card{
    background:var(--white);
    border:1.5px solid var(--border);
    border-radius:var(--radius);
    padding:24px;
    transition:box-shadow .25s ease,border-color .25s ease
}
 .faq-card:hover{
    box-shadow:var(--shadow);
    border-color:#c8daf5
}
 .faq-badge{
    display:inline-block;
    padding:3px 12px;
    border-radius:4px;
    font-size:14px;
    font-weight:700;
    margin-bottom:12px;
    letter-spacing:.03em
}
 .faq-badge-q{
    background:var(--blue);
    color:var(--white)
}
 .faq-badge-a{
    background:var(--blue);
    color:var(--white)
}
 .faq-card h4{
    font-size:16px;
    font-weight:700;
    color:var(--text);
    line-height:1.45;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    min-height:50px;
    margin-bottom:30px;
    border-bottom:1px solid #e6e6e6
}
 .faq-card p{
    font-size:15px;
    color:var(--text-sub);
    line-height:1.7;
    margin-bottom:16px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    min-height:77px
}
 .faq-link{
    display:inline-flex;
    align-items:center;
    gap:5px;
    font-size:14px;
    color:var(--blue);
    text-transform:uppercase;
    letter-spacing:.04em;
    transition:var(--transition)
}
 .faq-link:hover{
    gap:8px
}
 .faq-modal{
    position:fixed;
    inset:0;
    z-index:9999;
    display:none;
    align-items:center;
    justify-content:center;
    padding:24px;
    background:rgba(11,18,32,.56)
}
 .faq-modal-dialog{
    width:min(760px,100%);
    background:#fff;
    border-radius:24px;
    box-shadow:0 28px 80px rgba(11,18,32,.28);
    overflow:hidden;
    display:none
}
 .faq-modal-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    padding:28px 32px 20px;
    border-bottom:1px solid #e7edf6
}
 .faq-modal-title-wrap{
    flex:1
}
 .faq-modal-title-wrap .faq-badge{
    margin-bottom:12px
}
 .faq-modal-title{
    margin:0;
    font-size:28px;
    line-height:1.35;
    font-weight:800;
    color:#1a2233
}
 .faq-modal-close{
    flex:0 0 auto;
    width:42px;
    height:42px;
    border:1px solid #dbe4f0;
    border-radius:50%;
    background:#fff;
    color:#202634;
    font-size:26px;
    line-height:1;
    cursor:pointer;
    transition:background .2s ease,color .2s ease,border-color .2s ease
}
 .faq-modal-close:hover{
    background:#f4f8fe;
    color:var(--blue);
    border-color:#bfd5f7
}
 .faq-modal-body{
    padding:24px 32px 32px
}
 .faq-modal-body .faq-badge{
    margin-bottom:14px
}
 .faq-modal-answer{
    margin:0;
    font-size:17px;
    line-height:1.28;
    color:#4e596b;
    white-space:pre-line
}
 body.faq-modal-open{
    overflow:hidden
}
 .faqPagination{
    margin-top:32px;
    position:relative!important;
    bottom:auto!important
}
 .faqPagination .swiper-pagination-bullet{
    width:40px;
    height:3px;
    border-radius:0;
    background:var(--border);
    opacity:1;
    transition:var(--transition)
}
 .faqPagination .swiper-pagination-bullet-active{
    background:var(--blue);
    width:40px;
    height:6px
}
 .news-section{
    padding:90px;
    background:var(--white);
    padding-top:0
}
 .news-section .section-title{
    margin-bottom:60px
}
 .news-swiper-outer{
    position:relative;
    margin-bottom:48px;
    overflow:hidden;
    padding:0 68px
}
 .newsSwiper{
    overflow:hidden
}
 .newsSwiper .swiper-slide{
    height:auto
}
 .newsPagination{
    margin-top:24px;
    position:relative!important;
    bottom:auto!important
}
 .newsPagination .swiper-pagination-bullet{
    width:10px;
    height:10px;
    background:var(--border);
    opacity:1
}
 .newsPagination .swiper-pagination-bullet-active{
    background:var(--blue)
}
 .news-swiper-arrow{
    position:absolute;
    top:42%;
    z-index:5;
    width:44px;
    height:44px;
    border:1px solid rgba(26,111,196,.22);
    border-radius:50%;
    background:#fff;
    color:var(--blue);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
    cursor:pointer;
    transform:translateY(-50%);
    transition:background .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease
}
 .news-swiper-arrow--prev{
    left:8px
}
 .news-swiper-arrow--next{
    right:8px
}
 .news-swiper-arrow:hover{
    background:var(--blue);
    border-color:var(--blue);
    color:#fff;
    transform:translateY(-50%) scale(1.04)
}
 .news-swiper-arrow.swiper-button-disabled{
    opacity:.35;
    cursor:not-allowed;
    pointer-events:none
}
 .news-carousel{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px
}
 .news-card{
    background:var(--white);
    border-radius:0 0 60px 0;
    overflow:hidden;
    border:1.5px solid var(--border);
    position:relative;
    cursor:pointer;
    transition:box-shadow .3s ease,transform .3s ease
}
 .news-card-link{
    display:block
}
 .news-card:hover{
    box-shadow:var(--shadow-lg);
    transform:translateY(-4px)
}
 .news-card.featured{
    box-shadow:0 4px 20px rgba(26,115,232,.15);
    border-color:#c8daf5
}
 .news-card-img-wrap{
    height:285px;
    overflow:hidden
}
 .news-card-img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .4s ease
}
 .news-card:hover .news-card-img{
    transform:scale(1.04)
}
 .news-card-body{
    padding:20px
}
 .news-card-title{
    font-size:18px;
    font-weight:700;
    color:var(--text);
    margin-bottom:10px;
    line-height:1.45;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden
}
 .news-card.featured .news-card-title{
    color:var(--blue)
}
 .news-card-desc{
    font-size:15px;
    color:var(--text-sub);
    line-height:1.65;
    margin-bottom:16px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden
}
 .news-card-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-top:1px solid var(--border);
    padding-top:14px;
    margin-top:4px
}
 .news-card-date{
    font-size:14px;
    color:var(--text-light)
}
 .news-more-wrap{
    border-top:1px solid var(--border);
    padding-top:32px
}
 .news-more-title{
    font-size:18px;
    font-weight:700;
    color:var(--text);
    margin-bottom:16px
}
 .news-more-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0 40px
}
 .news-more-list li{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:10px 0;
    border-bottom:1px solid var(--border);
    gap:16px
}
 .news-more-list li a{
    font-size:16px;
    color:var(--text);
    flex:1;
    text-overflow:ellipsis;
    transition:color .2s;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden
}
 .news-more-list li a:hover{
    color:var(--blue)
}
 .news-more-list li span{
    font-size:14px;
    color:var(--text-light);
    flex-shrink:0
}
 .cta-section{
    margin:auto;
    border-radius:var(--radius-lg);
    margin-bottom:90px;
    width:100%;
    max-width:100%;
    padding-right:9%
}
 .cta-section #cta-message{
    position:relative;
    top:-120px
}
 .cta-inner{
    display:grid;
    grid-template-columns:1fr 1fr;
    min-height:520px
}
 .cta-left{
    position:relative;
    overflow:hidden;
    padding:52px 48px;
    display:flex;
    align-items:center
}
 .cta-left:before{
    content:'';
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgb(255 255 255 / 70%);
    z-index:2
}
 .cta-left-bg{
    position:absolute;
    inset:0;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    background-attachment:fixed
}
 .cta-left-bg img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    opacity:0;
    pointer-events:none
}
 .cta-left-overlay{
    position:absolute;
    inset:0;
    background:rgb(0 0 0 / 20%)
}
 .cta-left-content{
    position:relative;
    z-index:9;
    width:100%
}
 .cta-tagline{
    font-size:40px;
    color:rgba(255,255,255,.85);
    margin-bottom:12px;
    line-height:1.5
}
 .cta-head{
    text-align:center;
    margin-bottom:55px
}
 .cta-head p{
    color:#353535;
    font-size:18px;
    line-height:1.5;
    font-weight: 600;
}
 .cta-headline{
    font-size:34px;
    font-weight:800;
    color:var(--blue);
    line-height:1.2;
    margin-bottom:20px
}
 .cta-stats{
    display:none;
    gap:24px
}
 .cta-partner-logos{
    width:100%;
    display:flex;
    flex-direction:column;
    gap:30px;
    overflow:hidden
}
 .cta-logo-row{
    position:relative;
    width:100%;
    overflow:hidden
}
 .cta-logo-track{
    display:flex;
    width:max-content;
    gap:20px;
    animation:ctaLogoSlideLeft 10s linear infinite;
    will-change:transform
}
 .cta-logo-row--right .cta-logo-track{
    animation-name:ctaLogoSlideRight
}
 .cta-logo-row:hover .cta-logo-track{
    animation-play-state:paused
}
 .cta-logo-item{
    flex:0 0 150px;
    width:150px;
    height:115px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    transition:transform .35s ease,background-color .35s ease,box-shadow .35s ease
}
 .cta-logo-item:hover{
    transform:translateY(-3px);
    background:#fff;
    box-shadow:0 16px 34px rgb(0 0 0 / 22%)
}
 .cta-logo-item img{
    max-width:100%;
    max-height:100%;
    object-fit:contain
}
 @keyframes ctaLogoSlideLeft{
    0%{
        transform:translateX(0)
    }
     100%{
        transform:translateX(calc(-50% - 9px))
    }
}
 @keyframes ctaLogoSlideRight{
    0%{
        transform:translateX(calc(-50% - 10px))
    }
     100%{
        transform:translateX(0)
    }
}
 .cta-stat{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:20px;
    flex:1
}
 .cta-stat-icon{
    width:60px;
    height:60px;
    background:rgb(255 255 255 / 90%);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:10px;
    outline:10px solid rgb(255 255 255 / 30%)
}
 .cta-stat-icon img{
    width:34px;
    height:34px;
    object-fit:contain
}
 .cta-stat-num-wrap{
    display:flex;
    align-items:baseline;
    gap:1px
}
 .cta-stat-num{
    font-size:34px;
    font-weight:900;
    color:var(--white);
    line-height:1;
    min-width:2ch
}
 .cta-stat-suffix{
    font-size:34px;
    font-weight:900;
    color:var(--white)
}
 .cta-stat-label{
    font-size:16px;
    font-weight:500;
    color:#fff;
    text-align:center;
    line-height:1.4
}
 .cta-right{
    padding-left:60px;
    display:flex;
    flex-direction:column;
    color:#23374d
}
 .cta-form-title{
    font-size:40px;
    font-weight:800;
    color:#103c60;
    margin-bottom:6px
}
 .cta-form-sub{
    font-size:18px;
    font-weight:600;
    color:#5c6f82;
    margin-bottom:20px
}
 .cta-form{
    display:flex;
    flex-direction:column;
    gap:12px;
    flex:1
}
 .cta-form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px
}
 .cta-form input,.cta-form select,.cta-form textarea{
    width:100%;
    border:1.5px solid var(--border);
    border-radius:6px;
    padding:10px 14px;
    font-size:14px;
    color:var(--text);
    outline:0;
    transition:border-color .2s;
    font-family:inherit;
    background:var(--white)
}
 .cta-form input:focus,.cta-form select:focus,.cta-form textarea:focus{
    border-color:var(--blue)
}
 .cta-form input::placeholder,.cta-form textarea::placeholder{
    color:#aab4c0
}
 .cta-form textarea{
    resize:vertical;
    min-height:200px
}
 .site-footer{
    background:#103c60
}
 .footer-main{
    padding:60px 0 40px
}
 .footer-grid{
    display:grid;
    grid-template-columns:1.4fr 1fr 1fr 1.3fr;
    gap:40px
}
 .footer-col-title{
    font-size:22px;
    font-weight:700;
    color:var(--white);
    letter-spacing:.12em;
    margin-bottom:20px;
    text-transform:uppercase
}
 .footer-contact-list{
    display:flex;
    flex-direction:column;
    gap:12px
}
 .footer-contact-list li{
    display:flex;
    align-items:flex-start;
    gap:10px;
    font-size:16px;
    color:rgba(255,255,255,.8);
    line-height:1.5
}
 .footer-icon{
    width:22px;
    height:22px;
    flex-shrink:0;
    margin-top:2px;
    stroke:rgb(255 255 255 / 70%)
}
 .footer-icon-img{
    width:16px;
    height:16px;
    flex-shrink:0;
    object-fit:contain;
    filter:brightness(0) invert(.7);
    margin-top:2px
}
 .footer-links{
    display:flex;
    flex-direction:column;
    gap:10px
}
 .footer-links li a{
    font-size:16px;
    color:rgba(255,255,255,.7);
    transition:color .2s
}
 .footer-links li a:hover{
    color:var(--white)
}
 .footer-follow-desc{
    font-size:16px;
    color:rgba(255,255,255,.7);
    line-height:1.55;
    margin-bottom:16px
}
 .footer-subscribe{
    display:flex;
    border:1.5px solid #fff;
    border-radius:10px;
    overflow:hidden;
    margin-bottom:20px
}
 .footer-subscribe input{
    flex:1;
    background:#fff;
    border:none;
    outline:0;
    padding:14px;
    font-size:14px;
    color:#333
}
 .footer-subscribe input::placeholder{
    color:#555e6d
}
 .footer-subscribe button{
    background:#103c60;
    border:none;
    cursor:pointer;
    padding:0 20px;
    font-size:16px;
    font-weight:600;
    color:var(--white);
    transition:background .2s
}
 .footer-subscribe button:hover{
    background:var(--blue-mid)
}
 .footer-socials{
    display:flex;
    gap:10px
}
 .footer-social{
    width:30px;
    height:30px;
    display:inline-block;
    overflow:hidden;
    color:#fff;
    border:1px solid #fff;
    text-align:center;
    line-height:30px;
    border-radius:100vh
}
 .footer-social svg{
    width:30px;
    height:30px
}
 .footer-social img{
    width:100%;
    height:100%;
    object-fit:contain
}
 .floating-contact-bar{
    position:fixed;
    right:18px;
    top:50%;
    z-index:980;
    display:flex;
    flex-direction:column;
    gap:8px;
    transform:translateY(-50%)
}
 .floating-contact-item{
    width:46px;
    height:46px;
    border:1px solid rgba(255,255,255,.55);
    border-radius:6px;
    background:var(--blue);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:19px;
    text-decoration:none;
    transition:background .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease
}
 .floating-contact-item:hover{
    background:var(--blue-mid);
    color:#fff;
    transform:translateX(-3px);
    box-shadow:0 14px 30px rgba(15,23,42,.24)
}
 .floating-contact-whatsapp{
    background:#25d366
}
 .floating-contact-whatsapp:hover{
    background:#1fb85a
}
 .floating-contact-top{
    background:#102f4d
}
 .floating-contact-top:hover{
    background:#0b2238
}
 .footer-code{
    overflow:hidden;
    margin-top:15px
}
 .footer-code img{
    width:100px;
    height:100px;
    border:1px solid #fff;
    border-radius:10px
}
 .footer-code p{
    font-size:16px;
    color:#fff;
    margin-left:20px;
    margin-top:5px
}
 .footer-bottom{
    border-top:1px solid rgba(255,255,255,.1);
    padding:16px 0
}
 .footer-bottom-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    flex-wrap:wrap
}
 .footer-bottom-inner>span{
    font-size:16px;
    color:rgba(255,255,255,.5)
}
 .footer-bottom-links{
    display:flex;
    align-items:center;
    gap:8px
}
 .footer-bottom-links a{
    font-size:16px;
    color:rgba(255,255,255,.55);
    transition:color .2s
}
 .footer-bottom-links a:hover{
    color:var(--white)
}
 .footer-bottom-links span{
    color:rgba(255,255,255,.25);
    font-size:12px
}
 .contact-cards-section{
    padding:90px 0;
    background:var(--white)
}
 .contact-cards-wrap{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px
}
 .contact-card{
    background:#f4f5f9;
    padding:32px 20px 28px;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:15px;
    transition:box-shadow .25s ease
}
 .contact-card-icon{
    width:70px;
    height:70px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    margin-bottom:4px;
    flex-shrink:0;
    background:#fff
}
 .contact-card-icon img{
    width:68px;
    height:68px;
    object-fit:contain
}
 .contact-card-icon--blue{
    background:var(--blue);
    width:60px;
    height:60px
}
 .contact-card-icon--blue img{
    width:30px;
    height:30px;
    filter:brightness(0) invert(1)
}
 .contact-card-title{
    font-size:15px;
    font-weight:600;
    color:var(--text-sub);
    margin-bottom:2px;
    line-height:1.4
}
 .contact-card-text{
    font-size:16px;
    color:var(--text);
    line-height:1.5;
    margin:0;
    font-weight:600
}
 .contact-form-section{
    padding:0;
    background:var(--white)
}
 .contact-form-wrap{
    background:#f4f5f9;
    border-radius:10px;
    padding:44px 48px 48px
}
 .contact-form-title{
    font-size:28px;
    font-weight:800;
    color:var(--text);
    margin-bottom:28px;
    letter-spacing:-.01em
}
 .contact-quote-form{
    display:flex;
    flex-direction:column;
    gap:0
}
 .contact-form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
    margin-bottom:0
}
 .contact-form-group{
    display:flex;
    flex-direction:column;
    gap:10px;
    padding-bottom:18px
}
 .contact-form-group--full{
    grid-column:1/-1
}
 .contact-form-label{
    font-size:14px;
    font-weight:500;
    color:var(--text);
    line-height:1.5
}
 .contact-form-label .required{
    color:#e53e3e
}
 .contact-form-input{
    width:100%;
    border:0;
    border-radius:4px;
    padding:12px 12px;
    font-size:16px;
    color:var(--text);
    outline:0;
    transition:border-color .2s;
    font-family:inherit;
    background:var(--white)
}
 .contact-form-input:focus{
    border-color:var(--blue)
}
 .contact-form-input::placeholder{
    color:#b8c4ce;
    font-size:12.5px
}
 .contact-form-textarea{
    width:100%;
    border:1px solid #d8e2ee;
    border-radius:4px;
    padding:10px 12px;
    font-size:13px;
    color:var(--text);
    outline:0;
    transition:border-color .2s;
    font-family:inherit;
    background:var(--white);
    resize:vertical;
    min-height:220px
}
 .contact-form-textarea:focus{
    border-color:var(--blue)
}
 .contact-form-textarea::placeholder{
    color:#b8c4ce;
    font-size:12.5px
}
 .contact-form-submit-wrap{
    display:flex;
    justify-content:center;
    padding-top:6px;
    padding-bottom:2px;
    margin-top:4px
}
 .contact-form-submit{
    background:var(--blue);
    color:var(--white);
    border:none;
    border-radius:4px;
    padding:11px 52px;
    font-size:15px;
    font-weight:600;
    cursor:pointer;
    transition:background .2s;
    font-family:inherit;
    letter-spacing:.02em
}
 .contact-form-submit:hover{
    background:var(--blue-mid)
}
 .contact-form-submit:disabled{
    background:#16a34a;
    cursor:default
}
 .contact-map-section{
    background:var(--white);
    padding:90px 0
}
 .contact-map-wrap{
    width:100%;
    overflow:hidden;
    line-height:0;
    border-radius:10px
}
 .contact-map-wrap iframe{
    display:block;
    width:100%;
    height:500px;
    border:0
}
 .page-hero{
    position:relative;
    height:300px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden
}
 .page-hero-bg{
    position:absolute;
    inset:0;
    z-index:0
}
 .page-hero-img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 40%
}
 .page-hero-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.1)
}
 .page-hero-content{
    position:relative;
    z-index:2;
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:12px
}
 .page-hero-title{
    font-size:38px;
    font-weight:700;
    color:var(--white);
    letter-spacing:.01em;
    line-height:1.2
}
 .page-breadcrumb{
    display:flex;
    align-items:center;
    gap:6px;
    font-size:15px;
    color:rgba(255,255,255,.85)
}
 .page-breadcrumb-home,.page-breadcrumb-link{
    display:flex;
    align-items:center;
    gap:4px;
    color:rgba(255,255,255,.85);
    text-decoration:none;
    transition:color .2s
}
 .page-breadcrumb-home:hover,.page-breadcrumb-link:hover{
    color:var(--white)
}
 .page-breadcrumb-sep{
    font-size:18px;
    color:rgba(255,255,255,.6);
    line-height:1
}
 .page-breadcrumb-current{
    color:rgba(255,255,255,.85)
}
 .srd-warehouse-section{
    padding-bottom:90px
}
 .srd-accordion-item{
    margin-bottom:12px;
    overflow:hidden;
    background:#fff;
    border:1px solid #eee;
    border-radius:10px
}
 .srd-accordion-header{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:16px 24px;
    background:0 0;
    border:0;
    cursor:pointer;
    color:#333;
    font-size:16px;
    font-weight:600;
    text-align:left
}
 .srd-accordion-header-left{
    display:flex;
    align-items:center;
    gap:10px
}
 .srd-accordion-pin{
    width:20px;
    height:20px;
    color:#42a4f7;
    flex-shrink:0
}
 .srd-accordion-toggle{
    width:28px;
    height:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px solid #42a4f7;
    border-radius:50%;
    transition:transform .3s;
    color:#42a4f7
}
 .srd-accordion-toggle svg{
    width:14px;
    height:14px
}
 .srd-accordion-item.open .srd-accordion-toggle{
    transform:rotate(180deg)
}
 .srd-accordion-body{
    display:none;
    padding:0 24px 24px
}
 .srd-accordion-item.open .srd-accordion-body{
    display:block
}
 #ship-by-region-cta{
    position:relative;
    top:-130px
}
 .sbr-feature-section,.sbr-tabs-section{
    padding:90px 0
}
 .sbr-feature-section{
    background:#f7f8fa
}
 .sbr-feature-section .sbr-section-title{
    display:none
}
 .sbr-tabs-section{
    background:#fff
}
 .sbr-section-title{
    font-size:40px;
    font-weight:800;
    color:#333
}
 .sbr-section-title-center{
    margin-bottom:60px;
    text-align:center
}
 .sbr-feature-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px
}
 .sbr-feature-card{
    background:#fff;
    border:1px solid #f0f0f0;
    border-radius:12px;
    padding:20px;
    box-shadow:0 10px 28px rgba(20,50,90,.06)
}
 .sbr-feature-icon{
    width:65px;
    height:65px;
    object-fit:contain;
    margin:auto;
    margin-bottom:20px
}
 .sbr-feature-card h4{
    font-size:20px;
    font-weight:700;
    color:#333;
    margin-bottom:12px
}
 .sbr-feature-card ul{
    list-style:none
}
 .sbr-feature-card li{
    position:relative;
    padding-left:14px;
    font-size:14px;
    color:#666;
    line-height:1.45;
    margin-bottom:6px
}
 .sbr-feature-card li::before{
    content:"";
    position:absolute;
    left:0;
    top:7px;
    width:6px;
    height:6px;
    background:#42a4f7;
    border-radius:50%
}
 .sbr-tabs-layout{
    display:grid;
    grid-template-columns:220px 1fr;
    gap:24px;
    min-height:400px;
    background:#fff;
    border-radius:10px;
    overflow:visible
}
 .sbr-tabs-nav{
    position:sticky;
    top:110px;
    align-self:start;
    padding:18px 0;
    background:#fff;
    border:1px solid #e8edf3;
    border-radius:14px;
    box-shadow:0 10px 28px rgba(20,50,90,.06)
}
 .sbr-tab-btn{
    width:100%;
    padding:14px 15px;
    background:0 0;
    border:0;
    border-left:4px solid transparent;
    color:#666;
    cursor:pointer;
    font-size:16px;
    font-weight:500;
    text-align:left;
    transition:all .2s
}
 .sbr-tab-btn:hover{
    color:#42a4f7
}
 .sbr-tab-btn.active{
    color:#42a4f7;
    font-weight:700;
    border-left-color:#42a4f7
}
 .sbr-tab-panel{
    display:none
}
 .sbr-tab-panel.active{
    display:block
}
 .sbr-featured-card{
    display:grid;
    grid-template-columns:300px 1fr;
    gap:36px;
    align-items:center;
    border-radius:10px;
    padding:32px;
    margin-bottom:28px;
    box-shadow:0 10px 28px rgba(20,50,90,.06)
}
 .sbr-featured-media{
    height:220px;
    overflow:hidden;
    border-radius:10px
}
 .sbr-featured-media img{
    width:100%;
    height:100%;
    object-fit:cover
}
 .sbr-featured-text h3{
    font-size:20px;
    font-weight:700;
    color:#333;
    margin-bottom:14px;
    padding-left:14px;
    border-left:4px solid #42a4f7
}
 .sbr-featured-text p{
    font-size:15px;
    color:#666;
    line-height:1.8;
    margin-bottom:20px
}
 .sbr-country-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px
}
 .sbr-country-card{
    border:1px solid #eee;
    border-radius:10px;
    padding:28px 32px;
    box-shadow:0 10px 28px rgba(20,50,90,.06)
}
 .sbr-country-card h4{
    font-size:18px;
    font-weight:700;
    color:#333;
    margin-bottom:12px
}
 .sbr-country-card p{
    font-size:15px;
    color:#666;
    line-height:1.6;
    margin-bottom:14px
}
 .sbr-link{
    display:block;
    margin-bottom:14px;
    color:#42a4f7;
    font-size:15px;
    font-weight:500
}
 .sbr-link:hover{
    text-decoration:underline
}
 .sbr-country-btn{
    display:inline-block;
    background:#42a4f7;
    color:#fff;
    padding:7px 20px;
    border-radius:5px;
    font-size:14px;
    font-weight:600;
    transition:background .2s
}
 .sbr-country-btn:hover{
    background:#3691de
}
 .blog-page{
    background:#f5f6fa
}
 .blog-layout{
    display:grid;
    grid-template-columns:1fr 320px;
    gap:28px;
    padding:90px 0
}
 .blog-list{
    display:flex;
    flex-direction:column;
    gap:20px
}
 .blog-card{
    display:flex;
    gap:26px;
    align-items:stretch;
    padding:20px;
    border-radius:14px;
    background:#fff;
    position:relative;
    cursor:pointer;
    transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease
}
 .blog-card-link{
    display:flex;
    gap:26px;
    align-items:stretch;
    width:100%;
    color:inherit;
    text-decoration:none
}
 .blog-card:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 26px rgba(20,50,90,.08);
    border-color:#dbe4ef
}
 .blog-card-thumb{
    flex:0 0 398px;
    width:398px;
    height:223px;
    border-radius:12px;
    overflow:hidden;
    display:block
}
 .blog-card-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .3s
}
 .blog-card:hover .blog-card-thumb img{
    transform:scale(1.05)
}
 .blog-card-body{
    flex:1;
    min-width:0;
    display:flex;
    gap:22px;
    align-items:flex-start;
    padding:10px 8px 10px 0
}
 .blog-card-content{
    flex:1;
    min-width:0;
    padding-top:18px
}
 .blog-card-date-block{
    flex:0 0 82px;
    text-align:center;
    padding-top:8px
}
 .blog-card-date-num{
    display:block;
    font-size:14px;
    font-weight:500;
    color:#555c68;
    line-height:1.3;
    margin-bottom:8px
}
 .blog-card-date-year{
    display:block;
    font-size:32px;
    font-weight:800;
    color:#171b22;
    line-height:1.1
}
 .blog-card-title{
    font-size:23px;
    font-weight:700;
    color:#1f2430;
    margin:0 0 22px;
    line-height:1.35;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden
}
 .blog-card-title a{
    color:inherit;
    text-decoration:none;
    transition:color .2s
}
 .blog-card-title a:hover{
    color:#1a6fc4
}
 .blog-card-excerpt{
    font-size:16px;
    color:#5a616d;
    line-height:1.7;
    margin:0;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden
}
 .blog-sidebar{
    display:flex;
    flex-direction:column;
    gap:16px
}
 .sidebar-widget{
    background:#fff;
    border:1px solid #edf1f6;
    border-radius:6px;
    overflow:hidden
}
 .sidebar-widget-title{
    position:relative;
    margin:0;
    padding:18px 22px 18px 36px;
    font-size:20px;
    font-weight:800;
    color:#1f2430;
    border-bottom:1px solid #edf1f6
}
 .sidebar-widget-title::before{
    content:"";
    position:absolute;
    left:22px;
    top:25px;
    width:3px;
    height:18px;
    border-radius:999px;
    background:#42a4f7
}
 .sidebar-category-list{
    list-style:none;
    padding:0 28px 12px;
    margin:0
}
 .sidebar-category-list li{
    border-bottom:1px solid #edf1f6
}
 .sidebar-category-list li:last-child{
    border-bottom:none
}
 .sidebar-category-list li a{
    display:block;
    padding:16px 8px;
    font-size:16px;
    font-weight:600;
    color:#353b46;
    text-decoration:none;
    transition:color .2s,background .2s
}
 .sidebar-category-list li a:hover,.sidebar-category-list li.active a{
    color:#2494f0;
    background:0 0
}
 .sidebar-anchor-list li a{
    font-size:15px;
    line-height:1.45;
    padding:14px 8px
}
 .sidebar-anchor-list li.active a{
    font-weight:600
}
 .sidebar-recent-list{
    list-style:none;
    padding:18px 28px 22px;
    margin:0
}
 .sidebar-recent-item+.sidebar-recent-item{
    margin-top:18px
}
 .sidebar-recent-thumb{
    display:block;
    width:100%;
    height:142px;
    border-radius:2px;
    overflow:hidden;
    margin-bottom:8px
}
 .sidebar-recent-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block
}
 .sidebar-recent-title{
    margin:0 0 6px;
    font-size:16px;
    line-height:1.5;
    color:#373d47;
    font-weight:400;
    text-decoration:none;
    transition:color .2s;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden
}
 .sidebar-recent-title:hover{
    color:#2494f0
}
 .sidebar-recent-date{
    display:block;
    font-size:14px;
    color:#9aa3af
}
 .sidebar-service-list{
    list-style:none;
    padding:18px 26px 22px;
    margin:0
}
 .sidebar-service-list li+li{
    margin-top:10px
}
 .sidebar-service-list a{
    display:flex;
    align-items:center;
    gap:10px;
    text-decoration:none;
    font-size:15px
}
 .sidebar-service-list img{
    width:22px;
    height:22px;
    object-fit:contain
}
 .blog-pagination{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin-top:40px;
    padding-top:32px
}
 .blog-pagination a,.blog-pagination span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:45px;
    height:45px;
    border-radius:4px;
    font-size:15px;
    font-weight:600;
    color:#444;
    text-decoration:none;
    border:1px solid #e0e6ef;
    transition:all .2s;
    cursor:pointer
}
 .blog-pagination a:hover{
    background:#1a6fc4;
    color:#fff;
    border-color:#1a6fc4
}
 .blog-pagination .active{
    background:#1a6fc4;
    color:#fff;
    border-color:#1a6fc4
}
 .blog-pagination .dots{
    border:none;
    color:#999;
    cursor:default
}
 .inside-pagination{
    margin-top:40px;
    padding-top:32px
}
 .inside-pagination ul{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin:0;
    padding:0;
    list-style:none
}
 .inside-pagination li{
    margin:0;
    padding:0
}
 .inside-pagination a,.inside-pagination span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:45px;
    height:45px;
    padding:0 12px;
    border-radius:4px;
    font-size:15px;
    font-weight:600;
    color:#444;
    text-decoration:none;
    border:1px solid #e0e6ef;
    background:#fff;
    transition:all .2s;
    cursor:pointer;
    box-sizing:border-box
}
 .inside-pagination a:hover{
    background:#1a6fc4;
    color:#fff;
    border-color:#1a6fc4
}
 .inside-pagination .active>a,.inside-pagination .active>span,.inside-pagination li.active a,.inside-pagination li.active span{
    background:#1a6fc4;
    color:#fff;
    border-color:#1a6fc4
}
 .inside-pagination .next-page a,.inside-pagination .pre-page a{
    padding:0
}
 .inside-pagination .next-page img,.inside-pagination .pre-page img{
    width:14px;
    height:14px;
    object-fit:contain;
    display:block;
    filter:brightness(0);
    transition:all .3s linear
}
 .inside-pagination .pre-page img{
    transform:rotate(180deg)
}
 .inside-pagination .next-page:hover img,.inside-pagination .pre-page:hover img{
    filter:brightness(0) invert(1)
}
 .blog-detail{
    background:#f5f6fa;
    padding-bottom:90px
}
 .blog-detail .cta-section{
    margin-bottom:0
}
 .blog-detail-layout{
    display:grid;
    grid-template-columns:1fr 345px;
    gap:40px;
    padding:90px 0
}
 .blog-detail-main{
    min-width:0;
    background:#fff;
    padding:50px;
    font-size:16px
}
 .blog-detail-title{
    font-size:28px;
    font-weight:700;
    color:#1a2236;
    line-height:1.5;
    margin:0 0 20px;
    text-align:center
}
 .blog-detail-meta{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:20px;
    padding-bottom:30px;
    color:#6b7280;
    font-size:16px;
    line-height:1.6;
    border-bottom:1px solid #ddd
}
 .blog-detail-meta span{
    display:inline-flex;
    align-items:center;
    gap:6px
}
 .blog-detail-meta svg{
    width:16px;
    height:16px;
    flex-shrink:0
}
 .blog-detail-intro{
    font-size:16px;
    color:#333;
    margin-bottom:8px;
    font-weight:700
}
 .blog-detail-main p{
    font-size:16px;
    line-height:1.65;
    margin:0 0 14px
}
 .blog-detail-main ul,.sd-detail-section .sd-advantages ul,.service-offerings-content ul,.ship-by-region-detail-box ul{
    list-style:disc;
    padding-left:1.2em;
    margin:0 0 14px
}
 .blog-detail-main ol,.sd-detail-section .sd-advantages ol,.service-offerings-content ol,.ship-by-region-detail-box ol{
    list-style:decimal;
    padding-left:1.35em;
    margin:0 0 14px
}
 .blog-detail-main li,.sd-detail-section .sd-advantages li,.service-offerings-content li,.ship-by-region-detail-box li{
    display:list-item;
    margin:0 0 6px
}
 .blog-detail-main ul li ol,.sd-detail-section .sd-advantages ul li ol,.service-offerings-content ul li ol,.ship-by-region-detail-box ul li ol{
    margin-top:6px
}
 .blog-detail-main td,.blog-detail-main th,.sd-detail-section .sd-advantages td,.sd-detail-section .sd-advantages th,.service-offerings-content td,.service-offerings-content th,.ship-by-region-detail-box td,.ship-by-region-detail-box th{
    padding:10px
}
 .blog-detail-h2{
    scroll-margin-top:110px;
    font-size:20px;
    font-weight:700;
    color:#1a2236;
    margin:28px 0 12px;
    padding-bottom:8px
}
 .blog-detail-h3{
    font-size:16px;
    font-weight:700;
    color:#1a2236;
    margin:18px 0 8px
}
 .blog-detail-img-wrap{
    margin:24px 0;
    border-radius:8px;
    overflow:hidden
}
 .blog-detail-img-wrap img{
    width:100%;
    height:auto;
    display:block;
    border-radius:8px
}
 .blog-detail-table-wrap{
    overflow-x:auto;
    margin:20px 0 24px
}
 .blog-detail-table{
    width:100%;
    border-collapse:collapse;
    font-size:16px
}
 .blog-detail-table th{
    background:#1a6fc4;
    color:#fff;
    padding:10px 14px;
    text-align:left;
    font-weight:600
}
 .blog-detail-table td{
    padding:9px 14px;
    border-bottom:1px solid #e8edf5;
    color:#555;
    vertical-align:top
}
 .blog-detail-table tr:nth-child(2n) td{
    background:#f7f9fc
}
 .blog-detail-share{
    display:flex;
    align-items:center;
    gap:14px;
    margin:32px 0 24px;
    padding-bottom:24px;
    border-bottom:1px solid #e8edf5
}
 .blog-detail-share-label{
    font-size:14px;
    font-weight:600;
    color:#1a2236;
    white-space:nowrap
}
 .blog-detail-share-icons{
    display:flex;
    gap:8px;
    flex-wrap:wrap
}
 .share-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:32px;
    height:32px;
    border-radius:50%;
    background:#1a6fc4;
    color:#fff;
    transition:background .2s,transform .2s;
    text-decoration:none
}
 .share-icon svg{
    display:block
}
 .share-icon:hover{
    background:#1558a0;
    transform:scale(1.1)
}
 .share-fb{
    background:#1877f2
}
 .share-tw{
    background:#1da1f2
}
 .share-ln{
    background:#0077b5
}
 .share-wa{
    background:#25d366
}
 .share-yt{
    background:red
}
 .share-tk{
    background:#010101
}
 .share-em{
    background:#ea4335
}
 .blog-detail-nav{
    display:flex;
    flex-direction:column;
    gap:15px;
    margin-top:20px
}
 .blog-nav-next,.blog-nav-prev{
    display:block;
    text-decoration:none;
    padding:0;
    border:0;
    border-radius:0;
    transition:opacity .2s;
    font-weight:600
}
 .blog-nav-next:hover,.blog-nav-prev:hover{
    opacity:.75
}
 .blog-nav-label{
    font-size:18px;
    color:#707887;
    text-transform:none;
    letter-spacing:0
}
 .blog-nav-text{
    font-size:18px;
    color:#5f6775;
    line-height:1.45
}
 .blog-detail-sidebar{
    display:flex;
    flex-direction:column;
    gap:16px;
    position:sticky;
    top:110px;
    align-self:start
}
 .sidebar-service-list{
    list-style:none;
    padding:0;
    margin:0
}
 .sidebar-service-list li{
    border-bottom:1px solid #f0f3f8
}
 .sidebar-service-list li:last-child{
    border-bottom:none
}
 .sidebar-service-list li a{
    display:flex;
    align-items:center;
    gap:12px;
    padding:11px 20px;
    font-size:16px;
    font-weight:600;
    text-decoration:none;
    transition:color .2s,background .2s
}
 .sidebar-service-list li a:hover{
    color:#1a6fc4;
    background:#f0f6ff
}
 .sidebar-service-list li a img{
    width:30px;
    height:30px;
    object-fit:contain;
    flex-shrink:0;
    filter:brightness(0)
}
 .sidebar-banner{
    position:relative;
    border-radius:8px;
    overflow:hidden
}
 .sidebar-banner::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(8,28,66,.46);
    z-index:1
}
 .sidebar-banner img{
    width:100%;
    height:190px;
    object-fit:cover;
    display:block
}
 .sidebar-banner-content{
    position:absolute;
    inset:0;
    z-index:2;
    padding:28px 24px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:28px;
    text-align:center
}
 .sidebar-banner-text{
    font-size:20px;
    font-weight:700;
    color:#fff;
    margin:0;
    line-height:1.35
}
 .btn-sidebar-contact{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:180px;
    padding:10px 15px;
    background:rgba(255,255,255,.06);
    color:#fff;
    border:2px solid rgba(255,255,255,.78);
    border-radius:6px;
    font-size:16px;
    font-weight:700;
    text-decoration:none;
    transition:background .2s,border-color .2s,transform .2s
}
 .btn-sidebar-contact:hover{
    background:rgba(255,255,255,.14);
    border-color:#fff;
    transform:translateY(-1px)
}
 .faq-section-wrap{
    padding:90px 0
}
 .faq-section-header{
    text-align:center;
    margin-bottom:90px
}
 .faq-section-label{
    display:inline-block;
    font-size:13px;
    font-weight:600;
    color:#1a6fc4;
    letter-spacing:1.5px;
    text-transform:uppercase;
    margin-bottom:10px
}
 .faq-section-title{
    font-size:40px;
    font-weight:800;
    color:#1a2236;
    margin:0 0 14px;
    line-height:1.3
}
 .faq-section-desc{
    font-size:16px;
    color:#666;
    margin:0 auto;
    line-height:1.7
}
 .faq-categories{
    display:flex;
    gap:10px;
    justify-content:center;
    flex-wrap:wrap;
    margin-bottom:44px
}
 .faq-cat-btn{
    padding:8px 22px;
    border-radius:24px;
    border:1.5px solid #d0daea;
    background:#fff;
    font-size:13px;
    font-weight:600;
    color:#444;
    cursor:pointer;
    transition:all .2s;
    outline:0
}
 .faq-cat-btn.active,.faq-cat-btn:hover{
    background:#1a6fc4;
    border-color:#1a6fc4;
    color:#fff
}
 .faq-groups{
    display:flex;
    flex-direction:column;
    gap:48px
}
 .faq-group-title{
    font-size:18px;
    font-weight:700;
    color:#1a2236;
    margin:0 0 20px;
    padding-bottom:12px;
    border-bottom:2px solid #e8edf5;
    display:flex;
    align-items:center;
    gap:10px
}
 .faq-group-title::before{
    content:"";
    display:inline-block;
    width:4px;
    height:20px;
    background:#1a6fc4;
    border-radius:2px;
    flex-shrink:0
}
 .faq-list{
    display:flex;
    flex-direction:column;
    gap:0;
    border:1px solid #e8edf5;
    border-radius:10px;
    overflow:hidden
}
 .faq-item{
    border-bottom:1px solid #e8edf5;
    background:#fff;
    transition:background .2s
}
 .faq-item:last-child{
    border-bottom:none
}
 .faq-question{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:20px;
    background:0 0;
    border:none;
    text-align:left;
    cursor:pointer;
    font-size:18px;
    font-weight:600;
    color:#1a2236;
    line-height:1.5;
    transition:color .2s;
    outline:0
}
 .faq-question:hover{
    color:#1a6fc4
}
 .faq-item.open .faq-question{
    color:#1a6fc4
}
 .faq-icon{
    flex-shrink:0;
    width:24px;
    height:24px;
    border-radius:50%;
    background:#f0f6ff;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:background .2s,transform .3s
}
 .faq-item.open .faq-icon{
    background:#1a6fc4;
    transform:rotate(45deg)
}
 .faq-icon svg{
    display:block;
    transition:stroke .2s
}
 .faq-item.open .faq-icon svg{
    stroke:#fff
}
 .faq-answer{
    display:none;
    padding:0 24px 20px
}
 .faq-answer p{
    font-size:16px;
    color:#555;
    line-height:1.4;
    margin:0;
    white-space:pre-wrap
}
 .faq-answer ul{
    margin:8px 0 0 0;
    padding-left:20px
}
 .faq-answer ul li{
    font-size:14px;
    color:#555;
    line-height:1.85;
    margin-bottom:4px
}
 .faq-contact-tip{
    text-align:center;
    margin-top:56px;
    padding:36px 40px;
    background:linear-gradient(135deg,#f0f6ff 0,#e8f0fb 100%);
    border-radius:12px;
    border:1px solid #d0daea
}
 .faq-contact-tip h3{
    font-size:20px;
    font-weight:700;
    color:#1a2236;
    margin:0 0 10px
}
 .faq-contact-tip p{
    font-size:14px;
    color:#666;
    margin:0 0 20px;
    line-height:1.7
}
 .btn-faq-contact{
    display:inline-block;
    padding:12px 32px;
    background:#1a6fc4;
    color:#fff;
    border-radius:6px;
    font-size:14px;
    font-weight:700;
    text-decoration:none;
    transition:background .2s
}
 .btn-faq-contact:hover{
    background:#1558a0
}
 .furniture-intro-section{
    padding:90px 0;
    padding-bottom:0;
    background:var(--white)
}
 .furniture-cards-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
    margin-top:44px
}
 .furniture-card{
    background:var(--white);
    border:1px solid #eef2f7;
    border-radius:14px;
    padding:34px 18px 28px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:20px;
    min-height:335px;
    transition:box-shadow .25s ease,transform .25s ease
}
 .furniture-card:hover{
    transform:translateY(-4px)
}
 .furniture-card-icon{
    width:72px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    width:100%
}
 .furniture-card-icon img{
    width:65px;
    height:65px;
    object-fit:contain
}
 .furniture-card-title{
    font-size:18px;
    font-weight:700;
    color:var(--dark);
    line-height:1.35;
    margin:0
}
 .furniture-card-list{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-direction:column;
    gap:6px
}
 .furniture-card-list li{
    font-size:14px;
    color:var(--text);
    line-height:1.45;
    padding-left:16px;
    position:relative
}
 .furniture-card-list li::before{
    content:"";
    position:absolute;
    left:0;
    top:10px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--blue)
}
 .service-offerings-section{
    padding:90px 0;
    background:var(--white)
}
 .service-offerings-layout{
    display:flex;
    gap:28px;
    margin-top:40px;
    align-items:flex-start;
    border:none;
    border-radius:0;
    overflow:visible;
    background:0 0
}
 .service-offerings-sidebar{
    width:210px;
    flex-shrink:0;
    position:sticky;
    top:110px;
    align-self:start;
    background:var(--white)
}
 .service-offerings-nav{
    list-style:none;
    padding:0;
    margin:0
}
 .service-offerings-nav-item{
    padding:12px 10px 12px 14px;
    font-size:15px;
    color:var(--text);
    border-left:4px solid transparent;
    transition:color .2s,border-color .2s;
    line-height:1.4;
    border-bottom:none
}
 .service-offerings-nav-link{
    display:block;
    color:inherit;
    text-decoration:none
}
 .service-offerings-nav-item:hover{
    color:var(--blue)
}
 .service-offerings-nav-item.active{
    background:0 0;
    color:var(--blue);
    font-weight:600;
    border-left-color:var(--blue)
}
 .service-offerings-content{
    flex:1;
    min-width:0;
    padding:0
}
 .service-tab-panel{
    display:none
}
 .service-tab-panel.active{
    display:block
}
 .service-tab-panel table{
    border-color:#d9e1eb
}
 .service-tab-ul{
    list-style:none;
    padding:0;
    margin:0 0 12px 0
}
 .service-tab-ul li{
    padding-left:16px;
    position:relative;
    margin-bottom:6px;
    font-size:14px;
    color:var(--text);
    line-height:1.6
}
 .service-tab-ul li::before{
    content:"\\2022";
    position:absolute;
    left:0;
    color:var(--blue)
}
 .service-tab-link-line{
    margin-bottom:12px
}
 .service-tab-inline-link{
    color:var(--blue);
    font-weight:600;
    font-size:14px;
    text-decoration:none
}
 .service-tab-inline-link:hover{
    text-decoration:underline
}
 .actual-case-section{
    padding:90px 0;
    background:var(--white);
    padding-top:0
}
 .actual-case-grid-wrap{
    margin-top:40px
}
 .actualCaseSwiper{
    overflow:hidden
}
 .actual-case-pagination-wrap{
    margin-top:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px
}
 .actualCasePagination{
    position:relative!important;
    bottom:auto!important;
    left:auto!important;
    width:auto!important;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px
}
 .actualCasePagination .swiper-pagination-bullet{
    margin:0!important;
    width:44px;
    height:44px;
    border-radius:4px;
    border:1px solid #d7dfeb;
    background:#fff;
    opacity:1;
    color:#23374d;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    font-weight:600;
    line-height:1;
    cursor:pointer;
    transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease
}
 .actualCasePagination .swiper-pagination-bullet-active{
    border-color:#2d79cb;
    background:#2d79cb;
    color:#fff;
    box-shadow:0 8px 18px rgba(45,121,203,.18)
}
 .actual-case-pagination-nav{
    width:44px;
    height:44px;
    padding:0;
    border:1px solid #d7dfeb;
    border-radius:4px;
    background:#fff;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease
}
 .actual-case-pagination-nav svg{
    display:block
}
 .actual-case-pagination-nav:hover{
    box-shadow:0 8px 18px rgba(240,138,75,.14);
    transform:translateY(-1px)
}
 .actual-case-pagination-nav.swiper-button-disabled{
    border-color:#d7dfeb;
    color:#c8d1dc;
    box-shadow:none;
    transform:none;
    cursor:not-allowed
}
 @media (max-width:767px){
    .actual-case-pagination-wrap,.actualCasePagination{
        gap:8px
    }
     .actual-case-pagination-nav,.actualCasePagination .swiper-pagination-bullet{
        width:40px;
        height:40px;
        font-size:18px
    }
}
 .actual-case-card{
    background:var(--white);
    border:1px solid #e2e8f0;
    border-radius:0 0 46px 0;
    overflow:hidden;
    height:100%;
    display:flex;
    flex-direction:column;
    transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease
}
 .actual-case-card:hover{
    box-shadow:0 14px 34px rgba(26,53,82,.12);
    transform:translateY(-4px);
    border-color:#d5dfea
}
 .actual-case-img-wrap{
    width:100%;
    aspect-ratio:1.58/1;
    overflow:hidden;
    background:#f0f4f8
}
 .actual-case-img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .35s ease
}
 .actual-case-card:hover .actual-case-img{
    transform:scale(1.04)
}
 .actual-case-body{
    padding:20px 30px;
    flex:1;
    display:flex;
    flex-direction:column
}
 .actual-case-title{
    font-size:20px;
    font-weight:500;
    line-height:1.35;
    margin-bottom:20px;
    min-height:55px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden
}
 .actual-case-meta{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-bottom:20px
}
 .actual-case-meta-row{
    display:flex;
    align-items:center;
    min-width:0;
    font-size:15px;
    line-height:1.5;
    color:#666
}
 .actual-case-meta-row span{
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden
}
 .actual-case-label{
    display:none
}
 .actual-case-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-top:auto;
    padding-top:20px;
    border-top:1px solid #ececec
}
 .actual-case-readmore{
    color:#2d8cf0;
    font-size:14px;
    font-weight:500
}
 .actual-case-arrow{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    border-radius:50%;
    background:#2d8cf0;
    color:#fff;
    font-size:22px;
    line-height:1;
    flex-shrink:0
}
 .actual-case-loadmore{
    text-align:center;
    margin-top:50px
}
 .btn-outline-primary{
    display:inline-flex;
    align-items:center;
    padding:10px 36px;
    font-size:15px;
    font-weight:600;
    border:2px solid var(--blue);
    color:var(--blue);
    border-radius:4px;
    text-decoration:none;
    background:0 0;
    transition:background .2s,color .2s
}
 .btn-outline-primary:hover{
    background:var(--blue);
    color:var(--white)
}
 .services-accordion-section{
    padding:90px 0
}
 .services-accordion{
    display:flex;
    width:100%;
    height:420px;
    gap:15px;
    border-radius:0;
    overflow:hidden
}
 .svc-card{
    position:relative;
    flex:1 1 0;
    height:100%;
    overflow:hidden;
    cursor:pointer;
    transition:flex .55s cubic-bezier(.4, 0, .2, 1);
    border-radius:10px
}
 .svc-card-hitarea{
    position:absolute;
    inset:0;
    z-index:1
}
 .svc-card.active{
    flex:3.4 1 0
}
 .svc-card-bg{
    position:absolute;
    inset:0;
    background-image:var(--bg);
    background-size:cover;
    background-position:center;
    transition:transform .55s cubic-bezier(.4, 0, .2, 1);
    pointer-events:none
}
 .svc-card.active .svc-card-bg{
    transform:scale(1.02)
}
 .svc-card-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(to top,rgba(10,20,40,.72),rgba(10,20,40,.15));
    transition:background .35s ease;
    pointer-events:none
}
 .svc-card.active .svc-card-overlay{
    background:linear-gradient(to top,rgba(10,20,40,.72),rgba(10,20,40,.15))
}
 .svc-card-collapsed{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:1;
    transition:opacity .25s ease;
    pointer-events:none
}
 .svc-card.active .svc-card-collapsed{
    opacity:0
}
 .svc-card-title-vert{
    writing-mode:vertical-rl;
    text-orientation:mixed;
    transform:rotate(180deg);
    color:#fff;
    font-size:20px;
    font-weight:600;
    letter-spacing:.04em;
    white-space:nowrap;
    text-shadow:0 1px 4px rgba(0,0,0,.5);
    line-height:1
}
 .svc-card-expanded{
    position:absolute;
    top:10%;
    left:24px;
    right:24px;
    padding:0;
    opacity:0;
    transform:translateY(8px);
    transition:opacity .3s ease .15s,transform .3s ease .15s;
    pointer-events:none
}
 .svc-card.active .svc-card-expanded{
    opacity:1;
    transform:translateY(0);
    pointer-events:none
}
 .svc-card.active .svc-card-btn{
    pointer-events:auto
}
 .svc-card-title{
    font-size:23px;
    width:max-content;
    font-weight:700;
    color:#fff;
    margin-bottom:10px;
    line-height:1.3;
    padding-bottom:10px;
    margin-bottom:20px;
    border-bottom:2px solid #fff
}
 .svc-card-desc{
    font-size:16px;
    color:rgba(255,255,255,.9);
    line-height:1.65;
    margin-bottom:16px;
    text-shadow:0 1px 3px rgba(0,0,0,.3)
}
 .svc-card-btn{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:8px 20px;
    background:var(--blue);
    color:#fff;
    font-size:13px;
    font-weight:600;
    border-radius:4px;
    text-decoration:none;
    transition:background .2s ease,transform .2s ease
}
 .svc-card-btn:hover{
    background:#1565c0;
    transform:translateX(2px)
}
 .corporate-services-section{
    padding-bottom:90px;
    background:#fff
}
 .corp-services-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:36px 24px;
    margin-top:60px
}
 .corp-service-item{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:40px
}
 .corp-service-icon{
    width:110px;
    height:110px;
    border-radius:50%;
    background:var(--blue-light);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    outline:20px solid rgb(0 84 203 / 5%);
    transition:background .25s ease,transform .25s ease
}
 .corp-service-item:hover .corp-service-icon{
    transform:translateY(-5px)
}
 .corp-service-icon img{
    width:55px;
    height:55px;
    object-fit:contain;
    filter:brightness(0) invert(1)
}
 .corp-service-label{
    font-size:16px;
    color:#333;
    line-height:1.6;
    font-weight:600
}
 .sd-intro-section{
    padding:90px 0;
    background:#fff
}
 .sd-intro-inner{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:48px;
    align-items:center
}
 .sd-intro-img{
    border-radius:8px;
    overflow:hidden
}
 .sd-intro-img img{
    width:100%;
    height:340px;
    object-fit:cover;
    display:block;
    border-radius:8px
}
 .sd-intro-content{
    display:flex;
    flex-direction:column;
    gap:14px
}
 .sd-intro-title{
    font-size:26px;
    font-weight:700;
    color:#1a2236;
    margin:0
}
 .sd-intro-subtitle{
    font-size:18px;
    font-weight:500;
    margin:0
}
 .sd-intro-desc{
    font-size:14px;
    color:#555;
    line-height:1.7;
    margin:0
}
 .sd-intro-btn{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-top:8px;
    padding:10px 24px;
    background:var(--blue,#1a6fc4);
    color:#fff;
    border-radius:4px;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
    width:fit-content;
    transition:background .2s
}
 .sd-intro-btn:hover{
    background:#155ba0
}
 .sd-detail-section{
    padding-bottom:90px
}
 .sd-detail-inner{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:48px;
    align-items:start
}
 .sd-advantages-title{
    font-size:30px;
    font-weight:700;
    color:#2f3137;
    line-height:1.2;
    margin:0 0 14px
}
 .sd-advantages-desc{
    font-size:16px;
    color:#5f6368;
    line-height:1.55;
    margin:0 0 20px
}
 .sd-advantages-desc span{
    color:#4da2ff;
    font-weight:700
}
 .sd-advantages>.sd-advantages-desc:nth-of-type(3){
    margin-bottom:30px
}
 .sd-advantages>.sd-advantages-title:nth-of-type(2){
    margin-top:30px;
    font-size:22px
}
 .sd-advantages>.sd-advantages-desc:nth-of-type(4){
    margin-bottom:22px
}
 .sd-advantages-img{
    margin:0 0 24px;
    border-radius:4px;
    overflow:hidden
}
 .sd-advantages-img img{
    width:100%;
    height:auto;
    object-fit:cover;
    display:block;
    border-radius:4px
}
 .sd-faq-title{
    font-size:30px;
    font-weight:700;
    margin:0 0 8px
}
 .sd-faq-intro{
    font-size:14px;
    font-weight:600;
    color:var(--blue,#1a6fc4);
    margin:0 0 8px
}
 .sd-faq-desc{
    font-size:13px;
    color:#666;
    line-height:1.7;
    margin:0 0 20px
}
 .sd-faq-list{
    display:flex;
    flex-direction:column;
    gap:10px;
    overflow:hidden
}
 .sd-faq-item{
    border:1px solid #e5eaf2;
    border-radius:5px;
    overflow:hidden
}
 .sd-faq-q{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px 18px;
    cursor:pointer;
    background:#fff;
    font-size:16px;
    font-weight:500;
    color:#1a2236;
    transition:background .2s,color .2s;
    user-select:none
}
 .sd-faq-icon{
    font-size:24px;
    font-weight:900;
    line-height:1;
    flex-shrink:0;
    margin-left:12px;
    transition:transform .25s;
    color:var(--blue)
}
 .sd-faq-icon.open,.sd-faq-item.active .sd-faq-icon{
    transform:rotate(45deg)
}
 .sd-faq-a{
    display:none;
    padding:0 18px
}
 .sd-faq-item.active .sd-faq-a{
    padding:14px 18px
}
 .sd-faq-a p{
    font-size:16px;
    color:#555;
    line-height:1.5;
    margin:0;
    white-space:pre-line
}
 .sd-banner-section{
    position:relative;
    overflow:hidden;
    padding-bottom:90px
}
 .sd-banner-inner{
    position:relative;
    min-height:220px;
    display:flex;
    align-items:center
}
 .sd-banner-bg{
    position:absolute;
    inset:0
}
 .sd-banner-bg img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block
}
 .sd-banner-overlay{
    position:absolute;
    inset:0;
    background:rgba(15,30,60,.82)
}
 .sd-banner-content{
    position:relative;
    z-index:2;
    padding:48px 0;
    text-align:center
}
 .sd-banner-title{
    font-size:24px;
    font-weight:700;
    color:#fff;
    margin:0 0 16px;
    line-height:1.5
}
 .sd-banner-desc{
    font-size:16px;
    color:rgba(255,255,255,.8);
    line-height:1.7;
    margin:0 0 24px
}
 .sd-banner-btn{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:10px 28px;
    background:var(--blue,#1a6fc4);
    color:#fff;
    border-radius:4px;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
    transition:background .2s
}
 .sd-banner-btn:hover{
    background:#155ba0
}
 .sd-regions-section{
    padding-bottom:90px
}
 .sd-regions-swiper{
    overflow:hidden
}
 .sd-regions-swiper .swiper-pagination{
    display:none
}
 .sd-regions-swiper .swiper-wrapper{
    display:grid;
    grid-template-columns:300px repeat(3,1fr);
    gap:16px;
    align-items:stretch;
    transform:none
}
 .sd-regions-swiper .swiper-slide{
    height:auto;
    width:auto;
    min-width:0
}
 .sd-region-slide-featured.swiper-slide{
    display:grid;
    grid-template-columns:300px minmax(0,1fr);
    gap:16px;
    grid-column:1/span 2
}
 .sd-region-feat-img-wrap{
    border-radius:12px;
    overflow:hidden;
    background:#e8f0fc
}
 .sd-region-feat-img-wrap img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block
}
 .sd-region-card{
    background:#fff;
    border:1px solid #e8edf5;
    border-radius:12px;
    padding:20px 20px 16px;
    display:flex;
    flex-direction:column;
    gap:10px;
    transition:box-shadow .2s;
    height:100%
}
 .sd-region-card-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px
}
 .sd-region-name{
    font-size:20px;
    font-weight:700;
    color:#1a2236;
    margin:0;
    display:flex;
    align-items:center;
    gap:8px
}
 .sd-region-bar{
    display:inline-block;
    width:3px;
    height:16px;
    background:#3b9eff;
    border-radius:2px;
    flex-shrink:0
}
 .sd-region-arrow{
    flex-shrink:0;
    display:flex;
    align-items:center;
    transition:opacity .2s
}
 .sd-region-arrow:hover{
    opacity:1
}
 .sd-region-desc{
    font-size:14px;
    color:#666;
    line-height:1.5;
    margin:0
}
 .sd-region-tags{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:4px
}
 .sd-region-tags span{
    display:inline-block;
    padding:3px 10px;
    border:1px solid #d0daea;
    border-radius:20px;
    font-size:13px;
    color:#444;
    background:#fff;
    white-space:nowrap
}
 .sd-services-section{
    padding-bottom:90px
}
 .sd-services-title{
    font-size:36px;
    font-weight:700;
    color:#1a2236;
    text-align:center;
    margin:0 0 12px
}
 .sd-services-title .text-blue{
    color:var(--blue,#1a6fc4)
}
 .sd-services-desc{
    font-size:16px;
    color:#666;
    text-align:center;
    max-width:80%;
    margin:0 auto 36px;
    line-height:1.7
}
 .sd-services-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px
}
 .sd-service-card{
    background:#fff;
    border:1px solid #e5eaf2;
    border-radius:8px;
    padding:24px 20px;
    transition:box-shadow .2s
}
 .sd-service-card:hover{
    box-shadow:0 4px 16px rgba(26,111,196,.1)
}
 .sd-service-icon{
    margin-bottom:30px;
    text-align:center
}
 .sd-service-icon img{
    width:70px;
    height:70px;
    object-fit:contain;
    margin:auto
}
 .sd-service-name{
    font-size:20px;
    font-weight:700;
    color:#1a2236;
    margin:0 0 20px
}
 .sd-service-list{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-direction:column;
    gap:6px
}
 .sd-service-list li{
    font-size:15px;
    color:#666;
    line-height:1.5;
    padding-left:20px;
    position:relative
}
 .sd-service-list li::before{
    content:"";
    position:absolute;
    left:0;
    top:10%;
    margin:auto;
    color:var(--blue,#1a6fc4);
    background:var(--blue,#1a6fc4);
    line-height:1.4;
    width:8px;
    height:8px;
    border-radius:100vh;
    display:block
}
 .sd-shipping-section{
    padding:90px 0;
    background:#f7f8fa
}
 .sd-section-title{
    font-size:36px;
    font-weight:700;
    color:#1a2236;
    text-align:center;
    margin:0 0 36px
}
 .sd-shipping-swiper{
    padding-bottom:56px
}
 .sd-shipping-page{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    align-items:stretch
}
 .sd-shipping-swiper.swiper{
    padding-bottom:50px
}
 .sd-shipping-swiper .swiper-pagination{
    position:absolute;
    left:50%!important;
    bottom:0!important;
    width:auto!important;
    transform:translateX(-50%);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px
}
 .sd-shipping-swiper .swiper-pagination-bullet{
    width:40px;
    height:3px;
    border-radius:0;
    background:var(--border);
    opacity:1;
    margin:0!important;
    transition:var(--transition)
}
 .sd-shipping-swiper .swiper-pagination-bullet-active{
    height:6px;
    background:var(--blue)
}
 .sd-shipping-swiper .swiper-slide{
    height:auto
}
 .sd-shipping-logo{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:30px;
    border:1px solid #e5eaf2;
    border-radius:8px;
    background:#fff;
    transition:box-shadow .2s
}
 .sd-shipping-swiper .sd-shipping-logo{
    height:175px
}
 .sd-shipping-logo:hover{
    box-shadow:0 2px 10px rgba(0,0,0,.08)
}
 .sd-shipping-logo img{
    max-width:100%;
    height:100%;
    object-fit:contain
}
 .sd-casestudy-section{
    padding:90px 0;
    padding-top:0
}
 .services-detail .sd-casestudy-section{
    padding-top:90px
}
 .services-detail .cta-section{
    margin-top:90px
}
 .sd-casestudy-swiper{
    overflow:hidden
}
 .sd-casestudy-swiper .swiper-pagination{
    display:none
}
 .sd-casestudy-swiper .swiper-wrapper{
    display:grid!important;
    grid-template-columns:repeat(6,1fr);
    gap:10px;
    transform:none
}
 .sd-casestudy-swiper .swiper-slide{
    height:auto;
    width:auto;
    min-width:0
}
 .sd-case-item{
    position:relative;
    border-radius:0;
    overflow:hidden;
    cursor:pointer;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    aspect-ratio:1/1;
    display:flex;
    align-items:center;
    justify-content:center
}
 .sd-case-item:hover .sd-case-overlay{
    background:rgba(0,0,0,.55)
}
 .sd-case-item:hover .sd-case-icon{
    transform:scale(1.08)
}
 .sd-case-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.42);
    transition:background .3s
}
 .sd-case-content{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10px;
    padding:12px;
    text-align:center
}
 .sd-case-icon{
    width:44px;
    height:44px;
    object-fit:contain;
    filter:brightness(0) invert(1);
    transition:transform .3s
}
 .sd-case-label{
    color:#fff;
    font-size:16px;
    font-weight:500;
    line-height:1.3;
    text-shadow:0 1px 3px rgba(0,0,0,.5)
}
 .swiper-off{
    display:grid
}
 .swiper-on{
    display:none!important
}
 .about-intro-section{
    padding:90px 0;
    padding-top:100px
}
 .about-intro-inner{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:90px 60px;
    align-items:flex-start
}
 .about-intro-left{
    position:relative
}
 .about-intro-logo-bg{
    position:absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    pointer-events:none;
    z-index:0
}
 .about-intro-logo-watermark{
    width:100%;
    height: 100%;
}
 .about-intro-title{
    position:relative;
    z-index:1;
    font-size:40px;
    font-weight:800;
    line-height:1.6;
    letter-spacing:-.03em;
    color:#171a21;
    margin-bottom:30px;
    padding-left:80px
}
 .about-intro-desc{
    position:relative;
    z-index:1;
    font-size:16px;
    color:#4f5663;
    line-height:1.5;
    font-weight:500;
    margin-bottom:24px
}
 .about-intro-tags{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px 18px;
    margin-top:34px
}
 .about-intro-tag{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:15px;
    color:#232833;
    font-weight:700;
    border:1px solid #d7e0ee;
    border-radius:999px;
    padding:8px 18px;
    background:#fff
}
 .about-intro-right{
    display:flex;
    flex-direction:column;
    gap:28px;
    height:100%
}
 .about-intro-right-text p{
    font-size:16px;
    color:#4f5663;
    line-height:1.5;
    font-weight:500;
    margin-bottom:24px
}
 .about-intro-right-text p:last-child{
    margin-bottom:0
}
 .about-intro-right-img{
    height:100%
}
 .about-intro-right-img img{
    width:100%;
    height:100%;
    border-radius:24px;
    display:block;
    object-fit:cover;
    max-height:560px
}
 .about-figures-panel{
    grid-column:1/-1;
    border-radius:8px;
    text-align:center
}
 .about-figures-head{
    max-width:1120px;
    margin:0 auto 54px
}
 .about-figures-panel .section-title{
    margin-bottom:15px
}
 .about-figures-panel .section-desc{
    margin:auto;
    margin-bottom:50px
}
 .about-figures-head h2{
    margin:0 0 20px;
    font-size:42px;
    line-height:1.18;
    font-weight:500;
    color:#111827;
    letter-spacing:0
}
 .about-figures-head p,.section-desc{
    margin:0;
    font-size:16px;
    line-height:1.7;
    color:#263244
}
 .about-figures-stats{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:28px;
    margin:0 auto
}
 .about-figures-panel .about-stat-value{
    color:var(--blue);
    font-size:44px;
    font-weight:800
}
 .about-figures-panel .about-stat-label{
    color:#111827;
    font-size:18px;
    margin-top:16px
}
 .about-culture-section{
    padding:90px;
    background:#f5f5fa
}
 .about-culture-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:20px;
    margin-top:60px
}
 .about-culture-card{
    position:relative;
    height:300px;
    border-radius:10px;
    overflow:hidden;
    cursor:pointer;
    background-image:var(--bg);
    background-size:cover;
    background-position:center
}
 .about-culture-card:first-child{
    grid-column:span 2
}
 .about-culture-card:nth-child(2){
    grid-column:span 2
}
 .about-culture-card:nth-child(3){
    grid-column:span 2
}
 .about-culture-card:nth-child(4){
    grid-column:span 3
}
 .about-culture-card:nth-child(5){
    grid-column:span 3
}
 .about-culture-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.15);
    transition:background .35s ease
}
 .about-culture-card--active .about-culture-overlay,.about-culture-card:hover .about-culture-overlay{
    background:rgba(0,0,0,.45)
}
 .about-culture-content{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding:20px;
    z-index:1
}
 .about-culture-title{
    font-size:24px;
    font-weight:700;
    color:#fff;
    margin-bottom:0;
    text-align:center
}
 .about-culture-desc{
    font-size:16px;
    color:rgba(255,255,255,.92);
    line-height:1.6;
    max-height:0;
    overflow:hidden;
    opacity:0;
    transition:max-height .4s ease,opacity .35s ease,margin-top .3s ease;
    margin-top:0;
    text-align:center
}
 .about-culture-card--active .about-culture-desc,.about-culture-card:hover .about-culture-desc{
    max-height:120px;
    opacity:1;
    margin-top:8px
}
 .about-network-section .item_box .item{
    display:flex;
    gap:10px;
    margin:auto;
    align-items:center;
    padding:20px
}
 .about-network-section .item_box .item:nth-child(2n){
    display:flex;
    flex-direction:row-reverse
}
 .about-network-section .item_box .item .title{
    position:relative;
    padding-left:20px;
    flex:0 0 35%
}
 .about-network-section .item_box .item:nth-child(2n) .title{
    padding-left:0;
    padding-right:20px;
    display:flex;
    justify-content:flex-end;
    text-align:end
}
 .about-network-section .item_box .item .title:before{
    content:'';
    display:block;
    width:5px;
    height:90%;
    background:var(--blue);
    position:absolute;
    left:0;
    top:8%
}
 .about-network-section .item_box .item:nth-child(2n) .title:before{
    left:unset;
    right:0
}
 .about-network-section .item_box .item .title p{
    font-size:34px;
    font-weight:700;
    line-height:normal;
    max-width:90%
}
 .about-network-section .item_box .item .img{
    flex:0 0 65%
}
 .about-network-section{
    padding:64px 0
}
 .about-network-map{
    margin-top:0;
    text-align:center;
    display:none
}
 .about-network-map img{
    width:100%;
    display:inline-block
}
 .about-why-section{
    padding:90px 0;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    position:relative
}
 .about-why-section::before{
    content:'';
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.2)
}
 .about-why-section .auto-container{
    position:relative;
    z-index:1
}
 .about-why-title{
    color:#fff!important
}
 .about-why-swiper{
    margin-top:40px;
    overflow:visible
}
 .about-why-swiper .swiper-wrapper{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
    transform:none
}
 .about-why-swiper .swiper-slide{
    height:auto
}
 .about-why-swiper .swiper-pagination{
    display:none
}
 .about-why-card{
    background:rgba(255,255,255,.8);
    border:none;
    border-radius:12px;
    padding:32px 24px 28px;
    text-align:center;
    transition:background .3s,transform .3s
}
 .about-why-card:hover{
    background:rgba(255,255,255,.92);
    transform:translateY(-4px)
}
 .about-why-icon{
    width:68px;
    height:68px;
    margin:0 auto 18px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#2563eb;
    border-radius:50%;
    padding:14px
}
 .about-why-icon img{
    width:40px;
    height:40px;
    object-fit:contain;
    filter:brightness(0) invert(1)
}
 .about-why-card-title{
    font-size:18px;
    font-weight:700;
    color:#1a2233;
    margin-bottom:10px;
    line-height:1.4
}
 .about-why-card-desc{
    font-size:16px;
    color:#555;
    line-height:1.65
}
 .about-process-section{
    display:none;
    padding:72px 0 80px
}
 .about-process-track{
    display:flex;
    flex-direction:row;
    align-items:flex-start;
    justify-content:center;
    margin-top:48px;
    position:relative;
    padding:20px 0 60px
}
 .about-process-step{
    display:flex;
    flex-direction:column;
    align-items:center;
    position:relative;
    flex:1;
    z-index:1
}
 .about-process-step[data-pos=up]{
    margin-top:0
}
 .about-process-step[data-pos=down]{
    margin-top:30px
}
 .about-process-step:not(:last-child)::after{
    content:'';
    position:absolute;
    top:100px;
    right:-50%;
    width:100%;
    height:0;
    border-top:2px dashed #b0c4de;
    z-index:0;
    pointer-events:none;
    transform-origin:left center
}
 .about-process-step[data-pos=up]:not(:last-child)::after{
    transform:rotate(7deg)
}
 .about-process-step[data-pos=down]:not(:last-child)::after{
    transform:rotate(-7deg)
}
 .about-process-img-wrap{
    width:180px;
    height:180px;
    border-radius:50%;
    overflow:hidden;
    border:3px solid var(--blue);
    box-shadow:0 2px 12px rgba(37,99,235,.15);
    flex-shrink:0;
    position:relative;
    z-index:2
}
 .about-process-img-wrap img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block
}
 .about-process-info{
    margin-top:14px;
    text-align:center;
    width:100%
}
 .about-process-info h4{
    font-size:16px;
    font-weight:600;
    color:#1a2233;
    line-height:1.5;
    margin:0
}
 .about-service-flow-section{
    padding:90px 0;
    overflow:hidden
}
 .about-service-flow-head{
    max-width:1500px;
    margin:0 auto 54px;
    text-align:center
}
 .about-service-flow-timeline{
    position:relative;
    display:grid;
    grid-template-columns:40px minmax(0,1fr) 40px;
    align-items:start;
    gap:35px
}
 .about-service-flow-timeline::before{
    content:"";
    position:absolute;
    top:60px;
    left:65px;
    right:65px;
    height:1px;
    background:#e3e4e7
}
 .about-service-flow-arrow{
    position:relative;
    z-index:2;
    width:40px;
    height:40px;
    margin-top:40px;
    border:1px solid #d7dce5;
    border-radius:50%;
    background:#fff;
    color:#8a96a3;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease
}
 .about-service-flow-arrow:hover{
    background:var(--blue);
    border-color:var(--blue);
    color:#fff;
    transform:translateY(-2px)
}
 .about-service-flow-section .about-service-flow-nav-swiper{
    position:relative;
    z-index:1;
    width:100%;
    margin:0!important;
    overflow:hidden;
    padding-bottom:10px
}
 .about-service-flow-nav-swiper .swiper-slide{
    height:auto;
    display:flex;
    justify-content:flex-start
}
 .about-service-flow-chip{
    width:100%;
    padding:0;
    border:0;
    background:0 0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:16px;
    cursor:pointer;
    text-align:center
}
 .about-service-flow-date{
    width:100%;
    font-size:18px;
    line-height:1;
    font-weight:500;
    text-align:left;
    transition:color .25s ease
}
 .about-service-flow-marker{
    width:45px;
    height:45px;
    border-radius:50%;
    background:var(--blue);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    box-shadow:0 0 0 8px rgb(30 113 230 / 15%);
    position:relative;
    z-index:2;
    margin-top:5px;
    margin-left:10px;
    transition:background .25s ease,color .25s ease,transform .25s ease
}
 .about-service-flow-section .about-service-flow-cards-swiper{
    width:calc(100% - 150px);
    margin:25px auto 0!important;
    overflow:hidden
}
 .about-service-flow-section .about-service-flow-cards-swiper .swiper-slide,.about-service-flow-section .about-service-flow-cards-swiper .swiper-wrapper{
    overflow:visible
}
 .about-service-flow-section .about-service-flow-cards-swiper .swiper-slide{
    height:auto;
    display:flex;
    padding-top:20px
}
 .about-service-flow-card{
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    min-height:150px;
    padding:20px;
    background:#f8f8f9;
    transition:transform .25s ease,box-shadow .25s ease
}
 .about-service-flow-card::before{
    content:"";
    position:absolute;
    top:-15px;
    left:15px;
    width:30px;
    height:20px;
    background:#f8f8f9;
    clip-path:polygon(50% 0,100% 100%,0 100%);
    filter:drop-shadow(0 -4px 6px rgba(15,23,42,.1));
    z-index:2
}
 .about-service-flow-card h3{
    position:relative;
    z-index:1;
    margin:0 0 14px;
    font-size:16px;
    line-height:1.5;
    font-weight:700
}
 .about-service-flow-card p{
    position:relative;
    z-index:1;
    margin:0;
    font-size:16px;
    line-height:1.55
}
 .about-service-flow-card:hover{
    transform:translateY(-3px)
}
 .about-service-flow-section .section-title{
    margin-bottom:58px
}
 .about-service-flow-section .about-service-flow-timeline{
    position:relative;
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:0;
    align-items:start;
    padding:0 0 8px
}
 .about-service-flow-section .about-service-flow-timeline::before{
    content:"";
    position:absolute;
    top:104px;
    left:0;
    right:0;
    height:2px;
    background:#e6e6e6
}
 .about-service-flow-item{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-rows:88px 32px auto;
    justify-items:center;
    text-align:center;
    min-width:0
}
 .about-service-flow-icon{
    width:85px;
    height:85px;
    display:flex;
    align-items:center;
    justify-content:center
}
 .about-service-flow-icon img{
    max-width:100%;
    max-height:100%;
    display:block;
    object-fit:contain
}
 .about-service-flow-node{
    width:18px;
    height:18px;
    margin-top:7px;
    border:1px solid #aaa;
    border-radius:50%;
    background:#fff
}
 .about-service-flow-copy{
    max-width:245px;
    padding:20px 10px;
    padding-bottom:0
}
 .about-service-flow-copy h3{
    margin:0 0 10px;
    font-size:18px;
    line-height:1.25;
    font-weight:700;
    color:#20242a;
    min-height:2.5em;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    margin-bottom:20px
}
 .about-service-flow-copy p{
    margin:0;
    font-size:16px;
    line-height:1.5;
    color:#666
}
 .about-cert-section{
    padding:90px 0;
    padding-top:0;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    position:relative
}
 .about-cert-section::before{
    content:'';
    position:absolute;
    inset:0
}
 .about-cert-section .auto-container{
    position:relative;
    z-index:1
}
 .about-cert-item{
    background:#fff;
    border-radius:0;
    overflow:hidden;
    border:4px solid #5d5d5d;
    transition:transform .3s
}
 .about-cert-item:hover{
    transform:translateY(-4px)
}
 .about-cert-item img{
    width:100%;
    display:block;
    object-fit:cover;
    aspect-ratio:3/4
}
 .about-cert-swiper{
    margin-top:48px;
    position:relative;
    padding:0 0 36px;
    padding-bottom:50px!important
}
 .about-cert-swiper .swiper-slide{
    padding-top:4px
}
 .about-cert-swiper .swiper-pagination{
    bottom:0!important;
    left:50%!important;
    width:auto!important;
    transform:translateX(-50%);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px
}
 .about-cert-swiper .swiper-pagination-bullet{
    width:40px;
    height:3px;
    border-radius:0;
    background:var(--border);
    opacity:1;
    margin:0!important;
    transition:var(--transition)
}
 .about-cert-swiper .swiper-pagination-bullet-active{
    width:40px;
    height:6px;
    border-radius:0;
    background:var(--blue)
}