.tn-elem a,
.tn-elem button,
.tn-elem .t-btn {
  transition: border-color 0.25s ease, color 0.25s ease;
}

/* Hover кезінде шекара қызғылт түске боялады */
.tn-elem a:hover,
.tn-elem button:hover,
.tn-elem .t-btn:hover {
  border-color: #FF5A3C !important;
  color: #FF5A3C !important; /* мәтін де қызғылт болса әдемі көрінеді */
}

.marquee-text {
  display: inline-block;
  white-space: nowrap;
  animation: marquee 90s linear infinite;
  font-size: 24px;
  font-weight: bold;
}

@keyframes marquee {
  0%   { transform: translateX(0); }     /* экранның ішінде бастап тұр */
  100% { transform: translateX(-100%); } /* біртіндеп солға кетеді */
}

/* ME301 ішіндегі барлық суреттерді (логотипті) төмен түсіру */
#rec1601392391 img {
  margin-top: 20px !important;
}

#rec1601408591 img {
  margin-top: 20px !important;
}

#rec1601410621 img {
  margin-top: 20px !important;
}

#rec1543793661 img {
  margin-top: 20px !important;
}

#rec1601413271 img {
  margin-top: 20px !important;
}

#rec1601415981 img {
  margin-top: 20px !important;
}

/* БҮКІЛ плита (shape + иконка + текст) бірге үлкеюі үшін */
#rec1660011981 .ab-tile {
  border-radius: 30px;                 /* сендегі shape радиусымен бірдей */
  overflow: hidden;                    /* бұрыштардың сыртқа шықпауына */
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  will-change: transform;
  cursor: pointer;
}

/* Hover кезінде ТЕК ТОП толық үлкейеді */
#rec1660011981 .ab-tile:hover {
  transform: scale(1.04);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}