.ecommerce-about {
  padding: 154px 0 42px;
  position: relative;
}

.content-about {
  padding: 40px 0 42px;
  position: relative;
}


.active-subcategory {
    color: #0c3c87 !important; /* Bootstrap primary blue */
    font-weight: 600;
}

a.active-subcategory h5 {
    color: #0c3c87 !important;  /* Bootstrap primary blue */
    font-weight: 600;
}

/* Optional: also make the link background subtle */


.category-section .collapse.show + p i,
.category-section p[aria-expanded="true"] i {
    transform: rotate(180deg);
    transition: transform 0.2s ease;
}

.productSwiper{
    margin: 5px;
}
.product-swipe-item {
    padding: 2px;
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 8px; /* optional for rounded look */
    background-color: #f8f9fa; /* optional subtle background */
}

.product-swipe-item img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; /* ensures image fits nicely inside */
}

.productSwiper2 .swiper-slide {
  display: flex;
  align-items: center;      /* vertical center */
  justify-content: center;  /* horizontal center */
  height: 450px;            /* adjust based on your design */
  background-color: #f8f9fa; /* optional: matches bg-light */
}

.productSwiper2 .swiper-slide img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;      /* ensure the image scales correctly */
}

.top-tagbar{

    background-color:#ed1c24;
}
.bg-primary{
        background-color:#0c3c87 !important;
}

.no_a_style{
text-decoration: none; color: inherit;
}

.carousel-item {
    height: 90vh; /* Default desktop height */
}

.carousel-slide-bg {
    width: 100%;
    height: 100%; /* Make it fill the parent */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
 .ecommerce-navbar{
        top:30px;
    }

@media (max-width: 768px) {
    .carousel-item {
        height: 45vh !important; /* Mobile height */
    }

}

.logo-menu{
    height: 63px;
}
.ecommerce-navbar{
    height: 82px;
    background-color: #122662;
    color: white
}


   .ecommerce-navbar{
        top:0px;
    }
body {
  background-color: white;
  margin: 0;
  position: relative;
  min-height: 100vh; /* allow body to grow for long pages */
  /* DO NOT use overflow: hidden; */
}

body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('front/assets/images/logo-icon.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  opacity: 0.05;          /* change opacity as needed */
  pointer-events: none;  /* let clicks pass through */
  z-index: 0;
}



.footer-landing {
  background-color: #122662!important;
  border-top-color: #122662!important;
}
@media (max-width: 767px) {
  .footer-info {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
}

.text-white-desktop {
    color: white; /* or a dark color for mobile */
}

/* Desktop and up */
@media (min-width: 992px) { /* lg breakpoint */
    .text-white-desktop {
        color: white !important;
    }
}

.bg-primary{
    background-color:#122662 !important;
}

.bg-secondary{
      background-color:#ed1c24 !important;
}



    @media (min-width: 992px) {
    #navbar .container {
        max-width: 100% !important;
        padding-left: 100px !important;
        padding-right: 100px !important;
    }
}


.whatsapp-widget {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    z-index: 9999;
}

.whatsapp-text {
    background: #fff;
    padding: 12px 14px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    color: #333;
    font-size: 14px;
    line-height: 18px;
}

.whatsapp-circle {
    width: 55px;
    height: 55px;
    background: #25D366;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 10px rgba(0,0,0,0.25);
}

.whatsapp-circle img {
    width: 30px;
    height: 30px;
}