* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

html {
}

body {
  padding-top: 3.75rem;
  padding-bottom: 0;
}

.navbar-brand {
  font-size: clamp(0.95rem, 0.939rem + 0.061dvw, 1rem);
}

.page-title-description {
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
}

.page-title-description h1 {
  font-weight: bold;
  font-size: clamp(0.95rem, 0.939rem + 0.061dvw, 1rem);
}

.heading-text-intro-top-5 {
  font-size: clamp(0.95rem, 0.79rem + 0.71dvw, 1.5rem);
  text-align: center;
  font-weight: bold;
}

.heading-italic-intro {
  font-size: clamp(0.95rem, 0.79rem + 0.71dvw, 1.5rem);
  text-align: center;
  font-weight: bold;
  padding-top: 1rem;
  padding-bottom: .313rem;
}

.heading-intro {
  text-align: center;
}

.p-intro {
  text-align: center;
}

#accordion-top-5-reasons {
  --bs-accordion-border-width: 0;
}

@media (min-width: 768px) {
  .top-5-reasons {
    max-width: 80%;
    margin: 0 auto;
  }
}

.heading-italic-top-selling {
  font-style: italic;
  font-weight: bold;
  text-align: center;
  font-size: clamp(0.95rem, 0.79rem + 0.71dvw, 1.5rem);
}

#carousel-top-selling {
  max-width: 50%;
}

#carousel-fg {
  /*width: 100dvh;*/
  height: 100dvh;
  max-width: 25%;
  max-height: 25%;
  object-fit: contain;
}

@media (min-width: 768px) {
  #carousel-top-selling {
    max-width: 25%;
  }
}

.carousel-control-next, .carousel-control-prev {
  opacity: .7;
  /*align-items: end;*/
}

.carousel-indicators {
  /*margin: 0 auto;*/
  /*position: relative;*/
  /*align-items: end;*/
}

.carousel-control-next-icon, .carousel-control-prev-icon {
  width: 3rem;
  height: 3rem;
  /*position: relative;*/
  /*align-items: end;*/
  margin: 0 auto;
}

.carousel-heading-top-selling {
  font-size: clamp(0.85rem, 0.814rem + 0.207vw, 1rem);
  opacity: 0.80;
  background-color: rgba(0,0,0,0.5);
  font-weight: bold;
  padding: .313rem;
  margin: 0 auto;
}

.hr-80 {
  margin: 0 auto;
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem;
  color: var(--bs-primary);
  border: 0;
  border-top: var(--bs-border-width) solid;
  border-width: 2px;
  opacity: 0.80;
  max-width: 80%;
}

.hr-20 {
  margin: 0 auto;
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem;
  color: var(--bs-primary);
  border: 0;
  border-top: var(--bs-border-width) solid;
  border-width: 2px;
  opacity: 0.80;
  max-width: 20%;
}

.hr-10-thin {
  margin: 0 auto;
  margin-top: 0.625rem;
  margin-bottom: 1.5625rem;
  color: var(--bs-primary);
  border: 0;
  border-top: var(--bs-border-width) solid;
  border-width: 2px;
  opacity: 0.80;
  max-width: 10%;
}

.hr-80-thin {
  margin: 0 auto;
  margin-top: 1rem;
  margin-bottom: 1.5625rem;
  color: var(--bs-primary);
  border: 0;
  border-top: var(--bs-border-width) solid;
  border-width: 3px;
  opacity: 0.25;
  max-width: 80%;
}

a {
  text-decoration: none;
}

.btn {
  margin: 0.625rem;
  font-size: clamp(0.8rem, 0.768rem + 0.182dvw, 0.95rem);
}

.fg-ht-text {
  text-align: center;
  font-weight: bold;
  font-size: clamp(0.9rem, 0.826rem + 0.424dvw, 1.25rem);
}

.fg-ds-text {
  text-align: center;
  font-size: clamp(0.8rem, 0.758rem + 0.242dvw, 1rem);
}

.img-fluid {
  margin-bottom: 0.625rem;
}

.carousel-item {
  transition: transform 1.6s ease-in-out;
}

.carousel-item {
  /*position: relative;*/
  /*display: none;*/
  /*float: left;*/
  /*width: 100%;*/
  /*margin-right: -100%;*/
  /*-webkit-backface-visibility: hidden;*/
  /*backface-visibility: hidden;*/
  /*transition: transform .6s ease-in-out;*/
  /*transition: transform 1.5s ease, opacity .5s ease-out;*/
  /*opacity: .5;*/
  /*object-position: center;*/
  /*align-items: center;*/
}

.carousel-inner img {
  /*width: auto;*/
  /*height: 100dvh;*/
  /*margin: 0 auto;*/
  /*object-fit: contain;*/
  /*align-content: center;*/
  /*width: 100%;*/
  /*max-height: 480px !important;*/
  /*height: 0;*/
  /*padding-bottom: 25%;*/
  /*height: 100%;*/
  /*height: 100%;*/
  /*object-fit: cover;*/
  /*background-position: center;*/
  /*text-align: center;*/
  /*align-items: center;*/
  /*align-content: center;*/
  /*object-position: center;*/
}

.carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end {
  /*transition: opacity 0s 2.6s;*/
}

.heading-fg {
  text-align: left;
}

.p-fg-location {
  text-align: left;
}

.photos {
  /*margin-bottom: 1rem;*/
}

@media (min-width: 768px) {
  .item-fg-composite {
    max-width: 50%;
  }
}

.item-fg-texture {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.footer-text {
}

.main {
}

.item {
}