.connect-container {
            padding: clamp(30px, 5.208vw, 100px) 15px;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: clamp(30px, 3.125vw, 60px);
            background: #ffffff;
        }
        .connect-card {
            display: flex;
            flex-direction: column;
            gap: 28px;
        }
        .connect-card h2 {
            font-size: clamp(20px, 1.67vw, 32px);
            font-weight: 600;
            color: #000000;
            line-height: 1.1;
        }
        .connect-card p {
            font-size: clamp(14px, 0.83vw, 16px);
            color: #666;
            line-height: 1.7;
            max-width: 100%;
        }
        .connect-btn {
            width: fit-content;
            padding: 16px 36px;
            background-color: #f7f7f7;
            border: none;
            border-radius: 999px;
            font-size: 20px;
            font-weight: 500;
            display: flex;
            align-items: center;
            gap: 12px;
            cursor: pointer;
            color: #000000;
        }
        .connect-btn svg {
            width: 22px;
            height: 22px;
        }


@media(max-width:1280px){
.connect-card { gap: 15px;}
}

@media(max-width:991px){
.connect-card { gap: 10px;}
.connect-container {grid-template-columns: repeat(2, 1fr);}
}


@media(max-width:767px){
.connect-container {grid-template-columns: 1fr;}
}