@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);
.auth-box {
  margin: auto; }

:root {
  --dark: #333;
  --grey: #6e6e6e;
  --border-grey: #e1dcd3;
  --transparent-border: rgb(135 116 79 / 25%);
  --white: #fff;
  --cream: #f5f3e9;
  --light-brown: #87744f;
  --mid-brown: #825600;
  --dark-brown: #553801;
  --orange: #c55302;
  --dark-orange: #833701;
  --font--primary: 'Raleway';
  /* stylelint-disable */
  --font--secondary: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui,
    Roboto, 'Helvetica Neue', Arial, sans-serif, Apple Color Emoji,
    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  /* stylelint-enable */
  --font-sm: 1rem;
  --font-md: 1.125rem; }

.shared-item, .cart-item, .service-item, .product-item {
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px; }

.product-image img {
  display: block;
  width: 80%; }

/* Hide the hover-display content by default */
.hover-display {
  display: none; }

/* Show the hover-display content when hovering over navigation__member */
.navigation__member:hover .hover-display {
  display: block; }

@media (min-width: 768px) {
  .col-sm-offset-1 {
    margin-left: 8.33333333%; }
  .col-sm-10 {
    width: 83.33333333%; }
  .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    float: left; } }

@media (min-width: 992px) {
  .col-md-offset-1 {
    margin-left: 8.33333333%; }
  .col-md-offset-2 {
    margin-left: 16.66666667%; }
  .col-md-8 {
    width: 66.66666667%; }
  .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: left; } }

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.compare-table {
  font-family: var(--font--primary); }
  .compare-table table {
    width: 100%; }
    .compare-table table tbody tr:nth-last-child(2) {
      border-bottom: 3px solid #646464; }
    .compare-table table thead {
      border-bottom: 3px solid #646464; }
  .compare-table th, .compare-table td {
    text-align: center;
    padding: .75em; }
    .compare-table th:first-child, .compare-table td:first-child {
      text-align: left; }
  .compare-table tr:nth-child(even) {
    background-color: #f2f2f2; }
  .compare-table button, .compare-table input[type="button"], .compare-table input[type="submit"], .compare-table input[type="reset"] {
    background-color: #d33;
    color: #fff;
    padding: 0.7em 1.5em;
    border: 0;
    font-size: 1em;
    border-radius: 100px;
    font-family: inherit;
    -webkit-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out; }
  .compare-table button:hover, .compare-table input[type="button"]:hover, .compare-table input[type="submit"]:hover, .compare-table input[type="reset"]:hover {
    background-color: #9f2222; }

/* stylelint-disable-next-line selector-class-pattern */
:is(.block-table_block, .block-typed_table_block) table {
  margin-bottom: 30px; }

/* Define styles for div.level-not-qualified */
div.level-not-qualified {
  border: 2px solid #87744f;
  background-color: #f2e9d8;
  color: #5c4e2f;
  padding: 15px;
  margin: 15px 0;
  font-style: italic;
  text-align: center;
  font-size: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
  @media (max-width: 600px) {
    div.level-not-qualified {
      font-size: 14px;
      padding: 10px; } }
.btn:first-child:active {
  color: transparent;
  border-color: transparent; }

*, *:before, *:after {
  box-sizing: border-box; }

.shopping-cart-items li {
  display: flex;
  align-items: center; }

.shopping-cart-items li .cart-item-img {
  flex: 2 0 0%; }

.shopping-cart-items li .item-name {
  flex: 2 0 0%; }

.shopping-cart-items li .item-price {
  flex: 1 0 0%;
  white-space: nowrap; }

.shopping-cart-items li .input-group {
  flex: 3 0 0%; }

.shopping-cart {
  position: absolute;
  width: 350px;
  background-color: white;
  border: 1px solid #ccc;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  display: none;
  border-radius: 10px; }

.shopping-cart-header,
.shopping-cart-items,
.shopping-cart-total {
  padding: 10px; }

.shopping-cart-items img {
  max-width: 50px;
  margin-right: 10px; }

.button.checkout-btn {
  display: block;
  text-align: center;
  margin: 10px;
  padding: 10px;
  border: #ff4c4c 1.5px solid;
  color: #ff4c4c;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s ease;
  font-weight: bold; }

.button.checkout-btn:hover {
  background-color: #e60000;
  color: white; }

.checkout-prompt .buy-prompt {
  font-size: 25px; }

.pswd-container button[type="submit"],
.email-container button[type="submit"] {
  background-color: var(--orange);
  color: white; }
  .pswd-container button[type="submit"]:hover,
  .email-container button[type="submit"]:hover {
    background-color: var(--dark-orange);
    color: white; }

a.text-blue-400 {
  --tw-text-opacity: 1;
  color: #60a5fa !important; }

a.text-blue-400:hover {
  --tw-text-opacity: 1;
  color: #3b82f6 !important; }

.navbar {
  transition: transform 0.2s ease-in-out; }

.slideDown {
  transform: translateY(0); }

.slideUp {
  transform: translateY(-100%); }

.content {
  padding-top: 100px; }

.animated {
  transition: transform 0.2s ease-in-out; }

.slideDown_cart {
  transform: translateY(0); }

.slideUp_cart {
  transform: translateY(-140%); }

.animated_cart {
  transition: transform 0.4s ease-in-out; }

.quantity-input {
  width: 33px !important;
  /* Adjust the width as needed */ }

.input-group {
  width: 150px !important; }

.btn-custom {
  border: none !important; }

.btn.btn-sm.btn-decrement.btn-outline-secondary.btn-minus {
  margin-left: 0px !important; }

.wrapper {
  flex: 1; }

html, body {
  height: 100%;
  margin: 0;
  display: flex;
  flex-direction: column; }

body {
  display: flex;
  flex-direction: column; }

footer {
  flex-shrink: 0;
  margin-top: 20px;
  padding: 10px;
  background-color: #f8f9fa;
  text-align: center; }