/* Базовый стиль - белый текст внутри блока */
.ink-spot-effect h1,
.ink-spot-effect h2, 
.ink-spot-effect h3,
.ink-spot-effect h4,
.ink-spot-effect h5,
.ink-spot-effect h6,
.ink-spot-effect p,
.ink-spot-effect .fancy-title,
.ink-spot-effect .wpb_wrapper {
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* Фон ТОЛЬКО на внешнем блоке */
.ink-spot-effect,
.ink-spot-effect .wpb_text_column,
.ink-spot-effect .wpb_content_element {
    position: relative;
    display: block;
    padding: 15px 20px;
    border-radius: 10px;
    background-color: rgba(52, 152, 219, 0.7); /* Синий по умолчанию */
}

/* Модификаторы цвета фона - ТОЛЬКО для внешнего блока */
.ink-spot-effect.red,
.ink-spot-effect.red .wpb_text_column,
.ink-spot-effect.red .wpb_content_element {
    background-color: rgba(231, 76, 60, 0.7) !important; /* Красный */
}

.ink-spot-effect.green,
.ink-spot-effect.green .wpb_text_column,
.ink-spot-effect.green .wpb_content_element {
    background-color: rgba(46, 204, 113, 0.7) !important; /* Зеленый */
}

.ink-spot-effect.yellow,
.ink-spot-effect.yellow .wpb_text_column,
.ink-spot-effect.yellow .wpb_content_element {
    background-color: rgba(241, 196, 15, 0.7) !important; /* Желтый */
}

.ink-spot-effect.purple,
.ink-spot-effect.purple .wpb_text_column,
.ink-spot-effect.purple .wpb_content_element {
    background-color: rgba(155, 89, 182, 0.7) !important; /* Фиолетовый */
}

.ink-spot-effect.orange,
.ink-spot-effect.orange .wpb_text_column,
.ink-spot-effect.orange .wpb_content_element {
    background-color: rgba(230, 126, 34, 0.7) !important; /* Оранжевый */
}

/* Убираем фон с текстовых элементов */
.ink-spot-effect h1,
.ink-spot-effect h2, 
.ink-spot-effect h3,
.ink-spot-effect h4,
.ink-spot-effect h5,
.ink-spot-effect h6,
.ink-spot-effect p,
.ink-spot-effect .fancy-title,
.ink-spot-effect .wpb_wrapper {
    background-color: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    display: block;
}






/* Класс для скругления углов 20px - усиленная версия */
.krug20,
.krug20 .vc_column-inner,
.krug20 .vc_col-has-fill,
.krug20 .vc_column-inner.vc_custom_1770742110066 {
    border-radius: 20px !important;
    overflow: hidden !important;
}

/* Если фон на самом элементе vc_column_container */
.wpb_column.vc_column_container.krug20 {
    border-radius: 20px !important;
    overflow: hidden !important;
}

/* Для inner контейнера внутри */
.wpb_column.vc_column_container.krug20 > .vc_column-inner {
    border-radius: 20px !important;
}

/* Альтернативно - убрать фон с колонки и добавить его на новый элемент */
.krug20-wrapper {
    border-radius: 20px !important;
    overflow: hidden !important;
    padding: 20px; /* если нужно */
}