.shopbybrand {
  font-size: 2rem;
  font-weight: 800;
  line-height: 150%;
  text-transform: uppercase;
}

.breadcrumb {
  display: none;
}

.brand-content {
  margin-top: 60px;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .brand-content {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
.brand-content .main-title {
  color: #212121;
  text-align: center;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 150%; /* 60px */
  margin-bottom: 0px;
}
.brand-content .sub-title {
  color: #FFF;
  /* Card shadow */
  text-shadow: 6px 6px 10px rgba(0, 0, 0, 0.1);
  /* 16 - Regular */
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%; /* 24px */
}
@media screen and (max-width: 768px) {
  .brand-content .letter-all, .brand-content .alphabet {
    font-size: 0.875rem !important;
  }
}
.brand-content .letter-box {
  display: flex;
  gap: 12px;
  margin-top: 24px;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .brand-content .letter-box {
    margin-top: 16px;
    margin-bottom: 32px;
  }
}
.brand-content .letter-box .box-text {
  display: flex;
  padding: 5px 10px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #C2C2C2;
}
.brand-content .letter-box .box-text.active {
  background: #E1E1E1;
  color: #383D40;
  border: 1px solid #C2C2C2;
}
.brand-content .letter-box .letter-group {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.brand-content .letter-box .letter-group .alphabet {
  color: #383D40;
  font-size: 1rem;
  font-weight: 400;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #C2C2C2;
}
.brand-content .letter-box .letter-group .alphabet:hover:not(.disabled) {
  background: #E1E1E1;
  border: 1px solid #383D40;
}
.brand-content .letter-box .letter-group .alphabet.active {
  background: #E1E1E1;
  color: #383D40;
  border: 1px solid #C2C2C2;
}
.brand-content .letter-box .letter-group .disabled {
  color: #C2C2C2;
  border: 1px solid #E1E1E1;
  cursor: not-allowed;
}
.brand-content .brand-letter {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-bottom: 50px;
}
.brand-content .brand-letter:last-child {
  margin-bottom: 0px;
}
@media screen and (max-width: 768px) {
  .brand-content .brand-letter {
    gap: 24px;
    margin-bottom: 32px;
  }
}
.brand-content .brand-letter .head {
  color: #383D40;
  font-size: 1.875rem;
  font-weight: 400;
  width: 30px;
}
@media screen and (max-width: 768px) {
  .brand-content .brand-letter .head {
    font-size: 1.5rem;
  }
}
.brand-content .brand-letter .bare-list {
  display: flex;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
  list-style: none;
  padding-left: 0 !important;
  margin-bottom: 0 !important;
}
@media screen and (max-width: 768px) {
  .brand-content .brand-letter .bare-list {
    gap: 16px;
  }
}
.brand-content .brand-letter .bare-list .brand-logo:hover img {
  border-radius: 5px;
  border: 1px solid #383D40;
  box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.1);
}
.brand-content .brand-letter img {
  width: 100%;
  height: 100%;
  max-width: 125px;
  max-height: 100px;
}
@media screen and (max-width: 768px) {
  .brand-content .brand-letter img {
    max-width: 87px;
    max-height: 70px;
  }
}
.brand-content .brand-gap {
  display: flex;
  flex-wrap: wrap;
  row-gap: 32px;
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .brand-content .brand-gap {
    row-gap: 16px;
    margin-top: 40px;
  }
}
.brand-content .brand-gap a:hover .box-brand-img {
  border: 2px solid #FEC618;
}
.brand-content .brand-gap a:hover .brand-logo {
  transform: translate(-50%, -50%) scale(1.1);
}
.brand-content .brand-gap .box-brand {
  width: 100%;
  max-width: 20%;
  position: relative;
  padding: 0px 12px;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
@media screen and (max-width: 992px) {
  .brand-content .brand-gap .box-brand {
    padding: 0px 8px;
    max-width: 25%;
  }
}
@media screen and (max-width: 768px) {
  .brand-content .brand-gap .box-brand {
    padding: 0px 8px;
    max-width: 33.3333333333%;
  }
}
.brand-content .brand-gap .box-brand.fade-in {
  opacity: 1;
}
.brand-content .brand-gap .box-brand .box-brand-img {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  padding-bottom: 100%;
  border: 2px solid transparent;
  transition: border 0.3s ease-in-out;
}
.brand-content .brand-gap .box-brand .brand-logo {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: all 0.3s ease-in-out;
  transform: translate(-50%, -50%);
}
.brand-content .brand-gap .brand-text {
  width: 100%;
  height: 100%;
  background: white;
  display: flex;
  padding: 20px;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 10px;
  position: absolute;
  font-size: 1.125rem;
}
.brand-content .load-more-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  gap: 2px;
  margin: auto;
  padding: 0px 28px 0px 32px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%; /* 24px */
  text-transform: uppercase;
  margin-top: 40px;
  height: 42px;
  padding: 0px 32px;
  border-radius: 20px;
  border: 2px solid #06509D;
  color: #06509D;
  cursor: pointer;
  opacity: 0;
}

h1.category {
  color: #212121;
  font-size: 2rem;
  font-weight: 500;
  line-height: 150%; /* 45px */
  margin-top: 8px;
  margin-bottom: 48px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  h1.category {
    font-size: 1.625rem;
  }
}

@media screen and (max-width: 768px) {
  .product-grid-view {
    padding-left: 0px;
  }
}
.product-grid-view li {
  list-style: none;
  padding: 12px;
}

.shortby {
  margin-left: auto;
  display: inline-flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  color: #000000;
  gap: 16px;
  text-transform: uppercase;
  color: #000;
  font-size: 1rem;
  font-weight: 700;
  line-height: 150%; /* 24px */
  text-transform: uppercase;
}

.shopby .collapsible-product {
  cursor: pointer;
}
.shopby .collapsible-product:after {
  content: "";
  width: 23px;
  height: 20px;
  text-align: right;
  float: right;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.6778 16.17C18.423 16.1705 18.1762 16.0785 17.98 15.91L12.1361 10.8467L6.28123 15.7292C6.16971 15.8231 6.04139 15.8932 5.90364 15.9355C5.76589 15.9778 5.62144 15.9915 5.47858 15.9757C5.33572 15.96 5.19728 15.9151 5.0712 15.8437C4.94512 15.7723 4.8339 15.6758 4.74393 15.5597C4.65336 15.4441 4.58573 15.311 4.54492 15.1683C4.50411 15.0255 4.49092 14.8757 4.50612 14.7276C4.52132 14.5795 4.5646 14.436 4.63347 14.3053C4.70235 14.1746 4.79547 14.0593 4.90747 13.9661L11.4492 8.50711C11.6443 8.34088 11.889 8.25 12.1415 8.25C12.3941 8.25 12.6388 8.34088 12.8339 8.50711L19.3756 14.1582C19.486 14.2531 19.5772 14.3696 19.6441 14.5011C19.711 14.6326 19.7522 14.7765 19.7654 14.9245C19.7786 15.0726 19.7634 15.2218 19.7209 15.3638C19.6783 15.5058 19.6091 15.6376 19.5173 15.7518C19.4159 15.8815 19.288 15.9862 19.1428 16.0585C18.9976 16.1308 18.8388 16.1689 18.6778 16.17Z' fill='%2325282A'/%3E%3C/svg%3E");
  margin-right: -3px;
  transition: transform 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.shopby select {
  padding: 10px 16px 10px 24px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 150%;
  border-radius: 20px;
  border: 1px solid #E1E1E1;
  height: 42px;
}
.shopby .active:after {
  content: "";
  width: 23px;
  height: 20px;
  text-align: right;
  float: right;
  transform: rotate(0deg) !important;
  -webkit-transform: rotate(0deg) !important;
  margin-right: -3px;
}
.shopby .coll-content-product {
  display: none;
  overflow: hidden;
  overflow-y: auto;
}
.shopby .filter-arrow-title {
  color: #333;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 150%;
  word-wrap: break-word;
  margin-bottom: 16px;
}
.shopby .filter-item-text {
  color: #333;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 22px */
}
.shopby .filter-item-text .attr-name {
  margin-top: 3px;
}
.shopby .price-slider-box {
  padding: 20px 8px 10px 8px;
}
.shopby .price-slider-value-box {
  padding: 10px 0px 20px 0px;
}
.shopby .price-slider-input {
  color: #909090;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  word-wrap: break-word;
  border: 1px solid #909090;
  background-color: transparent !important;
}
.shopby .price-slider-input:hover, .shopby .price-slider-input:active, .shopby .price-slider-input:focus {
  background-color: transparent !important;
  border: 1px solid #909090 !important;
  color: #333 !important;
}
.shopby .brand-logo {
  display: none;
  vertical-align: middle;
  margin: 0px 4px 0px 4px;
}
.shopby .brand-name {
  margin-top: 3px;
}
.shopby .slider-product-filter {
  --slider-connect-bg: #6A6A6A;
  --slider-tooltip-bg: white;
  --slider-handle-ring-color: #6A6A6A;
  --slider-height: 3px;
  --slider-handle-ring-width: 3px;
  --slider-handle-width: 10px;
  --slider-handle-height: 10px;
  --slider-handle-border: 2px;
  --slider-handle-shadow: 1px 1px 1px 1px #6A6A6A;
}
.shopby .filter-title-main {
  color: #333;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 150%;
  word-wrap: break-word;
  vertical-align: middle;
}
.shopby .filter-title {
  color: #333;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 150%;
  word-wrap: break-word;
  vertical-align: middle;
}
.shopby .clear-all {
  color: #909090;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 150%;
  word-wrap: break-word;
  vertical-align: middle;
  cursor: pointer;
  text-transform: uppercase;
}
@media screen and (max-width: 1024px) {
  .shopby .hidborder {
    border: 0px !important;
    padding-bottom: 0 !important;
  }
}
.shopby .filter-item {
  border-bottom: #C2C2C2 solid 1px;
  margin: 5px 0px 5px 0px;
}
.shopby .filter-item .item-title {
  color: #C2C2C2;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  word-wrap: break-word;
  vertical-align: middle;
}
.shopby .filter-item .clear-button {
  color: #C2C2C2;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  vertical-align: middle;
  text-align: right;
  float: right;
  cursor: pointer;
}
.shopby .dp-round {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: flex-start;
}
.shopby .dp-round:has(.box-color) {
  flex-direction: column;
}
.shopby .form-check {
  padding-left: 0px !important;
  margin-bottom: 16px;
}
.shopby .form-check .form-check-label {
  color: #333;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 150%;
  display: flex;
  align-items: flex-start;
}
.shopby .form-check.box input[type=checkbox] {
  width: 22px;
  height: 22px;
}
.shopby .form-check.box input[type=checkbox].form-check-input {
  position: absolute;
  opacity: 0;
  margin-left: -35px;
  margin-top: 2px;
  z-index: 2;
  width: 100%;
  height: 100%;
  max-width: 25px;
  min-height: 25px;
  max-height: 25px;
}
.shopby .form-check.box input[type=checkbox].form-check-input + label::before {
  border: 1px solid #CECECE;
  display: inline-block;
  background: #ffffff;
  content: "";
  width: 100%;
  height: 100%;
  max-width: 25px;
  min-height: 25px;
  max-height: 25px;
  margin: 0px 10px 0 0;
  float: left;
  cursor: pointer;
  border-radius: 5px;
  flex: 1 0 20%;
}
.shopby .form-check.box input[type=checkbox].form-check-input:checked + label::before {
  border: 1px solid #CECECE;
  display: inline-block;
  background: #333333;
  content: "";
  width: 100%;
  height: 100%;
  max-width: 25px;
  min-height: 25px;
  max-height: 25px;
  margin: 0px 10px 0 0;
  float: left;
  cursor: pointer;
  border-radius: 5px;
}
.shopby .form-check.box input[type=checkbox].form-check-input:checked + label::after {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  color: #ffffff;
  position: absolute;
  left: 4px;
  top: 2px;
  font-size: 16px;
}
.shopby .form-check.round input[type=checkbox] {
  opacity: 0;
}
.shopby .form-check.round .box-round {
  display: flex;
  border-radius: 50%;
  min-width: 30px;
  min-height: 30px;
  padding: 2px;
  overflow: hidden;
  text-align: center;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0);
  cursor: pointer;
}
.shopby .form-check.round input[type=checkbox]:checked + .box-round {
  color: #191919;
  border: 1.5px solid #000;
}
.shopby .form-check.round input[type=checkbox]:checked + .box-round:after {
  opacity: 1;
}
.shopby .form-check.round input[type=checkbox]:checked + .type-img .color-preview::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M6.48933 12.1058L3.55919 9.17569C3.41349 9.03497 3.21835 8.95711 3.0158 8.95887C2.81325 8.96063 2.61949 9.04187 2.47626 9.1851C2.33303 9.32833 2.25179 9.52209 2.25003 9.72464C2.24827 9.92719 2.32613 10.1223 2.46685 10.268L5.94316 13.7443C6.08803 13.8892 6.28449 13.9705 6.48933 13.9705C6.69417 13.9705 6.89063 13.8892 7.0355 13.7443L15.5331 5.24669C15.6739 5.10099 15.7517 4.90585 15.75 4.7033C15.7482 4.50075 15.667 4.30699 15.5237 4.16376C15.3805 4.02053 15.1867 3.93929 14.9842 3.93753C14.7816 3.93577 14.5865 4.01363 14.4408 4.15435L6.48933 12.1058Z' fill='black'/%3E%3C/svg%3E");
  display: block;
  width: 18px;
  height: 18px;
  background-size: 100%;
}
.shopby .form-check .box-color {
  display: flex;
  gap: 10px;
  align-items: center;
}
.shopby .form-check .label-color {
  color: #000;
}
.shopby .form-check .color-preview {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.shopby .form-check .color-image-preview {
  width: 30px;
  height: 30px;
  display: inline-block;
}
.shopby .filter-over {
  margin-left: 0px !important;
  margin-top: 4px;
  overflow-y: auto;
  max-height: 215px;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.shopby .filter-over::-webkit-scrollbar {
  width: 6.625px;
}
.shopby .filter-over::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.shopby .filter-over::-webkit-scrollbar-thumb {
  background: #D8D8D8;
}
.shopby .filter-over::-webkit-scrollbar-thumb:hover {
  background: #D8D8D8;
}
.shopby .fitter-box {
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid #E1E1E1;
}
.shopby .filter-block-arrow {
  padding-bottom: 24px;
  border-bottom: 1px solid #DDD;
  margin-bottom: 16px;
}

.shortby .text-short {
  color: #000;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 150%; /* 21px */
  margin-bottom: 0px;
}
@media screen and (max-width: 1024px) {
  .shortby .text-short {
    color: #06509D;
    font-size: 1rem;
  }
}
.shortby .selectdd {
  color: #333;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 150%; /* 21px */
}
.shortby .dropdown-toggle:after {
  color: #333;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 150%; /* 21px */
  position: unset;
}
@media screen and (max-width: 1024px) {
  .shortby .dropdown-toggle:after {
    content: "" !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M13.2143 8.64865L9.35714 4.7915L5.5 8.64865M9.35371 15.9344V4.7915M20.5 17.2201L16.6429 21.0772L12.7857 17.2201M16.6394 9.93436V21.0772' stroke='%2306509D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
  }
}
.shortby .dropdown-toggle {
  gap: 8px;
  padding-right: 24px;
}
@media screen and (max-width: 1024px) {
  .shortby .dropdown-toggle {
    gap: 2px;
  }
}
.shortby .dropdown-menu.sortbydd.show {
  top: 15px;
  left: -46px;
}

.filter-list-mobile .mobile-button {
  border-radius: 8px !important;
}
.filter-list-mobile .filter-btn-mb {
  border-radius: 8px;
  gap: 8px;
}
.filter-list-mobile .filter-mobile-button {
  cursor: pointer;
  text-align: left;
  color: #06509D;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%; /* 24px */
  word-wrap: break-word;
  width: 100%;
  display: flex;
  vertical-align: middle;
  justify-content: center;
  gap: 4px;
}
.filter-list-mobile .filter-mobile-button .filter-mobile-icon {
  vertical-align: middle;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.84375 6H20.1562C20.38 6 20.5946 6.09981 20.7529 6.27748C20.9111 6.45514 21 6.69611 21 6.94737C21 7.19863 20.9111 7.43959 20.7529 7.61726C20.5946 7.79493 20.38 7.89474 20.1562 7.89474H3.84375C3.61997 7.89474 3.40536 7.79493 3.24713 7.61726C3.08889 7.43959 3 7.19863 3 6.94737C3 6.69611 3.08889 6.45514 3.24713 6.27748C3.40536 6.09981 3.61997 6 3.84375 6ZM6.375 12C6.375 11.7487 6.46389 11.5078 6.62213 11.3301C6.78036 11.1524 6.99497 11.0526 7.21875 11.0526H16.7812C17.005 11.0526 17.2196 11.1524 17.3779 11.3301C17.5361 11.5078 17.625 11.7487 17.625 12C17.625 12.2513 17.5361 12.4922 17.3779 12.6699C17.2196 12.8476 17.005 12.9474 16.7812 12.9474H7.21875C6.99497 12.9474 6.78036 12.8476 6.62213 12.6699C6.46389 12.4922 6.375 12.2513 6.375 12ZM9.75 17.0526C9.75 16.8014 9.83889 16.5604 9.99713 16.3827C10.1554 16.2051 10.37 16.1053 10.5938 16.1053H13.4062C13.63 16.1053 13.8446 16.2051 14.0029 16.3827C14.1611 16.5604 14.25 16.8014 14.25 17.0526C14.25 17.3039 14.1611 17.5449 14.0029 17.7225C13.8446 17.9002 13.63 18 13.4062 18H10.5938C10.37 18 10.1554 17.9002 9.99713 17.7225C9.83889 17.5449 9.75 17.3039 9.75 17.0526Z' fill='%23333333'/%3E%3C/svg%3E%0A");
}
.filter-list-mobile .filter-mobile-button .sort-mobile-menu {
  word-wrap: break-word;
  border: 1px solid #333;
  border-radius: 4px;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  padding: 8px 16px;
}
.filter-list-mobile .filter-mobile-button .sort-mobile-menu .sort-by-title {
  color: #333;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  text-transform: uppercase;
}
.filter-list-mobile .dropdown-toggle {
  padding-right: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.filter-list-mobile .dropdown-toggle .filter-text1 {
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  line-height: 150%;
}
.filter-list-mobile .dropdown-toggle:after {
  position: initial;
}
.filter-list-mobile .dropleft .dropdown-toggle::before {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  transform: rotate(360deg);
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  border: none;
  border-top: unset;
  border-right: unset;
  border-bottom: unset;
}

.leftsidebar {
  max-width: 80% !important;
}
.leftsidebar .fltrhamburger {
  background: #06509D;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  padding: 5px;
  margin: 0px -15px;
}

.product-lists {
  margin: 40px 0px 0px 0px;
  row-gap: 24px;
}
@media screen and (max-width: 1024px) {
  .product-lists {
    margin: 0px -8px;
    row-gap: 16px;
  }
}
.product-lists .item-box {
  padding-left: 12px;
  padding-right: 12px;
}
@media screen and (max-width: 768px) {
  .product-lists .item-box {
    padding-left: 8px;
    padding-right: 8px;
  }
}

@media (max-width: 992px) {
  .filter-list-mobile {
    margin-bottom: 24px;
  }
  .category-page .shortby, .brand-list .shortby {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    border: 2px solid #06509D;
    height: 42px;
    padding: 0px 28px 0px 32px;
    width: 50%;
    margin: 0px !important;
  }
}
#vue-product-category {
  padding-top: 36px;
  padding-bottom: 85px;
}
@media screen and (max-width: 900px) {
  #vue-product-category {
    padding-top: 16px;
    padding-bottom: 40px;
  }
}
#vue-product-category .see-more-button {
  margin-top: 40px;
}
@media screen and (max-width: 900px) {
  #vue-product-category .see-more-button {
    margin-top: 24px;
  }
}
#vue-product-category .see-more-button button {
  color: #06509D;
  width: 199px;
  border-radius: 20px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%; /* 24px */
  text-transform: uppercase;
  border-radius: 20px;
  border: 2px solid #06509D;
}

@media all and (max-width: 991px) {
  .leftsidebar {
    position: fixed;
    z-index: 99999999;
    width: 100%;
    background: #fff;
    min-width: 140px;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    top: 0;
    left: 0;
    border-right: none !important;
    transition: all 0.5s ease 0s;
    transform: translate3d(-100%, 0, 0);
  }
  .leftsidebar.active {
    transform: translate3d(0%, 0, 0);
  }
  .leftsidebar .filter-block {
    border-bottom: 1px solid #E1E1E1;
    margin-bottom: 16px;
  }
  .leftsidebar .filter-block:last-child {
    border: 0px;
  }
  .leftsidebar .fitter-box {
    border: 0px;
  }
}
.sidebar-des .shopby {
  padding: 24px;
  border-radius: 5px;
  background: #FFF;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.1);
}
.sidebar-des .group-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.sidebar-des .group-filter .filter-block {
  width: 17%;
  position: relative;
}
.sidebar-des .group-filter .filter-block .label-check {
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  height: 42px;
  overflow: hidden;
  padding: 10px 16px 10px 24px;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  color: #909090;
  position: relative;
  background: transparent; /* No background */
  border: 1px solid transparent; /* Transparent border initially */
  transition: color 0.5s ease-in-out, border-color 0.5s ease-in-out, background-position 0.5s ease-in-out;
  background-image: linear-gradient(white, white), linear-gradient(90deg, #E1E1E1 0%, #E1E1E1 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 150%;
}
.sidebar-des .group-filter .filter-block .label-check:hover, .sidebar-des .group-filter .filter-block .label-check.selected, .sidebar-des .group-filter .filter-block .label-check.active {
  color: #383D40;
  border: 2px solid transparent;
  background-size: 125%;
  background-position: 50%;
  background-image: linear-gradient(white, white), linear-gradient(90deg, #272262 0%, #00A69C 100%);
}
.sidebar-des .group-filter .filter-block .label-check.selected {
  color: #383D40;
  border: 1px solid transparent;
  background-size: 125%;
  background-position: 50%;
  background-image: linear-gradient(white, white), linear-gradient(90deg, #E0E2EE 0%, #E0E2EE 100%);
}
.sidebar-des .group-filter .filter-block .label-check:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Arrows/chevron-light-down'%3E%3Cpath id='Vector' fill-rule='evenodd' clip-rule='evenodd' d='M7.82916 9.21917C7.9722 9.08155 8.16403 9.00635 8.3625 9.01009C8.56096 9.01384 8.74982 9.09622 8.88757 9.23914L12.592 13.1712L16.2964 9.23914C16.3638 9.16491 16.4453 9.10495 16.5362 9.06281C16.6272 9.02067 16.7256 8.99722 16.8258 8.99383C16.926 8.99045 17.0258 9.00721 17.1194 9.04311C17.2129 9.07901 17.2984 9.13333 17.3706 9.20285C17.4427 9.27237 17.5002 9.35567 17.5397 9.44782C17.5791 9.53997 17.5996 9.6391 17.6 9.73932C17.6004 9.83954 17.5806 9.93882 17.542 10.0313C17.5033 10.1237 17.4464 10.2075 17.3748 10.2776L13.1312 14.7708C13.0613 14.8433 12.9776 14.901 12.8849 14.9403C12.7923 14.9797 12.6927 15 12.592 15C12.4913 15 12.3917 14.9797 12.2991 14.9403C12.2064 14.901 12.1227 14.8433 12.0528 14.7708L7.80919 10.2776C7.67157 10.1345 7.59636 9.94271 7.60011 9.74424C7.60385 9.54578 7.68624 9.35692 7.82916 9.21917Z' fill='%23383D40'/%3E%3C/g%3E%3C/svg%3E%0A");
  width: 24px !important;
  height: 24px !important;
  background-size: contain !important;
  background-position: center !important;
}
.sidebar-des .group-filter .filter-block .box-value {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.1);
  display: none;
  left: 0;
  padding: 15px;
  position: absolute;
  right: 0;
  z-index: 1011;
  overflow-y: auto;
  max-height: 200px;
}

.list-none {
  list-style: none;
  padding: 0px !important;
  margin: 0px !important;
}
.list-none .icon-dropdown {
  padding: 0px 16px !important;
  border-radius: 20px;
  border: 1px solid #E1E1E1;
  background: #FFF;
  width: 69px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: #909090;
  position: relative;
  background: transparent; /* No background */
  border: 1px solid transparent; /* Transparent border initially */
  transition: color 0.5s ease-in-out, border-color 0.5s ease-in-out, background-position 0.5s ease-in-out;
  background-image: linear-gradient(white, white), linear-gradient(90deg, #E1E1E1 0%, #E1E1E1 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}
.list-none .icon-dropdown:hover {
  border: 2px solid transparent;
  background-size: 125%;
  background-position: 50%;
  background-image: linear-gradient(white, white), linear-gradient(90deg, #272262 0%, #00A69C 100%);
}

.pagination .num-load {
  border-radius: 30px;
  border: 1px solid #C2C2C2;
  width: 40px;
  height: 40px;
  position: relative;
  background: transparent; /* No background */
  border: 1px solid transparent; /* Transparent border initially */
  transition: color 0.5s ease-in-out, border-color 0.5s ease-in-out, background-position 0.5s ease-in-out;
  background-image: linear-gradient(white, white), linear-gradient(90deg, #C2C2C2 0%, #C2C2C2 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}
.pagination .num-load:hover {
  border: 2px solid transparent;
  background-size: 125%;
  background-position: 50%;
  background-image: linear-gradient(white, white), linear-gradient(90deg, #272262 0%, #00A69C 100%);
}
.pagination .num-load.active {
  border-radius: 30px;
  border: 1px solid #C2C2C2;
  background: #E1E1E1;
  cursor: a;
}
.pagination .line-num {
  width: 10px;
  height: 1px;
  background: #C2C2C2;
}
.pagination .prev {
  border: 0;
  background: transparent;
}
.pagination .prev:after {
  content: "";
  display: block;
  background-image: url("/default_image/prev.svg");
  background-size: contain;
  width: 25px;
  height: 25px !important;
  filter: brightness(0) saturate(100%) invert(22%) sepia(6%) saturate(574%) hue-rotate(158deg) brightness(96%) contrast(92%);
}
.pagination .next {
  border: 0;
  background: transparent;
}
.pagination .next:after {
  content: "";
  display: block;
  background-image: url("/default_image/next.svg");
  background-size: contain;
  width: 25px;
  height: 25px !important;
  filter: brightness(0) saturate(100%) invert(22%) sepia(6%) saturate(574%) hue-rotate(158deg) brightness(96%) contrast(92%);
}

.breadcrumb {
  z-index: 101;
}
.error-container.no-results {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}

.gap-16-mb {
  gap: 16px;
}

.product-compare-container {
  margin-bottom: 134px;
  margin-top: 8px;
}
.product-compare-container .main-title.product-compare {
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 45px */
  color: #333;
  margin-bottom: 48px;
}
.product-compare-container .nav-tabs .nav-item .nav-link {
  color: #06509D;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  padding: 10px 16px;
}
.product-compare-container .nav-tabs .nav-item .nav-link .remove-icon {
  margin-left: 14px;
  vertical-align: middle;
  display: inline-block;
  width: 8px;
  height: 8px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' fill='none' viewBox='0 0 8 8'%3E%3Cpath fill='%232B3B4F' d='M.167.174a.57.57 0 0 1 .807 0L3.996 3.2 7.018.174a.57.57 0 1 1 .808.808L4.804 4.007l3.022 3.025a.572.572 0 0 1-.808.808L3.996 4.815.974 7.84a.57.57 0 0 1-.807-.808L3.19 4.007.167.982a.572.572 0 0 1 0-.808Z'/%3E%3C/svg%3E%0A");
}
.product-compare-container .nav-tabs .nav-item .nav-link.active {
  border-radius: 4px 4px 0px 0px;
  background: #DEE5ED;
  font-weight: 600;
}
.product-compare-container .real-content {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.product-compare-container .real-content .product-compare-desc {
  display: flex;
  height: 100%;
  padding: 0px 12px 0px 12px;
  /* Select odd columns (1st, 3rd, 5th, etc.) */
}
.product-compare-container .real-content .product-compare-desc .prod-img {
  margin-bottom: 16px;
}
.product-compare-container .real-content .product-compare-desc table td:nth-child(even), .product-compare-container .real-content .product-compare-desc table th:nth-child(even) {
  background: #F7F7F7;
}
.product-compare-container .real-content .product-compare-desc table td:nth-child(odd), .product-compare-container .real-content .product-compare-desc table th:nth-child(odd) {
  background-color: #ffffff; /* White */
}
.product-compare-container .real-content .product-compare-desc table {
  width: 100%;
  border-collapse: collapse;
}
.product-compare-container .real-content .product-compare-desc th {
  width: 224px;
  padding: 16px;
}
.product-compare-container .real-content .product-compare-desc td {
  vertical-align: middle;
  flex: 1;
  display: flex;
  align-items: stretch;
}
.product-compare-container .real-content .product-compare-desc tr {
  display: flex;
  flex: 1;
  background-color: #fff;
  border-bottom: 1px solid #D7D7D7;
}
.product-compare-container .real-content .product-compare-desc tr ul li {
  margin-bottom: 0px;
}
.product-compare-container .real-content .product-compare-desc tr .long {
  padding: 16px;
}
.product-compare-container .real-content .product-compare-desc tr .long .product-info .topic {
  height: 42px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.product-compare-container .real-content .product-compare-desc tr .long .product-info .link-product-name {
  color: #333;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 21px */
}
.product-compare-container .real-content .product-compare-desc tr .long .product-info .sku-name {
  color: #333;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%; /* 18px */
}
.product-compare-container .real-content .product-compare-desc tr .long .product-info .price-wrap .normal-price {
  color: #333;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
}
.product-compare-container .real-content .product-compare-desc tr .long .product-info .price-wrap .strike-price {
  color: #707070;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%; /* 18px */
}
.product-compare-container .real-content .product-compare-desc tr .long .product-info .price-wrap .sale-price {
  color: #EF0008;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 18px */
}
.product-compare-container .real-content .product-compare-desc tr .long .remove-product {
  background-color: #707070;
  right: 10px;
  top: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-compare-container .real-content .product-compare-desc tr .long.short-desc {
  color: #333;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}
.product-compare-container .real-content .product-compare-desc tr .long.short-desc div {
  color: #333;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  max-width: 100%;
}
.product-compare-container .real-content .product-compare-desc tr .long.short-desc div img {
  max-width: 100%;
}
.product-compare-container .real-content .product-compare-desc .varaint-spec th {
  border-bottom: 1px solid #D7D7D7;
  background: #D7D7D7 !important;
  padding: 8px 16px;
}
.product-compare-container .real-content .product-compare-desc .headcol {
  color: #333;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
}
.product-compare-container .real-content .product-compare-desc .varaint-spec-list {
  color: #333;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  vertical-align: middle;
}
.product-compare-container .real-content .product-compare-desc .varaint-spec-list-item {
  color: #333;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}
.product-compare-container .real-content .product-compare-desc .varaint-label {
  color: #333;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  margin-bottom: 8px;
}
.product-compare-container .real-content .product-compare-desc .varint-lists {
  padding-bottom: 0px;
}
.product-compare-container .real-content .product-compare-desc .text-attr {
  color: #333;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}
.product-compare-container .real-content .product-compare-desc .color-attr-list {
  gap: 8px;
}
.product-compare-container .real-content .product-compare-desc .color-attr-list .color-attr {
  width: 24px;
  height: 24px;
  border-radius: 2px;
}
.product-compare-container .real-content .product-compare-desc .color-attr-list .color-attr img {
  width: 24px;
  height: 24px;
  border-radius: 2px;
}
.product-compare-container .real-content .product-compare-desc .color-attr-list .color-attr .circle {
  border-radius: 100%;
}
.product-compare-container .real-content .product-compare-desc .color-attr-list .color-attr .box {
  border-radius: 5px;
}
.product-compare-container .real-content .product-compare-desc .color-attr-list .circle {
  border-radius: 20px;
}
.product-compare-container .real-content .product-compare-desc .bg-varaint-head {
  background: #D7D7D7 !important;
}
.product-compare-container .real-content .product-compare-desc .select-list-compare {
  gap: 8px;
  flex-wrap: wrap;
}
.product-compare-container .real-content .product-compare-desc .select-list-compare .box {
  color: #486284;
  padding: 2px 6px;
  border-radius: 5px;
  border: 1px solid #486284;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-compare-container .real-content .product-compare-desc .select-list-compare .circle {
  color: #486284;
  padding: 5px 10px;
  border: 1px solid #486284;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}