.container {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 28px
        }

        .page-title {
          display: inline-block;
    color: #ffffff;
    margin: 0px;
    font-size: 14px;

    text-transform: uppercase;
        }

        .page-h2 {
            font-size: 40px;
            font-weight: 600;
            text-transform: uppercase;
            color: #111;
            letter-spacing: -.02em;
            line-height: 1.05;
        }

        .page-h2--white {
            color: #fff
        }

        .page-lead {
            font-size: 23px;
            line-height: 1.7;
            color: #111;
            margin: 0;
        }

        .page-lead--white {
            color: #fff
        }

        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            padding: 17px 40px;
            text-decoration: none;
            font-size: 18px;
            letter-spacing: .02em;
            text-transform: uppercase;
            line-height: 1;
            transition: transform .12s ease, opacity .12s ease, border-color .12s ease, background .12s ease;
            -webkit-tap-highlight-color: transparent;
            cursor: pointer;
            border: 0;
        }

        .btn:active {
            transform: translateY(1px)
        }

        .btn__ico {
            display: inline-flex;
            width: 25px
        }

        .btn--primary {
            background-color: #E02B20;
            color: #fff
        }

        .btn--primary:hover {
            opacity: .95
        }

        .btn--ghost {
            background: transparent;
            border: 2px solid rgba(255, 255, 255, .7);
            color: #fff
        }

        .btn--ghost:hover {
            border-color: rgba(255, 255, 255, .95)
        }

        .btn--ghost-dark {
            background: transparent;
            border: 2px solid rgba(0, 0, 0, .55);
            color: #111
        }

        .btn--ghost-dark:hover {
            border-color: rgba(0, 0, 0, .85)
        }

        /* 1) HERO */
     .change-service-c{
  width: 100%;
  overflow: hidden; /* optional */
}
.change-service-bg-image-wrapper{
	position: relative;
  height: 70vh;
 background-image: url(https://heartautocare.com/wp-content/uploads/2026/03/DSC_7825-2-1-1.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
.change-service-bg-image-wrapper::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgb(0 0 0 / 78%);
  z-index: 0;
}

.change-service-bg-image-wrapper > *{
  position: relative;
  z-index: 1; /* content overlay ke upar rahe */
}
.change-service-c__wrap div{
	    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
text-align:center;
	gap: 10px;
}

        .global-heading-c {
           font-size: 45px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: -.02em
        }

        .red-text-c {
            color: #E02B20 !important;
            font:inherit;
        }

        .white-txt {
            color: #fff !important;
        }

        .change-service-c p {
                   margin: 0 0 10px 0;
    font-size: 18px;
    line-height: 1.7;
    color: #fff;
    max-width: 900px;
        }

        .change-service-c__actions {
            display: grid;
            gap: 14px;
            margin-top: 26px;
            max-width: 410px
        }

        .change-service-c__actions span {
            font-size: 19px;
            font-weight: 500
        }

        .change-service-c__media img {
            width: 100%;
            height: auto;
            display: block;
            object-fit: cover
        }

        .change-service-c__address {
            margin: 16px 0 0 !important;
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 25px 20px;
            background: var(--panel);
            color: var(--text);
            font-weight: 500;
            letter-spacing: .02em;
            text-transform: uppercase;
            border-radius: 10px;
            font-size: 19px;
            max-width: 100% !important;
            line-height: 22px !important;
        }

        .change-service-c__pin {
            display: inline-flex;
            width: 15px;
            height: 21px;
            opacity: .95
        }
 .trusted-oil-evanston__meta{
  display: flex;
  justify-content: center;
  gap: 1rem;
  background-color: #E02B20;
  color: #ffffff;
  padding: 17px;
  letter-spacing: 1px;
}
.trusted-oil-evanston__meta .trusted-oil-evanston__meta-item{
  display: flex;
  align-items: center;
  gap:8px;
}
.trusted-oil-evanston__meta-label-svg, .trusted-oil-evanston__meta-label-svg img{
  height: 25px;
  width: 25px;
}
.trusted-oil-evanston__meta-item .trusted-oil-evanston__meta-label-content{
  display: flex;
  gap: 10px;
}
.trusted-oil-evanston__meta-text{
text-decoration: none;
color: #fff;
  font-style: normal;
margin:0px;
}
        /* 2) NEIGHBORHOOD */
        .Neighborhood-change-c {
            width: 100%;
            background: #fff;
            padding: 62px 0 66px;
        }

        .Neighborhood-change-c__wrap {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }

        .page-kicker {
            display: block;
            background-color: #E02B20;
            font-size: 13px;
            text-transform: uppercase;
            padding: 10px 30px;
            margin-bottom: 20px;
            width: fit-content;
            margin: 0 auto 10px;
            color: #fff;
            line-height: 1;
        }

        .start-align {
            margin: 0 0 20px !important;
        }

        .Neighborhood-change-c .lead {
            margin: 0 0 22px;
            font-size: 18px;
            line-height: 24px;
            color: #1A1A1A;
        }

        .Neighborhood-change-c__list {
            margin: 0;
            padding: 0;
            list-style: none;
            display: grid;
            gap: 18px
        }

        .Neighborhood-change-c__item {
            display: grid;
            grid-template-columns: 24px 1fr;
            gap: 0px;
            align-items: start;
        }

        .Neighborhood-change-c__tick {
            width: 18px;
            height: 18px;
            margin-top: 2px;
            display: block;
            place-items: center;
        }

        .Neighborhood-change-c__item p:first-of-type {
            font-weight: bold;
            font-size: 18px;
            margin: 0 0 6px;
            text-transform: none;
            letter-spacing: 0;
        }

        .Neighborhood-change-c__item p:nth-of-type(2) {
            font-size: 16px;
            line-height: 26px;
            color: #1A1A1A;
            margin: 0;
        }

        .Neighborhood-change-c__cta {
            margin-top: 24px
        }

        .Neighborhood-change-c__media {
            margin: 0;
            width: 100%;
            background: #eee;
            overflow: hidden;
            box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        }

        .Neighborhood-change-c__media img {
            width: 100%;
            height: auto;
            display: block;
            object-fit: cover
        }

        /* 3) SIGNS */
        .Warning-signs-c {
            width: 100%;
            background: #EDEDED;
            padding: 62px 0 66px;
            border-top: 1px solid #eee;
        }
.warning-signs-heading span{
	      color:#E02B20;
          font:inherit;
}
        .Warning-signs-c__head {
            text-align: center;
            margin-bottom: 28px;
        }


        .Warning-signs-c__grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 18px;
            margin-top: 18px;
        }

        .Warning-signs-c__card {
            background: #fff;
            border: 2px solid #e8e8e8;
            border-radius: 10px;
            padding: 18px 16px;
            display: flex;
            gap: 12px;
            align-items: flex-start;
            box-shadow: 0 2px 0 rgba(0, 0, 0, .02);
			cursor:pointer;
        }
.Warning-signs-c__card:hover{
	    border-color: #fc4747;
    box-shadow: 1px -1px 12px 1px rgb(252 71 71 / 35%);
}
        .Warning-signs-c__icon {
            width: 34px;
            height: 34px;
        }

        .Warning-signs-c__icon svg {
            width: 26px;
            height: 26px
        }

        .Warning-signs-c__card p {
            font-size: 18.5px;
            line-height: 26px;
            color: #1A1A1A;
            margin: 0;
        }

        .Warning-signs-c__note {
            margin: 18px auto 0;
            max-width: 1100px;
            background: #FFF1F1;
            border-left: 3px solid #E02B20;
            border-radius: 10px;
            padding: 30px;
            font-size: 18.5px;
            line-height: 1.7;
            color: #000;
        }

        .Warning-signs-c__cta {
            display: flex;
            justify-content: center;
            margin-top: 18px;
        }

        /* 4) PROCESS */
        .expect-oil-change-c {
            width: 100%;
            background: #000;
            color: #fff;
            padding: 70px 0 76px;
        }

        .expect-oil-change-c__head {
            text-align: center;
            max-width: 760px;
            margin: 0 auto 26px;
        }


        .expect-oil-change-c__head p {
            font-size: 18px;
            line-height: 26px;
            color: #D0D0D0;
            margin: 0;
        }

        .expect-oil-change-c__list {
            margin: 24px auto 0;
            display: grid;
            gap: 0px;
        }

        .expect-oil-change-c__step {
            display: grid;
            grid-template-columns: 40px 1fr;
            align-items: start;
            padding: 14px 0;
        }

     .expect-oil-change-c__step{
  position: relative;
  display: flex;
  gap: 14px;
}

/* number */
.expect-oil-change-c__num{
  height: 44px;
  width: 44px;
  background: #e02b20;
  color: #fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  border-radius: 50%;
  flex: 0 0 44px;
  z-index:2;
}

/* connector line (full height of step) */
.expect-oil-change-c__step::after{
    content: "";
    position: absolute;
    left: 21px;
    top: 28px;
    bottom: -14px;
    width: 2px;
    background: #e02b20;
    opacity: .5;
    z-index: 1;
}

/* last step: line off */
.expect-oil-change-c__step:last-child::after{
  display:none;
}
        .expect-oil-change-c__step  p:first-of-type {
            font-weight: 500;
            font-size: 18px;
            margin: 0 0 6px;
            text-transform: none;
            letter-spacing: 0;
			color:#fff;
        }

        .expect-oil-change-c__step p:nth-of-type(2) {
            font-size: 16px;
            line-height: 26px;
            color: #D0D0D0;
            margin: 0;
        }

        /* 5) MORE THAN INCLUDED */
        .More-than-included-c {
            width: 100%;
            background: url('https://env-httpsheartautocarecom-sohaibtest.kinsta.cloud/wp-content/uploads/2026/02/transparent-background-scaled.png');
            padding: 62px 0 66px;
            border-top: 1px solid #eee;
        }

        .More-than-included-c__head {
            text-align: center;
            margin-bottom: 24px;
        }


        .More-than-included-c__grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 18px;
            margin-top: 18px;
        }

        .More-than-included-c__card {
            background: #fff;
            border: 1px solid #e6e6e6;
            border-radius: 10px;
            padding: 18px 16px;
            box-shadow: 0 2px 0 rgba(0, 0, 0, .02);
             cursor:pointer;
        }
.More-than-included-c__card:hover{
	border-color: #fc4747;
    box-shadow: 1px -1px 12px 1px rgb(252 71 71 / 35%);
}
        .More-than-included-c__icon svg {
            width: 50px;
            height: 50px;
            margin-bottom: 10px;
        }

        .More-than-included-c__card p:first-of-type {
            font-weight: bold;
            font-size: 18px;
            margin: 0 0 6px;
            text-transform: none;
            letter-spacing: 0;
            color: #1A1A1A;
        }

        .More-than-included-c__card p:nth-of-type(2) {
            font-size: 16px;
            line-height: 26px;
            color: #1A1A1A;
            margin: 0;
        }



        /* 8) MORE AUTO SERVICES */
        .Related-services-c+.Related-services-c {
            padding-top: 0
        }

        .more-services {
            width: 100%;
            background: #fff;
            padding: 62px 0 66px;
        }

        .more-services__head {
            text-align: center;
            margin-bottom: 22px;
        }


        .more-services__grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 18px;
            margin-top: 18px;
        }

        .more-services__card {
            border: 1px solid #e6e6e6;
            border-radius: 10px;
            overflow: hidden;
            background: #fff;
            box-shadow: 0 2px 0 rgba(0, 0, 0, .02);
            display: flex;
            flex-direction: column;
			cursor:pointer;
            transition: transform .18s ease, box-shadow .18s ease;
        }
.more-services__card:hover{
	transform: translateY(-4px);
box-shadow: 0 14px 28px rgba(0, 0, 0, .14);
}
        .more-services__card img {
            width: 100%;
            height: 220px;
            object-fit: cover;
            display: block;
            background: #eee
        }

        .more-services__body {
            padding: 14px 14px 16px
        }

        .more-services__body p:first-of-type {
            font-weight: bold;
            font-size: 18px;
            margin: 0;
            text-transform: none;
            letter-spacing: 0;
            color: #1A1A1A;
        }

        .more-services__body p:nth-of-type(2) {
            font-size: 16px;
            line-height: 26px;
            color: #1A1A1A;
            margin: 0;
            margin: 15px 0;
        }

        .more-services__body a {
            color: #E02B20;
            text-decoration: none;
            font-weight: 500;
            font-size: 18px;
            text-transform: uppercase;
            width: max-content;
        }
  /*trusted-oil-customers-reviews-section*/

.evanston-ready-oil-changereviews-container{
  max-width: 1300px;
  margin: 0 auto;
}
.evanston-ready-oil-changereviews-section{
  background: black;
}
.evanston-ready-oil-changereviews-main-heading{
  margin: 0px;
  font-size: 45px;
  line-height: 1.05;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 17px;
}
.evanston-ready-oil-changereviews-inner .evanston-ready-oil-changereviews-desc{
  font-size: 18px;
  color: #fff;
  margin-bottom: 10px;
    
}
.evanston-ready-oil-changereviews-inner .evanston-ready-oil-changereviews-cards{
  margin-top: 3rem;
  display: flex;
  gap: 20px;
}
.evanston-ready-oil-changereviews-card .evanston-customers-review-card-locator{
  border: 1px solid red;
  width: fit-content;
  padding: 5px;
  position: absolute;
  left: 0px;
  top: -10px;
}
.evanston-customers-review-card-locator .evanston-customers-review-card-locator-inner{
    background: red;
    color: white;
    padding: 4px;
    font-size: 12px;
    letter-spacing: 0.8px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.evanston-customers-review-card-locator-inner img{
    height: auto;
    width: 10px;
}
.evanston-ready-oil-changereviews-card .evanston-customers-review-content{
    background: white;
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
    margin-left: 20px;
    height: 190px;
}
  .evanston-customers-review-content p{
    margin:0px;
    color: #1A1A1A;
  }
.evanston-customers-review-content .evanston-customers-name{
   font-weight: bold;
   font-size: 18px;
   margin:0px;
}
.evanston-customers-review-content span{
   font-size: 18px;
}
 .evanston-customers-review-content img{
    width: 12px;
 }   
 .evanston-ready-oil-changereviews-cards .evanston-ready-oil-changereviews-card{
      position: relative;
 }
 .evanston-ready-oil-changereviews-section{
    background:
    linear-gradient(rgba(0, 0, 0, 0.726), rgba(0, 0, 0, 0.753)),
    url("https://heartautocare.com/wp-content/uploads/2026/03/image-130-1.png") center/cover no-repeat;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 40px;
 }
 .evanston-ready-oil-changereviews-slider{ position:relative; }
.evanston-ready-oil-changereviews-viewport{ overflow:hidden; }

.evanston-ready-oil-changereviews-cards{
  display:flex;
  gap:24px;
  transition:transform .35s ease;
  will-change:transform;
}

.evanston-ready-oil-changereviews-card{
  flex:0 0 calc((100% - 24px)/2); /* 2 cards */
}
/* arrows */
.evanston-ready-oil-changereviews-slider .evanston-ready-oil-changereviews-arrow-btn{
    display: flex;
    justify-content: end;
    margin-top: 24px;
    gap: 15px;
}
.evanston-ready-oil-changereviews-arrow{
    border: 1px solid rgb(255 255 255);
    background: rgba(0, 0, 0, .35);
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 3px;
}
.evanston-ready-oil-changereviews-arrow.evanston-ready-oil-changereviews-arrow-prev{
   right:60px; 
  transform: rotate(180deg);
}
.evanston-ready-oil-changereviews-arrow svg{
  margin-left: 4px;
}
.evanston-ready-oil-changereviews-arrow.evanston-ready-oil-changereviews-arrow-next{ 
  right:10px; 
}

.evanston-ready-oil-changereviews-arrow:disabled{
  opacity:.4;
  cursor: not-allowed;
}

.evanston-visually-hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  /*evanston-ready-oil-change-faq-section*/
  .evanston-ready-oil-change-faqs-section{
  position:relative;
  overflow:hidden;
      background: linear-gradient(180deg, #EDEDED 0%, #F5F5F5 30%, #ffffff 60%); 
}

/* content overlay ke upar */
.evanston-ready-oil-change-faqs-section > *{
  position:relative;
  z-index:2;
}

 .evanston-ready-oil-change-faqs-conatiner{
  max-width: 1300px;
  margin: 0 auto;
padding: 40px;
 }
 .evanston-ready-oil-change-faqs-conatiner .evanston-ready-oil-change-faqs-inner{
  text-align: center;
 }
 .evanston-ready-oil-change-faqs-inner .evanston-ready-oil-change-faqs-wrapper{
  text-align: left;
 }
 .evanston-ready-oil-change-faqs-inner .evanston-ready-oil-change-faqs-heading{
  margin: 10px 0;
  font-size: 45px;
  line-height: 1.05;
  font-weight: 500;
  text-transform: uppercase;
  color: #1A1A1A;
 }
 .evanston-ready-oil-change-faqs-inner .evanston-ready-oil-change-faqs-content{
  font-size: 18px;
  color: #1A1A1A;
 }
 .evanston-ready-oil-change-faqs-heading span{
  color:#E02B20;
  font:inherit;
 }
 .evanston-ready-oil-change-faqs-wrapper .evanston-ready-oil-change-faq{
  margin: 20px 0;
  padding: 20px;
  font-size: 20px;
 }
 .evanston-ready-oil-change-faq .evanston-ready-oil-change-faq-question{
    display: flex;
    justify-content: space-between;
    border: none;
    background: #ffffff00;
    width: 100%;
    padding:0px;
 }
 .evanston-ready-oil-change-faq-question span{
display: flex;
    justify-content: space-between;
    font-weight: 500;
    font-size: 18px;
    color: #1A1A1A;
 }
 /* FAQ wrapper */
.evanston-ready-oil-change-faq{
  border-bottom:2px solid #1F1F1F;
  padding:18px 18px;
  transition:border-color .2s ease;
  margin-bottom:14px;
}

.evanston-ready-oil-change-faq:hover{
 border-color:#E02B20;
}
.evanston-ready-oil-change-faq:hover .evanston-ready-oil-change-faq-question span{
  color: #E02B20;
}
/* question row (clickable) */
.evanston-ready-oil-change-faq-question{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  cursor:pointer;
  user-select:none;
}

/* icon */
.evanston-ready-oil-change-faq-svg{
  display:inline-flex;
  width:34px;height:34px;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  transition:transform .25s ease;
}

.evanston-ready-oil-change-faq-svg svg path{
  transition:fill .2s ease, opacity .2s ease;
}

/* hover icon color */
.evanston-ready-oil-change-faq:hover .evanston-ready-oil-change-faq-svg svg path{
  fill:#E02B20;
}

/* Answer wrapper (animated, no extra space when closed) */
.evanston-ready-oil-change-faq-answer{
  max-height:0;
  overflow:hidden;
  opacity:0;
  transform:translateY(-6px);
  transition:max-height .35s ease, opacity .25s ease, transform .25s ease;
  margin-top:0;
}
.evanston-ready-oil-change-faq.is-open .evanston-ready-oil-change-faq-answer{
  opacity:1;
  transform:translateY(0);
  margin-top:12px;
}


/* Icon rotate */
.evanston-ready-oil-change-faq.is-open .evanston-ready-oil-change-faq-svg{
  transform: rotate(45deg);
  transition: transform .25s ease;
}


.evanston-ready-oil-change-faq-answer > *{
  overflow:hidden;
  display:block;
  opacity:0;
  transform:translateY(-6px);
  transition:opacity .25s ease, transform .25s ease;
}
/* OPEN state (add/remove this class via JS) */
.evanston-ready-oil-change-faq.is-open .evanston-ready-oil-change-faq-answer{
  grid-template-rows:1fr;
  margin-top:12px;
}


.evanston-ready-oil-change-faq.is-open .evanston-ready-oil-change-faq-answer > *{
  opacity:1;
  transform:translateY(0);
  font-size: 18px;
    color: #1A1A1A;
    margin: 0px;
}

/* rotate icon 45deg = plus becomes cross */
.evanston-ready-oil-change-faq.is-open .evanston-ready-oil-change-faq-svg{
  transform:rotate(45deg);
}

.evanston-ready-oil-change-faqs-conatiner .evanston-ready-oil-change-faqs-inner{
  display: flex;
  gap: 50px;
}
.evanston-ready-oil-change-faqs-content-wrapper{
  width: 30%;
  text-align: left;
}
.evanston-ready-oil-change-faqs-content-wrapper img{
  height: 100px;
}
.evanston-ready-oil-change-faqs-wrapper{
  width:70%;
}
.evanston-appointment-wrapp{
	display: flex;
    align-items: center;
    gap: 5px;
}
.evanston-appointment-wrapp span{
	line-height: 1;
    margin-top: 3px;
}
.page-kicker_faq{
	margin-left: 0px;
}

.Evanston_Ready_oil_Change_location_location{ padding:64px 0; background:#f4f4f4; }
.Evanston_Ready_oil_Change_location_location__container{ max-width:1200px; margin:0 auto; padding:0 24px; }
.Evanston_Ready_oil_Change_location_location__grid{
  display:grid;
  grid-template-columns: 1.25fr 1fr;
  gap:48px;
  align-items:center;
}

.Evanston_Ready_oil_Change_location_location__map{ margin:0; }
.Evanston_Ready_oil_Change_location_location__mapLink{
  display:block;
  border-radius:10px;
  overflow:hidden;
}
.Evanston_Ready_oil_Change_location_location__mapImg{ 
	width:100%; 
	height:auto; 
	display:block; 
	border-radius: 12px;
    border: 2px solid #fff;
}

.Evanston_Ready_oil_Change_location_location__title{
  margin:0 0 18px;
  font-size: 45px;
  line-height:1.05;
  text-transform:uppercase;
  letter-spacing:.02em;
  color: #1A1A1A;
  font-weight: 500;
}
.Evanston_Ready_oil_Change_location_location__accent{ 
	color:#e02b20;
	font:inherit;
}

.Evanston_Ready_oil_Change_location_location__list{ list-style:none; padding:0; margin:0; display:grid; gap:14px; }
.Evanston_Ready_oil_Change_location_location__item{
  display:grid;
  grid-template-columns: 22px 1fr;
  gap:5px;
  align-items:start;
  color:#111;
}
.Evanston_Ready_oil_Change_location_location__icon{ 
	color:#e02b20; 
	margin-top:5px;
	display: flex;
    align-items: center;
    justify-content: center;
}

.Evanston_Ready_oil_Change_location_location__label{
  display:block;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#666;
  margin-bottom:4px;
}
.Evanston_Ready_oil_Change_location_location__text{ 
	margin:0; 
	font-size:16px; 
	line-height:1.6; 
    color: #1A1A1A;
    font-style: normal;
}

.Evanston_Ready_oil_Change_location_location__link{ color:#111; text-decoration:none; }
.Evanston_Ready_oil_Change_location_location__link:hover{ text-decoration:underline; }

.Evanston_Ready_oil_Change_location_location__actions{ margin-top:18px; }
.Evanston_Ready_oil_Change_location_location__badge{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    padding: 0 22px;
    border: 1px solid #FF948D;
    color: #e02b20;
    background: #F4E4E6;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    letter-spacing: .03em;
    text-transform: uppercase;
}
.Evanston_Ready_oil_Change_location_location__badgeIcon{ font-weight:900; }

/* ADA focus */
.Evanston_Ready_oil_Change_location_location__mapLink:focus-visible,
.Evanston_Ready_oil_Change_location_location__badge:focus-visible,
.Evanston_Ready_oil_Change_location_location__link:focus-visible{
  outline:3px solid #111;
  outline-offset:4px;
}
.Evanston_Ready_oil_Change_location_location__icon svg{
	height:17px;
	width: auto;
}
/*trusted-oil-Evanston_Ready_oil_Change-appointment-section*/
.Evanston_Ready_oil_Change-appointment-section{
     position: relative;
  background: url('https://heartautocare.com/wp-content/uploads/2026/03/3865-4.png') center / cover no-repeat;
  overflow: hidden;
  padding: 40px;
  background-color: #E02B20;

}
.Evanston_Ready_oil_Change-appointment-container{
  max-width: 1300px;
  margin: 0 auto;
}
.Evanston_Ready_oil_Change-appointment-container .Evanston_Ready_oil_Change-appointment-inner{
  color: #ffffff;
  text-align: center;
  padding: 40px 0;
}
.Evanston_Ready_oil_Change-appointment-inner .Evanston_Ready_oil_Change-appointment-heading {
  margin: 10px 0;
  font-size: 45px;
  line-height: 1.05;
  font-weight: 500;
color:#fff;
  text-transform: uppercase;
}
.Evanston_Ready_oil_Change-appointment-inner .Evanston_Ready_oil_Change-appointment-content{
  font-size: 18px;
    max-width: 900px;
    margin: 0 auto;
}
.Evanston_Ready_oil_Change-appointment-inner .Evanston_Ready_oil_Change-appointment-buttons{
  display: flex;
  gap: 20px;
  width: fit-content;
  margin: 20px auto;
  font-size: 20px;
}
.Evanston_Ready_oil_Change-appointment-buttons .Evanston_Ready_oil_Change-appointment-primary-btn{
    padding: 15px 40px;
    background: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    color: #E02B20;
    font-weight: bold
}
.Evanston_Ready_oil_Change-appointment-buttons .Evanston_Ready_oil_Change-appointment-secondary-btn{
     padding: 15px 40px;
    border: 1px solid #fff;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
}
.Evanston_Ready_oil_Change-appointment-wrapp{
	display: flex;
    align-items: center;
    gap: 5px;
}
.Evanston_Ready_oil_Change-appointment-wrapp span{
	line-height: 1;
    margin-top: 3px;
}
/*trusted-oil-Evanston_Ready_oil_Change_CALL-section*/
.Evanston_Ready_oil_Change_CALL-section{
     position: relative;
  background: url('https://heartautocare.com/wp-content/uploads/2026/03/237561236_63b9a7a4-9d53-4290-8be0-1c98bdb7314a-1-1.png') center / cover no-repeat;
  overflow: hidden;
  padding: 40px;
  background-color: #E02B20;

}
.Evanston_Ready_oil_Change_CALL-container{
  max-width: 1300px;
  margin: 0 auto;
}
.Evanston_Ready_oil_Change_CALL-container .Evanston_Ready_oil_Change_CALL-inner{
  color: #ffffff;
  text-align: center;
  padding: 40px 0;
}
.Evanston_Ready_oil_Change_CALL-inner .Evanston_Ready_oil_Change_CALL-heading {
  margin: 10px 0;
  font-size: 45px;
  line-height: 1.05;
  font-weight: 500;
color:#fff;
  text-transform: uppercase;
}
.Evanston_Ready_oil_Change_CALL-inner .Evanston_Ready_oil_Change_CALL-content{
  font-size: 18px;
    max-width: 900px;
    margin: 0 auto;
}
.Evanston_Ready_oil_Change_CALL-inner .Evanston_Ready_oil_Change_CALL-buttons{
  display: flex;
  gap: 20px;
  width: fit-content;
  margin: 20px auto;
  font-size: 20px;
      flex-direction: column;
    align-items: center;
}
.Evanston_Ready_oil_Change_CALL-buttons .Evanston_Ready_oil_Change_CALL-primary-btn{
    padding: 15px 40px;
    background: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    color: #E02B20;
    font-weight: bold
}
.Evanston_Ready_oil_Change_CALL-buttons .Evanston_Ready_oil_Change_CALL-secondary-btn{
     padding: 15px 40px;
    border: 1px solid #fff;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    width: fit-content;
}
.Evanston_Ready_oil_Change_CALL-wrapp{
	display: flex;
    align-items: center;
    gap: 20px;
}
.Evanston_Ready_oil_Change_CALL-wrapp span{
	line-height: 1;
    margin-top: 3px;
}
.faq-inner-track-img{
	position:absolute;
	height: 130px;
    top: 43%;
}
.faq-inner-track-img-formobile{
	display:none;
}
@media  (max-width: 1500px){
		.faq-inner-track-img{
	height: 90px;
}
}
@media (max-width: 1300px){
	.change-service-bg-image-wrapper {
		height: 100vh;
	}
	.faq-inner-track-img{
	position:absolute;
	height: 70px;
    top: 43%;
}
}
        /* RESPONSIVE */
        @media (max-width:1024px) {
.change-service-bg-image-wrapper {
		height: 70vh;
	}
.faq-inner-track-img-formobile{
        display: block;
        position: relative;
        left: -50px;
        height: auto;
}
			.page-kicker_faq{
				margin: auto;
			}
.faq-inner-track-img{
		display:none;
	}
            .container {
                padding: 0 24px
            }

            .change-service-c {
                padding: 46px 0
            }

            .change-service-c__wrap {
                grid-template-columns: 1fr;
                gap: 34px
            }

            .Neighborhood-change-c__wrap {
                grid-template-columns: 1fr;
                gap: 26px
            }

            .Warning-signs-c__grid {
                grid-template-columns: repeat(2, 1fr)
            }

            .More-than-included-c__grid {
                grid-template-columns: repeat(2, 1fr)
            }

            .more-services__grid {
                grid-template-columns: repeat(2, 1fr)
            }

            .contact-map__wrap {
                grid-template-columns: 1fr;
                gap: 14px
            }
			.evanston-ready-oil-change-faqs-conatiner .evanston-ready-oil-change-faqs-inner {
		flex-direction: column;
 gap:0px;

	}
.evanston-ready-oil-change-faqs-wrapper {
    width: auto;
}
.evanston-ready-oil-change-faqs-content-wrapper {
    width: auto;
    text-align: center;
}
.evanston-ready-oil-change-faqs-inner .evanston-ready-oil-change-faqs-content {
    font-size: 16px;
    color: #1A1A1A;
    margin: 0px;
}
.Evanston_Ready_oil_Change_location_location{ padding:48px 0; }
  .Evanston_Ready_oil_Change_location_location__grid{ grid-template-columns: 1fr; gap:28px; }

        }

        @media (max-width:768px) {
			.evanston-ready-oil-changereviews-cards .evanston-ready-oil-changereviews-card{
			 flex: 0 0 100%;
			}
.faq-inner-track-img-formobile{
        display: block;
        position: relative;
        left: -15px;
        height: auto;
}
            .evanston-ready-oil-changereviews-inner .evanston-ready-oil-changereviews-desc {
    font-size: 16px;
			}
			.evanston-ready-oil-changereviews-main-heading {
				font-size: 35px;
			}
			.evanston-ready-oil-changereviews-section {
				padding: 40px 10px;
			}
            .container {
                padding: 0 16px
            }

            .change-service-c {
                padding: 34px 0
            }

            .page-title {
                font-size: 14px
            }

            .change-service-c h2 {
                font-size: 35px;
            }

            .change-service-c p {
                font-size: 16px;
               
            }

            .change-service-c__actions {
                max-width: 520px
            }

            .btn {
                        font-size: 14px !important;
        padding: 10px 40px;
            }
			.change-service-c__actions span{
				font-size: 14px !important;
			}
			.trusted-oil-evanston__meta{
			flex-direction: column;
			}
            .change-service-c__address {
                font-size: 16px;
                padding: 14px
            }

            .Neighborhood-change-c {
                padding: 38px 0 40px
            }

            .Warning-signs-c {
                padding: 38px 0 40px
            }

            .Warning-signs-c__grid {
                grid-template-columns: 1fr
            }


            .expect-oil-change-c {
                padding: 44px 0 48px
            }


            .More-than-included-c {
                padding: 38px 0 40px
            }


            .More-than-included-c__grid {
                grid-template-columns: 1fr
            }



            .more-services {
                padding: 38px 0 40px
            }


            .more-services__grid {
                grid-template-columns: 1fr
            }

            .global-heading-c {
                font-size: 35px;
            }
			.evanston-ready-oil-change-faqs-conatiner {
		padding: 40px 10px;
	}
.evanston-ready-oil-change-faq.is-open .evanston-ready-oil-change-faq-answer > * , .evanston-ready-oil-change-faq-question span{
	font-size:16px;
	text-align: left;
        line-height: 1.3;
	
	}
			.evanston-ready-oil-change-faq-question span{
				font-weight:bold !important;
			}
 .Evanston_Ready_oil_Change_location_location__container{ padding:0 16px; }
  .Evanston_Ready_oil_Change_location_location__item{ grid-template-columns: 20px 1fr; }
	.Evanston_Ready_oil_Change_location_location__title {
		font-size: 35px;
	}
.change-service-bg-image-wrapper {
        height: 100vh;
    }
			.trusted-oil-evanston__meta-text{
				font-size:12px;
			}
			.More-than-included-c__card{
				text-align:center;
			}
.Evanston_Ready_oil_Change-appointment-section{
		padding:40px 10px;
	}
	.Evanston_Ready_oil_Change-appointment-inner .Evanston_Ready_oil_Change-appointment-heading{
		font-size:35px;
	}

.Evanston_Ready_oil_Change-appointment-inner .Evanston_Ready_oil_Change-appointment-content {
    font-size: 16px;
	}
	.Evanston_Ready_oil_Change-appointment-inner .Evanston_Ready_oil_Change-appointment-buttons{
		font-size: 18px;
       flex-direction: column;
	}
.Evanston_Ready_oil_Change_CALL-section{
		padding:40px 10px;
	}
	.Evanston_Ready_oil_Change_CALL-inner .Evanston_Ready_oil_Change_CALL-heading{
		font-size:35px;
	}

.Evanston_Ready_oil_Change_CALL-inner .Evanston_Ready_oil_Change_CALL-content {
    font-size: 16px;
	}
	.Evanston_Ready_oil_Change_CALL-inner .Evanston_Ready_oil_Change_CALL-buttons{
		font-size: 18px;
       flex-direction: column;
	}
			.evanston-ready-oil-change-faqs-inner .evanston-ready-oil-change-faqs-heading {
				font-size: 35px;
			}
.page-kicker_faq {
    margin-left: auto;
}
			.evanston-ready-oil-changereviews-card .evanston-customers-review-content{
				height: 210px;
			}
        }
@media (max-width: 380px){
	.change-service-bg-image-wrapper {
		height: 100vh;
	}
	.trusted-oil-evanston__meta{
	   padding: 10px;
       font-size: 12px;
	}
}