.lss-slider{position:relative;overflow:hidden;min-height:var(--lss-height);font-family:Arial,Helvetica,sans-serif;background:#16293c;color:#fff}.lss-slides,.lss-slide{position:absolute;inset:0}.lss-slide{opacity:0;visibility:hidden;background-size:cover;background-position:center;transition:opacity .65s ease,visibility .65s ease}.lss-slide.is-active{opacity:1;visibility:visible}.lss-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(34,26,28,.65) 0%,rgba(40,29,21,.35) 50%,rgba(5,17,30,.45) 100%)}.lss-content-wrap{position:relative;z-index:2;max-width:1210px;margin:0 auto;padding:110px 24px 190px}.lss-content{max-width:760px}.lss-content h2{font-size:clamp(48px,6vw,88px);line-height:1.06;margin:0 0 24px;font-weight:800;letter-spacing:-2px}.lss-content p{max-width:700px;font-size:18px;line-height:1.55;font-weight:600;margin:0 0 36px}.lss-actions{display:flex;gap:34px;flex-wrap:wrap}.lss-button{display:inline-flex;align-items:center;justify-content:center;min-width:185px;min-height:54px;padding:0 24px;text-decoration:none;font-weight:700;border-radius:2px;transition:.25s}.lss-button-primary{background:#08ad63;color:#fff}.lss-button-primary:hover{background:#079255;color:#fff}.lss-button-light{background:#fff;color:#075186}.lss-button-light:hover{background:#eef4f8;color:#075186}.lss-nav-wrap{position:absolute;z-index:4;left:0;right:0;bottom:0;display:flex;justify-content:center;padding:0 20px}.lss-nav{display:grid;grid-template-columns:repeat(6,minmax(180px,1fr));width:min(1210px,100%);overflow-x:auto;scrollbar-width:thin}.lss-nav-item{border:0;border-right:2px solid rgba(255,255,255,.22);background:#09618f;color:#fff;min-height:130px;padding:16px 12px;cursor:pointer;font:inherit;font-size:15px;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;transition:background .25s,transform .25s}.lss-nav-item:first-child{border-left:2px solid rgba(255,255,255,.12)}.lss-nav-item:hover,.lss-nav-item.is-active{background:#08ad63}.lss-nav-item:focus-visible{outline:3px solid #fff;outline-offset:-4px}.lss-icon{width:46px;height:46px;display:block}.lss-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.lss-arrow{position:absolute;z-index:5;top:45%;width:46px;height:46px;border:0;border-radius:50%;background:rgba(0,0,0,.28);color:#fff;font-size:25px;cursor:pointer;opacity:0;transition:.25s}.lss-slider:hover .lss-arrow{opacity:1}.lss-prev{left:18px}.lss-next{right:18px}@media(max-width:900px){.lss-content-wrap{padding-top:80px;padding-bottom:175px}.lss-content h2{font-size:clamp(42px,10vw,68px)}.lss-nav{grid-template-columns:repeat(6,minmax(180px,1fr))}.lss-nav-item{min-height:120px}}@media(max-width:600px){.lss-slider{min-height:700px}.lss-content-wrap{padding:60px 20px 160px}.lss-content h2{font-size:43px;letter-spacing:-1px}.lss-content p{font-size:16px}.lss-actions{gap:12px}.lss-button{min-width:145px}.lss-arrow{display:none}.lss-nav-wrap{padding:0}.lss-nav{grid-template-columns:repeat(6,180px)}.lss-nav-item{min-height:116px;font-size:13px}}

.lss-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}
 /* Prevent Layout Shift / FOUC */
.logistics-slider-container {
    opacity: 0;
    visibility: hidden;
    max-height: 450px; /* Slider ki default height ke mutabik adjust karein */
    overflow: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

/* Jab slider fully load ho jaye tab smoothly show ho */
.logistics-slider-container.slider-loaded {
    opacity: 1;
    visibility: visible;
    max-height: none;
    overflow: visible;
}
.lss-nav-icon {
    width: 40px;   /* apni requirement ke mutabiq change kar sakte hain */
    height: 40px;
    object-fit: contain;
    display: block;
}.lss-slider {
    position: relative;
    overflow: hidden;
}

/* Slider hidden until loaded */
.lss-slider:not(.loaded) .lss-slides,
.lss-slider:not(.loaded) .lss-nav-wrap,
.lss-slider:not(.loaded) .lss-arrow {
    opacity: 0;
    visibility: hidden;
}

/* Show after loaded */
.lss-slider.loaded .lss-slides,
.lss-slider.loaded .lss-nav-wrap,
.lss-slider.loaded .lss-arrow {
    opacity: 1;
    visibility: visible;
    transition: opacity .4s ease;
}

/* Loader */
.lss-loader{
    position:absolute;
    inset:0;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:999;
}

.lss-slider.loaded .lss-loader{
    opacity:0;
    visibility:hidden;
    transition:.3s;
}

.lss-spinner{
    width:55px;
    height:55px;
    border:5px solid #ddd;
    border-top:5px solid #003b7a;
    border-radius:50%;
    animation:lss-spin 1s linear infinite;
}

@keyframes lss-spin{
    to{
        transform:rotate(360deg);
    }
}

/* SVG ko hide karne ki zarurat nahi hogi kyun ke ab img use ho rahi hai */.lss-nav-item span:last-child{display:block;width:100%;white-space:normal;line-height:1.4;word-break:break-word;}

/* Loader/ready fix */
.lss-slider{opacity:0;transition:opacity .4s ease;}
.lss-slider.loaded{opacity:1;}