/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: #4f4d4d;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  position: absolute;
  background-color: #f1f1f1;
  min-width: 300px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 51;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}

/* Add or remove this to hide or show */
.hide {display:none;}
.payment-message-display {
    display: flex;
    justify-content: end;
    padding-right: 10%;
    
    
}
.promotional-banner-wrap {
  background-color: red !important;
}

.promotional-banner-text {
  color: white;
  font-size: 18px !important;
}

.promotional-banner-link {
  color: white !important;
}

.animated {
  animation-duration: 3s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

@keyframes pulse {
  0% {transform: scale(1);}
  15% {transform: scale(1.1);}
  45% {transform: scale(1);}
}
.pulse {
  animation-name: pulse;
  animation-duration: 3s;
}

.promotional-banner-wrap {
  background-color: red !important;
}
.promotional-banner-text {
  color: white;
  font-size: 18px !important;
  animation-name: pulse;
  animation-duration: 3s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}
.promotional-banner-link {
  color: white !important;
}
@keyframes pulse {
  0% {transform: scale(1);}
  15% {transform: scale(1.1);}
  45% {transform: scale(1);}
}