/* Slider container */
.custom-slider {
  width: 100vw;          /* Fit screen width */
  max-width: 100%;       /* Prevent overflow */
  overflow: hidden;
  border-radius: 10px;
  margin: 0 auto;
  position: relative;
}

/* Slides wrapper */
.custom-slides {
  display: flex;
  width: 300vw;          /* 3 slides, each 100vw */
  animation: custom-slide-animation 9s infinite;
}

/* Each slide */
.custom-slide {
  width: 100vw;          /* Auto-fit full screen width */
  flex-shrink: 0;
}

/* Images */
.custom-slide img {
  width: 100%;           /* Fill width of slide */
  height: auto;          /* Keep original height ratio */
  display: block;
  border-radius: 10px;
}

/* Animation stays same */
@keyframes custom-slide-animation {
  0%   { transform: translateX(0); }
  33%  { transform: translateX(0); }
  36%  { transform: translateX(-100vw); }
  66%  { transform: translateX(-100vw); }
  69%  { transform: translateX(-200vw); }
  99%  { transform: translateX(-200vw); }
  100% { transform: translateX(0); }
}


/* Main WhatsApp Floating Button (menu toggle) */
#main-fab {
  position: fixed;
  bottom: 75px;
  right: 25px;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background: #25D366;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(0,0,0,0.3);
  z-index: 999;
}

#main-fab svg {
  width: 35px;
  height: 35px;
  fill: #fff;
}

/* Popup Buttons Container */
#fab-menu {
  position: fixed;
  bottom: 150px;
  right: 28px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(20px);
  transition: 0.3s ease;
  z-index: 998;
}

/* Chat & Call Buttons */
.fab-child {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: #25D366;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(0,0,0,0.25);
}

.fab-child svg {
  width: 28px;
  height: 28px;
  fill: white;
}

/* Show popup on active */
#fab-menu.active {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

#main-fab *, .fab-child * {
  pointer-events: none;
}

  /* Container with right-to-left horizontal scroll */
.news-ticker {
  width: 100%;                /* Full page width */
  background-color: black;    /* Black background */
  color: white;               /* White text */
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  padding: 25px 20px;            /* Top & bottom padding increased */
  font-size: 20px;
  font-family: Arial, sans-serif;
}

.news-ticker .ticker-content {
  display: inline-block;
  white-space: nowrap;
  position: absolute;
  right: 0;
  animation: ticker 20s linear infinite;
}

.news-ticker .ticker-content span {
  padding: 0 50px; /* Gap between items */
}

/* Scrolling animation */
@keyframes ticker {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}

/* Pause on hover */
.news-ticker:hover .ticker-content {
  animation-play-state: paused;
}

footer {
  background-color: #001f4d; /* Dark blue background */
  color: white;              /* White text */
  padding: 20px;
}

footer h2, footer h3, footer h4, footer h5, footer h6, tp-footer-desc {
  color: white;              /* Heading color white */
  margin: 10px 0;
}

/* Links inside footer */
footer a {
  color: white;              /* Links white by default */
  text-decoration: none;
  transition: color 0.3s;
}

footer a:hover {
  color: #00cfff;            /* Sky blue on hover */
  text-decoration: underline;
}

/* ---------- Footer Text Overrides ---------- */

/* ---------- Footer Text Overrides ---------- */

/* tp-footer-desc paragraph */
footer .tp-footer-desc,
footer p.tp-footer-desc {
    color: white !important;
}

/* tp-footer-widget-title headings */
footer .tp-footer-widget-title,
footer h3.tp-footer-widget-title,
footer h4.tp-footer-widget-title {
    color: white !important;
}

/* tp-footer-widget-content container */
footer .tp-footer-widget-content {
    color: white !important;
}

/* List items inside tp-footer-widget-content */
footer .tp-footer-widget-content li {
    color: white !important;
}

/* tp-footer-talk mb-20 */
footer .tp-footer-talk,
footer .tp-footer-talk.mb-20 {
    color: white !important;
}

/* Optional: links inside all footer elements */
footer .tp-footer-desc a,
footer .tp-footer-widget-title a,
footer .tp-footer-widget-content a,
footer .tp-footer-widget-content li a,
footer .tp-footer-talk a,
footer .tp-footer-talk.mb-20 a {
    color: white !important;
    text-decoration: none;
    transition: color 0.3s;
}

/* Hover effect for links */
footer .tp-footer-desc a:hover,
footer .tp-footer-widget-title a:hover,
footer .tp-footer-widget-content a:hover,
footer .tp-footer-widget-content li a:hover,
footer .tp-footer-talk a:hover,
footer .tp-footer-talk.mb-20 a:hover {
    color: #00cfff !important; /* Sky blue on hover */
}