@media (max-width:1800px){
    .search_con2{
        width:60%;
        height:80px
    }
     .search_con2.active{
        right:10px
    }
     @media (max-width:1600px){
        .nav-inner{
            height:65px
        }
         .search_con2{
            height:65px;
            width:70%
        }
         .nav-logo-img{
            height:45px
        }
         .nav-logo-name{
            font-size:22px
        }
         .nav-logo-sub{
            font-size:15px
        }
         .nav-list{
            gap:15px
        }
         .nav-item>a{
            gap:0;
            padding:20px 5px
        }
    }
}
 @media (max-width:1400px){
    .nav-logo-name{
        font-size:18px
    }
     .nav-logo-sub{
        font-size:14px
    }
     .nav-list{
        gap:20px
    }
     .nav-item>a{
        padding:15px 0
    }
     .region-grid{
        flex-wrap:wrap;
        display:flex;
        align-items:flex-start
    }
     .region-card{
        border-radius:15px;
        border-width:1px
    }
     .region-card:first-child{
        height:220px
    }
     .region-card:nth-child(2){
        height:250px
    }
     .region-card:nth-child(3){
        height:275px
    }
     .region-card:nth-child(4){
        height:300px
    }
     .region-card:nth-child(5){
        height:275px
    }
     .region-card:nth-child(6){
        height:250px
    }
     .region-card:nth-child(7){
        height:220px
    }
     .region-label{
        font-size:15px
    }
     .region-hover{
        align-items:center
    }
     .region-hover-title{
        font-size:18px
    }
     .region-tags{
        gap:5px
    }
     .region-tags span{
        padding:2px 5px;
        font-size:11px
    }
     .region-hover .btn-sm-white{
        width:20px;
        height:20px
    }
     .region-hover .btn-sm-white svg{
        width:12px
    }
}
 @media (max-width:1280px){
    .nav-item>a{
        font-size:16px
    }
}
 @media (max-width:1200px){
    .cta-left{
        padding:44px 36px
    }
     .cta-partner-logos{
        max-width:100%
    }
     .cta-logo-item{
        flex-basis:132px;
        width:132px;
        height:84px;
        padding:16px
    }
     .cta-right{
        padding:36px 32px
    }
     .cta-form-title,.cta-headline{
        font-size:32px
    }
     .cta-stats{
        gap:16px
    }
}
 @media (max-width:1200px){
    .footer-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:32px 24px
    }
}
 @media (max-width:1200px){
    .contact-cards-wrap{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}
 @media (max-width:1200px){
    .sbr-feature-grid{
        grid-template-columns:repeat(2,1fr)
    }
}
 @media (max-width:1200px){
    .furniture-cards-grid{
        grid-template-columns:repeat(2,1fr)
    }
}
 @media (max-width:1200px){
    .about-culture-grid{
        grid-template-columns:repeat(3,1fr)
    }
     .about-culture-card:nth-child(n){
        grid-column:span 1
    }
}
 @media (max-width:1200px){
    .nav-inner{
        padding:0 24px;
        gap:18px
    }
     .nav-list{
        gap:14px
    }
     .nav-item>a{
        padding:26px 8px;
        font-size:16px
    }
     .nav-logo-name{
        font-size:22px
    }
     .nav-logo-sub{
        width:125px;
        font-size:14px
    }
}
 @media (max-width:1080px){
    .auto-container{
        padding-left:24px;
        padding-right:24px
    }
     .about-cert-title,.about-intro-title,.about-why-title,.faq-section-title,.sbr-section-title,.sd-advantages-title,.sd-faq-title,.section-title{
        font-size:32px
    }
     .nav-inner{
        padding:0 24px;
        gap:16px
    }
     .nav-logo-img{
        height:48px
    }
     .nav-logo-name{
        font-size:22px
    }
     .nav-logo-sub{
        width:auto;
        font-size:14px
    }
     .nav-menu{
        min-width:0;
        overflow-x:auto;
        scrollbar-width:none
    }
     .nav-menu::-webkit-scrollbar{
        display:none
    }
     .nav-list{
        width:max-content;
        justify-content:flex-start;
        gap:16px;
        padding-right:8px
    }
     .nav-item>a{
        padding:26px 6px;
        font-size:15px
    }
     .nav-search-box{
        width:220px
    }
     .hero-section{
        min-height:760px
    }
     .hero-content{
        padding:96px 40px 180px
    }
     .hero-text{
        max-width:720px
    }
     .hero-title{
        font-size:42px
    }
     .hero-eyebrow{
        font-size:16px
    }
     .hero-dots{
        bottom:168px
    }
     .service-tabs-inner{
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
     .service-tab{
        min-height:96px;
        padding:18px 14px
    }
     .service-tab span{
        font-size:15px
    }
     .about-inner,.about-intro-inner,.blog-detail-layout,.blog-layout,.contact-form-row,.cta-inner,.news-and-more-grid,.sbr-featured-card,.sbr-tabs-layout,.sd-detail-inner,.sd-intro-inner,.service-offerings-layout,.service-panel-grid{
        grid-template-columns:1fr
    }
     .industries-grid{
        grid-template-columns:repeat(4,1fr)
    }
     .about-culture-grid,.actualCaseSwiper .swiper-wrapper,.contact-cards-wrap,.corp-services-grid,.furniture-cards-grid,.news-carousel,.sbr-country-grid,.sbr-feature-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     .actual-case-body,.blog-detail-main,.contact-form-wrap,.cta-left,.cta-right,.faq-contact-tip,.sbr-country-card,.sbr-featured-card,.service-offerings-content{
        padding-left:32px;
        padding-right:32px
    }
     .contact-map-wrap iframe,.page-hero{
        height:420px
    }
     .page-hero-title{
        font-size:34px
    }
     .blog-detail-sidebar,.sbr-tabs-nav,.service-offerings-sidebar{
        position:static;
        top:auto
    }
     .blog-card{
        gap:20px
    }
     .blog-card-thumb{
        width:260px
    }
     .blog-detail-main{
        padding-top:40px;
        padding-bottom:40px
    }
     .about-cert-section,.about-culture-section,.about-intro-section,.about-network-section,.about-process-section,.actual-case-section,.contact-map-section,.faq-section-wrap,.furniture-intro-section,.sbr-feature-section,.sbr-tabs-section,.sd-detail-section,.sd-intro-section,.service-offerings-section{
        padding-top:72px;
        padding-bottom:72px
    }
     .faq-groups{
        gap:32px
    }
     .footer-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:28px 24px
    }
     .footer-bottom-inner{
        align-items:flex-start;
        flex-direction:column
    }
}
 @media (max-width:1024px){
    .services-accordion{
        height:260px
    }
     .svc-card{
        flex:0 0 90px;
        border-radius:16px
    }
     .svc-card.active{
        flex:1 1 auto
    }
     .corp-services-grid{
        grid-template-columns:repeat(4,1fr);
        gap:28px 20px
    }
}
 @media (max-width:1024px){
    .about-intro-inner{
        grid-template-columns:1fr;
        gap:40px
    }
     .about-figures-panel{
        padding:0
    }
     .about-figures-head{
        margin-bottom:38px
    }
     .about-figures-head h2{
        font-size:34px
    }
     .about-figures-stats{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     .about-intro-title{
        font-size:34px;
        margin-bottom:44px
    }
     .about-intro-logo-bg{
        width:300px;
        top:-28px
    }
     .about-why-swiper .swiper-wrapper{
        grid-template-columns:repeat(2,1fr)
    }
     .about-process-track{
        flex-wrap:wrap;
        gap:20px
    }
     .about-process-step{
        flex:0 0 calc(33.33% - 14px);
        margin-top:0!important
    }
     .about-process-step::after{
        display:none
    }
     .about-service-flow-section{
        padding:64px 0 72px
    }
     .about-service-flow-head h2{
        font-size:34px
    }
     .about-service-flow-timeline{
        grid-template-columns:42px minmax(0,1fr) 42px;
        gap:16px
    }
     .about-service-flow-timeline::before{
        left:56px;
        right:56px
    }
     .about-service-flow-section .about-service-flow-cards-swiper{
        width:calc(100% - 116px);
        margin:24px auto 0!important;
        overflow:visible!important
    }
     .about-service-flow-card{
        padding:22px 20px 24px
    }
}
 @media (max-width:1023px){
    .actualCaseSwiper .swiper-wrapper{
        display:flex!important
    }
     .actual-case-body{
        padding:22px 22px 20px
    }
     .actual-case-meta{
        grid-template-columns:1fr;
        gap:12px
    }
     .actualCasePagination{
        display:block!important
    }
}
 @media (min-width:640px) and (max-width:1023px){
    .actualCaseSwiper .swiper-wrapper{
        display:flex!important
    }
}
 @media (max-width:1023px){
    .sd-intro-inner{
        grid-template-columns:1fr;
        gap:28px
    }
     .sd-intro-img img{
        height:260px
    }
     .sd-detail-inner{
        grid-template-columns:1fr
    }
     .sd-regions-swiper .swiper-wrapper{
        display:grid!important;
        grid-template-columns:repeat(2,1fr)
    }
     .sd-region-slide-featured{
        grid-column:1/-1;
        grid-template-columns:1fr
    }
     .sd-region-feat-img-wrap img{
        min-height:180px;
        height:200px
    }
     .sd-services-grid{
        grid-template-columns:repeat(2,1fr)
    }
     .sd-shipping-grid{
        grid-template-columns:repeat(4,1fr)
    }
     .sd-casestudy-swiper .swiper-wrapper{
        display:grid!important;
        grid-template-columns:repeat(4,1fr)
    }
}
 @media (max-width:900px){
    .cta-inner{
        grid-template-columns:1fr;
        min-height:0
    }
}
 @media (max-width:900px){
    .sbr-country-grid,.sbr-featured-card,.sbr-tabs-layout{
        grid-template-columns:1fr
    }
     .sbr-tabs-nav{
        position:static;
        top:auto;
        padding:16px 0;
        border:0;
        border-radius:0;
        box-shadow:none
    }
}
 @media (max-width:900px){
    .blog-layout{
        grid-template-columns:1fr
    }
     .blog-sidebar{
        gap:16px
    }
     .blog-card{
        gap:18px
    }
     .blog-card-thumb{
        flex:0 0 260px;
        width:260px;
        height:170px
    }
     .blog-card-title{
        font-size:20px
    }
     .blog-card-excerpt{
        font-size:15px
    }
}
 @media (max-width:900px){
    .blog-detail-container{
        padding:0 24px
    }
     .blog-detail-layout{
        grid-template-columns:1fr
    }
     .blog-detail-sidebar{
        position:static;
        top:auto
    }
}
 @media (max-width:900px){
    .service-offerings-sidebar{
        width:160px
    }
}
 @media (max-width:900px){
    .nav-inner{
        height:auto;
        padding:12px 20px;
        gap:12px;
        flex-wrap:wrap;
        align-items:center;
        justify-content:space-between
    }
     .search_con2.active{
        right:0
    }
     .search_con2{
        height:70px;
        width:100%
    }
     .nav-logo-img{
        height:46px
    }
     .nav-logo-name{
        font-size:20px
    }
     .nav-logo-sub{
        width:auto;
        max-width:180px;
        font-size:13px
    }
     .nav-menu{
        order:3;
        flex:1 1 100%;
        min-width:0;
        overflow-x:auto;
        -ms-overflow-style:none;
        scrollbar-width:none
    }
     .nav-menu::-webkit-scrollbar{
        display:none
    }
     .nav-list{
        width:max-content;
        min-width:100%;
        justify-content:flex-start;
        gap:10px;
        padding-bottom:4px
    }
     .nav-item>a{
        padding:10px 8px;
        font-size:15px
    }
     .nav-dropdown{
        display:none!important
    }
}
 @media (max-width:768px){
    .auto-container{
        padding-left:16px;
        padding-right:16px;
        padding:0
    }
     .about-cert-title,.about-intro-title,.about-title,.about-why-title,.faq-section-title,.page-hero-title,.sbr-section-title,.sd-advantages-title,.sd-faq-title,.section-title{
        font-size:26px;
        line-height:1.3
    }
     #site-header{
        background:#fff
    }
     .nav-inner{
        height:72px;
        padding:0 16px;
        gap:12px
    }
     .nav-logo{
        min-width:0
    }
     .nav-logo-img{
        height:42px
    }
     .nav-logo-text{
        min-width:0
    }
     .nav-logo-name{
        font-size:18px;
        border-right:0;
        margin-right:0;
        padding-right:0;
        filter: unset;
    }
     .nav-logo-sub{
        display:none
    }
     .nav-toggle{
        display:inline-flex;
        order:4
    }
     #site-header.nav-open .nav-toggle span:first-child{
        transform:translateY(7px) rotate(45deg)
    }
     #site-header.nav-open .nav-toggle span:nth-child(2){
        opacity:0
    }
     #site-header.nav-open .nav-toggle span:nth-child(3){
        transform:translateY(-7px) rotate(-45deg)
    }
     .nav-search-wrap{
        order:3;
        margin-left:auto
    }
     .nav-menu{
        position:fixed;
        top:72px;
        left:0;
        right:0;
        max-height:calc(100vh - 72px);
        padding:12px 16px 24px;
        background:#103c60;
        border-top:1px solid rgba(255,255,255,.08);
        overflow-y:auto;
        overflow-x:hidden;
        opacity:0;
        visibility:hidden;
        transform:translateY(-8px);
        pointer-events:none;
        transition:opacity .25s ease,transform .25s ease,visibility .25s ease;
        box-shadow:0 18px 40px rgba(7,20,42,.2)
    }
     #site-header.nav-open .nav-menu{
        opacity:1;
        visibility:visible;
        transform:translateY(0);
        pointer-events:auto
    }
     body.nav-open{
        overflow:hidden
    }
     .nav-list{
        width:100%;
        display:flex;
        flex-direction:column;
        gap:0;
        padding-right:0
    }
     .nav-item{
        width:100%;
        border-bottom:1px solid rgba(255,255,255,.08)
    }
     .nav-item>a{
        width:100%;
        justify-content:space-between;
        padding:8px 0;
        font-size:15px
    }
     .nav-item.has-dropdown>a .nav-arrow{
        font-size:20px;
        padding:0;
        transition:transform .25s ease
    }
     .nav-item.has-dropdown.open>a .nav-arrow{
        transform:rotate(180deg)
    }
     .nav-dropdown{
        position:static;
        min-width:0;
        margin:0;
        background:unset;
        box-shadow:none;
        opacity:1;
        visibility:visible;
        transform:none;
        display:none;
        padding:0;
        border-radius:10px
    }
     .nav-item.has-dropdown.open>.nav-dropdown{
        display:block!important
    }
     .nav-dropdown li a{
        padding:10px 14px;
        font-size:14px;
        color:rgba(255,255,255,.82)
    }
     .nav-dropdown .nav-dropdown{
        margin:0;
        padding:0;
        border-left:1px solid rgba(255,255,255,.08);
        border-radius:0;
        background:0 0
    }
     .nav-dropdown li.has-dropdown>a .nav-arrow{
        transform:rotate(0)
    }
     .nav-dropdown li.has-dropdown.open>a .nav-arrow{
        transform:rotate(180deg)
    }
     .nav-dropdown .nav-dropdown li a{
        padding:6px 20px;
        font-size:14px;
        color:rgba(255,255,255,.74)
    }
     .nav-dropdown li.open .nav-dropdown-sub{
        display:block!important;
        border:0
    }
     .nav-dropdown li a:hover{
        background:unset;
        color:#fff
    }
     .nav-search-box{
        width:min(240px,calc(100vw - 32px));
        right:-8px
    }
     .hero-section{
        min-height:520px
    }
     .hero-content{
        align-items:flex-start;
        padding:50px 20px
    }
     .hero-text{
        max-width:100%
    }
     .hero-title{
        font-size:30px;
        margin-bottom:18px
    }
     .hero-eyebrow{
        font-size:14px;
        margin-bottom:8px
    }
     .hero-dots{
        bottom:255px
    }
     .why-choose-wrap{
        padding:56px 0 0
    }
     .why-orbit{
        display:flex;
        flex-direction:column;
        gap:14px;
        min-height:0
    }
     .why-orbit-center{
        grid-column:auto;
        grid-row:auto;
        order:1;
        width:100%;
        max-width:340px;
        margin:0 auto 8px;
        padding:0
    }
     .why-center-img{
        width:100%;
        max-width:100%
    }
     .why-feat{
        width:100%
    }
     .why-feat-l1,.why-feat-l2,.why-feat-l3,.why-feat-r1,.why-feat-r2,.why-feat-r3{
        grid-column:auto;
        grid-row:auto;
        align-self:stretch;
        justify-content:flex-start;
        padding:0;
        margin:0
    }
     .why-feat-inner,.why-feat-left .why-feat-inner,.why-feat-right .why-feat-inner{
        flex-direction:row;
        align-items:flex-start;
        gap:12px
    }
     .why-feat-left .why-icon-wrap,.why-feat-right .why-icon-wrap{
        order:0;
        margin:0
    }
     .why-feat-left .why-feat-text,.why-feat-right .why-feat-text{
        order:1;
        width:auto;
        text-align:left
    }
     .why-icon-wrap{
        width:42px;
        height:42px;
        padding:8px;
        outline-width:7px
    }
     .why-feat-text h4{
        margin-bottom:4px;
        font-size:16px
    }
     .why-feat-text p{
        margin:0;
        font-size:14px;
        line-height:1.6
    }
     .service-tabs-inner{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
     .service-tab{
        min-height:auto;
        padding:16px 12px
    }
     .service-tab span{
        font-size:13px
    }
     .about-cert-section,.about-culture-section,.about-intro-section,.about-network-section,.about-process-section,.about-section,.actual-case-section,.blog-detail-layout,.blog-layout,.contact-cards-section,.contact-form-section,.contact-map-section,.faq-section,.faq-section-wrap,.furniture-intro-section,.news-section,.sbr-feature-section,.sbr-tabs-section,.sd-detail-section,.sd-intro-section,.service-offerings-section,.service-panel-section{
        padding:0;
        padding-top:56px;
        padding-bottom:56px
    }
     .about-culture-grid,.contact-cards-wrap,.corp-services-grid,.furniture-cards-grid,.news-carousel,.sbr-country-grid,.sbr-feature-grid{
        grid-template-columns:1fr
    }
     .about-culture-card{
        height:auto;
        min-height:260px
    }
     .about-culture-content{
        justify-content:flex-end
    }
     .about-culture-title{
        margin-bottom:8px
    }
     .about-culture-card--active .about-culture-desc,.about-culture-card:hover .about-culture-desc,.about-culture-desc{
        max-height:none;
        overflow:visible;
        opacity:1;
        margin-top:0
    }
     .industries-grid{
        grid-template-columns:repeat(2,1fr)
    }
     .industry-item{
        padding:18px 12px;
        gap:10px
    }
     .industry-item>span{
        font-size:14px
    }
     .actual-case-body,.blog-detail-main,.contact-form-wrap,.cta-left,.cta-right,.faq-contact-tip,.sbr-country-card,.sbr-featured-card{
        padding:20px
    }
     .cta-stats{
        gap:40px
    }
     .cta-stat{
        flex-direction:row;
        gap:14px;
        display:flex
    }
     .cta-stat-label{
        text-align:left
    }
     .blog-detail-share,.contact-form-row,.cta-form-row,.footer-bottom-links,.service-tabs-inner{
        grid-template-columns:1fr 1fr
    }
     .news-more-grid{
        grid-template-columns:1fr;
        gap:0
    }
     .news-more-list li{
        align-items:flex-start;
        flex-direction:column;
        gap:8px
    }
     .news-more-list li a{
        width:100%;
        white-space:normal;
        overflow:visible;
        text-overflow:unset;
        font-size:15px
    }
     .page-hero{
        height:320px
    }
     .page-breadcrumb{
        flex-wrap:wrap;
        justify-content:center
    }
     .actual-case-title,.blog-detail-title,.contact-form-title,.faq-group-title,.sbr-featured-text h3{
        font-size:22px
    }
     .contact-map-wrap iframe{
        height:300px
    }
     .blog-card{
        flex-direction:column;
        padding:16px
    }
     .blog-card-thumb{
        width:100%;
        max-width:none
    }
     .blog-card-body,.blog-card-content{
        min-width:0
    }
     .blog-detail-title{
        margin-bottom:24px;
        padding-bottom:24px
    }
     .blog-detail-share{
        flex-direction:column;
        align-items:flex-start;
        gap:12px
    }
     .faq-question{
        padding:16px;
        font-size:15px
    }
     .faq-tabs{
        justify-content:flex-start;
        gap:0;
        margin-bottom:32px;
        overflow-x:auto;
        overflow-y:hidden;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none
    }
     .faq-tabs::-webkit-scrollbar{
        display:none
    }
     .faq-tab{
        flex:0 0 auto;
        padding:16px 18px;
        font-size:14px;
        white-space:nowrap
    }
     .faq-answer{
        padding:0 16px 16px
    }
     .service-offerings-layout{
        gap:20px
    }
     .service-offerings-sidebar{
        width:100%
    }
     .service-offerings-nav{
        display:flex;
        flex-wrap:wrap;
        gap:8px
    }
     .service-offerings-nav-item{
        width:calc(49%);
        border-left:0;
        border:1px solid #dbe3ec;
        padding:12px 10px
    }
     .ship-by-region .sbr-tabs-nav{
        display:flex;
        flex-wrap:wrap;
        gap:10px;
        padding:0 0 8px;
        border:0;
        border-radius:0;
        background:0 0;
        box-shadow:none;
        overflow-x:auto;
        overflow-y:hidden;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none
    }
     .ship-by-region .sbr-tabs-nav::-webkit-scrollbar{
        display:none
    }
     .ship-by-region .sbr-tab-btn{
        width:auto;
        flex:0 0 auto;
        margin:0;
        padding:0;
        border:0
    }
     .ship-by-region .sbr-tab-btn a{
        display:block;
        padding:10px 14px;
        border:1px solid #dbe3ec;
        border-radius:999px;
        background:#fff;
        color:#4f5f73;
        font-size:14px;
        font-weight:500;
        line-height:1.3;
        text-decoration:none;
        white-space:nowrap
    }
     .ship-by-region .sbr-tab-btn.active{
        border-left-color:transparent
    }
     .ship-by-region .sbr-tab-btn.active a{
        border-color:#1a6fc4;
        background:#1a6fc4;
        color:#fff;
        font-weight:600
    }
     .actual-case-title{
        min-height:0
    }
     .actual-case-meta{
        grid-template-columns:1fr
    }
     .services-accordion{
        height:auto;
        flex-direction:column;
        gap:8px
    }
     .svc-card{
        flex:0 0 110px;
        min-height:110px
    }
     .svc-card.active{
        flex:0 0 auto;
        min-height:0;
        height:auto;
        padding:20px
    }
     .svc-card.active .svc-card-expanded{
        position:relative;
        top:auto;
        right:auto;
        bottom:auto;
        left:auto
    }
     .about-process-track{
        grid-template-columns:1fr;
        gap:20px
    }
     .about-process-step{
        max-width:none
    }
     .footer-main{
        padding:48px 0 32px
    }
     .footer-grid{
        grid-template-columns:1fr;
        gap:24px
    }
     .footer-subscribe button{
        width:20%;
        padding:0
    }
     .footer-bottom-inner{
        gap:12px
    }
     .footer-bottom-links{
        display:flex;
        flex-wrap:wrap;
        gap:8px
    }
     .footer-bottom-links span{
        display:none
    }
     .section-title{
        margin-bottom:40px
    }
     @media (max-width:640px){
        .about-figures-panel{
            padding:0
        }
         .about-figures-head h2{
            font-size:28px
        }
         .about-figures-head p{
            font-size:14px;
            line-height:1.6
        }
         .about-figures-panel .about-stat-value{
            font-size:34px
        }
         .about-figures-panel .about-stat-label{
            font-size:15px;
            margin-top:10px
        }
         .about-service-flow-section{
            padding:44px 0 50px;
            padding-bottom:0
        }
         .about-service-flow-head{
            margin-bottom:28px
        }
         .about-service-flow-head h2{
            font-size:28px
        }
         .about-service-flow-head p{
            font-size:14px;
            line-height:1.65
        }
         .about-service-flow-timeline{
            grid-template-columns:38px minmax(0,1fr) 38px;
            gap:10px
        }
         .about-service-flow-timeline::before{
            top:60px;
            left:44px;
            right:44px
        }
         .about-service-flow-arrow{
            width:36px;
            height:36px;
            margin-top:45px
        }
         .about-service-flow-chip{
            align-items:center
        }
         .about-service-flow-date{
            text-align:center
        }
         .about-service-flow-marker{
            width:40px;
            height:40px
        }
         .about-service-flow-section .about-service-flow-cards-swiper{
            width:calc(100% - 88px);
            margin:22px auto 0!important;
            overflow:visible!important
        }
         .about-service-flow-card{
            min-height:0;
            padding:20px 18px 22px
        }
         .about-service-flow-card::before{
            top:-13px;
            left:47%;
            width:26px;
            height:15px
        }
         .about-service-flow-card h3{
            text-align:center
        }
         .about-service-flow-card p{
            text-align:center
        }
    }
     @media (max-width:480px){
        .about-service-flow-timeline{
            grid-template-columns:34px minmax(0,1fr) 34px
        }
         .about-service-flow-timeline::before{
            left:40px;
            right:40px
        }
         .about-service-flow-section .about-service-flow-cards-swiper{
            width:100%
        }
    }
     .nav-logo-name{
        color:#2490e8
    }
     #site-header.scrolled .nav-item>a,#site-header.scrolled .nav-logo-sub{
        color:#fff
    }
     .nav-search-btn{
        color:#333
    }
     .service-tabs-bar{
        position:unset
    }
     .service-tabs-inner{
        padding:0;
        width:100%!important;
        border-radius:0;
        background:var(--blue-dark)
    }
     .service-panel-grid{
        gap:20px;
        display:flex;
        flex-direction:column-reverse
    }
     .service-panel-left{
        padding:20px 20px
    }
     .service-panel-img{
        height:40vh
    }
     .about-title{
        max-width:100%
    }
     .about-desc{
        max-width:100%;
        width:100%
    }
     .region-grid{
        margin-top:60px
    }
     .region-card{
        width:45%!important;
        flex:auto!important;
        height:200px!important
    }
     .region-img{
        transform:unset!important
    }
     .region-label{
        font-size:20px
    }
     .region-hover-title{
        font-size:19px
    }
     .region-tags{
        display:none
    }
     .region-tags span{
        font-size:14px;
        padding:5px 8px
    }
     .region-hover .btn-sm-white{
        width:30px;
        height:30px
    }
     .industries-stage{
        height:915px
    }
     .industry-detail-overlay{
        padding:0
    }
     .industry-detail-overlay .d-title{
        font-size:16px
    }
     .industry-detail-overlay .d-desc{
        display:none
    }
     .faq-section{
        padding-top:0
    }
     .faqSwiper{
        padding:0
    }
     .faq-swiper-box{
        padding:0
    }
     .faq-swiper-arrow{
        display:none
    }
     .faq-card{
        padding:20px
    }
     .news-section{
        padding-top:0
    }
     .news-swiper-outer{
        padding:0
    }
     .news-swiper-arrow{
        display:none
    }
     .cta-section{
        margin-bottom:60px
    }
     .cta-stat-icon{
        width:45px;
        height:45px
    }
     .cta-stat-num{
        font-size:26px
    }
     .cta-stat-suffix{
        font-size:26px
    }
     .cta-stat-label{
        font-size:14px
    }
     .cta-right{
        padding:40px 0
    }
     .cta-form-row{
        grid-template-columns:1fr
    }
     .footer-col:nth-child(2),.footer-col:nth-child(3){
        display:none
    }
     .floating-contact-bar{
        right:10px;
        gap:6px
    }
     .floating-contact-item{
        width:40px;
        height:40px;
        border-radius:5px;
        font-size:17px
    }
     .contact-form-row{
        grid-template-columns:1fr;
        gap:10px
    }
     .contact-form-group{
        padding-bottom:5px
    }
     .contact-form-label{
        font-size:15px
    }
     .contact-form-textarea{
        font-size:14px
    }
     .srd-accordion-item.open .srd-accordion-body .srd-table-wrap{
        overflow:auto
    }
     .blog-card-body{
        flex-direction:column
    }
     .faq-section-header{
        margin-bottom:60px
    }
     .furniture-card{
        min-height:auto
    }
     .service-offerings-section{
        padding-bottom:0
    }
     .service-offerings-content{
        padding:0;
        width:100%
    }
     .actual-case-section{
        padding-top:0
    }
     .actual-case-grid-wrap .swiper{
        padding-bottom:60px
    }
     .services-accordion-section{
        padding:60px 0
    }
     .corp-services-grid{
        grid-template-columns:1fr 1fr;
        gap:30px 0
    }
     .sd-intro-section{
        padding-bottom:0
    }
     .sd-banner-inner{
        padding:40px 0
    }
     .sd-regions-swiper.swiper{
        padding-bottom:60px
    }
     .sd-regions-swiper .swiper-slide{
        grid-template-columns:auto
    }
     .sd-region-feat-img-wrap{
        display:none
    }
     .sd-region-card{
        height:100%!important
    }
     .sd-services-desc{
        margin:0;
        max-width:100%
    }
     .sd-casestudy-swiper{
        padding-bottom:60px!important
    }
     .about-why-section{
        padding:40px 0
    }
     .about-why-title{
        margin-bottom:30px
    }
     .about-why-swiper{
        padding-bottom:30px!important
    }
     .about-process-track{
        padding-bottom:0
    }
     .about-process-img-wrap{
        width:100px;
        height:100px
    }
}
 @media (max-width:768px){
    .srd-warehouse-section{
        padding:48px 0
    }
     .srd-accordion-header{
        padding:14px 16px;
        font-size:15px
    }
     .srd-accordion-body{
        padding:0 16px 16px
    }
}
 @media (max-width:768px){
    .sbr-feature-section,.sbr-tabs-section{
        padding:48px 0
    }
     .sbr-section-title{
        font-size:26px
    }
     .sbr-feature-grid{
        grid-template-columns:1fr
    }
     .sbr-tabs-nav{
        padding:16px 0
    }
     .sbr-tab-btn{
        padding:11px 16px
    }
     .sbr-country-card,.sbr-featured-card{
        padding:22px 20px
    }
}
 @media (max-width:768px){
    .faq-section-wrap{
        padding:56px 24px 72px
    }
     .faq-section-title{
        font-size:28px
    }
     .faq-question{
        padding:16px 18px;
        font-size:14px
    }
     .faq-answer{
        padding:0 18px 18px
    }
     .faq-contact-tip{
        padding:28px 24px
    }
}
 @media (max-width:768px){
    .furniture-cards-grid{
        grid-template-columns:repeat(2,1fr);
        gap:14px
    }
     .service-offerings-layout{
        flex-direction:column
    }
     .service-offerings-sidebar{
        width:100%;
        position:static;
        top:auto;
        border-right:none;
        border-bottom:1.5px solid #e8edf3
    }
     .service-offerings-nav{
        display:flex;
        flex-wrap:wrap;
        gap:10px 0;
        justify-content:space-between
    }
     .service-offerings-nav-item{
        border:1px solid #1a6fc4;
        padding:10px 14px;
        font-size:14px
    }
     .service-offerings-nav-item.active{
        border-top-color:var(--blue)
    }
}
 @media (max-width:768px){
    .services-accordion{
        height:auto;
        flex-direction:column;
        gap:8px;
        border-radius:8px
    }
     .svc-card{
        flex:0 0 110px;
        min-height:110px;
        border-radius:16px
    }
     .svc-card.active{
        flex:0 0 auto;
        min-height:0;
        height:auto;
        padding:20px
    }
     .svc-card-title-vert{
        writing-mode:horizontal-tb;
        transform:none;
        font-size:14px
    }
     .svc-card-expanded{
        left:20px;
        right:20px;
        bottom:18px
    }
     .svc-card.active .svc-card-expanded{
        position:relative;
        top:auto;
        right:auto;
        bottom:auto;
        left:auto
    }
     .corp-services-grid{
        grid-template-columns:repeat(3,1fr);
        gap:24px 16px
    }
}
 @media (max-width:768px){
    .auto-container{
        width:min(calc(100% - 32px),1440px)
    }
     .about-intro-title{
        font-size:28px;
        line-height:1.32;
        margin-bottom:28px
    }
     .about-intro-desc,.about-intro-right-text p{
        font-size:15px
    }
     .about-intro-tags{
        grid-template-columns:1fr;
        gap:14px
    }
     .about-intro-tag{
        font-size:15px;
        padding:10px 16px
    }
     .about-intro-logo-bg{
        width:220px;
        top:-14px;
        left:0
    }
     .about-intro-right-img img{
        border-radius:18px;
        max-height:320px
    }
     .about-culture-grid{
        grid-template-columns:1fr
    }
     .about-culture-card:nth-child(n){
        grid-column:span 1
    }
     .about-culture-card{
        height:180px
    }
     .about-process-track{
        flex-wrap:wrap;
        gap:16px
    }
     .about-process-step{
        flex:0 0 calc(50% - 8px);
        margin-top:0!important
    }
     .about-cert-swiper,.about-why-swiper{
        display:block!important
    }
     .about-why-swiper .swiper-pagination{
        display:flex;
        align-items:center;
        justify-content:center;
        gap:10px;
        position:relative;
        bottom:auto!important;
        margin-top:18px
    }
     .about-why-swiper .swiper-pagination-bullet{
        width:40px;
        height:3px;
        border-radius:0;
        background:var(--border);
        opacity:1;
        margin:0!important;
        transition:var(--transition)
    }
     .about-why-swiper .swiper-pagination-bullet-active{
        width:40px;
        height:6px;
        border-radius:0;
        background:var(--blue)
    }
     .about-why-swiper .swiper-wrapper{
        display:flex;
        gap:0;
        transform:translate3d(0,0,0)
    }
     .about-why-swiper .swiper-slide{
        width:auto;
        flex-shrink:0
    }
}
 @media (max-width:767px){
    .footer-main{
        padding:48px 0 32px
    }
     .footer-grid{
        grid-template-columns:1fr;
        gap:28px
    }
     .footer-col-title{
        font-size:20px;
        margin-bottom:16px
    }
     .footer-subscribe button{
        width:100%;
        padding:14px 18px
    }
     .footer-bottom-inner{
        flex-direction:column;
        align-items:flex-start
    }
     .footer-bottom-links{
        flex-wrap:wrap;
        row-gap:6px
    }
     .footer-bottom-links span{
        display:none
    }
}
 @media (max-width:767px){
    .sd-intro-section{
        padding:40px 0
    }
     .sd-detail-section{
        padding:40px 0
    }
     .sd-banner-content{
        padding:36px 0
    }
     .sd-banner-title{
        font-size:18px
    }
     .sd-regions-section{
        padding:40px 0
    }
     .sd-services-section{
        padding:40px 0
    }
     .sd-shipping-section{
        padding:40px 0
    }
     .sd-casestudy-section{
        padding:40px 0
    }
     .services-detail .sd-casestudy-section{
        padding-top:40px
    }
     .services-detail .cta-section{
        margin-top:40px
    }
     .swiper-off{
        display:none!important
    }
     .swiper-on{
        display:block!important
    }
     .sd-casestudy-swiper .swiper-pagination,.sd-regions-swiper .swiper-pagination{
        display:block
    }
     .sd-casestudy-swiper .swiper-wrapper,.sd-regions-swiper .swiper-wrapper{
        display:flex!important;
        gap:0;
        transform:translate3d(0,0,0)
    }
     .sd-region-slide-featured{
        display:block;
        grid-column:auto
    }
     .sd-casestudy-swiper .swiper-slide,.sd-regions-swiper .swiper-slide{
        width:auto;
        flex-shrink:0
    }
     .sd-casestudy-swiper .sd-case-item,.sd-regions-swiper .sd-region-card,.sd-services-swiper .sd-service-card,.sd-shipping-swiper .sd-shipping-logo{
        height:auto
    }
     .sd-shipping-page{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:16px
    }
     .sd-casestudy-swiper .swiper-slide{
        width:140px
    }
     .sd-services-title{
        font-size:20px
    }
     .sd-section-title{
        font-size:20px
    }
     .faq-modal{
        padding:18px
    }
     .faq-modal-head{
        padding:22px 20px 18px
    }
     .faq-modal-body{
        padding:20px 20px 24px
    }
     .faq-modal-title{
        font-size:22px
    }
     .faq-modal-answer{
        font-size:16px;
        line-height:1.75
    }
     .about-network-section .item_box .item,.about-network-section .item_box .item:nth-child(2n){
        flex-wrap:wrap;
        max-width:100%;
        flex-direction:column-reverse;
        padding:0;
        margin-bottom:20px;
        gap:20px
    }
     .about-network-section .item_box .item:nth-child(2n) .title{
        text-align:left;
        padding-right:0;
        padding-left:20px
    }
     .about-network-section .item_box .item .title p{
        font-size:20px;
        max-width:100%
    }
     .about-network-section .item_box .item:nth-child(2n) .title:before{
        left:0;
        right:unset
    }
     .about-network-section .item_box .item:last-child{
        margin-bottom:0
    }
}
 @media (max-width:640px){
    .cta-left{
        padding:28px 20px
    }
     .cta-partner-logos{
        gap:14px;
        margin-top:0
    }
     .cta-logo-item{
        flex-basis:112px;
        width:112px;
        height:70px;
        padding:12px
    }
     .cta-logo-item img{
        max-height:42px
    }
     .cta-form-title,.cta-headline{
        font-size:26px
    }
     .cta-form-sub{
        font-size:16px
    }
     .cta-stats{
        flex-direction:column
    }
     .cta-stat{
        flex-direction:row;
        justify-content:flex-start;
        gap:16px
    }
     .cta-stat-label{
        text-align:left
    }
     .cta-form-row{
        grid-template-columns:1fr
    }
}
 @media (max-width:640px){
    .contact-cards-wrap{
        grid-template-columns:1fr
    }
}
 @media (max-width:640px){
    .nav-inner{
        padding:10px 16px
    }
     .nav-logo{
        gap:8px
    }
     .nav-logo-text{
        flex-wrap:wrap
    }
     .nav-logo-name{
        font-size:18px;
        margin-right:8px;
        padding-right:8px
    }
     .nav-logo-sub{
        font-size:12px;
        line-height:1.35
    }
     .nav-search-box{
        width:min(260px,calc(100vw - 32px))
    }
}
 @media (max-width:600px){
    .blog-card{
        flex-direction:column;
        padding:14px
    }
     .blog-card-link{
        flex-direction:column;
        gap:14px
    }
     .blog-card-thumb{
        width:100%;
        height:220px;
        flex-basis:auto
    }
     .blog-card-body{
        padding:0;
        gap:14px
    }
     .blog-card-content{
        padding-top:0
    }
     .blog-card-date-block{
        flex:0 0 auto;
        text-align:left;
        display:flex;
        align-items:baseline;
        gap:10px;
        padding-top:0
    }
     .blog-card-date-year{
        font-size:15px
    }
     .sidebar-widget-title{
        font-size:20px;
        padding:18px 22px 16px 24px
    }
     .sidebar-widget-title::before{
        left:14px;
        top:19px;
        height:20px
    }
     .news-more-list li a,.news-more-list li span{
        display:block
    }
     .nav-open .nav-toggle span,.scrolled .nav-toggle span{
        background:#333
    }
}
 @media (max-width:600px){
    .blog-detail-container{
        padding:0
    }
     .blog-detail-main{
        padding:28px 20px
    }
     .blog-detail-main .blog-detail-divider h2{
        font-size:22px!important
    }
     .blog-detail-title{
        font-size:24px;
        line-height:1.4
    }
     .blog-detail-h2{
        font-size:18px
    }
     .blog-detail-share{
        align-items:flex-start;
        flex-direction:column
    }
     .blog-detail-nav{
        padding:24px 20px;
        gap:18px
    }
     .blog-nav-label,.blog-nav-text{
        font-size:16px
    }
}
 @media (max-width:480px){
    .faq-section-wrap{
        padding:60px 0
    }
     .faq-section-title{
        font-size:24px
    }
     .faq-categories{
        gap:15px;
        margin-bottom:36px
    }
     .faq-cat-btn{
        padding:8px 16px
    }
}
 @media (max-width:480px){
    .furniture-cards-grid{
        grid-template-columns:1fr
    }
     .page-hero-title{
        font-size:28px
    }
}
 @media (max-width:480px){
    .corp-services-grid{
        grid-template-columns:repeat(2,1fr);
        gap:20px 12px
    }
     .corp-service-icon{
        width:70px;
        height:70px
    }
     .corp-service-icon img{
        width:36px;
        height:36px
    }
}
 @media (max-width:1024px){
    .about-stats{
        grid-template-columns:repeat(2,minmax(0,1fr));
        max-width:720px
    }
     .about-why-panel{
        max-width:820px;
        padding:28px 20px 32px
    }
     .about-why-list{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:18px 0
    }
     .about-why-item{
        min-height:190px
    }
     .about-why-item:nth-child(4){
        border-left:0
    }
}
 @media (max-width:768px){
    .about-section{
        max-height:none
    }
     .about-stats{
        margin:24px auto;
        gap:12px
    }
     .about-stat{
        min-height:104px
    }
     .about-stat::before{
        margin-bottom:12px
    }
     .about-stat-value{
        font-size:32px
    }
     .about-stat-label{
        font-size:13px
    }
     .about-why-panel{
        margin:28px auto 0;
        padding:24px 16px 28px;
        transform:none
    }
     .why-region-section{
        margin-top:0
    }
     .about-why-list{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px
    }
     .about-why-item{
        min-height:184px;
        border:1px solid rgba(16,34,69,.1)!important;
        border-radius:8px
    }
     .about-why-img{
        width:64px;
        height:64px;
        bottom:78px
    }
     .about-why-img img{
        max-width:60px;
        max-height:60px
    }
     .about-why-item h4{
        left:12px;
        right:12px;
        bottom:34px;
        font-size:13px
    }
     .about-why-item p{
        left:14px;
        right:14px;
        bottom:18px;
        font-size:13px
    }
     .about-why-item:hover .about-why-img{
        transform:translate(-50%,-34px)
    }
     .about-why-item:hover h4{
        transform:translateY(-34px)
    }
     .about-why-item:last-child:nth-child(odd){
        grid-column:1/-1;
        width:calc(50% - 6px);
        justify-self:center
    }
}
 @media (max-width:480px){
    .about-stats{
        gap:10px
    }
     .about-stat{
        min-height:96px;
        padding:0
    }
     .about-stat-value{
        font-size:26px
    }
     .about-stat-label{
        font-size:12px
    }
     .about-why-list{
        grid-template-columns:1fr
    }
     .about-why-item{
        min-height:220px
    }
     .about-why-item:last-child:nth-child(odd){
        width:100%
    }
}
 @media (max-width:1024px){
    .ship-region-accordion-inner{
        grid-template-columns:1fr;
        gap:28px
    }
     .ship-region-copy{
        max-width:560px
    }
     .region-accordion{
        height:300px
    }
}
 @media (max-width:768px){
    .ship-region-accordion-wrap{
        padding:56px 0 64px;
        background:#f7f8fa
    }
     .ship-region-accordion-inner{
        gap:24px
    }
     .ship-region-copy{
        padding-left:0
    }
     .ship-region-copy::before{
        display:none
    }
     .ship-region-copy h2{
        max-width:320px;
        font-size:28px;
        line-height:1.12
    }
     .ship-region-copy-btn{
        margin-top:20px;
        padding:12px 18px;
        font-size:13px;
        border-radius:4px
    }
     .region-accordion{
        display:flex;
        flex-direction:column;
        height:auto;
        gap:10px;
        overflow:visible;
        border:0;
        box-shadow:none;
        background:0 0
    }
     .region-accordion-card,.region-accordion-card.active,.region-accordion-card:first-child{
        flex:none;
        min-width:0;
        border:0;
        border-radius:6px;
        box-shadow:0 14px 26px rgba(15,23,42,.12);
        transition:height .48s cubic-bezier(.4,0,.2,1),box-shadow .28s ease
    }
     .region-accordion-card,.region-accordion-card:first-child{
        height:76px
    }
     .region-accordion-card.active{
        height:320px;
        box-shadow:0 18px 34px rgba(15,23,42,.18)
    }
     .region-accordion-img{
        transform:scale(1.02) translateZ(0)
    }
     .region-accordion-card.active .region-accordion-img{
        transform:scale(1.08) translateZ(0)
    }
     .region-accordion-card.active .region-accordion-shade,.region-accordion-shade{
        opacity:1;
        background:linear-gradient(180deg,rgba(0,0,0,.06) 0,rgba(0,0,0,.26) 42%,rgba(0,0,0,.74) 100%)
    }
     .region-accordion-card.active .region-accordion-content,.region-accordion-card:first-child .region-accordion-content,.region-accordion-content{
        opacity:1;
        transform:none;
        padding:0 18px 18px
    }
     .region-accordion-content h3{
        margin-bottom:0;
        font-size:20px;
        line-height:1.1
    }
     .region-accordion-content p{
        max-width:94%;
        margin-top:10px;
        font-size:13px;
        line-height:1.48;
        opacity:0;
        max-height:0;
        overflow:hidden;
        transform:translateY(8px);
        transition:opacity .28s ease,transform .28s ease,max-height .28s ease
    }
     .region-accordion-card.active .region-accordion-content p{
        opacity:1;
        max-height:110px;
        transform:translateY(0)
    }
     .region-accordion-tags{
        display:flex!important;
        flex-wrap:wrap;
        gap:6px;
        margin-top:10px;
        opacity:0;
        max-height:0;
        overflow:hidden;
        transform:translateY(8px);
        transition:opacity .28s ease .05s,transform .28s ease .05s,max-height .28s ease .05s
    }
     .region-accordion-card.active .region-accordion-tags{
        opacity:1;
        max-height:180px;
        transform:translateY(0)
    }
     .region-accordion-tags span,.region-accordion-tags.region-tags span{
        padding:4px 8px;
        font-size:11px;
        background:rgba(255,255,255,.14)
    }
     .region-accordion-link{
        margin-top:12px;
        padding:9px 13px;
        font-size:12px;
        opacity:0;
        transform:translateY(8px);
        pointer-events:none;
        transition:opacity .28s ease .1s,transform .28s ease .1s,background .25s ease
    }
     .region-accordion-card.active .region-accordion-link{
        opacity:1;
        transform:translateY(0);
        pointer-events:auto
    }
}
 @media (max-width:480px){
    .ship-region-accordion-wrap{
        padding:44px 0 52px
    }
     .ship-region-copy h2{
        max-width:280px;
        font-size:24px
    }
     .region-accordion-card,.region-accordion-card.active,.region-accordion-card:first-child{
        border-radius:5px
    }
     .region-accordion-card,.region-accordion-card:first-child{
        height:72px
    }
     .region-accordion-card.active{
        height:340px
    }
     .region-accordion-content{
        padding:0 16px 16px
    }
     .region-accordion-content h3{
        font-size:19px
    }
     .region-accordion-content p{
        font-size:12px
    }
}
 @media (min-width:769px){
    .about-cert-swiper{
        display:block!important
    }
     .about-cert-grid{
        display:none!important
    }
}
 @media (min-width:1024px){
    .actualCaseSwiper .swiper-wrapper{
        row-gap:24px!important;
        align-items:stretch
    }
     .actualCaseSwiper .swiper-slide{
        margin-top:0!important
    }
}
 @media (max-width:1199px) and (min-width:769px){
    .about-service-flow-section .about-service-flow-timeline{
        grid-template-columns:repeat(3,minmax(0,1fr));
        row-gap:42px
    }
     .about-service-flow-section .about-service-flow-timeline::before{
        display:none
    }
     .about-service-flow-item{
        grid-template-rows:82px 24px auto
    }
     .about-service-flow-copy{
        max-width:280px
    }
}
 @media (max-width:768px){
    .about-service-flow-section{
        padding:56px 0
    }
     .about-service-flow-section .section-title{
        margin-bottom:34px
    }
     .about-service-flow-section .about-service-flow-timeline{
        display:flex;
        flex-direction:column;
        gap:28px;
        max-width:460px;
        margin:0 auto;
        padding:0
    }
     .about-service-flow-section .about-service-flow-timeline::before{
        display:none
    }
     .about-service-flow-item{
        display:grid;
        grid-template-columns:66px minmax(0,1fr);
        grid-template-rows:auto;
        column-gap:18px;
        align-items:center;
        justify-items:stretch;
        text-align:left
    }
     .about-service-flow-icon{
        width:58px;
        height:58px
    }
     .about-service-flow-node{
        display:none
    }
     .about-service-flow-copy{
        max-width:none;
        padding:0
    }
     .about-service-flow-copy h3{
        margin-bottom:7px;
        font-size:20px;
        line-height:1.25
    }
     .about-service-flow-copy p{
        font-size:14px;
        line-height:1.45
    }
     .hero-arrow{
        width:40px;
        height:40px;
        font-size:14px
    }
     .hero-arrow--prev{
        left:14px
    }
     .hero-arrow--next{
        right:14px
    }
}
 @media (max-width:480px){
    .about-service-flow-section{
        padding:46px 0
    }
     .about-service-flow-section .about-service-flow-timeline{
        gap:24px
    }
     .about-service-flow-item{
        grid-template-columns:58px minmax(0,1fr);
        column-gap:16px
    }
     .about-service-flow-icon{
        width:52px;
        height:52px
    }
     .about-service-flow-copy h3{
        font-size:18px
    }
     .about-service-flow-copy p{
        font-size:13px
    }
     .hero-arrow{
        top:auto;
        bottom:240px;
        transform:none
    }
     .hero-arrow:hover{
        transform:scale(1.04)
    }
     .hero-arrow--prev{
        left:20px
    }
     .hero-arrow--next{
        right:20px
    }
}