#first_background {
  background: linear-gradient(to top right, rgb(84, 180, 176), rgba(255, 0, 0, 0));
}

#second_background {
  background: linear-gradient(90deg, rgb(84, 180, 176), rgba(255, 0, 0, 0));
}

#icon-folded-card {
  margin: auto;
}

/** this makes it so the background doesn't peep through **/
#product-info-tabs,
#company-rating {
  background: white;
  outline: white 7px solid;
  border: white 3px solid;
}

#product-info-tabs {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 2rem;
}

#price_ribbon svg {
  width: 80px;
}

#single-product-page {
  outline: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

#title_area {
  --bs-bg-opacity: 0.9;
}

#select_category {
  font-size: 18px;
}

.product-main-title {
  line-height: 65px;
}

.pac-container {
  z-index: 9999;
}

.main-content {
  min-height: unset;
}

.check-list {
  font-size: 1rem;
}

.product-rating {
  font-size: 1.2rem;
}

.rsp-free {
  height: 100%;
}

.banner {
  object-fit: cover;
}

/** this allows the icons to be outside of the carousel, many lighter designs will hide the arrows **/
.carousel-control-prev,
.carousel-control-next {
  width: 20px;
}

/** this makes the controls rsp navy for visibility **/
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2304213e'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") !important;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2304213e'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

.card.category {
  max-width: 500px;
}

@media (min-width: 768px) {
  .px-md-6 {
    padding-left: 7rem;
    padding-right: 7rem;
  }
  .bg-md-white {
    background-color: #fff;
  }
  .check-list {
    font-size: calc(1.275rem + 0.3vw);
  }
}
@media (min-width: 768px) and (max-width: 1080px) {
  #product_description {
    font-size: 0.8rem;
  }
  .product-main-title {
    font-size: 3rem;
  }
  .product-rating {
    font-size: 0.9rem;
  }
}