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


.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:hidden!important;
    box-sizing:border-box!important;

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

}



/* ======================= СТАРЫЙ 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{


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


}



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


.tab-btn .tn-atom{


    border-radius:14px!important;

    transition:all .25s ease;


    background:

    linear-gradient(
        135deg,
        rgba(30,70,110,.45),
        rgba(10,25,45,.85)
    )!important;



    border:1px solid rgba(47,123,255,.35);



    box-shadow:

    inset 0 0 20px rgba(47,123,255,.08),
    0 5px 20px rgba(0,0,0,.25);


}




.tab-btn:hover .tn-atom{


    background:

    linear-gradient(
        135deg,
        rgba(47,123,255,.35),
        rgba(10,25,45,.95)
    )!important;



    border-color:rgba(47,123,255,.75);



    box-shadow:

    0 0 15px rgba(47,123,255,.25),
    0 0 30px rgba(47,123,255,.12),
    inset 0 0 20px rgba(47,123,255,.12);


}




.tab-btn.active .tn-atom{


    background:

    linear-gradient(
        90deg,
        rgba(47,123,255,.35),
        rgba(10,20,35,.95)
    )!important;



    border:1px solid rgba(47,123,255,.9)!important;



    box-shadow:


    0 0 12px rgba(47,123,255,.35),
    0 0 30px rgba(47,123,255,.18),
    inset 0 0 25px rgba(47,123,255,.12),
    0 10px 30px rgba(0,0,0,.35);



}



/* убрать старую полоску */


.tab-btn.active::before{

    display:none!important;

}





/* ======================= ПУЛЬС КНОПКИ ======================= */


.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 ======================= */


.dash-line{


    stroke-dasharray:10 10;

    animation:dashMove 1s linear infinite;


}



@keyframes dashMove{


from{

stroke-dashoffset:0;

}


to{

stroke-dashoffset:-20;

}


}




/* ======================= OVERFLOW TILDA ======================= */


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


}




/* ======================= TAB CONTENT ======================= */


.tab-content{

display:none;

}



.tab-content.active{

display:block;

}

.tab-btn .tn-atom {
    padding-left: 20px !important;
}