@media screen and (min-width: 1201px) {
    ::-webkit-scrollbar-thumb {
        /* Укажи цвет скроллбара */
        background: #0078a0;
        /* Укажи радиус скругления скроллбара */
        border-radius: 10px;
    }
    ::-webkit-scrollbar {
        /* Укажи ширину вертикального скроллбара */
        width: 5px;
        /* Укажи высоту горизонтального скроллбара */
        height: 5px;
        /* Укажи цвет фона под скроллбаром */
        background: #000000;
 
    }
}

.shape_hover_effects .tn-atom{
    background: #0078a0;
    background: linear-gradient(
135deg
,#0078a0 0%,#a00a00 100%);

background-position: 100% 0 !important;
    background-size: 150% 150%;
    transition: all 0.5s ease-in-out !important;
}


.shape_hover_effects .tn-atom:hover{
    
        box-shadow: 0 0 0 0 rgba(0,40,120,0);
   background-position: 0 0 !important;
}
/*
.shape_hover_effects:hover {
    box-shadow: 0 0 0 0 rgba(0,40,120,0);
   background-position: 0 0 !important;
}*/

/*
[href='#gradbox'] {
       background: #0078a0;
    background: linear-gradient(
135deg
,#0078a0 0%,#a00a00 100%);

background-position: 100% 0 !important;
    background-size: 150% 150%;
    transition: all 0.5s ease-in-out !important;
}
[href='#gradbox']:hover {
   box-shadow: 0 0 0 0 rgba(0,40,120,0);
   background-position: 0 0 !important;
}*/

[href='#gradbutton'] {
   background: #0078a0;
    background: linear-gradient(
135deg
,#0078a0 0%,#a00a00 100%);
    background-position: 50% 0 !important;
    background-size: 200% 200%;
    transition: all 0.5s ease-in-out !important;
}
[href='#gradbutton']:hover {
   box-shadow: 0 0 0 0 rgba(0,40,120,0);
   background-position: 0 0 !important;
}
.textgradient { background: linear-gradient(120deg, #a00a00 0%,  50%, #0078a0 100%); background: -webkit-linear-gradient(90deg, #a00a00 0%,  50%, #0078a0 100%); -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: rgba(255, 255, 255, 0); -moz-text-fill-color: rgba(255, 255, 255, 0); } .textgradient .tn-atom { display: inline; }
.textgradient2 { background: linear-gradient(120deg, #006080 0%,  50%, #a00a00 100%); background: -webkit-linear-gradient(90deg, #a00a00 0%,  50%, #0078a0 100%); -webkit-text-stroke: 0px #000000;-webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: rgba(255, 255, 255, 0); -moz-text-fill-color: rgba(255, 255, 255, 0); } .textgradient .tn-atom { display: inline; }

.gradtax {
   background: #0078a0;
    background: linear-gradient(
135deg
,#0078a0 0%,#a00a00 100%);
    background-position: 50% 0 !important;
    background-size: 200% 200%;
    transition: all 0.5s ease-in-out !important;
}
.gradtax:hover {
   box-shadow: 0 0 0 0 rgba(0,40,120,0);
   background-position: 0 0 !important;
}
.red {
  fill: #ff0000;
}

[href='#call'] {
   background: #0078a0;
    background: linear-gradient(
135deg
,#0078a0 0%,#a00a00 100%);
    background-position: 50% 0 !important;
    background-size: 200% 200%;
    transition: all 0.5s ease-in-out !important;
}




.link-menu[data-elem-type="text"] a:hover {
    /* цвет текста после наведения */
    color: #ffffff !important;
}

.link-menu[data-elem-type="text"] a::after {
    content: '';
    position: absolute;
    transition: all 0.3s ease;
    margin: auto;
    /* отступ между ссылкой и подчеркиванием; 
    если нужно сделать расстояние больше, то используй отрицательное значение */
    margin-bottom: 0px;
    /* толщина подчеркивания */
    height: 2px;  
   
     
}

.link-menu[data-elem-type="text"] a:hover::after {
    /* цвет подчеркивания после наведения */
    background: #00a1d6;
     
    opacity: 1;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
     
}

.text_shadow{
text-shadow: 0px 4px 8px rgba(0,0,0, .3);
}

.text_test{
-webkit-text-stroke: 1px #ffffff;
}