/** Shopify CDN: Minification failed

Line 3616:21 Unexpected "{"
Line 3616: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;
}

.homepage [data-block-handle="combine-widget"]:after {
    background-image: url("data:image/svg+xml,%3Csvg width='115' height='120' viewBox='0 0 115 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M102.917 86.623C101.47 81.2783 98.8047 77.6391 94.4581 74.224C94.0503 73.4875 95.296 73.8838 95.6423 73.9535C98.698 74.6808 101.222 77.8005 103.054 80.3892C101.801 71.6023 98.7445 61.5638 92.461 55.189C85.3284 47.6587 72.9137 43.8424 63.7246 49.7466C65.9035 56.1773 66.8162 63.7141 64.0226 70.1148C59.6508 78.0116 51.0093 73.855 50.6455 65.2472C50.3517 58.2658 54.0425 51.5812 59.3302 47.1216C46.9545 22.7006 17.8208 23.4057 1.45547 43.4721C1.43631 43.4975 1.41215 43.5189 1.38447 43.5347C1.3568 43.5505 1.32618 43.5605 1.29451 43.5641C1.26283 43.5677 1.23075 43.5648 1.20023 43.5556C1.16971 43.5464 1.14139 43.531 1.117 43.5105C1.0919 43.492 1.07072 43.4688 1.05471 43.442C1.03869 43.4153 1.02817 43.3856 1.02374 43.3548C1.01932 43.324 1.02109 43.2925 1.02895 43.2624C1.0368 43.2322 1.05059 43.2039 1.0695 43.1792C17.3148 21.4042 48.0935 20.5592 61.7952 45.3943C68.6809 41.1231 77.6328 41.3544 84.7917 44.7817C97.6951 50.7643 104.576 66.5433 104.465 80.2464C105.433 79.1361 105.947 77.694 106.907 76.5828C108.031 75.2828 110.852 73.8716 110.578 75.0657C109.524 76.3303 108.57 77.6739 107.723 79.0846C106.841 80.4957 105.889 82.117 105.075 83.567L104.927 83.8464L103.391 86.6583C103.368 86.7036 103.332 86.7411 103.288 86.766C103.244 86.7909 103.193 86.8022 103.142 86.7984C103.092 86.7947 103.043 86.776 103.003 86.7448C102.963 86.7136 102.933 86.6712 102.917 86.623ZM55.7937 59.8909C51.9557 68.4175 59.1577 75.3066 61.7692 66.0108C62.7295 61.2833 62.507 56.3918 61.1214 51.7709C58.7458 54.0328 56.9228 56.8112 55.7937 59.8909Z' fill='white'/%3E%3Cpath d='M33.7441 22.919C33.7371 22.9507 33.7382 22.9837 33.7473 23.0149C33.7564 23.0461 33.7732 23.0745 33.7961 23.0975C33.8191 23.1206 33.8474 23.1374 33.8786 23.1466C33.9097 23.1559 33.9427 23.1571 33.9745 23.1502C39.7756 21.9401 46.4326 24.2218 49.9893 28.094C50.0208 28.1292 50.0646 28.151 50.1116 28.155C50.1586 28.159 50.2054 28.1449 50.2424 28.1156C50.2793 28.0859 50.3053 28.0448 50.3163 27.9987C50.3273 27.9526 50.3228 27.9042 50.3034 27.861C47.7317 22.2085 39.4305 20.9511 34 22.6544C33.9378 22.6734 33.8818 22.7089 33.838 22.7571C33.7943 22.8052 33.7643 22.8643 33.7513 22.9281L33.7441 22.919Z' fill='white'/%3E%3Cpath d='M54.9997 78.1414C56.8372 81.0873 61.5877 80.0645 62.8218 77.0108C62.8308 76.9905 62.8325 76.9677 62.8269 76.9463C62.8213 76.9248 62.8085 76.9058 62.7907 76.8925C62.773 76.8792 62.7512 76.8723 62.729 76.8729C62.7068 76.8735 62.6854 76.8816 62.6684 76.8959C60.4569 78.6407 57.6865 79.4621 55.1353 78.0048C55.1164 77.9927 55.0938 77.9874 55.0715 77.9898C55.0491 77.9923 55.0282 78.0023 55.0123 78.0183C54.9965 78.0343 54.9866 78.0552 54.9842 78.0776C54.9819 78.1 54.9874 78.1225 54.9997 78.1414Z' fill='white'/%3E%3Cpath d='M31.9502 23.5015C31.7988 23.2711 31.567 23.1056 31.2999 23.0373C31.1036 22.9809 30.8948 22.985 30.7008 23.0491C30.5132 23.1115 30.3491 23.2294 30.23 23.3873C30.0679 23.6007 29.9755 23.8591 29.9655 24.127C30.1697 24.2777 30.4026 24.3851 30.6498 24.4427C30.8159 24.4822 30.9897 24.4745 31.1516 24.4204C31.3136 24.3663 31.4571 24.2679 31.5661 24.1364C31.7221 23.9431 31.8513 23.7295 31.9502 23.5015Z' fill='white'/%3E%3Cpath d='M64.0258 75.5692C64.0147 75.5816 64.0078 75.5971 64.0062 75.6136C64.0045 75.6302 64.0082 75.6468 64.0166 75.6611C64.025 75.6754 64.0377 75.6867 64.053 75.6933C64.0682 75.6998 64.0852 75.7014 64.1014 75.6977C64.2745 75.6623 64.4385 75.5919 64.5834 75.4907C64.7785 75.3527 64.9453 75.1785 65.0747 74.9776C65.2036 74.7776 65.2917 74.554 65.3337 74.3197C65.3672 74.1462 65.3644 73.9676 65.3255 73.7951C65.3213 73.7798 65.3127 73.7659 65.3006 73.7554C65.2886 73.745 65.2737 73.7382 65.2579 73.7362C65.2421 73.7341 65.226 73.7367 65.2117 73.7437C65.1973 73.7507 65.1854 73.7618 65.1773 73.7756C65.104 73.9257 65.0308 74.0572 64.9575 74.1887C64.8582 74.3667 64.7517 74.5355 64.6452 74.7044C64.5387 74.8732 64.4287 75.0375 64.3036 75.2062C64.2196 75.3241 64.1316 75.4415 64.0258 75.5692Z' fill='white'/%3E%3Cpath d='M87.8161 54.9981C91.4816 57.8257 95.2938 63.0453 96.1704 67.6197C96.171 67.6305 96.1759 67.6405 96.184 67.6476C96.192 67.6548 96.2026 67.6584 96.2133 67.6578C96.2241 67.6571 96.2341 67.6522 96.2412 67.6442C96.2484 67.6361 96.252 67.6256 96.2514 67.6148C96.5016 62.8888 92.131 56.8118 87.8591 54.931C87.8503 54.9275 87.8406 54.9271 87.8316 54.93C87.8226 54.9329 87.8149 54.9388 87.8098 54.9467C87.8047 54.9547 87.8026 54.9642 87.8037 54.9736C87.8049 54.9829 87.8093 54.9916 87.8161 54.9981Z' fill='white'/%3E%3C/svg%3E%0A");
    content: '';
    position: absolute;
    width: 109.04px;
    height: 117.98px;
    right: 160px;
    top: -95px;
}

.homepage [data-block-handle="combine-widget"]:before {
    content: 'App Live Preview';
    position: absolute;
    top: -80px;
    left: 50%;
    background: rgba(20, 110, 245, 0.8);
    border: 1px solid #146EF5;
    color: #fff;
    border-radius: 50px;
    padding: 6px 20px;
    transform: translateX(-50%);
}

.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: 25px 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 #C6C6C6;
    background: #fff;
    border-radius: 32px;
    padding: 7px 23px;
    color: #000;
}

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

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

.install-app-icon .text-content .top-text {
    display: block;
    font-weight: 700;
    font-size: 11px;
    color: #000;
}

.bottom-text {
    font-size: 11px;
}

.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: 150px 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: 130px;
}

.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: 33%;
    transform: translateY(-33%);
}

.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: 182px;
    margin-bottom: 28px;
    max-width: 300px;
    margin: 0 auto;
}

.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 40px;
    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%; 
}

.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: end;
}

.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;
    }

    .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;
}


@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;
    }
}

@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;
}