body {
	background-color: #ffffff;
	background-image: none;
}

/* biiibo structure */

.page-homepage.biiibo-page {
  color: #0c1d39;
  max-width: 1440px;
  margin: 0 auto;
}

.page-homepage.biiibo-page .container {
  max-width: 1440px;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
}

.desktop-view-only {
  display: inherit;
}

.page-homepage.biiibo-page .container .section-heading {
  margin-left: 0;
  text-transform: uppercase;
  padding: 0 1% 10px 1%;
}

/* desktop browser width less than 1440px */
@media only screen and (max-width: 1439px) {
  .page-homepage.biiibo-page .container {
    padding-right: 1%;
    padding-left: 1%;
  }

  .page-homepage.biiibo-page .container .section-heading {
    padding: 0 0 10px 0;
  }
}

@media only screen and (max-width: 999px) {
  .desktop-view-only {
    display: none;
  }
}

/* Global font styles */

.font-extra-bold-800 {
  font-family: kumbhsans_extrabold, Helvetica !important;
  font-weight: 800;
}

.font-semibold-700 {
  font-weight: 700;
  font-family: kumbhsans_semibold, Helvetica;
}

.font-semibold-500 {
  font-weight: 500;
  font-family: kumbhsans_semibold, Helvetica;
}

.font-size-22 {
  font-size: 22px;
}

.font-size-20 {
  font-size: 20px;
}

.font-size-18 {
  font-size: 18px;
}

.font-size-15 {
  font-size: 15px;
}

.font-size-16 {
  font-size: 15px;
}

.font-size-14 {
  font-size: 14px;
}

.font-size-13 {
  font-size: 13px;
}

.font-size-12 {
  font-size: 12px;
}

/* Global color styles */

.biibo-dark-gray {
  color: #707070;
}

.biiibo-dark-blue {
  color: #0C1D39;
}

.biiigo-orange {
  color: #F68D2B;
}

.biiibo-bg-light-gray {
  background-color: #d4d6da65;
}

.biiibo-text-black {
  color: #333333;
}

.biiibo-text-gray {
  color: #7B7B7B;
}

.biiibo-text-align-right {
  text-align: right;
}

/* Global button styles */

.biiibo-orange-button {
  background-color: #F68D2B;
  color: #1A2F53;
  padding: 6px 0;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.biiibo-orange-button span {
  margin-left: 10px;
  display: inline-block;
}

.biiibo-orange-button,
.biiibo-orange-button svg {
  transition: background-color 0.3s;
}

.biiibo-orange-button:hover,
.biiibo-orange-button svg:hover {
  color: white;
  fill: white;
  background-color: #FFB300;
}


a.btn-with-front-icon,
a.btn-with-back-icon {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: center;
  padding: 2px 8px
}

.button-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 20px;
}

.btn-with-front-icon,
.btn-with-front-icon div,
.btn-with-back-icon,
.btn-with-back-icon div,
.biiibo-black-line-btn {
  transition: transform 0.5s ease;
}

.btn-with-back-icon:hover,
.btn-with-front-icon:hover,
.biiibo-black-line-btn:hover {
  transform: scale(1.05);
  color: inherit;
}

.biiibo-black-line-btn {
  color: #000000;
  border: 2px solid #000000;
  border-radius: 4px;
  padding: 1px 8px;
}

.biiibo-orange-line-btn {
  color: black;
  border: 1px solid #F68D2B;
  border-radius: 4px;
  padding: 6px 0;
  text-align: center;
  width: 100%;
}

.biiibo-gray-line-btn {
  color: black;
  border: 1px solid #E7E5E5;
  border-radius: 4px;
  padding: 6px 0;
  text-align: center;
  width: 100%;
}

/* Global link style */

.biiibo-blue-link {
  color: #1A2F53;
}

.biiibo-black-link {
  color: #000000;
}


.navbar {
	background-color: #ffffff;
	background-repeat: repeat-x;
	background-image: none;
	border: none;
	border-bottom: 1px solid #e6e6e6;
	padding-top: 15px;
	padding-bottom: 15px;
}

.navbar .navbar-text, .navbar .navbar-brand, .navbar .navbar-link, .navbar .nav>li>a {
	color: #000000;
	text-shadow: none;
}

/* navbar links */

.navbar .navbar-brand:hover, .navbar .navbar-brand:focus, .navbar .navbar-brand:active, .navbar .nav .active>a, .navbar .nav .active>a:hover, .navbar .nav .active>a:focus, .navbar .nav .active>a:active, .navbar .navbar-link:hover, .navbar .navbar-link:focus, .navbar .navbar-link:active, .navbar .nav>li>a:hover, .navbar .nav>li>a:focus, .navbar .nav>li>a:active, .navbar .nav>.open>a, .navbar .nav>.open>a:hover, .navbar .nav>.open>a:focus, .navbar .nav>.open>a:active {
	color: #4c4c4c;
	background-color: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.navbar-fixed-top, .navbar-static-top {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.navbar-toggle {
	margin-top: 18px;
	margin-bottom: 18px;
}

.navbar-collapse {
	border-radius: 0px;
}

/* hamburger */

header.biiibo-header .toggle span::before {
  top: -13px
}

header.biiibo-header .toggle span::after {
  bottom: -13px
}

/* navbar brand */

.navbar-brand {
	padding-right: 30px;
	max-width: 80%;
	min-height: 20px;
	height: auto;
}

@media (max-width: 767px) {
	.navbar .toggle-sidebar {
		padding: 10px 15px;
	}
}

@media (min-width: 768px) {
	.navbar-brand {
		max-width: 300px;
	}
}

/* navbar dropdowns */

.navbar .dropdown.logged-in .avatar {
	margin: 0px;
}

.nav .dropdown.logged-in .full-name {
	line-height: 22px;
}

.nav .dropdown-menu>li>a {
	padding: 14px;
}

.nav .dropdown-menu {
	min-width: 200px;
	padding: 0px;
	font-size: 85%;
	border-radius: 0px 0px 4px 4px;
}

.nav .dropdown-menu .divider {
	margin: 0px;
}

.web-footer {
	background-color: #ffffff;
	border-top: 1px solid #e6e6e6;
}

.web-footer, .web-footer a {
	color: #000000;
}

.web-footer a:hover, .web-footer a:focus, .web-footer a:active {
	color: #191919;
}

.web-footer input {
	border: 1px solid #e6e6e6;
}

.border-color {
	border-color: #e6e6e6;
}

.cart-dropdown-container {
	width: 350px;
	padding: 15px;
	background-color: #f0f0f0;
}

.form-control {
	border: 1px solid #d1d8dd !important;
}

.product-image-square {
	width: 100%;
	height: 0;
	padding: 50% 0px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.product-text {
	border-top: 0px;
	padding: 15px;
	height: 60px;
}

.block2-img.wrap-pic-w.of-hidden.pos-relative:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.dropdown-menu {
	background-color: #fdc518;
}

.dropdown-menu>li>a:hover {
	background-color: #fdc518;
}

.dropdown-menu>li>a {
	font-size: 13px;
	color: white;
}

.sub-menu>li>a {
	font-size: 13px;
	color: white !important;
}

.dropdown a:hover {
	text-decoration: none;
	color: #2f2828;
}

li.btn-login-area a {
	color: #2f2828;
}

.select2-container--default .select2-results>.select2-results__options {
	max-height: 300px;
}

#dropDownSelect1 .select2-container--open .select2-dropdown {
	width: 110px !important;
}

.number-spinner {
	margin-top: 0px;
  justify-content: space-between;
}

.cart-container {
	margin: 0px;
}

.flex-c-m {
	text-align: center;
}

.wrap_header_mobile {
	background-color: #fdc518;
}

a:focus {
	color: #fdc518;
}

.homepage-main-section .section-wrapper {
  display: flex;
  justify-content: space-between;
}

.section-header-wrapper .section-heading {
  color: black;
  font-size: 16px;
  margin-left: 0;
}

.section-header-wrapper .section-view-all-link,
.section-header-wrapper .section-heading {
  margin-top: 15px;
}

.homepage-main-section {
  margin-bottom: 30px;
}

.section-header-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.section-view-all-link {
  color: #1A2F53;
  font-size: 12px;
  text-transform: uppercase;
}

.best_seller .itemdetails.product-image-wrapper .content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.mx-30 {
  margin-left: 30px;
  margin-right: 30px;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-30 {
  margin-bottom: 30px;
}

.text-line-through {
  text-decoration: line-through;
}

a.img-link-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: 12%;
  font-size: 12px;
  text-align: center;
}

a.img-link-card figure {
  display: flex;
  width: 140px;
  height: 140px;
  align-items: center;
  justify-content: center;
}

.img-link-card span.blue {
  color: #2575B9;
}

.full-width-container {
  width: 100vw;
}

.gray-bg {
  background-color: #F2F3F3;
}

.font-color-gray-707070 {
  color: #707070;
}

.itemdetails.product-image-wrapper {
  border: 2px solid #E8E8E8 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.itemdetails-details-info{
  display: flex;
  flex-direction: column;
  height: 170px;
  justify-content: space-between;
}

.itemdetails-details-info .item-uom {
  color: #707070;
  font-size: 12px;
}

.price-wrapper {
  display: flex;
}

.price-wrapper .price span {
  color: #707070;
}

.best_seller .itemdetails {
  height: 343.72px !important;
}

.best_seller .itemdetails .itemdetails-details-info .add-cart-btn button {
  margin: 0;
  border-radius: 0;
  height: 30px;
}

.best_seller .itemdetails .itemdetails-details-info #adCart {
  margin: 0;
}

.section-heading .blue {
  color:#2575B9;
}

.section-heading.large-title {
  font-size: 28px;
  margin-top: 30px;
}

span.section-sub-title {
  font-size: 20px;
}


.section-title-hr {
  border: 2px solid black;
  margin-top: 0;
}

.btn.blue-btn {
  background-color: #1A2F53;
  border-radius: 0;
}

.section-buttons-flex .btn-col-4 {
  width: 23%;
}

.section-buttons-ex-btn {
  margin: 10px 0 30px 0;
}

.section-buttons-ex-btn .btn-col-2 {
  width: 49%;
}

.homepage-main-section.section-buttons .container .section-wrapper,
.homepage-main-section.section-buttons .container hr {
  margin-left: 30px;
  margin-right: 30px;
}

.section-wrapper.section-buttons-grid {
  display: grid;
  grid-template-columns: repeat(9, 10%);
}

.btn.blue-btn.grid-ex-btn {
  display: none;
}

.black-category-subtitle {
  font-size: 16px;
  color: black;
}

.categories-link {
  margin-top: 20px;
}

.categories-link a.img-link-card span {
  font-size: 16px;
  color: black;
}

.home-sub-banner img {
  width: 100%;
}

a.home-sub-banner {
  margin: 35px 0 15px 0;
}

.home-sub-banner .mobile,
.wide-callout .mobile {
  display: none;
}

.home-sub-banner .web,
.wide-callout .web {
  display: block;
}

/* mobile */
@media only screen and (max-width: 767px) {
  .homepage-main-section .section-wrapper {
    margin-left: 0;
    flex-wrap: wrap;
    justify-content: space-around;
  }

  a.img-link-card {
    width: 30%;
    margin-bottom: 20px;
  }

  .section-view-all-link {
    display: none;
  }

  .section-header-wrapper {
    justify-content: center;
  }

  .best_seller .tab-content {
    margin: 0 !important;
  }

  .best_seller .itemdetails .image {
    height: 90px !important;
  }

  .itemdetails-details-info .item-uom {
    flex-direction: column;
    gap: 0;
  }

  .itemdetails-details-info .item-uom .sf_price_per_box {
      border: none;
      padding: 0;
  }

  .itemdetails-details-info {
    height: 160px;
  }

  .best_seller.container .owl-carousel .owl-nav button.owl-prev,
  .explore-content-container .owl-carousel .owl-nav button.owl-prev {
    left: 20px;
  }

  .best_seller.container .owl-carousel .owl-nav button.owl-next,
  .explore-content-container .owl-carousel .owl-nav button.owl-next {
    right: 20px;
  }

  .explore-category, .explore-category-image {
    width: 270px !important;
  }

  .section-buttons-flex .btn-col-4 {
    width: 100%;
  }

  .section-buttons-flex.mx-30 {
    margin-left: 0;
    margin-right: 0;
  }
  
  .homepage-main-section.section-buttons .container .section-wrapper.section-header-wrapper,
  .homepage-main-section.section-buttons .container hr {
    margin-left: 0;
    margin-right: 0;
  }

  .section-wrapper.section-buttons-flex{
    gap: 20px;
  }

  .section-heading.large-title {
    font-size: 17px;
    margin: 0;
  }

  .section-title-hr {
    margin: 0 0 20px 0;
  }

  .section-wrapper.section-buttons-grid {
    display: grid;
    grid-template-columns: repeat(2, 48%);
    row-gap: 20px;
  }

  .section-wrapper.section-buttons-ex-btn {
    display: none;
  }

  .btn.blue-btn.grid-ex-btn {
    display: block;
  }
  
  .homepage-main-section.section-buttons .section-header-wrapper {
    justify-content: flex-start;
  }

  .homepage-main-section.section-buttons .section-header-wrapper .section-heading.large-title {
    text-align: left;
  }

  .section-header-wrapper .section-heading {
    line-height: 30px;
  }

  span.section-sub-title {
    font-size: 16px;
  }

  .home-sub-banner .web,
  .wide-callout .web {
    display: none;
  }

  .home-sub-banner .mobile,
  .wide-callout .mobile {
    display: block;
  }

  a.home-sub-banner {
    margin: 0;
  }

  .mobile-m-0 {
    margin: 0 !important;
  }

}

body[data-path="orders"] #main-body,
body[data-path="my_wallet"] #main-body,
body[data-path="me"] #main-body  {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

img.clock-icon {
  margin-right: 5px;
}

.order-filters.web {
  display: flex;
}

.order-filters.mobile {
  display: none;
}

button.btn-gray-line {
  border: 1px solid #E5E5E5;
  color: #1A2F53;
  font-size: 12px;
  padding: 5px 10px;
  border-radius: 4px;
}

img.filter-icon {
  margin-left: 10px;
}

/* orders filtermodal */
.orders-filter-modal {
  display: none;
  position: fixed;
  /* intercom z-indx: 2147483001 */
  z-index: 2147483002; 
  left: 0;
  top: 0;
  bottom: 0;
  overflow: auto;
  background-color: white;
  min-height: 100vh;
  width: 100vw;
}

.orders-filter-modal-content {
  background-color: #ffff;
  margin: 0 auto;
  max-width: 500px;
  height: 100vh;
  color: #1A2F53;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.toggle-title {
  border-top: 1px solid #E5E5E5;
  padding: 5px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  font-family: kumbhsans_semibold, Helvetica;
}

.orders-filter-modal-header,
.category-filter-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
}

.radio-group, .filter-by-title {
  padding: 0 20px;
}

.orders-filter-modal-close-icon,
.category-filter-modal-close-icon {
  color: #1A2F53;
  font-size: 30px;
  cursor: pointer;
}

.moders-filter-modal-title,
.category-filter-modal-title {
  font-weight: 500;
  font-family: kumbhsans_semibold, Helvetica;
  padding-top: 10px;
  font-size: 16px;
}

.filter-by-title {
  font-size: 11px;
  color: #707070;
  margin-top: 20px;
}

.mobile-orders-filter-action,
.mobile-category-filter-action {
  display: flex;
  justify-content: center;
}

.category-filter-title {
  font-size: 11px;
  color: #707070;
  padding-left: 20px;
}

.radio-group {
  display: flex;
  flex-direction: column;
  font-size: 12px;
}

.orders-filter-modal .radio-group label input[type="radio"] {
  margin-right: 10px;
}

#orders-payment-toggle, #orders-order-toggle {
  display: grid;
  grid-template-columns: 50% 50%;
}


#apply-filter-btn,
#apply-category-filter-btn {
  background-color: #FFB300;
  width: 100%;
  margin: 20px;
  padding: 10px;
  border-radius: 4px;
  font-size: 14px;
  filter: drop-shadow(0px 1px 9px rgba(117,117,117,.1607843137254902));
}

.radio-row {
  display: flex;
  align-items: stretch;
  gap: 5px;
}

.radio-group.orders-period-radio-group label {
  display: flex;
}

div#orders-order-toggle-title {
  margin-top: 20px;
}

@media only screen and (max-width: 767px) {
  .order-filters.web {
    display: none;
  }
  
  .order-filters.mobile {
    display: block;
  }
}

/* Orders details */
.order_name_title {
  color: #2575B9;
  margin-bottom: 20px;
}

.font-w-500 {
  font-weight: 500;
  font-family: kumbhsans_semibold, Helvetica;
}

.order-details-row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.order-details-col.gray-card {
  background-color: #EEEFF0;
  padding: 12px 20px 20px 20px;
  border-radius: 4px;
}

.order-details-col {
  width: 50%;
}

.card-title {
  font-size: 13px;
  margin-bottom: 10px;
}

.gray-card-title {
  border-bottom: 1px solid black;
  font-size: 13px;
  padding-bottom: 8px;
}

.gray-font-info {
  font-size: 14px;
  color: #707070;
}

.gray-card-details {
  display: flex;
  font-size:12px;
}

.gray-card-details.delivery-container {
  flex-direction: column;
}

.delivery-container .card-detail-title {
  width: 30%;
}

.card-detail {
  width: 70%;
  display: flex;
  flex-wrap: wrap;
}

.card-detail-title {
  width: 50%;
  color:#1A2F53;
}

.card-detail-content {
  width: 50%;
}

.delivery-details-col {
  width: 50%;
}

.d-details-row {
  padding: 5px 0;
  display: flex;
  gap: 10px;
}

.card-detail.order-basic-info div{
  padding: 5px 0;
}

.d-details-icon {
  min-width: 16px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 3px;
}

.order-details-row.item-list .order-container{
  width: 100%;
}

.order-details-row .order-item-header{
  font-size: 13px;
  border-bottom: 1px solid #0C1D39 !important;
  margin: 0 !important;
}

.order-details-row .order-item-header div {
  margin: 0;
  font-size: 12px;
}

.pay-outstanding-button-container .page-header-actions-block {
  text-align: start;
}

.pay-outstanding-button-container a#pay-for-order {
  background-color: #FFB300;
  border: 0;
  color: #1A2F53;
  font-size: 12px;
  padding: 5px 30px;
  margin-top: 20px;
}

.order-details-row.item-list .order-container .order-item-table {
  margin: 0;
}

.order-details-row.item-list .order-container .order-image {
  margin-top: 0;
}

.order-item-name-desc {
  display: flex;
  flex-direction: column;
  gap: 5px;
  color: #707070;
  font-size: 15px;
}

.taxes-row {
  display: flex;
  color: #707070;
}

.taxes-col {
  width: 50%;
}

.taxes-row.tax-grand-total-row.font-w-500 {
  color: black;
  border-top: 2px solid #B8B8B8;
  margin-top: 10px;
  padding-top: 10px;
}

.taxes-row.tax-grand-total-row.font-w-500.red {
  color: red;
}

.order-taxes {
  font-size: 12px;
}

button.btn.add_to_cart_button-from-order-details {
  font-size: 14px;
  border-radius: 4px;
  background: #2575B9;
  width: auto;
  padding: 5px 30px;
}

button.btn.add_to_cart_button-from-order-details:hover {
  background: #070707;
}

.itemdetails .contact_us_button.btn {
  margin: 0;
  border-radius: 0;
  height: 26.74px !important;
  line-height: 0;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
}

.itemdetails .contact_us_button {
  margin: 0 !important;
  width: 100%;
}

.grid-item-details-info .contact_us_button {
  width: 100%;
}

.add-cart-btn-from-order-details  {
  text-align: center;
}

.gray-card-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 30%;
  margin-left: 20px;
}

a.print-invoce-btn {
  background: #1A2F53;
  font-size: 12px;
}

.gray-card-actions a#btn-order-cancel, .gray-card-actions a.btn-order-cancel {
  font-size: 12px;
  text-decoration: underline;
  text-align: center;
  color: red;
}

.add_to_cart_button-from-order-details.add-to-cart-btn-text {
  display: block;
}

.add-to-cart-plus-icon {
  display: none;
}

.gray-card-actions.mobile {
  display: none;
}

.gray-card-actions.web {
  display: flex;
}

.card-detail-content span.red {
  color: red;
}

.card-detail-content span.green {
  color: green;
}

span.order-details-status-icon {
  margin-left: 10px;
}

span.order-details-status-icon img{
  width: 10px;
  height: 10px;
}

#no-order-result{
  color: #707070;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 0;
}

#no-order-result img {
  width: 80px;
  margin-bottom: 20px;
}


@media only screen and (max-width: 767px) {
  .order-details-row.item-info {
    display: flex;
    flex-direction: column;
  }

  .order-details-col {
      width: 100%;
  }

  .row.order-items.order-item-header {
    display: flex;
  }

  .item-list .row.order-items.order-item-header div {
    padding: 0
  }

  .item-list .row.order-items {
    display: flex;
    font-size: 12px;
  }

  .item-list .row.order-items .col-xs-6 {
    width: 70%;
  }

  .item-list .row.order-items .col-xs-2 {
    width: 20%;
  }

  .item-list .row.order-items .col-xs-1 {
    width: 10%;
  }

  .add_to_cart_button-from-order-details.add-to-cart-btn-text {
    display: none;
  }

  .add-to-cart-plus-icon {
    display: block;
  }

  .gray-card-actions.mobile {
    display: flex;
    margin-top: 20px;
    width: 50%;
    margin-left: 0;
  }

  .gray-card-actions.web {
    display: none;
  }

  .order-details-mobile-action-btns {
    display: flex;
    align-items: flex-start;
    gap: 20px;
  }

  .card-detail-title, .delivery-container .card-detail-title {
    width: 40%;
  }

  .card-delivery-info-text, .card-detail-content {
    width: 60%;
  }

  .card-detail.order-basic-info {
    width: 100%;
  }

  .pay-outstanding-button-container a#pay-for-order {
    padding: 6px 30px !important;
  }

  .order-item-name-desc {
    font-size: 10px;
  }

  .order-details-row.item-list .order-container .order-image {
    max-width: 30px;
    max-height: 30px;
  }

  .order-details-row.item-list .order-container .order-image-col{
    padding: 0;
  }

  .order-item-name-desc {
    padding: 0;
  }
  
  .row.item_name_and_description {
    display: flex;
  }

  .item-list .row.order-items .mobile-no-padding {
    padding: 0;
  }

  .add-cart-btn-from-order-details {
    display: flex;
    justify-content: flex-end;
  }

  .gray-card-actions a#btn-order-cancel, .gray-card-actions a.btn-order-cancel {
    text-decoration: none;
    border: 1px solid red;
    border-radius: 4px;
    padding: 5px;
  }
}

/* My Biiibo Pro */

.my-biiibo-pro-title {
  display: flex;
  align-items: center;
  gap: 10px;
}

.my-biiibo-pro-title img {
  margin: 0 !important;
}

.my-biiibo-pro-title h2 {
  margin: 0;
  color: #1A2F53;
  font-size: 22px;
}

hr.my-biiibo-pro-title-hr {
  border-top: 1px solid #1A2F53;
}

#my-biiibo-pro-buttons {
  display: flex;
  justify-content: flex-end;
}

#my-biiibo-pro-buttons a#btn_unsubscribe {
  color: red;
  text-decoration: underline;
  padding-right: 20px;
  font-size: 13px;
}

a#btn_subscribe {
  background-color: #ffb300;
  color: #1a2f53;
  padding: 5px 20px;
}

a#btn_subscribe:hover {
	background-color: #fdc518;
	color: white;
}

.web_form_biiibo_pro_title {
  color: #0C1D39;
  font-size: 12px;
}

.web_form_biiibo_pro_container .form-group {
  display: flex;
  gap: 10px;
  font-size: 12px;
  margin: 5px;
}

.web_form_biiibo_pro_container .form-group p.help-box.small.text-muted.hidden-xs {
  display: none;
}

.web_form_biiibo_pro_container .form-group label.control-label {
  font-weight: 500;
  font-family: kumbhsans_semibold, Helvetica;
  color: #0C1D39;
}

.web_form_biiibo_pro_container .form-group .control-value {
  color: #707070;
}

.web_form_biiibo_pro_container form,
.web_form_biiibo_pro_container .pro_info_box {
  border: 2px solid #1A2F53;
  border-radius: 4px;
  padding: 15px 20px 10px 20px;
  margin: 20px 0;
}

.web_form_biiibo_pro_container hr.my-biiibo-pro-title-hr {
  border-top: 1px solid #1A2F53;
  margin: 5px 0 20px 0;
}

#order-item-table-qty-title {
  display: block;
}

#order-item-table-qty-title-mobile {
  display: none;
}

.web_form_biiibo_pro_no_result {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  padding: 30px 0 30px 0;
}

.no_biiibo_title {
  color: #797B7C;
}

.web_form_biiibo_pro_no_result .blue-line-btn {
  padding: 5px 20px;
  border-radius: 4px;
  cursor: pointer;
}

.wallet-card {
  width: 40%;
  min-width: 280px;
  border: 3px solid #1A2F53;
  border-radius: 4px;
  padding: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  font-size: 18px;
  color: #1A2F53;
}

.wallet-card-icon {
  width: 15%;
  display: flex;
  justify-content: flex-end;
}

.wallet-card-info {
  width: 30%;
}

.wallet-card-info img {
  width: 70px;
}

.wallet-card-price {
  color: black;
  font-size: 25px;
  width: 55%;
  display: flex;
  justify-content: center;
}

.wallet-card-title {
  line-height: 23px;
}

/* My Account new dashboard */
.font-s-22 {
  font-size: 22px;
}

.my-account-main-page {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.my-account-menu {
  width: 70%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 40px;
  cursor: pointer;
}

.my-account-dashboard {
  width: 30%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
}


.my-account-menu-card {
  border: 1px solid #1A2F53;
  padding: 10px;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  color: #1A2F53;
  transition: 0.3s;
}

.my-account-menu-card:hover {
  background-color: #F2DCA7;
  border: 1px solid #FFB300;
}

.my-account-menu-card-desc {
  font-size: 12px;
}

.my-account-dashboard .wallet-container,
.dashboard-orders-container {
  width: 100%;
  display: flex;
  justify-content: center;
}

.dashboard-orders-container {
  flex-direction: column;
  background: #EEEFF0;
  width: 80%;
  padding: 20px;
  border-radius: 4px;
}

.wallet-container a {
  width: 80%;
}

.my-account-dashboard .wallet-card {
  background: #EEEFF0;
  border: 1px solid;
  width: 100%;
}

.my-account-menu-card.my-wallet-dashboard {
  display: none;
}

.my-account-menu-card-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 60px;
}

.biiibo-pro-menu-title {
  text-align: center;
}

.biiibo-pro-menu-title img {
  width: 30%;
}

.dashboard-orders-title {
  font-size: 16px;
  color: #1A2F53;
  margin-bottom: 10px;
}

.dashboard-order-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0;
  font-size: 12px;
}

.dashboard-order-list-item-info {
  width: 50%;
}

a.dashboard-order-list-item-info {
  color: black;
}

.dashboard-order-list-item-price {
  color: red;
  padding-left: 20px;
}

.my-account-dashboard .wallet-card-price{
  justify-content: right;
}

.my-account-dashboard .wallet-card {
  padding: 20px 40px;
}

/* my account dropdown */
.account-menu .dropdown-menu li>a {
  display: grid;
  grid-template-columns: 15% 85%;
  width: 100%;
  padding: 10px !important;
  column-gap: 5px;
  border-bottom: 1px solid #CFCFD0;
}

.account-menu #logged-in-dropdown {
  width: 180px !important;
}

.account-menu .dropdown-menu>li>a .icon {
  grid-row-start: 1;
  grid-row-end: 3;
  display: flex;
  align-items: center;
}

.account-menu .dropdown-menu>li>a .icon img {
  width: 70%
}

.my-account-dropdown-title {
  color:#000000;
}

.my-account-dropdown-desc {
  font-size: 11px;
  color: #797B7C;
  white-space: initial;
  display: block;
  font-family: kumbhsans_regular, Helvetica;
}


/* sidebar menu */
.custom-menu-item {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 16px 16px;
}

@media only screen and (max-width: 767px) {
  .custom-menu-item {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 16px 0;
  }
}

.custom-menu-item-icon {
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom-menu-item a {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-family: Lato, sans-serif;
  /* font-weight: 700; */
  line-height: 19px;
}

.custom-menu-item a img {
  width: 40px;
}

.custom-menu-item-icon img {
  width: 15px;
}

.sidebar-item.my-2.my-account-sidebar-item {
  margin: 16px 0 !important;
}

/* my account right banner */
.manage-crew-container .col-md-9 {
  padding: 0;
}

.my-account-right-banner {
  background-color: #FFEAB7;
  padding: 15px 20px;
  border-radius: ;
}

.my-account-right-banner-title {
  color: #1A2F53;
  font-size: 16px;
  display: flex;
  align-items: center;
}

.my-account-right-banner-title img {
  width: 16px;
  margin-right: 6px;
}

.my-account-right-banner-desc {
  font-size: 12px;
  margin-top: 10px;
}

.my-account-right-banner-desc a {
  font-size: 12px;
  color: #2167A5;
  text-decoration: underline;
}

.manage-crew-container {
  display: flex;
}

/* item spinner */
.biiibo-dark-blue {
  color: #1A2F53 !important;
}

.spinner-contanier {
  border: 1px solid #e6e6e6;
  border-radius: 4px;
}

.item-details-blue-bg-btn {
  height: 100% !important;
  margin-top: 0 !important;
  max-width: 450px;
}

.item-details-add-to-cart-container .item-cart,
.item-details-add-to-cart-msg {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.item-details-add-to-cart-container .item-cart {
  gap: 10px;
}

.btn-addcart-product-detail-btn-container  {
  height: 45px;
  flex-grow: 1;
  padding-left: 10px;
}

.btn-addcart-product-detail {
  height: 100%;
}

.item-details-add-to-cart-msg div{
  text-align: center;
  font-size: 12px;
}

.item-cart-msg-box {
  flex-grow: 1;
  padding-left: 10px;
}

/* item detail page */

.product-page-content-container {
  display: grid;
  grid-template-columns: 40% 55%;
  column-gap: 5%;
}

.item-details-image {
  grid-column-start: 1;
  grid-row-start: 1;
  grid-row-end: 4;
  width: 100%;
  height: 300px;
}

.item-detail-title {
  grid-column-start: 2;
}

.item-details-add-to-cart-container {
  grid-column-start: 2;
}

.item-details-desc-container {
  grid-row-start: 4;
  grid-row-end: 7;
  display: block;
}

.item-details-spec-container {
  grid-column-start: 2;
}

.product-detail-name {
  font-size: 18px;
  color: #0C1D39;
}

.item-detail-title-code {
  text-transform: uppercase;
  font-size: 12px;
  color: #848688;
}

.item-details-price-info .item-price {
  font-size: 25px;
  color: #000000;
}

.item-detail-original-pirce-info {
  font-size: 14px;
}

.item-detail-real-price-info, .item-detail-pro-price-info {
  display: flex;
  align-items: center;
}

.item-details-price-info {
  margin-top: 20px;
}

.item-detail-pro-price-info a {
  text-decoration: underline;
}

.item-detail-tags {
  display: flex;
  flex-direction: row;
  gap: 3px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  padding: 3px 10px;
  font-size: 12px;
}

.item-detail-pro-price-top-tag, .item-card-pro-price-top-tag {
  background: #F7E4E5;
  color: #BF202F;
}

.item-detail-your-pro-price-tag {
  background: #FCC536;
  margin: 3px;
}

.item-detail-item-sale-price {
  display: flex;
  align-items: baseline;
}

.delivery-date-box {
  font-size: 14px;
}

#price-unit-value {
  color: black;
  font-size: 18px;
}

#price-breakdown-box {
  font-size: 12px;
  color: #686868;
}

#price-breakdown-box-web {
  font-size: 14px;
  color: #707070;
  margin-left: 5px;
}

.item-details-price-info .weight-per-unit-info {
  font-size: 14px;
  color: #767070;
}

.item-details-subtitle {
  font-size: 14px;
  color: #070707;
}

.item-details-desc {
  font-size: 12px;
  color: #707070;
}

.item-details-specifications td {
  border-top: none !important;
  font-size: 12px;
}

#item-details-related-documents-contents-list,
.item-details-refund-policy-contents-box {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

a.item-details-related-documents-contents-list-item {
  font-size: 12px;
  color: #000000;
  text-decoration: underline;
}

#item-details-refund-policy-contents {
  font-size: 12px;
  color: #000000;
}

a#item-details-refund-policy-link {
  font-size: 12px;
  color: #000000;
  text-decoration: underline;
}

#price-breakdown-box {
  display: none;
}

#price-breakdown-box-web {
  display: block;
}

.addReadMore.showlesscontent .SecSec,
.addReadMore.showlesscontent .readLess {
    display: none;
}

.addReadMore.showmorecontent .readMore {
    display: none;
}

.addReadMore .readMore,
.addReadMore .readLess {
    margin-left: 2px;
    cursor: pointer;
    text-decoration: underline;
}

.addReadMoreWrapTxt.showmorecontent .SecSec,
.addReadMoreWrapTxt.showmorecontent .readLess {
    display: block;
}

.product-full-image {
  width: 100%;
  height: 100%;
}

.item-details-image .website-image {
  max-width: 400px;
  max-height: 100%;
}

.w-size17.number-spinner {
  width: 150px;
}

.item-cart-msg-box {
  color: red;
}

@media only screen and (max-width: 767px) {

  .product-page-content-container {
    display: flex;
    flex-direction: column;
  }

  #price-breakdown-box {
    display: block;
  }

  #price-breakdown-box-web {
    display: none;
  }

  .item-details-image {
    width: 100%;
    height: 100%;
  }

  .item-details-image .website-image {
    max-width: 100%;
    max-height: 100%;
  }

  .page-breadcrumbs .breadcrumb {
    padding-bottom: 0px !important;
  }

  .w-size17.number-spinner {
    width: 138px;
  }

  .item-details-add-to-cart-container .item-cart {
    gap: 0px;
  }


}  

/* shop - categories */
.category-side-tree-container {
  display: none;
}
#category-side-tree .side-category-list-item  a{
  font-size: 14px;
  color: #000000;
}

#category-side-tree .side-category-list-item,
#category-side-tree-mobile .side-category-list-item {
  border-bottom: 1px solid #C2C4C6;
}

#category-side-tree .side-category-list-item  a.active,
#sub-category-side-tree li a.active,
#category-side-tree-mobile .side-category-list-item  div.active,
#sub-category-side-tree-mobile li div.active {
  font-weight: 500;
  font-family: kumbhsans_semibold, Helvetica;
}

#sub-category-side-tree,
#sub-category-side-tree-mobile {
  margin-left: 10px;
}

#category-side-tree-mobile .side-category-list-item  {
  padding: 10px 20px;
}

#sub-category-side-tree li a {
  font-size: 12px;
}

#category-side-tree-back-btn a {
  color: #1A2F53;
  font-size: 12px;
}

#category-side-tree-back-btn a {
  display: flex;
  align-items: center;
  gap: 8px;
}

#category-side-tree-back-btn img {
  width: 6px;
}

.category-mobile-filter-container .bg-y-btn {
  background-color: #ffb300;
  font-size: 16px;
  font-weight: 600;
  color: #1a2f53;
  font-family: kumbhsans_regular, Helvetica;
}

.category-mobile-filter-container {
  display: none;
}

.category-filter-modal {
  display: none;
  position: fixed;
  /* intercom z-indx: 2147483001 */
  z-index: 2147483002; 
  left: 0;
  top: 0;
  bottom: 0;
  overflow: auto;
  background-color: white;
  min-height: 100vh;
  width: 100vw;
}

.category-filter-modal-content {
  background-color: #ffff;
  margin: 0 auto;
  max-width: 500px;
  height: 100vh;
  color: #1A2F53;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#category-side-tree-back-btn-mobile {
  padding-left: 20px;
  font-size: 12px;
}

#category-side-tree-back-btn-mobile img {
  width: 6px;
}

#category-side-tree-back-btn-mobile div {
  display: flex;
  align-items: center;
  gap: 5px;
}



/* tablet */
@media only screen and (min-width: 768px) and (max-width: 959px){
  .my-account-menu {
    grid-template-columns: repeat(2, 1fr);
    width: 60%;
  }

  .my-account-dashboard {
    width: 40%;
  }

  .my-account-dashboard .wallet-card {
    padding: 20px;
    min-width: 240px;
  }

  .wallet-card-icon {
    display: none;
  }

  .wallet-container a {
    min-width: 240px;
  }

  div#get_product_list_for_group .container {
    display: flex;
  }

}



/* mobile */
@media only screen and (max-width: 767px) {
  .web_form_biiibo_pro_container.none-pro-user {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
  }

  .wallet-card {
    width: 100%;
  }

  div#page-my-biiibo-pro, div#page-my_wallet {
    display: flex;
    flex-direction: column-reverse;
  }

  #my-biiibo-pro-buttons {
    justify-content: flex-start;
  }

  #order-item-table-qty-title, .my-account-dropdown-desc {
    display: none;
  }
  
  #order-item-table-qty-title-mobile {
    display: block;
  }

  /* My Account new dashboard mobile */
  .my-account-main-page {
    flex-direction: column;
    align-items: center;
  }

  .my-account-menu {
    grid-template-columns: repeat(1, 1fr);
    width: 100%;
    margin-top: 0;
  }

  .my-account-dashboard {
    width: 100%;
    margin-top: 20px;
  }
  .my-account-menu-card {
    display: grid;
    grid-template-columns: 20% 80%;
    gap: 0;
    min-height: 80px;
  }

  .my-account-menu-card-icon {
      grid-column-start: 1;
      grid-column-end: 1;
      grid-row-start: 1;
      grid-row-end: 3;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 40px;
      height: 40px;
  }

  .my-account-menu-card-desc {
      grid-column-start: 2;
  }

  .my-account-menu-card-icon img {
    width: 60%;
  }

  .my-account-dashboard .wallet-container {
    display: none;
  }

  .my-account-menu-card.my-wallet-dashboard {
    display: flex;
    flex-direction: row;
    gap: 30px;
  }

  .my-account-menu-card.my-wallet-dashboard #wallet{
    font-size: 18px;
  }

  .my-account-menu-card.my-wallet-dashboard .wallet-card-title{
    font-size: 12px;
    line-height: 16px;
  }

  .my-account-menu-card.my-wallet-dashboard .wallet-card-price{
    justify-content: center;
  }

  .my-account-menu-card.my-wallet-dashboard .wallet-card-info img{
    width: 70%;
  }

  .my-account-menu-card.my-wallet-dashboard .wallet-card-info {
    padding-left: 10px;
  }

  .my-account-menu-card.my-wallet-dashboard .wallet-card-icon {
    margin-right: 20px;
  }

  .biiibo-pro-menu-title {
    text-align: left;
  }
  
  .biiibo-pro-menu-title img {
    width: 17%;
  }

  .dashboard-orders-container {
    width: 100%;
  }

  .sidebar-item.my-2.my-account-sidebar-item {
    margin: 0 !important;
  }

  .custom-menu-item a img {
    width: 32px;
  }

  .my-account-dropdown-title {
    grid-row-start: 1;
    grid-row-end: 3;
    display: flex;
    align-items: center;
  }

  .account-menu .dropdown-menu>li>a .icon {
    width: 20px;
    height: 20px;
  }

  /* mobile my account sidebar */
  /* .custom-menu-item-icon {
    display: none;
  } */

  /* mobile my account right banner */

  .manage-crew-container {
    display: flex;
    flex-direction: column-reverse;
  } 

  .manage-crew-container .col-md-3 {
    padding: 0;
    margin-bottom: 20px;
  }

  /* category sidebar */
  .category-side-tree-container {
    display: none;
  }

  .category-mobile-filter-container {
    display: none;
  }

}

/* Item Cards - product_as_grid */

.item-card-tags.item-card-pro-price-top-tag {
  gap: 4px;
}

#adCart.number-spinner{
  border: 2px solid #e6e6e6;
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 26.74px;
}

.add-cart-btn.item-spinner button#moins, 
.add-cart-btn.item-spinner button#plus {
  width: 60px;
  margin: 0;
  height: 37px;
  background-color: #e6e6e6;
}

.add-cart-btn.item-spinner button#moins:active , 
.add-cart-btn.item-spinner button#plus:active {
	background-color: #fdc518;
	color: white;
}

.add-cart-btn.item-spinner input.num-product.cart-qty.input-count {
  width: 100px;
  height: 37px;
}

.font-w-regular {
  font-family: kumbhsans_regular,Helvetica;
}

.contact-intercom-link{
  text-decoration: underline;
  cursor: pointer;
}

.item-card-pro-price-top-tag {
  display: flex;
  align-items: center;
  padding: 3px 5px;
  width: fit-content;
  border-radius: 4px;
}


/* Top nav for categories */
ul#menu_wrapper {
  overflow: auto !important;
  height: 640px;
}

ul#menu_wrapper::-webkit-scrollbar {
  width: 10px !important;
}

ul#menu_wrapper::-webkit-scrollbar {
  width: 10px;
}
ul#menu_wrapper::-webkit-scrollbar-thumb {
  background-color: #C1C1C2;
  border-radius: 10px;
  background-clip: padding-box;
  border: 2px solid transparent;
}
ul#menu_wrapper::-webkit-scrollbar-track {
  background-color: #F5F5F5;
  box-shadow: inset 0px 0px 5px white;
}

.view-all-items-link a{
  font-family: kumbhsans_extrabold, Helvetica !important;
  font-weight: 800;
}

.sub-menu-sec.card-columns li a.title span {
  line-height: 16px;
  display: inline-block;
}

/* item card in slide show */

.itemdetails .content .item-card-tags.item-card-pro-price-top-tag {
  font-size: 12px;
}

.itemdetails .content .grid-item-details-info {
  padding: 10px 0 0 0;
  height: 210px !important;
}

.itemdetails .content .item-uom.font-w-regular span {
  font-size: 12px;
}

.page-homepage .best_seller .itemdetails .contact_us_button{
  border-radius: 4px !important;
  height: 26.73px !important;
  line-height: 0;
}


.itemdetails .content .item-card-original-pirce-info {
    font-size: 12px;
}

.item-detail-tags.item-detail-your-pro-price-tag {
    font-size: 10px;
}

.product-slider-header {
  margin: 0 30px;
}

@media (max-width: 1110px){
  .navbar-nav-1.navbar-nav>li>a {
    padding: 10px 10px;
    font-size: 13px !important
  }  
}

/* side category loading */
.category-side-tree-loading {
  border: 8px solid #f3f3f3;
  border-top: 8px solid #2575b9;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 2s linear infinite;
  margin: auto;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}


#order-details-cancel-subtitle {
  font-size: 14px;
  margin-bottom: 16px;
}

/* Order cancel process */
.order-cancellation-container {
  margin-top: 50px;
  /* display: flex; */
  justify-content: space-between;
  display: none;
}

.order-cancellation-container .order-cancellation-text {
  width: 30%;
}

.order-cancellation-container .order-cancellation-reasons {
  width: 40%;
}

.order-cancellation-container .order-cancellation-btns {
  width: 30%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 20px;
}

.orders-select.cancellation-select {
  width: 80%;
}

.order-cancellation-btns button {
  font-size: 12px;
  width: 220px;
  padding: 10px 20px;
}

.bg-yellow-btn {
  background-color: #ffb300;
}

.blue-border-btn {
  border: 2px solid #1A2F53;
}

.cancel-warning-msg {
  font-size: 12px;
  color: red;
  margin-top: -18px;
  display: none;
}

.cancel-warning-msg img{
  width:10px;
}

#order-cancellation-other-reason-text {
  display: none;
  width: 80%;
  margin-top: 10px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  font-size: 14px;
  padding: 5px 10px;
}

/* mobile */
@media only screen and (max-width: 767px) {
  .order-cancellation-container {
    flex-direction: column;
    margin-top: 30px;
    gap: 15px;
  }

  .order-cancellation-container .order-cancellation-text,
  .order-cancellation-container .order-cancellation-reasons,
  .order-cancellation-container .order-cancellation-btns {
    width: 100%;
  }

  .order-cancellation-container .order-cancellation-text {
    margin-bottom: 10px;
  }

  .order-cancellation-container .order-cancellation-btns {
    align-items: center;
    gap: 10px;
    margin-top: 20px;
  }

  .orders-select.cancellation-select {
    width: 100%;
  }

  textarea#order-cancellation-other-reason-text {
    width: 100%;
  }
}

/* ===== Product Grid View ===== */

#product_grid_container .result {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

#product_grid_container .result .itemdetails {
  margin: 15px;
}

#product_grid_container .shop_best_seller .result {
  display: grid;
  grid-template-columns: repeat(auto-fill, 300px);
  grid-gap: 1rem;
  justify-content: space-around;
}

#product_grid_container .shop_best_seller .result .itemdetails {
  margin: 0;
}


/* ==== page banner style ==== */

.page-banner-container a {
  width: 80%;
}

.desktop-page-banner {
  display: block;
}

.mobile-page-banner {
  display: none;
}

.page-banner-image-container {
  display: flex;
  justify-content: center;
}

.empty-item-page-text-box .page-banner-container a {
  width: 100%;
}


/* ==== page banner style mobile ==== */
@media only screen and (max-width: 999px) {
  .desktop-page-banner {
    display: none;
  }

  .mobile-page-banner {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
  }

  .mobile-page-banner img {
    width: 100%;
  }
}


/* ===== item empty page (favourite, cart etc)  ===== */

.empty-item-page {
  display: flex;
  align-items: center;
  color: #707070;
  min-height: 38vh;
}

.empty-item-page-center {
  display: flex;
  align-items: center;
  color: #707070;
  min-height: 38vh;
  justify-content: center;
}

.empty-item-page-center .empty-item-page-img-title-box {
  border: none;
}

.empty-item-page-img-title-box {
  width: 45%;
  border-right: 1px solid #ccc;
  display: flex;
  gap: 50px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 40px 0;
}

.empty-item-page-text-box {
  width: 55%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px;
}

.empty-item-page-text-info-box {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.empty-item-page-text-info {
  display: flex;
  gap: 10px;
}

.empty-item-page-button-container {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.owl-item.active .itemdetails .add-cart-btn button {
  height: 26.74px !important;
}

/* ===== mobile item empty page  ===== */
@media only screen and (max-width: 999px) {
  .empty-item-page {
    flex-direction: column;
    gap: 30px;
  }

  .empty-item-page-img-title-box {
    width: 100%;
    border-right: none;
    gap: 30px;
    padding: 10px 0;
  }

  .empty-item-page-text-box {
    width: 100%;
  }

  .empty-item-page-text-info {
    width: 100%;
    text-align: left;
  }

  .empty-item-page-text-info-title {
    width: 20%;
  }

  .empty-item-page-text-info-text {
    width: 80%;
  }

  .empty-item-page-button-container {
    width: 100%;
    gap: 20px;
  }

}


/*==== Homepage Main Sections ====*/

/* Main banner */
.page-homepage.biiibo-page .home-banner {
  border: #d4d6da65 solid 1px;
  background: none;
}

/* other sections */
.section-wrapper-with-view-all .section-view-all-link {
  color: #F68D2B;
  display: flex;
  align-items: center;
  gap: 5px;
}

.section-wrapper.section-wrapper-with-view-all {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  align-items: center;
  padding-right: 1%;
}

.page-homepage.biiibo-page .homepage-explore {
  margin: 0 !important;
}

.popular-categories-content {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}

.popular-category {
  flex: 1;
  border: #d4d6da65 solid 2px;
  width: 100%;
  text-align: center;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}


#homepage-partner .partner-logos {
  margin: 0 4%;
}

.explore_slide_card {
  width: fit-content;
  margin: auto;
}
.explore-content-container {
  margin: 0 4%;
}

.owl-carousel .owl-item img.explore-category-arrow-icon {
  width: 12px;
}

.explore-content-slide .owl-prev {
  left: -3%;
}

.explore-content-slide .owl-next{
  right: -3%;
}

@media only screen and (max-width: 999px) {
  #homepage-partner .partner-logos {
    margin: 0 50px;
  }
}

.item-card-delivery-date {
  display: flex;
  align-items: center;
  gap: 5px;
  padding-top: 5px;
}

.item-card-delivery-date, .item-card-weight-info {
  font-size: 12px;
}

.best_seller .itemdetails .item-card-delivery-date img {
  margin: 0;
}