.elementor-5223 .elementor-element.elementor-element-0e7870d{margin:-2% 0% 0% 0%;padding:0% 4% 0% 04%;}.elementor-5223 .elementor-element.elementor-element-73b8ef6 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-5223 .elementor-element.elementor-element-9992184{margin:2% 0% 0% 0%;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-5223 .elementor-element.elementor-element-73b8ef6 > .elementor-element-populated{padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-5223 .elementor-element.elementor-element-0e7870d{margin:-8% 0% 0% 0%;padding:0% 5% 0% 5%;}.elementor-5223 .elementor-element.elementor-element-9992184{margin:-10px 0px 0px 0px;padding:0% 4% 0% 4%;}.elementor-5223 .elementor-element.elementor-element-4035d25{margin:-10px 0px 0px 0px;padding:0% 4% 0% 4%;}.elementor-5223 .elementor-element.elementor-element-2a48a1e > .elementor-widget-container{padding:0% 0% 0% 0%;}}/* Start custom CSS for html, class: .elementor-element-97cde37 */.custom-category-tabs {
  text-align: center;
}

.custom-category-tabs .tabs-nav {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 20px;
  list-style: none;
  padding: 0;
}

.custom-category-tabs .tabs-nav li {
  cursor: pointer;
}

.custom-category-tabs .tabs-nav li img {
  width: 200px!important;
  height: auto;
  border: 2px solid transparent;
  border-radius: 6px;
  transition: all 0.3s ease;
}

.custom-category-tabs .tabs-nav li.active img {
  border-color: #3A3A6D; /* or brand color */
}

.custom-category-tabs .tabs-content .tab-content {
  display: none;
}

.custom-category-tabs .tabs-content .tab-content.active {
  display: block;
}

/* Optional: remove dotted outline on click */
.custom-category-tabs .external-tab a,
.custom-category-tabs .external-tab img {
  outline: none;
  border: none;
}

@media (max-width: 767px) {
  .custom-category-tabs .tabs-nav {
    display: flex;
    justify-content: center;
    gap: 2px; 
    margin-bottom: 20px;
    list-style: none;
    padding: 0;
  }
  .custom-category-tabs .external-tab {
    margin-top: 6px;
  }
}


@media (min-width: 768px) {
  .custom-category-tabs .external-tab {
    margin-top: 11px;
  }
}

@media (min-width: 1024px) {
    .custom-category-tabs .external-tab a,
    .custom-category-tabs .external-tab img {
        margin-top: 16px;
    }
}


@media (min-width: 1024px) {
  .custom-category-tabs .tabs-nav li.active img {
    border-color: #3A3A6D;
    margin-top: -11px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2a48a1e */.custom-category-tabs {
  text-align: center;
  padding: 0;
  margin: 0;
}

.category-tabs-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 3px; 
  list-style: none;
  padding: 0;
  margin: 0 auto;
  flex-wrap: nowrap; /* force one line */
  overflow-x: auto;   /* allow scroll if small screen */
  -webkit-overflow-scrolling: touch;
}

.category-tab-item {
  flex: 1 0 25%; /* each takes 25% */
  text-align: center;
  padding: 0;
  margin: 0;
}

.category-tab-item img {
  width: 100%;
  max-width: 100%;
  height: auto;
  border: 2px solid transparent;
  border-radius: 6px;
  transition: all 0.3s ease;
}

.category-tab-item.active img {
  border-color: #3A3A6D;
}

.category-tab-item.external-tab a {
  display: block;
  width: 100%;
  height: 100%;
}

.category-tabs-content .category-tab-content {
  display: none;
}

.category-tabs-content .category-tab-content.active {
  display: block;
}

/* Optional: hide scrollbars on mobile (iOS safe) */
.category-tabs-nav::-webkit-scrollbar {
  display: none;
}
.category-tabs-nav {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;     /* Firefox */
}
@media (max-width: 480px) {
  .category-tab-item {
    flex: 1 0 22%; /* slightly smaller */
  }
}/* End custom CSS */