﻿/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {

}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}


:root {
  /* Colors */
  --clr-primary: #1A54F0;
  --clr-primary-hvr: #0644EC;
  --clr-secondary: #D8151E;
  --clr-accent-dark: #020717;
  --clr-accent-gray: #242424;
  --clr-accent-light: #DEDEDE;

  /* Typography */
  --font-main: "barlow-condensed", sans-serif;
  --font-body: "barlow", sans-serif;

	
  /* Hero Heading */
  --hero-size: clamp(2.2rem, 4vw, 3.5rem);

  /* Section Heading */
  --heading-size-lg: clamp(2rem, 2.5vw, 2.2rem);
  --heading-size-m: clamp(1.8rem, 2.2vw, 2rem);
  --heading-weight: 700;

  /* Radius */
  --radius: 20px;
  --radius-lg: 30px;

}

.wid95 {width: 95%;margin: 0 auto;}
.wid90 {width: 90%;margin: 0 auto;}
.wid85 {width: 85%;margin: 0 auto;}
.wid80 {width: 80%;margin: 0 auto;}
.wid75 {width: 75%;margin: 0 auto;}

.white {color: #fff;}
.white-bg {background-color: #fff;}
.black {color: #0C0C0C;}
.black-bg {background-color: #0C0C0C;}
.red {color: #D8151E;}
.red-bg {background-color: #D8151E;}
.blue {color: #1A54F0;}
.blue-bg {background-color: #1A54F0;}

.italic {font-style: italic;}
.uppercase {text-transform: uppercase;}
.capitalize {text-transform: capitalize;}

.heading1 {
  font-family: var(--font-main);
	font-size: var(--hero-size);
  text-transform: uppercase;
	font-weight: 700;
	line-height: 1.1;
  letter-spacing: 1.5px;
	margin: 0 0 10px 0;
}
.heading-lg {
  font-family: var(--font-main);
	font-size:clamp(2.2rem,3vw,3.1rem);
  text-transform: uppercase;
	font-weight: 700;
	line-height: 1.1;
  letter-spacing: 1.5px;
	margin: 0 0 10px 0;
}
.heading-med {
  font-family: var(--font-main);
	font-size: var(--heading-size-m);
  text-transform: uppercase;
	font-weight: 700;
	line-height: 1.1;
  letter-spacing: 1.5px;
	margin: 0 0 10px 0;
}
.subheading { 
    font-family: var(--font-body);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.body {
	font-family: var(--font-body);
	font-size: 16px;
	line-height: 1.6;
    font-weight: 400;
}
.barlow-med {
    font-family: var(--font-main);
    font-weight: 500;
    letter-spacing: 1px;
}


.btn {
    display: inline-block;
    padding: 10px 20px;
    font-family: var(--font-main);
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    border-radius: 0;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.btn-primary {
	background-color: var(--clr-primary);
  color: #fff;
	border: 2px solid var(--clr-primary);
}
.btn-primary:hover {
	background-color: var(--clr-primary-hvr);
	transform: translateY(-2px);
}
.btn-secondary {
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(2px);	color: #fff;
	border: 2px solid #fff;
}
.btn-secondary:hover {
	background-color: #fff;
	color: var(--clr-primary);
	transform: translateY(-2px);
}



/*--- HEADER STYLES ---------------------*/
header {}

    .head-top {
      min-height: 145px;
      background: #020717;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 9%;
      color: #fff;
    }

    /* LEFT SIDE */
    .header-left {
      display: flex;
      align-items: center;
      height: 100%;
      gap: 32px;
    }

    .logo {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .logo img {
      display: block;
      max-width: 100%;
      height: auto;
    }

    /* First logo */
    .autonation-logo {
      width: 190px;
    }

    /* Divider */
    .divider {
      width: 1px;
      height: 58px;
      background: rgba(255, 255, 255, 0.4);
    }

    /* Ford logo */
    .ford-logo {
      width: 145px;
    }

    /* RIGHT SIDE */
    .header-right {
      text-align: right;
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      gap: 5px;
    }

    .nationwide {
      font-size: 18px;
      /* font-weight: 800; */
      font-style: italic;
      /* letter-spacing: 0.5px; */
      margin-bottom: 2px;
    }

    .nationwide span {
      color: #D8151E;
    }

    .nationwide strong {
      color: #0757d8;
    }

    .phone {
      color: #fff;
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 0.4px;
    }




.breadcrumbs {
    display: flex;
    font-size: 16px !important;
    color: #151515 !important;
    padding: 3% 0 2%;
    flex-wrap: wrap;
    align-items: center;
    letter-spacing: 0.05em;
    gap: 10px;
	font-family: ;
}
.breadcrumbs a {
    display: inline-block;
    padding: 12px;
    color: #151515;
    font-size: 16px !important;
	font-family: ;
}




/*---BODY--------------------------------*/


.content-wrap {
    max-width: 1600px;
    margin: 0 auto;
}
.hero-img {
    background: url(/siteart/hero.webp);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 550px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hero-bar {
    background-color: var(--clr-accent-gray);
}
.hero-bar .content-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 25px;
    gap: 50px;
}
.hero-btns {
    display: flex;
    gap: 12px;
}

* {
  box-sizing: border-box;
}
section.service {
    padding: 75px 0;
}
.service-container {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 45px;
  padding: 25px;
	overflow: hidden
}
.service-card {
  background: #020617;
  color: #fff;

  min-height: 415px;
  padding: 51px 61px 50px;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.service-accent {
  width: 100px;
  height: 41px;
  margin-bottom: 20px;
}
.service-accent.blue {
  background: #2156e8;
}

.service-accent.red {
  background: #e50920;
}
.service-card a {
  color: #e50920;
  text-decoration: none;
}
.service-card a:hover {
  text-decoration: underline;
}

.slider {
  background: var(--clr-accent-gray);
  padding: 25px 0 18px;
  overflow: hidden;
}
.slider-window {
  width: 100%;
  overflow: hidden;
}
.slider-track {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  padding: 0 2px;
  scroll-behavior: smooth;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
  cursor: grab;
  user-select: none;
  touch-action: pan-y;
}
.slider-track.is-dragging {
  cursor: grabbing;
  scroll-behavior: auto;
}
.slider-track::-webkit-scrollbar {
  display: none;
}
.slide {
  flex: 0 0 calc((100% - 50px) / 4.5);
  aspect-ratio: 1.02;
  margin: 0;
  overflow: hidden;
}
.slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.slider-controls {
  width: min(640px, calc(100% - 32px));
  margin: 14px auto 0;
}
.slider-progress {
  display: block;
  width: 100%;
  height: 4px;
  margin: 0;
  accent-color: var(--clr-primary);
  cursor: grab;
  appearance: none;
  background: linear-gradient(to right, var(--clr-primary) 0%, var(--clr-primary) var(--slider-position, 0%), #666 var(--slider-position, 0%), #666 100%);
  border-radius: 10px
}
.slider-progress:active {
  cursor: grabbing;
}
.slider-progress::-webkit-slider-runnable-track {
  height: 3px;
  background: transparent;
}
.slider-progress::-webkit-slider-thumb {
  width: 42px;
  height: 4px;
  margin-top: 0;
  border: 0;
  border-radius: 0;
  background: var(--clr-primary);
  appearance: none;
  border-radius: 10px;
}
.slider-progress::-moz-range-track {
  height: 3px;
  background: transparent;
}
.slider-progress::-moz-range-thumb {
  width: 42px;
  height: 3px;
  border: 0;
  border-radius: 0;
  background: var(--clr-primary);
}
.slider-hint {
  margin-top: 10px;
  color: var(--clr-accent-light);
  font-family: var(--font-main);
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.commercial-equipment {
  padding: 78px 0 82px;
  background: #fff;
}
.commercial-equipment .content-wrap {
  padding: 0 25px;
}
.commercial-equipment .heading-med {
  margin-bottom: 14px;
  color: var(--clr-accent-dark);
  font-size: clamp(2.2rem,3vw,3.1rem);
}
.equipment-intro {
  margin-bottom: 47px;
  color: #4d5c73;
  font-size: 17px;
  line-height: 1.7;
  font-family: var(--font-body);
}
.equipment-grid {
  display: grid;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  gap: 10px 12px;
}
.equipment-card {
  grid-column: span 2;
  min-height: 144px;
  border: 1px solid #b9b9b9;
  color: var(--clr-accent-dark);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding: 8px 8px 10px;
  text-align: center;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.equipment-card:hover,
.equipment-card:focus-visible {
  border-color: var(--clr-primary);
  background: #f7f9ff;
}
.equipment-card img {
  display: block;
  width: min(100%, 145px);
  height: 101px;
  object-fit: contain;
  margin: auto auto 2px;
}
.equipment-card span,
.equipment-card-all {
  font-family: var(--font-main);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: 0.45px;
}
.equipment-card-all {
  background: var(--clr-accent-gray);
  border-color: var(--clr-accent-gray);
  color: #fff;
  justify-content: center;
}
.equipment-card-all:hover,
.equipment-card-all:focus-visible {
  background: var(--clr-primary);
  border-color: var(--clr-primary);
}
.equipment-card:nth-child(n + 6) {
  grid-column: span 5;
}

.home-about {
  background-color: #07142f;
  color: #fff;
  padding: 82px 25px;
}
.home-about-container {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(44px, 6vw, 84px);
}
.home-about-image {
  aspect-ratio: 1.1;
  overflow: hidden;
}
.home-about-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-about-copy {
  max-width: 610px;
}
.home-about-accent {
  width: 100px;
  height: 41px;
  margin-bottom: 25px;
  background-color: var(--clr-primary);
}
.home-about-copy .heading-lg {
  margin-bottom: 42px;
  font-size: clamp(2rem, 3vw, 2.65rem);
}
.home-about-copy .body {
  max-width: 590px;
  color: #dedede;
}
.home-about-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 28px;
}
.home-about-actions .btn-secondary {
  border-color: #6d7180;
}




.about-page{--ink:#07142f;--navy:#07142f;--blue:#2264f0;--ice:#eef4ff;--pink:#ed3f86;--line:#d9e1ee;color:var(--ink);font-family:var(--font-body);overflow:hidden}
.about-page *{box-sizing:border-box}
.about-page .content-wrap{width:min(1320px,calc(100% - 56px));margin:0 auto}
.about-page h1,.about-page h2,.about-page h3,.about-page h4,.about-page p{margin:0}
.about-page h1,.about-page h2,.about-page h3,.about-page h4,.about-page .eyebrow,.about-page .about-btn,.about-page strong,.about-page summary{font-family:var(--font-main)}
.about-page h1,.about-page h2{font-weight:700;line-height:.98;letter-spacing:.2px;text-transform:uppercase}
.about-page h1{font-size:clamp(3.1rem,4.4vw,4.5rem);color:#fff}
.about-page h2{font-size:clamp(2.2rem,3vw,3.1rem)}
.about-page h2 em,.about-page h1 em{color:var(--blue);font-style:normal}
.about-page .eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase}
.about-page .eyebrow{color:var(--clr-primary);margin-bottom:23px}
.about-section{padding:clamp(76px,9vw,145px) 0}
.about-hero{min-height:500px;background:var(--navy);position:relative;color:#fff;display:flex;align-items:center}
.about-hero-media{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,13,35,.95) 0%,rgba(4,13,35,.72) 42%,rgba(4,13,35,.18) 100%),url('../siteart/hero.webp') center/cover;opacity:.95}
.about-hero-content{position:relative;padding-top:5px}
.hero-lede{max-width:600px;color:#dbe3f2;font-size:18px;line-height:1.55;margin:30px 0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.about-btn{display:inline-flex;align-items:center;gap:14px;padding:16px 21px;border:1px solid transparent;font-size:15px;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:transform .25s,background .25s,color .25s}
.about-btn:hover{transform:translateY(-3px)}
.about-btn-primary{background:var(--blue);color:#fff}
.about-btn-primary:hover{background:#4d80f5}
.about-btn-ghost{border-color:rgba(255,255,255,.55);color:#fff}
.about-btn-ghost:hover{background:#fff;color:var(--navy)}
.hero-stats{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.3);padding-top:20px;padding-bottom:27px}
.hero-stats div{border-right:1px solid rgba(255,255,255,.2);padding-left:25px}
.hero-stats div:first-child{padding-left:0}
.hero-stats div:last-child{border:0}
.hero-stats strong{display:block;color:var(--clr-primary);font-size:clamp(2rem,3.5vw,3.4rem);line-height:1}
.hero-stats span,.big-stats span{display:block;color:#d4deed;font-size:16px;letter-spacing:1.2px;text-transform:uppercase;margin-top:9px}
.network-grid{display:flex;gap:8%;align-items:start}
.network-grid h2{color:var(--navy)}
.section-copy{max-width: 100%;color: #4d5c73;font-size: 17px;line-height: 1.7;margin-top: 26px;padding-bottom: 20px;}
.big-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bdcce2;margin-top:84px;padding-top:28px}
.big-stats div{border-right:1px solid #bdcce2;padding-left:28px}
.big-stats div:first-child{padding-left:0}
.big-stats div:last-child{border:0}
.big-stats strong{font-size:clamp(2rem,2.5vw,3.5rem);line-height:.8;color:var(--navy);letter-spacing:-2px}
.big-stats span{color:var(--blue)}
.reasons-section{background:var(--navy);color:#fff}
.section-heading{margin-bottom:50px}
.section-heading p{color:#aebbd0;font-size:17px;line-height:1.5;max-width:500px;margin-top:25px}
.reason-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.reason-card{background:#183b7d;min-height:420px;padding:29px;display:flex;flex-direction:column;align-items:flex-start;position:relative;transition:transform .3s,background .3s}
.reason-card:nth-child(2){background:#e7edfa;color:var(--navy)}
.reason-card:nth-child(2):hover{background:#fff}
.reason-card:nth-child(3){background:#183b7d}
.reason-card:nth-child(4){background:#fff;color:var(--navy)}
.reason-card:nth-child(5){background:#183b7d;color:#fff}
.reason-card:nth-child(6){background:linear-gradient(145deg,#f02d7b,#98175d);color:#fff}
.reason-card>i{font-size:27px;color:var(--navy);margin:35px 0 20px}
.reason-card h3{font-size:25px;line-height:1.05;text-transform:uppercase}
.reason-card h4{font-size:16px;line-height:1.2;margin-top:8px}
.reason-card p{margin-top:15px}
.reason-card a{margin-top:auto;}
.reason-card a i{margin-left:7px}
.price-mark{font-family:var(--font-main);font-size:76px;font-weight:700;line-height:.8;margin:33px 0 21px;color:var(--blue)}
.price-mark span{font-size:20px;letter-spacing:2px;margin-left:3px}
.path{display:flex;align-items:center;gap:8px;margin:20px 0 0;color:var(--navy);font-family:var(--font-main);font-weight:700;text-transform:uppercase;font-size:13px}
.path i{font-size:10px!important;color:var(--navy)!important;margin:0!important}
.timeline{display:flex;gap:6px;width:100%;margin:20px 0 0}
.timeline span{font-family:var(--font-main);font-size:11px;text-transform:uppercase;border-bottom:2px solid var(--blue);padding:0 0 6px;flex:1}
.raised small{display:block;font-size:11px;letter-spacing:1px;text-transform:uppercase;margin-top:6px}
.recognition-section{background:#fff;border-top:1px solid var(--line)}
.recognition-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.award-display{min-height:300px;display:grid;place-items:center;background:radial-gradient(circle,#eff5ff 0,#fff 62%);border:1px solid var(--line);padding:34px}
.award-display img{max-width:100%;max-height:320px;object-fit:contain;filter:drop-shadow(0 15px 18px rgba(7,20,47,.12))}
.carfax-section{background:var(--ice)}
.carfax-grid{display:grid;grid-template-columns:.8fr 1.3fr;gap:10%;align-items:center}
.carfax-badge{display:grid;place-items:center;background:#fff;padding:44px;border:1px solid var(--line)}
.carfax-badge img{max-width:100%;max-height:275px}
.carfax-note{font-size:16px;line-height:1.6;color:#526077;margin-top:17px}
.carfax-grid blockquote{border-left:3px solid var(--blue);color:var(--navy);font-family:var(--font-main);font-size:19px;line-height:1.35;margin:25px 0;padding-left:18px}
.detail-toggle{background:none;border:0;border-bottom:1px solid var(--navy);cursor:pointer;color:var(--navy);font-family:var(--font-main);font-size:14px;font-weight:700;letter-spacing:1px;padding:12px 0;text-transform:uppercase}
.detail-toggle i{margin-left:18px;color:var(--blue);transition:transform .2s}
.detail-toggle[aria-expanded=true] i{transform:rotate(45deg)}
.detail-panel{color:#526077;font-size:16px;line-height:1.6;padding-top:15px;max-width:600px}
.pillars-section{background:#fff}
.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;border-top:1px solid var(--line);padding-top:26px}
.pillar-grid>div{position:relative;padding:18px 25px 20px 0;border-right:1px solid var(--line)}
.pillar-grid>div:last-child{border:0}
.pillar-grid span{color:var(--blue);font-family:var(--font-main);font-size:12px}
.pillar-grid i{display:block;color:var(--blue);font-size:30px;margin:38px 0 20px}
.pillar-grid h3{font-size:27px;text-transform:uppercase}
.pillar-grid p{color:#687488;line-height:1.5;margin-top:9px}
.faq-section{background:var(--ice)}
.faq-grid{display:grid;grid-template-columns:.72fr 1.4fr;gap:12%;align-items:start}
.contact-link{display:inline-flex;gap:12px;color:var(--blue);font-family:var(--font-main);font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-top:30px}
.faq-list details{border-top:1px solid #b9c7dc;padding:19px 0}
.faq-list details:last-child{border-bottom:1px solid #b9c7dc}
.faq-list summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;list-style:none;font-size:18px;font-weight:700;text-transform:uppercase}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary i{color:var(--blue);font-size:14px;transition:transform .2s}
.faq-list details[open] 
summary i{transform:rotate(45deg)}
.faq-list details p{color:#526077;font-size:16px;line-height:1.65;max-width:700px;padding:15px 35px 3px 0}
.contact-banner{background:var(--blue);color:#fff;padding:77px 0}
.contact-banner .content-wrap{display:flex;justify-content:space-between;align-items:end;gap:40px}
.contact-banner h2{font-size:clamp(3rem,5vw,5rem)}
.contact-banner h2 em{color:var(--clr-primary)}
.contact-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;max-width:590px}
.contact-actions p{width:100%;font-size:14px;text-align:right;color:#d6e0ff;margin-top:9px}
.contact-banner .about-btn-ghost{border-color:rgba(255,255,255,.7)}

@media(max-width:900px){
  .network-grid,.recognition-grid,.carfax-grid,.faq-grid{grid-template-columns:1fr;gap:35px}
  .reason-grid{grid-template-columns:repeat(2,1fr)}
  .resource-groups{gap:25px}
  .contact-banner .content-wrap{align-items:start;flex-direction:column}
  .contact-actions{justify-content:flex-start}
  .contact-actions p{text-align:left}
  .hero-stats{width:calc(100% - 56px)}}
@media(max-width:600px){
  .about-page .content-wrap{width:calc(100% - 36px)}
  .about-hero{align-items:center;}
  .hero-lede{font-size:16px}
  .hero-stats{width:calc(100% - 36px);grid-template-columns:repeat(2,1fr);padding-bottom:20px;row-gap:20px}
  .hero-stats div{padding-left:12px}
  .hero-stats div:nth-child(odd){padding-left:0}
  .hero-stats div:nth-child(2){border-right:0}
  .hero-stats strong{font-size:2.2rem}
  .hero-stats span{font-size:10px}
  .about-section{padding:72px 0}
  .big-stats{grid-template-columns:1fr;gap:28px;margin-top:55px}
  .big-stats div{border-right:0;border-bottom:1px solid #bdcce2;padding:0 0 20px}
  .big-stats div:last-child{border:0}
  .big-stats strong{font-size:2.5rem}
  .reason-grid{grid-template-columns:1fr}
  .reason-card{min-height:370px}
  .resource-heading{display:block}
  .resource-heading p{margin-top:18px}
  .resource-groups{grid-template-columns:1fr;gap:45px}
  .recognition-grid,.carfax-grid{gap:30px}
  .carfax-badge{padding:25px}
  .pillar-grid{grid-template-columns:1fr;gap:0}
  .pillar-grid>div{border-right:0;border-bottom:1px solid var(--line);padding:18px 0 28px}
  .pillar-grid>div:last-child{border:0}.faq-list summary{font-size:16px}
  .contact-banner{padding:65px 0}
  .contact-actions{display:grid;width:100%}
  .contact-actions .about-btn{width:100%;justify-content:center}
  .contact-actions p{text-align:center}.section-copy{font-size:16px}}



.service-page{--service-accent:var(--service-blue)}
.service-page .benefit-grid article:nth-child(2){background:var(--service-blue);color:#fff}
.service-page .benefit-grid article:nth-child(2)>i{color:#fff}
.service-page .service-eyebrow,.service-page .service-kicker{display:none}

.service-page{--service-ink:#07142f;--service-navy:#07142f;--service-blue:#2264f0;--service-ice:#eef4ff;--service-accent:#2264f0;--service-pink:#ed3f86;color:var(--service-ink);font-family:var(--font-body);overflow:hidden}
.service-page *{box-sizing:border-box}
.service-page .content-wrap{width:min(1320px,calc(100% - 56px));margin:0 auto}
.service-page h1,.service-page h2,.service-page h3,.service-page p{margin:0}
.service-page h1,.service-page h2,.service-page h3,.service-page .service-eyebrow,.service-page .service-kicker,.service-page .service-btn,.service-page legend,.service-page label,.service-page strong{font-family:var(--font-main)}
.service-page h1,.service-page h2{font-weight:700;line-height:.98;text-transform:uppercase}
.service-page h1{font-size:clamp(3.1rem,4.4vw,4.5rem);color:#fff}
.service-page.thankyou h1{color:var(--service-blue)}
.service-page h2{font-size:clamp(2.2rem,3vw,3.1rem)}
.service-page h1 em,.service-page h2 em{color:var(--service-blue);font-style:normal}
.service-section{padding:clamp(76px,9vw,135px) 0}
.service-hero{min-height:350px;position:relative;display:flex;align-items:center;background:var(--service-navy);color:#fff}
.service-hero-media{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,13,35,.95),rgba(4,13,35,.7) 48%,rgba(4,13,35,.18)),url('../siteart/slider/slider2.webp') center/cover}
.service-hero-content{position:relative;}
.service-lede{max-width:600px;color:#dbe3f2;font-size:18px;line-height:1.6;margin:29px 0}
.service-actions,.location-actions{display:flex;gap:12px;flex-wrap:wrap}
.service-btn{border: 1px solid transparent;color: #fff;cursor: pointer;transition: transform .25s, background .25s, color .25s;display: inline-block;padding: 10px 20px;font-size: 16px;font-weight: 400;text-decoration: none;border-radius: 0;text-transform: uppercase;letter-spacing: 1px;}
.service-btn:hover{transform:translateY(-3px)}
.service-btn-primary{background:var(--service-blue)}
.service-btn-primary:hover{background:#4e80f4}
.service-btn-ghost{border-color:rgba(255,255,255,.62)}
.service-btn-ghost:hover{background:#fff;color:var(--service-navy)}
.service-btn-muted{background:#e3eaf6;color:var(--service-navy)}
.service-btn-outline{border-color:var(--service-blue);color:var(--service-blue)}
.service-btn-outline:hover{background:var(--service-blue);color:#fff}
.service-trust{position:relative;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.3);padding-top:40px;padding-bottom:40px;}
.service-trust div{display:flex;align-items:center;gap:15px;border-right:1px solid rgba(255,255,255,.2);padding-left:23px}
.service-trust div:first-child{padding-left:0}
.service-trust div:last-child{border:0}
.service-trust i{color:var(--service-accent);font-size:21px}
.service-trust span{font-family:var(--font-main);line-height:1.2;text-transform:uppercase;font-size: 18px;font-weight: 500;letter-spacing: 1px;}
.request-section{background:var(--service-ice)}
.request-layout{display:grid;grid-template-columns:.75fr 1.4fr;gap:10%;align-items:start}
.request-intro>p:not(.service-kicker){max-width:390px;color:#506079;font-size:17px;line-height:1.7}
.request-note{display:flex;gap:13px;align-items:flex-start;color:var(--service-blue);font-family:var(--font-main);font-size:13px;line-height:1.35;margin-top:35px;max-width:260px}
.request-note i{font-size:18px}
.request-form{background:#fff;padding:38px 40px;box-shadow:0 20px 55px rgba(7,20,47,.12)}
.form-progress{display:flex;align-items:center;gap:9px;border-bottom:1px solid #dce4f0;padding-bottom:24px;margin-bottom:28px}
.form-progress span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #cbd6e7;border-radius:50%;color:#738198;font-family:var(--font-main);font-size:13px}
.form-progress span.is-active{background:var(--service-blue);border-color:var(--service-blue);color:#fff}
.form-progress i{height:1px;background:#d5dfed;flex:1}
.request-form fieldset{border:0;padding:0;margin:0}
.request-form legend{font-size:25px;font-weight:700;text-transform:uppercase;margin-bottom:25px}
.form-fields{display:grid;gap:18px;margin-top: 18px;}
.form-fields.two-col{grid-template-columns:1fr 1fr}
.request-form label{display:grid;gap:8px;color:var(--service-ink);font-size:15px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom: 8px;}
.request-form input,.request-form select,.request-form textarea{width:100%;border:1px solid #cbd6e7;background:#fbfcff;color:var(--service-ink);font-family:var(--font-body);font-size:16px;padding:13px 14px;outline:0}
.request-form input:focus,.request-form select:focus,.request-form textarea:focus{border-color:var(--service-blue);box-shadow:0 0 0 3px rgba(34,100,240,.12)}
.request-form textarea{resize:vertical;min-height:130px}
.request-form .service-btn{margin-top:28px}
.wide-field {margin-top: 18px;}
.wide-field span {
    color: var(--service-ink);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    padding-bottom: 8px;
    font-family: var(--font-main);
}
.request-form textarea {margin-top: 8px;}
form-success{background:#e8f8d5;color:#245408;font-size:16px;line-height:1.5;padding:20px}
.benefits-section{background:var(--service-navy);color:#fff}
.service-heading{margin-bottom:48px}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.benefit-grid article{min-height:375px;background:#183b7d;padding:27px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .25s,background .25s}
.benefit-grid article:nth-child(2){background:var(--service-accent);color:var(--service-navy)}
.benefit-grid article:nth-child(3){background:#dbe5ff;color:var(--service-navy)}
.benefit-grid article:nth-child(4){background:var(--service-blue)}
.benefit-grid article>span{font-family:var(--font-main);font-size:13px;opacity:.7}
.benefit-grid article>i{color:var(--service-accent);font-size:27px;margin:36px 0 22px}
.benefit-grid article:nth-child(2)>i,.benefit-grid article:nth-child(3)>i{color:var(--service-blue)}
.benefit-grid h3{font-size:24px;line-height:1.05;text-transform:uppercase}
.benefit-grid p{line-height:1.6;opacity:.8;margin-top:16px}
.guarantee{line-height:1.05;margin-top:23px}
.guarantee small{font-size:13px}
.menu-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}
.menu-heading>p{max-width:430px;color:#58677c;font-size:17px;line-height:1.6}
.service-menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.service-menu-grid>a{display:flex;flex-direction:column;min-height:230px;position:relative;background:#dbe5ff;border-top:3px solid var(--service-blue);padding:25px;color:var(--service-ink);transition:transform .25s,box-shadow .25s}
.service-menu-grid>a>i{color:var(--service-blue);font-size:25px;margin-bottom:25px}
.service-menu-grid .menu-number{position:absolute;right:25px;top:24px;color:#aab4c2;font-family:var(--font-main);font-size:13px}
.service-menu-grid h3{font-size:23px;line-height:1.05;text-transform:uppercase}
.service-menu-grid p{color:#657286;line-height:1.5;margin-top:13px}
.service-menu-grid strong{color:var(--service-blue);font-family:var(--font-main);font-size:15px;letter-spacing:1px;text-transform:uppercase;margin-top:auto;padding-top:18px}
.service-menu-grid strong i{margin-left:8px}
.location-section{background:var(--service-ice)}
.location-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:10%;align-items:center}
.location-lede{color:#58677c;font-size:17px;line-height:1.6;margin:25px 0 30px !important}
.location-details{background:var(--service-navy);color:#fff;padding:38px}
.location-details h3{font-size:26px;text-transform:uppercase}
.location-details address{color:#c6d1e2;font-size:16px;line-height:1.7;font-style:normal;margin:22px 0}
.location-phone{color:var(--service-accent);font-family:var(--font-main);font-size:25px;font-weight:700}
.hours{border-top:1px solid rgba(255,255,255,.2);display:grid;gap:12px;margin-top:30px;padding-top:23px}
.hours strong{color:var(--service-accent);font-size:16px;letter-spacing:1px;text-transform:uppercase}
.hours span{display:flex;justify-content:space-between;color:#c6d1e2;font-size:16px}
.hours b{color:#fff}.legacy-about-page{display:none}@media(max-width:950px){.service-trust{width:calc(100% - 56px);grid-template-columns:repeat(2,1fr);row-gap:18px}
.service-trust div:nth-child(2){border:0}
.request-layout,.location-layout{grid-template-columns:1fr;gap:40px}
.benefit-grid{grid-template-columns:repeat(2,1fr)}
.service-menu-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.service-page .content-wrap{width:calc(100% - 36px)}
.service-hero{align-items:center;}
.service-hero-media{background:linear-gradient(90deg,rgba(4,13,35,.95),rgba(4,13,35,.5)),url('../siteart/slider/slider2.webp') 68% center/cover}
.service-page h1{font-size:clamp(2.85rem,13vw,4.2rem)}
.service-lede{font-size:16px}
.service-trust{width:calc(100% - 36px);        grid-template-columns: repeat(1, 1fr);padding-bottom:20px}
.service-trust div{padding-left:10px;gap:8px}
.service-trust div:first-child{padding-left:0}
.service-trust i{font-size:16px}
.service-section{padding:72px 0}
.request-form{padding:26px 20px}
.form-fields.two-col,.benefit-grid,.service-menu-grid{grid-template-columns:1fr}
.menu-heading{display:block}
.menu-heading>p{margin-top:22px}
.benefit-grid article{min-height:240px}
.location-details{padding:28px 22px}
.location-actions .service-btn{width:100%}
.hours span{gap:12px}}


/*--------FORM STYLES--------------------*/




/*-------- FOOTER STYLES ----------------*/
.footer{
  background-color: #000;
  color: #d8d8d8;
  font-family: var(--font-body);
}
.footer-main {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr;
  gap: 60px;
  padding: 65px 25px 88px;
}
.footer-brand,
.footer-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.footer-logo {
  display: block;
  width: 225px;
  margin-bottom: 23px;
}
.footer-logo img,
.footer-ford-logo img {
  display: block;
  max-width: 100%;
  height: auto;
}
.footer-ford-logo {
  display: block;
  width: 128px;
  margin-bottom: 18px;
}
.footer address {
  color: #d8d8d8;
  font-size: 16px;
  font-style: normal;
  line-height: 1.45;
}
.footer a {
  color: inherit;
}
.footer a:hover,
.footer a:focus-visible {
  color: #fff;
}
.footer-column h2 {
  margin-bottom: 20px;
  color: #fff;
  font-family: var(--font-main);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.1;
  text-transform: uppercase;
}
.footer-column li {
  font-size: 16px;
  line-height: 1.4;
}
.footer-copyright {
  border-top: 1px solid #777;
  padding: 22px 20px 24px;
  text-align: center;
}
.footer-copyright p {
  font-size: 14px;
  line-height: 1.4;
}




/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (min-width: 768px) {
	
}

@media only screen and (min-width:768px) and (max-width: 1130px) {
	
}


/*SMALL DESKTOP*/
@media only screen and (max-width: 1024px) {
  .equipment-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .equipment-card,
  .equipment-card:nth-child(n + 6) {
    grid-column: span 1;
  }
}

@media only screen and (max-width: 990px) {
  .hero-img {
    min-height: 350px;
  }
  .hero-bar .content-wrap {
    flex-direction: column;
    gap: 10px;
    padding: 25px 25px;
  }
  .service-container {grid-template-columns: repeat(1, 1fr);}
  .ford-logo {width: 110px;}
  .header-left a img {width: 200px;}
  .header-left {gap: 20px;}
  .head-top {padding: 5%;}
  .nationwide, .phone {font-size: 15px;}
  .hero-bar h1{text-align: center;}
}
     
    
/*TABLET*/
@media only screen and (max-width: 767px) {
  .header {
    min-height: auto;
    flex-direction: column;
    gap: 30px;
  }
  .header-left {
    gap: 20px;
  }
  .autonation-logo {
    width: 150px;
  }
  .ford-logo {
    width: 115px;
  }
  .divider {
    height: 45px;
  }
  .slide {
    flex-basis: calc(100% - 34px);
  }
  .slider {
    padding-top: 16px;
  }
  .commercial-equipment {
    padding: 54px 0 58px;
  }
  .equipment-intro {
    margin-bottom: 28px;
  }
  .equipment-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .equipment-card {
    grid-column: span 1;
    min-height: 142px;
  }
  .equipment-card:nth-child(n + 6) {
    grid-column: span 1;
  }
  .home-about {
    padding: 54px 14px 58px;
  }
  .home-about-container {
    grid-template-columns: 1fr;
    gap: 38px;
  }
  .home-about-copy {
    max-width: none;
  }
  .home-about-copy .heading-lg {
    margin-bottom: 25px;
  }
  .footer-main {
    grid-template-columns: 1fr;
    gap: 38px;
    padding: 50px 20px 55px;
  }
  .footer-logo {
    width: 210px;
  }
  .footer-column h2 {
    margin-bottom: 12px;
  }
  .footer-copyright {
    padding: 18px 14px 20px;
  }
}



@media only screen and (max-width: 700px) {
  .header-right {
    align-items: center;
    text-align: center;
    gap: 2px;
    margin-top: 20px;
  }
  .head-top {flex-direction: column;}
  .service-card {padding: 50px 25px}
  .hero-btns {
    display: flex;
    gap: 12px;
    flex-direction: column;
    width: 100%;
   text-align: center;
  }
}

/*MOBILE*/
@media only screen and (max-width: 480px) {
  .commercial-equipment .content-wrap {
    padding: 0 14px;
  }
  .equipment-grid {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .equipment-card {
    min-height: 132px;
    padding-left: 4px;
    padding-right: 4px;
  }
  .equipment-card span,
  .equipment-card-all {
    font-size: 13px;
  }
  .header-left a img {
    width: 170px;
  }
  .ford-logo {
    width: 100px;
  }
}

