/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* Header */
.bcr-header .solution-items {
  max-width: 960px;
}
.bcr-header .solution-item-right {
  width: 100%;
  max-width: calc(100% - 984px);
}
.bcr-sticky-header {
  transition: all 0.3s ease;
}
.single-post .bcr-sticky-header,
.home .bcr-sticky-header {
  background-color: transparent !important;
}
.single-post .bcr-sticky-header .e-n-menu-title-text,
.home .bcr-sticky-header .e-n-menu-title-text {
  color: white !important;
}
.single-post .bcr-sticky-header .e-n-menu-title span svg,
.home .bcr-sticky-header .e-n-menu-title span svg {
  fill: #fff !important;
  color: #fff !important;
}
.bcr-sticky-header {
  background-color: white !important;
}
.bcr-sticky-header .e-n-menu-title-text {
  color: #191919 !important;
}
.bcr-sticky-header:hover,
.bcr-sticky-header.scrolled {
  background-color: white !important;
}
.bcr-sticky-header:hover .e-n-menu-title-text,
.bcr-sticky-header.scrolled .e-n-menu-title-text {
  color: #191919 !important;
}
.bcr-sticky-header .bcr-logo-white,
.bcr-sticky-header .bcr-logo-colored {
  transition: opacity 0.3s ease;
  opacity: 1;
}
.single-post .bcr-sticky-header .bcr-logo-white,
.home .bcr-sticky-header .bcr-logo-white {
  display: inline-block;
  opacity: 1;
}
.single-post .bcr-sticky-header .bcr-logo-colored,
.home .bcr-sticky-header .bcr-logo-colored {
  display: none;
  opacity: 0;
}
.bcr-sticky-header .bcr-logo-colored {
  display: inline-block;
  opacity: 1;
}
.bcr-sticky-header .bcr-logo-white {
  display: none;
  opacity: 0;
}
.bcr-sticky-header:hover .bcr-logo-white,
.bcr-sticky-header.scrolled .bcr-logo-white {
  display: none;
  opacity: 0;
}
.bcr-sticky-header:hover .bcr-logo-colored,
.bcr-sticky-header.scrolled .bcr-logo-colored {
  display: inline-block;
  opacity: 1;
}
.bcr-sticky-header:hover .e-n-menu-title span svg,
.bcr-sticky-header.scrolled .e-n-menu-title span svg {
  fill: #191919 !important;
  color: #191919 !important;
}

/* ----------- Banner cards ----------- */
.banner-card-wrapper .banner-card-hover-enlarge {
  width: 100%;
  transition: max-width 0.3s ease;
}
.banner-card-text-content .elementor-widget-text-editor {
  opacity: 0;
  transition: opacity 0s ease-out;
}
.banner-card-hover-enlarge:hover
  .banner-card-text-content
  .elementor-widget-text-editor {
  transition: opacity 0.7s ease-in;
}
.banner-card-hover-enlarge.active
  .banner-card-text-content
  .elementor-widget-text-editor {
  transition: opacity 0.7s ease-in;
}
.banner-card-text-content .elementor-heading-title {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.banner-card-wrapper .elementor-video {
  height: 400px !important;
}

.banner-card-hover-enlarge .elementor-heading-title,
.banner-card-hover-enlarge:hover .elementor-heading-title,
.banner-card-hover-enlarge.active .elementor-heading-title {
  animation: bannerCardHeadingTransitions 0.5s ease-out !important;
}
@keyframes bannerCardHeadingTransitions {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0 !important;
  }
  100% {
    opacity: 1;
  }
}

/* ----------- Solutions banner cards ----------- */
.banner-card-hover-play .elementor-icon-wrapper {
  display: flex;
}
.banner-card-hover-play:hover .banner-video-meta-wrap {
  border: 1px solid #36d1a3;
}
.banner-card-hover-play:hover .banner-video-meta-wrap svg,
.banner-card-hover-play:hover .banner-video-meta-wrap path {
  fill: #36d1a3 !important;
}
.banner-card-wrapper .banner-card-hover-play:hover {
  background-color: rgba(38, 38, 38, 0.8);
}
.banner-card-hover-play:hover .banner-video-meta-wrap .elementor-icon {
  background-color: #121212 !important;
}
.banner-card-wrapper .banner-card-hover-play video {
  border-radius: 8px;
}
.banner-card-wrapper.solutions-cards .elementor-video {
  height: 280px !important;
}
.banner-card-wrapper.solutions-cards .banner-card-hover-play {
  border-radius: 8px;
}
.banner-card-wrapper.solutions-cards .banner-card-hover-play:hover {
  cursor: pointer;
}

/* ----------- Home steps section ----------- */
.steps-row .steps-images-wrapper {
  position: relative;
}
.steps-images-wrapper .steps-image-wrap {
  position: absolute;
  opacity: 0;
  transition: 0.5s ease;
}
.steps-images-wrapper .steps-image-wrap.active {
  opacity: 1;
}
.steps-cards-wrapper
  .steps-card:not(.active)
  .step-card-tag
  .elementor-widget-container {
  background: #3a3939;
}
.steps-cards-wrapper
  .steps-card:not(.active)
  .step-card-tag
  .elementor-heading-title {
  color: #ffffff66;
}
.steps-cards-wrapper .steps-card:not(.active) .elementor-heading-title {
  color: rgba(255, 255, 255, 0.6);
}
.steps-cards-wrapper .steps-card p {
  margin-bottom: 0px !important;
}

/* ----------- Home Steps Styles ----------- */
.steps-row .steps-images-wrapper {
  position: relative;
}
.steps-images-wrapper .steps-image-wrap {
  position: absolute;
  opacity: 0;
  transition: 0.5s ease;
}
.steps-images-wrapper .steps-image-wrap.active {
  opacity: 1;
}
.steps-cards-wrapper
  .steps-card:not(.active)
  .step-card-tag
  .elementor-widget-container {
  background: #3a3939;
}
.steps-cards-wrapper
  .steps-card:not(.active)
  .step-card-tag
  .elementor-heading-title {
  color: #ffffff66;
}
.steps-cards-wrapper .steps-card:not(.active) .elementor-heading-title {
  color: rgba(255, 255, 255, 0.6);
}
.steps-cards-wrapper .steps-card p {
  margin-bottom: 0px !important;
}

.steps-vertical-line {
  position: absolute;
  left: -5px;
  top: 0;
  width: 10px;
  height: 10px;
  background-color: #121212;
  transition: top 0.3s ease, height 0.3s ease;
  z-index: 0;
  border: 1px solid #fff;
  border-radius: 50%;
}
.steps-card-wrapper {
  position: relative;
}
.steps-vertical-line {
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;
  background-color: #121212;
  transition: top 0.3s ease, height 0.3s ease;
  z-index: 0;
  border: 1px solid #fff;
  border-radius: 50%;
}
.steps-card-wrapper {
  position: relative;
}
.steps-cards-wrapper .steps-vertical-line-wrap {
  height: 100%;
  width: 1px;
  background: rgba(255, 255, 255, 0.4);
  position: absolute;
  left: -5px;
}

/* Learn More Area */
.learn-more-area .elementor-widget-theme-post-featured-image img {
  transition: all 0.3s ease;
}
.learn-more-area
  .lmap-section-hover:hover
  .elementor-widget-theme-post-featured-image
  img {
  transform: scale(1.05);
}
.learn-more-area
  .elementor-widget-theme-post-featured-image
  .elementor-widget-container {
  overflow: hidden;
}
.learn-more-area .e-loop-item.post a {
  text-decoration: none;
}
.learn-more-area .elementor-post-info__terms-list-item {
  text-decoration: none !important;
}

/* Shop Page */
.shop-sc .shop-filters {
  display: none; /* temporarily hidden */
  flex-wrap: wrap;
  flex-direction: row;
  gap: 10px;
  margin-bottom: 20px;
}
.shop-sc .shop-products-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px 40px;
}
.shop-sc .product-card {
  position: relative;
  overflow: hidden;
  border: none;
  text-align: start;
  transition: box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 20px;
}
.shop-sc .product-image-wrap {
  position: relative;
  display: block;
}
.shop-sc .product-image-wrap img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.4s ease;
}
.shop-sc .product-hover-image {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.4s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.shop-sc .product-image-wrap:hover .product-hover-image {
  opacity: 1;
}
.product-image-wrap {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
}
.product-image {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.3s ease;
}
.product-hover-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.product-image-wrap:hover .product-image {
  opacity: 0;
}
.product-image-wrap:hover .product-hover-image {
  opacity: 1;
}
.product-card .cstm-variant-swatches {
  display: flex;
  flex-wrap: wrap;
}
.product-card .cstm-variant-swatches ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 3px;
  margin: 0 !important;
  list-style: none;
}
.product-card .cstm-variant-swatches ul li {
  display: flex;
}
.product-card .cstm-variant-swatches ul li a {
  padding: 2px;
  border-radius: 4px;
  height: 20px;
  width: 20px;
  text-decoration: none;
}
.product-card .mini-logo {
  height: 22px;
  width: auto;
  object-fit: contain;
  object-position: center center;
}
.product-card .product-pricing {
  font-size: 16px;
  color: #69727d;
  margin: 0;
}
.product-card .product-pricing s.regular-price {
  text-decoration: line-through;
}
.product-card .product-pricing span.sale-price {
  color: #c9211e;
  font-weight: 700;
}
.product-card .product-title {
  text-transform: uppercase;
  font-size: 18px;
}

/* Shop Filter */
.shop-filters .dropdown-item ul {
  width: 100%;
}
.shop-filters .dropdown-item ul li {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  padding: 5px 10px;
  width: 100%;
}
.shop-filters .dropdown-item ul li:hover {
  background-color: #ccc;
}
.custom-dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-toggle {
  background: white !important;
  border: 1px solid #ccc !important;
  padding: 10px 16px !important;
  cursor: pointer;
  display: flex;
  align-items: center;
  border-radius: 0px !important;
}
.dropdown-toggle span {
  font-size: 14px;
  text-transform: uppercase;
}
.fltr-btn {
  background: none !important;
  border: none !important;
  padding: 5px !important;
  cursor: pointer;
  display: flex;
  align-items: center;
  border-radius: 0px !important;
  font-size: 14px;
  flex-wrap: nowrap;
}
.dropdown-menu {
  position: absolute;
  background: white;
  border: 1px solid #eee;
  display: none;
  padding: 10px;
  z-index: 99;
  max-height: 300px;
  overflow-y: auto;
  border-radius: 8px;
  width: 200px;
}
.dropdown-item {
  padding: 5px 0;
  cursor: pointer;
  overflow-y: scroll;
  height: 150px;
}
.dropdown-menu ul {
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.dropdown-item img {
  width: 30px;
  height: 30px;
  object-fit: cover;
  margin-right: 10px;
  border-radius: 4px;
}
.applybtn-box {
  padding: 10px 10px 0px 10px;
}
.apply-btn {
  width: 100%;
  padding: 8px;
  border: 1px solid #000;
  background: white;
  border-radius: 20px;
  cursor: pointer;
}
.apply-btn:hover {
  background: #c9211e;
  color: #fff;
}

/* Hide the up and down arrows */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}
.bcr-single-product-wrapper div.quantity {
  margin: 0 !important;
  display: flex;
  border: 1px solid #ccc;
  border-radius: 4px !important;
  height: 48px !important;
}
.bcr-single-product-wrapper div.quantity button.minus,
.bcr-single-product-wrapper div.quantity button.plus {
  margin: 0 !important;
  border-radius: 0 !important;
  border: none;
  background: transparent !important;
  color: #000 !important;
  padding: 10px 20px !important;
}
.bcr-single-product-wrapper label.screen-reader-text {
    display: none !important;
}
.bcr-single-product-wrapper button.single_add_to_cart_button.button {
  margin: 0 0 0 10px !important;
  width: 100% !important;
}
.single-product .ast-container {
  padding: 0 !important;
}
.bcr-single-product-wrapper .bcr-label-total {
  width: 100% !important;
  font-size: 20px;
}
.bcr-single-product-wrapper .regular-price {
  color: #69727d;
  font-size: 16px;
}
.bcr-single-product-wrapper span.price {
  color: #c9211e;
  font-size: 20px;
}

/* FAQs */
.more-company-card:hover h2 {
  color: #fff !important;
}

/* Sticky Footer */
.home .sticky-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  transform: translateY(100%); /* hidden off-screen */
  opacity: 0;
  transition: transform 0.25s ease, opacity 0.25s ease;
  z-index: 999;
}
.home .sticky-footer.is-visible {
  transform: translateY(0);
  opacity: 1;
}

/* Blog Page */
/* Blog Page */
.blog-content .heading-large {
  font-family: "Montserrat", sans-serif;
  font-size: var(--font-size-275, 22px) !important;
  font-style: normal;
  font-weight: var(--font-weight-medium, 500);
  line-height: var(--font-size-400, 32px) !important; /* 145.455% */
  letter-spacing: var(--letter-spacing-25, 0.25px);
}
.blog-content a {
  text-decoration: none !important;
}
.blog-other-apps-card:hover .other-apps-tags-wrap .elementor-button-link {
  background-color: #d0d0d0 !important;
}
.blog-other-apps-card img {
  transition: all 0.3s ease;
}
.blog-other-apps-card:hover img {
  transform: scale(1.05);
}
.blog-other-apps-card .elementor-widget-image {
  overflow: hidden;
}
.blog-item-wrap {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  align-items: flex-start;
  /*   justify-content: center; */
}
/* .blog-item {
  flex: 0 0 32%;
  max-width: 30%;
  min-height: 421px;
} */
.blog-item-wrap .blog-item {
  width: 100%;
  max-width: calc(33% - 13px);
}
.blog-action-wrap {
  display: flex;
  align-items: end;
  margin-bottom: 32px;
  border-bottom: 1px solid #b1b1b1;
}
.blog-cat-wrap {
  flex: 0 0 65%;
  max-width: 65%;
}
.blog-search-wrap button {
  background-color: transparent !important;
  padding: 0;
  position: absolute;
  top: 25%;
  left: 15px;
  border: none !important;
}
.blog-search-wrap {
  flex: 0 0 35%;
  max-width: 35%;
  position: relative;
  margin-bottom: 17px;
}
.blog-search-wrap input[type="text"] {
  padding: 10px 43px 10px 46px;
  height: 50px;
  background-color: #efefef;
  border-radius: 6px;
  width: 100%;
}
.blog-cat-wrap ul {
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  margin: 0;
  flex-wrap: nowrap;
  overflow-x: auto;
}
.blog-cat-wrap a {
  text-transform: uppercase;
  text-align: center;
  text-decoration-line: none !important;
  color: #000000;
  font-family: "Montserrat", sans-serif;
}
.blog-cat-wrap ul li {
  padding: 0 15px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.blog-cat-wrap ul .active {
  border-bottom: 3px solid #1a3642;
}
.blog-btn i {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  padding: 0 7px;
}
.blog-btn a {
  text-decoration: none !important;
  color: #000000;
}
.blog-item-inner .blog-content .blog-btn {
  text-align: right;
  margin-top: auto;
}
.blog-content {
  padding: 20px 0px;
}
.blog-page-buttons {
  text-align: center;
  display: flex;
  justify-content: center;
  margin-top: 29px;
}
.blog-page-buttons .page-numbers {
  background-color: #efefef;
  padding: 3px 16px;
  color: #000000;
  text-decoration: none !important;
}
.blog-page-buttons .page-numbers.current {
  background-color: #1a3642;
  color: #ffffff;
}
.blog-bg img {
  /* height: 350px !important; */
  object-fit: cover;
  width: 100%;
}
.blog-item .blog-bg img {
  aspect-ratio: 4/3;
}
.blog-item .blog-content h3 {
  margin-bottom: 8px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.blog-search-wrap input[type="text"]::placeholder {
  color: #12121299;
}
.blog-search-wrap input[type="text"]:focus {
  border: 1px solid #1a3642;
  background-color: #1212120d;
}
.blog-search-wrap button.clear-input {
  left: unset;
  right: 12px;
  display: none;
}
.blog-search-wrap input[type="text"]:focus + button.clear-input {
  display: block;
}
.blog-search-wrap input[type="text"]:focus::placeholder {
  color: transparent !important;
}
.blog-btn a {
  color: #1a3642;
}
.blog-item .blog-item-inner {
  display: flex;
  flex-direction: column;
  min-height: 421px;
}
.blog-item-inner .blog-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.blog-item-inner .blog-btn-wrap {
  padding: 0 20px 20px;
  display: flex;
  justify-content: flex-end;
  margin-top: auto;
}
.blog-item-inner .blog-desc {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: "Montserrat", sans-serif;
}
.blog-item .blog-bg {
  overflow: hidden;
  border-radius: 20px;
}
.blog-item:hover .blog-bg img {
  transform: scale(1.05);
}
.blog-item .blog-bg img {
  transition: all 0.3s ease;
}
.blog-item-wrap .blog-item {
  transition: all 0.3s ease;
}

/* Single blog post table of contents */
.toc-main-wrap .toc-list {
    margin: 0;
    list-style-type: none;
}
.toc-main-wrap .toc-item a {
    color: #121212;
    display: block;
    line-height: 24px;
}
.toc-main-wrap .toc-item {
    margin-top: 11px;
    padding: 3px 17px;
}
.toc-main-wrap .toc-item:hover {
    background: rgba(0,0,0,0.05);
}
.single-post .post-content-wrap h2 {
    scroll-padding-top: 100px;
}
.toc-main-wrap .toc-item.active a {
    color: #fff;
}
.toc-main-wrap .toc-item.active {
    background: #121212;
}
.single-post-content-wrapper h2 {
    font-weight: 400;
    font-size: 30px;
    margin-bottom: 24px;
}
.single-post-content-wrapper p {
    margin-bottom: 24px;
}
.single-post h2.elementor-heading-title,
.single-post-sb-wrapper .blackbar-text h2 {
    margin: 0 !important;
} 
.elementor-select-wrapper .select-caret-down-wrapper {
  display: none;
}

/* ----  Max Width  ---- */
@media screen and (max-width: 1024px) {
  .banner-card-wrapper.solutions-cards .elementor-video {
    height: 300px !important;
  }
  .hide-line-break-responsive .elementor-heading-title br {
    display: none;
  }
  .home .banner-card-wrapper {
    height: 600px;
  }
  .shop-sc .shop-products-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .steps-card .mobile-only-steps-img {
    display: none;
  }
  .steps-card.active .mobile-only-steps-img {
    display: block;
  }
  .shop-sc .shop-products-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .single-post .toc-main-wrap {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    text-align: center;
  }
}
@media (max-width: 480px) {
  .shop-sc .shop-products-grid {
    grid-template-columns: 1fr;
  }
  .bcr-single-product-wrapper .cart {
    flex-wrap: wrap !important;
    gap: 10px !important;
  }
  .bcr-single-product-wrapper button.single_add_to_cart_button.button {
    margin: 0px !important;
  }
  .bcr-single-product-wrapper div.quantity {
    margin-left: -10px !important;
  }
}

/* ----  Min Width  ---- */
@media screen and (min-width: 1200px) {
  .home .banner-card-wrapper {
    min-height: 625px;
  }
}
@media screen and (min-width: 1025px) {
  .banner-card-wrapper.solutions-cards.not-3-col .banner-card-hover-play {
    height: 280px;
  }
  .home .banner-card-wrapper {
    margin-bottom: -40px;
    min-height: 650px;
  }
}
@media screen and (min-width: 768px) {
  .banner-card-wrapper.solutions-cards.only-1-video .banner-card-hover-play {
    height: 280px;
  }
  .banner-card-wrapper.solutions-cards .elementor-video {
    height: 100% !important;
  }
}


/* ============ New Brake Caliper site updates starting Nov. 2025 ============ */
.brake-calipers-container {
  display: flex;
  flex-direction: column;
}
.brake-caliper-item .brake-caliper-item-inner {
  display: flex;
  gap: 20px;
}
.brake-caliper-item .caliper-manufacturer, .brake-caliper-item .caliper-model, .brake-caliper-item .caliper-year, .brake-caliper-item .caliper-link {
  width: 100%;
  font-size: 14px;
}
.brake-calipers-container .brake-caliper-item {
  padding: 10px 24px;
  border-bottom: 1px solid #E5E5E5;
}
.brake-caliper-item .caliper-manufacturer {
  font-weight: 600;
  text-transform: uppercase;
  max-width: 30%;
}
.brake-caliper-item .caliper-link {
  text-align: right;
  max-width: 10%;
}
.brake-caliper-item .caliper-model, .brake-caliper-item .caliper-year {
  max-width: 30%;
}
.single-post-content-wrapper .elementor-heading-title {
  margin: 0 !important;
}

/* ============ Brake models list - start ============ */
.brake-models-wrapper .brake-models-search-wrapper {
  display: flex;
  margin-bottom: 20px;
}
.brake-models-wrapper .brake-models-search-btn {
  background: #C9211E;
  color: #fff;
  border-radius: 0;
  padding: 10px 18px;
  font-size: 24px;
}
.brake-models-wrapper .brake-models-search-wrapper #brake-models-search {
  padding: 10px;
  border: 1px solid rgba(0,0,0,0.2);
  font-size: 18px;
  line-height: 1.67;
  height: auto;
}
.brake-models-wrapper .brake-models-letters {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}
.brake-models-wrapper .brake-models-letters .letter {
  padding: 4px 8px;
  text-transform: uppercase;
  cursor: pointer;
}
.brake-models-wrapper .brake-models-letters .letter.active {
  font-weight: 700;
  color: #C9211E;
}
.brake-models-wrapper .letter-group-letter {
  font-size: 30px;
  margin: 0;
  padding: 20px 0;
}
.brake-models-wrapper .letter-group-list {
  list-style: none;
  padding: 0;
  column-count: 3;
  margin: 0;
}
.brake-models-wrapper .letter-group-list a {
  color: #111;
}
.brake-models-wrapper .models-group {
  margin-bottom: 16px;
}
.brake-models-wrapper .letter-group-list li {
  margin-bottom: 8px;
  break-inside: avoid-column;
}
.brake-models-wrapper #brake-models-no-results {
  text-align: center;
  margin: 60px 0;
}
.brake-models-wrapper .models-group {
  animation: lettersfadeInUp 0.7s;
}
@keyframes lettersfadeInUp {
  from {
    transform: translateY(-10px);
    opacity: 0;
  }
  to {
    transform: translateY(0px);
    opacity: 1;
  }
}
/* ============ Brake models list - end ============ */


@media screen and (max-width: 1024px) {
  .brake-caliper-item .caliper-manufacturer, .brake-caliper-item .caliper-model, .brake-caliper-item .caliper-year, .brake-caliper-item .caliper-link {
    max-width: 25%;
  }
  .blog-item-wrap .blog-item {
    max-width: calc(33% - 16px);
    min-height: -webkit-fill-available;
    display: flex;
  }
  .blog-item .blog-item-inner {
    min-height: 0;
    width: 100%;
  }
  .blog-item .blog-bg {
    aspect-ratio: 4 / 3;
    height: auto;
    width: auto;
  }
  .blog-item-inner .blog-content {
    height: auto;
    padding: 10px 0 0;
  }
  .blog-main-wrap .blog-action-wrap {
    flex-direction: column-reverse;
    align-items: flex-start;
    margin-top: 15px;
    gap: 5px;
  }
  .blog-main-wrap .blog-cat-wrap {
    flex: unset;
    max-width: 100%;
  }
  .blog-main-wrap .blog-search-wrap {
    flex: unset;
    max-width: max-content;
  }
  .blog-cat-wrap ul li:first-child {
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .brake-caliper-list-table .brake-caliper-list-table-heading {
    width: 705px;
  }
  .brake-caliper-list-table .brake-calipers-container {
    width: 705px;
  }
  .brake-caliper-list-table {
    overflow-x: auto;
  }
  .brake-models-wrapper .letter-group-letter {
    font-size: 26px;
    padding-bottom: 5px;
  }
  .brake-models-wrapper .letter-group-list {
    column-count: 2;
  }
  .home .banner-card-wrapper {
      height: auto !important;
  }
  .blog-item-wrap .blog-item {
    max-width: calc(50% - 8px);
  }
  .blog-item-wrap {
    gap: 16px;
  }
  .blog-main-wrap .blog-action-wrap {
    margin-top: 0px;
  }
  .blog-item .blog-content h3 {
    font-size: 18px !important;
    line-height: 1.25 !important;
    word-break: break-word;
  }
  .blog-cat-wrap a {
    font-size: 14px;
  }
  .blog-cat-wrap ul li {
    padding: 0 10px 5px;
  }
  .blog-item-inner .blog-btn-wrap {
    padding: 0 5px 15px 0;
  }
  .blog-item-inner .blog-desc {
    font-size: 14px;
  }
  .shop-sc.elementor-widget-shortcode {
    display: block;
    width: 100%;
  }
}