/* Базовые переносы */
p {
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    overflow-wrap: break-word;
}

/* =========================
   INFO SECTION
   ========================= */
.info-section__title {
    color: #000000;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 30px; /* было inline */
}

.info-section__title::after {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background-color: #0a97d9;
    margin: 20px auto 20px;
}

/* Заголовки карточек */
.service-title {
    color: #000000;
    margin-bottom: 30px;
}

/* Отступы между карточками */
.info-section .row > .col-md-3 {
    margin-bottom: 20px;
}

/* =========================
   SERVICE BOX
   ========================= */
.service-box {
    border-radius: 5px;
    transition: transform 0.3s;
    width: 100%;
}

.service-box:hover {
    transform: scale(1.05);
}

/* Два варианта фона (были inline background-color) */
.service-box--variant-1 {
    background-color: rgba(10, 151, 217, 0.1);
}

.service-box--variant-2 {
    background-color: rgba(41, 211, 217, 0.15);
}

/* =========================
   BUTTON
   ========================= */
/* Важно: не ломаем глобально .btn-primary (чтобы не влиять на весь сайт),
   поэтому стилизуем только кнопки этой секции */
.info-section .btn.btn-primary.service-btn {
    background-color: #0a97d9;
    border: none;
    border-radius: 0px;
    padding: 8px 16px;
}