.dk--tabs2-grid {

    display: grid;
    grid-template-columns: 30% auto;
    gap: 2.5rem;
    border: 2px solid #d5ac4e;
    border-radius: 1.5rem;
    padding: 20px; 
    
}



        /* Секция */
        .dk--grid5-section {
            padding-left: 1.25rem;   /* px-5 */
            padding-right: 1.25rem;  /* px-5 */
            margin-top: 7.5rem;      /* mt-30 (30 * 0.25rem = 7.5rem) */
            margin-bottom: 5rem;     /* mb-20 */
        }

        /* Контейнер */
        .dk--grid5-container {
            max-width: 1228px;
            margin-left: auto;
            margin-right: auto;
            height: fit-content;
        }

        /* Заголовок h2 */
        .dk--grid5-title {
            color: #9a6e2a;
            font-size: 1.875rem;    /* text-3xl */
            font-weight: 200;
            margin-top: 1.25rem;     /* mt-5 */
        }

        /* Сетка карточек */
        .dk--grid5-grid {
            margin-top: 2.5rem;      /* mt-10 */
            display: grid;
            grid-template-columns: 1fr;
            gap: 2.5rem;            /* gap-10 */
        }

        /* Карточка */
        .dk--grid5-card {
            display: flex;
            flex-direction: column;
            gap: 1.25rem;           /* gap-5 */
            border: 2px solid #d5ac4e;
            border-radius: 1.5rem;   /* rounded-3xl */
            height: 18.5rem;         /* h-74 (74 * 0.25rem = 18.5rem) */
            padding: 1.25rem;        /* p-5 */
        }
        
        .dk--grid5-card:hover {
            scale: 1.02;
        }

        /* Заголовок карточки */
        .dk--grid5-card-title {
            font-size: 1.25rem;      /* text-xl */
            font-weight: 200;
            color: #b88a3a;
        }

        /* Текст карточки */
        .dk--grid5-card-text {
            font-size: 1.125rem;     /* text-lg */
            font-weight: 200;
            color: #4b5563;
            line-height: 1.6;
        }

        /* ----------------------------- */
        /* 3. Адаптив (медиа-запросы)     */
        /* ----------------------------- */

        /* md: 768px и выше — 2 колонки */
        @media (min-width: 768px) {
            .dk--grid5-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        /* lg: 1024px и выше — 3 колонки */
        @media (min-width: 1024px) {
            .dk--grid5-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }