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

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

    border: 1px solid rgba(10,79,143,.25) !important;
    border-radius:20px !important;
    overflow:visible !important;
    box-sizing:border-box !important;

    transition:
        transform .3s ease,
        box-shadow .35s ease,
        border-color .25s ease,
        filter .25s 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(10,79,143,.25);

filter:brightness(1);

box-shadow:0 0 0 rgba(10,79,143,0);

}

8%{

transform:scale(1.03);

border-color:rgba(10,79,143,.95);

filter:brightness(1.35);

box-shadow:
0 0 28px rgba(10,79,143,.95),
0 0 65px rgba(10,79,143,.55);

}

}

/* ======================= HOVER ======================= */

.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);

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);

}

/* ======================= КНОПКИ ======================= */

.pulse-btn,
.blue-pulse-btn{

position:relative;

overflow:visible;

z-index:1;

border-radius:14px;

color:#fff;

}

.pulse-btn{
background:#E87B1E;
}

.blue-pulse-btn{
background:#0a4f8f;
}

.pulse-btn::after,
.blue-pulse-btn::after{

content:"";

position:absolute;

left:0;
top:0;
right:0;
bottom:0;

border-radius:14px;

z-index:-1;

animation:pulse 2.2s infinite;

}

.pulse-btn::after{
background:#E87B1E;
}

.blue-pulse-btn::after{
background:#0a4f8f;
}

@keyframes pulse{

0%{
transform:scale(1);
opacity:.7;
}

70%{
transform:scale(1.25);
opacity:0;
}

100%{
transform:scale(1.25);
opacity:0;
}

}

.dash-line{

stroke-dasharray:10 10;

animation:dashMove 1s linear infinite;

}

@keyframes dashMove{

from{
stroke-dashoffset:0;
}

to{
stroke-dashoffset:-20;
}

}

/* ======================= УБИРАЕМ ОБРЕЗАНИЕ ======================= */

#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;

}