@media (min-width: 768px) {
  .banner-head {
    height: 600px;
    background: url("../img/328105074_1358241104992182_8512064995689868489_n.jpg") right / cover !important;
  }
}

@media (max-width: 766px) {
  .banner-head {
    height: 600px;
    background: url("../img/328045537_746207406927734_1049411781890084458_n.jpg") right / cover !important;
  }
}

a {
  text-decoration: none;
}

/* Banner animations */
.banner-title {
  animation: floatTogether 6s ease-in-out infinite;
}

.banner-text {
  animation: floatTogether 6s ease-in-out infinite;
}

.banner-buttons {
  /* Removed animation to keep buttons static */
}

@keyframes floatTogether {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

/* Newsletter box hover animation */
.newsletter-box {
  transition: all 0.3s ease;
  border: 1px solid transparent !important;
  background: #fff;
}

.newsletter-box:hover {
  color: #0a0a0ad3;
  transform: scale(1.05);
  border-color: #6f7174d3 !important;
  box-shadow: 0 0 8px 2px #777879d3;
  z-index: 1;
  background: rgba(255, 255, 255, 0.9) !important;
}

.newsletter-box:hover .form-control {
  border-color: #6f7174d3;
  background: transparent;
}

.newsletter-box:hover .btn-dark {
  transform: scale(1.05);
  background: transparent !important;
  color: #0a0a0ad3 !important;
  border-color: #6f7174d3;
  box-shadow: 0 0 8px 2px #777879d3;
}

/* Headlines cards 3D animation */
.card-3d {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 8px;
    will-change: transform;
    transition: transform 0.4s, box-shadow 0.4s;
}

.card-3d:hover {
    transform: perspective(1000px) translateY(-10px) scale(1.03);
    box-shadow: rgba(0, 0, 0, 0.3) 0px 12px 24px;
    z-index: 2;
}