.loop-h1 {
  font-size: 1em !important;
  text-align: center !important;
}

.loop-h2, .loop-h3{
  color: #003961 !important;
  font-size: 0.5em !important;
}
.loop-text-p1 {
    font-size: 0.5em !important;
}
.loop-text-p2 {
    font-size: 0.5em !important;
}

.loop-btn-size-md {
    padding: .6rem 1.8em;
    font-size: 0.5em !important;
}

.loop-higher-discount-rate {
    font-size: 0.5em !important;
}

.loop-btn-input-increase {
 padding: .25rem 1em !Important;
}

.loop-btn-input-decrease {
padding: .25rem 1em !Important;
}

.loop-btn-size-sm {
    padding: .25rem 1em !Important;
    font-size: .6em !Important;
}

.loop-secondary-name {
  font-size: 0.85rem !Important;
  color: #666 !Important;
}

.loop-bundle-footer-discount-section{
  border: none !important;
    background: #FF7793 !important;
}

.loop-bundle-footer{
  background: #FEEBED !important;
}

.loop-text-p3 {
    -webkit-box-pack: center !important;
    width: 100% !important;
}

input[disabled] {
    background-color: #e6e6e6 !important;
}

@media (max-width: 768px) {
  .loop-h1 {
    font-size: 0.9em !important; /* Adjust size for smaller screens */
  }
}

/* Optional: media query for very small screens */
@media (max-width: 480px) {
  .loop-h1 {
    font-size: 0.8em !important; /* Even smaller on tiny screens */
  }
}