.product-gallery-excerpt {
  margin-bottom: 2rem;
  font-size: 1rem;
}

.product-gallery-subheading {
  margin: 0;
  font-weight: 300;
  font-family: inherit;
  font-size: inherit;
  display: inline-block;
  line-height: 0.9rem;
}

.products-gallery-items-section .card {
  height: 300px !important;
  border: none;
  width: 300px !important;
}

.products-gallery-items-section .card .card-body {
  display: flex !important;
  flex-direction: column !important;
}

.products-gallery-items-section .card .card-body .card-title {
  margin-top: auto !important;
  margin-bottom: 0.1;
  font-size: medium;
}

.products-gallery-items-section .card-text {
  font-size: medium;
}

.gallery-section-heading {
  font-size: 18px;
  /* margin-bottom: 4em; */
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 5px;
  line-height: 1.8;
  position: relative;
  margin-left: 2.15rem;
}

.products-gallery-items-section img {
  width: 100% !important;
}

/* .products-gallery-items-section .carousel-inner:hover {
  scale: 1.3;
  z-index: 999;
} */

.mugs-gallery-section .card img {
  width: 60% !important;
}

.hqb-gallery-section .card img {
  width: 70% !important;
  /* display: inline-block !important; */
  vertical-align: middle !important;
  margin-top: auto;
  margin-bottom: auto;
}

.custom-products-button {
  background-color: #77c5d5;
  color: white;
  border-radius: 5rem;
  padding: 0.25rem 1rem;
  font-size: 0.875rem;
}

.custom-carousel-button {
  color: rgb(83, 86, 90);
  border-radius: 4rem;
  line-height: 0;
  padding: 10px 15px 15px 15px;
}

.custom-carousel-button:hover {
  color: #d1e0d7;
}

.custom-products-button:hover {
  background-color: #d1e0d7;
  color: white;
}

.products-gallery-items-section {
  overflow: scroll;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  scroll-behavior: smooth;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.products-gallery-items-section::-webkit-scrollbar {
  display: none;
}

.products-gallery-section .card-header-tabs,
.products-gallery-items-section .card-header-tabs {
  background-color: #d1e0d7 !important;
  /* line-height: 3rem; */
}

.products-gallery-section .nav-tabs .nav-link {
  border: none;
  color: rgb(83, 86, 90);
  line-height: 0.9rem;
  display: inline-block;
  vertical-align: middle;
  transition: 0.5s;
}

.products-gallery-section .nav-tabs .nav-link.active,
.products-gallery-section .nav-tabs .dropdown-toggle {
  background-color: #77c5d5;
  color: white;
  scale: 1.15;
  /* width: 9rem;
    height: 3rem; */
  line-height: 0.9rem;
  white-space: normal !important;
}

.products-gallery-section .nav-tabs .dropdown-toggle {
  font-size: 1rem;
  vertical-align: top;
  padding-left: 0;
}

.carousel-control-next,
.carousel-control-prev {
  top: 100px !important;
  align-items: unset;
}

/* .products-gallery-section-container, .gallery-section-frame-container {
  position: relative;
  overflow: hidden !important;
  width: 100%;
  padding-top: 50%;
}

.products-gallery-section-frame, .gallery-section-frame {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 600px;
} */

.gallery-section-frame {
  height: 400px;
  width: 100%;
}

.products-gallery-section-frame {
  height: 700px;
  width: 100%;
}

.select {
  display: none;
}

@media (max-width: 767px) {
  .gallery-section-frame {
    height: 400px;
  }

  .product-gallery-excerpt {
    margin-bottom: 1rem;
    font-size: 14px;
  }

  .products-gallery-section-frame {
    height: 680px;
  }

  .products-gallery-section .card-header-tabs {
    flex-direction: column;
    text-align: left;
    margin-left: 50px;
  }

  .products-gallery-section .full-screen-products-header {
    display: none;
  }

  .select li {
    display: none;
    cursor: pointer;
  }

  .select li:first-child {
    display: block;
    border-top: 0px;
  }

  .select {
    /* border: 1px solid black; */
    display: inline-block;
    position: relative;
    margin-right: 50px;
  }

  .select li:hover {
    background-color: #ddd;
  }

  .select li:first-child:hover {
    background-color: transparent;
  }

  .select.open li {
    display: block;
    color: black;
  }

  .select span {
    position: absolute;
    right: 10px;
    top: 10px;
  }

  /* .select.open span:before {
  background: url('https://api.iconify.design/material-symbols/keyboard-arrow-up.svg') no-repeat center center / contain;
} */
}