/** Shopify CDN: Minification failed

Line 59:2 Unexpected "{"
Line 59:3 Expected identifier but found "%"
Line 59:32 Unexpected "{"
Line 59:33 Expected identifier but found "%"
Line 60:2 Unexpected "{"
Line 60:3 Expected identifier but found "%"
Line 60:39 Unexpected "{"
Line 60:40 Expected identifier but found "%"
Line 171:0 Unexpected "{"
Line 171:1 Expected identifier but found "%"
... and 18 more hidden warnings

**/
.header-actions__cart-icon.header-actions__cart-icon--has-cart .svg-wrapper svg {
    mask: none;
}
.header-actions__action.button-unstyled
{
  overflow:visible;
}
.cart-bubble .cart-bubble__background {
    background: #fff;
}
.cart-bubble .cart-bubble__text span {
    font-weight: bold;
}
.cart-bubble .cart-bubble__text {
    color: #000!important;
}
.cart-bubble {
    margin-top: -5px;
    margin-right: -5px;
    width: 16px!important;
}

/* hero video banner */
.hero-video-banner {
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 0;
    display: flex;
    background:#000;
    padding: 0px 40px; 
}
.hero-video-banner .hero-btn {
    font-size: 18px;
    line-height: 1em;
    letter-spacing: 6%;
    font-family: 'Body' !important;
}
/* Video */
.hero-video-wrapper {
   width: 100% !important;
  max-width: 1800px !important;
  margin: auto !important;
  {% comment %} padding: 0 0px; {% endcomment %}
  {% comment %} aspect-ratio: 2.5 / 1; {% endcomment %}
  overflow: hidden;
}
.hero-video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
}
/* Overlay */
.hero-overlay {
    position: absolute;
    background: url(/cdn/shop/files/overlay_2.png) center center / 100% 100% no-repeat !important;
    z-index: 1;
}
/* Content */
.hero-content {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 100px 0px 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
/* Heading */
.hero-heading {
    color: #ffffff;
    margin-bottom: 15px;
    max-width: 580px;
    font-weight: 900;
    font-size: 75px;
    line-height: 1em;
    letter-spacing: 0px;
    text-transform: uppercase;
    margin-top: 0px;
}
.hero-heading .orange_part {
    color: #F7B728;
}
/* Subtext */
.hero-subtext {
    color: #ffffffb8;
    margin-bottom: 25px;
    max-width: 510px;
    font-family: 'Body';
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5em;
    letter-spacing: 0%;
    vertical-align: middle;
}
/* Buttons */
.hero-buttons {
    margin-bottom: 0;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    align-items: center;
}
.hero-btn {
    padding: 19px 35px;
    text-decoration: none;
    border-radius: 0;
    transition: 0.3s ease;
    font-weight: 900;
    font-size: 18px;
    line-height: 1em;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    max-height: 57px;
    width: fit-content;
    display: inline-block;
}
.arrow_btn a:after {
    content: "";
    position: relative;
    background: url(/cdn/shop/files/btn_arrow.png?v=1782245661) center right/contain no-repeat;
    width: 16px;
    height: 11px;
    display: inline-block;
    margin: auto;
    right: -4px;
}
/* Primary */
.primary-btn {
  background:url(/cdn/shop/files/orange_bg_btn.png?v=1782244895)center center / 100% 100% no-repeat;
  color: #000;
}
.primary-btn:hover {
  background:url(/cdn/shop/files/white_bg.png?v=1782244783)center center / 100% 100% no-repeat;
  color:#fff;
}
.arrow_btn a:hover:after {
    filter:brightness(0) invert(1);
}
/* Secondary */
.secondary-btn {
  background:url(/cdn/shop/files/white_bg.png?v=1782244783)center center / 100% 100% no-repeat;
  color: #fff;
}
.secondary-btn:hover {
  background:url(/cdn/shop/files/orange_bg_btn.png?v=1782244895)center center / 100% 100% no-repeat;
  color: #000;
}
/* Tablet */
{% comment %} New CSS {% endcomment %}
.hero-banner-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: 1900px;
    margin: 0 auto;
    object-fit:cover;
}
.img_area_banner:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 300px;
    background: linear-gradient(90deg, black, transparent);
    z-index: 1;
    pointer-events:none;
}
.img_area_banner:after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 300px;
    background: linear-gradient(90deg, transparent, black);
    z-index: 1;
    pointer-events:none;
}
.img_area_banner{
  position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: 1900px;
    margin: 0 auto;
}
.hero-top-subheading {
    color: #F7B728;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 13px;
    position: relative;
    padding-left: 35px;
    font-family: 'Headings' !important;
}
.hero-top-subheading:before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:24px;
  height:2px;
  background:#F7B728;
  transform:translateY(-50%);
}
/* performance section (Shop by part) CSS*/
.outperform_section {
    padding: 100px 40px;
    background: #F5F5DC;
    position: relative;
}

.outperform_section .container {
    z-index: 1 !important;
    position: relative;
    max-width:1800px!important;
}
.outperform_section .performance_title {
    margin-bottom: 15px;
    color: #111 !important;
}
.outperform_section .performance_sub {
    max-width: 700px;
    margin: 0 auto 36px;
    font-size: 18px;
    color: #333333;
}
.outperform_section .performance_cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
    align-items: stretch;
    padding: 0px !important;
}
/* Equal Height Cards */
.outperform_section .performance_card_item {
    display: flex;
}
.outperform_section .performance_card {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #fff;
    padding: 44px 48px 40px;
    border: 1px solid #00000004;
    text-decoration: none;
    box-sizing: border-box;
    transition: all 0.3s ease;
    cursor: pointer;
}
/* Card Hover */
.outperform_section .performance_card:hover {
    background: #fff;
    border: 1px solid #00000000;
    border-image: linear-gradient(
        183deg,
        #F7B728 18%,
        #F7B728 -19%,
        #00000000 64%,
        #F7B728 72%,
        #F7B728 100%
    ) 1;
}
/* Image */
.outperform_section .product-image-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}
.outperform_section .product-image {
    max-width: 100%;
    max-height: 384px;
    object-fit: contain;
}
/* Content */
.outperform_section .product-content {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.outperform_section .product-content h3 {
    font-size: 34px;
    font-weight: 700;
    margin: 0px 0 10px;
    text-transform: uppercase;
    text-align: center;
}
.outperform_section .product-content p {
    max-width: 280px;
    margin: 0 auto;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 18px;
    color: #333;
    text-align: center;
}
/* Button */
.outperform_section .hero-buttons {
    justify-content: center;
    margin-top: auto;
    padding-top: 28px;
}
.outperform_section .primary-btn {
    min-width: 268px;
    background: url(/cdn/shop/files/blck_shap.png?v=1785866830) center center / 100% 100% no-repeat;
    color: #ffffffff;
    transition: all 0.3s ease;
}
/* Button changes when hovering anywhere on card */
.outperform_section .primary-btn:hover,
.outperform_section .performance_card:hover .primary-btn {
    background: url(/cdn/shop/files/orange_bg_btn.png?v=1782244895) center center / 100% 100% no-repeat;
    color: #000000;
}
.outperform_section .arrow_btn a:hover:after {
    filter: brightness(0);
}
.performance_section.outperform_section:after {
    opacity: 0 !important;
}
/* Performance Level */
.perf_card_link {
  display: block;
  text-decoration: none;
  color: inherit;
}
.perf_card_link:hover,
.perf_card_link:focus,
.perf_card_link:active {
  text-decoration: none;
  color: inherit;
}
.perf_image_wrap {
  position: relative;
  overflow: hidden;
}
.perf_image {
  width: 100%;
  display: block;
}
.perf_image_hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.35s ease,
    visibility 0.35s ease;
}
.perf_card:hover .perf_image_hover {
  opacity: 1;
  visibility: visible;
}
.perf_card:hover .perf_image_default {
  opacity: 0;
}
/* Build Section CSS */
/* =========================================================
   FEATURED BUILDS
========================================================= */
.featured-builds-section {
  width: 100%;
  background: #F5F5DC;
  padding: 80px 40px 80px;
}
.featured-builds-container {
  width: 100%;
  max-width: 1800px;
  margin: 0 auto;
}
/* =========================================================
   HEADING
========================================================= */
.featured-builds-heading {
  margin: 0 0 30px;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  color: #000;
}
/* =========================================================
   TOP FEATURED ROW
========================================================= */
.featured-builds-top {
    display: grid;
    grid-template-columns: 1.51fr 1fr;
    gap: 11px;
    width: 100%;
}
/* =========================================================
   FEATURED CARD
========================================================= */
.featured-build-card {
  position: relative;
  overflow: hidden;
  height: 450px;
  min-width: 0;
}
.featured-build-link {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-decoration: none;
}
.featured-build-card img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 0.45s ease;
}
.featured-build-card:hover img {
  transform: scale(1.04);
}
/* =========================================================
   FEATURED OVERLAY
========================================================= */
.featured-build-overlay {
  position: absolute;
  top: 45px;
  left: 45px;
  z-index: 2;
  color: #fff;
  text-transform: uppercase;
}
.featured-build-overlay.first_column_heading {
  color: #000 !important;
}
.featured-build-title {
  font-family: 'Headings', sans-serif;
  font-size: 50px;
  line-height: 0.95;
  font-weight: 900;
  letter-spacing: 1px;
}
.featured-build-badge {
  margin-top: 0;
  font-family: 'Headings', sans-serif;
  font-size: 86px;
  line-height: 0.9;
  font-weight: 900;
  letter-spacing: 1px;
}
/* =========================================================
   SECOND FEATURED TEXT
========================================================= */
.featured-build-overlay--small {
  top: 45px;
  left: 30px;
}
.featured-build-overlay--small .featured-build-title {
  font-size: 35px;
  line-height: 1;
}
.featured-build-subtitle {
  margin-top: 2px;
  font-family: 'Body' !important;
  font-size: 20px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.5px;
}
/* =========================================================
   SMALL BUILDS GRID
========================================================= */
.featured-builds-small-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 11px;
  margin-top: 11px;
  width: 100%;
}
/* =========================================================
   SMALL CARD
========================================================= */
.featured-small-card {
  min-width: 0;
}
.featured-small-link {
  display: block;
  text-decoration: none;
  color: inherit;
}
/* =========================================================
   SMALL IMAGE
========================================================= */
.featured-small-image {
  width: 100%;
  aspect-ratio: 1.55 / 1;
  overflow: hidden;
}
.featured-small-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.featured-small-card:hover img {
  transform: scale(1.05);
}
/* =========================================================
   SMALL CARD CONTENT
========================================================= */
.featured-small-content {
  padding-top: 8px;
}
.featured-small-content h3 {
  margin: 0;
  font-family: 'Headings', sans-serif !important;
  font-size: 20px;
  line-height: 1.05;
  font-weight: 800;
  color: #111;
  text-transform: uppercase;
}
.featured-small-content p {
  margin: 3px 0 0;
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  color: #111;
  text-transform: uppercase;
}
/* =========================================================
   BOTTOM FEATURED TEXT
========================================================= */
.featured-build-bottom-overlay {
  position: absolute;
  left: 45px;
  bottom: 45px;
  z-index: 2;
  color: #fff;
  text-transform: uppercase;
}
.featured-build-vehicle-title {
  font-family: 'Headings', sans-serif;
  font-size: 32px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.5px;
}
.featured-build-vehicle-subtitle {
  margin-top: 3px;
  font-family: 'Body', sans-serif !important;
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.featured-build-vehicle-text {
  margin-top: 5px;
  font-family: 'Body', sans-serif !important;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.5px;
}
/* =========================================================
   VIEW MORE BUILDS BUTTON
========================================================= */
.featured-builds-button-wrap {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 0;
}
.featured-builds-button {
  text-decoration: none;
  text-align: center;
}
.featured-builds-section .featured-builds-button {
    clip-path: polygon(6% 0, 100% 0, 94% 100%, 0 100%);
}
.featured-builds-section .featured-builds-button:hover {
    background: #000;
    clip-path: polygon(6% 0, 100% 0, 94% 100%, 0 100%);
}
/* CTA Section CSS */
.cta-build {
    position: relative;
    width: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: visible;
    padding: 0 40px;
}
.cta-build .cta-container {
    position: relative;
    width: 100%;
    max-width: 1800px;
    height: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: stretch;
    gap: 70px;
}
.cta-build .cta-content {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 0px;
    text-align: left;
}
.cta-build .cta-title {
    margin: 0;
    color: #111111;
    font-family: 'Headings', sans-serif !important;
    font-size: 50px;
    line-height: 1.1em;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    max-width: 370px;
}
.cta-build .cta-highlight {
  margin-top: 7px;
  color: #111111;
  font-family: 'Headings', sans-serif !important;
  font-size: 28px;
  line-height: 0.95;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: 0.2px;
}
.cta-build .cta-image {
  position: relative;
  z-index: 2;
  width: 233px;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow: visible;
}
.cta-build .cta-image img {
    display: block;
    width: auto;
    max-width: 260px;
    object-fit: contain;
    object-position: center bottom;
    margin-bottom: 0px;
    margin-top: -10px;
}
.cta-build .cta-buttons {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    padding-right: 0px;
}
.cta-build .cta-buttons .hero-btn {
    position: relative;
    /* min-width: 145px; */
    /* height: 38px; */
    padding: 16px 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    background: #111111;
    color: #ffffff;
    text-decoration: none;
    font-family: 'Body', sans-serif !important;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.3px;
    text-align: center;
    border: 0;
    border-radius: 0;
    clip-path: polygon(
    8% 0,
    100% 0,
    92% 100%,
    0 100%
  );
    transition: background-color 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease;
}
.cta-build .hero-btn img {
    display: block;
    width: 21px;
    height: 21px;
    object-fit: contain;
    flex: 0 0 17px;
}
.cta-build .cta-buttons .hero-btn:hover {
  background: #ffffff;
  color: #111111;
  transform: translateY(-1px);
}
/* Gallery Section */
.dirtking-section {
    background: #F5F5DC;
    padding: 100px 40px;   
}
.dirtking-section .dirtking-wrapper{
  width: 100%;
    max-width: 1360px;
    margin: auto;
}
.dirtking-wrapper {
  max-width: 100%;
  margin: auto;
  position: relative;
}
.center-content p {
    font-size: 34px;
    font-weight: 700 !important;
    color: #000000 !important;
    margin: 0px !important;
    text-transform: uppercase;
    font-family: 'Headings' !important;
}
/* NORMAL IMAGE */
.img-box {
    width: 300px;
    height: 214px;
    overflow: hidden;
}
/* 🔥 LEFT TALL IMAGE */
.img-box.tall-left, .img-box.tall-top-right {
    height: 471px;
    clip-path: polygon(8% 0, 100% 0%, 92% 100%, 0% 100%);
}
/* IMAGE STYLE */
.img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  clip-path: polygon(3% 0, 100% 0%, 97% 100%, 0% 100%);
}
/* VARIATION */
.row .img-box:nth-child(2) img, .row .img-box:nth-child(3) img {
    clip-path: polygon(4% 0, 100% 0%, 96% 100%, 0% 100%);
}
/* SPACING */
.top-row {
    display: flex;
    justify-content: end;
    gap: 8px;
    margin-bottom: -233px;
    align-items: start;
}
.top-row .img-box:first-child {
    width: 410px !important;
}
.bottom-row {
    display: flex;
    gap: 8px;
    margin-top: -243px;
    align-items: end;
}
.bottom-row .img-box:last-child {
    width: 411px !important;
}
/* 🔥 RIGHT VERTICAL IMAGE */
.side-image {
  position: absolute;
  right: -60px;
  top: 50%;
  transform: translateY(-50%);
  width: 240px;
  height: 480px;
}
.side-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  clip-path: polygon(3% 0, 100% 0, 97% 100%, 0% 100%);
}
/* CENTER */
.center-content {
  text-align: center;
  position: relative;
  z-index: 2;
}
.center-content p {
  color: #ccc;
  letter-spacing: 2px;
  margin-bottom: 15px;
}
.title-image img {
    width: 650px;
    max-width: 100%;
    margin: auto;
    margin-top: 10px;
}
/* Dealer Section CSS */
.dealer-section {
    position: relative;
    overflow: hidden;
    background-color: #111;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0px 0px 0px 40px!important;
}
/* Background Text */
.dealer-bg-text {
    position: absolute;
    left: 0px;
    bottom: -132px;
    width: 100%;
    font-size: 284px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    color: #00000000;
    white-space: nowrap;
    pointer-events: none;
    user-select: none;
    text-align: center;
    font-family: sans-serif;
    background: url(/cdn/shop/files/Rectangle_40101.jpg?v=1790026958)center center / cover no-repeat;
    font-style: italic;
}
.dealer-bg-text:after {
    content: "";
    position: absolute;
    background: url(/cdn/shop/files/Group_1739329668.png?v=1790026956)top center / contain no-repeat;
    width: 100%;
    height: 100%;
    top: 10px;
    left: 0;
    opacity: 1;
}
/* Layout */
.dealer-box.left-box {
    padding-bottom: 130px !important;
}
.dealer-box.left-box .dealer-text {
    padding-bottom: 15px;
}
.dealer-box.right-box {
    padding-bottom: 195px;
}
.dealer-wrapper {
    display: grid;
    grid-template-columns: 1.5fr 3fr;
    align-items: center;
    gap: 40px;
    position: relative;
    z-index: 2;
    padding-left: calc((100% - 1810px) /2);
    padding-right: 0px;
    width: 100% !important;
    max-width: 100%;
    margin: auto !important;
}
/* Content Boxes */
.dealer-box h2 {
    color: #fff;
    font-size: 55px;
    font-weight: 900;
    margin: 0 0 14px;
    text-transform: uppercase;
    max-width: 410px;
    line-height: 1.2em;
}
.dealer-text {
    color: #ffffff;
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 0px;
    max-width: 434px;
    padding-bottom: 30px !important;
}
/* Buttons */
.dealer-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 58px;
  padding: 0 34px;
  background: #f0b51f;
  color: #000;
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.3s ease;
}
.dealer-btn:hover {
  background: #fff;
}
/* Image */
.dealer-image-wrap {
  display: flex;
  justify-content: end;
}
.dealer-image {
  position: relative;
  overflow: hidden;
}
.dealer-image img {
    width: 100%;
    max-width: 860px;
    display: block;
    object-fit: cover;
}
/* Points */
.dealer-point {
  display: flex;
  gap: 14px;
  margin-bottom: 18px;
}
.dealer-icon {
  width: 22px;
  height: 22px;
  min-width: 22px;
  border-radius: 50%;
  background: #f0b51f;
  color: #000;
  font-size: 13px;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4px;
}
.dealer-point p {
    margin: 0;
    color: #d8d8d8;
    font-size: 20px;
    line-height: 1.2;
}
/*========================================
About Us Page CSS
==========================================*/
/* About banner CSS */
.about_inner_banner .about-banner {
  position: relative;
  min-height: 520px;
  display: flex;
  align-items: stretch;
  overflow: hidden;
  background-position: center center;
  background-size: 1800px;
  background-color:#000;
  background-repeat: no-repeat;
  padding-top: 116px;
    padding-bottom: 47px;
}
.about_inner_banner .about-banner .about-banner__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.60) 0%,
    rgba(0, 0, 0, 0.39) 35%,
    rgba(0, 0, 0, 0.12) 65%,
    rgba(0, 0, 0, 0) 100%
  );
}
.about-banner .container-fluid,
.about-banner .container,
.about-banner .row,
.about-banner .col-12 {
  width: 100%;
}
.about-banner .container-fluid {
  position: relative;
  z-index: 2;
  display: flex;
  width: 100%;
}
.about-banner .container-fluid > .row,
.about-banner .container-fluid > .row > .container,
.about-banner .container-fluid > .row > .container > .row,
.about-banner .container-fluid > .row > .container > .row > .col-12 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.about_inner_banner .about-banner .about-banner__content {
    padding-bottom: 94px;
}
.about_inner_banner .about-banner h1 {
  margin: 0;
  color: #ffffff;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  font-style: italic;
  letter-spacing: 1px;
}
.about_inner_banner .about-banner .about-banner__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: auto;
}
.about_inner_banner .about-banner .about-banner__card {
    position: relative;
    min-height: 120px;
    padding: 2px;
    overflow: hidden;
    background: linear-gradient(78deg, #f7b72800, #0000002e, #f7b72869);
    clip-path: polygon(5% 0, 100% 0, 95% 100%, 0 100%);
    backdrop-filter: blur(5px);
}
.about_inner_banner .about-banner .about-banner__card-inner {
    height: 100%;
    padding: 30px 70px 30px 51px;
    background: rgb(5 5 5 / 87%);
    clip-path: polygon(5% 0, 100% 0, 95% 100%, 0 100%);
    position: relative;
}
.about_inner_banner .about-banner .about-banner__card-inner:after {
    content: "";
    position: absolute;
    background: linear-gradient(97deg, #f7b728 30px, transparent 31.1px);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.about_inner_banner .about-banner .about-banner__card h3 {
    margin: 0 0 17px;
    color: #ffffff;
    font-size: 30px;
    line-height: 1.1;
    font-weight: 900;
    text-transform: uppercase;
    font-family: 'body' !important;
    letter-spacing: 1px;
}
.about_inner_banner .about-banner .about-banner__card-text {
    color: #fff;
    line-height: 1.3;
}
.about_inner_banner .about-banner .about-banner__card-text p {
    margin: 0;
    font-size: 20px;
}
/* about story section CSS */
  .about-story-section {
    padding: 100px 40px;
    background: #ffffff;
  }
  .about-story-section .container-fluid,
  .about-story-section .container,
  .about-story-section .row {
    width: 100%;
  }
  .about-story-section .about-story-grid {
    display: grid;
    grid-template-columns: 34% 16% 1fr;
  }
  .about-story-section .about-story-image {
    min-height: 440px;
    overflow: hidden;
  }
  .about-story-section .about-story-image-tag,
  .about-story-section .about-story-placeholder {
    width: 100%;
    height: 100%;
    min-height: 440px;
    display: block;
    object-fit: cover;
  }
.about-story-section .about-story-stats {
    display: grid;
    grid-template-rows: repeat(4, 1fr);
    gap: 15px;
    padding: 0 18px;
    background: #ffffff;
}
.about-story-section .about-story-stat {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 18px 24px;
    background: #111111;
    color: #ffffff;
    pointer-events: none;
}
  .about-story-section .about-story-stat.is-highlight {
    background: #f8b900;
    color: #111111;
  }
.about-story-section .about-story-stat-number {
    font-size: 40px;
    font-weight: 800 !important;
    line-height: 1;
    color: #f8b900;
    font-family: 'Headings' !important;
}
.about-story-section .about-story-stat-number span{
    font-family: 'Headings' !important;
}
  .about-story-section .about-story-stat.is-highlight .about-story-stat-number {
    color: #111111;
  }
.about-story-section .about-story-stat:hover {
    background: #f8b900;
    color: #111111;
    cursor: pointer;
}
.about-story-section .about-story-stat:hover .about-story-stat-number{
    color: #111111;
}
.about-story-section .about-story-stat-label {
    margin-top: 8px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    opacity: 0.75;
    font-family: 'body' !important;
    max-width: 96px;
}
.about-story-section .about-story-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 45px 0px 40px 102px;
    background: #ffffff;
}
.about-story-section .about-story-content h2 {
    margin: 0 0 24px;
    color: #111111;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: 1px;
    max-width: 100%;
}
  .about-story-section .about-story-description {
    color: #6d6d6d;
    font-size: 16px;
    line-height: 1.55;
  }
.about-story-section .about-story-description p {
    margin: 0 0 14px;
    font-size: 20px;
    color: #333333;
    line-height: 1.3em;
    max-width: 590px;
}
  .about-story-section .about-story-description p:last-child {
    margin-bottom: 0;
  }
  /* passion-precision-section CSS */
  .passion-precision-section {
    overflow: hidden;
    padding: 0;
  }

  .passion-precision-section .container-fluid,
  .passion-precision-section .container,
  .passion-precision-section .row {
    width: 100%;
    margin: 0;
    padding: 0;
  }
.passion-precision-section .container {
    max-width: 100% !important;
}
  .passion-precision-wrap {
    width: 100%;
    display: grid;
    grid-template-columns: 50% 50%;
    position: relative;
    overflow: hidden;
  }
  /* LEFT AREA */
.passion-content-area {
    position: relative;
    background-position: center;
    z-index: 2;
    background: transparent;
    padding-left: max(40px, calc((100vw - 1800px) / 2));
}
/*.passion-content-area::after {
    content: "";
    position: absolute;
    top: 0px;
    right: -281px;
    width: 180px;
    height: 100%;
    background: #ffffff;
    z-index: 1;
    clip-path: polygon(95% 0, 100% 0, 5% 100%, 0 100%);
} */
.passion-content-inner {
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: 610px;
    padding-top: 124px;
    padding-bottom: 68px;
}
.passion-heading {
    margin: 0 0 28px;
    color: #fff;
    line-height: 1.08;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.passion-description {
    max-width: 526px;
    margin-bottom: 35px;
}
  .passion-description p {
    margin: 0 0 18px;
    color: #fff;
    font-size: 20px;
    line-height: 1.55;
  }
  .passion-description p:last-child {
    margin-bottom: 0;
  }
  /* Buttons */
.hero-buttons {
    margin-bottom: 0;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    align-items: center;
}
.hero-btn {
    padding: 17px 35px;
    text-decoration: none;
    border-radius: 0;
    transition: 0.3s ease;
    font-weight: 900;
    font-size: 20px;
    line-height: 1em;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    max-height: 57px;
    width: fit-content;
    display: inline-block;
}
.arrow_btn a:after {
    content: "";
    position: relative;
    background: url(/cdn/shop/files/btn_arrow.png?v=1782245661) center right/contain no-repeat;
    width: 16px;
    height: 11px;
    display: inline-block;
    margin: auto;
    right: -4px;
}
/* Primary */
.primary-btn {
  background:url(/cdn/shop/files/orange_bg_btn.png?v=1782244895)center center / 100% 100% no-repeat;
  color: #000;
}
.primary-btn:hover {
  background:url(/cdn/shop/files/white_bg.png?v=1782244783)center center / 100% 100% no-repeat;
  color:#fff;
}
.arrow_btn a:hover:after {
    filter:brightness(0) invert(1);
}
/* Secondary */
.secondary-btn {
  background:url(/cdn/shop/files/white_bg.png?v=1782244783)center center / 100% 100% no-repeat;
  color: #fff;
}
.secondary-btn:hover {
  background:url(/cdn/shop/files/orange_bg_btn.png?v=1782244895)center center / 100% 100% no-repeat;
  color: #000;
}
  /* RIGHT AREA */
.passion-product-area {
    position: relative;
    background: linear-gradient(
103.5deg, #00000000 21%,#fff 11%,#fff 22%, #f7b728 -12%);
    overflow: hidden;
    z-index: 0;
}
.passion-product-image {
    /* position: absolute; */
    /* left: -145px; */
    /* bottom: 0; */
    width: 100%;
    height: 100%;
    padding-right: max(30px, calc((100vw - 1500px) / 2));
    padding-top: 64px !important;
    z-index: 2;
}
.passion-product-image img {
    display: block;
    width: 610px;
    height: 620px;
    object-position: center bottom;
}
.passion-badge {
    position: absolute;
    right: 48px;
    bottom: 58px;
    width: 198px;
    z-index: 4;
}
  .passion-badge img {
    display: block;
    width: 100%;
    height: auto;
  }
  /* What drives Dirt king CSS*/
.why-choose-section-wrapper {
    background: #000 !important;
}
.why-choose-section {
    max-width: 1800px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background: #000;
    background-position: 100% 32%;
    background-repeat: no-repeat;
    background-size: cover;
    border-top: 6px solid #fff;
    padding: 100px 40px 33px !important;
}

.why-choose-section:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 200px;
    background: linear-gradient(90deg, black, transparent);
    pointer-events: none;
}
.why-choose-section:after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 400px;
    background: linear-gradient(-90deg, black, transparent);
    pointer-events: none;
}
.why-inner {
    z-index: 1;
    position: relative;
}

.why-choose-section .container-fluid,
.why-choose-section .container,
.why-choose-section .row {
    /* width: 100%; */
    margin: 0;
    padding: 0;
}


.why-choose-section .container {
    max-width: 1440px;
    margin: 0 auto;
}

.why-bg-image {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.why-bg-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.why-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(0,0,0,.55) 0%,
        rgba(0,0,0,.15) 40%,
        rgba(0,0,0,.55) 100%
    );
    z-index: 2;
}

.why-heading {
    text-align: center;
    margin-bottom: 60px;
}

.why-heading h2 {
    margin: 0;
    color: #fff;
    line-height: .92;
    text-transform: uppercase;
    font-family: "Headings", sans-serif;
    font-weight: 900;
}

.why-content {
    display: grid;
    grid-template-columns: 370px 1fr 370px;
    align-items: end;
    gap: 50px;
}

.why-column {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding-bottom: 130px;
}

.why-center{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:25px;
}
.why-center img {
    width: 100%;
    max-width: 800px;
    min-width: 800px !important;
    display: block;
    position: absolute;
    top: 80px;
    bottom: 0;
    margin: auto;
    z-index: 1;
    pointer-events: none;
}
.content_area_wcu {
    max-width: 230px !important;
}
.why-center .why-card {
    width: 367px;
    max-width: 100%;
}

.why-card {
    padding: 30px;
    background: rgb(0 0 0 / 75%);
    backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 1px solid;
    border-image: linear-gradient(183deg, #F7B728 18%, #F7B728 -19%, #000000 64%, #F7B728 72%, #F7B728 100%) 1;
    text-align: center;
    height: 143px;
}

.why-card-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 10px;
}

.why-card h3 {
    margin: 0;
    color: #fff;
    font-size: 24px;
    line-height: 1;
    text-transform: uppercase;
    font-family: "Headings",sans-serif;
    font-weight: 900;
    flex: 1;
    letter-spacing: 1px;
}

.why-icon {
    width: 35px;
    min-width: 35px;
}

.why-icon img{
    width:100%;
    display:block;
}

.why-card-content{
    color:#fff;
    font-size:15px;
    line-height:1.7;
}
.why-card-content p {
    margin: 0;
    font-size: 16px;
    line-height: 1.3em;
}

.why-bottom-band {
    width: 100%;
    background: #222222;
    border-top: 1px solid rgba(255,255,255,.08);
    border-bottom: 1px solid rgba(255,255,255,.08);
    overflow: hidden;
}

.why-band-scroll {
    max-width: 1500px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
}

.band-item {
    flex: 1;
    min-height: 88px;
    padding: 20px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    border-right: 1px solid rgba(255,255,255,.08);
}
.band-item:last-child {
    border-right: 0;
}
.band-item img {
    width: 26px;
    height: 26px;
    object-fit: contain;
    flex-shrink: 0;
}

.band-item span {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .08em;
    white-space: nowrap;
    text-transform: uppercase;
}
.why-band-scroll ul {
    display: flex !important;
    justify-content: center;
    align-items: center;
    color: #fff;
    width: 100%;
    margin: 0px;
    gap: 150px;
    padding: 0px !important;
}
.why-band-scroll li {
    font-size: 18px !important;
    position: relative;
    padding: 20px 0px;
    text-transform: uppercase;
    list-style: none;
}
.why-band-scroll ul li:not(:last-child)::after {
    content: "";
    position: absolute;
    top: -14px;
    right: -70px;
    width: 3px;
    height: 125%;
    border-left: 1px solid #ffffff57;
    border-right: 1px solid #ffffff47;
    transform: rotate(21deg);
}

/* dk-team-section CSS */
.dk-team-section{
    background:#222222;
    position:relative;
    overflow:hidden;
}
.dk-team-section .container-fluid,
.dk-team-section .container,
.dk-team-section .row{
    width:100%;
    margin:0;
    padding:0;
}
.dk-team-section .container{
    max-width:100% !important;
}
.dk-team-wrapper{
    position:relative;
    display:grid;
    grid-template-columns:320px 1fr 320px;
    align-items:end;
}
.dk-team-left,
.dk-team-right{
    position:relative;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    height:100%;
    z-index:2;
}
.dk-team-left img {
    display: block;
    width: 558px;
    max-width: 558px;
    height: auto;
    position: absolute;
    left: 0px;
}
.dk-team-right img {
    display: block;
    width: 621px;
    max-width: 621px;
    height: auto;
    position: absolute;
    right: 0px;
}
.dk-team-content {
    position: relative;
    z-index: 5;
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
    padding: 101px 20px 113px;
}
.dk-small-heading {
    display: block;
    margin-bottom: 8px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.dk-heading {
    margin: 0;
    color: #ffffff;
    font-family: "Body",sans-serif !important;
    line-height: 1.2em;
    text-transform: uppercase;
    font-weight: 900;
    font-style: italic;
    letter-spacing: 1px;
}
.dk-heading span{
    color:#f5bd18;
}
.dk-description {
    margin: 20px auto 28px;
}
.dk-description p {
    margin: 0;
    font-size: 20px;
    line-height: 1.4em;
    color: #ffffff;
}
.dk-quote-icon {
    width: 47px;
    margin: 0 auto 13px;
}
.dk-quote-icon img{
    display:block;
    width:100%;
}
.dk-team-heading{
    margin:0 0 10px;
    color:#f5bd18;
    font-size:34px;
    text-transform:uppercase;
    font-family:"Headings",sans-serif;
    font-weight:900;
}
.dk-team-subtitle {
    margin: 0 0 30px;
    color: #fff;
    font-size: 16px;
    letter-spacing: .04em;
}
.dk-team-content .hero-buttons{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:4px;
    flex-wrap:wrap;
}
.dk-team-content .hero-buttons .arrow_btn{
    display:flex;
}
.dk_team_sec_button a.hero-btn.primary-btn img {
    width: 24px;
    height: 24px;
    filter: brightness(0);
}
.dk_team_sec_button a.hero-btn.primary-btn:hover img {
    filter: brightness(0) invert(1);
}
.dk_team_sec_button a.hero-btn.primary-btn {
    display: flex;
    gap: 18px;
    justify-content: center;
    align-items: center;
}
.dk_team_sec_button a.hero-btn.primary-btn span {
    font-size:20px !important;
    font-family: 'Headings' !important;
}
/* UCA Page CSS */
/* Product showcase CSS */
.dk-featured-product-banner {
  width: 100%;
  padding: 100px 40px;
  box-sizing: border-box;
}
.dk-fpb-wrapper {
  display: flex;
  gap: 30px;
  width: 100%;
}
.dk-fpb-gallery {
  width: 55%;
  min-width: 0;
}
.dk-fpb-banner {
  width: 45%;
  min-width: 0;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dk-fpb-banner-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.dk-fpb-banner-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.dk-fpb-banner-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.dk-fpb-content {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 40px 60px;
  box-sizing: border-box;
  text-align: center;
  color: #ffffff;
}
.dk-fpb-heading {
    max-width: 450px;
    margin: 0 auto 25px;
    color: #ffffff;
    font-family: 'Headings' !important;
    font-size: 48px;
    line-height: 1.3em;
    font-weight: 700;
    text-transform: uppercase;
}
h2.dk-fpb-heading span {
    color: #F7B728 !important;
    font-family: 'Headings' !important;
}
.dk-fpb-logo {
  position: relative;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dk-fpb-logo:before,
.dk-fpb-logo:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 100%;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    #f7b728,
    transparent
  );
  z-index: -1;
}
.dk-fpb-logo img {
  display: block;
  width: auto;
  max-width: 90px;
  height: auto;
  margin: 0 auto;
  background: transparent;
}
.dk-fpb-description {
    margin-bottom: 20px;
    color: #ffffff;
    font-family: 'Body' !important;
    font-size: 20px;
    line-height: 1.1;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}
.dk-fpb-description p {
  margin: 0;
}
.dk-fpb-filters {
  width: 100%;
  max-width: 430px;
  margin: 0 auto;
}
.dk-fpb-filter-heading {
  width: 100%;
  margin-bottom: 14px;
  padding: 0;
  text-align: center;
  box-sizing: border-box;
}
.dk-fpb-filter-heading h3 {
  margin: 0;
  padding: 10px 15px;
  color: #ffffff;
  font-family: 'body' !important;
  font-size: 30px;
  line-height: 1.15;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  box-sizing: border-box;
}
.dk-fpb-filter {
  width: 100%;
  margin-bottom: 8px;
  position: relative;
}
.dk-fpb-filter-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 40px;
    margin: 0;
    padding: 0 14px;
    border: 0;
    border-radius: 0;
    outline: none;
    background: #ffffff;
    color: #000000;
    font-family: 'heading' !important;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
    cursor: pointer;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    letter-spacing: 0.5px;
}
.dk-fpb-filter-button:hover {
  background-color: #f5f5f5;
}
.dk-fpb-filter-button:focus {
  outline: none;
}
.dk-fpb-filter-button:focus-visible {
  outline: 2px solid #f7b728;
  outline-offset: 2px;
}
.dk-fpb-filter.is-open
.dk-fpb-filter-button {
  background-color: #ffffff;
  box-shadow:
    0 0 0 2px #f7b728;
}
.dk-fpb-filter-button-text {
  display: block;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 10px;
}
.dk-fpb-filter-arrow {
  width: 8px;
  height: 8px;
  display: block;
  flex: 0 0 8px;
  border-right: 1.5px solid #111111;
  border-bottom: 1.5px solid #111111;
  transform: rotate(45deg);
  margin-top: -4px;
  transition:
    transform .2s ease,
    margin-top .2s ease;
}
.dk-fpb-filter.is-open
.dk-fpb-filter-arrow {
  transform: rotate(225deg);
  margin-top: 4px;
}
/* =========================================================
   FILTER OPTIONS

   IMPORTANT:
   This MUST remain static.

   Do NOT use:
   position:absolute;
   position:fixed;
   z-index;

   The options need to occupy real page space.
========================================================= */
.dk-fpb-filter-options {
  width: 100%;
  position: static;
  box-sizing: border-box;
  background: #ffffff;
  border: 0;
  border-top: 1px solid #dddddd;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
}
.dk-fpb-filter.is-open
.dk-fpb-filter-options {
    max-height: 600px;
    opacity: 1;
    visibility: visible;
    height: 81px;
    min-height: 81px;
    overflow: auto;
}
.dk-fpb-filter-option {
  display: block;
  width: 100%;
  margin: 0;
  padding: 11px 14px;
  box-sizing: border-box;
  background: #ffffff;
  color: #111111;
  font-family: 'Body' !important;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 600;
  text-align: left;
  text-transform: uppercase;
  text-decoration: none !important;
  cursor: pointer;
  border-bottom: 1px solid #eeeeee;
  transition:
    background-color 0.2s ease,
    color 0.2s ease;
}
.dk-fpb-filter-option:last-child {
  border-bottom: 0;
}
.dk-fpb-filter-option:hover {
  background: #f1f1f1;
  color: #111111;
  text-decoration: none !important;
}
.dk-fpb-filter-option {
  display: block;
  width: 100%;
  margin: 0;
  padding: 11px 14px;
  box-sizing: border-box;
  background: #ffffff;
  color: #111111;
  font-family: 'Body' !important;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 600;
  text-align: left;
  text-transform: uppercase;
  text-decoration: none !important;
  cursor: pointer;
  border-bottom: 1px solid #eeeeee;
  transition:
    background-color .15s ease,
    color .15s ease;
}
.dk-fpb-filter-option:last-child {
  border-bottom: 0;
}
.dk-fpb-filter-option:hover {
  background: #f1f1f1;
  color: #111111;
  text-decoration: none !important;
}
.dk-fpb-button-wrapper {
  margin-top: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dk-fpb-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 15px 35px;
  background: #f3b41a;
  color: #000000;
  font-family: 'Body' !important;
  font-weight: 700;
  text-decoration: none;
  transition: .3s ease;
}
.dk-fpb-button:hover {
  background: #000000;
  color: #ffffff;
  text-decoration: none;
}
.dk-fpb-main-image {
  width: 100%;
  border: 1px solid #cccccc;
  background: #ffffff;
  box-sizing: border-box;
}
.dk-fpb-main-image img {
  display: block;
  width: 100%;
  height: 443px !important;
  object-fit: contain;
}
.dk-fpb-thumbnails {
  display: flex;
  align-items: center;
  gap: 24px;
  width: 100%;
  margin-top: 20px;
  overflow-x: auto;
  padding-bottom: 2px;
}
.dk-fpb-thumb {
  width: 100px !important;
  min-width: 100px;
  height: auto;
  border: 1px solid #cccccc;
  cursor: pointer;
  box-sizing: border-box;
  transition: border-color .2s ease;
}
.dk-fpb-thumb:hover {
  border-color: #f3b41a;
}
.dk-fpb-thumb.active {
  border: 1px solid #111111;
}
.dk-fpb-thumb img {
  display: block;
  width: 93px !important;
  max-width: 93px;
  height: 59px;
  object-fit: contain;
}
.dk-fpb-thumbnails::-webkit-scrollbar {
  height: 4px;
}
.dk-fpb-thumbnails::-webkit-scrollbar-track {
  background: #eeeeee;
}
.dk-fpb-thumbnails::-webkit-scrollbar-thumb {
  background: #aaaaaa;
}
/* Inner banner */
.inner_banner_area {
    background: #000000;
}
section.about-banner {
    max-width: 1800px;
    margin: 0 auto;
    position:relative;
}
section.about-banner:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 300px;
    background: linear-gradient(90deg, black, transparent);
    z-index: 0;
    pointer-events: none;
}
section.about-banner:after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 300px;
    background: linear-gradient(90deg, transparent, black);
    z-index: 0;
    pointer-events: none;
}
.row.inner_page_row {
    z-index: 1;
    position: relative;
}

/* engineered section CSS */
.engineered-sec {
    background: #111111;
    padding: 100px 40px;
    overflow: hidden;
}
.engineered-sec .container {
    width: 100%;
    margin: 0 auto;
}
.engineered-sec .row {
    display: flex;
    align-items: center;
    gap: 94px;
}
.engineered-sec .engineered-sec__left {
    width: 46%;
}
.engineered-sec .engineered-sec__video {
    position: relative;
    background: #ffffff;
    overflow: hidden;
    /* aspect-ratio: 543 / 614; */
    height: 614px;
}
.engineered-sec .engineered-sec__video video,
.engineered-sec .engineered-sec__video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.engineered-sec .engineered-sec__play {
    position: absolute;
    width: 85px;
    height: 85px;
    left: 50%;
    top: 52%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    color: #fff;
    font-size: 34px;
    /* display: flex; */
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: .3s;
    z-index: 1;
    display: none !important;
}
.engineered-sec .engineered-sec__play:after {
    content: "";
    position: absolute;
    background: #000000;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: -3px;
    border-radius: 100px;
    left: -1px;
}
.engineered-sec .engineered-sec__play:hover:after {
    background: #C79B2B;
}
.engineered-sec .engineered-sec__right {
    width: 54%;
}
.engineered-sec .engineered-sec__right h2 {
    color: #fff;
    line-height: 1.1;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0 0 19px;
    letter-spacing: 1px;
}
.engineered-sec .engineered-sec__description {
    color: #fff;
    font-size: 20px;
    line-height: 1.4em;
}
.engineered-sec .engineered-sec__description p {
    margin-bottom: 15px;
}
.engineered-sec .engineered-sec__line {
    width: 100%;
    height: 1px;
    background: #8D6C1E;
    margin: 40px 0;
}
.engineered-sec .engineered-sec__features {
    display: flex;
    justify-content: space-between;
    gap: 25px;
}
.engineered-sec .engineered-sec__item {
    width: calc(23% - 19px);
}
.engineered-sec .engineered-sec__icon img {
    width: 52px;
    height: 52px;
    object-fit: contain;
}
.engineered-sec .engineered-sec__item h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.1em;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 7px;
    margin-top: 22px;
    font-family: 'Body' !important;
}
.engineered-sec .engineered-sec__item p {
    color: #ffffff;
    font-size: 16px;
    line-height: 1.1;
    margin: 0;
}
/* Tubular UCA CSS */
.dk-tubular-uca-banner {
  width: 100%;
  padding: 100px 40px;
  background: #ffffff;
  box-sizing: border-box;
}
.dk-tubular-uca-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 63px;
    width: 100%;
}
.dk-tubular-uca-content {
  width: 50%;
  min-width: 0;
}
.dk-tubular-uca-image {
  width: 50%;
  min-width: 0;
}

.dk-tubular-uca-image img {
  display: block;

  width: 100%;
  height: auto;
}
.dk-tubular-uca-content h2 {
  margin: 0 0 25px;

  color: #111111;

  line-height: 1.1;

  font-weight: 700;

  text-transform: uppercase;
}
.dk-tubular-uca-content h5 {
    max-width: 100%;
    margin: 0 0 22px;
    color: #333333;
    font-size: 20px;
    line-height: 1.3em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.dk-tubular-uca-description {
    max-width: 100%;
    margin-bottom: 26px;
    color: #333333;
    font-family: 'Body' !important;
    font-size: 20px;
    line-height: 1.3em;
}

.dk-tubular-uca-description p {
  margin-bottom: 18px;
}
.dk-tubular-uca-filters {
  width: 100%;

  max-width: 400px;

  margin-top: 5px;
}
.dk-tubular-uca-filter-heading {
  width: 100%;

  margin-bottom: 10px;
}

.dk-tubular-uca-filter-heading h3 {
  margin: 0;

  padding: 0;

  color: #111111;

  font-family: 'Headings' !important;

  font-size: 18px;

  line-height: 1.2;

  font-weight: 700;

  text-transform: uppercase;
}
.dk-new-uca-filter {
  width: 100%;
  margin-bottom: 7px;
  position: relative;
}
.dk-new-uca-filter-button {
  width: 100%;

  height: 40px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 0 12px;

  margin: 0;

  border: 1px solid #aaaaaa;

  border-radius: 0;

  outline: none;

  background: #ffffff;

  color: #111111;

  font-family: 'Body' !important;

  font-size: 12px;

  line-height: 1;

  font-weight: 600;

  text-transform: uppercase;

  text-align: left;

  cursor: pointer;

  box-sizing: border-box;

  appearance: none;

  -webkit-appearance: none;

  transition:
    border-color .2s ease,
    background .2s ease,
    box-shadow .2s ease;
}
.dk-new-uca-filter-button:hover {
  border-color: #111111;

  background: #fafafa;
}
.dk-new-uca-filter-button:focus {
  outline: none;
}

.dk-new-uca-filter-button:focus-visible {
  outline: 2px solid #111111;

  outline-offset: 2px;
}
.dk-new-uca-filter.is-open
.dk-new-uca-filter-button {

  border-color: #111111;

  box-shadow:
    0 0 0 1px #111111;
}
.dk-new-uca-filter-title {
  display: block;

  min-width: 0;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  padding-right: 10px;
}
.dk-new-uca-filter-arrow {
  width: 8px;

  height: 8px;

  display: block;

  flex: 0 0 8px;

  border-right: 1.5px solid #111111;

  border-bottom: 1.5px solid #111111;

  transform: rotate(45deg);

  margin-top: -4px;

  transition:
    transform .2s ease,
    margin-top .2s ease;
}
.dk-new-uca-filter.is-open
.dk-new-uca-filter-arrow {

  transform: rotate(225deg);

  margin-top: 4px;
}
.dk-new-uca-filter-options {

  width: 100%;

  display: none;

  position: static;

  box-sizing: border-box;

  background: #ffffff;

  border-left: 1px solid #aaaaaa;

  border-right: 1px solid #aaaaaa;

  border-bottom: 1px solid #aaaaaa;
}
.dk-new-uca-filter.is-open
.dk-new-uca-filter-options {
    display: block;
    height: 80px;
    overflow: auto;
}
.dk-new-uca-filter-option {

  display: block;

  width: 100%;

  padding: 11px 12px;

  margin: 0;

  box-sizing: border-box;

  background: #ffffff;

  color: #111111;

  font-family: 'Body' !important;

  font-size: 12px;

  line-height: 1.3;

  font-weight: 600;

  text-transform: uppercase;

  text-decoration: none !important;

  cursor: pointer;

  transition:
    background .15s ease,
    color .15s ease;
}
.dk-new-uca-filter-option:hover {
  background: #eeeeee;
  color: #111111;
}
.dk-tubular-uca-button-wrapper {
  margin-top: 25px;
}
.dk-tubular-uca-banner .primary-btn:hover {
  background:
    url(/cdn/shop/files/black_frame.png?v=1783376745)
    center center / 100% 100% no-repeat;
  color: #000000;
}
.dk-tubular-uca-banner .arrow_btn a:after {
  background:
    url(/cdn/shop/files/showdown_arrow_btn.png?v=1782505858)
    center right / contain no-repeat;
  width: 23px !important;
  height: 12px !important;
}
.dk-tubular-uca-banner .arrow_btn a:hover:after {
  filter: brightness(0);
}
/* Proven Performance CSS */
.proven-sec{
    background:#111111;
    padding:100px 40px;
    overflow:hidden;
}

.proven-sec .container{
    width:100%;
    margin:0 auto;
}

.proven-sec .row{
    width:100%;
}

/*=====================================
    Heading
======================================*/

.proven-sec .proven-sec__heading {
    max-width: 950px;
    margin: 0 auto 42px;
    text-align: center;
}

.proven-sec .proven-sec__heading span {
    color: #d79c18;
    font-size: 55px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.1;
    margin-bottom: 4px;
    font-family: 'Headings' !important;
}

.proven-sec .proven-sec__heading h2{
    color:#ffffff;
    font-size:56px;
    font-weight:800;
    text-transform:uppercase;
    line-height:1.15;
    margin:0;
}

/*=====================================
    Grid
======================================*/

.proven-sec .proven-sec__grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 33px;
}

/*=====================================
    Card
======================================*/

.proven-sec .proven-sec__card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(
97deg, #222222, #111111);
    border: 1px solid #282828;
    min-height: 320px;
    text-decoration: none;
    overflow: hidden;
    transition: .35s;
    /* padding: 35px; */
    pointer-events: none;
}
.proven-sec .proven-sec__card:nth-child(2),.proven-sec .proven-sec__card:nth-child(4) {
    background: linear-gradient(
97deg, #111111, #222222);
}
.proven-sec .proven-sec__card:hover{
    border-color:#d79c18;
}
.proven-sec__card:nth-child(1) {
    border-image: linear-gradient(
127deg, #f7b72800 0%, #f7b72800 0%, #00000000 74%, #f7b728 100%, #F7B728 50%) 1 !important;
}
.proven-sec__card:nth-child(2) {
    border-image: linear-gradient(
223deg, #f7b72800 0%, #f7b72800 0%, #00000000 74%, #f7b728 100%, #F7B728 50%) 1 !important;
}

.proven-sec__card:nth-child(3) {
    border-image: linear-gradient(
44deg, #f7b72800 0%, #f7b72800 0%, #00000000 74%, #f7b728 100%, #F7B728 50%) 1 !important;
}
.proven-sec__card:nth-child(4) {
    border-image: linear-gradient(
324deg, #f7b72800 0%, #f7b72800 0%, #00000000 74%, #f7b728 100%, #F7B728 50%) 1 !important;
}
/*=====================================
    Content
======================================*/
.proven-sec .proven-sec__content {
    width: 42%;
    position: relative;
    z-index: 2;
    padding: 20px 20px 20px 35px;
}
.proven-sec .proven-sec__content h3 {
    color: #ffffff;
    font-size: 30px;
    line-height: 1em;
    text-transform: uppercase;
    margin: 0px 20px 12px 0px;
    font-weight: 800;
    font-family: 'Body' !important;
}
.proven-sec .proven-sec__content p {
    color: #ffffff;
    font-size: 16px;
    line-height: 1.3em;
    margin: 0;
    opacity: 1;
    text-transform: capitalize;
}

/*=====================================
    Image
======================================*/
.proven-sec .proven-sec__image {
    width: 340px !important;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    transform: translateX(26px) translateY(-4px);
}

.proven-sec .proven-sec__image img {
    display: block;
    transition: .4s;
    width: 345px;
    object-fit: contain !important;
    height: 313px;
}
/*.proven-sec .proven-sec__card:hover .proven-sec__image img{
    transform:scale(1.05);
}*/
.proven-sec .arrow_btn a:after {
    background: url(/cdn/shop/files/showdown_arrow_btn.png?v=1782505858) center right/contain no-repeat;
    width: 23px !important;
    height: 12px !important;
}
.proven-sec .arrow_btn {
    text-align: center;
    margin-top: 50px;
}
.proven-sec .arrow_btn a:hover:after {
    filter: brightness(0) invert(1);
}
.proven-sec .description_text {
    color: #fff;
    font-size: 20px;
    padding-top: 10px;
}

/* Craftsmanship Section CSS */
.craftsmanship-section {
    padding: 90px 0px;
    overflow: hidden;
}
.craftsmanship-section .container {
    width: 100% !important;
    /* max-width: 100% !important; */
    margin: auto !important;
}
.craftsmanship-header {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 70px;
}
.craftsmanship-header h2 {
    line-height: 1.1;
    font-weight: 700;
    text-transform: uppercase;
    color: #111;
    margin: 0 0 15px;
}
.craftsmanship-description {
    font-size: 20px;
    color: #111111;
    opacity: 0.8;
    line-height: 1.4em;
    max-width: 740px;
    margin: auto;
}
.craft-top,
.craft-bottom {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}
.craft-top {
    margin-bottom: 50px;
    padding-left: 40px;
    padding-right: 40px;
}
.craft-bottom {
    margin-top: 145px;
    padding-left: 40px;
    padding-right: 40px;
}
.craft-feature {
    position: relative;
    padding-left: 36px;
}
.feature-line {
    position: absolute;
    left: 0px;
    width: 15px;
    height: 150px;
    background-repeat: no-repeat;
    background-size: 14px 150px;
}
.craft-feature:nth-child(1) .feature-line,
.craft-feature:nth-child(4) .feature-line,
.craft-feature:nth-child(5) .feature-line,
.craft-feature:nth-child(8) .feature-line {
    height: 180px;
    background-size: 14px 180px;
}
.craft-top .feature-line {
    top: 15px !important;
}
.craft-bottom .feature-line {
    top: -120px !important;
}
.craft-bottom .craft-feature:first-child .feature-line,
.craft-bottom .craft-feature:last-child .feature-line {
    top: -150px !important;
}
/* Top Row */
.craft-top .feature-line {
    top: 0;
    background-image: url("/cdn/shop/files/top_arrow.png?v=1784060175");
}
/* Bottom Row */
.craft-bottom .feature-line {
    top: 0;
    background-image: url("/cdn/shop/files/bottom_arrow.png?v=1784060175");
}
.craft-feature h3 {
    font-size: 30px;
    line-height: 1.2em;
    font-weight: 700;
    text-transform: uppercase;
    color: #111;
    margin: 0 0 5px;
    max-width: 240px;
}
.craft-feature p {
    font-size: 16px;
    line-height: 1.3em;
    color: #333;
    margin: 0;
    text-transform: capitalize;
    max-width: 245px;
}
/* Center Images */
.craft-center {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}
.uca_page .craft-center {
    padding-left: calc((100% - 1800px) / 2);
    padding-right: calc((100% - 1800px) / 2);
}
.craft-image {
    text-align: center;
}
/* NEW IMAGE TITLE */
.craft-image-title {
    font-size: 20px;
    line-height: 1.2em;
    font-weight: 700;
    text-transform: uppercase;
    color: #111;
    text-align: center;
    min-height: 40px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.craft-image img {
    width: 100%;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
/* Shocks page CSS */
.shock_craft_area .craftsmanship-header h2 {
    color: #fff;
}
.shock_craft_area .craft-feature h3 {
    color: #fff;
}
.shock_craft_area .craft-feature p {
    color: #fff;
}
/* ---------------- */
.simple-image-section {
    width: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 30px 0px 10px;
}
.simple-image-container {
  width: 100%;
  max-width: 1800px;
  margin: 0 auto;
}
.simple-section-image {
  display: block;
  width: 100%;
  height: auto;
}

/* ===================== 
Dirt King Shocks 
========================= */
/* FOUR SHOCK OPTIONS CSS */
.shock-options-section {
  padding: 100px 40px;
  background: #fff;
}
.shock_heading_area {
    max-width: 622px;
    margin: 0 auto 31px;
    text-align: center;
}
.shock_heading_area h2 {
  margin: 0;
}
.shock_heading_area p {
  margin: 20px auto 0 !important;
  max-width: 840px !important;
  color: #111111 !important;
  font-size: 20px !important;
  line-height: 1.5em !important
  text-transform: none !important;
}
.shock-options-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 33px;
  z-index: 0;
  position: relative;
}
.shock-card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid #DADAD2;
  background: #ffffff;
  transition: .35s;
}
.shock-card:hover {
  box-shadow: 0 15px 40px rgba(0,0,0,.08);
  transform: translateY(-6px);
}
.shock-card-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 18px 23px 0;
  color: inherit;
  text-decoration: none;
}
.shock-image {
  height: 290px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.shock-image img {
  max-width: 100%;
  max-height: 260px;
  object-fit: contain;
  transition: .35s;
}
.shock-card:hover .shock-image img {
  transform: scale(1.04);
}
.shock-title {
  margin: 0 0 10px;
  color: #111111;
  font-size: 25px;
  line-height: 1.15;
  font-weight: 800;
  text-transform: uppercase;
}
.shock-description {
  margin-bottom: 13px;
  color: #1F1F1F;
  font-size: 16px;
  line-height: 1.4em;
  font-family: 'Body' !important;
}
.shock-best-for {
  margin-top: auto;
  margin-bottom: 14px;
  padding: 12px 14px;
  background: #F5F5F2;
}
.shock-options-accordion-section .shock-best-for {
  margin-top: 0;
}
.best-for-label {
  display: block;
  margin-bottom: 7px;
  color: #AE7612;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1em;
  text-transform: uppercase;
}
.best-for-text {
    color: #111111;
    font-size: 14px;
    line-height: 1.2em;
    font-family: 'Body' !important;
}
.shock-accordion-wrap {
  width: 100%;
  margin-top: 15px;
  padding: 0 23px 20px;
}
.shock-accordion-item {
  position: relative;
  border-bottom: 1px solid #DADAD2;
}
.shock-accordion-item:last-child {
  border-bottom: 0;
}
.shock-accordion-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}
.shock-accordion-title {
    flex: 1;
    min-width: 0;
    padding: 17px 0;
    color: #111111;
    font-size: 14px;
    font-weight: 700;
    line-height: 1em;
    text-align: left;
    text-transform: uppercase;
    font-family: 'Body' !important;
}
.shock-accordion-toggle {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 70px;
    padding: 9px 12px;
    background: #E9E9E7;
    border: 0;
    color: #111111;
    font-size: 12px;
    line-height: 1em;
    font-weight: 700;
    cursor: pointer;
    text-transform: uppercase;
    transition: background .2s ease;
    font-family: 'Body' !important;
    letter-spacing: 0.7px;
}
.shock-accordion-toggle:hover {
  background: #dededb;
}
.shock-accordion-item.active .shock-accordion-toggle {
  background: #F7B728;
}
.shock-accordion-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #111111;
  transition: transform 0.3s ease;
}
.shock-accordion-item.active .shock-accordion-arrow {
  transform: rotate(180deg);
}
.shock-accordion-content {
  position: absolute;
  width: 100%;
  left: 0;
  top: 100%;
  z-index: 999;
  max-height: 0;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 15px 40px rgba(0,0,0,.10);
  transition: max-height 0.3s ease-out;
}
.shock-accordion-content-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 !important;
    max-height: 110px;
    overflow: auto;
}
.shock-accordion-link {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 15px !important;
  background: #ffffff;
  color: #111111;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
  border-left: 3px solid #F7B728;
  transition: all .2s ease;
}
.shock-accordion-link:hover {
  background: #EAEAE2;
  border-left-color: #111111;
  color: #111111;
  text-decoration: none;
}
.shock-card {
  overflow: visible;
}
/* shock-comparison-section CSS */
.shock-comparison-section {
    background: #F5F5F2 !important;
    padding: 100px 40px;
}
.shock-comparison-section .container{
    max-width:1170px;
    margin:auto;
}
.comparison-heading {
    text-align: center;
    margin-bottom: 50px;
}
.comparison-heading h2{
    margin:0;
    font-weight:800;
    text-transform:uppercase;
    line-height:1.1;
    color:#111;
}
.comparison-row{
    display:flex;
    flex-wrap:wrap;
}
.comparison-item {
    width: 33.333%;
    padding: 0 115px;
    text-align: center;
    position: relative;
}
.comparison-item:not(:last-child)::after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:1px;
    height:100%;
    background:#ddd;
}
.comparison-item h3{
    font-size:30px;
    margin:0 0 20px;
    text-transform:uppercase;
    font-weight:800;
}
.comparison-item p {
    margin: 0 0 10px;
    color: #111111;
    line-height: 1.2em;
    font-size: 20px;
}
.comparison-item p:last-child{
    margin-bottom:0;
}

/* Front Coilovers Section CSS */
.front-coilovers-section {
    padding: 100px 40px 60px;
    overflow: hidden;
    position: relative;
    background: #fff;
}
.front-coilovers-section .container{
    max-width:1320px;
    margin:0 auto;
    width:100%;
}
.section-title {
    text-align: center;
    margin-bottom: 10px;
}
/* Don't add font-size */
.section-title .comman_heading{
    margin:0;
    text-transform:uppercase;
}
.front-coilovers-row{
    display:flex;
    align-items:start;
    justify-content:space-between;
    gap:50px;
}
.coilover-features {
    width: 18%;
    padding-top: 56px;
}
.feature-item {
    margin-bottom: 25px;
}
.feature-item:last-child{
    margin-bottom:0;
}
.feature-item h3 {
    margin: 0 0 0px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2em;
    color: #202020;
    text-transform: uppercase;
}
.feature-item {
    display: flex;
    align-items: start;
    gap: 5px;
    flex: 1;
    flex-direction: column !important;
}
.feature-item p {
    margin: 0;
    color: #333333;
    font-size: 16px;
    line-height: 1.2em;
    max-width: 230px;
}
.left-features{
    text-align:left;
}
.right-features{
    text-align:left;
}
.front-coilovers-row h4 {
    font-size: 30px !important;
    max-width: 230px;
    margin-bottom: 48px;
}
.coilover-image-wrapper {
    width: 56%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.coilover-bg-shape {
    position: absolute;
    width: 80%;
    height: 66%;
    background: #ffffff;
    z-index: 1;
    clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%);
    top: 130px;
}
.coilover-image-wrapper img:not(.arrow-left):not(.arrow-right) {
    position: relative;
    z-index: 2;
    display: block;
    max-width: 600px;
    width: 100%;
    height: auto;
}
.arrow-left,
.arrow-right{
    position:absolute;
    width:150px;
    height:auto;
    z-index:5;
    pointer-events:none;
}
.arrow-left {
    top: 80px;
    left: -45px;
}
.arrow-right {
    bottom: 30px;
    right: -27px;
    transform: rotate(180deg);
}
/* SERVICE PARTNERSHIP Section CSS */
.dk-service-hero{
    position:relative;
    overflow:hidden;
    background:#000;
    color:#fff;
}

.dk-service-hero *{
    box-sizing:border-box;
}

.dk-service-bg{
    position:absolute;
    inset:0;
    z-index:1;
}

.dk-service-bg img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.dk-service-hero .page-width{
    position:relative;
    z-index:5;
}

.dk-service-grid{
    min-height:640px;
    display:grid;
    grid-template-columns:55% 45%;
    align-items:center;
}

/* LEFT */

.dk-left{
    position:relative;
    display:flex;
    align-items:flex-end;
    justify-content:flex-start;
    padding-top:70px;
}

.dk-left picture{
    width:100%;
}

.dk-left img {
    width: 110%;
    display: block;
    margin-left: -20px;
    margin-bottom: 60px;
}

/* RIGHT */

.dk-right {
    margin-left: auto;
    padding: 0px max(40px, calc((100vw - 1800px) / 2)) 0px 25px;
}

.dk-label{
    display: inline-flex;
    width: fit-content;
    background: #f5bd18;
    color: #000000;
    font-family: 'Headings', Arial, sans-serif !important;
    font-size: 20px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    padding: 10px 26px 8px;
    margin-bottom: 15px;
    clip-path: polygon(3% 0, 100% 0, 97% 100%, 0 100%);
}

.dk-logo{
    margin-bottom:30px;
}

.dk-logo img{
    max-width:410px;
    width:100%;
    display:block;
}

.dk-heading{
    margin:0;
    color:#fff;
    font-size:76px;
    line-height:.9;
    text-transform:uppercase;
    font-weight:900;
    letter-spacing:-2px;
}
.dk_shocks_area .dk-service-description {
    padding: 18px 0px 30px;
}
.dk-service-description {
    font-size: 20px;
    padding: 15px;
    font-family: 'Body' !important;
    line-height: 1.2em;
}
/* SERVICE LINKS */

.dk-services {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-top: 11px;
    padding-top: 10px;
    border-top: 1px solid #f5be19;
    padding-bottom: 10px;
    border-bottom: 1px solid #f5be19;
}

.dk-services a,
.dk-services span{

    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    font-size:16px;
    font-weight:700;
    letter-spacing:.5px;
    display:flex;
    align-items:center;
}

.dk-services>*:not(:last-child)::after{

    content:"//";
    color:#F5BE19;
    margin-left:12px;
}

.dk-services a:hover{
    color:#F5BE19;
}

/* BUTTON */
.dk-buttons{
    margin-top:0px;
}
.dk-buttons a.dk-btn{
    padding: 17px 58px 17px 35px;
    background: url(/cdn/shop/files/orange_bg_btn.png?v=1782244895) center center / 100% 100% no-repeat;
    color: #000;
    text-decoration: none;
    border-radius: 0;
    transition: 0.3s ease;
    font-weight: 900;
    font-size: 22px;
    line-height: 1em;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    max-height: 57px;
    width: fit-content;
    display: inline-block;
}
.dk-buttons a.dk-btn span{
    font-family: 'Headings' !important;
}
.dk-buttons a.dk-btn:hover{
    background: url(/cdn/shop/files/white_bg.png?v=1782244783) center center / 100% 100% no-repeat;
    color: #fff;
}
.dk-buttons a.dk-btn:after {
    content: "";
    position: relative;
    background: url(/cdn/shop/files/showdown_arrow_btn.png?v=1782505858) center right/contain no-repeat;
    width: 23px;
    height: 14px;
    display: inline-block;
    margin: auto;
    right: -21px;
}
.dk-buttons a.dk-btn:hover:after {
    filter: brightness(0) invert(1);
}
/*=======================================
Runner Package Page
=======================================*/
/* new-performance-upgrades CSS */
.new-performance-upgrades {
  width: 100%;
  padding: 80px 40px 100px;
  background: #ffffff;
  box-sizing: border-box;
}

.new-performance-upgrades .container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.performance_btn {
    text-align: center;
}
.performance_btn .primary-btn:hover {
    background: url(/cdn/shop/files/black_frame.png?v=1783376745)center center / 100% 100% no-repeat;
    color: #000000;
}
.performance_btn .arrow_btn a:after {
    background: url(/cdn/shop/files/showdown_arrow_btn.png?v=1782505858) center right/contain no-repeat;
    width: 23px !important;
    height: 12px !important;
}
.performance_btn .arrow_btn a:hover:after {
    filter: brightness(0);
}
.new-performance-upgrades .performance-heading {
  width: 100%;
  margin-bottom: 10px;
  text-align: center;
}

.new-performance-upgrades .performance-heading h2 {
  max-width: 900px;
  margin: 0 auto;

  color: #111111;

  font-size: 38px;
  line-height: 1.15;
  font-weight: 700;

  text-transform: uppercase;
}
.new-performance-upgrades .performance-description {
  max-width: 960px;

  margin: 0 auto 50px;

  text-align: center;

  color: #333333;

  font-size: 20px;
  line-height: 1.45;
}
.performance-fixed-products {
  width: 100%;

  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    1px
    minmax(0, 1fr)
    3px
    minmax(0, 1fr);

  align-items: stretch;

  margin-bottom: 55px;
}
.performance-fixed-product {
  width: 100%;
  min-width: 0;

  padding: 0 35px;

  box-sizing: border-box;

  text-align: center;
}
.performance-fixed-product-image {
    width: 100%;
    height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 70px;
}

.performance-fixed-product-image img {
  display: block;

  width: 100%;

  max-width: 400px;

  height: 100%;

  object-fit: contain;
}
.performance-fixed-product-title {
    margin: 0 0 12px;
    color: #111111;
    font-family: 'Headings' !important;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
}
.performance-fixed-product-description {
    max-width: 370px;
    margin: 0 auto;
    color: #333333;
    font-size: 20px;
    line-height: 1.3em;
    font-family: 'Body' !important;
}
.performance-plus-divider {
    position: relative;
    width: 1px;
    min-height: 100%;
    background: linear-gradient(45deg, transparent, #0000004f, transparent);
    display: flex;
    align-items: center;
    justify-content: center;
}
.performance-plus-divider span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f7b719;
    color: #111111;
    font-size: 30px;
    line-height: 1;
    z-index: 5;
}
.performance-filters-grid {
  width: 100%;

  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 14px;

  align-items: start;
}
.tow_runner_section .performance-filters-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    max-width: 35%;
    margin: auto;
}
.performance-filter-item {
  position: relative;

  width: 100%;

  min-width: 0;
}
.performance-filter-row {
  width: 100%;

  min-height: 48px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 10px;

  box-sizing: border-box;

  border: 1px solid #aaaaaa;

  background: #ffffff;
}
.performance-filter-title {
    flex: 1;
    min-width: 0;
    padding: 0 12px;
    color: #111111;
    font-family: 'Headings' !important;
    font-size: 18px;
    line-height: 1em;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.performance-filter-button {
    flex-shrink: 0;
    width: 85px;
    height: 31px;
    margin-right: 9px;
    padding: 0 8px;
    border: 0;
    border-radius: 0;
    background: #e9e9e7;
    color: #111111;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    font-family: 'Body' !important;
    font-size: 12px;
    line-height: 1em;
    font-weight: 700;
    letter-spacing: 0px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background .2s ease;
}
.performance-filter-button:hover {
  background: #dddddb;
}
.performance-filter-item.active
.performance-filter-button {
  background: #f7b719;
}
.performance-filter-arrow {
  display: inline-block;

  width: 0;
  height: 0;

  border-left: 4px solid transparent;

  border-right: 4px solid transparent;

  border-top: 5px solid #111111;

  transition: transform .25s ease;
}

.performance-filter-item.active
.performance-filter-arrow {
  transform: rotate(180deg);
}
.performance-filter-dropdown {
  position: absolute;

  top: calc(100% + 1px);

  left: 0;

  width: 100%;

  max-height: 0;

  overflow: hidden;

  opacity: 0;

  visibility: hidden;

  background: #ffffff;

  z-index: 2;

  box-shadow: 0 12px 30px rgba(0, 0, 0, .13);

  transition:
    max-height .25s ease,
    opacity .2s ease,
    visibility .2s ease;
}

.performance-filter-item.active
.performance-filter-dropdown {
    max-height: 130px;
    opacity: 1;
    visibility: visible;
}
.performance-filter-dropdown-inner {
    width: 100%;
    max-height: 130px;
    overflow-y: auto;
    background: #ffffff;
}
.performance-filter-option {
  display: block;

  width: 100%;

  padding: 13px 14px;

  box-sizing: border-box;

  background: #ffffff;

  border-left: 3px solid #f7b719;

  border-bottom: 1px solid #dddddd;

  color: #111111;

  font-size: 13px;

  line-height: 1.3;

  font-weight: 500;

  text-decoration: none;

  cursor: pointer;

  transition:
    background .2s ease,
    border-color .2s ease;
}

.performance-filter-option:hover {
  background: #f5f5f2;

  border-left-color: #111111;

  color: #111111;

  text-decoration: none;
}
.performance-filter-option:last-child {
  border-bottom: 0;
}
.performance-filter-dropdown-inner::-webkit-scrollbar {
  width: 5px;
}
.performance-filter-dropdown-inner::-webkit-scrollbar-track {
  background: #eeeeee;
}
.performance-filter-dropdown-inner::-webkit-scrollbar-thumb {
  background: #aaaaaa;
}
.performance-filter-heading h2 {
    text-align: center;
    padding-bottom: 30px;
    padding-top: 20px;
}
/* driver-features-section CSS */
.driver-features-section{
    background:#151515;
    padding:100px 40px;
}

.driver-features-heading {
    text-align: center;
    margin-bottom: 50px;
}

.driver-features-heading h2 {
    color: #fff;
    line-height: 1.15;
    font-weight: 700;
    text-transform: uppercase;
    max-width: 100%;
    margin: 0px auto 10px;
}
.driver-features-description p {
    color: #fff !important;
    font-size: 20px;
    max-width: 100%;
    margin: auto;
}
.driver-features-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 27px;
}

.driver-feature-card {
    background: #1D1D1D;
    padding: 31px 15px 36px;
    text-align: center;
    transition: .35s;
    border: 1px solid;
    border-image: linear-gradient(233deg, #f7b72800 0%, #f7b72800 -19%, #000000 51%, #F7B728 119%, #F7B728 100%) 1;
}

.driver-feature-card:hover{
    transform:translateY(-8px);
    border-color:#f4b21a;
}

.driver-feature-icon{
    width:70px;
    height:70px;
    margin:0 auto 28px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.driver-feature-icon img{
    max-width:76px;
    max-height:76px;
    display:block;
}
/* .driver-feature-card:nth-child(2) .driver-feature-icon,.driver-feature-card:nth-child(4) .driver-feature-icon {
    width: 90px !important;
    height: 70px !important;
} */
.driver-feature-card h3 {
    color: #fff;
    font-size: 30px;
    line-height: 1em;
    text-transform: uppercase;
    font-weight: 700;
    max-width: 250px;
    margin: 0 auto 9px;
    font-family: 'Body' !important;
}

.driver-feature-card p {
    color: #ffffff;
    font-size: 20px;
    line-height: 1.1em;
    margin: auto;
    max-width: 240px;
}
/* trail-runner-section CSS */
.trail-runner-section {
    padding: 77px 40px 53px;
    background: #fff;
    overflow: hidden;
}

.trail-runner-wrapper{
    display:flex;
    justify-content:space-between;
    gap:45px;
}

/* Left */

.trail-left {
    width: 24%;
    padding-top: 53px;
}

.trail-left h2{
    line-height:1.05;
    font-weight:700;
    text-transform:uppercase;
    color:#111;
    margin:0 0 30px;
}

.trail-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:18px 34px;
    background:#f5b51f;
    color:#111;
    text-decoration:none;
    font-size:16px;
    font-weight:700;
    text-transform:uppercase;
    transition:.3s;
}

.trail-btn svg{
    transition:.3s;
}

.trail-btn:hover{
    background:#111;
    color:#fff;
}

.trail-btn:hover svg{
    transform:translateX(6px);
}
.trail-left .arrow_btn a:after {
    background: url(/cdn/shop/files/showdown_arrow_btn.png?v=1782505858) center right/contain no-repeat;
    width: 23px !important;
    height: 12px !important;
}
.trail-left .primary-btn:hover {
    background: url(/cdn/shop/files/black_frame.png?v=1783376745)center center / 100% 100% no-repeat;
    color: #000000;
}
.trail-left .arrow_btn a:hover:after {
    filter: brightness(0);
}
/* Center */

.trail-image {
    width: 35%;
    text-align: center;
}

.trail-image img{
    width:100%;
    display:block;
}

/* Right */

.trail-right {
    width: 36%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 80px;
}
.trail-description {
    font-size: 20px;
    line-height: 1.2em;
    color: #333;
    max-width: 100%;
}
.trail-divider {
    width: 100%;
    height: 1px;
    margin-top: 38px;
    margin-bottom: 48px !important;
    background: #F7B728;
    /* position: absolute; */
    right: 0;
    top: 0;
}
.trail-features {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 28px 35px;
}
.trail-feature-description {
    font-family: 'Body' !important;
    font-size: 16px !important;
    line-height: 1.2em;
    padding-top: 6px;
}

.trail-feature {
    display: flex;
    align-items: start;
    gap: 16px;
}

.trail-icon{
    width:55px;
    flex:0 0 55px;
}

.trail-icon img{
    width:55px;
    display:block;
}

.trail-text h4 {
    margin: 0;
    font-size: 20px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #111;
    font-weight: 700;
    /* max-width: 136px; */
}

/* compare-mt-packages CSS */
.compare-mt-packages {
  position: relative;
  width: 100%;
  padding: 100px 40px;
  overflow: hidden;
  background: #151515;
  color: #ffffff;
  box-sizing: border-box;
}
.compare-mt-packages__container {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 715px;
  margin: 0 auto;
  box-sizing: border-box;
}
.compare-mt-packages__heading-wrap {
    width: 100%;
    margin-bottom: 40px;
    text-align: center;
}
.compare-mt-packages__heading {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-family:
    Arial Narrow,
    Arial,
    Helvetica,
    sans-serif;
  font-size: 23px;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.compare-mt-packages__subheading {
    margin-top: 7px;
    color: #fff;
    font-size: 24px;
    line-height: 1em;
    font-weight: 400;
    font-family: 'Body' !important;
}
/* ========== TABLE ======= */
.compare-mt-packages__table {
  width: 100%;
  border: 1px solid rgba(190, 140, 30, 0.45);
  background: rgba(4, 4, 4, 0.88);
  box-sizing: border-box;
}
/* =========== GRID ============== */
.compare-mt-packages__top, .compare-mt-packages__content {
    display: grid;
    grid-template-columns: 20% 35% 35%;
}
/* =============== TOP HEADINGS ================ */
.compare-mt-packages__top-cell {
    display: flex;
    align-items: center;
    padding: 44px 44px 0px;
    box-sizing: border-box;
    color: #ffffff;
    font-family: 'Body' !important;
    font-size: 20px;
    line-height: 1em;
    font-weight: 700;
    text-transform: uppercase;
}
/* .compare-mt-packages__details-heading {
  border-right: 1px solid rgba(190, 140, 30, 0.32);
} */
/* .compare-mt-packages__top-cell:nth-child(3) {
  border-left: 1px solid rgba(190, 140, 30, 0.32);
} */
.compare-mt-packages__details-column {
    /* border-right: 1px solid rgba(190, 140, 30, 0.32); */
    padding: 25px 44px 15px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.compare-mt-packages__row {
  box-sizing: border-box;
}
.compare-mt-packages__row--label {
    display: flex;
    align-items: center;
    color: #ffffff;
    font-size: 16px;
    line-height: 1em;
    font-weight: 400;
    text-transform: uppercase;
    font-family: 'Body' !important;
}
.compare-mt-packages__product-column {
    padding: 25px 45px 24px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
/* .compare-mt-packages__product-column + .compare-mt-packages__product-column {
  border-left: 1px solid rgba(190, 140, 30, 0.32);
} */
.compare-mt-packages__row--value {
    display: flex;
    align-items: center;
    color: #fff;
    font-family: 'Body' !important;
    font-size: 16px;
    line-height: 1em;
    font-weight: 400;
}
.compare-mt-packages__row--value a{
  color: #fff;
  font-family: 'Body' !important;
  display: flex;
    gap: 7px;
}
.compare-mt-packages__row--value a span{display: inline-flex;}
.compare-mt-packages__row--value a svg {
    width: 10px;
    height: 11px;
}
.compare-mt-packages__select-wrap {
    position: relative;
    margin: 33px 0px 0px 0px !important;
}
.compare-mt-packages__select {
    width: 100%;
    padding: 15px 28px 14px 18px;
    box-sizing: border-box;
    font-family: 'Body' !important;
    font-weight: 700 !important;
    font-size: 20px;
    line-height: 1em;
    cursor: pointer;
}
.trail_runner .compare-mt-packages__select-wrap:after {
    content: "";
    position: absolute;
    background: url(/cdn/shop/files/Vectorsss.png?v=1786386725)center center / contain no-repeat;
    width: 10px;
    height: 5px;
    right: 17px;
    top: 0;
    bottom:0;
    margin:auto;
    pointer-events: none;
}
.pre_runner .compare-mt-packages__select-wrap:after {
    content: "";
    position: absolute;
    background: url(/cdn/shop/files/Vectoreee.png?v=1786481423)center center / contain no-repeat;
    width: 10px;
    height: 5px;
    right: 17px;
    top: 0;
    bottom:0;
    margin:auto;
    pointer-events: none;
}
.compare-mt-packages__select--trail {
  background: #ffb91f;
  border: 1px solid #ffb91f;
  color: #080808;
}
.compare-mt-packages__select--pre {
  background: #080808;
  border: 1px solid #b88b24;
  color: #ffb91f;
}
.compare-mt-packages__select option {
  background: #ffffff;
  color: #111111;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 16px;

  text-transform: none;
}
.compare-mt-packages__arrow {
  position: absolute;
  top: 50%;
  right: 9px;
  width: 8px;
  height: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
  pointer-events: none;
}
.compare-mt-packages__select--trail + .compare-mt-packages__arrow {
  color: #111111;
}
.compare-mt-packages__select--pre + .compare-mt-packages__arrow {
  color: #ffb91f;
}
/* Performance Features section CSS */
.performance-features-section{
    padding:90px 0px;
    overflow:hidden;
}
.performance-features-section .container {
    width: 100%!important;
    max-width: 100% !important;
    margin: auto!important;
}
.performance-features-header{
    text-align:center;
    max-width:900px;
    margin:0 auto 70px;
}

.performance-features-header h2{
    line-height:1.1;
    font-weight:700;
    text-transform:uppercase;
    {% comment %} color:#111; {% endcomment %}
    margin:0 0 15px;
}

.performance-features-description {
    font-size: 20px;
    {% comment %} color: #111111; {% endcomment %}
    line-height: 1.4em;
    max-width: 740px;
    margin: auto;
}
.performance-features-top,
.performance-features-bottom{
        display: flex;
    gap: 30px;
    justify-content: space-between;
}

.performance-features-top {
    margin: 0 0px 50px 0px;
    padding-left: 40px;
    padding-right: 40px;
}

.performance-features-bottom {
    margin: 145px 0px 0 0px;
    padding-left: 40px;
    padding-right: 40px;
}

.performance-features-feature {
    position: relative;
    padding-left: 36px;
    max-width: max-content;
}
.feature-line {
    position: absolute;
    left: 0px;
    width: 15px;
    height: 150px;
    background-repeat: no-repeat;
    background-size: 14px 150px;
}
.performance-features-feature:nth-child(2), .performance-features-feature:nth-child(5){
margin-left: 40px;}
.performance-features-feature:nth-child(1) .feature-line, .performance-features-feature:nth-child(3) .feature-line , .performance-features-feature:nth-child(4) .feature-line, .performance-features-feature:nth-child(6) .feature-line {
    height: 180px;
    background-size: 14px 180px;
}
.performance-features-top .feature-line {
    top: 15px !important;
}
.performance-features-bottom .feature-line {
    top: -120px !important;
}
.performance-features-bottom .performance-features-feature:first-child .feature-line,.performance-features-bottom .performance-features-feature:last-child .feature-line {
    top:-150px !important;
}
/* Top Row */
.performance-features-top .feature-line{
    top:0;
    background-image:url("/cdn/shop/files/top_arrow.png?v=1784060175");
}

/* Bottom Row */
.performance-features-bottom .feature-line{
    top:0;
    background-image:url("/cdn/shop/files/bottom_arrow.png?v=1784060175");
}

.performance-features-feature h3 {
    font-size: 30px;
    line-height: 1.2em;
    font-weight: 700;
    text-transform: uppercase;
    {% comment %} color: #111; {% endcomment %}
    margin: 0 0 5px;
    max-width: 300px;
}
.performance-features-feature p {
    font-size: 16px;
    line-height: 1.3em;
    {% comment %} color: #333; {% endcomment %}
    margin: 0;
    text-transform: capitalize;
    max-width: 245px;
}

.performance-features-center {
    display: flex;
    gap: 0px;
    align-items: center;
    justify-content: space-between;
}
.uca_page .performance-features-center{
    padding-left: calc((100% - 1800px) / 2);
    padding-right: calc((100% - 1800px) / 2);
}
.performance-features-image{
    text-align:center;
}

.performance-features-image img {
    width: 100%;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
/* trail slider section CSS */
 .trail-slider-section{
    padding:100px 0px;
    overflow:hidden;
}

.trail-slider{
    margin:0 -20px;
}

.trail-slide {
    padding: 0 0px;
    transition: .4s;
}

.trail-slide img{
    width:100%;
    display:block;
    transition:.4s;
}
.trail-slider .slick-slide{
    transform:scale(.9);
    opacity:1;
    transition:.4s;
}

.trail-slider .slick-center {
    opacity: 1;
    transform: scale(1);
}


.trail-slider-section .primary-btn:hover {
    background: url(/cdn/shop/files/black_frame.png?v=1783376745)center center / 100% 100% no-repeat;
    color: #000000;
}
.trail-slider-section .arrow_btn a:after {
    background: url(/cdn/shop/files/showdown_arrow_btn.png?v=1782505858) center right/contain no-repeat;
    width: 23px !important;
    height: 12px !important;
}
.trail-slider-section .arrow_btn a:hover:after {
    filter: brightness(0);
}
.trail-slider-section .arrow_btn {
    text-align: center;
    margin-top: 50px;
}
.trail-slider-section.black_bg_sec .primary-btn:hover {
    background: url(/cdn/shop/files/white_bg.png?v=1782244783)center center / 100% 100% no-repeat;
    color: #ffffff;
}
.trail-slider-section.black_bg_sec .arrow_btn a:hover:after {
    filter: brightness(0) invert(1);
}

/* dk-tow-runner-section CSS */
.dk-tow-runner-section {
    position: relative;
    background-image: linear-gradient(#111111d9, #111111d9), var(--tow-bg-image);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 100px 15px;
    overflow: hidden;
}
.dk-tow-runner-container {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
}
.dk-tow-runner-section .dk-tow-runner-heading {
    margin: 0 0 10px;
    text-align: center;
    color: #fff;
}
.dk-tow-runner-section .dk-fpb-description {
    color: #fff !important;
    text-align: center;
    font-size: 20px;
    text-transform: inherit !important;
    font-family: 'Body' !important;
    font-weight: 400 !important;
    max-width: 880px !important;
    margin: 0px auto 35px;
}
.dk-tow-runner-card {
    position: relative;
    width: 100%;
    background: #00000080 url(/cdn/shop/files/Rectangle_293030474-2.png) center center / 100% 100% no-repeat;
    overflow: hidden;
    backdrop-filter: blur(11px);
}
.dk-tow-runner-label {
    display: inline-flex;
    min-width: 225px;
    align-items: center;
    padding: 11px 39px 11px 21px;
    background: #f5b51b;
    color: #111;
    font-size: 20px;
    line-height: 1em;
    font-weight: 700;
    text-transform: uppercase;
    clip-path: polygon(
    0% 0%,
    96% 0,
    91% 100%,
    0% 100%
  );
    justify-content: flex-start;
    font-family: 'Headings' !important;
}
.dk-tow-runner-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  min-height: 235px;
  padding: 0px 35px 0px;
}
.dk-tow-runner-info {
  width: 100%;
  padding-right: 20px;
  font-family: 'Headings' !important;
}
.dk-tow-spec-row {
  display: grid;
  grid-template-columns: 135px 1fr;
  gap: 16px;
  align-items: center;
  margin-bottom: 22px;
}
.dk-tow-spec-row:last-child {
  margin-bottom: 0;
}
.dk-tow-spec-label {
    color: #fff;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Body' !important;
}
.dk-tow-spec-value {
  color: #fff;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 600;
  text-transform: uppercase;
    font-family: 'Body' !important;
}
.dk-tow-runner-image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.dk-tow-product-image {
  display: block;
  width: 100%;
  max-width: 470px;
  height: auto;
  object-fit: contain;
  transition: transform .4s ease;
}
.dk-tow-runner-card:hover .dk-tow-product-image {
  transform: scale(1.03);
}
.dk-tow-runner-section .arrow_btn {
    text-align: center;
    margin-top: 35px;
}

/* upgrade-suspension-section CSS*/
.upgrade-suspension-section {
    padding: 100px 0px;
    background: #fff;
}
.upgrade-suspension-section .container {
    max-width: 100% !important;
}
.upgrade-top {
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: center;
    gap: 102px;
    margin-bottom: 70px;
    padding-right: calc((100% - 1500px) /2) !important;
}
/* Left Image */
.upgrade-image img{
    width:100%;
    display:block;
}
/* Right Content */
.upgrade-content {
    max-width: 85%;
}
.upgrade-content h2{
    line-height:1.2em;
    font-weight:700;
    color:#111;
    text-transform:uppercase;
    margin:0 0 22px;
}
.upgrade-description {
    color: #111;
    font-size: 20px;
    line-height: 1.2em;
    margin-bottom: 22px;
    max-width: 610px;
}
.hero-buttons.card_button {
    justify-content: center;
    margin-top: 43px;
}
.upgrade-suspension-section .primary-btn:hover {
    background: url(/cdn/shop/files/black_frame.png?v=1783376745)center center / 100% 100% no-repeat;
    color: #000000;
}
.upgrade-suspension-section .arrow_btn a:hover:after {
    filter: brightness(0);
}
.arrow_btn a:after {
    background: url(/cdn/shop/files/showdown_arrow_btn.png?v=1782505858) center right/contain no-repeat;
    width: 23px !important;
    height: 12px !important;
}
/* Cards */
.upgrade-cards {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 18px;
    padding-left: calc((100% - 1500px) /2) !important;
    padding-right: calc((100% - 1500px) /2) !important;
}
.upgrade-card{
    position:relative;
    overflow:hidden;
    min-height:420px;
    background:#ddd;
}
.upgrade-card-image{
    height:100%;
}
.upgrade-card-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.45s;
}
.upgrade-card:hover .upgrade-card-image img{
    transform:scale(1.08);
}
/* Overlay */
.upgrade-card-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0,0,0,.85) 10%,
        rgba(0,0,0,.5) 27%,
        rgba(0,0,0,0) 61%
    );
}
/* Content */
.upgrade-card-content {
    position: absolute;
    left: 20px;
    right: 25px;
    bottom: 25px;
    z-index: 2;
    width: 100%;
    max-width: 190px;
}
.upgrade-card-content h3 {
    margin: 0;
    color: #fff;
    font-size: 20px;
    line-height: 1.1em;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Body' !important;
    letter-spacing: 1px;
}
/* Badge */
.upgrade-card-badge{
    position:absolute;
    right:18px;
    bottom:18px;
    z-index:3;
}
.upgrade-card-badge img{
    width:46px;
    display:block;
}
/* Link */
.upgrade-card-link{
    position:absolute;
    inset:0;
    z-index:10;
}
/* Hover */
.upgrade-card:hover .upgrade-card-content{
    transform:translateY(-6px);
    transition:.35s;
}
/* pre runner page css */
.pre_runner_upgeade_sec {
    padding-bottom: 0px !important;
    padding-top: 64px !important;
}
.pre_runner_upgeade_sec .upgrade-top {
    margin-bottom: 0px;
}
.pre_runner_upgeade_sec .container {
    max-width: 1500px !important;
}
.pre_runner_upgeade_sec .hero-buttons.card_button {
    justify-content: center;
    margin-top: 0;
}
.tow_runner .hero-buttons.card_button {
    margin-top: 0px;
}
.tow_runner .upgrade-top {
    margin-bottom: 0px;
}
.tow_runner {
    padding: 73px 0px 46px !important;
    background: #fff;
}

/* Responsive Media CSS */

@media(max-width:1200px){

.hero-video-banner {
  padding: 0px 15px;
}
.outperform_section {
  padding: 100px 15px;
}
.featured-builds-section {
  padding-left:15px;
  padding-right:15px;
}
.cta-build {
  padding: 0 15px;
}
.dealer-section {
  padding: 20px 0px 104px 15px!important;
}
.about-story-section {
  padding-left:15px;
  padding-right:15px;
}
.passion-content-area {
  padding-left: max(15px, calc((100vw - 1800px) / 2));
}
.why-choose-section{
  padding-left:15px!important;
  padding-right:15px!important;
}
.why-choose-section .why-content {
  grid-template-columns: 1fr 1fr 1fr!important;
}
.dk-featured-product-banner {
    padding-left:15px;
  padding-right:15px;
}
.engineered-sec {
   padding-left:15px;
  padding-right:15px;
}
.dk-tubular-uca-banner {
   padding-left:15px;
  padding-right:15px;
}
.proven-sec {
   padding-left:15px;
  padding-right:15px;
}
.shock-options-section {
  padding-left:15px;
  padding-right:15px;
}
.shock-comparison-section {
  padding-left:15px;
  padding-right:15px;
}
.dk-right {
    padding: 0px max(15px, calc((100vw - 1800px) / 2)) 0px 25px;
}
.dirtking-section {
    padding-left:15px;
  padding-right:15px;  
}
.new-performance-upgrades, .driver-features-section, .trail-runner-section, .compare-mt-packages {
padding-left:15px;
  padding-right:15px;  
}
.trail-features {
    gap: 28px 15px!important;
}
.upgrade-top {
    padding-right: 15px !important;
    padding-left: 15px!important;
}
/* .inner_banner_area {
    padding-left: 15px;
    padding-right: 15px;
} */
}


@media(min-width:1700px){
.dk-service-grid {
    min-height: auto;
    padding: 80px 15px;
}
.dk-heading{
    font-size:92px;
}
.dk-left img{
    width:120%;
}
}
@media only screen and (max-width: 1900px){
    .img_area_banner:after,.img_area_banner:before{
        background:transparent;
    }
}
@media screen and (max-width: 1500px){
  .dealer-wrapper {
    padding-left: 0px !important;
    padding-right: 0px;
}
}
@media (max-width: 1450px) {
      .about-story-section .about-story-content {
    padding: 45px 0px 40px 70px;
}
.why-content {
    grid-template-columns: 25% 45% 25% !important;
    gap: 35px;
}
    .why-card{
        padding:25px;
    }
    .why-card h3{
        font-size:24px;
    }
.why-center img {
    max-width: 600px !important;
    min-width: 600px !important;
    top: 160px;
}
.why-band-scroll ul {
    justify-content: space-between;
    gap: 100px;
    padding-left: 40px !important;
}
.why-band-scroll ul li:not(:last-child)::after {
    top: -13px;
    right: -32px;
}
/* horizontal scrolling bottom bar */
.why-band-scroll{
  overflow-x:auto;
  overflow-y:hidden;
  flex-wrap:nowrap;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.why-band-scroll::-webkit-scrollbar{
  display:none;
}
.band-item{
  flex:none;
  min-width:280px;
  justify-content:flex-start;
  padding:18px 24px;
}
.why-band-scroll ul {
    overflow-x: auto;
    overflow-y: hidden;
}
.why-band-scroll li {
    padding: 20px 0px;
    min-width: fit-content;
}
.why-band-scroll ul li:not(:last-child)::after {
    right: -60px;
}
.why-band-scroll li:last-child{
    min-width: 230px !important;
}
.dk-fpb-thumbnails {
    gap: 18px;
}
.proven-sec .proven-sec__content {
    width: 47% !important;
}
.craft-top {
        margin-bottom: 15px;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .craft-bottom {
        margin-top: 105px;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .shock_craft_area .craft-center {
        padding: 40px 0px;
        gap: 10px;
    }
.trail-left {
    width: 31%;
    padding-top: 53px;
}
.trail-runner-wrapper {
    gap: 5px;
}
.trail-right {
    width: 32%;
    margin-top: 80px;
}
.trail-text h4{
    font-size:19px;
}
.trail-divider {
    width: 100%;
}
.trail-features {
    gap: 28px 25px;
}
.performance-features-top {
    margin-bottom: 15px;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.performance-features-bottom {
    margin-top: 135px;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.shock_performance-features_area .performance-features-center {
    padding: 40px 0px;
    gap: 10px;
}
.upgrade-cards {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.upgrade-top {
    padding-right: 15px !important;
}
}
@media screen and (max-width: 1400px) {
.passion-product-area {
    background: linear-gradient(
102.5deg, #00000000 23%,#fff 12%,#fff 24%, #f7b728 11%);
}
.front-coilovers-row{
    gap:35px;
}
.performance-features-feature:nth-child(2), .performance-features-feature:nth-child(5) {
    margin-left: 60px;
}
}
@media (max-width:1300px){
.engineered-sec .engineered-sec__features {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    justify-content: space-between !important;
    gap: 25px !important;
}
.engineered-sec .row{
    gap:30px !important;
}
.engineered-sec .engineered-sec__description {
    font-size: 16px !important;
}
.engineered-sec .engineered-sec__item {
    width: 100% !important;
}
.engineered-sec .engineered-sec__item h4 {
    margin-bottom: 4px !important;
    margin-top: 10px !important;
}
.engineered-sec .engineered-sec__line {
    margin: 20px 0 !important;
}
}
@media screen and (min-width: 1100px) and (max-width: 1300px){
  .comparison-item {
    padding: 0 35px;
}
}
@media (max-width: 1200px) {
  .hero-video-banner {
    min-height: initial;
    max-height: initial;
}
.hero-video-wrapper {
    aspect-ratio: inherit !important;
}
.title-image img {
    width: 570px;
}
.center-content p {
    font-size: 25px;
}
.top-row {
    margin-bottom: -213px;
}
.bottom-row {
    margin-top: -223px;
}
.dealer-section {
    padding: 20px 0 104px;
}
.dealer-bg-text {
    bottom: -16px;
    font-size: 120px;
}
.dealer-box.left-box {
    padding-bottom: 110px !important;
}
.dealer-wrapper {
    grid-template-columns: 0.8fr 1.2fr !important;
    gap: 20px !important;
}
.dealer-box h2 {
    font-size: 35px !important;
    margin: 0 0 5px;
    max-width: 100%;
}
.dealer-text {
    font-size: 14px;
}
.dealer-text {
    max-width: 100%;
}
  .dealer-point {
    justify-content: center;
    text-align: left;
  }
  .dealer-image img {
    max-width: 520px;
  }
  .dealer-text {
    padding-bottom: 15px !important;
}
.dealer-bg-text:after {
    top: 10px;
}
.passion-content-inner {
    padding: 75px 50px 60px 0px;
}

    .passion-description p {
      font-size: 13px;
    }

    .passion-product-image {
      left: -110px;
      width: calc(100% + 110px);
    }

    .passion-badge {
      width: 115px;
      right: 28px;
      bottom: 35px;
    }
    .dk-tubular-uca-wrapper {
    gap: 50px;
  }
.proven-sec .proven-sec__heading h2{
    font-size:46px;
}
.proven-sec .proven-sec__heading {
    margin: 0 auto 30px;
}
.proven-sec .proven-sec__content h3{
    font-size:28px;
}
.proven-sec .proven-sec__card{
    min-height:280px;
}
.proven-sec .proven-sec__content {
    width: 70% !important;
    padding: 20px 15px 20px 15px;
}
.proven-sec .proven-sec__grid {
    gap: 10px;
}
 .craft-feature h3 {
        font-size: 24px !important;
    }
    .craft-feature {
        padding-left: 24px;
    }
    .craftsmanship-header {
        margin: 0 auto 40px;
    }
    .craft-bottom .craft-feature:first-child .feature-line,
    .craft-bottom .craft-feature:last-child .feature-line {
        top: -70px !important;
    }
    .craft-feature:nth-child(1) .feature-line,
    .craft-feature:nth-child(4) .feature-line,
    .craft-feature:nth-child(5) .feature-line,
    .craft-feature:nth-child(8) .feature-line {
        height: 100px;
        background-size: 8px 100px;
    }
    .feature-line {
        position: absolute;
        left: 0;
        width: 8px;
        height: 100px;
        background-repeat: no-repeat;
        background-size: 8px 100px;
    }
    .craft-bottom .feature-line {
        top: -70px !important;
    }
.shock-options-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.front-coilovers-section{
    padding:100px 15px;
}

.front-coilovers-row {
    gap: 25px;
    align-items: center;
}
.arrow-left, .arrow-right {
    width: 100px;
}
.arrow-left {
    left: -10px;
    top: 30px;
}
.arrow-right {
    right: -10px;
    bottom: -20px;
}
.coilover-features{
    width:22%;
}

.coilover-image-wrapper {
    width: 51%;
    min-height: 500px;
}

.coilover-image-wrapper img:not(.arrow-left):not(.arrow-right){
    max-width:330px;
}

.feature-item{
    margin-bottom:30px;
}

.feature-item h3{
    font-size:20px;
}

.feature-item p{
    font-size:14px;
}

.arrow-left,
.arrow-right{
    width:70px;
}

.arrow-left{
    left:-10px;
    top:90px;
}

.arrow-right{
    right:-10px;
    bottom:90px;
}
.dk-service-grid{
        grid-template-columns:50% 50%;
        min-height:560px;
    }

    .dk-left img{
        width:115%;
        margin-left:-50px;
    }

    .dk-heading{
        font-size:62px;
    }

    .dk-right{
        max-width:500px;
    }

    .dk-service-description {
    font-size: 18px;
    padding: 15px 0px 15px;
}
.dk-services {
    gap: 8px;
    margin-top: 18px;
}
 .tow_runner_section .performance-filters-grid {
    max-width: 40%;
  }
.performance-features-feature h3{
    font-size:24px !important;
}
.performance-features-feature {
    padding-left: 24px;
}
.performance-features-header {
    margin: 0 auto 40px;
}
}
@media screen and (max-width: 1150px){
.cta-build .cta-title {
    font-size: 45px;
}
.cta-build .cta-buttons {
    padding: 30px 0px;
}
.title-image img {
    width: 450px;
}
.img-box.tall-left, .img-box.tall-top-right {
    height: 460px;
}
.bottom-row {
    margin-top: -197px;
}
.top-row {
    margin-bottom: -193px;
}
}
@media (max-width: 1100px) {

  .dk-fpb-wrapper {

    gap: 15px;

  }

  .dk-fpb-content {

    padding: 40px 20px;

  }

  .dk-fpb-heading {

    font-size: 42px !important;

  }

  .dk-fpb-description {

    font-size: 25px;

    line-height: 1.2;

  }

  .dk-fpb-filter-heading h3 {

    font-size: 23px;

  }

  .dk-fpb-filter-button {

    height: 38px;

    font-size: 12px;

  }

  .dk-fpb-filter-option {

    font-size: 12px;
  }
  .comparison-item {
    padding: 0 35px;
  }
.performance-filters-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }
.performance-filter-dropdown {
    position: relative;
}
.performance-fixed-product-image {
    height: 230px;
}
.performance-fixed-product-image img {
    max-width: 200px;
}
.performance-fixed-product-title {
    font-size: 24px;
}
.performance-fixed-product-description {
    font-size: 18px;
}
.performance-filter-option {
    font-size: 14px;
}
.driver-features-grid {
    grid-template-columns: repeat(2,1fr);
}
.driver-features-section{
    padding:100px 15px;
}

.driver-feature-card h3 {
   max-width: 100%;
}
.driver-feature-card:last-child h3 {
    max-width: 100%;
}
.driver-feature-card p {
    max-width: 300px;
}
.trail-runner-wrapper {
    flex-wrap: wrap;
}
.trail-left {
    width: 50%;
    padding-top: 25px;
}
.trail-right {
    width: 100% ;
    margin-top: 30px;
}
.trail-description {
    max-width: 100% !important;
    margin-bottom: 6px !important;
}
.trail-image {
    max-width: 30% !important;
}
.trail-divider {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}
.compare-mt-packages__top, .compare-mt-packages__content {
    display: grid;
    grid-template-columns: 300px 500px 500px;
}
.compare-mt-packages__table {
    overflow: auto;
}
.upgrade-top {
    gap: 50px;
    margin-bottom: 30px;
}
.upgrade-cards {
    grid-template-columns: repeat(2,1fr);
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.upgrade-card {
    min-height: 300px !important;
    max-height: 300px !important;
}
}
@media (max-width: 1025px) {
.hero-heading {
  font-size: 55px;
}
.hero-subtext {
  font-size: 16px;
}
.hero-content {
    margin: 0px !important;
}
.hero-video-wrapper {
    height: 100%;
    aspect-ratio: auto !important;
    padding: 0px !important;
}
.hero-subtext {
    max-width: 380px;
}
.outperform_section {
        padding: 50px 15px;
    }
    .outperform_section .performance_sub {
        margin: 0 auto 30px;
    }
    .outperform_section .performance_cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }
    .outperform_section .performance_card {
        padding: 44px 35px 40px;
    }
    .outperform_section .hero-buttons {
        align-items: center;
    }
.featured-build-card {
    height: 340px;
  }
  .featured-build-title {
    font-size: 45px;
  }
  .featured-build-badge {
    font-size: 65px;
  }
  .featured-build-overlay {
    top: 35px;
    left: 25px;
  }
  .featured-build-overlay--small {
    top: 35px;
    left: 20px;
  }
 .cta-build .cta-container {
    max-width: 100%;
    grid-template-columns: 1fr auto 1fr;
  }
.cta-build .cta-title {
    font-size: 35px;
    max-width: 260px;
}
  .cta-build .cta-highlight {
    font-size: 23px;
    margin-top: 5px;
  }
  .cta-build .cta-image {
    width: 155px;
  }
  .cta-build .cta-image img {
    max-width: 155px;
    height: 110px;
  }
  .cta-build .cta-buttons {
    gap: 3px;
  }
  .cta-build .cta-buttons .hero-btn {
    min-width: 120px;
    height: 34px;
    padding: 0 20px;
    font-size: 10px;
    gap: 7px;
  }
  .cta-build .hero-btn img {
    width: 15px;
    height: 15px;
  }
  .cta-build .cta-container {
    gap: 20px;
}
.title-image img {
    width: 380px!important;
}
.center-content p {
    font-size: 16px!important;
}
.img-box {
    height: 140px;
}
.about_inner_banner .about-banner .about-banner__card-inner:after {
    background: linear-gradient(
93deg, #f7b728 6%, transparent 6.2%);
}
 .about-story-section .about-story-grid {
    display: flex;
    flex-direction: column-reverse;
}
.about-story-section .about-story-content {
    padding: 0px;
}
.about-story-section {
    padding: 50px 15px;
    background: #ffffff;
}
.about-story-section .about-story-stats {
    display: flex;
    justify-content: start;
    gap: 30px;
    padding: 20px 0px 20px;
}
.about-story-section .about-story-description p {
    max-width: 100%;
}
 .passion-precision-wrap {
      grid-template-columns: 58% 42%;
    }

.passion-content-inner {
    padding: 50px 15px 50px 0px;
}
.passion-content-area {
    padding-left: 15px;
}

    .passion-heading {
      margin-bottom: 22px;
    }
    .passion-description {
      margin-bottom: 26px;
    }
    .passion-description p {
      font-size: 16px;
      line-height: 1.48;
      margin-bottom: 14px;
    }
    .passion-product-image {
      left: -95px;
      width: calc(100% + 95px);
    }
    .passion-product-image img {
    width: 350px;
    height: 400px;
}
.why-choose-section {
    padding: 50px 15px 50px !important;
}
.why-choose-section {
    background-position: center;
}
.why-content {
    display: flex;
    align-items: end;
}
.why-card h3 {
    font-size: 20px;
}
.why-card-content p {
    font-size: 14px;
}
.why-card {
    padding: 15px;
}
.why-column {
    gap: 20px;
}
.why-content {
    gap: 20px;
}
    .why-heading{
        margin-bottom:45px;
    }

    .why-left .why-card,
    .why-right .why-card{
        margin:0 !important;
    }
    .why-center {
    width: 100%;
}
    .why-center img{
        max-width:560px;
    }

    /* horizontal scrolling bottom bar */

    .why-band-scroll{

        overflow-x:auto;
        overflow-y:hidden;

        flex-wrap:nowrap;

        -webkit-overflow-scrolling:touch;

        scrollbar-width:none;
    }
    .why-band-scroll::-webkit-scrollbar{
        display:none;
    }

    .band-item{
        flex:none;
        min-width:280px;
        justify-content:flex-start;
        padding:18px 24px;
    }

    .why-band-scroll ul {
    overflow: scroll;
}
    .why-band-scroll li {
    padding: 20px 0px;
    min-width: 300px !important;
}
.why-band-scroll ul li:not(:last-child)::after {
    right: 60px;
}
.why-band-scroll li:last-child{
    min-width: 230px !important;
}

    .why-center img {
    display: none;
}
.why-column {
    padding-bottom: 0px;
    width: 100%;
}
.why-center .why-card {
    width: 100%;
}
.why-band-scroll ul {
    justify-content: start;
    gap: 0px;
}
.dk-team-right img {
    width: 350px;
    max-width: 350px;
}
.dk-team-left img {
    width: 350px;
    max-width: 350px;
}
.dk-team-wrapper {
    display: flex;
}
.dk-tubular-uca-content h5 {
    max-width: 100%;
  }
  .dk-tubular-uca-description {
    max-width: 100%;
  }
.simple-image-container {
    max-width: 100%;
  }
.shock-options-section {
    padding: 50px 15px;
  }
}
@media screen and (max-width: 991px) {
  .featured-builds-section {
    padding: 55px 15px 60px;
  }
  .featured-builds-heading {
    font-size: 32px;
    margin-bottom: 25px;
  }
  .featured-builds-top {
    grid-template-columns: 1.5fr 1fr;
  }
  .featured-build-card {
    height: 350px;
  }
  .featured-build-title {
    font-size: 34px;
  }
  .featured-build-badge {
    font-size: 55px;
  }
  .featured-build-overlay--small .featured-build-title {
    font-size: 22px;
  }
  .featured-build-subtitle {
    font-size: 11px;
  }
  .featured-build-overlay {
    top: 22px;
    left: 22px;
  }
  .featured-build-overlay--small {
    top: 22px;
    left: 22px;
  }
  .featured-builds-small-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .featured-small-content h3 {
    font-size: 11px;
  }
  .featured-small-content p {
    font-size: 8px;
  }
  .featured-build-card {
    height: 250px;
  }
  .featured-build-bottom-overlay {
    left: 25px;
    bottom: 15px;
  }
  .featured-build-vehicle-title {
    font-size: 22px;
  }
  .featured-build-vehicle-subtitle {
    font-size: 11px;
  }
.about_inner_banner .about-banner {
    padding-top: 50px;
    padding-bottom: 47px;
    padding-left: 15px;
    padding-right: 15px;
    flex-direction:column;
}
.about_inner_banner   .about-banner .about-banner__content {
    padding-top: 55px;
    padding-bottom: 45px;
  }
  .about_inner_banner .about-banner h1 {
    font-size: 42px;
  }
  .about_inner_banner .about-banner .about-banner__cards {
    gap: 10px;
    padding-bottom: 20px;
  }
  .about_inner_banner .about-banner .about-banner__card-inner {
    padding: 16px 20px;
  }
.about_inner_banner .about-banner .about-banner__card h3 {
    font-size: 24px;
}
  .about_inner_banner .about-banner .about-banner__card-text {
    font-size: 12px;
  }
.about_inner_banner .about-banner .about-banner__cards {
    display: flex;
    flex-wrap: wrap;
}
  .about_inner_banner .about-banner .about-banner__card-inner {
    padding: 16px 72px;
    clip-path: polygon(3% 0, 100% 0, 97% 100%, 0 100%);
}
.about_inner_banner .about-banner .about-banner__card {
    clip-path: polygon(3% 0, 100% 0, 97% 100%, 0 100%);
}
.about_inner_banner .about-banner .about-banner__card-inner:after {
    background: linear-gradient(104deg, #f7b728 4%, transparent 3.2%);
}
.about-story-section .about-story-description {
      font-size: 14px;
    }

    .about-story-section .about-story-stat {
      padding: 14px;
    }

    .about-story-section .about-story-stat-number {
      font-size: 24px;
    }
    .about-story-section .about-story-content h2 {
    margin: 0 0 10px;
}
.passion-precision-wrap {
      grid-template-columns: 1fr;
    }

    .passion-content-area::after {
      display: none;
    }

 .passion-content-inner {
    max-width: 100%;
    /* padding: 70px 35px; */
}
.passion-description {
    max-width: 100%;
}
.passion-product-area {
    background: linear-gradient(
180deg, #00000000 0%, #fff 0%, #fff 1%, #f7b728 -5%);
}
.passion-product-image img {
    width: 450px;
    height: 500px;
}

.passion-badge {
    width: 170px;
    right: 28px;
    bottom: 35px;
}
.passion-badge img {
    display: block;
    width: 170px;
    height: 170px;
}
    .passion-product-image {
    left: 0;
    width: 100%;
    padding: 15px;
}
.passion-description {
    margin-bottom: 0px;
}
.dk-team-content {
    padding: 50px 15px 50px;
}
.dk-featured-product-banner {
    padding: 50px 15px;
  }
  .dk-fpb-wrapper {
    flex-direction: column;
  }
  .dk-fpb-gallery,
  .dk-fpb-banner {
    width: 100%;

  }
  .dk-fpb-banner {
    min-height: 500px;
  }
.engineered-sec {
    padding: 50px 15px;
}
.engineered-sec .row{
    flex-wrap:wrap;
}
.engineered-sec .engineered-sec__left,
.engineered-sec .engineered-sec__right{
    width:100%;
}
.engineered-sec .engineered-sec__right h2{
    font-size:40px;
}
.dk-tubular-uca-banner {
    padding: 50px 15px;
  }
  .dk-tubular-uca-wrapper {
    flex-direction: column;
    gap: 40px;
  }
  .dk-tubular-uca-content,
  .dk-tubular-uca-image {
    width: 100%;
  }
  .dk-tubular-uca-content {
    order: 2;
  }
  .dk-tubular-uca-image {
    order: 1;
  }
  .dk-tubular-uca-filters {
    max-width: 100%;
  }
.proven-sec{
    padding:50px 15px;
}

.proven-sec .proven-sec__grid{
    grid-template-columns:1fr;
    gap: 20px;
}
.proven-sec .proven-sec__heading{
    margin-bottom:25px;
}
.proven-sec .proven-sec__heading span{
    font-size:45px;
}
.proven-sec__card:nth-child(1) {
    border-image: linear-gradient(127deg, #f7b72800 0%, #f7b728 0%, #00000000 74%, #f7b728 100%, #F7B728 50%) 1 !important;
}
.proven-sec__card:nth-child(2) {
    border-image: linear-gradient(127deg, #f7b72800 0%, #f7b728 0%, #00000000 74%, #f7b728 100%, #F7B728 50%) 1 !important;
}
.proven-sec__card:nth-child(3) {
    border-image: linear-gradient(127deg, #f7b72800 0%, #f7b728 0%, #00000000 74%, #f7b728 100%, #F7B728 50%) 1 !important;
}
.proven-sec__card:nth-child(4) {
    border-image: linear-gradient(127deg, #f7b72800 0%, #f7b728 0%, #00000000 74%, #f7b728 100%, #F7B728 50%) 1 !important;
}
.proven-sec .arrow_btn {
    margin-top: 30px;
}
.ready-transform-left h2 {
    max-width: 100%;
}
.craftsmanship-section {
        padding: 50px 0px;
    }
    .craft-top,
    .craft-bottom {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
        padding: 0px 15px;
    }
    .craft-center {
        grid-template-columns: 1fr;
        gap: 40px;
        margin: 40px 0;
    }
    .craftsmanship-header {
        margin-bottom: 20px;
        padding: 0px 15px;
    }
.shock-comparison-section{
    padding:50px 15px;
}
.comparison-item{
    width:100%;
    padding:35px 20px;
}
.comparison-heading {
    margin-bottom: 10px;
}
.comparison-item:not(:last-child){
    border-bottom:1px solid #ddd;
}

.comparison-item::after{
    display:none;
}
.shock-comparison-section {
    background: #f7f7f5;
    padding: 50px 15px;
}
.front-coilovers-section {
    padding: 50px 15px;
}
.front-coilovers-row {
    gap: 25px;
    align-items: center;
    flex-direction: column;
}
.coilover-features {
    padding-top: 25px;
    width: 100%;
}
.front-coilovers-row h4 {
    font-size: 30px !important;
    max-width: 100%;
    margin-bottom: 28px;
}
.feature-item {
    margin-bottom: 20px;
    width: 100%;
    border: 2px solid #f7b728;
    padding: 20px;
        gap: 10px;
}
.feature-item p {
    max-width: 100%;
}
.coilover-image-wrapper {
    width: 51%;
    min-height: auto;
}
.arrow-left, .arrow-right {
    display: none;
}
.dk-overlay {
    background: linear-gradient(180deg, black, transparent);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.dk-service-bg img {
    object-position: left;
}
    .dk-service-grid{
        display:block;
        min-height:auto;
    }

    .dk-left{
        padding-top:40px;
        justify-content:center;
    }

    .dk-left img{
        width:100%;
        max-width:720px;
        margin:0 auto 0px;
    }

    .dk-right{
        max-width:100%;
        margin:auto;
        padding:25px 25px 50px;
        text-align:center;
    }

    .dk-label{
        margin:0 auto 18px;
    }

    .dk-logo{
        display:flex;
        justify-content:center;
    }

    .dk-logo img{
        max-width:410px;
    }

    .dk-heading{
        font-size:56px;
    }

    .dk-services{
        justify-content:center;
    }

    .dk-buttons{
        display:flex;
        justify-content:center;
    }
.dk-service-grid {
    display: flex;
    flex-direction: column;
}
.dk-left{
        order:2;
        padding:0;
    }

.dk-right {
    order: 1;
    padding: 50px 15px 0px;
}
.dk_shocks_area .dk-right {
    padding: 50px 15px 50px !important;
}
.new-performance-upgrades {
    padding: 55px 15px;
  }

  .performance-fixed-product {
    padding: 0 20px;
  }

  .performance-fixed-product-image {
    height: 220px;
  }

  .performance-fixed-product-description {
    font-size: 16px;
  }

  .new-performance-upgrades
  .performance-heading h2 {
    font-size: 32px;
  }
.driver-features-section{
    padding:50px 15px;
}
.driver-features-grid{
    grid-template-columns:repeat(2,1fr);
    gap: 15px;
}

.driver-features-heading h2{
    font-size:38px;
}
.driver-feature-card {
    padding: 30px 20px 30px;
}
.driver-feature-card h3 {
    font-size: 24px;
}
.driver-feature-card p {
    font-size: 18px;
}
.trail-runner-section{
    padding: 50px 15px;
}
.trail-runner-wrapper {
    flex-wrap: wrap;
}
.trail-left {
    width: 54%;
}
.trail-right {
    width: 100%;
     margin-top: 30px;
}
.trail-left{
   padding:0px;
}
.trail-description {
    max-width: 100% !important;
    margin-bottom: 6px !important;
}
.trail-image {
    max-width: 30% !important;
}
.trail-divider {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}
.trail-left h2 {
    margin: 0 0 25px;
}
.performance-features-section {
    padding: 50px 0px;
}
.performance-features-top,
.performance-features-bottom{
    grid-template-columns:repeat(2,1fr);
    gap:30px;
    padding: 0px 15px;
}

.performance-features-center{
    grid-template-columns:1fr;
    gap:40px;
    margin:40px 0;
}
.performance-features-header {
    margin-bottom: 30px;
    padding: 0px 15px;
}
.performance-features-description {
    font-size: 16px;
    max-width: 100%;
}
.performance-features-header h2 {
    margin: 0 0 5px;
}
.trail-slider-section {
    padding: 50px 15px;
}
.trail-slider-section .arrow_btn {
    margin-top: 30px;
}
.trail-slide {
    padding: 0 8px;
    transition: .4s;
}
.dk-tow-runner-section {
    padding: 50px 15px;
  }
  .dk-tow-runner-inner {
    grid-template-columns: 1fr 1fr;

    padding: 25px 20px;
  }
  .dk-tow-spec-row {
    grid-template-columns: 110px 1fr;
    gap: 12px;
    margin-bottom: 15px;
  }
  .dk-tow-spec-label,
  .dk-tow-spec-value {
    font-size: 11px;
  }
  .dk-tow-runner-section .dk-fpb-description {
    max-width: 100% !important;
}
.upgrade-suspension-section {
    padding: 50px 0px;
}
.upgrade-top {
    grid-template-columns: 40% 50%;
    gap: 30px;
    margin-bottom: 50px;
}
.pre_runner_upgeade_sec {
    padding-top: 50px !important;
}
.pre_runner_upgeade_sec .upgrade-top {
    grid-template-columns: 44% 50%;
    gap: 30px;
    margin-bottom: 0px;
    align-items: end !important;
}
.pre_runner_upgeade_sec .upgrade-content {
    padding-bottom: 40px;
}
.tow_runner {
    padding: 50px 0px !important;
    background: #fff;
}
.upgrade-content {
    max-width: 100%;
}

.upgrade-cards{
    grid-template-columns:repeat(2,1fr);
}
.upgrade-image img {
    width: 100%;
    display: block;
}
.upgrade-description {
    font-size: 16px;
    margin-bottom: 20px;
}
.upgrade-content h2 {
    margin: 0 0 5px;
}
.hero-buttons.card_button {
    margin-top: 20px;
    margin-bottom: 0px;
}
.cart-bubble .cart-bubble__background {
    background: #000;
}
.cart-bubble .cart-bubble__text {
    color: #fff!important;
}
}
/* Mobile */
@media (max-width: 767px) {
.hero-content {
    padding: 50px 0px 50px;
    margin: 0px 0px;
}
.hero-overlay {
    background: url(/cdn/shop/files/overlay_2.png) left center / cover no-repeat !important;
    inset: 0 !important;
}
.hero-heading {
  font-size: 50px;
}
.hero-subtext {
  font-size: 16px;
}
.hero-buttons {
  flex-direction: column;
  align-items: flex-start;
}
.hero-btn {
    width: fit-content;
    padding: 13px 30px 11px;
    font-size: 14px;
    line-height: 1em;
}
.hero-top-subheading {
    font-size: 10px;
}
.hero-video-banner .hero-btn {
    font-size: 16px !important;
}
    .outperform_section .performance_cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 15px;
    }
    .outperform_section .performance_card {
        padding: 30px 20px 30px;
    }
.outperform_section .product-content h3 {
    font-size: 26px;
    margin-top: 10px;
}
 .outperform_section .product-content p {
        font-size: 16px;
    }
    .outperform_section .primary-btn {
        min-width: 100%;
    }
    .outperform_section .performance_title {
        margin-bottom: 5px;
    }
    .outperform_section .performance_sub {
        margin: 0 auto 20px !important;
        font-size: 16px !important;
        line-height: 1.4em !important;
    }
    .performance_section .dec_head {
    font-size: 16px;
}
.featured-builds-section .featured-small-card:last-child {
    display:none;
  }
  .featured-builds-section {
    padding: 45px 15px 50px;
  }
  .featured-builds-heading {
    font-size: 27px;
    margin-bottom: 20px;
  }
  .featured-builds-top {
    grid-template-columns: 1fr;
    gap: 6px;
  }
  .featured-build-card {
    height: auto;
    aspect-ratio: 1.7 / 1;
  }
  .featured-build-overlay {
    top: 18px;
    left: 18px;
  }
  .featured-build-overlay--small {
    top: 18px;
    left: 18px;
  }
  .featured-build-title {
    font-size: 30px;
  }
  .featured-build-badge {
    font-size: 48px;
  }
  .featured-build-overlay--small .featured-build-title {
    font-size: 23px;
  }
  .featured-build-subtitle {
    font-size: 10px;
  }
  /* Two small cards per row */
  .featured-builds-small-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 6px;
  }
  .featured-small-image {
    aspect-ratio: 1.45 / 1;
  }
  .featured-small-content {
    padding-top: 7px;
  }
  .featured-small-content h3 {
    font-size: 12px;
  }
  .featured-small-content p {
    font-size: 9px;
  }
  /* Bottom text */
  .featured-build-bottom-overlay {
    left: 15px;
    bottom: 10px;
  }
  .featured-build-vehicle-title {
    font-size: 20px;
  }
  .featured-build-vehicle-subtitle {
    font-size: 10px;
  }
  .featured-builds-button-wrap {
    margin-top: 28px;
  }
    .featured-builds-small-grid {
    margin-top: 5px;
  }
.cta-build {
    height: auto;
    min-height: 220px;
    padding: 30px 15px 0px;
}
  .cta-build .cta-container {
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
.cta-build .cta-content {
    width: 100%;
    padding: 0;
    align-items: center;
    text-align: center;
    order: 1;
}
  .cta-build .cta-title {
    font-size: 35px;
  }
  .cta-build .cta-highlight {
    font-size: 25px;
    margin-top: 5px;
  }
.cta-build .cta-image {
    width: 170px;
    height: 100%;
    order: 3;
}
  .cta-build .cta-image img {
    max-width: 100%;
    height: 100%;
    margin-top: 0px !important;
  }
.cta-build .cta-buttons {
    width: 100%;
    padding: 0;
    justify-content: center;
    gap: 4px;
    order: 2;
}
.cta-build .cta-buttons .hero-btn {
    min-width: 125px;
    height: 36px;
    padding: 0 18px;
    font-size: 14px !important;
}
.dirtking-section {
    background: #fff;
    padding: 50px 15px;
}
.center-content p {
    font-size: 16px;
    padding-bottom:15px;
}
.center-content {
    padding: 20px 0px;
}
  .row {
    flex-wrap: wrap;
  }

  .img-box,
  .img-box.tall-left {
    width: 48%;
    height: 150px;
  }
  .side-image {
    display: none;
  }
  .title-image img {
    width: 100%;
  }
  .img-box.tall-left, .img-box.tall-top-right {
    height: 300px;
    width: 100%;
}
.top-row {
    margin-bottom: 0px;
    justify-content: center;
}
.bottom-row {
    margin-top: 0px;
    justify-content: center;
}
.bottom-row .img-box:last-child {
    width: 100% !important;
    height: 300px !important;
}
.top-row .img-box:first-child {
    width: 100% !important;
    height: 300px !important;
}
.dealer-section {
    padding: 50px 0px 60px!important;
}
.dealer-wrapper {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.dealer-image-wrap {
    justify-content: center !important;
}
.dealer-box.left-box .dealer-text {
    padding-bottom: 16px !important;
}
.dealer-box.left-box {
    padding-bottom: 0px !important;
    padding-left: 15px;
    padding-right: 15px;
}
  .dealer-box h2 {
    font-size: 35px !important;
  }
  .dealer-text {
    font-size: 15px;
    max-width:100%;
  }
  .dealer-point p {
    font-size: 14px;
  }
  .dealer-btn {
    width: 100%;
  }
.dealer-bg-text {
    font-size: 60px;
    bottom: 0px;
}
  .dealer-box {
    text-align: center;
  }
  .dealer-bg-text:after {
    background: url(/cdn/shop/files/Group_1739329668.png?v=1790026956)center center / contain no-repeat !important;
}
.dealer-bg-text {
    background: url(/cdn/shop/files/Rectangle_40101.jpg?v=1790026958)center center / cover no-repeat !important;
}
.about-banner {
    height: auto;
    min-height: 0;
    background-position: center !important;
    background-size: cover !important;
}
section.about-banner:before {
    position: relative !important;
    background: transparent !important;
}
section.about-banner:after {
    position: relative !important;
    background: transparent !important;
}

  .about-banner .about-banner__card-inner:after {
    background: linear-gradient(99deg, #f7b728 4%, transparent 3.2%);
}
  .about-banner .about-banner__content {
    padding-top: 55px;
    padding-bottom: 45px;
  }
  .about-banner h1 {
    font-size: 40px;
}
  .about-banner .about-banner__cards {
    grid-template-columns: 1fr;
    gap: 14px;
    padding-bottom: 28px;
  }
  .about-banner .about-banner__card {
    min-height: auto;
  }
  .about-banner .about-banner__card-inner {
    min-height: auto;
    padding: 20px 28px;
  }
.passion-content-inner {
      padding: 50px 0px;
    }
    .passion-content-area {
    padding-left: 15px;
    padding-right: 15px;
}

    .passion-heading {
      margin-bottom: 20px;
    }

    .passion-description p {
      font-size: 13px;
      line-height: 1.5;
    }

    .passion-badge {
      width: 92px;
      right: 20px;
      bottom: 25px;
    }
    .passion-product-image img {
    width: 100%;
    height: 100%;
}
.passion-badge {
    width: 28%;
    right: 14px;
    bottom: 5px;
}
.passion-badge img {
    display: block;
    width: 120px;
    height: 120px;
    object-fit: contain;
}
.why-heading{
        margin-bottom:30px;
    }

    .why-heading h2{
        font-size:42px;
    }

    .why-content {
    gap: 8px;
    display: flex;
    flex-direction: column;
}
    .why-column{
        gap:10px;
    }
    .why-card{
        padding:20px;
    }
    .why-card-top{
        margin-bottom:14px;
        gap:15px;
    }
    .why-card h3{
        font-size:20px;
    }
    .why-icon{
        width:45px;
        min-width:45px;
    }
    .why-card-content{
        font-size:14px;
        line-height:1.6;
    }
    .band-item{
        min-width:240px;
        min-height:72px;
        padding:16px 20px;
        gap:12px;
    }
    .band-item img{
        width:22px;
        height:22px;
    }
    .band-item span{
        font-size:11px;
    }
.dk-team-left img {
    width: 250px;
    max-width: 200px;
}
    .dk-team-right img {
    width: 220px;
    max-width: 220px;
}
.dk_team_sec_button a.hero-btn.primary-btn {
    gap: 5px;
    padding: 10px 20px;
}
.dk_team_sec_button a.hero-btn.primary-btn img {
    width: 18px;
    height: 16px;
}
.dk_team_sec_button a.hero-btn.primary-btn span {
    font-size: 14px !important;
    line-height: 1em;
}
.dk-team-subtitle {
    margin: 0 0 14px;
}
.dk-team-content {
    padding: 50px 15px 100px;
}
.dk-description p {
    font-size: 16px;
}
.dk-small-heading {
    margin-bottom: 10px;
    font-size: 16px;
}
.dk-description {
    margin: 15px auto 14px;
}
.dk-quote-icon {
    width: 35px;
    margin: 0 auto 8px;
}
.dk-team-heading {
    margin: 0 0 6px;
    font-size: 30px;
}
.dk-team-content .hero-buttons {
    gap: 8px;
}
 .dk-featured-product-banner {

    padding: 40px 15px;

  }

  .dk-fpb-content {

    padding: 30px 20px;

  }

  .dk-fpb-heading {

    font-size: 35px !important;

  }

  .dk-fpb-description {

    font-size: 18px;

    margin-bottom: 25px;

  }

  .dk-fpb-filters {

    max-width: 100%;

  }
  .dk-fpb-filter-heading h3 {
    font-size: 22px;
    padding: 9px 12px;
    border-width: 2px;
  }
  .dk-fpb-filter-button {
  height: 40px;
  font-size: 12px;
  }
  .dk-fpb-filter-option {
    font-size: 12px;
    padding: 10px 12px;
  }
  .dk-fpb-main-image img {
    height: 300px !important;
  }
  .dk-fpb-logo img {
    max-width: 50px;
  }
  .dk-fpb-button {
    width: 100%;
  }
.engineered-sec .engineered-sec__right h2{
    font-size:30px;
}

.engineered-sec .engineered-sec__features{
    flex-wrap:wrap;
}

.engineered-sec .engineered-sec__item{
    width:calc(50% - 13px);
}

.engineered-sec .engineered-sec__play{
    width:70px;
    height:70px;
    font-size:28px;
}
.engineered-sec .engineered-sec__video {
    height: 320px;
}
.engineered-sec .engineered-sec__features {
    gap: 15px;
}
.engineered-sec .engineered-sec__item h4 {
    font-size: 18px;
    margin-bottom: 6px;
    margin-top: 14px;
}
.engineered-sec .engineered-sec__item p {
    font-size: 14px;
}
.dk-tubular-uca-content h2 {
    margin-bottom: 15px;
  }
  .dk-tubular-uca-content h5 {
    margin-bottom: 8px;
    font-size: 16px;
  }
.dk-tubular-uca-description {
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 1.5em;
}
  .dk-tubular-uca-description p {
    margin-bottom: 0;
  }
  .dk-tubular-uca-filter-heading h3 {
    font-size: 16px;
  }
  .dk-new-uca-filter-button {
    height: 40px;
    font-size: 11px;
  }
  .dk-new-uca-filter-option {
    padding: 10px 12px;
    font-size: 11px;
  }
  .dk-tubular-uca-button-wrapper {
    margin-top: 20px;
  }
  .proven-sec .description_text {
    font-size: 16px;=
}
.proven-sec .proven-sec__card {
    text-align: start;
    padding: 30px 0px 30px 25px;
}
.proven-sec .proven-sec__content {
    padding: 0px;
    width: 100% !important;
    margin-bottom: 20px;
}
.proven-sec .proven-sec__image{
    width:100%;
    justify-content:center;
}
.proven-sec .proven-sec__image img {
    width: 200px;
    height: auto;
}
.proven-sec .proven-sec__content h3 {
    font-size: 22px;
    margin: 0 0px 12px 0px;
}
.proven-sec .proven-sec__heading span{
    font-size:35px;
}
.description_text {
    font-size: 16px;
}
.craftsmanship-description {
        font-size: 16px;
    }
    .craft-top,
    .craft-bottom {
        grid-template-columns: 1fr;
    }
    .craft-feature {
        padding: 20px;
        border: 2px solid #f7b728;
    }
    .craft-top,
    .craft-bottom {
        gap: 10px;
    }
    .feature-line {
        height: 90px;
    }
    .craft-feature h3 {
        font-size: 24px;
        max-width: 100%;
    }
    .craft-feature p {
        font-size: 16px;
        max-width: 100%;
    }
    .craft-image img {
        max-width: 100%;
    }
    .craft-top .feature-line,
    .craft-bottom .feature-line {
        display: none;
    }
    .craft-feature h3 {
        font-size: 20px !important;
    }
    .craft-bottom {
        margin-top: 20px;
    }
    .craft-center {
        margin: 0px 0;
    }
    .craftsmanship-header h2 {
        margin: 0 0 10px;
    }
    .shock_craft_area .craft-center {
        padding: 10px 0px;
    }
    .craft-image-title {
        font-size: 18px;
        min-height: 35px;
        margin-bottom: 8px;
    }
.simple-image-section {
    background-position: center center;
    padding: 15px;
  }
  .simple-image-container {
    width: 100%;
  }
.shock-options-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .shock-image {
    height: 240px;
  }
  .shock-title {
    font-size: 22px;
  }
.shock_heading_area p {
    margin: 10px auto 0 !important;
    font-size: 16px !important;
    line-height: 1.2em !important;
  }
  .shock-accordion-content {
    position: relative;
    top: auto;
    box-shadow: none;
  }
.comparison-heading{
    margin-bottom:40px;
}
.comparison-item h3{
    font-size:22px;
}
.comparison-heading {
    text-align: center;
    margin-bottom: 0px;
}
.shock-comparison-section {
    background: #f7f7f5;
    padding: 50px 15px 10px;
}
.comparison-item p {
    margin: 0 0 4px;
    font-size: 16px;
}
.coilover-features {
    padding-top: 15px;
    width: 100%;
}
.front-coilovers-row h4 {
    margin-bottom: 20px;
}
.coilover-bg-shape {
    width: 100%;
    height: 70%;
    top: 0px;
    bottom: 0px;
    margin: auto;
}
.dk-label{
        font-size:11px;
        padding:8px 14px;
    }

    .dk-logo img{
        max-width:350px;
    }

    .dk-heading{
        font-size:42px;
        line-height:.92;
        letter-spacing:-1px;
    }

    .dk-left img{
        width:100%;
        margin:0;
    }

    .dk-services{

        margin-top:22px;
        padding-top:18px;
        gap:8px;
        justify-content:center;

    }

    .dk-services a,
    .dk-services span{

        font-size:14px;
        line-height:1.4;

    }

    .dk-btn{

        width:100%;
        justify-content:center;
        padding:16px 20px;
        font-size:15px;

    }
    .dk-service-description {
    font-size: 16px;
}
.dk-buttons a.dk-btn {
    padding: 13px 28px 11px 35px;
    font-size: 16px;
    max-height: 100%;
}
.dk-buttons a.dk-btn:after {
     width: 18px;
    height: 12px;
    right: -4px;
}
.dk-logo {
    margin-bottom: 20px;
}
.dk-right {
    padding: 50px 15px 0px;
}
.new-performance-upgrades {
    padding: 45px 15px;
  }


  .new-performance-upgrades
  .performance-heading h2 {
    font-size: 27px;
  }


  .new-performance-upgrades
  .performance-description {
    font-size: 15px;

    margin-bottom: 35px;
  }


  /* FIXED PRODUCTS */

  .performance-fixed-products {

    display: flex;

    flex-direction: column;

    margin-bottom: 10px;
  }


  .performance-fixed-product {

    padding: 0 10px 30px;
  }


  .performance-fixed-product-image {

    height: 210px;

    margin-bottom: 15px;
  }


  /* PLUS */

  .performance-plus-divider {

    width: 100%;

    height: 1px;

    min-height: 1px;

    margin: 5px 0 30px;
  }


  .performance-plus-divider span {

    width: 28px;

    height: 28px;

    font-size: 18px;
  }


  /* FILTERS */

  .performance-filters-grid {

    grid-template-columns: 1fr;

    gap: 10px;
  }
.performance-filter-item.active .performance-filter-dropdown,.performance-filter-dropdown-inner{max-height: unset;}
.tow_runner_section .performance-filters-grid {
    max-width: 70%;
}
.driver-features-grid{
    grid-template-columns:1fr;
}

.driver-feature-card{
    padding:30px 20px;
}

.driver-features-heading h2{
    font-size:28px;
}

.driver-feature-card h3{
    font-size:22px;
}

.driver-feature-card p{
    font-size:16px;
}
.trail-description{
    font-size:16px;
}
.trail-features {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.trail-feature {
    gap: 10px;
    flex-direction: column;
}

.trail-icon{
    width:45px;
    flex:0 0 45px;
}

.trail-icon img{
    width:45px;
}

.trail-text h4 {
    font-size: 18px;
}

.trail-btn{
    width:100%;
}
.trail-left {
    width: 100%;
}
.trail-image {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 20px;
}
.trail-left h2 {
    margin: 0 0 20px;
}
.compare-mt-packages {
    padding: 45px 15px;
  }


  .compare-mt-packages__container {
    max-width: 100%;
  }

  .compare-mt-packages__table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .compare-mt-packages__top, .compare-mt-packages__content {
    display: grid;
    grid-template-columns: 210px 340px 340px;
}
.compare-mt-packages__top-cell {
    padding: 24px 24px 0px;
    font-size: 18px;
}
.compare-mt-packages__details-column,.compare-mt-packages__product-column {
    padding: 15px 24px 15px;
}
.compare-mt-packages__row--label {
    font-size: 14px;
}
.compare-mt-packages__select {
    font-size: 16px;
}
.performance-features-description{
    font-size:16px;
}

.performance-features-top,
.performance-features-bottom{
    grid-template-columns:1fr;
}

.performance-features-feature {
    padding: 20px;
    border: 2px solid #f7b728;
    max-width: 100%;
}
.performance-features-top, .performance-features-bottom {
    gap: 10px;
    flex-direction: column;
}
.performance-features-top{
margin: 0 0 15px 0;}
.feature-line{
    height:90px;
}

.performance-features-feature h3{
    font-size:24px;
    max-width: 100%;
}

.performance-features-feature p{
    font-size:16px;
     max-width: 100%;
}

.performance-features-image img{
    max-width:100%;
}
.performance-features-top .feature-line,.performance-features-bottom .feature-line {
    display: none;
}
.performance-features-feature h3 {
    font-size: 20px !important;
}
.performance-features-bottom {
    margin: 20px 0 0 0;
}
.performance-features-center {
    margin: 0px 0;
}
.performance-features-header h2 {
    margin: 0 0 10px;
}
.shock_performance-features_area .performance-features-center {
    padding: 10px 0px;
}
.performance-features-feature:nth-child(2), .performance-features-feature:nth-child(5) {
    margin-left: 0;
}
.dk-tow-runner-section {
    padding: 50px 15px;
  }
  .dk-tow-runner-section .dk-fpb-description {
    font-size: 16px;
}
  .dk-tow-runner-card {
    border-width: 1px;
  }
  .dk-tow-runner-label {
    min-width: 155px;
    height: 34px;
    font-size: 11px;
  }
  .dk-tow-runner-inner {
    display: flex;
    flex-direction: column;
    padding: 25px 18px 25px;
  }
  .dk-tow-runner-info {
    padding-right: 0;
    order: 1;
  }
  .dk-tow-runner-image {
    order: 2;
    margin-top: 25px;
  }
  .dk-tow-product-image {
    max-width: 400px;
  }
  .dk-tow-spec-row {
    grid-template-columns: 105px 1fr;
    gap: 10px;
    margin-bottom: 18px;
  }
  .dk-tow-spec-label,
  .dk-tow-spec-value {
    font-size: 10px;
  }
  .dk-tow-runner-button-wrap {
    margin-top: 25px;
  }
  .dk-tow-runner-button-wrap .hero-btn.primary-btn {
    width: 100%;
    max-width: 290px;
    min-height: 54px;
    font-size: 12px;
  }
.upgrade-top {
    grid-template-columns: 1fr;
    gap: 30px;
    margin-bottom: 15px;
}
/* .upgrade-content {
    padding: 0px 15px;
} */
.upgrade-description{
    font-size:15px;
}

.upgrade-btn{
    width:100%;
    justify-content:center;
}

.upgrade-cards{
    grid-template-columns:1fr;
}

.upgrade-card{
    min-height:360px;
}

.upgrade-card-content{
    left:18px;
    right:18px;
    bottom:18px;
}

.upgrade-card-content h3{
    font-size:18px;
}

.upgrade-card-badge{
    right:15px;
    bottom:15px;
}

.upgrade-card-badge img{
    width:40px;
}
.pre_runner_upgeade_sec .upgrade-top {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}
.pre_runner_upgeade_sec .hero-buttons {
    align-items: start;
}
.pre_runner_upgeade_sec .upgrade-content {
    padding-bottom: 0px;
    width: 100%;
}

.tow_runner  .hero-buttons {
    margin-bottom: 0px;
}
}
/* Small Mobile */
@media (max-width:575px){
.engineered-sec .engineered-sec__item{
    width:100%;
}
.engineered-sec .engineered-sec__right h2{
    font-size:26px;
}
.engineered-sec .engineered-sec__description{
    font-size:15px;
}
.engineered-sec .engineered-sec__play{
    width:60px;
    height:60px;
    font-size:24px;
}
.proven-sec .proven-sec__heading h2{
    font-size:24px;
    line-height:1.3;
}
.proven-sec .proven-sec__content p{
    font-size:14px;
}

.proven-sec .proven-sec__card {
    min-height: auto;
    display: flex;
    flex-direction: column-reverse;
}
.proven-sec .proven-sec__image {
    justify-content: center;
    width: 100% !important;
    margin-bottom: 20px;
}
.proven-sec .proven-sec__card {
    display: flex;
    flex-direction: column-reverse;
    text-align: center;
    padding: 0px 0px 30px 0px;
}
.proven-sec .proven-sec__content {
    padding: 0px 25px !important;
}
}
@media (max-width: 480px) {
.shock-accordion-row {
    gap: 6px;
  }
  .shock-accordion-title {
    font-size: 12px;
  }
  .shock-accordion-toggle {
    min-width: 64px;
    padding: 8px 8px;
    font-size: 9px;
  }
    .outperform_section .performance_cards {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 10px;
    }
    .outperform_section .performance_card {
        padding: 25px 10px 25px;
    }
.outperform_section .primary-btn {
        min-width: 80%;
    }
.featured-builds-section {
    padding: 35px 12px 45px;
  }
  .featured-builds-heading {
    font-size: 23px;
    margin-bottom: 18px;
  }
  .featured-build-card {
    aspect-ratio: 1.55 / 1;
  }
  .featured-build-overlay {
    top: 15px;
    left: 15px;
  }
  .featured-build-overlay--small {
    top: 15px;
    left: 15px;
  }
  .featured-build-title {
    font-size: 25px;
  }
  .featured-build-badge {
    font-size: 42px;
  }
  .featured-build-overlay--small .featured-build-title {
    font-size: 20px;
  }
  .featured-small-content h3 {
    font-size: 11px;
  }
  .featured-small-content p {
    font-size: 8px;
  }
  .featured-builds-button-wrap {
    margin-top: 25px;
  }
  .cta-build .cta-highlight {
    font-size: 22px;
  }
  .cta-build .cta-buttons {
    gap: 2px;
  }
  .cta-build .hero-btn img {
    width: 14px;
    height: 14px;
  }
.about-banner .about-banner__card-inner:after {
    background: linear-gradient(93deg, #f7b728 4%, transparent 3.2%);
}
 .about-story-section .about-story-image,
    .about-story-section .about-story-image-tag,
    .about-story-section .about-story-placeholder {
      min-height: 330px;
      height: 330px;
    }

.about-story-section .about-story-stats {
    flex-wrap: wrap;
    gap: 10px;
    justify-content:center;
}

.about-story-section .about-story-stat {
    min-height: 120px;
    padding: 18px;
    min-width: auto;
    width:48%;
}

    .about-story-section .about-story-content h2 {
      margin-bottom: 18px;
      font-size: 28px;
    }
    .about-story-section .about-story-description p {
    margin: 0 0 14px;
    font-size: 16px;
}
.why-heading h2{
        font-size:34px;
    }

    .why-card{
        padding:18px;
    }

    .why-card h3{
        font-size:18px;
    }

    .why-card-content{
        font-size:13px;
    }

    .band-item{
        min-width:210px;
    }
.dk-fpb-heading {
    font-size: 28px !important;
  }
  .dk-fpb-description {
    font-size: 16px;
  }
  .dk-fpb-filter-heading h3 {
    font-size: 19px;
  }
  .dk-fpb-filter-button {
    height: 38px;
    font-size: 11px;
  }
  .dk-fpb-filter-option {
    font-size: 11px;
    padding: 9px 12px;
  }
  .dk-new-uca-filter-button {
    height: 38px;
    font-size: 10px;
  }
  .dk-new-uca-filter-option {
    padding: 9px 12px;
    font-size: 10px;
  }
.dk-heading {
    font-size: 35px;
}

    .dk-logo img{
        max-width:220px;
    }

    .dk-services{
        gap:10px;
    }

    .dk-btn{
        font-size:14px;
        padding:15px 18px;
    }
.new-performance-upgrades
  .performance-heading h2 {
    font-size: 23px;
  }


  .performance-fixed-product-image {
    height: 180px;
  }

  .performance-filter-button {
    width: 75px;

    font-size: 9px;
  }


  .performance-filter-option {
    font-size: 12px;

    padding: 11px 12px;
  }
  .tow_runner_section .performance-filters-grid {
    max-width: 100%;
}
.compare-mt-packages {
    padding: 40px 10px;
  }
  .compare-mt-packages__heading-wrap {
    margin-bottom: 25px;
  }
}
/* =========================================================
   COMPARE MT PACKAGES
========================================================= */

.compare_mt_section_pack {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: #151515;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #ffffff;
  box-sizing: border-box;
}


/* =========================================================
   BACKGROUND
========================================================= */

.compare_mt_section_pack .compare-mt-packages__background {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}


/* =========================================================
   CONTAINER
========================================================= */

.compare_mt_section_pack .compare-mt-packages__container {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
}


/* =========================================================
   HEADING
========================================================= */

.compare_mt_section_pack .compare-mt-packages__heading-wrap {
  width: 100%;
  margin: 0 auto 42px;
  text-align: center;
}

.compare_mt_section_pack .compare-mt-packages__heading {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-family:
    Arial Narrow,
    Arial,
    Helvetica,
    sans-serif;
  font-size: 34px;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.compare_mt_section_pack .compare-mt-packages__subheading {
    max-width: 100%;
    margin: 10px auto 0;
    color: #ffffff;
    font-family: 'Body', Arial, sans-serif;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 400;
}

.compare-mt-packages__button-wrap a.primary-btn:after {
    background: url(/cdn/shop/files/showdown_arrow_btn.png?v=1782505858) center right/contain no-repeat;
    width: 23px !important;
    height: 12px !important;
    content: "";
    position: relative;
    width: 16px;
    height: 11px;
    display: inline-block;
    margin: auto;
    right: -4px;
}
.compare-mt-packages__button-wrap a.primary-btn:hover:after {
    background: url(/cdn/shop/files/showdown_arrow_btn.png?v=1782505858) center right/contain no-repeat;
     filter:brightness(0)invert(1);
}
/* =========================================================
   TABLE
========================================================= */

.compare_mt_section_pack .compare-mt-packages__table {
    width: 100%;
    background: #00000082;
    box-sizing: border-box;
    overflow: hidden;
    backdrop-filter: blur(10px);
    border: 1px solid;
    border-image-source: linear-gradient(102.52deg, #F7B728 0%, #111111 56.25%, #F7B728 100%);
    border-image-slice: 1;
}

.compare_mt_section_pack .compare-mt-packages__table-inner {
  width: 100%;
  padding:35px 58px;
}


/* =========================================================
   GRID
========================================================= */

.compare_mt_section_pack .compare-mt-packages__top,
.compare_mt_section_pack .compare-mt-packages__content {
  display: grid;
  grid-template-columns: 30% 30% 40%;
  padding-bottom: 0px;
}
#compare-runner-packages-template--27122812780587__compare_ruuner_QPWfpY .compare-mt-packages__content {
    padding-bottom: 0px;
}

/* =========================================================
   TOP HEADINGS
========================================================= */

.compare_mt_section_pack .compare-mt-packages__top-cell {
  display: flex;
  align-items: center;
  min-height: 40px;
  box-sizing: border-box;
  color: #ffffff;
  font-family: 'Body', Arial, sans-serif;
  font-size: 20px;
  line-height: 1.15;
  font-weight: 700;
  text-transform: uppercase;
}
/* =========================================================
   DETAILS COLUMN
========================================================= */

.compare_mt_section_pack .compare-mt-packages__details-column {
  display: flex;
  flex-direction: column;
  gap: 0;
  box-sizing: border-box;
}


/* =========================================================
   PRODUCT COLUMNS
========================================================= */

.compare_mt_section_pack .compare-mt-packages__product-column {
  display: flex;
  flex-direction: column;
  gap: 0;
  box-sizing: border-box;
}

/* =========================================================
   ROW
========================================================= */

.compare_mt_section_pack .compare-mt-packages__row {
  min-height: 40px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  font-family: 'Body', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 400;
}


/* =========================================================
   LABEL
========================================================= */

.compare_mt_section_pack .compare-mt-packages__row--label {
  color: #ffffff;
  text-transform: uppercase;
}


/* =========================================================
   VALUES
========================================================= */

.compare_mt_section_pack .compare-mt-packages__row--value {
  color: #ffffff;
  text-transform: uppercase;
}

.compare_mt_section_pack .compare-mt-packages__link {
  display: inline-flex;
  align-items: center;
  gap: 7px;

  color: #ffffff;
  text-decoration: none;

  transition: opacity 0.2s ease;
}

.compare_mt_section_pack .compare-mt-packages__link:hover {
  opacity: 0.75;
}

.compare_mt_section_pack .compare-mt-packages__link-arrow {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

.compare_mt_section_pack .compare-mt-packages__link-arrow svg {
  width: 10px;
  height: 10px;
}


/* =========================================================
   CTA
========================================================= */

.compare_mt_section_pack .compare-mt-packages__button-wrap {
  display: flex;
  justify-content: center;
  align-items: center;

  margin-top: 28px;
}

.compare_mt_section_pack .compare-mt-packages__button {
  min-width: 250px;
  min-height: 52px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 22px;

  padding: 15px 25px;

  background: #f7b728;
  color: #080808;

  text-decoration: none;
  text-transform: uppercase;

  font-family: 'Body', Arial, sans-serif;
  font-size: 13px;
  line-height: 1;
  font-weight: 700;

  box-sizing: border-box;

  transition:
    background-color 0.25s ease,
    transform 0.25s ease;
}

.compare_mt_section_pack .compare-mt-packages__button:hover {
  background: #ffffff;
  color: #080808;
  transform: translateY(-2px);
}

.compare_mt_section_pack .compare-mt-packages__button-arrow {
  display: inline-flex;
  align-items: center;
}


/* =========================================================
   TABLET
========================================================= */

@media screen and (max-width: 1100px) {

  .compare_mt_section_pack {
    padding-left: 15px;
    padding-right: 15px;
  }
  .compare_mt_section_pack .compare-mt-packages__subheading {
    max-width: 100%;
    font-size: 20px;
    line-height: 1.45;
  }
}

@media screen and (max-width: 991px){
  .compare_mt_section_pack {
    padding: 50px 15px 50px;
}

.compare_mt_section_pack .compare-mt-packages__table {
    overflow: auto !important;
}
.compare_mt_section_pack .compare-mt-packages__table-inner {
    min-width: 800px !important;
}
}

/* =========================================================
   TABLET / MOBILE
========================================================= */

@media screen and (max-width: 767px) {
.compare_mt_section_pack .compare-mt-packages__table-inner {
    width: 100% !important;
    padding: 25px 15px !important;
}
  .compare_mt_section_pack {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .compare_mt_section_pack .compare-mt-packages__heading-wrap {
    margin-bottom: 28px;
  }

  .compare_mt_section_pack .compare-mt-packages__heading {
    font-size: 27px;
  }

  .compare_mt_section_pack .compare-mt-packages__subheading {
    max-width: 600px;
    font-size: 16px;
    line-height: 1.45;
  }
.compare_mt_section_pack .compare-mt-packages__table {
    width: 100%;
     background: none; 
    box-sizing: border-box;
     overflow-x: scroll; 
     backdrop-filter: none; 
     border: none; 
     border-image-source: none; 
     border-image-slice: none; 
    overflow-x: scroll;
}
.compare_mt_section_pack .compare-mt-packages__table-inner {
    min-width: 200%;
    padding: 20px 20px;
    background: rgb(17 17 17 / 7%);
    box-sizing: border-box;
    overflow: hidden;
    backdrop-filter: blur(10px);
    border: 1px solid;
    border-image-source: linear-gradient(102.52deg, #F7B728 0%, #111111 56.25%, #F7B728 100%);
    border-image-slice: 1;
}
  .compare_mt_section_pack .compare-mt-packages__top-cell {
    font-size: 18px;
  }

  .compare_mt_section_pack .compare-mt-packages__button-wrap {
    margin-top: 25px;
  }

  .compare_mt_section_pack .compare-mt-packages__button {
    min-width: 235px;
    min-height: 48px;
    font-size: 12px;
  }
  .driver-features-description p {
    font-size: 16px;
}
.new-performance-upgrades
  .performance-description {
    font-size: 16px;
}
}