@charset "UTF-8";
/*COMPONENTS*/

.lightbox {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #00000080;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px;
  z-index: 9999;
}

.lightbox .img-box {
  display: flex;
  width: fit-content;
  height: fit-content;
  position: relative;
  padding: 48px;
  background-color: #ffffff;
}

.lightbox .img-box .product-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.lightbox .img-box .cancel {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #3396f0;
  color: #ffffff;
  padding: 0px;
  font-size: 24px;
  width: 36px;
  height: 36px;
}

.lightbox .img-box .cancel:hover {
  background-color: #ff0000;
}

.breadcrumb-container {
  overflow: auto;
}
.breadcrumb-container .breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  -moz-column-gap: 5px;
  column-gap: 5px;
  margin: 0px;
}
.breadcrumb-container .breadcrumb .breadcrumb-item,
.breadcrumb-container .breadcrumb .breadcrumb-item a {
  display: flex;
  align-items: center;
  -moz-column-gap: 5px;
  column-gap: 5px;
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.286em;
  padding: 0px;
  white-space: nowrap;
}
.breadcrumb-container .breadcrumb .breadcrumb-item::before,
.breadcrumb-container .breadcrumb .breadcrumb-item a::before {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 18px;
  width: 18px;
  height: 18px;
  position: relative;
  top: -2px;
}
.breadcrumb-container .breadcrumb .breadcrumb-item.active,
.breadcrumb-container .breadcrumb .breadcrumb-item a.active {
  font-weight: 600;
}
.breadcrumb-container .breadcrumb .breadcrumb-item.active a,
.breadcrumb-container .breadcrumb .breadcrumb-item a.active a {
  font-weight: 600;
}

.top-filter-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 24px;
}
.top-filter-container .search-filter-container {
  position: relative;
  display: flex;
  align-items: center;
}
.top-filter-container .search-filter-container input {
  max-width: 290px;
  width: 100%;
  height: 36px;
  border: 1px solid #7e899f;
  padding: 5px 54px 5px 15px;
  border-radius: 43px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em;
  color: #000000;
  background: rgba(0, 0, 0, 0);
}
.top-filter-container .search-filter-container input::-moz-placeholder {
  color: #7e899f;
}
.top-filter-container .search-filter-container input::placeholder {
  color: #7e899f;
}
.top-filter-container .search-filter-container svg {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}
.top-filter-container .result-count-container select,
.top-filter-container .ordering-container select {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  line-height: 1.286em;
  border: none;
  background-color: rgba(0, 0, 0, 0);
  padding: 6px 14px 6px 0px;
  background-position-x: right;
}
.top-filter-container .view-container {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.top-filter-container .view-container svg {
  cursor: pointer;
}
.top-filter-container .view-container svg:hover path,
.top-filter-container .view-container svg:hover rect {
  fill: #092b4d;
}
.top-filter-container .view-container .active path,
.top-filter-container .view-container .active rect {
  fill: #7e899f;
}

#close-subcode-panel form,
#open-subcode-panel form {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  justify-content: space-between;
  padding: 0px 56px 40px 56px;
}

#open-subcode-panel form br {
  display: none;
}

#close-subcode-panel button[type="submit"],
#open-subcode-panel button[type="submit"] {
  background-color: #7e899f;
  padding: 14.5px 24px;
  color: #ffffff;
  border: none;
  border-radius: 25px;
  margin: 0;
}

#close-subcode-panel button[type="submit"]:hover,
#open-subcode-panel button[type="submit"]:hover {
  background-color: #3396f0;
}

@media screen and (max-width: 767px) {
  .lightbox .img-box {
    padding: 48px 24px;
  }

  .lightbox .img-box .cancel {
    width: 24px;
    height: 24px;
    font-size: 20px;
  }

  #close-subcode-panel form,
  #open-subcode-panel form {
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 16px 16px 32px 16px;
    gap: 20px;
  }

  #close-subcode-panel button[type="submit"],
  #open-subcode-panel button[type="submit"] {
    background-color: #7e899f;
    padding: 14.5px 24px;
    color: #ffffff;
    border: none;
    border-radius: 25px;
    margin: 0;
  }

  #close-subcode-panel button[type="submit"]:hover,
  #open-subcode-panel button[type="submit"]:hover {
    background-color: #3396f0;
  }

  .top-filter-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 24px;
    flex-wrap: wrap;
  }
  .top-filter-container .search-filter-container {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
  }
  .top-filter-container .search-filter-container form {
    width: 100%;
  }
  .top-filter-container .search-filter-container input {
    max-width: unset;
    width: 100%;
    height: 36px;
    border: 1px solid #7e899f;
    padding: 5px 54px 5px 15px;
    border-radius: 43px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    color: #000000;
    background: rgba(0, 0, 0, 0);
  }
  .top-filter-container .search-filter-container input::-moz-placeholder {
    color: #7e899f;
  }
  .top-filter-container .search-filter-container input::placeholder {
    color: #7e899f;
  }
  .top-filter-container .search-filter-container svg {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
  }
  .top-filter-container .result-count-container,
  .top-filter-container .ordering-container {
    width: calc(50% - 12px);
  }
  .top-filter-container .result-count-container select,
  .top-filter-container .ordering-container select {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    line-height: 1.286em;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    padding: 6px 14px 6px 0px;
    background-position-x: right;
  }
  .top-filter-container .view-container {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    display: none;
  }
  .top-filter-container .view-container svg {
    cursor: pointer;
  }
  .top-filter-container .view-container svg:hover path,
  .top-filter-container .view-container svg:hover rect {
    fill: #092b4d;
  }
  .top-filter-container .view-container .active path,
  .top-filter-container .view-container .active rect {
    fill: #7e899f;
  }
}
.header {
  position: relative;
  z-index: 100;
}
.header #placeholder {
  min-height: 149.19px;
}
@media screen and (max-width: 1024px) {
  .header #placeholder {
    min-height: 108.19px;
  }
}
.header #header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #f6f6f6;
}
.header .middle-nav.bottom-border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.header #placeholder.tiny {
  height: 57px !important;
}
.header .top-nav {
  display: flex;
  flex-wrap: nowrap;
  -moz-column-gap: 20px;
  column-gap: 20px;
  padding: 16px 0px 8px 0px;
}
.header .top-nav .nav-item .nav-link {
  color: #000000;
  padding: 0px;
}
.header .top-nav .nav-item .nav-link:hover {
  color: #3396f0;
}
@media screen and (max-width: 1024px) {
  .header .top-nav {
    display: none;
  }
}
.header .middle-nav {
  position: relative;
  display: flex;
  align-items: center;
  -moz-column-gap: 24px;
  column-gap: 24px;
  padding: 8px 0px;
}
.header .middle-nav .desktop-logo {
  display: block;
}
@media screen and (max-width: 1024px) {
  .header .middle-nav .desktop-logo {
    display: none;
  }
}
.header .middle-nav .mobile-logo {
  display: none;
}
@media screen and (max-width: 1024px) {
  .header .middle-nav .mobile-logo {
    display: block;
  }
}
.header .middle-nav .menu-cart-container {
  display: flex;
  flex-wrap: nowrap;
  position: relative;
}
.header .middle-nav .menu-cart-container svg {
  cursor: pointer;
  width: 32px;
  height: 32px;
}
.header .middle-nav .menu-cart-container:hover svg path {
  fill: #092b4d;
}
.header .middle-nav .menu-cart-container .cart-quantity {
  position: absolute;
  top: 0px;
  right: -5px;
  font-size: 11px;
  font-weight: 500;
  border: 1px solid #7e899f;
  border-radius: 24px;
  background: #ffffff;
  height: 16px;
  display: flex;
  flex-wrap: nowrap;
  padding: 0px 2px;
  align-items: center;
  justify-content: center;
}
.header .middle-nav #menu-cart.pointer-container {
  display: none;
  position: absolute;
  right: 0px;
  bottom: -49px;
  transform: translateY(100%);
  z-index: -1;
  max-width: 274px;
}
.header .middle-nav #menu-cart.pointer-container.show {
  display: block;
  z-index: 100;
}
.header .middle-nav #menu-cart.pointer-container .cart-content-container {
  min-width: 274px;
  background: #ffffff;
  box-shadow: 0px 10px 30px 15px rgba(118, 117, 123, 0.15);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  border-radius: 8px;
}
.header
  .middle-nav
  #menu-cart.pointer-container
  .cart-content-container
  .content-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 24px 15px 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.header
  .middle-nav
  #menu-cart.pointer-container
  .cart-content-container
  .content-container
  .title {
  font-weight: 400;
  font-size: 14px;
  color: #000000;
  margin: 0px;
}
.header
  .middle-nav
  #menu-cart.pointer-container
  .cart-content-container
  .content-container
  .value {
  font-weight: 600;
  font-size: 14px;
  color: #000000;
  margin: 0px;
}
.header
  .middle-nav
  #menu-cart.pointer-container
  .cart-content-container
  .value-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px 15px 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.header
  .middle-nav
  #menu-cart.pointer-container
  .cart-content-container
  .value-container
  .title {
  font-weight: 400;
  font-size: 14px;
  color: #000000;
  margin: 0px;
}
.header
  .middle-nav
  #menu-cart.pointer-container
  .cart-content-container
  .value-container
  .value {
  font-weight: 600;
  font-size: 14px;
  color: #000000;
  margin: 0px;
}
.header
  .middle-nav
  #menu-cart.pointer-container
  .cart-content-container
  .free-shipping {
  font-weight: 400;
  font-size: 14px;
  color: #000000;
  margin: 0px;
  padding: 16px 24px;
}
.header
  .middle-nav
  #menu-cart.pointer-container
  .cart-content-container
  .free-shipping
  span {
  font-weight: 600;
  font-size: 14px;
  color: #3396f0;
}
.header
  .middle-nav
  #menu-cart.pointer-container
  .cart-content-container
  .button-container {
  padding: 0px 24px 24px 24px;
}
.header
  .middle-nav
  #menu-cart.pointer-container
  .cart-content-container
  .button-container
  .open-cart-button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  width: 100%;
  border-radius: 25px;
  border: 1px solid #7e899f;
  background: #7e899f;
  color: #ffffff;
}
.header
  .middle-nav
  #menu-cart.pointer-container
  .cart-content-container
  .button-container
  .open-cart-button:hover {
  background: #3396f0;
  color: #ffffff;
  border: 1px solid #3396f0;
}
.header .middle-nav .search {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  margin: 0px;
}
.header .middle-nav .search input {
  border: 1px solid #7e899f;
  border-radius: 43px;
  padding: 5px 58px 5px 19px;
}
.header .middle-nav .search input::-moz-placeholder {
  color: #7e899f;
}
.header .middle-nav .search input::placeholder {
  color: #7e899f;
}
.header .middle-nav .search input:focus {
  border: 1px solid #000000;
}
.header .middle-nav .search .search-icon {
  position: absolute;
  right: 15px;
}
.header .middle-nav .search-container {
  display: none;
  position: absolute;
  bottom: -49px;
  left: 0px;
  right: 0px;
  transform: translateY(100%);
  padding: 20px;
  background: #ffffff;
  box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  z-index: 100;
}
.header .middle-nav .search-container.show {
  display: block;
}
.header .middle-nav .search-container .results-container {
  display: flex;
  flex-wrap: nowrap;
  -moz-column-gap: 20px;
  column-gap: 20px;
}
.header .middle-nav .search-container .results-container .results-sidebar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  max-width: 150px;
}
.header
  .middle-nav
  .search-container
  .results-container
  .results-sidebar
  .result-item {
  width: 100%;
}
.header
  .middle-nav
  .search-container
  .results-container
  .results-sidebar
  .result-item
  .result-title {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  line-height: 1.5em;
}
.header
  .middle-nav
  .search-container
  .results-container
  .results-sidebar
  .result-item
  .result-category {
  font-size: 12px;
  font-weight: 400;
  font-style: italic;
  color: #000000;
  line-height: 1.5em;
}
.header .middle-nav .search-container .results-container .results-list {
  width: 100%;
}
.header
  .middle-nav
  .search-container
  .results-container
  .results-list
  .result-product {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  -moz-column-gap: 20px;
  column-gap: 20px;
  padding: 15px 0px 14px 0px;
}
.header
  .middle-nav
  .search-container
  .results-container
  .results-list
  .result-product:first-child {
  padding-top: 8.5px;
}
.header
  .middle-nav
  .search-container
  .results-container
  .results-list
  .result-product:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.header
  .middle-nav
  .search-container
  .results-container
  .results-list
  .result-product
  .result-product-image {
  width: 54px;
  min-width: 54px;
  max-width: 54px;
  height: 54px;
}
.header
  .middle-nav
  .search-container
  .results-container
  .results-list
  .result-product
  .result-product-image
  img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.header
  .middle-nav
  .search-container
  .results-container
  .results-list
  .result-product
  .result-product-title {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  line-height: 1.5em;
}
.header .middle-nav .login-container {
  position: relative;
  padding: 0;
}
.header .middle-nav .login-container .logged-out-button {
  display: flex;
  align-items: center;
  padding: 5px 13px 5px 9px;
  border: 1px solid #3396f0;
  background: #3396f0;
  font-size: 16px;
  font-weight: 500;
  -moz-column-gap: 8px;
  column-gap: 8px;
  border-radius: 4px;
  cursor: pointer;
  user-select: none; /* supported by Chrome and Opera */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
}
@media screen and (max-width: 1024px) {
  .header .middle-nav .login-container .logged-out-button {
    padding: 2px;
  }
}
.header
  .middle-nav
  .login-container
  .logged-out-button
  .logged-out-button-text {
  font-size: 16px;
  line-height: 1em;
  font-weight: 500;
  color: #ffffff;
}
@media screen and (max-width: 1024px) {
  .header
    .middle-nav
    .login-container
    .logged-out-button
    .logged-out-button-text {
    display: none;
  }
}
.header .middle-nav .login-container .logged-out-button span {
  font-size: 16px;
  line-height: 1em;
  font-weight: 500;
  color: #7e899f;
}
.header .middle-nav .login-container .logged-out-button svg path {
  fill: #ffffff;
}
.header .middle-nav .login-container .logged-out-button:hover {
  background: #092b4d;
  border: 1px solid #092b4d;
}
.header .middle-nav .login-container .logged-out-button:hover span {
  font-size: 16px;
  line-height: 1em;
  font-weight: 500;
  color: #ffffff;
}
.header .middle-nav .login-container .logged-out-button:hover svg path {
  fill: #ffffff;
}
.header .middle-nav .pointer-container {
  display: none;
  position: absolute;
  bottom: -49px;
  right: 0px;
  transform: translateY(100%);
  z-index: -1;
  max-width: 359px;
}
.header .middle-nav .pointer-container.show {
  display: block;
  z-index: 1000;
}
.header .middle-nav .pointer-container .login-registration-container {
  min-width: 359px;
  padding: 24px 24px;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 10px 30px 15px rgba(118, 117, 123, 0.15);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
}
.header .middle-nav .pointer-container .login-registration-container .title {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 8px;
}
.header .middle-nav .pointer-container .login-registration-container .text {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  margin-bottom: 24px;
}
.header .middle-nav .pointer-container .login-registration-container form {
  margin-bottom: 0px;
}
.header
  .middle-nav
  .pointer-container
  .login-registration-container
  form
  #login-email,
.header
  .middle-nav
  .pointer-container
  .login-registration-container
  form
  #login-password {
  width: 100%;
  border: 1px solid #7e899f;
  border-radius: 43px;
  padding: 11px 15px 12px 15px;
  margin-bottom: 16px;
}
.header
  .middle-nav
  .pointer-container
  .login-registration-container
  form
  #login-email::-moz-placeholder,
.header
  .middle-nav
  .pointer-container
  .login-registration-container
  form
  #login-password::-moz-placeholder {
  color: #7e899f;
}
.header
  .middle-nav
  .pointer-container
  .login-registration-container
  form
  #login-email::placeholder,
.header
  .middle-nav
  .pointer-container
  .login-registration-container
  form
  #login-password::placeholder {
  color: #7e899f;
}
.header
  .middle-nav
  .pointer-container
  .login-registration-container
  form
  #login-email:focus,
.header
  .middle-nav
  .pointer-container
  .login-registration-container
  form
  #login-password:focus {
  border: 1px solid #000000;
}
.header
  .middle-nav
  .pointer-container
  .login-registration-container
  form
  .button-container {
  display: flex;
  -moz-column-gap: 12px;
  column-gap: 12px;
}
.header
  .middle-nav
  .pointer-container
  .login-registration-container
  form
  .button-container
  .login-button,
.header
  .middle-nav
  .pointer-container
  .login-registration-container
  form
  .button-container
  .registration-button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  width: 50%;
  border-radius: 25px;
  border: 1px solid #7e899f;
}
.header
  .middle-nav
  .pointer-container
  .login-registration-container
  form
  .button-container
  .login-button:hover,
.header
  .middle-nav
  .pointer-container
  .login-registration-container
  form
  .button-container
  .registration-button:hover {
  background: #3396f0;
  color: #ffffff;
  border: 1px solid #3396f0;
}
.header
  .middle-nav
  .pointer-container
  .login-registration-container
  form
  .button-container
  .login-button {
  background: #7e899f;
  color: #ffffff;
}
.header
  .middle-nav
  .pointer-container
  .login-registration-container
  form
  .button-container
  .registration-button {
  background: rgba(0, 0, 0, 0);
  color: #000000;
}
.header
  .middle-nav
  .pointer-container
  .login-registration-container
  .stay-forgot-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header
  .middle-nav
  .pointer-container
  .login-registration-container
  .stay-forgot-container
  .stay-container {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  -moz-column-gap: 6px;
  column-gap: 6px;
}
.header
  .middle-nav
  .pointer-container
  .login-registration-container
  .stay-forgot-container
  .stay-container
  #stay-logged {
  width: 16px;
  height: 16px;
}
.header
  .middle-nav
  .pointer-container
  .login-registration-container
  .stay-forgot-container
  .stay-container
  #stay-logged:checked {
  background: #3396f0 !important;
}
.header
  .middle-nav
  .pointer-container
  .login-registration-container
  .stay-forgot-container
  .stay-container
  label {
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  line-height: 1em;
}
.header
  .middle-nav
  .pointer-container
  .login-registration-container
  .stay-forgot-container
  .forgot {
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  text-decoration: underline;
  line-height: 1em;
}
.header .middle-nav .hamburger-container {
  display: none;
  position: relative;
}
.header .middle-nav .hamburger-container .hamburger-nav {
  display: none;
  min-width: 340px;
  list-style-type: none;
  padding: 0;
  margin: 0;
  background: #ffffff;
  padding: 20px 32px;
  position: absolute;
  bottom: -56px;
  right: 0px;
  transform: translateY(100%);
  box-shadow: 0px 10px 30px 15px rgba(118, 117, 123, 0.15);
  border-radius: 8px;
}
.header .middle-nav .hamburger-container .hamburger-nav.show {
  display: block;
}
.header .middle-nav .hamburger-container .hamburger-nav .nav-item {
  padding: 8px 0px;
}
@media screen and (max-width: 1024px) {
  .header .middle-nav .hamburger-container {
    display: block;
  }
}
.header .middle-nav .user-container {
  position: relative;
}
.header .middle-nav .user-container .logged-in-button {
  display: flex;
  align-items: center;
  padding: 5px 13px 5px 9px;
  border: 1px solid #7e899f;
  background: rgba(0, 0, 0, 0);
  color: #7e899f;
  font-size: 16px;
  font-weight: 500;
  -moz-column-gap: 8px;
  column-gap: 8px;
  border-radius: 4px;
  cursor: pointer;
  user-select: none; /* supported by Chrome and Opera */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
}
@media screen and (max-width: 1024px) {
  .header .middle-nav .user-container .logged-in-button {
    padding: 2px;
  }
}
.header .middle-nav .user-container .logged-in-button .logged-in-button-text {
  font-size: 16px;
  line-height: 1em;
  font-weight: 500;
  color: #7e899f;
}
@media screen and (max-width: 1024px) {
  .header .middle-nav .user-container .logged-in-button .logged-in-button-text {
    display: none;
  }
}
.header .middle-nav .user-container .logged-in-button span {
  font-size: 16px;
  line-height: 1em;
  font-weight: 500;
  color: #7e899f;
}
.header .middle-nav .user-container .logged-in-button svg path {
  fill: #7e899f;
}
.header .middle-nav .user-container .logged-in-button:hover {
  background: #ffffff;
}
.header .middle-nav .pointer-container {
  position: absolute;
  bottom: -49px;
  right: 0px;
  transform: translateY(100%);
}
.header .middle-nav .pointer-container .account-menu-container {
  min-width: 274px;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 10px 30px 15px rgba(118, 117, 123, 0.15);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
}
.header
  .middle-nav
  .pointer-container
  .account-menu-container
  .company-container {
  padding: 24px 20px;
}
.header
  .middle-nav
  .pointer-container
  .account-menu-container
  .company-container
  .title {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 8px;
}
.header
  .middle-nav
  .pointer-container
  .account-menu-container
  .company-container
  .text {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  margin-bottom: 20px;
}
.header
  .middle-nav
  .pointer-container
  .account-menu-container
  .company-container
  .personal-page-button {
  width: 100%;
  background: #7e899f;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #7e899f;
  border-radius: 25px;
}
.header
  .middle-nav
  .pointer-container
  .account-menu-container
  .company-container
  .personal-page-button:hover {
  background: #3396f0;
  border: 1px solid #3396f0;
}
.header .middle-nav .pointer-container .account-menu-container .nav-items {
  padding: 8px 0px;
  margin-top: 19px;
  border-top: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.header
  .middle-nav
  .pointer-container
  .account-menu-container
  .nav-items
  .nav-item {
  padding: 11px 20px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  -moz-column-gap: 16px;
  column-gap: 16px;
}
.header
  .middle-nav
  .pointer-container
  .account-menu-container
  .nav-items
  .nav-item
  span {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
}
.header
  .middle-nav
  .pointer-container
  .account-menu-container
  .nav-items
  .nav-item
  svg
  path {
  fill: #7e899f;
}
.header
  .middle-nav
  .pointer-container
  .account-menu-container
  .nav-items
  .nav-item:nth-child(4)
  svg
  path {
  fill: rgba(0, 0, 0, 0);
}
.header
  .middle-nav
  .pointer-container
  .account-menu-container
  .nav-items
  .nav-item:hover {
  background: #3396f0;
}
.header
  .middle-nav
  .pointer-container
  .account-menu-container
  .nav-items
  .nav-item:hover
  span {
  color: #ffffff;
}
.header
  .middle-nav
  .pointer-container
  .account-menu-container
  .nav-items
  .nav-item:hover
  svg
  path {
  fill: #ffffff;
}
.header
  .middle-nav
  .pointer-container
  .account-menu-container
  .nav-items
  .nav-item:hover:nth-child(4)
  svg
  path,
.header
  .middle-nav
  .pointer-container
  .account-menu-container
  .nav-items
  .nav-item:hover:nth-child(4)
  svg
  circle {
  fill: rgba(0, 0, 0, 0);
  stroke: #ffffff;
}
.header .middle-nav .pointer-container .danger-alert-box-container {
  background: rgba(0, 0, 0, 0);
  width: 100%;
}
.header
  .middle-nav
  .pointer-container
  .danger-alert-box-container
  .alert-box-head {
  display: flex;
  align-items: center;
  -moz-column-gap: 15px;
  column-gap: 15px;
  background: #ff6470;
  padding: 16px 20px;
}
.header
  .middle-nav
  .pointer-container
  .danger-alert-box-container
  .alert-box-head
  .alert-box-head-text {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
}
.header
  .middle-nav
  .pointer-container
  .danger-alert-box-container
  .alert-box-body {
  padding: 15px 19px 23px 15px;
  border-radius: 0px 0px 8px 8px;
  background: #ffffff;
  border: 1px solid #ff6470;
}
.header
  .middle-nav
  .pointer-container
  .danger-alert-box-container
  .alert-box-body
  .alert-box-body-text {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  margin-bottom: 16px;
  line-height: 1.5em;
}
.header
  .middle-nav
  .pointer-container
  .danger-alert-box-container
  .alert-box-body
  .alert-box-body-text
  span {
  color: #ff6470;
}
.header
  .middle-nav
  .pointer-container
  .danger-alert-box-container
  .alert-box-body
  .alert-box-body-text
  .debt {
  color: #ff6470;
  font-weight: 600;
}
.header
  .middle-nav
  .pointer-container
  .danger-alert-box-container
  .alert-box-body
  .alert-box-button {
  display: flex;
  width: 100%;
  justify-content: center;
  background: rgba(0, 0, 0, 0);
  border: 1px solid #7e899f;
  border-radius: 25px;
  padding: 10.5px 20px;
  font-size: 14px;
  font-weight: 500;
}
.header
  .middle-nav
  .pointer-container
  .danger-alert-box-container
  .alert-box-body
  .alert-box-button:hover {
  background: #3396f0;
  border: 1px solid #3396f0;
  color: #ffffff;
}
.header .middle-nav .pointer-container .success-alert-box-container {
  background: rgba(0, 0, 0, 0);
  width: 100%;
  padding: 0px 20px;
}
.header
  .middle-nav
  .pointer-container
  .success-alert-box-container
  .alert-box-head {
  display: flex;
  align-items: center;
  -moz-column-gap: 15px;
  column-gap: 15px;
  background: #27ae60;
  padding: 16px 20px;
  border-radius: 8px 8px 0px 0px;
}
.header
  .middle-nav
  .pointer-container
  .success-alert-box-container
  .alert-box-head
  .alert-box-head-text {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
}
.header
  .middle-nav
  .pointer-container
  .success-alert-box-container
  .alert-box-body {
  padding: 23px 19px 23px 19px;
  border-radius: 0px 0px 8px 8px;
  background: #ffffff;
  border: 1px solid #27ae60;
}
.header
  .middle-nav
  .pointer-container
  .success-alert-box-container
  .alert-box-body
  .alert-box-body-text {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  margin-bottom: 0px;
}
@media screen and (max-width: 1024px) {
  .header .middle-nav {
    -moz-column-gap: 16px;
    column-gap: 16px;
    padding: 20px 0px 8px 0px;
  }
}
.header .middle-nav .hamburger-container {
  display: none;
  position: relative;
}
.header .middle-nav .hamburger-container .hamburger-nav {
  min-width: 340px;
  list-style-type: none;
  padding: 0;
  margin: 0;
  background: #ffffff;
  padding: 20px 32px;
  position: absolute;
  bottom: -56px;
  right: 0px;
  transform: translateY(100%);
  box-shadow: 0px 10px 30px 15px rgba(118, 117, 123, 0.15);
  border-radius: 8px;
}
.header .middle-nav .hamburger-container .hamburger-nav .nav-item {
  padding: 8px 0px;
}
@media screen and (max-width: 1024px) {
  .header .middle-nav .hamburger-container {
    display: block;
  }
}
.header .bottom-nav {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  -moz-column-gap: 24px;
  column-gap: 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.header .bottom-nav .desktop-nav-item-container {
  display: flex;
  flex-wrap: nowrap;
}
.header .bottom-nav .desktop-nav-item-container .nav-item {
  position: relative;
  padding: 8px 16px 16px 16px;
}
.header .bottom-nav .desktop-nav-item-container .nav-item a {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  -moz-column-gap: 10px;
  column-gap: 10px;
  cursor: pointer;
  color: #000000;
}
.header .bottom-nav .desktop-nav-item-container .nav-item a:hover {
  color: #3396f0;
}
.header
  .bottom-nav
  .desktop-nav-item-container
  .nav-item:hover
  .megamenu-container {
  display: flex;
}
.header .bottom-nav .desktop-nav-item-container .nav-item .megamenu-container {
  display: none;
  position: absolute;
  bottom: -1px;
  left: 16px;
  transform: translateY(100%);
  background: #ffffff;
  padding: 32px 10px;
  box-shadow: 0px 10px 30px 15px rgba(118, 117, 123, 0.15);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  border-radius: 8px;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.header
  .bottom-nav
  .desktop-nav-item-container
  .nav-item
  .megamenu-container
  .megamenu-main-nav-item {
  padding: 0px 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  min-width: 250px;
  max-height: 450px;
  overflow-y: auto;
}
.header
  .bottom-nav
  .desktop-nav-item-container
  .nav-item
  .megamenu-container
  .megamenu-main-nav-item
  .megamenu-main-item {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5em;
  color: #000000;
  white-space: nowrap;
}
.header
  .bottom-nav
  .desktop-nav-item-container
  .nav-item
  .megamenu-container
  .megamenu-main-nav-item
  .megamenu-main-item:hover {
  text-decoration: underline;
}
.header
  .bottom-nav
  .desktop-nav-item-container
  .nav-item
  .megamenu-container
  ::-webkit-scrollbar {
  width: 4px;
}
.header
  .bottom-nav
  .desktop-nav-item-container
  .nav-item
  .megamenu-container
  ::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1019607843);
  border-radius: 4px;
}
.header
  .bottom-nav
  .desktop-nav-item-container
  .nav-item
  .megamenu-container
  ::-webkit-scrollbar-thumb {
  background: #7e899f;
  border-radius: 4px;
}
.header
  .bottom-nav
  .desktop-nav-item-container
  .nav-item
  .megamenu-container
  ::-webkit-scrollbar-thumb:hover {
  background: #092b4d;
}
.header
  .bottom-nav
  .desktop-nav-item-container
  .nav-item
  .megamenu-container
  .megamenu-sub-nav-item {
  padding: 0px 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  border-left: 1px solid rgba(0, 0, 0, 0.1019607843);
  min-width: 425px;
  max-height: 450px;
  overflow-y: auto;
}
.header
  .bottom-nav
  .desktop-nav-item-container
  .nav-item
  .megamenu-container
  .megamenu-sub-nav-item
  .megamenu-sub-item {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  -moz-column-gap: 5px;
  column-gap: 5px;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5em;
  color: #000000;
  white-space: nowrap;
}
.header
  .bottom-nav
  .desktop-nav-item-container
  .nav-item
  .megamenu-container
  .megamenu-sub-nav-item
  .megamenu-sub-item
  span {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5em;
  color: rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 1024px) {
  .header .bottom-nav .desktop-nav-item-container {
    display: none;
  }
}
.header .bottom-nav .mobile-nav-item-container {
  padding: 8px 0px 16px 0px;
  cursor: pointer;
  position: relative;
  display: none;
}
.header
  .bottom-nav
  .mobile-nav-item-container
  .products-menu-container
  .products-menu-button {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  -moz-column-gap: 4px;
  column-gap: 4px;
}
.header
  .bottom-nav
  .mobile-nav-item-container
  .products-menu-container
  .products-menu-button
  .products-menu-button-text {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
}
.header .bottom-nav .mobile-nav-item-container .mobile-menu-collapsed {
  min-width: 340px;
  max-height: calc(100svh - 120px);
  overflow: auto;
  display: none;
  position: absolute;
  bottom: -1px;
  left: 0px;
  transform: translateY(100%);
  background: #ffffff;
  padding: 20px;
  box-shadow: 0px 10px 30px 15px rgba(118, 117, 123, 0.15);
  border-radius: 8px;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.header
  .bottom-nav
  .mobile-nav-item-container
  .mobile-menu-collapsed
  ::-webkit-scrollbar {
  width: 4px;
}
.header
  .bottom-nav
  .mobile-nav-item-container
  .mobile-menu-collapsed
  ::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1019607843);
  border-radius: 4px;
}
.header
  .bottom-nav
  .mobile-nav-item-container
  .mobile-menu-collapsed
  ::-webkit-scrollbar-thumb {
  background: #7e899f;
  border-radius: 4px;
}
.header
  .bottom-nav
  .mobile-nav-item-container
  .mobile-menu-collapsed
  ::-webkit-scrollbar-thumb:hover {
  background: #092b4d;
}
.header .bottom-nav .mobile-nav-item-container .mobile-menu-collapsed.show {
  display: block;
}
.header
  .bottom-nav
  .mobile-nav-item-container
  .mobile-menu-collapsed
  .megamenu-container {
  background: #ffffff;
  padding: 8px 10px;
  border-radius: 8px;
}
.header
  .bottom-nav
  .mobile-nav-item-container
  .mobile-menu-collapsed
  .megamenu-container
  .megamenu-main-nav-item {
  padding: 0px 24px;
  border: 1px solid rgba(0, 0, 0, 0);
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.header
  .bottom-nav
  .mobile-nav-item-container
  .mobile-menu-collapsed
  .megamenu-container
  .megamenu-main-nav-item
  .megamenu-main-item {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5em;
  color: #000000;
}
.header
  .bottom-nav
  .mobile-nav-item-container
  .mobile-menu-collapsed
  .megamenu-container
  .megamenu-main-nav-item
  .megamenu-main-item:hover {
  text-decoration: underline;
}
@media screen and (max-width: 1024px) {
  .header .bottom-nav .mobile-nav-item-container {
    display: block;
  }
}
.header .bottom-nav .extra-nav-item {
  padding: 8px 0px 16px 0px;
  display: flex;
  flex-wrap: nowrap;
  -moz-column-gap: 15px;
  column-gap: 15px;
}
.header .bottom-nav .extra-nav-item .nav-link {
  color: #000000;
  padding: 0px;
}
.header .bottom-nav .extra-nav-item .nav-link:hover {
  color: #000000;
  color: #3396f0;
}
.header .top-nav,
.header .bottom-nav {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.5s ease, height 0.5s ease, padding 0.5s ease;
}
.header .top-nav .nav-item,
.header .bottom-nav .nav-item {
  transition: all 0.1s;
}
.header .top-nav.hidden,
.header .bottom-nav.hidden {
  visibility: hidden;
  opacity: 0;
  height: 0px;
  padding: 0px;
  transition: opacity 0.5s ease, height 0.5s ease, padding 0.5s ease;
}
.header .top-nav.hidden .nav-item,
.header .bottom-nav.hidden .nav-item {
  visibility: hidden;
  opacity: 0;
  transition: all 0.1s;
}

.footer-container {
  padding: 144px 110px 0px 110px;
  border-top: 1px solid rgba(126, 137, 159, 0.6);
}
.footer-container .footer-grid-row-1 {
  display: grid;
  grid-column-gap: 30px;
  grid-template-columns: 20% 20% 20% 40%;
}
.footer-container .footer-grid-row-1 .footer-headline {
  font-size: 14px;
  color: #000000;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 30px;
  line-height: 1.5em;
}
.footer-container .footer-grid-row-1 .footer-headline .footer-sub-headline {
  font-size: 14px;
  color: #000000;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 40px;
  margin-bottom: 30px;
  line-height: 1.5em;
}
.footer-container .footer-grid-row-1 .footer-text-box a,
.footer-container .footer-grid-row-1 .footer-text-box p {
  display: block;
  margin-top: 15px;
  color: rgba(0, 0, 0, 0.6);
}
.footer-container .footer-grid-row-1 .footer-text-box a:hover {
  color: #000000;
}
.footer-container .footer-text-row {
  margin-bottom: 150px;
}
.footer-container .footer-text-row a {
  font-size: 14px;
  text-decoration: none;
  font-weight: 400;
}

.footer-text-box .subscribe {
  margin-top: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
  max-width: 299px;
  display: flex;
}
.footer-text-box .subscribe input {
  background: rgba(0, 0, 0, 0);
  border: none;
  padding: 0px 0px 4px 0px;
  width: 100%;
}
.footer-text-box .subscribe button {
  background-color: rgba(0, 0, 0, 0);
  color: #000000;
  padding: 0px 0px 4px 20px;
  height: 21px;
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
}

.contact-info {
  margin-top: 15px;
  display: flex;
  align-items: flex-start;
}

.contact-info a {
  margin-left: 10px;
}

.footer-document-links {
  justify-content: center;
}

.footer-document-links ul {
  display: flex;
  -moz-column-gap: 40px;
  column-gap: 40px;
  margin-bottom: 0px;
}
@media (max-width: 768px) {
  .footer-document-links ul {
    padding: 0;
  }
}

.footer-document-links a {
  text-decoration: none;
  font-size: 14px;
  line-height: 1.5em;
  font-weight: 600;
  color: rgba(126, 137, 159, 0.6);
}

.footer-document-links a:hover {
  color: #7e899f;
}

#sub-footer {
  padding: 16px;
  justify-content: center;
}

#sub-footer p {
  font-size: 11px;
  margin-bottom: 0px;
  color: rgba(126, 137, 159, 0.6);
}

@media screen and (max-width: 767px) {
  .footer-container {
    padding: 48px 0px 16px 0px;
  }
  .footer-container .footer-grid-row-1 {
    gap: 48px;
    grid-template-columns: 100%;
    text-align: center;
  }
  .footer-container .footer-text-row {
    margin-bottom: 48px;
  }
  .footer-container .footer-text-box :has(.subscribe) {
    margin-top: 48px;
  }
  .footer-container .footer-text-box .subscribe {
    max-width: 100%;
  }
  .footer-container .contact-info {
    margin-top: 15px;
    display: flex;
    align-items: flex-start;
  }
  .footer-container .contact-info a {
    margin-left: 10px;
  }
  .footer-container .footer-document-links {
    justify-content: center;
  }
  .footer-container .footer-document-links ul {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 16px;
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 767px) and (max-width: 768px) {
  .footer-container .footer-document-links ul {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .footer-container .footer-document-links a {
    text-decoration: none;
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 600;
    color: rgba(126, 137, 159, 0.6);
  }
  .footer-container .footer-document-links a:hover {
    color: #7e899f;
  }
  .footer-container #sub-footer {
    padding: 16px;
    justify-content: center;
  }
  .footer-container #sub-footer p {
    font-size: 11px;
    margin-bottom: 0px;
    color: rgba(126, 137, 159, 0.6);
  }
}
.left-sidebar-container .filter-accordion {
  display: grid;
  row-gap: 20px;
}
.left-sidebar-container .filter-accordion .accordion-item {
  border: none;
  border-radius: 8px;
}
.left-sidebar-container .filter-accordion .accordion-item .filter-title {
  margin: 0px;
  align-items: center;
}
.left-sidebar-container
  .filter-accordion
  .accordion-item
  .filter-title
  .accordion-button {
  font-size: 14px;
  font-weight: 600;
  margin: 0px;
  padding: 16px 20px;
  border-radius: 8px;
}
.left-sidebar-container
  .filter-accordion
  .accordion-item
  .filter-title
  .accordion-button:not(.collapsed) {
  color: #000000;
  background: #ffffff;
  box-shadow: none;
}
.left-sidebar-container
  .filter-accordion
  .accordion-item
  .filter-title
  .accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-icon);
}
.left-sidebar-container
  .filter-accordion
  .accordion-item
  .filter-title
  .accordion-button:focus {
  border-color: none;
  box-shadow: none;
}
.left-sidebar-container
  .filter-accordion
  .accordion-item
  .filter-title
  .accordion-button::after {
  background-image: var(--bs-accordion-btn-icon);
}
.left-sidebar-container .filter-accordion .accordion-item .accordion-body {
  padding: 32px 20px 24px 20px;
  display: grid;
  row-gap: 32px;
  border-top: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.left-sidebar-container
  .filter-accordion
  .accordion-item
  .accordion-body
  .brand-filter-container
  .form-check,
.left-sidebar-container
  .filter-accordion
  .accordion-item
  .accordion-body
  .shop-filter-container
  .form-check {
  display: flex;
  align-items: center;
  padding: 0px;
  margin: 0px;
  min-height: unset;
  -moz-column-gap: 10px;
  column-gap: 10px;
  margin-bottom: 16px;
}
.left-sidebar-container
  .filter-accordion
  .accordion-item
  .accordion-body
  .brand-filter-container
  .form-check
  .form-check-input,
.left-sidebar-container
  .filter-accordion
  .accordion-item
  .accordion-body
  .shop-filter-container
  .form-check
  .form-check-input {
  float: unset;
  margin: 0px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  border: 1px solid #7e899f;
}
.left-sidebar-container
  .filter-accordion
  .accordion-item
  .accordion-body
  .brand-filter-container
  .form-check
  .form-check-input:checked,
.left-sidebar-container
  .filter-accordion
  .accordion-item
  .accordion-body
  .shop-filter-container
  .form-check
  .form-check-input:checked {
  background-color: #3396f0;
  color: #ffffff;
  border-color: #3396f0;
}
.left-sidebar-container
  .filter-accordion
  .accordion-item
  .accordion-body
  .brand-filter-container
  .form-check
  .form-check-label,
.left-sidebar-container
  .filter-accordion
  .accordion-item
  .accordion-body
  .shop-filter-container
  .form-check
  .form-check-label {
  font-size: 14px;
  font-weight: 400;
  line-height: 1em;
  color: #000000;
}
.left-sidebar-container
  .filter-accordion
  .accordion-item
  .accordion-body
  .brand-filter-container
  .load-more-filter-button,
.left-sidebar-container
  .filter-accordion
  .accordion-item
  .accordion-body
  .shop-filter-container
  .load-more-filter-button {
  background: rgba(0, 0, 0, 0);
  padding: 0px;
  font-size: 14px;
  font-weight: 400;
  color: #7e899f;
}
.left-sidebar-container
  .filter-accordion
  .accordion-item
  .color-filter-container
  .filter-subtitle {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 16px;
}
.left-sidebar-container
  .filter-accordion
  .accordion-item
  .color-filter-container
  .color-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.left-sidebar-container
  .filter-accordion
  .accordion-item
  .color-filter-container
  .color-filters
  .form-check {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0px;
  margin: 0px;
  width: 24px;
  height: 24px;
}
.left-sidebar-container
  .filter-accordion
  .accordion-item
  .color-filter-container
  .color-filters
  .form-check
  .form-check-input {
  float: unset;
  margin: 0px;
  width: 16px;
  height: 16px;
  visibility: hidden;
}
.left-sidebar-container
  .filter-accordion
  .accordion-item
  .color-filter-container
  .color-filters
  .form-check
  .form-check-input:checked
  ~ .form-check-label {
  border: 2px solid #27ae60;
}
.left-sidebar-container
  .filter-accordion
  .accordion-item
  .color-filter-container
  .color-filters
  .form-check
  .form-check-label {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  border: 2px solid rgba(0, 0, 0, 0.1019607843);
  border-radius: 50%;
}
.left-sidebar-container
  .filter-accordion
  .accordion-item
  .color-filter-container
  .color-filters
  .form-check
  .form-check-label
  img {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  padding: 2px;
}
.left-sidebar-container
  .filter-accordion
  .accordion-item
  .color-filter-container
  .color-filters
  .form-check
  .form-check-label:hover {
  border: 2px solid rgba(0, 0, 0, 0.4);
}
.left-sidebar-container
  .filter-accordion
  .accordion-item
  .range-filter-container
  .filter-subtitle {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 22px;
}
.left-sidebar-container
  .filter-accordion
  .accordion-item
  .range-filter-container
  .slider {
  position: relative;
  z-index: 1;
  height: 5px;
}
.left-sidebar-container
  .filter-accordion
  .accordion-item
  .range-filter-container
  .slider
  .track {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 2.5px;
  background-color: rgba(0, 0, 0, 0.1019607843);
}
.left-sidebar-container
  .filter-accordion
  .accordion-item
  .range-filter-container
  .slider
  .range {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 2.5px;
  background-color: #3396f0;
}
.left-sidebar-container
  .filter-accordion
  .accordion-item
  .range-filter-container
  .multi-range-slider {
  position: relative;
}
.left-sidebar-container
  .filter-accordion
  .accordion-item
  .range-filter-container
  .multi-range-slider
  input[type="range"] {
  -webkit-appearance: none;
  pointer-events: none;
  position: absolute;
  z-index: 2;
  height: 5px;
  width: 100%;
  background: transparent;
}
.left-sidebar-container
  .filter-accordion
  .accordion-item
  .range-filter-container
  .multi-range-slider
  input[type="range"]::-webkit-slider-thumb {
  pointer-events: all;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  border: none;
  background-color: #3396f0;
  -webkit-appearance: none;
}
.left-sidebar-container
  .filter-accordion
  .accordion-item
  .range-filter-container
  .multi-range-slider
  input[type="range"]::-moz-range-thumb {
  pointer-events: all;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  border: none;
  background-color: #3396f0;
  -webkit-appearance: none;
}
.left-sidebar-container
  .filter-accordion
  .accordion-item
  .range-filter-container
  .output {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: 14px;
}
.left-sidebar-container
  .filter-accordion
  .accordion-item
  .range-filter-container
  .output
  .left-output,
.left-sidebar-container
  .filter-accordion
  .accordion-item
  .range-filter-container
  .output
  .right-output {
  font-size: 12px;
  line-height: 1.2em;
  font-weight: 400;
  color: #000000;
}
.left-sidebar-container
  .filter-accordion
  .accordion-item
  .range-filter-container
  .output
  .unit {
  font-size: 12px;
  line-height: 1.2em;
  font-weight: 400;
  color: #000000;
}
.left-sidebar-container .delete-filters-container {
  margin-top: 16px;
}
.left-sidebar-container .delete-filters-container .delete-filters-button {
  display: flex;
  width: 100%;
  justify-content: center;
  background: rgba(0, 0, 0, 0);
  border: 1px solid #7e899f;
  border-radius: 25px;
  padding: 10.5px 20px;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  line-height: 1.2em;
}
.left-sidebar-container .delete-filters-container .delete-filters-button:hover {
  color: #ffffff;
  background: #3396f0;
  border-color: #3396f0;
}

@media screen and (max-width: 767px) {
  .left-sidebar-container .filter-accordion {
    display: grid;
    row-gap: 20px;
  }
  .left-sidebar-container .filter-accordion .accordion-item {
    border: none;
    border-radius: 8px;
  }
  .left-sidebar-container .filter-accordion .accordion-item .filter-title {
    margin: 0px;
    align-items: center;
  }
  .left-sidebar-container
    .filter-accordion
    .accordion-item
    .filter-title
    .accordion-button {
    font-size: 14px;
    font-weight: 600;
    margin: 0px;
    padding: 16px 20px;
    border-radius: 8px;
  }
  .left-sidebar-container
    .filter-accordion
    .accordion-item
    .filter-title
    .accordion-button:not(.collapsed) {
    color: #000000;
    background: #ffffff;
    box-shadow: none;
  }
  .left-sidebar-container
    .filter-accordion
    .accordion-item
    .filter-title
    .accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-icon);
    transform: unset;
  }
  .left-sidebar-container
    .filter-accordion
    .accordion-item
    .filter-title
    .accordion-button:focus {
    border-color: none;
    box-shadow: none;
  }
  .left-sidebar-container
    .filter-accordion
    .accordion-item
    .filter-title
    .accordion-button::after {
    background-image: var(--bs-accordion-btn-icon);
    transform: unset;
  }
  .left-sidebar-container .filter-accordion .accordion-item .accordion-body {
    padding: 32px 20px 24px 20px;
    display: grid;
    row-gap: 32px;
    border-top: 1px solid rgba(0, 0, 0, 0.1019607843);
  }
  .left-sidebar-container
    .filter-accordion
    .accordion-item
    .accordion-body
    .brand-filter-container
    .form-check,
  .left-sidebar-container
    .filter-accordion
    .accordion-item
    .accordion-body
    .shop-filter-container
    .form-check {
    display: flex;
    align-items: center;
    padding: 0px;
    margin: 0px;
    min-height: unset;
    -moz-column-gap: 10px;
    column-gap: 10px;
    margin-bottom: 16px;
  }
  .left-sidebar-container
    .filter-accordion
    .accordion-item
    .accordion-body
    .brand-filter-container
    .form-check
    .form-check-input,
  .left-sidebar-container
    .filter-accordion
    .accordion-item
    .accordion-body
    .shop-filter-container
    .form-check
    .form-check-input {
    float: unset;
    margin: 0px;
    width: 16px;
    min-width: 16px;
    height: 16px;
    border: 1px solid #7e899f;
  }
  .left-sidebar-container
    .filter-accordion
    .accordion-item
    .accordion-body
    .brand-filter-container
    .form-check
    .form-check-input:checked,
  .left-sidebar-container
    .filter-accordion
    .accordion-item
    .accordion-body
    .shop-filter-container
    .form-check
    .form-check-input:checked {
    background-color: #3396f0;
    color: #ffffff;
    border-color: #3396f0;
  }
  .left-sidebar-container
    .filter-accordion
    .accordion-item
    .accordion-body
    .brand-filter-container
    .form-check
    .form-check-label,
  .left-sidebar-container
    .filter-accordion
    .accordion-item
    .accordion-body
    .shop-filter-container
    .form-check
    .form-check-label {
    font-size: 14px;
    font-weight: 400;
    line-height: 1em;
    color: #000000;
  }
  .left-sidebar-container
    .filter-accordion
    .accordion-item
    .accordion-body
    .brand-filter-container
    .load-more-filter-button,
  .left-sidebar-container
    .filter-accordion
    .accordion-item
    .accordion-body
    .shop-filter-container
    .load-more-filter-button {
    background: rgba(0, 0, 0, 0);
    padding: 0px;
    font-size: 14px;
    font-weight: 400;
    color: #7e899f;
  }
  .left-sidebar-container
    .filter-accordion
    .accordion-item
    .color-filter-container
    .filter-subtitle {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 16px;
  }
  .left-sidebar-container
    .filter-accordion
    .accordion-item
    .color-filter-container
    .color-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }
  .left-sidebar-container
    .filter-accordion
    .accordion-item
    .color-filter-container
    .color-filters
    .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0px;
    margin: 0px;
    width: 24px;
    height: 24px;
  }
  .left-sidebar-container
    .filter-accordion
    .accordion-item
    .color-filter-container
    .color-filters
    .form-check
    .form-check-input {
    float: unset;
    margin: 0px;
    width: 16px;
    height: 16px;
    visibility: hidden;
  }
  .left-sidebar-container
    .filter-accordion
    .accordion-item
    .color-filter-container
    .color-filters
    .form-check
    .form-check-input:checked
    ~ .form-check-label {
    border: 2px solid #27ae60;
  }
  .left-sidebar-container
    .filter-accordion
    .accordion-item
    .color-filter-container
    .color-filters
    .form-check
    .form-check-label {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    border: 2px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 50%;
  }
  .left-sidebar-container
    .filter-accordion
    .accordion-item
    .color-filter-container
    .color-filters
    .form-check
    .form-check-label
    img {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    padding: 2px;
  }
  .left-sidebar-container
    .filter-accordion
    .accordion-item
    .color-filter-container
    .color-filters
    .form-check
    .form-check-label:hover {
    border: 2px solid rgba(0, 0, 0, 0.4);
  }
  .left-sidebar-container
    .filter-accordion
    .accordion-item
    .range-filter-container
    .filter-subtitle {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 22px;
  }
  .left-sidebar-container
    .filter-accordion
    .accordion-item
    .range-filter-container
    .slider {
    position: relative;
    z-index: 1;
    height: 5px;
  }
  .left-sidebar-container
    .filter-accordion
    .accordion-item
    .range-filter-container
    .slider
    .track {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 2.5px;
    background-color: rgba(0, 0, 0, 0.1019607843);
  }
  .left-sidebar-container
    .filter-accordion
    .accordion-item
    .range-filter-container
    .slider
    .range {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 2.5px;
    background-color: #3396f0;
  }
  .left-sidebar-container
    .filter-accordion
    .accordion-item
    .range-filter-container
    .multi-range-slider {
    position: relative;
  }
  .left-sidebar-container
    .filter-accordion
    .accordion-item
    .range-filter-container
    .multi-range-slider
    input[type="range"] {
    -webkit-appearance: none;
    pointer-events: none;
    position: absolute;
    z-index: 2;
    height: 5px;
    width: 100%;
    background: transparent;
  }
  .left-sidebar-container
    .filter-accordion
    .accordion-item
    .range-filter-container
    .multi-range-slider
    input[type="range"]::-webkit-slider-thumb {
    pointer-events: all;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: none;
    background-color: #3396f0;
    -webkit-appearance: none;
  }
  .left-sidebar-container
    .filter-accordion
    .accordion-item
    .range-filter-container
    .multi-range-slider
    input[type="range"]::-moz-range-thumb {
    pointer-events: all;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: none;
    background-color: #3396f0;
    -webkit-appearance: none;
  }
  .left-sidebar-container
    .filter-accordion
    .accordion-item
    .range-filter-container
    .output {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 14px;
  }
  .left-sidebar-container
    .filter-accordion
    .accordion-item
    .range-filter-container
    .output
    .left-output,
  .left-sidebar-container
    .filter-accordion
    .accordion-item
    .range-filter-container
    .output
    .right-output {
    font-size: 12px;
    line-height: 1.2em;
    font-weight: 400;
    color: #000000;
  }
  .left-sidebar-container
    .filter-accordion
    .accordion-item
    .range-filter-container
    .output
    .unit {
    font-size: 12px;
    line-height: 1.2em;
    font-weight: 400;
    color: #000000;
  }
  .left-sidebar-container .delete-filters-container {
    margin-top: 16px;
  }
  .left-sidebar-container .delete-filters-container .delete-filters-button {
    display: flex;
    width: 100%;
    justify-content: center;
    background: rgba(0, 0, 0, 0);
    border: 1px solid #7e899f;
    border-radius: 25px;
    padding: 10.5px 20px;
    font-size: 14px;
    font-weight: 500;
    color: #000000;
    line-height: 1.2em;
  }
  .left-sidebar-container
    .delete-filters-container
    .delete-filters-button:hover {
    color: #ffffff;
    background: #3396f0;
    border-color: #3396f0;
  }
}
.pagination {
  margin-top: 100px;
  display: flex;
  justify-content: center;
  gap: 4px;
}
.pagination .page-item {
  display: flex;
  align-items: center;
}
.pagination .page-item .page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.125em;
  color: #000000;
  width: 40px;
  height: 40px;
  border-radius: 65px;
  padding: 0px !important;
}
.pagination .page-item .page-link:hover {
  background: #7e899f;
  color: #ffffff;
}
.pagination .page-item .page-link:hover svg path {
  fill: #ffffff;
}
.pagination .page-item .page-link.active {
  color: #ffffff;
  background: #3396f0;
  border-radius: 65px;
}
.pagination .prev-item {
  padding-right: 4px;
  border-right: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.pagination .next-item {
  padding-left: 4px;
  border-left: 1px solid rgba(0, 0, 0, 0.1019607843);
}

.left-sidebar-container {
  min-width: 215px;
  width: 215px;
  max-width: 215px;
}

.right-sidebar-container {
  display: flex;
  gap: 16px;
  flex-direction: column;
  min-width: 215px;
  width: 215px;
  max-width: 215px;
}
.right-sidebar-container .danger-alert-box-container {
  background: rgba(0, 0, 0, 0);
  width: 100%;
}
.right-sidebar-container .danger-alert-box-container .alert-box-head {
  display: flex;
  align-items: center;
  -moz-column-gap: 15px;
  column-gap: 15px;
  background: #ff6470;
  padding: 16px 20px;
  border-radius: 8px 8px 0px 0px;
}
.right-sidebar-container
  .danger-alert-box-container
  .alert-box-head
  .alert-box-head-text {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
}
.right-sidebar-container .danger-alert-box-container .alert-box-body {
  padding: 16px 20px 24px 20px;
  border-radius: 8px;
  background: #ffffff;
}
.right-sidebar-container
  .danger-alert-box-container
  .alert-box-body
  .alert-box-body-text {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  margin-bottom: 16px;
}
.right-sidebar-container
  .danger-alert-box-container
  .alert-box-body
  .alert-box-body-text
  .debt {
  color: #ff6470;
  font-weight: 600;
}
.right-sidebar-container
  .danger-alert-box-container
  .alert-box-body
  .alert-box-button {
  display: flex;
  width: 100%;
  justify-content: center;
  background: rgba(0, 0, 0, 0);
  border: 1px solid #7e899f;
  border-radius: 25px;
  padding: 10.5px 20px;
  font-size: 14px;
  font-weight: 500;
}
.right-sidebar-container .success-alert-box-container {
  background: rgba(0, 0, 0, 0);
  width: 100%;
}
.right-sidebar-container .success-alert-box-container .alert-box-head {
  display: flex;
  align-items: center;
  -moz-column-gap: 15px;
  column-gap: 15px;
  background: #27ae60;
  padding: 16px 20px;
  border-radius: 8px 8px 0px 0px;
}
.right-sidebar-container
  .success-alert-box-container
  .alert-box-head
  .alert-box-head-text {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
}
.right-sidebar-container .success-alert-box-container .alert-box-body {
  padding: 24px 20px 24px 20px;
  border-radius: 8px;
  background: #ffffff;
}
.right-sidebar-container
  .success-alert-box-container
  .alert-box-body
  .alert-box-body-text {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  margin-bottom: 0px;
}
.right-sidebar-container .catalog-container {
  position: relative;
  height: 304px;
}
.right-sidebar-container .catalog-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
  object-fit: fill;
  border-radius: 8px;
}
.right-sidebar-container .catalog-container .catalog-button {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 24px;
  padding: 14.5px 20px;
  border: 1px solid #f6f6f6;
  border-radius: 54px;
  color: #000000;
  background: #f6f6f6;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.right-sidebar-container .catalog-container .catalog-button:hover {
  background: #3396f0;
  color: #ffffff;
  border: 1px solid #3396f0;
}
.right-sidebar-container .top-products-container {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.right-sidebar-container .top-products-container .top-products-title {
  font-size: 14px;
  font-weight: 600;
  margin: 0px;
  color: #000000;
}
.right-sidebar-container .top-products-container .top-products-title a {
  color: #000000;
}
.right-sidebar-container .top-products-container .top-products-title a:hover {
  color: #3396f0;
}
.right-sidebar-container .top-products-container .product-card-grid {
  border: 1px solid #3396f0;
  max-width: 100%;
}
.right-sidebar-container .new-products-container {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.right-sidebar-container .new-products-container .new-products-title {
  font-size: 14px;
  font-weight: 600;
  margin: 0px;
  color: #000000;
}
.right-sidebar-container .new-products-container .new-products-title a {
  color: #000000;
}
.right-sidebar-container .new-products-container .new-products-title a:hover {
  color: #ff6470;
}
.right-sidebar-container .new-products-container .product-card-grid {
  border: 1px solid #ff6470;
  max-width: 100%;
}
.right-sidebar-container .owl-wrapper {
  position: relative;
  margin-bottom: 32px;
}
.right-sidebar-container .owl-nav {
  position: absolute;
  bottom: -32px;
  width: 100%;
  display: flex;
  height: 24px;
}
.right-sidebar-container .owl-nav .owl-prev .nav-btn,
.right-sidebar-container .owl-nav .owl-next .nav-btn {
  display: flex !important;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  margin: 0px !important;
  font-size: 24px !important;
  z-index: 100;
  color: #000000 !important;
  width: 24px;
  height: 24px;
  border-radius: 100%;
}
.right-sidebar-container .owl-nav .owl-prev .nav-btn:hover,
.right-sidebar-container .owl-nav .owl-next .nav-btn:hover {
  color: #3396f0 !important;
}
.right-sidebar-container .owl-dots {
  position: absolute;
  bottom: -32px;
  width: 100%;
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  height: 24px;
}
.right-sidebar-container .owl-dots .owl-dot span {
  width: 12px;
  height: 12px;
  background: #ffffff;
  display: block;
  border: 1px solid #3396f0;
  border-radius: 100%;
}
.right-sidebar-container .owl-dots .owl-dot.active span {
  background: #3396f0 !important;
}

@media screen and (max-width: 767px) {
  .left-sidebar-container {
    min-width: unset;
    width: 100%;
    max-width: unset;
    margin-bottom: 32px;
  }
  .right-sidebar-container {
    display: flex;
    gap: 16px;
    flex-direction: column;
    min-width: unset;
    width: 100%;
    max-width: unset;
    margin-top: 32px;
  }
  .right-sidebar-container .danger-alert-box-container {
    background: rgba(0, 0, 0, 0);
    width: 100%;
  }
  .right-sidebar-container .danger-alert-box-container .alert-box-head {
    display: flex;
    align-items: center;
    -moz-column-gap: 15px;
    column-gap: 15px;
    background: #ff6470;
    padding: 16px 20px;
    border-radius: 8px 8px 0px 0px;
  }
  .right-sidebar-container
    .danger-alert-box-container
    .alert-box-head
    .alert-box-head-text {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
  }
  .right-sidebar-container .danger-alert-box-container .alert-box-body {
    padding: 16px 20px 24px 20px;
    border-radius: 8px;
    background: #ffffff;
  }
  .right-sidebar-container
    .danger-alert-box-container
    .alert-box-body
    .alert-box-body-text {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 16px;
  }
  .right-sidebar-container
    .danger-alert-box-container
    .alert-box-body
    .alert-box-body-text
    .debt {
    color: #ff6470;
    font-weight: 600;
  }
  .right-sidebar-container
    .danger-alert-box-container
    .alert-box-body
    .alert-box-button {
    display: flex;
    width: 100%;
    justify-content: center;
    background: rgba(0, 0, 0, 0);
    border: 1px solid #7e899f;
    border-radius: 25px;
    padding: 10.5px 20px;
    font-size: 14px;
    font-weight: 500;
  }
  .right-sidebar-container .success-alert-box-container {
    background: rgba(0, 0, 0, 0);
    width: 100%;
  }
  .right-sidebar-container .success-alert-box-container .alert-box-head {
    display: flex;
    align-items: center;
    -moz-column-gap: 15px;
    column-gap: 15px;
    background: #27ae60;
    padding: 16px 20px;
    border-radius: 8px 8px 0px 0px;
  }
  .right-sidebar-container
    .success-alert-box-container
    .alert-box-head
    .alert-box-head-text {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
  }
  .right-sidebar-container .success-alert-box-container .alert-box-body {
    padding: 24px 20px 24px 20px;
    border-radius: 8px;
    background: #ffffff;
  }
  .right-sidebar-container
    .success-alert-box-container
    .alert-box-body
    .alert-box-body-text {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 0px;
  }
  .right-sidebar-container .catalog-container {
    position: relative;
    height: 304px;
  }
  .right-sidebar-container .catalog-container img {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
    border-radius: 8px;
  }
  .right-sidebar-container .catalog-container .catalog-button {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 24px;
    padding: 14.5px 20px;
    border: 1px solid #f6f6f6;
    border-radius: 54px;
    color: #000000;
    background: #f6f6f6;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
  }
  .right-sidebar-container .catalog-container .catalog-button:hover {
    background: #3396f0;
    color: #ffffff;
    border: 1px solid #3396f0;
  }
  .right-sidebar-container .top-products-container {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
  }
  .right-sidebar-container .top-products-container .top-products-title {
    font-size: 14px;
    font-weight: 600;
    margin: 0px;
    color: #000000;
  }
  .right-sidebar-container .top-products-container .top-products-title a {
    color: #000000;
  }
  .right-sidebar-container .top-products-container .top-products-title a:hover {
    color: #3396f0;
  }
  .right-sidebar-container .top-products-container .product-card-grid {
    border: 1px solid #3396f0;
    max-width: 100%;
  }
  .right-sidebar-container .new-products-container {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
  }
  .right-sidebar-container .new-products-container .new-products-title {
    font-size: 14px;
    font-weight: 600;
    margin: 0px;
    color: #000000;
  }
  .right-sidebar-container .new-products-container .new-products-title a {
    color: #000000;
  }
  .right-sidebar-container .new-products-container .new-products-title a:hover {
    color: #ff6470;
  }
  .right-sidebar-container .new-products-container .product-card-grid {
    border: 1px solid #ff6470;
    max-width: 100%;
  }
  .right-sidebar-container .owl-wrapper {
    position: relative;
    margin-bottom: 32px;
  }
  .right-sidebar-container .owl-nav {
    position: absolute;
    bottom: -32px;
    width: 100%;
    display: flex;
    height: 24px;
  }
  .right-sidebar-container .owl-nav .owl-prev .nav-btn,
  .right-sidebar-container .owl-nav .owl-next .nav-btn {
    display: flex !important;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    margin: 0px !important;
    font-size: 24px !important;
    z-index: 100;
    color: #000000 !important;
    width: 24px;
    height: 24px;
    border-radius: 100%;
  }
  .right-sidebar-container .owl-nav .owl-prev .nav-btn:hover,
  .right-sidebar-container .owl-nav .owl-next .nav-btn:hover {
    color: #3396f0 !important;
  }
  .right-sidebar-container .owl-dots {
    position: absolute;
    bottom: -32px;
    width: 100%;
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    height: 24px;
  }
  .right-sidebar-container .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    background: #ffffff;
    display: block;
    border: 1px solid #3396f0;
    border-radius: 100%;
  }
  .right-sidebar-container .owl-dots .owl-dot.active span {
    background: #3396f0 !important;
  }
}
.cart-alert-popup-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3019607843);
  display: flex;
  align-items: center;
  justify-content: center;
}
.cart-alert-popup-container .cart-alert-popup-card {
  width: 100%;
  max-width: 408px;
}
.cart-alert-popup-container .cart-alert-popup-card .cart-alert-popup-head {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 16px 20px;
  background: #ffc908;
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2em;
  border-radius: 8px 8px 0px 0px;
}
.cart-alert-popup-container .cart-alert-popup-card .cart-alert-popup-head svg {
  min-width: 24px;
  min-height: 24px;
  width: 24px;
  height: 24px;
  max-width: 24px;
  max-height: 24px;
}
.cart-alert-popup-container .cart-alert-popup-card .cart-alert-popup-body {
  background: #ffffff;
  padding: 32px 20px 24px 20px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  border-radius: 0px 0px 8px 8px;
}
.cart-alert-popup-container .cart-alert-popup-card .cart-alert-popup-body p {
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  line-height: 1.4em;
  margin-bottom: 0;
}
.cart-alert-popup-container
  .cart-alert-popup-card
  .cart-alert-popup-body
  .back-button {
  width: 100%;
  display: flex;
  justify-content: center;
  border: 1px solid #7e899f;
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2em;
  padding: 10.5px 23px;
  background: #ffffff;
  border-radius: 25px;
}
.cart-alert-popup-container
  .cart-alert-popup-card
  .cart-alert-popup-body
  .back-button:hover {
  background: #3396f0;
  border-color: #3396f0;
  color: #ffffff;
}

.add-to-list-popup-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3019607843);
  display: flex;
  align-items: center;
  justify-content: center;
}
.add-to-list-popup-container .add-to-list-popup-card {
  width: 100%;
  max-width: 408px;
}
.add-to-list-popup-container .add-to-list-popup-card .add-to-list-popup-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 16px 20px;
  background: #ffffff;
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2em;
  border-radius: 8px 8px 0px 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.add-to-list-popup-container
  .add-to-list-popup-card
  .add-to-list-popup-head
  span {
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2em;
}
.add-to-list-popup-container
  .add-to-list-popup-card
  .add-to-list-popup-head
  .close-button {
  padding: 0px;
  background: rgba(0, 0, 0, 0);
}
.add-to-list-popup-container
  .add-to-list-popup-card
  .add-to-list-popup-head
  .close-button
  svg {
  min-width: 24px;
  min-height: 24px;
  width: 24px;
  height: 24px;
  max-width: 24px;
  max-height: 24px;
  cursor: pointer;
}
.add-to-list-popup-container
  .add-to-list-popup-card
  .add-to-list-popup-head
  .close-button
  svg:hover
  path {
  fill: #ff6470;
}
.add-to-list-popup-container .add-to-list-popup-card .add-to-list-popup-body {
  background: #ffffff;
  padding: 32px 20px 24px 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-radius: 0px 0px 8px 8px;
}
.add-to-list-popup-container
  .add-to-list-popup-card
  .add-to-list-popup-body
  label[for="list-name"] {
  margin-bottom: 2px;
  padding-left: 16px;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.2em;
}
.add-to-list-popup-container
  .add-to-list-popup-card
  .add-to-list-popup-body
  label[for="add-to-new-list"],
.add-to-list-popup-container
  .add-to-list-popup-card
  .add-to-list-popup-body
  label[for="quantity"] {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2em;
}
.add-to-list-popup-container
  .add-to-list-popup-card
  .add-to-list-popup-body
  select {
  width: 100%;
  border: 1px solid #7e899f;
  border-radius: 25px;
  padding: 11px 15px 10px 14px;
  margin-bottom: 12px;
}
.add-to-list-popup-container
  .add-to-list-popup-card
  .add-to-list-popup-body
  input[type="text"],
.add-to-list-popup-container
  .add-to-list-popup-card
  .add-to-list-popup-body
  input[type="number"] {
  width: 100%;
  border: 1px solid #7e899f;
  color: #000000;
  border-radius: 8px;
  padding: 10px 15px;
  font-size: 14px;
  line-height: 1.2em;
  font-weight: 400;
  margin-bottom: 8px;
}
.add-to-list-popup-container
  .add-to-list-popup-card
  .add-to-list-popup-body
  input[type="text"]::-moz-placeholder,
.add-to-list-popup-container
  .add-to-list-popup-card
  .add-to-list-popup-body
  input[type="number"]::-moz-placeholder {
  color: #7e899f;
}
.add-to-list-popup-container
  .add-to-list-popup-card
  .add-to-list-popup-body
  input[type="text"]::placeholder,
.add-to-list-popup-container
  .add-to-list-popup-card
  .add-to-list-popup-body
  input[type="number"]::placeholder {
  color: #7e899f;
}
.add-to-list-popup-container
  .add-to-list-popup-card
  .add-to-list-popup-body
  .add-to-list {
  width: 100%;
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  border: 1px solid #7e899f;
  padding: 10.5px 23px;
  background: #7e899f;
  border-radius: 4px;
}
.add-to-list-popup-container
  .add-to-list-popup-card
  .add-to-list-popup-body
  .add-to-list
  svg {
  min-width: 24px;
  min-height: 24px;
  width: 24px;
  height: 24px;
  max-width: 24px;
  max-height: 24px;
}
.add-to-list-popup-container
  .add-to-list-popup-card
  .add-to-list-popup-body
  .add-to-list
  span {
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2em;
}
.add-to-list-popup-container
  .add-to-list-popup-card
  .add-to-list-popup-body
  .add-to-list:hover {
  background: #3396f0;
  border-color: #3396f0;
  color: #ffffff;
}

/*SINGLE & LISTINGS*/
.product-card-grid {
  padding: 31px 19px;
  background: #ffffff;
  width: 100%;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  border-radius: 8px;
}
.product-card-grid .card-header-container {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 16px;
  left: 20px;
  right: 20px;
  align-items: center;
  background: #ffffff;
  border: none;
}
.product-card-grid .card-image-container {
  width: 100%;
  height: 169px;
  margin-bottom: 16px;
}
.product-card-grid .card-image-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  padding: 10px 0px;
}
.product-card-grid .add-to-cart-container .brand-sku-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.product-card-grid .add-to-cart-container .brand-sku-container .brand,
.product-card-grid .add-to-cart-container .brand-sku-container .sku {
  color: #7e899f;
  font-size: 11px;
  font-weight: 400;
  margin: 0px;
}
.product-card-grid .add-to-cart-container .title-container {
  margin-bottom: 16px;
}
.product-card-grid .add-to-cart-container .title-container .card-title {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  margin: 0px;
}

.product-card-grid .add-to-cart-container .title-container .card-title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #000000;
  min-height: 33.59px;
}

.product-card-grid .add-to-cart-container .title-container .card-title a:hover {
  color: #3396f0;
}
.product-card-grid .add-to-cart-container .availability-sale-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2px;
}
.product-card-grid
  .add-to-cart-container
  .availability-sale-container
  .availability {
  font-size: 11px;
  font-weight: 400;
  color: #27ae60;
  margin: 0px;
}
.product-card-grid .add-to-cart-container .availability-sale-container .sale {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 5px;
  column-gap: 5px;
}
.product-card-grid
  .add-to-cart-container
  .availability-sale-container
  .sale
  .sale-price {
  font-size: 11px;
  font-weight: 400;
  color: #000000;
  text-decoration: line-through;
  margin: 0px;
  line-height: 13px;
}
.product-card-grid
  .add-to-cart-container
  .availability-sale-container
  .sale
  .sale-percentage {
  font-size: 11px;
  font-weight: 400;
  color: #7e899f;
  margin: 0px;
}
.product-card-grid .add-to-cart-container .piece-price-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.product-card-grid .add-to-cart-container .piece-price-container .piece {
  font-size: 12px;
  font-weight: 400;
  color: #000000;
  margin: 0px;
}
.product-card-grid .add-to-cart-container .piece-price-container .price {
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  margin: 0px;
}
.product-card-grid .add-to-cart-container .add-to-cart {
  display: flex;
  flex-wrap: nowrap;
  -moz-column-gap: 8px;
  column-gap: 8px;
  width: 100%;
}
.product-card-grid .add-to-cart-container .add-to-cart .quantity {
  width: 100%;
  padding: 9px 14px 8px 14px;
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #7e899f;
  border-radius: 4px;
}
.product-card-grid
  .add-to-cart-container
  .add-to-cart
  .quantity::-moz-placeholder {
  color: #7e899f;
}
.product-card-grid .add-to-cart-container .add-to-cart .quantity::placeholder {
  color: #7e899f;
}
.product-card-grid .add-to-cart-container .add-to-cart .add-to-cart-button {
  border: 1px solid #000000;
  border-radius: 4px;
  background: #000000;
  padding: 5px;
}
.product-card-grid
  .add-to-cart-container
  .add-to-cart
  .add-to-cart-button
  path {
  fill: #ffffff;
}
.product-card-grid
  .add-to-cart-container
  .add-to-cart
  .add-to-cart-button:hover {
  border-color: #3396f0 !important;
  background: #3396f0 !important;
}
.product-card-grid
  .add-to-cart-container
  .add-to-cart
  .add-to-cart-button:hover
  path {
  fill: #ffffff;
}

.product-card-list {
  height: 140px;
  display: flex;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  border-radius: 8px;
  background: #ffffff;
  padding: 0px 24px 0px 16px;
  -moz-column-gap: 24px;
  column-gap: 24px;
}
.product-card-list .card-image-container {
  min-width: 170px;
  width: 170px;
  max-width: 170px;
  height: 100%;
}
.product-card-list .card-image-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  padding: 10px 0px;
}
.product-card-list .card-description-container {
  width: 100%;
  display: grid;
  row-gap: 16px;
}
.product-card-list .card-description-container .discount-container {
  display: flex;
  justify-content: space-between;
}
.product-card-list .card-description-container .discount-container .discount {
  display: flex;
  -moz-column-gap: 8px;
  column-gap: 8px;
}
.product-card-list .card-description-container .title-container .card-title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #000000;
}
.product-card-list
  .card-description-container
  .title-container
  .card-title
  a:hover {
  color: #3396f0;
}
.product-card-list .card-description-container .brand-sku-container {
  display: flex;
  justify-content: space-between;
}
.product-card-list .card-description-container .brand-sku-container .brand,
.product-card-list .card-description-container .brand-sku-container .sku {
  font-size: 11px;
  font-weight: 400;
  color: #7e899f;
  margin: 0px;
}
.product-card-list .v-divider {
  width: 1px;
  height: 100%;
  background: rgba(0, 0, 0, 0.1019607843);
}
.product-card-list .add-to-cart-container {
  min-width: 209px;
  width: 209px;
  max-width: 209px;
  display: grid;
  row-gap: 8px;
}
.product-card-list .add-to-cart-container .sale-container {
  display: flex;
  justify-content: space-between;
}
.product-card-list .add-to-cart-container .sale-container .price-label {
  font-size: 12px;
  font-weight: 400;
  color: #000000;
  margin: 0px;
}
.product-card-list .add-to-cart-container .sale-container .sale {
  display: flex;
  -moz-column-gap: 5px;
  column-gap: 5px;
}
.product-card-list .add-to-cart-container .sale-container .sale .sale-price {
  font-size: 12px;
  font-weight: 400;
  color: #000000;
  text-decoration: line-through;
  margin: 0px;
}
.product-card-list
  .add-to-cart-container
  .sale-container
  .sale
  .sale-percentage {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  color: #7e899f;
  margin: 0px;
}
.product-card-list .add-to-cart-container .price-container {
  display: flex;
  justify-content: space-between;
}
.product-card-list .add-to-cart-container .price-container .price-label {
  font-size: 12px;
  font-weight: 400;
  color: #000000;
  margin: 0px;
}
.product-card-list .add-to-cart-container .price-container .price {
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  margin: 0px;
}
.product-card-list .add-to-cart-container .piece-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-card-list .add-to-cart-container .piece-container .piece-label {
  font-size: 12px;
  font-weight: 400;
  color: #000000;
  margin: 0px;
}
.product-card-list .add-to-cart-container .piece-container .piece {
  font-size: 12px;
  font-weight: 400;
  color: #000000;
  margin: 0px;
}
.product-card-list .add-to-cart-container .piece-container .availability {
  font-size: 12px;
  font-weight: 400;
  color: #27ae60;
  margin: 0px;
}
.product-card-list .add-to-cart-container .add-to-cart {
  display: flex;
  flex-wrap: nowrap;
  -moz-column-gap: 8px;
  column-gap: 8px;
  width: 100%;
}
.product-card-list .add-to-cart-container .add-to-cart .quantity {
  width: 100%;
  padding: 9px 14px 8px 14px;
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #7e899f;
  border-radius: 4px;
}
.product-card-list
  .add-to-cart-container
  .add-to-cart
  .quantity::-moz-placeholder {
  color: #7e899f;
}
.product-card-list .add-to-cart-container .add-to-cart .quantity::placeholder {
  color: #7e899f;
}
.product-card-list .add-to-cart-container .add-to-cart .add-to-cart-button {
  border: 1px solid #000000;
  border-radius: 4px;
  background: #000000;
  padding: 5px;
}
.product-card-list
  .add-to-cart-container
  .add-to-cart
  .add-to-cart-button
  path {
  fill: #ffffff;
}
.product-card-list
  .add-to-cart-container
  .add-to-cart
  .add-to-cart-button:hover {
  border-color: #3396f0 !important;
  background: #3396f0 !important;
}
.product-card-list
  .add-to-cart-container
  .add-to-cart
  .add-to-cart-button:hover
  path {
  fill: #ffffff;
}

.category-card {
  padding: 31px 23px;
  background: #ffffff;
  width: 100%;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  border-radius: 8px;
  cursor: pointer;
}
.category-card .card-image-container {
  width: 100%;
  height: 201.19px;
  margin-bottom: 16px;
}
.category-card .card-image-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.category-card .card-title-container {
  margin-bottom: 12px;
}
.category-card .card-title-container .card-title {
  margin: 0px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4em;
  color: #000000;
}
.category-card .category-result {
  margin: 0px;
  font-size: 12px;
  font-weight: 500;
  color: #7e899f;
}
.category-card:hover a {
  color: #3396f0;
}

.sidebars-listing-container {
  display: flex;
  -moz-column-gap: 16px;
  column-gap: 16px;
}
.sidebars-listing-container .grid-view-listing .row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.sidebars-listing-container .list-view-listing .row {
  display: flex;
  row-gap: 16px;
}

.grid-view-listing .row {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
}

.list-view-listing .row {
  display: flex;
  row-gap: 16px;
}

@media screen and (max-width: 1365px) {
  .grid-view-listing .row {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .sidebars-listing-container {
    flex-direction: column;
  }
  .sidebars-listing-container .grid-view-listing {
    padding: 0;
  }
  .sidebars-listing-container .grid-view-listing .row {
    grid-template-columns: repeat(1, 1fr);
  }
}
.news-container {
  max-width: 1066px;
  margin: 0 auto;
}
.news-container .news-grid-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 8px;
  column-gap: 8px;
  row-gap: 16px;
}
.news-container .news-grid-container .news-card {
  background: #ffffff;
  padding: 19px;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.news-container .news-grid-container .news-card .card-image-container {
  width: 100%;
  height: 220px;
}
.news-container .news-grid-container .news-card .card-image-container img {
  width: 100%;
  height: 100%;
}
.news-container .news-grid-container .news-card .card-body-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
}
.news-container
  .news-grid-container
  .news-card
  .card-body-container
  .card-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2em;
  color: #000000;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 38.38px;
}
.news-container
  .news-grid-container
  .news-card
  .card-body-container
  .card-description {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2em;
  color: #000000;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0px;
  min-height: 67.19px;
}
.news-container
  .news-grid-container
  .news-card
  .card-body-container
  .more-button {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 12px;
  padding: 6.5px 15px;
  border-radius: 25px;
  border: 1px solid #7e899f;
}
.news-container
  .news-grid-container
  .news-card
  .card-body-container
  .more-button
  span {
  font-size: 14px;
  line-height: 1.2em;
  color: #7e899f;
  font-weight: 500;
}
.news-container
  .news-grid-container
  .news-card
  .card-body-container
  .more-button
  svg {
  min-width: 14px;
}
.news-container
  .news-grid-container
  .news-card
  .card-body-container
  .more-button:hover {
  background: #3396f0;
  border: 1px solid #3396f0;
}
.news-container
  .news-grid-container
  .news-card
  .card-body-container
  .more-button:hover
  span {
  color: #ffffff;
}
.news-container
  .news-grid-container
  .news-card
  .card-body-container
  .more-button:hover
  svg
  path {
  fill: #ffffff;
}

@media screen and (max-width: 767px) {
  .news-container .news-grid-container {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    -moz-column-gap: 8px;
    column-gap: 8px;
    row-gap: 16px;
  }
}
.single-product-container {
  display: flex;
  gap: 30px;
}
.single-product-container .add-to-cart-container {
  min-width: 409px;
  width: 32%;
  padding: 20px 56px;
  background: #ffffff;
  border-radius: 20px;
}
.single-product-container .add-to-cart-container .product-title-container {
  margin-bottom: 20px;
}
.single-product-container
  .add-to-cart-container
  .product-title-container
  .product-title {
  font-size: 24px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 20px;
}
.single-product-container
  .add-to-cart-container
  .product-title-container
  .product-subtitle {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  margin: 0px;
}
.single-product-container .add-to-cart-container .add-to-list-container {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
  padding-bottom: 20px;
}
.single-product-container .add-to-cart-container .add-to-list-container span {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #092b4d;
  cursor: pointer;
}
.single-product-container
  .add-to-cart-container
  .add-to-list-container
  .add-to-list-button {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  flex-wrap: nowrap;
  background: rgba(0, 0, 0, 0);
  padding: 0px;
}
.single-product-container
  .add-to-cart-container
  .add-to-list-container
  .add-to-list-button
  span {
  font-size: 14px;
  font-weight: 400;
  color: #092b4d;
}
.single-product-container .add-to-cart-container .discount-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-wrap: nowrap;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
  padding: 20px 0px;
}
.single-product-container
  .add-to-cart-container
  .discount-container
  .percentage,
.single-product-container .add-to-cart-container .discount-container .bulk {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.single-product-container
  .add-to-cart-container
  .discount-container
  .percentage
  .discount,
.single-product-container
  .add-to-cart-container
  .discount-container
  .bulk
  .discount {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  flex-wrap: nowrap;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
}
.single-product-container
  .add-to-cart-container
  .discount-container
  .percentage
  .discount
  span,
.single-product-container
  .add-to-cart-container
  .discount-container
  .bulk
  .discount
  span {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
}
.single-product-container
  .add-to-cart-container
  .discount-container
  .percentage
  .discount
  img,
.single-product-container
  .add-to-cart-container
  .discount-container
  .percentage
  .discount
  svg,
.single-product-container
  .add-to-cart-container
  .discount-container
  .bulk
  .discount
  img,
.single-product-container
  .add-to-cart-container
  .discount-container
  .bulk
  .discount
  svg {
  width: 24px;
  min-width: 24px;
  max-width: 24px;
  height: 24px;
  min-height: 24px;
  max-height: 24px;
}
.single-product-container
  .add-to-cart-container
  .discount-container
  .percentage
  .discount
  .info
  img,
.single-product-container
  .add-to-cart-container
  .discount-container
  .bulk
  .discount
  .info
  img {
  width: 18px;
  min-width: 18px;
  max-width: 18px;
  height: 18px;
  min-height: 18px;
  max-height: 18px;
}
.single-product-container .add-to-cart-container .description-container {
  padding: 20px 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.single-product-container
  .add-to-cart-container
  .description-container
  .description-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.single-product-container
  .add-to-cart-container
  .description-container
  .description-item
  .description-item-title {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
}
.single-product-container
  .add-to-cart-container
  .description-container
  .description-item
  .description-item-value {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: #000000;
}
.single-product-container
  .add-to-cart-container
  .description-container
  .description-item
  .description-item-value
  .status {
  font-size: 14px;
  font-weight: 600;
  color: #27ae60;
}
.single-product-container
  .add-to-cart-container
  .description-container
  .description-item:not(:last-child) {
  margin-bottom: 12px;
}
.single-product-container .add-to-cart-container .price-container {
  padding: 20px 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.single-product-container .add-to-cart-container .price-container .price-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.single-product-container
  .add-to-cart-container
  .price-container
  .price-item
  .price-item-title {
  display: flex;
  align-items: center;
  -moz-column-gap: 4px;
  column-gap: 4px;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
}
.single-product-container
  .add-to-cart-container
  .price-container
  .price-item
  .price-item-title
  .netto {
  font-size: 11px;
  font-weight: 400;
  color: #7e899f;
  align-self: flex-end;
}
.single-product-container
  .add-to-cart-container
  .price-container
  .price-item
  .price-item-value
  .sale-price {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  text-decoration: line-through;
}
.single-product-container
  .add-to-cart-container
  .price-container
  .price-item
  .price-item-value
  .price {
  display: flex;
  align-items: center;
  font-size: 22px;
  font-weight: 600;
  color: #000000;
}
.single-product-container
  .add-to-cart-container
  .price-container
  .price-item:not(:last-child) {
  margin-bottom: 12px;
}
.single-product-container
  .add-to-cart-container
  .add-to-cart
  .quantity-container {
  padding: 20px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.single-product-container
  .add-to-cart-container
  .add-to-cart
  .quantity-container
  .quantity {
  display: flex;
  flex-wrap: nowrap;
  -moz-column-gap: 8px;
  column-gap: 8px;
}
.single-product-container
  .add-to-cart-container
  .add-to-cart
  .quantity-container
  .quantity
  .quantity-input {
  width: 80px;
  height: 36px;
  text-align: right;
  font-size: 14px;
  font-weight: 400;
  line-height: 1em;
  color: #000000;
  padding: 8.5px 15px;
  border: 1px solid #7e899f;
  border-radius: 4px;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.single-product-container
  .add-to-cart-container
  .add-to-cart
  .quantity-container
  .quantity
  .quantity-input::-moz-placeholder {
  color: #7e899f;
}
.single-product-container
  .add-to-cart-container
  .add-to-cart
  .quantity-container
  .quantity
  .quantity-input::placeholder {
  color: #7e899f;
}
.single-product-container
  .add-to-cart-container
  .add-to-cart
  .quantity-container
  .quantity
  .quantity-input:focus {
  border: 1px solid #000000;
}
.single-product-container
  .add-to-cart-container
  .add-to-cart
  .quantity-container
  .quantity
  .quantity-input:focus::-moz-placeholder {
  color: #000000;
}
.single-product-container
  .add-to-cart-container
  .add-to-cart
  .quantity-container
  .quantity
  .quantity-input:focus::placeholder {
  color: #000000;
}
.single-product-container
  .add-to-cart-container
  .add-to-cart
  .quantity-container
  .quantity
  .quantity-input::-webkit-inner-spin-button,
.single-product-container
  .add-to-cart-container
  .add-to-cart
  .quantity-container
  .quantity
  .quantity-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.single-product-container
  .add-to-cart-container
  .add-to-cart
  .quantity-container
  .quantity
  .quantity-control {
  padding: 0px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 1em;
  color: #000000;
  background: rgba(0, 0, 0, 0);
  border: 1px solid #7e899f;
  border-radius: 4px;
}
.single-product-container
  .add-to-cart-container
  .add-to-cart
  .quantity-container
  .quantity
  .quantity-control:hover {
  border: 1px solid #000000;
}
.single-product-container
  .add-to-cart-container
  .add-to-cart
  .add-to-cart-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  -moz-column-gap: 12px;
  column-gap: 12px;
  width: 100%;
  height: 48px;
  background: #000000;
  border-radius: 4px;
}
.single-product-container
  .add-to-cart-container
  .add-to-cart
  .add-to-cart-button
  span {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  line-height: 1em;
}
.single-product-container
  .add-to-cart-container
  .add-to-cart
  .add-to-cart-button:hover {
  background: #3396f0;
}
.single-product-container .image-container {
  position: relative;
  width: 68%;
  background: #ffffff;
  border-radius: 20px;
  padding: 100px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.single-product-container .image-container .product-image {
  width: 400px;
  height: 400px;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 20px;
  cursor: pointer;
}
.single-product-container .image-container .product-logo {
  position: absolute;
  top: 0px;
  right: 33px;
  -o-object-fit: contain;
  object-fit: contain;
  max-height: 100px;
  max-width: 135px;
}
.single-product-container .image-container .more-image-container {
  width: 420px;
  position: absolute;
  bottom: 32px;
}
.single-product-container .image-container .more-image-container .owl-carousel {
  height: 60px;
}
.single-product-container
  .image-container
  .more-image-container
  .owl-carousel
  .owl-dots {
  display: none;
}
.single-product-container
  .image-container
  .more-image-container
  .owl-carousel
  .owl-nav {
  z-index: -1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.single-product-container
  .image-container
  .more-image-container
  .owl-carousel
  .owl-nav
  .owl-prev {
  position: relative;
  left: -20px;
}
.single-product-container
  .image-container
  .more-image-container
  .owl-carousel
  .owl-nav
  .owl-next {
  position: relative;
  right: -20px;
}
.single-product-container
  .image-container
  .more-image-container
  .owl-carousel
  .owl-nav
  .nav-btn {
  font-size: 20px !important;
}
.single-product-container .image-container .more-image-container img {
  width: 60px;
  height: 60px;
  border: 1px solid rgba(126, 137, 159, 0.5019607843);
  border-radius: 10px;
  -o-object-fit: contain;
  object-fit: contain;
  padding: 4px;
}
.single-product-container .image-container .more-image-container img:hover {
  border: 1px solid #7e899f;
}

.specification-descriptiopn-container {
  display: flex;
  -moz-column-gap: 30px;
  column-gap: 30px;
  padding: 100px 110px 120px 110px;
}
.specification-descriptiopn-container .specification-container {
  width: 50%;
}
.specification-descriptiopn-container
  .specification-container
  .specification-list-container
  .title-container {
  margin-bottom: 24px;
}
.specification-descriptiopn-container
  .specification-container
  .specification-list-container
  .title-container
  .title {
  font-size: 28px;
  font-weight: 500;
  color: #092b4d;
  margin: 0px;
}
.specification-descriptiopn-container
  .specification-container
  .specification-list-container
  .specification-item-container
  .specification-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 8px;
  column-gap: 8px;
  padding: 12px 0px 11px 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.specification-descriptiopn-container
  .specification-container
  .specification-list-container
  .specification-item-container
  .specification-item
  .specification-item-title {
  display: flex;
  align-items: center;
  -moz-column-gap: 4px;
  column-gap: 4px;
  width: 50%;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4em;
  color: #092b4d;
}
.specification-descriptiopn-container
  .specification-container
  .specification-list-container
  .specification-item-container
  .specification-item
  .specification-item-value {
  display: flex;
  align-items: center;
  width: 50%;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4em;
  color: #092b4d;
}
.specification-descriptiopn-container .description-container {
  width: 50%;
}
.specification-descriptiopn-container .description-container .title-container {
  margin-bottom: 24px;
}
.specification-descriptiopn-container
  .description-container
  .title-container
  .title {
  font-size: 28px;
  font-weight: 500;
  color: #092b4d;
  margin: 0px;
}
.specification-descriptiopn-container .description-container .description {
  padding: 12px 0px 0px 0px;
}
.specification-descriptiopn-container
  .description-container
  .description
  .description-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4em;
  color: #092b4d;
}
.specification-descriptiopn-container:not(:has(.description-container))
  .specification-container {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .single-product-container {
    flex-direction: column-reverse;
    gap: 24px;
  }
  .single-product-container .add-to-cart-container {
    min-width: unset;
    width: 100%;
    padding: 16px;
  }
  .single-product-container
    .add-to-cart-container
    .add-to-list-container
    .add-to-list-button {
    display: flex;
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    flex-wrap: nowrap;
    background: rgba(0, 0, 0, 0);
    padding: 0px;
    margin-bottom: 20px;
  }
  .single-product-container
    .add-to-cart-container
    .add-to-list-container
    .add-to-list-button
    span {
    font-size: 14px;
    font-weight: 400;
    color: #092b4d;
  }
  .single-product-container .add-to-cart-container .discount-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    flex-wrap: nowrap;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
  }
  .single-product-container
    .add-to-cart-container
    .discount-container
    .discount {
    display: flex;
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    flex-wrap: nowrap;
    padding: 20px 0px;
  }
  .single-product-container
    .add-to-cart-container
    .discount-container
    .discount
    span {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
  }
  .single-product-container .add-to-cart-container .description-container {
    padding: 20px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
  }
  .single-product-container
    .add-to-cart-container
    .description-container
    .description-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .single-product-container
    .add-to-cart-container
    .description-container
    .description-item
    .description-item-title {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
  }
  .single-product-container
    .add-to-cart-container
    .description-container
    .description-item
    .description-item-value {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    color: #000000;
  }
  .single-product-container
    .add-to-cart-container
    .description-container
    .description-item
    .description-item-value
    .status {
    font-size: 14px;
    font-weight: 600;
    color: #27ae60;
  }
  .single-product-container
    .add-to-cart-container
    .description-container
    .description-item:not(:last-child) {
    margin-bottom: 12px;
  }
  .single-product-container .add-to-cart-container .price-container {
    padding: 20px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
  }
  .single-product-container
    .add-to-cart-container
    .price-container
    .price-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .single-product-container
    .add-to-cart-container
    .price-container
    .price-item
    .price-item-title {
    display: flex;
    align-items: center;
    -moz-column-gap: 4px;
    column-gap: 4px;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
  }
  .single-product-container
    .add-to-cart-container
    .price-container
    .price-item
    .price-item-title
    .netto {
    font-size: 11px;
    font-weight: 400;
    color: #7e899f;
    align-self: flex-end;
  }
  .single-product-container
    .add-to-cart-container
    .price-container
    .price-item
    .price-item-value
    .sale-price {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    text-decoration: line-through;
  }
  .single-product-container
    .add-to-cart-container
    .price-container
    .price-item
    .price-item-value
    .price {
    display: flex;
    align-items: center;
    font-size: 22px;
    font-weight: 600;
    color: #000000;
  }
  .single-product-container
    .add-to-cart-container
    .price-container
    .price-item:not(:last-child) {
    margin-bottom: 12px;
  }
  .single-product-container
    .add-to-cart-container
    .add-to-cart
    .quantity-container {
    padding: 20px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .single-product-container
    .add-to-cart-container
    .add-to-cart
    .quantity-container
    .quantity {
    display: flex;
    flex-wrap: nowrap;
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
  .single-product-container
    .add-to-cart-container
    .add-to-cart
    .quantity-container
    .quantity
    .quantity-input {
    width: 80px;
    height: 36px;
    text-align: right;
    font-size: 14px;
    font-weight: 400;
    line-height: 1em;
    color: #000000;
    padding: 8.5px 15px;
    border: 1px solid #7e899f;
    border-radius: 4px;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
  }
  .single-product-container
    .add-to-cart-container
    .add-to-cart
    .quantity-container
    .quantity
    .quantity-input::-moz-placeholder {
    color: #7e899f;
  }
  .single-product-container
    .add-to-cart-container
    .add-to-cart
    .quantity-container
    .quantity
    .quantity-input::placeholder {
    color: #7e899f;
  }
  .single-product-container
    .add-to-cart-container
    .add-to-cart
    .quantity-container
    .quantity
    .quantity-input:focus {
    border: 1px solid #000000;
  }
  .single-product-container
    .add-to-cart-container
    .add-to-cart
    .quantity-container
    .quantity
    .quantity-input:focus::-moz-placeholder {
    color: #000000;
  }
  .single-product-container
    .add-to-cart-container
    .add-to-cart
    .quantity-container
    .quantity
    .quantity-input:focus::placeholder {
    color: #000000;
  }
  .single-product-container
    .add-to-cart-container
    .add-to-cart
    .quantity-container
    .quantity
    .quantity-input::-webkit-inner-spin-button,
  .single-product-container
    .add-to-cart-container
    .add-to-cart
    .quantity-container
    .quantity
    .quantity-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
  }
  .single-product-container
    .add-to-cart-container
    .add-to-cart
    .quantity-container
    .quantity
    .quantity-control {
    padding: 0px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    line-height: 1em;
    color: #000000;
    background: rgba(0, 0, 0, 0);
    border: 1px solid #7e899f;
    border-radius: 4px;
  }
  .single-product-container
    .add-to-cart-container
    .add-to-cart
    .quantity-container
    .quantity
    .quantity-control:hover {
    border: 1px solid #000000;
  }
  .single-product-container
    .add-to-cart-container
    .add-to-cart
    .add-to-cart-button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    -moz-column-gap: 12px;
    column-gap: 12px;
    width: 100%;
    height: 48px;
    background: #000000;
    border-radius: 4px;
  }
  .single-product-container
    .add-to-cart-container
    .add-to-cart
    .add-to-cart-button
    span {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1em;
  }
  .single-product-container
    .add-to-cart-container
    .add-to-cart
    .add-to-cart-button:hover {
    background: #3396f0;
  }
  .single-product-container .image-container {
    position: relative;
    width: 100%;
    height: 400px;
    padding: 60px 16px 100px 16px;
    background: #ffffff;
    border-radius: 20px;
  }
  .single-product-container .image-container .product-image {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 20px;
  }
  .single-product-container .image-container .product-logo {
    position: absolute;
    top: 12px;
    right: 12px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 80px;
  }
  .specification-descriptiopn-container {
    margin-top: 16px;
    display: flex;
    -moz-column-gap: 30px;
    column-gap: 30px;
    padding: 16px 16px 80px 16px;
  }
  .specification-descriptiopn-container .specification-container {
    width: 100%;
  }
  .specification-descriptiopn-container
    .specification-container
    .specification-list-container
    .title-container {
    margin-bottom: 24px;
  }
  .specification-descriptiopn-container
    .specification-container
    .specification-list-container
    .title-container
    .title {
    font-size: 28px;
    font-weight: 500;
    color: #092b4d;
    margin: 0px;
  }
  .specification-descriptiopn-container
    .specification-container
    .specification-list-container
    .specification-item-container
    .specification-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    -moz-column-gap: 8px;
    column-gap: 8px;
    padding: 12px 0px 11px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
  }
  .specification-descriptiopn-container
    .specification-container
    .specification-list-container
    .specification-item-container
    .specification-item
    .specification-item-title {
    display: flex;
    align-items: center;
    -moz-column-gap: 4px;
    column-gap: 4px;
    width: 50%;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4em;
    color: #092b4d;
  }
  .specification-descriptiopn-container
    .specification-container
    .specification-list-container
    .specification-item-container
    .specification-item
    .specification-item-value {
    display: flex;
    align-items: center;
    width: 50%;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4em;
    color: #092b4d;
  }
  .specification-descriptiopn-container .description-container {
    width: 50%;
  }
  .specification-descriptiopn-container
    .description-container
    .title-container {
    margin-bottom: 24px;
  }
  .specification-descriptiopn-container
    .description-container
    .title-container
    .title {
    font-size: 28px;
    font-weight: 500;
    color: #092b4d;
    margin: 0px;
  }
  .specification-descriptiopn-container .description-container .description {
    padding: 12px 0px 0px 0px;
  }
  .specification-descriptiopn-container
    .description-container
    .description
    .description-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4em;
    color: #092b4d;
  }
  .specification-descriptiopn-container:not(:has(.description-container))
    .specification-container {
    width: 100%;
  }
}
.single-news-container {
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  border-radius: 8px;
  padding: 0px;
  background: #ffffff;
  max-width: 1066px;
  margin: 0 auto;
}
.single-news-container hr {
  margin: 0px 0px 0px 0px;
  background: rgba(0, 0, 0, 0.1019607843);
}
.single-news-container h1 {
  padding: 40px 56px 40px 56px;
  font-size: 40px;
  font-weight: 200;
  color: #000000;
}
.single-news-container .text-block-container {
  padding: 40px 56px;
}
.single-news-container .text-block-container h2 {
  font-size: 20px;
  font-weight: 500;
  color: #000000;
  line-height: 1.6em;
  margin-bottom: 20px;
}
.single-news-container .text-block-container p {
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  line-height: 1.6em;
  margin-bottom: 40px;
}
.single-news-container .text-block-container p:last-child {
  margin: 0px;
}
.single-news-container .text-block-container iframe {
  margin-bottom: 40px;
  max-width: 100%;
}
.single-news-container .text-block-container ul li p {
  margin: 0px;
}

.upsell-container {
  max-width: 1066px;
  margin: 88px auto 100px auto;
}
.upsell-container .title-button-container {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 48px;
}
.upsell-container .title-button-container .title {
  margin: 0;
  font-size: 40px;
  line-height: 1.2em;
  font-weight: 300;
  color: #000000;
}
.upsell-container .title-button-container .all-button {
  color: #7e899f;
  font-size: 16px;
  line-height: 1.2em;
  font-weight: 500;
  border-bottom: 1px solid #7e899f;
}
.upsell-container .title-button-container .all-button:hover {
  color: #3396f0;
  border-bottom: 1px solid #3396f0;
}
.upsell-container .title-button-container .all-button:hover svg path {
  fill: #3396f0;
}
.upsell-container .upsell-product-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 16px 8px;
}
.upsell-container .upsell-product-container .upsell-product-card {
  padding: 31px 19px;
  background: #ffffff;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  border-radius: 8px;
}
.upsell-container
  .upsell-product-container
  .upsell-product-card
  .card-header-container {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 16px;
  left: 20px;
  right: 20px;
  align-items: center;
  background: #ffffff;
  border: none;
}
.upsell-container
  .upsell-product-container
  .upsell-product-card
  .card-image-container {
  width: 100%;
  height: 169px;
  margin-bottom: 16px;
}
.upsell-container
  .upsell-product-container
  .upsell-product-card
  .card-image-container
  img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.upsell-container
  .upsell-product-container
  .upsell-product-card
  .add-to-cart-container
  .brand-sku-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  width:100%;
}
.upsell-container
  .upsell-product-container
  .upsell-product-card
  .add-to-cart-container
  .brand-sku-container
  .brand,
.upsell-container
  .upsell-product-container
  .upsell-product-card
  .add-to-cart-container
  .brand-sku-container
  .sku {
  color: #7e899f;
  font-size: 11px;
  font-weight: 400;
  margin: 0px;
}
.upsell-container
  .upsell-product-container
  .upsell-product-card
  .add-to-cart-container
  .title-container {
  margin-bottom: 16px;
}
.upsell-container
  .upsell-product-container
  .upsell-product-card
  .add-to-cart-container
  .title-container
  .card-title {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  margin: 0px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 50.59px;
}
.upsell-container
  .upsell-product-container
  .upsell-product-card
  .add-to-cart-container
  .availability-sale-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2px;
}
.upsell-container
  .upsell-product-container
  .upsell-product-card
  .add-to-cart-container
  .availability-sale-container
  .availability {
  font-size: 11px;
  font-weight: 400;
  color: #27ae60;
  margin: 0px;
}
.upsell-container
  .upsell-product-container
  .upsell-product-card
  .add-to-cart-container
  .availability-sale-container
  .sale {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 5px;
  column-gap: 5px;
}
.upsell-container
  .upsell-product-container
  .upsell-product-card
  .add-to-cart-container
  .availability-sale-container
  .sale
  .sale-price {
  font-size: 11px;
  font-weight: 400;
  color: #000000;
  text-decoration: line-through;
  margin: 0px;
  line-height: 13px;
}
.upsell-container
  .upsell-product-container
  .upsell-product-card
  .add-to-cart-container
  .availability-sale-container
  .sale
  .sale-percentage {
  font-size: 11px;
  font-weight: 400;
  color: #7e899f;
  margin: 0px;
}
.upsell-container
  .upsell-product-container
  .upsell-product-card
  .add-to-cart-container
  .piece-price-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.upsell-container
  .upsell-product-container
  .upsell-product-card
  .add-to-cart-container
  .piece-price-container
  .piece {
  font-size: 12px;
  font-weight: 400;
  color: #000000;
  margin: 0px;
}
.upsell-container
  .upsell-product-container
  .upsell-product-card
  .add-to-cart-container
  .piece-price-container
  .price {
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  margin: 0px;
}
.upsell-container
  .upsell-product-container
  .upsell-product-card
  .add-to-cart-container
  .add-to-cart {
  display: flex;
  flex-wrap: nowrap;
  -moz-column-gap: 8px;
  column-gap: 8px;
  width: 100%;
}
.upsell-container
  .upsell-product-container
  .upsell-product-card
  .add-to-cart-container
  .add-to-cart
  .quantity {
  width: 100%;
  padding: 9px 14px 8px 14px;
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #7e899f;
  border-radius: 4px;
}
.upsell-container
  .upsell-product-container
  .upsell-product-card
  .add-to-cart-container
  .add-to-cart
  .quantity::-moz-placeholder {
  color: #7e899f;
}
.upsell-container
  .upsell-product-container
  .upsell-product-card
  .add-to-cart-container
  .add-to-cart
  .quantity::placeholder {
  color: #7e899f;
}
.upsell-container
  .upsell-product-container
  .upsell-product-card
  .add-to-cart-container
  .add-to-cart
  .add-to-cart-button {
  border: 1px solid #000000;
  border-radius: 4px;
  background: rgb(0, 0, 0);
  padding: 5px;
}
.upsell-container
  .upsell-product-container
  .upsell-product-card
  .add-to-cart-container
  .add-to-cart
  .add-to-cart-button:hover {
  background: #3396f0;
}
.upsell-container
  .upsell-product-container
  .upsell-product-card
  .add-to-cart-container
  .add-to-cart
  .add-to-cart-button:hover
  path {
  fill: #ffffff;
}
.upsell-container
  .upsell-product-container
  .upsell-product-card:hover
  .add-to-cart-button {
  background:  #3396f0; !important;
}
.upsell-container
  .upsell-product-container
  .upsell-product-card:hover
  .add-to-cart-button
  path {
  fill: #ffffff;
}

@media screen and (max-width: 767px) {
  .single-news-container {
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 8px;
    background: #ffffff;
  }
  .single-news-container hr {
    margin: 0px 0px 0px 0px;
    background: rgba(0, 0, 0, 0.1019607843);
  }
  .single-news-container h1 {
    padding: 32px 16px;
    font-size: 32px;
    font-weight: 200;
    color: #000000;
  }
  .single-news-container .text-block-container {
    padding: 32px 16px;
  }
  .single-news-container .text-block-container h2 {
    font-size: 20px;
    font-weight: 500;
    color: #000000;
    line-height: 1.6em;
    margin: 0px;
  }
  .single-news-container .text-block-container p {
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    line-height: 1.6em;
    margin-bottom: 25.6px;
  }
  .single-news-container .text-block-container p:last-child {
    margin: 0px;
  }
  .single-news-container .text-block-container ul li p {
    margin: 0px;
  }
}
.top-new-products-container {
  display: flex;
  flex-wrap: wrap;
  row-gap: 48px;
  padding: 0px 90px;
  background-image: url("../assets/img/misc/top-new-product-bg.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.top-new-products-container .top-products-container {
  width: 100%;
  position: relative;
  z-index: 0;
  border: 1px solid #3396f0;
  border-radius: 20px;
  padding: 48px 40px 56px 40px;
}
.top-new-products-container .top-products-container .blur {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(12.5px);
  backdrop-filter: blur(12.5px);
  border-radius: 20px;
  z-index: 0;
  overflow: hidden;
}
.top-new-products-container .top-products-container .title-button-container {
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 8px;
  column-gap: 8px;
  flex-wrap: nowrap;
  margin-bottom: 48px;
}
.top-new-products-container
  .top-products-container
  .title-button-container
  .title-container {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  flex-wrap: nowrap;
}

.top-new-products-container
  .top-products-container
  .title-button-container
  .title-container
  .title {
  color: #000000;
  font-size: 40px;
  font-weight: 300;
  margin: 0px;
}
.top-new-products-container
  .top-products-container
  .title-button-container
  .title-container
  .query-quantity {
  align-self: flex-end;
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  color: #7e899f;
  position: relative;
  bottom: 6px;
}
.top-new-products-container
  .top-products-container
  .title-button-container
  .all-button-container
  .all-button {
  font-size: 16px;
  font-weight: 500;
  color: #7e899f;
  border-bottom: 1px solid #7e899f;
}
.top-new-products-container
  .top-products-container
  .title-button-container
  .all-button-container
  .all-button:hover {
  color: #3396f0;
  border-bottom: 1px solid #3396f0;
}
.top-new-products-container
  .top-products-container
  .title-button-container
  .all-button-container
  .all-button:hover
  svg
  path {
  fill: #3396f0;
}
.top-new-products-container .top-products-container .products-slider-container {
  display: flex;
  padding: 0px 48px;
}
.top-new-products-container .new-products-container {
  width: 100%;
  position: relative;
  z-index: 0;
  border: 1px solid #ff6470;
  border-radius: 20px;
  padding: 48px 40px 56px 40px;
}
.top-new-products-container .new-products-container .blur {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(12.5px);
  backdrop-filter: blur(12.5px);
  border-radius: 20px;
  z-index: 0;
  overflow: hidden;
}
.top-new-products-container .new-products-container .title-button-container {
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 8px;
  column-gap: 8px;
  flex-wrap: nowrap;
  margin-bottom: 48px;
}
.top-new-products-container
  .new-products-container
  .title-button-container
  .title-container {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  flex-wrap: nowrap;
}
.top-new-products-container
  .new-products-container
  .title-button-container
  .title-container
  .title {
  color: #ff6470;
  font-size: 40px;
  font-weight: 300;
  margin: 0px;
}
.top-new-products-container
  .new-products-container
  .title-button-container
  .title-container
  .query-quantity {
  align-self: flex-end;
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  color: #7e899f;
  position: relative;
  bottom: 6px;
}
.top-new-products-container
  .new-products-container
  .title-button-container
  .all-button-container
  .all-button {
  font-size: 16px;
  font-weight: 500;
  color: #ff6470;
  border-bottom: 1px solid #ff6470;
}
.top-new-products-container
  .new-products-container
  .title-button-container
  .all-button-container
  .all-button
  svg
  path {
  fill: #ff6470;
}
.top-new-products-container
  .new-products-container
  .title-button-container
  .all-button-container
  .all-button:hover {
  color: #3396f0;
  border-bottom: 1px solid #3396f0;
}
.top-new-products-container
  .new-products-container
  .title-button-container
  .all-button-container
  .all-button:hover
  svg
  path {
  fill: #3396f0;
}
.top-new-products-container .new-products-container .products-slider-container {
  display: flex;
  padding: 0px 48px;
}

.substitute-related-container {
  display: flex;
  flex-wrap: wrap;
  row-gap: 48px;
  padding: 0px 90px;
}
.substitute-related-container .substitute-products-container,
.substitute-related-container .related-products-container {
  width: 100%;
  position: relative;
  z-index: 0;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  border-radius: 20px;
  padding: 48px 40px 56px 40px;
}
.substitute-related-container .substitute-products-container .blur,
.substitute-related-container .related-products-container .blur {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(12.5px);
  backdrop-filter: blur(12.5px);
  border-radius: 20px;
  z-index: 0;
}
.substitute-related-container
  .substitute-products-container
  .title-button-container,
.substitute-related-container
  .related-products-container
  .title-button-container {
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 8px;
  column-gap: 8px;
  flex-wrap: nowrap;
  margin-bottom: 48px;
}
.substitute-related-container
  .substitute-products-container
  .title-button-container
  .title-container,
.substitute-related-container
  .related-products-container
  .title-button-container
  .title-container {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  flex-wrap: nowrap;
}
.substitute-related-container
  .substitute-products-container
  .title-button-container
  .title-container
  .title,
.substitute-related-container
  .related-products-container
  .title-button-container
  .title-container
  .title {
  color: #000000;
  font-size: 40px;
  font-weight: 300;
  margin: 0px;
}
.substitute-related-container
  .substitute-products-container
  .title-button-container
  .title-container
  .query-quantity,
.substitute-related-container
  .related-products-container
  .title-button-container
  .title-container
  .query-quantity {
  align-self: flex-end;
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  color: #7e899f;
  position: relative;
  bottom: 6px;
}
.substitute-related-container
  .substitute-products-container
  .title-button-container
  .all-button-container
  .all-button,
.substitute-related-container
  .related-products-container
  .title-button-container
  .all-button-container
  .all-button {
  font-size: 16px;
  font-weight: 500;
  color: #7e899f;
  border-bottom: 1px solid #7e899f;
}
.substitute-related-container
  .substitute-products-container
  .title-button-container
  .all-button-container
  .all-button:hover,
.substitute-related-container
  .related-products-container
  .title-button-container
  .all-button-container
  .all-button:hover {
  color: #3396f0;
  border-bottom: 1px solid #3396f0;
}
.substitute-related-container
  .substitute-products-container
  .title-button-container
  .all-button-container
  .all-button:hover
  svg
  path,
.substitute-related-container
  .related-products-container
  .title-button-container
  .all-button-container
  .all-button:hover
  svg
  path {
  fill: #3396f0;
}
.substitute-related-container
  .substitute-products-container
  .products-slider-container,
.substitute-related-container
  .related-products-container
  .products-slider-container {
  display: flex;
  padding: 0px 48px;
}

@media screen and (max-width: 767px) {
  .top-new-products-container {
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
    padding: 0px 0px;
    background-image: url("../assets/img/misc/top-new-product-bg.png");
    background-size: contain;
    background-repeat: no-repeat;
  }
  .top-new-products-container .top-products-container {
    width: 100%;
    position: relative;
    z-index: 0;
    border: 1px solid #3396f0;
    border-radius: 20px;
    padding: 20px;
  }
  .top-new-products-container .top-products-container .blur {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.2);
    -webkit-backdrop-filter: blur(12.5px);
    backdrop-filter: blur(12.5px);
    border-radius: 20px;
    z-index: 0;
  }
  .top-new-products-container .top-products-container .title-button-container {
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    -moz-column-gap: 8px;
    column-gap: 8px;
    flex-wrap: nowrap;
    margin-bottom: 48px;
  }
  .top-new-products-container
    .top-products-container
    .title-button-container
    .title-container {
    display: flex;
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    flex-wrap: nowrap;
  }
  .top-new-products-container
    .top-products-container
    .title-button-container
    .title-container
    .title {
    color: #000000;
    font-size: 32px;
    font-weight: 300;
    margin: 0px;
  }
  .top-new-products-container
    .top-products-container
    .title-button-container
    .title-container
    .query-quantity {
    align-self: flex-end;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    color: #7e899f;
    position: relative;
    bottom: 6px;
  }
  .top-new-products-container
    .top-products-container
    .title-button-container
    .all-button-container
    .all-button {
    font-size: 16px;
    font-weight: 500;
    color: #7e899f;
    border-bottom: 1px solid #7e899f;
  }
  .top-new-products-container
    .top-products-container
    .title-button-container
    .all-button-container
    .all-button:hover {
    color: #3396f0;
    border-bottom: 1px solid #3396f0;
  }
  .top-new-products-container
    .top-products-container
    .title-button-container
    .all-button-container
    .all-button:hover
    svg
    path {
    fill: #3396f0;
  }
  .top-new-products-container
    .top-products-container
    .products-slider-container {
    display: flex;
    -moz-column-gap: 0px;
    column-gap: 0px;
    padding: 0px 0px;
  }
  .top-new-products-container .new-products-container {
    width: 100%;
    position: relative;
    z-index: 0;
    border: 1px solid #ff6470;
    border-radius: 20px;
    padding: 20px;
  }
  .top-new-products-container .new-products-container .blur {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.2);
    -webkit-backdrop-filter: blur(12.5px);
    backdrop-filter: blur(12.5px);
    border-radius: 20px;
    z-index: 0;
  }
  .top-new-products-container .new-products-container .title-button-container {
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    -moz-column-gap: 8px;
    column-gap: 8px;
    flex-wrap: nowrap;
    margin-bottom: 48px;
  }
  .top-new-products-container
    .new-products-container
    .title-button-container
    .title-container {
    display: flex;
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    flex-wrap: nowrap;
  }
  .top-new-products-container
    .new-products-container
    .title-button-container
    .title-container
    .title {
    color: #ff6470;
    font-size: 32px;
    font-weight: 300;
    margin: 0px;
  }
  .top-new-products-container
    .new-products-container
    .title-button-container
    .title-container
    .query-quantity {
    align-self: flex-end;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    color: #7e899f;
    position: relative;
    bottom: 6px;
  }
  .top-new-products-container
    .new-products-container
    .title-button-container
    .all-button-container
    .all-button {
    font-size: 16px;
    font-weight: 500;
    color: #ff6470;
    border-bottom: 1px solid #ff6470;
  }
  .top-new-products-container
    .new-products-container
    .title-button-container
    .all-button-container
    .all-button
    svg
    path {
    fill: #ff6470;
  }
  .top-new-products-container
    .new-products-container
    .title-button-container
    .all-button-container
    .all-button:hover {
    color: #3396f0;
    border-bottom: 1px solid #3396f0;
  }
  .top-new-products-container
    .new-products-container
    .title-button-container
    .all-button-container
    .all-button:hover
    svg
    path {
    fill: #3396f0;
  }
  .top-new-products-container
    .new-products-container
    .products-slider-container {
    display: flex;
    -moz-column-gap: 0px;
    column-gap: 0px;
    padding: 0px 0px;
  }
  .substitute-related-container {
    display: flex;
    flex-wrap: wrap;
    row-gap: 48px;
    padding: 0px 90px;
  }
  .substitute-related-container .substitute-products-container,
  .substitute-related-container .related-products-container {
    width: 100%;
    position: relative;
    z-index: 0;
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 20px;
    padding: 48px 40px 56px 40px;
  }
  .substitute-related-container .substitute-products-container .blur,
  .substitute-related-container .related-products-container .blur {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.2);
    -webkit-backdrop-filter: blur(12.5px);
    backdrop-filter: blur(12.5px);
    border-radius: 20px;
    z-index: 0;
  }
  .substitute-related-container
    .substitute-products-container
    .title-button-container,
  .substitute-related-container
    .related-products-container
    .title-button-container {
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    -moz-column-gap: 8px;
    column-gap: 8px;
    flex-wrap: nowrap;
    margin-bottom: 48px;
  }
  .substitute-related-container
    .substitute-products-container
    .title-button-container
    .title-container,
  .substitute-related-container
    .related-products-container
    .title-button-container
    .title-container {
    display: flex;
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    flex-wrap: nowrap;
  }
  .substitute-related-container
    .substitute-products-container
    .title-button-container
    .title-container
    .title,
  .substitute-related-container
    .related-products-container
    .title-button-container
    .title-container
    .title {
    color: #000000;
    font-size: 40px;
    font-weight: 300;
    margin: 0px;
  }
  .substitute-related-container
    .substitute-products-container
    .title-button-container
    .title-container
    .query-quantity,
  .substitute-related-container
    .related-products-container
    .title-button-container
    .title-container
    .query-quantity {
    align-self: flex-end;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    color: #7e899f;
    position: relative;
    bottom: 6px;
  }
  .substitute-related-container
    .substitute-products-container
    .title-button-container
    .all-button-container
    .all-button,
  .substitute-related-container
    .related-products-container
    .title-button-container
    .all-button-container
    .all-button {
    font-size: 16px;
    font-weight: 500;
    color: #7e899f;
    border-bottom: 1px solid #7e899f;
  }
  .substitute-related-container
    .substitute-products-container
    .title-button-container
    .all-button-container
    .all-button:hover,
  .substitute-related-container
    .related-products-container
    .title-button-container
    .all-button-container
    .all-button:hover {
    color: #3396f0;
    border-bottom: 1px solid #3396f0;
  }
  .substitute-related-container
    .substitute-products-container
    .title-button-container
    .all-button-container
    .all-button:hover
    svg
    path,
  .substitute-related-container
    .related-products-container
    .title-button-container
    .all-button-container
    .all-button:hover
    svg
    path {
    fill: #3396f0;
  }
  .substitute-related-container
    .substitute-products-container
    .products-slider-container,
  .substitute-related-container
    .related-products-container
    .products-slider-container {
    display: flex;
    padding: 0px 16px;
  }
}
/*CART PAGES*/
.progress-container {
  position: relative;
  margin: 55px 0px 44px 0px;
}
.progress-container .progress {
  position: absolute;
  bottom: 12px;
  height: 7px;
  width: 100%;
  z-index: 0;
}
.progress-container .progress-head {
  display: flex;
  justify-content: space-between;
}
.progress-container .progress-head .progress-status {
  z-index: 1;
}
.progress-container .progress-head .progress-status:nth-child(1) {
  text-align: left;
}
.progress-container .progress-head .progress-status:nth-child(2) {
  text-align: center;
}
.progress-container .progress-head .progress-status:nth-child(3) {
  text-align: center;
}
.progress-container .progress-head .progress-status:nth-child(4) {
  text-align: right;
}
.progress-container .progress-head .progress-status p {
  font-size: 14px;
  color: #000000;
  line-height: 1.5em;
  margin-bottom: 12px;
}
.progress-container .progress-head .progress-status img {
  width: 32px;
  height: 32px;
  border-radius: 100%;
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1019607843);
}

.cart-container {
  padding: 40px 0px 0 0;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  border-radius: 8px;
}
.cart-container .page-title-container {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
  padding: 0px 56px 40px 56px;
  margin: 0px 0px 32px 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.cart-container .page-title-container img {
  width: 48px;
  height: 48px;
}
.cart-container .page-title-container .page-title {
  color: #000000;
  font-size: 40px;
  font-weight: 200;
  line-height: 1.2em;
  padding: 0;
  margin: 0;
}
.cart-container .table-container .table {
  margin: 0px;
}
.cart-container .table-container .table thead tr:nth-child(1) th {
  padding: 0px 56px;
}
.cart-container
  .table-container
  .table
  thead
  tr:nth-child(1)
  th
  .fast-ordering-container
  .title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2em;
  color: #000000;
  margin: 0px;
}
.cart-container .table-container .table thead tr:nth-child(2) th:first-child {
  padding: 16px 0px 0px 56px;
}
.cart-container .table-container .table thead tr:nth-child(2) th:last-child {
  padding: 16px 56px 0px 0px;
}
.cart-container
  .table-container
  .table
  thead
  tr:nth-child(2)
  th
  .fast-add-to-cart-container {
  display: flex;
  gap: 16px;
  align-items: center;
  flex-wrap: nowrap;
}
.cart-container
  .table-container
  .table
  thead
  tr:nth-child(2)
  th
  .fast-add-to-cart-container
  input[type="text"] {
  border-radius: 20px;
  border: 1px solid #7e899f;
  padding: 11px 15px 10px 15px;
  width: 260px;
  font-size: 14px;
  color: #000000;
}
.cart-container
  .table-container
  .table
  thead
  tr:nth-child(2)
  th
  .fast-add-to-cart-container
  input[type="text"]::-moz-placeholder {
  color: #7e899f;
}
.cart-container
  .table-container
  .table
  thead
  tr:nth-child(2)
  th
  .fast-add-to-cart-container
  input[type="text"]::placeholder {
  color: #7e899f;
}
.cart-container
  .table-container
  .table
  thead
  tr:nth-child(2)
  th
  .fast-add-to-cart-container
  input[type="number"] {
  border-radius: 4px;
  border: 1px solid #7e899f;
  padding: 11px 15px 10px 15px;
  width: 80px;
  font-size: 14px;
  text-align: center;
  color: #000000;
}
.cart-container
  .table-container
  .table
  thead
  tr:nth-child(2)
  th
  .fast-add-to-cart-container
  input[type="number"]::-moz-placeholder {
  color: #7e899f;
}
.cart-container
  .table-container
  .table
  thead
  tr:nth-child(2)
  th
  .fast-add-to-cart-container
  input[type="number"]::placeholder {
  color: #7e899f;
}
.cart-container
  .table-container
  .table
  thead
  tr:nth-child(2)
  th
  .fast-add-to-cart-container
  .fast-add-to-cart-button {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  background: #7e899f;
  color: #ffffff;
  border-radius: 4px;
  border: 1px solid #7e899f;
  padding: 5px 13px 5px 9px;
  gap: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2em;
}
.cart-container
  .table-container
  .table
  thead
  tr:nth-child(2)
  th
  .fast-add-to-cart-container
  .fast-add-to-cart-button:hover {
  background: #3396f0;
  border-color: #3396f0;
}
.cart-container
  .table-container
  .table
  thead
  tr:nth-child(2)
  th
  .upload-download-container {
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  display: flex;
  gap: 16px;
}
.cart-container
  .table-container
  .table
  thead
  tr:nth-child(2)
  th
  .upload-download-container
  .upload-button,
.cart-container
  .table-container
  .table
  thead
  tr:nth-child(2)
  th
  .upload-download-container
  .download-button {
  display: flex;
  gap: 8px;
  flex-wrap: nowrap;
  align-items: center;
  background: #ffffff;
}
.cart-container
  .table-container
  .table
  thead
  tr:nth-child(2)
  th
  .upload-download-container
  .upload-button
  span,
.cart-container
  .table-container
  .table
  thead
  tr:nth-child(2)
  th
  .upload-download-container
  .download-button
  span {
  font-size: 14px;
  font-weight: 500;
}
.cart-container
  .table-container
  .table
  thead
  tr:nth-child(2)
  th
  .upload-download-container
  .upload-button
  svg,
.cart-container
  .table-container
  .table
  thead
  tr:nth-child(2)
  th
  .upload-download-container
  .download-button
  svg {
  padding: 8px;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: 1px solid #7e899f;
}
.cart-container
  .table-container
  .table
  thead
  tr:nth-child(2)
  th
  .upload-download-container
  .upload-button:hover
  span,
.cart-container
  .table-container
  .table
  thead
  tr:nth-child(2)
  th
  .upload-download-container
  .download-button:hover
  span {
  color: #3396f0;
}
.cart-container
  .table-container
  .table
  thead
  tr:nth-child(2)
  th
  .upload-download-container
  .upload-button:hover
  svg,
.cart-container
  .table-container
  .table
  thead
  tr:nth-child(2)
  th
  .upload-download-container
  .download-button:hover
  svg {
  border: 1px solid #3396f0;
}
.cart-container .table-container .table thead tr:nth-child(3) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.cart-container .table-container .table thead tr:nth-child(3) th {
  padding: 20px;
}
.cart-container .table-container .table thead tr:nth-child(4) th {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: #000000;
  padding: 40px 4px 0px 4px;
  min-width: 130px;
}
.cart-container .table-container .table thead tr:nth-child(4) th:nth-child(1) {
  min-width: 90px;
  padding-left: 56px;
}
.cart-container .table-container .table thead tr:nth-child(4) th:nth-child(2) {
  min-width: 270px;
}
.cart-container .table-container .table thead tr:nth-child(4) th:nth-child(3) {
  min-width: 70px;
  text-align: left;
}
.cart-container .table-container .table thead tr:nth-child(4) th:nth-child(4) {
  min-width: 190px;
  text-align: left;
}
.cart-container .table-container .table thead tr:nth-child(4) th:nth-child(5) {
  min-width: 70px;
  text-align: right;
}
.cart-container .table-container .table thead tr:nth-child(4) th:nth-child(6) {
  min-width: 80px;
  text-align: right;
}
.cart-container .table-container .table thead tr:nth-child(4) th:nth-child(7) {
  text-align: right;
}
.cart-container .table-container .table thead tr:nth-child(4) th:nth-child(8) {
  text-align: right;
}
.cart-container .table-container .table thead tr:nth-child(4) th:nth-child(9) {
  text-align: right;
  padding-right: 56px;
}
.cart-container .table-container .table tbody tr.bskAlert1 {
  background: #ffc908;
  --bs-alert-margin-bottom: 0px !important;
  --bs-alert-border: none !important;
  --bs-alert-border-radius: none !important;
}
.cart-container .table-container .table tbody tr.bskAlert2 {
  background: #ffe34f;
  --bs-alert-margin-bottom: 0px !important;
  --bs-alert-border: none !important;
  --bs-alert-border-radius: none !important;
}
.cart-container .table-container .table tbody tr td {
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  padding: 14px 4px 14px 4px;
  min-width: 130px;
  vertical-align: middle;
}
.cart-container .table-container .table tbody tr td .input-container {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
}
.cart-container
  .table-container
  .table
  tbody
  tr
  td
  .input-container
  input[type="number"] {
  width: 80px;
  height: 40px;
  color: #000000;
  text-align: center;
  border: 1px solid #7e899f;
  border-radius: 4px;
  padding: 8px;
  font-size: 14px;
  font-weight: 400;
  background: rgba(0, 0, 0, 0);
}
.cart-container
  .table-container
  .table
  tbody
  tr
  td
  .input-container
  input[type="number"]::-moz-placeholder {
  color: #7e899f;
  opacity: 1;
}
.cart-container
  .table-container
  .table
  tbody
  tr
  td
  .input-container
  input[type="number"]::placeholder {
  color: #7e899f;
  opacity: 1;
}
.cart-container
  .table-container
  .table
  tbody
  tr
  td
  .input-container
  .packaging {
  margin: 0px;
}
.cart-container
  .table-container
  .table
  tbody
  tr
  td
  .input-container
  .refresh-button {
  background: rgba(0, 0, 0, 0);
  padding: 8px;
}
.cart-container .table-container .table tbody tr td .add-to-cart-button {
  background: #ffffff;
  border: 1px solid #7e899f;
  border-radius: 4px;
  padding: 7px;
}
.cart-container .table-container .table tbody tr td .add-to-list-button {
  background: rgba(0, 0, 0, 0);
  padding: 8px;
}
.cart-container .table-container .table tbody tr td .comment-button {
  background: rgba(0, 0, 0, 0);
  padding: 8px;
}
.cart-container .table-container .table tbody tr td .delete-button {
  background: rgba(0, 0, 0, 0);
  padding: 8px;
}
.cart-container .table-container .table tbody tr td:nth-child(1) {
  padding-left: 56px;
  min-width: 90px;
  font-size: 11px;
}
.cart-container .table-container .table tbody tr td:nth-child(2) {
  font-size: 14px;
  min-width: 270px;
}
.cart-container .table-container .table tbody tr td:nth-child(3) {
  min-width: 70px;
  text-align: left;
}
.cart-container .table-container .table tbody tr td:nth-child(4) {
  min-width: 190px;
  text-align: left;
}
.cart-container .table-container .table tbody tr td:nth-child(5) {
  min-width: 70px;
  text-align: right;
}
.cart-container .table-container .table tbody tr td:nth-child(6) {
  min-width: 80px;
  text-align: right;
}
.cart-container .table-container .table tbody tr td:nth-child(7) {
  text-align: right;
}
.cart-container .table-container .table tbody tr td:nth-child(8) {
  text-align: right;
}
.cart-container .table-container .table tbody tr td:nth-child(9) {
  text-align: right;
  padding-right: 56px;
}
.cart-container .table-container .table tfoot tr:nth-child(1) td {
  padding: 14px 56px;
}
.cart-container .table-container .table tfoot tr:nth-child(2) td {
  padding: 0px 56px;
}
.cart-container .table-container .table tfoot tr:nth-child(2) td ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cart-container .table-container .table tfoot tr:nth-child(2) td ul li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2em;
  color: black;
}
.cart-container
  .table-container
  .table
  tfoot
  tr:nth-child(2)
  td
  ul
  li.bskAlert1
  svg
  path {
  fill: #ffc908;
}
.cart-container
  .table-container
  .table
  tfoot
  tr:nth-child(2)
  td
  ul
  li.bskAlert2
  path {
  fill: #ffe34f;
}
.cart-container .table-container .table tfoot tr:nth-child(3) td {
  padding: 12px 56px 0px 56px;
}
.cart-container
  .table-container
  .table
  tfoot
  tr:nth-child(3)
  td
  .refresh-cart-button {
  padding: 11px 17px;
  display: flex;
  gap: 10px;
  flex-wrap: nowrap;
  border: 1px solid #7e899f;
  border-radius: 25px;
  align-items: center;
  background: #ffffff;
  margin: 0 0 0 auto;
}
.cart-container
  .table-container
  .table
  tfoot
  tr:nth-child(3)
  td
  .refresh-cart-button
  svg
  path {
  fill: #000000;
}
.cart-container
  .table-container
  .table
  tfoot
  tr:nth-child(3)
  td
  .refresh-cart-button
  span {
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2em;
}
.cart-container
  .table-container
  .table
  tfoot
  tr:nth-child(3)
  td
  .refresh-cart-button:hover {
  background: #3396f0;
  border-color: #3396f0;
}
.cart-container
  .table-container
  .table
  tfoot
  tr:nth-child(3)
  td
  .refresh-cart-button:hover
  span {
  color: #ffffff;
}
.cart-container
  .table-container
  .table
  tfoot
  tr:nth-child(3)
  td
  .refresh-cart-button:hover
  svg
  path {
  fill: #ffffff;
}
.cart-container .table-container .table tfoot tr:nth-child(4) td {
  padding: 40px 56px 40px 56px;
}
.cart-container
  .table-container
  .table
  tfoot
  tr:nth-child(4)
  td
  .comment-input-container
  input[type="text"] {
  width: 100%;
  border: 1px solid #7e899f;
  border-radius: 4px;
  padding: 10px 15px;
  color: #000000;
  font-size: 14px;
}
.cart-container
  .table-container
  .table
  tfoot
  tr:nth-child(4)
  td
  .comment-input-container
  input[type="text"]::-moz-placeholder {
  color: #7e899f;
}
.cart-container
  .table-container
  .table
  tfoot
  tr:nth-child(4)
  td
  .comment-input-container
  input[type="text"]::placeholder {
  color: #7e899f;
}
.cart-container .table-container .table tfoot tr:nth-child(5) td {
  font-size: 11px;
  border-top: 1px solid rgba(0, 0, 0, 0.1019607843);
  text-align: right;
  padding: 40px 4px 20px 4px;
}
.cart-container .table-container .table tfoot tr:nth-child(5) td:nth-child(1) {
  padding-left: 56px;
}
.cart-container .table-container .table tfoot tr:nth-child(5) td:nth-child(4) {
  padding-right: 56px;
}
.cart-container .table-container .table tfoot tr:nth-child(6) td {
  font-size: 16px;
  font-weight: 500;
  text-align: right;
  padding: 20px 4px 40px 4px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.cart-container .table-container .table tfoot tr:nth-child(6) td:nth-child(1) {
  text-align: left;
  font-size: 40px;
  font-weight: 200;
  padding-left: 56px;
}
.cart-container .table-container .table tfoot tr:nth-child(6) td:nth-child(4) {
  padding-right: 56px;
}
.cart-container .table-container .table tfoot tr:nth-child(7) td {
  padding: 40px 56px 40px 56px;
}
.cart-container
  .table-container
  .table
  tfoot
  tr:nth-child(7)
  td
  .delete-cart-button {
  background: rgba(0, 0, 0, 0);
  color: #000000;
  border: 1px solid #7e899f;
  border-radius: 25px;
  padding: 13.5px 23px;
  font-size: 16px;
  font-weight: 500;
}
.cart-container
  .table-container
  .table
  tfoot
  tr:nth-child(7)
  td
  .delete-cart-button:hover {
  background: #3396f0;
  border-color: #3396f0;
  color: #ffffff;
}
.cart-container
  .table-container
  .table
  tfoot
  tr:nth-child(7)
  td
  .submit-button {
  background: #7e899f;
  color: #ffffff;
  border: 1px solid #7e899f;
  border-radius: 25px;
  padding: 13.5px 23px;
  font-size: 16px;
  font-weight: 500;
}
.cart-container
  .table-container
  .table
  tfoot
  tr:nth-child(7)
  td
  .submit-button:hover {
  background: #3396f0;
  border-color: #3396f0;
  color: #ffffff;
}

.order-payment-container {
  padding: 40px 0px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  border-radius: 8px;
  margin-bottom: 100px;
}
.order-payment-container .order-data-title-container,
.order-payment-container .payment-title-container {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.order-payment-container .payment-title-container {
  padding-top: 40px;
}
.order-payment-container .input {
  display: flex;
  align-items: center;
  gap: 24px;
}
.order-payment-container .input label {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2em;
  color: #000000;
}
.order-payment-container .input input[type="radio"] {
  width: 18px;
  height: 18px;
}
.order-payment-container .price-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.order-payment-container .price-container .price {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2em;
  color: black;
}
.order-payment-container .order-data-container .order-data-title,
.order-payment-container .order-data-container .payment-title,
.order-payment-container .payment-container .order-data-title,
.order-payment-container .payment-container .payment-title {
  color: #000000;
  font-size: 40px;
  font-weight: 200;
  line-height: 1.2em;
  margin: 0;
  padding: 0px 56px;
}
.order-payment-container .shipping-method-container,
.order-payment-container .pay-method-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0px 56px;
}
.order-payment-container .shipping-method-container .shipping-method,
.order-payment-container .shipping-method-container .pay-method,
.order-payment-container .pay-method-container .shipping-method,
.order-payment-container .pay-method-container .pay-method {
  padding: 40px 56px;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  border-radius: 8px;
}
.order-payment-container
  .shipping-method-container
  .shipping-method
  .shipping-method-head-container,
.order-payment-container
  .shipping-method-container
  .shipping-method
  .pay-head-container,
.order-payment-container
  .shipping-method-container
  .pay-method
  .shipping-method-head-container,
.order-payment-container
  .shipping-method-container
  .pay-method
  .pay-head-container,
.order-payment-container
  .pay-method-container
  .shipping-method
  .shipping-method-head-container,
.order-payment-container
  .pay-method-container
  .shipping-method
  .pay-head-container,
.order-payment-container
  .pay-method-container
  .pay-method
  .shipping-method-head-container,
.order-payment-container .pay-method-container .pay-method .pay-head-container {
  padding-bottom: 32px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.order-payment-container
  .shipping-method-container
  .shipping-method
  .shipping-method-head-container
  .input-container,
.order-payment-container
  .shipping-method-container
  .shipping-method
  .pay-head-container
  .input-container,
.order-payment-container
  .shipping-method-container
  .pay-method
  .shipping-method-head-container
  .input-container,
.order-payment-container
  .shipping-method-container
  .pay-method
  .pay-head-container
  .input-container,
.order-payment-container
  .pay-method-container
  .shipping-method
  .shipping-method-head-container
  .input-container,
.order-payment-container
  .pay-method-container
  .shipping-method
  .pay-head-container
  .input-container,
.order-payment-container
  .pay-method-container
  .pay-method
  .shipping-method-head-container
  .input-container,
.order-payment-container
  .pay-method-container
  .pay-method
  .pay-head-container
  .input-container {
  display: flex;
  flex-wrap: nowrap;
  gap: 48px;
}
.order-payment-container
  .shipping-method-container
  .shipping-method
  .pay-head-container,
.order-payment-container
  .shipping-method-container
  .pay-method
  .pay-head-container,
.order-payment-container
  .pay-method-container
  .shipping-method
  .pay-head-container,
.order-payment-container .pay-method-container .pay-method .pay-head-container {
  padding: 0px;
  border-bottom: 0px;
}
.order-payment-container
  .shipping-method-container
  .shipping-method
  .description-container,
.order-payment-container
  .shipping-method-container
  .pay-method
  .description-container,
.order-payment-container
  .pay-method-container
  .shipping-method
  .description-container,
.order-payment-container
  .pay-method-container
  .pay-method
  .description-container {
  padding: 32px 0px 0px 0px;
  max-width: 563px;
}
.order-payment-container
  .shipping-method-container
  .shipping-method
  .description-container
  p,
.order-payment-container
  .shipping-method-container
  .pay-method
  .description-container
  p,
.order-payment-container
  .pay-method-container
  .shipping-method
  .description-container
  p,
.order-payment-container
  .pay-method-container
  .pay-method
  .description-container
  p {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2em;
  color: #7e899f;
  margin: 0px;
}
.order-payment-container
  .shipping-method-container
  .shipping-method
  .shipping-method-body-container,
.order-payment-container
  .shipping-method-container
  .shipping-method
  .pay-method-body-container,
.order-payment-container
  .shipping-method-container
  .pay-method
  .shipping-method-body-container,
.order-payment-container
  .shipping-method-container
  .pay-method
  .pay-method-body-container,
.order-payment-container
  .pay-method-container
  .shipping-method
  .shipping-method-body-container,
.order-payment-container
  .pay-method-container
  .shipping-method
  .pay-method-body-container,
.order-payment-container
  .pay-method-container
  .pay-method
  .shipping-method-body-container,
.order-payment-container
  .pay-method-container
  .pay-method
  .pay-method-body-container {
  padding-top: 32px;
}
.order-payment-container
  .shipping-method-container
  .shipping-method
  .shipping-method-body-container
  label,
.order-payment-container
  .shipping-method-container
  .shipping-method
  .pay-method-body-container
  label,
.order-payment-container
  .shipping-method-container
  .pay-method
  .shipping-method-body-container
  label,
.order-payment-container
  .shipping-method-container
  .pay-method
  .pay-method-body-container
  label,
.order-payment-container
  .pay-method-container
  .shipping-method
  .shipping-method-body-container
  label,
.order-payment-container
  .pay-method-container
  .shipping-method
  .pay-method-body-container
  label,
.order-payment-container
  .pay-method-container
  .pay-method
  .shipping-method-body-container
  label,
.order-payment-container
  .pay-method-container
  .pay-method
  .pay-method-body-container
  label {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 400;
  color: #000000;
  margin-bottom: 10px;
  display: block;
}
.order-payment-container
  .shipping-method-container
  .shipping-method
  .shipping-method-body-container
  .opening-container,
.order-payment-container
  .shipping-method-container
  .shipping-method
  .pay-method-body-container
  .opening-container,
.order-payment-container
  .shipping-method-container
  .pay-method
  .shipping-method-body-container
  .opening-container,
.order-payment-container
  .shipping-method-container
  .pay-method
  .pay-method-body-container
  .opening-container,
.order-payment-container
  .pay-method-container
  .shipping-method
  .shipping-method-body-container
  .opening-container,
.order-payment-container
  .pay-method-container
  .shipping-method
  .pay-method-body-container
  .opening-container,
.order-payment-container
  .pay-method-container
  .pay-method
  .shipping-method-body-container
  .opening-container,
.order-payment-container
  .pay-method-container
  .pay-method
  .pay-method-body-container
  .opening-container {
  padding: 12px 12px 0px 12px;
}
.order-payment-container
  .shipping-method-container
  .shipping-method
  .shipping-method-body-container
  .opening-container
  p,
.order-payment-container
  .shipping-method-container
  .shipping-method
  .pay-method-body-container
  .opening-container
  p,
.order-payment-container
  .shipping-method-container
  .pay-method
  .shipping-method-body-container
  .opening-container
  p,
.order-payment-container
  .shipping-method-container
  .pay-method
  .pay-method-body-container
  .opening-container
  p,
.order-payment-container
  .pay-method-container
  .shipping-method
  .shipping-method-body-container
  .opening-container
  p,
.order-payment-container
  .pay-method-container
  .shipping-method
  .pay-method-body-container
  .opening-container
  p,
.order-payment-container
  .pay-method-container
  .pay-method
  .shipping-method-body-container
  .opening-container
  p,
.order-payment-container
  .pay-method-container
  .pay-method
  .pay-method-body-container
  .opening-container
  p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4em;
  color: #7e899f;
  margin: 0px;
}
.order-payment-container
  .shipping-method-container
  .shipping-method
  .shipping-method-body-container
  select,
.order-payment-container
  .shipping-method-container
  .shipping-method
  .pay-method-body-container
  select,
.order-payment-container
  .shipping-method-container
  .pay-method
  .shipping-method-body-container
  select,
.order-payment-container
  .shipping-method-container
  .pay-method
  .pay-method-body-container
  select,
.order-payment-container
  .pay-method-container
  .shipping-method
  .shipping-method-body-container
  select,
.order-payment-container
  .pay-method-container
  .shipping-method
  .pay-method-body-container
  select,
.order-payment-container
  .pay-method-container
  .pay-method
  .shipping-method-body-container
  select,
.order-payment-container
  .pay-method-container
  .pay-method
  .pay-method-body-container
  select {
  padding: 11px 15px 10px 15px;
  border: 1px solid #7e899f;
  border-radius: 25px;
  color: #000000;
  appearance: none;
  width: 100%;
  max-width: 563px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  background: url("../assets/icons/select-chevron.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) center;
}
.order-payment-container
  .shipping-method-container
  .shipping-method
  .shipping-method-body-container
  .comment-container,
.order-payment-container
  .shipping-method-container
  .shipping-method
  .pay-method-body-container
  .comment-container,
.order-payment-container
  .shipping-method-container
  .pay-method
  .shipping-method-body-container
  .comment-container,
.order-payment-container
  .shipping-method-container
  .pay-method
  .pay-method-body-container
  .comment-container,
.order-payment-container
  .pay-method-container
  .shipping-method
  .shipping-method-body-container
  .comment-container,
.order-payment-container
  .pay-method-container
  .shipping-method
  .pay-method-body-container
  .comment-container,
.order-payment-container
  .pay-method-container
  .pay-method
  .shipping-method-body-container
  .comment-container,
.order-payment-container
  .pay-method-container
  .pay-method
  .pay-method-body-container
  .comment-container {
  margin-top: 20px;
}
.order-payment-container
  .shipping-method-container
  .shipping-method
  .shipping-method-body-container
  .comment-container
  input[type="text"],
.order-payment-container
  .shipping-method-container
  .shipping-method
  .pay-method-body-container
  .comment-container
  input[type="text"],
.order-payment-container
  .shipping-method-container
  .pay-method
  .shipping-method-body-container
  .comment-container
  input[type="text"],
.order-payment-container
  .shipping-method-container
  .pay-method
  .pay-method-body-container
  .comment-container
  input[type="text"],
.order-payment-container
  .pay-method-container
  .shipping-method
  .shipping-method-body-container
  .comment-container
  input[type="text"],
.order-payment-container
  .pay-method-container
  .shipping-method
  .pay-method-body-container
  .comment-container
  input[type="text"],
.order-payment-container
  .pay-method-container
  .pay-method
  .shipping-method-body-container
  .comment-container
  input[type="text"],
.order-payment-container
  .pay-method-container
  .pay-method
  .pay-method-body-container
  .comment-container
  input[type="text"] {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2em;
  color: #000000;
  padding: 11px 15px 10px 15px;
  border: 1px solid #7e899f;
  border-radius: 25px;
  width: 100%;
  max-width: 563px;
}
.order-payment-container
  .shipping-method-container
  .shipping-method
  .shipping-method-body-container
  .comment-container
  input[type="text"]::-moz-placeholder,
.order-payment-container
  .shipping-method-container
  .shipping-method
  .pay-method-body-container
  .comment-container
  input[type="text"]::-moz-placeholder,
.order-payment-container
  .shipping-method-container
  .pay-method
  .shipping-method-body-container
  .comment-container
  input[type="text"]::-moz-placeholder,
.order-payment-container
  .shipping-method-container
  .pay-method
  .pay-method-body-container
  .comment-container
  input[type="text"]::-moz-placeholder,
.order-payment-container
  .pay-method-container
  .shipping-method
  .shipping-method-body-container
  .comment-container
  input[type="text"]::-moz-placeholder,
.order-payment-container
  .pay-method-container
  .shipping-method
  .pay-method-body-container
  .comment-container
  input[type="text"]::-moz-placeholder,
.order-payment-container
  .pay-method-container
  .pay-method
  .shipping-method-body-container
  .comment-container
  input[type="text"]::-moz-placeholder,
.order-payment-container
  .pay-method-container
  .pay-method
  .pay-method-body-container
  .comment-container
  input[type="text"]::-moz-placeholder {
  color: #7e899f;
}
.order-payment-container
  .shipping-method-container
  .shipping-method
  .shipping-method-body-container
  .comment-container
  input[type="text"]::placeholder,
.order-payment-container
  .shipping-method-container
  .shipping-method
  .pay-method-body-container
  .comment-container
  input[type="text"]::placeholder,
.order-payment-container
  .shipping-method-container
  .pay-method
  .shipping-method-body-container
  .comment-container
  input[type="text"]::placeholder,
.order-payment-container
  .shipping-method-container
  .pay-method
  .pay-method-body-container
  .comment-container
  input[type="text"]::placeholder,
.order-payment-container
  .pay-method-container
  .shipping-method
  .shipping-method-body-container
  .comment-container
  input[type="text"]::placeholder,
.order-payment-container
  .pay-method-container
  .shipping-method
  .pay-method-body-container
  .comment-container
  input[type="text"]::placeholder,
.order-payment-container
  .pay-method-container
  .pay-method
  .shipping-method-body-container
  .comment-container
  input[type="text"]::placeholder,
.order-payment-container
  .pay-method-container
  .pay-method
  .pay-method-body-container
  .comment-container
  input[type="text"]::placeholder {
  color: #7e899f;
}
.order-payment-container .button-container {
  margin-top: 40px;
  padding: 40px 56px 0px 56px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.order-payment-container .back-button {
  background: rgba(0, 0, 0, 0);
  color: #000000;
  border: 1px solid #000000;
  border-radius: 25px;
  padding: 13.5px 23px;
  font-size: 16px;
  font-weight: 500;
}
.order-payment-container .back-button:hover {
  background: #3396f0;
  border-color: #3396f0;
  color: #ffffff;
}
.order-payment-container .submit-button {
  background: #7e899f;
  color: #ffffff;
  border: 1px solid #7e899f;
  border-radius: 25px;
  padding: 13.5px 23px;
  font-size: 16px;
  font-weight: 500;
}
.order-payment-container .submit-button:hover {
  background: #3396f0;
  border-color: #3396f0;
  color: #ffffff;
}

.order-container {
  padding: 40px 0px 0px 0px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  border-radius: 8px;
}
.order-container .page-title-container {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
  padding: 0px 56px 40px 56px;
  margin: 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.order-container .page-title-container img {
  width: 48px;
  height: 48px;
}
.order-container .page-title-container .page-title {
  color: #000000;
  font-size: 40px;
  font-weight: 200;
  line-height: 1.2em;
  padding: 0;
  margin: 0;
}
.order-container .shipping-payment-container .shipping-payment-head-container {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.order-container
  .shipping-payment-container
  .shipping-payment-head-container
  .selected-shipping-container {
  border-right: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.order-container
  .shipping-payment-container
  .shipping-payment-head-container
  .selected-shipping-container,
.order-container
  .shipping-payment-container
  .shipping-payment-head-container
  .selected-payment-container {
  width: 50%;
  display: flex;
  align-items: center;
  gap: 48px;
  padding: 40px 56px;
}
.order-container
  .shipping-payment-container
  .shipping-payment-head-container
  .selected-shipping-container
  .title,
.order-container
  .shipping-payment-container
  .shipping-payment-head-container
  .selected-payment-container
  .title {
  margin: 0px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2em;
}
.order-container
  .shipping-payment-container
  .shipping-payment-head-container
  .selected-shipping-container
  .selected-shipping,
.order-container
  .shipping-payment-container
  .shipping-payment-head-container
  .selected-payment-container
  .selected-shipping {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.order-container
  .shipping-payment-container
  .shipping-payment-head-container
  .selected-shipping-container
  .selected-shipping
  .title,
.order-container
  .shipping-payment-container
  .shipping-payment-head-container
  .selected-payment-container
  .selected-shipping
  .title {
  margin: 0px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2em;
}
.order-container
  .shipping-payment-container
  .shipping-payment-head-container
  .selected-shipping-container
  .selected-shipping
  .price,
.order-container
  .shipping-payment-container
  .shipping-payment-head-container
  .selected-payment-container
  .selected-shipping
  .price {
  margin: 0px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2em;
}
.order-container .shipping-payment-container .shipping-payment-body-container {
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.order-container
  .shipping-payment-container
  .shipping-payment-body-container
  .shipping-details {
  border-right: 1px solid rgba(0, 0, 0, 0.1019607843);
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 40px 56px;
  width: 50%;
}
.order-container
  .shipping-payment-container
  .shipping-payment-body-container
  .shipping-details
  .title {
  font-size: 11px;
  font-weight: 400;
  line-height: 1.2em;
  color: #000000;
  text-transform: uppercase;
  margin: 0px;
}
.order-container
  .shipping-payment-container
  .shipping-payment-body-container
  .shipping-details
  .description {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2em;
  color: #000000;
  margin: 0px;
}
.order-container
  .shipping-payment-container
  .shipping-payment-body-container
  .shipping-details
  .shipping-address {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.order-container
  .shipping-payment-container
  .shipping-payment-body-container
  .shipping-details
  .date-tel-container {
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
}
.order-container
  .shipping-payment-container
  .shipping-payment-body-container
  .shipping-details
  .date-tel-container
  .date {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.order-container
  .shipping-payment-container
  .shipping-payment-body-container
  .shipping-details
  .date-tel-container
  .tel {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.order-container
  .shipping-payment-container
  .shipping-payment-body-container
  .shipping-details
  .comment {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.order-container
  .shipping-payment-container
  .shipping-payment-body-container
  .payment-details {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 40px 56px;
  width: 50%;
}
.order-container
  .shipping-payment-container
  .shipping-payment-body-container
  .payment-details
  .title {
  font-size: 11px;
  font-weight: 400;
  line-height: 1.2em;
  color: #000000;
  text-transform: uppercase;
  margin: 0px;
}
.order-container
  .shipping-payment-container
  .shipping-payment-body-container
  .payment-details
  .description {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2em;
  color: #000000;
  margin: 0px;
}
.order-container
  .shipping-payment-container
  .shipping-payment-body-container
  .payment-details
  .comment {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.order-container .table-container .table {
  margin: 0px;
}
.order-container .table-container .table thead tr th {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: #000000;
  padding: 40px 4px;
  min-width: 130px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.order-container .table-container .table thead tr th:nth-child(1) {
  min-width: 146px;
  padding-left: 56px;
  width: 146px;
}
.order-container .table-container .table thead tr th:nth-child(2) {
  min-width: 370px;
}
.order-container .table-container .table thead tr th:nth-child(3) {
  min-width: 150px;
  text-align: left;
}
.order-container .table-container .table thead tr th:nth-child(4) {
  min-width: 120px;
  text-align: left;
}
.order-container .table-container .table thead tr th:nth-child(5) {
  min-width: 120px;
  text-align: right;
}
.order-container .table-container .table thead tr th:nth-child(6) {
  min-width: 120px;
  text-align: right;
}
.order-container .table-container .table thead tr th:nth-child(7) {
  text-align: right;
  padding-right: 56px;
  min-width: 176px;
}
.order-container .table-container .table tbody tr:first-child td {
  padding-top: 40px;
}
.order-container .table-container .table tbody tr:last-child td {
  padding-bottom: 40px;
}
.order-container .table-container .table tbody tr td {
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  padding: 8px 4px 12px 4px;
  min-width: 130px;
  vertical-align: middle;
}
.order-container .table-container .table tbody tr td .input-container {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  align-items: center;
  justify-content: center;
}
.order-container
  .table-container
  .table
  tbody
  tr
  td
  .input-container
  input[type="number"] {
  width: 80px;
  height: 40px;
  color: #000000;
  text-align: center;
  border: 1px solid #7e899f;
  border-radius: 4px;
  padding: 8px;
  font-size: 14px;
  font-weight: 400;
}
.order-container
  .table-container
  .table
  tbody
  tr
  td
  .input-container
  input[type="number"]::-moz-placeholder {
  color: #7e899f;
  opacity: 1;
}
.order-container
  .table-container
  .table
  tbody
  tr
  td
  .input-container
  input[type="number"]::placeholder {
  color: #7e899f;
  opacity: 1;
}
.order-container
  .table-container
  .table
  tbody
  tr
  td
  .input-container
  .packaging {
  margin: 0px;
}
.order-container
  .table-container
  .table
  tbody
  tr
  td
  .input-container
  .refresh-button {
  background: #ffffff;
  padding: 8px;
}
.order-container .table-container .table tbody tr td .add-to-cart-button {
  background: #ffffff;
  border: 1px solid #7e899f;
  border-radius: 4px;
  padding: 7px;
}
.order-container .table-container .table tbody tr td .add-to-list-button {
  background: rgba(0, 0, 0, 0);
  padding: 8px;
}
.order-container .table-container .table tbody tr td .comment-button {
  background: rgba(0, 0, 0, 0);
  padding: 8px;
}
.order-container .table-container .table tbody tr td .delete-button {
  background: rgba(0, 0, 0, 0);
  padding: 8px;
}
.order-container .table-container .table tbody tr td:nth-child(1) {
  min-width: 146px;
  font-size: 11px;
  padding-left: 56px;
  width: 146px;
}
.order-container .table-container .table tbody tr td:nth-child(2) {
  font-size: 14px;
  min-width: 270px;
}
.order-container .table-container .table tbody tr td:nth-child(3) {
  min-width: 150px;
  text-align: center;
}
.order-container .table-container .table tbody tr td:nth-child(4) {
  min-width: 120px;
  text-align: left;
}
.order-container .table-container .table tbody tr td:nth-child(5) {
  min-width: 120px;
  text-align: right;
}
.order-container .table-container .table tbody tr td:nth-child(6) {
  min-width: 120px;
  text-align: right;
}
.order-container .table-container .table tbody tr td:nth-child(7) {
  min-width: 156px;
  text-align: right;
  padding-right: 56px;
}
.order-container .table-container .table tfoot tr:nth-child(1) td {
  font-size: 11px;
  border-top: 1px solid rgba(0, 0, 0, 0.1019607843);
  text-align: right;
  padding: 40px 4px 20px 4px;
}
.order-container .table-container .table tfoot tr:nth-child(1) td:first-child {
  padding-left: 56px;
}
.order-container .table-container .table tfoot tr:nth-child(1) td:last-child {
  padding-right: 56px;
}
.order-container .table-container .table tfoot tr:nth-child(2) td {
  font-size: 16px;
  font-weight: 500;
  text-align: right;
  padding: 20px 4px 40px 4px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.order-container .table-container .table tfoot tr:nth-child(2) td:nth-child(1) {
  text-align: left;
  font-size: 40px;
  font-weight: 200;
  padding-left: 56px;
}
.order-container .table-container .table tfoot tr:nth-child(2) td:last-child {
  padding-right: 56px;
}
.order-container .table-container .table tfoot tr:nth-child(3) td {
  padding: 40px 56px 40px 56px;
}
.order-container .table-container .table tfoot tr:nth-child(3) td .back-button {
  background: rgba(0, 0, 0, 0);
  color: #000000;
  border: 1px solid #000000;
  border-radius: 25px;
  padding: 13.5px 23px;
  font-size: 16px;
  font-weight: 500;
}
.order-container
  .table-container
  .table
  tfoot
  tr:nth-child(3)
  td
  .back-button:hover {
  background: #3396f0;
  color: #ffffff;
  border-color: #3396f0;
}
.order-container
  .table-container
  .table
  tfoot
  tr:nth-child(3)
  td
  .submit-button {
  background: #7e899f;
  color: #ffffff;
  border: 1px solid #7e899f;
  border-radius: 25px;
  padding: 13.5px 23px;
  font-size: 16px;
  font-weight: 500;
}
.order-container
  .table-container
  .table
  tfoot
  tr:nth-child(3)
  td
  .submit-button:hover {
  background: #3396f0;
  color: #ffffff;
  border-color: #3396f0;
}

.order-confirmation-container {
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  border-radius: 8px;
  background: #ffffff;
}
.order-confirmation-container .page-title-container {
  display: flex;
  justify-content: space-between;
  padding: 48px 56px;
  align-items: center;
}
.order-confirmation-container .page-title-container .copy-order-number-button {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 16px;
  padding: 0px;
  background: #ffffff;
}
.order-confirmation-container
  .page-title-container
  .copy-order-number-button
  svg {
  width: 40px;
  height: 40px;
  padding: 11px;
  border: 1px solid #7e899f;
  border-radius: 100%;
}
.order-confirmation-container
  .page-title-container
  .copy-order-number-button
  span {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5em;
}
.order-confirmation-container
  .page-title-container
  .copy-order-number-button:hover
  svg {
  border-color: #3396f0;
}
.order-confirmation-container
  .page-title-container
  .copy-order-number-button:hover
  span {
  color: #3396f0;
}
.order-confirmation-container .page-title-container h1 {
  padding: 0px;
}
.order-confirmation-container hr {
  margin: 0px 0px 40px 0px;
}
.order-confirmation-container .order-confirmation-description-container {
  margin: 0px 56px;
  padding: 104px 40px 184px 40px;
  background: #ffffff;
  text-align: center;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.order-confirmation-container .order-confirmation-description-container h2 {
  font-size: 40px;
  font-weight: 200;
  color: #000000;
  margin-bottom: 16px;
}
.order-confirmation-container .order-confirmation-description-container p {
  font-size: 18px;
  font-weight: 500;
  color: #000000;
  line-height: 1.4em;
  margin: 0 auto;
  max-width: 532px;
}
.order-confirmation-container
  .order-confirmation-description-container
  p:last-of-type {
  margin-bottom: 96px;
}
.order-confirmation-container .button-container {
  padding: 40px 56px;
}
.order-confirmation-container .button-container .link-button {
  background: #7e899f;
  color: #ffffff;
  border: 1px solid #7e899f;
  border-radius: 25px;
  padding: 13.5px 23px;
  font-size: 16px;
  font-weight: 500;
}
.order-confirmation-container .button-container .link-button:hover {
  background: #3396f0;
  border-color: #3396f0;
}

@media screen and (max-width: 767px) {
  .progress-container {
    position: relative;
    margin: 55px 0px 44px 0px;
  }
  .progress-container .progress {
    position: absolute;
    bottom: 12px;
    height: 7px;
    width: 100%;
    z-index: 0;
  }
  .progress-container .progress-head {
    display: flex;
    justify-content: space-between;
  }
  .progress-container .progress-head .progress-status {
    z-index: 1;
  }
  .progress-container .progress-head .progress-status:nth-child(1) {
    text-align: left;
  }
  .progress-container .progress-head .progress-status:nth-child(2) {
    text-align: center;
  }
  .progress-container .progress-head .progress-status:nth-child(3) {
    text-align: center;
  }
  .progress-container .progress-head .progress-status:nth-child(4) {
    text-align: right;
  }
  .progress-container .progress-head .progress-status p {
    font-size: 14px;
    color: #000000;
    line-height: 1.5em;
    margin-bottom: 12px;
  }
  .progress-container .progress-head .progress-status img {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1019607843);
  }
  .cart-container {
    padding: 40px 0px 0px 0px;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 8px;
  }
  .cart-container .page-title-container {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: nowrap;
    padding: 0px 16px 32px 16px;
    margin: 0px 0px 32px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
  }
  .cart-container .page-title-container img {
    width: 48px;
    height: 48px;
  }
  .cart-container .page-title-container .page-title {
    color: #000000;
    font-size: 32px;
    font-weight: 200;
    line-height: 1.2em;
    padding: 0;
    margin: 0;
  }
  .cart-container .table-container .table {
    margin: 0px;
  }
  .cart-container .table-container .table thead tr:nth-child(1) th {
    padding: 0px 16px;
  }
  .cart-container
    .table-container
    .table
    thead
    tr:nth-child(1)
    th
    .fast-ordering-container
    .title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2em;
    color: #000000;
    margin: 0px;
  }
  .cart-container .table-container .table thead tr:nth-child(2) th:first-child {
    padding: 16px 0px 0px 16px;
  }
  .cart-container .table-container .table thead tr:nth-child(2) th:last-child {
    padding: 16px 16px 0px 0px;
  }
  .cart-container
    .table-container
    .table
    thead
    tr:nth-child(2)
    th
    .fast-add-to-cart-container {
    display: flex;
    gap: 16px;
    align-items: center;
    flex-wrap: nowrap;
  }
  .cart-container
    .table-container
    .table
    thead
    tr:nth-child(2)
    th
    .fast-add-to-cart-container
    input[type="text"] {
    border-radius: 20px;
    border: 1px solid #7e899f;
    padding: 11px 15px 10px 15px;
    width: 260px;
    font-size: 14px;
    color: #000000;
  }
  .cart-container
    .table-container
    .table
    thead
    tr:nth-child(2)
    th
    .fast-add-to-cart-container
    input[type="text"]::-moz-placeholder {
    color: #7e899f;
  }
  .cart-container
    .table-container
    .table
    thead
    tr:nth-child(2)
    th
    .fast-add-to-cart-container
    input[type="text"]::placeholder {
    color: #7e899f;
  }
  .cart-container
    .table-container
    .table
    thead
    tr:nth-child(2)
    th
    .fast-add-to-cart-container
    input[type="number"] {
    border-radius: 4px;
    border: 1px solid #7e899f;
    padding: 11px 15px 10px 15px;
    width: 80px;
    font-size: 14px;
    text-align: center;
    color: #000000;
  }
  .cart-container
    .table-container
    .table
    thead
    tr:nth-child(2)
    th
    .fast-add-to-cart-container
    input[type="number"]::-moz-placeholder {
    color: #7e899f;
  }
  .cart-container
    .table-container
    .table
    thead
    tr:nth-child(2)
    th
    .fast-add-to-cart-container
    input[type="number"]::placeholder {
    color: #7e899f;
  }
  .cart-container
    .table-container
    .table
    thead
    tr:nth-child(2)
    th
    .fast-add-to-cart-container
    .fast-add-to-cart-button {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    background: #7e899f;
    color: #ffffff;
    border-radius: 4px;
    border: 1px solid #7e899f;
    padding: 5px 13px 5px 9px;
    gap: 8px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2em;
  }
  .cart-container
    .table-container
    .table
    thead
    tr:nth-child(2)
    th
    .fast-add-to-cart-container
    .fast-add-to-cart-button:hover {
    background: #3396f0;
    border-color: #3396f0;
  }
  .cart-container
    .table-container
    .table
    thead
    tr:nth-child(2)
    th
    .upload-download-container {
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    display: flex;
    gap: 16px;
  }
  .cart-container
    .table-container
    .table
    thead
    tr:nth-child(2)
    th
    .upload-download-container
    .upload-button,
  .cart-container
    .table-container
    .table
    thead
    tr:nth-child(2)
    th
    .upload-download-container
    .download-button {
    display: flex;
    gap: 8px;
    flex-wrap: nowrap;
    align-items: center;
    background: #ffffff;
  }
  .cart-container
    .table-container
    .table
    thead
    tr:nth-child(2)
    th
    .upload-download-container
    .upload-button
    span,
  .cart-container
    .table-container
    .table
    thead
    tr:nth-child(2)
    th
    .upload-download-container
    .download-button
    span {
    font-size: 14px;
    font-weight: 500;
  }
  .cart-container
    .table-container
    .table
    thead
    tr:nth-child(2)
    th
    .upload-download-container
    .upload-button
    svg,
  .cart-container
    .table-container
    .table
    thead
    tr:nth-child(2)
    th
    .upload-download-container
    .download-button
    svg {
    padding: 8px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 1px solid #7e899f;
  }
  .cart-container
    .table-container
    .table
    thead
    tr:nth-child(2)
    th
    .upload-download-container
    .upload-button:hover
    span,
  .cart-container
    .table-container
    .table
    thead
    tr:nth-child(2)
    th
    .upload-download-container
    .download-button:hover
    span {
    color: #3396f0;
  }
  .cart-container
    .table-container
    .table
    thead
    tr:nth-child(2)
    th
    .upload-download-container
    .upload-button:hover
    svg,
  .cart-container
    .table-container
    .table
    thead
    tr:nth-child(2)
    th
    .upload-download-container
    .download-button:hover
    svg {
    border: 1px solid #3396f0;
  }
  .cart-container .table-container .table thead tr:nth-child(3) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
  }
  .cart-container .table-container .table thead tr:nth-child(3) th {
    padding: 20px;
  }
  .cart-container .table-container .table thead tr:nth-child(4) th {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: #000000;
    padding: 40px 4px 0px 4px;
    min-width: 130px;
  }
  .cart-container
    .table-container
    .table
    thead
    tr:nth-child(4)
    th:nth-child(1) {
    min-width: 90px;
    padding-left: 56px;
  }
  .cart-container
    .table-container
    .table
    thead
    tr:nth-child(4)
    th:nth-child(2) {
    min-width: 270px;
  }
  .cart-container
    .table-container
    .table
    thead
    tr:nth-child(4)
    th:nth-child(3) {
    min-width: 70px;
    text-align: left;
  }
  .cart-container
    .table-container
    .table
    thead
    tr:nth-child(4)
    th:nth-child(4) {
    min-width: 190px;
    text-align: left;
  }
  .cart-container
    .table-container
    .table
    thead
    tr:nth-child(4)
    th:nth-child(5) {
    min-width: 70px;
    text-align: right;
  }
  .cart-container
    .table-container
    .table
    thead
    tr:nth-child(4)
    th:nth-child(6) {
    min-width: 80px;
    text-align: right;
  }
  .cart-container
    .table-container
    .table
    thead
    tr:nth-child(4)
    th:nth-child(7) {
    text-align: right;
  }
  .cart-container
    .table-container
    .table
    thead
    tr:nth-child(4)
    th:nth-child(8) {
    text-align: right;
  }
  .cart-container
    .table-container
    .table
    thead
    tr:nth-child(4)
    th:nth-child(9) {
    text-align: right;
    padding-right: 56px;
  }
  .cart-container .table-container .table tbody tr.bskAlert1 {
    background: #ffc908;
    --bs-alert-margin-bottom: 0px !important;
    --bs-alert-border: none !important;
    --bs-alert-border-radius: none !important;
  }
  .cart-container .table-container .table tbody tr.bskAlert2 {
    background: #ffe34f;
    --bs-alert-margin-bottom: 0px !important;
    --bs-alert-border: none !important;
    --bs-alert-border-radius: none !important;
  }
  .cart-container .table-container .table tbody tr td {
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    padding: 14px 4px 14px 4px;
    min-width: 130px;
    vertical-align: middle;
  }
  .cart-container .table-container .table tbody tr td .input-container {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
  }
  .cart-container
    .table-container
    .table
    tbody
    tr
    td
    .input-container
    input[type="number"] {
    width: 60px;
    height: 40px;
    color: #000000;
    text-align: center;
    border: 1px solid #7e899f;
    border-radius: 4px;
    padding: 8px;
    font-size: 14px;
    font-weight: 400;
    background: rgba(0, 0, 0, 0);
  }
  .cart-container
    .table-container
    .table
    tbody
    tr
    td
    .input-container
    input[type="number"]::-moz-placeholder {
    color: #7e899f;
    opacity: 1;
  }
  .cart-container
    .table-container
    .table
    tbody
    tr
    td
    .input-container
    input[type="number"]::placeholder {
    color: #7e899f;
    opacity: 1;
  }
  .cart-container
    .table-container
    .table
    tbody
    tr
    td
    .input-container
    .packaging {
    margin: 0px;
  }
  .cart-container
    .table-container
    .table
    tbody
    tr
    td
    .input-container
    .refresh-button {
    background: rgba(0, 0, 0, 0);
    padding: 8px;
  }
  .cart-container .table-container .table tbody tr td .add-to-cart-button {
    background: #ffffff;
    border: 1px solid #7e899f;
    border-radius: 4px;
    padding: 7px;
  }
  .cart-container .table-container .table tbody tr td .add-to-list-button {
    background: rgba(0, 0, 0, 0);
    padding: 8px;
  }
  .cart-container .table-container .table tbody tr td .comment-button {
    background: rgba(0, 0, 0, 0);
    padding: 8px;
  }
  .cart-container .table-container .table tbody tr td .delete-button {
    background: rgba(0, 0, 0, 0);
    padding: 8px;
  }
  .cart-container .table-container .table tbody tr td:nth-child(1) {
    padding-left: 16px;
    min-width: 90px;
    font-size: 11px;
  }
  .cart-container .table-container .table tbody tr td:nth-child(2) {
    font-size: 14px;
    min-width: 270px;
  }
  .cart-container .table-container .table tbody tr td:nth-child(3) {
    min-width: 70px;
    text-align: left;
  }
  .cart-container .table-container .table tbody tr td:nth-child(4) {
    min-width: 190px;
    text-align: left;
  }
  .cart-container .table-container .table tbody tr td:nth-child(5) {
    min-width: 70px;
    text-align: right;
  }
  .cart-container .table-container .table tbody tr td:nth-child(6) {
    min-width: 80px;
    text-align: right;
  }
  .cart-container .table-container .table tbody tr td:nth-child(7) {
    text-align: right;
  }
  .cart-container .table-container .table tbody tr td:nth-child(8) {
    text-align: right;
  }
  .cart-container .table-container .table tbody tr td:nth-child(9) {
    text-align: right;
    padding-right: 16px;
  }
  .cart-container .table-container .table tfoot tr:nth-child(1) td {
    padding: 14px 16px;
  }
  .cart-container .table-container .table tfoot tr:nth-child(2) td {
    padding: 0px 16px;
  }
  .cart-container .table-container .table tfoot tr:nth-child(2) td ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .cart-container .table-container .table tfoot tr:nth-child(2) td ul li {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2em;
    color: black;
  }
  .cart-container
    .table-container
    .table
    tfoot
    tr:nth-child(2)
    td
    ul
    li
    svg
    path {
    fill: #ffc908;
  }
  .cart-container .table-container .table tfoot tr:nth-child(3) td {
    padding: 12px 16px 0px 16px;
  }
  .cart-container
    .table-container
    .table
    tfoot
    tr:nth-child(3)
    td
    .refresh-cart-button {
    padding: 11px 17px;
    display: flex;
    gap: 10px;
    flex-wrap: nowrap;
    border: 1px solid #7e899f;
    border-radius: 25px;
    align-items: center;
    background: #ffffff;
    margin: 0 0 0 auto;
  }
  .cart-container
    .table-container
    .table
    tfoot
    tr:nth-child(3)
    td
    .refresh-cart-button
    svg
    path {
    fill: #000000;
  }
  .cart-container
    .table-container
    .table
    tfoot
    tr:nth-child(3)
    td
    .refresh-cart-button
    span {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2em;
  }
  .cart-container
    .table-container
    .table
    tfoot
    tr:nth-child(3)
    td
    .refresh-cart-button:hover {
    background: #3396f0;
    border-color: #3396f0;
  }
  .cart-container
    .table-container
    .table
    tfoot
    tr:nth-child(3)
    td
    .refresh-cart-button:hover
    span {
    color: #ffffff;
  }
  .cart-container
    .table-container
    .table
    tfoot
    tr:nth-child(3)
    td
    .refresh-cart-button:hover
    svg
    path {
    fill: #ffffff;
  }
  .cart-container .table-container .table tfoot tr:nth-child(4) td {
    padding: 40px 16px 40px 16px;
  }
  .cart-container
    .table-container
    .table
    tfoot
    tr:nth-child(4)
    td
    .comment-input-container
    input[type="text"] {
    width: 100%;
    border: 1px solid #7e899f;
    border-radius: 4px;
    padding: 10px 15px;
    color: #000000;
    font-size: 14px;
  }
  .cart-container
    .table-container
    .table
    tfoot
    tr:nth-child(4)
    td
    .comment-input-container
    input[type="text"]::-moz-placeholder {
    color: #7e899f;
  }
  .cart-container
    .table-container
    .table
    tfoot
    tr:nth-child(4)
    td
    .comment-input-container
    input[type="text"]::placeholder {
    color: #7e899f;
  }
  .cart-container .table-container .table tfoot tr:nth-child(5) td {
    font-size: 11px;
    border-top: 1px solid rgba(0, 0, 0, 0.1019607843);
    text-align: right;
    padding: 40px 4px 20px 4px;
  }
  .cart-container
    .table-container
    .table
    tfoot
    tr:nth-child(5)
    td:nth-child(1) {
    padding-left: 16px;
  }
  .cart-container
    .table-container
    .table
    tfoot
    tr:nth-child(5)
    td:nth-child(4) {
    padding-right: 16px;
  }
  .cart-container .table-container .table tfoot tr:nth-child(6) td {
    font-size: 16px;
    font-weight: 500;
    text-align: right;
    padding: 20px 4px 40px 4px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
  }
  .cart-container
    .table-container
    .table
    tfoot
    tr:nth-child(6)
    td:nth-child(1) {
    text-align: left;
    font-size: 32px;
    font-weight: 200;
    padding-left: 16px;
  }
  .cart-container
    .table-container
    .table
    tfoot
    tr:nth-child(6)
    td:nth-child(4) {
    padding-right: 16px;
  }
  .cart-container .table-container .table tfoot tr:nth-child(7) td {
    padding: 32px 16px 32px 16px;
  }
  .cart-container
    .table-container
    .table
    tfoot
    tr:nth-child(7)
    td
    .delete-cart-button {
    background: rgba(0, 0, 0, 0);
    color: #000000;
    border: 1px solid #7e899f;
    border-radius: 25px;
    padding: 13.5px 23px;
    font-size: 16px;
    font-weight: 500;
  }
  .cart-container
    .table-container
    .table
    tfoot
    tr:nth-child(7)
    td
    .delete-cart-button:hover {
    background: #3396f0;
    border-color: #3396f0;
    color: #ffffff;
  }
  .cart-container
    .table-container
    .table
    tfoot
    tr:nth-child(7)
    td
    .submit-button {
    background: #7e899f;
    color: #ffffff;
    border: 1px solid #7e899f;
    border-radius: 25px;
    padding: 13.5px 23px;
    font-size: 16px;
    font-weight: 500;
  }
  .cart-container
    .table-container
    .table
    tfoot
    tr:nth-child(7)
    td
    .submit-button:hover {
    background: #3396f0;
    border-color: #3396f0;
    color: #ffffff;
  }
  .order-payment-container {
    padding: 32px 16px;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 8px;
    margin-bottom: 60px;
  }
  .order-payment-container .order-data-title-container,
  .order-payment-container .payment-title-container {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
  }
  .order-payment-container .payment-title-container {
    padding-top: 40px;
  }
  .order-payment-container .input {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .order-payment-container .input label {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2em;
    color: #000000;
  }
  .order-payment-container .input input[type="radio"] {
    width: 18px;
    height: 18px;
  }
  .order-payment-container .price-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .order-payment-container .price-container .price {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.2em;
    color: black;
    margin: 6px 0 0 0;
  }
  .order-payment-container .order-data-container .order-data-title,
  .order-payment-container .order-data-container .payment-title,
  .order-payment-container .payment-container .order-data-title,
  .order-payment-container .payment-container .payment-title {
    color: #000000;
    font-size: 32px;
    font-weight: 200;
    line-height: 1.2em;
    padding: 0;
    margin: 0;
  }
  .order-payment-container .shipping-method-container,
  .order-payment-container .pay-method-container {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 0px;
  }
  .order-payment-container .shipping-method-container .shipping-method,
  .order-payment-container .shipping-method-container .pay-method,
  .order-payment-container .pay-method-container .shipping-method,
  .order-payment-container .pay-method-container .pay-method {
    padding: 32px 16px;
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 8px;
  }
  .order-payment-container
    .shipping-method-container
    .shipping-method
    .shipping-method-head-container,
  .order-payment-container
    .shipping-method-container
    .shipping-method
    .pay-head-container,
  .order-payment-container
    .shipping-method-container
    .pay-method
    .shipping-method-head-container,
  .order-payment-container
    .shipping-method-container
    .pay-method
    .pay-head-container,
  .order-payment-container
    .pay-method-container
    .shipping-method
    .shipping-method-head-container,
  .order-payment-container
    .pay-method-container
    .shipping-method
    .pay-head-container,
  .order-payment-container
    .pay-method-container
    .pay-method
    .shipping-method-head-container,
  .order-payment-container
    .pay-method-container
    .pay-method
    .pay-head-container {
    flex-direction: column;
    padding-bottom: 32px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .order-payment-container
    .shipping-method-container
    .shipping-method
    .shipping-method-head-container
    .input-container,
  .order-payment-container
    .shipping-method-container
    .shipping-method
    .pay-head-container
    .input-container,
  .order-payment-container
    .shipping-method-container
    .pay-method
    .shipping-method-head-container
    .input-container,
  .order-payment-container
    .shipping-method-container
    .pay-method
    .pay-head-container
    .input-container,
  .order-payment-container
    .pay-method-container
    .shipping-method
    .shipping-method-head-container
    .input-container,
  .order-payment-container
    .pay-method-container
    .shipping-method
    .pay-head-container
    .input-container,
  .order-payment-container
    .pay-method-container
    .pay-method
    .shipping-method-head-container
    .input-container,
  .order-payment-container
    .pay-method-container
    .pay-method
    .pay-head-container
    .input-container {
    display: flex;
    flex-wrap: nowrap;
    gap: 16px;
  }
  .order-payment-container
    .shipping-method-container
    .shipping-method
    .pay-head-container,
  .order-payment-container
    .shipping-method-container
    .pay-method
    .pay-head-container,
  .order-payment-container
    .pay-method-container
    .shipping-method
    .pay-head-container,
  .order-payment-container
    .pay-method-container
    .pay-method
    .pay-head-container {
    padding: 0px;
    border-bottom: 0px;
  }
  .order-payment-container
    .shipping-method-container
    .shipping-method
    .description-container,
  .order-payment-container
    .shipping-method-container
    .pay-method
    .description-container,
  .order-payment-container
    .pay-method-container
    .shipping-method
    .description-container,
  .order-payment-container
    .pay-method-container
    .pay-method
    .description-container {
    padding: 32px 0px 0px 0px;
    max-width: 563px;
  }
  .order-payment-container
    .shipping-method-container
    .shipping-method
    .description-container
    p,
  .order-payment-container
    .shipping-method-container
    .pay-method
    .description-container
    p,
  .order-payment-container
    .pay-method-container
    .shipping-method
    .description-container
    p,
  .order-payment-container
    .pay-method-container
    .pay-method
    .description-container
    p {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2em;
    color: #7e899f;
    margin: 0px;
  }
  .order-payment-container
    .shipping-method-container
    .shipping-method
    .shipping-method-body-container,
  .order-payment-container
    .shipping-method-container
    .shipping-method
    .pay-method-body-container,
  .order-payment-container
    .shipping-method-container
    .pay-method
    .shipping-method-body-container,
  .order-payment-container
    .shipping-method-container
    .pay-method
    .pay-method-body-container,
  .order-payment-container
    .pay-method-container
    .shipping-method
    .shipping-method-body-container,
  .order-payment-container
    .pay-method-container
    .shipping-method
    .pay-method-body-container,
  .order-payment-container
    .pay-method-container
    .pay-method
    .shipping-method-body-container,
  .order-payment-container
    .pay-method-container
    .pay-method
    .pay-method-body-container {
    padding-top: 32px;
  }
  .order-payment-container
    .shipping-method-container
    .shipping-method
    .shipping-method-body-container
    label,
  .order-payment-container
    .shipping-method-container
    .shipping-method
    .pay-method-body-container
    label,
  .order-payment-container
    .shipping-method-container
    .pay-method
    .shipping-method-body-container
    label,
  .order-payment-container
    .shipping-method-container
    .pay-method
    .pay-method-body-container
    label,
  .order-payment-container
    .pay-method-container
    .shipping-method
    .shipping-method-body-container
    label,
  .order-payment-container
    .pay-method-container
    .shipping-method
    .pay-method-body-container
    label,
  .order-payment-container
    .pay-method-container
    .pay-method
    .shipping-method-body-container
    label,
  .order-payment-container
    .pay-method-container
    .pay-method
    .pay-method-body-container
    label {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 400;
    color: #000000;
    margin-bottom: 10px;
    display: block;
  }
  .order-payment-container
    .shipping-method-container
    .shipping-method
    .shipping-method-body-container
    .opening-container,
  .order-payment-container
    .shipping-method-container
    .shipping-method
    .pay-method-body-container
    .opening-container,
  .order-payment-container
    .shipping-method-container
    .pay-method
    .shipping-method-body-container
    .opening-container,
  .order-payment-container
    .shipping-method-container
    .pay-method
    .pay-method-body-container
    .opening-container,
  .order-payment-container
    .pay-method-container
    .shipping-method
    .shipping-method-body-container
    .opening-container,
  .order-payment-container
    .pay-method-container
    .shipping-method
    .pay-method-body-container
    .opening-container,
  .order-payment-container
    .pay-method-container
    .pay-method
    .shipping-method-body-container
    .opening-container,
  .order-payment-container
    .pay-method-container
    .pay-method
    .pay-method-body-container
    .opening-container {
    padding: 12px 12px 0px 12px;
  }
  .order-payment-container
    .shipping-method-container
    .shipping-method
    .shipping-method-body-container
    .opening-container
    p,
  .order-payment-container
    .shipping-method-container
    .shipping-method
    .pay-method-body-container
    .opening-container
    p,
  .order-payment-container
    .shipping-method-container
    .pay-method
    .shipping-method-body-container
    .opening-container
    p,
  .order-payment-container
    .shipping-method-container
    .pay-method
    .pay-method-body-container
    .opening-container
    p,
  .order-payment-container
    .pay-method-container
    .shipping-method
    .shipping-method-body-container
    .opening-container
    p,
  .order-payment-container
    .pay-method-container
    .shipping-method
    .pay-method-body-container
    .opening-container
    p,
  .order-payment-container
    .pay-method-container
    .pay-method
    .shipping-method-body-container
    .opening-container
    p,
  .order-payment-container
    .pay-method-container
    .pay-method
    .pay-method-body-container
    .opening-container
    p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4em;
    color: #7e899f;
    margin: 0px;
  }
  .order-payment-container
    .shipping-method-container
    .shipping-method
    .shipping-method-body-container
    select,
  .order-payment-container
    .shipping-method-container
    .shipping-method
    .pay-method-body-container
    select,
  .order-payment-container
    .shipping-method-container
    .pay-method
    .shipping-method-body-container
    select,
  .order-payment-container
    .shipping-method-container
    .pay-method
    .pay-method-body-container
    select,
  .order-payment-container
    .pay-method-container
    .shipping-method
    .shipping-method-body-container
    select,
  .order-payment-container
    .pay-method-container
    .shipping-method
    .pay-method-body-container
    select,
  .order-payment-container
    .pay-method-container
    .pay-method
    .shipping-method-body-container
    select,
  .order-payment-container
    .pay-method-container
    .pay-method
    .pay-method-body-container
    select {
    padding: 11px 15px 10px 15px;
    border: 1px solid #7e899f;
    border-radius: 25px;
    color: #000000;
    appearance: none;
    width: 100%;
    max-width: 563px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    background: url("../assets/icons/select-chevron.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) center;
  }
  .order-payment-container
    .shipping-method-container
    .shipping-method
    .shipping-method-body-container
    .comment-container,
  .order-payment-container
    .shipping-method-container
    .shipping-method
    .pay-method-body-container
    .comment-container,
  .order-payment-container
    .shipping-method-container
    .pay-method
    .shipping-method-body-container
    .comment-container,
  .order-payment-container
    .shipping-method-container
    .pay-method
    .pay-method-body-container
    .comment-container,
  .order-payment-container
    .pay-method-container
    .shipping-method
    .shipping-method-body-container
    .comment-container,
  .order-payment-container
    .pay-method-container
    .shipping-method
    .pay-method-body-container
    .comment-container,
  .order-payment-container
    .pay-method-container
    .pay-method
    .shipping-method-body-container
    .comment-container,
  .order-payment-container
    .pay-method-container
    .pay-method
    .pay-method-body-container
    .comment-container {
    margin-top: 20px;
  }
  .order-payment-container
    .shipping-method-container
    .shipping-method
    .shipping-method-body-container
    .comment-container
    input[type="text"],
  .order-payment-container
    .shipping-method-container
    .shipping-method
    .pay-method-body-container
    .comment-container
    input[type="text"],
  .order-payment-container
    .shipping-method-container
    .pay-method
    .shipping-method-body-container
    .comment-container
    input[type="text"],
  .order-payment-container
    .shipping-method-container
    .pay-method
    .pay-method-body-container
    .comment-container
    input[type="text"],
  .order-payment-container
    .pay-method-container
    .shipping-method
    .shipping-method-body-container
    .comment-container
    input[type="text"],
  .order-payment-container
    .pay-method-container
    .shipping-method
    .pay-method-body-container
    .comment-container
    input[type="text"],
  .order-payment-container
    .pay-method-container
    .pay-method
    .shipping-method-body-container
    .comment-container
    input[type="text"],
  .order-payment-container
    .pay-method-container
    .pay-method
    .pay-method-body-container
    .comment-container
    input[type="text"] {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2em;
    color: #000000;
    padding: 11px 15px 10px 15px;
    border: 1px solid #7e899f;
    border-radius: 25px;
    width: 100%;
    max-width: 563px;
  }
  .order-payment-container
    .shipping-method-container
    .shipping-method
    .shipping-method-body-container
    .comment-container
    input[type="text"]::-moz-placeholder,
  .order-payment-container
    .shipping-method-container
    .shipping-method
    .pay-method-body-container
    .comment-container
    input[type="text"]::-moz-placeholder,
  .order-payment-container
    .shipping-method-container
    .pay-method
    .shipping-method-body-container
    .comment-container
    input[type="text"]::-moz-placeholder,
  .order-payment-container
    .shipping-method-container
    .pay-method
    .pay-method-body-container
    .comment-container
    input[type="text"]::-moz-placeholder,
  .order-payment-container
    .pay-method-container
    .shipping-method
    .shipping-method-body-container
    .comment-container
    input[type="text"]::-moz-placeholder,
  .order-payment-container
    .pay-method-container
    .shipping-method
    .pay-method-body-container
    .comment-container
    input[type="text"]::-moz-placeholder,
  .order-payment-container
    .pay-method-container
    .pay-method
    .shipping-method-body-container
    .comment-container
    input[type="text"]::-moz-placeholder,
  .order-payment-container
    .pay-method-container
    .pay-method
    .pay-method-body-container
    .comment-container
    input[type="text"]::-moz-placeholder {
    color: #7e899f;
  }
  .order-payment-container
    .shipping-method-container
    .shipping-method
    .shipping-method-body-container
    .comment-container
    input[type="text"]::placeholder,
  .order-payment-container
    .shipping-method-container
    .shipping-method
    .pay-method-body-container
    .comment-container
    input[type="text"]::placeholder,
  .order-payment-container
    .shipping-method-container
    .pay-method
    .shipping-method-body-container
    .comment-container
    input[type="text"]::placeholder,
  .order-payment-container
    .shipping-method-container
    .pay-method
    .pay-method-body-container
    .comment-container
    input[type="text"]::placeholder,
  .order-payment-container
    .pay-method-container
    .shipping-method
    .shipping-method-body-container
    .comment-container
    input[type="text"]::placeholder,
  .order-payment-container
    .pay-method-container
    .shipping-method
    .pay-method-body-container
    .comment-container
    input[type="text"]::placeholder,
  .order-payment-container
    .pay-method-container
    .pay-method
    .shipping-method-body-container
    .comment-container
    input[type="text"]::placeholder,
  .order-payment-container
    .pay-method-container
    .pay-method
    .pay-method-body-container
    .comment-container
    input[type="text"]::placeholder {
    color: #7e899f;
  }
  .order-payment-container .button-container {
    margin-top: 40px;
    padding: 32px 0px 0px 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid rgba(0, 0, 0, 0.1019607843);
    gap: 16px;
  }
  .order-payment-container .back-button {
    background: rgba(0, 0, 0, 0);
    color: #000000;
    border: 1px solid #000000;
    border-radius: 25px;
    padding: 13.5px 23px;
    font-size: 16px;
    font-weight: 500;
  }
  .order-payment-container .submit-button {
    background: #7e899f;
    color: #ffffff;
    border: 1px solid #7e899f;
    border-radius: 25px;
    padding: 13.5px 23px;
    font-size: 16px;
    font-weight: 500;
  }
  .order-container {
    padding: 32px 16px 0px 16px;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 8px;
  }
  .order-container .page-title-container {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: nowrap;
    padding: 0px 0px 32px 0px;
    margin: 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
  }
  .order-container .page-title-container img {
    width: 48px;
    height: 48px;
  }
  .order-container .page-title-container .page-title {
    color: #000000;
    font-size: 32px;
    font-weight: 200;
    line-height: 1.2em;
    padding: 0;
    margin: 0;
  }
  .order-container .table-container .table {
    margin: 0px;
  }
  .order-container .table-container .table thead tr th {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: #000000;
    padding: 40px 4px;
    min-width: 130px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
  }
  .order-container .table-container .table thead tr th:nth-child(1) {
    min-width: 146px;
    padding-left: 16px;
    width: 146px;
  }
  .order-container .table-container .table thead tr th:nth-child(2) {
    min-width: 370px;
  }
  .order-container .table-container .table thead tr th:nth-child(3) {
    min-width: 150px;
    text-align: left;
  }
  .order-container .table-container .table thead tr th:nth-child(4) {
    min-width: 120px;
    text-align: left;
  }
  .order-container .table-container .table thead tr th:nth-child(5) {
    min-width: 120px;
    text-align: right;
  }
  .order-container .table-container .table thead tr th:nth-child(6) {
    min-width: 120px;
    text-align: right;
  }
  .order-container .table-container .table thead tr th:nth-child(7) {
    text-align: right;
    padding-right: 16px;
    min-width: 176px;
  }
  .order-container .table-container .table tbody tr:first-child td {
    padding-top: 40px;
  }
  .order-container .table-container .table tbody tr:last-child td {
    padding-bottom: 40px;
  }
  .order-container .table-container .table tbody tr td {
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    padding: 8px 4px 12px 4px;
    min-width: 130px;
    vertical-align: middle;
  }
  .order-container .table-container .table tbody tr td .input-container {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
    justify-content: center;
  }
  .order-container
    .table-container
    .table
    tbody
    tr
    td
    .input-container
    input[type="number"] {
    width: 80px;
    height: 40px;
    color: #000000;
    text-align: center;
    border: 1px solid #7e899f;
    border-radius: 4px;
    padding: 8px;
    font-size: 14px;
    font-weight: 400;
  }
  .order-container
    .table-container
    .table
    tbody
    tr
    td
    .input-container
    input[type="number"]::-moz-placeholder {
    color: #7e899f;
    opacity: 1;
  }
  .order-container
    .table-container
    .table
    tbody
    tr
    td
    .input-container
    input[type="number"]::placeholder {
    color: #7e899f;
    opacity: 1;
  }
  .order-container
    .table-container
    .table
    tbody
    tr
    td
    .input-container
    .packaging {
    margin: 0px;
  }
  .order-container
    .table-container
    .table
    tbody
    tr
    td
    .input-container
    .refresh-button {
    background: #ffffff;
    padding: 8px;
  }
  .order-container .table-container .table tbody tr td .add-to-cart-button {
    background: #ffffff;
    border: 1px solid #7e899f;
    border-radius: 4px;
    padding: 7px;
  }
  .order-container .table-container .table tbody tr td .add-to-list-button {
    background: rgba(0, 0, 0, 0);
    padding: 8px;
  }
  .order-container .table-container .table tbody tr td .comment-button {
    background: rgba(0, 0, 0, 0);
    padding: 8px;
  }
  .order-container .table-container .table tbody tr td .delete-button {
    background: rgba(0, 0, 0, 0);
    padding: 8px;
  }
  .order-container .table-container .table tbody tr td:nth-child(1) {
    min-width: 146px;
    font-size: 11px;
    padding-left: 16px;
    width: 146px;
  }
  .order-container .table-container .table tbody tr td:nth-child(2) {
    font-size: 14px;
    min-width: 270px;
  }
  .order-container .table-container .table tbody tr td:nth-child(3) {
    min-width: 150px;
    text-align: center;
  }
  .order-container .table-container .table tbody tr td:nth-child(4) {
    min-width: 120px;
    text-align: left;
  }
  .order-container .table-container .table tbody tr td:nth-child(5) {
    min-width: 120px;
    text-align: right;
  }
  .order-container .table-container .table tbody tr td:nth-child(6) {
    min-width: 120px;
    text-align: right;
  }
  .order-container .table-container .table tbody tr td:nth-child(7) {
    min-width: 156px;
    text-align: right;
    padding-right: 16px;
  }
  .order-container .table-container .table tfoot tr:nth-child(1) td {
    font-size: 11px;
    border-top: 1px solid rgba(0, 0, 0, 0.1019607843);
    text-align: right;
    padding: 40px 4px 20px 4px;
  }
  .order-container
    .table-container
    .table
    tfoot
    tr:nth-child(1)
    td:first-child {
    padding-left: 16px;
  }
  .order-container .table-container .table tfoot tr:nth-child(1) td:last-child {
    padding-right: 16px;
  }
  .order-container .table-container .table tfoot tr:nth-child(2) td {
    font-size: 16px;
    font-weight: 500;
    text-align: right;
    padding: 20px 4px 40px 4px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
  }
  .order-container
    .table-container
    .table
    tfoot
    tr:nth-child(2)
    td:nth-child(1) {
    text-align: left;
    font-size: 40px;
    font-weight: 200;
    padding-left: 16px;
  }
  .order-container .table-container .table tfoot tr:nth-child(2) td:last-child {
    padding-right: 16px;
  }
  .order-container .table-container .table tfoot tr:nth-child(3) td {
    padding: 40px 16px 40px 16px;
  }
  .order-container
    .table-container
    .table
    tfoot
    tr:nth-child(3)
    td
    .back-button {
    background: rgba(0, 0, 0, 0);
    color: #000000;
    border: 1px solid #000000;
    border-radius: 25px;
    padding: 13.5px 23px;
    font-size: 16px;
    font-weight: 500;
  }
  .order-container
    .table-container
    .table
    tfoot
    tr:nth-child(3)
    td
    .back-button:hover {
    background: #3396f0;
    color: #ffffff;
    border-color: #3396f0;
  }
  .order-container
    .table-container
    .table
    tfoot
    tr:nth-child(3)
    td
    .submit-button {
    background: #7e899f;
    color: #ffffff;
    border: 1px solid #7e899f;
    border-radius: 25px;
    padding: 13.5px 23px;
    font-size: 16px;
    font-weight: 500;
  }
  .order-container
    .table-container
    .table
    tfoot
    tr:nth-child(3)
    td
    .submit-button:hover {
    background: #3396f0;
    color: #ffffff;
    border-color: #3396f0;
  }
  .order-container
    .shipping-payment-container
    .shipping-payment-head-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
  }
  .order-container
    .shipping-payment-container
    .shipping-payment-head-container
    .selected-shipping-container {
    border-right: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
  }
  .order-container
    .shipping-payment-container
    .shipping-payment-head-container
    .selected-shipping-container,
  .order-container
    .shipping-payment-container
    .shipping-payment-head-container
    .selected-payment-container {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 48px;
    padding: 24px 16px;
  }
  .order-container
    .shipping-payment-container
    .shipping-payment-head-container
    .selected-shipping-container
    .title,
  .order-container
    .shipping-payment-container
    .shipping-payment-head-container
    .selected-payment-container
    .title {
    margin: 0px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2em;
  }
  .order-container
    .shipping-payment-container
    .shipping-payment-head-container
    .selected-shipping-container
    .selected-shipping,
  .order-container
    .shipping-payment-container
    .shipping-payment-head-container
    .selected-payment-container
    .selected-shipping {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .order-container
    .shipping-payment-container
    .shipping-payment-head-container
    .selected-shipping-container
    .selected-shipping
    .title,
  .order-container
    .shipping-payment-container
    .shipping-payment-head-container
    .selected-payment-container
    .selected-shipping
    .title {
    margin: 0px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2em;
  }
  .order-container
    .shipping-payment-container
    .shipping-payment-head-container
    .selected-shipping-container
    .selected-shipping
    .price,
  .order-container
    .shipping-payment-container
    .shipping-payment-head-container
    .selected-payment-container
    .selected-shipping
    .price {
    margin: 0px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2em;
  }
  .order-container
    .shipping-payment-container
    .shipping-payment-body-container {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
  }
  .order-container
    .shipping-payment-container
    .shipping-payment-body-container
    .shipping-details {
    border-right: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px 16px;
    width: 100%;
  }
  .order-container
    .shipping-payment-container
    .shipping-payment-body-container
    .shipping-details
    .title {
    font-size: 11px;
    font-weight: 400;
    line-height: 1.2em;
    color: #000000;
    text-transform: uppercase;
    margin: 0px;
  }
  .order-container
    .shipping-payment-container
    .shipping-payment-body-container
    .shipping-details
    .description {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2em;
    color: #000000;
    margin: 0px;
  }
  .order-container
    .shipping-payment-container
    .shipping-payment-body-container
    .shipping-details
    .shipping-address {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .order-container
    .shipping-payment-container
    .shipping-payment-body-container
    .shipping-details
    .date-tel-container {
    display: flex;
    flex-wrap: nowrap;
    gap: 16px;
  }
  .order-container
    .shipping-payment-container
    .shipping-payment-body-container
    .shipping-details
    .date-tel-container
    .date {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .order-container
    .shipping-payment-container
    .shipping-payment-body-container
    .shipping-details
    .date-tel-container
    .tel {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .order-container
    .shipping-payment-container
    .shipping-payment-body-container
    .shipping-details
    .comment {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .order-container
    .shipping-payment-container
    .shipping-payment-body-container
    .payment-details {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 32px 16px;
    width: 100%;
  }
  .order-container
    .shipping-payment-container
    .shipping-payment-body-container
    .payment-details
    .title {
    font-size: 11px;
    font-weight: 400;
    line-height: 1.2em;
    color: #000000;
    text-transform: uppercase;
    margin: 0px;
  }
  .order-container
    .shipping-payment-container
    .shipping-payment-body-container
    .payment-details
    .description {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2em;
    color: #000000;
    margin: 0px;
  }
  .order-container
    .shipping-payment-container
    .shipping-payment-body-container
    .payment-details
    .comment {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .order-confirmation-container {
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 8px;
    background: #ffffff;
  }
  .order-confirmation-container .page-title-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 32px 16px;
    align-items: flex-start;
    gap: 16px;
  }
  .order-confirmation-container
    .page-title-container
    .copy-order-number-button {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 16px;
    padding: 0px;
    background: #ffffff;
  }
  .order-confirmation-container
    .page-title-container
    .copy-order-number-button
    svg {
    width: 40px;
    height: 40px;
    padding: 11px;
    border: 1px solid #7e899f;
    border-radius: 100%;
  }
  .order-confirmation-container
    .page-title-container
    .copy-order-number-button
    span {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5em;
  }
  .order-confirmation-container .page-title-container h1 {
    padding: 0px;
    font-size: 32px;
  }
  .order-confirmation-container hr {
    margin: 0px 0px 40px 0px;
  }
  .order-confirmation-container .order-confirmation-description-container {
    margin: 0px 16px;
    padding: 48px 16px 60px 16px;
    background: #ffffff;
    text-align: center;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
  }
  .order-confirmation-container .order-confirmation-description-container h2 {
    font-size: 32px;
    font-weight: 200;
    color: #000000;
    margin-bottom: 16px;
  }
  .order-confirmation-container .order-confirmation-description-container p {
    font-size: 18px;
    font-weight: 500;
    color: #000000;
    line-height: 1.4em;
    margin: 0 auto;
    max-width: 532px;
  }
  .order-confirmation-container
    .order-confirmation-description-container
    p:last-of-type {
    margin-bottom: 48px;
  }
  .order-confirmation-container .button-container {
    padding: 40px 56px;
  }
  .order-confirmation-container .button-container .link-button {
    background: #7e899f;
    color: #ffffff;
    border: 1px solid #7e899f;
    border-radius: 25px;
    padding: 13.5px 23px;
    font-size: 16px;
    font-weight: 500;
  }
}
/*ACCCOUNT PAGES*/
.account-container {
  padding: 0px 40px;
  display: flex;
  flex-wrap: nowrap;
  gap: 126px;
}
.account-container .menu-item-list-container {
  min-width: 253px;
  width: 235px;
  max-width: 235px;
}
.account-container .menu-item-list-container .menu-items-container {
  display: flex;
  flex-flow: column;
  gap: 32px;
}
.account-container
  .menu-item-list-container
  .menu-items-container:not(:first-child) {
  margin-top: 64px;
}
.account-container .menu-item-list-container .menu-items-container:first-child {
  margin-top: 88px;
}
.account-container .menu-item-list-container .menu-items-container .menu-title {
  font-size: 14px;
  line-height: 1.2em;
  font-weight: 500;
  color: #000000;
  text-transform: uppercase;
}
.account-container .menu-item-list-container .menu-items-container .menu-link {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: nowrap;
}
.account-container
  .menu-item-list-container
  .menu-items-container
  .menu-link
  .menu-link-img {
  width: 48px;
  height: 48px;
}
.account-container
  .menu-item-list-container
  .menu-items-container
  .menu-link
  .menu-link-text {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2em;
  color: #000000;
}

.account-content-container .form-container {
  padding: 0px 0px 40px 0px;
  background: #ffffff;
  border-radius: 8px;
}
.account-content-container .form-container .head-container {
  padding: 40px 56px;
}
.account-content-container .form-container hr {
  margin-top: 0px;
  margin-bottom: 40px;
  border-top: 1px solid rgba(0, 0, 0, 0.1019607843);
  border-radius: 0px;
}
.account-content-container .form-container .personal-data-container,
.account-content-container .form-container .invoice-data-container,
.account-content-container .form-container .shipping-data-container,
.account-content-container .form-container .financial-associate-container,
.account-content-container .form-container .procurement-associate-container,
.account-content-container .form-container .commercial-associate-container,
.account-content-container .form-container .acceptances-container {
  padding: 0px 56px;
  margin-bottom: 40px;
}
.account-content-container .form-container .personal-data-container .col-12,
.account-content-container .form-container .invoice-data-container .col-12,
.account-content-container .form-container .shipping-data-container .col-12,
.account-content-container
  .form-container
  .financial-associate-container
  .col-12,
.account-content-container
  .form-container
  .procurement-associate-container
  .col-12,
.account-content-container
  .form-container
  .commercial-associate-container
  .col-12,
.account-content-container .form-container .acceptances-container .col-12 {
  padding: 0px 8px;
}
.account-content-container
  .form-container
  .personal-data-container
  .title-container,
.account-content-container
  .form-container
  .invoice-data-container
  .title-container,
.account-content-container
  .form-container
  .shipping-data-container
  .title-container,
.account-content-container
  .form-container
  .financial-associate-container
  .title-container,
.account-content-container
  .form-container
  .procurement-associate-container
  .title-container,
.account-content-container
  .form-container
  .commercial-associate-container
  .title-container,
.account-content-container
  .form-container
  .acceptances-container
  .title-container {
  margin-bottom: 20px;
}
.account-content-container
  .form-container
  .personal-data-container
  .title-container
  h1,
.account-content-container
  .form-container
  .invoice-data-container
  .title-container
  h1,
.account-content-container
  .form-container
  .shipping-data-container
  .title-container
  h1,
.account-content-container
  .form-container
  .financial-associate-container
  .title-container
  h1,
.account-content-container
  .form-container
  .procurement-associate-container
  .title-container
  h1,
.account-content-container
  .form-container
  .commercial-associate-container
  .title-container
  h1,
.account-content-container
  .form-container
  .acceptances-container
  .title-container
  h1 {
  font-size: 40px;
  font-weight: 200;
  margin: 64px 0px 20px 0px;
}
.account-content-container
  .form-container
  .personal-data-container
  .title-container
  h2,
.account-content-container
  .form-container
  .invoice-data-container
  .title-container
  h2,
.account-content-container
  .form-container
  .shipping-data-container
  .title-container
  h2,
.account-content-container
  .form-container
  .financial-associate-container
  .title-container
  h2,
.account-content-container
  .form-container
  .procurement-associate-container
  .title-container
  h2,
.account-content-container
  .form-container
  .commercial-associate-container
  .title-container
  h2,
.account-content-container
  .form-container
  .acceptances-container
  .title-container
  h2 {
  font-size: 16px;
  font-weight: 600;
  margin: 0px;
}
.account-content-container
  .form-container
  .personal-data-container
  .title-container
  p,
.account-content-container
  .form-container
  .invoice-data-container
  .title-container
  p,
.account-content-container
  .form-container
  .shipping-data-container
  .title-container
  p,
.account-content-container
  .form-container
  .financial-associate-container
  .title-container
  p,
.account-content-container
  .form-container
  .procurement-associate-container
  .title-container
  p,
.account-content-container
  .form-container
  .commercial-associate-container
  .title-container
  p,
.account-content-container
  .form-container
  .acceptances-container
  .title-container
  p {
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  margin: 0px;
}
.account-content-container .form-container .personal-data-container p,
.account-content-container .form-container .invoice-data-container p,
.account-content-container .form-container .shipping-data-container p,
.account-content-container .form-container .financial-associate-container p,
.account-content-container .form-container .procurement-associate-container p,
.account-content-container .form-container .commercial-associate-container p,
.account-content-container .form-container .acceptances-container p {
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  margin: 0px;
}
.account-content-container .form-container .personal-data-container h3,
.account-content-container .form-container .invoice-data-container h3,
.account-content-container .form-container .shipping-data-container h3,
.account-content-container .form-container .financial-associate-container h3,
.account-content-container .form-container .procurement-associate-container h3,
.account-content-container .form-container .commercial-associate-container h3,
.account-content-container .form-container .acceptances-container h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4em;
  margin-top: 20px;
  margin-bottom: 0px;
}
.account-content-container
  .form-container
  .personal-data-container
  .add-more-item,
.account-content-container
  .form-container
  .invoice-data-container
  .add-more-item,
.account-content-container
  .form-container
  .shipping-data-container
  .add-more-item,
.account-content-container
  .form-container
  .financial-associate-container
  .add-more-item,
.account-content-container
  .form-container
  .procurement-associate-container
  .add-more-item,
.account-content-container
  .form-container
  .commercial-associate-container
  .add-more-item,
.account-content-container
  .form-container
  .acceptances-container
  .add-more-item {
  background: #7e899f;
  color: #ffffff;
  border-radius: 4px;
  padding: 6px 14px 6px 10px;
  display: flex;
  -moz-column-gap: 8px;
  column-gap: 8px;
  margin-top: 40px;
  font-size: 16px;
  font-weight: 500;
  width: 231px;
  align-items: center;
  line-height: 1em;
}
.account-content-container
  .form-container
  .personal-data-container
  .add-more-item
  span,
.account-content-container
  .form-container
  .invoice-data-container
  .add-more-item
  span,
.account-content-container
  .form-container
  .shipping-data-container
  .add-more-item
  span,
.account-content-container
  .form-container
  .financial-associate-container
  .add-more-item
  span,
.account-content-container
  .form-container
  .procurement-associate-container
  .add-more-item
  span,
.account-content-container
  .form-container
  .commercial-associate-container
  .add-more-item
  span,
.account-content-container
  .form-container
  .acceptances-container
  .add-more-item
  span {
  font-size: 24px;
  line-height: 1em;
  display: flex;
  width: 24px;
  justify-content: center;
}
.account-content-container
  .form-container
  .personal-data-container
  .account-item,
.account-content-container
  .form-container
  .invoice-data-container
  .account-item,
.account-content-container
  .form-container
  .shipping-data-container
  .account-item,
.account-content-container
  .form-container
  .financial-associate-container
  .account-item,
.account-content-container
  .form-container
  .procurement-associate-container
  .account-item,
.account-content-container
  .form-container
  .commercial-associate-container
  .account-item,
.account-content-container
  .form-container
  .acceptances-container
  .account-item {
  margin-top: 20px;
}
.account-content-container
  .form-container
  .personal-data-container
  .account-item:has(.locked-input),
.account-content-container
  .form-container
  .invoice-data-container
  .account-item:has(.locked-input),
.account-content-container
  .form-container
  .shipping-data-container
  .account-item:has(.locked-input),
.account-content-container
  .form-container
  .financial-associate-container
  .account-item:has(.locked-input),
.account-content-container
  .form-container
  .procurement-associate-container
  .account-item:has(.locked-input),
.account-content-container
  .form-container
  .commercial-associate-container
  .account-item:has(.locked-input),
.account-content-container
  .form-container
  .acceptances-container
  .account-item:has(.locked-input) {
  opacity: 0.5;
}
.account-content-container
  .form-container
  .personal-data-container
  .account-item:has(.locked-input)
  .locked-input,
.account-content-container
  .form-container
  .invoice-data-container
  .account-item:has(.locked-input)
  .locked-input,
.account-content-container
  .form-container
  .shipping-data-container
  .account-item:has(.locked-input)
  .locked-input,
.account-content-container
  .form-container
  .financial-associate-container
  .account-item:has(.locked-input)
  .locked-input,
.account-content-container
  .form-container
  .procurement-associate-container
  .account-item:has(.locked-input)
  .locked-input,
.account-content-container
  .form-container
  .commercial-associate-container
  .account-item:has(.locked-input)
  .locked-input,
.account-content-container
  .form-container
  .acceptances-container
  .account-item:has(.locked-input)
  .locked-input {
  position: relative;
}
.account-content-container
  .form-container
  .personal-data-container
  .account-item:has(.locked-input)
  .locked-input
  input,
.account-content-container
  .form-container
  .invoice-data-container
  .account-item:has(.locked-input)
  .locked-input
  input,
.account-content-container
  .form-container
  .shipping-data-container
  .account-item:has(.locked-input)
  .locked-input
  input,
.account-content-container
  .form-container
  .financial-associate-container
  .account-item:has(.locked-input)
  .locked-input
  input,
.account-content-container
  .form-container
  .procurement-associate-container
  .account-item:has(.locked-input)
  .locked-input
  input,
.account-content-container
  .form-container
  .commercial-associate-container
  .account-item:has(.locked-input)
  .locked-input
  input,
.account-content-container
  .form-container
  .acceptances-container
  .account-item:has(.locked-input)
  .locked-input
  input {
  background: rgba(0, 0, 0, 0);
}
.account-content-container
  .form-container
  .personal-data-container
  .account-item:has(.locked-input)
  .locked-input
  svg,
.account-content-container
  .form-container
  .invoice-data-container
  .account-item:has(.locked-input)
  .locked-input
  svg,
.account-content-container
  .form-container
  .shipping-data-container
  .account-item:has(.locked-input)
  .locked-input
  svg,
.account-content-container
  .form-container
  .financial-associate-container
  .account-item:has(.locked-input)
  .locked-input
  svg,
.account-content-container
  .form-container
  .procurement-associate-container
  .account-item:has(.locked-input)
  .locked-input
  svg,
.account-content-container
  .form-container
  .commercial-associate-container
  .account-item:has(.locked-input)
  .locked-input
  svg,
.account-content-container
  .form-container
  .acceptances-container
  .account-item:has(.locked-input)
  .locked-input
  svg {
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
}
.account-content-container
  .form-container
  .personal-data-container
  .account-item
  p,
.account-content-container
  .form-container
  .invoice-data-container
  .account-item
  p,
.account-content-container
  .form-container
  .shipping-data-container
  .account-item
  p,
.account-content-container
  .form-container
  .financial-associate-container
  .account-item
  p,
.account-content-container
  .form-container
  .procurement-associate-container
  .account-item
  p,
.account-content-container
  .form-container
  .commercial-associate-container
  .account-item
  p,
.account-content-container
  .form-container
  .acceptances-container
  .account-item
  p {
  font-size: 14px;
  color: #7e899f;
  line-height: 1.4em;
  font-weight: 500;
}
.account-content-container
  .form-container
  .personal-data-container
  .account-item
  input,
.account-content-container
  .form-container
  .personal-data-container
  .account-item
  select,
.account-content-container
  .form-container
  .invoice-data-container
  .account-item
  input,
.account-content-container
  .form-container
  .invoice-data-container
  .account-item
  select,
.account-content-container
  .form-container
  .shipping-data-container
  .account-item
  input,
.account-content-container
  .form-container
  .shipping-data-container
  .account-item
  select,
.account-content-container
  .form-container
  .financial-associate-container
  .account-item
  input,
.account-content-container
  .form-container
  .financial-associate-container
  .account-item
  select,
.account-content-container
  .form-container
  .procurement-associate-container
  .account-item
  input,
.account-content-container
  .form-container
  .procurement-associate-container
  .account-item
  select,
.account-content-container
  .form-container
  .commercial-associate-container
  .account-item
  input,
.account-content-container
  .form-container
  .commercial-associate-container
  .account-item
  select,
.account-content-container
  .form-container
  .acceptances-container
  .account-item
  input,
.account-content-container
  .form-container
  .acceptances-container
  .account-item
  select {
  width: 100%;
  border-radius: 100px;
  padding: 11px 15px 10px 15px;
  font-size: 14px;
  color: #000000;
  border: 1px solid #7e899f;
  line-height: 1.2em;
}
.account-content-container
  .form-container
  .personal-data-container
  .account-item
  input::-moz-placeholder,
.account-content-container
  .form-container
  .personal-data-container
  .account-item
  select::-moz-placeholder,
.account-content-container
  .form-container
  .invoice-data-container
  .account-item
  input::-moz-placeholder,
.account-content-container
  .form-container
  .invoice-data-container
  .account-item
  select::-moz-placeholder,
.account-content-container
  .form-container
  .shipping-data-container
  .account-item
  input::-moz-placeholder,
.account-content-container
  .form-container
  .shipping-data-container
  .account-item
  select::-moz-placeholder,
.account-content-container
  .form-container
  .financial-associate-container
  .account-item
  input::-moz-placeholder,
.account-content-container
  .form-container
  .financial-associate-container
  .account-item
  select::-moz-placeholder,
.account-content-container
  .form-container
  .procurement-associate-container
  .account-item
  input::-moz-placeholder,
.account-content-container
  .form-container
  .procurement-associate-container
  .account-item
  select::-moz-placeholder,
.account-content-container
  .form-container
  .commercial-associate-container
  .account-item
  input::-moz-placeholder,
.account-content-container
  .form-container
  .commercial-associate-container
  .account-item
  select::-moz-placeholder,
.account-content-container
  .form-container
  .acceptances-container
  .account-item
  input::-moz-placeholder,
.account-content-container
  .form-container
  .acceptances-container
  .account-item
  select::-moz-placeholder {
  color: #000000;
  font-size: 14px;
  line-height: 1.2em;
  color: #7e899f;
}
.account-content-container
  .form-container
  .personal-data-container
  .account-item
  input::placeholder,
.account-content-container
  .form-container
  .personal-data-container
  .account-item
  select::placeholder,
.account-content-container
  .form-container
  .invoice-data-container
  .account-item
  input::placeholder,
.account-content-container
  .form-container
  .invoice-data-container
  .account-item
  select::placeholder,
.account-content-container
  .form-container
  .shipping-data-container
  .account-item
  input::placeholder,
.account-content-container
  .form-container
  .shipping-data-container
  .account-item
  select::placeholder,
.account-content-container
  .form-container
  .financial-associate-container
  .account-item
  input::placeholder,
.account-content-container
  .form-container
  .financial-associate-container
  .account-item
  select::placeholder,
.account-content-container
  .form-container
  .procurement-associate-container
  .account-item
  input::placeholder,
.account-content-container
  .form-container
  .procurement-associate-container
  .account-item
  select::placeholder,
.account-content-container
  .form-container
  .commercial-associate-container
  .account-item
  input::placeholder,
.account-content-container
  .form-container
  .commercial-associate-container
  .account-item
  select::placeholder,
.account-content-container
  .form-container
  .acceptances-container
  .account-item
  input::placeholder,
.account-content-container
  .form-container
  .acceptances-container
  .account-item
  select::placeholder {
  color: #000000;
  font-size: 14px;
  line-height: 1.2em;
  color: #7e899f;
}
.account-content-container
  .form-container
  .personal-data-container
  .account-item
  select,
.account-content-container
  .form-container
  .invoice-data-container
  .account-item
  select,
.account-content-container
  .form-container
  .shipping-data-container
  .account-item
  select,
.account-content-container
  .form-container
  .financial-associate-container
  .account-item
  select,
.account-content-container
  .form-container
  .procurement-associate-container
  .account-item
  select,
.account-content-container
  .form-container
  .commercial-associate-container
  .account-item
  select,
.account-content-container
  .form-container
  .acceptances-container
  .account-item
  select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  background: url("../assets/icons/select-chevron.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) center;
  color: #000000;
}
.account-content-container
  .form-container
  .personal-data-container
  .account-item
  input[type="number"]::-webkit-outer-spin-button,
.account-content-container
  .form-container
  .personal-data-container
  .account-item
  input[type="number"]::-webkit-inner-spin-button,
.account-content-container
  .form-container
  .invoice-data-container
  .account-item
  input[type="number"]::-webkit-outer-spin-button,
.account-content-container
  .form-container
  .invoice-data-container
  .account-item
  input[type="number"]::-webkit-inner-spin-button,
.account-content-container
  .form-container
  .shipping-data-container
  .account-item
  input[type="number"]::-webkit-outer-spin-button,
.account-content-container
  .form-container
  .shipping-data-container
  .account-item
  input[type="number"]::-webkit-inner-spin-button,
.account-content-container
  .form-container
  .financial-associate-container
  .account-item
  input[type="number"]::-webkit-outer-spin-button,
.account-content-container
  .form-container
  .financial-associate-container
  .account-item
  input[type="number"]::-webkit-inner-spin-button,
.account-content-container
  .form-container
  .procurement-associate-container
  .account-item
  input[type="number"]::-webkit-outer-spin-button,
.account-content-container
  .form-container
  .procurement-associate-container
  .account-item
  input[type="number"]::-webkit-inner-spin-button,
.account-content-container
  .form-container
  .commercial-associate-container
  .account-item
  input[type="number"]::-webkit-outer-spin-button,
.account-content-container
  .form-container
  .commercial-associate-container
  .account-item
  input[type="number"]::-webkit-inner-spin-button,
.account-content-container
  .form-container
  .acceptances-container
  .account-item
  input[type="number"]::-webkit-outer-spin-button,
.account-content-container
  .form-container
  .acceptances-container
  .account-item
  input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  -moz-appearance: textfield;
}
.account-content-container
  .form-container
  .personal-data-container
  .account-item
  input[type="checkbox"],
.account-content-container
  .form-container
  .invoice-data-container
  .account-item
  input[type="checkbox"],
.account-content-container
  .form-container
  .shipping-data-container
  .account-item
  input[type="checkbox"],
.account-content-container
  .form-container
  .financial-associate-container
  .account-item
  input[type="checkbox"],
.account-content-container
  .form-container
  .procurement-associate-container
  .account-item
  input[type="checkbox"],
.account-content-container
  .form-container
  .commercial-associate-container
  .account-item
  input[type="checkbox"],
.account-content-container
  .form-container
  .acceptances-container
  .account-item
  input[type="checkbox"] {
  width: 16px;
  height: 16px;
}
.account-content-container
  .form-container
  .personal-data-container
  .account-item
  label,
.account-content-container
  .form-container
  .invoice-data-container
  .account-item
  label,
.account-content-container
  .form-container
  .shipping-data-container
  .account-item
  label,
.account-content-container
  .form-container
  .financial-associate-container
  .account-item
  label,
.account-content-container
  .form-container
  .procurement-associate-container
  .account-item
  label,
.account-content-container
  .form-container
  .commercial-associate-container
  .account-item
  label,
.account-content-container
  .form-container
  .acceptances-container
  .account-item
  label {
  font-size: 11px;
  margin-bottom: 10px;
  margin-left: 16px;
  width: 100%;
  text-transform: uppercase;
}
.account-content-container
  .form-container
  .personal-data-container
  .account-item.account-opening-hours,
.account-content-container
  .form-container
  .invoice-data-container
  .account-item.account-opening-hours,
.account-content-container
  .form-container
  .shipping-data-container
  .account-item.account-opening-hours,
.account-content-container
  .form-container
  .financial-associate-container
  .account-item.account-opening-hours,
.account-content-container
  .form-container
  .procurement-associate-container
  .account-item.account-opening-hours,
.account-content-container
  .form-container
  .commercial-associate-container
  .account-item.account-opening-hours,
.account-content-container
  .form-container
  .acceptances-container
  .account-item.account-opening-hours {
  margin-bottom: 40px !important;
}
.account-content-container .form-container .personal-data-container .checkbox,
.account-content-container .form-container .invoice-data-container .checkbox,
.account-content-container .form-container .shipping-data-container .checkbox,
.account-content-container
  .form-container
  .financial-associate-container
  .checkbox,
.account-content-container
  .form-container
  .procurement-associate-container
  .checkbox,
.account-content-container
  .form-container
  .commercial-associate-container
  .checkbox,
.account-content-container .form-container .acceptances-container .checkbox {
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  position: relative;
  top: 14px;
}
.account-content-container
  .form-container
  .personal-data-container
  .checkbox
  label,
.account-content-container
  .form-container
  .invoice-data-container
  .checkbox
  label,
.account-content-container
  .form-container
  .shipping-data-container
  .checkbox
  label,
.account-content-container
  .form-container
  .financial-associate-container
  .checkbox
  label,
.account-content-container
  .form-container
  .procurement-associate-container
  .checkbox
  label,
.account-content-container
  .form-container
  .commercial-associate-container
  .checkbox
  label,
.account-content-container
  .form-container
  .acceptances-container
  .checkbox
  label {
  font-size: 14px;
  margin: 0px;
  text-transform: unset;
}
.account-content-container
  .form-container
  .personal-data-container
  .equal-checkbox,
.account-content-container
  .form-container
  .invoice-data-container
  .equal-checkbox,
.account-content-container
  .form-container
  .shipping-data-container
  .equal-checkbox,
.account-content-container
  .form-container
  .financial-associate-container
  .equal-checkbox,
.account-content-container
  .form-container
  .procurement-associate-container
  .equal-checkbox,
.account-content-container
  .form-container
  .commercial-associate-container
  .equal-checkbox,
.account-content-container
  .form-container
  .acceptances-container
  .equal-checkbox {
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  margin-bottom: 20px;
}
.account-content-container
  .form-container
  .personal-data-container
  .equal-checkbox
  label,
.account-content-container
  .form-container
  .invoice-data-container
  .equal-checkbox
  label,
.account-content-container
  .form-container
  .shipping-data-container
  .equal-checkbox
  label,
.account-content-container
  .form-container
  .financial-associate-container
  .equal-checkbox
  label,
.account-content-container
  .form-container
  .procurement-associate-container
  .equal-checkbox
  label,
.account-content-container
  .form-container
  .commercial-associate-container
  .equal-checkbox
  label,
.account-content-container
  .form-container
  .acceptances-container
  .equal-checkbox
  label {
  font-size: 14px;
  margin: 0px;
  text-transform: unset;
}
.account-content-container
  .form-container
  .personal-data-container
  .acceptances-checkbox:not(:last-child),
.account-content-container
  .form-container
  .invoice-data-container
  .acceptances-checkbox:not(:last-child),
.account-content-container
  .form-container
  .shipping-data-container
  .acceptances-checkbox:not(:last-child),
.account-content-container
  .form-container
  .financial-associate-container
  .acceptances-checkbox:not(:last-child),
.account-content-container
  .form-container
  .procurement-associate-container
  .acceptances-checkbox:not(:last-child),
.account-content-container
  .form-container
  .commercial-associate-container
  .acceptances-checkbox:not(:last-child),
.account-content-container
  .form-container
  .acceptances-container
  .acceptances-checkbox:not(:last-child) {
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  margin-bottom: 12px;
  margin-top: 0px;
}
.account-content-container
  .form-container
  .personal-data-container
  .acceptances-checkbox:not(:last-child)
  label,
.account-content-container
  .form-container
  .invoice-data-container
  .acceptances-checkbox:not(:last-child)
  label,
.account-content-container
  .form-container
  .shipping-data-container
  .acceptances-checkbox:not(:last-child)
  label,
.account-content-container
  .form-container
  .financial-associate-container
  .acceptances-checkbox:not(:last-child)
  label,
.account-content-container
  .form-container
  .procurement-associate-container
  .acceptances-checkbox:not(:last-child)
  label,
.account-content-container
  .form-container
  .commercial-associate-container
  .acceptances-checkbox:not(:last-child)
  label,
.account-content-container
  .form-container
  .acceptances-container
  .acceptances-checkbox:not(:last-child)
  label {
  font-size: 14px;
  margin: 0px;
  text-transform: unset;
}
.account-content-container
  .form-container
  .personal-data-container
  .acceptances-checkbox:last-child,
.account-content-container
  .form-container
  .invoice-data-container
  .acceptances-checkbox:last-child,
.account-content-container
  .form-container
  .shipping-data-container
  .acceptances-checkbox:last-child,
.account-content-container
  .form-container
  .financial-associate-container
  .acceptances-checkbox:last-child,
.account-content-container
  .form-container
  .procurement-associate-container
  .acceptances-checkbox:last-child,
.account-content-container
  .form-container
  .commercial-associate-container
  .acceptances-checkbox:last-child,
.account-content-container
  .form-container
  .acceptances-container
  .acceptances-checkbox:last-child {
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  margin-bottom: 0px;
  margin-top: 0px;
}
.account-content-container
  .form-container
  .personal-data-container
  .acceptances-checkbox:last-child
  label,
.account-content-container
  .form-container
  .invoice-data-container
  .acceptances-checkbox:last-child
  label,
.account-content-container
  .form-container
  .shipping-data-container
  .acceptances-checkbox:last-child
  label,
.account-content-container
  .form-container
  .financial-associate-container
  .acceptances-checkbox:last-child
  label,
.account-content-container
  .form-container
  .procurement-associate-container
  .acceptances-checkbox:last-child
  label,
.account-content-container
  .form-container
  .commercial-associate-container
  .acceptances-checkbox:last-child
  label,
.account-content-container
  .form-container
  .acceptances-container
  .acceptances-checkbox:last-child
  label {
  font-size: 14px;
  margin: 0px;
  text-transform: unset;
}
.account-content-container
  .form-container
  .personal-data-container
  .col-1.d-flex,
.account-content-container
  .form-container
  .invoice-data-container
  .col-1.d-flex,
.account-content-container
  .form-container
  .shipping-data-container
  .col-1.d-flex,
.account-content-container
  .form-container
  .financial-associate-container
  .col-1.d-flex,
.account-content-container
  .form-container
  .procurement-associate-container
  .col-1.d-flex,
.account-content-container
  .form-container
  .commercial-associate-container
  .col-1.d-flex,
.account-content-container
  .form-container
  .acceptances-container
  .col-1.d-flex {
  align-items: flex-end;
  justify-content: flex-end;
}
.account-content-container
  .form-container
  .personal-data-container
  .form-checked,
.account-content-container
  .form-container
  .invoice-data-container
  .form-checked,
.account-content-container
  .form-container
  .shipping-data-container
  .form-checked,
.account-content-container
  .form-container
  .financial-associate-container
  .form-checked,
.account-content-container
  .form-container
  .procurement-associate-container
  .form-checked,
.account-content-container
  .form-container
  .commercial-associate-container
  .form-checked,
.account-content-container
  .form-container
  .acceptances-container
  .form-checked {
  width: 24px;
  height: 24px;
}
.account-content-container .form-container .button-container {
  padding: 0px 56px;
}
.account-content-container .form-container .back-button {
  background: rgba(0, 0, 0, 0);
  color: #000000;
  border: 1px solid #000000;
  border-radius: 25px;
  padding: 13.5px 23px;
  font-size: 16px;
  font-weight: 500;
}
.account-content-container .form-container .submit-button {
  background: #7e899f;
  color: #ffffff;
  border: 1px solid #7e899f;
  border-radius: 25px;
  padding: 10.5px 23px;
  font-size: 14px;
  font-weight: 500;
}
.account-content-container .colleague-row .address,
.account-content-container .colleague-row .name,
.account-content-container .colleague-row .tel,
.account-content-container .colleague-row .email,
.account-content-container .shipping-data-row .address,
.account-content-container .shipping-data-row .name,
.account-content-container .shipping-data-row .tel,
.account-content-container .shipping-data-row .email {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2em;
  color: #000000;
  margin: 0px;
}
.account-content-container .colleague-row .edit-delete-button-container,
.account-content-container .shipping-data-row .edit-delete-button-container {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}
.account-content-container
  .colleague-row
  .edit-delete-button-container
  .edit-button,
.account-content-container
  .shipping-data-row
  .edit-delete-button-container
  .edit-button {
  width: 24px;
  height: 24px;
  padding: 0px;
  background: #ffffff;
}
.account-content-container
  .colleague-row
  .edit-delete-button-container
  .delete-button,
.account-content-container
  .shipping-data-row
  .edit-delete-button-container
  .delete-button {
  width: 24px;
  height: 24px;
  padding: 0px;
  background: #ffffff;
}

@media screen and (max-width: 767px) {
  .account-container {
    padding: 0px;
    display: flex;
    flex-direction: column;
    gap: 48px;
  }
  .account-container .menu-item-list-container {
    min-width: unset;
    width: 100%;
    max-width: unset;
  }
  .account-container .menu-item-list-container .menu-items-container {
    gap: 32px;
  }
  .account-container
    .menu-item-list-container
    .menu-items-container:not(:first-child) {
    margin-top: 32px;
  }
  .account-container
    .menu-item-list-container
    .menu-items-container:first-child {
    margin-top: 32px;
  }
  .account-container
    .menu-item-list-container
    .menu-items-container
    .menu-title {
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 500;
    color: #000000;
    text-transform: uppercase;
  }
  .account-container
    .menu-item-list-container
    .menu-items-container
    .menu-link {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: nowrap;
  }
  .account-container
    .menu-item-list-container
    .menu-items-container
    .menu-link
    .menu-link-img {
    width: 48px;
    height: 48px;
  }
  .account-container
    .menu-item-list-container
    .menu-items-container
    .menu-link
    .menu-link-text {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2em;
    color: #000000;
  }
  .account-content-container .form-container {
    padding: 0px 0px 40px 0px;
    background: #ffffff;
    border-radius: 8px;
  }
  .account-content-container .form-container .head-container {
    padding: 40px 56px;
  }
  .account-content-container .form-container hr {
    margin-top: 0px;
    margin-bottom: 40px;
    border-top: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 0px;
  }
  .account-content-container .form-container .personal-data-container,
  .account-content-container .form-container .invoice-data-container,
  .account-content-container .form-container .shipping-data-container,
  .account-content-container .form-container .financial-associate-container,
  .account-content-container .form-container .procurement-associate-container,
  .account-content-container .form-container .commercial-associate-container,
  .account-content-container .form-container .acceptances-container {
    padding: 0px 16px;
    margin-bottom: 32px;
  }
  .account-content-container .form-container .personal-data-container .col-12,
  .account-content-container .form-container .invoice-data-container .col-12,
  .account-content-container .form-container .shipping-data-container .col-12,
  .account-content-container
    .form-container
    .financial-associate-container
    .col-12,
  .account-content-container
    .form-container
    .procurement-associate-container
    .col-12,
  .account-content-container
    .form-container
    .commercial-associate-container
    .col-12,
  .account-content-container .form-container .acceptances-container .col-12 {
    padding: 0px 8px;
  }
  .account-content-container
    .form-container
    .personal-data-container
    .title-container,
  .account-content-container
    .form-container
    .invoice-data-container
    .title-container,
  .account-content-container
    .form-container
    .shipping-data-container
    .title-container,
  .account-content-container
    .form-container
    .financial-associate-container
    .title-container,
  .account-content-container
    .form-container
    .procurement-associate-container
    .title-container,
  .account-content-container
    .form-container
    .commercial-associate-container
    .title-container,
  .account-content-container
    .form-container
    .acceptances-container
    .title-container {
    margin-bottom: 20px;
  }
  .account-content-container
    .form-container
    .personal-data-container
    .title-container
    h1,
  .account-content-container
    .form-container
    .invoice-data-container
    .title-container
    h1,
  .account-content-container
    .form-container
    .shipping-data-container
    .title-container
    h1,
  .account-content-container
    .form-container
    .financial-associate-container
    .title-container
    h1,
  .account-content-container
    .form-container
    .procurement-associate-container
    .title-container
    h1,
  .account-content-container
    .form-container
    .commercial-associate-container
    .title-container
    h1,
  .account-content-container
    .form-container
    .acceptances-container
    .title-container
    h1 {
    font-size: 32px;
    font-weight: 200;
    margin: 48px 0px 20px 0px;
  }
  .account-content-container
    .form-container
    .personal-data-container
    .title-container
    h2,
  .account-content-container
    .form-container
    .invoice-data-container
    .title-container
    h2,
  .account-content-container
    .form-container
    .shipping-data-container
    .title-container
    h2,
  .account-content-container
    .form-container
    .financial-associate-container
    .title-container
    h2,
  .account-content-container
    .form-container
    .procurement-associate-container
    .title-container
    h2,
  .account-content-container
    .form-container
    .commercial-associate-container
    .title-container
    h2,
  .account-content-container
    .form-container
    .acceptances-container
    .title-container
    h2 {
    font-size: 16px;
    font-weight: 600;
    margin: 0px;
  }
  .account-content-container
    .form-container
    .personal-data-container
    .title-container
    p,
  .account-content-container
    .form-container
    .invoice-data-container
    .title-container
    p,
  .account-content-container
    .form-container
    .shipping-data-container
    .title-container
    p,
  .account-content-container
    .form-container
    .financial-associate-container
    .title-container
    p,
  .account-content-container
    .form-container
    .procurement-associate-container
    .title-container
    p,
  .account-content-container
    .form-container
    .commercial-associate-container
    .title-container
    p,
  .account-content-container
    .form-container
    .acceptances-container
    .title-container
    p {
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    margin: 0px;
  }
  .account-content-container .form-container .personal-data-container h3,
  .account-content-container .form-container .invoice-data-container h3,
  .account-content-container .form-container .shipping-data-container h3,
  .account-content-container .form-container .financial-associate-container h3,
  .account-content-container
    .form-container
    .procurement-associate-container
    h3,
  .account-content-container .form-container .commercial-associate-container h3,
  .account-content-container .form-container .acceptances-container h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4em;
    margin-top: 20px;
    margin-bottom: 0px;
  }
  .account-content-container
    .form-container
    .personal-data-container
    .add-more-item,
  .account-content-container
    .form-container
    .invoice-data-container
    .add-more-item,
  .account-content-container
    .form-container
    .shipping-data-container
    .add-more-item,
  .account-content-container
    .form-container
    .financial-associate-container
    .add-more-item,
  .account-content-container
    .form-container
    .procurement-associate-container
    .add-more-item,
  .account-content-container
    .form-container
    .commercial-associate-container
    .add-more-item,
  .account-content-container
    .form-container
    .acceptances-container
    .add-more-item {
    margin: 32px 0px 0px 0px;
  }
  .account-content-container
    .form-container
    .personal-data-container
    .add-more-item
    span,
  .account-content-container
    .form-container
    .invoice-data-container
    .add-more-item
    span,
  .account-content-container
    .form-container
    .shipping-data-container
    .add-more-item
    span,
  .account-content-container
    .form-container
    .financial-associate-container
    .add-more-item
    span,
  .account-content-container
    .form-container
    .procurement-associate-container
    .add-more-item
    span,
  .account-content-container
    .form-container
    .commercial-associate-container
    .add-more-item
    span,
  .account-content-container
    .form-container
    .acceptances-container
    .add-more-item
    span {
    font-size: 24px;
    line-height: 1em;
    display: flex;
    width: 24px;
    justify-content: center;
  }
  .account-content-container
    .form-container
    .personal-data-container
    .account-item,
  .account-content-container
    .form-container
    .invoice-data-container
    .account-item,
  .account-content-container
    .form-container
    .shipping-data-container
    .account-item,
  .account-content-container
    .form-container
    .financial-associate-container
    .account-item,
  .account-content-container
    .form-container
    .procurement-associate-container
    .account-item,
  .account-content-container
    .form-container
    .commercial-associate-container
    .account-item,
  .account-content-container
    .form-container
    .acceptances-container
    .account-item {
    margin-top: 20px;
  }
  .account-content-container
    .form-container
    .personal-data-container
    .account-item:has(.locked-input),
  .account-content-container
    .form-container
    .invoice-data-container
    .account-item:has(.locked-input),
  .account-content-container
    .form-container
    .shipping-data-container
    .account-item:has(.locked-input),
  .account-content-container
    .form-container
    .financial-associate-container
    .account-item:has(.locked-input),
  .account-content-container
    .form-container
    .procurement-associate-container
    .account-item:has(.locked-input),
  .account-content-container
    .form-container
    .commercial-associate-container
    .account-item:has(.locked-input),
  .account-content-container
    .form-container
    .acceptances-container
    .account-item:has(.locked-input) {
    opacity: 0.5;
  }
  .account-content-container
    .form-container
    .personal-data-container
    .account-item:has(.locked-input)
    .locked-input,
  .account-content-container
    .form-container
    .invoice-data-container
    .account-item:has(.locked-input)
    .locked-input,
  .account-content-container
    .form-container
    .shipping-data-container
    .account-item:has(.locked-input)
    .locked-input,
  .account-content-container
    .form-container
    .financial-associate-container
    .account-item:has(.locked-input)
    .locked-input,
  .account-content-container
    .form-container
    .procurement-associate-container
    .account-item:has(.locked-input)
    .locked-input,
  .account-content-container
    .form-container
    .commercial-associate-container
    .account-item:has(.locked-input)
    .locked-input,
  .account-content-container
    .form-container
    .acceptances-container
    .account-item:has(.locked-input)
    .locked-input {
    position: relative;
  }
  .account-content-container
    .form-container
    .personal-data-container
    .account-item:has(.locked-input)
    .locked-input
    input,
  .account-content-container
    .form-container
    .invoice-data-container
    .account-item:has(.locked-input)
    .locked-input
    input,
  .account-content-container
    .form-container
    .shipping-data-container
    .account-item:has(.locked-input)
    .locked-input
    input,
  .account-content-container
    .form-container
    .financial-associate-container
    .account-item:has(.locked-input)
    .locked-input
    input,
  .account-content-container
    .form-container
    .procurement-associate-container
    .account-item:has(.locked-input)
    .locked-input
    input,
  .account-content-container
    .form-container
    .commercial-associate-container
    .account-item:has(.locked-input)
    .locked-input
    input,
  .account-content-container
    .form-container
    .acceptances-container
    .account-item:has(.locked-input)
    .locked-input
    input {
    background: rgba(0, 0, 0, 0);
  }
  .account-content-container
    .form-container
    .personal-data-container
    .account-item:has(.locked-input)
    .locked-input
    svg,
  .account-content-container
    .form-container
    .invoice-data-container
    .account-item:has(.locked-input)
    .locked-input
    svg,
  .account-content-container
    .form-container
    .shipping-data-container
    .account-item:has(.locked-input)
    .locked-input
    svg,
  .account-content-container
    .form-container
    .financial-associate-container
    .account-item:has(.locked-input)
    .locked-input
    svg,
  .account-content-container
    .form-container
    .procurement-associate-container
    .account-item:has(.locked-input)
    .locked-input
    svg,
  .account-content-container
    .form-container
    .commercial-associate-container
    .account-item:has(.locked-input)
    .locked-input
    svg,
  .account-content-container
    .form-container
    .acceptances-container
    .account-item:has(.locked-input)
    .locked-input
    svg {
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
  }
  .account-content-container
    .form-container
    .personal-data-container
    .account-item
    p,
  .account-content-container
    .form-container
    .invoice-data-container
    .account-item
    p,
  .account-content-container
    .form-container
    .shipping-data-container
    .account-item
    p,
  .account-content-container
    .form-container
    .financial-associate-container
    .account-item
    p,
  .account-content-container
    .form-container
    .procurement-associate-container
    .account-item
    p,
  .account-content-container
    .form-container
    .commercial-associate-container
    .account-item
    p,
  .account-content-container
    .form-container
    .acceptances-container
    .account-item
    p {
    font-size: 14px;
    color: #7e899f;
    line-height: 1.4em;
    font-weight: 500;
  }
  .account-content-container
    .form-container
    .personal-data-container
    .account-item
    input,
  .account-content-container
    .form-container
    .personal-data-container
    .account-item
    select,
  .account-content-container
    .form-container
    .invoice-data-container
    .account-item
    input,
  .account-content-container
    .form-container
    .invoice-data-container
    .account-item
    select,
  .account-content-container
    .form-container
    .shipping-data-container
    .account-item
    input,
  .account-content-container
    .form-container
    .shipping-data-container
    .account-item
    select,
  .account-content-container
    .form-container
    .financial-associate-container
    .account-item
    input,
  .account-content-container
    .form-container
    .financial-associate-container
    .account-item
    select,
  .account-content-container
    .form-container
    .procurement-associate-container
    .account-item
    input,
  .account-content-container
    .form-container
    .procurement-associate-container
    .account-item
    select,
  .account-content-container
    .form-container
    .commercial-associate-container
    .account-item
    input,
  .account-content-container
    .form-container
    .commercial-associate-container
    .account-item
    select,
  .account-content-container
    .form-container
    .acceptances-container
    .account-item
    input,
  .account-content-container
    .form-container
    .acceptances-container
    .account-item
    select {
    width: 100%;
    border-radius: 100px;
    padding: 11px 15px 10px 15px;
    font-size: 14px;
    color: #000000;
    border: 1px solid #7e899f;
    line-height: 1.2em;
  }
  .account-content-container
    .form-container
    .personal-data-container
    .account-item
    input::-moz-placeholder,
  .account-content-container
    .form-container
    .personal-data-container
    .account-item
    select::-moz-placeholder,
  .account-content-container
    .form-container
    .invoice-data-container
    .account-item
    input::-moz-placeholder,
  .account-content-container
    .form-container
    .invoice-data-container
    .account-item
    select::-moz-placeholder,
  .account-content-container
    .form-container
    .shipping-data-container
    .account-item
    input::-moz-placeholder,
  .account-content-container
    .form-container
    .shipping-data-container
    .account-item
    select::-moz-placeholder,
  .account-content-container
    .form-container
    .financial-associate-container
    .account-item
    input::-moz-placeholder,
  .account-content-container
    .form-container
    .financial-associate-container
    .account-item
    select::-moz-placeholder,
  .account-content-container
    .form-container
    .procurement-associate-container
    .account-item
    input::-moz-placeholder,
  .account-content-container
    .form-container
    .procurement-associate-container
    .account-item
    select::-moz-placeholder,
  .account-content-container
    .form-container
    .commercial-associate-container
    .account-item
    input::-moz-placeholder,
  .account-content-container
    .form-container
    .commercial-associate-container
    .account-item
    select::-moz-placeholder,
  .account-content-container
    .form-container
    .acceptances-container
    .account-item
    input::-moz-placeholder,
  .account-content-container
    .form-container
    .acceptances-container
    .account-item
    select::-moz-placeholder {
    color: #000000;
    font-size: 14px;
    line-height: 1.2em;
    color: #7e899f;
  }
  .account-content-container
    .form-container
    .personal-data-container
    .account-item
    input::placeholder,
  .account-content-container
    .form-container
    .personal-data-container
    .account-item
    select::placeholder,
  .account-content-container
    .form-container
    .invoice-data-container
    .account-item
    input::placeholder,
  .account-content-container
    .form-container
    .invoice-data-container
    .account-item
    select::placeholder,
  .account-content-container
    .form-container
    .shipping-data-container
    .account-item
    input::placeholder,
  .account-content-container
    .form-container
    .shipping-data-container
    .account-item
    select::placeholder,
  .account-content-container
    .form-container
    .financial-associate-container
    .account-item
    input::placeholder,
  .account-content-container
    .form-container
    .financial-associate-container
    .account-item
    select::placeholder,
  .account-content-container
    .form-container
    .procurement-associate-container
    .account-item
    input::placeholder,
  .account-content-container
    .form-container
    .procurement-associate-container
    .account-item
    select::placeholder,
  .account-content-container
    .form-container
    .commercial-associate-container
    .account-item
    input::placeholder,
  .account-content-container
    .form-container
    .commercial-associate-container
    .account-item
    select::placeholder,
  .account-content-container
    .form-container
    .acceptances-container
    .account-item
    input::placeholder,
  .account-content-container
    .form-container
    .acceptances-container
    .account-item
    select::placeholder {
    color: #000000;
    font-size: 14px;
    line-height: 1.2em;
    color: #7e899f;
  }
  .account-content-container
    .form-container
    .personal-data-container
    .account-item
    select,
  .account-content-container
    .form-container
    .invoice-data-container
    .account-item
    select,
  .account-content-container
    .form-container
    .shipping-data-container
    .account-item
    select,
  .account-content-container
    .form-container
    .financial-associate-container
    .account-item
    select,
  .account-content-container
    .form-container
    .procurement-associate-container
    .account-item
    select,
  .account-content-container
    .form-container
    .commercial-associate-container
    .account-item
    select,
  .account-content-container
    .form-container
    .acceptances-container
    .account-item
    select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    background: url("../assets/icons/select-chevron.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) center;
    color: #000000;
  }
  .account-content-container
    .form-container
    .personal-data-container
    .account-item
    input[type="number"]::-webkit-outer-spin-button,
  .account-content-container
    .form-container
    .personal-data-container
    .account-item
    input[type="number"]::-webkit-inner-spin-button,
  .account-content-container
    .form-container
    .invoice-data-container
    .account-item
    input[type="number"]::-webkit-outer-spin-button,
  .account-content-container
    .form-container
    .invoice-data-container
    .account-item
    input[type="number"]::-webkit-inner-spin-button,
  .account-content-container
    .form-container
    .shipping-data-container
    .account-item
    input[type="number"]::-webkit-outer-spin-button,
  .account-content-container
    .form-container
    .shipping-data-container
    .account-item
    input[type="number"]::-webkit-inner-spin-button,
  .account-content-container
    .form-container
    .financial-associate-container
    .account-item
    input[type="number"]::-webkit-outer-spin-button,
  .account-content-container
    .form-container
    .financial-associate-container
    .account-item
    input[type="number"]::-webkit-inner-spin-button,
  .account-content-container
    .form-container
    .procurement-associate-container
    .account-item
    input[type="number"]::-webkit-outer-spin-button,
  .account-content-container
    .form-container
    .procurement-associate-container
    .account-item
    input[type="number"]::-webkit-inner-spin-button,
  .account-content-container
    .form-container
    .commercial-associate-container
    .account-item
    input[type="number"]::-webkit-outer-spin-button,
  .account-content-container
    .form-container
    .commercial-associate-container
    .account-item
    input[type="number"]::-webkit-inner-spin-button,
  .account-content-container
    .form-container
    .acceptances-container
    .account-item
    input[type="number"]::-webkit-outer-spin-button,
  .account-content-container
    .form-container
    .acceptances-container
    .account-item
    input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance: textfield;
  }
  .account-content-container
    .form-container
    .personal-data-container
    .account-item
    input[type="checkbox"],
  .account-content-container
    .form-container
    .invoice-data-container
    .account-item
    input[type="checkbox"],
  .account-content-container
    .form-container
    .shipping-data-container
    .account-item
    input[type="checkbox"],
  .account-content-container
    .form-container
    .financial-associate-container
    .account-item
    input[type="checkbox"],
  .account-content-container
    .form-container
    .procurement-associate-container
    .account-item
    input[type="checkbox"],
  .account-content-container
    .form-container
    .commercial-associate-container
    .account-item
    input[type="checkbox"],
  .account-content-container
    .form-container
    .acceptances-container
    .account-item
    input[type="checkbox"] {
    width: 16px;
    height: 16px;
  }
  .account-content-container
    .form-container
    .personal-data-container
    .account-item
    label,
  .account-content-container
    .form-container
    .invoice-data-container
    .account-item
    label,
  .account-content-container
    .form-container
    .shipping-data-container
    .account-item
    label,
  .account-content-container
    .form-container
    .financial-associate-container
    .account-item
    label,
  .account-content-container
    .form-container
    .procurement-associate-container
    .account-item
    label,
  .account-content-container
    .form-container
    .commercial-associate-container
    .account-item
    label,
  .account-content-container
    .form-container
    .acceptances-container
    .account-item
    label {
    font-size: 11px;
    margin-bottom: 10px;
    margin-left: 16px;
    width: 100%;
    text-transform: uppercase;
  }
  .account-content-container
    .form-container
    .personal-data-container
    .account-item.account-opening-hours,
  .account-content-container
    .form-container
    .invoice-data-container
    .account-item.account-opening-hours,
  .account-content-container
    .form-container
    .shipping-data-container
    .account-item.account-opening-hours,
  .account-content-container
    .form-container
    .financial-associate-container
    .account-item.account-opening-hours,
  .account-content-container
    .form-container
    .procurement-associate-container
    .account-item.account-opening-hours,
  .account-content-container
    .form-container
    .commercial-associate-container
    .account-item.account-opening-hours,
  .account-content-container
    .form-container
    .acceptances-container
    .account-item.account-opening-hours {
    margin-bottom: 40px !important;
  }
  .account-content-container .form-container .personal-data-container .checkbox,
  .account-content-container .form-container .invoice-data-container .checkbox,
  .account-content-container .form-container .shipping-data-container .checkbox,
  .account-content-container
    .form-container
    .financial-associate-container
    .checkbox,
  .account-content-container
    .form-container
    .procurement-associate-container
    .checkbox,
  .account-content-container
    .form-container
    .commercial-associate-container
    .checkbox,
  .account-content-container .form-container .acceptances-container .checkbox {
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    position: relative;
    top: 14px;
  }
  .account-content-container
    .form-container
    .personal-data-container
    .checkbox
    label,
  .account-content-container
    .form-container
    .invoice-data-container
    .checkbox
    label,
  .account-content-container
    .form-container
    .shipping-data-container
    .checkbox
    label,
  .account-content-container
    .form-container
    .financial-associate-container
    .checkbox
    label,
  .account-content-container
    .form-container
    .procurement-associate-container
    .checkbox
    label,
  .account-content-container
    .form-container
    .commercial-associate-container
    .checkbox
    label,
  .account-content-container
    .form-container
    .acceptances-container
    .checkbox
    label {
    font-size: 14px;
    margin: 0px;
    text-transform: unset;
  }
  .account-content-container
    .form-container
    .personal-data-container
    .equal-checkbox,
  .account-content-container
    .form-container
    .invoice-data-container
    .equal-checkbox,
  .account-content-container
    .form-container
    .shipping-data-container
    .equal-checkbox,
  .account-content-container
    .form-container
    .financial-associate-container
    .equal-checkbox,
  .account-content-container
    .form-container
    .procurement-associate-container
    .equal-checkbox,
  .account-content-container
    .form-container
    .commercial-associate-container
    .equal-checkbox,
  .account-content-container
    .form-container
    .acceptances-container
    .equal-checkbox {
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    margin-bottom: 20px;
  }
  .account-content-container
    .form-container
    .personal-data-container
    .equal-checkbox
    label,
  .account-content-container
    .form-container
    .invoice-data-container
    .equal-checkbox
    label,
  .account-content-container
    .form-container
    .shipping-data-container
    .equal-checkbox
    label,
  .account-content-container
    .form-container
    .financial-associate-container
    .equal-checkbox
    label,
  .account-content-container
    .form-container
    .procurement-associate-container
    .equal-checkbox
    label,
  .account-content-container
    .form-container
    .commercial-associate-container
    .equal-checkbox
    label,
  .account-content-container
    .form-container
    .acceptances-container
    .equal-checkbox
    label {
    font-size: 14px;
    margin: 0px;
    text-transform: unset;
  }
  .account-content-container
    .form-container
    .personal-data-container
    .acceptances-checkbox:not(:last-child),
  .account-content-container
    .form-container
    .invoice-data-container
    .acceptances-checkbox:not(:last-child),
  .account-content-container
    .form-container
    .shipping-data-container
    .acceptances-checkbox:not(:last-child),
  .account-content-container
    .form-container
    .financial-associate-container
    .acceptances-checkbox:not(:last-child),
  .account-content-container
    .form-container
    .procurement-associate-container
    .acceptances-checkbox:not(:last-child),
  .account-content-container
    .form-container
    .commercial-associate-container
    .acceptances-checkbox:not(:last-child),
  .account-content-container
    .form-container
    .acceptances-container
    .acceptances-checkbox:not(:last-child) {
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    margin-bottom: 12px;
    margin-top: 0px;
  }
  .account-content-container
    .form-container
    .personal-data-container
    .acceptances-checkbox:not(:last-child)
    label,
  .account-content-container
    .form-container
    .invoice-data-container
    .acceptances-checkbox:not(:last-child)
    label,
  .account-content-container
    .form-container
    .shipping-data-container
    .acceptances-checkbox:not(:last-child)
    label,
  .account-content-container
    .form-container
    .financial-associate-container
    .acceptances-checkbox:not(:last-child)
    label,
  .account-content-container
    .form-container
    .procurement-associate-container
    .acceptances-checkbox:not(:last-child)
    label,
  .account-content-container
    .form-container
    .commercial-associate-container
    .acceptances-checkbox:not(:last-child)
    label,
  .account-content-container
    .form-container
    .acceptances-container
    .acceptances-checkbox:not(:last-child)
    label {
    font-size: 14px;
    margin: 0px;
    text-transform: unset;
  }
  .account-content-container
    .form-container
    .personal-data-container
    .acceptances-checkbox:last-child,
  .account-content-container
    .form-container
    .invoice-data-container
    .acceptances-checkbox:last-child,
  .account-content-container
    .form-container
    .shipping-data-container
    .acceptances-checkbox:last-child,
  .account-content-container
    .form-container
    .financial-associate-container
    .acceptances-checkbox:last-child,
  .account-content-container
    .form-container
    .procurement-associate-container
    .acceptances-checkbox:last-child,
  .account-content-container
    .form-container
    .commercial-associate-container
    .acceptances-checkbox:last-child,
  .account-content-container
    .form-container
    .acceptances-container
    .acceptances-checkbox:last-child {
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .account-content-container
    .form-container
    .personal-data-container
    .acceptances-checkbox:last-child
    label,
  .account-content-container
    .form-container
    .invoice-data-container
    .acceptances-checkbox:last-child
    label,
  .account-content-container
    .form-container
    .shipping-data-container
    .acceptances-checkbox:last-child
    label,
  .account-content-container
    .form-container
    .financial-associate-container
    .acceptances-checkbox:last-child
    label,
  .account-content-container
    .form-container
    .procurement-associate-container
    .acceptances-checkbox:last-child
    label,
  .account-content-container
    .form-container
    .commercial-associate-container
    .acceptances-checkbox:last-child
    label,
  .account-content-container
    .form-container
    .acceptances-container
    .acceptances-checkbox:last-child
    label {
    font-size: 14px;
    margin: 0px;
    text-transform: unset;
  }
  .account-content-container
    .form-container
    .personal-data-container
    .col-1.d-flex,
  .account-content-container
    .form-container
    .invoice-data-container
    .col-1.d-flex,
  .account-content-container
    .form-container
    .shipping-data-container
    .col-1.d-flex,
  .account-content-container
    .form-container
    .financial-associate-container
    .col-1.d-flex,
  .account-content-container
    .form-container
    .procurement-associate-container
    .col-1.d-flex,
  .account-content-container
    .form-container
    .commercial-associate-container
    .col-1.d-flex,
  .account-content-container
    .form-container
    .acceptances-container
    .col-1.d-flex {
    align-items: flex-end;
    justify-content: flex-end;
  }
  .account-content-container
    .form-container
    .personal-data-container
    .form-checked,
  .account-content-container
    .form-container
    .invoice-data-container
    .form-checked,
  .account-content-container
    .form-container
    .shipping-data-container
    .form-checked,
  .account-content-container
    .form-container
    .financial-associate-container
    .form-checked,
  .account-content-container
    .form-container
    .procurement-associate-container
    .form-checked,
  .account-content-container
    .form-container
    .commercial-associate-container
    .form-checked,
  .account-content-container
    .form-container
    .acceptances-container
    .form-checked {
    width: 24px;
    height: 24px;
  }
  .account-content-container .form-container .button-container {
    padding: 0px 16px;
  }
  .account-content-container .form-container .back-button {
    background: rgba(0, 0, 0, 0);
    color: #000000;
    border: 1px solid #000000;
    border-radius: 25px;
    padding: 13.5px 23px;
    font-size: 16px;
    font-weight: 500;
  }
  .account-content-container .form-container .submit-button {
    width: 100%;
    background: #7e899f;
    color: #ffffff;
    border: 1px solid #7e899f;
    border-radius: 25px;
    padding: 10.5px 23px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
  }
  .account-content-container .colleague-row {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .account-content-container .colleague-row > div {
    width: 100%;
  }
  .account-content-container .colleague-row .edit-delete-button-container {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
    justify-content: flex-end;
  }
  .account-content-container
    .colleague-row
    .edit-delete-button-container
    .edit-button {
    width: 24px;
    height: 24px;
    padding: 0px;
    background: #ffffff;
  }
  .account-content-container
    .colleague-row
    .edit-delete-button-container
    .delete-button {
    width: 24px;
    height: 24px;
    padding: 0px;
    background: #ffffff;
  }
}
.settings-breadcrumb {
  max-width: 1194px;
  margin: 21px auto 35px;
}
.settings-breadcrumb .settings {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 5px 6px 10px;
  background: transparent;
  transition: all 0.5s ease;
}
.settings-breadcrumb .settings img {
  margin-right: 10px;
}

.settings-container {
  max-width: 1194px;
  margin: auto;
  display: flex;
}
@media (max-width: 768px) {
  .settings-container {
    flex-flow: column wrap;
    margin: 20px 16px 30px;
  }
}
.settings-container .menu-container {
  margin: 30px 30px 0 0;
  max-width: 400px;
}
@media (max-width: 768px) {
  .settings-container .menu-container {
    margin: 0;
    display: flex;
    flex-flow: row wrap;
    padding: 32px 24px;
    margin-bottom: 20px;
    background-color: #ffffff;
  }
}
.settings-container .menu-container .menu {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .settings-container .menu-container .menu {
    flex-flow: column wrap;
    justify-content: space-between;
    width: 33%;
    align-self: flex-start;
    gap: 13px;
    margin-bottom: 30px;
  }
}
.settings-container .menu-container .menu .title {
  text-transform: uppercase;
  margin-left: 30px;
  white-space: nowrap;
  cursor: pointer;
}
@media (max-width: 768px) {
  .settings-container .menu-container .menu .title {
    margin-left: 0;
    font-size: 12px;
    white-space: pre-wrap;
    text-align: center;
    margin-top: 10px;
  }
}
.settings-container .menu-container .menu .title:hover {
  text-decoration: underline;
}
.settings-container .menu-container .menu .info {
  font-size: 12px;
  line-height: 15px;
  text-transform: none;
  margin-top: 2px;
  margin-left: 30px;
}
@media (max-width: 768px) {
  .settings-container .menu-container .menu .info {
    display: none;
  }
}
.settings-container .menu-container .menu .info span {
  font-weight: 600;
}

.dashboard-title {
  display: flex;
  align-items: center;
  margin: 0 0 20px 45px;
}
@media (max-width: 768px) {
  .dashboard-title {
    width: 100%;
    margin: 0;
    padding: 20px 0;
  }
}
.dashboard-title .title {
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .dashboard-title .title {
    font-size: 12px;
    white-space: nowrap;
    line-height: 150%;
  }
}
.dashboard-title .title span {
  text-transform: none;
}
.dashboard-title img {
  margin-right: 30px;
}
@media (max-width: 768px) {
  .dashboard-title img {
    margin-right: 16px;
  }
}

.dashboards {
  width: 100%;
}
.dashboards .dashboard {
  overflow-x: scroll;
  margin-bottom: 30px;
}
.dashboards .dashboard .dashboard-wrapper {
  background: #ffffff;
}
.dashboards .dashboard .dashboard-wrapper .dashboard-title {
  margin: 0;
  padding: 30px 0 20px 30px;
}
@media (max-width: 768px) {
  .dashboards .dashboard .dashboard-wrapper .dashboard-title {
    width: 786px;
    background-color: #ffffff;
    box-sizing: border-box;
  }
}
.dashboards .dashboard .dashboard-wrapper .dashboard-item-head {
  padding: 30px;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  background: #ffffff;
}
@media (max-width: 768px) {
  .dashboards .dashboard .dashboard-wrapper .dashboard-item-head {
    width: 786px;
    display: inline-flex;
    box-sizing: border-box;
  }
}
.dashboards .dashboard .dashboard-wrapper .dashboard-item-head:last-of-type {
  border-bottom: none;
}
.dashboards .dashboard .dashboard-wrapper .dashboard-item-head .stock-id {
  margin: auto 40px auto 15px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
.dashboards .dashboard .dashboard-wrapper .dashboard-item-head .stock-status {
  margin: auto auto auto 0;
}
.dashboards
  .dashboard
  .dashboard-wrapper
  .dashboard-item-head
  .stock-status
  .info {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
.dashboards .dashboard .dashboard-wrapper .dashboard-item-head .shipping-info {
  display: flex;
  align-items: center;
  border: 1px solid #76bc21;
  box-sizing: border-box;
  border-radius: 27px;
  padding: 10px 20px;
  font-size: 14px;
}
.dashboards
  .dashboard
  .dashboard-wrapper
  .dashboard-item-head
  .shipping-info
  span {
  width: 1px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  margin: 0 10px;
}
.dashboards .dashboard .dashboard-wrapper .dashboard-item-head .delivery-date {
  display: flex;
  align-items: center;
  margin: 0 30px;
}
.dashboards
  .dashboard
  .dashboard-wrapper
  .dashboard-item-head
  .delivery-date
  .date {
  margin-left: 5px;
  font-size: 14px;
  line-height: 18px;
}
.dashboards .dashboard .dashboard-wrapper .dashboard-item-head .open-status {
  margin: auto 40px auto 0px;
}
.dashboards
  .dashboard
  .dashboard-wrapper
  .dashboard-item-head
  .open-status
  .counter {
  font-size: 14px;
  line-height: 20px;
}
.dashboards
  .dashboard
  .dashboard-wrapper
  .dashboard-item-head
  .open-status
  .counter
  .all {
  color: #000000;
}
.dashboards
  .dashboard
  .dashboard-wrapper
  .dashboard-item-head
  .open-status
  .counter
  .all:before {
  content: "/ ";
}
.dashboards .dashboard .dashboard-wrapper .dashboard-item-head .available-at {
  display: flex;
  align-items: center;
  margin: auto auto auto 0;
}
.dashboards
  .dashboard
  .dashboard-wrapper
  .dashboard-item-head
  .available-at
  img {
  width: 24px;
  height: 24px;
  margin-right: 15px;
}
.dashboards
  .dashboard
  .dashboard-wrapper
  .dashboard-item-head
  .available-at
  .general {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
.dashboards
  .dashboard
  .dashboard-wrapper
  .dashboard-item-head
  .available-at
  .date {
  font-size: 12px;
  line-height: 15px;
}
.dashboards .dashboard .dashboard-wrapper .dashboard-item-head .status-bar {
  width: 100px;
  height: 5px;
  border-radius: 5px;
  margin-top: 6px;
}
.dashboards
  .dashboard
  .dashboard-wrapper
  .dashboard-item-head
  .status-bar
  .status {
  height: 5px;
}
.dashboards
  .dashboard
  .dashboard-wrapper
  .dashboard-item-head
  .status-bar
  .status-1 {
  width: 20px;
  background-color: #ffc908;
  border-radius: 5px 0 0 5px;
}
.dashboards
  .dashboard
  .dashboard-wrapper
  .dashboard-item-head
  .status-bar
  .status-2 {
  width: 40px;
  background-color: #ffc908;
  border-radius: 5px 0 0 5px;
}
.dashboards
  .dashboard
  .dashboard-wrapper
  .dashboard-item-head
  .status-bar
  .status-3 {
  width: 60px;
  background-color: #ffc908;
  border-radius: 5px 0 0 5px;
}
.dashboards
  .dashboard
  .dashboard-wrapper
  .dashboard-item-head
  .status-bar
  .status-4 {
  width: 80px;
  background-color: #ffc908;
  border-radius: 5px 0 0 5px;
}
.dashboards
  .dashboard
  .dashboard-wrapper
  .dashboard-item-head
  .status-bar
  .status-5 {
  width: 100px;
  background-color: #27ae60;
  border-radius: 5px;
}
.dashboards .dashboard .dashboard-wrapper .show-more {
  padding: 10px 0px 9px 30px;
  font-size: 14px;
  display: flex;
  align-items: center;
  line-height: 20px;
  box-shadow: 0px -10px 20px rgba(0, 0, 0, 0.1);
  position: sticky;
  background-color: #ffffff;
  z-index: 3;
  bottom: 0px;
  border-radius: 0 0 8px 8px;
}

.price-list-comment {
  margin: 20px 0px 20px 45px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
}
@media (max-width: 768px) {
  .price-list-comment {
    margin: 10px 16px 20px;
  }
}

.price-list-container {
  display: flex;
  flex-flow: row wrap;
  margin: 0 45px 90px;
  gap: 30px;
}
@media (max-width: 768px) {
  .price-list-container {
    margin: 0 16px 30px;
  }
}
.price-list-container .price-list-item {
  background-color: #ffffff;
  padding: 30px;
  max-width: 296px;
  box-sizing: border-box;
  flex-basis: 25%;
}
@media (max-width: 768px) {
  .price-list-container .price-list-item {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.price-list-container .price-list-item .price-list-box {
  display: flex;
  align-items: center;
}
.price-list-container .price-list-item .price-list-box img {
  margin-right: 20px;
}
.price-list-container .price-list-item .price-list-box .price-list-title {
  text-transform: uppercase;
  margin-bottom: 8px;
}
.price-list-container .price-list-item .price-list-box .price-list-data {
  font-size: 12px;
  line-height: 20px;
}

.dashboard-breadcrumb {
  margin: 21px 45px 0px;
}
@media (max-width: 768px) {
  .dashboard-breadcrumb {
    display: none;
  }
}

@media (max-width: 768px) {
  .dashboard-title.follow {
    margin: 20px 16px 0;
  }
}

.follow-container {
  margin: 0 45px 90px;
}
@media (max-width: 768px) {
  .follow-container {
    margin: 0 16px 30px;
  }
}
@media (max-width: 768px) {
  .follow-container .dashboard-item {
    width: 1276px !important;
  }
}
@media (max-width: 768px) {
  .follow-container .show-more {
    width: 1276px;
    box-sizing: border-box;
  }
}
.follow-container .followed-head {
  padding: 34px 30px 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
}
@media (max-width: 768px) {
  .follow-container .followed-head {
    width: 1276px;
    display: inline-flex;
    box-sizing: border-box;
  }
}
.follow-container .followed-head .head {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
}
.follow-container .followed-head .head .name {
  font-size: 14px;
  line-height: 18px;
  height: 37px;
  margin-bottom: 4px;
}
.follow-container .followed-head .head .value {
  font-size: 14px;
  line-height: 18px;
  height: 36px;
  margin-top: 3px;
}
.follow-container .followed-head .order-number {
  text-align: left;
  margin: auto 102px auto 0px;
}
.follow-container .followed-head .order-date {
  text-align: left;
  margin: auto auto auto auto;
  white-space: nowrap;
}
.follow-container .followed-head .shipping-address {
  text-align: left;
  margin: auto 49px auto 60px;
}
.follow-container .followed-head .shipping-mode {
  text-align: left;
  margin: auto 97px auto auto;
}
.follow-container .followed-head .payment-type {
  text-align: left;
  margin: auto 87px auto auto;
  white-space: nowrap;
}
.follow-container .followed-head .order-number-2 {
  text-align: left;
  margin: auto 61px auto auto;
}
.follow-container .followed-head .worker-name {
  text-align: left;
}
.follow-container .followed-body .followed-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 22px 30px;
  font-size: 14px;
}
@media (max-width: 768px) {
  .follow-container .followed-body .followed-item {
    width: 1276px;
    background-color: #ffffff;
    box-sizing: border-box;
  }
}
.follow-container .followed-body .followed-item-product {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 22px 30px;
  font-size: 14px;
}
@media (max-width: 768px) {
  .follow-container .followed-body .followed-item-product {
    width: 1276px;
    background-color: #ffffff;
    box-sizing: border-box;
  }
}
.follow-container .followed-body .sku {
  margin: 0;
  width: 70px;
}
.follow-container .followed-body .name {
  margin: 0;
  width: 271px;
  line-height: 18px;
}
.follow-container .followed-body .amount {
  margin: 0;
  width: 63px;
}
.follow-container .followed-body .package {
  width: 59px;
  margin: 0;
}
.follow-container .followed-body .netto {
  margin: 0;
  width: 88px;
  white-space: nowrap;
}
.follow-container .followed-body .netto-total {
  margin: 0;
  width: 100px;
  white-space: nowrap;
}
.follow-container .followed-body .comment {
  margin: 0;
  width: 67px;
}

.previous-order-container,
.open-order-container {
  padding: 40px 56px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  border-radius: 8px;
}
.previous-order-container .page-title-container,
.open-order-container .page-title-container {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
}
.previous-order-container .page-title-container img,
.open-order-container .page-title-container img {
  width: 48px;
  height: 48px;
}
.previous-order-container .page-title-container .page-title,
.open-order-container .page-title-container .page-title {
  color: #000000;
  font-size: 40px;
  font-weight: 200;
  line-height: 1.2em;
  padding: 0;
  margin: 0;
}
.previous-order-container .table-container .table,
.open-order-container .table-container .table {
  margin: 0px;
}
.previous-order-container .table-container .table thead tr th,
.open-order-container .table-container .table thead tr th {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: #000000;
  padding: 40px 4px;
  min-width: 150px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.previous-order-container .table-container .table thead tr th:nth-child(3),
.open-order-container .table-container .table thead tr th:nth-child(3) {
  min-width: 500px;
}
.previous-order-container .table-container .table thead tr th:nth-child(6),
.open-order-container .table-container .table thead tr th:nth-child(6) {
  min-width: 150px;
}
.previous-order-container .table-container .table tbody tr:last-child td,
.open-order-container .table-container .table tbody tr:last-child td {
  padding: 8px 4px 8px 4px;
}
.previous-order-container .table-container .table tbody tr:nth-child(1) td,
.open-order-container .table-container .table tbody tr:nth-child(1) td {
  padding: 40px 4px 12px 4px;
}
.previous-order-container .table-container .table tbody tr td,
.open-order-container .table-container .table tbody tr td {
  font-size: 11px;
  font-weight: 500;
  color: #000000;
  padding: 8px 4px 12px 4px;
  min-width: 150px;
  vertical-align: middle;
}
.previous-order-container
  .table-container
  .table
  tbody
  tr
  td
  .order-content-button,
.open-order-container
  .table-container
  .table
  tbody
  tr
  td
  .order-content-button {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px;
  background: #ffffff;
  border: 1px solid #7e899f;
  border-radius: 4px;
  color: #000000;
  font-size: 12px;
  font-weight: 500;
  padding: 10px 11px 10px 7px;
}
.previous-order-container .table-container .table tbody tr td:nth-child(2),
.open-order-container .table-container .table tbody tr td:nth-child(2) {
  font-size: 14px;
}
.previous-order-container .table-container .table tbody tr td:nth-child(3),
.open-order-container .table-container .table tbody tr td:nth-child(3) {
  font-size: 14px;
  min-width: 500px;
}
.previous-order-container .table-container .table tbody tr td:nth-child(4),
.open-order-container .table-container .table tbody tr td:nth-child(4) {
  font-size: 16px;
}
.previous-order-container .table-container .table tbody tr td:nth-child(5),
.open-order-container .table-container .table tbody tr td:nth-child(5) {
  text-align: right;
}

.previous-order-single-container,
.open-order-single-container {
  padding: 40px 56px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  border-radius: 8px;
}
.previous-order-single-container .page-title-container,
.open-order-single-container .page-title-container {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
}
.previous-order-single-container .page-title-container img,
.open-order-single-container .page-title-container img {
  width: 48px;
  height: 48px;
}
.previous-order-single-container .page-title-container .page-title,
.open-order-single-container .page-title-container .page-title {
  color: #000000;
  font-size: 40px;
  font-weight: 200;
  line-height: 1.2em;
  padding: 0;
  margin: 0;
}
.previous-order-single-container .table-container .table,
.open-order-single-container .table-container .table {
  margin: 0px;
}
.previous-order-single-container .table-container .table thead tr th,
.open-order-single-container .table-container .table thead tr th {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: #000000;
  padding: 40px 4px;
  min-width: 130px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.previous-order-single-container
  .table-container
  .table
  thead
  tr
  th:nth-child(1),
.open-order-single-container .table-container .table thead tr th:nth-child(1) {
  min-width: 100px;
}
.previous-order-single-container
  .table-container
  .table
  thead
  tr
  th:nth-child(2),
.open-order-single-container .table-container .table thead tr th:nth-child(2) {
  min-width: 300px;
}
.previous-order-single-container
  .table-container
  .table
  thead
  tr
  th:nth-child(3),
.open-order-single-container .table-container .table thead tr th:nth-child(3) {
  min-width: 100px;
  text-align: right;
}
.previous-order-single-container
  .table-container
  .table
  thead
  tr
  th:nth-child(4),
.open-order-single-container .table-container .table thead tr th:nth-child(4) {
  min-width: 100px;
  text-align: right;
}
.previous-order-single-container
  .table-container
  .table
  thead
  tr
  th:nth-child(5),
.open-order-single-container .table-container .table thead tr th:nth-child(5) {
  min-width: 100px;
  text-align: right;
}
.previous-order-single-container
  .table-container
  .table
  thead
  tr
  th:nth-child(6),
.open-order-single-container .table-container .table thead tr th:nth-child(6) {
  text-align: right;
}
.previous-order-single-container
  .table-container
  .table
  thead
  tr
  th:nth-child(7),
.open-order-single-container .table-container .table thead tr th:nth-child(7) {
  text-align: right;
}
.previous-order-single-container
  .table-container
  .table
  thead
  tr
  th:nth-child(8),
.open-order-single-container .table-container .table thead tr th:nth-child(8) {
  text-align: right;
}
.previous-order-single-container .table-container .table tbody tr:last-child td,
.open-order-single-container .table-container .table tbody tr:last-child td {
  padding: 8px 4px 40px 4px;
}
.previous-order-single-container
  .table-container
  .table
  tbody
  tr:nth-child(1)
  td,
.open-order-single-container .table-container .table tbody tr:nth-child(1) td {
  padding: 40px 4px 12px 4px;
}
.previous-order-single-container .table-container .table tbody tr td,
.open-order-single-container .table-container .table tbody tr td {
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  padding: 8px 4px 12px 4px;
  min-width: 130px;
  vertical-align: middle;
}
.previous-order-single-container
  .table-container
  .table
  tbody
  tr
  td
  .add-to-cart-button,
.open-order-single-container
  .table-container
  .table
  tbody
  tr
  td
  .add-to-cart-button {
  background: #ffffff;
  border: 1px solid #7e899f;
  border-radius: 4px;
  padding: 7px;
}
.previous-order-single-container
  .table-container
  .table
  tbody
  tr
  td
  .add-to-list-button,
.open-order-single-container
  .table-container
  .table
  tbody
  tr
  td
  .add-to-list-button {
  background: #ffffff;
  padding: 8px;
}
.previous-order-single-container
  .table-container
  .table
  tbody
  tr
  td:nth-child(1),
.open-order-single-container .table-container .table tbody tr td:nth-child(1) {
  min-width: 100px;
  font-size: 11px;
}
.previous-order-single-container
  .table-container
  .table
  tbody
  tr
  td:nth-child(2),
.open-order-single-container .table-container .table tbody tr td:nth-child(2) {
  font-size: 14px;
  min-width: 300px;
}
.previous-order-single-container
  .table-container
  .table
  tbody
  tr
  td:nth-child(3),
.open-order-single-container .table-container .table tbody tr td:nth-child(3) {
  min-width: 100px;
  text-align: right;
}
.previous-order-single-container
  .table-container
  .table
  tbody
  tr
  td:nth-child(4),
.open-order-single-container .table-container .table tbody tr td:nth-child(4) {
  min-width: 100px;
  text-align: right;
}
.previous-order-single-container
  .table-container
  .table
  tbody
  tr
  td:nth-child(5),
.open-order-single-container .table-container .table tbody tr td:nth-child(5) {
  min-width: 100px;
  text-align: right;
}
.previous-order-single-container
  .table-container
  .table
  tbody
  tr
  td:nth-child(6),
.open-order-single-container .table-container .table tbody tr td:nth-child(6) {
  text-align: right;
}
.previous-order-single-container
  .table-container
  .table
  tbody
  tr
  td:nth-child(7),
.open-order-single-container .table-container .table tbody tr td:nth-child(7) {
  text-align: right;
}
.previous-order-single-container
  .table-container
  .table
  tbody
  tr
  td:nth-child(8),
.open-order-single-container .table-container .table tbody tr td:nth-child(8) {
  text-align: right;
}
.previous-order-single-container
  .table-container
  .table
  tfoot
  tr:nth-child(1)
  td,
.open-order-single-container .table-container .table tfoot tr:nth-child(1) td {
  font-size: 11px;
  text-align: right;
  padding: 40px 4px 20px 4px;
  border-top: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.previous-order-single-container
  .table-container
  .table
  tfoot
  tr:nth-child(2)
  td,
.open-order-single-container .table-container .table tfoot tr:nth-child(2) td {
  font-size: 16px;
  font-weight: 500;
  text-align: right;
  padding: 20px 4px 40px 4px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.previous-order-single-container
  .table-container
  .table
  tfoot
  tr:nth-child(2)
  td:nth-child(1),
.open-order-single-container
  .table-container
  .table
  tfoot
  tr:nth-child(2)
  td:nth-child(1) {
  text-align: left;
  font-size: 40px;
  font-weight: 200;
}
.previous-order-single-container
  .table-container
  .table
  tfoot
  tr:nth-child(3)
  td,
.open-order-single-container .table-container .table tfoot tr:nth-child(3) td {
  padding: 40px 4px 0px 4px;
}
.previous-order-single-container
  .table-container
  .table
  tfoot
  tr:nth-child(3)
  td
  .back-button,
.open-order-single-container
  .table-container
  .table
  tfoot
  tr:nth-child(3)
  td
  .back-button {
  background: rgba(0, 0, 0, 0);
  color: #000000;
  border: 1px solid #000000;
  border-radius: 25px;
  padding: 13.5px 23px;
  font-size: 16px;
  font-weight: 500;
}
.previous-order-single-container
  .table-container
  .table
  tfoot
  tr:nth-child(3)
  td
  .submit-button,
.open-order-single-container
  .table-container
  .table
  tfoot
  tr:nth-child(3)
  td
  .submit-button {
  background: #7e899f;
  color: #ffffff;
  border: 1px solid #7e899f;
  border-radius: 25px;
  padding: 13.5px 23px;
  font-size: 16px;
  font-weight: 500;
}

.bill-container {
  padding: 40px 56px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  border-radius: 8px;
}
.bill-container .page-title-container {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
}
.bill-container .page-title-container img {
  width: 48px;
  height: 48px;
}
.bill-container .page-title-container .page-title {
  color: #000000;
  font-size: 40px;
  font-weight: 200;
  line-height: 1.2em;
  padding: 0;
  margin: 0;
}
.bill-container .table-container .table {
  margin: 0px;
}
.bill-container .table-container .table thead tr th {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: #000000;
  padding: 40px 4px;
  min-width: 100px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.bill-container .table-container .table thead tr th:nth-child(5) {
  min-width: 300px;
}
.bill-container .table-container .table thead tr th:nth-child(6) {
  min-width: 150px;
}
.bill-container .table-container .table tbody tr:last-child td {
  padding: 8px 4px 8px 4px;
}
.bill-container .table-container .table tbody tr:nth-child(1) td {
  padding: 40px 4px 28px 4px;
}
.bill-container .table-container .table tbody tr td {
  font-size: 11px;
  font-weight: 500;
  color: #000000;
  padding: 8px 4px 28px 4px;
  min-width: 100px;
  vertical-align: middle;
}
.bill-container
  .table-container
  .table
  tbody
  tr
  td
  .edit-delete-button-container {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px;
  justify-content: flex-end;
}
.bill-container
  .table-container
  .table
  tbody
  tr
  td
  .edit-delete-button-container
  .edit-button,
.bill-container
  .table-container
  .table
  tbody
  tr
  td
  .edit-delete-button-container
  .delete-button {
  padding: 0px;
  background: #ffffff;
}
.bill-container .table-container .table tbody tr td:nth-child(4) {
  font-size: 14px;
}
.bill-container .table-container .table tbody tr td:nth-child(5) {
  font-size: 14px;
  min-width: 300px;
}
.bill-container .table-container .table tbody tr td:nth-child(6) {
  font-size: 16px;
  min-width: 150px;
}
.bill-container .table-container .table tbody tr td .download-button {
  background: #ffffff;
  padding: 0px;
}

.subcodes-container {
  padding: 40px 40px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  border-radius: 8px;
}
.subcodes-container .page-title-container {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
}
.subcodes-container .page-title-container img {
  width: 48px;
  height: 48px;
}
.subcodes-container .page-title-container .page-title {
  color: #000000;
  font-size: 40px;
  font-weight: 200;
  line-height: 1.2em;
  padding: 0;
  margin: 0;
}
.subcodes-container .table-container .table {
  margin: 0px;
}
.subcodes-container .table-container .table thead tr th {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: #000000;
  padding: 40px 4px;
  min-width: 150px;
}
.subcodes-container .table-container .table thead tr th:nth-child(3) {
  min-width: 170px;
}
.subcodes-container .table-container .table thead tr th:nth-child(6) {
  min-width: 180px;
}
.subcodes-container .table-container .table thead tr th:nth-child(8) {
  min-width: 56px;
}
.subcodes-container .table-container .table tbody tr:last-child td {
  padding: 8px 4px 8px 4px;
}
.subcodes-container .table-container .table tbody tr td {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  padding: 8px 4px 28px 4px;
  min-width: 150px;
  vertical-align: middle;
}
.subcodes-container
  .table-container
  .table
  tbody
  tr
  td
  .edit-delete-button-container {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px;
  justify-content: flex-end;
}
.subcodes-container
  .table-container
  .table
  tbody
  tr
  td
  .edit-delete-button-container
  .edit-button,
.subcodes-container
  .table-container
  .table
  tbody
  tr
  td
  .edit-delete-button-container
  .delete-button {
  padding: 0px;
  background: #ffffff;
}
.subcodes-container .table-container .table tbody tr td:nth-child(3) {
  min-width: 170px;
}
.subcodes-container .table-container .table tbody tr td:nth-child(6) {
  min-width: 180px;
}
.subcodes-container .table-container .table tbody tr td:nth-child(8) {
  min-width: 56px;
}
.subcodes-container .new-subcode-container {
  padding: 84px 0px 0px 0px;
}
.subcodes-container
  .new-subcode-container
  .personal-data-container
  .personal-data-row
  .title-container
  h2 {
  font-size: 40px;
  font-weight: 200;
  color: #000000;
  margin-bottom: 40px;
}
.subcodes-container .new-subcode-container hr {
  margin: 20 0px 40px 0px;
}
.subcodes-container
  .new-subcode-container
  .personal-data-container
  .title-container
  h2,
.subcodes-container
  .new-subcode-container
  .min-max-input-container
  .title-container
  h2 {
  font-size: 40px;
  font-weight: 200;
  color: #000000;
}
.subcodes-container .new-subcode-container .personal-data-container .row,
.subcodes-container .new-subcode-container .min-max-input-container .row {
  -moz-column-gap: 16px;
  column-gap: 16px;
}
.subcodes-container
  .new-subcode-container
  .personal-data-container
  input[type="text"],
.subcodes-container
  .new-subcode-container
  .personal-data-container
  input[type="email"],
.subcodes-container
  .new-subcode-container
  .personal-data-container
  input[type="password"],
.subcodes-container
  .new-subcode-container
  .min-max-input-container
  input[type="text"],
.subcodes-container
  .new-subcode-container
  .min-max-input-container
  input[type="email"],
.subcodes-container
  .new-subcode-container
  .min-max-input-container
  input[type="password"] {
  width: 100%;
  border-radius: 100px;
  padding: 11px 15px 10px 15px;
  font-size: 14px;
  color: #000000;
  border: 1px solid #7e899f;
  line-height: 1.2em;
  margin-bottom: 20px;
}
.subcodes-container
  .new-subcode-container
  .personal-data-container
  input[type="text"]::-moz-placeholder,
.subcodes-container
  .new-subcode-container
  .personal-data-container
  input[type="email"]::-moz-placeholder,
.subcodes-container
  .new-subcode-container
  .personal-data-container
  input[type="password"]::-moz-placeholder,
.subcodes-container
  .new-subcode-container
  .min-max-input-container
  input[type="text"]::-moz-placeholder,
.subcodes-container
  .new-subcode-container
  .min-max-input-container
  input[type="email"]::-moz-placeholder,
.subcodes-container
  .new-subcode-container
  .min-max-input-container
  input[type="password"]::-moz-placeholder {
  color: #000000;
  font-size: 14px;
  line-height: 1.2em;
  color: #7e899f;
}
.subcodes-container
  .new-subcode-container
  .personal-data-container
  input[type="text"]::placeholder,
.subcodes-container
  .new-subcode-container
  .personal-data-container
  input[type="email"]::placeholder,
.subcodes-container
  .new-subcode-container
  .personal-data-container
  input[type="password"]::placeholder,
.subcodes-container
  .new-subcode-container
  .min-max-input-container
  input[type="text"]::placeholder,
.subcodes-container
  .new-subcode-container
  .min-max-input-container
  input[type="email"]::placeholder,
.subcodes-container
  .new-subcode-container
  .min-max-input-container
  input[type="password"]::placeholder {
  color: #000000;
  font-size: 14px;
  line-height: 1.2em;
  color: #7e899f;
}
.subcodes-container .new-subcode-container .personal-data-container label,
.subcodes-container .new-subcode-container .min-max-input-container label {
  font-size: 11px;
  margin-bottom: 10px;
  margin-left: 16px;
  width: 100%;
  text-transform: uppercase;
}
.subcodes-container
  .new-subcode-container
  .can-place-order-container
  .title-container
  h3,
.subcodes-container
  .new-subcode-container
  .what-can-see-container
  .title-container
  h3 {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  margin-bottom: 40px;
  text-transform: uppercase;
}
.subcodes-container
  .new-subcode-container
  .can-place-order-container
  .radio-container,
.subcodes-container
  .new-subcode-container
  .what-can-see-container
  .radio-container {
  display: flex;
  flex-direction: column;
  gap: 12.5px;
  margin-bottom: 40px;
}
.subcodes-container
  .new-subcode-container
  .can-place-order-container
  .radio-container
  .radio,
.subcodes-container
  .new-subcode-container
  .what-can-see-container
  .radio-container
  .radio {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  align-items: center;
}
.subcodes-container
  .new-subcode-container
  .can-place-order-container
  .radio-container
  .radio
  label,
.subcodes-container
  .new-subcode-container
  .what-can-see-container
  .radio-container
  .radio
  label {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
}
.subcodes-container
  .new-subcode-container
  .can-place-order-container
  .radio-container
  .radio
  input,
.subcodes-container
  .new-subcode-container
  .what-can-see-container
  .radio-container
  .radio
  input {
  border: 1px solid #000000;
  width: 16px;
  height: 16px;
}
.subcodes-container .new-subcode-container .create-button-container {
  display: flex;
  justify-content: flex-end;
}
.subcodes-container .new-subcode-container .create-button-container .create {
  background: #7e899f;
  color: #ffffff;
  border: 1px solid #7e899f;
  border-radius: 25px;
  padding: 10.5px 23px;
  font-size: 14px;
  font-weight: 500;
}
.subcodes-container
  .new-subcode-container
  .create-button-container
  .create:hover {
  background: #3396f0;
  color: #ffffff;
  border-color: #3396f0;
}

@media screen and (max-width: 767px) {
  .subcodes-container {
    padding: 40px 16px;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 8px;
  }
  .subcodes-container .page-title-container {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: nowrap;
  }
  .subcodes-container .page-title-container img {
    width: 36px;
    height: 36px;
  }
  .subcodes-container .page-title-container .page-title {
    color: #000000;
    font-size: 32px;
    font-weight: 200;
    line-height: 1.2em;
    padding: 0;
    margin: 0;
  }
  .subcodes-container .table-container .table {
    margin: 0px;
  }
  .subcodes-container .table-container .table thead tr th {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: #000000;
    padding: 40px 4px;
    min-width: 150px;
  }
  .subcodes-container .table-container .table thead tr th:nth-child(3) {
    min-width: 170px;
  }
  .subcodes-container .table-container .table thead tr th:nth-child(6) {
    min-width: 180px;
  }
  .subcodes-container .table-container .table thead tr th:nth-child(8) {
    min-width: 56px;
  }
  .subcodes-container .table-container .table tbody tr:last-child td {
    padding: 8px 4px 8px 4px;
  }
  .subcodes-container .table-container .table tbody tr td {
    font-size: 14px;
    font-weight: 500;
    color: #000000;
    padding: 8px 4px 28px 4px;
    min-width: 150px;
    vertical-align: middle;
  }
  .subcodes-container
    .table-container
    .table
    tbody
    tr
    td
    .edit-delete-button-container {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px;
    justify-content: flex-end;
  }
  .subcodes-container
    .table-container
    .table
    tbody
    tr
    td
    .edit-delete-button-container
    .edit-button,
  .subcodes-container
    .table-container
    .table
    tbody
    tr
    td
    .edit-delete-button-container
    .delete-button {
    padding: 0px;
    background: #ffffff;
  }
  .subcodes-container .table-container .table tbody tr td:nth-child(3) {
    min-width: 170px;
  }
  .subcodes-container .table-container .table tbody tr td:nth-child(6) {
    min-width: 180px;
  }
  .subcodes-container .table-container .table tbody tr td:nth-child(8) {
    min-width: 56px;
  }
  .subcodes-container .new-subcode-container {
    padding: 84px 0px 0px 0px;
  }
  .subcodes-container
    .new-subcode-container
    .personal-data-container
    .personal-data-row
    .title-container
    h2 {
    font-size: 32px;
    font-weight: 200;
    color: #000000;
    margin-bottom: 40px;
  }
  .subcodes-container .new-subcode-container hr {
    margin: 20 0px 40px 0px;
  }
  .subcodes-container
    .new-subcode-container
    .personal-data-container
    .title-container
    h2,
  .subcodes-container
    .new-subcode-container
    .min-max-input-container
    .title-container
    h2 {
    font-size: 32px;
    font-weight: 200;
    color: #000000;
  }
  .subcodes-container .new-subcode-container .personal-data-container .row,
  .subcodes-container .new-subcode-container .min-max-input-container .row {
    -moz-column-gap: 16px;
    column-gap: 16px;
  }
  .subcodes-container
    .new-subcode-container
    .personal-data-container
    input[type="text"],
  .subcodes-container
    .new-subcode-container
    .personal-data-container
    input[type="email"],
  .subcodes-container
    .new-subcode-container
    .personal-data-container
    input[type="password"],
  .subcodes-container
    .new-subcode-container
    .min-max-input-container
    input[type="text"],
  .subcodes-container
    .new-subcode-container
    .min-max-input-container
    input[type="email"],
  .subcodes-container
    .new-subcode-container
    .min-max-input-container
    input[type="password"] {
    width: 100%;
    border-radius: 100px;
    padding: 11px 15px 10px 15px;
    font-size: 14px;
    color: #000000;
    border: 1px solid #7e899f;
    line-height: 1.2em;
    margin-bottom: 20px;
  }
  .subcodes-container
    .new-subcode-container
    .personal-data-container
    input[type="text"]::-moz-placeholder,
  .subcodes-container
    .new-subcode-container
    .personal-data-container
    input[type="email"]::-moz-placeholder,
  .subcodes-container
    .new-subcode-container
    .personal-data-container
    input[type="password"]::-moz-placeholder,
  .subcodes-container
    .new-subcode-container
    .min-max-input-container
    input[type="text"]::-moz-placeholder,
  .subcodes-container
    .new-subcode-container
    .min-max-input-container
    input[type="email"]::-moz-placeholder,
  .subcodes-container
    .new-subcode-container
    .min-max-input-container
    input[type="password"]::-moz-placeholder {
    color: #000000;
    font-size: 14px;
    line-height: 1.2em;
    color: #7e899f;
  }
  .subcodes-container
    .new-subcode-container
    .personal-data-container
    input[type="text"]::placeholder,
  .subcodes-container
    .new-subcode-container
    .personal-data-container
    input[type="email"]::placeholder,
  .subcodes-container
    .new-subcode-container
    .personal-data-container
    input[type="password"]::placeholder,
  .subcodes-container
    .new-subcode-container
    .min-max-input-container
    input[type="text"]::placeholder,
  .subcodes-container
    .new-subcode-container
    .min-max-input-container
    input[type="email"]::placeholder,
  .subcodes-container
    .new-subcode-container
    .min-max-input-container
    input[type="password"]::placeholder {
    color: #000000;
    font-size: 14px;
    line-height: 1.2em;
    color: #7e899f;
  }
  .subcodes-container .new-subcode-container .personal-data-container label,
  .subcodes-container .new-subcode-container .min-max-input-container label {
    font-size: 11px;
    margin-bottom: 10px;
    margin-left: 16px;
    width: 100%;
    text-transform: uppercase;
  }
  .subcodes-container
    .new-subcode-container
    .can-place-order-container
    .title-container
    h3,
  .subcodes-container
    .new-subcode-container
    .what-can-see-container
    .title-container
    h3 {
    font-size: 14px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 40px;
    text-transform: uppercase;
  }
  .subcodes-container
    .new-subcode-container
    .can-place-order-container
    .radio-container,
  .subcodes-container
    .new-subcode-container
    .what-can-see-container
    .radio-container {
    display: flex;
    flex-direction: column;
    gap: 12.5px;
    margin-bottom: 40px;
  }
  .subcodes-container
    .new-subcode-container
    .can-place-order-container
    .radio-container
    .radio,
  .subcodes-container
    .new-subcode-container
    .what-can-see-container
    .radio-container
    .radio {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
  }
  .subcodes-container
    .new-subcode-container
    .can-place-order-container
    .radio-container
    .radio
    label,
  .subcodes-container
    .new-subcode-container
    .what-can-see-container
    .radio-container
    .radio
    label {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
  }
  .subcodes-container
    .new-subcode-container
    .can-place-order-container
    .radio-container
    .radio
    input,
  .subcodes-container
    .new-subcode-container
    .what-can-see-container
    .radio-container
    .radio
    input {
    border: 1px solid #000000;
    width: 16px;
    height: 16px;
  }
  .subcodes-container .new-subcode-container .create-button-container {
    display: flex;
    justify-content: flex-end;
  }
  .subcodes-container .new-subcode-container .create-button-container .create {
    background: #7e899f;
    color: #ffffff;
    border: 1px solid #7e899f;
    border-radius: 25px;
    padding: 10.5px 23px;
    font-size: 14px;
    font-weight: 500;
  }
  .subcodes-container
    .new-subcode-container
    .create-button-container
    .create:hover {
    background: #3396f0;
    color: #ffffff;
    border-color: #3396f0;
  }
}
.shipped-orders .item .follow-id {
  text-decoration: underline;
}
.shipped-orders .shipped-order {
  display: grid;
  grid-template-columns: repeat(
    auto-fill,
    minmax(89px, 100px) minmax(104px, 110px) minmax(92px, 100px) 67px
      minmax(139px, 1fr) minmax(80px, 1fr) minmax(131px, 1fr)
  );
  align-items: center;
  grid-auto-columns: column;
  background-color: #ffffff;
  padding: 22px 40px;
  font-size: 14px;
  line-height: 18px;
  gap: 60px;
}
.shipped-orders .shipped-order .brutto,
.shipped-orders .shipped-order .follow-id {
  text-align: right;
}
.shipped-orders .shipped-order-container {
  display: inline-block;
  width: 100%;
}
@media (max-width: 768px) {
  .shipped-orders .shipped-order-container {
    width: auto;
  }
}

.my-list-container {
  padding: 40px 0px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  border-radius: 8px;
}
.my-list-container .page-title-container {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
  padding: 0px 56px 40px 56px;
  margin: 0px 0px 30px 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.my-list-container .page-title-container img {
  width: 48px;
  height: 48px;
}
.my-list-container .page-title-container .page-title {
  color: #000000;
  font-size: 40px;
  font-weight: 200;
  line-height: 1.2em;
  padding: 0;
  margin: 0;
}
.my-list-container .table-container .table {
  margin: 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.my-list-container .table-container .table tbody tr:last-child td {
  padding: 10px 4px 40px 4px;
}
.my-list-container .table-container .table tbody tr td {
  padding: 10px 4px;
  vertical-align: middle;
}
.my-list-container .table-container .table tbody tr td:first-child {
  padding-left: 56px;
}
.my-list-container .table-container .table tbody tr td:last-child {
  padding-right: 56px;
}
.my-list-container .table-container .table tbody tr td:nth-child(1) {
  min-width: 150px;
}
.my-list-container .table-container .table tbody tr td:nth-child(2) {
  min-width: 150px;
  text-align: right;
}
.my-list-container
  .table-container
  .table
  tbody
  tr
  td:nth-child(2)
  .list-content-button {
  margin: 0 0 0 auto;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px;
  background: #ffffff;
  border: 1px solid #7e899f;
  border-radius: 4px;
  color: #000000;
  font-size: 12px;
  font-weight: 500;
  padding: 10px 11px 10px 7px;
}
.my-list-container
  .table-container
  .table
  tbody
  tr
  td:nth-child(2)
  .list-content-button
  a {
  color: #000000;
}
.my-list-container
  .table-container
  .table
  tbody
  tr
  td:nth-child(2)
  .list-content-button:hover {
  background: #3396f0;
  border-color: #3396f0;
}
.my-list-container
  .table-container
  .table
  tbody
  tr
  td:nth-child(2)
  .list-content-button:hover
  a {
  color: #ffffff;
}
.my-list-container
  .table-container
  .table
  tbody
  tr
  td:nth-child(2)
  .list-content-button:hover
  svg
  path {
  fill: #ffffff;
  stroke: #ffffff;
}
.my-list-container .table-container .table tbody tr td:nth-child(3) {
  min-width: 128px;
  width: 128px;
  max-width: 128px;
}
.my-list-container
  .table-container
  .table
  tbody
  tr
  td:nth-child(3)
  .edit-delete-button-container {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  gap: 8px;
}
.my-list-container
  .table-container
  .table
  tbody
  tr
  td:nth-child(3)
  .edit-delete-button-container
  .edit-button,
.my-list-container
  .table-container
  .table
  tbody
  tr
  td:nth-child(3)
  .edit-delete-button-container
  .delete-button {
  background: #ffffff;
  padding: 0px;
}

.my-list-single-container {
  padding: 40px 0px 0px 0px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  border-radius: 8px;
}
.my-list-single-container .page-title-container {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
  padding: 0px 56px 40px 56px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.my-list-single-container .page-title-container img {
  width: 48px;
  height: 48px;
}
.my-list-single-container .page-title-container .page-title {
  color: #000000;
  font-size: 40px;
  font-weight: 200;
  line-height: 1.2em;
  padding: 0;
  margin: 0;
}
.my-list-single-container .page-title-container li {
  list-style: none;
}
.my-list-single-container .table-container .table {
  margin: 0px;
}
.my-list-single-container .table-container .table thead tr th {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: #000000;
  padding: 40px 4px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.my-list-single-container .table-container .table thead tr th:first-child {
  padding-left: 56px;
}
.my-list-single-container .table-container .table thead tr th:last-child {
  padding-right: 56px;
}
.my-list-single-container .table-container .table thead tr th:nth-child(1) {
  min-width: 100px;
  max-width: 100px;
  width: 100px;
}
.my-list-single-container .table-container .table thead tr th:nth-child(2) {
  min-width: 250px;
  max-width: 100%;
  width: 100%;
}
.my-list-single-container .table-container .table thead tr th:nth-child(3) {
  min-width: 75px;
  max-width: 75px;
  width: 75px;
  text-align: left;
}
.my-list-single-container .table-container .table thead tr th:nth-child(4) {
  min-width: 275px;
  max-width: 275px;
  width: 275px;
  text-align: left;
}
.my-list-single-container .table-container .table thead tr th:nth-child(5) {
  min-width: 150px;
  max-width: 150px;
  width: 150px;
  text-align: right;
}
.my-list-single-container .table-container .table thead tr th:nth-child(6) {
  min-width: 150px;
  max-width: 150px;
  width: 150px;
  text-align: right;
}
.my-list-single-container .table-container .table thead tr th:nth-child(7) {
  min-width: 206px;
  max-width: 206px;
  width: 206px;
}
.my-list-single-container .table-container .table tbody tr:last-child td {
  padding: 8px 4px 40px 4px;
}
.my-list-single-container .table-container .table tbody tr:nth-child(1) td {
  padding: 40px 4px 12px 4px;
}
.my-list-single-container .table-container .table tbody tr td {
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  padding: 8px 4px 12px 4px;
  vertical-align: middle;
}
.my-list-single-container .table-container .table tbody tr td:first-child {
  padding-left: 56px;
}
.my-list-single-container .table-container .table tbody tr td:last-child {
  padding-right: 56px;
}
.my-list-single-container .table-container .table tbody tr td .input-container {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  align-items: center;
}
.my-list-single-container
  .table-container
  .table
  tbody
  tr
  td
  .input-container
  input[type="number"] {
  width: 80px;
  height: 40px;
  color: #000000;
  text-align: center;
  border: 1px solid #7e899f;
  border-radius: 4px;
  padding: 8px;
  font-size: 14px;
  font-weight: 400;
}
.my-list-single-container
  .table-container
  .table
  tbody
  tr
  td
  .input-container
  input[type="number"]::-moz-placeholder {
  color: #7e899f;
  opacity: 1;
}
.my-list-single-container
  .table-container
  .table
  tbody
  tr
  td
  .input-container
  input[type="number"]::placeholder {
  color: #7e899f;
  opacity: 1;
}
.my-list-single-container
  .table-container
  .table
  tbody
  tr
  td
  .input-container
  .packaging {
  margin: 0px;
  min-width: 65px;
}
.my-list-single-container
  .table-container
  .table
  tbody
  tr
  td
  .input-container
  .refresh-button {
  background: #ffffff;
  padding: 8px;
}
.my-list-single-container
  .table-container
  .table
  tbody
  tr
  td
  .add-to-cart-button {
  background: #ffffff;
  border: 1px solid #7e899f;
  border-radius: 4px;
  padding: 7px;
}
.my-list-single-container
  .table-container
  .table
  tbody
  tr
  td
  .add-to-cart-button:hover {
  background: #000000;
  border-color: #000000;
}
.my-list-single-container
  .table-container
  .table
  tbody
  tr
  td
  .add-to-cart-button:hover
  svg
  path {
  fill: #ffffff;
}
.my-list-single-container
  .table-container
  .table
  tbody
  tr
  td
  .add-to-list-button {
  background: #ffffff;
  padding: 8px;
}
.my-list-single-container .table-container .table tbody tr td .delete-button {
  background: #ffffff;
  padding: 8px;
}
.my-list-single-container .table-container .table tbody tr td:nth-child(1) {
  font-size: 11px;
}
.my-list-single-container .table-container .table tbody tr td:nth-child(2) {
  font-size: 14px;
}
.my-list-single-container .table-container .table tbody tr td:nth-child(3) {
  text-align: left;
}
.my-list-single-container .table-container .table tbody tr td:nth-child(4) {
  text-align: left;
}
.my-list-single-container .table-container .table tbody tr td:nth-child(5) {
  text-align: right;
}
.my-list-single-container .table-container .table tbody tr td:nth-child(6) {
  text-align: right;
}
.my-list-single-container .table-container .table tbody tr td:nth-child(7) {
  text-align: right;
}
.my-list-single-container .table-container .table tfoot tr:nth-child(1) td {
  font-size: 11px;
  text-align: left;
  padding: 40px 4px 20px 4px;
  border-top: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.my-list-single-container
  .table-container
  .table
  tfoot
  tr:nth-child(1)
  td
  .add-to-list-input-container {
  display: flex;
  align-items: center;
  gap: 16px;
}
.my-list-single-container
  .table-container
  .table
  tfoot
  tr:nth-child(1)
  td
  .add-to-list-input-container
  input {
  height: 40px;
  border: 1px solid #7e899f;
  color: #000000;
  font-size: 14px;
}
.my-list-single-container
  .table-container
  .table
  tfoot
  tr:nth-child(1)
  td
  .add-to-list-input-container
  input::-moz-placeholder {
  color: #7e899f;
}
.my-list-single-container
  .table-container
  .table
  tfoot
  tr:nth-child(1)
  td
  .add-to-list-input-container
  input::placeholder {
  color: #7e899f;
}
.my-list-single-container
  .table-container
  .table
  tfoot
  tr:nth-child(1)
  td
  .add-to-list-input-container
  input[type="text"] {
  padding: 8px 16px;
  border-radius: 25px;
  width: 260px;
}
.my-list-single-container
  .table-container
  .table
  tfoot
  tr:nth-child(1)
  td
  .add-to-list-input-container
  input[type="number"] {
  padding: 8px;
  text-align: center;
  border-radius: 4px;
  width: 80px;
}
.my-list-single-container
  .table-container
  .table
  tfoot
  tr:nth-child(1)
  td
  .add-to-list-input-container
  .add-to-list {
  background: #7e899f;
  border: 1px solid #7e899f;
  border-radius: 4px;
  padding: 5px 13px 5px 9px;
  color: #ffffff;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  font-size: 16px;
  font-weight: 500;
}
.my-list-single-container
  .table-container
  .table
  tfoot
  tr:nth-child(1)
  td
  .add-to-list-input-container
  .add-to-list:hover {
  background: #3396f0;
  border-color: #3396f0;
}
.my-list-single-container .table-container .table tfoot tr:nth-child(1) td {
  padding: 40px 4px 20px 4px;
}
.my-list-single-container
  .table-container
  .table
  tfoot
  tr:nth-child(1)
  td:first-child {
  padding-left: 56px;
}
.my-list-single-container
  .table-container
  .table
  tfoot
  tr:nth-child(1)
  td:last-child {
  padding-right: 56px;
}
.my-list-single-container .table-container .table tfoot tr:nth-child(2) td {
  font-size: 11px;
  text-align: right;
  padding: 40px 4px 20px 4px;
}
.my-list-single-container
  .table-container
  .table
  tfoot
  tr:nth-child(2)
  td:first-child {
  padding-left: 56px;
}
.my-list-single-container
  .table-container
  .table
  tfoot
  tr:nth-child(2)
  td:last-child {
  padding-right: 56px;
}
.my-list-single-container .table-container .table tfoot tr:nth-child(3) td {
  font-size: 16px;
  font-weight: 500;
  text-align: right;
  padding: 20px 4px 40px 4px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.my-list-single-container
  .table-container
  .table
  tfoot
  tr:nth-child(3)
  td:first-child {
  padding-left: 56px;
}
.my-list-single-container
  .table-container
  .table
  tfoot
  tr:nth-child(3)
  td:last-child {
  padding-right: 56px;
}
.my-list-single-container
  .table-container
  .table
  tfoot
  tr:nth-child(3)
  td:nth-child(1) {
  text-align: left;
  font-size: 40px;
  font-weight: 200;
}
.my-list-single-container .table-container .table tfoot tr:nth-child(4) td {
  padding: 40px 4px 40px 4px;
}
.my-list-single-container
  .table-container
  .table
  tfoot
  tr:nth-child(4)
  td:first-child {
  padding-left: 56px;
}
.my-list-single-container
  .table-container
  .table
  tfoot
  tr:nth-child(4)
  td:last-child {
  padding-right: 56px;
}
.my-list-single-container
  .table-container
  .table
  tfoot
  tr:nth-child(4)
  td
  .back-button {
  background: rgba(0, 0, 0, 0);
  color: #000000;
  border: 1px solid #000000;
  border-radius: 25px;
  padding: 13.5px 23px;
  font-size: 16px;
  font-weight: 500;
}
.my-list-single-container
  .table-container
  .table
  tfoot
  tr:nth-child(4)
  td
  .back-button:hover {
  background: #3396f0;
  border-color: #3396f0;
  color: #ffffff;
}
.my-list-single-container
  .table-container
  .table
  tfoot
  tr:nth-child(4)
  td
  .submit-button {
  background: #7e899f;
  color: #ffffff;
  border: 1px solid #7e899f;
  border-radius: 25px;
  padding: 13.5px 23px;
  font-size: 16px;
  font-weight: 500;
}
.my-list-single-container
  .table-container
  .table
  tfoot
  tr:nth-child(4)
  td
  .submit-button:hover {
  background: #3396f0;
  border-color: #3396f0;
  color: #ffffff;
}

@media screen and (max-width: 767px) {
  .my-list-container {
    padding: 40px 0px;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 8px;
  }
  .my-list-container .page-title-container {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: nowrap;
    padding: 0px 16px 40px 16px;
    margin: 0px 0px 30px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
  }
  .my-list-container .page-title-container img {
    width: 36px;
    height: 36px;
  }
  .my-list-container .page-title-container .page-title {
    color: #000000;
    font-size: 32px;
    font-weight: 200;
    line-height: 1.2em;
    padding: 0;
    margin: 0;
  }
  .my-list-container .table-container .table {
    margin: 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
  }
  .my-list-container .table-container .table tbody tr:last-child td {
    padding: 10px 4px 40px 4px;
  }
  .my-list-container .table-container .table tbody tr td {
    padding: 10px 4px;
    vertical-align: middle;
  }
  .my-list-container .table-container .table tbody tr td:first-child {
    padding-left: 16px;
  }
  .my-list-container .table-container .table tbody tr td:last-child {
    padding-right: 16px;
  }
  .my-list-container .table-container .table tbody tr td:nth-child(1) {
    min-width: 150px;
  }
  .my-list-container .table-container .table tbody tr td:nth-child(2) {
    min-width: 150px;
    text-align: right;
  }
  .my-list-container
    .table-container
    .table
    tbody
    tr
    td:nth-child(2)
    .list-content-button {
    margin: 0 0 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px;
    background: #ffffff;
    border: 1px solid #7e899f;
    border-radius: 4px;
    color: #000000;
    font-size: 12px;
    font-weight: 500;
    padding: 10px 11px 10px 7px;
  }
  .my-list-container
    .table-container
    .table
    tbody
    tr
    td:nth-child(2)
    .list-content-button
    a {
    color: #000000;
  }
  .my-list-container
    .table-container
    .table
    tbody
    tr
    td:nth-child(2)
    .list-content-button:hover {
    background: #3396f0;
    border-color: #3396f0;
  }
  .my-list-container
    .table-container
    .table
    tbody
    tr
    td:nth-child(2)
    .list-content-button:hover
    a {
    color: #ffffff;
  }
  .my-list-container
    .table-container
    .table
    tbody
    tr
    td:nth-child(2)
    .list-content-button:hover
    svg
    path {
    fill: #ffffff;
    stroke: #ffffff;
  }
  .my-list-container .table-container .table tbody tr td:nth-child(3) {
    min-width: 128px;
    width: 128px;
    max-width: 128px;
  }
  .my-list-container
    .table-container
    .table
    tbody
    tr
    td:nth-child(3)
    .edit-delete-button-container {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    gap: 8px;
  }
  .my-list-container
    .table-container
    .table
    tbody
    tr
    td:nth-child(3)
    .edit-delete-button-container
    .edit-button,
  .my-list-container
    .table-container
    .table
    tbody
    tr
    td:nth-child(3)
    .edit-delete-button-container
    .delete-button {
    background: #ffffff;
    padding: 0px;
  }
  .my-list-single-container {
    padding: 40px 0px 0px 0px;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 8px;
  }
  .my-list-single-container .page-title-container {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: nowrap;
    padding: 0px 16px;
  }
  .my-list-single-container .page-title-container img {
    width: 36px;
    height: 36px;
  }
  .my-list-single-container .page-title-container .page-title {
    color: #000000;
    font-size: 32px;
    font-weight: 200;
    line-height: 1.2em;
    padding: 0;
    margin: 0;
  }
  .my-list-single-container .table-container .table {
    margin: 0px;
  }
  .my-list-single-container .table-container .table thead tr th {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: #000000;
    padding: 40px 4px;
    min-width: 130px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
  }
  .my-list-single-container .table-container .table thead tr th:first-child {
    padding-left: 16px;
  }
  .my-list-single-container .table-container .table thead tr th:last-child {
    padding-right: 16px;
  }
  .my-list-single-container .table-container .table thead tr th:nth-child(1) {
    min-width: 100px;
  }
  .my-list-single-container .table-container .table thead tr th:nth-child(2) {
    min-width: 300px;
  }
  .my-list-single-container .table-container .table thead tr th:nth-child(3) {
    min-width: 100px;
    text-align: left;
  }
  .my-list-single-container .table-container .table thead tr th:nth-child(4) {
    min-width: 100px;
    text-align: left;
  }
  .my-list-single-container .table-container .table thead tr th:nth-child(5) {
    min-width: 130px;
    text-align: right;
  }
  .my-list-single-container .table-container .table thead tr th:nth-child(6) {
    text-align: right;
  }
  .my-list-single-container .table-container .table thead tr th:nth-child(7) {
    width: 48px;
  }
  .my-list-single-container .table-container .table tbody tr:last-child td {
    padding: 8px 4px 40px 4px;
  }
  .my-list-single-container .table-container .table tbody tr:nth-child(1) td {
    padding: 40px 4px 12px 4px;
  }
  .my-list-single-container .table-container .table tbody tr td {
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    padding: 8px 4px 12px 4px;
    min-width: 130px;
    vertical-align: middle;
  }
  .my-list-single-container .table-container .table tbody tr td:first-child {
    padding-left: 16px;
  }
  .my-list-single-container .table-container .table tbody tr td:last-child {
    padding-right: 16px;
  }
  .my-list-single-container
    .table-container
    .table
    tbody
    tr
    td
    .input-container {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
  }
  .my-list-single-container
    .table-container
    .table
    tbody
    tr
    td
    .input-container
    input[type="number"] {
    width: 80px;
    height: 40px;
    color: #000000;
    text-align: center;
    border: 1px solid #7e899f;
    border-radius: 4px;
    padding: 8px;
    font-size: 14px;
    font-weight: 400;
  }
  .my-list-single-container
    .table-container
    .table
    tbody
    tr
    td
    .input-container
    input[type="number"]::-moz-placeholder {
    color: #7e899f;
    opacity: 1;
  }
  .my-list-single-container
    .table-container
    .table
    tbody
    tr
    td
    .input-container
    input[type="number"]::placeholder {
    color: #7e899f;
    opacity: 1;
  }
  .my-list-single-container
    .table-container
    .table
    tbody
    tr
    td
    .input-container
    .packaging {
    margin: 0px;
  }
  .my-list-single-container
    .table-container
    .table
    tbody
    tr
    td
    .input-container
    .refresh-button {
    background: #ffffff;
    padding: 8px;
  }
  .my-list-single-container
    .table-container
    .table
    tbody
    tr
    td
    .add-to-cart-button {
    background: #ffffff;
    border: 1px solid #7e899f;
    border-radius: 4px;
    padding: 7px;
  }
  .my-list-single-container
    .table-container
    .table
    tbody
    tr
    td
    .add-to-list-button {
    background: #ffffff;
    padding: 8px;
  }
  .my-list-single-container .table-container .table tbody tr td .delete-button {
    background: #ffffff;
    padding: 8px;
  }
  .my-list-single-container .table-container .table tbody tr td:nth-child(1) {
    min-width: 100px;
    font-size: 11px;
  }
  .my-list-single-container .table-container .table tbody tr td:nth-child(2) {
    font-size: 14px;
    min-width: 300px;
  }
  .my-list-single-container .table-container .table tbody tr td:nth-child(3) {
    min-width: 100px;
    text-align: left;
  }
  .my-list-single-container .table-container .table tbody tr td:nth-child(4) {
    min-width: 100px;
    text-align: left;
  }
  .my-list-single-container .table-container .table tbody tr td:nth-child(5) {
    min-width: 130px;
    text-align: right;
  }
  .my-list-single-container .table-container .table tbody tr td:nth-child(6) {
    text-align: right;
  }
  .my-list-single-container .table-container .table tbody tr td:nth-child(7) {
    text-align: right;
  }
  .my-list-single-container .table-container .table tfoot tr:nth-child(1) td {
    font-size: 11px;
    text-align: left;
    padding: 40px 4px 20px 4px;
    border-top: 1px solid rgba(0, 0, 0, 0.1019607843);
  }
  .my-list-single-container
    .table-container
    .table
    tfoot
    tr:nth-child(1)
    td
    .add-to-list-input-container {
    display: flex;
    align-items: center;
    gap: 16px;
  }
  .my-list-single-container
    .table-container
    .table
    tfoot
    tr:nth-child(1)
    td
    .add-to-list-input-container
    input {
    height: 40px;
    border: 1px solid #7e899f;
    color: #000000;
    font-size: 14px;
  }
  .my-list-single-container
    .table-container
    .table
    tfoot
    tr:nth-child(1)
    td
    .add-to-list-input-container
    input::-moz-placeholder {
    color: #7e899f;
  }
  .my-list-single-container
    .table-container
    .table
    tfoot
    tr:nth-child(1)
    td
    .add-to-list-input-container
    input::placeholder {
    color: #7e899f;
  }
  .my-list-single-container
    .table-container
    .table
    tfoot
    tr:nth-child(1)
    td
    .add-to-list-input-container
    input[type="text"] {
    padding: 8px 16px;
    border-radius: 25px;
    width: 260px;
  }
  .my-list-single-container
    .table-container
    .table
    tfoot
    tr:nth-child(1)
    td
    .add-to-list-input-container
    input[type="number"] {
    padding: 8px;
    text-align: center;
    border-radius: 4px;
    width: 80px;
  }
  .my-list-single-container
    .table-container
    .table
    tfoot
    tr:nth-child(1)
    td
    .add-to-list-input-container
    .add-to-list {
    background: #7e899f;
    border: 1px solid #7e899f;
    border-radius: 4px;
    padding: 5px 13px 5px 9px;
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
    font-size: 16px;
    font-weight: 500;
  }
  .my-list-single-container .table-container .table tfoot tr:nth-child(1) td {
    padding: 40px 4px 20px 4px;
  }
  .my-list-single-container
    .table-container
    .table
    tfoot
    tr:nth-child(1)
    td:first-child {
    padding-left: 16px;
  }
  .my-list-single-container
    .table-container
    .table
    tfoot
    tr:nth-child(1)
    td:last-child {
    padding-right: 16px;
  }
  .my-list-single-container .table-container .table tfoot tr:nth-child(2) td {
    font-size: 11px;
    text-align: right;
    padding: 40px 4px 20px 4px;
  }
  .my-list-single-container
    .table-container
    .table
    tfoot
    tr:nth-child(2)
    td:first-child {
    padding-left: 16px;
  }
  .my-list-single-container
    .table-container
    .table
    tfoot
    tr:nth-child(2)
    td:last-child {
    padding-right: 16px;
  }
  .my-list-single-container .table-container .table tfoot tr:nth-child(3) td {
    font-size: 16px;
    font-weight: 500;
    text-align: right;
    padding: 20px 4px 40px 4px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
  }
  .my-list-single-container
    .table-container
    .table
    tfoot
    tr:nth-child(3)
    td:first-child {
    padding-left: 16px;
  }
  .my-list-single-container
    .table-container
    .table
    tfoot
    tr:nth-child(3)
    td:last-child {
    padding-right: 16px;
  }
  .my-list-single-container
    .table-container
    .table
    tfoot
    tr:nth-child(3)
    td:nth-child(1) {
    text-align: left;
    font-size: 32px;
    font-weight: 200;
  }
  .my-list-single-container .table-container .table tfoot tr:nth-child(4) td {
    padding: 40px 4px 40px 4px;
  }
  .my-list-single-container
    .table-container
    .table
    tfoot
    tr:nth-child(4)
    td:first-child {
    padding-left: 16px;
  }
  .my-list-single-container
    .table-container
    .table
    tfoot
    tr:nth-child(4)
    td:last-child {
    padding-right: 16px;
  }
  .my-list-single-container
    .table-container
    .table
    tfoot
    tr:nth-child(4)
    td
    .back-button {
    background: rgba(0, 0, 0, 0);
    color: #000000;
    border: 1px solid #000000;
    border-radius: 25px;
    padding: 13.5px 23px;
    font-size: 16px;
    font-weight: 500;
  }
  .my-list-single-container
    .table-container
    .table
    tfoot
    tr:nth-child(4)
    td
    .submit-button {
    background: #7e899f;
    color: #ffffff;
    border: 1px solid #7e899f;
    border-radius: 25px;
    padding: 13.5px 23px;
    font-size: 16px;
    font-weight: 500;
  }
}
.special-pricing-listing-container {
  padding: 40px 56px;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.special-pricing-listing-container .page-title-container {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
  margin-bottom: 40px;
}
.special-pricing-listing-container .page-title-container img {
  width: 48px;
  height: 48px;
}
.special-pricing-listing-container .page-title-container .page-title {
  color: #000000;
  font-size: 40px;
  font-weight: 200;
  line-height: 1.2em;
  padding: 0;
  margin: 0;
}
.discount-listing-container {
  padding: 40px 56px;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.discount-listing-container .page-title-container {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
  margin-bottom: 40px;
}
.discount-listing-container .page-title-container img {
  width: 48px;
  height: 48px;
}
.discount-listing-container .page-title-container .page-title {
  color: #000000;
  font-size: 40px;
  font-weight: 200;
  line-height: 1.2em;
  padding: 0;
  margin: 0;
}
.discount-listing-container .discount-head-container {
  display: flex;
  gap: 24px;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: center;
  padding: 0px 0px 40px 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.discount-listing-container .discount-head-container p {
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2em;
  margin: 0px;
  color: #000000;
}
.discount-listing-container
  .discount-head-container
  .discount-name-head-container {
  width: 40%;
}
.discount-listing-container
  .discount-head-container
  .discount-period-head-container {
  width: 20%;
}
.discount-listing-container
  .discount-head-container
  .discount-amount-head-container {
  width: 40%;
  display: flex;
  justify-content: flex-end;
}
.discount-listing-container .discount-body-list-container {
  padding: 40px 0px 19.5px 0px;
  margin: 0px 0px 40px 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.discount-listing-container .discount-body-list-container p {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2em;
  margin: 0px;
  color: #000000;
}
.discount-listing-container
  .discount-body-list-container
  .discount-body-container {
  display: flex;
  gap: 24px;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: center;
  padding: 11.5px 0px 21.5px 0px;
}
.discount-listing-container
  .discount-body-list-container
  .discount-body-container
  .discount-name-container {
  width: 40%;
}
.discount-listing-container
  .discount-body-list-container
  .discount-body-container
  .discount-period-container {
  width: 20%;
}
.discount-listing-container
  .discount-body-list-container
  .discount-body-container
  .discount-amount-container {
  width: 40%;
  display: flex;
  justify-content: flex-end;
}
.discount-listing-container .grid-view-listing .product-card-grid {
  width: 100%;
}

.complaint-container {
  padding: 0px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  border-radius: 8px;
}
.complaint-container .page-title-container {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
  padding: 40px 56px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.complaint-container .page-title-container img {
  width: 48px;
  height: 48px;
}
.complaint-container .page-title-container .page-title {
  color: #000000;
  font-size: 40px;
  font-weight: 200;
  line-height: 1.2em;
  padding: 0;
  margin: 0;
}
.complaint-container .complaint-description-container {
  padding: 40px 56px 24px 56px;
}
.complaint-container .complaint-description-container .title-container h3 {
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 40px;
}
.complaint-container .complaint-description-container .description-container p {
  font-size: 16px;
  font-weight: 500;
  color: #000000;
}
.complaint-container
  .complaint-description-container
  .personal-data-container
  .title-container
  h2,
.complaint-container
  .complaint-description-container
  .min-max-input-container
  .title-container
  h2 {
  font-size: 40px;
  font-weight: 200;
  color: #000000;
}
.complaint-container .complaint-description-container .create-button-container {
  display: flex;
  justify-content: flex-end;
}
.complaint-container
  .complaint-description-container
  .create-button-container
  .create {
  background: #7e899f;
  color: #ffffff;
  border: 1px solid #7e899f;
  border-radius: 25px;
  padding: 10.5px 23px;
  font-size: 14px;
  font-weight: 500;
}
.complaint-container
  .complaint-description-container
  .create-button-container
  .create:hover {
  background: #ffffff;
  color: #7e899f;
}
.complaint-container .receipt-number-container,
.complaint-container .comment-container {
  padding: 40px 56px 20px 56px;
}
.complaint-container .receipt-number-container .title-container h3,
.complaint-container .comment-container .title-container h3 {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  margin-bottom: 40px;
  text-transform: uppercase;
}
.complaint-container .receipt-number-container input[type="text"],
.complaint-container .receipt-number-container textarea,
.complaint-container .comment-container input[type="text"],
.complaint-container .comment-container textarea {
  width: 100%;
  border-radius: 100px;
  padding: 11px 15px 10px 15px;
  font-size: 14px;
  color: #000000;
  border: 1px solid #7e899f;
  line-height: 1.2em;
  margin-bottom: 20px;
}
.complaint-container
  .receipt-number-container
  input[type="text"]::-moz-placeholder,
.complaint-container .receipt-number-container textarea::-moz-placeholder,
.complaint-container .comment-container input[type="text"]::-moz-placeholder,
.complaint-container .comment-container textarea::-moz-placeholder {
  color: #000000;
  font-size: 14px;
  line-height: 1.2em;
  color: #7e899f;
}
.complaint-container .receipt-number-container input[type="text"]::placeholder,
.complaint-container .receipt-number-container textarea::placeholder,
.complaint-container .comment-container input[type="text"]::placeholder,
.complaint-container .comment-container textarea::placeholder {
  color: #000000;
  font-size: 14px;
  line-height: 1.2em;
  color: #7e899f;
}
.complaint-container .receipt-number-container textarea,
.complaint-container .comment-container textarea {
  border-radius: 8px;
}
.complaint-container input[name="afearThHn"] {
  height: 0px;
  padding: 0px !important;
  border: none !important;
}
.complaint-container .button-container {
  padding: 40px;
}
.complaint-container .button-container .back-button {
  background: rgba(0, 0, 0, 0);
  color: #000000;
  border: 1px solid #000000;
  border-radius: 25px;
  padding: 13.5px 23px;
  font-size: 16px;
  font-weight: 500;
}
.complaint-container .button-container .submit-button {
  background: #7e899f;
  color: #ffffff;
  border: 1px solid #7e899f;
  border-radius: 25px;
  padding: 13.5px 23px;
  font-size: 16px;
  font-weight: 500;
}
.complaint-container hr {
  margin: 0px;
}

.success-complaint-container {
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  border-radius: 8px;
}
.success-complaint-container hr {
  margin: 0px 0px 40px 0px;
}
.success-complaint-container .complaint-description-container {
  margin: 0px 56px;
  padding: 104px 40px 184px 40px;
  background: #ffffff;
  text-align: center;
  border-radius: 8px;
}
.success-complaint-container .complaint-description-container h2 {
  font-size: 40px;
  font-weight: 200;
  color: #000000;
  margin-bottom: 16px;
}
.success-complaint-container .complaint-description-container p {
  font-size: 18px;
  font-weight: 500;
  color: #000000;
  line-height: 1.4em;
  margin: 0;
}
.success-complaint-container .complaint-description-container p:last-of-type {
  margin-bottom: 96px;
}
.success-complaint-container .button-container {
  padding: 40px 56px;
}
.success-complaint-container .button-container .link-button {
  background: #7e899f;
  color: #ffffff;
  border: 1px solid #7e899f;
  border-radius: 25px;
  padding: 13.5px 23px;
  font-size: 16px;
  font-weight: 500;
}
.success-complaint-container .button-container .link-button:hover {
  background: #3396f0;
  border-color: #3396f0;
}

@media screen and (max-width: 767px) {
  .complaint-container .page-title-container {
    padding: 32px 16px;
  }
  .complaint-container .page-title-container .page-title {
    font-size: 32px;
  }
  .complaint-container .complaint-description-container {
    padding: 40px 16px 24px 16px;
  }
  .complaint-container .complaint-description-container .title-container h3 {
    font-size: 16px;
  }
  .complaint-container
    .complaint-description-container
    .description-container
    p {
    font-size: 16px;
  }
  .complaint-container
    .complaint-description-container
    .personal-data-container
    .title-container
    h2,
  .complaint-container
    .complaint-description-container
    .min-max-input-container
    .title-container
    h2 {
    font-size: 40px;
    font-weight: 200;
    color: #000000;
  }
  .complaint-container
    .complaint-description-container
    .create-button-container {
    display: flex;
    justify-content: flex-end;
  }
  .complaint-container
    .complaint-description-container
    .create-button-container
    .create {
    background: #7e899f;
    color: #ffffff;
    border: 1px solid #7e899f;
    border-radius: 25px;
    padding: 10.5px 23px;
    font-size: 14px;
    font-weight: 500;
  }
  .complaint-container
    .complaint-description-container
    .create-button-container
    .create:hover {
    background: #ffffff;
    color: #7e899f;
  }
  .complaint-container .receipt-number-container,
  .complaint-container .comment-container {
    padding: 40px 16px 20px 16px;
  }
  .complaint-container .button-container {
    padding: 40px 16px 40px 16px;
  }
  .success-complaint-container {
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 8px;
    margin-top: 32px;
  }
  .success-complaint-container .page-title-container .page-title {
    font-size: 32px;
    padding: 32px 16px;
  }
  .success-complaint-container hr {
    margin: 0px 0px 40px 0px;
  }
  .success-complaint-container .complaint-description-container {
    margin: 0px 16px;
    padding: 48px 16px;
    background: #ffffff;
    text-align: center;
    border-radius: 8px;
  }
  .success-complaint-container .complaint-description-container h2 {
    font-size: 32px;
    font-weight: 200;
    color: #000000;
    margin-bottom: 16px;
  }
  .success-complaint-container .complaint-description-container p {
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    line-height: 1.4em;
    margin: 0;
  }
  .success-complaint-container .complaint-description-container p:last-of-type {
    margin-bottom: 48px;
  }
  .success-complaint-container .button-container {
    padding: 32px 16px;
    justify-content: center !important;
  }
  .success-complaint-container .button-container .link-button {
    background: #7e899f;
    color: #ffffff;
    border: 1px solid #7e899f;
    border-radius: 25px;
    padding: 13.5px 23px;
    font-size: 16px;
    font-weight: 500;
  }
}
.overview {
  display: flex;
  gap: 30px;
  flex-flow: row wrap;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .overview {
    padding-bottom: 10px;
  }
}
.overview .alert-info {
  min-width: 200px;
  width: auto;
  background-color: #27ae60;
  padding: 20px 34px;
  color: #ffffff;
  align-self: flex-start;
  font-weight: normal;
  font-size: 18px;
  line-height: 23px;
}
@media (max-width: 768px) {
  .overview .alert-info {
    width: 100%;
    padding: 20px;
    text-align: center;
    order: 1;
  }
}
.overview .credit,
.overview .open-innvoices,
.overview .unpaid-goods {
  background-color: #ffffff;
  width: 36%;
  min-width: 375px;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .overview .credit,
  .overview .open-innvoices,
  .overview .unpaid-goods {
    width: 100%;
    min-width: auto;
    order: 2;
  }
}
.overview .credit .credit-informations,
.overview .open-innvoices .credit-informations,
.overview .unpaid-goods .credit-informations {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.overview .credit .amount,
.overview .open-innvoices .amount,
.overview .unpaid-goods .amount {
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
}
.overview .credit .title,
.overview .open-innvoices .title,
.overview .unpaid-goods .title {
  line-height: 150%;
  font-size: 14px;
}
.overview .credit,
.overview .open-innvoices {
  padding: 30px 30px 60px 30px;
}
@media (max-width: 768px) {
  .overview .credit,
  .overview .open-innvoices {
    padding: 20px 20px 40px 20px;
  }
}
.overview .credit .useable .title {
  font-size: 12px;
}
.overview .credit .useable .amount {
  font-size: 12px;
  line-height: 100%;
}
.overview .credit .bar {
  margin-top: 20px;
  position: relative;
}
.overview .credit .bar .bar-outer {
  overflow: hidden;
  width: 100%;
  height: 5px;
  border-radius: 3px;
}
.overview .credit .bar .bar-outer .bar-value {
  width: 40%;
  height: 5px;
  background-color: #27ae60;
  position: relative;
}
.overview .credit .bar:hover .bar-tooltip {
  visibility: visible;
  opacity: 1;
}
.overview .credit .bar .bar-tooltip {
  position: absolute;
  top: 5px;
  left: 40%;
  transform: translateX(-53%);
  min-width: 160px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease;
}
.overview .credit .bar .bar-tooltip .arrow-up {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
  position: relative;
  left: 50%;
}
.overview .credit .bar .bar-tooltip .content {
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  padding: 6px 14px;
  color: #ffffff;
  border-radius: 25px;
}
.overview .open-innvoices .all-credit .amount {
  color: #ffc908;
}
.overview .open-innvoices .divider {
  height: 50px;
  margin-left: 0;
}
.overview .open-innvoices .bar {
  margin-top: 20px;
  position: relative;
}
.overview .open-innvoices .bar .bar-outer {
  overflow: hidden;
  background-color: #ffc908;
  width: 100%;
  height: 5px;
  border-radius: 3px;
}
.overview .open-innvoices .bar .bar-outer .bar-value {
  width: 60%;
  height: 5px;
  position: relative;
}
.overview .open-innvoices .bar:hover .bar-tooltip {
  visibility: visible;
  opacity: 1;
}
.overview .open-innvoices .bar .bar-tooltip {
  position: absolute;
  top: 5px;
  left: 60%;
  transform: translateX(-53%);
  min-width: 160px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease;
}
.overview .open-innvoices .bar .bar-tooltip .arrow-up {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
  position: relative;
  left: 50%;
}
.overview .open-innvoices .bar .bar-tooltip .content {
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  padding: 6px 14px;
  color: #ffffff;
  border-radius: 25px;
}
.overview .unpaid-goods {
  padding: 30px;
}

.financial-actions {
  display: flex;
  padding: 0 45px 20px;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  .financial-actions {
    padding: 0 16px 20px;
  }
}
.financial-actions .download-cart-csv {
  background: transparent;
  padding: 8px 10px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
}
@media (max-width: 768px) {
  .financial-actions .download-cart-csv {
    font-size: 0px;
    margin-right: 0;
    margin-left: 10px;
  }
}
@media (max-width: 768px) {
  .financial-actions .download-cart-csv img {
    margin: 0;
  }
}
.financial-actions .sorting {
  margin: 0 auto 0 30px;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .financial-actions .sorting {
    display: none;
  }
}
.financial-actions .sorting .amount {
  font-size: 14px;
}
.financial-actions .sorting .order-button {
  margin-left: 60px;
  position: relative;
}
.financial-actions .sorting .order-button:before {
  content: "";
  display: block;
  width: 17px;
  height: 17px;
  position: absolute;
  border-radius: 50%;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
}
.financial-actions .sorting .order-button.active:before {
  background-color: #27ae60;
  border: 1px solid #27ae60;
}

.innvoice-table {
  margin: 0 45px;
  background-color: #ffffff;
  overflow: hidden;
}
@media (max-width: 768px) {
  .innvoice-table {
    margin: 0 16px;
    overflow-x: scroll;
  }
}
.innvoice-table .data-item {
  padding: 38px 20px;
  justify-content: space-between;
  border-left: 2px solid #ffffff;
  gap: 60px;
  display: flex;
}
@media (max-width: 768px) {
  .innvoice-table .data-item {
    width: 1276px;
    display: inline-flex;
  }
}
.innvoice-table .data-item .item {
  font-size: 14px;
  line-height: 18px;
  display: flex;
  align-items: center;
}
.innvoice-table .data-item .item img {
  margin-left: 10px;
}
.innvoice-table .data-item .item span {
  margin-left: 15px;
  padding: 5px 13px 5px 13px;
  border-radius: 30px;
}
.innvoice-table .data-item .innvoice-number {
  width: 123px;
  font-weight: 600;
  font-size: 14px;
  line-height: 125%;
}
.innvoice-table .data-item .innvoice-date {
  font-size: 14px;
  width: 95px;
}
.innvoice-table .data-item .deadline {
  font-size: 14px;
  width: 165px;
}
.innvoice-table .data-item .brutto-price {
  font-size: 14px;
  width: 80px;
}
.innvoice-table .data-item .subtotal {
  font-size: 14px;
  width: 121px;
  text-align: right;
  justify-content: flex-end;
}
.innvoice-table .data-item .brutto-loan {
  font-size: 14px;
  width: 88px;
  justify-content: flex-end;
}
.innvoice-table .data-item .finish-date {
  font-size: 14px;
  width: 110px;
  justify-content: flex-end;
  font-weight: 600;
  line-height: 125%;
}
.innvoice-table .data-item.alert span {
  color: #ffffff;
}
.innvoice-table .data-item.overdued {
  border-left: 2px solid #ffc908;
}
.innvoice-table .data-item.overdued span {
  background-color: #ffc908;
}

/*LOGIN & REG*/
.page-title {
  font-size: 40px;
  font-weight: 200;
  color: #000000;
  padding: 48px 56px;
  margin: 0px;
}

.form-container {
  padding: 0px 0px 40px 0px;
  background: #ffffff;
  border-radius: 8px;
}
.form-container .head-container {
  padding: 40px 56px;
}
.form-container hr {
  margin-top: 0px;
  margin-bottom: 40px;
  border-top: 1px solid rgba(0, 0, 0, 0.1019607843);
  border-radius: 0px;
}
.form-container .personal-data-container,
.form-container .invoice-data-container,
.form-container .shipping-data-container,
.form-container .financial-associate-container,
.form-container .procurement-associate-container,
.form-container .commercial-associate-container,
.form-container .acceptances-container {
  padding: 0px 56px;
  margin-bottom: 40px;
}
.form-container .personal-data-container .col-12,
.form-container .invoice-data-container .col-12,
.form-container .shipping-data-container .col-12,
.form-container .financial-associate-container .col-12,
.form-container .procurement-associate-container .col-12,
.form-container .commercial-associate-container .col-12,
.form-container .acceptances-container .col-12 {
  padding: 0px 8px;
}
.form-container .personal-data-container .title-container,
.form-container .invoice-data-container .title-container,
.form-container .shipping-data-container .title-container,
.form-container .financial-associate-container .title-container,
.form-container .procurement-associate-container .title-container,
.form-container .commercial-associate-container .title-container,
.form-container .acceptances-container .title-container {
  margin-bottom: 20px;
}
.form-container .personal-data-container .title-container h2,
.form-container .invoice-data-container .title-container h2,
.form-container .shipping-data-container .title-container h2,
.form-container .financial-associate-container .title-container h2,
.form-container .procurement-associate-container .title-container h2,
.form-container .commercial-associate-container .title-container h2,
.form-container .acceptances-container .title-container h2 {
  font-size: 40px;
  font-weight: 200;
  margin: 0px;
}
.form-container .personal-data-container .title-container p,
.form-container .invoice-data-container .title-container p,
.form-container .shipping-data-container .title-container p,
.form-container .financial-associate-container .title-container p,
.form-container .procurement-associate-container .title-container p,
.form-container .commercial-associate-container .title-container p,
.form-container .acceptances-container .title-container p {
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  margin: 0px;
}
.form-container .personal-data-container h3,
.form-container .invoice-data-container h3,
.form-container .shipping-data-container h3,
.form-container .financial-associate-container h3,
.form-container .procurement-associate-container h3,
.form-container .commercial-associate-container h3,
.form-container .acceptances-container h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4em;
  margin-top: 20px;
  margin-bottom: 0px;
}
.form-container .personal-data-container hr,
.form-container .invoice-data-container hr,
.form-container .shipping-data-container hr,
.form-container .financial-associate-container hr,
.form-container .procurement-associate-container hr,
.form-container .commercial-associate-container hr,
.form-container .acceptances-container hr {
  display: none;
}
.form-container .personal-data-container .col-0,
.form-container .invoice-data-container .col-0,
.form-container .shipping-data-container .col-0,
.form-container .financial-associate-container .col-0,
.form-container .procurement-associate-container .col-0,
.form-container .commercial-associate-container .col-0,
.form-container .acceptances-container .col-0 {
  display: none;
}
.form-container .personal-data-container .add-more-item,
.form-container .invoice-data-container .add-more-item,
.form-container .shipping-data-container .add-more-item,
.form-container .financial-associate-container .add-more-item,
.form-container .procurement-associate-container .add-more-item,
.form-container .commercial-associate-container .add-more-item,
.form-container .acceptances-container .add-more-item {
  background: #7e899f;
  color: #ffffff;
  border-radius: 4px;
  padding: 6px 14px 6px 10px;
  display: flex;
  -moz-column-gap: 8px;
  column-gap: 8px;
  margin-top: 40px;
  font-size: 16px;
  font-weight: 500;
  width: 231px;
  align-items: center;
  line-height: 1em;
}
.form-container .personal-data-container .add-more-item span,
.form-container .invoice-data-container .add-more-item span,
.form-container .shipping-data-container .add-more-item span,
.form-container .financial-associate-container .add-more-item span,
.form-container .procurement-associate-container .add-more-item span,
.form-container .commercial-associate-container .add-more-item span,
.form-container .acceptances-container .add-more-item span {
  font-size: 24px;
  line-height: 1em;
  display: flex;
  width: 24px;
  justify-content: center;
}
.form-container .personal-data-container .add-more-item:hover,
.form-container .invoice-data-container .add-more-item:hover,
.form-container .shipping-data-container .add-more-item:hover,
.form-container .financial-associate-container .add-more-item:hover,
.form-container .procurement-associate-container .add-more-item:hover,
.form-container .commercial-associate-container .add-more-item:hover,
.form-container .acceptances-container .add-more-item:hover {
  background: #3396f0;
}
.form-container .personal-data-container .registration-item,
.form-container .invoice-data-container .registration-item,
.form-container .shipping-data-container .registration-item,
.form-container .financial-associate-container .registration-item,
.form-container .procurement-associate-container .registration-item,
.form-container .commercial-associate-container .registration-item,
.form-container .acceptances-container .registration-item {
  margin-top: 20px;
}
.form-container .personal-data-container .registration-item p,
.form-container .invoice-data-container .registration-item p,
.form-container .shipping-data-container .registration-item p,
.form-container .financial-associate-container .registration-item p,
.form-container .procurement-associate-container .registration-item p,
.form-container .commercial-associate-container .registration-item p,
.form-container .acceptances-container .registration-item p {
  font-size: 14px;
  color: #7e899f;
  line-height: 1.4em;
  font-weight: 500;
}
.form-container .personal-data-container .registration-item input,
.form-container .personal-data-container .registration-item select,
.form-container .invoice-data-container .registration-item input,
.form-container .invoice-data-container .registration-item select,
.form-container .shipping-data-container .registration-item input,
.form-container .shipping-data-container .registration-item select,
.form-container .financial-associate-container .registration-item input,
.form-container .financial-associate-container .registration-item select,
.form-container .procurement-associate-container .registration-item input,
.form-container .procurement-associate-container .registration-item select,
.form-container .commercial-associate-container .registration-item input,
.form-container .commercial-associate-container .registration-item select,
.form-container .acceptances-container .registration-item input,
.form-container .acceptances-container .registration-item select {
  width: 100%;
  border-radius: 100px;
  padding: 11px 15px 10px 15px;
  font-size: 14px;
  color: #000000;
  border: 1px solid #7e899f;
  line-height: 1.2em;
}
.form-container
  .personal-data-container
  .registration-item
  input::-moz-placeholder,
.form-container
  .personal-data-container
  .registration-item
  select::-moz-placeholder,
.form-container
  .invoice-data-container
  .registration-item
  input::-moz-placeholder,
.form-container
  .invoice-data-container
  .registration-item
  select::-moz-placeholder,
.form-container
  .shipping-data-container
  .registration-item
  input::-moz-placeholder,
.form-container
  .shipping-data-container
  .registration-item
  select::-moz-placeholder,
.form-container
  .financial-associate-container
  .registration-item
  input::-moz-placeholder,
.form-container
  .financial-associate-container
  .registration-item
  select::-moz-placeholder,
.form-container
  .procurement-associate-container
  .registration-item
  input::-moz-placeholder,
.form-container
  .procurement-associate-container
  .registration-item
  select::-moz-placeholder,
.form-container
  .commercial-associate-container
  .registration-item
  input::-moz-placeholder,
.form-container
  .commercial-associate-container
  .registration-item
  select::-moz-placeholder,
.form-container
  .acceptances-container
  .registration-item
  input::-moz-placeholder,
.form-container
  .acceptances-container
  .registration-item
  select::-moz-placeholder {
  color: #000000;
  font-size: 14px;
  line-height: 1.2em;
  color: #7e899f;
}
.form-container .personal-data-container .registration-item input::placeholder,
.form-container .personal-data-container .registration-item select::placeholder,
.form-container .invoice-data-container .registration-item input::placeholder,
.form-container .invoice-data-container .registration-item select::placeholder,
.form-container .shipping-data-container .registration-item input::placeholder,
.form-container .shipping-data-container .registration-item select::placeholder,
.form-container
  .financial-associate-container
  .registration-item
  input::placeholder,
.form-container
  .financial-associate-container
  .registration-item
  select::placeholder,
.form-container
  .procurement-associate-container
  .registration-item
  input::placeholder,
.form-container
  .procurement-associate-container
  .registration-item
  select::placeholder,
.form-container
  .commercial-associate-container
  .registration-item
  input::placeholder,
.form-container
  .commercial-associate-container
  .registration-item
  select::placeholder,
.form-container .acceptances-container .registration-item input::placeholder,
.form-container .acceptances-container .registration-item select::placeholder {
  color: #000000;
  font-size: 14px;
  line-height: 1.2em;
  color: #7e899f;
}
.form-container .personal-data-container .registration-item select,
.form-container .invoice-data-container .registration-item select,
.form-container .shipping-data-container .registration-item select,
.form-container .financial-associate-container .registration-item select,
.form-container .procurement-associate-container .registration-item select,
.form-container .commercial-associate-container .registration-item select,
.form-container .acceptances-container .registration-item select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  background: url("../assets/icons/select-chevron.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) center;
  color: #000000;
}
.form-container
  .personal-data-container
  .registration-item
  input[type="number"]::-webkit-outer-spin-button,
.form-container
  .personal-data-container
  .registration-item
  input[type="number"]::-webkit-inner-spin-button,
.form-container
  .invoice-data-container
  .registration-item
  input[type="number"]::-webkit-outer-spin-button,
.form-container
  .invoice-data-container
  .registration-item
  input[type="number"]::-webkit-inner-spin-button,
.form-container
  .shipping-data-container
  .registration-item
  input[type="number"]::-webkit-outer-spin-button,
.form-container
  .shipping-data-container
  .registration-item
  input[type="number"]::-webkit-inner-spin-button,
.form-container
  .financial-associate-container
  .registration-item
  input[type="number"]::-webkit-outer-spin-button,
.form-container
  .financial-associate-container
  .registration-item
  input[type="number"]::-webkit-inner-spin-button,
.form-container
  .procurement-associate-container
  .registration-item
  input[type="number"]::-webkit-outer-spin-button,
.form-container
  .procurement-associate-container
  .registration-item
  input[type="number"]::-webkit-inner-spin-button,
.form-container
  .commercial-associate-container
  .registration-item
  input[type="number"]::-webkit-outer-spin-button,
.form-container
  .commercial-associate-container
  .registration-item
  input[type="number"]::-webkit-inner-spin-button,
.form-container
  .acceptances-container
  .registration-item
  input[type="number"]::-webkit-outer-spin-button,
.form-container
  .acceptances-container
  .registration-item
  input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  -moz-appearance: textfield;
}
.form-container
  .personal-data-container
  .registration-item
  input[type="checkbox"],
.form-container
  .invoice-data-container
  .registration-item
  input[type="checkbox"],
.form-container
  .shipping-data-container
  .registration-item
  input[type="checkbox"],
.form-container
  .financial-associate-container
  .registration-item
  input[type="checkbox"],
.form-container
  .procurement-associate-container
  .registration-item
  input[type="checkbox"],
.form-container
  .commercial-associate-container
  .registration-item
  input[type="checkbox"],
.form-container
  .acceptances-container
  .registration-item
  input[type="checkbox"] {
  width: 16px;
  height: 16px;
}
.form-container .personal-data-container .registration-item label,
.form-container .invoice-data-container .registration-item label,
.form-container .shipping-data-container .registration-item label,
.form-container .financial-associate-container .registration-item label,
.form-container .procurement-associate-container .registration-item label,
.form-container .commercial-associate-container .registration-item label,
.form-container .acceptances-container .registration-item label {
  font-size: 11px;
  margin-bottom: 10px;
  margin-left: 16px;
  width: 100%;
  text-transform: uppercase;
}
.form-container .personal-data-container .checkbox,
.form-container .invoice-data-container .checkbox,
.form-container .shipping-data-container .checkbox,
.form-container .financial-associate-container .checkbox,
.form-container .procurement-associate-container .checkbox,
.form-container .commercial-associate-container .checkbox,
.form-container .acceptances-container .checkbox {
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  position: relative;
  top: 14px;
}
.form-container .personal-data-container .checkbox label,
.form-container .invoice-data-container .checkbox label,
.form-container .shipping-data-container .checkbox label,
.form-container .financial-associate-container .checkbox label,
.form-container .procurement-associate-container .checkbox label,
.form-container .commercial-associate-container .checkbox label,
.form-container .acceptances-container .checkbox label {
  font-size: 14px;
  margin: 0px;
  text-transform: unset;
}
.form-container .personal-data-container .equal-checkbox,
.form-container .invoice-data-container .equal-checkbox,
.form-container .shipping-data-container .equal-checkbox,
.form-container .financial-associate-container .equal-checkbox,
.form-container .procurement-associate-container .equal-checkbox,
.form-container .commercial-associate-container .equal-checkbox,
.form-container .acceptances-container .equal-checkbox {
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  margin-bottom: 20px;
}
.form-container .personal-data-container .equal-checkbox label,
.form-container .invoice-data-container .equal-checkbox label,
.form-container .shipping-data-container .equal-checkbox label,
.form-container .financial-associate-container .equal-checkbox label,
.form-container .procurement-associate-container .equal-checkbox label,
.form-container .commercial-associate-container .equal-checkbox label,
.form-container .acceptances-container .equal-checkbox label {
  font-size: 14px;
  margin: 0px;
  text-transform: unset;
}
.form-container .personal-data-container .acceptances-checkbox:not(:last-child),
.form-container .invoice-data-container .acceptances-checkbox:not(:last-child),
.form-container .shipping-data-container .acceptances-checkbox:not(:last-child),
.form-container
  .financial-associate-container
  .acceptances-checkbox:not(:last-child),
.form-container
  .procurement-associate-container
  .acceptances-checkbox:not(:last-child),
.form-container
  .commercial-associate-container
  .acceptances-checkbox:not(:last-child),
.form-container .acceptances-container .acceptances-checkbox:not(:last-child) {
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  margin-bottom: 12px;
  margin-top: 0px;
}
.form-container
  .personal-data-container
  .acceptances-checkbox:not(:last-child)
  label,
.form-container
  .invoice-data-container
  .acceptances-checkbox:not(:last-child)
  label,
.form-container
  .shipping-data-container
  .acceptances-checkbox:not(:last-child)
  label,
.form-container
  .financial-associate-container
  .acceptances-checkbox:not(:last-child)
  label,
.form-container
  .procurement-associate-container
  .acceptances-checkbox:not(:last-child)
  label,
.form-container
  .commercial-associate-container
  .acceptances-checkbox:not(:last-child)
  label,
.form-container
  .acceptances-container
  .acceptances-checkbox:not(:last-child)
  label {
  font-size: 14px;
  margin: 0px;
  text-transform: unset;
}
.form-container .personal-data-container .acceptances-checkbox:last-child,
.form-container .invoice-data-container .acceptances-checkbox:last-child,
.form-container .shipping-data-container .acceptances-checkbox:last-child,
.form-container .financial-associate-container .acceptances-checkbox:last-child,
.form-container
  .procurement-associate-container
  .acceptances-checkbox:last-child,
.form-container
  .commercial-associate-container
  .acceptances-checkbox:last-child,
.form-container .acceptances-container .acceptances-checkbox:last-child {
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  margin-bottom: 0px;
  margin-top: 0px;
}
.form-container .personal-data-container .acceptances-checkbox:last-child label,
.form-container .invoice-data-container .acceptances-checkbox:last-child label,
.form-container .shipping-data-container .acceptances-checkbox:last-child label,
.form-container
  .financial-associate-container
  .acceptances-checkbox:last-child
  label,
.form-container
  .procurement-associate-container
  .acceptances-checkbox:last-child
  label,
.form-container
  .commercial-associate-container
  .acceptances-checkbox:last-child
  label,
.form-container .acceptances-container .acceptances-checkbox:last-child label {
  font-size: 14px;
  margin: 0px;
  text-transform: unset;
}
.form-container .personal-data-container .col-1.d-flex,
.form-container .invoice-data-container .col-1.d-flex,
.form-container .shipping-data-container .col-1.d-flex,
.form-container .financial-associate-container .col-1.d-flex,
.form-container .procurement-associate-container .col-1.d-flex,
.form-container .commercial-associate-container .col-1.d-flex,
.form-container .acceptances-container .col-1.d-flex {
  align-items: flex-end;
  justify-content: flex-end;
}
.form-container .personal-data-container .form-checked,
.form-container .invoice-data-container .form-checked,
.form-container .shipping-data-container .form-checked,
.form-container .financial-associate-container .form-checked,
.form-container .procurement-associate-container .form-checked,
.form-container .commercial-associate-container .form-checked,
.form-container .acceptances-container .form-checked {
  width: 24px;
  height: 24px;
}
.form-container .button-container {
  padding: 0px 56px;
}
.form-container .back-button {
  background: rgba(0, 0, 0, 0);
  color: #000000;
  border: 1px solid #000000;
  border-radius: 25px;
  padding: 13.5px 23px;
  font-size: 16px;
  font-weight: 500;
}
.form-container .back-button:hover {
  background: #3396f0;
  border-color: #3396f0;
  color: #ffffff;
}
.form-container .submit-button {
  background: #7e899f;
  color: #ffffff;
  border: 1px solid #7e899f;
  border-radius: 25px;
  padding: 13.5px 23px;
  font-size: 16px;
  font-weight: 500;
}
.form-container .submit-button:hover {
  background: #3396f0;
  border-color: #3396f0;
  color: #ffffff;
}

.background-container {
  background: url("../assets/img/misc/bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
}
.background-container .forgot-password-container {
  display: flex;
  gap: 20px;
  margin: 120px 0px;
}
.background-container .forgot-password-container .logo-container {
  width: 50%;
}
.background-container .forgot-password-container .logo-container img {
  width: 332px;
  height: 67px;
}
.background-container
  .forgot-password-container
  .forgot-password-form-container {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.background-container
  .forgot-password-container
  .forgot-password-form-container
  .back-button-container
  .back-button {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2em;
  color: #000000;
  background: #ffffff;
  padding: 13.5px 23px;
  border: 1px solid #7e899f;
  border-radius: 25px;
}
.background-container
  .forgot-password-container
  .forgot-password-form-container
  .back-button-container
  .back-button:hover {
  background: #3396f0;
  border: 1px solid #3396f0;
  color: #ffffff;
}
.background-container
  .forgot-password-container
  .forgot-password-form-container
  .form-container {
  max-width: 409px;
  padding: 64px 44px;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.background-container
  .forgot-password-container
  .forgot-password-form-container
  .form-container
  .text-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.background-container
  .forgot-password-container
  .forgot-password-form-container
  .form-container
  .text-container
  h2 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2em;
  margin: 0px;
}
.background-container
  .forgot-password-container
  .forgot-password-form-container
  .form-container
  .text-container
  p {
  font-size: 14px;
  line-height: 1.2em;
  font-weight: 400;
  color: #7e899f;
  margin: 0px;
}
.background-container
  .forgot-password-container
  .forgot-password-form-container
  .form-container
  form {
  margin: 0px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.background-container
  .forgot-password-container
  .forgot-password-form-container
  .form-container
  form
  input[type="email"] {
  width: 100%;
  border: 1px solid #7e899f;
  font-size: 14px;
  line-height: 1.2em;
  font-weight: 400;
  color: #000000;
  padding: 11px 15px;
  border-radius: 25px;
}
.background-container
  .forgot-password-container
  .forgot-password-form-container
  .form-container
  form
  input[type="email"]::-moz-placeholder {
  color: #7e899f;
}
.background-container
  .forgot-password-container
  .forgot-password-form-container
  .form-container
  form
  input[type="email"]::placeholder {
  color: #7e899f;
}
.background-container
  .forgot-password-container
  .forgot-password-form-container
  .form-container
  form
  button[type="submit"] {
  width: 100%;
  background: #7e899f;
  color: #ffffff;
  padding: 10.5px 23px;
  border-radius: 25px;
  border: 1px solid #7e899f;
  font-size: 14px;
  font-weight: 500;
}
.background-container
  .forgot-password-container
  .forgot-password-form-container
  .form-container
  form
  button[type="submit"]:hover {
  background: #3396f0;
  border: 1px solid #3396f0;
  color: #ffffff;
}
.background-container .success-registration-container {
  background: #ffffff;
  max-width: 628px;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  border-radius: 20px;
  padding: 64px 48px;
  align-items: center;
  gap: 10px;
}
.background-container .success-registration-container h2 {
  font-size: 40px;
  line-height: 1.2em;
  font-weight: 200;
  margin-bottom: 6px;
  text-align: center;
}
.background-container .success-registration-container p {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2em;
  text-align: center;
}
.background-container .success-registration-container img {
  width: 170px;
  height: 185px;
  margin: 48.5px 0px;
}
.background-container .success-registration-container .back-button {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2em;
  color: #ffffff;
  background: #7e899f;
  padding: 10.5px 23px;
  border: 1px solid #7e899f;
  border-radius: 25px;
}
.background-container .success-registration-container .back-button:hover {
  background: #3396f0;
  border: 1px solid #3396f0;
}

.login-registration-container {
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  border-radius: 8px;
  background: #ffffff;
}
.login-registration-container hr {
  margin: 0px 0px 0px 0px;
  background: rgba(0, 0, 0, 0.1019607843);
}
.login-registration-container h1 {
  padding: 40px 56px;
  font-size: 40px;
  font-weight: 200;
  color: #000000;
}
.login-registration-container .login-container {
  margin: 0 auto;
  max-width: 612px;
  padding: 40px 56px 80px 56px;
}
.login-registration-container .login-container .title {
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 16px;
  text-align: center;
}
.login-registration-container .login-container .text {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  margin-bottom: 40px;
}
.login-registration-container .login-container form {
  margin-bottom: 40px;
}
.login-registration-container .login-container form #login-email,
.login-registration-container .login-container form #login-password {
  width: 100%;
  border: 1px solid #7e899f;
  border-radius: 43px;
  padding: 11px 15px 12px 15px;
  margin-bottom: 16px;
}
.login-registration-container
  .login-container
  form
  #login-email::-moz-placeholder,
.login-registration-container
  .login-container
  form
  #login-password::-moz-placeholder {
  color: #7e899f;
}
.login-registration-container .login-container form #login-email::placeholder,
.login-registration-container
  .login-container
  form
  #login-password::placeholder {
  color: #7e899f;
}
.login-registration-container .login-container form #login-email:focus,
.login-registration-container .login-container form #login-password:focus {
  border: 1px solid #000000;
}
.login-registration-container .login-container form .button-container {
  display: flex;
  -moz-column-gap: 12px;
  column-gap: 12px;
}
.login-registration-container
  .login-container
  form
  .button-container
  .login-button,
.login-registration-container
  .login-container
  form
  .button-container
  .registration-button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  width: 50%;
  border-radius: 25px;
  border: 1px solid #7e899f;
}
.login-registration-container
  .login-container
  form
  .button-container
  .login-button:hover,
.login-registration-container
  .login-container
  form
  .button-container
  .registration-button:hover {
  background: #3396f0;
  color: #ffffff;
  border: 1px solid #3396f0;
}
.login-registration-container
  .login-container
  form
  .button-container
  .login-button {
  background: #7e899f;
  color: #ffffff;
}
.login-registration-container
  .login-container
  form
  .button-container
  .registration-button {
  background: rgba(0, 0, 0, 0);
  color: #000000;
}
.login-registration-container .login-container .stay-forgot-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.login-registration-container
  .login-container
  .stay-forgot-container
  .stay-container {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  -moz-column-gap: 6px;
  column-gap: 6px;
}
.login-registration-container
  .login-container
  .stay-forgot-container
  .stay-container
  #stay-logged {
  width: 16px;
  height: 16px;
}
.login-registration-container
  .login-container
  .stay-forgot-container
  .stay-container
  #stay-logged:checked {
  background: #3396f0 !important;
}
.login-registration-container
  .login-container
  .stay-forgot-container
  .stay-container
  label {
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  line-height: 1em;
}
.login-registration-container .login-container .stay-forgot-container .forgot {
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  text-decoration: underline;
  line-height: 1em;
}
.login-registration-container .back-button-container {
  padding: 40px;
  display: flex;
}
.login-registration-container .back-button-container .back-button {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  padding: 13.5px 23px;
  border: 1px solid #7e899f;
  border-radius: 25px;
  color: #000000;
}
.login-registration-container .back-button-container .back-button:hover {
  background: #3396f0;
  color: #ffffff;
  border: 1px solid #3396f0;
}

@media screen and (max-width: 767px) {
  .login-registration-container {
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 8px;
    background: #ffffff;
  }
  .login-registration-container hr {
    margin: 0px 0px 0px 0px;
    background: rgba(0, 0, 0, 0.1019607843);
  }
  .login-registration-container h1 {
    padding: 32px 16px;
    font-size: 32px;
    font-weight: 200;
    color: #000000;
  }
  .login-registration-container .login-container {
    margin: 0 auto;
    max-width: 612px;
    padding: 32px 20px 64px 20px;
    border: unset;
    border-radius: unset;
  }
  .login-registration-container .login-container .title {
    font-size: 18px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 16px;
    text-align: center;
  }
  .login-registration-container .login-container .text {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 40px;
  }
  .login-registration-container .login-container form {
    margin-bottom: 40px;
  }
  .login-registration-container .login-container form #login-email,
  .login-registration-container .login-container form #login-password {
    width: 100%;
    border: 1px solid #7e899f;
    border-radius: 43px;
    padding: 11px 15px 12px 15px;
    margin-bottom: 16px;
  }
  .login-registration-container
    .login-container
    form
    #login-email::-moz-placeholder,
  .login-registration-container
    .login-container
    form
    #login-password::-moz-placeholder {
    color: #7e899f;
  }
  .login-registration-container .login-container form #login-email::placeholder,
  .login-registration-container
    .login-container
    form
    #login-password::placeholder {
    color: #7e899f;
  }
  .login-registration-container .login-container form #login-email:focus,
  .login-registration-container .login-container form #login-password:focus {
    border: 1px solid #000000;
  }
  .login-registration-container .login-container form .button-container {
    display: flex;
    -moz-column-gap: 12px;
    column-gap: 12px;
  }
  .login-registration-container
    .login-container
    form
    .button-container
    .login-button,
  .login-registration-container
    .login-container
    form
    .button-container
    .registration-button {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    width: 50%;
    border-radius: 25px;
    border: 1px solid #7e899f;
  }
  .login-registration-container
    .login-container
    form
    .button-container
    .login-button:hover,
  .login-registration-container
    .login-container
    form
    .button-container
    .registration-button:hover {
    background: #3396f0;
    color: #ffffff;
    border: 1px solid #3396f0;
  }
  .login-registration-container
    .login-container
    form
    .button-container
    .login-button {
    background: #7e899f;
    color: #ffffff;
  }
  .login-registration-container
    .login-container
    form
    .button-container
    .registration-button {
    background: rgba(0, 0, 0, 0);
    color: #000000;
  }
  .login-registration-container .login-container .stay-forgot-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .login-registration-container
    .login-container
    .stay-forgot-container
    .stay-container {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    -moz-column-gap: 6px;
    column-gap: 6px;
  }
  .login-registration-container
    .login-container
    .stay-forgot-container
    .stay-container
    #stay-logged {
    width: 16px;
    height: 16px;
  }
  .login-registration-container
    .login-container
    .stay-forgot-container
    .stay-container
    #stay-logged:checked {
    background: #3396f0 !important;
  }
  .login-registration-container
    .login-container
    .stay-forgot-container
    .stay-container
    label {
    font-size: 12px;
    font-weight: 500;
    color: #000000;
    line-height: 1em;
  }
  .login-registration-container
    .login-container
    .stay-forgot-container
    .forgot {
    font-size: 12px;
    font-weight: 500;
    color: #000000;
    text-decoration: underline;
    line-height: 1em;
  }
  .login-registration-container .back-button-container {
    padding: 32px 16px;
    display: flex;
  }
  .login-registration-container .back-button-container .back-button {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    padding: 13.5px 23px;
    border: 1px solid #7e899f;
    border-radius: 25px;
    color: #000000;
  }
  .login-registration-container .back-button-container .back-button:hover {
    background: #3396f0;
    color: #ffffff;
    border: 1px solid #3396f0;
  }
  .login-container {
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 8px;
    padding: 16px;
    background: #ffffff;
  }
  .login-container hr {
    margin: 0px 0px 0px 0px;
    background: rgba(0, 0, 0, 0.1019607843);
  }
  .login-container h1 {
    padding: 16px 0px;
    font-size: 32px;
    font-weight: 200;
    color: #000000;
  }
  .login-container .text-block-container {
    padding: 32px 0px;
  }
  .login-container .text-block-container h2 {
    font-size: 20px;
    font-weight: 500;
    color: #000000;
    line-height: 1.6em;
    margin: 0px;
  }
  .login-container .text-block-container p {
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    line-height: 1.6em;
    margin-bottom: 25.6px;
  }
  .login-container .text-block-container p:last-child {
    margin: 0px;
  }
  .login-container .text-block-container ul li p {
    margin: 0px;
  }
}
@media screen and (max-width: 767px) {
  .page-title {
    padding: 48px 0px;
  }
  .form-container .head-container {
    padding: 32px 8px;
  }
  .form-container .head-container a {
    width: unset;
  }
  .form-container .personal-data-container,
  .form-container .invoice-data-container,
  .form-container .shipping-data-container,
  .form-container .financial-associate-container,
  .form-container .procurement-associate-container,
  .form-container .commercial-associate-container,
  .form-container .acceptances-container {
    padding: 0px 0px;
    margin-bottom: 40px;
  }
  .form-container .personal-data-container .col-11,
  .form-container .invoice-data-container .col-11,
  .form-container .shipping-data-container .col-11,
  .form-container .financial-associate-container .col-11,
  .form-container .procurement-associate-container .col-11,
  .form-container .commercial-associate-container .col-11,
  .form-container .acceptances-container .col-11 {
    width: 100%;
  }
  .form-container .personal-data-container .col-1,
  .form-container .invoice-data-container .col-1,
  .form-container .shipping-data-container .col-1,
  .form-container .financial-associate-container .col-1,
  .form-container .procurement-associate-container .col-1,
  .form-container .commercial-associate-container .col-1,
  .form-container .acceptances-container .col-1 {
    display: none !important;
  }
  .form-container .personal-data-container .col-12,
  .form-container .invoice-data-container .col-12,
  .form-container .shipping-data-container .col-12,
  .form-container .financial-associate-container .col-12,
  .form-container .procurement-associate-container .col-12,
  .form-container .commercial-associate-container .col-12,
  .form-container .acceptances-container .col-12 {
    padding: 0px 16px;
    display: flex;
    flex-direction: column;
  }
  .form-container .personal-data-container .title-container,
  .form-container .invoice-data-container .title-container,
  .form-container .shipping-data-container .title-container,
  .form-container .financial-associate-container .title-container,
  .form-container .procurement-associate-container .title-container,
  .form-container .commercial-associate-container .title-container,
  .form-container .acceptances-container .title-container {
    margin-bottom: 20px;
    align-items: flex-start !important;
  }
  .form-container .personal-data-container .title-container h2,
  .form-container .invoice-data-container .title-container h2,
  .form-container .shipping-data-container .title-container h2,
  .form-container .financial-associate-container .title-container h2,
  .form-container .procurement-associate-container .title-container h2,
  .form-container .commercial-associate-container .title-container h2,
  .form-container .acceptances-container .title-container h2 {
    font-size: 32px;
    font-weight: 200;
    margin: 0px;
  }
  .form-container .personal-data-container .title-container p,
  .form-container .invoice-data-container .title-container p,
  .form-container .shipping-data-container .title-container p,
  .form-container .financial-associate-container .title-container p,
  .form-container .procurement-associate-container .title-container p,
  .form-container .commercial-associate-container .title-container p,
  .form-container .acceptances-container .title-container p {
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    margin: 0px;
  }
  .form-container .personal-data-container h3,
  .form-container .invoice-data-container h3,
  .form-container .shipping-data-container h3,
  .form-container .financial-associate-container h3,
  .form-container .procurement-associate-container h3,
  .form-container .commercial-associate-container h3,
  .form-container .acceptances-container h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4em;
    margin-top: 20px;
    margin-bottom: 0px;
  }
  .form-container .personal-data-container .add-more-item,
  .form-container .invoice-data-container .add-more-item,
  .form-container .shipping-data-container .add-more-item,
  .form-container .financial-associate-container .add-more-item,
  .form-container .procurement-associate-container .add-more-item,
  .form-container .commercial-associate-container .add-more-item,
  .form-container .acceptances-container .add-more-item {
    background: #7e899f;
    color: #ffffff;
    border-radius: 4px;
    padding: 6px 14px 6px 10px;
    display: flex;
    -moz-column-gap: 8px;
    column-gap: 8px;
    margin-top: 40px;
    font-size: 16px;
    font-weight: 500;
    width: 231px;
    align-items: center;
    line-height: 1em;
    margin-left: 16px;
  }
  .form-container .personal-data-container .add-more-item span,
  .form-container .invoice-data-container .add-more-item span,
  .form-container .shipping-data-container .add-more-item span,
  .form-container .financial-associate-container .add-more-item span,
  .form-container .procurement-associate-container .add-more-item span,
  .form-container .commercial-associate-container .add-more-item span,
  .form-container .acceptances-container .add-more-item span {
    font-size: 24px;
    line-height: 1em;
    display: flex;
    width: 24px;
    justify-content: center;
  }
  .form-container .personal-data-container .add-more-item:hover,
  .form-container .invoice-data-container .add-more-item:hover,
  .form-container .shipping-data-container .add-more-item:hover,
  .form-container .financial-associate-container .add-more-item:hover,
  .form-container .procurement-associate-container .add-more-item:hover,
  .form-container .commercial-associate-container .add-more-item:hover,
  .form-container .acceptances-container .add-more-item:hover {
    background: #3396f0;
  }
  .form-container .personal-data-container .registration-item,
  .form-container .invoice-data-container .registration-item,
  .form-container .shipping-data-container .registration-item,
  .form-container .financial-associate-container .registration-item,
  .form-container .procurement-associate-container .registration-item,
  .form-container .commercial-associate-container .registration-item,
  .form-container .acceptances-container .registration-item {
    margin-top: 20px;
  }
  .form-container .personal-data-container .registration-item p,
  .form-container .invoice-data-container .registration-item p,
  .form-container .shipping-data-container .registration-item p,
  .form-container .financial-associate-container .registration-item p,
  .form-container .procurement-associate-container .registration-item p,
  .form-container .commercial-associate-container .registration-item p,
  .form-container .acceptances-container .registration-item p {
    font-size: 14px;
    color: #7e899f;
    line-height: 1.4em;
    font-weight: 500;
  }
  .form-container .personal-data-container .registration-item input,
  .form-container .personal-data-container .registration-item select,
  .form-container .invoice-data-container .registration-item input,
  .form-container .invoice-data-container .registration-item select,
  .form-container .shipping-data-container .registration-item input,
  .form-container .shipping-data-container .registration-item select,
  .form-container .financial-associate-container .registration-item input,
  .form-container .financial-associate-container .registration-item select,
  .form-container .procurement-associate-container .registration-item input,
  .form-container .procurement-associate-container .registration-item select,
  .form-container .commercial-associate-container .registration-item input,
  .form-container .commercial-associate-container .registration-item select,
  .form-container .acceptances-container .registration-item input,
  .form-container .acceptances-container .registration-item select {
    width: 100%;
    border-radius: 100px;
    padding: 11px 15px 10px 15px;
    font-size: 14px;
    color: #000000;
    border: 1px solid #7e899f;
    line-height: 1.2em;
  }
  .form-container
    .personal-data-container
    .registration-item
    input::-moz-placeholder,
  .form-container
    .personal-data-container
    .registration-item
    select::-moz-placeholder,
  .form-container
    .invoice-data-container
    .registration-item
    input::-moz-placeholder,
  .form-container
    .invoice-data-container
    .registration-item
    select::-moz-placeholder,
  .form-container
    .shipping-data-container
    .registration-item
    input::-moz-placeholder,
  .form-container
    .shipping-data-container
    .registration-item
    select::-moz-placeholder,
  .form-container
    .financial-associate-container
    .registration-item
    input::-moz-placeholder,
  .form-container
    .financial-associate-container
    .registration-item
    select::-moz-placeholder,
  .form-container
    .procurement-associate-container
    .registration-item
    input::-moz-placeholder,
  .form-container
    .procurement-associate-container
    .registration-item
    select::-moz-placeholder,
  .form-container
    .commercial-associate-container
    .registration-item
    input::-moz-placeholder,
  .form-container
    .commercial-associate-container
    .registration-item
    select::-moz-placeholder,
  .form-container
    .acceptances-container
    .registration-item
    input::-moz-placeholder,
  .form-container
    .acceptances-container
    .registration-item
    select::-moz-placeholder {
    color: #000000;
    font-size: 14px;
    line-height: 1.2em;
    color: #7e899f;
  }
  .form-container
    .personal-data-container
    .registration-item
    input::placeholder,
  .form-container
    .personal-data-container
    .registration-item
    select::placeholder,
  .form-container .invoice-data-container .registration-item input::placeholder,
  .form-container
    .invoice-data-container
    .registration-item
    select::placeholder,
  .form-container
    .shipping-data-container
    .registration-item
    input::placeholder,
  .form-container
    .shipping-data-container
    .registration-item
    select::placeholder,
  .form-container
    .financial-associate-container
    .registration-item
    input::placeholder,
  .form-container
    .financial-associate-container
    .registration-item
    select::placeholder,
  .form-container
    .procurement-associate-container
    .registration-item
    input::placeholder,
  .form-container
    .procurement-associate-container
    .registration-item
    select::placeholder,
  .form-container
    .commercial-associate-container
    .registration-item
    input::placeholder,
  .form-container
    .commercial-associate-container
    .registration-item
    select::placeholder,
  .form-container .acceptances-container .registration-item input::placeholder,
  .form-container
    .acceptances-container
    .registration-item
    select::placeholder {
    color: #000000;
    font-size: 14px;
    line-height: 1.2em;
    color: #7e899f;
  }
  .form-container .personal-data-container .registration-item select,
  .form-container .invoice-data-container .registration-item select,
  .form-container .shipping-data-container .registration-item select,
  .form-container .financial-associate-container .registration-item select,
  .form-container .procurement-associate-container .registration-item select,
  .form-container .commercial-associate-container .registration-item select,
  .form-container .acceptances-container .registration-item select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    background: url("../assets/icons/select-chevron.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) center;
    color: #000000;
  }
  .form-container
    .personal-data-container
    .registration-item
    input[type="number"]::-webkit-outer-spin-button,
  .form-container
    .personal-data-container
    .registration-item
    input[type="number"]::-webkit-inner-spin-button,
  .form-container
    .invoice-data-container
    .registration-item
    input[type="number"]::-webkit-outer-spin-button,
  .form-container
    .invoice-data-container
    .registration-item
    input[type="number"]::-webkit-inner-spin-button,
  .form-container
    .shipping-data-container
    .registration-item
    input[type="number"]::-webkit-outer-spin-button,
  .form-container
    .shipping-data-container
    .registration-item
    input[type="number"]::-webkit-inner-spin-button,
  .form-container
    .financial-associate-container
    .registration-item
    input[type="number"]::-webkit-outer-spin-button,
  .form-container
    .financial-associate-container
    .registration-item
    input[type="number"]::-webkit-inner-spin-button,
  .form-container
    .procurement-associate-container
    .registration-item
    input[type="number"]::-webkit-outer-spin-button,
  .form-container
    .procurement-associate-container
    .registration-item
    input[type="number"]::-webkit-inner-spin-button,
  .form-container
    .commercial-associate-container
    .registration-item
    input[type="number"]::-webkit-outer-spin-button,
  .form-container
    .commercial-associate-container
    .registration-item
    input[type="number"]::-webkit-inner-spin-button,
  .form-container
    .acceptances-container
    .registration-item
    input[type="number"]::-webkit-outer-spin-button,
  .form-container
    .acceptances-container
    .registration-item
    input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance: textfield;
  }
  .form-container
    .personal-data-container
    .registration-item
    input[type="checkbox"],
  .form-container
    .invoice-data-container
    .registration-item
    input[type="checkbox"],
  .form-container
    .shipping-data-container
    .registration-item
    input[type="checkbox"],
  .form-container
    .financial-associate-container
    .registration-item
    input[type="checkbox"],
  .form-container
    .procurement-associate-container
    .registration-item
    input[type="checkbox"],
  .form-container
    .commercial-associate-container
    .registration-item
    input[type="checkbox"],
  .form-container
    .acceptances-container
    .registration-item
    input[type="checkbox"] {
    width: 16px;
    height: 16px;
  }
  .form-container .personal-data-container .registration-item label,
  .form-container .invoice-data-container .registration-item label,
  .form-container .shipping-data-container .registration-item label,
  .form-container .financial-associate-container .registration-item label,
  .form-container .procurement-associate-container .registration-item label,
  .form-container .commercial-associate-container .registration-item label,
  .form-container .acceptances-container .registration-item label {
    font-size: 11px;
    margin-bottom: 10px;
    margin-left: 16px;
    width: 100%;
    text-transform: uppercase;
  }
  .form-container .personal-data-container .checkbox,
  .form-container .invoice-data-container .checkbox,
  .form-container .shipping-data-container .checkbox,
  .form-container .financial-associate-container .checkbox,
  .form-container .procurement-associate-container .checkbox,
  .form-container .commercial-associate-container .checkbox,
  .form-container .acceptances-container .checkbox {
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    position: relative;
    top: 14px;
  }
  .form-container .personal-data-container .checkbox label,
  .form-container .invoice-data-container .checkbox label,
  .form-container .shipping-data-container .checkbox label,
  .form-container .financial-associate-container .checkbox label,
  .form-container .procurement-associate-container .checkbox label,
  .form-container .commercial-associate-container .checkbox label,
  .form-container .acceptances-container .checkbox label {
    font-size: 14px;
    margin: 0px;
    text-transform: unset;
  }
  .form-container .personal-data-container .equal-checkbox,
  .form-container .invoice-data-container .equal-checkbox,
  .form-container .shipping-data-container .equal-checkbox,
  .form-container .financial-associate-container .equal-checkbox,
  .form-container .procurement-associate-container .equal-checkbox,
  .form-container .commercial-associate-container .equal-checkbox,
  .form-container .acceptances-container .equal-checkbox {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  .form-container .personal-data-container .equal-checkbox label,
  .form-container .invoice-data-container .equal-checkbox label,
  .form-container .shipping-data-container .equal-checkbox label,
  .form-container .financial-associate-container .equal-checkbox label,
  .form-container .procurement-associate-container .equal-checkbox label,
  .form-container .commercial-associate-container .equal-checkbox label,
  .form-container .acceptances-container .equal-checkbox label {
    font-size: 14px;
    margin: 0px;
    text-transform: unset;
  }
  .form-container
    .personal-data-container
    .acceptances-checkbox:not(:last-child),
  .form-container
    .invoice-data-container
    .acceptances-checkbox:not(:last-child),
  .form-container
    .shipping-data-container
    .acceptances-checkbox:not(:last-child),
  .form-container
    .financial-associate-container
    .acceptances-checkbox:not(:last-child),
  .form-container
    .procurement-associate-container
    .acceptances-checkbox:not(:last-child),
  .form-container
    .commercial-associate-container
    .acceptances-checkbox:not(:last-child),
  .form-container
    .acceptances-container
    .acceptances-checkbox:not(:last-child) {
    align-items: flex-start;
    justify-content: center;
    flex-direction: row;
    -moz-column-gap: 8px;
    column-gap: 8px;
    margin-bottom: 12px;
    margin-top: 0px;
  }
  .form-container
    .personal-data-container
    .acceptances-checkbox:not(:last-child)
    label,
  .form-container
    .invoice-data-container
    .acceptances-checkbox:not(:last-child)
    label,
  .form-container
    .shipping-data-container
    .acceptances-checkbox:not(:last-child)
    label,
  .form-container
    .financial-associate-container
    .acceptances-checkbox:not(:last-child)
    label,
  .form-container
    .procurement-associate-container
    .acceptances-checkbox:not(:last-child)
    label,
  .form-container
    .commercial-associate-container
    .acceptances-checkbox:not(:last-child)
    label,
  .form-container
    .acceptances-container
    .acceptances-checkbox:not(:last-child)
    label {
    font-size: 14px;
    margin: 0px;
    text-transform: unset;
  }
  .form-container .personal-data-container .acceptances-checkbox:last-child,
  .form-container .invoice-data-container .acceptances-checkbox:last-child,
  .form-container .shipping-data-container .acceptances-checkbox:last-child,
  .form-container
    .financial-associate-container
    .acceptances-checkbox:last-child,
  .form-container
    .procurement-associate-container
    .acceptances-checkbox:last-child,
  .form-container
    .commercial-associate-container
    .acceptances-checkbox:last-child,
  .form-container .acceptances-container .acceptances-checkbox:last-child {
    align-items: flex-start;
    justify-content: center;
    flex-direction: row;
    -moz-column-gap: 8px;
    column-gap: 8px;
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .form-container
    .personal-data-container
    .acceptances-checkbox:last-child
    label,
  .form-container
    .invoice-data-container
    .acceptances-checkbox:last-child
    label,
  .form-container
    .shipping-data-container
    .acceptances-checkbox:last-child
    label,
  .form-container
    .financial-associate-container
    .acceptances-checkbox:last-child
    label,
  .form-container
    .procurement-associate-container
    .acceptances-checkbox:last-child
    label,
  .form-container
    .commercial-associate-container
    .acceptances-checkbox:last-child
    label,
  .form-container
    .acceptances-container
    .acceptances-checkbox:last-child
    label {
    font-size: 14px;
    margin: 0px;
    text-transform: unset;
  }
  .form-container .personal-data-container .col-1.d-flex,
  .form-container .invoice-data-container .col-1.d-flex,
  .form-container .shipping-data-container .col-1.d-flex,
  .form-container .financial-associate-container .col-1.d-flex,
  .form-container .procurement-associate-container .col-1.d-flex,
  .form-container .commercial-associate-container .col-1.d-flex,
  .form-container .acceptances-container .col-1.d-flex {
    align-items: flex-end;
    justify-content: flex-end;
  }
  .form-container .personal-data-container .form-checked,
  .form-container .invoice-data-container .form-checked,
  .form-container .shipping-data-container .form-checked,
  .form-container .financial-associate-container .form-checked,
  .form-container .procurement-associate-container .form-checked,
  .form-container .commercial-associate-container .form-checked,
  .form-container .acceptances-container .form-checked {
    width: 24px;
    height: 24px;
  }
  .form-container .button-container {
    padding: 0px 16px;
    flex-direction: column;
    gap: 12px;
  }
  .form-container .back-button {
    background: rgba(0, 0, 0, 0);
    color: #000000;
    border: 1px solid #000000;
    border-radius: 25px;
    padding: 13.5px 23px;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
  }
  .form-container .submit-button {
    background: #7e899f;
    color: #ffffff;
    border: 1px solid #7e899f;
    border-radius: 25px;
    padding: 13.5px 23px;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
  }
  .background-container {
    min-height: 100vh;
  }
  .background-container .forgot-password-container {
    flex-direction: column;
    gap: 48px;
    margin: 60px 0px;
  }
  .background-container .forgot-password-container .form-container {
    padding: 64px 16px !important;
  }
  .background-container
    .forgot-password-container
    .forgot-password-form-container {
    width: 100%;
  }
  .background-container .forgot-password-container .logo-container {
    width: 100%;
    text-align: center;
  }
  .background-container .forgot-password-container .logo-container img {
    width: 223px;
    height: 45px;
  }
  .background-container .success-registration-container img {
    width: 102px;
    height: 111px;
    margin: 32px 0px;
  }
}
/*GENERAL PAGES*/
.publications-container {
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  overflow: hidden;
  margin-bottom: 100px;
}
.publications-container .page-title-container {
  background: #3396f0;
}
.publications-container .page-title-container h1 {
  color: #ffffff;
  font-size: 300;
  line-height: 1.2em;
  font-size: 32px;
  padding: 32px 56px;
}
.publications-container .publications-grid-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  background: rgba(0, 0, 0, 0.1019607843);
}
.publications-container
  .publications-grid-container
  .publication-card-container {
  display: flex;
  gap: 40px;
  flex-wrap: nowrap;
  padding: 32px 24px;
  background: #ffffff;
}
.publications-container
  .publications-grid-container
  .publication-card-container
  .card-image-container {
  display: flex;
  align-items: flex-start;
  width: 100%;
  max-width: 220px;
  height: 300px;
}
.publications-container
  .publications-grid-container
  .publication-card-container
  .card-image-container
  img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.publications-container
  .publications-grid-container
  .publication-card-container
  .description-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.publications-container
  .publications-grid-container
  .publication-card-container
  .description-container
  .title-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.publications-container
  .publications-grid-container
  .publication-card-container
  .description-container
  .title-container
  h2 {
  font-size: 24px;
  line-height: 1.2em;
  font-weight: 500;
  color: #000000;
  margin: 0px;
}
.publications-container
  .publications-grid-container
  .publication-card-container
  .description-container
  .title-container
  h3 {
  font-size: 16px;
  line-height: 1.2em;
  font-weight: 500;
  color: #7e899f;
  margin: 0px;
}
.publications-container
  .publications-grid-container
  .publication-card-container
  .description-container
  .highlighted-container {
  display: flex;
  flex-direction: column;
}
.publications-container
  .publications-grid-container
  .publication-card-container
  .description-container
  .highlighted-container
  h4 {
  font-size: 14px;
  line-height: 1.2em;
  font-weight: 600;
  color: #000000;
  margin-bottom: 8px;
}
.publications-container
  .publications-grid-container
  .publication-card-container
  .description-container
  .highlighted-container
  p {
  font-size: 14px;
  line-height: 1.4em;
  font-weight: 400;
  color: #000000;
  margin: 0px;
}
.publications-container
  .publications-grid-container
  .publication-card-container
  .description-container
  .highlighted-container
  p
  a {
  padding: 6.5px 15px;
  background: #7e899f;
  color: #ffffff;
  border-radius: 4px;
}
.publications-container
  .publications-grid-container
  .publication-card-container
  .description-container
  .highlighted-container
  p
  a:hover {
  background: #3396f0;
}

@media screen and (max-width: 767px) {
  .publications-container {
    margin-bottom: 60px;
  }
  .publications-container .page-title-container {
    background: #3396f0;
  }
  .publications-container .page-title-container h1 {
    color: #ffffff;
    font-size: 300;
    line-height: 1.2em;
    font-size: 32px;
    padding: 32px 32px;
  }
  .publications-container .publications-grid-container {
    grid-template-columns: 1fr;
  }
  .publications-container
    .publications-grid-container
    .publication-card-container {
    flex-direction: column;
  }
  .publications-container
    .publications-grid-container
    .publication-card-container
    .description-container {
    gap: 40px;
  }
  .publications-container .txtRight {
    text-align: left !important;
  }
}
.discount-categories-container {
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  overflow: hidden;
  margin-bottom: 100px;
}
.discount-categories-container .page-title-container {
  background: #3396f0;
}
.discount-categories-container .page-title-container h1 {
  color: #ffffff;
  font-size: 300;
  line-height: 1.2em;
  font-size: 32px;
  padding: 32px 56px;
}
.discount-categories-container .discount-category-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1px;
}
.discount-categories-container
  .discount-category-container
  .discount-category-card-container {
  display: flex;
  align-items: flex-end;
  height: 300px;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 16px;
}
.discount-categories-container
  .discount-category-container
  .discount-category-card-container
  .category-button {
  background: rgba(255, 255, 255, 0.8);
  padding: 15.5px 24px;
  color: #000000;
  border-radius: 25px;
  font-size: 14px;
  line-height: 1.2em;
  font-weight: 500;
}
.discount-categories-container
  .discount-category-container
  .discount-category-card-container
  .category-button:hover {
  background: #ffffff;
}
.discount-categories-container
  .discount-category-container
  .discount-category-card-container:nth-child(1) {
  background: url("../assets/img/misc/csomagolas-tarolas-akcio.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.discount-categories-container
  .discount-category-container
  .discount-category-card-container:nth-child(2) {
  background: url("../assets/img/misc/iratrendezo-akcio.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.discount-categories-container
  .discount-category-container
  .discount-category-card-container:nth-child(3) {
  background: url("../assets/img/misc/iroszer-akcio.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.discount-categories-container
  .discount-category-container
  .discount-category-card-container:nth-child(4) {
  background: url("../assets/img/misc/technologiai-kiegeszitok-akcio.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.discount-categories-container
  .discount-category-container
  .discount-category-card-container:nth-child(5) {
  background: url("../assets/img/misc/irodai-kisgepek-akcio.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.discount-categories-container
  .discount-category-container
  .discount-category-card-container:nth-child(6) {
  background: url("../assets/img/misc/nyomtato-kellekanyagok-akcio.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .discount-categories-container .discount-category-container {
    grid-template-columns: 1fr;
  }
}
.contacts-container {
  padding: 110px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  border-radius: 8px;
  margin-bottom: 100px;
}
.contacts-container .page-title-container h1 {
  padding: 0px;
  margin-bottom: 80px;
}
.contacts-container .contact-card-list-container {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 30px;
  column-gap: 30px;
  row-gap: 80px;
}
.contacts-container .contact-card-list-container .contact-card-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: calc(50% - 15px);
}
.contacts-container .contact-card-list-container .contact-card-container h2 {
  font-size: 20px;
  line-height: 1em;
  font-weight: 400;
}
.contacts-container
  .contact-card-list-container
  .contact-card-container
  .icon-list-container {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.contacts-container
  .contact-card-list-container
  .contact-card-container
  .icon-list-container
  .icon-list {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  align-items: center;
}
.contacts-container
  .contact-card-list-container
  .contact-card-container
  .icon-list-container
  .icon-list
  a {
  color: #000000;
}
.contacts-container
  .contact-card-list-container
  .contact-card-container
  .icon-list-container
  .icon-list
  a:hover {
  color: #3396f0;
}
.contacts-container
  .contact-card-list-container
  .contact-card-container
  .icon-list-container
  .icon-list
  img {
  width: 24px;
  height: 24px;
}
.contacts-container
  .contact-card-list-container
  .contact-card-container
  .icon-list-container
  .icon-list
  p {
  margin: 0px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4em;
}

@media screen and (max-width: 767px) {
  .contacts-container {
    padding: 48px 16px;
    margin-bottom: 60px;
  }
  .contacts-container .page-title-container h1 {
    padding: 0px;
    margin-bottom: 48px;
    font-size: 32px;
  }
  .contacts-container .contact-card-list-container {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 48px;
  }
  .contacts-container .contact-card-list-container .contact-card-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
  }
  .contacts-container .contact-card-list-container .contact-card-container h2 {
    font-size: 20px;
    line-height: 1em;
    font-weight: 400;
  }
  .contacts-container
    .contact-card-list-container
    .contact-card-container
    .icon-list-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .contacts-container
    .contact-card-list-container
    .contact-card-container
    .icon-list-container
    .icon-list {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    align-items: center;
  }
  .contacts-container
    .contact-card-list-container
    .contact-card-container
    .icon-list-container
    .icon-list
    img {
    width: 24px;
    height: 24px;
  }
  .contacts-container
    .contact-card-list-container
    .contact-card-container
    .icon-list-container
    .icon-list
    p {
    margin: 0px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4em;
  }
}
.downloads-container {
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  margin-bottom: 100px;
}
.downloads-container .page-title-container {
  background: #3396f0;
}
.downloads-container .page-title-container h1 {
  color: #ffffff;
  font-size: 300;
  line-height: 1.2em;
  font-size: 32px;
  padding: 32px 56px;
}
.downloads-container .download-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 32px 24px;
}
.downloads-container .download-container:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.downloads-container .download-container h3 {
  font-size: 24px;
  font-weight: 500;
  color: #000000;
  line-height: 1.2em;
  margin: 0px;
}
.downloads-container .download-container .downloads-grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  -moz-column-gap: 60px;
  column-gap: 60px;
  row-gap: 12px;
}
.downloads-container
  .download-container
  .downloads-grid-container
  .download-card-container {
  display: flex;
}
.downloads-container
  .download-container
  .downloads-grid-container
  .download-card-container
  .download-button {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  align-items: center;
}
.downloads-container
  .download-container
  .downloads-grid-container
  .download-card-container
  .download-button
  .download-icon {
  height: 34px;
  min-height: 34px;
  width: 34px;
  min-width: 34px;
  padding: 7px;
  border: 1px solid #7e899f;
  border-radius: 4px;
}
.downloads-container
  .download-container
  .downloads-grid-container
  .download-card-container
  .download-button
  .title {
  margin: 0px;
  font-size: 14px;
  line-height: 1.4em;
  color: #000000;
  font-weight: 400;
}
.downloads-container
  .download-container
  .downloads-grid-container
  .download-card-container
  .download-button:hover
  .download-icon {
  border: 1px solid #3396f0;
}
.downloads-container
  .download-container
  .downloads-grid-container
  .download-card-container
  .download-button:hover
  .download-icon
  path {
  stroke: #3396f0;
}
.downloads-container
  .download-container
  .downloads-grid-container
  .download-card-container
  .download-button:hover
  .title {
  color: #3396f0;
}

@media screen and (max-width: 767px) {
  .downloads-container {
    margin-bottom: 60px;
  }
  .downloads-container .page-title-container {
    background: #3396f0;
  }
  .downloads-container .page-title-container h1 {
    color: #ffffff;
    font-size: 300;
    line-height: 1.2em;
    font-size: 32px;
    padding: 32px 32px;
  }
  .downloads-container .downloads-grid-container {
    grid-template-columns: 1fr !important;
  }
  .downloads-container .downloads-grid-container .publication-card-container {
    flex-direction: column;
  }
  .downloads-container
    .downloads-grid-container
    .publication-card-container
    .description-container {
    gap: 40px;
  }
}
.container .container {
  padding: 0px;
}
.container .container .container {
  padding: 0px;
}

a:hover {
  color: #3396f0;
}

.row {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 0;
}

/* clears the ‘X’ from Internet Explorer */
input[type="search"]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type="search"]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

/* clears the ‘X’ from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  background: url("../assets/icons/select-chevron.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) center;
  color: #000000;
}

input:focus {
  border-color: #000000 !important;
}

#info {
  max-width: 1366px;
  padding: 0px 40px;
  margin: 0 auto;
}

body {
  box-sizing: border-box;
  margin: 0;
  color: #000000;
  background: #f6f6f6;
}

* {
  text-decoration: none;
  font-family: "Inter";
  font-weight: 400;
  line-height: 1.2em;
}

strong {
  font-weight: 600;
}

hr {
  color: rgba(0, 0, 0, 0.1019607843);
  opacity: 1;
}

input,
select,
textarea,
button,
a {
  outline: none;
}
input:focus,
select:focus,
textarea:focus,
button:focus,
a:focus {
  outline: none;
  box-shadow: none !important;
}

a {
  color: #000000;
  text-decoration: none;
}

button,
a,
.add-more-item {
  border: none;
  cursor: pointer;
  outline: none;
}

.container {
  max-width: 1366px;
  padding: 0px 40px;
}
@media screen and (max-width: 1024px) {
  .container {
    padding: 0px 16px;
  }
}

.partner-logo-slider .owl-carousel .owl-item img {
  width: 135px !important;
  margin: 0 auto !important;
}

#owl-brands {
  height: 100px !important;
  overflow: hidden;
}

.tooltip {
  font-size: 11px;
  font-weight: 500;
  color: #ffffff;
  padding: 4px 8px 5px 8px;
}

.breadcrumb-container,
.breadcrumb-filter-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 48px 0px;
  gap: 24px;
}

.hero-container {
  padding: 52px 0px 30px 0px;
  display: flex;
  gap: 30px;
  height: 480px;
}
.hero-container .slider-container {
  width: calc(100% - 369px);
}
.hero-container .slider-container .image {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.hero-container .catalog-container {
  width: 339px;
  height: 480px;
  position: relative;
}
.hero-container .catalog-container .image {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.hero-container .catalog-container .catalog-button {
  position: absolute;
  left: 20px;
  bottom: 20px;
  background: #f6f6f6;
  border: 1px solid #f6f6f6;
  color: #000000;
  padding: 14.5px 23px;
  border-radius: 54px;
}
.hero-container .catalog-container .catalog-button:hover {
  background: #3396f0;
  border: 1px solid #3396f0;
  color: #ffffff;
}

.banner-text-container {
  display: flex;
  gap: 30px;
  height: 768px;
}
.banner-text-container .image-container {
  width: 50%;
}
.banner-text-container .image-container img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.banner-text-container .text-container {
  padding: 40px;
  width: 50%;
  display: flex;
  align-items: center;
}
.banner-text-container .text-container .banner-text {
  display: flex;
  flex-wrap: wrap;
  gap: 36px;
}
.banner-text-container .text-container .banner-text .title {
  font-size: 72px;
  font-weight: 600;
  line-height: 1em;
  color: #000000;
  margin: 0px;
}
.banner-text-container .text-container .banner-text .subtitle {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4em;
  color: #3396f0;
  margin: 0px;
}
.banner-text-container .text-container .banner-text .text {
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  line-height: 1.4em;
  margin: 0px;
}
.banner-text-container .text-container .banner-text .watch-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #ffffff;
  background: #7e899f;
  width: 214px;
  height: 48px;
  border: 1px solid #7e899f;
  padding: 13.5px 23px;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 500;
}
.banner-text-container .text-container .banner-text .watch-button:hover {
  background: #3396f0;
  border: 1px solid #3396f0;
}

.partner-logo-slider {
  padding: 100px 40px;
}
.partner-logo-slider img {
  width: 100%;
}

.banner-container {
  height: 700px;
  margin: 100px 0px 40px 0px;
}
.banner-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 20px;
}

.general-terms-and-conditions-container,
.company-informations-container {
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  border-radius: 8px;
  padding: 0px 0px 40px 0px;
  background: #ffffff;
}
.general-terms-and-conditions-container hr,
.company-informations-container hr {
  margin: 0px 0px 0px 0px;
  background: rgba(0, 0, 0, 0.1019607843);
}
.general-terms-and-conditions-container .description-container,
.company-informations-container .description-container {
  padding: 0 56px;
}
.general-terms-and-conditions-container h1,
.company-informations-container h1 {
  padding: 40px 56px;
  font-size: 40px;
  font-weight: 200;
  color: #000000;
  text-transform: uppercase;
}
.general-terms-and-conditions-container .text-block-container,
.company-informations-container .text-block-container {
  padding: 40px 0px;
}
.general-terms-and-conditions-container .text-block-container h2,
.company-informations-container .text-block-container h2 {
  font-size: 20px;
  font-weight: 500;
  color: #000000;
  line-height: 1.6em;
  margin: 0px;
}
.general-terms-and-conditions-container .text-block-container p,
.company-informations-container .text-block-container p {
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  line-height: 1.6em;
  margin-bottom: 25.6px;
}
.general-terms-and-conditions-container .text-block-container p:last-child,
.company-informations-container .text-block-container p:last-child {
  margin: 0px;
}
.general-terms-and-conditions-container .text-block-container ul li p,
.company-informations-container .text-block-container ul li p {
  margin: 0px;
}

@media screen and (max-width: 767px) {
  .general-terms-and-conditions-container,
  .company-informations-container {
    border: 1px solid rgba(0, 0, 0, 0.1019607843);
    border-radius: 8px;
    padding: 16px 0px;
    background: #ffffff;
  }
  .general-terms-and-conditions-container hr,
  .company-informations-container hr {
    margin: 0px 0px 0px 0px;
    background: rgba(0, 0, 0, 0.1019607843);
  }
  .general-terms-and-conditions-container h1,
  .company-informations-container h1 {
    padding: 32px 16px;
    font-size: 32px;
    font-weight: 200;
    color: #000000;
  }
  .general-terms-and-conditions-container .description-container,
  .company-informations-container .description-container {
    padding: 0px 16px;
  }
  .general-terms-and-conditions-container .text-block-container,
  .company-informations-container .text-block-container {
    padding: 32px 0px;
  }
  .general-terms-and-conditions-container .text-block-container h2,
  .company-informations-container .text-block-container h2 {
    font-size: 20px;
    font-weight: 500;
    color: #000000;
    line-height: 1.6em;
    margin: 0px;
  }
  .general-terms-and-conditions-container .text-block-container p,
  .company-informations-container .text-block-container p {
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    line-height: 1.6em;
    margin-bottom: 25.6px;
  }
  .general-terms-and-conditions-container .text-block-container p:last-child,
  .company-informations-container .text-block-container p:last-child {
    margin: 0px;
  }
  .general-terms-and-conditions-container .text-block-container ul li p,
  .company-informations-container .text-block-container ul li p {
    margin: 0px;
  }
}
.nav-btn.prev-slide,
.nav-btn.next-slide {
  margin: 0 !important;
  display: flex;
  align-items: center;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.nav-btn.prev-slide i,
.nav-btn.next-slide i {
  display: flex;
  align-items: center;
  margin-top: -2px;
}
.nav-btn.prev-slide i::before,
.nav-btn.next-slide i::before {
  display: flex;
  align-items: center;
}

.btn-outline-secondary {
  display: flex;
  width: 100%;
  justify-content: center;
  background: rgba(0, 0, 0, 0);
  border: 1px solid #7e899f;
  border-radius: 25px;
  padding: 10.5px 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2em;
  color: #000000;
}
.btn-outline-secondary:hover {
  color: #ffffff;
  background: #3396f0;
  border-color: #3396f0;
}

#promoSlider2 .owl-stage-outer {
  border-radius: 20px;
}
#promoSlider2 .owl-stage-outer .owl-item img {
  max-height: 700px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: unset !important;
}

@media screen and (max-width: 767px) {
  #promoSlider2 .owl-stage-outer {
    border-radius: 20px;
  }
  #promoSlider2 .owl-stage-outer .owl-item img {
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: unset !important;
  }
  .hero-container {
    padding: 20px 0px;
    flex-direction: column;
    height: unset;
    gap: 20px;
  }
  .hero-container .slider-container {
    width: 100%;
  }
  .hero-container .catalog-container {
    width: 100%;
  }
  .banner-text-container {
    display: flex;
    flex-direction: column;
    height: unset;
    margin-bottom: 48px;
  }
  .banner-text-container .image-container {
    width: 100%;
  }
  .banner-text-container .image-container img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
  }
  .banner-text-container .text-container {
    padding: 0px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .banner-text-container .text-container .banner-text {
    display: flex;
    flex-wrap: wrap;
    gap: 36px;
  }
  .banner-text-container .text-container .banner-text .title {
    font-size: 36px;
    font-weight: 600;
    line-height: 1em;
    color: #000000;
    margin: 0px;
  }
  .banner-text-container .text-container .banner-text .subtitle {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4em;
    color: #3396f0;
    margin: 0px;
  }
  .banner-text-container .text-container .banner-text .text {
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    line-height: 1.4em;
    margin: 0px;
  }
  .banner-text-container .text-container .banner-text .watch-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #ffffff;
    background: #7e899f;
    width: 214px;
    height: 48px;
    border: 1px solid #7e899f;
    padding: 13.5px 23px;
    border-radius: 25px;
    font-size: 16px;
    font-weight: 500;
  }
  .banner-text-container .text-container .banner-text .watch-button:hover {
    background: #3396f0;
    border: 1px solid #3396f0;
  }
  .partner-logo-slider {
    padding: 48px 16px;
  }
  .partner-logo-slider img {
    width: 100%;
  }
  .banner-container {
    height: unset;
    margin: 20px 0px 20px 0px;
  }
  .breadcrumb-container,
  .breadcrumb-filter-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 16px 0px;
    gap: 24px;
  }
} /*# sourceMappingURL=styles.css.map */