.deals-section {
  background: #ffffff;
}

.deal-item {
  background: #fff;
  border-radius: 16px;
  padding: 30px 20px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  text-align: center;
  transition: all 0.3s ease;
  height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.deal-item:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

.icon-wrapper {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 28px;
  margin-bottom: 15px;
  animation: floatIcon 2s ease-in-out infinite;
}

.deal-item h4 {
  font-size: 18px;
  font-weight: 600;
  color: #222;
  margin-bottom: 10px;
}

.deal-item p {
  font-size: 14px;
  color: #555;
  line-height: 1.5;
}

@keyframes floatIcon {
  0% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
  100% { transform: translateY(0); }
}
/* Fix bottom padding and spacing for each column */
.deals-section .row {
  margin-bottom: 40px;
}

.deals-section .col-lg-3,
.deals-section .col-md-6,
.deals-section .col-sm-12 {
  padding-bottom: 30px;
}

/* Optional: Add more breathing space at the section bottom */
.deals-section {
  padding-bottom: 60px;
}


.sand-models-section {
  background-image: url('army training model land models buf.jpeg');
  background-image: none;
  padding-bottom: 60px;
}

.model-card {
  background: #fff;
  border-radius: 16px;
  padding: 30px 20px;
  text-align: center;
  transition: all 0.3s ease;
  height: 100%;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.model-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}

.icon-wrapper {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 28px;
  margin-bottom: 15px;
  animation: floatIcon 2s ease-in-out infinite;
}

.model-card h4 {
  font-size: 18px;
  font-weight: 600;
  color: #1a6692;
  margin-bottom: 10px;
}

.model-card p {
  font-size: 14px;
  color: #555;
  line-height: 1.5;
}

.filled-button {
  margin-top: 15px;
}

/* Float animation for icons */
@keyframes floatIcon {
  0% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
  100% { transform: translateY(0); }
}

/* Center last row if fewer items */
.row.justify-content-center {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 40px;
}

.sand-models-section {
  position: relative;   /* required for pseudo-element */
  padding-top: 60px;
  padding-bottom: 60px;
  overflow: hidden;     /* hide blur overflow */
}

.sand-models-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../images/army training model land models buf.jpeg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: blur(8px);    /* adjust intensity */
  opacity: 0.6;         /* optional: soften background */
  z-index: 1;           /* behind content */
}

.sand-models-section .container {
  position: relative;
  z-index: 2;           /* ensures content stays on top */
}

.row.g-4 > .col-lg-4, 
.row.g-4 > .col-md-6, 
.row.g-4 > .col-sm-12 {
  margin-bottom: 30px; /* spacing between rows/columns */
}

/* Dropdown opens on hover */
.nav-item.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0; /* optional, removes gap */
}

/* Optional: Keep dropdown toggle highlighted on hover */
.nav-item.dropdown:hover > .nav-link {
  color: #f7941d; /* change to your desired hover color */
}