/* =========================================
   Убираем обрезание свечения
========================================= */

#rec2177355971,
#rec2177355971 .t396,
#rec2177355971 .t396__artboard {
    overflow: visible !important;
}

/* =========================================
   АНИМАЦИЯ ТЕКСТА
========================================= */

#rec2177355971 .t-name,
#rec2177355971 .t-title,
#rec2177355971 .t-descr {
    opacity: 1;
    transition:
        color .4s ease,
        font-weight .4s ease;
}

#rec2177355971 .t-item:hover .t-name,
#rec2177355971 .t-item:hover .t-title,
#rec2177355971 .t-item:hover .t-descr {
    color: #1449A3 !important;
    font-weight: 500 !important;
}

/* =========================================
   КАРТОЧКИ
========================================= */

.glow-1 .tn-atom,
.glow-2 .tn-atom,
.glow-3 .tn-atom,
.glow-4 .tn-atom,
.glow-5 .tn-atom {

    border: 0.7px solid rgba(20,73,163,.18) !important;
    border-radius: 20px !important;

    overflow: visible !important;
    box-sizing: border-box;

    transition:
        transform .3s ease,
        box-shadow .35s ease,
        border-color .35s ease;

    will-change: transform, box-shadow;
}

/* =========================================
   ОЧЕРЕДЬ ПОДСВЕТКИ
========================================= */

.glow-1 .tn-atom { animation: glowCycle 5s infinite 0s; }
.glow-2 .tn-atom { animation: glowCycle 5s infinite 1s; }
.glow-3 .tn-atom { animation: glowCycle 5s infinite 2s; }
.glow-4 .tn-atom { animation: glowCycle 5s infinite 3s; }
.glow-5 .tn-atom { animation: glowCycle 5s infinite 4s; }

/* =========================================
   НЕОНОВОЕ СВЕЧЕНИЕ
========================================= */

@keyframes glowCycle {

    0%,
    18%,
    100% {

        transform: scale(1);

        border-color: rgba(20,73,163,.10);

        box-shadow:
            0 0 0 rgba(20,73,163,0);
    }

    8% {

        transform: scale(1.012);

        border-color: rgba(20,73,163,.28);

        box-shadow:
            0 0 8px rgba(20,73,163,.18),
            0 0 18px rgba(20,73,163,.10),
            0 0 28px rgba(20,73,163,.05);
    }
}

/* =========================================
   ЭФФЕКТ ПРИ НАВЕДЕНИИ
========================================= */

.glow-1 .tn-atom:hover,
.glow-2 .tn-atom:hover,
.glow-3 .tn-atom:hover,
.glow-4 .tn-atom:hover,
.glow-5 .tn-atom:hover {

    animation: none !important;

    transform: scale(1.02);

    border-color: rgba(20,73,163,.38);

    box-shadow:
        0 0 10px rgba(20,73,163,.22),
        0 0 22px rgba(20,73,163,.12),
        0 0 36px rgba(20,73,163,.06);
}
    
/* Синяя пульсирующая кнопка */
.blue-pulse-btn {
    position: relative;
    background: #0a4f8f;
    color: #fff;
    border-radius: 14px;
    overflow: visible;
}

.blue-pulse-btn::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 14px;
    background: #0a4f8f;
    z-index: -1;
    animation: bluePulse 2s infinite;
}

@keyframes bluePulse {
    0% {
        transform: scale(1);
        opacity: 0.7;
    }
    100% {
        transform: scale(1.4);
        opacity: 0;
    }
}