.tf-card-box.style-1 .card-media img {
  width: 100% !important;
}

.tf-section {
  padding-top: 8rem !important;
}

.tf-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

/* Make counter boxes fill full width evenly */
.counter__body {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
}

.counter__body .counter {
  flex: 1;
  max-width: 50%;
}

.tf-box-icon.style-1 .image img {
  width: 4rem;
}

footer {
  margin-bottom: 2rem;
}

@media (max-width: 768px) {
  .counter__body {
    flex-direction: column;
  }

  .counter__body .counter {
    max-width: 100%;
    width: 100%;
    margin-bottom: 3rem;
  }

  .flat-pages-title-home7 {
    margin-bottom: 0px !important;
  }

  .tf-section {
    margin-top: 0px !important;
    padding-top: 0px !important;
  }

  .tf-section-2 {
    padding-bottom: 0px;
    padding-top: 0px;
  }
  .heading-section .tf-title {
    text-align: center;
    padding-top: 6rem;
  }
}

/* Telegram button (pink background by default) */
.first-telegram,
.first-telegram svg {
  color: #fff !important;
  background-color: #f30091 !important;
}

.first-telegram:hover,
.first-telegram:hover svg {
  color: #f30091 !important;
  background-color: #fff !important;
}

/* WhatsApp button (white background by default) */
.second-whatsapp,
.second-whatsapp svg {
  color: #f30091 !important;
  background-color: #fff !important;
}

.second-whatsapp:hover,
.second-whatsapp:hover svg {
  color: #fff !important;
  background-color: #f30091 !important;
}

/* Pulse animation keyframes */
@keyframes headerPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(243, 0, 145, 0.7);
  }
  50% {
    box-shadow: 0 0 0 10px rgba(243, 0, 145, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(243, 0, 145, 0);
  }
}

/* Header button (white background with pink text by default) */
.header-button,
.header-button svg {
  color: #f30091 !important;
  background-color: #fff !important;
  animation: headerPulse 2s ease-in-out infinite;
}

.header-button:hover,
.header-button:hover svg {
  color: #fff !important;
  background-color: #f30091 !important;
}

/* Stop animation on hover for better UX */
.header-button:hover {
  animation: none;
}

/* Mobile-specific header styles */
@media (max-width: 700px) {
  /* Show the header button on mobile */
  #wallet-header {
    display: block !important;
  }

  /* Adjust logo size for mobile */
  #site-logo img {
    max-width: 120px;
    height: auto;
  }

  /* Adjust header button size for mobile */
  .header-button {
    font-size: 12px !important;
    width: 140px !important;
    height: 40px !important;
    padding: 8px 12px !important;
  }

  .header-button svg {
    width: 14px;
    height: 14px;
  }

  /* Ensure header items are properly aligned */
  #site-header-inner .wrap-box {
    justify-content: space-between;
    align-items: center;
  }

  .flat-wallet {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}