.opacity-70{
  opacity: .7 !important;
}
.opacity-80{
  opacity: .8 !important;
}

.submitnowbtn{
  color: #111a2c !important;
  text-decoration: none !important;
}

.custom-accent-badge {
  background-color: rgba(197, 160, 89, 0.15) !important; /* Semi-transparent accent color */
  color: #c5a059 !important;                             /* Solid accent text color */
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.35em 0.8em;
  display: inline-block;
}

#frontSecond .grid-item:first-child{
  height:-webkit-fill-available !important;
}

@media (min-width: 320px) and (max-width:767.98px){
  #frontBoxOne .grid-item:first-child,
  #frontBoxTwo .grid-item:first-child,
  #frontBoxThree .grid-item:first-child,
  #frontBoxFour .grid-item:first-child{
    flex: 0 0 30% !important;
    max-width: 30% !important;
  }
  #frontBoxOne .grid-item:first-child :nth-child(3),
  #frontBoxTwo .grid-item:first-child :nth-child(3),
  #frontBoxThree .grid-item:first-child :nth-child(3),
  #frontBoxFour .grid-item:first-child :nth-child(3) {
    width:100%;
    justify-content: center;
  }

  #frontBoxOne .grid-item:last-child,
  #frontBoxTwo .grid-item:last-child,
  #frontBoxThree .grid-item:last-child,
  #frontBoxFour .grid-item:last-child {
    flex: 0 0 70% !important;
    max-width: 70% !important;
  }
}