2012-2021 OEM Tesla Model X S Driver Heated Leather Steering Wheel Black

J&J Auto Wrecking

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

.donor-vehicle-container[data-stock-id=””] {
display: none !important;
}
.donor-vehicle-button {
width: 100%;
max-width: 700px;
border-radius: 8px;
display: flex;
padding: 12px 20px;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch;
background-color: var(–Primaries-Accent);

border: white;

color: #fff;
text-align: center;
font-feature-settings:
“liga” off,
“clig” off;
font-family: Figtree;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
cursor: pointer;
}
.donor-vehicle-button:hover {
opacity: 0.8;
transition: opacity 0.3s ease;
}

.why-choose {
height: 48px;
}
ul {
display: block;
list-style-type: disc;
margin-block-start: 0em;
margin-block-end: 0em;
padding-inline-start: 20px;
unicode-bidi: isolate;
}
html {
width: 100%;
background: #fff;
color: #000;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
body {
width: 100%;
max-width: 1120px;
margin: 0 auto;
padding: 0 16px 20px;
background: #fff;
color: #000;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
img,
svg {
max-width: 100%;
height: auto;
}
.header {
display: flex;
flex-direction: column;
gap: 12px;
margin-top: 12px;
}
:root {
–primary-color: #0033CC;
–Primaries-Accent: #FF5522;
color-scheme: light;
}
.logo {
display: flex;
justify-content: center;
align-items: center;
min-height: 112px;
background-color: #000;
}
.imp-info-title {
color: var(–Body-Text-Black, #000);
font-feature-settings: “liga” off, “clig” off;
font-family: Figtree;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 28px; /* 116.667% */
text-transform: uppercase;
}
.logo-logo {
width: 313px;
height: 84px;

flex-shrink: 0;
object-fit: cover;
aspect-ratio: 313/84;
}
.header-details {
display: flex;
height: 44px;
padding: 0 40px;
justify-content: center;
align-items: center;
gap: 40px;
align-self: stretch;
border-radius: 4px;
background: var(–primary-color);
}
.header-details-item-container {
display: flex;
gap: 10px;
align-items: center;
}
.header-details-text {
color: #fff;
font-feature-settings: “liga” off, “clig” off;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.divider {
width: 1px;
height: 36px;
background: #dfdecc;
}
.header-image-container {
width: 100%;
height: 400px;
flex-shrink: 0;
border-radius: 0px;
overflow: hidden;
position: relative;
border-radius: 20px;
}

.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(“https://d37vqcfonn9wdp.cloudfront.net/afb4b39b-4871-415e-a25a-a49131a4a926/79c44566-d4b1-44bf-911b-adbe133bdd48.png”)
no-repeat;
background-size: cover;
background-position: bottom;
background-repeat: no-repeat;
z-index: 1;
}
.header-image-container img {
width: 100%;
height: 100%;
object-fit: cover;
margin-left: 0%;
}
.header-image-text-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: end;
gap: 0px;
padding: 16px;
padding-left: 5%;
padding-bottom: 60px;
z-index: 2;
text-align: start;
}
.header-image-text-1 {
color: var(–White, #fff);
text-align: center;
font-feature-settings: “liga” off, “clig” off;
font-family: Figtree;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.header-image-text-1 b {
color: var(–White, #fff);
font-feature-settings: “liga” off, “clig” off;
font-family: Figtree;
font-size: 48px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.header-image-text-1 span {
color: #fff;

}
.header-image-text-2 {
color: #fff;
text-align: center;
font-feature-settings: “liga” off, “clig” off;
font-family: Figtree;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.header-image-text-3 {
color: #fff;
font-feature-settings: “liga” off, “clig” off;
font-family: Figtree;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 80px;
}

.car-logos-container {
margin-top: 20px;
display: flex;
padding: 20px 24px;
justify-content: center;
align-items: center;
gap: 25px;
align-self: stretch;
border-radius: 12px;
background: #F9F9F9;
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
}
.car-logo {
width: calc(100% / 12 – 25px);
max-width: 240px;
max-height: 88px;
aspect-ratio: 1/1;
padding: 6px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex: 1 0 0;
border-radius: 10px;
/* border: 1px solid #fff;
background: #fff; */
text-decoration: none;
}
.car-logo img {
width: 95%;
height: 100%;
/* object-fit: contain; */
}
.content {
margin-top: 40px;
display: flex;
flex-direction: column;
align-items: center;
/* gap: 20px; */
}
.content-images {
width: 100%;
max-width: 800px;
padding: 16px;
}
.content-main-image {
width: 100%;
border: 1px solid #c7c7cc;
object-fit: cover;
border-radius: 16px;
height: 630px;
}
.all-images {
margin-top: 16px;
display: flex;
justify-content: center;
gap: 10px;
max-width: 100%;
overflow-x: auto;
}
.content-image {
width: 134px;
height: 80px;
border: 1px solid #c7c7cc;
border-radius: 8px;
object-fit: cover;
}
.main-image-container {
position: relative;
}
.main-image-container input[type=”radio”] {
position: absolute;
opacity: 0;
pointer-events: none;
}
.content-main-image {
display: none;
}
.content-main-image[data-image=”0″] {
display: block;
}
.main-image-container
input[type=”radio”]#image-0:checked
~ .content-main-image[data-image=”1″],
.main-image-container
input[type=”radio”]#image-0:checked
~ .content-main-image[data-image=”2″],
.main-image-container
input[type=”radio”]#image-0:checked
~ .content-main-image[data-image=”3″],
.main-image-container
input[type=”radio”]#image-0:checked
~ .content-main-image[data-image=”4″] {
display: none;
}
.main-image-container
input[type=”radio”]#image-1:checked
~ .content-main-image[data-image=”0″],
.main-image-container
input[type=”radio”]#image-2:checked
~ .content-main-image[data-image=”0″],
.main-image-container
input[type=”radio”]#image-3:checked
~ .content-main-image[data-image=”0″],
.main-image-container
input[type=”radio”]#image-4:checked
~ .content-main-image[data-image=”0″] {
display: none;
}
.main-image-container
input[type=”radio”]#image-1:checked
~ .content-main-image[data-image=”1″],
.main-image-container
input[type=”radio”]#image-2:checked
~ .content-main-image[data-image=”2″],
.main-image-container
input[type=”radio”]#image-3:checked
~ .content-main-image[data-image=”3″],
.main-image-container
input[type=”radio”]#image-4:checked
~ .content-main-image[data-image=”4″] {
display: block;
}
.image-nav {
position: absolute;
top: 0%;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: space-between;
align-items: center;
margin: 12px 0;
gap: 12px;
padding: 0 12px;
box-sizing: border-box;
}
.image-nav label {
display: none;
cursor: pointer;

width: 48px;
height: 48px;
padding: 12px 12px;
justify-content: center;
align-items: center;
gap: 10px;

border-radius: 99px;
border: 1px solid var(–Stroke-Default, #D8D8D8);
background: var(–BG-White, #FFF);
}
/* Show the correct Previous label based on which radio is checked */
#image-0:checked ~ .image-nav .prev-0,
#image-1:checked ~ .image-nav .prev-1,
#image-2:checked ~ .image-nav .prev-2,
#image-3:checked ~ .image-nav .prev-3,
#image-4:checked ~ .image-nav .prev-4 {
display: inline-block;
}
/* Show the correct Next label based on which radio is checked */
#image-0:checked ~ .image-nav .next-0,
#image-1:checked ~ .image-nav .next-1,
#image-2:checked ~ .image-nav .next-2,
#image-3:checked ~ .image-nav .next-3,
#image-4:checked ~ .image-nav .next-4 {
display: inline-block;
}
.content-description {
width: 100%;
max-width: 800px;
padding: 16px;
text-align: center;
}
.content-description-title {
color: var(–Title-Title-Dark, #000);
font-feature-settings: “liga” off, “clig” off;
font-family: Figtree;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.content-price-container {
/* margin-top: 16px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px; */
}
.content-price {
color: #000;
font-family: Figtree;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 56px */
letter-spacing: -0.2px;
}
.content-fitment {
border-radius: 4px;
border: 1px solid #fff;
background: var(–Primaries-Accent);
display: flex;
padding: 4px 12px;
align-items: center;
gap: 12px;
color: var(–Title-Title-White, #fff);
font-feature-settings: “liga” off, “clig” off;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 150% */
}
.content-description-body {
margin-top: 20px;
color: var(–Body-Text-Grey, #585858);
font-feature-settings: “liga” off, “clig” off;
font-family: Figtree;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}
.content-description-list-title {
margin-top: 20px;
color: var(–Body-Text-Black, #000);
font-feature-settings: “liga” off, “clig” off;
font-family: Figtree;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.content-description-list {
margin-top: 10px;
/* list-style-type: circle; */
}
.content-description-list div {
margin-bottom: 16px;
color: var(–Black-01, #0b0f0e);
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}
.content-spefification {
margin-top: 40px;
}
.content-spefification-title {
color: var(–Black-01, #0b0f0e);
text-align: center;
font-family: Inter;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 44.8px */
letter-spacing: -0.2px;
}

.content-spefification-table-container {
margin-top: 20px;
display: flex;
justify-content: space-between;
gap: 20px;
}

.content-spefification-table {
height: fit-content;
width: calc(50% – 20px);
border: 1px solid var(–Primaries-Primary, #d8d8d8);
border-radius: 0px;
border-spacing: 0;
}
.content-spefification-table td {
padding: 16px;
}
.content-spefification-table tr:nth-child(odd) {
background-color: #f8f8f8;
}
.table-item-label {
color: var(–Body-Text-Grey, #585858);
font-feature-settings: “liga” off, “clig” off;
font-family: Figtree;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}
.table-item-value {
color: var(–Body-Text-Black, #000);
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 150% */
}
.banner-container {
margin-top: 40px;
display: flex;
padding: 50px 40px;
align-items: center;
gap: 48px;
display: flex;
background: url(“https://d37vqcfonn9wdp.cloudfront.net/afb4b39b-4871-415e-a25a-a49131a4a926/10364434-61ed-4488-9e23-d9c472e40ca7.png”);
min-height: 463px;
border-radius: 20px;
position: relative;
overflow: hidden;
}
.banner-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
}
.banner-item-container {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 60px;
}
.banner-item-container-title {
color: var(–Title-Title-White, #fff);
text-align: center;
font-family: Figtree;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.banner-title {
color: var(–Title-Title-White, #fff);
font-family: Figtree;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-align: center;
}
.banner-inner-container {
display: flex;
gap: 30px;
justify-content: center;
}
.banner-list-item-container {
border-radius: 8px;
background: #0A1124;
color: #fff;
max-width: 233px;
padding: 16px;
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
}
.banner-text-container {
display: flex;
flex-direction: column;
gap: 8px;
}
.banner-item-title {
text-align: center;
font-family: Figtree;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: capitalize;
}
.banner-item-text {
text-align: center;
font-family: Figtree;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.banner-item-image {
display: flex;
width: 85px;
height: 85px;
padding: 19.985px 18.015px 18.015px 19.985px;
justify-content: center;
align-items: center;
border-radius: 80px;
background: #03C;
}

.auto-parts-expert-details-container {
margin-top: 60px;
margin-bottom: 60px;
display: flex;
flex-direction: column;
align-items: center;
gap: 25px;
align-self: stretch;
}
.auto-parts-expert-details-container .title {
color: #fff;
text-align: center;
font-family: Figtree;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: capitalize;
}
.auto-parts-expert-details-container .sub-title {
color: #eaeaea;
text-align: center;
font-family: Figtree;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.auto-parts-expert-details-container .details-container {
display: flex;
justify-content: center;
align-items: center;
gap: 32px;
align-self: stretch;
}

.auto-parts-expert-details-container .details-container .detail-item {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 50px;
flex: 1;
}
.auto-parts-expert-details-container
.details-container
.detail-item
.internal-container {
display: flex;
gap: 14px;
}
.auto-parts-expert-details-container
.details-container
.detail-item
.internal-container-reverse {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
width: 100%;
gap: 14px;
}
.auto-parts-expert-details-container
.details-container
.detail-item
.icon-container {
display: flex;
width: 100px;
height: 100px;
padding: 25px;
justify-content: center;
align-items: center;
border-radius: 5px;
background: var(–red);
}

.auto-parts-expert-details-container
.details-container
.detail-item
.text-container {
display: flex;
flex-direction: column;
gap: 14px;
}
.auto-parts-expert-details-container
.details-container
.detail-item
.detail-item-image {
width: 334px;
height: 396px;
object-fit: cover;
}
.auto-parts-expert-details-container
.details-container
.detail-item
.text-container
.text-title {
color: #1a1a1a;
font-feature-settings: “liga” off, “clig” off;
font-family: Oswald;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 30px; /* 150% */
}
.auto-parts-expert-details-container
.details-container
.detail-item
.text-container
.text {
color: var(–GreyScale-Grey-700, #585858);
font-feature-settings: “liga” off, “clig” off;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 144.444% */
}
.find-parts-container {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.find-parts-container-item {
display: flex;
flex-direction: column;
height: 260px;
padding: 10px;
gap: 0px;
justify-content: space-between;
/* align-items: flex-end; */
flex-shrink: 0;
width: calc(33.33% – 20px);
border-radius: 12px;
background: #e8e8e8;
text-decoration: none;
}
.find-parts-container-item-text {
color: #2b2b2b;
font-feature-settings: “liga” off, “clig” off;
font-family: Figtree;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 10px;
text-align: center;
}
.find-parts-container-item-image {
width: 80%;
height: 100%;
object-fit: contain;
align-self: center;
}
.parts-details {
margin-top: 60px;
}
.parts-details-title {
color: var(–Title-Title-Dark, #000);
text-align: center;
font-family: Figtree;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.parts-details-sub-title {
color: var(–Body-Text-Grey, #585858);
text-align: center;
font-feature-settings: “liga” off, “clig” off;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-top: 20px;
}
.parts-image-container {
display: flex;
gap: 20px;
margin-top: 40px;
height: 496px;
}
.parts-image-item-container {
display: flex;
flex: 1;
padding: 69px 17.66px 69px 18px;
flex-direction: column;
align-items: center;
justify-content: space-between;
background: #f9f9f9;
}
.parts-image-item-container-small {
display: flex;
flex-direction: column;
flex: 1;
gap: 20px;
}
.parts-image-item-container-small .container {
display: flex;
align-items: flex-end;
justify-content: flex-end;
padding: 0 0.006px 28px 10px;
gap: 10px;
background: #f9f9f9;
}
.parts-image-item-container-img {
width: 296px;
height: 296px;
aspect-ratio: 1/1;
}
.parts-image-item-container-img-small {
width: 210px;
height: 210px;
aspect-ratio: 1/1;
}
.parts-image-item-text {
color: var(–Body-Text-Black, #000);
text-align: center;
font-feature-settings: “liga” off, “clig” off;
font-family: Figtree;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
}

.dynamic-content-container {
width: 100%;
border: 1px solid #d8d8d8;
padding: 0px;
border-radius: 0px;
}
h1 {
text-align: center;
margin-top: 72px;
margin-bottom: 48px;
}

.accordion {
/* margin-bottom: 24px; */
/* padding: 0px 20px; */
}

.accordion-container {
width: 100%;
margin: 0 auto;

border-radius: px;
overflow: hidden;
}

.accordion-item {
width: calc(100% – 48px);
border-bottom: 1px solid #d8d8d8;
margin-bottom: 10px;
margin: 0px 24px;
}

.accordion-trigger {
width: 100%;
display: block;
color: rgb(0, 0, 0);
padding: 24px 0px;
font-size: 20px;
font-weight: 500;
font-family: “Inter”, sans-serif;
text-align: left;
border: none;
display: flex;
gap: 16px;
justify-content: space-between;
cursor: pointer;
}

.accordion-title {
color: var(–primary-color, #000);
font-family: Figtree;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}
.accordion-content {
color: var(–Body-Text-Black, #585858);
font-feature-settings: “liga” off, “clig” off;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding: 0px 0px 24px 0px;
}
.accordion-content ul {
padding-left: 28px;
}
.accordion-content ul li {
color: var(–Black-01, #0B0F0E);
font-family: Figtree;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 177.778% */
}
.accordion-content ul {
padding-left: 28px;
}
.accordion-icon {
transition: transform 0.5s;
transform-origin: 50% 50%;
}

.accordion-item[open] .accordion-icon {
transform: rotate(180deg);
}

.accordion-item:not(:first-of-type) .accordion-trigger {
}

.accordion-content p {
margin: 24px;
}

.shipment-container {
display: flex;
flex-direction: column;
padding: 40px 0px;
}
.shipment {
width: 100%;
display: flex;
justify-content: center;
align-items: end;
flex-wrap: wrap;
}
.shipment-title img {
height: 44px;
}
.shipment-title .checked {
display: none;
height: 48px;
}
.shipment-title .unchecked {
display: block;
cursor: pointer;
height: 48px;
}

.shipment-content-list li {
color: var(–Black-01, #0b0f0e);
font-family: Figtree;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 32px; /* 177.778% */
}
.shipment-content-list li::marker {
font-size: 15px;
}
.shipment-content-table {
width: 100%;
text-align: left;
border-radius: 10px;
border-collapse: collapse;
margin-bottom: 20px;
margin-top: 30px;
}
.shipment-content-table th {
padding: 16px;
border: 1px solid #d8d8d8;
border-radius: 10px;
color: rgba(0, 0, 0, 0.8);
font-family: Figtree;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 27px */
letter-spacing: -0.198px;
}
.shipment-content-table td {
padding: 16px;
border: 1px solid #d8d8d8;
border-radius: 10px;
color: rgba(0, 0, 0, 0.8);
font-family: Figtree;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 27px */
letter-spacing: -0.198px;
}
#warranty {
padding: 16px;
padding-top: 0;
}
#warranty .warranty-title {
margin-top: 20px;
color: var(–Black-01, #0b0f0e);
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 32px; /* 177.778% */
}
.warranty-title {
margin-top: 20px;
color: var(–Black-01, #0b0f0e);
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 32px; /* 177.778% */
}
.warranty-text {
margin-top: 20px;
color: var(–Black-01, #0b0f0e);
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 177.778% */
}
#warranty .warranty-list li {
margin-top: 20px;
color: var(–Black-01, #0b0f0e);
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 177.778% */
}

#payment {
padding: 16px;
height: 300px;
}
.reviews-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 20px;
padding: 32px;
}
.reviews-container-internal {
display: flex;
flex-direction: column;
width: calc(33% – 12px);
gap: 20px;
}
.reviews-container .review-item {
/* width: calc(33% – 10px); */
border: 1px solid #c7c7cc;
background-color: #fff;
padding: 16px;
border-radius: 0px;
}
.rating-text {
margin-top: 8px;
color: var(–Body-Text-Grey, #585858);
font-feature-settings: “liga” off, “clig” off;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.review-item-text {
margin-top: 20px;
color: var(–Body-Text-Grey, #585858);
font-feature-settings: “liga” off, “clig” off;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 133.333% */
}
.review-item-text p {
margin-top: 20px;
color: #050505;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.review-item-name {
margin-top: 20px;
color: #050505;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 20px; /* 125% */
letter-spacing: -0.13px;
}
.review-user {
margin-top: 16px;
color: var(–Body-Text-Black, #000);
font-family: Outfit;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 28px; /* 140% */
}
.review-stars {
display: flex;
gap: 4px;
}
#tab1,
#tab2,
#tab3,
#tab4 {
display: none;
}
#tab-content1,
#tab-content2,
#tab-content3,
#tab-content4 {
display: none;
}

.unchecked {
cursor: pointer;
/* margin-right: 4px; */
}

#tab1:checked + label .unchecked,
#tab2:checked + label .unchecked,
#tab3:checked + label .unchecked,
#tab4:checked + label .unchecked {
display: none;
}

#tab1:checked + label .checked,
#tab2:checked + label .checked,
#tab3:checked + label .checked,
#tab4:checked + label .checked {
display: block;
margin-right: 4px;
}

#tab1:checked ~ #tab-content1,
#tab2:checked ~ #tab-content2,
#tab3:checked ~ #tab-content3,
#tab4:checked ~ #tab-content4 {
display: block;
}

th {
font-family: Inter;
}
td {
font-family: Inter;
}

.feedback-container {
margin-top: 60px;
display: flex;
gap: 24px;
width: 100%;
height: 440px;
padding: 83px 51px 55px 54px;
justify-content: center;
align-items: center;
background-image: url(https://i.ibb.co/q3wysqdP/ca06527b3da6a4e8e7d60d18ad50edd444034ce2.jpg);
background-size: cover;
filter: grayscale(100%); /* Applies a full grayscale effect */
-webkit-filter: grayscale(100%); /* For older WebKit browsers */
}
.feedback-item-container {
width: calc(33% – 25px);
display: flex;
flex-direction: column;
gap: 16px;
padding: 32px;
border-radius: 16px;
background: #fff;
box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.05);
}
.feedback-item-text {
color: #050b20;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
text-align: left;
}
.feedback-user-container {
display: flex;
gap: 16px;
align-items: center;
}
.feedback-user-image {
width: 60px;
height: 60px;
border-radius: 100px;
}
.feedback-user-name {
color: #050b20;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.feedback-sub-user {
color: #050b20;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.address-container {
margin-top: 20px;
display: flex;
flex-direction: column;
gap: 10px;
width: 100%;
min-height: 270px;
padding: 20px;
justify-content: center;
align-items: center;
background: url(“https://iili.io/f2xgR3u.md.png”);
background-size: cover;
background-position: center;
background-position-x: -350px;
background-size: 2000px;
color: #fff;
text-align: center;
font-family: Figtree;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.company-everview {
height: 274px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;

background-image: url(“https://placehold.co/1600×380/111827/FFFFFF/png?text=Upload+Footer+Image”);

color: #FFF;
text-align: center;
font-family: Figtree;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.footer-container {
margin-top: 0px;
height: 186px;
/* padding: 10px; */
display: flex;
gap: 40px;
justify-content: space-between;
position: relative;
overflow: hidden;
box-sizing: border-box;
}
.footer-bgimage {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(“https://dlwfw71zu9okz.cloudfront.net/1/cca9d080-bd4d-4dbb-b88c-9ca421739329/4bd756cc-0b2f-405c-b0c8-8f6c3e2538ed.jpg”);
background-size: 1200px;
background-position: left;
background-repeat: no-repeat;
}
.footer-contact-us-container {
display: flex;
gap: 30px;
align-items: center;
}
.footer-title {
color: var(–Body-Text-White, #fff);
font-feature-settings: “liga” off, “clig” off;
font-family: Figtree;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.footer-text {
margin-top: 10px;
color: var(–Body-Text-White, #fff);
font-feature-settings: “liga” off, “clig” off;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 150% */
}
.footer-text span {
font-weight: 700;
}
.footer-item-container {
padding: 17px 20px;
display: flex;
align-items: center;
gap: 16px;
background-color: #f9f9f91a;
border-radius: 6px;
margin-top: 24px;
box-sizing: border-box;
word-wrap: break-word;
}
.footer-item-label {
color: #fff;
font-feature-settings: “liga” off, “clig” off;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
}
.footer-item-value {
color: #fff;
font-feature-settings: “liga” off, “clig” off;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.footer-company-details {
display: flex;
flex-direction: column;
gap: 14px;
width: 50%;
}
.footer-logos-container {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
}
.footer-dismantly-logo {
/* align-self: flex-end; */
/* margin-bottom: 20px; */
}

.footer-content {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0px 40px;
/* background: linear-gradient(90deg, #000 37.62%, rgba(0, 0, 0, 0.00) 80.29%), #FFF; */
}
.footer-logos {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.footer-description {
/* margin-top: 40px; */
display: flex;
flex-direction: column;
gap: 6px;
text-align: left;
}
.footer-desc-title {
/* color: var(–Primaries-Primary, #fff); */
font-feature-settings: “liga” off, “clig” off;
font-family: Figtree;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 24px; /* 120% */
}
.footer-desc {
/* color: var(–Primaries-Primary, #fff); */
font-feature-settings: “liga” off, “clig” off;
font-family: Figtree;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px;
}

.lg {
display: block;
}
.lg-flex {
display: flex;
}
.sm {
display: none;
}

/* iOS dark mode smart-invert cancel (target iOS only) */
@supports (-webkit-touch-callout: none) {
@media (prefers-color-scheme: dark) {
body {
filter: invert(1) hue-rotate(180deg);
}
}
}

/* Mobile Responsive Styles */
@media screen and (max-width: 768px) {
html {
padding: 0;
}
.why-choose {
height: 38px;
}
.auto-parts-expert-details-container svg {
height: 38px;
width: 332px !;
}
.find-parts-container-item {
width: calc(50% – 10px) !important;
height: 190px;
}
.find-parts-container-item-text {
font-size: 20px;
}
.footer-content {
margin-top: 10px;
width: 100%;
flex-direction: column;
gap: 20px;
padding: 0px;
align-items: flex-start;
/* background-color: #000; */
}
.footer-description {
text-align: left;
}
.reviews-container-internal {
width: 100%;
}
body {
max-width: 100%;
padding: 0 12px 16px;
}

/* Header adjustments */
.logo {
height: auto;
padding: 15px 20px;
}

.logo-logo {
/* width: auto !important; */
height: 50px;
}

.header-details {
flex-direction: row;
padding: 20px;
gap: 10px;
height: auto;
}
.car-logo {
min-width: calc(100% / 3 – 25px);
/* border: 1px solid #303030; */
padding: 0px;
}
.car-logo img {
width: 100%;
height: auto;
}
.car-logos-container {
flex-wrap: wrap;
background-size: cover;
gap: 12px;
}

.header-details-item-container {
justify-content: center;
gap: 4px;
}

.header-details-item-container img {
width: 20px;
height: 20px;
}

.divider {
height: 20px !important;
/* height: 1px; */
}

.header-details-text {
font-size: 12px;
}

/* Header image */
.header-image-conta