.header-center a {
  position: relative;
  text-decoration: none;
  color: inherit;
  padding-bottom: 4px; /* optional spacing inside the link */
}

.header-center a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0; /* line at the bottom edge of the link */
  width: 0%;
  height: 2px;
  background-color: rgb(83, 71, 151); /* customize color */
  transition: width 0.3s ease;
  transform: translateY(4px); /* adds space below the text */
}

.header-center a:hover::after {
  width: 100%; /* full width on hover */
}
.pill-shaped {
  background-color: rgb(255, 242, 216);    /* Orange background */
  color: white;                /* White text */
  padding: 6px 18px;           /* Controls pill size */
  border-radius: 999px;        /* Makes it pill-shaped */
  font-weight: 500;
  display: inline-block;
  font-size: 1.1rem;
}
.float-bo-x {
  animation: floatX 3s ease-in-out infinite;
}

@keyframes floatX {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(15px); /* how far it floats */
  }
}
.monthly-plan {
  display: block;
}

.yearly-plan {
  display: none;
}

.pricing-section.yearly-view .monthly-plan {
  display: none;
}
.pricing-box-items {
  max-width: 460px;
  margin: 0 auto;
}

.pricing-section.yearly-view .yearly-plan {
  display: block !important;
}

.pricing-section.yearly-view .row {
  justify-content: center;
}
.news-box-items {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}

/* Ensure proper initial positioning */
.news-box-items.item_right_1,
.news-box-items.item_left_1 {
  transform: none !important;
}

/* Add smooth transition for animations */
.news-box-items {
  transition: all 0.3s ease;
}

/* Fix potential positioning issues */
.news-section .row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.news-section .col-xl-4 {
  display: flex;
  flex-direction: column;
}

/* Override any conflicting WOW.js or animation styles */
.news-box-items.item_right_1::before,
.news-box-items.item_left_1::before {
  display: none !important;
}

/* Ensure images don't cause layout issues */
.news-img img {
  width: 100%;
  height: auto;
  display: block;
}

/* Fix for responsive behavior */
@media (max-width: 768px) {
  .news-box-items {
    margin-bottom: 20px;
  }
}