.border-text .tn-atom {
    -webkit-text-stroke: 3px #fff;
    color: transparent !important;
}

.t-submit {
    text-align: left !important;
}

.button-align .tn-atom {
    text-align: left !important;
    padding-left: 20px;
}

.text-gr .tn-atom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#7b7b7b));
    background-image: -o-linear-gradient(top, #f6f6f6, #7b7b7b);
    background-image: linear-gradient(to bottom, #f6f6f6, #7b7b7b);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-gr-2 .tn-atom {
    background-image: -webkit-gradient(linear, right top, left top, from(#c1c1c1), color-stop(#fff), to(#8f8f8f));
    background-image: -o-linear-gradient(right, #c1c1c1, #fff, #8f8f8f);
    background-image: linear-gradient(270deg, #c1c1c1, #fff, #8f8f8f);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-red-gr .tn-atom {
    background: -webkit-gradient(linear, left top, left bottom, from(#E81617), color-stop(45.31%, #FF1D1E), to(#A21718));
    background: -o-linear-gradient(top, #E81617 0%, #FF1D1E 45.31%, #A21718 100%);
    background: linear-gradient(180deg, #E81617 0%, #FF1D1E 45.31%, #A21718 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;

}

.text-red-gr-2 .tn-atom {
    background: -webkit-gradient(linear, left top, left bottom, from(#A21718), to(#D81213));
    background: -o-linear-gradient(top, #A21718 0%, #D81213 100%);
    background: linear-gradient(180deg, #A21718 0%, #D81213 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;

}

.text-gr-3 .tn-atom,
.t702__title {
    background: -o-linear-gradient(179.91deg, #C1C1C1 19%, #FFFFFF 45.59%, #DADADA 97.02%);
    background: linear-gradient(270.09deg, #C1C1C1 19%, #FFFFFF 45.59%, #DADADA 97.02%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;

}

.num-gr .tn-atom {
    background: -o-linear-gradient(179.91deg, #C1C1C1 19%, #DADADA 97.02%);
    background: linear-gradient(270.09deg, #C1C1C1 19%, #DADADA 97.02%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.red-gr-shape .tn-atom {
    background: linear-gradient(270deg, #A21718 0%, #D81213 100%);
    background-color: transparent !important;
}



.card-gr .tn-atom {
    background: -webkit-gradient(linear, left top, left bottom, from(#4F4F5A), to(rgba(79, 79, 90, 0)));
    background: -o-linear-gradient(top, #4F4F5A 0%, rgba(79, 79, 90, 0) 100%);
    background: linear-gradient(180deg, #4F4F5A 0%, rgba(79, 79, 90, 0) 100%);
    background-color: transparent !important;
    border-radius: 5px 5px 0 0;
}

.card-gr-horizonral .tn-atom {
    background: -webkit-gradient(linear, left top, right top, from(#4F4F5A), to(rgba(79, 79, 90, 0)));
    background: -o-linear-gradient(left, #4F4F5A 0%, rgba(79, 79, 90, 0) 100%);
    background: linear-gradient(90deg, #4F4F5A 0%, rgba(79, 79, 90, 0) 100%);
    background-color: transparent !important;
}

.circle-gr .tn-atom {
    background: -webkit-gradient(linear, left top, left bottom, from(#FF1D1E), to(rgba(255, 29, 30, 0)));
    background: -o-linear-gradient(top, #FF1D1E 0%, rgba(255, 29, 30, 0) 100%);
    background: linear-gradient(180deg, #FF1D1E 0%, rgba(255, 29, 30, 0) 100%);
    background-color: transparent !important;
}

.circle-filter-gr .tn-atom {
    background: -webkit-gradient(linear, left top, left bottom, from(#454545), to(rgba(112, 112, 112, 0)));
    background: -o-linear-gradient(top, #454545 0%, rgba(112, 112, 112, 0) 100%);
    background: linear-gradient(180deg, #454545 0%, rgba(112, 112, 112, 0) 100%);
    background-color: transparent !important;
}

.blur20 {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 10px;
}

.mix-lighten {
    mix-blend-mode: lighten;
    display: block;
}

.mix-screen {
    mix-blend-mode: screen;
    display: block;
}

.mix-lighten .tn-atom,
.mix-screen .tn-atom {
    position: absolute;
    height: 100%;
}

.t702 .t-submit {
    height: 74px !important;
    font-size: 20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.t702 .t-submit:before {
    content: '';
    background: url(https://static.tildacdn.com/tild3534-3335-4139-b265-623137333839/arrow.svg) no-repeat;
    position: absolute;
    display: block;
    width: 29px;
    height: 29px;
    right: 20px;
    top: 22.5px;
}

.t-popup__container {
    border: 5px solid #fff;
    border-radius: 10px;
}