.shipping-hero {
  background: linear-gradient(135deg, #f9f9f9, #eef2f7);
}

.shipping-hero h2 {
  font-size: 2.5rem;
  color: #333;
}

.ship-card {
  padding: 40px 25px;
  border-radius: 16px;
  text-align: center;
  color: #fff;
  height: 100%;
  transition: all 0.35s ease;
  position: relative;
  overflow: hidden;
}

.ship-card .icon {
  font-size: 40px;
  margin-bottom: 15px;
}

.ship-card h4 {
  font-size: 1.4rem;
  margin-bottom: 10px;
}

.ship-card p {
  font-size: 0.95rem;
  opacity: 0.95;
}

/* Individual Colors */
.ship-card.free {
  background: linear-gradient(135deg, #28a745, #5cd67a);
}

.ship-card.flat {
  background: linear-gradient(135deg, #007bff, #5aa9ff);
}

.ship-card.restrict {
  background: linear-gradient(135deg, #dc3545, #ff6b6b);
}

.ship-card.pickup {
  background: linear-gradient(135deg, #6f42c1, #a88cff);
}

/* Hover Effect */
.ship-card:hover {
  transform: translateY(-10px) scale(1.03);
  box-shadow: 0 15px 30px rgba(0,0,0,0.15);
}


.top-header-contact {
    text-align: right;
    font-size: 14px;
    font-weight: 500;
}

.top-header-contact a {
    color: #000; /* adjust as per your theme */
    text-decoration: none;
}
@media only screen and (min-width: 1248px) {
    .header-box:hover::after {
        background: rgba(0, 0, 0, .4);
    }
}
.header-box:hover::after, .header-box::after {
        display:none;
    }
    .header-content h2 {
     color: #c50; 
}
.header-box .header-content .btn-link{color: #c50 !important;}