.uk-section-large{
  padding-top:10px !important;
  padding-bottom:10px !important;
}

.uk-card-secondary{
  background:#ffcc00;
}

.uk-list-bullet > *{
  padding-left: 10px;
  color:#000;
}

.uk-card-secondary > h4{
  color:#000 !important;
}
.uk-card-secondary > p{
  color:#222 !important;
}

.uk-button{
  color:#fff;
  background-color: #000;
}

.custom-bullet-list {
  list-style-type: disc;
  padding-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.custom-bullet-list li{
  color:#222;
}

.custom-button {
  background-color: #000; /* default primary color */
  border: none;
  padding: 10px 20px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 90vw;
  white-space:nowrap;
}

/* Hover with black shading */
.custom-button:hover {
  background: linear-gradient(to right, #1e1e1e, #3a3a3a);
  color: #fff;
}

/* Ensure text wraps nicely on small screens */
@media (max-width: 480px) {
  .custom-button {
    font-size: 10px;
    padding: 10px 16px;
    max-width: 100%;
  }
}

@media (max-width: 415px) {
  .custom-button {
    white-space: normal; /* allow text to wrap */
    text-align: center; /* optional for better appearance */
    width: 160px; /* adjust width to fit content nicely */
  }
}


#modal-11 {width: 95%;margin: 15% auto;padding: 15px;}.close {font-size: 20px;}@media (max-width: 480px) {.modal-content {width: 95%;margin: 40% auto;padding: 15px;}#modal-11 {width: 100%;margin: 20% auto;padding: 10px;}.close {font-size: 18px;}}

.modal-content {background-color: #fefefe;margin: 15% auto;padding: 20px;border: 2px solid #888;border-radius: 0px;}#modal-11 {max-width: 396px;margin: 50px auto;padding: 20px;border: 1px solid #ccc;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);background-color: #ffcb00;}disnew {background-color: #333;}.close {color: #aaa;float: right;font-size: 28px;font-weight: bold;}.close:hover, .close:focus {color: black;text-decoration: none;cursor: pointer;}

 #modal-11 {
   position: relative !important; /* for positioning inside modal */
}

/* Circular Close Button */
.close {
  position: absolute !important;
  top: -35px !important;         /* adjust to match modal position */
  right: calc(50% - 198px - 4px) !important; /* align with modal edge */
  width: 32px !important;
  height: 32px !important;
  border: 2px solid #000 !important;
  border-radius: 50% !important;
  background: white !important;
  color: black !important;
  font-size: 18px !important;
  font-weight: bold !important;
  line-height: 30px !important;
  text-align: center !important;
  cursor: pointer !important;
  z-index: 1010 !important;
  transition: background 0.3s ease !important;
}

.close:hover {
  background: #f00 !important;
  color: #fff !important;
}

@media (max-width: 425px) {
  .close {
    right: calc(50% - 170px - 4px) !important;
  }
}

@media (max-width: 375px) {
  .close {
    right: calc(50% - 150px - 4px) !important;
  }
}

@media (max-width: 320px) {
  .close {
    right: calc(50% - 130px - 4px) !important;
  }
}