/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.4
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

body {
  position: relative;
}

.nitohide {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background: #000000;
}

.new-car-content,
.step-box {
  text-align: center;
}

body {
  padding-top: 116px;
}

@media screen and (max-width: 1024px) and (min-width: 880px) {
  #elementor-visible-tablet>.e-con-inner>.elementor-element:first-child>.elementor-widget-container {
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 1024px) {
  body {
    padding-top: 80px;
  }

  #elementor-hidden-mobile_extra {
    display: block !important;
  }

  #elementor-hidden-mobile_extra .e-con-inner {
    padding-top: 0;
  }

  #elementor-visible-tablet {
    display: none !important;
  }

  .elementor-element-6c86768 .e-con-inner {
    padding-bottom: 0;
  }
}

@media screen and (max-width: 768px) {
  .elementor-hidden-mobile_extra {
    display: none !important;
  }
}

.navigation-popup-trigger a {
  font-family: "Arial", Sans-serif !important;
  padding: 11px 20px 12px 20px !important;
  border-radius: 4rem 4rem 4rem 4rem;
  margin-left: 34px !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  cursor: pointer !important;
  border: 2px solid #00C7C7;
  text-transform: uppercase;
  color: #00C7C7 !important;
}

.navigation-popup-trigger a:hover {
  background-color: #00C7C7 !important;
  color: #fff !important;
}

.sgpb-popup-overlay {
  background-color: rgba(0, 0, 0, .5) !important;
  background: unset;
}

#sgpb-popup-dialog-main-div-wrapper .sgpb-popup-close-button-1 {
  display: none;
}

#sgpb-popup-dialog-main-div-wrapper #sgpb-popup-dialog-main-div {
  box-shadow: none !important;
  padding: 30px !important;
  width: 700px !important;
  border: 0 !important;
  border-radius: 3px;
}

#sgpb-popup-dialog-main-div-wrapper #sgpb-popup-dialog-main-div p {
  font-family: "Sharp Grotesk", sans-serif;
  margin-bottom: 65px;
  text-align: center;
  line-height: 1.06;
  font-weight: 500;
  font-size: 40px;
  color: #000;
}

#sgpb-popup-dialog-main-div-wrapper #sgpb-popup-dialog-main-div figure {
  width: calc(50% - 33px);
  justify-content: center;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  border-radius: 15px;
  background: #000;
  min-height: 80px;
  margin: 0 15px;
}

@media screen and (max-width: 575px) {
  #sgpb-popup-dialog-main-div-wrapper #sgpb-popup-dialog-main-div {
    padding: 15px;
  }

  #sgpb-popup-dialog-main-div-wrapper #sgpb-popup-dialog-main-div figure {
    background: transparent;
    width: calc(50% - 13px);
    min-height: 40px;
    margin: 0 5px;
    height: 40px;
  }

  #sgpb-popup-dialog-main-div-wrapper #sgpb-popup-dialog-main-div p {
    margin-bottom: 20px;
    line-height: 1.2;
    font-size: 24px;
  }

  #sgpb-popup-dialog-main-div-wrapper #sgpb-popup-dialog-main-div>div {
    overflow: unset !important;
  }
}

#faq-accordion .elementor-tab-title,
#faq-accordion .elementor-tab-content {
  border-bottom: 1px solid #000;
}

#faq-accordion .elementor-tab-content p:last-child {
  margin-bottom: 0;
}

#faq-accordion .elementor-accordion-icon-opened,
#faq-accordion .elementor-accordion-icon-closed {
  margin-left: -18px;
}

#faq-accordion .elementor-accordion-icon-opened svg,
#faq-accordion .elementor-accordion-icon-closed svg {
  height: 38px;
  width: 38px;
}

#faq-accordion .elementor-accordion-icon-closed svg {
  rotate: 45deg;
}

#faq-accordion .elementor-accordion-item {
  margin-bottom: 60px;
}

@media screen and (max-width: 768px) {

  #faq-accordion .elementor-accordion-icon-opened svg,
  #faq-accordion .elementor-accordion-icon-closed svg {
    height: 23px;
    width: 23px;
  }

  #faq-accordion .elementor-accordion-item {
    margin-bottom: 54px;
  }
}

@media screen and (max-width: 1024px) {
  .elementor-11 .elementor-element.elementor-element-07ab08c>.elementor-widget-container {
    margin-top: 0 !important;
  }

  #header-menu .elementor-menu-toggle {
    justify-content: flex-end;
    padding: 0;
    margin: 0;
  }

  #header-menu .elementor-nav-menu--dropdown {
    background: #fff;
    position: fixed;
    padding: 50px;
    height: 100%;
    width: 100%;
    top: 60px;
    margin: 0;
    left: 0;
  }

  #header-menu .elementor-nav-menu--dropdown .elementor-nav-menu {
    flex-direction: column;
    align-items: center;
    display: flex;
    margin: 0;
    gap: 30px;
  }

  #header-menu .elementor-nav-menu--dropdown .elementor-nav-menu .elementor-item {
    padding: 4px 0;
  }

  #header-menu .elementor-nav-menu--dropdown .elementor-nav-menu .navigation-popup-trigger .elementor-item {
    margin: 0 !important;
  }
}

@keyframes fadeInRightToLeft {
  0% {
    opacity: 0;
    transform: translateX(500px);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

.fadeInRightToLeft {
  animation-name: fadeInRightToLeft;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(500px);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

.fadeInUpSD {
  animation-name: fadeInUp;
}

@keyframes carsScale {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }

  100% {
    opacity: 1;
    transform: scale(1.05);
  }
}

.carsScale {
  animation-name: carsScale;
}

@keyframes carPark {
  0% {
    transform: translateY(0);
  }

  25% {
    transform: translateY(10%);
  }

  50% {
    transform: translateY(20%) translateX(-2%) rotate(5deg);
  }

  75% {
    transform: translateY(30%) translateX(-5%) rotate(10deg);
  }

  100% {
    transform: translateY(40%) translateX(-7%) rotate(20deg);
  }
}

.carPark {
  animation-name: carPark;
}

@keyframes iconAppear {
  from {
    transform: scale(0);
    opacity: 1;
  }

  to {
    transform: scale(1);
    opacity: 1;
  }
}

.iconAppear {
  animation-name: iconAppear;
}

@keyframes circle_spin {
  0% {
    transform: translate(76.5px, 84.5px) rotate(360deg);
  }

  16.666667% {
    transform: translate(76.5px, 84.5px) rotate(540deg);
  }

  33.333333% {
    transform: translate(76.5px, 84.5px) rotate(720deg);
  }

  100% {
    transform: translate(76.5px, 84.5px) rotate(720deg);
  }
}

.circle_spin {
  animation-name: circle_spin;
}

@keyframes b5_to__to {
  0% {
    transform: translate(179.468858px, -342.686323px);
  }

  100% {
    transform: translate(113.75663px, 187.360921px);
  }
}

@keyframes b7_to__to {
  0% {
    transform: translate(-177.024987px, 417.394297px);
  }

  100% {
    transform: translate(-81.763344px, -130.783343px);
  }
}

@keyframes b9_to__to {
  0% {
    transform: translate(-227.313525px, -490.219512px);
  }

  100% {
    transform: translate(323.632041px, 67.444891px);
  }
}

@keyframes b11_to__to {
  0% {
    transform: translate(314.213856px, 545.744234px);
  }

  100% {
    transform: translate(-52.919686px, -11.014173px);
  }
}

@keyframes b13_to__to {
  0% {
    transform: translate(-310.666649px, -50.167071px);
  }

  100% {
    transform: translate(270.654249px, -67.911864px);
  }
}

@keyframes b15_to__to {
  0% {
    transform: translate(459.07447px, 196.449929px);
  }

  100% {
    transform: translate(-7.914874px, 30.756614px);
  }
}

@keyframes b17_to__to {
  0% {
    transform: translate(-462.667486px, 374.094273px);
  }

  100% {
    transform: translate(88.541297px, -155.558635px);
  }
}

@keyframes b19_to__to {
  0% {
    transform: translate(504.638117px, -172.110468px);
  }

  100% {
    transform: translate(-44.554578px, 198.547103px);
  }
}

@keyframes b21_to__to {
  0% {
    transform: translate(-108.197608px, -71.777785px);
  }

  50% {
    transform: translate(-108.197608px, -71.777785px);
  }

  100% {
    transform: translate(93.669534px, -415.785544px);
  }
}

@keyframes b23_to__to {
  0% {
    transform: translate(162.92538px, 114.04162px);
  }

  70% {
    transform: translate(162.92538px, 114.04162px);
  }

  100% {
    transform: translate(-84.677815px, 451.49359px);
  }
}

@keyframes b25_to__to {
  0% {
    transform: translate(-118.696069px, -13.327661px);
  }

  70% {
    transform: translate(-118.696069px, -13.327661px);
  }

  100% {
    transform: translate(-184.408297px, -335.734046px);
  }
}

@keyframes b27_to__to {
  0% {
    transform: translate(214.373559px, 42.336592px);
  }

  50% {
    transform: translate(214.373559px, 42.336592px);
  }

  100% {
    transform: translate(369.903223px, 368.115015px);
  }
}

@keyframes b29_to__to {
  0% {
    transform: translate(10.143804px, 215.39253px);
  }

  70% {
    transform: translate(10.143804px, 215.39253px);
  }

  100% {
    transform: translate(-294.456597px, -83.081926px);
  }
}

@keyframes b31_to__to {
  0% {
    transform: translate(202.079652px, -51.088931px);
  }

  50% {
    transform: translate(202.079652px, -51.088931px);
  }

  100% {
    transform: translate(587.566316px, 51.975473px);
  }
}

@keyframes b33_to__to {
  0% {
    transform: translate(-15.294021px, 170.962963px);
  }

  70% {
    transform: translate(-15.294021px, 170.962963px);
  }

  100% {
    transform: translate(-381.919479px, 204.102122px);
  }
}

@keyframes b35_to__to {
  0% {
    transform: translate(89.963402px, -49.784066px);
  }

  50% {
    transform: translate(89.963402px, -49.784066px);
  }

  100% {
    transform: translate(410.258509px, -267.263373px);
  }
}

.b5_to__to {
  animation-name: b5_to__to;
}

.b7_to__to {
  animation-name: b7_to__to;
}

.b9_to__to {
  animation-name: b9_to__to;
}

.b11_to__to {
  animation-name: b11_to__to;
}

.b13_to__to {
  animation-name: b13_to__to;
}

.b15_to__to {
  animation-name: b15_to__to;
}

.b17_to__to {
  animation-name: b17_to__to;
}

.b19_to__to {
  animation-name: b19_to__to;
}

.b21_to__to {
  animation-name: b21_to__to;
}

.b23_to__to {
  animation-name: b23_to__to;
}

.b25_to__to {
  animation-name: b25_to__to;
}

.b27_to__to {
  animation-name: b27_to__to;
}

.b29_to__to {
  animation-name: b29_to__to;
}

.b31_to__to {
  animation-name: b31_to__to;
}

.b33_to__to {
  animation-name: b33_to__to;
}

.b35_to__to {
  animation-name: b35_to__to;
}

@keyframes emd9spzitm9d22_to__to {
  0% {
    transform: translateY(0px);
  }

  100% {
    transform: translateY(5px);
  }
}

.emd9spzitm9d22_to__to {
  animation-name: emd9spzitm9d22_to__to;
}

@keyframes eu3urflsbyih2_c_o {
  0% {
    opacity: 0;
  }

  69% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes eu3urflsbyih3_c_o {
  0% {
    opacity: 0;
  }

  61% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes eu3urflsbyih4_c_o {
  0% {
    opacity: 0;
  }

  55% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes eu3urflsbyih5_c_o {
  0% {
    opacity: 0;
  }

  48% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes eu3urflsbyih6_c_o {
  0% {
    opacity: 0;
  }

  37% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes eu3urflsbyih7_c_o {
  0% {
    opacity: 0;
  }

  24% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes eu3urflsbyih8_c_o {
  0% {
    opacity: 0;
  }

  17% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes eu3urflsbyih9_c_o {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 0;
    animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  }

  100% {
    opacity: 1;
  }
}

@keyframes eu3urflsbyih10_c_o {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.eu3urflsbyih2_c_o {
  animation-name: eu3urflsbyih2_c_o;
}

.eu3urflsbyih3_c_o {
  animation-name: eu3urflsbyih3_c_o;
}

.eu3urflsbyih4_c_o {
  animation-name: eu3urflsbyih4_c_o;
}

.eu3urflsbyih5_c_o {
  animation-name: eu3urflsbyih5_c_o;
}

.eu3urflsbyih6_c_o {
  animation-name: eu3urflsbyih6_c_o;
}

.eu3urflsbyih7_c_o {
  animation-name: eu3urflsbyih7_c_o;
}

.eu3urflsbyih8_c_o {
  animation-name: eu3urflsbyih8_c_o;
}

.eu3urflsbyih9_c_o {
  animation-name: eu3urflsbyih9_c_o;
}

.eu3urflsbyih10_c_o {
  animation-name: eu3urflsbyih10_c_o;
}


.horizontal-section {
  position: relative;
  width: 100%;
  min-height: 100vh;
}

.horizontal-section .tall-outer-container {
  position: relative;
  width: 100%;
  background-color: #f0f0f0;
  /* Assuming $bg-gallery is defined elsewhere */
}

.horizontal-section .tall-outer-container .sticky-inner-container {
  position: sticky;
  top: 0;
  height: 100vh;
  width: 100%;
  overflow: hidden;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container {
  position: absolute;
  height: 100%;
  width: 100%;
  will-change: transform;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container {
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide {
  position: relative;
  height: 100vh;
  width: 100%;
  flex-shrink: 0;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide {
  position: relative;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide .container {
  height: 100%;
  display: flex;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide .container .left-side {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 129px;
  padding-left: 130px;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide .container .left-side .icon {
  width: 120px;
  height: 120px;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide .container .left-side .text h2 {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 120px;
  font-weight: 500;
  line-height: 1.13;
  margin-bottom: 90px;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide .container .left-side .text p {
  font-family: "Sharp Sans", Sans-serif;
  font-size: 38px;
  line-height: normal;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide .container .left-side>* {
  margin-bottom: 50px;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide .container .right-side {
  position: relative;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide .container .right-side .cars {
  display: grid;
  grid-template-columns: repeat(4, 250px);
  grid-template-rows: auto;
  height: 100%;
  position: absolute;
  top: -100px;
  row-gap: 50px;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide .container .right-side .cars .car-three {
  grid-column: 3;
  grid-row: 3;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide.slick-start .cars img {
  animation: carsScale;
  animation-fill-mode: forwards;
  animation-duration: 1s;
  opacity: 1;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide .container .right-side .cars img {
  opacity: 0;
  width: 100%;
  height: auto;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide.slick-start .cars img {
  animation: carsScale;
  animation-fill-mode: forwards;
  animation-duration: 1s;
  opacity: 1;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide .container .right-side .cars>* {
  width: 400px;
  height: auto;
  transform: scale(1.05);
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide.slick-start svg #eu3urflsbyih2 {
  animation: eu3urflsbyih2_c_o 1s linear 1 0.5s forwards;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide.slick-start svg #eu3urflsbyih3 {
  animation: eu3urflsbyih3_c_o 1s linear 1 0.5s forwards;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide.slick-start svg #eu3urflsbyih4 {
  animation: eu3urflsbyih4_c_o 1s linear 1 0.5s forwards;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide.slick-start svg #eu3urflsbyih5 {
  animation: eu3urflsbyih5_c_o 1s linear 1 0.5s forwards;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide.slick-start svg #eu3urflsbyih6 {
  animation: eu3urflsbyih6_c_o 1s linear 1 0.5s forwards;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide.slick-start svg #eu3urflsbyih7 {
  animation: eu3urflsbyih7_c_o 1s linear 1 0.5s forwards;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide.slick-start svg #eu3urflsbyih8 {
  animation: eu3urflsbyih8_c_o 1s linear 1 0.5s forwards;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide.slick-start svg #eu3urflsbyih9 {
  animation: eu3urflsbyih9_c_o 1s linear 1 0.5s forwards;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide.slick-start svg #eu3urflsbyih10 {
  animation: eu3urflsbyih10_c_o 1s linear 1 0.5s forwards;
}

@media all and (min-width: 2000px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide .container .right-side .cars {
    top: 60px;
  }
}

@media all and (max-width: 1600px) and (min-width: 1551px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide .container .left-side .text h2 {
    font-size: 110px;
    margin-bottom: 80px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide .container .left-side .text p {
    font-size: 35px;
  }
}

@media all and (max-width: 1550px) and (min-width: 1367px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide .container .left-side .text h2 {
    font-size: 100px;
    margin-bottom: 80px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide .container .left-side .text p {
    font-size: 30px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide .container .right-side .cars {
    grid-template-columns: repeat(3, 180px);
    top: -80px;
    left: -140px;
    row-gap: 40px;
  }
}

@media all and (max-width: 1366px) and (min-width: 1126px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide .container .left-side .text h2 {
    font-size: 80px;
    margin-bottom: 70px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide .container .left-side .text p {
    font-size: 25px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide .container .right-side .cars {
    top: -120px;
    left: -160px;
    row-gap: 40px;
  }
}

@media all and (max-width: 1125px) and (min-width: 1026px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide .container .right-side .cars {
    grid-template-columns: repeat(4, 150px);
    top: -126.4px;
    left: -232px;
    row-gap: 24px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fourth-slide .container .left-side h2 {
    font-size: 80px;
    line-height: 90.4px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fourth-slide .container .left-side {
    padding-left: 104px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fourth-slide .container .left-side p {
    margin-bottom: 80px;
    font-size: 30.4px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fourth-slide .container .left-side .icon {
    width: 96px;
    height: 96px;
  }
}

@media all and (max-width: 1024px) and (min-width: 840px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide .container .left-side .text h2 {
    font-size: 100px;
    margin-bottom: 80px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide .container .left-side .text p {
    font-size: 36px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide .container .right-side .cars {
    grid-template-columns: repeat(4, 150px);
    top: -15.80px;
    left: -290px;
    row-gap: 30px;
  }
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.sixth-slide {
  position: relative;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.sixth-slide .container {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.sixth-slide .container .text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.sixth-slide .container .text button {
  text-decoration: none;
  margin-bottom: 90px;
  text-transform: uppercase;
  border-radius: 5.50px;
  font-size: 5.50px;
  text-align: left;
  padding: 1.80px 40px;
  border-width: 4px;
  outline: none;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.sixth-slide .container .text h2 {
  font-family: "Sharp Grotesk", sans-serif;
  opacity: 0;
  font-size: 120px;
  font-weight: 500;
  line-height: 1.13;
  margin-bottom: 90px;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.sixth-slide.slick-start .container .text h2 {
  animation: fadeInRightToLeft;
  animation-fill-mode: forwards;
  animation-duration: 1.2s;
  opacity: 1;
}

@media all and (max-width: 1600px) and (min-width: 1551px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.sixth-slide .container .text p {
    font-size: 3.50px;
  }
}

@media all and (max-width: 1550px) and (min-width: 1126px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.sixth-slide .container .text p {
    font-size: 30px;
  }
}

@media all and (max-width: 1024px) and (min-width: 840px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.sixth-slide .container .text {
    position: absolute;
    left: 570px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.sixth-slide .container .text button {
    font-size: 2.750px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.sixth-slide .container .text h2 {
    font-size: 7.50px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.sixth-slide .container .text p {
    font-size: 2.70px;
  }
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.second-slide {
  position: relative;
  width: 90%;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.second-slide .container {
  height: 100%;
  z-index: 100;
  display: flex;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.second-slide .container .text {
  padding-top: 129px;
  padding-left: 130px;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.second-slide .container .text h2 {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 100px;
  font-weight: 500;
  letter-spacing: 3px;
  line-height: 1;
  margin-bottom: 80px;
  opacity: 0;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.second-slide .container .text p:first-of-type {
  font-family: "Sharp Sans", Sans-serif;
  font-size: 38px;
  margin-bottom: 80px;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.second-slide .container .text p:last-of-type {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 54px;
  /* Assuming $accent-text-color is defined elsewhere */
  color: #00c5c5;
  margin-bottom: 80px;
  line-height: 1.26;
  z-index: 200;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.second-slide.slick-start .container .text h2 {
  animation: fadeInRightToLeft;
  animation-fill-mode: forwards;
  animation-duration: 1.2s;
  opacity: 1;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.second-slide.slick-start .container .car-img {
  animation: fadeInUp;
  animation-fill-mode: forwards;
  animation-duration: 1.2s;
  opacity: 1;
  overflow: hidden;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.second-slide .container .car-img {
  width: 810px;
  position: absolute;
  right: 1.70px;
  top: 300px;
  opacity: 0;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.second-slide .container .car-img img {
  width: 100%;
  z-index: 100;
}

@media all and (min-width: 2000px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.second-slide .container .car-img {
    max-width: 800px;
    right: 320px;
    top: 320px;
  }
}

@media all and (max-width: 1600px) and (min-width: 1441px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.second-slide .container .text {
    padding-top: 109px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.second-slide .container .text p:first-of-type {
    font-size: 35px;
    margin-bottom: 70px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.second-slide .container .text p:last-of-type {
    font-size: 51px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.second-slide .container .car-img {
    max-width: 600px;
    right: 27px;
    top: 320px;
  }
}

@media all and (max-width: 1440px) and (min-width: 1366px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.second-slide .container .text h2 {
    font-size: 80px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.second-slide .container .text p:first-of-type {
    font-size: 30px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.second-slide .container .text p:last-of-type {
    font-size: 45px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.second-slide .container .car-img {
    max-width: 600px;
    right: 1.70px;
    top: 280px;
  }
}

@media all and (max-width: 1366px) and (min-width: 1126px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.second-slide .container .text h2 {
    font-size: 70px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.second-slide .container .text p:first-of-type {
    font-size: 22.4px;
    margin-bottom: 60px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.second-slide .container .text p:last-of-type {
    font-size: 38px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.second-slide .container .car-img {
    max-width: 470px;
    right: -105px;
    top: 280px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.second-slide .container .text h2 {
    margin-bottom: 50px;
  }
}

@media all and (max-width: 1125px) and (min-width: 1026px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.second-slide .container .text {
    padding-left: 80px;
    padding-top: 80px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.second-slide .container .text h2 {
    font-size: 62.4px;
    margin-bottom: 64px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.second-slide .container .text p:first-of-type {
    font-size: 22.4px;
    margin-bottom: 64px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.second-slide .container .text p:last-of-type {
    font-size: 38.4px;
    margin-bottom: 64px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide .container .left-side .icon {
    width: 96px;
    height: 96px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide .container .left-side .text h2 {
    font-size: 96px;
    margin-bottom: 72px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide .container .left-side .text p {
    font-size: 30.4px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide .container .right-side .cars .car-two,
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide .container .right-side .cars .car-three,
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide .container .right-side .cars>* {
    width: 320px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.second-slide .container .car-img {
    max-width: 520px;
    right: 2.70px;
    top: 470px;
  }
}

@media all and (max-width: 1024px) and (min-width: 840px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.second-slide .container .text {
    padding-left: 70px;
    padding-top: 70px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.second-slide .container .text h2 {
    font-size: 80px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.second-slide .container .text p:first-of-type {
    font-size: 27px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.second-slide .container .text p:last-of-type {
    font-size: 47px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.second-slide .container .car-img {
    max-width: 400px;
    right: 2.70px;
    top: 570px;
  }
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fourth-slide {
  position: relative;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fourth-slide .container {
  height: 100%;
  display: flex;
  overflow: hidden;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fourth-slide .container .left-side {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 129px;
  padding-left: 130px;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fourth-slide .container .left-side h2 {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 100px;
  font-weight: 500;
  line-height: 1.13;
  opacity: 0;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fourth-slide .container .left-side p {
  font-family: "Sharp Sans", Sans-serif;
  font-size: 38px;
  line-height: normal;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fourth-slide .container .left-side .icon {
  width: 120px;
  height: 120px;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fourth-slide .container .left-side>* {
  margin-bottom: 100px;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fourth-slide .container .right-side .car {
  height: auto;
  position: absolute;
  left: 1180px;
  top: -1000px;
  width: 660px;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fourth-slide .container .right-side .car img {
  width: 100%;
  height: auto;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fourth-slide.slick-start h2 {
  animation: fadeInRightToLeft;
  animation-fill-mode: forwards;
  animation-duration: 1.2s;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fourth-slide.slick-start svg #e1w54mnlsh122_tr {
  animation: circle_spin 3s linear 1 0.3s forwards;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fourth-slide.slick-start .car {
  opacity: 1;
  animation: carPark 0.8s linear 1 0.3s forwards;
}

@media all and (max-width: 1600px) and (min-width: 1551px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fourth-slide .container {
    padding-top: 109px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fourth-slide .container .left-side p {
    font-size: 35px;
    margin-bottom: 20px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fourth-slide .container .right-side .car {
    left: 1080px;
  }
}

@media all and (max-width: 1550px) and (min-width: 1441px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fourth-slide .container {
    padding-top: 100px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fourth-slide .container .left-side p {
    font-size: 33px;
    margin-bottom: 20px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fourth-slide .container .right-side .car {
    width: 600px;
    left: 1070px;
    bottom: 700px;
  }
}

@media all and (max-width: 1440px) and (min-width: 1367px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fourth-slide .container .left-side p {
    font-size: 30px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fourth-slide .container .right-side .car {
    left: 930px;
    top: -600px;
    width: 500px;
    height: auto;
  }
}

@media all and (max-width: 1366px) and (min-width: 1126px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fourth-slide .container .left-side p {
    font-size: 30px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fourth-slide .container .left-side .icon {
    width: 100px;
    height: 100px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fourth-slide .container .left-side>* {
    margin-bottom: 60px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fourth-slide .container .right-side .car {
    left: 930px;
    top: -600px;
    width: 500px;
    height: auto;
  }
}

@media all and (max-width: 1125px) and (min-width: 1026px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fourth-slide .container .right-side .car {
    left: 916px;
    top: -512px;
    width: 464px;
  }
}

@media all and (max-width: 1024px) and (min-width: 840px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fourth-slide .container .left-side h2 {
    font-size: 80px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fourth-slide .container .left-side p {
    font-size: 36px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fourth-slide .container .right-side .car {
    left: 900px;
    top: -860px;
    width: 580px;
  }
}




.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide {
  width: 110% !important;
  position: relative;
  margin-right: 200px;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide .container {
  display: flex;
  padding-left: 130px;
  padding-top: 80px;
  height: 100%;
  align-items: center;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide .container .text {
  z-index: 200;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide .container .text h1 {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 230px;
  font-weight: 500;
  letter-spacing: 3px;
  line-height: 1;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide .container .text h1:last-of-type {
  color: #00c7c7;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide .container .car-loop {
  width: 600px;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide .container .car-loop svg {
  width: 1470px;
  overflow: visible;
  position: absolute;
  top: -170px;
  left: 710px;
  z-index: 200;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide.slick-start .car-loop svg #b5_to {
  animation: b5_to__to 1000ms linear 1 normal forwards;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide.slick-start .car-loop svg #b7_to {
  animation: b7_to__to 1000ms linear 1 normal forwards;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide.slick-start .car-loop svg #b9_to {
  animation: b9_to__to 1000ms linear 1 normal forwards;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide.slick-start .car-loop svg #b11_to {
  animation: b11_to__to 1000ms linear 1 normal forwards;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide.slick-start .car-loop svg #b13_to {
  animation: b13_to__to 1000ms linear 1 normal forwards;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide.slick-start .car-loop svg #b15_to {
  animation: b15_to__to 1000ms linear 1 normal forwards;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide.slick-start .car-loop svg #b17_to {
  animation: b17_to__to 1000ms linear 1 normal forwards;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide.slick-start .car-loop svg #b19_to {
  animation: b19_to__to 1000ms linear 1 normal forwards;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide.slick-start .car-loop svg #b21_to {
  animation: b21_to__to 1000ms linear 1 normal forwards;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide.slick-start .car-loop svg #b23_to {
  animation: b23_to__to 1000ms linear 1 normal forwards;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide.slick-start .car-loop svg #b25_to {
  animation: b25_to__to 1000ms linear 1 normal forwards;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide.slick-start .car-loop svg #b27_to {
  animation: b27_to__to 1000ms linear 1 normal forwards;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide.slick-start .car-loop svg #b29_to {
  animation: b29_to__to 1000ms linear 1 normal forwards;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide.slick-start .car-loop svg #b31_to {
  animation: b31_to__to 1000ms linear 1 normal forwards;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide.slick-start .car-loop svg #b33_to {
  animation: b33_to__to 1000ms linear 1 normal forwards;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide.slick-start .car-loop svg #b35_to {
  animation: b35_to__to 1000ms linear 1 normal forwards;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide.slick-start .car {
  opacity: 1;
  animation: carPark 0.8s linear 1 0.3s forwards;
}

@media all and (min-width: 2000px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide .container .text h1 {
    font-size: 250px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide .container .car-loop svg {
    width: 1960px;
    top: -130px;
    left: 660px;
  }
}

@media all and (max-width: 1902px) and (min-width: 1601px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide .container .car-loop svg {
    top: -150px;
  }
}

@media all and (max-width: 1600px) and (min-width: 1551px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide .container {
    padding-top: 0;
    padding-left: 0;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide .container .text {
    padding-left: 100px;
    padding-top: 70px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide .container .text h1 {
    font-size: 200px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide .container .car-loop svg {
    width: 1320px;
    top: -130px;
    left: 600px;
  }
}

@media all and (max-width: 1550px) and (min-width: 1441px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide .container {
    padding-top: 0;
    padding-left: 0;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide .container .text {
    padding-left: 100px;
    padding-top: 70px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide .container .text h1 {
    font-size: 180px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide .container .car-loop svg {
    width: 1340px;
    top: -90px;
    left: 510px;
  }
}

@media all and (max-width: 1440px) and (min-width: 1367px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide .container {
    padding-left: 100px;
    padding-top: 70px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide .container .text h1 {
    font-size: 180px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide .container .car-loop svg {
    width: 1240px;
    left: 540px;
    top: -100px;
  }
}



/* Media Query for max-width: 1366px and min-width: 1328px */
@media all and (max-width: 1366px) and (min-width: 1328px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide .container {
    padding-left: 100px;
    padding-top: 70px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide .container .text h1 {
    font-size: 160px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide .container .car-loop svg {
    width: 1240px;
    left: 450px;
    top: -150px;
  }
}

/* Media Query for max-width: 1327px and min-width: 1280px */
@media all and (max-width: 1327px) and (min-width: 1280px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide .container {
    padding-left: 100px;
    padding-top: 70px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide .container .text h1 {
    font-size: 200px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide .container .car-loop svg {
    width: 1280px;
    left: 640px;
    top: -80px;
  }
}

/* Media Query for max-width: 1280px and min-width: 1251px */
@media all and (max-width: 1280px) and (min-width: 1251px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide .container .text h1 {
    font-size: 144px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide .container .car-loop svg {
    width: 1310px;
    left: 550px;
    top: -130px;
  }
}

/* Media Query for max-width: 1250px and min-width: 1025px */
@media all and (max-width: 1250px) and (min-width: 1025px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide .container .text h1 {
    font-size: 144px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide .container .car-loop svg {
    width: 1048px;
    left: 440px;
    top: -8px;
  }
}

/* Media Query for max-width: 1024px */
@media all and (max-width: 1024px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide {
    margin-right: 300px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide .container {
    padding-left: 80px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide .container .text h1 {
    font-size: 180px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.first-slide .container .car-loop svg {
    width: 1330px;
    left: 480px;
    top: -50px;
  }
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container {
  height: 100%;
  display: block;
  align-items: center;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container .left-side {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 180px;
  padding-left: 27em;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container .left-side h2 {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 100px;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 45px;
  opacity: 0;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container .left-side p {
  font-family: "Sharp Sans", Sans-serif;
  font-size: 38px;
  line-height: normal;
  margin-bottom: 40px;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container .left-side .icons {
  display: flex;
  justify-content: flex-start;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container .left-side .icons div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 200px;
  margin-right: 70px;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container .left-side .icons div img {
  width: 120px;
  height: 120px;
  margin-bottom: 40px;
  opacity: 0;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container .left-side .icons div p {
  font-size: 17px;
  text-align: center;
  opacity: 0;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container .right-side .car img {
  opacity: 0;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide.slick-start h2 {
  animation: fadeInRightToLeft;
  animation-fill-mode: forwards;
  animation-duration: 1.2s;
  opacity: 1;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide.slick-start .icons img {
  animation: iconAppear;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide.slick-start .icons p {
  animation: iconAppear;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide.slick-start .icons .first p {
  animation-delay: 800ms;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide.slick-start .icons .second img {
  animation-delay: 300ms;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide.slick-start .icons .second p {
  animation-delay: 1000ms;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide.slick-start .icons .third img {
  animation-delay: 700ms;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide.slick-start .icons .third p {
  animation-delay: 1100ms;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide.slick-start .car img {
  animation: iconAppear;
  animation-duration: 1.3s;
  animation-fill-mode: forwards;
  animation-delay: 1200ms;
}

@media all and (max-width: 1600px) and (min-width: 1551px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container .left-side {
    padding-top: 109px;
    padding-left: 25em;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container .right-side {
    position: absolute;
    top: 100px;
    right: -340px;
  }
}

@media all and (max-width: 1550px) and (min-width: 1441px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container .left-side {
    padding-top: 100px;
    padding-left: 23em;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container .right-side {
    position: absolute;
    top: 100px;
    right: -340px;
  }
}

@media all and (max-width: 1440px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container {
    padding-top: 0;
    grid-template-columns: 65% 35%;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container .left-side h2 {
    font-size: 80px;
    margin-bottom: 10px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container .left-side p {
    font-size: 28px;
    margin-bottom: 30px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container .left-side .icons {
    width: 90%;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container .left-side .icons div {
    width: 200px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container .left-side .icons div img {
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container .left-side .icons div p {
    font-size: 15px;
    text-align: center;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container .right-side .car {
    width: 700px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container .right-side .car img {
    width: 100%;
    height: auto;
  }
}

@media all and (max-width: 1225px) and (min-width: 1026px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container {
    padding-top: 0;
    grid-template-columns: 65% 35%;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container .left-side h2 {
    font-size: 64px;
    margin-bottom: 48px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container .left-side p {
    font-size: 22.4px;
    margin-bottom: 24px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container .left-side .icons {
    width: 80%;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container .left-side .icons div {
    width: 200px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container .left-side .icons div img {
    width: 80px;
    height: 80px;
    margin-bottom: 16px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fourth-slide .container .left-side {
    padding-left: 180px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container .left-side .icons div p {
    font-size: 13px;
    text-align: center;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container .right-side .car {
    width: 700px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container .right-side .car img {
    width: 100%;
    height: auto;
  }
}

@media all and (max-width: 1024px) and (min-width: 840px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container {
    padding-top: 0;
    grid-template-columns: 65% 35%;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container .left-side h2 {
    font-size: 7.50px;
    margin-bottom: 50px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container .left-side p {
    font-size: 27px;
    margin-bottom: 20px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container .left-side .icons {
    width: 80%;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container .left-side .icons div {
    width: 200px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container .left-side .icons div img {
    width: 80px;
    height: 80px;
    margin-bottom: 1.50px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container .left-side .icons div p {
    font-size: 15px;
    text-align: center;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container .right-side .car {
    width: 800px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fifth-slide .container .right-side .car img {
    width: 100%;
    height: auto;
  }
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide.slick-start .cars img {
  animation: carsScale;
  animation-fill-mode: forwards;
  animation-duration: 1s;
  opacity: 1;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide .container .right-side .cars .car-two {
  grid-column: 2;
  grid-row: 2;
}

.horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide .container .right-side .cars .car-one {
  grid-column: 1;
  grid-row: 1;
}


/* carousel mobile  */

.carousel-wrapper .slick-slider .fifth-slide {
  position: relative;
  width: 100%;
}

.carousel-wrapper .slick-slider .fifth-slide .container {
  height: 1080px;
  display: grid;
  grid-template-columns: 65% 35%;
  align-items: center;
}

.carousel-wrapper .slick-slider .fifth-slide .container .prev-car {
  height: auto;
  position: absolute;
  left: -640px;
  top: -480px;
  width: 660px;
  opacity: 0;
  transform: rotate(20deg);
}

.carousel-wrapper .slick-slider .fifth-slide .container .prev-car img {
  width: 100%;
  height: auto;
}

.carousel-wrapper .slick-slider .fifth-slide .container .left-side {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 100px;
  padding-left: 160px;
}

.carousel-wrapper .slick-slider .fifth-slide .container .left-side h2 {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 100px;
  font-weight: 500;
  line-height: 1.13;
  margin-bottom: 80px;
}

.carousel-wrapper .slick-slider .fifth-slide .container .left-side p {
  font-family: "Sharp Sans", Sans-serif;
  font-size: 38px;
  line-height: normal;
  margin-bottom: 40px;
}

.carousel-wrapper .slick-slider .fifth-slide .container .left-side .icons {
  display: flex;
  justify-content: space-around;
  width: 80%;
}

.carousel-wrapper .slick-slider .fifth-slide .container .left-side .icons div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 200px;
}

.carousel-wrapper .slick-slider .fifth-slide .container .left-side .icons div img {
  width: 120px;
  height: 120px;
  margin-bottom: 40px;
  opacity: 0;
}

.carousel-wrapper .slick-slider .fifth-slide .container .left-side .icons div p {
  font-size: 17px;
  text-align: center;
  opacity: 0;
}

.carousel-wrapper .slick-slider .fifth-slide .container .right-side .car img {
  opacity: 0;
}

.carousel-wrapper .slick-slider .slick-active .fifth-slide .prev-car {
  opacity: 1;
}

.carousel-wrapper .slick-slider .slick-active .fifth-slide h2 {
  animation: fadeInRightToLeft 1.2s;
  opacity: 1;
}

.carousel-wrapper .slick-slider .slick-active .fifth-slide .icons img,
.carousel-wrapper .slick-slider .slick-active .fifth-slide .icons p {
  animation: iconAppear 1s forwards;
}

.carousel-wrapper .slick-slider .slick-active .fifth-slide .icons .first p {
  animation-delay: 800ms;
}

.carousel-wrapper .slick-slider .slick-active .fifth-slide .icons .second img {
  animation-delay: 300ms;
}

.carousel-wrapper .slick-slider .slick-active .fifth-slide .icons .second p {
  animation-delay: 1000ms;
}

.carousel-wrapper .slick-slider .slick-active .fifth-slide .icons .third img {
  animation-delay: 700ms;
}

.carousel-wrapper .slick-slider .slick-active .fifth-slide .icons .third p {
  animation-delay: 1100ms;
}

.carousel-wrapper .slick-slider .slick-active .fifth-slide .car img {
  animation: iconAppear 1.3s forwards;
  animation-delay: 1200ms;
}

@media all and (max-width: 1024px) and (min-width: 840px) {
  .carousel-wrapper .slick-slider .fifth-slide .container .prev-car {
    left: -423px;
    top: -441px;
    width: 594px;
  }

  .carousel-wrapper .slick-slider .fifth-slide .container .left-side h2 {
    font-size: 67.5px;
    margin-bottom: 45px;
    margin-top: 0;
  }

  .carousel-wrapper .slick-slider .fifth-slide .container .left-side p {
    font-size: 27px;
    margin-bottom: 18px;
  }

  .carousel-wrapper .slick-slider .fifth-slide .container .left-side .icons {
    width: 80%;
  }

  .carousel-wrapper .slick-slider .fifth-slide .container .left-side .icons div {
    width: 200px;
  }

  .carousel-wrapper .slick-slider .fifth-slide .container .left-side .icons div img {
    width: 80px;
    height: 80px;
    margin-bottom: 15px;
  }

  .carousel-wrapper .slick-slider .fifth-slide .container .left-side .icons div p {
    font-size: 13.5px;
    text-align: center;
  }
}

@media all and (max-width: 840px) and (min-width: 426px) {
  .carousel-wrapper .slick-slider .fifth-slide .container {
    height: 900px;
    position: relative;
    left: 50%;
    transform: translate(-20%, 0);
  }

  .carousel-wrapper .slick-slider .fifth-slide .container .prev-car {
    left: -390px;
    top: -190px;
    width: 460px;
  }

  .carousel-wrapper .slick-slider .fifth-slide .container .left-side {
    padding-top: 45px;
    padding-left: 45px;
  }

  .carousel-wrapper .slick-slider .fifth-slide .container .left-side h2 {
    font-size: 49.6px;
    margin-bottom: 27px;
  }

  .carousel-wrapper .slick-slider .fifth-slide .container .left-side p {
    font-size: 17px;
    margin-bottom: 15px;
  }

  .carousel-wrapper .slick-slider .fifth-slide .container .left-side .icons {
    width: 100%;
    margin-top: 30px;
  }

  .carousel-wrapper .slick-slider .fifth-slide .container .left-side .icons div {
    width: 200px;
  }

  .carousel-wrapper .slick-slider .fifth-slide .container .left-side .icons div img {
    width: 60px;
    height: 60px;
    margin-bottom: 12px;
  }

  .carousel-wrapper .slick-slider .fifth-slide .container .left-side .icons div p {
    font-size: 15px;
    text-align: center;
  }
}

@media all and (max-width: 425px) {
  .carousel-wrapper .slick-slider .fifth-slide .container {
    height: 360px;
  }

  .carousel-wrapper .slick-slider .fifth-slide .container .prev-car {
    left: -180px;
    top: -45px;
    width: 180px;
  }

  .carousel-wrapper .slick-slider .fifth-slide .container .left-side {
    padding-top: 27px;
    padding-left: 27px;
    position: relative;
    left: 50%;
    transform: translate(-20%, 0);
  }

  .carousel-wrapper .slick-slider .fifth-slide .container .left-side h2 {
    font-size: 22.5px;
    margin-bottom: 18px;
    margin-top: 0;
  }

  .carousel-wrapper .slick-slider .fifth-slide .container .left-side p {
    font-size: 9px;
    margin-bottom: 10.8px;
  }

  .carousel-wrapper .slick-slider .fifth-slide .container .left-side .icons {
    width: 100%;
  }

  .carousel-wrapper .slick-slider .fifth-slide .container .left-side .icons div {
    width: 150px;
  }

  .carousel-wrapper .slick-slider .fifth-slide .container .left-side .icons div img {
    width: 27px;
    height: 27px;
    margin-bottom: 9px;
  }

  .carousel-wrapper .slick-slider .fifth-slide .container .left-side .icons div p {
    font-size: 7.2px;
    text-align: center;
  }

  .carousel-wrapper .slick-slider .fifth-slide .container .right-side .car {
    height: 360px;
  }

  .carousel-wrapper .slick-slider .fifth-slide .container .right-side .car img {
    height: 100%;
  }
}

.carousel-wrapper .slick-slider .first-slide {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-wrapper .slick-slider .first-slide .container {
  display: flex;
  padding-left: 130px;
  padding-top: 80px;
  height: 864px;
  align-items: center;
  overflow: hidden;
}

.carousel-wrapper .slick-slider .first-slide .container .text {
  z-index: 200;
}

.carousel-wrapper .slick-slider .first-slide .container .text h1 {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 230px;
  font-weight: 500;
  letter-spacing: 3px;
  line-height: 1;
}

.carousel-wrapper .slick-slider .first-slide .container .text h1:last-of-type {
  color: #00C7C7;
}

.carousel-wrapper .slick-slider .first-slide .container .car-loop {
  width: 600px;
}

.carousel-wrapper .slick-slider .first-slide .container .car-loop svg {
  width: 1300px;
  overflow: visible;
  position: absolute;
  top: -230px;
  left: 730px;
  z-index: 300;
}

.carousel-wrapper .slick-slider .slick-start .first-slide .container .car-loop svg #b5_to {
  animation: b5_to__to 1000ms linear 1 normal forwards;
}

.carousel-wrapper .slick-slider .slick-start .first-slide .container .car-loop svg #b7_to {
  animation: b7_to__to 1000ms linear 1 normal forwards;
}

.carousel-wrapper .slick-slider .slick-start .first-slide .container .car-loop svg #b9_to {
  animation: b9_to__to 1000ms linear 1 normal forwards;
}

.carousel-wrapper .slick-slider .slick-start .first-slide .container .car-loop svg #b11_to {
  animation: b11_to__to 1000ms linear 1 normal forwards;
}

.carousel-wrapper .slick-slider .slick-start .first-slide .container .car-loop svg #b13_to {
  animation: b13_to__to 1000ms linear 1 normal forwards;
}

.carousel-wrapper .slick-slider .slick-start .first-slide .container .car-loop svg #b15_to {
  animation: b15_to__to 1000ms linear 1 normal forwards;
}

.carousel-wrapper .slick-slider .slick-start .first-slide .container .car-loop svg #b17_to {
  animation: b17_to__to 1000ms linear 1 normal forwards;
}

.carousel-wrapper .slick-slider .slick-start .first-slide .container .car-loop svg #b19_to {
  animation: b19_to__to 1000ms linear 1 normal forwards;
}

.carousel-wrapper .slick-slider .slick-start .first-slide .container .car-loop svg #b21_to {
  animation: b21_to__to 1000ms linear 1 normal forwards;
}

.carousel-wrapper .slick-slider .slick-start .first-slide .container .car-loop svg #b23_to {
  animation: b23_to__to 1000ms linear 1 normal forwards;
}

.carousel-wrapper .slick-slider .slick-start .first-slide .container .car-loop svg #b25_to {
  animation: b25_to__to 1000ms linear 1 normal forwards;
}

.carousel-wrapper .slick-slider .slick-start .first-slide .container .car-loop svg #b27_to {
  animation: b27_to__to 1000ms linear 1 normal forwards;
}

.carousel-wrapper .slick-slider .slick-start .first-slide .container .car-loop svg #b29_to {
  animation: b29_to__to 1000ms linear 1 normal forwards;
}

.carousel-wrapper .slick-slider .slick-start .first-slide .container .car-loop svg #b31_to {
  animation: b31_to__to 1000ms linear 1 normal forwards;
}

.carousel-wrapper .slick-slider .slick-start .first-slide .container .car-loop svg #b33_to {
  animation: b33_to__to 1000ms linear 1 normal forwards;
}

.carousel-wrapper .slick-slider .slick-start .first-slide .container .car-loop svg #b35_to {
  animation: b35_to__to 1000ms linear 1 normal forwards;
}

@media all and (max-width: 1024px) and (min-width: 840px) {
  .carousel-wrapper .slick-slider .first-slide .container .text h1 {
    font-size: 144px;
  }

  .carousel-wrapper .slick-slider .first-slide .container .car-loop svg {
    width: 1251px;
    left: 459px;
    top: -63px;
  }
}

@media all and (max-width: 840px) and (min-width: 426px) {
  .carousel-wrapper .slick-slider .first-slide .container {
    height: 900px;
    padding-left: 40px;
    padding-top: 10px;
  }

  .carousel-wrapper .slick-slider .first-slide .container .text h1 {
    font-size: 135px;
  }

  .carousel-wrapper .slick-slider .first-slide .container .car-loop svg {
    width: 1100px;
    left: 380px;
    top: -60px;
  }
}

@media all and (max-width: 425px) and (min-width: 401px) {
  .carousel-wrapper .slick-slider .first-slide .container {
    align-items: flex-start;
    height: 360px;
    padding-top: 40px;
    padding-left: 10px;
  }

  .carousel-wrapper .slick-slider .slick-dots {
    bottom: 16px;
  }

  .carousel-wrapper .slick-slider .first-slide .container .text h1 {
    margin-bottom: 0;
    font-size: 72px;
    line-height: 72px;
    margin-top: 0;
  }

  .carousel-wrapper .slick-slider .first-slide .container .car-loop svg {
    width: 540px;
    left: 180px;
    top: -60px;
  }
}

@media all and (max-width: 400px) and (min-width: 351px) {
  .carousel-wrapper .slick-slider .first-slide .container {
    height: 360px;
    padding-left: 10px;
    padding-top: 10px;
  }

  .carousel-wrapper .slick-slider .first-slide .container .text h1 {
    font-size: 67.5px;
  }

  .carousel-wrapper .slick-slider .first-slide .container .car-loop svg {
    width: 540px;
    left: 180px;
    top: -63px;
  }
}

@media all and (max-width: 350px) {
  .carousel-wrapper .slick-slider .first-slide .container {
    height: 360px;
    padding-left: 10px;
    padding-top: 10px;
  }

  .carousel-wrapper .slick-slider .first-slide .container .text h1 {
    font-size: 65px;
  }

  .carousel-wrapper .slick-slider .first-slide .container .car-loop svg {
    width: 405px;
    left: 180px;
    top: 0;
  }
}

.carousel-wrapper .slick-slider .fourth-slide {
  position: relative;
  width: 100%;
}

.carousel-wrapper .slick-slider .fourth-slide .container {
  height: 1080px;
  display: flex;
}

.carousel-wrapper .slick-slider .fourth-slide .container .left-side {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 129px;
  padding-left: 130px;
}

.carousel-wrapper .slick-slider .fourth-slide .container .left-side h2 {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 100px;
  font-weight: 500;
  line-height: 1.13;
}

.carousel-wrapper .slick-slider .fourth-slide .container .left-side p {
  font-family: "Sharp Sans", Sans-serif;
  font-size: 38px;
  line-height: normal;
}

.carousel-wrapper .slick-slider .fourth-slide .container .left-side .icon {
  width: 120px;
  height: 120px;
}

.carousel-wrapper .slick-slider .fourth-slide .container .left-side>* {
  margin-bottom: 100px;
}

.carousel-wrapper .slick-slider .fourth-slide .container .right-side .car {
  height: auto;
  position: absolute;
  left: 1310px;
  top: -1000px;
  width: 660px;
  opacity: 0;
}

.carousel-wrapper .slick-slider .fourth-slide .container .right-side .car img {
  width: 100%;
  height: auto;
}

.carousel-wrapper .slick-active .fourth-slide h2 {
  animation: fadeInRightToLeft 1.2s;
  opacity: 1;
}

.carousel-wrapper .slick-active .fourth-slide svg #e1w54mnlsh122_tr {
  animation: circle_spin 3s linear 1 0.3s forwards;
}

.carousel-wrapper .slick-slider .slick-active .fourth-slide .car {
  opacity: 1 !important;
  animation: carPark 0.8s linear 1 0.3s forwards;
}

@media all and (max-width: 1024px) and (min-width: 840px) {
  .carousel-wrapper .slick-slider .fourth-slide .container .left-side h2 {
    font-size: 72px;
  }

  .carousel-wrapper .slick-slider .fourth-slide .container .left-side p {
    font-size: 32.4px;
  }

  .carousel-wrapper .slick-slider .fourth-slide .container .right-side .car {
    left: 980px;
    top: -860px;
    width: 580px;
  }
}

@media all and (max-width: 840px) and (min-width: 426px) {
  .carousel-wrapper .slick-slider .fourth-slide .container {
    height: 900px;
  }

  .carousel-wrapper .slick-slider .fourth-slide .container .left-side {
    padding-top: 50px;
    padding-left: 80px;
  }

  .carousel-wrapper .slick-slider .fourth-slide .container .left-side h2 {
    font-size: 63px;
  }

  .carousel-wrapper .slick-slider .fourth-slide .container .left-side p {
    font-size: 23.4px;
  }

  .carousel-wrapper .slick-slider .fourth-slide .container .right-side .car {
    left: 660px;
    top: -650px;
    width: 500px;
  }
}

@media all and (max-width: 425px) {
  .carousel-wrapper .slick-slider .fourth-slide .container {
    height: 360px;
    padding-left: 0;
  }

  .carousel-wrapper .slick-slider .fourth-slide .container .left-side {
    padding-top: 40px;
    padding-left: 10px;
  }

  .carousel-wrapper .slick-slider .fourth-slide .container .left-side h2 {
    font-size: 27px;
    margin-bottom: 27px;
    margin-top: 0;
  }

  .carousel-wrapper .slick-slider .fourth-slide .container .left-side p {
    font-size: 14.4px;
    margin-bottom: 27px;
  }

  .carousel-wrapper .slick-slider .fourth-slide .container .left-side .icon {
    width: 50px;
    height: 50px;
  }

  .carousel-wrapper .slick-slider .fourth-slide .container .right-side .car {
    left: 330px;
    top: -190px;
    width: 200px;
  }
}

.carousel-wrapper .slick-slider .second-slide {
  position: relative;
  overflow: hidden;
}

.carousel-wrapper .slick-slider.slick-active .second-slide h2 {
  animation: fadeInRightToLeft;
  animation-duration: 1.2s;
  opacity: 1;
}

.carousel-wrapper .slick-slider .second-slide .container {
  height: 1080px;
  z-index: 100;
  display: flex;
  overflow: hidden;
}

.carousel-wrapper .slick-slider .second-slide .container .text {
  padding-top: 129px;
  padding-left: 130px;
}

.carousel-wrapper .slick-slider .second-slide .container .text h2 {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 100px;
  font-weight: 500;
  letter-spacing: 3px;
  line-height: 1;
  margin-bottom: 80px;
  letter-spacing: 0.5px;
  color: #000;
}

.carousel-wrapper .slick-slider .second-slide .container .text p:first-of-type {
  font-family: "Sharp Sans", Sans-serif;
  font-size: 38px;
  margin-bottom: 80px;
}

.carousel-wrapper .slick-slider .second-slide .container .text p:last-of-type {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 54px;
  color: #00C7C7;
  margin-bottom: 80px;
  line-height: 1.26;
  z-index: 200;
}

.carousel-wrapper .slick-slider .second-slide .container .car-img {
  width: 810px;
  position: absolute;
  right: 17px;
  top: 280px;
}

.carousel-wrapper .slick-slider .second-slide .container .car-img img {
  width: 100%;
  z-index: 100;
}

.carousel-wrapper .slick-active .second-slide h2 {
  animation: fadeInRightToLeft 1.2s;
  opacity: 1;
}

.carousel-wrapper .slick-active .second-slide .car-img {
  animation: fadeInUp 1.2s;
  opacity: 1;
  overflow: hidden;
}

@media all and (max-width: 1024px) and (min-width: 840px) {
  .carousel-wrapper .slick-slider .second-slide .container .text {
    padding-left: 63px;
    padding-top: 63px;
  }

  .carousel-wrapper .slick-slider .second-slide .container .text h2 {
    font-size: 72px;
    margin-bottom: 72px;
  }

  .carousel-wrapper .slick-slider .second-slide .container .text p:first-of-type {
    font-size: 27px;
  }

  .carousel-wrapper .slick-slider .second-slide .container .text p:last-of-type {
    font-size: 47px;
    margin-bottom: 72px;
  }

  .carousel-wrapper .slick-slider .second-slide .container .car-img {
    max-width: 400px;
    right: 27px;
    top: 570px;
  }
}

@media all and (max-width: 840px) and (min-width: 426px) {
  .carousel-wrapper .slick-slider .second-slide .container {
    height: 900px;
  }

  .carousel-wrapper .slick-slider .second-slide .container .text {
    padding-left: 70px;
    padding-top: 70px;
  }

  .carousel-wrapper .slick-slider .second-slide .container .text h2 {
    font-size: 45px;
    margin-bottom: 20px;
  }

  .carousel-wrapper .slick-slider .second-slide .container .text p:first-of-type {
    font-size: 21.6px;
    margin-bottom: 20px;
  }

  .carousel-wrapper .slick-slider .second-slide .container .text p:last-of-type {
    font-size: 39.6px;
  }

  .carousel-wrapper .slick-slider .second-slide .container .car-img {
    max-width: 400px;
    right: 27px;
    top: 570px;
  }
}

@media all and (max-width: 425px) {
  .carousel-wrapper .slick-slider .second-slide .container {
    height: 360px;
    padding-left: 0;
  }

  .carousel-wrapper .slick-slider .second-slide .container .text {
    padding-left: 45px;
    padding-top: 35px;
  }

  .carousel-wrapper .slick-slider .second-slide .container .text h2 {
    font-size: 27px;
    margin-bottom: 13.5px;
    margin-top: 0;
    padding-right: 10px;
  }

  .carousel-wrapper .slick-slider .second-slide .container .text p:first-of-type {
    font-size: 9px;
    margin-bottom: 15px;
  }

  .carousel-wrapper .slick-slider .second-slide .container .text p:last-of-type {
    font-size: 13.5px;
  }

  .carousel-wrapper .slick-slider .second-slide .container .car-img {
    max-width: 180px;
    right: -2.7px;
    top: 243px;
  }
}

.carousel-wrapper .slick-slider .sixth-slide {
  position: relative;
  width: 100%;
}

.carousel-wrapper .slick-slider .sixth-slide .container {
  height: 1080px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.carousel-wrapper .slick-slider .sixth-slide .container .car {
  position: absolute;
  top: 80px;
  left: -570px;
}

.carousel-wrapper .slick-slider .sixth-slide .container .car img {
  opacity: 0;
}

.carousel-wrapper .slick-slider .sixth-slide .container .text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.carousel-wrapper .slick-slider .sixth-slide .container .text button {
  text-decoration: none;
  margin-bottom: 90px;
  text-transform: uppercase;
  border-radius: 55px;
  font-size: 55px;
  text-align: left;
  padding: 18px 40px;
  border-width: 4px;
  outline: none;
}

.carousel-wrapper .slick-slider .sixth-slide .container .text h2 {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 120px;
  font-weight: 500;
  line-height: 1.13;
  margin-bottom: 90px;
}

.carousel-wrapper .slick-slider .sixth-slide .container .text p {
  font-family: "Sharp Sans", Sans-serif;
  font-size: 38px;
  line-height: normal;
}

.carousel-wrapper .slick-active .sixth-slide h2 {
  animation: fadeInRightToLeft 1.2s;
  opacity: 1;
}

.carousel-wrapper .slick-active .sixth-slide .car img {
  opacity: 1;
}

@media all and (max-width: 1024px) and (min-width: 901px) {
  .carousel-wrapper .slick-slider .sixth-slide .container .text {
    position: absolute;
    left: 570px;
  }

  .carousel-wrapper .slick-slider .sixth-slide .container .text button {
    font-size: 40px;
    border-width: 2px;
  }

  .carousel-wrapper .slick-slider .sixth-slide .container .text h2 {
    font-size: 75px;
  }

  .carousel-wrapper .slick-slider .sixth-slide .container .text p {
    font-size: 27px;
  }

  .carousel-wrapper .slick-slider .sixth-slide .container .car {
    top: 60px;
    left: -570px;
  }
}

@media all and (max-width: 900px) and (min-width: 766px) {
  .carousel-wrapper .slick-slider .sixth-slide .container {
    height: 900px;
  }

  .carousel-wrapper .slick-slider .sixth-slide .container .text {
    position: absolute;
    left: 400px;
  }

  .carousel-wrapper .slick-slider .sixth-slide .container .text button {
    font-size: 30px;
    border-width: 2px;
  }

  .carousel-wrapper .slick-slider .sixth-slide .container .text h2 {
    font-size: 55px;
  }

  .carousel-wrapper .slick-slider .sixth-slide .container .text p {
    font-size: 17px;
  }

  .carousel-wrapper .slick-slider .sixth-slide .container .car {
    top: 40px;
    left: -570px;
  }
}

@media all and (max-width: 765px) and (min-width: 426px) {
  .carousel-wrapper .slick-slider .sixth-slide .container {
    height: 900px;
  }

  .carousel-wrapper .slick-slider .sixth-slide .container .text {
    position: absolute;
    left: 300px;
  }

  .carousel-wrapper .slick-slider .sixth-slide .container .text button {
    font-size: 25px;
    border-width: 2px;
  }

  .carousel-wrapper .slick-slider .sixth-slide .container .text h2 {
    font-size: 50px;
  }

  .carousel-wrapper .slick-slider .sixth-slide .container .text p {
    font-size: 17px;
  }

  .carousel-wrapper .slick-slider .sixth-slide .container .car {
    top: 40px;
    left: -570px;
  }
}

@media all and (max-width: 425px) and (min-width: 361px) {
  .carousel-wrapper .slick-slider .sixth-slide .container {
    height: 400px;
  }

  .carousel-wrapper .slick-slider .sixth-slide .container .text {
    position: absolute;
    left: 170px;
    top: 100px;
  }

  .carousel-wrapper .slick-slider .sixth-slide .container .text h2 {
    font-size: 25px;
    margin-bottom: 30px;
  }

  .carousel-wrapper .slick-slider .sixth-slide .container .text p {
    font-size: 13px;
    margin-bottom: 12px;
  }

  .carousel-wrapper .slick-slider .sixth-slide .container .text button {
    font-size: 20px;
    padding: 15px 20px;
    margin-bottom: 30px;
    border-width: 2px;
  }

  .carousel-wrapper .slick-slider .sixth-slide .container .car {
    top: 0;
    left: -300px;
    height: 400px;
  }

  .carousel-wrapper .slick-slider .sixth-slide .container .car img {
    height: 100%;
  }
}

@media all and (max-width: 360px) and (min-width: 321px) {
  .carousel-wrapper .slick-slider .sixth-slide .container {
    height: 400px;
  }

  .carousel-wrapper .slick-slider .sixth-slide .container .text {
    position: absolute;
    left: 170px;
    top: 100px;
  }

  .carousel-wrapper .slick-slider .sixth-slide .container .text h2 {
    font-size: 23px;
    margin-bottom: 20px;
  }

  .carousel-wrapper .slick-slider .sixth-slide .container .text p {
    font-size: 12px;
    margin-bottom: 12px;
  }

  .carousel-wrapper .slick-slider .sixth-slide .container .text button {
    font-size: 13px;
    padding: 15px 20px;
    margin-bottom: 20px;
    border-width: 2px;
  }

  .carousel-wrapper .slick-slider .sixth-slide .container .car {
    top: 0;
    left: -300px;
    height: 400px;
  }

  .carousel-wrapper .slick-slider .sixth-slide .container .car img {
    height: 100%;
  }
}

@media all and (max-width: 320px) {
  .carousel-wrapper .slick-slider .sixth-slide .container {
    height: 400px;
  }

  .carousel-wrapper .slick-slider .sixth-slide .container .text {
    position: absolute;
    left: 170px;
    top: 100px;
  }

  .carousel-wrapper .slick-slider .sixth-slide .container .text h2 {
    font-size: 23px;
    margin-bottom: 20px;
  }

  .carousel-wrapper .slick-slider .sixth-slide .container .text p {
    font-size: 10px;
    padding: 10px 15px;
    margin-bottom: 12px;
  }

  .carousel-wrapper .slick-slider .sixth-slide .container .text button {
    font-size: 15px;
    padding: 15px 20px;
    margin-bottom: 20px;
    border-width: 2px;
  }

  .carousel-wrapper .slick-slider .sixth-slide .container .car {
    top: 0;
    left: -300px;
    height: 400px;
  }

  .carousel-wrapper .slick-slider .sixth-slide .container .car img {
    height: 100%;
  }
}

.carousel-wrapper .slick-slider .third-slide {
  position: relative;
  width: 100%;
}

.carousel-wrapper .slick-slider .third-slide .container {
  height: 1080px;
  display: flex;
}

.carousel-wrapper .slick-slider .third-slide .container .left-side {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 116px;
  padding-left: 117px;
}

.carousel-wrapper .slick-slider .third-slide .container .left-side .icon {
  width: 108px;
  height: 108px;
}

.carousel-wrapper .slick-slider .third-slide .container .left-side .text h2 {
  font-family: "Sharp Grotesk", sans-serif;
  font-size: 120px;
  font-weight: 500;
  line-height: 1.13;
  margin-bottom: 90px;
}

.carousel-wrapper .slick-slider .third-slide .container .left-side .text p {
  font-family: "Sharp Sans", Sans-serif;
  font-size: 38px;
  line-height: normal;
}

.carousel-wrapper .slick-slider .third-slide .container .left-side>* {
  margin-bottom: 50px;
}

.carousel-wrapper .slick-slider .third-slide .container .right-side {
  position: relative;
}

.carousel-wrapper .slick-slider .third-slide .container .right-side .cars {
  display: grid;
  grid-template-columns: repeat(3, 200px);
  grid-template-rows: auto;
  height: 100%;
  position: absolute;
  top: -100px;
  row-gap: 50px;
}

.carousel-wrapper .slick-slider .third-slide .container .right-side .cars .car-one {
  grid-column: 1;
  grid-row: 1;
}

.carousel-wrapper .slick-slider .third-slide .container .right-side .cars .car-two {
  grid-column: 2;
  grid-row: 2;
}

.carousel-wrapper .slick-slider .third-slide .container .right-side .cars .car-three {
  grid-column: 3;
  grid-row: 3;
}

.carousel-wrapper .slick-slider .third-slide .container .right-side .cars>* {
  width: 450px;
  height: auto;
  transform: scale(1.05);
}

.carousel-wrapper .slick-slider .slick-active .third-slide svg #eu3urflsbyih2 {
  animation: eu3urflsbyih2_c_o 1s linear 1 0.5s forwards;
}

.carousel-wrapper .slick-slider .slick-active .third-slide svg #eu3urflsbyih3 {
  animation: eu3urflsbyih3_c_o 1s linear 1 0.5s forwards;
}

.carousel-wrapper .slick-slider .slick-active .third-slide svg #eu3urflsbyih4 {
  animation: eu3urflsbyih4_c_o 1s linear 1 0.5s forwards;
}

.carousel-wrapper .slick-slider .slick-active .third-slide svg #eu3urflsbyih5 {
  animation: eu3urflsbyih5_c_o 1s linear 1 0.5s forwards;
}

.carousel-wrapper .slick-slider .slick-active .third-slide svg #eu3urflsbyih6 {
  animation: eu3urflsbyih6_c_o 1s linear 1 0.5s forwards;
}

.carousel-wrapper .slick-slider .slick-active .third-slide svg #eu3urflsbyih7 {
  animation: eu3urflsbyih7_c_o 1s linear 1 0.5s forwards;
}

.carousel-wrapper .slick-slider .slick-active .third-slide svg #eu3urflsbyih8 {
  animation: eu3urflsbyih8_c_o 1s linear 1 0.5s forwards;
}

.carousel-wrapper .slick-slider .slick-active .third-slide svg #eu3urflsbyih9 {
  animation: eu3urflsbyih9_c_o 1s linear 1 0.5s forwards;
}

.carousel-wrapper .slick-slider .slick-active .third-slide svg #eu3urflsbyih10 {
  animation: eu3urflsbyih10_c_o 1s linear 1 0.5s forwards;
}

.carousel-wrapper .slick-active .third-slide .cars img {
  animation: carsScale 1s;
}

@media all and (max-width: 1024px) and (min-width: 840px) {
  .carousel-wrapper .slick-slider .third-slide .container .left-side .text h2 {
    font-size: 90px;
    margin-bottom: 72px;
    margin-top: 0;
  }

  .carousel-wrapper .slick-slider .third-slide .container .left-side .text p {
    font-size: 32.4px;
  }

  .carousel-wrapper .slick-slider .third-slide .container .right-side .cars {
    grid-template-columns: repeat(3, 150px);
    top: -58px;
    left: -140px;
    row-gap: 30px;
  }

  .carousel-wrapper .slick-slider .third-slide .container .right-side .cars div {
    width: 270px;
  }

  .carousel-wrapper .slick-slider .third-slide .container .right-side .cars div img {
    width: 100%;
    height: auto;
  }
}

@media all and (max-width: 840px) and (min-width: 426px) {
  .carousel-wrapper .slick-slider .third-slide .container {
    height: 900px;
  }

  .carousel-wrapper .slick-slider .third-slide .container .left-side {
    padding-top: 50px;
    padding-left: 50px;
  }

  .carousel-wrapper .slick-slider .third-slide .container .left-side .icon {
    width: 90px;
    height: 90px;
  }

  .carousel-wrapper .slick-slider .third-slide .container .left-side .text h2 {
    font-size: 72px;
    margin-bottom: 100.8px;
  }

  .carousel-wrapper .slick-slider .third-slide .container .left-side .text p {
    font-size: 23.4px;
  }

  .carousel-wrapper .slick-slider .third-slide .container .right-side .cars {
    grid-template-columns: repeat(3, 130px);
    top: -88px;
    left: -230px;
    row-gap: 30px;
  }

  .carousel-wrapper .slick-slider .third-slide .container .right-side .cars div {
    width: 225px;
  }

  .carousel-wrapper .slick-slider .third-slide .container .right-side .cars div img {
    width: 100%;
    height: auto;
  }
}

@media all and (max-width: 425px) and (min-width: 376px) {
  .carousel-wrapper .slick-slider .third-slide .container {
    height: 360px;
  }

  .carousel-wrapper .slick-slider .third-slide .container .left-side {
    padding-top: 38px;
    padding-left: 18px;
  }

  .carousel-wrapper .slick-slider .third-slide .container .left-side .icon {
    margin-bottom: 43px;
    width: 45px;
    height: 45px;
  }

  .carousel-wrapper .slick-slider .third-slide .container .left-side .text h2 {
    font-size: 36px;
    margin-bottom: 27px;
    margin-top: 0;
  }

  .carousel-wrapper .slick-slider .third-slide .container .left-side .text p {
    font-size: 14.4px;
  }

  .carousel-wrapper .slick-slider .third-slide .container .right-side .cars {
    grid-template-columns: repeat(3, 100px);
    top: 11px;
    left: -164px;
    row-gap: 10px;
  }

  .carousel-wrapper .slick-slider .third-slide .container .right-side .cars div {
    width: 106px;
  }

  .carousel-wrapper .slick-slider .third-slide .container .right-side .cars div img {
    width: 100%;
    height: auto;
  }
}

@media all and (max-width: 375px) {
  .carousel-wrapper .slick-slider .third-slide .container {
    height: 360px;
  }

  .carousel-wrapper .slick-slider .third-slide .container .left-side {
    padding-top: 42px;
    padding-left: 20px;
  }

  .carousel-wrapper .slick-slider .third-slide .container .left-side .icon {
    width: 40px;
    height: 40px;
  }

  .carousel-wrapper .slick-slider .third-slide .container .left-side .text h2 {
    font-size: 36px;
    margin-bottom: 27px;
    margin-top: 0;
  }

  .carousel-wrapper .slick-slider .third-slide .container .left-side .text p {
    font-size: 13.5px;
  }

  .carousel-wrapper .slick-slider .third-slide .container .right-side .cars {
    grid-template-columns: repeat(3, 100px);
    top: 12px;
    left: -190px;
    row-gap: 10px;
  }

  .carousel-wrapper .slick-slider .third-slide .container .right-side .cars div {
    width: 90px;
  }

  .carousel-wrapper .slick-slider .third-slide .container .right-side .cars div img {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 1023px) {
  .horizontal-section {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .carousel-wrapper {
    display: none;
  }
}

.carousel-wrapper .slick-prev,
.carousel-wrapper .slick-next {
  display: none;
}

.carousel-wrapper {
  height: 1080px;
  background-color: #f0f0f0;
  /* Use CSS variable or replace with actual color value */
}

.carousel-wrapper .slick-slider {
  width: 100%;
  margin: auto;
}


.carousel-wrapper .slick-slider .slick-dots {
  bottom: 12px;
}

.carousel-wrapper .slick-slider .slick-dots li button:before {
  font-size: 8px;
}

.carousel-wrapper .slick-slider .slick-dots li.slick-active button:hover {
  background-color: transparent;
}

.carousel-wrapper .slick-slider .slick-dots li.slick-active button:before {
  color: #00c5c5;
}

.carousel-wrapper .slick-slider .nav-btn {
  height: 53px;
  position: absolute;
  width: 28px;
  cursor: pointer;
  top: 450px;
  right: 200px;
  display: none !important;
}

/* .carousel-wrapper .slick-slider .next-slide {
  background-image: url('../../../../assets/img/general-assets/right-arrow.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
} */

.carousel-wrapper .slick-slider * {
  outline: none;
}

@media all and (max-width: 1024px) and (min-width: 841px) {
  .carousel-wrapper .slick-slider .nav-btn {
    height: 93px;
    width: 68px;
  }
}

@media all and (max-width: 840px) and (min-width: 426px) {
  .carousel-wrapper {
    height: 900px;
  }

  .carousel-wrapper .slick-slider .nav-btn {
    top: 400px;
    right: 60px;
  }
}

@media all and (max-width: 425px) {
  .carousel-wrapper {
    height: 360px;
  }

  .carousel-wrapper .slick-slider .nav-btn {
    top: 150px;
    right: 40px;
  }
}

.carousel-wrapper,
.horizontal-section {
  color: #000;
}

.loader {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 99999;
  margin: auto;
}

.loader img {
  max-width: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: rotation 2s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(359deg);
  }
}

.terms-privacy-text .numeration {
  padding-left: 56px;
}

@media screen and (max-width: 900px) {
  .terms-privacy-text .numeration {
    padding-left: 12px;
  }

  body .cky-consent-container.cky-box-bottom-left {
    width: 90% !important;
  }

  body .cky-consent-container.cky-box-bottom-left .cky-consent-bar .cky-notice-btn-wrapper button.cky-btn {
    font-size: 14px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    max-width: 300px !important;
    margin: 0 !important;
    width: auto;
  }
}

.elementor-page-71 .e-con-inner div[data-widget_type="text-editor.default"] ol {
  counter-reset: item;
  list-style: none;
  padding-left: 0;
}

.elementor-page-71 .e-con-inner div[data-widget_type="text-editor.default"] li {
  display: block;
  position: relative;
  padding-left: 1.5em;
  /* Space for the counter */
}

.elementor-widget-container .numeration {
  margin-bottom: 10px;
}

.elementor-page-71 .e-con-inner div[data-widget_type="text-editor.default"] li:before {
  content: counters(item, ".") ". ";
  counter-increment: item;
  position: absolute;
  left: 0;
  top: 0;
  width: 1em;
  /* Width for the counter */
  text-align: right;
  white-space: nowrap;
  /* Ensures the counter does not wrap */
}

.elementor-page-71 .e-con-inner div[data-widget_type="text-editor.default"] ol ol {
  padding-left: 0;
}

.elementor-page-71 .e-con-inner div[data-widget_type="text-editor.default"] ol ol li {
  padding-left: 2.7em;
  /* Indent nested lists */
}

@media screen and (max-width: 440px) {
  body div.cky-consent-container.cky-box-bottom-left .cky-consent-bar {
    padding: 20px 10px 57px !important;
  }

  body .cky-consent-container.cky-box-bottom-left .cky-consent-bar .cky-notice-btn-wrapper {
    padding: 0 50px !important;
  }
}

.cky-consent-container.cky-box-bottom-left {
  transform: translate(-50%, -50%) !important;
  max-width: calc(100% - 80px) !important;
  height: fit-content !important;
  position: fixed !important;
  width: 40% !important;
  left: 50% !important;
  top: 50% !important;
}

.cky-consent-container.cky-box-bottom-left .cky-consent-bar {
  padding: 20px 60px 57px !important;
  position: relative !important;
  border-radius: 0 !important;
  border: 0 !important;
}

.cky-consent-container.cky-box-bottom-left .cky-consent-bar .dialog-title h3.main-title {
  line-height: 31.8px !important;
  font-size: 30px !important;
  margin: 0 !important;
}

.cky-consent-container.cky-box-bottom-left .cky-consent-bar .dialog-title h3:not(.main-title) {
  line-height: 31.8px !important;
  margin: 0 0 35px !important;
  font-size: 30px !important;
}

.cky-consent-container.cky-box-bottom-left .cky-consent-bar .dialog-body p {
  line-height: 22.5px !important;
  text-align: center !important;
  font-size: 15px !important;
}

.cky-consent-container.cky-box-bottom-left .cky-consent-bar .dialog-body p a {
  transform: translate(-50%, 0) !important;
  text-decoration: unset !important;
  position: absolute !important;
  line-height: 17px !important;
  bottom: 20px !important;
  color: #000 !important;
  border: 0 !important;
  left: 50% !important;
}

.cky-consent-container.cky-box-bottom-left .cky-consent-bar .dialog-body p a:hover {
  text-decoration: underline !important;
}

.cky-consent-container.cky-box-bottom-left .cky-consent-bar .cky-notice-btn-wrapper {
  flex-direction: row-reverse !important;
  justify-content: center !important;
  margin-top: 20px !important;
  gap: 38px !important;
}

.cky-consent-container.cky-box-bottom-left .cky-consent-bar .cky-notice-btn-wrapper button.cky-btn.cky-btn-accept {
  background-color: #fff !important;
}

.cky-consent-container.cky-box-bottom-left .cky-consent-bar .cky-notice-btn-wrapper button.cky-btn.cky-btn-accept:hover {
  background-color: #00c7c7 !important;
  color: #fff !important;
}

.cky-consent-container.cky-box-bottom-left .cky-consent-bar .cky-notice-btn-wrapper button.cky-btn.cky-btn-reject:hover {
  background-color: #000 !important;
  color: #fff !important;
}

.cky-consent-container.cky-box-bottom-left .cky-consent-bar .cky-notice-btn-wrapper button.cky-btn {
  border: 2px solid #00c7c7 !important;
  text-transform: uppercase !important;
  min-width: fit-content !important;
  border-radius: 40px !important;
  padding: 10px 30px !important;
  font-weight: 700 !important;
  max-width: 150px !important;
  margin-right: 0 !important;
  font-size: 20px !important;
  transition: .3s !important;
  color: #00c7c7 !important;
}

.cky-consent-container.cky-box-bottom-left .cky-consent-bar .cky-notice-btn-wrapper button.cky-btn.cky-btn-reject {
  background-color: #fff !important;
  border-color: #000 !important;
  color: #000 !important;
}

.cky-title {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .cky-consent-container.cky-box-bottom-left {
    max-width: calc(100% - 40px) !important;
  }

  .cky-consent-container.cky-box-bottom-left .cky-notice-des {
    padding: 0 !important;
  }

  .cky-consent-container.cky-box-bottom-left .cky-consent-bar .dialog-title h3.main-title,
  .cky-consent-container.cky-box-bottom-left .cky-consent-bar .dialog-title h3:not(.main-title) {
    line-height: 28.62px !important;
    font-size: 27px !important;
  }

  .cky-consent-container.cky-box-bottom-left .cky-consent-bar .dialog-title h3:not(.main-title) {
    margin-bottom: 0 !important;
  }

  .cky-consent-container.cky-box-bottom-left .cky-consent-bar .dialog-body p {
    line-height: 20.25px !important;
    font-size: 13.5px !important;
  }

  .cky-consent-container.cky-box-bottom-left .cky-consent-bar .dialog-body p a {
    line-height: 17px !important;
    font-size: 14px !important;
  }

  .cky-consent-container.cky-box-bottom-left .cky-consent-bar .cky-notice-btn-wrapper {
    flex-direction: row !important;
    margin: 15px 0 0 !important;
    padding: 0 !important;
    gap: 18px !important;
  }

  .cky-consent-container.cky-box-bottom-left .cky-consent-bar .cky-notice-btn-wrapper button.cky-btn {
    font-size: 13.5px !important;
    line-height: 15px !important;
    padding: 7px 20px !important;
    max-width: 130px !important;
    margin: 0 !important;
  }
}

@media screen and (min-width: 960px) and (max-width: 1340px) {
  .cky-consent-container.cky-box-bottom-left {
    width: 40% !important;
  }

  .cky-consent-container.cky-box-bottom-left .cky-consent-bar .dialog-title h3.main-title,
  .cky-consent-container.cky-box-bottom-left .cky-consent-bar .dialog-title h3:not(.main-title) {
    line-height: 25.4px !important;
    font-size: 24px !important;
  }

  .cky-consent-container.cky-box-bottom-left .cky-consent-bar .dialog-body p {
    line-height: 18px !important;
    font-size: 12px !important;
  }

  .cky-consent-container.cky-box-bottom-left .cky-consent-bar .dialog-body p a {
    font-size: 13.33333px !important;
    line-height: 17px !important;
  }

  .cky-consent-container.cky-box-bottom-left .cky-consent-bar .cky-notice-btn-wrapper button.cky-btn {
    padding: 5px 10px !important;
    max-width: 120px !important;
    font-size: 16px !important;
  }
}

.noUi-origin .noUi-handle {
  border-radius: 50%;
}

.facetwp-slider-wrap .noUi-base .noUi-connect {
  background: #24bfbe;
}

.facetwp-type-pager,
body .facetwp-slider-reset {
  display: none !important;
}

/* Chrome, Safari, Edge, Opera */
#facetwp-max-value[type='number']::-webkit-outer-spin-button,
#facetwp-max-value[type='number']::-webkit-inner-spin-button,
#facetwp-min-value[type='number']::-webkit-outer-spin-button,
#facetwp-min-value[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
#facetwp-max-value[type='number'],
#facetwp-min-value[type='number'] {
  -moz-appearance: textfield;
}

@media screen and (min-width: 441px) and (max-width: 767px) {
  .cky-consent-container.cky-box-bottom-left .cky-consent-bar .cky-notice-btn-wrapper {
    flex-direction: row-reverse !important;
  }
}

.elementor-location-footer .elementor-button {
  text-align: left;
}

.post-type-archive-cars .cars-section .cars-container .custom-price-range .facetwp-facet.facetwp-facet-min_price {
  display: none;
}

.post-type-archive-cars .cars-section .cars-container .custom-price-range {
  margin-bottom: 20px;
}

.post-type-archive-cars .cars-section .cars-container .custom-price-range .slider,
.post-type-archive-cars .cars-section .cars-container .custom-price-range .value-container {
  width: 100%;
}

.post-type-archive-cars .cars-section .cars-container .custom-price-range .value-container input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.post-type-archive-cars .cars-section .cars-container .custom-price-range .value-container input:focus {
  outline: unset;
}

.post-type-archive-cars .cars-section .cars-container .custom-price-range .value-container {
  margin-top: 20px;
  gap: 10px;
}

.post-type-archive-cars .cars-section .cars-container .custom-price-range .value-container input {
  font-family: 'Arial', sans-serif;
  border: 1px solid #d3d3d3;
  font-size: 13.333px;
  border-radius: 16px;
  text-align: center;
  line-height: 17px;
  width: 80px;
  padding: 5px;
  color: #000;
}

.post-type-archive-cars .cars-section .cars-container .custom-price-range .slider .range {
  background: #00c7c7;
}

.post-type-archive-cars .cars-section .cars-container .custom-price-range .slider {
  border-radius: 0;
}

.post-type-archive-cars .cars-section .cars-container .custom-price-range .slider input::-webkit-slider-thumb {
  box-shadow: 0 0 10px 0 #d8d8d8;
  border: 1px solid #d3d3d3;
  -webkit-appearance: none;
  background: #fff;
  cursor: pointer;
  height: 20px;
  width: 20px;
}

.elementor-menu-toggle {
  margin-bottom: -5px !important;
}

.elementor-menu-toggle.elementor-active {
  margin-bottom: 0 !important;
}

.elementor-menu-toggle.elementor-active:before {
  display: none;
}

.elementor-menu-toggle:before {
  position: absolute;
  background: white;
  content: "";
  bottom: 4px;
  width: 100%;
  height: 4px;
}

@media screen and (max-width: 880px) {
  .elementor-menu-toggle:before {
    bottom: 1px;
    height: 3px;
  }
}

@media screen and (max-width: 1024px) {
  body:not(.home) .elementor-menu-toggle:before {
    bottom: 14px;
    height: 5px;
  }
}

@media screen and (max-width: 767px) {
  .elementor-menu-toggle:before {
    bottom: 10px;
    height: 4px;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1366px) {
  nav.elementor-nav-menu--main ul li.menu-item a.elementor-item {
    font-size: 16px !important;
  }

  nav.elementor-nav-menu--main ul li.navigation-popup-trigger.menu-item {
    align-items: center;
  }

  nav.elementor-nav-menu--main ul {
    gap: 20px;
  }

  nav.elementor-nav-menu--main ul li.navigation-popup-trigger.menu-item a.elementor-item {
    padding: 8px 16px !important;
    height: 38px !important;
  }

  #step-top-section .e-con-inner {
    max-width: 960px;
  }

  #step-top-section .e-con-inner h5.elementor-heading-title {
    line-height: 31px;
    font-size: 24px;
  }

  #step-top-section .e-con-inner span.elementor-heading-title {
    line-height: 38px;
    font-size: 38px;
  }

  #step-top-section .e-con-inner .elementor-widget__width-initial .elementor-widget-container {
    padding: 17px 10px;
    width: 77px;
  }

  .step-bottom-section {
    max-width: 800px !important;
  }

  .step-bottom-section .elementor-widget-container img {
    width: 230px !important;
  }

  .step-bottom-section h2.elementor-heading-title {
    line-height: 36px !important;
    font-size: 28px !important;
  }

  .step-bottom-section .elementor-widget-container {
    margin-bottom: 20px !important;
    line-height: 26px !important;
    font-size: 20px !important;
  }

  .step-bottom-section span.elementor-heading-title {
    margin-bottom: -15px !important;
    line-height: 26px !important;
    font-size: 20px !important;
    display: block !important;
  }

  .step-bottom-section .elementor-absolute .elementor-widget-container h2 {
    justify-content: center !important;
    align-items: center !important;
    font-size: 144px !important;
    height: 240px !important;
    display: flex !important;
    width: 240px !important;
  }

  .step-bottom-section .elementor-absolute .elementor-widget-container {
    margin: -120px 0 0 0 !important;
    width: 240px !important;
  }

  .step-bottom-section .e-con-inner>.elementor-element:last-child .elementor-absolute .elementor-widget-container {
    margin: 0 0 0 auto !important;
  }

  .step-bottom-section:nth-child(2) .e-con-inner>.elementor-element:last-child .elementor-absolute .elementor-widget-container {
    margin: -120px 0 0 auto !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1366px) {
  #sgpb-popup-dialog-main-div-wrapper .sgpb-popup-dialog-main-div-theme-wrapper-1 {
    transform: translate(-50%, 0) !important;
    left: 50% !important;
  }

  #sgpb-popup-dialog-main-div-wrapper #sgpb-popup-dialog-main-div {
    width: 500px !important;
  }

  #sgpb-popup-dialog-main-div-wrapper #sgpb-popup-dialog-main-div p {
    margin-bottom: 40px;
    line-height: 35px;
    font-size: 30px;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  #sgpb-popup-dialog-main-div-wrapper .sgpb-popup-dialog-main-div-theme-wrapper-1 {
    transform: translate(-50%, 0) !important;
    left: 50% !important;
  }

  #sgpb-popup-dialog-main-div-wrapper #sgpb-popup-dialog-main-div {
    width: 460px !important;
  }

  #sgpb-popup-dialog-main-div-wrapper #sgpb-popup-dialog-main-div p {
    margin-bottom: 40px;
    line-height: 35px;
    font-size: 30px;
  }
}

.blog-news-related-content .elementor-post__text {
  display: flex !important;
}

.blog-news-related-content .elementor-post__text .elementor-post__meta-data {
  order: 1;
}

.blog-news-related-content .elementor-post__text .elementor-post__title {
  order: 2;
}

.blog-news-related-content .elementor-post__text .elementor-post__title a,
.blog-news-related-content .elementor-post__text .elementor-post__excerpt p {
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  overflow: hidden;
}

.blog-news-related-content .elementor-post__text .elementor-post__excerpt {
  order: 3;
}

.blog-news-related-content .elementor-post__text .elementor-post__read-more {
  width: 100%;
  order: 4;
}

@media screen and (min-width: 901px) and (max-width: 1199px) {
  .cky-consent-container.cky-box-bottom-left .cky-consent-bar {
    padding: 18px 18px 50px !important;
  }

  .cky-consent-container.cky-box-bottom-left .cky-consent-bar .cky-notice-btn-wrapper {
    gap: 30px !important;
  }
}

@media screen and (min-width: 1100px) and (max-width: 1340px) {
  #what-is-otto-text-section {
    padding-right: 208px !important;
    padding-left: 208px !important;
  }

  #what-is-otto-text-section h4 {
    line-height: 57.6px !important;
    font-size: 38.4px !important;
  }
}

@media screen and (min-width: 1367px) and (max-width: 1545px) {
  .elementor-location-footer>.elementor-element>.e-con-inner>.elementor-element:first-child {
    width: 40%;
  }
}

.what-is-otto-text {
  padding: 0 245px;
}

@media screen and (max-width: 1340px) {
  .what-is-otto-text {
    padding: 0;
  }
}


@media screen and (min-width: 961px) and (max-width: 1340px) {
  .enjoy-how-section>.e-con-inner {
    max-width: 930px !important;
    padding-top: 0 !important;
  }

  .enjoy-how-section>.e-con-inner>.elementor-element:first-child .elementor-widget-container img {
    width: 260px !important;
    margin-top: -90px !important;
  }

  .enjoy-how-section h2 {
    font-size: 30px !important;
    line-height: 36px !important;
  }

  .enjoy-how-section>.e-con-inner>.elementor-element:last-child .elementor-element:last-child {
    display: flex !important;
  }

  .enjoy-how-section>.e-con-inner>.elementor-element:first-child {
    width: 40% !important;
  }

  .enjoy-how-section>.e-con-inner>.elementor-element:last-child {
    width: 60% !important;
    padding-bottom: 90px !important;
  }

  .enjoy-how-section .app-goole img {
    width: 240px !important;
  }
}

@media screen and (min-width: 801px) and (max-width: 960px) {
  .enjoy-how-section>.e-con-inner {
    max-width: 610px !important;
  }

  .enjoy-how-section>.e-con-inner>.elementor-element:first-child {
    width: 50% !important;
  }

  .enjoy-how-section>.e-con-inner>.elementor-element:last-child {
    width: 50% !important;
  }
}

@media screen and (min-width: 561px) and (max-width: 767px) {
  .enjoy-how-section {
    padding: 0 3.5% !important;
  }

  .enjoy-how-section>.e-con-inner {
    padding-top: 0 !important;
    padding-bottom: 35px !important;
  }

  .enjoy-how-section>.e-con-inner>.elementor-element:first-child {
    align-items: flex-start !important;
    width: 35% !important;
  }

  .enjoy-how-section>.e-con-inner>.elementor-element:last-child {
    padding-bottom: 57px !important;
    padding-left: 43px !important;
    width: 65% !important;
  }

  .enjoy-how-section h2 {
    font-size: 25px !important;
    line-height: 30px !important;
  }

  .enjoy-how-section>.e-con-inner>.elementor-element:first-child .elementor-widget-container {
    width: 184px !important;
    margin-top: -30px !important;
  }

  .enjoy-how-section .app-goole img {
    width: 135px !important;
  }
}

@media screen and (min-width: 426px) and (max-width: 560px) {
  .enjoy-how-section {
    padding: 0 3.5% !important;
  }

  .enjoy-how-section>.e-con-inner {
    padding-top: 0 !important;
    padding-bottom: 35px !important;
  }

  .enjoy-how-section>.e-con-inner>.elementor-element:first-child {
    align-items: flex-start !important;
  }

  .enjoy-how-section>.e-con-inner>.elementor-element:last-child {
    padding-bottom: 57px !important;
    padding-left: 43px !important;
  }

  .enjoy-how-section>.e-con-inner>.elementor-element:first-child .elementor-widget-container {
    width: 184px !important;
    margin-top: -30px !important;
  }

  .enjoy-how-section .app-goole img {
    width: 135px !important;
  }

  .enjoy-how-section h2 {
    font-size: 18px !important;
  }
}

@media screen and (max-width: 425px) {
  .enjoy-how-section {
    padding: 0 3.5% !important;
  }

  .enjoy-how-section>.e-con-inner>.elementor-element:first-child {
    align-items: flex-start !important;
  }

  .enjoy-how-section>.e-con-inner>.elementor-element:last-child {
    padding-bottom: 57px !important;
    padding-left: 25px !important;
  }
}

@media screen and (min-width: 561px) and (max-width: 767px) {
  .enjoy-what-section>.e-con-inner {
    padding-bottom: 35px !important;
    padding-top: 35px !important;
    max-width: 530px !important;
  }

  .enjoy-what-section>.e-con-inner>.elementor-element:first-child {
    align-items: flex-start !important;
    width: 28% !important;
  }

  .enjoy-what-section>.e-con-inner>.elementor-element:last-child {
    padding-bottom: 57px !important;
    padding-left: 100px !important;
    width: 72% !important;
  }

  .enjoy-what-section h2 {
    font-size: 25px !important;
    line-height: 30px !important;
  }

  .enjoy-what-section>.e-con-inner>.elementor-element:first-child .elementor-widget-container {
    width: 204px !important;
    margin-top: 0 !important;
  }

  .enjoy-what-section .app-goole img {
    width: 135px !important;
  }
}

@media screen and (max-width: 560px) {
  .enjoy-what-section>.e-con-inner {
    padding-bottom: 35px !important;
    padding-top: 35px !important;
    max-width: 530px !important;
  }

  .enjoy-what-section>.e-con-inner>.elementor-element:first-child {
    align-items: flex-start !important;
    width: 28% !important;
  }

  .enjoy-what-section>.e-con-inner>.elementor-element:last-child {
    padding-bottom: 20px !important;
    padding-left: 100px !important;
    width: 72% !important;
  }

  .enjoy-what-section h2 {
    font-size: 25px !important;
    line-height: 30px !important;
  }

  .enjoy-what-section>.e-con-inner>.elementor-element:first-child .elementor-widget-container {
    width: 160px !important;
    margin-top: 0 !important;
  }

  .enjoy-what-section .app-goole img {
    width: 90px !important;
  }

  .enjoy-what-section h2 {
    font-size: 16.2px !important;
    line-height: 22.67px !important;
  }
}











@media screen and (min-width: 1110px) {
  header.landing-page-header .menu-toggle {

    display: none;
  }
}

@media screen and (max-width: 1110px) {

  header.landing-page-header .header-content .logo-box img {
    width: 100px !important;
  }

  header.landing-page-header .header-content>.icon-box>div {
    display: none;
  }

  header.landing-page-header .menu-secondary-menu-container {
    display: none;
  }

  header.landing-page-header .header-content .mobile-nav {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 0 20px;
    background: #fff;
    box-shadow: 0px 5px 5px #00000014;
  }

  header.landing-page-header .header-content .mobile-nav .mobile-nav-wrapper {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    padding: 60px 0;
  }

  header.landing-page-header .header-content .mobile-nav .icon-box>span {
    display: none;
  }

  header.landing-page-header .mobile-nav .menu-secondary-menu-container {
    display: block;
  }

  header.landing-page-header .menu-toggle {
    border: none;
    padding: 0;
    font-size: 20px;
    line-height: 100%;
    position: relative;
    background: transparent;
  }

  header.landing-page-header .menu-toggle svg {
    width: 22px;
    height: 22px;
  }

  header.landing-page-header .menu-toggle:before {
    position: absolute;
    background: white;
    content: "";
    bottom: 8.5px;
    right: 0;
    width: 100%;
    height: 4px;
  }

  header.landing-page-header .mobile-nav .menu-secondary-menu-container ul {
    list-style: none;
    padding: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  header.landing-page-header .mobile-nav .menu-secondary-menu-container ul li a {
    margin-bottom: 20px;
    font-family: "Sharp Sans", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    text-decoration: none;
    padding: 4px 0;
    color: #33373d;
  }

  header.landing-page-header .header-content .icon-box span {
    font-size: 12px !important;
    text-align: center;
  }
}

header.landing-page-header {
  box-shadow: 0px 5px 10px 0px #00000026;
  padding: 33.5px 0;
  background: #fff;
  position: fixed;
  width: 100%;
  z-index: 9;
  left: 0;
  top: 0;
}

header.landing-page-header .header-content {
  max-width: 1686px;
  padding: 0 20px;
  display: flex;
  margin: auto;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
}

header.landing-page-header .header-content .mobile-nav {
  display: none;
}

header.landing-page-header .header-content .logo-box {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

header.landing-page-header .header-content .logo-box img {
  width: 130px;
}

header.landing-page-header .header-content .icon-box {
  justify-content: flex-end;
  padding-right: 30px;
  align-items: center;
  display: flex;
  gap: 25px;
}

#menu-secondary-menu {
  display: flex;
  list-style: none;
}

#menu-secondary-menu a {
  font-family: "Sharp Sans", Sans-serif;
  font-size: 20px;
  font-weight: 400;
  text-decoration: none;
  color: #000000;
  fill: #000000;
  padding-left: 35px;
  padding-right: 35px;
  transition: .3s;
}

#menu-secondary-menu a:hover {
  color: #00C7C7;
  fill: #00C7C7;
}

header.landing-page-header .header-content .icon-box span {
  line-height: 32px;
  font-weight: 600;
  font-size: 23px;
}

@media screen and (max-width: 1310px) {
  header.landing-page-header .header-content .icon-box span {
    font-size: 16px;
  }

  #menu-secondary-menu a {
    padding-left: 25px;
    padding-right: 25px;
  }
}

header.landing-page-header .header-content .icon-box span strong {
  font-family: "Sharp Bold", Sans-serif;
}

header.landing-page-header .header-content .icon-box a {
  display: inline-flex;
  padding-top: 5.5px;
  margin-right: 1px;
}

.landing-page-hero {
  /* 	background-image: url('/wp-content/uploads/2024/07/what_is_otto_new_top_image.jpg'); */
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-top: -32px;
  height: 434px;
}

.landing-page-hero .hero-content {
  align-items: center;
  max-width: 1686px;
  padding: 0 20px;
  display: flex;
  height: 100%;
  margin: auto;
}

.landing-page-hero .hero-content p,
.landing-page-hero .hero-content h1 {
  font-size: 84px;
  color: #fff;
  margin: 0;
}

.landing-page-text-content {
  padding: 46px 0 56px;
  background: #F2F2F2;
}

.landing-page-text-content .text-content {
  max-width: 1686px;
  padding: 0 20px;
  margin: auto;
}

.landing-page-text-content .text-content p {
  line-height: 42px;
  font-size: 32px;
}

.landing-page-text-content .text-content .bottom-content {
  grid-template-columns: calc(100% / 2 - 5.5px) calc(100% / 2 - 5.5px);
  margin-top: 64px;
  display: grid;
  gap: 11px;
}

.landing-page-text-content .text-content .bottom-content .google-app-box,
.landing-page-text-content .text-content .bottom-content .btn-box {
  justify-content: center;
  padding: 34px 15px 45px;
  flex-direction: column;
  align-items: center;
  background: #fff;
  display: flex;
  gap: 20px;
}

.landing-page-text-content .text-content .bottom-content .google-app-box span,
.landing-page-text-content .text-content .bottom-content .btn-box span {
  text-align: center;
  line-height: 33px;
  font-size: 23px;
}

.landing-page-text-content .text-content .bottom-content .btn-box a {
  border: 2px solid #00c7c7;
  text-transform: uppercase;
  border-radius: 40px;
  padding: 6.5px 24px;
  text-align: center;
  width: fit-content;
  font-family: Arial;
  color: #00c7c7;
  font-weight: 700;
  font-size: 30px;
  display: block;
}

.landing-page-text-content .text-content .bottom-content .btn-box a:hover {
  background: #00C5C5;
  color: #fff;
}

.landing-page-text-content .text-content .bottom-content .google-app-box .image-box {
  display: flex;
  gap: 26px;
}

.landing-page-text-content .text-content .bottom-content .google-app-box .image-box a {
  display: block;
}

.landing-page-new-car {
  background-color: #fff;
  padding: 36px 0 63px;
}

.landing-page-new-car .new-car-content {
  max-width: 1686px;
  padding: 0 20px;
  margin: auto;
}

.landing-page-new-car .new-car-content h2 {
  line-height: 64px;
  margin: 0 0 56px;
  font-size: 48px;
}

.landing-page-new-car .new-car-content .step-content {
  grid-template-columns: calc((100% / 5) - (260px / 5)) calc((100% / 5) - (260px / 5)) calc((100% / 5) - (260px / 5)) calc((100% / 5) - (260px / 5)) calc((100% / 5) - (260px / 5));
  display: grid;
  gap: 65px;
}

.landing-page-new-car .new-car-content .step-content .step-box span {
  font-family: "Sharp Sans", sans-serif;
  border: 2px solid #00C5C5;
  justify-content: center;
  align-items: center;
  margin: 0 auto 22px;
  border-radius: 50%;
  font-weight: 600;
  font-size: 50px;
  color: #00C5C5;
  display: flex;
  padding: 5px;
  height: 90px;
  width: 90px;
}

.landing-page-new-car .new-car-content .step-content .step-box h3 {
  font-family: "Sharp Bold", sans-serif;
  line-height: 40px;
  margin: 0 0 22px;
  font-size: 30px;
}

.landing-page-new-car .new-car-content .step-content .step-box p {
  font-weight: 600;
  font-size: 24px;
  margin: 0;
}

footer.landing-page-footer {
  background-color: #00C5C5;
  padding: 20px 0;
}

footer.landing-page-footer .footer-content {
  max-width: 1686px;
  padding: 0 20px;
  margin: auto;
}

footer.landing-page-footer .footer-content span {
  font-family: "Sharp Bold", sans-serif;
  text-align: center;
  font-size: 34px;
  display: block;
  color: #fff;
}

.menu-toggle.active:before,
.close-svg,
.open-svg.active {
  display: none;
}

.open-svg,
.close-svg.active {
  display: block;
}

@media screen and (max-width: 1200px) {
  header.landing-page-header .header-content {
    grid-template-columns: calc(30% - 5px) calc(70% - 5px);
  }

  header.landing-page-header .header-content .icon-box {
    padding-right: 0;
  }

  .landing-page-new-car .new-car-content .step-content {
    grid-template-columns: calc(100% / 3 - 20px) calc(100% / 3 - 20px) calc(100% / 3 - 20px);
    gap: 30px;
  }
}

@media screen and (max-width: 992px) {
  header.landing-page-header .header-content {
    grid-template-columns: calc(25% - 5px) calc(75% - 5px);
  }

  header.landing-page-header .header-content .icon-box {
    gap: 10px;
  }

  .landing-page-new-car .new-car-content .step-content {
    grid-template-columns: calc(100% / 3 - 20px) calc(100% / 3 - 10px) calc(100% / 3 - 10px);
  }
}

@media screen and (max-width: 768px) {
  header.landing-page-header .header-content .icon-box {
    flex-direction: row;
    align-items: center;
    display: flex;
    gap: 10px;
  }

  header.landing-page-header .header-content .icon-box span {
    line-height: 20px;
    font-size: 18px;
  }

  .landing-page-hero {
    margin-top: 8px;
  }

  .landing-page-hero .hero-content h1 {
    font-size: 58px;
  }

  .landing-page-text-content .text-content p {
    line-height: 30px;
    font-size: 20px;
  }

  .landing-page-text-content .text-content .bottom-content,
  .landing-page-new-car .new-car-content .step-content {
    grid-template-columns: 100%;
  }

  .landing-page-new-car .new-car-content h2 {
    line-height: 38px;
    margin: 0 0 25px;
    font-size: 30px;
  }
}

@media screen and (max-width: 576px) {
  header.landing-page-header .header-content .icon-box span {
    line-height: 18px;
    font-size: 14px;
  }

  header.landing-page-header {
    padding: 15px 0;
  }

  .landing-page-hero {
    margin-top: -32px;
    height: 300px;
  }

  .landing-page-hero .hero-content h1 {
    font-size: 40px;
  }

  footer.landing-page-footer .footer-content span {
    font-size: 26px;
  }
}

#home-hero-slider .elementor-slides .swiper-slide .swiper-slide-inner .swiper-slide-contents .browse-cars-btn {
  font-family: "Sharp Sans", Sans-serif;
  text-transform: uppercase;
  margin: 30px auto 0;
  width: fit-content;
  font-weight: 700;
  font-size: 20px;
  display: block;
  color: #fff;
}

#home-hero-slider .elementor-slides .swiper-slide .swiper-slide-inner .swiper-slide-contents .elementor-button {
  padding: 25px 40px;
  cursor: pointer;
}

@media screen and (max-width: 1024px) {
  #home-hero-slider .elementor-slides .swiper-slide .swiper-slide-inner .swiper-slide-contents .elementor-button {
    padding: 18px 37px;
  }

  #home-hero-slider .elementor-slides .swiper-slide .swiper-slide-inner .swiper-slide-contents .browse-cars-btn {
    line-height: 27px;
    font-size: 18px;
  }
}

@media screen and (max-width: 767px) {
  #home-hero-slider .elementor-slides .swiper-slide .swiper-slide-inner .swiper-slide-contents .elementor-button {
    padding: 13px 27px;
  }

  #home-hero-slider .elementor-slides .swiper-slide .swiper-slide-inner .swiper-slide-contents .browse-cars-btn {
    line-height: 20.25px;
    font-size: 13.5px;
  }

  #home-hero-slider .elementor-slides .swiper-slide .swiper-slide-inner .swiper-slide-contents .elementor-slide-heading {
    margin-bottom: 18px;
  }
}

@media screen and (min-width: 1200px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide .container .right-side .cars {
    left: -130px;
  }
}

@media screen and (min-width: 1700px) and (max-width: 1900px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide .container .right-side .cars {
    left: -220px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fourth-slide .container .left-side {
    padding-left: 250px;
  }
}

@media screen and (min-width: 1500px) and (max-width: 1699px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide .container .right-side .cars {
    left: -140px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fourth-slide .container .left-side {
    padding-left: 250px;
    padding-top: 100px;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1499px) {
  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.third-slide .container .right-side .cars {
    left: -260px;
  }

  .horizontal-section .tall-outer-container .sticky-inner-container .horizontal-translate-container .cards-container .slide.fourth-slide .container .left-side {
    padding-left: 250px;
    padding-top: 100px;
    z-index: 2;
  }
}

@media screen and (min-width: 1367px) and (max-width: 1574px) {
  .elementor-location-header ul.elementor-nav-menu li.menu-item a.elementor-item {
    padding-right: 17px !important;
    padding-left: 17px !important;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1229px) {
	.elementor-location-header ul.elementor-nav-menu li.menu-item.navigation-popup-trigger a.elementor-item { margin-left: 10px !important; }
	.elementor-location-header ul.elementor-nav-menu li.menu-item a.elementor-item {
		padding-right: 5px !important;
		padding-left: 5px !important;
	}
	.elementor-location-header ul.elementor-nav-menu { gap: 0 !important; }
}
.secondary-menu ul { display: flex; }