* {box-sizing: border-box;}
.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  
  position: relative;
  margin: auto;
  max-height: 750px;
  height: 700px;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* The dots/bullets/indicators */
.dot {
  height: 3px;
  width: 20px;
  margin: 0 2px;
  background-color: #bbb;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.banner_section .active {
  /* background-color: #717171; */
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}
.banner_section .slideshow-container .mySlides {
    padding: 330px 0px 250px 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    max-height: 750px;
    height: 700px;
}
.banner_section .slideshow-container .fade:not(.show) {
    opacity: 1;
}
/* Add any additional styles you want for the slideshow here */
/* Inner Sliders */
.inner-slider-container {
    display: flex;
    flex-direction: column;
    transition: transform 1s ease-in-out;
    height: 100%;
    padding: 0px 0px 150px 0px;
}
.inner-slide {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 24px;
}
.inner-slide h1 {
    font-family: 'Poppins', sans-serif;;
    font-size: 35px;
    font-weight: 400;
    line-height: 45px;
    letter-spacing: -0.005em;
    text-align: center;
    text-transform: uppercase;
    margin-top: -200px;
}
.inner-slide p a {
    text-decoration: underline;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;

}
.inner-slide h1 .silent_beast {
    background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.52) 100%);
    -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  font-style: normal;

}
.inner-slide h1 .beast {
    background: linear-gradient(180deg, #000000 0%, rgba(188, 0, 0, 0.46) 100%);
    -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  font-style: normal;
}
.inner-slide img {
    margin-top: 10px;
    margin-bottom: 10px;
}
.inner-slide h1 .etrance_span {
    font-weight: 600;
    display: block;
    font-size: 40px;
}
.inner-slide .image-carousel {
    overflow: hidden;
}
.inner-slide .image-carousel img {
    display: none;
}
.dealership_div h1 {
    text-align: left !important;
    text-transform: capitalize;
    font-size: 32px;
    font-weight: 400;
    margin-top: -70px !important;
}
.dealership_div h1 .dealership_span {
    color: #6EE16D;
    font-weight: 500;
    
}
.eco_span {
    font-style: normal;
}
.slideshow_indicator {
    position: absolute;
    left: 40%;
    margin-top: -55px;
}
.mySlides.product_zero {
  background-image: url('../images/home/banner-6.webp');
}
.mySlides.product_one {
  background-image: url('../images/home/banner-1.webp');
}
.mySlides.product_two {
  background-image: url('../images/home/banner-2.webp');
}
.mySlides.product_three {
  background-image: url('../images/home/banner-3.webp');
}
.mySlides.product_four {
  background-image: url('../images/home/banner-4.webp');
}
.mySlides.product_five {
  background-image: url('../images/home/banner-5.jpg');
}
.mySlides.product_six {
  background-image: url('../images/home/banner-offer- banner-6.png');
}
.mySlides.product_seven {
  background-image: url('../images/home/banner gif.gif');
}
.mySlides.product_nine_new {
  background-image: url('../images/home/new_banner_offer_banner.png');
}
.mySlides.product_eight {
  background-image: url('../images/home/banner_offer_banner.png');
}
.mySlides.product_nine {
  background-image: url('../images/home/xplatform/7g_one.webp');
}
.mySlides.product_ten {
  background-image: url('../images/home/xplatform/7g_two.webp');
}
.mySlides.product_eleven {
  background-image: url('../images/home/xplatform/7g_three.webp');
}
.mySlides.product_twelve {
  background-image: url('../images/home/xplatform/7g_four.webp');
}
.mySlides.product_thirteen {
  background-image: url('../images/home/xplatform/7g_five.webp');
}
.mySlides.product_fourteen {
  background-image: url('../images/home/xplatform/7g_six.webp');
}
.mySlides.product_fifteen {
  background-image: url('../images/home/xplatform/neo_one.webp');
}
.mySlides.product_sixteen {
  background-image: url('../images/home/xplatform/neo_two.webp');
}
.mySlides.product_seventeen {
  background-image: url('../images/home/xplatform/neo_three.webp');
}
.mySlides.product_eighteen {
  background-image: url('../images/home/xplatform/neo_four.webp');
}
.mySlides.product_ninteen {
  background-image: url('../images/home/xplatform/neo_five.webp');
}
.mySlides.product_twenty {
  background-image: url('../images/home/xplatform/neo_six.webp');
}

.mySlides.product_twentys {
  background-image: url('../video/about-us.gif');
}

@media only screen and (max-width: 600px) {
  .mySlides.product_zero {
    background-image: url('../images/home/mobile_banners/banner-6.webp');
  }
  .mySlides.product_one {
    background-image: url('../images/home/mobile_banners/banner-1.webp');
  }
  .mySlides.product_two {
    background-image: url('../images/home/mobile_banners/banner-2.webp');
  }
  .mySlides.product_three {
    background-image: url('../images/home/mobile_banners/banner-3.webp');
  }
  .mySlides.product_four {
    background-image: url('../images/home/mobile_banners/banner-4.webp');
  }
  .mySlides.product_five {
    background-image: url('../images/home/mobile_banners/banner-5.jpg');
  }
  .mySlides.product_six {
    background-image: url('../images/home/mobile_banners/banner-offer-banner-mobile-2.png');
  }
  .mySlides.product_seven {
    background-image: url('../images/home/mobile_banners/mobile banner gif.gif');
  }
  .mySlides.product_eight {
      background-image: url('../images/home/mobile_banners/banner-offer-banner-mobile-1.png');
    }
    .mySlides.product_nine {
      background-image: url('../images/home/mobile_banners/xplatform/7g_one.webp');
    }
    .mySlides.product_nine_new {
      background-image: url('../images/home/mobile_banners/web_site_mobile_ version.png');
    }
    .mySlides.product_ten {
      background-image: url('../images/home/mobile_banners/xplatform/7g_two.webp');
    }
    .mySlides.product_eleven {
      background-image: url('../images/home/mobile_banners/xplatform/7g_three.webp');
    }
    .mySlides.product_twelve {
      background-image: url('../images/home/mobile_banners/xplatform/7g_four.webp');
    }
    .mySlides.product_thirteen {
      background-image: url('../images/home/mobile_banners/xplatform/7g_five.webp');
    }
    .mySlides.product_fourteen {
      background-image: url('../images/home/mobile_banners/xplatform/7g_six.webp');
    }
    .mySlides.product_fifteen {
      background-image: url('../images/home/mobile_banners/xplatform/neo_one.webp');
    }
    .mySlides.product_sixteen {
      background-image: url('../images/home/mobile_banners/xplatform/neo_two.webp');
    }
    .mySlides.product_seventeen {
      background-image: url('../images/home/mobile_banners/xplatform/neo_three.webp');
    }
    .mySlides.product_eighteen {
      background-image: url('../images/home/mobile_banners/xplatform/neo_four.webp');
    }
    .mySlides.product_ninteen {
      background-image: url('../images/home/mobile_banners/xplatform/neo_five.webp');
    }
    .mySlides.product_twenty {
      background-image: url('../images/home/mobile_banners/xplatform/neo_six.webp');
    }
    .mySlides.product_twentys {
     background-image: url('../video/about-us.gif');
  }
  .inner-slider-container {
    padding-top:120px;
  }
  .epluto-slide img {
    width: 70px;
  }
  .inner-slide h1 {
    margin-bottom: 0px !important;
  }
  .inner-slide p {
    font-family: 'Poppins';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
  }
  .inner-slide p a {
    font-family: 'Poppins';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;

  }
  .inner-slide img {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .epluto-slide a img {
    width: auto !important;
  }
  .etryst-slide img {
    width: 93px;
    position: absolute;
    top: 150% !important;
    left: 0 !important;
  }
  .epluto-slide img {
    width: 93px;
    position: absolute;
    top: 150% !important;
    left: 0 !important;
  }
  .ecodryft-slide img {
    width: 93px;
    position: absolute;
    top: 150% !important;
    left: 0 !important;
  }
  .etrance_neo_heading img {
    width: 95px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    position: absolute;
    top: 140% !important;
    left: 0 !important;
  }
  .etryst-slide h1 .beast {
    font-family: 'Poppins';
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.005em;
    text-align: left;
  }
  .etryst-slide h1 .silent_beast {
    font-family: 'Poppins';
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.005em;
    text-align: left;

  }
  .etrance_neo_heading h1 {
    font-family: 'Poppins';
    font-size: 16px !important;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.005em;
    text-align: center;
  }
  .inner-slide h1 .etrance_span {
    font-family: 'Poppins';
    font-size: 20px !important;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: -0.005em;
    text-align: center;

  }
  .slideshow_indicator{
    left: 32% !important;
  }
}
  
.slider-video {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
