:root {
            --n: #0b1f33;
            --b: #ff5b00;
            --ink: #17202a;
            --muted: #667482;
            --l: #f4f7fa;
            --line: #dfe6ed;
        }

        * {
            box-sizing: border-box;
        }

        body {
            margin: 0;
            font-family: cabin, sans-serif;
            color: var(--ink);
            line-height: 1.65 !important;
        }

        a {
            text-decoration: none;
            color: inherit;
        }

        

        .c {
            width: min(1180px, 92%);
            margin: auto;
        }

        .top {
            background: var(--n);
            color: #dce8f3;
            font-size: 13px;
        }

        .top .c {
            display: flex;
            justify-content: space-between;
            padding: 9px 0;
        }

        /* header {
            position: sticky;
            top: 0;
            z-index: 10;
            background: #fffffff5;
            border-bottom: 1px solid var(--line);
        } */

        /* nav {
            height: 76px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        } */

        /* .logo {
            font-size: 25px;
            font-weight: 900;
            color: var(--n);
        }

        .logo span {
            color: var(--b);
        }

        .nav {
            display: flex;
            gap: 25px;
            font-size: 14px;
            font-weight: 700;
        } */

        .btn .ssp-btn {
            display: inline-block;
            padding: 13px 20px;
            border-radius: 8px;
            font-weight: 700 !important;
            font-size: 14px;
        }

        .ssp-btn:hover{
            color: #ff5b00;
            background-color: #fff;
        }

        .primary {
            background: #ff5b00;
            color: #fff;
        }

        .light {
            border: 1px solid #ffffff80;
            color: #fff;
        }

        .hero {
            min-height: 650px;
            display: flex;
            align-items: center;
            color: #fff;
            background: linear-gradient(90deg, #051625f2, #051625c9, #05162559), url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=2200&q=85') center/cover;
        }

        .hero .content {
            max-width: 750px;
            padding: 45px 0;
        }

        .ey {
            font-size: 12px;
            letter-spacing: .18em;
            font-weight: 900;
            color: #ff5b00;
        }

        .hero h1 {
            font-size: clamp(44px, 6vw, 70px);
            line-height: 1.02;
            letter-spacing: -.05em;
            margin: 18px 0;
            color: #fff !important;
        }

        .hero p {
            font-size: 19px !important;
            color: #e6eef5 ;
        }

        .trust {
            font-weight: 700;
            margin: 25px 0;
        }

        .trust small {
            display: block;
            color: #b9ccdb;
            font-weight: 500;
        }

        .actions {
            display: flex;
            gap: 12px;
            flex-wrap: wrap;
        }

        .pills {
            margin-top: -42px;
            position: relative;
            background: #fff;
            padding: 18px;
            border-radius: 14px;
            box-shadow: 0 14px 40px #0b1f331a;
            display: flex;
            gap: 10px;
            justify-content: center;
            flex-wrap: wrap;
        }

        .pill {
            background: var(--l);
            padding: 8px 14px;
            border-radius: 50px;
            font-size: 14px;
            font-weight: 700;
        }

        section {
            padding: 60px 0;
        }

        .grid2 {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }

        .photo {
            min-height: 450px;
            border-radius: 18px;
            background: url('https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=1400&q=85') center/cover;
        }

        .k {
            font-size: 12px;
            letter-spacing: .16em;
            color: var(--b);
            font-weight: 900;
        }

        

        .lead {
            font-size: 18px !important;
            color: var(--muted);
            margin: 18px 0px !important;
        }

        h2 {
            font-size: clamp(32px, 4vw, 45px) !important;
            line-height: 1.08 !important;
            letter-spacing: -.04em !important;
            color: var(--n) !important;
            margin: 10px 0 18px !important;
        }

        h3 {
            color: var(--n) !important;
            line-height: 1.2 !important;
        }

        .lightsec {
            background: var(--l);
        }

        .flow,
        .cards,
        .pillars,
        .envs,
        .related {
            display: grid;
            gap: 18px;
        }

        .flow {
            grid-template-columns: 1fr 1fr;
        }

        .flow div {
            padding: 22px;
            background: #fff;
            border: 1px solid var(--line);
            border-radius: 12px;
            font-weight: 800;
        }

        .flow div:last-child {
            grid-column: 1/-1;
            text-align: center;
        }

        .cards {
            grid-template-columns: repeat(3, 1fr);
        }

        .soft-ss-card {
            border: 1px solid var(--line);
            border-radius: 18px;
            padding: 28px;
            background: #fff;
        }

        .soft-ss-card:hover {
            box-shadow: 0 14px 40px #0b1f331a;
        }

        .num {
            font-size: 12px;
            color: var(--b);
            font-weight: 900;
            letter-spacing: .12em !important;
        }

        .soft-ss-card h3{
            font-size: 18px !important;
            margin: 18px 0px !important;
        }

        .soft-ss-card p{
            margin: 14px 0px;
        }

        .soft-ss-card p,
        .soft-ss-card li {
            font-size: 14px !important;
            color: var(--muted);
        }

        .soft-ss-card ul {
            padding-left: 18px;
                display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    unicode-bidi: isolate;
        }

        .link {
            color: var(--b);
            font-size: 15px;
            font-weight: 700;
        }

        .pillars {
            grid-template-columns: repeat(4, 1fr);
        }

        .pillar {
            background: var(--n);
            color: #fff;
            padding: 30px;
            border-radius: 14px;
            min-height: 180px;
        }

        .pillar h3 {
            color: #fff !important;
        }

        .pillar p {
            color: #c7d5e0;
            font-size: 14px;
        }

        .steps {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
        }

        .sf-step {
            padding: 22px;
            border-top: 2px solid var(--b);
        }

        .sf-step strong {
            color: var(--n);
        }

        .sf-step p {
            font-size: 15px !important;
            color: var(--muted);
            margin: 14px 0px;
        }

        .envs {
            grid-template-columns: repeat(3, 1fr);
        }

        .env h3{
            color: #fff !important;
            font-size: 19px;
        }

        .env {
            min-height: 240px;
            border-radius: 16px;
            padding: 25px;
            display: flex;
            align-items: end;
            color: #fff;
            background: linear-gradient(0deg, #000b, #0000), url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=900&q=80') center/cover;
        }

        .env:nth-child(2) {
            background-image: linear-gradient(0deg, #000b, #0000), url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=900&q=80');
        }

        .env:nth-child(3) {
            background-image: linear-gradient(0deg, #000b, #0000), url('https://images.unsplash.com/photo-1564501049412-61c2a3083791?auto=format&fit=crop&w=900&q=80');
        }

        .env:nth-child(4) {
            background-image: linear-gradient(0deg, #000b, #0000), url('https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=900&q=80');
        }

        .env:nth-child(5) {
            background-image: linear-gradient(0deg, #000b, #0000), url('https://images.unsplash.com/photo-1541339907198-e08756dedf3f?auto=format&fit=crop&w=900&q=80');
        }

        .env:nth-child(6) {
            background-image: linear-gradient(0deg, #000b, #0000), url('https://images.unsplash.com/photo-1565793298595-6a879b1d9492?auto=format&fit=crop&w=900&q=80');
        }

        .ecos {
            display: grid;
            grid-template-columns: 1.2fr .8fr;
            gap: 40px;
            align-items: center;
        }

        .ecos p{
            margin: 14px 0px !important;
        }

        .visual {
            padding: 28px;
            background: #fff;
            border: 1px solid var(--line);
            border-radius: 18px;
        }

        .core {
            background: var(--n);
            color: #fff;
            text-align: center;
            padding: 22px;
            border-radius: 12px;
            font-weight: 900;
        }

        .orbit {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px;
            margin-top: 10px;
        }

        .orbit div {
            background: var(--l);
            padding: 15px;
            text-align: center;
            border-radius: 9px;
            font-weight: 700;
            font-size: 15px;
        }

        .faq {
            max-width: 900px;
        }

        .faq details {
            border-top: 1px solid var(--line);
            padding: 20px 0;
        }

        .faq summary {
            font-weight: 700;
            color: var(--n);
            cursor: pointer;
            font-size: 18px;
        }

        .faq p {
            color: var(--muted);
        }

        .cta {
            padding-top: 0;
        }

        .cta .box {
            min-height: 380px;
            padding: 60px;
            color: #fff;
            border-radius: 22px;
            background: linear-gradient(90deg, #051625f2, #05162588), url('https://images.unsplash.com/photo-1497366216548-37526070297c?auto=format&fit=crop&w=1800&q=85') center/cover;
        }

        .cta h2 {
            color: #fff !important;
        }

        .cta p {
            max-width: 650px;
            color: #d9e6ef;
            font-size: 17px !important;
            margin: 17px 0px !important;
        }

        .relatedsec {
            background: var(--l);
        }

        .related {
            grid-template-columns: repeat(4, 1fr);
        }

        .related a {
            background: #fff;
            border: 1px solid var(--line);
            padding: 18px;
            border-radius: 10px;
            font-size: 13px;
            font-weight: 800;
        }

        /* .text-light, .list-color-light a {
    color:#a5a5a5 !important;
} */

        /* .foot {
            display: grid;
            grid-template-columns: 1.3fr 1fr 1fr;
            gap: 40px;
        }

        .foot h3 {
            color: #fff;
            font-size: 16px;
        }

        .foot a {
            display: block;
            margin: 7px 0;
            font-size: 13px;
        } */

        @media(max-width:900px) {
            .nav {
                display: none;
            }

            .grid2,
            .ecos {
                grid-template-columns: 1fr;
            }

            .cards {
                grid-template-columns: 1fr 1fr;
            }

            .pillars {
                grid-template-columns: 1fr 1fr;
            }

            .steps {
                grid-template-columns: 1fr;
            }

            .envs {
                grid-template-columns: 1fr 1fr;
            }

            .related {
                grid-template-columns: 1fr 1fr;
            }

            .foot {
                grid-template-columns: 1fr 1fr;
            }
        }

        @media(max-width:600px) {
            .top {
                display: none;
            }

            nav {
                height: 66px;
            }

            .hero {
                min-height: 620px;
            }

            .hero .content {
                padding: 70px 0;
            }

            .hero h1 {
                font-size: 44px;
            }

            section {
                padding: 50px 0;
            }

            .cards,
            .pillars,
            .envs,
            .related,
            .flow {
                grid-template-columns: 1fr;
            }

            .flow div:last-child {
                grid-column: auto;
            }

            .photo {
                min-height: 330px;
            }

            .cta .box {
                padding: 40px 25px;
            }

            .foot {
                grid-template-columns: 1fr;
            }
        }


        /* new css is added */
        /* footer css start */
         .footer-widget{
            color: #a5a5a5;;
         }

         .footer-widget .widget-title {
    line-height: 50px;
    font-size: 21px;
    color: #fff !important;
}
        /* footer css end */