body, .bg-white, .dropdown-menu, .dropdown-menu .card, .flickity-page-dot, .bg-light, .modal-content {
  background: #f9f9f9!important;
}
.flickity-page-dot.is-selected {
    background-color: #ff6f61!important;
}
a, div, p, .nav-link {
  font-family: "Poppins", sans-serif!important;
  font-size: 15px!important;
}
tbody, td, tfoot, th, thead, tr, .border {
  border: 1px solid #efefef!important;
}
input, #card-element {
  margin: 0 0 15px 0!important;
}
label {
  margin: 0 0 5px 0!important;
}
/* Pagination Container */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 20px 0;
    font-family: Arial, sans-serif;
}

/* Pagination Buttons */
.pagination-button {
    padding: 8px 16px;
    border: 1px solid #f9f9f9;
    border-radius: 4px;
    text-decoration: none;
    color: #555;
    background-color: #f9f9f9;
    transition: all 0.2s ease-in-out;
    font-size: 14px;
}

.pagination-button:hover {
    background-color: #eee;
    border-color: #eee;
    color: #333;
}

.pagination-button.active {
    background-color: #ff6f61;
    color: white;
    border-color: #ff6f61;
    font-weight: bold;
}

/* Ellipsis for Skipped Pages */
.pagination-ellipsis {
    padding: 8px;
    color: #aaa;
    font-size: 14px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .pagination-button {
        padding: 6px 12px;
        font-size: 12px;
    }
}
@media (max-width: 992px) {
    .d-brand {
        display: none!important;
    }
}
.breadcrumb, .breadcrumb a {
  font-size: 12px!important;
}
.p-relative {
  position: relative!important;
}
.p-absolute {
  position: absolute!important;
}
.text-none {
  text-transform: none!important
}
.text-soft {
  color: #c3c3c3!important;
}
.bg-dark {
  background-color: #1f1f1f!important;
}
.bg-gray {
  background-color: #efefef!important;
}
.bg-white {
  background-color: #ffffff!important;
}
.bg-yellow {
  background-color: #e8dfcf!important;
}
.zero {
  bottom: 0!important;
  left: 0!important;
}
.card-img, .card-img-bottom, .card-img-top {
    width: 100%!important;
    height: 300px!important;
    object-fit: cover!important;
}
.border-15, .form-control, .btn {
  border-radius: 15px!important;
}
.border-bottom {
  border-width: 0 0 2px 0;
  border-radius: 0 !important;
  border-color: #000 !important;
}
.border-none {
  border: none!important;
}
.product-info {
  border-radius: 0 0 15px 15px!important;
}
.card-product {
  border-radius: 15px 15px 0 0!important;
}
.card-product .card-img, .card-product .card-img-bottom, .card-product .card-img-top {
  height: 100%!important;
}
.free-badge {
  background-color: #ffd283!important;
  left: 10px!important;
  padding: 10px!important;
}
.new-badge {
  background-color: #f2a6a6!important;
  left: 10px!important;
  clip-path: ellipse(closest-side farthest-side);
  padding: 10px!important;
}
.featured-badge {
  background-color: #9bc8e7!important;
  left: 10px!important;
  width: 35px!important;
  height: 35px!important;
  border-radius: 50%!important;
  box-shadow: 22px 0 0 0 #9bc8e7,
              44px 0 0 0 #9bc8e7;    
  padding: 10px!important;
  }
  .sub-badge {
    background-color: #f2a6a6!important;
    left: 10px!important;
    width: 35px!important;
    height: 35px!important;
    border-radius: 50%!important;
    box-shadow: 26px 0 0 0 #f2a6a6,
                52px 0 0 0 #f2a6a6;    
    padding: 10px!important;
    }
  }
.shadow {
   box-shadow: 10px 10px 5px #7f7d7d05!important;
}
.text-gray {
  color: #bbbaba!important;
}
.slider {
  height: 650px!important;
}
.card-body {
  padding: 0!important;
}
.product-info, .slider {
  padding: 20px!important;
}
.card-element {
  background-color: #fff!important;
}
.card-details {
  bottom: 0!important;
  left: 0!important;
  opacity: 0!important;
  position: absolute;
  transition: opacity .2s ease-in-out;
  background: #ffffff66!important;
}
.card-details:hover {
  opacity: 1!important;
}
.card-details span {
  display: flex!important;
  justify-content: center!important;
  align-items: center!important;
  width: 100%!important;
  height: 100%!important;
}
.min-500 {
  min-height: 500px!important;
}
.sub-form div {
  display: inline-block!important;
}
.sub-form #id_subscribed {
  margin: 0!important;
  padding: 0!important;
}
[data-cart-items]:before {
  background-color: transparent !important;
    right: -6.5px !important;
    top: 0 !important;
    margin: auto;
    height: 22px !important;
    color: black;
    border: none;
}
@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 1700px!important;
    }
}
/*    Password*/
#password-change ul {
    padding: 0 !important;
}
#password-change li {
    font-size: 10px !important;
    list-style-type: none!important;
    color: #3228c6 !important;
}
#password-change input, .card-element {
    border-radius: 15px!important;
    border: 1px solid #efefef!important;
    padding: .875rem 1.5rem;
    width: 100% !important;
}
#password-change input:focus, .card-element {
    outline: none!important;
    border-radius: 15px!important;
    border: 1px solid #efefef!important;
}
#password-change ul {
    display: none!important;
}
@media (min-width: 978px) {
  #password-change {
    max-width:650px!important;
  }
}
/* Container for Rotating Messages */
.announcement-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    height: 20px;
}

/* Individual Messages */
.announcement-message {
    position: absolute;
    opacity: 0;
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

/* Animation for Active Message */
.announcement-message.active {
    opacity: 1;
    transform: translateY(0);
}

/* Animation for Previous Message */
.announcement-message.previous {
    opacity: 0;
    transform: translateY(-20px); /* Adjust for smooth exit */
}