/* Базовое оформление для любого блока */
.info-block {
    border-radius: 8px; /* Скруглённые уголки */
    padding: 20px;      /* Внутренние отступы */
    margin-bottom: 25px;/* Отступ снизу */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Лёгкая тень */
    border-left: 5px solid; /* Толстая линия слева, цвет зададим отдельно */
}

/* Оформление для конкретного блока */
.bg-blue {
    background-color: #f0f8ff; /* Светло-голубой фон */
    border-left-color: #007bff; /* Синяя левая граница */
}

.bg-green {
    background-color: #f0fff0; /* Светло-зелёный фон */
    border-left-color: #28a745; /* Зелёная левая граница */
}

.bg-yellow {
    background-color: #fff8e1;  /* очень светлый жёлтый */
    border-left-color: #ffc107; /* янтарный акцент */
}

.bg-orange {
    background-color: #fff3e0;  /* светлый оранжевый */
    border-left-color: #ff9800; /* оранжевый акцент */
}

.bg-purple {
    background-color: #f3e5f5;  /* светлый фиолетовый */
    border-left-color: #9c27b0; /* фиолетовый акцент */
}

.bg-red {
    background-color: #ffebee;  /* светлый красный */
    border-left-color: #f44336; /* красный акцент */
}

.bg-teal {
    background-color: #e0f2f1;  /* светлый бирюзовый */
    border-left-color: #009688; /* бирюзовый акцент (teal) */
}

/* Правильный отступ для заголовка, чтобы он не прилипал к верху */
.info-block h3 {
    margin-top: 0;
}