/*
    Created on : 23.06.2022, 00:56:00
    Author     : Alekhnovich Oleg (https://webplatinum.net)
*/

/* CUSTOMIZE THE MAIN CAROUSEL
-------------------------------------------------- */

:root {
  --light-primary: #fff;
  --accent-color: #ffad1e;
  --accent-color-secondarily: #875f3b;
  --dark-primary: #000000;
  /* --dark-secondarily: #000000; */
  --border-color: #878776;
  --bg-th:#5278b8;
  --bg-td:#ffad1e;
  --td-hover:#9b8d8d;
  --bg-list:linear-gradient(145deg, #fef84a, #ffad1e);
  --bt-btn-lang:linear-gradient(145deg, #223d99, #5fdede);
  --before-color:linear-gradient(to right, #5278b8, #4c6bde);
  --btn-color: linear-gradient(145deg, #f70515, #ef323b, #ff5f14);
  --btn-hover:linear-gradient(145deg, #e73844, #c7020f);
  --btn-active:linear-gradient(145deg, #c7020f, #a0020d); 
  --bg-header: linear-gradient(to bottom, #000000, #333333);
  --bg-footer: linear-gradient(to top, #000000, #333333);
  --bg-box-btn:#ddcece;
  --bg-gradient: linear-gradient(to bottom, #666666, #dddddd);
}

#mainCarousel .carousel {
  margin-bottom: 4rem;
}

#mainCarousel .carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

#mainCarousel .carousel-item {
  height: 32rem;
}

#mainCarousel .carousel-bg-filter {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: black;
  background: rgba(0, 0, 0, 0.5);
}

/* CAROUSEL FOR ADDITIONAL PRODUCT IMAGES
-------------------------------------------------- */
.additional-carousel-indicator {
  opacity: .5;
  transition: all 0.3s ease;
}

.additional-carousel-indicator:hover {
  opacity: 1;
  transition: all 0.3s ease;
}

.additional-carousel-indicator.active {
  opacity: 1;
  transition: all 0.3s ease;
}

/* CUSTOMIZE THE JUMBOTRON
-------------------------------------------------- */
.jumbotron-bg-filter {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #e9ecef;
  background: rgba(0, 0, 0, 0.4);
}

/* PAGINATION
-------------------------------------------------- */
.pagination {
  --bs-pagination-color: #333;
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #003b77;
  --bs-pagination-active-border-color: #003b77;
}

/* CARD
-------------------------------------------------- */
.blog-card-body a {
  color: #003b77;
}

.blog-card-body:hover {
  background-color: #003b77;
  color: lightgrey !important;
  transition: all .6s;
}

.blog-card-body a:hover {
  color: #fff !important;
}

.img-square {
  width: 100%;
  margin: auto;
  overflow: hidden;
  /* clearfix */
}

.img-square:before {
  content: "";
  padding-top: 100%;
  float: left;
}

.img-fluid-square {
  max-width: 100%;
  max-height: 100%;
}

/* MAIN CONTENT
-------------------------------------------------- */
a {
  color: #000000;
}

a:hover {
  color: #003b77;
}
a {
  text-decoration: none;
}
a:hover, a:focus, a:active {
  text-decoration: none;
}

.text-darkblue {
  color: #003b77;
}

.text-orange {
  color: #e64c16;
}

.bg-darkblue {
  background-color: #003b77;
}

.bg-orange {
  background-color: #e64c16;
}

.text-lightgrey {
  color: #eaf0fb;
}

.error404 {
  font-size: 5rem;
}

@media (min-width: 390px) {
  .error404 {
    font-size: 7rem;
  }
}

@media (min-width: 576px) {
  .error404 {
    font-size: 10rem;
  }
}

@media (min-width: 768px) {
  .error404 {
    font-size: 14rem;
  }
}

@media (min-width: 1200px) {
  .error404 {
    font-size: 14rem;
  }
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #003b77;
  --bs-btn-border-color: #003b77;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #003b77;
  --bs-btn-active-border-color: #003b77;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #003b77;
}

/* USER ACCOUNT
-------------------------------------------------- */
@media (min-width: 768px) {
  .sidebar .offcanvas-lg {
    position: -webkit-sticky;
    position: sticky;
    top: 48px;
  }

  .navbar-search {
    display: block;
  }
}

.sidebar .nav-link {
  font-size: .875rem;
}

.sidebar .nav-link.active {
  font-weight: 500;
  color: #e64c16 !important;
}

.sidebar-heading {
  font-size: .75rem;
}

/* BOOTSTRAP SUBMENU 3 LEVEL
-------------------------------------------------- */
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}

/* BUTTON UP
-------------------------------------------------- */
#btn-back-to-top {
  position: fixed;
  bottom: 7px;
  right: 7px;
  display: none;
}

/* CSS3 EFFECTS
-------------------------------------------------- */
.fade-img {
  -webkit-transition: all 0.3s ease;
  ;
  -moz-transition: all 0.3s ease;
  ;
  -o-transition: all 0.3s ease;
  ;
  transition: all 0.3s ease;
  opacity: 1;
}

.fade-img:hover {
  -webkit-transition: all 0.3s ease;
  ;
  -moz-transition: all 0.3s ease;
  ;
  -o-transition: all 0.3s ease;
  ;
  transition: all 0.3s ease;
  opacity: 0.5;
}

/*=======================================================*/

/* Отключаем стандартные маркеры */
.custom-list ul {
  list-style-type: none;
  padding-left: 20px;
}

/* Стили для пунктов всех списков */
.custom-list ul li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 8px;
}

/* Маркер для первого уровня (круг + галочка) */
.custom-list ul>li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 18px;
  height: 18px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><g transform="translate(0 1024) scale(0.1 -0.1)"><path fill="%234dabf7" d="M4860 9084 c-300 -21 -720 -99 -985 -184 -118 -38 -365 -145 -630 -275 -321 -157 -580 -346 -899 -656 -289 -281 -513 -564 -636 -804 -25 -49 -74 -142 -108 -205 -131 -245 -254 -568 -321 -840 -52 -212 -105 -578 -116 -795 -3 -66 -8 -158 -11 -205 -5 -81 9 -253 41 -530 41 -336 128 -672 255 -976 84 -201 133 -296 263 -514 146 -245 147 -246 257 -385 52 -66 114 -145 137 -175 115 -151 403 -430 573 -556 179 -132 235 -172 390 -274 168 -111 218 -138 432 -234 151 -67 208 -87 458 -160 305 -89 425 -114 702 -147 217 -26 661 -31 863 -10 694 73 1252 277 1829 668 76 51 176 123 223 160 95 74 351 312 484 449 105 109 339 419 416 551 137 236 243 429 267 486 115 280 162 418 207 597 103 419 133 667 134 1095 0 310 -3 349 -51 640 -30 179 -38 212 -116 468 -76 252 -133 395 -264 671 -120 252 -193 368 -381 601 -133 165 -414 466 -531 569 -103 90 -435 336 -553 409 -115 72 -458 238 -643 311 -63 25 -119 46 -124 46 -4 0 -63 18 -129 40 -195 64 -375 101 -688 141 -154 19 -598 33 -745 23z m719 -669 c502 -70 969 -246 1386 -523 243 -162 369 -264 570 -466 367 -368 583 -730 764 -1276 176 -536 206 -1134 84 -1714 -51 -247 -247 -784 -346 -951 -267 -449 -592 -814 -958 -1076 -315 -225 -758 -434 -1101 -518 -315 -78 -592 -107 -927 -98 -419 11 -790 86 -1161 232 -418 165 -749 378 -1064 685 -225 219 -387 419 -539 668 -163 267 -231 414 -326 704 -250 767 -225 1609 70 2312 169 402 403 762 682 1045 137 139 198 192 381 329 269 203 473 319 761 431 304 119 674 208 975 235 121 10 630 -2 749 -19z"/></g></svg>');

  background-size: contain;
}

.custom-list ul>li::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 6px;
  width: 10px;
  height: 10px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><g transform="translate(0 1024) scale(0.1 -0.1)"><path fill="black" d="M6663 6719 c-59 -23 -115 -76 -284 -274 -97 -115 -626 -721 -1019 -1171 -457 -522 -752 -854 -759 -854 -4 0 -20 15 -36 33 -15 17 -80 86 -144 152 -64 66 -305 319 -535 562 -299 316 -430 448 -460 462 -235 114 -491 -44 -474 -293 7 -105 40 -159 195 -319 430 -443 1002 -1041 1138 -1189 146 -159 200 -191 323 -191 61 1 83 6 136 32 68 33 55 20 579 606 270 301 821 926 1033 1171 100 115 297 342 438 504 142 162 266 312 277 332 46 89 46 207 -1 299 -29 55 -114 126 -173 144 -71 21 -170 18 -234 -6z"/></g></svg>');

  background-size: contain;
}

.custom-list ul ul>li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 0;
  height: 0;
  border-left: 10px solid #a5d8ff;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}

.custom-list ul ul>li::after {
  display: none;
  /* Галочку убираем полностью */
}

.custom-list h1 {
  font-size: 32px;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.custom-list h2 {
  font-size: 26px;
  padding-top: .5rem !important;
  padding-bottom: .5rem !important;
}

.custom-list h3 {
  font-size: 22px;
}

.custom-list h4 {
  font-style: italic;
  font-size: 20px;
  font-weight: 400;
}

/***********************/
ul.none-markers li::before,
ul.none-markers li::after,
ol.none-markers li::before,
ol.none-markers li::after {
  display: none;
}

ul.none-markers,
ol.none-markers {
  list-style-type: none;
  padding-left: 40px;
}

ul.none-markers li,
ol.none-markers li {
  padding-left: 0;
  list-style-type: none;
}

/**********************/
ul.default-markers,
ol.default-markers {
  list-style-type: initial;
  padding-left: 40px;
}

ul.default-markers li,
ol.default-markers li {
  padding-left: 0;
}

ul.default-markers li::before,
ul.default-markers li::after,
ol.default-markers li::before,
ol.default-markers li::after {
  display: none;
}

/***************------------------*******************/
.gradient-divider {
  height: 3px;
  width: 100%;
  background: linear-gradient(90deg, #5496fa, #0b6bfa, #0045ac);
  border: none;
  border-radius: 3px;
  margin-top: 1rem;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  font-weight: 600;
}

.nav-link {
  color: white;
}

.nav-link:hover {
  color: gainsboro;
}

.nav-link.nav-link.active {
  color: yellow;
}

/************************************/


.kumar-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
 /* padding: 20px 0 0 60px;*/
  margin-bottom: 15px;
  list-style: none;
  counter-reset: custom-counter; /* Инициализируем счетчик */
}

@media (min-width:992px) {
  .kumar-list {
    padding: 20px 0 0 60px;

  }
}

/*
.kumar-list li {
  position: relative;
  padding: 15px 25px 15px 60px;
  border-radius: 10px;
  background: var(--bg-list);
  color: var(--dark-primary);
  counter-increment: custom-counter; 
}
*/


.kumar-list li {
  position: relative;
  padding: 15px 25px 15px 30px;
  border-radius: 10px;
  background: linear-gradient(145deg, #ffeb3b, #ff9800, #ffeb3b, #ffad1e);
  background-size: 300% 300%;
  color: #000000;
  counter-increment: custom-counter;
  animation: intenseYellowFlow 4s linear infinite;
  transition: all 0.3s ease;
}

@keyframes intenseYellowFlow {
  0% {
      background-position: 0% 0%;
  }
  100% {
      background-position: 100% 100%;
  }
}

.kumar-list li:hover {
  transform: scale(1.02);
  box-shadow: 0 8px 20px rgba(255, 152, 0, 0.4);
}
.kumar-list li::before {
  content: counter(custom-counter); /* Используем значение счетчика */
  position: absolute;
  top: 50%;
  left: -30px;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  font-weight: 700;
  font-size: 28px;
  background: var(--before-color);
  border-radius: 50%;
  z-index: 2;
  color: var(--light-primary);
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2),
              inset 0px -3px 6px rgba(0, 0, 0, 0.3),
              inset 0px 3px 6px rgba(255, 255, 255, 0.3);
}

.kumar-list li p {
  margin: 0;
  line-height: 1.4;
}
/*********************************/
/* Отключаем стандартные маркеры */
.simple-list {
  list-style-type: none;
  padding-left: 20px;
}

/* Стили для пунктов всех списков */
.simple-list li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 8px;
}

/* Маркер для первого уровня (круг + галочка) */
.simple-list > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 18px;
  height: 18px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><g transform="translate(0 1024) scale(0.1 -0.1)"><path fill="%234dabf7" d="M4860 9084 c-300 -21 -720 -99 -985 -184 -118 -38 -365 -145 -630 -275 -321 -157 -580 -346 -899 -656 -289 -281 -513 -564 -636 -804 -25 -49 -74 -142 -108 -205 -131 -245 -254 -568 -321 -840 -52 -212 -105 -578 -116 -795 -3 -66 -8 -158 -11 -205 -5 -81 9 -253 41 -530 41 -336 128 -672 255 -976 84 -201 133 -296 263 -514 146 -245 147 -246 257 -385 52 -66 114 -145 137 -175 115 -151 403 -430 573 -556 179 -132 235 -172 390 -274 168 -111 218 -138 432 -234 151 -67 208 -87 458 -160 305 -89 425 -114 702 -147 217 -26 661 -31 863 -10 694 73 1252 277 1829 668 76 51 176 123 223 160 95 74 351 312 484 449 105 109 339 419 416 551 137 236 243 429 267 486 115 280 162 418 207 597 103 419 133 667 134 1095 0 310 -3 349 -51 640 -30 179 -38 212 -116 468 -76 252 -133 395 -264 671 -120 252 -193 368 -381 601 -133 165 -414 466 -531 569 -103 90 -435 336 -553 409 -115 72 -458 238 -643 311 -63 25 -119 46 -124 46 -4 0 -63 18 -129 40 -195 64 -375 101 -688 141 -154 19 -598 33 -745 23z m719 -669 c502 -70 969 -246 1386 -523 243 -162 369 -264 570 -466 367 -368 583 -730 764 -1276 176 -536 206 -1134 84 -1714 -51 -247 -247 -784 -346 -951 -267 -449 -592 -814 -958 -1076 -315 -225 -758 -434 -1101 -518 -315 -78 -592 -107 -927 -98 -419 11 -790 86 -1161 232 -418 165 -749 378 -1064 685 -225 219 -387 419 -539 668 -163 267 -231 414 -326 704 -250 767 -225 1609 70 2312 169 402 403 762 682 1045 137 139 198 192 381 329 269 203 473 319 761 431 304 119 674 208 975 235 121 10 630 -2 749 -19z"/></g></svg>');
  background-size: contain;
}

.simple-list > li::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 6px;
  width: 10px;
  height: 10px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><g transform="translate(0 1024) scale(0.1 -0.1)"><path fill="black" d="M6663 6719 c-59 -23 -115 -76 -284 -274 -97 -115 -626 -721 -1019 -1171 -457 -522 -752 -854 -759 -854 -4 0 -20 15 -36 33 -15 17 -80 86 -144 152 -64 66 -305 319 -535 562 -299 316 -430 448 -460 462 -235 114 -491 -44 -474 -293 7 -105 40 -159 195 -319 430 -443 1002 -1041 1138 -1189 146 -159 200 -191 323 -191 61 1 83 6 136 32 68 33 55 20 579 606 270 301 821 926 1033 1171 100 115 297 342 438 504 142 162 266 312 277 332 46 89 46 207 -1 299 -29 55 -114 126 -173 144 -71 21 -170 18 -234 -6z"/></g></svg>');
  background-size: contain;
}

/* Стили для вложенных списков второго уровня */
.simple-list ul {
  padding-left: 20px;
}

.simplelist ul > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 0;
  height: 0;
  border-left: 10px solid #a5d8ff;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}

.simple-list ul > li::after {
  display: none; /* Галочку убираем полностью */
}
/*******************************************/

/* download-section */

.download-top-section {
  position: relative;
 /* padding-top: 50px;*/
}

.section-fon {
  position: relative;
  width: 100vw;
  height: 50vh;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100% !important;
}

.section-fon{
  width: 100vw;
  height: 50vh;
}

.section-fon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  z-index: 1;
}

.section-fon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 -200px 150px 10px #1f2125;
  z-index: 2;
}


@media (min-width:600px) {
  .section-fon{
      height: 50vh;

  }
}

@media (min-width:1200px) {
  .section-fon{
      height: 60vh;

  }
}

.download-section {
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 850px;
  margin: -70px auto 0 auto;
  z-index: 3;
  overflow: hidden;
}

.download-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
}

.download-cover {
  display: grid;
  grid-template-columns: auto 1fr; 
  gap: 15px; 
  align-items: center;
}

.download-img{
  border-radius: 20%;
  grid-column: 1
}

.download-content {
  grid-column: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.download-title{
  line-height: 1.7rem;
  font-size: 1.2rem;
  letter-spacing: 0;
  font-weight: 700;
  margin: 0 0 5px 0;

}

.download-content a {
  color: #00a173;
  line-height: 1.5rem;
  font-size: 1rem;
  letter-spacing: .00625em;
  font-weight: 500;
}

.info-cover {
  margin-top: 15px;
}

@media (min-width: 600px) {
  .info-cover {
    display: flex;
  }
}

.info-container {
  display: flex;
  align-items: center;
  gap: 50px;
}

@media (max-width: 600px) {
  .info-container {
    margin-bottom: 15px; 
  }
}

.rating-value{
  display: flex;
  align-items: center;
  gap: 3px;
}

.info-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  text-align: center;
}

.info-box:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  right: -30px;
  height: 100%;
  width: 1px;
  background-color: #6f6f6f;
}

.info-content {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
}

.icon {
  font-style: normal;
  margin-left: 5px;
}

  .navbar-toggler {
    background-color: #dee2e6 !important;
    color: #ffffff !important;
    border: #ffffff !important;
}

footer {
  width: 100%;
  padding: 25px;
  text-align: center;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, .3);
  background:var( --bg-gradient);
  color: var(--dark-primary);
}

.footer-partners-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 15px;
  list-style: none;
}

.footer-payment-list {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
  list-style: none;
}

/***************************************/

.btn-gradient-intense {
  background: linear-gradient(90deg, #dc3545, #ffc107, #dc3545, #ffc107);
  background-size: 300% 100%;
  border: none;
  color: white;
  font-weight: bold;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
  transition: all 0.3s ease;
}

.btn-gradient-intense:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 20px rgba(255, 193, 7, 0.4);
}

@keyframes intenseGradient {
  0% {
      background-position: 0% 50%;
  }
  100% {
      background-position: 100% 50%;
  }
}

.btn-gradient-intense {
  animation: intenseGradient 2s linear infinite;
}

/***************************************/
.gradient-divider {
  height: 3px;
  width: 100%;
  background: linear-gradient(90deg, #5496fa, #0b6bfa, #0045ac);
  border: none;
  border-radius: 3px;
  margin-top: 1rem;
}
/************************* DEMO CSS **********************/

    .btn-danger, .btn-warning {
        position: relative;
        overflow: hidden;
        border: none;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }
    
    /* Анимация для красной кнопки "Şimdi oyna" */
    .btn-danger {
        animation: dangerPulse 2s infinite, shake 4s infinite;
    }
    
    .btn-danger:hover {
        animation: none;
        transform: translateY(-4px) scale(1.05);
        box-shadow: 0 12px 30px rgba(220, 53, 69, 0.4);
    }
    
    /* Анимация для желтой кнопки "Demoyu deneyin" */
    .btn-warning {
        animation: warningGlow 3s infinite, bounce 5s infinite;
    }
    
    .btn-warning:hover {
        animation: none;
        transform: translateY(-4px) scale(1.05);
        box-shadow: 0 12px 30px rgba(255, 193, 7, 0.4);
    }
    
    /* Активное состояние */
    .btn-danger:active, .btn-warning:active {
        transform: translateY(2px);
    }
    
    /* Анимации */
    @keyframes dangerPulse {
        0%, 100% {
            box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.6);
        }
        50% {
            box-shadow: 0 0 0 15px rgba(220, 53, 69, 0);
        }
    }
    
    @keyframes warningGlow {
        0%, 100% {
            box-shadow: 0 0 20px rgba(255, 193, 7, 0.5);
        }
        50% {
            box-shadow: 0 0 30px rgba(255, 193, 7, 0.8), 
                       0 0 40px rgba(255, 193, 7, 0.4);
        }
    }
    
    @keyframes shake {
        0%, 90%, 92%, 94%, 96%, 98%, 100% {
            transform: translateX(0);
        }
        91%, 93%, 95%, 97%, 99% {
            transform: translateX(3px);
        }
    }
    
    @keyframes bounce {
        0%, 20%, 50%, 80%, 100% {
            transform: translateY(0);
        }
        40% {
            transform: translateY(-8px);
        }
        60% {
            transform: translateY(-4px);
        }
    }
    
    /* Эффект свечения при наведении */
    .btn-danger::before, .btn-warning::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
        transition: left 0.7s;
    }
    
    .btn-danger:hover::before, .btn-warning:hover::before {
        left: 100%;
    }
/**************** DOWNLOAD **********************/

    .btn-success {
        position: relative;
        overflow: hidden;
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        animation: gentlePulse 3s infinite;
    }
    
    .btn-success::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
        transition: left 0.7s;
    }
    
    .btn-success:hover::before {
        left: 100%;
    }
    
    .btn-success:hover {
        transform: translateY(-3px);
        box-shadow: 0 8px 20px rgba(40, 167, 69, 0.35);
        animation: none;
    }
    
    .btn-success:active {
        transform: translateY(1px);
        box-shadow: 0 4px 10px rgba(40, 167, 69, 0.3);
    }
    
    @keyframes gentlePulse {
        0%, 100% {
            box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.4);
        }
        50% {
            box-shadow: 0 0 0 8px rgba(40, 167, 69, 0);
        }
    }