@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");

body {
  font-family: "DM Sans", sans-serif;
}

.container {
  max-width: 1440px !important;
  width: 100%;
  margin: 0 auto;
  padding: 0 40px;
}

@media (max-width: 1280px) {
  /* xl breakpoint */
  .container {
    padding: 0 30px;
  }
}

@media (max-width: 992px) {
  /* lg breakpoint */
  .container {
    padding: 0 20px;
  }
}

@media (max-width: 576px) {
  /* sm breakpoint */
  .container {
    padding: 0 16px;
  }
}

body {
  background-color: #1A1A1A;
}

.tyre_detaills .single_point .point_track .filled {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 6px;
  width: 70%;
  background-color: red;
}

.active_tyre_type {
  background-color: #F6AB00 !important;
  color: white !important;
}

.active_filter {
  color: black !important;
}

.shade_overlay.active {
  display: block;
}

.tyre_service_sidebar.active {
  display: block;
}


.mobile_navigation.active {
  display: block;
}