/** Shopify CDN: Minification failed

Line 3663:21 Unexpected "{"
Line 3663:28 Expected ":"

**/
* {
    letter-spacing: normal;
}

@font-face {
    font-family: 'Aeonik';
    src: url('/cdn/shop/files/Aeonik-Regular.woff2?v=1765520931') format('woff2'),
        url('/cdn/shop/files/Aeonik-Regular.woff?v=1765520931') format('woff'),
        url('/cdn/shop/files/Aeonik-Regular.ttf?v=1765520933') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aeonik Bold';
    src: url('/cdn/shop/files/Aeonik-Bold.woff2?v=1765521642') format('woff2'),
        url('/cdn/shop/files/Aeonik-Bold.woff?v=1765521641') format('woff'),
        url('/cdn/shop/files/Aeonik-Bold.ttf?v=1765521643') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.button::before,
.button::after {
    box-shadow: none;
    outline: none;
}

:root {
    --primary-font-family-regular: Aeonik, sans-serif;
    --primary-font-family-bold: Aeonik Bold, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
.h0,
.h1,
.h2,
.h3,
.h4,
.h5 {
    font-family: var(--primary-font-family-regular);
}

.index #autofit-garage-widget {
    display: none;
}

.button--tertiary {
    color: #121212;
    font-size: 14px;
    font-weight: 600;
}

.index .header-wrapper {
    background: none;
    position: absolute;
    left: 0;
    right: 0;
    border-bottom: 0;
}

.shopify-section-header-sticky .header-wrapper {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    background: rgb(255 255 255 / 54%);
}

.section-banner {
    background: url(/cdn/shop/files/bg-pattern.svg?v=1765513971);
    height: 100vh;
    display: flex;
    align-items: center;
}

.banner-caption-wrapper {
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #E9E9E9;
    border-radius: 25px;
    padding: 9px 20px;
    color: #222222;
    margin-bottom: 10px;
    display: inline-block;
    min-width: 372px;
    text-align: center;
    line-height: normal;
}

h1.heading-wrapper {
    font-family: var(--primary-font-family-bold);
    font-size: 60px;
    margin: 0 0 15px;
}


h1.heading-wrapper p {
    margin: 0;
}

.heading-wrapper strong {
    display: inline;
    background: #146EF5;
    border-radius: 50px;
    color: #fff;
    padding: 3px 35px 10px;
    position: relative;
    left: -30px;
}

@media (max-width: 1600px) {
    h1.heading-wrapper {
        font-size: 52px;
    }
    .heading-wrapper strong {
        padding: 3px 25px 10px;
        left: -15px;
    }
}

.section-banner .inner-auto-parts-hero-wrapper {
    gap: 20px;
    align-items: center;
}

.section-banner .slider-content-wrapper {
}

/* .section-banner .slider-content-wrapper img {
    width: 109%;
    position: relative;
    right: 55px;
} */


.section-banner .button {
    padding: 0 1.2rem;
    font-size: 14px;
    gap: 10px !important;
}

.body-autofitai-app .autofit-ai-subtitle {
    color: #000;
}

.body-autofitai-app .section-banner .autofitai-wrap {
    border: 0 !important;
    border-radius: 0 !important;
}

.section-banner .autofitai-template--sideBySide .autofitai-hbar.is-stacked {
    background: rgb(255 255 255 / 49%);
    background: #fff;
    border-radius: 10px;
    gap: 0 !important;
}

.body-autofitai-app .autofit-ai-vertical {
    max-width: 100% !important;
}

.body-autofitai-app .autofit-ai-banner {
    position: relative;
}

/* .body-autofitai-app .autofit-saved-vehicle__label {
    margin-bottom: 20px;
} */

.main-banner-slider {
    height: 420px;
}

.section-banner .slider-content-wrapper .text-wrapper {
    position: absolute;
    background: #6FB941;
    border-radius: 30px;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 11px;
    letter-spacing: -0.66%;
    padding: 3px 6px;
    line-height: normal;
    min-width: 100px;
    text-align: center;
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.section-banner .slider-content-wrapper .text-wrapper.fitman-text,
.section-banner .slider-content-wrapper .text-wrapper.ai-text {
    animation: shake 10s infinite;
}

.section-banner .slider-content-wrapper .text-wrapper.garage-text {
    z-index: 2;
}

.merchant-content-wrapper {
    margin-top: 55px;

}

.merchant-content-wrapper .swiper-slide {
    border: 1px solid #E9E7E7;
    border-radius: 10px;
    padding: 15px;
    background: #fff;
}

.merchant-title-wrapper {
    font-size: 24px;
    margin-bottom: 18px;
    color: #222222;
}

.vin-text {
    top: 24%;
    left: -60px;
}

.vin-text:after,
.ai-text:after {
    content: '';
    position: absolute;
    right: -20px;
    top: -10px;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.04292 0.606562L3.46265 2.46665C1.16817 3.23148 0.0209272 3.61389 0.000357628 4.31221C-0.000220299 4.33183 -0.000220299 4.35147 0.000357628 4.37109C0.0209272 5.06941 1.16817 5.45182 3.46264 6.21665L3.46265 6.21665C4.37151 6.51961 4.82594 6.67108 5.15518 6.9932C5.1656 7.0034 5.1759 7.0137 5.18609 7.02412C5.50822 7.35336 5.65969 7.80779 5.96264 8.71664L5.96265 8.71665C6.72747 11.0111 7.10989 12.1584 7.8082 12.1789C7.82783 12.1795 7.84746 12.1795 7.86709 12.1789C8.56541 12.1584 8.94782 11.0111 9.71265 8.71665L11.5727 3.13639C12.1247 1.4806 12.4006 0.6527 11.9636 0.215684C11.5266 -0.221332 10.6987 0.0546326 9.04292 0.606562Z' fill='%236FB941'/%3E%3C/svg%3E%0A");
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
}

.ai-text {
    bottom: 10%;
    left: -30px;
}

.section-main-banner {
    position: relative;
}

.section-main-banner:after {
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='960' height='870' viewBox='0 0 960 870' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='960' height='870' fill='%2389B3F2'/%3E%3Cmask id='mask0_481_426' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='960' height='870'%3E%3Crect width='960' height='870' fill='%2389B3F2'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_481_426)'%3E%3Cg filter='url(%23filter0_f_481_426)'%3E%3Cellipse cx='877.811' cy='286.559' rx='295.455' ry='475.305' fill='%23146EF5'/%3E%3C/g%3E%3Cg opacity='0.7' filter='url(%23filter1_f_481_426)'%3E%3Cellipse cx='647.13' cy='912.271' rx='416.754' ry='309.661' fill='%230B50B8'/%3E%3C/g%3E%3Cg filter='url(%23filter2_f_481_426)'%3E%3Cellipse cx='-38.4972' cy='908.831' rx='246.264' ry='376.017' fill='%23146EF5'/%3E%3C/g%3E%3Cg opacity='0.9' filter='url(%23filter3_f_481_426)'%3E%3Cellipse cx='93.8006' cy='-629.153' rx='445.169' ry='706.814' fill='white'/%3E%3C/g%3E%3Cg opacity='0.6' filter='url(%23filter4_f_481_426)'%3E%3Cellipse cx='569.829' cy='581.475' rx='192.794' ry='183.339' fill='white'/%3E%3C/g%3E%3Cg opacity='0.6' filter='url(%23filter5_f_481_426)'%3E%3Cellipse cx='809.981' cy='328.831' rx='354.729' ry='183.339' fill='white'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_481_426' x='332.355' y='-438.746' width='1090.91' height='1450.61' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='125' result='effect1_foregroundBlur_481_426'/%3E%3C/filter%3E%3Cfilter id='filter1_f_481_426' x='50.376' y='422.61' width='1193.51' height='979.322' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='90' result='effect1_foregroundBlur_481_426'/%3E%3C/filter%3E%3Cfilter id='filter2_f_481_426' x='-464.761' y='352.814' width='852.527' height='1112.03' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='90' result='effect1_foregroundBlur_481_426'/%3E%3C/filter%3E%3Cfilter id='filter3_f_481_426' x='-531.368' y='-1515.97' width='1250.34' height='1773.63' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='90' result='effect1_foregroundBlur_481_426'/%3E%3C/filter%3E%3Cfilter id='filter4_f_481_426' x='197.034' y='218.136' width='745.589' height='726.678' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='90' result='effect1_foregroundBlur_481_426'/%3E%3C/filter%3E%3Cfilter id='filter5_f_481_426' x='275.251' y='-34.5083' width='1069.46' height='726.678' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='90' result='effect1_foregroundBlur_481_426'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: cover;
    z-index: -1;
}

.section-banner .image-wrapper {
    background: url(/cdn/shop/files/bg-banner.svg?v=1765779611);
    background-repeat: repeat-x;
    background-size: cover;
    border-radius: 20px;
    min-height: 500px;
    padding: 0;
}


.homepage [data-block-handle="combine-widget"] .lookup-layout--regVrn {
    max-width: 550px;
    margin: 0 auto !important;
}

.homepage [data-block-handle="combine-widget"] .lookup-layout--regVrn .autofitai-tab-panel {
    background: #fff;
}

.autofitai-template--regReveal {
    background: #fff;
    border-radius: 10px;
}

.autofitai-template--regReveal .autofit-reg-tabs-title {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 12px;
}

.autofitai-template--regReveal .autofitai-link {
    margin-top: 0 !important;
}

.autofitai-template--tabbed .autofit-reg-widget .autofit-reg-tabs-title {
    padding-bottom: 12px;
}

#autofitai-combined- .autofitai-dot.is-active {
    background: #146ef5 !important;
    opacity: 1 !important;
}

.autofitai-link[data-action="show-reg"] {
    margin-top: 14px !important;
}

.homepage [data-block-handle="combine-widget"] {
    position: relative;
    min-height: auto !important;
}


.garage-text {
    left: auto;
    right: 40px;
    bottom: 80px;
}

.fitman-text {
    top: 35%;
    right: -40px;
    z-index: 2;
}

.garage-text::before,
.fitman-text:before {
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.13653 0.606554L8.71679 2.46664C11.0113 3.23147 12.1585 3.61388 12.1791 4.3122C12.1797 4.33183 12.1797 4.35146 12.1791 4.37109C12.1585 5.0694 11.0113 5.45182 8.7168 6.21664L8.7168 6.21664C7.80794 6.5196 7.35351 6.67107 7.02427 6.9932C7.01385 7.00339 7.00354 7.01369 6.99335 7.02411C6.67123 7.35335 6.51975 7.80778 6.2168 8.71664L6.2168 8.71664C5.45197 11.0111 5.06956 12.1584 4.37124 12.1789C4.35162 12.1795 4.33198 12.1795 4.31235 12.1789C3.61404 12.1584 3.23162 11.0111 2.4668 8.71665L0.606709 3.13638C0.0547781 1.48059 -0.221187 0.652692 0.215829 0.215676C0.652845 -0.22134 1.48074 0.054625 3.13653 0.606554Z' fill='%236FB941'/%3E%3C/svg%3E%0A");
    content: '';
    position: absolute;
    left: -20px;
    top: -10px;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
}

.section-banner .swiper-slide {
    display: flex;
    align-items: center;
    overflow: hidden;
    height: auto;
}


.section-banner .swiper-slide img {
    width: 100%;
}

.section-banner .swiper-pagination-bullet {
    background: rgb(255 255 255 / 40%);
}

.section-banner .swiper-pagination-bullet-active {
    background: #fff;
}

.text-white {
    color: #fff;
}

.description-wrapper {
    margin: 0 0 30px;
    display: block;
    color: #393737;
    line-height: 22px;
}

.info-text-wrapper {
    font-size: 14px;
    margin-top: 12px;
}

.button-wrapper .button {
    display: inline-flex;
    gap: 15px;
    padding-right: 6px;
    letter-spacing: normal;
    font-weight: 600;
}

.button-wrapper .button .svg-wrapper-icon {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-wrapper .header__inline-menu {
    border: 1px solid #e7e7e7;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(2px);
    border-radius: 25px;
    padding: 0 20px;
    min-width: 438px;
    display: flex;
    justify-content: center;
    /* display: none; */
}

.header-buttons-wrapper {
    display: flex;
    gap: 10px;
}

.install-app-icon {
    display: flex;
    gap: 10px;
    text-decoration: none;
    line-height: normal;
    align-items: center;
    border: 1px solid #000;
    background: #000;
    border-radius: 32px;
    padding: 7px 23px;
    color: #fff;
}

@media (max-width: 1199px) {
    .install-app-icon {
        max-width: 170px;
    }
}



@media (max-width: 1199px) {
    .autofit-ai-demo .footer .install-app-icon {
        max-width: fit-content;
        min-width: auto;
    }

    .autofit-ai-demo  .install-app-icon {
         max-width: fit-content;
        min-width: auto;
    }
}

.install-app-icon .text-content {
    line-height: normal;
    display: flex;
    flex-direction: column;
}

.install-app-icon .text-content .top-text {
    display: block;
    font-weight: 400;
    font-size: 12px;
    color: #fff;
}

.bottom-text {
    font-size: 12px;
    font-weight: 700;
}

.demo-store-btn {
    background: #afeb8a;
    border-radius: 32px;
    padding: 5px 5px 5px 26px;
    color: #121212;
    text-decoration: none;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    gap: 17px;
}

.arrow-svg {
    width: 42px;
    height: 42px;
    border-radius: 100%;
    display: flex;
    background: #fff;
    align-items: center;
    justify-content: center;
}


h2,
h2.heading-wrapper {
    font-size: 4.8rem;
    margin: 0;
}

h3,
h3.title-wrapper {
    font-size: 36px;
    margin: 0;
}

.custom-feature__top {
    padding-bottom: 60px;
    gap: 38px;
}

.custom-feature__top .custom-feature--item {
    width: calc(50% - 38px * 1 / 2);
    max-width: calc(50% - 38px * 1 / 2);
}


.custom-feature--item .button--tertiary {
    color: #8A8A8A;
}
.custom-feature--item .button--tertiary:hover {
    color: #000000;
    transition: color .2s ease-in;
}

.custom-feature__inner {
    padding: 100px 0;
}

.custom-feature__cards {
    column-gap: 38px;
}

.custom-feature__card {
    
}

.feature-card-icon-wrapper {
    padding: 0 35px 10px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.feature__card-grid {
    background: #fff;
    border-radius: 25px;
    padding: 35px 0 0;
    display: flex;
    flex-direction: column;
    width: calc(25% - 38px * 3 / 4);
    max-width: calc(25% - 38px * 3 / 4);
    position: relative;
   overflow: hidden;
   justify-content: space-between;
}

.feature__card-grid span.card-caption {
    background: #0a459f;
    font-size: 18px;
    text-align: center;
    color: #fff;
    padding: 8px;
    width: 100%;
}


/* .feature__card-grid:hover {
    background: #146EF5;
} */

.feature__card-grid span {
    color: #000;
    font-weight: 500;
    font-size: 24px;
    line-height: 38px;
}

/* 
.feature__card-grid:hover span {
    color: #fff;
}

.feature__card-grid:hover svg path {
    fill: #fff;
} */

.key-features__inner .heading-wrapper {
    text-align: center;
    margin-bottom: 70px;
    color: #222222;
}

.key-features__items {
    background: #F6F6F6;
    border-radius: 30px;
    gap: 40px;
    overflow: hidden;
    transform-origin: top center;
    will-change: transform;
    margin-bottom: 75px;
    display: flex;
    flex-wrap: nowrap;
}


.key-features__item .key-features__text {
    padding: 0 50px;
}

.key-features__item .key-features__text .title-wrapper {
    font-size: 36px;
    margin-bottom: 10px;
    line-height: normal;
    color: rgb(0 0 0 / 70%);
    line-height: 34px;
}

.key-features__item .key-features__text .description-wrapper {
    color: #7B7B7B;
}

.key-features__item {
    padding: 50px 40px 0px;
    width: calc(55% - 40px * 1 / 2);
    max-width: calc(55% - 40px * 1 / 2);
}

.key-features__item .key-features__image img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: 100%;
}

.key-features-details {
    background: #0a459f;
    padding: 80px;
    width: calc(45% - 40px * 1 / 2);
    max-width: calc(45% - 40px * 1 / 2);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.key-features-details__header {
    display: flex;
    gap: 20px;
    line-height: normal;
    align-items: center;
    margin-bottom: 25px;
}

.key-features-details h3 {
    color: #fff;
}

.key-features-details .key-features-title-text p {
    margin: 0;
    color: #fff;
}

.key-features-details__feature-icon {
    background: #fff;
    height: 25px;
    width: 25px;
    min-width: 25px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.key-features-details__feature-content {
    padding-right: 40px;
}

.key-features-details__feature-title {
    font-weight: 400;
    display: block;
    line-height: normal;
}

.key-features-details__features {
    gap: 20px;
    display: flex;
    flex-direction: column;
}

.key-features-details__feature {
    display: flex;
    gap: 20px;
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    border-top: 1px solid #fff;
    padding: 15px 0 0;
}

.key-features-details__feature:first-child {
    border: 0;
}

.key-features-details__buttons {
    margin-top: 30px;
}

.key-features-details__buttons .button--primary {
    background: #fff;
    color: #146EF5;
    font-weight: 600;
}

.key-features-details__buttons .button--primary .svg-wrapper-icon {
    background: #6FB941;
}

.key-features-details__buttons .button--primary .svg-wrapper-icon svg path {
    fill: #fff;
}

.key-features-details__buttons .button--tertiary {
    color: #fff;
    font-weight: 600;
}

.dm-header {
    display: flex;
    gap: 38px;
    margin-bottom: 80px;
}

.dm-header__col {
    width: calc(50% - 38px * 1 / 2);
    max-width: calc(50% - 38px * 1 / 2);
}

.dm-grid {
    gap: 30px;
}

.dm-grid .dm-grid__item {
    background: #F6F6F6;
    border-radius: 30px;
    width: calc(33.333% - 30px * 2 / 3);
    max-width: calc(33.333% - 30px * 2 / 3);
}

.dm-grid .dm-grid__item .inner-dm-card {
    padding: 40px;
}

.data-management-section .dm-grid .dm-grid__item .inner-dm-card img {
    width: 100%;
}

.heading-caption-wrapper {
    margin-bottom: 12px;
}

.data-management-section.section-manage-data .dm-section-description {
    color: #000000CF;
}

.dm-section-heading,
.dm-section-heading p {
    margin: 0;
}

.dm-section-description p {
    margin: 0;
}

.dm-grid .dm-card-image {
    display: flex;
    align-items: center;
}


.dm-card-heading {
    font-size: 24px;
    color: #000000CF;
}

.section-why-choose {
    background: linear-gradient(180deg, #215CF4 0%, #1B42E6 100%);
    position: relative;
}

.dm-feature-grid {
    gap: 194px;
    position: relative;
}

.dm-feature-grid-wrapper {
    position: relative;
}

.dm-feature-grid-wrapper:after {
    position: absolute;
    left: 0;
    right: 0;
    background: #ffffff;
    width: 100%;
    height: 1px;
    content: '';
    top: 27%;
    transform: translateY(-27%);
}

.dm-feature-grid .feature-card__item {
    width: calc(33.333% - 194px * 2 / 3);
    max-width: calc(33.333% - 194px * 2 / 3);
    text-align: center;
    position: relative;
    z-index: 2;
}

.dm-feature-image {
    background: #103AD1;
    border-radius: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    margin-bottom: 28px;
    max-width: 120px;
    margin: 0 auto;
}

.dm-feature-image  img {
    width: 50px;
}

.dm-feature-heading {
    color: #fff;
    font-size: 32px;
    font-family: var(--primary-font-family-regular);
}

.dm-feature-heading strong {
    font-weight: 400;
    display: block;
    margin-bottom: 10px;
}

.dm-feature-caption {
    color: #fff;
    font-size: 14px;
    line-height: normal;
    display: block;
}

.dm-section-description {
    color: #fff;
}

.pricing-section .pricing-header {
    max-width: 600px;
    margin: 0 auto;
    padding-bottom: 70px;
}

.caption-emoj {
    display: inline-flex;
    background: #f6faff;
    padding: 8px 25px 8px 15px;
    font-size: 16px;
    font-weight: 500;
    color: #083a85;
    border-radius: 22px;
    gap: 18px;
    align-items: center;
}

.caption-emoj .image-wrapper {
    width: 22px;
    height: 22px;
    display: flex;
}

.caption-emoj .image-wrapper img {
    width: 100%;
}

.pricing-grid .pricing-card {
    background: #F4F4F4;
    border-radius: 22px;
    padding: 35px 20px;
    position: relative;
}

.pricing-badge {
    position: absolute;
    background: #afeb8a;
    border-radius: 4px 4px 0 0;
    color: #121212;
    font-weight: 700;
    font-size: 16px;
    line-height: 16.8px;
    text-align: center;
    min-width: 137px;
    padding: 10px 0;
    top: -36px;
    left: 50%;
    transform: translatex(-50%);
}

.plan-description {
    font-size: 16px;
    color: #000000;
    line-height: normal;
    display: block;
}

.pricing-top-wrapper {
    text-align: center;
    margin-bottom: 15px;
}

.price-wrapper {
    text-align: center;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    align-items: center;
    gap: 5px;
}

.price-wrapper .number-wrapper {
    color: #146EF5;
    font-weight: 600;
    font-size: 32px;
}

.svg-plan-wrapper svg path {
    fill: #146EF5;
}

.features-wrapper ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.features-wrapper ul li {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding-left: 12px;
    line-height: 22px;
    font-size: 14px;
    margin-bottom: 15px;
    line-height: normal;
}

/* .features-wrapper ul li:nth-child(3) {
    padding-left: 0;
}

.features-wrapper ul li:nth-child(3):before {
    content: none;
} */


.features-wrapper ul li:before {
    width: 5px;
    height: 5px;
    background: #000000CF;
    content: '';
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 50%;
}

.pricing-grid .pricing-card .inner-pricing-card {
    height: 100%;
}

.pricing-grid .card-content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    align-items: stretch;
}

.pricing-grid .card-content-wrapper .button-wrapper {
    display: flex;
    justify-content: center;
}

.pricing-grid .card-content-wrapper .button-wrapper .button {
    padding: 0 10px;
    min-width: 148px;
    border: 0;
}

.pricing-grid .pricing-card.is-featured {
    background: #146ef5 url("/cdn/shop/files/bg-price.png?v=1765789858");
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
}

.pricing-grid .pricing-card.is-featured .button {
    background: #fff;
    color: #146EF5;
    font-weight: 600;
}

.pricing-grid .pricing-card.is-featured ul li:before {
    background: #fff;
}

.pricing-grid .pricing-card.is-featured .card-title-wrapper,
.pricing-grid .pricing-card.is-featured .plan-description,
.pricing-grid .pricing-card.is-featured .number-wrapper {
    color: #fff;
}

.pricing-grid .pricing-card.is-featured .svg-plan-wrapper svg path {
    fill: #fff;
}

.section-get-started .rich-text__blocks {
    background: #146ef5 url("/cdn/shop/files/bg-starte.png?v=1765774298");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 25px;
    max-width: 100%;
    padding: 40px 0;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.section-get-started .rich-text__heading {
    color: #fff;
    max-width: 698px;
}

.section-get-started .button {
    background: #fff;
    color: #303030;
    font-weight: 600;
}

.section-get-started .button-wrapper .svg-wrapper-icon {
    background: #6FB941;
}

.section-get-started .button-wrapper .svg-wrapper-icon svg path {
    fill: #fff;
}

.section-get-started .content-container {
    background: none;
}

.section-faqs .collapsible-content__header {
    max-width: 540px;
    margin: 0 auto 45px;
}

.section-faqs .collapsible-content__heading {
    color: #000000CF;
    margin-bottom: 20px;
    letter-spacing: normal;
    font-size: 48px;
}

.section-faqs .caption-with-letter-spacing {
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    text-transform: none;
    letter-spacing: unset;
}

.section-faqs .grid__items {
    gap: 35px;
    column-count: 2;

}


.section-faqs .grid__items .accordion {
    border-radius: 10px;
    break-inside: avoid;
}

.section-faqs .grid__items .accordion summary {
    padding: 22px 22px;
}

.section-faqs .grid__items .accordion__content {
    padding: 0 22px 22px !important;
}

.section-faqs .grid__items .accordion__title {
    font-weight: 500;
    font-size: 18px;
    line-height: 16.8px;
    color: #000000CF;
    letter-spacing: unset;
    line-height: normal;
}

.section-faqs .header-content-wrapper {
    text-align: center;
    margin-bottom: 75px;
    gap: 20px;
}

.accordion-section-description {
    max-width: 50%;
    margin: 20px 0 0;
    text-align: left;
}

.section-faqs .accordion-wrapper {
    gap: 32px;
}

.section-faqs .accordion-column {
    width: calc(50% - 32px * 1 / 2);
    max-width: calc(50% - 32px * 1 / 2);

}

.section-faqs .accordion-toggle-wrapper {
    background: #F2F2F2;
    margin-bottom: 25px;
    padding: 32px;
    border-radius: 10px;
}

.section-faqs .accordion-toggle-wrapper .accordion-toggle {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.section-faqs .accordion-toggle-wrapper .accordion-title {
    font-weight: 500;
    line-height: 22px;
    color: #000;
}

.section-faqs .accordion-column p {
    margin: 15px 0 0;
}

.section-collaborate {
    position: relative;
    background: transparent;
}

.section-collaborate .collaborate-wrapper {
    background: #146ef5 url("/cdn/shop/files/bg-starte.png?v=1765774298");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 25px;
    max-width: 100%;
    padding: 8rem;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 116px;
}

.section-collaborate .left-content {
    width: calc(50% - 116px * 1/2);
    max-width: calc(50% - 116px * 1/2);
}

.section-collaborate .right-content {
   width: calc(50% - 116px * 1/2);
    max-width: calc(50% - 116px * 1/2);  
}

.section-collaborate .caption_wrapper {
    color: #f1f1f1;
    font-size: 2rem;
}

.section-collaborate h2 {
    color: #fff;
    font-size: 4.8rem;
    margin: 0 0 4rem;
}

.section-collaborate .inner-feature-wrapper {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.section-collaborate .inner-feature-wrapper li {
    color: #fff;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 1.8rem;
    line-height: 24px;
}

.section-collaborate .inner-feature-wrapper .icon-wrapper {
    display: flex;
}

.section-collaborate .decription_wrapper {
    margin-bottom: 4rem;
}

.section-collaborate .decription_wrapper p {
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 2.2rem;
    line-height: 32px;
    font-weight: 400;
}

.section-collaborate .email_wrapper p {
    margin: 0;
    display: flex;
    color: #fff;
    font-size: 2.4rem;
    line-height: normal;
    font-weight: 400;
    gap: 10px;
}

.section-collaborate .email-icon {
    display: inline-block;
    margin-right: 5px;
}

.section-collaborate .email_wrapper p a {
    color: #fff;
    text-decoration: none;
} 

.section-collaborate .right-content h2 {
    margin-bottom: 26px;
    font-size: 4.8rem;
}

.section-collaborate .right-content .form__message {
    font-size: 1.6rem;
    background: #db7575;
    padding: 1rem;
    border-radius: 10px;
    border: 1px solid #ff0000;
    color: #fff;
}

.section-collaborate .right-content .form__message h2 {
    font-size: 1.6rem;
    margin: 0;
}

.section-collaborate .right-content .form__message.form-status-list {
    background: #54ad54;
    border: 1px solid green;
}

.section-collaborate .form-status-list {
    list-style: none;
    padding: 0;
}

.section-collaborate .form-status-list a {
    color: #fff;
    text-decoration: none;
}

.section-collaborate .contact__fields .field:before,
.section-collaborate .contact__fields .field:after {
    content: none;
}

.section-collaborate .contact__field-error {
    width: 100%
}

.section-collaborate .field:before, 
.section-collaborate .field:after,
.section-collaborate .field input,
.section-collaborate .field textarea {
    border-radius: 10px;
}

.section-collaborate .field:hover:before, 
.section-collaborate .field:hover:after,
.section-collaborate .field:hover input,
.section-collaborate .field:hover textarea {
    border-radius: 10px;
    box-shadow: unset;
    border: 1px solid #6fb941;
}

.section-collaborate .field input,
.section-collaborate .field textarea {
    color: #000;
    font-size: 15px;
    letter-spacing: normal;
}

.section-collaborate .field input {
    height: 5.4rem;
}

.section-collaborate .field label {
    color: #000;
    font-size: 15px;
    letter-spacing: normal;
}

.section-collaborate .field label {
    top:  calc(1.5rem + var(--inputs-border-width));
}

.section-collaborate .field:hover::after {
    box-shadow: unset;
}

.section-collaborate .button-wrapper .button {
    background: #fff;
    color: #303030;
}

.section-collaborate .button-wrapper {
    text-align: center;
}

.section-collaborate .button-wrapper .button .svg-wrapper-icon {
    background: #6FB941;
}

.section-collaborate .button-wrapper .button .svg-wrapper-icon svg path {
    fill: #fff;
}

.shopify-section .footer {
    padding-top: 32px;
}

.image-banner-wrapper {
    min-height: 526px;
    position: relative;
}

.image-banner-wrapper::after {
    content: none;
    position: absolute;
    inset: 0;
    background: rgb(0 114 239 / 74%);
}

.heading-logo-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    flex-direction: column;
    height: 100%; 
    background-color: rgba(255, 255, 255, 0.4);
}

.desc-services-brand-wrapper {
    padding: 10rem 0 6rem;
    background: #F2F2F2;
}

.heading-logo-wrapper .heading_wrapper h2{
    color: #fff;
}

.desc-wrapper, .services-wrapper, .brand-wrapper {
    display: flex;
    margin-bottom: 4rem;
}

.desc-title , .services-title, .brand-title {
    flex:  0 0 20%;
    margin: 0;
}

@media (max-width: 990px) {
    .desc-services-brand-wrapper {
        padding: 5rem 0 5rem;
        background: #F2F2F2;
        margin-bottom: 0rem;
    }
    .desc-wrapper, .services-wrapper, .brand-wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 2rem;
    }
    .brand-wrapper {
        margin-bottom: 0;
    }
    .desc-title , .services-title, .brand-title {
        flex:  0 0 100%;
    }
}

.desc-title h4 , .services-title h4, .brand-title h4{
    font-weight: 400;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: -0.04em;
    color: #000000;
    margin: 0;
}

.desc-services-brand-wrapper p {
    margin: 0;
}

.desc-services-brand-wrapper .services-value {
    display: flex;
    flex-wrap: wrap;
    gap: 1.3rem;
}

.desc-services-brand-wrapper .services-value p {
    margin: 0;
    background: #146EF5;
    border-radius: 2rem;
    padding: 0.1rem 4rem;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
}

.website-preview-wrapper {
    position: relative;
    z-index: 1;
    padding-top: 10rem;
}

.website-preview-wrapper .website-preview-heading {
    text-align: center;
    margin-bottom: 6.6rem;
}

.preview-main-image-wrapper {
    margin-bottom: 7rem;
}

.preview-main-image-wrapper img {
    max-width: 100%;
}

.additional-image-wrapper img {
    max-width: 100%;
}

.button-about-focuses-wrapper {
    background: #F2F2F2;
    padding: 32rem 0 10rem;
    position: relative;
    margin-top: -35rem;
}

.button-about-focuses-wrapper .button-wrapper {
    text-align: center;
    margin-bottom: 7rem;
}

.about-wrapper {
    max-width: 920px;
    margin: 0 auto;
    padding-bottom: 9rem;
}

.focus-wrapper {
    border-top: 1px solid #E3D9D9;
    padding-top: 9rem;
    display: flex;
    flex-wrap: wrap;
}

.focus-wrapper .focus-title {
    margin: 0;
    flex: 0 0 20%;
}

.focus-value.value {
    flex: 1 1 80%;
}


.focus-wrapper .focus-title h4 {
    margin: 0;
    font-weight: 400;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: -0.04em;
    color: #252120;
}

.focus-wrapper .metafield-rich_text_field {

}

.focus-wrapper .metafield-rich_text_field ul {
    display: flex;
    gap: 1.6rem;
    flex-wrap: wrap;
    margin: 0;
    list-style: none;
}

.focus-wrapper .metafield-rich_text_field ul li {
    width: calc(50% - 1.6rem * 1 / 2);
    max-width: calc(50% - 1.6rem * 1 / 2);
    background: #fff;
    border-radius: 8px;
    padding: 40px 20px;
    border: 1px solid #e2e8ef;
    font-weight: 600;
    text-align: center;
}

.focus-wrapper .metafield-rich_text_field ul li strong {
    display: block;
}

@media (max-width: 990px) {
    .website-preview-wrapper {
        padding-top: 5rem;
    }
    .website-preview-wrapper .website-preview-heading {
        margin-bottom: 4rem;
    }
    .about-wrapper {
        padding-bottom: 5rem;
    }
}

@media (max-width: 749px) {
    
    .focus-wrapper {
        padding-top: 5rem;
        gap: 2rem;
    }
    .focus-wrapper .focus-title {
        margin: 0;
        flex: 0 0 100%;
    }
    .focus-value.value {
        flex: 1 1 100%;
        padding: 0;
    }
    .focus-wrapper .metafield-rich_text_field ul {
        list-style: none;
        padding: 0;
    }
    
}
@media (max-width: 575px) {
    .focus-wrapper .metafield-rich_text_field ul li {
        line-height: 24px;
        padding: 20px 15px;
    }
}

.key-features-wrapper {
    overflow: hidden;
    padding: 7rem 0 0;
}

.key-features-wrapper .swiper-slide {
    cursor: pointer;
}

.key-feature-heading {
    margin-bottom: 4.8rem;
    text-align: center;
}

.key-feature-heading h3 {
    font-weight: 400;
    font-size: 48px;
    line-height: 60px;
    align-items: center;
    text-align: center;
    color: #222222;
}

.solution-content-wrapper {
    padding: 7rem 0;
}

.solution-wrapper {
    margin-bottom: 5rem;
}

.solution-item-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}

.solution-item-wrapper h4 {
    margin: 0;
    padding: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: -0.04em;
    color: #252120;
}

.solution-item-wrapper .solution-item-title {
    margin: 0;
    flex: 1 0 20%;
}

.solution-item-wrapper .solution-item-value {
    flex: 1 0 80%;
}

@media (min-width: 990px) {
    .solution-item-wrapper .solution-item-title {
        margin: 0;
        flex: 0 0 22%;
    }

    .solution-item-wrapper .solution-item-value {
        flex: 1;
    }
    .solution-value p {
        margin-top: 0;
    }
}

.solution-item-wrapper ul {
    margin: 0;
    padding: 0;
    margin-bottom:3rem;
    list-style: none;
}

.solution-item-wrapper ul li {
    margin-bottom: 1rem;
}

.additional-image-title-wrapper {
    font-size: 24px;
    line-height: 27px;
    align-items: center;
    text-align: center;
    color: #000000;
}
@media (max-width: 768px) {
    .additional-image-title-wrapper {
        font-size: 14px;
        line-height: 21px;
    }
    .key-features-wrapper {
        padding: 5rem 0 0;
    }
}

.additional-image-title-wrapper p {
    margin: 0;
}

.auto-parts-popup {
    position: fixed;
    inset: 0;
    background: rgb(0 0 0 / 61%);
    z-index: 9;
    height: 100%;
}

.auto-parts-popup-content {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 70%;
    margin: 0 auto;
}
.auto-parts-popup-wrapper {
    align-items: center;
    justify-content: center;
    position: relative;
    background: #fff;
    padding: 5rem 3rem;
    padding-bottom:0;
    border-radius: 20px;
    height: auto;
}
@media (min-width: 800px) {
    .auto-parts-popup-wrapper {
        height: 80%;
    }
}

.auto-parts-popup-wrapper .buttons-image-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80%;
}

.auto-parts-popup-wrapper .popup-close {
    position: absolute;
    right: 1.5rem;
    top: 1rem;
    display: flex;
    cursor: pointer;
}

.solution-content-wrapper .button-wrapper {
    text-align: center;
}

.auto-parts-popup-wrapper button {
    display: flex;
    width: 4rem;
    height: 4rem;
    border-radius: 100%;
    background: #fff;
    border: 1px solid #007bff;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.auto-parts-popup-wrapper img {
    max-width: 100%;
    margin: 0 10px;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.auto-parts-popup-wrapper .popup-text-wrapper{
    font-size: 24px;
    line-height: 27px;
    align-items: center;
    text-align: center;
    color: #000;
}

.footer .header-buttons-wrapper {
    justify-content: space-between;
    align-items: center;
    padding-left: 0;
}

.footer .footer-button-wrapper {
    display: flex;
    gap: 10px;
}

.footer .header-buttons-wrapper .external-link-item {
    display: flex;
    align-items: center;
    gap: 4px;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 0;
    color: #000;
}

.footer .header-buttons-wrapper .external-link-item:hover {
    color: #146EF5;
}

.footer .header-buttons-wrapper .external-link-item .external-link-text {
    margin-top: 10px;
    border-left: 1px solid #b7b0b0;
    padding-left: 6px;
}

.footer h2 {
    font-weight: 700;
    font-size: 16px;
    line-height: 22.4px;
    margin-bottom: 10px;
}

.footer .contact-content-wrapper {
    margin-top: 18px;
}

.footer .contact-text-wrapper a {
    display: flex;
    align-items: center;
    gap: 15px;
    color: rgb(0 0 0 / 80%);
    text-decoration: none;
}

.footer .contact-text-wrapper a:hover {
    color: #146EF5;
}

.footer .footer-block__details-content .list-menu__item {
    text-decoration: none;
    font-size: 14px;
}

.footer .footer__blocks-wrapper {
    --grid-desktop-horizontal-spacing: 44px;
}

.footer .footer__blocks-wrapper .grid__item:first-child {
    width: calc(40% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
    max-width: calc(40% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
}

.footer .footer__blocks-wrapper .grid__item {
    width: calc(15% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
    max-width: calc(15% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
}


@keyframes pulse {
    0% {
        transform: scale(0.9);
        opacity: 0.7;
    }

    50% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(0.9);
        opacity: 0.7;
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.95);
        opacity: 0.7;
    }

    50% {
        -webkit-transform: scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(0.95);
        opacity: 0.7;
    }
}

@keyframes shake {
    0% {
        transform: translateX(0);
    }

    10% {
        transform: translateX(-5px);
    }

    20% {
        transform: translateX(5px);
    }

    30% {
        transform: translateX(-5px);
    }

    40% {
        transform: translateX(5px);
    }

    50% {
        transform: translateX(-5px);
    }

    60% {
        transform: translateX(5px);
    }

    70% {
        transform: translateX(-5px);
    }

    80% {
        transform: translateX(5px);
    }

    90% {
        transform: translateX(-5px);
    }

    100% {
        transform: translateX(0);
    }
}

.open-mobile-menu .section-banner .slider-content-wrapper,
.open-mobile-menu .heading-wrapper strong,
.open-mobile-menu .section-banner .slider-content-wrapper .text-wrapper,
.open-mobile-menu .hero-swiper-nav,
.open-mobile-menu .button {
    display: none;
}

.section-banner .page-width {
    width: 100%;
}

.review-testimonials {
    position: relative;
    overflow: hidden;
}

.review-testimonials h2 {
    text-align: center;
}

.heading-content-wrapper {
    max-width: 510px;
    margin: 0 auto 64px;
}

.review-testimonials .subtitle {
    display: block;
    text-align: center;
    font-size: 16px;
    margin-top: 15px;
    color: #1E1E1E;
}

.review-testimonials .swiper-slide {
    border-radius: 25px;
}



/* Default state for all slides: Faded and Smaller */
.review-testimonials .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
    transform: scale(0.8);
    transition: transform 0.4s ease, opacity 0.4s ease;
}

/* The "Active 3" logic: Center, Next, and Previous */
.review-testimonials .swiper-slide-active,
.review-testimonials .swiper-slide-next,
.review-testimonials .swiper-slide-prev {
    opacity: 1;
    transform: scale(0.95);
}

/* Highlight the absolute center slide slightly more */
.review-testimonials .swiper-slide-active {
    transform: scale(1.1);
    z-index: 10;
}

.review-testimonials .swiper-slide .reivew-content {
    padding: 32px;
    text-align: left;
}

.review-testimonials .swiper-slide .review-text {
    color: rgb(0 0 0 / 81%);
    margin-bottom: 15px;
}

.author-details-wrapper .review-author {
    font-size: 14px;
    color: rgb(0 0 0 / 81%);
    font-weight: 600;
}

.author-details-wrapper .review-date {
    font-size: 14px;
    color: rgb(0 0 0 / 60%);
}

.review-testimonials .swiper-slide .review-quote svg {
    width: 38px;
    height: 28px;
}

.review-testimonials .swiper-pagination {
    top: auto !important;
    bottom: 10% !important;
}

#menu-drawer .menu-drawer__navigation {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 20rem;
    padding-top: 0;
}

.section-autoparts {
    background: #F2F2F2 url(/cdn/shop/files/bg-pattern.svg?v=1765513971);
    margin-bottom: 10rem;
}

.section-autoparts .section-heading-wrapper{
    max-width: 506px;
    margin: 1px auto 6rem;
    text-align: center;
}

.section-autoparts img {
    width: 100%;
}

.section-autoparts .multirow__inner{
    row-gap: 6rem;
}

.section-autoparts .image-with-text .grid {
    gap: 7rem;
}

.section-autoparts .image-with-text__media-item {
    width: calc(45% - 7rem * 1/2);
    max-width:  calc(45% - 7rem * 1/2);
}

.section-autoparts .image-with-text__text-item {
    width: calc(55% - 7rem * 1/2);
    max-width:  calc(55% - 7rem * 1/2);
}

.section-autoparts .image-with-text__content {
    padding: 0;
}

.section-autoparts .image-with-text__media {
    border-radius: 20px !important;
}

.section-autoparts .image-with-text__media:after {
     border-radius: 2rem;
}

.section-autoparts .image-with-text__media,
.section-autoparts .image-with-text__media img {
    border-radius: 2rem;
}

.section-autoparts .logo-image-wrapper {
    margin: 0;
    max-width: 190px;
}

.bcp-automotive-case .image-banner-wrapper:after{
    content: none;
}

.bcp-automotive-case .logo-wrapper {
    max-width: 276px;
}

.bcp-automotive-case .logo-wrapper img {
    max-width: 100%;
}

.bcp-automotive-case .image-banner-wrapper .heading_wrapper h2 {
    color: #222;
}

.featured-blogs .article-card__image {
    padding: 10px;
    background: #fff;
    border-radius: 10px;
}

.featured-blogs .dm-header {
    margin-bottom: 50px;
}

.featured-blogs .dm-section-description  {
    margin: 0 0 24px;
    display: block;
    color: #686868;
    /* max-width: 590px; */
    line-height: 22px;
}

 .featured-blogs .blog__posts {
        gap: 28px;
    }


.featured-blogs .svg-wrapper svg path{
    stroke: #000;
}

.client-review-section {
    background-image: url("data:image/svg+xml,%3Csvg width='1918' height='928' viewBox='0 0 1918 928' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.5'%3E%3Cmask id='mask0_1078_649' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='-29' width='1921' height='987'%3E%3Crect width='1921' height='987' transform='translate(0 -29)' fill='url(%23paint0_radial_1078_649)'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1078_649)'%3E%3Cline x1='59.3625' y1='-3' x2='59.3625' y2='958' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='119.425' y1='-3' x2='119.425' y2='958' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='179.488' y1='-3' x2='179.488' y2='958' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='239.55' y1='-3' x2='239.55' y2='958' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='299.613' y1='-3' x2='299.612' y2='958' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='359.675' y1='-3' x2='359.675' y2='958' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='419.738' y1='-3' x2='419.737' y2='958' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='479.8' y1='-3' x2='479.8' y2='958' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='539.863' y1='-3' x2='539.862' y2='958' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='599.925' y1='-3' x2='599.925' y2='958' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='659.988' y1='-3' x2='659.987' y2='958' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='720.05' y1='-3' x2='720.05' y2='958' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='780.113' y1='-3' x2='780.112' y2='958' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='840.175' y1='-3' x2='840.175' y2='958' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='900.238' y1='-3' x2='900.237' y2='958' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='960.3' y1='-3' x2='960.3' y2='958' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='-1' y1='56.7625' x2='960' y2='56.7625' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='-1' y1='116.825' x2='960' y2='116.825' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='-1' y1='176.887' x2='960' y2='176.887' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='-1' y1='236.95' x2='960' y2='236.95' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='-1' y1='297.012' x2='960' y2='297.013' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='-1' y1='357.075' x2='960' y2='357.075' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='-1' y1='417.137' x2='960' y2='417.138' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='-1' y1='477.2' x2='960' y2='477.2' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='-1' y1='537.262' x2='960' y2='537.263' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='-1' y1='597.325' x2='960' y2='597.325' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='-1' y1='657.387' x2='960' y2='657.388' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='-1' y1='717.45' x2='960' y2='717.45' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='-1' y1='777.512' x2='960' y2='777.513' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='-1' y1='837.575' x2='960' y2='837.575' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='-1' y1='897.637' x2='960' y2='897.638' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Crect opacity='0.1' x='360' y='177' width='60' height='60' fill='%235E5E5E'/%3E%3Crect opacity='0.1' x='119' y='358' width='60' height='60' fill='%235E5E5E'/%3E%3Crect opacity='0.1' x='179' y='598' width='60' height='60' fill='%235E5E5E'/%3E%3Crect opacity='0.1' x='540' y='658' width='60' height='61' fill='%235E5E5E'/%3E%3Crect opacity='0.1' x='59' y='297' width='60' height='60' fill='%235E5E5E'/%3E%3Cline x1='960.3' y1='-3' x2='960.3' y2='958' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='1020.36' y1='-3' x2='1020.36' y2='958' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='1080.43' y1='-3' x2='1080.43' y2='958' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='1140.49' y1='-3' x2='1140.49' y2='958' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='1200.55' y1='-3' x2='1200.55' y2='958' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='1260.61' y1='-3' x2='1260.61' y2='958' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='1320.68' y1='-3' x2='1320.68' y2='958' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='1380.74' y1='-3' x2='1380.74' y2='958' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='1440.8' y1='-3' x2='1440.8' y2='958' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='1500.86' y1='-3' x2='1500.86' y2='958' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='1560.93' y1='-3' x2='1560.93' y2='958' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='1620.99' y1='-3' x2='1620.99' y2='958' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='1681.05' y1='-3' x2='1681.05' y2='958' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='1741.11' y1='-3' x2='1741.11' y2='958' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='1801.18' y1='-3' x2='1801.18' y2='958' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='1861.24' y1='-3' x2='1861.24' y2='958' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='960' y1='56.7625' x2='1921' y2='56.7625' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='960' y1='116.825' x2='1921' y2='116.825' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='960' y1='176.887' x2='1921' y2='176.887' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='960' y1='236.95' x2='1921' y2='236.95' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='960' y1='297.012' x2='1921' y2='297.013' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Crect opacity='0.1' x='1561' y='177' width='60' height='60' fill='%235E5E5E'/%3E%3Crect opacity='0.1' x='1741' y='477' width='60' height='60' fill='%235E5E5E'/%3E%3Crect opacity='0.1' x='1381' y='537' width='60' height='60' fill='%235E5E5E'/%3E%3Cline x1='960' y1='357.075' x2='1921' y2='357.075' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='960' y1='417.137' x2='1921' y2='417.138' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='960' y1='477.2' x2='1921' y2='477.2' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='960' y1='537.262' x2='1921' y2='537.263' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='960' y1='597.325' x2='1921' y2='597.325' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='960' y1='657.387' x2='1921' y2='657.388' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='960' y1='717.45' x2='1921' y2='717.45' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='960' y1='777.512' x2='1921' y2='777.513' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='960' y1='837.575' x2='1921' y2='837.575' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3Cline x1='960' y1='897.637' x2='1921' y2='897.638' stroke='%23BEBEBE' stroke-opacity='0.4' stroke-width='0.6'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_1078_649' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(960.5 493.5) rotate(90) scale(493.5 960.5)'%3E%3Cstop stop-opacity='0'/%3E%3Cstop offset='1'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-color: #EFEEEE;
}

.client-review-section .heading-content-wrapper {
    max-width: 100%;
    text-align: center;
}

.client-review-section .swiper-wrapper {
    padding-bottom: 10px;
}

.review-subtitle-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

.client-review-content  {
    position: relative;
}

.client-review-content .client-review-text{
    background: #fff;
    padding: 4rem;
    border-radius: 2rem;
    position: relative;
    margin: 0 30px 0 75px;
}

.client-review-section .subtitle {
    font-size: 2rem;
}

.client-review-content:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='72' height='69' viewBox='0 0 72 69' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1077_725)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.1768 68.8078C26.2954 68.0984 23.3593 66.5402 21.2347 65.1236C18.6927 63.4288 15.2002 60.1964 13.4609 57.9288C10.3369 53.8559 8.70258 49.7133 7.76348 43.4864C7.1319 39.2992 7.08699 38.2361 7.02872 26.0826C6.96676 13.157 6.91027 13.9683 7.94288 12.9442C8.93923 11.9559 8.34977 12.0003 20.4859 12.0003C32.2074 12.0003 31.7971 11.9766 32.7654 12.7093C33.0128 12.8963 33.3696 13.3102 33.5587 13.629L33.9022 14.2087L33.9367 25.2213L33.9713 36.2339L33.6964 36.8678C33.3736 37.6119 32.4877 38.4413 31.8186 38.6257C31.5443 38.7012 29.2584 38.7529 26.1729 38.7533L20.9882 38.754L20.9882 39.5475C20.9882 41.3543 21.5076 44.4205 22.1577 46.452C23.022 49.1529 24.3408 51.3306 26.251 53.2113C27.8095 54.7457 29.6141 55.9642 32.151 57.1954C34.0061 58.0956 34.2843 58.319 34.794 59.3173C34.929 59.5817 35.0189 60.0529 35.0234 60.5187C35.0298 61.193 34.945 61.4668 34.3184 62.797C31.9338 67.8589 31.7388 68.1801 30.7427 68.6841C30.0123 69.0538 28.9634 69.1042 28.1768 68.8078ZM65.8008 68.9003C65.0957 68.7712 61.7801 67.1619 59.9848 66.0774C54.538 62.7871 50.2863 58.3789 47.7982 53.4425C45.9789 49.8328 45.0778 46.1865 44.4431 39.8658C44.2744 38.1861 44.2261 35.6747 44.1805 26.2098C44.1176 13.1424 44.0606 13.9699 45.0946 12.9443C46.0909 11.956 45.5022 12.0003 57.631 12.0003C69.453 12.0003 69.0386 11.9748 69.9999 12.7608C70.2521 12.967 70.6067 13.4309 70.788 13.7917L71.1175 14.4476L71.1147 25.3704C71.1119 36.0862 71.107 36.3039 70.8528 36.8611C70.5549 37.5139 70.1006 38.0223 69.4635 38.4158C69.0285 38.6846 68.8919 38.6924 63.549 38.754L58.0798 38.8171L58.1186 39.8267C58.219 42.4343 58.8537 45.5376 59.7351 47.7299C60.6414 49.984 61.7268 51.6283 63.374 53.2421C64.873 54.7107 66.4035 55.7573 68.8059 56.9562C71.1089 58.1054 71.7526 58.6351 72.0133 59.5952C72.3218 60.7316 72.1593 61.3041 70.6408 64.4351C69.7933 66.1824 69.0412 67.5582 68.7512 67.8919C68.0142 68.7395 66.9358 69.1082 65.8008 68.9003Z' fill='%23E2E2E2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1077_725'%3E%3Crect width='72' height='69' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    width: 72px;
    height: 70px;
    background-size: 100%;
}

.client-review-content:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='66' height='57' viewBox='0 0 66 57' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M43.9663 56.8078C45.8476 56.0984 48.7838 54.5402 50.9084 53.1236C53.4504 51.4288 56.9429 48.1964 58.6821 45.9288C61.8062 41.8559 63.4405 37.7133 64.3796 31.4864C65.0112 27.2992 65.0561 26.2361 65.1143 14.0826C65.1763 1.15701 65.2328 1.96833 64.2002 0.944248C63.2038 -0.0441244 63.7933 0.000297664 51.6572 0.000298723C39.9357 0.000299745 40.346 -0.0234239 39.3776 0.709277C39.1303 0.8963 38.7734 1.31023 38.5844 1.629L38.2408 2.20875L38.2064 13.2213L38.1717 24.2339L38.4467 24.8678C38.7695 25.6119 39.6554 26.4413 40.3245 26.6257C40.5988 26.7012 42.8847 26.7529 45.9702 26.7533L51.1549 26.754L51.1549 27.5475C51.1549 29.3543 50.6355 32.4205 49.9853 34.452C49.1211 37.1529 47.8023 39.3306 45.892 41.2113C44.3336 42.7457 42.5289 43.9642 39.9921 45.1954C38.137 46.0956 37.8588 46.319 37.3491 47.3173C37.2141 47.5817 37.1241 48.0529 37.1197 48.5187C37.1133 49.193 37.198 49.4668 37.8247 50.797C40.2092 55.8589 40.4043 56.1801 41.4004 56.6841C42.1308 57.0538 43.1797 57.1042 43.9663 56.8078ZM6.3423 56.9003C7.04742 56.7712 10.363 55.1619 12.1583 54.0774C17.6051 50.7871 21.8568 46.3789 24.3448 41.4425C26.1641 37.8328 27.0653 34.1865 27.6999 27.8658C27.8686 26.1861 27.917 23.6747 27.9625 14.2098C28.0255 1.14238 28.0825 1.96985 27.0485 0.944252C26.0522 -0.0439953 26.6409 0.000300905 14.5121 0.000301963C2.6901 0.000302994 3.1045 -0.0251907 2.14313 0.760763C1.89096 0.96697 1.53637 1.43087 1.35506 1.79167L1.02553 2.44764L1.02833 13.3704C1.03113 24.0862 1.0361 24.3039 1.29031 24.8611C1.58815 25.5139 2.0425 26.0223 2.67955 26.4158C3.11455 26.6846 3.2512 26.6924 8.59404 26.754L14.0632 26.8171L14.0244 27.8267C13.924 30.4343 13.2894 33.5376 12.4079 35.7299C11.5017 37.984 10.4163 39.6283 8.76912 41.2421C7.27008 42.7107 5.7396 43.7573 3.33721 44.9562C1.03419 46.1054 0.390517 46.6351 0.129821 47.5952C-0.178719 48.7316 -0.016236 49.3041 1.50228 52.4351C2.34977 54.1824 3.10183 55.5582 3.39192 55.8919C4.12885 56.7395 5.20726 57.1082 6.3423 56.9003Z' fill='%23E2E2E2'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    width: 72px;
    height: 70px;
    background-size: 100%;
}


.client-review-image-wrapper {
    display: flex;
    gap: 10px;
}

.client-review-image-wrapper .client-review-content  {
    width: calc(60% - 10px * 1 / 2);
    max-width: calc(60% - 10px * 1 / 2);
}

.client-review-image-wrapper .client-review-image-wrapper {
    width: calc(40% - 10px * 1 / 2);
    max-width: calc(40% - 10px * 1 / 2);
}

.client-review-image-wrapper .client-review-image-wrapper img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.client-review-author-wrapper {
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
}

.client-review-author-wrapper .client-review-author {
    color: rgba(0, 0, 0, 0.81);
}

@media (min-width: 992px) {

    .featured-blogs .blog__posts {
        gap: 28px;
    }

    .featured-blogs .blog__posts li {
        width: calc(33.333% - 28px * 2 / 3);
        max-width: calc(33.333% - 28px * 2 / 3);
    }

}

.featured-blogs {
    margin-bottom: 5rem;
}

.featured-blogs .card__inner {
    display: block;
}

.featured-blogs .card__media {
    position: unset;
    width: 100%;
    min-height: 240px;
}

.featured-blogs .article-card__image img {
    position: unset !important;
    border-radius: 10px;
}

.featured-blogs .card__information {
    padding: 10px 0 0 !important;
}

.article-card .card__heading {
    color: #403E3E;
    font-size: 18px;
    font-weight: 600;
}

.blog .article-card__excerpt {
    font-size: 16px;
    line-height: 24px;
}

.featured-blogs .button-wrapper .button {
    padding-right: 3rem;
}

.roi-alculator-section {
    background: #f8f8f8;
}

.autofit-ai-wrapper .autofit-ai-dropdown.open .autofit-ai-options {
    text-align: left !important;
}


/* Large desktops (≤ 1440px) */
@media (min-width: 1024px) {
    .section-faqs .accordion-section-title {
        max-width: 50%;
        width: 50%;
        text-align: left;
    }

    .section-faqs .accordion-section-title span{ 
        max-width: 547px;
        display: block;
    }

}

/* Large desktops (≤ 1440px) */
@media (max-width: 1440px) {
    .section-banner {
        height: auto;
    }

     .pricing-grid .pricing-card {
        padding: 20px;
    }

    /* .section-banner .slider-content-wrapper img {
        width: 105%;
        right: 40px;
    } */
}

/* @media screen and (min-width: 1024px) and (max-width: 1470px) {
    .homepage [data-block-handle="combine-widget"]:after {
        content: none;
    }

    .homepage [data-block-handle="combine-widget"]:before {
        top: -44px;
        padding: 4px 20px;
        display: none;
    }
} */

/* Laptops & small desktops (≤ 1280px) */
@media (max-width: 1280px) {

    .header-wrapper .header__inline-menu {
        min-width: 342px;
    }

    .header__menu-item {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    h1.heading-wrapper p {
        line-height: normal;
    }

    .heading-wrapper strong {
        left: 0;
        top: 0;
        font-size: 3.2rem;
        line-height: 6rem;
    }

    .description-wrapper {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    h1.heading-wrapper {
        font-size: 4.2rem;
    }

    .section-banner .inner-auto-parts-hero-wrapper {
        align-items: center;
    }

    .custom-feature__inner {
        padding: 80px 0;
    }

    .custom-feature__cards {
        column-gap: 25px;
    }

    .feature__card-grid {
        width: calc(25% - 25px * 3/4);
        max-width: calc(25% - 25px * 3/4);
        padding: 20px 0 0;
    }

    .feature__card-grid span.card-caption {
        font-size: 14px;
    }

    .feature__card-grid span {
        font-size: 20px;
        line-height: 28px;
    }

    .section-features #featureArea {
        padding: 8rem 0;
    }

    .dm-card-heading {
        font-size: 22px;
    }

    .section-collaborate .collaborate-wrapper {
        padding: 5rem;
    }
}


/* Tablets landscape / small laptops (≤ 1024px) */
@media (max-width: 1024px) {
    .header__icons {
        min-width: 365px;
        justify-content: right;
    }

    .banner-caption-wrapper {
        font-size: 12px;
    }

    .header-wrapper .header__inline-menu {
        min-width: 284px;
    }

    .header__menu-item {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    h1.heading-wrapper {
        font-size: 4rem;
    }

    
    .key-features-details {
        padding: 30px;
    }

    .dm-grid .dm-grid__item .inner-dm-card {
        padding: 24px;
    }

    .dm-header {
        margin-bottom: 80px;
    }

    .dm-card-heading {
        font-size: 18px;
    }

    .data-management-section {
        padding-bottom: 80px !important;
    }
    
    .section-why-choose {
        padding-top: 80px !important;
        padding-bottom: 80px !important; 
    }

    .dm-feature-grid {
        gap: 90px;
    }

    .dm-feature-grid .feature-card__item {
    width: calc(33.333% - 90px * 2 / 3);
    max-width: calc(33.333% - 90px * 2 / 3);
    }

    .pricing-section {
        padding-top: 80px !important;
        padding-bottom: 80px !important; 
    }

    .pricing-grid .pricing-card {
        padding: 20px;
    }

    .section-faqs {
        padding-top: 80px !important;
        padding-bottom: 80px !important; 
    }

    .section-faqs .accordion-wrapper {
        gap: 25px;
    }

    .section-faqs .accordion-column {
        width: calc(50% - 25px * 1 / 2);
        max-width: calc(50% - 25px * 1 / 2);
    }

    .review-slider {
        padding: 0 2rem;
    }

    .section-faqs .accordion-toggle-wrapper {
        padding: 18px;
    }

    .review-slider-wrapper {
         padding-top: 80px !important;
        padding-bottom: 120px !important; 
    }

    .section-collaborate {
        padding-bottom: 3rem !important;
    }

    .client-review-content .client-review-text {
        padding: 2rem;
    }

    .footer .footer__blocks-wrapper {
        gap: 40px;
    }

    .footer .footer__blocks-wrapper .grid__item:first-child {
        width: calc(30% - 30px * 4 / 5);
        max-width: calc(30% - 40px * 4 / 5);
    }

    .footer .footer__blocks-wrapper .grid__item {
        width: calc(17.4% - 40px * 4 / 5);
        max-width: calc(17.4% - 40px * 4 / 5);
    }

    .section-collaborate .collaborate-wrapper {
        gap: 46px;
    }

    .section-collaborate h2 {
        font-size: 4rem;
    }

    .section-collaborate .decription_wrapper p {
        font-size: 2rem;
    }

    .section-collaborate .left-content, .section-collaborate .right-content {
        width: calc(50% - 46px * 1/2);
        max-width: calc(50% - 46px * 1/2);
    }

}

/* Tablets portrait (≤ 991px) */
@media (max-width: 991px) {

    .section-banner .text-content-wrapper {
        padding: 0 2rem;
    }

    .section-banner .page-width {
        padding: 0;
    }

    .section-banner .slider-content-wrapper {
        margin: 0 -2rem;
    }

    .section-banner .grid {
        flex-direction: column;
    }

    .section-banner .grid .grid__item {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

    .custom-feature__top .custom-feature--item {
        width: 100%;
        max-width: 100%;
    }

    .custom-feature__top {
        flex-direction: column;
    }

    .custom-feature__cards {
        column-gap: 16px;
    }

    .feature__card-grid {
        width: calc(25% - 16px * 3/4);
        max-width: calc(25% - 16px * 3/4);
        padding: 20px;
    }

    .feature__card-grid span {
        font-size: 18px;
        line-height: normal;
    }

    .key-features__items {
        gap: 16px;
        border-radius: 10px;
    }

    .key-features__item,
    .key-features-details {
        padding: 24px;
        width: calc(50% - 16px * 1 / 2);
        max-width: calc(50% - 16px * 1 / 2);
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .key-features__item .key-features__text {
        padding: 0;
    }

    .header-wrapper .header__inline-menu {
        display: none;
    }

    .section-main-banner:after {
        content: none;
    }

    .section-banner .slider-content-wrapper {
        right: 0;
    }

    .pricing-section {
        padding-top: 50px !important;
        padding-bottom: 0 !important;
    }
}

/* Large phones / small tablets (≤ 768px) */
@media (max-width: 988px) {

    /* .section-banner .slider-content-wrapper img {
        width: 100%;
        right: 0;
    } */

    .section-banner .grid .slider-content-wrapper.grid__item {
        padding-top: 120px;
    }

    .section-banner {
        background: none;
    }

    .section-banner .button {
        justify-content: space-between;
        min-width: 206px;
    }

    .header-wrapper .header {
        padding-left: 2rem;
        padding-right: 2rem;
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "heading left-icons";
        border-bottom: 1px solid #ccc;
    }

    .header__icons {
        padding-right: 0;
        min-width: auto;
        display: none;
    }

    .header-buttons-wrapper {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .menu-drawer .header-buttons-wrapper {
        width: 100%;
        margin: 0 auto;
    }

    .install-app-icon {
        display: none;
    }

    .demo-store-btn {
        min-width: 159px;
        padding: 2px 2px 2px 29px;
        font-size: 12px;
        display: none;
    }

    .menu-drawer .header-buttons-wrapper .icon svg {
        width: 24px;
    }

    #menu-drawer .install-app-icon {
        justify-content: center;
        padding: 7px 10px;
    }

    #menu-drawer .install-app-icon,
    #menu-drawer .demo-store-btn {
        display: flex;
        justify-content: center;
    }

    #menu-drawer .demo-store-btn {
        position: relative;
        min-height: 50px;
        padding-right: 6px;
        gap: 7px;
    }

    #menu-drawer .demo-store-btn .arrow-svg {
        /* position: absolute;
        right: 4px;
        top: 50%;
        transform: translateY(-50%); */
    }

    .section-banner .slider-content-wrapper {
        margin: 0 -2rem;
        background-image: url("data:image/svg+xml,%3Csvg width='361' height='422' viewBox='0 0 361 422' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='361' height='422' fill='%2389B3F2'/%3E%3Cmask id='mask0_500_414' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='361' height='422'%3E%3Crect width='361' height='422' fill='%2389B3F2'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_500_414)'%3E%3Cg filter='url(%23filter0_f_500_414)'%3E%3Cellipse cx='330.093' cy='138.998' rx='111.103' ry='230.55' fill='%23146EF5'/%3E%3C/g%3E%3Cg opacity='0.7' filter='url(%23filter1_f_500_414)'%3E%3Cellipse cx='243.348' cy='442.504' rx='156.717' ry='150.203' fill='%230B50B8'/%3E%3C/g%3E%3Cg filter='url(%23filter2_f_500_414)'%3E%3Cellipse cx='-14.4762' cy='440.835' rx='92.6053' ry='182.39' fill='%23146EF5'/%3E%3C/g%3E%3Cg opacity='0.9' filter='url(%23filter3_f_500_414)'%3E%3Cellipse cx='35.2726' cy='-305.175' rx='167.402' ry='342.845' fill='white'/%3E%3C/g%3E%3Cg opacity='0.6' filter='url(%23filter4_f_500_414)'%3E%3Cellipse cx='214.279' cy='282.049' rx='72.4987' ry='88.9299' fill='white'/%3E%3C/g%3E%3Cg opacity='0.6' filter='url(%23filter5_f_500_414)'%3E%3Cellipse cx='304.586' cy='159.502' rx='133.393' ry='88.9299' fill='white'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_500_414' x='-31.0103' y='-341.553' width='722.207' height='961.101' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='125' result='effect1_foregroundBlur_500_414'/%3E%3C/filter%3E%3Cfilter id='filter1_f_500_414' x='-93.3691' y='112.3' width='673.434' height='660.407' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='90' result='effect1_foregroundBlur_500_414'/%3E%3C/filter%3E%3Cfilter id='filter2_f_500_414' x='-287.082' y='78.4454' width='545.21' height='724.78' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='90' result='effect1_foregroundBlur_500_414'/%3E%3C/filter%3E%3Cfilter id='filter3_f_500_414' x='-312.129' y='-828.02' width='694.804' height='1045.69' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='90' result='effect1_foregroundBlur_500_414'/%3E%3C/filter%3E%3Cfilter id='filter4_f_500_414' x='-38.2197' y='13.1188' width='504.998' height='537.86' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='90' result='effect1_foregroundBlur_500_414'/%3E%3C/filter%3E%3Cfilter id='filter5_f_500_414' x='-8.80664' y='-109.428' width='626.786' height='537.86' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='90' result='effect1_foregroundBlur_500_414'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
        padding: 3rem 2rem;
        background-size: cover;
    }

    .description-wrapper {
        font-size: 16px;
        line-height: 22px;
    }

    .section-banner .inner-auto-parts-hero-wrapper {
        gap: 4rem;
    }

    .auto-parts-hero-wrapper {
        padding-bottom: 0 !important;
    }

    .banner-caption-wrapper {
        padding-top: 5px;
        padding-bottom: 5px;
        min-width: fit-content;
    }

    .custom-feature__cards {
        gap: 16px;
    }

    .feature__card-grid {
        padding: 16px 0 0;
        width: calc(50% - 16px * 1 / 2);
        max-width: calc(50% - 16px * 1 / 2);
    }

    .feature__card-grid span.card-caption {
        font-size: 16px;
    }

    .section-faqs .accordion-toggle-wrapper {
        margin-bottom: 12px;
        padding: 20px;
    }

    .section-faqs .accordion-wrapper {
        gap: 0;
        flex-direction: column;
    }

    .section-faqs .accordion-column {
        width: 100%;
        max-width: 100%;
    }

    .key-features-details__feature-content {
        padding-right: 0;
    }

    .key-features-details__buttons .button-wrapper {
        text-align: center;
    }

    .key-features__items {
        min-height: 70vh;
    }

    .key-features-details__title {
        font-size: 26px;
        line-height: normal;
    }

    .dm-grid {
        gap: 10px;
    }

    .dm-grid .dm-grid__item {
        width: calc(33.333% - 10px * 2 / 3);
        max-width: calc(33.333% - 10px * 2 / 3);
    }

    .dm-grid .dm-grid__item .inner-dm-card {
        padding: 16px;
    }

    .dm-card-heading {
        font-size: 15px;
    }

    .pricing-grid .pricing-card {
        width: 50%;
        max-width: 50%;
        padding: 16px 16px;
    }

    .description-wrapper {
        max-width: 100%;
    }

    .pricing-grid {
        gap: 16px;
        flex-wrap: nowrap;
        overflow: auto;
    }

    .section-faqs {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .section-collaborate .collaborate-wrapper {
        padding: 3rem;
        flex-direction: column;
        gap: 0;
    }

    .section-autoparts .multirow__inner {
        row-gap: 3rem;
    }

    .section-autoparts .logo-image-wrapper {
        max-width: 150px;
    }

    .section-autoparts .image-with-text__heading {
        margin-top: 1rem;
        font-size: 3.2rem;
    }

    .section-autoparts .image-with-text .grid {
        gap: 2rem;
    }

   .section-autoparts .image-with-text__media-item {
    width: calc(45% - 2rem * 1/2);
    max-width:  calc(45% - 2rem * 1/2);
    }

    .section-autoparts .image-with-text__text-item {
        width: calc(55% - 2rem * 1/2);
        max-width:  calc(55% - 2rem * 1/2);
    }

    .section-collaborate .left-content {
        margin-bottom: 4rem;
    }

    .section-collaborate .left-content, .section-collaborate .right-content {
        width: 100%;
        max-width: 100%;
    }

    .client-review-section .heading-content-wrapper {
        margin-bottom: 30px;
    }

    .client-review-content:before {
        top: -10px;
    }

    .client-review-content:before, 
    .client-review-content:after {
        width: 32px;
        height: 42px;
        z-index: 2;
    }

    .client-review-content .client-review-text {
        margin-left: 0;
        margin-right: 0;
    }

    .client-review-image-wrapper, .review-subtitle-wrapper {
        flex-direction: column;
    }

    .client-review-image-wrapper .client-review-content {
        width: 100%;
        max-width: 100%;
    }

    .client-review-image-wrapper .client-review-image-wrapper {
         width: 100%;
        max-width: 100%;
    }

    .footer .footer__blocks-wrapper .grid__item:first-child {
        width: 100%;
        max-width: 100%;
    }

    .footer .footer__blocks-wrapper .grid__item {
        width: calc(25% - 40px * 3 / 4);
        max-width: calc(25% - 40px * 3 / 4);
    }
}


/* Medium phones (≤ 576px) */
@media (max-width: 576px) {

    .dm-feature-grid-wrapper:after {
        content: none;
    }

    .main-banner-slider {
        height: auto;
    }

    .hero-swiper-nav {
        overflow: auto;
        max-width: 340px;
        display: none !important;
    }

    .section-banner .image-wrapper {
        padding: 20px;
    }

    .vin-text,
    .ai-text {
        left: -10px;
    }

    .fitman-text {
        right: -10px;
        top: 10%;
    }

    /* .key-features__items {
        position: unset !important;
    } */

    .garage-text {
        right: -10px;
        z-index: 4;
        bottom: 10px;
    }

    h2,
    h2.heading-wrapper {
        font-size: 3rem;
        line-height: 3.8rem;
    }

    .dm-section-heading {
        text-align: center;
        margin-bottom: 16px;
    }

    .section-banner {
        padding-top: 100px !important;
    }

    .section-banner .grid {
        flex-direction: column;
    }

    .section-banner .grid .grid__item {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

    h1.heading-wrapper {
        font-size: 32px;
        text-align: center;
        line-height: 50px;
    }

    .heading-wrapper strong {
        left: 0;
        padding: 3px 20px 10px;
    }

    .description-wrapper {
        text-align: center;
    }

    .section-banner .button-wrapper {
        text-align: center;
    }

    .section-banner .image-wrapper {
        min-height: auto;
    }

    .custom-feature__top {
        flex-direction: column;
        margin-bottom: 0;
        padding-bottom: 40px;
        gap: 0;
    }

    .custom-feature__inner {
        padding: 40px 0;
        text-align: center;
    }

    .custom-feature__top .custom-feature--item {
        width: 100%;
        max-width: 100%;
    }

    .custom-feature__cards {
        gap: 16px;
    }

    .feature__card-grid {
        display: flex;
        gap: 1rem;
        padding: 1rem 0 0;
        width: 100%;
        max-width: 100%;
        align-items: center;
        text-align: left;
        flex-direction: row;
        flex-direction: column;
    }

    .feature-card-icon-wrapper {
        flex-direction: row;
        align-items: center;
        padding: 1.6rem 3.5rem;
        width: 100%;
    }

    .feature__card-grid span.card-caption {
        font-size: 1.8rem;
    }

    .feature-card-icon-wrapper svg {
        width: 6rem;
    }

    /* .feature-card-icon-wrapper,
    .feature-card-icon-wrapper svg {
        width: 4.4rem;
    } */

    .feature__card-grid span {
        font-size: 16px;
        line-height: 24px;
    }

    .key-features__items {
        margin-bottom: 4rem;
    }

    .key-features-details__buttons .button-wrapper {
        display: inline-flex;
        margin: 0 auto;
    }

    .section-features #featureArea {
        padding: 5rem 0;
    }

    .dm-grid .dm-card-image {
        width: 70px;
        min-width: 70px;
        height: 70px;
        background: #fff;
        padding: 0.5rem;
        border-radius: 10px;
    }

    .dm-grid .dm-grid__item .inner-dm-card {
        padding: 0rem 2rem 0;
        display: flex;
        flex-direction: row-reverse;
        justify-content: left;
        align-items: center;
    }

    .dm-grid .dm-card-image img {
        width: 100%;
    }

    .key-features__inner .heading-wrapper {
        margin-bottom: 30px;
        position: unset;
    }

    .key-features__items {
        flex-direction: column;
        gap: 16px;
        position: unset !important;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .key-features__item,
    .key-features-details {
        padding: 2rem;
        width: auto;
        max-width: 100%;
    }

    .key-features__items {
        border-radius: 3rem;
    }

    .key-features-details__features {
        gap: 16px;
    }

    .key-features__item .key-features__text .title-wrapper {
        font-size: 26px;
        line-height: normal;
    }

    .key-features__item .key-features__text {
        padding: 0;
        text-align: center;
    }

    h3,
    h3.title-wrapper {
        font-size: 22px;
        margin: 0;
        font-weight: 500;
    }

    .key-features__items {
        min-height: inherit;
    }

    .key-features-details__header {
        margin-bottom: 10px;
    }

    .key-features-details__icon {
        width: 34px;
        height: 34px;
    }

    .key-features-details__icon img {
        max-width: 100%;
        height: auto;
    }

    .key-features-details__feature {
        font-size: 16px;
    }

    .key-features-details__buttons {
        margin-top: 0;
        text-align: center;
    }

    .data-management-section {
        padding-top: 0 !important;
    }

    .dm-header {
        flex-direction: column;
        gap: 0;
        margin-bottom: 16px;
    }

    .dm-header__col,
    .dm-grid .dm-grid__item {
        width: 100%;
        max-width: 100%;
    }

    .dm-section-heading p {
        margin: 0;
        line-height: normal;
    }

    .dm-grid {
        flex-direction: column;
        gap: 16px;
    }

    .heading-caption-wrapper {
        padding: 16px;
        text-align: left;
        margin-bottom: 0;
    }

    .pricing-section .pricing-header {
        padding-bottom: 30px;
    }

    .pricing-grid .features-wrapper {
        display: flex;
        justify-content: center;
    }

    .pricing-badge {
        top: 0;
        right: 0;
        border-radius: 0 0 10px 10px;
        left: auto;
        transform: unset;
    }

    .pricing-grid .pricing-card {
        width: 75%;
        max-width: 75%;
        padding: 20px;
    }

    .pricing-grid .pricing-card  .card-title-wrapper {
        font-size: 3.6rem;
        margin-bottom: 2.4rem;
    }

    .section-faqs .grid__items {
        column-count: 1;
    }

    .section-faqs .collapsible-content__header {
        margin-bottom: 0;
    }

    .section-get-started .rich-text__wrapper {
        width: 100%;
        max-width: 100%;
    }

    .section-get-started .rich-text__blocks {
        min-height: auto;
        padding: 30px;
    }

    .section-get-started .content-container {
        padding-top: 0;
    }

    .section-why-choose {
        padding-top: 40px !important;
    }

    .section-why-choose .dm-feature-grid {
        gap: 16px;
        row-gap: 30px;
        position: relative;
    }

    .section-why-choose .dm-feature-grid::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 55px;
        background: #fff;
        width: 3px;
    }

    .section-why-choose .dm-feature-grid .feature-card__item {
        width: 100%;
        max-width: 100%;
    }

    .section-why-choose .dm-feature-grid .feature-card__item:last-child {
        width: 100%;
        max-width: 100%;
    }

    .section-why-choose .inner-dm-feature-card {
        display: flex;
        gap: 2rem;
        align-items: center;
    }

    .section-why-choose .feature-text-wrapper {
        text-align: left;
    }

    .section-why-choose .dm-feature-grid-wrapper {
        position: relative;
    }

    .section-why-choose .dm-feature-grid-wrapper::before,
    .section-why-choose .dm-feature-grid-wrapper::after {
        background: #fff;
        height: 3px;
        content: '';
        width: 20%;
        position: absolute;
    }

    .section-why-choose .dm-feature-grid-wrapper:before {
        top: 14%;
    }

    .section-why-choose .dm-feature-grid-wrapper::after {
        bottom: 14%;
        top: auto;
    }

    .dm-section-description p {
        margin-bottom: 0;
        text-align: center;
    }

    .dm-feature-heading {
        font-size: 22px;
        line-height: 34px;
    }

    .dm-feature-caption {
        line-height: 22px;
    }

    .section-why-choose:after {
        content: none;
    }

    .section-why-choose .dm-feature-image {
        max-width: 108px;
        height: 108px;
        margin: 0;
        min-width: 108px;
        min-height: inherit;
        padding: 30px;
    }

    .section-why-choose .dm-feature-image img {
        width: 100%;
    }

    .review-testimonials .swiper-wrapper {
        padding-left: 2rem;
    }

    .review-testimonials .swiper-slide .reivew-content {
        padding: 16px;
    }

    .review-testimonials .swiper-slide .review-text {
        font-size: 16px;
        line-height: 25px;
    }

    .data-management-section {
        padding-bottom: 50px !important;
    } 

    .section-autoparts {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
        margin-bottom: 5rem;
    }

    .section-autoparts .section-heading-wrapper {
        margin-bottom: 2rem;
    }

     .section-autoparts .image-with-text .grid {
        gap: 2rem;
    }

   .section-autoparts .image-with-text__media-item {
        width: 100%;
        max-width:  100%;
    }

    .section-autoparts .image-with-text__text-item {
         width: 100%;
        max-width:  100%;
    }

    .section-collaborate h2 {
        font-size: 3.2rem;
        margin-bottom: 2rem;
    }

    .section-collaborate .decription_wrapper p {
        font-size: 1.8rem;
        line-height: 2.8rem;
        margin-bottom: 3rem;
    }

    .section-collaborate .left-content {
        margin-bottom: 2rem;
    }

    .section-collaborate .right-content h2 {
        font-size: 3rem;
    }

    .section-collaborate .decription_wrapper {
        margin-bottom: 2rem;
    }

    .section-collaborate .email_wrapper p {
        font-size: 1.8rem;
        align-items: center;
    }

    .section-faqs .header-content-wrapper {
        flex-direction: column;
        margin-bottom: 30px;
    }

    .accordion-section-description {
        text-align: center;
        max-width: 100%;
        margin-top: 0;
    }

    .featured-blogs .page-width {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .featured-blogs .title-wrapper-with-link {
        align-items: center;
    }

    .featured-blogs .dm-header {
        margin-bottom: 0;
    }

    .footer .footer__content-top {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .footer .footer__blocks-wrapper {
        column-gap: 16px;
        row-gap: 0;
        display: flex !important;
        margin-bottom: 0;
    }

    .footer .footer__blocks-wrapper .grid__item:first-child {
        width: 100%;
        max-width: 100%;
    }

    .footer .footer__blocks-wrapper .grid__item {
        width: calc(50% - 16px * 1 / 2);
        max-width: calc(50% - 16px * 1 / 2);
        margin: 0 0 2rem;
    }

    .footer .footer-block__details-content {
        margin-bottom: 0;
    }

    .footer .footer-block__details-content .list-menu__item--link {
        padding-top: 0;
        padding-bottom: 1rem;
    }

    .footer .install-app-icon {
        display: flex;
        justify-content: center;
        padding: 7px 10px;
        gap: 6px;
    }

    .footer .demo-store-btn {
        display: inline-flex;
        justify-content: center;
        position: relative;
        min-height: 50px;
        padding: 2px 6px 2px 23px;
    }

    .footer .header-buttons-wrapper {
        padding: 0;
        justify-content: center;
        flex-direction: column;
    }

    .merchant-content-wrapper {
        display: none;
    }
}

/* Small phones (≤ 480px) */
@media (max-width: 480px) {
    .key-features-details__buttons .button-wrapper {
        flex-direction: column;
    }

    .key-features-details__buttons .button--primary {
        position: relative;
    }
    
    /* .key-features-details__buttons .button--primary .svg-wrapper-icon {
        position: absolute;
        right: 4px;
        top: 50%;
        transform: translateY(-50%);
    } */
}

@media (max-width: 480px) {

    h1.heading-wrapper {
        font-size: 34px;
        line-height: 50px;
        margin-bottom: 2rem;
    }
    .heading-wrapper strong {
        font-size: 2.2rem;
        padding: 3px 20px 6px;
    }

}

@media (max-width: 375px) {
    .header-buttons-wrapper {
        flex-wrap: wrap;
    }
    #menu-drawer .install-app-icon, #menu-drawer .demo-store-btn {
        width: 100%;
        max-width: 100%;
    }
}

.catalog2cart .header-wrapper,
.catalog2cart footer, .catalog2cart #autofit-garage-toggle {
    display: none;
}

/* collection section */
.autofit-featured-collection-swiper .swiper-slide {
    height: auto;
}
.autofit-featured-collection-swiper .card:not(.ratio) {
    padding: 0 16px;
}
.autofit-featured-collection-swiper .card__inner {
    margin-top: 1rem;
}

/* pages */
.image-banner-wrapper .heading_wrapper {
    text-align: center;
    padding: 0 1.5rem;
}

.section-custom-logo-ribbon {
    padding: 30px 0;
    background: linear-gradient(90deg, #000 0%, #022f73 55.29%, #000 96.63%);
}

.section-custom-logo-ribbon .logo-ribbon, 
.section-custom-logo-ribbon .logo-ribbon__box {
    background: none !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
}

@media (max-width: 990px) {
    .desc-title h4, .services-title h4, .brand-title h4,
    .focus-wrapper .focus-title h4 {
        font-size: 30px;
        line-height: 100%;
    }
    .desc-services-brand-wrapper .services-value p {
        padding: .4rem 2rem;
    }
    .button-about-focuses-wrapper {
        padding-bottom: 5rem;
    }
    .key-feature-heading {
        margin-bottom: 2.8rem;
    }
    .key-feature-heading h3 {
        font-size: 30px;
        line-height: 100%;
    }
    .solution-item-wrapper h4 {
        font-size: 30px;
        line-height: 100%;
    }
    .solution-content-wrapper {
        padding: 5rem 0;
    }
}
@media (max-width: 575px) {
    .desc-title h4, .services-title h4, .brand-title h4 {
        font-size: 24px;
        line-height: 100%;
    }
    .desc-services-brand-wrapper .services-value p {
        font-size: 14px;
        line-height: 21px;
    }
    .website-preview-wrapper {
        padding-top: 0rem;
    }
    .button-about-focuses-wrapper {
        padding: 36rem 0 5rem;
        margin-top: -36rem;
    }

    .body-autofitai-app .section-banner .autofitai-template--sideBySide .autofitai-hbar.is-stacked {
        min-width: 100% !important;
    }

    .homepage [data-block-handle="combine-widget"]:after {
        width: 126.58px;
        right: 5px;
        top: -104px;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .autofitai-template--tabbed .autofitai-tabs {
        margin: 0 5px !important;  
    }

    .autofitai-tab-btn span {
        padding-left: 0 !important;
    }

    .autofitai-tab-btn span:after {
        left: 0 !important;
    }
}

@media (max-width: 424px) {
 .homepage [data-block-handle="combine-widget"]:after {
    right: -30px;
    top: -80px;
    background-size: 75%;
    background-repeat: no-repeat;
    }
}

@media (min-width: 1024px) and (max-width: 1530px) {

    .homepage [data-block-handle="combine-widget"]:before {
        top: -47px;
    }
     .homepage [data-block-handle="combine-widget"]:after {
      content: none;  
     }
}


/* product details - ymm app */
.autofit-banner.failure .autofit-banner-title {
    word-break: break-word !important;
}

.autofit-saved-vehicle__label strong {
  font-size: 18px !important;
}


/* @media (min-width: 769px) {
    .autofit-ai-garage-form-overlay .autofit-ai-dropdown:nth-child(4), 
    .autofit-ai-garage-form-overlay .autofit-ai-dropdown:last-child {
        width: calc(33.333% - 10px * 2 / 3) !important;
        max-width: calc(33.333% - 10px * 2 / 3) !important;
        flex: 0 0 100%;
    }
} */

#autofitai-combined-{{ block.id }} .autofitai-hbar {
    gap: 0 !important;
}


body.open-mobile-menu {
    overflow: hidden;
}
#menu-drawer .menu-drawer__navigation {
    justify-content: flex-start;
    gap: 16px;
}

.custom-feature--item .heading-wrapper {
    max-width: 500px;
}