/* ---------------------------------------------------
	WEBSITE
	AUTOSPECIALIST IN VOLVO © WILMAX MONTFOORT
----------------------------------------------------- */

/* BASE */
:root {
	--volvo-ink: #1F262D;
	--volvo-ink-soft: #2F3943;
	--volvo-steel: #5E6C79;

	--volvo-mist: #E9EEF2;
	--volvo-fog: #F3F6F8;
	--volvo-snow: #FAFBFC;
	--volvo-white: #FFFFFF;

	--volvo-denim: #5E88B8;
	--volvo-denim-dark: #466D99;
	--volvo-denim-soft: #EAF1F7;
	--volvo-scan-blue: #9ABADE;

	--volvo-sage: #8FA89A;
	--volvo-sage-bright: #7CBF87;
	--volvo-sage-soft: #EAF2ED;

	--volvo-sand: #C8AE93;
	--volvo-sand-dark: #B39578;
	--volvo-sand-soft: #F3ECE5;

	--volvo-border: #DCE4EA;
	--volvo-shadow: 0 12px 32px rgba(25, 34, 43, 0.08);

	--font-display: 'Joyride STD', Arial, sans-serif;
	--font-body: 'Eina 01', Arial, sans-serif;

	--shadow-soft: 0 0 15px rgba(0, 0, 0, 0.12);
	--shadow-widget: 0 0 .85rem rgba(0, 0, 0, 0.125);
}

#sitewrapper {
	height: 100%;
}

/* HTML ELEMENTS */
a {
	color: var(--volvo-green-soft);
	outline: none;
	text-decoration: none;
}

/* TYPOGRAPHY */
h1,
h2,
h3,
h4 {
	font-family: var(--font-display);
	letter-spacing: -.025rem;
	line-height: 1;
	margin-bottom: 0;
}

h1 {
	font-size: 3rem;
	font-weight: bold;
}

h2 {
	font-size: 2rem;
	font-weight: bold;
}

h3 {
	color: #010101;
	font-size: 1.5rem;
	font-weight: bold;
}

p {
	color: #010101;
	font-family: var(--font-body);
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 0;
}


/* UTILITIES */
.bg-ash {
	background-color: var(--volvo-white-soft);
}

.bg-blue {
	background-color: var(--volvo-green-soft);
}

.bg-darkgrey {
	background-color: var(--volvo-steel-dark);
}

.bg-grey {
	background-color: var(--volvo-steel);
}

.text-blue {
	color: var(--volvo-green-soft);
}

.text-dark {
	color: #000;
}

.text-feathergrey {
	color: var(--volvo-steel-light);
}

.text-grey {
	color: var(--volvo-steel);
}

.text-white {
	color: var(--volvo-white);
}


/* NAV */
.site__nav {
	padding: 1.5rem 2rem;
}

.site__nav ul {
	display: flex;
	justify-content: space-between;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.nav__actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: .75rem 1.25rem;
	margin-top: .75rem;
}

.nav__brand {
	display: flex;
	flex-direction: column;
}

.nav__brand--logo {
	height: 50px;
	max-width: 100%;
}

.nav__link--item {
	color: #111;
	font-family: var(--font-display);
	font-size: 1.5rem;
	font-weight: bold;
	letter-spacing: -.0125rem;
	text-transform: uppercase;
	white-space: nowrap;
}

.nav__link--item.phone--link {
	color: var(--volvo-sage-bright);
}



/* HEADER */
.header__hero {
	position: relative;
}

.header__hero--image {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.header__hero--body-wrapper {
	align-items: center;
	display: flex;
	justify-content: center;
	min-height: 100vh;
	padding: 0;
	position: relative;
}

.header__hero--body {
	background-color: #F7F9F8;
	border: 1px solid #F0F2F1;
	display: flex;
	flex-direction: column;
	height: fit-content;
	justify-content: center;
	padding: 4rem;
	width: fit-content;
}

.header__hero--body h2 {
	color: #111;
	font-size: 3rem;
	letter-spacing: -0.1rem;
	line-height: 1;
	margin-bottom: 0;
	text-transform: uppercase;
}

.header__hero--body h2 span.brand--focus {
	font-size: 8rem;
}

.header__hero--mercedes {
	display: block;
	font-size: 5rem;
	transform: translateX(-0.065em);
}

/* INTRO TEXT */
.header__hero--intro {
	color: #000;
	font-family: var(--font-body);
	font-size: 1.25rem;
	font-weight: 400;
	letter-spacing: -.01rem;
	line-height: 1.5;
	margin-top: 0;
	max-width: 520px;
}

/* CHECKLIST (AANSLUITEND OP INTRO) */
.header__hero--checks {
	margin-top: 1.25rem;
}

/* CTA */
.header__hero--cta {
	margin-top: .5rem;
}

.header__hero--sub {
	color: #111;
	font-family: var(--font-body);
	font-size: .95rem;
	margin-top: .75rem;
	opacity: .9;
}

.header__hero--image-wrapper {
	display: flex;
	min-height: 100vh;
	padding: 0;
}

.header__hero--image-inner {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	overflow: hidden;
	width: 100%;
}


/* HERO CHECKLIST */
.header__hero--checks {
	display: flex;
	flex-direction: column;
	gap: .65rem;
	list-style: none;
	margin: 0 0 1.5rem 0;
	padding: 0;
}

.header__hero--checks li {
	align-items: center;
	display: flex;
}

.header__hero--checks li i {
	color: var(--volvo-sage-bright);
	flex: 0 0 auto;
	font-size: 1.5rem;
}

.header__hero--checks li span {
	color: #111;
	font-family: var(--font-body);
	font-size: 1.2rem;
	font-weight: 600;
	letter-spacing: -.01rem;
	line-height: 1.2;
}

.header__hero--body .header__hero--checks li span {
	color: #111;
}

.header__hero--body.dark .header__hero--checks li span {
	color: var(--volvo-white);
}

.header__hero--body.dark .header__hero--checks li i {
	color: var(--volvo-blue);
}



/* CTA */
.cta__body h3 {
	font-size: 1.75rem;
	line-height: 1.125;
	margin-bottom: 0;
	text-transform: uppercase;
}

/* INTRO */
.intro__block {
	padding: 14rem 0 12rem 0;
}

.intro__body h1 {
	color: var(--volvo-ink);
	font-size: 3.5rem;
	letter-spacing: -.075rem;
	line-height: 1.1;
	margin-bottom: 1.5rem;
	text-transform: uppercase;
}

.intro__body h2 {
	color: var(--volvo-green-soft);
	font-size: 2rem;
	margin-bottom: .5rem;
	text-transform: uppercase;
}

.intro__body p {
	color: #101010;
	font-size: 1.4rem;
	line-height: 1.55;
}

span.intro__body--quote {
	display: flex;
	font-size: 1.25rem;
	margin-bottom: .75rem;
}

.intro__page--img {
	/*box-shadow: var(--shadow-soft);
	height: 550px;
	object-fit: cover;*/
	width: 100%;
}

/* PARAGRAPH */
.paragraph__block {
	padding: 0 0 14rem 0;
}

.paragraph__body h1 {
	color: var(--volvo-ink);
	font-size: 2.5rem;
	line-height: 1.1;
	margin-bottom: .75rem;
	text-transform: uppercase;
}

.paragraph__body h2 {
	color: var(--volvo-ink);
	font-size: 2rem;
	margin-bottom: .5rem;
	text-transform: uppercase;
}

.paragraph__body p {
	color: #222222;
	font-size: 1.25rem;
}

span.paragraph__body--quote {
	display: flex;
	font-size: 1.25rem;
	margin-bottom: .75rem;
}

.paragraph__page--img {
	box-shadow: var(--shadow-soft);
	height: 550px;
	object-fit: cover;
	width: 100%;
}


/* APPOINTMENT */
.appointment__block {
	background-color: var(--volvo-white);
	padding: 10.5rem 0 10rem 0;
}

.appointment__block ul {
	display: flex;
	flex-direction: column;
	list-style: none;
	margin: 0;
	padding: 0;
}

.appointment__block ul li {
	padding: .25rem 0;
	white-space: nowrap;
}

.appointment__block ul li i {
	color: var(--volvo-sage-bright);
	font-size: 1.35rem;
}

.appointment__block ul li span.shorts {
	color: var(--volvo-ink);
	font-family: var(--font-body);
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1;
}

.appointment__body h2 {
	color: var(--volvo-ink);
	font-size: 3.5rem;
	margin-bottom: 1rem;
	text-transform: uppercase;
}

.appointment__body h3 {
	color: var(--volvo-ink);
	font-size: 2rem;
	line-height: 1.1;
	margin-bottom: .75rem;
	text-transform: uppercase;
}

.appointment__body p {
	font-size: 1.25rem;
}

.appointment__body p.small {
	color: #111;
	font-family: var(--font-body);
	font-size: .95rem;
	margin-top: .75rem;
	opacity: .9;
}

.appointment__page--img {
	border: 1px solid #EEE;
	height: auto;
	max-width: 100%;
	object-fit: cover;
	padding: 1.25rem;
}


/* FEEDBACK */
.section--feedback {
	background: var(--volvo-fog);
	border: 1px solid var(--volvo-mist);
	padding: 5.5rem 0 6rem;
}

.feedback--title {
	color: var(--volvo-ink);
	font-family: var(--font-display);
	font-size: 2.75rem;
	font-weight: 800;
	letter-spacing: -.025rem;
	line-height: 1.12;
	margin-bottom: .75rem;
	text-transform: uppercase;
}

.feedback--intro {
	color: #101010;
	font-family: var(--font-body);
	font-size: 1.25rem;
	margin-bottom: .5rem;
	opacity: .9;
}

.feedback--bubble {
	background: var(--volvo-white);
	border: 1px solid var(--volvo-steel-light);
	border-radius: 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, .05);
	height: 100%;
	padding: 1.55rem 1.65rem 1.5rem;
	transition: all .25s ease-in-out;
}

.feedback--bubble:hover {
	box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
	transform: translateY(-2px);
}

.avatar--box {
	align-items: center;
	background-color: var(--volvo-sage-bright);
	border-radius: 50%;
	display: flex;
	flex: 0 0 44px;
	height: 44px;
	justify-content: center;
	overflow: hidden;
	width: 44px;
}

.avatar--box img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.avatar--box i {
	color: var(--volvo-white);
	font-size: 1.5rem;
}

.feedback--name {
	color: var(--volvo-ink);
	font-family: var(--font-body);
	font-size: 1.05rem;
	font-weight: 800;
	letter-spacing: .01rem;
	margin: 0 0 .05rem 0;
}

.feedback--tag {
	color: #222222;
	font-family: var(--font-body);
	font-size: .95rem;
	opacity: .8;
}

.feedback--quote {
	color: var(--volvo-black);
	font-size: 1.5rem;
	opacity: 1;
}

.feedback--text {
	color: var(--volvo-ink);
	font-family: var(--font-body);
	font-size: 1.025rem;
	line-height: 1.65;
	margin: 0;
}

.gsap--fade-in {
	opacity: 0;
	transform: translateY(12px);
	will-change: opacity, transform;
}


/* ================================
   SERVICES
================================ */

/* SERVICES BACKGROUND */
.services__block {
	background: linear-gradient(180deg, #25303A 0%, #1B2229 100%);
	padding: 1rem 0 4rem 0;
}

/* SERVICES INTRO */
.services__introblock {
	background-color: #25303A;
	padding: 4rem 0 0 0;
	position: relative;
}

.services__introblock h2 {
	color: var(--volvo-white);
	display: inline-flex;
	font-size: 6rem;
	margin-bottom: 0;
}

/* SERVICES END */
.services__endblock {
	background-color: #1B2229;
	padding: 0 0 3.5rem 0;
	position: relative;
}

.services__endblock h3 {
	color: var(--volvo-white);
	font-size: 4rem;
	margin-bottom: 0;
}

.services__endblock h4 {
	color: var(--volvo-sage-bright);
	font-size: 3rem;
	margin-bottom: 0;
}

/* SERVICE ITEM */
.service__body {
	display: flex;
}

/* CARD – DEFAULT = +25% */
.service__body .inner--content {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.04) 100%);
	border: 1px solid rgba(154, 186, 222, 0.32);
	box-shadow:
		0 20px 44px rgba(0, 0, 0, 0.26),
		0 0 18px rgba(94, 136, 184, 0.10);
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	padding: 3rem;
	position: relative;
	transform: translateY(0);
	transition: all .25s ease-in-out;
}

/* HOVER = +10% EXTRA */
.service__body .inner--content:hover {
	border-color: rgba(154, 186, 222, 0.48);
	box-shadow:
		0 26px 52px rgba(0, 0, 0, 0.30),
		0 0 28px rgba(94, 136, 184, 0.16);
	transform: translateY(-2px);
}

/* HEADER */
.service__head {
	align-items: center;
	display: flex;
	gap: 1.25rem;
	margin-bottom: 1.5rem;
}

/* BADGE – DEFAULT = +25% */
.service__badge {
	align-items: center;
	background: rgba(154, 186, 222, 0.32);
	border: 1px solid rgba(154, 186, 222, 0.75);
	box-shadow:
		0 0 28px rgba(94, 136, 184, 0.35),
		0 0 60px rgba(74, 144, 226, 0.18);
	display: inline-flex;
	height: 68px;
	justify-content: center;
	width: 68px;
	transition: all .25s ease-in-out;
}

/* BADGE HOVER = +10% EXTRA */
.service__body .inner--content:hover .service__badge {
	background: rgba(154, 186, 222, 0.26);
	border-color: rgba(154, 186, 222, 0.70);
	box-shadow:
		0 0 30px rgba(94, 136, 184, 0.32),
		0 0 52px rgba(74, 144, 226, 0.18);
}

/* ICON */
.service__badge i {
	color: #CFE2F6;
	font-size: 2rem;
	transition: all .25s ease-in-out;
}

/* ICON HOVER */
.service__body .inner--content:hover .service__badge i {
	color: #D6E6F8;
}

/* TITEL */
.service__body h3 {
	color: var(--volvo-white);
	font-size: 1.75rem;
	font-weight: 700;
	letter-spacing: -.0125rem;
	line-height: 1.05;
	margin-bottom: 0;
	text-transform: uppercase;
}

/* TEKST */
.service__body p {
	color: rgba(255, 255, 255, 0.94);
	font-size: 1.15rem;
	line-height: 1.7;
}

.service__body p strong {
	color: var(--volvo-white);
	font-weight: 700;
}



/* FEATURES */
.wilmaxfeatures__block {
	align-items: center;
	background: url('../../assets/images/page/wilmax-specialist-in-volvo-features.jpg') no-repeat center center;
	background-size: cover;
	display: flex;
	min-height: 75vh;
	overflow-x: hidden;
	position: relative;
}

.wilmaxfeatures__block .container {
	height: 100%;
	padding: 8rem 0;
}

.wilmaxfeatures__block .row {
	height: 100%;
}

.wilmaxfeatures__block .wilmaxfeatures__imgcol {
	align-items: center;
	display: flex;
	justify-content: center;
	padding-left: 0;
	padding-right: 0;
}

.wilmaxfeatures__block .img--wrapper {
	max-width: 600px;
	overflow: hidden;
	width: 100%;
}

.wilmaxfeatures__block .img--wrapper img {
	display: block;
	height: auto;
	margin-bottom: 1.5rem;
	max-width: 100%;
	width: 100%;
}

.wilmaxfeatures__block .wilmaxfeatures__textcol {
	align-items: center;
	display: flex;
	justify-content: flex-end;
}

.wilmaxfeatures__block .text--wrapper {
	background-color: #F7FBFB;
	border: 1px solid #F7FBFB;
	max-width: 600px;
	padding: 3rem;
	text-align: left;
}

.wilmaxfeatures__block h2 {
	color: var(--volvo-ink);
	font-size: 3.75rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 1rem;
	text-transform: uppercase;
}

.wilmaxfeatures__block p {
	color: var(--volvo-ink);
	font-size: 1.25rem;
	line-height: 1.5;
}

.wilmaxfeatures__block p.small {
	color: #111;
	font-family: var(--font-body);
	font-size: .95rem;
	margin-top: .75rem;
	opacity: .9;
}

.wilmaxfeatures__block p a {
	color: var(--volvo-ink);
	transition: all .3s ease;
}

.wilmaxfeatures__block p a:hover {
	color: var(--volvo-denim-dark);
}



/* ARTICLES */
.articles__block {
	background-color: var(--volvo-white);
	padding: 8rem 0 8rem 0;
}

.article__body {
	padding-bottom: .5rem;
	padding-left: .75rem;
	padding-right: .75rem;
}

.article__wrapper {
	background-color: #FFF;
	border: 1px solid #EEE;
	/*box-shadow: var(--shadow-soft);*/
	padding: 1.25rem;
}

.article__body p {
	color: var(--volvo-ink);
	font-size: 1.125rem;
	line-height: 1.75rem;
}

.article__heading {
	padding-left: .75rem;
	padding-right: .75rem;
}

.article__heading h3 {
	color: var(--volvo-ink);
	font-size: 1.75rem;
	letter-spacing: -0.02rem;
	margin-bottom: .75rem;
	text-transform: uppercase;
}

.article__hero {
	margin-bottom: 2.5rem;
	overflow: hidden;
}

.article__hero--img {
	height: 370px;
	object-fit: cover;
	width: 100%;
}

button.btn__article,
a.btn__article {
	background-color: #DDD;
	border: 2px solid #DDD;
	border-radius: 0;
	color: #222;
	display: inline-block;
	font-family: var(--font-display);
	font-size: 1.35rem;
	font-weight: 600;
	letter-spacing: -.0125rem;
	padding: .75rem 1.25rem .55rem 1.25rem;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	white-space: nowrap;
}

button.btn__article:hover,
a.btn__article:hover {
	background-color: #111;
	border: 2px solid #111;
	color: var(--volvo-white);
}


/* FAQ */
.faq--block {
	background: var(--volvo-white);
	padding: 10rem 0;
}

.faq--topspace {
	padding-top: 4.5rem;
}

.faq--block--title {
	color: var(--volvo-ink);
	font-family: var(--font-display);
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: -.02rem;
	line-height: 1.1;
	margin-bottom: 1.25rem;
	text-transform: uppercase;
}

.faq--block--description {
	color: #111111;
	font-family: var(--font-body);
	font-size: 1.2rem;
	line-height: 1.55;
}

.faq--wrapper {
	background: #FFFFFF;
	/*border: 1px solid var(--volvo-steel-light);
	padding: 1.75rem 2rem;*/
}

.faq--item {
	border-bottom: 1.5px solid var(--volvo-mist);
	cursor: pointer;
	padding: 1.25rem 0;
}

.faq--question h3 {
	color: var(--volvo-ink);
	font-family: var(--font-body);
	font-size: 1.25rem;
	font-weight: bold;
	letter-spacing: .005rem;
	margin: 0;
	padding-right: 2rem;
}

.faq--icon {
	color: var(--volvo-sage-bright);
	font-size: 1.5rem;
	transition: all .25s ease;
}

.faq--item.open .faq--icon {
	color: var(--volvo-ink);
	transform: rotate(180deg);
}

.faq--answer {
	display: none;
	margin-top: 1rem;
}

.faq--answer p {
	color: #111111;
	font-family: var(--font-body);
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.65;
	margin-bottom: 0;
	padding-right: 3.5rem;
}

.faq--item.open .faq--answer {
	display: block;
}

.faq--item:last-child {
	border-bottom: none;
}

.faq--block .img--box {
	border: 1px solid var(--volvo-border);
	overflow: hidden;
	padding: 1.25rem;
	position: relative;
	width: 100%;
}

.faq--block .img--box img {
	height: 100%;
	object-fit: cover;
	object-position: center center;
	transition: all .25s ease;
	width: 100%;
}



/* LOGOS */
.logos ul {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	list-style: none;
	margin: 0;
	padding: 0;
}

.logo__item {
	display: flex;
	justify-content: center;
}

.logo__item--img {
	height: 60px;
	max-width: 100%;
}

/* BUTTONS */
button.btn__appointment,
a.btn__appointment {
	background-color: #EDEDED;
	border: 2px solid #EDEDED;
	border-radius: 0;
	color: #111;
	display: inline-block;
	font-family: var(--font-display);
	font-size: 1.35rem;
	font-weight: 600;
	letter-spacing: -.0125rem;
	padding: .75rem 1.25rem .55rem 1.25rem;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
}

button.btn__appointment:hover,
a.btn__appointment:hover {
	background-color: #111;
	border: 2px solid #111;
	color: var(--volvo-white);
}

button.btn__content,
a.btn__content {
	background-color: var(--volvo-scan-blue);
	border: 2px solid var(--volvo-scan-blue);
	border-radius: 0;
	color: #000;
	display: inline-block;
	font-family: 'Joyride STD', Arial, sans-serif;
	font-size: 1.35rem;
	font-weight: 600;
	letter-spacing: -.0125rem;
	padding: .75rem 1.25rem .55rem 1.25rem;
	text-decoration: none !important;
	text-transform: uppercase;
	transition: all .2s ease-in-out;
	white-space: nowrap;
}

button.btn__content:hover,
a.btn__content:hover {
	background-color: #111;
	border: 2px solid #111;
	color: var(--volvo-white);
}

button.btn__hero,
a.btn__hero {
	background-color: var(--volvo-scan-blue);
	border: 2px solid var(--volvo-scan-blue);
	border-radius: 0;
	color: #000;
	display: inline-block;
	font-family: 'Joyride STD', Arial, sans-serif;
	font-size: 1.35rem;
	font-weight: 600;
	letter-spacing: -.0125rem;
	padding: .75rem 1.25rem .55rem 1.25rem;
	text-decoration: none !important;
	text-transform: uppercase;
	transition: all .2s ease-in-out;
	white-space: nowrap;
}

button.btn__hero:hover,
a.btn__hero:hover {
	background-color: #111;
	border: 2px solid #111;
	color: var(--volvo-white);
}

button.btn__content--1,
a.btn__content--1 {
	background-color: #F3F3F3;
	border: 1.5px solid #F3F3F3;
	border-radius: 3rem;
	color: #000;
	display: inline-block;
	font-family: var(--font-body);
	font-size: 1.25rem;
	font-weight: 600;
	letter-spacing: .0125rem;
	padding: .5rem 1.25rem .8rem 1.25rem;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
}

button.btn__content--1:hover,
a.btn__content--1:hover {
	background-color: var(--volvo-green-soft);
	border: 1.5px solid var(--volvo-green-soft);
	color: var(--volvo-white);
}

button.btn__ctafooter,
a.btn__ctafooter {
	background-color: #DDD;
	border: 2px solid #DDD;
	border-radius: 0;
	color: #222;
	display: inline-block;
	font-family: var(--font-display);
	font-size: 1.35rem;
	font-weight: 600;
	letter-spacing: -.0125rem;
	padding: .75rem 1.25rem .55rem 1.25rem;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	white-space: nowrap;
}

button.btn__ctafooter:hover,
a.btn__ctafooter:hover {
	background-color: #111;
	border: 2px solid #111;
	color: var(--volvo-white);
}

/* FOOTER */
footer {
	background: linear-gradient(180deg, #2A333C 0%, #1D242B 100%);
}

footer h3 {
	color: var(--volvo-white);
	font-size: 1.75rem;
	font-weight: bold;
}

footer .footer__body ul {
	display: flex;
	flex-direction: column;
	list-style: none;
	margin: 0;
	padding: 0;
}

footer .footer__end ul {
	display: flex;
	flex-direction: row;
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer__body .row {
	padding-left: 5%;
}

.footer__end a {
	color: rgba(255, 255, 255, 0.45);
	font-family: var(--font-body);
	font-size: .95rem;
	font-weight: 400;
	letter-spacing: -.0125rem;
	line-height: 1;
	transition: color .2s ease-in-out;
}

.footer__end a:hover {
	color: var(--volvo-white);
}

.footer__heading {
	font-size: 1.25rem;
	margin-bottom: .75rem;
}

.footer__link {
	padding-bottom: .25rem;
	padding-top: .25rem;
}

.footer__link--item {
	color: rgba(255, 255, 255, 0.86);
	font-family: var(--font-body);
	font-size: 1.25rem;
	font-weight: 400;
	letter-spacing: -.0125rem;
	line-height: 1;
	transition: color .2s ease-in-out;
}

.footer__link--item:hover {
	color: var(--volvo-sage-bright);
}

.footer__logo .footer--logo {
	height: auto;
	width: 100%;
}

.footer__text {
	padding-bottom: .25rem;
	padding-top: .25rem;
}

.footer__text p {
	color: rgba(255, 255, 255, 0.82);
	font-family: var(--font-body);
	font-size: 1.25rem;
	font-weight: 400;
	letter-spacing: -.0125rem;
	line-height: 1;
}

.footer__top {
	background: linear-gradient(to right,
			#2A333C 0%,
			#2A333C 5%,
			#C8AE93 5%,
			#C8AE93 10%,
			#DCE4EA 10%,
			#DCE4EA 15%,
			#F3F6F8 15%,
			#F3F6F8 100%);
}

/* /FOOTER */