.glm-img {
  position: relative;
}

.glm-img-label {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 1.5rem;
  background-image: linear-gradient(to bottom, var(--bs-accent), rgba(var(--bs-accent-rgb), 0));
}

.glm-img-label h3,
.glm-img-label p {
  color: #fff;
}

.glm-img-label h3 {
  font-size: 28px;
}

.glm-img-label h3>strong {
  font-size: 2em;
  display: block;
}

.home-category-section {
  transform: translateY(-96px);
  margin-bottom: -96px;
}

.home-category-wrapper {
  background-color: rgba(255, 255, 255, .875);
}

.home-slider-slide-content {
  padding-bottom: 96px;
}

.hsw-nav {
  bottom: 120px;
}

.hpc-product {
  position: relative;
  margin: 0;
  border-radius: .5rem;
  overflow: hidden;
  height: 140px;
  transition: all .35s ease;
}

.hpc-product .hpc-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .5s ease;
}

.hpc-product .hpc-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1rem;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
  transition: all .35s ease;
}

.hpc-product:hover .hpc-image {
  transform: scale(1.08);
}

.hpc-product:hover .hpc-content {
  background-image: linear-gradient(to top,
      rgba(27, 18, 115, 0.85),
      rgba(237, 28, 36, 0));
}

/* tns */
.tns-controls {
  display: none;
}

.tns-nav {
  text-align: center;
  margin: 10px 0;
}

.tns-nav>[aria-controls] {
  width: 9px;
  height: 9px;
  padding: 0;
  margin: 0 5px;
  border-radius: 50%;
  background: #B9B6D0;
  border: 0;
}

.tns-outer [aria-controls],
.tns-outer [data-action] {
  cursor: pointer;
}

.tns-nav>.tns-nav-active {
  background: var(--bs-accent);
}

.carousel-btn {
  --bs-btn-padding-x: 0;
  --bs-btn-padding-y: 0;
  width: 20px;
  height: 20px;
  --bs-btn-border-radius: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.home-slider-wrapper button[data-action] {
  display: none;
}

.home-slider-slide img {
  width: 100%;
  height: auto;
  display: block;
}

.hsw-controls,
.hsw-nav {
  position: absolute;
}

.home-slider-slide-content .hslc-title strong {
  display: inline-block;
  position: relative;
}

.home-slider-slide-content .hslc-title strong>i {
  display: inline-block;
  background-image: linear-gradient(75deg, var(--bs-accent) 14%, var(--bs-primary) 92%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  position: relative;
  z-index: 9;
}

.home-slider-slide-content .hslc-title strong i {
  font-style: normal;
}

.home-slider-slide-content .hslc-title strong::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: -8px;
  right: -24px;
  height: 100%;
  padding: 4px;
  padding-right: 16px;
  background-color: rgba(255, 255, 255, .5);
  border-right: 4px solid var(--bs-accent);
}

.hsw-controls {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: 100;
  pointer-events: none;
}

.home-slider-controls {
  position: absolute;
  top: 18vw;
  left: 40px;
  right: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.carousel-btn {
  pointer-events: auto;
}

.hsw-nav {
  left: 0;
  width: 100%;
  text-align: center;
}

.carousel-nav {
  text-align: center;
}

.carousel-nav .carousel-nav-item {
  display: inline-block;
  width: .5rem;
  height: .5rem;
  padding: 0;
  border: 0;
  border-radius: .5rem;
  background-color: rgb(var(--bs-accent-rgb));
  opacity: .25;
  transition: all 0.3s;
}

.carousel-nav .carousel-nav-item.tns-nav-active {
  opacity: 1;
  width: 1.5rem;
}

.content-wrap {
  position: relative;
}


#slider {
  position: fixed;
  width: 100%;
  top: 80px;
}

#slider::before {
  content: "";
  display: block;
  width: 100%;
}

#slider+.content-wrap {
  margin-top: 40%;
}

.home-slider-wrapper {
  position: relative;
}

.form-label {
  display: block;
  font-size: 1rem;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 600;
  margin-bottom: 0.25rem;
}

.form-control {
  font-size: var(--bs-body-font-size);
  font-weight: 500;
}


.client-slider {
  display: flex;
  align-items: center;
  gap: 18px;
  overflow: hidden;
  width: 100%;
}

.cta-section {
  background:
    linear-gradient(to right,
      rgba(31, 22, 101, .99),
      rgba(31, 22, 101, 0)),
    url('../../img/cta-section.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 80px 0;
}

.cta-section h2 {
  font-size: 2.375rem;
}