.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.hcontainer{max-width:90%;margin-top:-4%}.sc-hero{position:relative;min-height:620px;display:flex;align-items:center;background:url(/images/seacargo/hero/hero-bg.webp);background-size:cover;background-position:50%;overflow:hidden}.sc-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,hsla(0,0%,100%,.92),hsla(0,0%,100%,.85) 22%,hsla(0,0%,100%,.4) 36%,hsla(0,0%,100%,0) 50%)}.sc-hero .container{position:relative;z-index:2}.sc-hero-content{width:560px}.sc-product{display:inline-block;margin-bottom:12px;color:#0a8d48;font-size:42px;font-weight:700}.sc-hero h1{font-size:50px;line-height:1.1;font-weight:800;color:#08264c;margin-bottom:20px}.sc-hero p{width:520px;font-size:24px;line-height:38px;color:#43536b;margin-bottom:25px}.sc-hero ul{list-style:none;padding:0;margin:0 0 20px}.sc-hero li{display:flex;align-items:center;gap:12px;margin-bottom:8px;font-size:18px;color:#26384d}.sc-hero li svg{color:#39a942}.hero-buttons{display:flex;gap:18px}.btn-primary{border:none;color:#fff;height:56px;padding:0 32px;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer}.btn-primary:hover{background:#1f8b39}.btn-outline{background:#fff;border:2px solid #25a244;color:#25a244;height:56px;padding:0 32px;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer}.btn-outline:hover{background:#25a244;color:#fff}@media(max-width:991px){.sc-hero{min-height:540px;background-position:72%}.sc-hero-content{width:100%}.sc-product{font-size:34px}.sc-hero h1{font-size:50px}.sc-hero p{width:100%;font-size:20px;line-height:32px}}@media(max-width:767px){.sc-hero{min-height:auto;padding:90px 0 60px;background-position:75%}.sc-product{font-size:28px}.sc-hero h1{font-size:38px}.sc-hero p{font-size:18px;line-height:30px}.sc-hero li{font-size:16px}.hero-buttons{flex-direction:column}.btn-outline,.btn-primary{width:100%}}.feature-strip{margin-top:-45px;position:relative;z-index:10}.feature-grid{display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-radius:18px;box-shadow:0 12px 35px rgba(0,0,0,.08);overflow:hidden}.feature-card{display:flex;align-items:center;gap:16px;padding:16px;border-right:1px solid #edf1f5;transition:.3s}.feature-card:last-child{border-right:none}.feature-card:hover{background:#f8fcf8;transform:translateY(-3px)}.feature-card img{width:48px;height:48px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.feature-card h4{margin:0;font-size:15px;color:#0b2746;font-weight:900;white-space:nowrap}.feature-card p{margin-top:5px;color:#6b7280;font-size:12px}@media(max-width:991px){.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card:nth-child(2){border-right:none}}@media(max-width:767px){.feature-strip{margin-top:-25px}.feature-grid{grid-template-columns:1fr}.feature-card{border-right:none;border-bottom:1px solid #edf1f5}.feature-card:last-child{border-bottom:none}}.modules-section{padding:10px 0;background:#fff}.modules-header{text-align:center;margin-bottom:50px}.modules-header h2{font-size:38px;font-weight:700;color:#17304d;margin-bottom:10px;letter-spacing:-.5px}.modules-header p{font-size:16px;color:#66788a;margin:0}.modules-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.module-card{background:#fff;border:1px solid #e9eef5;border-radius:14px;padding:10px;transition:.35s;cursor:pointer;box-shadow:0 3px 12px rgba(0,0,0,.04);height:100%}.module-card:hover{transform:translateY(-6px);border-color:#30b14a;box-shadow:0 15px 35px rgba(0,0,0,.1)}.module-top{display:flex;align-items:flex-start;gap:6px}.module-icon{width:58px;min-width:58px;height:58px;border-radius:12px;background:#f5f9fc;display:flex;justify-content:center;align-items:center;transition:.35s}.module-card:hover .module-icon{background:#eef9f0}.module-icon_sc img{width:80px;height:80px;-o-object-fit:contain;object-fit:contain;transition:.35s}.module-card:hover .module-icon img{transform:scale(1.08)}.module-content_sc{flex:1;padding:5px}.module-content_sc h4{margin:0 0 10px;font-size:15px;font-weight:900;color:#17304d;line-height:24px}.module-content_sc ul{margin:0;padding-left:18px}.module-content_sc li{color:#5d6b79;font-size:14px;line-height:26px;display:list-item;list-style:disc}.modules-footer{text-align:center;margin-top:45px}.modules-btn{background:#28a745;color:#fff;border:none;padding:14px 34px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:.35s}.modules-btn:hover{background:#1f8b38;transform:translateY(-2px)}@media(max-width:1200px){.modules-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:992px){.modules-section{padding:70px 0}.modules-header h2{font-size:30px}.modules-grid{grid-template-columns:repeat(2,1fr);gap:18px}}@media(max-width:768px){.modules-section{padding:60px 0}.modules-header{margin-bottom:30px}.modules-header h2{font-size:24px;line-height:34px}.modules-header p{font-size:14px;padding:0 20px}.modules-grid{grid-template-columns:1fr;gap:15px}.module-card{padding:18px}.module-top{gap:14px}.module-icon{width:52px;min-width:52px;height:52px}.module-icon img{width:34px;height:34px}.module-content_sc h4{font-size:16px;margin-bottom:8px}.module-content_sc li{font-size:13px;line-height:23px}.modules-btn{width:100%;padding:14px}}@media(max-width:480px){.modules-header h2{font-size:22px}.module-card{border-radius:12px;padding:16px}}.integration-grid_sc{grid-template-columns:repeat(8,1fr)}.hcontainer2{max-width:100%;margin-top:-4%}.workflow-section{padding:80px 0 30px;background:#fff}.workflow-heading{text-align:center;margin-bottom:35px}.workflow-heading h2{font-size:34px;font-weight:700;color:#17304d;margin-bottom:8px}.workflow-heading p{color:#6c7b8b;font-size:16px}.workflow-wrapper{display:flex;align-items:flex-start;justify-content:center;background:#fff;border:1px solid #e5edf4;border-radius:10px;padding:10px 0;overflow-x:auto;scrollbar-width:none;gap:5px}.workflow-wrapper::-webkit-scrollbar{display:none}.workflow-item{width:90px;text-align:center;flex-shrink:0;position:relative}.workflow-step{width:24px;height:24px;border-radius:50%;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 10px 12px}.workflow-item img{width:58px;height:58px;-o-object-fit:contain;object-fit:contain;transition:.3s}.workflow-item:hover img{transform:translateY(-6px) scale(1.05)}.workflow-item h5{margin-top:10px;font-size:11px;line-height:15px;font-weight:600;color:#17304d;text-align:left}.workflow-plus{width:25px;display:flex;justify-content:center;align-items:center;font-size:22px;color:#18a84c;font-weight:700;padding-top:48px;flex-shrink:0}.workflow-btn{text-align:center;margin-top:30px}.workflow-btn button{background:#1e8e3e;color:#fff;border:none;padding:14px 28px;border-radius:5px;font-size:15px;font-weight:600;cursor:pointer;transition:.3s}.workflow-btn button:hover{background:#166f31}@media (max-width:991px){.workflow-wrapper{justify-content:flex-start;overflow-x:auto;padding:15px 12px;gap:12px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.workflow-item{width:95px;scroll-snap-align:start}}@media (max-width:767px){.workflow-section{padding:60px 0}.workflow-heading{margin-bottom:25px}.workflow-heading h2{font-size:24px;line-height:32px}.workflow-heading p{font-size:14px}.workflow-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 10px;padding:20px 12px;overflow:visible;border:none;box-shadow:none}.workflow-item{width:100%;min-width:0}.workflow-step{width:22px;height:22px;font-size:11px;margin:0 auto 0 8px}.workflow-item img{width:50px;height:50px}.workflow-item h5{margin-top:8px;font-size:10px;line-height:14px;text-align:left}.workflow-plus{display:none}.workflow-btn{margin-top:25px}.workflow-btn button{width:100%}}.dashboard-section{padding:60px 0;background:#fff}.dashboard-wrapper{display:flex;align-items:center;justify-content:space-between;gap:60px}.dashboard-left{flex:0 0 60%}.dashboard-left img{width:100%;display:block;border-radius:16px;border:1px solid #e8edf5;box-shadow:0 18px 45px rgba(0,0,0,.08);transition:.35s}.dashboard-left img:hover{transform:translateY(-6px)}.dashboard-right{flex:0 0 35%}.dashboard-right h2{font-size:27px;font-weight:900;color:#17304d;line-height:1.2;margin-bottom:18px;margin-top:15px}.dashboard-right p{font-size:16px;color:#66788a;line-height:30px;margin-bottom:28px;padding-right:6px}.dashboard-list{list-style:none;padding:0;margin:0 0 35px}.dashboard-list li{display:flex;align-items:center;gap:12px;margin-bottom:8px;color:#17304d;font-size:16px;font-weight:500}.dashboard-list svg{color:#59b32d;font-size:18px}.dashboard-btn{display:inline-flex;align-items:center;justify-content:center;background:#4caf2a;color:#fff;text-decoration:none;padding:14px 28px;border-radius:8px;font-weight:600;transition:.35s}.dashboard-btn:hover{background:#3d9622;color:#fff;transform:translateY(-2px)}@media(max-width:1200px){.dashboard-right h2{font-size:34px}}@media(max-width:992px){.dashboard-wrapper{flex-direction:column;gap:40px}.dashboard-left,.dashboard-right{flex:100%;width:100%}.dashboard-right{text-align:center}.dashboard-list li{justify-content:center}}@media(max-width:767px){.dashboard-section{padding:60px 0}.dashboard-wrapper{gap:30px}.dashboard-right h2{font-size:28px;line-height:38px}.dashboard-right p{font-size:15px;line-height:28px}.dashboard-list li{justify-content:flex-start;font-size:14px;margin-bottom:14px}.dashboard-btn{width:100%;padding:15px}}@media(max-width:480px){.dashboard-right h2{font-size:24px;line-height:34px}}.bottom-card{border:none;background:unset}.whychoose-section{padding:60px 0;background:#fff}.whychoose-header{text-align:center;margin-bottom:60px}.whychoose-header h2{font-size:38px;font-weight:700;color:#17304d;margin:0}.whychoose-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:0}.whychoose-item{text-align:center;padding:0 25px;position:relative;transition:.35s}.border-right{border-right:1px solid #edf2f7}.whychoose-item img{width:56px;height:56px;-o-object-fit:contain;object-fit:contain;transition:.35s;margin:0 auto}.whychoose-item:hover img{transform:translateY(-4px) scale(1.05)}.whychoose-item h4{font-size:18px;line-height:28px;font-weight:700;color:#17304d;margin-bottom:6px}.whychoose-item p{font-size:15px;line-height:28px;color:#66788a;margin:0}.whychoose-item:hover{transform:translateY(-5px)}@media(max-width:1200px){.whychoose-grid{grid-template-columns:repeat(3,1fr);row-gap:45px}.border-right{border:none}}@media(max-width:992px){.whychoose-section{padding:70px 0}.whychoose-header{margin-bottom:40px}.whychoose-header h2{font-size:30px}.whychoose-grid{grid-template-columns:repeat(2,1fr);gap:40px 30px}.whychoose-item{padding:0 15px}}@media(max-width:767px){.whychoose-section{padding:60px 0}.whychoose-header{margin-bottom:30px}.whychoose-header h2{font-size:26px;line-height:34px}.whychoose-grid{grid-template-columns:repeat(2,1fr);gap:30px 20px}.whychoose-item{padding:0 8px}.whychoose-item img{width:48px;height:48px;margin-bottom:12px}.whychoose-item h4{font-size:17px;line-height:24px;margin-bottom:10px}.whychoose-item p{font-size:13px;line-height:22px}}@media(max-width:480px){.whychoose-grid{grid-template-columns:1fr;gap:35px}.whychoose-item{max-width:320px;margin:0 auto}}.integration-logo{width:80px;height:89px}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#c678dd}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#98c379}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#d19a66}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}