:root {
  --theme-color: #0663a8;
  --theme-color-dark: #044d83;
  --theme-color-light: #2a7fbe;
}

.sh-section-heading,
.brand-range-header,
.section-title-wrap {
  display: flex;
  font-size: 24px !important;
  
  margin: 8px 0 20px;
}

.sh-section-heading h2,
.brand-range-header h2,
.section-title-wrap h2,
.sh-row-title,
.sh-home-section-title,
.section-title,
h2.section-title {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0 0 12px;
  background: transparent;
  border: none;
  border-radius: 0;
  color: var(--theme-color) !important;
  font-size: 30px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  
  letter-spacing: 0;
  box-shadow: none;
}


.brand-range-header h2::after,
.section-title-wrap h2::after,
.sh-row-title::after,
.sh-home-section-title::after,
.section-title::after,
h2.section-title::after {
  content: "";
  position: absolute;
  left: 2%;
  bottom: 0;
  transform: translateX(-50%);
   height: 4px;
  border-radius: 999px;
  background: var(--theme-color);
}

.sh-section-heading h2::before,
.brand-range-header h2::before,
.section-title-wrap h2::before,
.sh-row-title::before,
.sh-home-section-title::before,
.section-title::before,
h2.section-title::before {
  display: none !important;
  content: none !important;
}

.banner-title {
  font-size: 18px !important;

}

.heading-title {
  display: inline-block;
  position: relative;
  margin: 0 auto 12px;
  padding: 0 0 10px;
  color: var(--theme-color-dark) !important;
  font-size: 24px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
 
  letter-spacing: 0.2px;
  width: 100%;
}

.heading-title::after {
  content: "";
  position: absolute;
  left: 2%;
  bottom: 0;
  transform: translateX(-20%);
  width: 46px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--theme-color), var(--theme-color-light));
}

.heading-title::before {
  display: none !important;
  content: none !important;
}

@media (max-width: 767px) {
  .sh-section-heading h2,
  .brand-range-header h2,
  .section-title-wrap h2,
  .sh-row-title,
  .sh-home-section-title,
  .section-title,
  h2.section-title {
    font-size: 22px !important;
    padding-bottom: 8px;
  }

  
  .brand-range-header h2::after,
  .section-title-wrap h2::after,
  .sh-row-title::after,
  .sh-home-section-title::after,
  .section-title::after,
  h2.section-title::after {
    width: 42px;
    height: 3px;
  }

  .banner-title {
    font-size: 12px !important;
  }

  .heading-title {
    
    font-size: 18px !important;
    padding-bottom: 8px;
  }

  .heading-title::after {
    width: 38px;
    height: 3px;
  }
}
.cat-card .cat-card-img-semi-rounded {
    border-radius: 8px;
    border: groove !important;
}