/*!
Theme Name: HerzDrive
Theme URI: https://herzdrive.de/
Author: HerzDrive
Author URI: https://herzdrive.de/
Description: Custom WordPress theme for HerzDrive...
*/
@import url('https://fonts.googleapis.com/css2?family=Wix+Madefor+Display:wght@400..800&display=swap');
/* Document foundation */
html {
	box-sizing: border-box;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

body {
	margin: 0;
	font-family: "Wix Madefor Display", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 130%;
	color: #000E24;
}

main {
	display: block;
}
a, a:hover {
	text-decoration: none;
	transition: 0.45s;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd {
	margin: 0;
}

ul,
ol {
	margin: 0;
	padding: 0;
}

button,
input,
optgroup,
select,
textarea {
	margin: 0;
	font: inherit;
	line-height: inherit;
}

button,
select {
	text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

textarea {
	max-width: 100%;
	resize: vertical;
}

img,
picture,
video,
canvas {
	display: block;
	max-width: 100%;
}

img {
	height: auto;
}

iframe,
embed,
object {
	max-width: 100%;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

[hidden],
template {
	display: none !important;
}

/* Primary navigation behavior. Visual styling belongs to the header styles. */
.main-navigation {
	display: block;
}

.main-navigation ul {
	display: none;
	list-style: none;
}

.main-navigation a {
	display: block;
}

.main-navigation li {
	position: relative;
}

.main-navigation ul ul {
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	top: 0;
	left: -999em;
}

.main-navigation li:hover > ul,
.main-navigation li.focus > ul {
	left: auto;
}

.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media (min-width: 600px) {
	.menu-toggle {
		display: none;
	}

	.main-navigation > div > ul,
	.main-navigation > ul {
		display: flex;
	}
}

/* WordPress media helpers */
.custom-logo-link {
	display: inline-block;
}

.wp-caption,
.wp-caption img,
.gallery-item img {
	max-width: 100%;
}

.wp-caption-text,
.gallery-caption {
	display: block;
}

.gallery {
	display: grid;
}

.gallery-columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.gallery-columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.gallery-columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.gallery-columns-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.gallery-columns-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.gallery-columns-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
.gallery-columns-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
.gallery-columns-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); }

/* Accessibility */
.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.screen-reader-text:focus {
	top: 5px;
	left: 5px;
	z-index: 100000;
	display: block;
	width: auto;
	height: auto;
	padding: 15px 23px;
	margin: 0;
	overflow: visible;
	clip: auto !important;
	clip-path: none;
	white-space: normal;
	background: #fff;
	color: #000;
}

#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* WordPress alignment utilities */
.alignleft {
	float: left;
	margin-right: 1.5rem;
}

.alignright {
	float: right;
	margin-left: 1.5rem;
}

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.clear::before,
.clear::after,
.entry-content::before,
.entry-content::after,
.comment-content::before,
.comment-content::after,
.site-header::before,
.site-header::after,
.site-footer::before,
.site-footer::after {
	display: table;
	content: "";
}

.clear::after,
.entry-content::after,
.comment-content::after,
.site-header::after,
.site-footer::after {
	clear: both;
}
























.hd-heading.hd-heading--hero {
    font-weight: 600;
    font-size: 40px;
    line-height: 125%;
    margin-bottom: 16px;
}

.hd-heading.hd-heading--hero strong {
    color: #D80000;
    font-weight: 600;
}

.hd-copy.hd-copy--section * {
    color: #3D424A;
    margin-bottom: 10px;
}

.hd-motion-mask li:before {
    content: "";
    background-image: url(/wp-content/themes/theme/img/icon.svg);
    display: inline-flex;
    width: 16px;
    height: 16px;
}

.hd-motion-mask li {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    gap: 12px;
}
.hd-copy.hd-copy--section {
    margin-bottom: 22px;
}

.hd-button {
    font-weight: 500;
    line-height: 100%;
    text-align: center;
    color: #fff;
    padding: 17px 25px;
    background-color: #E30000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 260px;
    border-radius: 4px;
    gap: 12px;
}

.hd-hero__content ul {
    margin-bottom: 36px;
}

.hd-button span {
    font-size: 0;
    display: inline-flex;
    width: 18px;
    height: 15px;
    background-image: url(/wp-content/themes/theme/img/move-right.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.hd-button:hover {
    background-color: #B10000;
}
.hd-logo-marquee__item {
    width: 180px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0 10px;
    box-sizing: border-box;
}

.hd-logo-marquee__track {
    margin: 10px 0;
}

.hd-logo-marquee__item img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
    filter: grayscale(100%);
    opacity: 0.5;
    transition: filter 0.3s ease, opacity 0.3s ease;
}
.hd-logo-marquee__item img {
    max-width: 120px;
}
.hd-logo-marquee__item:hover img {
    filter: grayscale(0%);
    opacity: 1;
}
.hd-logo-marquee__item:hover {
    box-shadow: 0px 7px 29px 0px #64646F33;
}
section.hd-section.hd-logo-marquee.hd-logo-marquee--light .hd-logo-marquee__item:hover {
    background: #FAFAFA;

}
.hd-logo-marquee__item {
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.hd-section.hd-logo-marquee {
    margin: 0;
    padding: 0;
}
.hd-section {
    padding: 90px 0;
}
.hd-heading.hd-heading--section {
    font-weight: 600;
    font-size: 32px;
    line-height: 120%;
    margin-bottom: 12px;
}
.hd-diagnosis .hd-heading.hd-heading--section {
    color: #fff;
}
.hd-heading.hd-heading--section strong {
    color: #D80000;
    font-weight: 600;
}
.hd-diagnosis .hd-copy.hd-copy--section {
    max-width: 768px;
    color: #fff;
}
.hd-diagnosis .hd-copy.hd-copy--section * {
    color: #A5B6C8;
}
.diagnosis-repid {
    max-width: 680px;
}

.hd-diagnosis .hd-motion-mask article {
    display: grid;
    padding: 16px 22px;
    column-gap: 22px;
    grid-template-areas:
        "one_img two_title"
        "one_img two_des";
    grid-template-columns: 55px calc(100% - 55px);
    align-items: center;
}

.hd-motion-mask article .hd-heading.hd-heading--item {
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    margin-bottom: 8px;
}
.hd-diagnosis .hd-motion-mask article .hd-heading.hd-heading--item {
    color: #fff;
}
.hd-diagnosis  .hd-motion-mask article img {
	grid-area: one_img;
}
.hd-diagnosis  .hd-motion-mask article .hd-heading {
	grid-area: two_title;
}
.hd-diagnosis  .hd-motion-mask article .hd-copy {
	grid-area: two_des;
}

.hd-motion-mask article .hd-copy.hd-copy--item *, .hd-motion-mask article .hd-copy.hd-copy--item {
    color: #A5B6C8;
}
.hd-services .hd-motion-mask > div {
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: center;
}
img.hd-reveal:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #fff;
}
section.hd-section.hd-logo-marquee.hd-logo-marquee--light {
    background-color: #FAFAFA;

}
.hd-choose article.item_hd-choose {
    display: flex;
    flex-wrap: wrap;
    transition: 0.4s;
}
.item_hd-choose .hd-heading.hd-heading--item {
    width: calc(100% - 64px);
}
.hd-choose article:hover {
    box-shadow: 0px 8px 24px 0px #959DA533;
    border-color: #E30000;
}
.hd-choose article:hover .hd-heading.hd-heading--item {
    color: #E30000;
}
.hd-choose article.item_hd-choose * {
    transition: 0.4s;
}
.hd-services .hd-motion-mask > div > * {
    margin: 0;
}

.hd-services .hd-motion-mask {
    margin-bottom: 48px;
}
.services-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.hd-services .services-list .hd-motion-mask {
    margin: 0;
}
.services-list .hd-step-number {
    font-weight: 800;
    font-size: 28px;
    line-height: 100%;
    color: #EF9999;
    display: block;
    margin-bottom: 18px;
}

.services-list article {
    border-top: 3px solid #fff;
    padding: 22px;
}
.services-list article a.hd-more {
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: #E30000;
    padding-bottom: 16px;
    border-bottom: 1px solid;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    gap: 12px;
}

.services-list article .hd-copy.hd-copy--item, .services-list article .hd-copy.hd-copy--item * {
    color: #3D424A;
}

.services-list article .hd-copy.hd-copy--item {
    margin-bottom: 26px;
}

.services-list article a.hd-more span {
    font-size: 0;
    display: inline-flex;
    width: 18px;
    height: 15px;
    background-image: url(/wp-content/themes/theme/img/move-up-right.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.services-list .hd-motion-mask article .hd-heading.hd-heading--item {
    margin-bottom: 16px;
}

.services-list article:hover {
    border-color: #E30000;
    background-color: #081B2B;
}

.services-list article.hd-animate.is-visible, .services-list article.hd-animate.is-visible * {
    transition: 0.4s;
}

.services-list article:hover .hd-step-number {
    color: #E30000;
}

.services-list article:hover .hd-heading.hd-heading--item {
    color: #fff;
}

.services-list article:hover .hd-copy.hd-copy--item, .services-list article:hover .hd-copy.hd-copy--item * {
    color: #A5B6C8;
}

.services-list article:hover a.hd-more {
    color: #fff;
}

.services-list article:hover a.hd-more span {
    background-image: url(/wp-content/themes/theme/img/move-right.svg);
}
section.hd-section.hd-specialized {
    padding: 40px 0;
}

.hd-specialized .hd-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.specialized-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
}

.specialized-list .hd-motion-mask {
    padding: 12px 40px;
    border: 1px solid #EF9999;
    border-radius: 4px;
    transition: 0.4s;
}

.specialized-list .hd-motion-mask .hd-list-text {
    font-weight: 500;
}

.specialized-list .hd-motion-mask:hover {
    background-color: #E30000;
    border-color: #E30000;
}

.specialized-list .hd-motion-mask:hover .hd-list-text {
    color: #fff;
}

.hd-shipping .hd-container > .hd-motion-mask {
    padding: 48px 0;
    background-color: #081B2B;
    overflow: initial;
    position: relative;
}

.hd-shipping .hd-container > .hd-motion-mask:before {
    content: "";
    position: absolute;
    left: -199%;
    background-color: #081B2B;
    width: 200%;
    height: 100%;
    top: 0;
    z-index: -1;
}
.hd-shipping .hd-container > .hd-motion-mask:after {
    content: "";
    position: absolute;
    right: -199%;
    background-color: #081B2B;
    width: 200%;
    height: 100%;
    top: 0;
    z-index: -1;
}

.hd-shipping .hd-motion-mask .hd-heading.hd-heading--section {
    color: #fff;
}

.hd-shipping .hd-motion-mask .hd-copy.hd-copy--section, .hd-shipping .hd-motion-mask .hd-copy.hd-copy--section * {
    color: #A5B6C8;
    max-width: 760px;
}
.shipping-list article {
    display: flex;
    gap: 20px;
}

.shipping-list article > * {
    width: 50%;
}

.shipping-list article:nth-child(even) {
    display: flex;
    flex-direction: row-reverse;
}

.shipping-list article > .hd-motion-mask {
    padding: 50px 0;
}

.shipping-list article > .hd-motion-mask .hd-heading.hd-heading--item, .shipping-list article > .hd-motion-mask .hd-heading.hd-heading--item * {
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    margin: 20px 0 12px;
    color: #000E24;
}

.shipping-list article > .hd-motion-mask .hd-copy.hd-copy--item * {
    margin-bottom: 20px;
    color: #3D424A;
}

.shipping-list article img.hd-reveal {
    object-fit: cover;
    object-position: center;
    min-height: 315px;
    width: 50%;
    max-width: none;
}

.specialized-booton {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.specialized-booton-left {
    display: flex;
    align-items: center;
    gap: 28px;
}

.specialized-booton-left .hd-copy.hd-copy--accent {
    color: #fff;
    font-size: 18px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.specialized-booton-left .hd-copy.hd-copy--accent strong {
    color: #D80000;
    font-size: 20px;
}

.specialized-booton-left .hd-copy.hd-copy--accent em {
    color: #A5B6C8;
    font-size: 16px;
}

.specialized-booton-left .hd-copy.hd-copy--accent  em {
    color: #A5B6C8;
    font-size: 16px;
}

section.hd-section.hd-shipping {
    padding-bottom: 0;
}

.hd-process .hd-motion-mask > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hd-process .hd-motion-mask > div .hd-copy.hd-copy--section {
    max-width: 50%;
}

.hd-process .hd-motion-mask > div > * {
    margin: 0;
}

.process-list {
    margin-top: 48px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.process-list article {
	display: grid;
	border-left: 3px solid #fff;
	padding: 22px;
	grid-template-areas:
	"one_img two_title"
	"one_img two_des";
	grid-template-columns: 55px calc(100% - 55px);
	align-items: center;
	column-gap: 25px;
}

.process-list article strong.hd-step-number {
    display: flex;
    width: 48px;
    height: 48px;
    border-radius: 6px;
    background-color: #081B2B;
    font-weight: 800;
    font-size: 20px;
    line-height: 100%;
    text-align: center;
    color: #fff;
    align-items: center;
    justify-content: center;
    grid-area: one_img;
}
.process-list article .hd-heading.hd-heading--item {
	grid-area: two_title;
}
.process-list article .hd-copy.hd-copy--item {
	grid-area: two_des;

}
.process-list article .hd-copy.hd-copy--item, .process-list article .hd-copy.hd-copy--item * {
    color: #3D424A;
}
.process-list article:hover {
    box-shadow: 0px 8px 24px 0px #959DA533;
    border-color: #E30000;
}
.process-list .hd-motion-mask {
    overflow: inherit;
}
.hd-process .process-list article { 
	transition: 0.4s;
}
section.hd-section.hd-cta {
    background-color: #081B2B;
    padding: 60px 0;
}

section.hd-section.hd-cta .hd-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

section.hd-section.hd-cta .hd-container .hd-copy.hd-copy--accent {
    max-width: 760px;
    color: #fff;
    font-size: 18px;
}

.hd-work .hd-motion-mask > div {
    display: flex;
}
.hd-work .hd-motion-mask > div * {
    margin: 0;
}

.hd-work .hd-motion-mask > div {
    align-items: center;
    justify-content: space-between;
}

.hd-work .hd-motion-mask > div .hd-copy.hd-copy--section {
    max-width: 600px;
}

.hd-work-slider {
    margin-top: 48px;
}
.slick-arrow {
    position: absolute;
    top: calc(50% - 25px);
    width: 40px;
    height: 40px;
    background-color: #081B2B;
    border-radius: 50%;
    font-size: 0;
    background-image: url(/wp-content/themes/theme/img/chevron-down.svg);
    padding: 0;
    border: none;
    background-position: center;
    background-repeat: no-repeat;
    transition: 0.4s;
    box-shadow: 0px 3px 5px 0px #0000000A;

}

.slick-prev.slick-arrow {
    transform: rotate(90deg);
    left: -50px;
}

button.slick-next.slick-arrow {
    transform: rotate(270deg);
    right: -50px;
}

.slick-arrow:hover {
    background-color: #213240;
}

.hd-work-slider article {
    position: relative;
}

.hd-work-slider article .text_sl_item {
    position: absolute;
    bottom: 0;
    z-index: 1;
    padding: 22px;
}

.hd-work-slider article .text_sl_item .hd-heading.hd-heading--item {
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #fff;
    margin-bottom: 8px;
}

.hd-work-slider article .text_sl_item  .hd-copy.hd-copy--item {
    color: #8F8E8D;
}

.slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    list-style-type: none;
    gap: 10px;
}

.slick-dots li button {
    background-color: #E8EAEC;
    font-size: 0;
    padding: 0;
    border: none;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    transition: 0.4s;
}

.slick-dots li.slick-active button {
    width: 14px;
    height: 14px;
    background-color: #E30000;
}

.slick-dots li button:hover {
    background-color: #EF9999;
}

section.hd-section.hd-choose {
    padding: 60px 0;
}

.hd-choose .hd-motion-mask > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hd-choose .hd-motion-mask > div > * {
    width: 50%;
}

.hd-choose .hd-motion-mask .hd-heading.hd-heading--section {
    color: #fff;
}

.hd-choose .hd-motion-mask .hd-copy.hd-copy--section, .hd-choose .hd-motion-mask .hd-copy.hd-copy--section * {
    color: #A5B6C8;
}

.hd-choose .hd-motion-mask > div * {
    margin: 0;
}

.hd-choose-slider {
    margin-top: 48px;
}

.hd-choose .slick-arrow {
    background-color: #fff;
    background-image: url(/wp-content/themes/theme/img/chevron-down-dark.svg);
}

.hd-choose .slick-arrow:hover {
    background-color: #E8EAEC;
}
.hd-work-slider article {
    position: relative;
}

.hd-work-slider article .text_sl_item {
    position: absolute;
    bottom: 0;
    z-index: 1;
    padding: 22px;
}

.hd-work-slider article .text_sl_item .hd-heading.hd-heading--item {
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #fff;
    margin-bottom: 8px;
}

.hd-work-slider article .text_sl_item  .hd-copy.hd-copy--item {
    color: #8F8E8D;
}

.slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    list-style-type: none;
    gap: 10px;
}

.slick-dots li button {
    background-color: #E8EAEC;
    font-size: 0;
    padding: 0;
    border: none;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    transition: 0.4s;
}

.slick-dots li.slick-active button {
    width: 14px;
    height: 14px;
    background-color: #E30000;
}

.slick-dots li button:hover {
    background-color: #EF9999;
}

section.hd-section.hd-choose {
    padding: 60px 0;
}

.hd-choose .hd-motion-mask > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hd-choose .hd-motion-mask > div > * {
    width: 50%;
}

.hd-choose .hd-motion-mask .hd-heading.hd-heading--section {
    color: #fff;
}

.hd-choose .hd-motion-mask .hd-copy.hd-copy--section, .hd-choose .hd-motion-mask .hd-copy.hd-copy--section * {
    color: #A5B6C8;
}

.hd-choose .hd-motion-mask > div * {
    margin: 0;
}

.hd-choose-slider {
    margin-top: 48px;
}

.hd-choose .slick-arrow {
    background-color: #fff;
    background-image: url(/wp-content/themes/theme/img/chevron-down-dark.svg);
}

.hd-choose .slick-arrow:hover {
    background-color: #E8EAEC;
}

.slick-list {
    margin: 0 -10px;
}

.hd-work-slider article {
    margin: 0 10px;
}

.hd-choose article {
    margin: 0 10px;
    padding: 22px;
    border-top: 3px solid #fff;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    min-height: 225px;
    align-content: flex-start;
}

.hd-choose article .hd-copy.hd-copy--item, .hd-choose article .hd-copy.hd-copy--item * {
    color: #3D424A;
}
.hd-reviews-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 48px;
}

.hd-reviews .hd-reviews-header * {
    margin: 0;
}

.hd-reviews-header > * {
    width: 50%;
}
.hd-reviews-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
strong.hd-rating {
    display: flex;
    flex-direction: row;
    font-weight: 800;
    font-size: 36px;
    line-height: 130%;
    text-align: center;
    color: #D80000;
    margin-bottom: 10px;
}

.star_reviews {
    display: flex;
    align-items: center;
    margin-left: 12px;
}

.left_info_reviews {}

.left_info_reviews .hd-meta {
    font-size: 14px;
    line-height: 130%;
    color: #3D424A;
}

.hd-reviews-summary .hd-copy.hd-copy--accent {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    text-align: center;
    color: #3D424A;
}

.hd-reviews-summary .hd-copy.hd-copy--accent strong {
    font-weight: 600;
    color: #D80000;
}

.hd-reviews-summary .hd-button {
    width: auto;
}

.hd-reviews-summary {
    box-shadow: 0px 8px 24px 0px #959DA533;
    padding: 22px;
    margin-bottom: 20px;
}

.hd-reviews .hd-motion-mask:nth-child(2) {
    overflow: initial;
}

.hd-reviews-slider article {
    padding: 22px;
    background-color: #fff;
    border: 1px solid #E8EAEC;
    margin: 0 10px;
    border-radius: 2px;
}

.hd-reviews .hd-container > .hd-motion-mask:nth-last-child(1) {
    width: 680px;
    margin: 48px auto;
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: center;
}

.hd-reviews .hd-container > .hd-motion-mask:nth-last-child(1) p {
    margin-bottom: 10px;
}

section.hd-section.hd-logo-marquee.hd-logo-marquee--light {
padding: 10px 0;
    border: none;
}

section.hd-section.hd-logo-marquee {
    border-top: 1px solid #E8EAEC;
}

.top_reviews {
    display: flex;
    flex-direction: row;
    align-items: center;
        gap: 12px;
}
.left_top_reviews, .left_top_reviews .hd-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}


.reviews-item:nth-child(4n + 1) .left_top_reviews .hd-avatar {
  background-color: #0b6d16;
}

.reviews-item:nth-child(4n + 2) .left_top_reviews .hd-avatar {
  background-color: #5f3a16;
}

.reviews-item:nth-child(4n + 3) .left_top_reviews .hd-avatar {
  background-color: #29a1a0;
}

.reviews-item:nth-child(4n + 4) .left_top_reviews .hd-avatar,
.reviews-item:nth-child(4n) .left_top_reviews .hd-avatar {
  background-color: #5629a1;
}
.centre_top_reviews {
    width: calc(100% - 84px);
}
.centre_top_reviews .hd-heading.hd-heading--item {
    font-weight: 600;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: 0%;
    color: #000E24;
    margin-bottom: 5px;
}
.centre_top_reviews .hd-meta {
    font-weight: 500;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: 0%;
    color: #3D424A;
}
.right_top_reviews a {
    font-size: 0;
    background-image: url(/wp-content/themes/theme/img/google.svg);
    width: 20px;
    height: 20px;
    background-size: contain;
    display: flex;
    align-items: flex-start;
}
.star-reviews-item {
    margin: 20px 0 12px;
}

.hd-copy.hd-copy--item.hd-review__text, .hd-copy.hd-copy--item.hd-review__text * {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0%;
    color: #3D424A;
    min-height: 105px;
}

.faq-list {
    margin-top: 48px;
}

.hd-faq__button {
    display: flex;
    justify-content: space-between;
    border: none;
    background-color: transparent;
}
.hd-faq__item {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    border: 1px solid #E8EAEC;
    margin-bottom: 10px;
    padding: 18px 22px;
    flex-direction: column;
}


.hd-faq__item .faq_b_v {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    background-image: url(/wp-content/themes/theme/img/iconplus.svg);
    background-size: contain;
    padding: 0;
    background-position: center;
    background-repeat: no-repeat;
}
.hd-faq__item.is-open .hd-faq__panel {
    width: 100%;
}
.hd-faq__button {
    padding: 0;
}
.hd-faq__button * {
    margin: 0;
}
.hd-motion-mask article .hd-faq__button .hd-heading.hd-heading--item {
    margin: 0;
}
.hd-faq__item.is-open {
    background-color: #081B2B;
}
.hd-faq__item.is-open .faq_b_v {
    background-image: url(/wp-content/themes/theme/img/iconminus.svg);
}
.hd-faq__item.is-open .hd-faq__button .hd-heading.hd-heading--item {
    color: #fff;
    padding-bottom: 20px;
}
article.hd-faq__item.is-open .hd-copy.hd-copy--item, article.hd-faq__item.is-open .hd-copy.hd-copy--item * {
    color: #A5B6C8;
}
.hd-faq .faq-list article.hd-faq__item, .hd-faq .faq-list article.hd-faq__item * {
    transition: 0.4s;
}
.hd-form .hd-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
}

p {}

.hd-form-left .hd-heading.hd-heading--section {
    font-weight: 600;
    font-size: 32px;
    line-height: 120%;
    color: #fff;
}

.hd-form-left .hd-copy.hd-copy--section, .hd-form-left .hd-copy.hd-copy--section * {
    color: #A5B6C8;
    margin-bottom: 46px;
}

.hd-form-right {
    width: 100%;
    height: 100%;
    display: flex;
    background-color: #fff;
    padding: 40px;
    border-radius: 4px;
}

.hd-form-right .hd-cf7-form {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.hd-form-right .hd-cf7-form h3 {
    font-family: Wix Madefor Display;
    font-weight: 600;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: 0%;
    margin-bottom: 26px;
    color: #000E24;
}

.hd-cf7-note {
    font-size: 14px;
    line-height: 130%;
    letter-spacing: 0%;
    width: 380px;
    margin:  auto;
    text-align: center;
    margin-top: 26px;
}

.wpcf7 {
    width: 100%;
}

input.wpcf7-submit {
    font-weight: 500;
    line-height: 100%;
    text-align: center;
    color: #fff;
    padding: 17px 25px;
    background-color: #E30000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 4px;
    gap: 12px;
    border: none;
    outline: none;
    margin-top: 10px;
}

.hd-cf7-row p {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.hd-cf7-row p input {
    width: 100%;
    padding: 13px 18px;
    border: 1px solid #B6B8BA;
    border-radius: 4px;
}

.hd-cf7-row p br {
    display: none;
}

span.wpcf7-spinner {
    position: absolute;
    margin: 0;
    margin-top: 25px;
}
.st-section-header .hd-heading.hd-heading--section, .st-section-header .hd-copy.hd-copy--section p {
    margin-bottom: 0;
}















/* DSG / S-Tronic page styles */
.st-page {
	background: #fff;
}

.st-hero {
	display: flex;
	min-height: 520px;
	align-items: center;
	padding: 0;
	background: #081b2b;
	color: #fff;
}

.st-hero::after {
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(90deg, rgba(8, 27, 43, 0.96) 0%, rgba(8, 27, 43, 0.78) 42%, rgba(8, 27, 43, 0.18) 100%);
	content: "";
}

.st-hero__bg {
	object-position: center;
}

.st-breadcrumbs {
    position: absolute;
    top: -130px;
    left: 0;
    display: flex;
    gap: 12px;
    align-items: center;
    font-size: 14px;
    color: #9EB1C1;
}

.st-breadcrumbs a,
.st-breadcrumbs span {
	color: #a5b6c8;
	text-decoration: none;
}
.st-breadcrumbs span {
    color: #FFFFFF;
}
.st-breadcrumbs a::after {
    display: inline-block;
    width: 18px;
    height: 6px;
    margin-left: 12px;
    background-image: url(/wp-content/themes/theme/img/arrow-bread.svg);
    content: "";
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.st-hero__content {
	max-width: 610px;
}

.st-hero .hd-heading,
.st-hero .hd-copy,
.st-hero .hd-copy * {
	color: #fff;
}

.st-hero .hd-copy {
	max-width: 590px;
}

.st-section-header {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 70px;
	align-items: center;
	margin-bottom: 46px;
}

.st-section-header > * {
	margin: 0;
}

.st-symptoms-slider {
	margin-bottom: 22px;
}

.st-symptoms-slider .slick-track {
	display: flex;
}

.st-symptoms-slider .slick-slide {
	height: auto;
	margin: 0 10px;
}

.st-symptom-card {
	height: 100%;
	min-height: 260px;
	padding: 30px;
	border: 1px solid #E8EAEC;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.st-symptom-card:hover,
.st-symptoms-slider .slick-current .st-symptom-card {
	border-color: transparent;
	box-shadow: 0px 8px 24px 0px #00000033;
	box-shadow: 0px 4px 24px 0px #959DA533;
}

.st-symptom-card .hd-step-number,
.st-repair-grid .hd-step-number,
.st-advantages-grid .hd-step-number {
	display: inline-flex;
	margin-bottom: 25px;
	font-size: 28px;
	color: #EF9999;
}

.st-symptom-card .hd-copy,
.st-repair-grid .hd-copy,
.st-advantages-grid .hd-copy,
.st-gearboxes__list .hd-copy {
	color: #3d424a;
}
.st-inline-cta {
	display: grid;
	grid-template-columns: 70px minmax(0, 1fr) auto;
	gap: 30px;
	align-items: center;
	padding: 30px 50px;
	border: 1px solid #E8EAEC;
	background: #FAFAFA;
}

.st-inline-cta__icon {
	width: 70px;
	height: 70px;
	object-fit: contain;
	min-width: 70px;
}

.st-inline-cta .hd-heading,
.st-inline-cta .hd-copy,
.st-inline-cta .hd-copy * {
	margin: 0;
	color: #000e24;
}

.st-inline-cta .hd-copy,
.st-inline-cta .hd-copy * {
	color: #3d424a;
}

.st-diagnostic {
	background: #081b2b;
}

.st-diagnostic .st-section-header .hd-heading,
.st-diagnostic .st-diagnostic__list .hd-heading {
	color: #fff;
}

.st-diagnostic .hd-copy,
.st-diagnostic .hd-copy * {
	color: #a5b6c8;
}

.st-diagnostic__body {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 60px;
	align-items: start;
}

.st-diagnostic__images {
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	height: 100%;
}

.st-diagnostic__images::before,
.st-diagnostic__images::after {
	position: absolute;
	z-index: 0;
	width: 190px;
	height: 190px;
	background: #e30000;
	content: "";
}

.st-diagnostic__images::before {
	top: -20px;
	right: -20px;
}

.st-diagnostic__images::after {
	bottom: -20px;
	left: -20px;
}

.st-diagnostic__images img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: relative;
	z-index: 1;
}

.st-diagnostic__list {
	display: grid;
	gap: 22px;
}

.st-diagnostic__list article {
	display: grid;
	grid-template-columns: 70px minmax(0, 1fr);
	gap: 20px;
	align-items: center;
	padding: 12px 0;
}

.st-diagnostic__list article > img {
	width: 100%;
	height: 70px;
	padding: 14px;
	border-left: 2px solid #e30000;
	background: #213240;
	object-fit: contain;
	min-width: 70px;
}

.st-diagnostic__list .hd-heading {
	margin-bottom: 7px;
}

.st-repair-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 50px 36px;
}

.st-repair-grid article {
	min-height: 220px;
	padding: 22px;
	transition: box-shadow 0.2s ease;
	height: 100%;
}

.st-repair-grid article:hover {
	box-shadow: 0 10px 30px rgba(8, 27, 43, 0.1);
	box-shadow: 0px 8px 24px 0px #959DA533;
}

.st-repair-grid .hd-step-number {
	padding: 12px;
	border-radius: 6px;
	background: #e30000;
	color: #fff;
	box-shadow: 0px 6.19px 18.58px 0px #D800001A;
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
}

.st-dark-cta {
	padding: 40px 0;
	background: #081B2B;
}

.st-dark-cta__inner {
	display: grid;
	grid-template-columns: 70px minmax(0, 1fr) auto;
	gap: 22px;
	align-items: center;
}

.st-dark-cta__inner > img {
	width: 70px;
	height: 70px;
	object-fit: contain;
}

.st-dark-cta .hd-heading {
	margin-bottom: 6px;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
}

.st-dark-cta .hd-copy,
.st-dark-cta .hd-copy * {
	margin: 0;
	color: #a5b6c8;
}

.st-gearboxes__body {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(420px, 0.9fr);
	gap: 42px;
	align-items: stretch;
	margin-bottom: 36px;
}

.st-gearboxes__list {
	display: grid;
	gap: 20px;
}

.st-gearboxes__list article {
	display: grid;
	grid-template-columns: 135px minmax(0, 1fr);
	border-left: 2px solid #e30000;
    transition: 0.4s;
}

.st-gearboxes__list article > strong {
	display: grid;
	place-items: center;
	padding: 15px;
	background: #FDF2F2;
	color: #e30000;
	font-size: 20px;
	text-align: center;
	font-weight: 700;
}

.st-gearboxes__list article > div {
	padding: 14px 20px;
}

.st-gearboxes__list .hd-heading {
	margin-bottom: 5px;
}

.st-gearboxes__image {
	width: 100%;
	height: 100%;
	min-height: 620px;
	object-fit: cover;
}

.st-advantages-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 22px;
}

.st-advantages-grid article {
	min-height: 230px;
	padding: 26px;
	border: 1px solid #e8eaec;
	border-top-color: #e30000;
	background: #fff;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
	height: 100%;
	transition: .4s !important;
}

.st-advantages-grid article:hover {
	border-color: transparent;
	box-shadow: 0px 8px 24px 0px #959DA533;
	border-top: 3px solid #E30000;
	transform: translateY(-10px);
}

.st-advantages-grid .hd-step-number {
	padding: 12px;
	border: 1px solid #081b2b;
	border-radius: 6px;
	color: #081b2b;
	font-weight: 800;
	font-size: 20px;
	line-height: 100%;
	text-align: center;
	display: flex;
	width: 48px;
	height: 48px;
	align-items: center;
	justify-content: center;
}

.st-shipping {
	padding-top: 0;
}
.st-symptoms-slider .slick-list {
    padding: 20px 0;
    margin: 0 -10px;
}
.st-symptoms-slider .slick-dots {
    margin-top: 0;
}
.st-symptom-card .hd-heading.hd-heading--item {
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    margin-bottom: 12px;
}
.st-inline-cta__content {
    max-width: 580px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.st-diagnostic__images {
    clip-path: none !important;
}
.st-repair-grid .hd-motion-mask {
    overflow: visible;
}
.st-repair-grid .hd-motion-mask .hd-copy.hd-copy--item, .st-repair-grid .hd-motion-mask .hd-copy.hd-copy--item * {
    color: #3D424A;
}
.st-gearboxes__list .hd-copy.hd-copy--item, .st-gearboxes__list .hd-copy.hd-copy--item p {
    color: #3D424A;
}
.st-gearboxes__list article:hover {
    border-left: 5px solid #e30000;
}
.st-dark-cta__inner > div {
    max-width: 680px;
}
.st-advantages-grid article .hd-copy.hd-copy--item, .st-advantages-grid article .hd-copy.hd-copy--item * {
    color: #000E24;
}
.st-advantages-grid .hd-motion-mask {
    overflow: initial;
}
.st-symptom-card:hover strong.hd-step-number {
    color: #E30000;
}
.st-advantages-grid article:hover .hd-step-number {
    background-color: #081B2B;
    color: #fff;
}












@media (max-width: 1320px) {
	.st-symptoms-slider .slick-prev {
		left: 4px;
	}

	.st-symptoms-slider .slick-next {
		right: 4px;
	}
}

@media (max-width: 980px) {
	.st-section-header,
	.st-diagnostic__body,
	.st-gearboxes__body {
		grid-template-columns: 1fr;
	}

	.st-repair-grid,
	.st-advantages-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.st-gearboxes__image {
		min-height: 480px;
	}

	.st-section-header {
		gap: 18px;
	}
}

@media (max-width: 700px) {
	.st-hero {
		min-height: 560px;
	}

	.st-hero::after {
		background: rgba(8, 27, 43, 0.82);
	}

	.st-breadcrumbs {
		top: -120px;
	}

	.st-inline-cta,
	.st-dark-cta__inner {
		grid-template-columns: 48px minmax(0, 1fr);
	}

	.st-inline-cta .hd-button,
	.st-dark-cta .hd-button {
		grid-column: 1 / -1;
		width: 100%;
	}

	.st-diagnostic__images img {
		height: 340px;
	}

	.st-gearboxes__list article {
		grid-template-columns: 100px minmax(0, 1fr);
	}

	.st-gearboxes__image {
		min-height: 360px;
	}
}

@media (max-width: 480px) {
	.st-diagnostic__images {
		grid-template-columns: 1fr;
	}

	.st-diagnostic__images img {
		height: 280px;
	}

	.st-gearboxes__list article {
		grid-template-columns: 1fr;
	}

	.st-gearboxes__list article > strong {
		place-items: start;
		text-align: left;
	}
}



























































.mt-choose__grid .hd-motion-mask {
    overflow: initial;
}
.mt-choose__grid .hd-motion-mask .hd-copy.hd-copy--item, .mt-choose__grid .hd-motion-mask .hd-copy.hd-copy--item * {
    color: #3D424A;
}
.mt-choose__grid .hd-motion-mask article:hover {
    transition-delay: inherit;
}
.mt-choose__grid .hd-motion-mask article:hover .hd-step-number {
    background-color: #081B2B;
    color: #fff;
}
.brand-models + .hd-shipping {
    padding-top: 0;
}
.brand-models__cta .hd-heading.hd-heading--item {
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 5px;
}

.brand-models__cta > div {
    max-width: 580px;
}
.brand-problems__list.faq-list .hd-motion-mask:nth-last-child(1)  article {
    margin-bottom: 0;
}
.border-top-menu.menu-item {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid #E8EAEC;
}

.menu-item ul.sub-menu a {
    padding: 3px 0;
}
.hd-cf7-note p strong {
    font-size: 14px;
    color: #D80000;
    margin-bottom: 8px;
    font-weight: 600;
}
.dg-band-cta > div .hd-heading.hd-heading--item, .dg-band-cta > div .hd-heading.hd-heading--item * {
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 8px;
}
.dg-band-cta__inner > div {
    max-width: 580px;
}
.hd-read-more span {
    font-size: 0;
    background-image: url(/wp-content/themes/theme/img/arrow-red.svg);
    width: 18px;
    height: 18px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.hd-read-more {
    display: flex;
    align-items: center;
}
.hd-reviews .hd-reviews-header {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 26px;
}
article.about-link-card, article.about-link-card * {
    pointer-events: none;
}
.page-404 {
    max-width: 800px;
    margin: 0 auto;
    padding: 64px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.img_page-404 {
    margin-bottom: 24px;
}

.page-404 a.hd-button {
    margin-top: 20px;
}

.page-404 * {
    text-align: center;
}

.page-404 .page-title {
    margin-bottom: 20px;
}
section.hd-section.info-hero.about-hero img.hd-bg.about-hero__bg {
    object-position: right;
}
.item_hd-work-slider img.hd-reveal {
    height: 390px;
    object-fit: cover;
    object-position: center;
}

.item_hd-work-slider a.full-link {
    position: relative;
}

.item_hd-work-slider a.full-link:before {
    content: "";
    background: linear-gradient(
0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
}
.brlbs-mt-4.brlbs-space-y-3 button {
    opacity: 0.5 !important;
}
.brlbs-mt-4.brlbs-space-y-3 button:hover {
    opacity: 0.80!important;
}
brlbs-mt-4.brlbs-space-y-3 button.brlbs-cmpnt-btn.brlbs-cmpnt-font-semibold.brlbs-cmpnt-w-full.brlbs-btn-accept-all {
    opacity: 1 !important;
}
form.wpcf7-form.sent {}

form.wpcf7-form.sent .hd-cf7-form {
    display: none;
}

form.wpcf7-form.sent .wpcf7-response-output {
    padding: 0;
    margin: 0;
    border: none;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}