/* screen - autozone-1280 */

.autozone-1280 {
  background-color: var(--background);
  height: 1751px;
  margin: 0px;
  min-width: 1280px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.autozone-1280 .mask-group-4-enP8Wl {
  background-color: transparent;
  height: 503px;
  object-fit: cover;
  position: absolute;
  right: -138px;
  top: calc(17.79% - 89px);
  width: 1649px;
}

.autozone-1280 .header-gradient-enP8Wl {
  background-color: var(--photo-overlay);
  height: 517px;
  left: -6.48%;
  position: absolute;
  top: 208px;
  width: 56.48%;
}

.autozone-1280 .logo-nav-enP8Wl {
  height: 6.28%;
  left: -83px;
  position: absolute;
  width: calc(100% + 167px);
}

.autozone-1280 .logo-nav-7AHoBk {
  height: 100%;
  left: 0px;
  mix-blend-mode: normal;
  position: relative;
  width: 100%;
}

.autozone-1280 .rectangle-6-jk49IB {
  background-color: var(--background);
  box-shadow: 0px 3px 6px #00000030;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.autozone-1280 .auto-zone_logo_logotype-jk49IB {
  background-color: transparent;
  height: 59px;
  object-fit: cover;
  position: absolute;
  right: calc(49.96% - 153px);
  top: 26px;
  width: 306px;
}

.autozone-1280 .group-19-enP8Wl {
  background-color: transparent;
  display: block;
  height: 30.44%;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  right: 109px;
  top: 820px;
  transform: translate(0, 25px);
  width: 511px;
}

.autozone-1280 .group-19-enP8Wl.bp2-animate-enter3 {
  animation: bp2-animate-enter3-frames 0.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter3-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.autozone-1280 .steps-card-YPs9YC {
  top: 80.49%;
}

.autozone-1280 .mark-your-calendar-a-L2tBqd {
  background-color: transparent;
  height: 43px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  right: 51px;
  text-align: left;
  top: calc(47.54% - 20px);
  width: 361px;
}

.autozone-1280 .x4-L2tBqd {
  background-color: transparent;
  color: var(--tertiary-variant);
  font-style: normal;
  font-weight: 400;
  height: 42px;
  left: 22px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  top: calc(48.39% - 20px);
  white-space: nowrap;
  width: 38px;
}

.autozone-1280 .steps-card-aJeexo {
  top: 53.66%;
}

.autozone-1280 .enter-the-required-c-OOH4kn {
  background-color: transparent;
  height: 43px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  right: 23px;
  text-align: left;
  top: calc(47.54% - 20px);
  width: 389px;
}

.autozone-1280 .x3-OOH4kn {
  background-color: transparent;
  color: var(--tertiary-variant);
  font-style: normal;
  font-weight: 400;
  height: 42px;
  left: 22px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  top: calc(48.39% - 20px);
  white-space: nowrap;
  width: 38px;
}

.autozone-1280 .steps-card-kkxoX7 {
  top: 26.83%;
}

.autozone-1280 .select-a-day-and-tim-WR5Tx5 {
  background-color: transparent;
  height: 22px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  right: 44px;
  text-align: left;
  top: calc(50.00% - 11px);
  white-space: nowrap;
  width: 361px;
}

.autozone-1280 .x2-WR5Tx5 {
  background-color: transparent;
  color: var(--tertiary-variant);
  font-style: normal;
  font-weight: 400;
  height: 42px;
  left: 22px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  top: calc(48.39% - 20px);
  white-space: nowrap;
  width: 38px;
}

.autozone-1280 .steps-card-vneaEy {
  top: 0px;
}

.autozone-1280 .click-on-the-make-an-0gkxFx {
  background-color: transparent;
  height: 43px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  right: 51px;
  text-align: left;
  top: calc(47.54% - 20px);
  width: 361px;
}

.autozone-1280 .x1-0gkxFx {
  background-color: transparent;
  color: var(--tertiary-variant);
  font-style: normal;
  font-weight: 400;
  height: 42px;
  left: 22px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  top: calc(48.39% - 20px);
  white-space: nowrap;
  width: 38px;
}

.autozone-1280 .group-15-enP8Wl {
  background-color: transparent;
  bottom: calc(22.99% - 90px);
  display: block;
  height: 391px;
  left: calc(17.07% - 79px);
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 460px;
}

.autozone-1280 .group-15-enP8Wl.bp2-animate-enter4 {
  animation: bp2-animate-enter4-frames 0.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter4-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.autozone-1280 .important-XlBQRq {
  background-color: transparent;
  height: 27px;
  left: 0px;
  letter-spacing: 0.17px;
  line-height: 26px;
  position: absolute;
  text-align: left;
  top: calc(20.71% - 6px);
  white-space: nowrap;
  width: calc(100% - 36px);
}

.autozone-1280 .clock-icon-XlBQRq {
  background-color: transparent;
  height: 57px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 57px;
}

.autozone-1280 .path-10-shnQ7X {
  background-color: transparent;
  height: calc(100% + 1px);
  left: -1px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: calc(100% + 1px);
}

.autozone-1280 .at-the-time-of-this-XlBQRq {
  background-color: transparent;
  bottom: 0px;
  height: 274px;
  left: 0px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  width: calc(100% + 2px);
}

.autozone-1280 .span0-Q7eABm {
}

.autozone-1280 .span1-Q7eABm {
}

.autozone-1280 .span2-Q7eABm {
}

.autozone-1280 .group-14-enP8Wl {
  background-color: transparent;
  bottom: calc(48.53% - 85px);
  display: block;
  height: 176px;
  left: calc(16.83% - 75px);
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 448px;
}

.autozone-1280 .group-14-enP8Wl.bp2-animate-enter5 {
  animation: bp2-animate-enter5-frames 0.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter5-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.autozone-1280 .benefits-enrollment-HHv8Xy {
  background-color: transparent;
  bottom: 0px;
  height: 106px;
  left: 0px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  width: calc(100% + 2px);
}

.autozone-1280 .headset-icon-HHv8Xy {
  background-color: transparent;
  height: 52px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 57px;
}

.autozone-1280 .path-9-4c1Vgq {
  background-color: transparent;
  height: 100%;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.autozone-1280 .language-toggle-bacground-enP8Wl {
  background-color: var(--gallery);
  box-shadow: 0px 6px 6px #00000029;
  height: 6.97%;
  left: 0px;
  position: absolute;
  top: 6.28%;
  width: 100%;
}

.autozone-1280 .component-11-1-enP8Wl {
  background-color: transparent;
  bottom: 1560px;
  height: 42px;
  left: calc(40.83% - 49px);
  position: absolute;
  width: 119px;
}

.autozone-1280 .english-9Lgv5x {
  background-color: transparent;
  height: 26px;
  left: 8px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: right;
  top: calc(50.00% - 13px);
  width: calc(100% - 14px);
}

.autozone-1280 .component-12-1-enP8Wl {
  background-color: transparent;
  bottom: 1560px;
  height: 42px;
  position: absolute;
  right: calc(41.00% - 49px);
  width: 119px;
}

.autozone-1280 .espaol-Wr46Bb {
  background-color: transparent;
  height: 26px;
  left: 8px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: calc(50.00% - 13px);
  width: calc(100% - 14px);
}

.autozone-1280 .group-250-enP8Wl {
  background-color: transparent;
  cursor: pointer;
  height: 58px;
  position: absolute;
  right: calc(49.96% - 47px);
  top: 141px;
  width: 95px;
}

.autozone-1280 .component-10-6-4raN5u {
  background-color: transparent;
  bottom: 0px;
  height: 58px;
  left: calc(50.00% - 48px);
  position: absolute;
  width: 95px;
}

.autozone-1280 .rectangle-9-qLWToB {
  background-color: var(--gunsmoke);
  border-radius: 19px;
  height: calc(100% - 20px);
  left: 10px;
  position: relative;
  top: 10px;
  width: calc(100% - 20px);
}

.autozone-1280 .component-6-1-4raN5u {
  background-color: transparent;
  bottom: 1px;
  cursor: pointer;
  height: 56px;
  left: calc(7.69% - 4px);
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 56px;
}

.autozone-1280 .component-6-1-4raN5u:hover {
  transform: translate(5px, 0);
}

.autozone-1280 .ellipse-9-jVyCP6 {
  background-color: var(--background);
  border-radius: 24px;
  box-shadow: 3px 2px 2px #0000004d;
  height: calc(100% - 8px);
  left: 4px;
  position: relative;
  top: 4px;
  width: calc(100% - 8px);
}

.autozone-1280 .group-37-enP8Wl {
  background-color: transparent;
  bottom: -4px;
  height: 100px;
  left: -450px;
  position: absolute;
  width: calc(100% + 900px);
}

.autozone-1280 .rectangle-13-CHN8WO {
  background-color: var(--secondary);
  bottom: 0px;
  height: 100%;
  left: 0px;
  position: absolute;
  width: 100%;
}

.autozone-1280 .group-556-enP8Wl {
  background-color: transparent;
  height: 360px;
  left: 140px;
  position: absolute;
  top: calc(21.21% - 76px);
  width: 592px;
}

.autozone-1280 .welcome-to-auto-zone-yua3oK {
  background-color: transparent;
  height: 53px;
  left: 0px;
  letter-spacing: 0.17px;
  line-height: 26px;
  position: absolute;
  text-align: left;
  top: -2px;
  width: 285px;
}

.autozone-1280 .title-yua3oK {
  background-color: transparent;
  bottom: 41px;
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: 50px;
  font-style: normal;
  font-weight: 300;
  height: 234px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 58px;
  position: absolute;
  text-align: left;
  width: 454px;
}

.autozone-1280 .follow-the-steps-bel-yua3oK {
  background-color: transparent;
  bottom: 0px;
  height: 22px;
  left: 3px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100% - 1px);
}

.autozone-1280 .make-appointment-button-enP8Wl {
  left: calc(25.68% - 94px);
}

.autozone-1280 .make-appointment-button-enP8Wl:hover {
  transform: scale(1.1);
}

.autozone-1280 .span0-xmG2rt {
}

.autozone-1280 .span1-xmG2rt {
}

.autozone-1280 .make-appointment-button-Wmx5oG {
  right: calc(26.78% - 98px);
}

.autozone-1280 .make-appointment-button-Wmx5oG:hover {
  transform: scale(1.1);
}

.autozone-1280 .span0-Xql7Uv {
}

.autozone-1280 .span1-Xql7Uv {
}

.autozone-1280 .path-1-enP8Wl {
  background-color: transparent;
  height: calc(100% - 1133px);
  left: 49.45%;
  object-fit: cover;
  position: absolute;
  top: 820px;
  width: 1px;
}

.autozone-1280 .label {
  background-color: transparent;
  bottom: calc(43.75% - 18px);
  height: 41px;
  letter-spacing: 1.51px;
  line-height: 19px;
  position: absolute;
  right: calc(49.26% - 113px);
  text-align: center;
  white-space: nowrap;
  width: 230px;
}

.autozone-1280 .make-appointment-button {
  background-color: transparent;
  bottom: 168px;
  cursor: pointer;
  height: 73px;
  pointer-events: auto;
  position: absolute;
  transition: all 0.2s ease;
  width: 365px;
}

.autozone-1280 .steps-card {
  background-color: transparent;
  height: 19.51%;
  position: absolute;
  right: 0px;
  width: 92.17%;
}
/* screen - autozone-1920-all-breakpoints */

.autozone-1920-all-breakpoints {
  background-color: var(--background);
  height: 1786px;
  margin: 0px;
  min-width: 1920px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.autozone-1920-all-breakpoints .mask-group-4-fEiIx7 {
  background-color: transparent;
  height: 622px;
  object-fit: cover;
  position: absolute;
  right: -96px;
  top: calc(11.77% - 73px);
  width: 2041px;
}

.autozone-1920-all-breakpoints .rectangle-73-fEiIx7 {
  background-color: var(--photo-overlay);
  height: 583px;
  left: 0px;
  position: absolute;
  top: 176px;
  width: 50.00%;
}

.autozone-1920-all-breakpoints .logo-nav-fEiIx7 {
  height: 6.16%;
  left: -31px;
  position: absolute;
  width: calc(100% + 63px);
}

.autozone-1920-all-breakpoints .logo-nav-L8i3G7 {
  height: 100%;
  left: 0px;
  mix-blend-mode: normal;
  position: relative;
  width: 100%;
}

.autozone-1920-all-breakpoints .rectangle-6-MXR0Vv {
  background-color: var(--background);
  box-shadow: 0px 3px 6px #00000030;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.autozone-1920-all-breakpoints .auto-zone_logo_logotype-MXR0Vv {
  background-color: transparent;
  height: 59px;
  object-fit: cover;
  position: absolute;
  right: calc(49.97% - 153px);
  top: 26px;
  width: 306px;
}

.autozone-1920-all-breakpoints .path-1-fEiIx7 {
  background-color: transparent;
  height: calc(100% - 1201px);
  left: 50.00%;
  object-fit: cover;
  position: absolute;
  top: 836px;
  width: 1px;
}

.autozone-1920-all-breakpoints .group-19-fEiIx7 {
  background-color: transparent;
  display: block;
  height: 29.45%;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  right: 320px;
  top: 836px;
  transform: translate(0, 25px);
  width: 571px;
}

.autozone-1920-all-breakpoints .group-19-fEiIx7.bp1-animate-enter3 {
  animation: bp1-animate-enter3-frames 0.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter3-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.autozone-1920-all-breakpoints .steps-card-Ts8SsE {
  bottom: 0px;
}

.autozone-1920-all-breakpoints .mark-your-calendar-a-qfI4MR {
  background-color: transparent;
  height: 43px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  right: 51px;
  text-align: left;
  top: calc(47.54% - 20px);
  width: 361px;
}

.autozone-1920-all-breakpoints .x4-qfI4MR {
  background-color: transparent;
  color: var(--tertiary-variant);
  font-style: normal;
  font-weight: 400;
  height: 42px;
  left: 22px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  top: calc(48.39% - 20px);
  white-space: nowrap;
  width: 38px;
}

.autozone-1920-all-breakpoints .steps-card-QfOfop {
  bottom: calc(33.65% - 35px);
}

.autozone-1920-all-breakpoints .enter-the-required-c-g60dZY {
  background-color: transparent;
  height: 43px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  right: 23px;
  text-align: left;
  top: calc(47.54% - 20px);
  width: 389px;
}

.autozone-1920-all-breakpoints .x3-g60dZY {
  background-color: transparent;
  color: var(--tertiary-variant);
  font-style: normal;
  font-weight: 400;
  height: 42px;
  left: 22px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  top: calc(48.39% - 20px);
  white-space: nowrap;
  width: 38px;
}

.autozone-1920-all-breakpoints .steps-card-IJ0yaG {
  top: calc(32.70% - 34px);
}

.autozone-1920-all-breakpoints .select-a-day-and-tim-XOJUAy {
  background-color: transparent;
  height: 22px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  right: 44px;
  text-align: left;
  top: calc(50.00% - 11px);
  white-space: nowrap;
  width: 361px;
}

.autozone-1920-all-breakpoints .x2-XOJUAy {
  background-color: transparent;
  color: var(--tertiary-variant);
  font-style: normal;
  font-weight: 400;
  height: 42px;
  left: 22px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  top: calc(48.39% - 20px);
  white-space: nowrap;
  width: 38px;
}

.autozone-1920-all-breakpoints .steps-card-wSoSOH {
  top: 0px;
}

.autozone-1920-all-breakpoints .click-on-the-make-an-yqxwqW {
  background-color: transparent;
  height: 43px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  right: 51px;
  text-align: left;
  top: calc(47.54% - 20px);
  width: 361px;
}

.autozone-1920-all-breakpoints .x1-yqxwqW {
  background-color: transparent;
  color: var(--tertiary-variant);
  font-style: normal;
  font-weight: 400;
  height: 42px;
  left: 22px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  top: calc(48.39% - 20px);
  white-space: nowrap;
  width: 38px;
}

.autozone-1920-all-breakpoints .group-15-fEiIx7 {
  background-color: transparent;
  bottom: calc(25.41% - 83px);
  display: block;
  height: 327px;
  left: calc(23.39% - 129px);
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 552px;
}

.autozone-1920-all-breakpoints .group-15-fEiIx7.bp1-animate-enter4 {
  animation: bp1-animate-enter4-frames 0.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter4-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.autozone-1920-all-breakpoints .important-BxrQ7x {
  background-color: transparent;
  height: 27px;
  left: 0px;
  letter-spacing: 0.17px;
  line-height: 26px;
  position: absolute;
  text-align: left;
  top: calc(25.07% - 7px);
  white-space: nowrap;
  width: 424px;
}

.autozone-1920-all-breakpoints .at-the-time-of-this-BxrQ7x {
  background-color: transparent;
  bottom: 0px;
  height: 211px;
  left: 0px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  width: calc(100% + 2px);
}

.autozone-1920-all-breakpoints .span0-d1uswM {
}

.autozone-1920-all-breakpoints .span1-d1uswM {
}

.autozone-1920-all-breakpoints .span2-d1uswM {
}

.autozone-1920-all-breakpoints .clock-icon-BxrQ7x {
  background-color: transparent;
  height: 57px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 57px;
}

.autozone-1920-all-breakpoints .path-10-TtBkqS {
  background-color: transparent;
  height: calc(100% + 1px);
  left: -1px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: calc(100% + 1px);
}

.autozone-1920-all-breakpoints .group-14-fEiIx7 {
  background-color: transparent;
  bottom: calc(48.11% - 85px);
  display: block;
  height: 176px;
  left: calc(22.99% - 121px);
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 528px;
}

.autozone-1920-all-breakpoints .group-14-fEiIx7.bp1-animate-enter5 {
  animation: bp1-animate-enter5-frames 0.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter5-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.autozone-1920-all-breakpoints .benefits-enrollment-xeNinS {
  background-color: transparent;
  bottom: 0px;
  height: 106px;
  left: 0px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  width: calc(100% + 2px);
}

.autozone-1920-all-breakpoints .headset-icon-xeNinS {
  background-color: transparent;
  height: 52px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 57px;
}

.autozone-1920-all-breakpoints .path-9-zPbFJY {
  background-color: transparent;
  height: 100%;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.autozone-1920-all-breakpoints .language-toggle-bacground-fEiIx7 {
  background-color: var(--gallery);
  box-shadow: 0px 6px 6px #00000029;
  height: 7.33%;
  left: 0px;
  position: absolute;
  top: 6.16%;
  width: 100%;
}

.autozone-1920-all-breakpoints .component-9-1-fEiIx7 {
  background-color: transparent;
  bottom: 1590px;
  height: 42px;
  left: calc(44.33% - 49px);
  position: absolute;
  width: 111px;
}

.autozone-1920-all-breakpoints .english-Q77Zga {
  background-color: transparent;
  height: 26px;
  left: 8px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: right;
  top: calc(50.00% - 13px);
  width: calc(100% - 14px);
}

.autozone-1920-all-breakpoints .component-8-1-fEiIx7 {
  background-color: transparent;
  bottom: 1590px;
  height: 42px;
  position: absolute;
  right: calc(44.03% - 52px);
  width: 119px;
}

.autozone-1920-all-breakpoints .espaol-t6ShYI {
  background-color: transparent;
  height: 26px;
  left: 8px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: calc(50.00% - 13px);
  width: calc(100% - 14px);
}

.autozone-1920-all-breakpoints .group-250-fEiIx7 {
  background-color: transparent;
  cursor: pointer;
  height: 58px;
  position: absolute;
  right: calc(49.92% - 47px);
  top: 147px;
  width: 95px;
}

.autozone-1920-all-breakpoints .component-10-5-4z4Mlx {
  background-color: transparent;
  bottom: 0px;
  height: 58px;
  left: calc(50.00% - 48px);
  position: absolute;
  width: 95px;
}

.autozone-1920-all-breakpoints .rectangle-9-aW5ihu {
  background-color: var(--gunsmoke);
  border-radius: 19px;
  height: calc(100% - 20px);
  left: 10px;
  position: relative;
  top: 10px;
  width: calc(100% - 20px);
}

.autozone-1920-all-breakpoints .component-6-1-4z4Mlx {
  background-color: transparent;
  bottom: 1px;
  cursor: pointer;
  height: 56px;
  left: calc(7.69% - 4px);
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 56px;
}

.autozone-1920-all-breakpoints .component-6-1-4z4Mlx:hover {
  transform: translate(5px, 0);
}

.autozone-1920-all-breakpoints .ellipse-9-wROClC {
  background-color: var(--background);
  border-radius: 24px;
  box-shadow: 3px 2px 2px #0000004d;
  height: calc(100% - 8px);
  left: 4px;
  position: relative;
  top: 4px;
  width: calc(100% - 8px);
}

.autozone-1920-all-breakpoints .make-appointment-button-fEiIx7 {
  left: calc(36.01% - 131px);
}

.autozone-1920-all-breakpoints .make-appointment-button-fEiIx7:hover {
  transform: scale(1.1);
}

.autozone-1920-all-breakpoints .span0-jF5Jsn {
}

.autozone-1920-all-breakpoints .span1-jF5Jsn {
}

.autozone-1920-all-breakpoints .group-37-fEiIx7 {
  background-color: transparent;
  height: 5.60%;
  left: -6.77%;
  position: absolute;
  top: 94.68%;
  width: 113.54%;
}

.autozone-1920-all-breakpoints .rectangle-13-cEg8Nx {
  background-color: var(--secondary);
  height: 100px;
  left: 0px;
  position: relative;
  top: 0px;
  width: 2180px;
}

.autozone-1920-all-breakpoints .make-appointment-button-TlIeTl {
  right: calc(36.01% - 131px);
}

.autozone-1920-all-breakpoints .make-appointment-button-TlIeTl:hover {
  transform: scale(1.1);
}

.autozone-1920-all-breakpoints .span0-6Z0dBS {
}

.autozone-1920-all-breakpoints .span1-6Z0dBS {
}

.autozone-1920-all-breakpoints .group-555-fEiIx7 {
  background-color: transparent;
  height: 378px;
  left: 320px;
  position: absolute;
  top: calc(22.44% - 85px);
  width: 592px;
}

.autozone-1920-all-breakpoints .welcome-to-auto-zone-vz0U7s {
  background-color: transparent;
  height: 53px;
  left: 0px;
  letter-spacing: 0.17px;
  line-height: 26px;
  position: absolute;
  text-align: left;
  top: -2px;
  width: 285px;
}

.autozone-1920-all-breakpoints .title-vz0U7s {
  background-color: transparent;
  bottom: 44px;
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: 49px;
  font-style: normal;
  font-weight: 300;
  height: 233px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 58px;
  position: absolute;
  text-align: left;
  width: calc(100% - 45px);
}

.autozone-1920-all-breakpoints .follow-the-steps-bel-vz0U7s {
  background-color: transparent;
  bottom: 0px;
  height: 22px;
  left: 3px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100% - 1px);
}

.autozone-1920-all-breakpoints .label {
  background-color: transparent;
  bottom: calc(43.75% - 18px);
  height: 41px;
  letter-spacing: 1.51px;
  line-height: 19px;
  position: absolute;
  right: calc(49.26% - 113px);
  text-align: center;
  white-space: nowrap;
  width: 230px;
}

.autozone-1920-all-breakpoints .make-appointment-button {
  background-color: transparent;
  bottom: 192px;
  cursor: pointer;
  height: 73px;
  pointer-events: auto;
  position: absolute;
  transition: all 0.2s ease;
  width: 365px;
}

.autozone-1920-all-breakpoints .steps-card {
  background-color: transparent;
  height: 104px;
  left: 100px;
  position: absolute;
  width: calc(100% - 100px);
}
/* screen - autozone-375 */

.autozone-375 {
  background-color: var(--background);
  height: 3237px;
  margin: 0px;
  min-width: 375px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.autozone-375 .header-gradient-pGxF3y {
  background-color: var(--photo-overlay);
  height: 544px;
  left: 0px;
  position: absolute;
  top: 212px;
  width: 100.30%;
}

.autozone-375 .path-1-pGxF3y {
  background-color: transparent;
  bottom: 38.73%;
  height: 1px;
  left: 27px;
  object-fit: cover;
  position: absolute;
  width: calc(100% - 53px);
}

.autozone-375 .group-18-pGxF3y {
  background-color: transparent;
  bottom: calc(15.22% - 127px);
  display: block;
  height: 834px;
  left: calc(50.00% - 150px);
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 300px;
}

.autozone-375 .group-18-pGxF3y.bp4-animate-enter3 {
  animation: bp4-animate-enter3-frames 0.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter3-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.autozone-375 .steps-card-phone-nnNgCx {
  top: 0px;
}

.autozone-375 .click-on-the-make-an-wJXcXS {
  background-color: transparent;
  height: 85px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  right: 41px;
  text-align: left;
  top: calc(47.37% - 40px);
  width: 200px;
}

.autozone-375 .x1-wJXcXS {
  background-color: transparent;
  color: var(--tertiary-variant);
  font-style: normal;
  font-weight: 400;
  height: 42px;
  left: 18px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  top: calc(48.91% - 21px);
  white-space: nowrap;
  width: 38px;
}

.autozone-375 .steps-card-phone-pIhGzs {
  top: calc(33.35% - 60px);
}

.autozone-375 .select-a-day-and-tim-o0KRZb {
  background-color: transparent;
  height: 43px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  right: 23px;
  text-align: left;
  top: calc(48.18% - 21px);
  width: 221px;
}

.autozone-375 .x2-o0KRZb {
  background-color: transparent;
  color: var(--tertiary-variant);
  font-style: normal;
  font-weight: 400;
  height: 42px;
  left: 18px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  top: calc(48.81% - 21px);
  white-space: nowrap;
  width: 38px;
}

.autozone-375 .steps-card-phone-oerXke {
  bottom: calc(33.33% - 60px);
}

.autozone-375 .enter-the-required-c-FflLcx {
  background-color: transparent;
  height: 85px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  right: 23px;
  text-align: left;
  top: calc(44.21% - 38px);
  width: 221px;
}

.autozone-375 .x3-FflLcx {
  background-color: transparent;
  color: var(--tertiary-variant);
  font-style: normal;
  font-weight: 400;
  height: 42px;
  left: 18px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  top: calc(48.81% - 21px);
  white-space: nowrap;
  width: 38px;
}

.autozone-375 .steps-card-phone-vQSYFi {
  bottom: 0px;
}

.autozone-375 .mark-your-calendar-a-RTx1xV {
  background-color: transparent;
  height: 64px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  right: 34px;
  text-align: left;
  top: calc(46.55% - 30px);
  width: 210px;
}

.autozone-375 .x4-RTx1xV {
  background-color: transparent;
  color: var(--tertiary-variant);
  font-style: normal;
  font-weight: 400;
  height: 42px;
  left: 18px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  top: calc(48.81% - 21px);
  white-space: nowrap;
  width: 38px;
}

.autozone-375 .logo-nav-pGxF3y {
  height: 3.40%;
  left: -52px;
  position: absolute;
  width: calc(100% + 104px);
}

.autozone-375 .logo-nav-M7fD35 {
  height: 100%;
  left: 0px;
  mix-blend-mode: normal;
  position: relative;
  width: 100%;
}

.autozone-375 .auto-zone_logo_logotype-AWZ0oD {
  left: calc(12.46% - 38px);
}

.autozone-375 .logo-nav-jscUmQ {
  height: 3.40%;
  left: -52px;
  position: absolute;
  width: calc(100% + 104px);
}

.autozone-375 .logo-nav-V5NVF2 {
  height: 100%;
  left: 0px;
  mix-blend-mode: normal;
  position: relative;
  width: 100%;
}

.autozone-375 .auto-zone_logo_logotype-AW0VZ9 {
  left: calc(12.46% - 38px);
}

.autozone-375 .logo-nav-9NPBye {
  height: 3.40%;
  left: -52px;
  position: absolute;
  width: calc(100% + 104px);
}

.autozone-375 .logo-nav-iYhen0 {
  height: 100%;
  left: 0px;
  mix-blend-mode: normal;
  position: relative;
  width: 100%;
}

.autozone-375 .auto-zone_logo_logotype-MsSw7X {
  right: calc(49.71% - 152px);
}

.autozone-375 .group-25-pGxF3y {
  background-color: transparent;
  height: 784px;
  left: 28px;
  mix-blend-mode: normal;
  position: absolute;
  top: calc(46.40% - 364px);
  width: calc(100% - 55px);
}

.autozone-375 .group-14-HWXya1 {
  background-color: transparent;
  display: block;
  height: 243px;
  left: 0px;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: calc(100% - 1px);
}

.autozone-375 .group-14-HWXya1.bp4-animate-enter4 {
  animation: bp4-animate-enter4-frames 0.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter4-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.autozone-375 .benefits-enrollment-RTl6YR {
  background-color: transparent;
  bottom: 0px;
  height: 169px;
  left: 1px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  width: calc(100% + 1px);
}

.autozone-375 .headset-icon-RTl6YR {
  background-color: transparent;
  height: 52px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 57px;
}

.autozone-375 .path-9-bNhV2d {
  background-color: transparent;
  height: 100%;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.autozone-375 .group-15-HWXya1 {
  background-color: transparent;
  bottom: 0px;
  display: block;
  height: 478px;
  left: 1px;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.autozone-375 .group-15-HWXya1.bp4-animate-enter5 {
  animation: bp4-animate-enter5-frames 0.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp4-animate-enter5-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.autozone-375 .important-mzxTTI {
  background-color: transparent;
  height: 27px;
  left: 1px;
  letter-spacing: 0.17px;
  line-height: 26px;
  position: absolute;
  text-align: left;
  top: calc(17.60% - 5px);
  white-space: nowrap;
  width: 270px;
}

.autozone-375 .at-the-time-of-this-mzxTTI {
  background-color: transparent;
  bottom: 0px;
  height: 358px;
  left: 1px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  width: calc(100% + 2px);
}

.autozone-375 .span0-FcCNTd {
}

.autozone-375 .span1-FcCNTd {
}

.autozone-375 .span2-FcCNTd {
}

.autozone-375 .clock-icon-mzxTTI {
  background-color: transparent;
  height: 57px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 57px;
}

.autozone-375 .path-10-EovxU0 {
  background-color: transparent;
  height: calc(100% + 1px);
  left: -1px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: calc(100% + 1px);
}

.autozone-375 .language-toggle-bacground-pGxF3y {
  background-color: var(--gallery);
  box-shadow: 0px 6px 6px #00000029;
  height: 3.15%;
  left: 0px;
  position: absolute;
  top: 3.40%;
  width: calc(100% + 1px);
}

.autozone-375 .component-15-2-pGxF3y {
  background-color: transparent;
  bottom: 3053px;
  height: 42px;
  left: calc(7.81% - 9px);
  position: absolute;
  width: 119px;
}

.autozone-375 .english-JEvRSs {
  background-color: transparent;
  height: 26px;
  left: 8px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: right;
  top: calc(50.00% - 13px);
  width: calc(100% - 14px);
}

.autozone-375 .component-20-1-pGxF3y {
  background-color: transparent;
  bottom: 3053px;
  height: 42px;
  position: absolute;
  right: calc(9.38% - 11px);
  width: 119px;
}

.autozone-375 .espaol-RS7nQx {
  background-color: transparent;
  height: 26px;
  left: 8px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: calc(50.00% - 13px);
  width: calc(100% - 14px);
}

.autozone-375 .group-250-pGxF3y {
  background-color: transparent;
  cursor: pointer;
  height: 58px;
  left: calc(50.00% - 48px);
  position: absolute;
  top: 133px;
  width: 95px;
}

.autozone-375 .component-10-8-420g71 {
  background-color: transparent;
  bottom: 0px;
  height: 58px;
  left: calc(50.00% - 48px);
  position: absolute;
  width: 95px;
}

.autozone-375 .rectangle-9-CAnXzu {
  background-color: var(--gunsmoke);
  border-radius: 19px;
  height: calc(100% - 20px);
  left: 10px;
  position: relative;
  top: 10px;
  width: calc(100% - 20px);
}

.autozone-375 .component-6-1-420g71 {
  background-color: transparent;
  bottom: 1px;
  cursor: pointer;
  height: 56px;
  left: calc(7.69% - 4px);
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 56px;
}

.autozone-375 .component-6-1-420g71:hover {
  transform: translate(5px, 0);
}

.autozone-375 .ellipse-9-CWa1Qy {
  background-color: var(--background);
  border-radius: 24px;
  box-shadow: 3px 2px 2px #0000004d;
  height: calc(100% - 8px);
  left: 4px;
  position: relative;
  top: 4px;
  width: calc(100% - 8px);
}

.autozone-375 .group-37-pGxF3y {
  background-color: transparent;
  height: 3.09%;
  left: -21.60%;
  position: absolute;
  top: 97.00%;
  width: 143.47%;
}

.autozone-375 .rectangle-13-DORCLF {
  background-color: var(--secondary);
  height: 100px;
  left: 0px;
  position: relative;
  top: 0px;
  width: 538px;
}

.autozone-375 .family-1-909597940_sm-pGxF3y {
  background-color: transparent;
  height: 437px;
  left: -339px;
  object-fit: cover;
  position: absolute;
  top: calc(22.86% - 100px);
  width: calc(100% + 587px);
}

.autozone-375 .group-554-pGxF3y {
  background-color: transparent;
  height: 355px;
  left: 37px;
  position: absolute;
  top: 259px;
  width: calc(100% - 70px);
}

.autozone-375 .welcome-to-auto-zone-WQH1xg {
  background-color: transparent;
  height: 49px;
  left: 34px;
  letter-spacing: 0.14px;
  line-height: 26px;
  position: absolute;
  text-align: center;
  top: -4px;
  width: calc(100% - 77px);
}

.autozone-375 .title-WQH1xg {
  background-color: transparent;
  bottom: calc(45.38% - 102px);
  height: 225px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 44px;
  position: absolute;
  text-align: center;
  width: calc(100% + 2px);
}

.autozone-375 .follow-the-steps-bel-WQH1xg {
  background-color: transparent;
  bottom: 0px;
  height: 49px;
  left: 23px;
  letter-spacing: 0.43px;
  line-height: 18px;
  position: absolute;
  text-align: center;
  width: calc(100% - 49px);
}

.autozone-375 .make-appointment-button-pGxF3y {
  bottom: 255px;
}

.autozone-375 .make-appointment-button-pGxF3y:hover {
  transform: scale(1.1);
}

.autozone-375 .label-YjndyJ {
  right: calc(49.17% - 80px);
  width: 162px;
}

.autozone-375 .span0-hTKcpr {
  color: var(--secondary);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 900;
}

.autozone-375 .span1-hTKcpr {
}

.autozone-375 .make-appointment-button-jscUmQ {
  bottom: 158px;
}

.autozone-375 .make-appointment-button-jscUmQ:hover {
  transform: scale(1.1);
}

.autozone-375 .label-eRO58v {
  right: calc(49.16% - 81px);
  width: 164px;
}

.autozone-375 .span0-DgPxxw {
  color: var(--secondary);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 900;
}

.autozone-375 .span1-DgPxxw {
}

.autozone-375 .auto-zone_logo_logotype {
  background-color: transparent;
  height: 59px;
  object-fit: cover;
  position: absolute;
  top: 26px;
  width: 306px;
}

.autozone-375 .label {
  background-color: transparent;
  bottom: calc(47.43% - 14px);
  height: 29px;
  letter-spacing: 1.07px;
  line-height: 13px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
}

.autozone-375 .make-appointment-button {
  background-color: transparent;
  cursor: pointer;
  height: 57px;
  pointer-events: auto;
  position: absolute;
  right: calc(50.00% - 142px);
  transition: all 0.2s ease;
  width: 283px;
}

.autozone-375 .rectangle-6 {
  background-color: var(--background);
  box-shadow: 0px 3px 6px #00000030;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}
/* screen - autozone-768 */

.autozone-768 {
  background-color: var(--background);
  height: 2494px;
  margin: 0px;
  min-width: 768px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.autozone-768 .family-1-909597940_sm-Egensn {
  background-color: transparent;
  height: 437px;
  left: 54px;
  object-fit: cover;
  position: absolute;
  top: 213px;
  width: calc(100% + 194px);
}

.autozone-768 .group-19-Egensn {
  background-color: transparent;
  bottom: calc(23.70% - 138px);
  display: block;
  height: 581px;
  left: calc(50.00% - 236px);
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 471px;
}

.autozone-768 .group-19-Egensn.bp3-animate-enter3 {
  animation: bp3-animate-enter3-frames 0.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter3-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.autozone-768 .steps-card-2W2M5Z {
  top: 0px;
}

.autozone-768 .click-on-the-make-an-r26vLR {
  background-color: transparent;
  height: 43px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  right: 51px;
  text-align: left;
  top: calc(47.54% - 20px);
  width: 361px;
}

.autozone-768 .x1-r26vLR {
  background-color: transparent;
  color: var(--tertiary-variant);
  font-style: normal;
  font-weight: 400;
  height: 42px;
  left: 22px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  top: calc(48.39% - 20px);
  white-space: nowrap;
  width: 38px;
}

.autozone-768 .steps-card-OxwV3U {
  top: calc(33.33% - 35px);
}

.autozone-768 .select-a-day-and-tim-4LmNiH {
  background-color: transparent;
  height: 22px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  right: 44px;
  text-align: left;
  top: calc(50.00% - 11px);
  white-space: nowrap;
  width: 361px;
}

.autozone-768 .x2-4LmNiH {
  background-color: transparent;
  color: var(--tertiary-variant);
  font-style: normal;
  font-weight: 400;
  height: 42px;
  left: 22px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  top: calc(48.39% - 20px);
  white-space: nowrap;
  width: 38px;
}

.autozone-768 .steps-card-kBprpi {
  bottom: calc(33.33% - 35px);
}

.autozone-768 .enter-the-required-c-cSTvkG {
  background-color: transparent;
  height: 43px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  right: 23px;
  text-align: left;
  top: calc(47.54% - 20px);
  width: 389px;
}

.autozone-768 .x3-cSTvkG {
  background-color: transparent;
  color: var(--tertiary-variant);
  font-style: normal;
  font-weight: 400;
  height: 42px;
  left: 22px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  top: calc(48.39% - 20px);
  white-space: nowrap;
  width: 38px;
}

.autozone-768 .steps-card-UyVFOe {
  bottom: 0px;
}

.autozone-768 .mark-your-calendar-a-3FRxjP {
  background-color: transparent;
  height: 43px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  right: 51px;
  text-align: left;
  top: calc(47.54% - 20px);
  width: 361px;
}

.autozone-768 .x4-3FRxjP {
  background-color: transparent;
  color: var(--tertiary-variant);
  font-style: normal;
  font-weight: 400;
  height: 42px;
  left: 22px;
  line-height: 38px;
  position: absolute;
  text-align: left;
  top: calc(48.39% - 20px);
  white-space: nowrap;
  width: 38px;
}

.autozone-768 .path-1-Egensn {
  background-color: transparent;
  bottom: 44.58%;
  height: 1px;
  left: 140px;
  object-fit: cover;
  position: absolute;
  width: calc(100% - 280px);
}

.autozone-768 .logo-nav-Egensn {
  height: 4.41%;
  left: -55px;
  position: absolute;
  width: calc(100% + 111px);
}

.autozone-768 .logo-nav-oa4ONE {
  height: 100%;
  left: 0px;
  mix-blend-mode: normal;
  position: relative;
  width: 100%;
}

.autozone-768 .rectangle-6-Y4o25Z {
  background-color: var(--background);
  box-shadow: 0px 3px 6px #00000030;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.autozone-768 .auto-zone_logo_logotype-Y4o25Z {
  background-color: transparent;
  height: 59px;
  object-fit: cover;
  position: absolute;
  right: calc(49.91% - 153px);
  top: 26px;
  width: 306px;
}

.autozone-768 .group-41-Egensn {
  background-color: transparent;
  height: 625px;
  left: calc(48.33% - 232px);
  position: absolute;
  top: calc(37.57% - 235px);
  width: 481px;
}

.autozone-768 .group-14-ThsTT3 {
  background-color: transparent;
  display: block;
  height: 176px;
  left: 1px;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: calc(100% - 19px);
}

.autozone-768 .group-14-ThsTT3.bp3-animate-enter4 {
  animation: bp3-animate-enter4-frames 0.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter4-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.autozone-768 .benefits-enrollment-BxN4NE {
  background-color: transparent;
  bottom: 0px;
  height: 106px;
  left: 1px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  width: calc(100% + 2px);
}

.autozone-768 .headset-icon-BxN4NE {
  background-color: transparent;
  height: 52px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 57px;
}

.autozone-768 .path-9-Fu7iBe {
  background-color: transparent;
  height: 100%;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.autozone-768 .group-15-ThsTT3 {
  background-color: transparent;
  bottom: 0px;
  display: block;
  height: 388px;
  left: 0px;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
  width: 100%;
}

.autozone-768 .group-15-ThsTT3.bp3-animate-enter5 {
  animation: bp3-animate-enter5-frames 0.20s ease-in 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter5-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.autozone-768 .important-jFxFv6 {
  background-color: transparent;
  height: 27px;
  left: 0px;
  letter-spacing: 0.17px;
  line-height: 26px;
  position: absolute;
  text-align: left;
  top: calc(20.22% - 5px);
  white-space: nowrap;
  width: calc(100% - 28px);
}

.autozone-768 .at-the-time-of-this-jFxFv6 {
  background-color: transparent;
  bottom: 0px;
  height: 274px;
  left: 0px;
  letter-spacing: 0.53px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  width: calc(100% + 2px);
}

.autozone-768 .span0-OKR7SJ {
}

.autozone-768 .span1-OKR7SJ {
}

.autozone-768 .span2-OKR7SJ {
}

.autozone-768 .clock-icon-jFxFv6 {
  background-color: transparent;
  height: 57px;
  left: 1px;
  position: absolute;
  top: 0px;
  width: 57px;
}

.autozone-768 .path-10-oKZDYn {
  background-color: transparent;
  height: calc(100% + 1px);
  left: -1px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: calc(100% + 1px);
}

.autozone-768 .header-Egensn {
  background-color: transparent;
  height: 455px;
  left: 0px;
  position: absolute;
  top: 195px;
  width: 50.39%;
}

.autozone-768 .header-gradient-YG028G {
  background-color: var(--photo-overlay);
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 387px;
}

.autozone-768 .language-toggle-bacground-Egensn {
  background-color: var(--gallery);
  box-shadow: 0px 6px 6px #00000029;
  height: 4.05%;
  left: 0px;
  position: absolute;
  top: 4.41%;
  width: calc(100% + 4px);
}

.autozone-768 .component-15-1-Egensn {
  background-color: transparent;
  bottom: 2311px;
  height: 42px;
  left: calc(33.74% - 40px);
  position: absolute;
  width: 119px;
}

.autozone-768 .english-znptcP {
  background-color: transparent;
  height: 26px;
  left: 8px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: right;
  top: calc(50.00% - 13px);
  width: calc(100% - 14px);
}

.autozone-768 .component-18-1-Egensn {
  background-color: transparent;
  bottom: 2311px;
  height: 42px;
  position: absolute;
  right: calc(33.74% - 40px);
  width: 119px;
}

.autozone-768 .espaol-KiYsNu {
  background-color: transparent;
  height: 26px;
  left: 8px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: calc(50.00% - 13px);
  width: calc(100% - 14px);
}

.autozone-768 .group-250-Egensn {
  background-color: transparent;
  cursor: pointer;
  height: 58px;
  position: absolute;
  right: calc(49.93% - 47px);
  top: 132px;
  width: 95px;
}

.autozone-768 .component-10-7-c1NiII {
  background-color: transparent;
  bottom: 0px;
  height: 58px;
  left: calc(50.00% - 48px);
  position: absolute;
  width: 95px;
}

.autozone-768 .rectangle-9-twrBcS {
  background-color: var(--gunsmoke);
  border-radius: 19px;
  height: calc(100% - 20px);
  left: 10px;
  position: relative;
  top: 10px;
  width: calc(100% - 20px);
}

.autozone-768 .component-6-1-c1NiII {
  background-color: transparent;
  bottom: 1px;
  cursor: pointer;
  height: 56px;
  left: calc(7.69% - 4px);
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 56px;
}

.autozone-768 .component-6-1-c1NiII:hover {
  transform: translate(5px, 0);
}

.autozone-768 .ellipse-9-9TmLgj {
  background-color: var(--background);
  border-radius: 24px;
  box-shadow: 3px 2px 2px #0000004d;
  height: calc(100% - 8px);
  left: 4px;
  position: relative;
  top: 4px;
  width: calc(100% - 8px);
}

.autozone-768 .group-37-Egensn {
  background-color: transparent;
  bottom: -2px;
  height: 100px;
  left: -706px;
  position: absolute;
  width: calc(100% + 1412px);
}

.autozone-768 .rectangle-13-CwelCP {
  background-color: var(--secondary);
  bottom: 0px;
  height: 100%;
  left: 0px;
  position: absolute;
  width: 100%;
}

.autozone-768 .make-appointment-button-Egensn {
  bottom: 302px;
}

.autozone-768 .make-appointment-button-Egensn:hover {
  transform: scale(1.1);
}

.autozone-768 .span0-JUVjoy {
}

.autozone-768 .span1-JUVjoy {
}

.autozone-768 .make-appointment-button-qdTmx5 {
  bottom: 177px;
}

.autozone-768 .make-appointment-button-qdTmx5:hover {
  transform: scale(1.1);
}

.autozone-768 .span0-QnBXoP {
}

.autozone-768 .span1-QnBXoP {
}

.autozone-768 .group-554-Egensn {
  background-color: transparent;
  height: 353px;
  left: 54px;
  position: absolute;
  top: 271px;
  width: 259px;
}

.autozone-768 .welcome-to-auto-zone-ozvIAW {
  background-color: transparent;
  height: 49px;
  left: 0px;
  letter-spacing: 0.14px;
  line-height: 26px;
  position: absolute;
  text-align: left;
  top: -4px;
  width: calc(100% - 31px);
}

.autozone-768 .title-ozvIAW {
  background-color: transparent;
  bottom: calc(46.88% - 105px);
  height: 225px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 44px;
  position: absolute;
  text-align: left;
  width: calc(100% + 2px);
}

.autozone-768 .follow-the-steps-bel-ozvIAW {
  background-color: transparent;
  bottom: 0px;
  height: 49px;
  left: 3px;
  letter-spacing: 0.43px;
  line-height: 18px;
  position: absolute;
  text-align: left;
  width: calc(100% - 3px);
}

.autozone-768 .label {
  background-color: transparent;
  bottom: calc(43.75% - 18px);
  height: 41px;
  letter-spacing: 1.51px;
  line-height: 19px;
  position: absolute;
  right: calc(49.26% - 113px);
  text-align: center;
  white-space: nowrap;
  width: 230px;
}

.autozone-768 .make-appointment-button {
  background-color: transparent;
  cursor: pointer;
  height: 73px;
  left: calc(50.00% - 182px);
  pointer-events: auto;
  position: absolute;
  transition: all 0.2s ease;
  width: 365px;
}

.autozone-768 .steps-card {
  background-color: transparent;
  height: 104px;
  left: 0px;
  position: absolute;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .screen.autozone-1920-all-breakpoints { 
    display: none;
   }
  .screen.autozone-1280 { 
    display: none;
   }
  .screen.autozone-768 { 
    display: none;
   }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .screen.autozone-1920-all-breakpoints { 
    display: none;
   }
  .screen.autozone-1280 { 
    display: none;
   }
  .screen.autozone-375 { 
    display: none;
   }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .screen.autozone-1920-all-breakpoints { 
    display: none;
   }
  .screen.autozone-768 { 
    display: none;
   }
  .screen.autozone-375 { 
    display: none;
   }
}
@media screen and (min-width: 1920px) {
  .screen.autozone-1280 { 
    display: none;
   }
  .screen.autozone-768 { 
    display: none;
   }
  .screen.autozone-375 { 
    display: none;
   }
}