.section-why-webcommander-ecosystem {
            width: 100%;
            margin: auto;
            padding: 90px 20px;
        }

.section-why-webcommander-ecosystem .wrapper {
           max-width: 1300px;
           margin:0 auto;
           display: flex;
           gap: 40px;
           align-items: center;
           justify-content: space-between;
           flex-wrap: wrap;
           padding: 0 30px;
        }

        /* LEFT CONTENT */
.section-why-webcommander-ecosystem .wrapper .left {
            width: 350px;
            min-width: 200px;
        }

.section-why-webcommander-ecosystem .wrapper .left h2 {
            font-size: 31px;
            font-weight: 700;
            line-height: 1.3;
            margin-bottom: 20px;
            margin-top: 0;
            font-family: Inter;
        }

.section-why-webcommander-ecosystem .wrapper .left p {
            font-size: 17px;
            color: #3e3e3e;
            line-height: 1.6;
            max-width: 420px;
            padding: 0 45px 0 0;
            font-family: Inter;
        }

        /* RIGHT CARDS */
.section-why-webcommander-ecosystem .wrapper .right {
            flex: auto;
            display: flex;
            gap: 20px;
            flex-wrap: wrap;
            justify-content: center;
        }

.section-why-webcommander-ecosystem .wrapper .right .card {
            background: #fafafa;
            border-radius: 16px;
            padding: 40px 30px;
            width: 254px;
            text-align: center;
            transition: all 0.3s ease;
            background: rgba(0,0,0,0.02);
        }

.section-why-webcommander-ecosystem .wrapper .right .card .icon {
            width: 48px;
            height: 48px;
            margin: 0 auto 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
        }

.section-why-webcommander-ecosystem .wrapper .right .card h3 {
            font-size: 24px;
            font-weight: 500;
            margin-bottom: 10px;
        }

.section-why-webcommander-ecosystem .wrapper .right .card p {
            font-size: 14px;
            color: #666;
            line-height: 1.5;
        }

        /* RESPONSIVE */
        @media (max-width: 1200px) {
.section-why-webcommander-ecosystem .wrapper {
    padding: 0;
    gap: 30px;
}
.section-why-webcommander-ecosystem .wrapper .left {
    width: 100%;
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
}
.section-why-webcommander-ecosystem .wrapper .left p {
    max-width:  100%;
}
}
        @media (max-width: 992px) {
.section-why-webcommander-ecosystem .wrapper {
                flex-direction: column;
                text-align: center;
            }

.section-why-webcommander-ecosystem .wrapper .left p {
                margin: auto;
				padding: 0;
            }
.section-why-webcommander-ecosystem {
    padding: 40px 0 50px;
}
.section-why-webcommander-ecosystem .wrapper .right .card {
    padding: 30px 15px;
    width: 215px;
}
        }

        @media (max-width: 576px) {
.section-why-webcommander-ecosystem .wrapper .right .card {
    width: 100%;
}
.section-why-webcommander-ecosystem .wrapper .left h2 {
                font-size: 28px;
            }

.section-why-webcommander-ecosystem .wrapper .card {
                width: 100%;
                max-width: 320px;
            }
        }