/* General link styles */
a {
  color: #e57373; /* Soft red for attention */
  /* font-weight: bold; */
  text-decoration: none;
  transition: color 0.3s ease;
}

a:hover {
  color: #d32f2f; /* Slightly darker red on hover */
  text-decoration: underline; /* Underline on hover */
}

/* Links within dark backgrounds */
a.dark-background {
  color: #81d4fa; /* Soft blue for dark backgrounds */
}

a.dark-background:hover {
  color: #4fc3f7; /* Slightly deeper blue on hover */
}

/* Visited links */
a:visited {
  color: #757575; /* Muted gray for visited links */
}

/* Active link styles */
a:active {
  color: #c62828; /* Darker red for active state */
  text-decoration: underline;
}

/* Additional styling for buttons or CTA links */
a.cta {
  background-color: #ff8a65; /* Light orange for CTA buttons */
  color: #ffffff;
  padding: 8px 15px;
  border-radius: 4px;
  display: inline-block;
  font-size: 14px;
  transition: background-color 0.3s ease;
}

a.cta:hover {
  background-color: #f4511e; /* Darker orange on hover */
}

body{
  padding: 6px;
}
body img{
  max-width: 100%;
}
/* article style */
#banner-ad{
  /* width: 900px; */
  max-width: 96%;
  margin: auto;
  overflow-x: hidden;
}