a.gradient_da {
    text-decoration: none;
    color: white;
    padding: 8px;
    display: inline-block;
		font-size:16px;
		border-radius: 40px;
		padding-left:15px;
		padding-right: 15px;
		background: linear-gradient(180deg, #64c7d2, #3d98a0);
		box-shadow: 0 2px 9px #3c848a;
}

a.gradient_da:hover, a.gradient_ta:hover {
	transition: filter 0.5s ease;
	filter: brightness(107%);
}

a.gradient_ta {
    text-decoration: none;
    color: white;
    padding: 8px;
    display: inline-block;
		font-size:16px;
		border-radius: 40px;
		padding-left:15px;
		padding-right: 15px;
		background: linear-gradient(180deg, #d390b4, #8f70a7);
		box-shadow: 0 2px 9px #82629b;
}

.gradient_d{
		background: linear-gradient(180deg, #52b6c1, #3d848a);
		width: 340px;
		border-radius: 10px;
		padding: 15px;
}

.gradient_d:hover, .gradient_t:hover{
		transition: filter 0.3s ease;
		filter: brightness(105%);
}

.gradient_t{
		background: linear-gradient(180deg, #cf77a6, #8166a7);
		width: 340px;
		border-radius: 10px;
		padding: 15px;
}

.gradient-text {
    font-weight: bold;
    font-size: 25px;
    background: linear-gradient(45deg, #25676d, #3e868c, #4fb5bf);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-text2 {
    font-weight: bold;
    font-size: 25px;
    background: linear-gradient(45deg, #634095, #a65e90, #ca6b9e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#mac_s1, #mac_s2, #mac_s3 {
					 visibility: hidden;
					 white-space: pre-wrap;
			 }

			 #i_s1, #i_zak, #i_circ, #i_zak1, #i_zak2, #i_s2 {
        opacity: 0;
        transition: opacity 0.5s ease-in-out;
    }

    #i_2, #i_t2, #i_docs1, #i_docs1_2, #i_div3 {
        opacity: 0;
        transition: opacity 0.5s ease-in-out;
    }

		#i_div2_1, #i_bigzak1, #i_bigzak2, #i_div4{
        opacity: 0;
        transition: opacity 0.5s ease-in-out;
    }

		#i_ter, #i_ter_main, #i_ter2, #i_ter3, #i_ter_o {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

#ind_tt, #testd, #testd2, #downl, #ind_aim, #ind_addoc {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}

.bb3{
opacity: 0;
transition: opacity 0.5s ease-in-out;
}



/* Стили для компьютеров (десктопов) */
@media only screen and (min-width: 1025px) {
      .vinnie {
        top: 300px; /* позиционируем контейнер вверху */
      }
}