:root {
  ---one-color: #ff6a6a;
  ---two-color: #b30000;
  ---three-color: #ffe6e6;
}
body{
  font-family: "Roboto", sans-serif !important;
}
header {
  background: linear-gradient(90deg, rgb(255, 255, 255) 5%, rgb(248 215 218) 95%);
}
#mobileN .navbar-nav-scroll{
  --bs-scroll-height: 100px;
}
#desktopN .nav-link:hover,#desktopN .active .nav-link{
  background-color: var(--bs-danger) !important;
  color: #ffffff;
  border-radius: 6px;
}
#single {
  line-height: 1.75rem;
}
.mlist ul li {
  list-style: none;
  position: relative;
  padding-left: 1.5em;
}

.mlist ul li::before {
  content: "\2713";
  position: absolute;
  left: 0;
  color: var(--bs-danger) !important;
}
.wp-block-accordion-item .wp-block-accordion-heading {
  font-size: 1rem;
  color:#000000;
  background-color: var(--bs-danger-bg-subtle);
  padding: 10px;
  border-radius:5px;
}
.wp-block-accordion-item .wp-block-accordion-panel {
  background-color: #fff;
  padding: 1%;
  margin-bottom: 0.5%;
  border-left: 3px solid var(--bs-danger-border-subtle);
}
.wp-block-accordion-item .wp-block-accordion-heading:hover {
  background-color: var(--bs-danger);
  color: #ffffff;
  cursor: pointer;
}
.gradient-overlay-bottom {
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.7) 0%,   /* dark at bottom */
    rgba(0, 0, 0, 0.0) 60%   /* fade to transparent */
  );
  color: white; /* make text readable */
}
.gradient-overlay-top {
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.7) 0%,   /* dark at bottom */
    rgba(0, 0, 0, 0.0) 60%   /* fade to transparent */
  );
  color: white; /* make text readable */
}
.text-bg-secondary-subtle {
  background-color: rgba(108, 117, 125, 0.2); /* secondary with transparency */
  color: #6c757d; /* secondary text color */
}
#frontpage .card {
  transition: transform 0.3s ease;
}

#frontpage .card:hover {
  transform: scale(1.03);
}
.ticker-list {
  display: inline-block;
  white-space: nowrap;
  animation: ticker 20s linear infinite;
}

.ticker-list:hover {
  animation-play-state: paused; /* pauses on hover */
}

@keyframes ticker {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}
#frontpage .section1 .card {
  position: relative;
  overflow: hidden;
}

#frontpage .section1 .card::before {
  content: "";
  position: absolute;
  top: -40px;
  right: -40px;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle at center, #ff6b6b, transparent);
  border-radius: 50%;
  opacity: 0.3;
}



footer a {color: var(--bs-light); text-decoration: none;}
footer a:hover {text-decoration: underline;}
footer .widget_tag_cloud a:hover{
  color:var(--bs-dark);
  background-color: var(--bs-light);
}
footer .wp-block-categories {list-style: none;padding: 0;}
footer .wp-block-categories li {list-style: none;padding: 0}