@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap");
@import url("https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css");
@import url("css/slick-theme.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css");
@import url("https://webclickindia.co.in/smtp/css/mail.css");
@import url(css/animate.css);
@import url(css/ma5-menu.min.css);
@import url(css/responsive.css);
/*@font-face { font-family: "bullpen"; src: local("bullpen"), url("fonts/bullpen-3d.otf") format("bullpen") tech(color-COLRv1);}

@font-face { font-family: "bullpen-hv"; src: local("bullpen"), url("fonts/bullpen-hv.otf") format("bullpen-hv") tech(color-COLRv1);}

@font-face { font-family: "bullpen-hv-it"; src: local("bullpen-hv-it"), url("fonts/bullpen-hv-it.otf") format("bullpen-hv-it") tech(color-COLRv1);}*/

/*Custom CSS*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 30px;
  margin: 0px;
  padding: 0px;
  font-family: "Rajdhani", sans-serif;
}

/*h1{	font-family: "bullpen";}

h2{	font-family: "bullpen-hv";}

h3{	font-family: "bullpen-hv-it";}*/

ul {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}

li {
  padding: 0px;
  margin: 0px;
  font-size: 15px;
  font-family: "Work Sans", sans-serif;
}

a {
  font-size: 15px;
  font-family: "Work Sans", sans-serif;
  text-decoration: none !important;
}

a:hover {
  text-decoration: none;
}

p {
  font-size: 15px;
  padding: 0px;
  margin: 0px;
  font-family: "Work Sans", sans-serif;
}

body {
  padding: 0px;
  margin: 0px;
  box-sizing: content-box;
}

span {
  padding: 0px;
  margin: 0px;
  font-family: "Work Sans", sans-serif;
}

/*Start*/

.top-header-design {
  background: #9ece53;
}

.color-metter {
  background: #9ece53;
}

.fennec-mobile-nav .navbar-nav {
  overflow-y: auto;
  height: 428px;
}

.fennec-nav .navbar .navbar-nav .nav-item {
  position: relative;
  padding: 0;
}

.fennec-nav .navbar .navbar-nav .nav-item a {
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
  padding: 20px 12px;
  position: relative;
  z-index: 1;
  margin: 0;
}

.fennec-nav .navbar .navbar-nav .nav-item a i {
  margin-left: 1px;
}

.fennec-nav .navbar .navbar-nav .nav-item a i::before {
  font-size: 11px;
}

.fennec-nav .navbar .navbar-nav .nav-item a:hover::before,
.fennec-nav .navbar .navbar-nav .nav-item a:focus::before,
.fennec-nav .navbar .navbar-nav .nav-item a.active::before {
  opacity: 1;
  visibility: visible;
}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu {
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  background-color: #9ece53;
  position: absolute;
  border: none;
  top: 80px;
  left: 0;
  width: 300px;
  z-index: 99;
  display: block;
  opacity: 0;
  visibility: hidden;
  border-radius: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding-top: 15px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 15px;
}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
  text-transform: capitalize;
  padding: 5px 15px;
  display: block;
  color: #000;
  font-size: 15px;
  font-weight: 600;
}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::before {
  display: none;
}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
  color: #000;
}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover::after,
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus::after,
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active::after {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::first-child {
  margin-top: 0;
}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
  left: 220px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.fennec-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu {
  left: 220px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.fennec-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li:hover
  .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}

.fennec-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li:hover
  .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}

.fennec-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: 100%;
  margin-top: 0;
}

.navbar {
  padding: 0px;
}

.btn-design-header ul li:first-child a {
  background: #9ece53;
  padding: 10px 5px;
}

.btn-design-header ul li:last-child a {
  background: #161514;
  padding: 10px 5px;
}

.change-width {
  width: 1300px;
  max-width: 1300px;
  margin: 0px auto;
}

.boxing-design span {
  font-family: "Rajdhani", sans-serif;
  font-size: 24px;
  font-weight: 700;
}

.boxing-design small {
  position: absolute;
  top: -5px;
  right: -42px;
  font-size: 30px; /* opacity: 0.2; */
  color: #e4e1e5;
  font-weight: 700;
}

.under-cover-design {
  position: relative;
}

small.set-up-1 {
  position: absolute;
  top: 0px;
}

.boxing-design {
  width: 30%;
}

.electric_scooter {
  width: 40%;
  margin: 0px auto; /*position: relative;    left: 45px;*/
}

small.set-up-4 {
  left: -45px;
}

small.set-up-5 {
  left: -45px;
}

small.set-up-6 {
  left: -45px;
}

.green-today h4 {
  font-size: 65px;
  font-weight: 100;
  padding-left: 230px;
  padding-right: 230px;
}

.green-today span {
  color: #9ece53;
}

.bettery-icon span {
  font-size: 25px;
  font-weight: 200;
  color: #fff;
  line-height: 25px;
}

.bettery-icon p {
  font-size: 30px;
  color: #9ece53;
}

.bettery-icon img {
  width: 15%;
}

.saving-btn a {
  background-color: transparent;
  border: 2px solid #a6ce39;
  padding: 10px 30px;
  color: #fff;
  border-radius: 5px;
  font-family: "Rajdhani", sans-serif;
  font-weight: bold;
  transition: 0.5s;
}

.saving-btn a:hover {
  background-color: #9ece53;
  color: #fff;
  border: 2px solid #a6ce39;
}

/*Call Me*/

.phone_lefts-side {
  position: relative;
}

.phone_lefts-side a {
  position: fixed;
  bottom: 205px;
  background-color: #9ece53;
  animation: topBottom 4s infinite;
  z-index: 999;
  left: 20px;
  color: #000;
  padding: 9px 16px;
  border-radius: 50%;
  font-size: 20px;
  animation: bounce 4s infinite alternate;
}

.glow {
  font-size: 80px;
  color: #fff;
  text-align: center;
  -webkit-animation: glow 1s ease-in-out infinite alternate;
  -moz-animation: glow 1s ease-in-out infinite alternate;
  animation: glow 1s ease-in-out infinite alternate;
}

@keyframes glow {
  from {
    text-shadow:
      0 0 10px #f3fffd,
      0 0 20px #f3fffd,
      0 0 30px #f3fffd,
      0 0 40px #f3fffd,
      0 0 50px #f3fffd,
      0 0 60px #f3fffd,
      0 0 70px #f3fffd;
  }

  to {
    text-shadow:
      0 0 20px #f3fffd,
      0 0 30px #f3fffd,
      0 0 40px #f3fffd,
      0 0 50px #016098,
      0 0 60px #f3fffd,
      0 0 70px #f3fffd,
      0 0 80px #f3fffd;
  }
}

@-webkit-keyframes glow {
  from {
    text-shadow:
      0 0 10px #f3fffd,
      0 0 20px #f3fffd,
      0 0 30px #f3fffd,
      0 0 40px #f3fffd,
      0 0 50px #f3fffd,
      0 0 60px #f3fffd,
      0 0 70px #f3fffd;
  }

  to {
    text-shadow:
      0 0 20px #f3fffd,
      0 0 30px #f3fffd,
      0 0 40px #f3fffd,
      0 0 50px #016098,
      0 0 60px #f3fffd,
      0 0 70px #f3fffd,
      0 0 80px #f3fffd;
  }
}

.bounce {
  animation: bounce 965 1.6s ease infinite;
  transform-origin: 50% 50%;
}

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

  12.5% {
    transform: translateY(0);
  }

  25% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-15px);
  }

  62.5% {
    transform: translateY(0);
  }

  75% {
    transform: translateY(-15px);
  }

  100% {
    transform: translateY(0);
  }
}

/*Whatsapp-popup*/

#whatsapp .wtsapp:focus {
  border: none;
  outline: none;
}

#whatsapp .wtsapp {
  position: fixed;
  transition: all 0.5s ease;
  background: #25d366;
  display: block;
  text-align: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); /* margin: 0; */
  border-radius: 50px;
  border-right: none;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  bottom: 130px;
  left: 20px;
  border: 0;
  z-index: 99;
  width: 50px;
  height: 50px;
  line-height: 48px;
}

#whatsapp .wtsapp:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 60px;
  height: 60px;
  background: #25d366;
  border-radius: 50%;
  -webkit-animation: pulse-border 1500ms ease-out infinite;
  animation: pulse-border 1500ms ease-out infinite;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }

  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

.enquiry {
  position: fixed;
  z-index: 1000;
  bottom: 55px;
  left: 25px;
  height: 50px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.enquiry i {
  float: left;
  z-index: 999;
  position: absolute;
  left: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #fff;
  font-size: 24px;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background: #161514;
  transition: 0.5s;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4);
}

.enquiry strong {
  background: #f69a1d;
  line-height: 28px;
  color: #fff;
  padding: 10px 20px;
  border-radius: 0 30px 30px 0;
  height: 45px;
  float: left;
  font-size: 15px;
  margin-top: 3px;
  margin-left: 35px;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
}

.enquiry i:hover {
  color: #fff;
}

.enquiry strong:hover {
  color: #000;
  background: #eee;
}

.modal-header {
  padding: 0 15px;
  color: #fff;
  background-color: #9ece53;
  height: 46px;
}

.send_p {
  line-height: 22px;
  text-align: center;
  margin-bottom: 20px;
  color: #333;
}

.modal-body form input {
  border: 1px solid #ccc;
  border-radius: 0px !important;
  height: 35px;
}

.modal-body form input:focus {
  outline: none;
}

.modal-body form textarea:focus {
  outline: none;
}

.modal-body form textarea {
  border: 1px solid #ccc;
  border-radius: 0px !important;
  resize: none;
}

.modal-header button span {
  font-size: 40px;
  position: relative;
  bottom: 0px;
}

#homepopupenquiry-form button[type="submit"] {
  line-height: 0px;
  background: #9ece53;
  outline: none;
  color: #fff;
  font-weight: 600;
  border: none;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  width: 35%;
  border-radius: 10px;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  padding: 20px;
}

.modal-header > p {
  font-size: 18px;
  margin-top: 8px;
}

.about-us .row {
  position: absolute;
  top: 45px;
}

.bike-content p {
  text-align: justify;
  line-height: 25px;
}

.bike-content h1 {
  font-size: 30px;
  margin-bottom: 13px;
  font-weight: 800;
}

.about-us {
  padding: 180px 0;
}

.bike-content {
  width: 50%;
}

.bike-content-img {
  position: absolute;
  width: 28%;
  top: 0;
  right: 0;
}

.about-us {
  padding: 390px 0 0 0;
}

.bike-content p {
  margin-bottom: 20px;
}

.mySlides {
  display: none;
}

.mySlides img {
  width: 100%;
  float: right;
}

.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

.fade-1 {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {
    opacity: 0.4;
  }

  to {
    opacity: 1;
  }
}

.card-img-top {
  height: 330px;
}

/* .fixed_container{     position: fixed;    height: 100vh;} */

.fade_text {
  position: absolute;
  bottom: 30%;
  width: 100%;
}

.fade_text2 {
  position: absolute;
  bottom: 43%;
  width: 100%;
}

.fade_text h1,
.fade_text2 h1 {
  text-align: center;
  font-size: 200px;
  color: #9fb2af;
  text-transform: uppercase;
  font-style: italic;
}

.elsco-item img {
  width: 40%;
}

.content-metter span {
  font-family: "Rajdhani", sans-serif;
  font-size: 40px;
  font-weight: 800;
}

.featured-design {
  width: 760px;
  background: #161514;
  margin: 0px auto;
}

.featured-design ul {
  display: flex;
}

.featured-design ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 86px;
}

.featured-design p {
  color: #a6ce39;
}

.featured-design a {
  background: #a6ce39;
  padding: 10px 30px;
  border-radius: 5px;
  transition: 0.5s;
  border: 2px solid #a6ce39;
}

.featured-design a:hover {
  background-color: transparent;
  color: #fff !important;
  border: 2px solid #a6ce39;
}

.featured-design li {
  font-size: 14px;
}

.featured-design li p {
  font-size: 14px;
}

.our-products .title h2 {
  font-size: 50px;
}

.our-products {
  position: relative;
}

.our-products:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 400px;
  background: #9ece53;
  top: 0px;
  z-index: -1;
}

.our-products button.slick-next {
  right: 15px;
  background-color: red;
}

/*.our-products button.prev{left: 20px; background-color: red;}*/

.our-products button.slick-next {
  right: 20%;
  background-color: #fff;
  top: 22%;
  font-size: 0;
  width: 50px;
  height: 50px;
  border-radius: 50px;
}

.our-products button.slick-prev {
  left: 10%;
  background-color: #fff;
  top: 22%;
  font-size: 0;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  position: relative;
  z-index: 99;
}

.slick-prev:before,
.slick-next:before {
  color: #161514;
}

.black-bike {
  background-color: #030303;
}

.black-bike:after {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgb(0 0 0 / 88%) 0%, rgba(0, 0, 0, 0) 45%);
  position: absolute;
  top: 0;
  left: 0;
}

.black-bike .title {
  position: relative;
  z-index: 9;
}

.socail-emdia-btn a {
  background: #f09433;
  background: -moz-linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
  background: -webkit-linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
  background: linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
  padding: 10px 30px;
  border-radius: 5px;
}

.our-range h4 {
  font-size: 38px;
}

.home-form {
  background: url(img/bg-bottom.webp);
  width: 100%;
  background-position: 100% 50%;
  text-align: center;
  padding: 45px 0;
  background-size: cover;
  position: relative;
  z-index: 2;
}

.home-design-right {
  width: 45%;
  position: absolute;
  top: 0px;
  left: -28px;
  z-index: -1;
}

.form-design {
  width: 50%;
  margin-left: auto;
  float: right;
}

.form-design span {
  font-family: "Rajdhani", sans-serif;
  font-size: 30px;
}

.form-design input {
  width: 45%;
  font-family: "Work Sans", sans-serif;
  border-radius: 50px;
  border: none;
  height: 45px;
  padding-left: 15px;
  background: #9ece53;
}

.form-design textarea {
  width: 92%;
  height: 100px;
  resize: none;
  font-family: "Work Sans", sans-serif;
  border-radius: 50px;
  border: 0px;
  padding-left: 30px;
  padding-top: 10px;
  background: #9ece53;
}

.form-design input::placeholder {
  color: #000;
}

.form-design textarea::placeholder {
  color: #000;
}

.form-design textarea:focus {
  outline: none;
}

.form-design input:focus {
  outline: none;
}

.form-design button {
  border: none;
  margin-top: 20px;
  font-family: "Work Sans", sans-serif;
  background: #161514;
  padding: 8px 30px;
  transition: 0.5s;
}

.form-design button:hover {
  background-color: #9ece53;
}

.form-design button:focus {
  outline: none;
}

.social-media span {
  font-size: 24px;
  display: block;
  margin-bottom: 8px;
}

.social-media ul li i {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}

.social-media i.fa-facebook-f {
  width: 30px;
  height: 30px;
  background: #006af7;
  border-radius: 50px;
}
.social-media i.fa-pinterest {
  width: 30px;
  height: 30px;
  background: #e60023;
  border-radius: 50px;
}

.social-media i.fa-instagram {
  width: 30px;
  height: 30px;
  background: #f09433;
  background: -moz-linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
  background: -webkit-linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
  background: linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
  border-radius: 50px;
}

.social-media i.fa-x-twitter {
  width: 30px;
  height: 30px;
  background: #000;
  border-radius: 50px;
}

.social-media i.fa-youtube {
  width: 30px;
  height: 30px;
  background: red;
  border-radius: 50px;
}

.social-media i.fa-linkedin-in {
  width: 30px;
  height: 30px;
  background: #0069bd;
  border-radius: 50px;
}

#toTop {
  position: fixed;
  bottom: 30px;
  right: 5px;
  cursor: pointer;
  transition: 0.5s;
  z-index: 9999;
}

img#toTop {
  -webkit-animation: 5s linear infinite moveBounce;
  animation: 5s linear infinite moveBounce;
}

@-webkit-keyframes moveBounce {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(20px);
  }
}

@keyframes moveBounce {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(20px);
  }
}

.widget-design ul li i {
  width: 35px;
  height: 35px;
  background: #9ece53;
  border-radius: 50px;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.widget-design ul li {
  margin-bottom: 20px;
}

footer {
  background: #161514;
}

.widget-design span {
  font-family: "Rajdhani", sans-serif;
  font-size: 30px;
}

.widget-design span {
  color: #9ece53;
}

img.set-up-design {
  position: absolute;
  opacity: 0.1;
  top: 13%;
  right: 0;
}

.copy-right {
  background-color: #9ece53;
}

.slider-emi img {
  cursor: pointer;
}

/*header {    position: sticky;    z-index: 999;    top: 0;    background: #fff;}*/
header {
  position: sticky;
  z-index: 999;
  top: 0;
}
.right-side-modal-function b {
  font-size: 16px;
}

.right-side-modal-function p {
  font-size: 12px;
}

.set-img {
  max-width: 25px;
}

.right-side-modal-function {
  border: 1px solid #707070;
}

/*.banner-content{}*/

.color {
  width: 25px;
  height: 25px;
  background: none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin-right: 12px;
  cursor: pointer;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.color-black {
  background-color: #242424;
}

.color-blue {
  background-color: #6abfec;
}

.color-yellow {
  background-color: #f65c3a;
}

.color-red {
  background-color: #8b0516;
}

.color-white {
  background-color: #ededed;
}

.color:hover {
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
}

.active-color {
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
}

.color-groups {
  padding: 1rem 0;
  display: flex;
  flex-direction: column;
}

.color-groups .color {
  margin-bottom: 35px;
  outline-offset: 5px;
  outline: 1px solid #ccc;
  text-align: center;
  margin: 0px auto;
  margin-bottom: 35px;
}

.banner-left {
  width: 7%;
  float: left;
  text-align: center;
  margin: 0px auto;
}

.banner-right {
  float: right;
  width: 90%;
}

.elesco-logo-design {
  position: absolute;
  left: 25%;
  font-size: 165px;
  text-transform: uppercase;
  font-weight: 900;
  z-index: -1;
  color: #eeeeee;
  top: -65px;
}

.elesc-btn a {
  padding: 10px 30px;
  background: #a6ce39;
  border: 2px solid #a6ce39;
  transition: 0.5s;
}

.elesc-btn a:hover {
  padding: 10px 30px;
  background: transparent;
  border: 2px solid #a6ce39;
}

video::-webkit-media-controls {
  display: none;
}

.black-bike video {
  position: relative;
  bottom: -55px;
}

.inner_header {
  padding: 100px 0;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center 47% !important;
  position: relative;
}
.inner_header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: red;
}

.breadcrumb_custom h1 {
  font-size: 50px;
}

.breadcrumb_custom ul li a {
  font-size: 16px;
}

/* Contact Details */

.contact-details-section {
  position: relative;
  padding-top: 100px;
  padding-bottom: 70px;
}

.contact-details-section .sec-title .text {
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 16px;
  color: inherit;
}

.contact-details-section .sec-title h2 {
  padding-bottom: 20px;
}

.contact-info-block {
  position: relative;
}

.contact-info-block .inner-box {
  position: relative;
  padding: 15px 30px 15px;
  -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15);
  margin-bottom: 30px;
  border-radius: 6px;
}

.contact-info-block .icon-box {
  position: relative;
  padding-left: 70px;
  min-height: 70px;
}

.contact-info-block .icon {
  position: absolute;
  left: 0;
  top: 0;
}

.contact-info-block h5 {
  font-size: 20px;
  font-weight: 600;
}

.contact-info-block h4 {
  font-size: 20px;
  font-weight: 600;
}

.contact-info-block ul li {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 5px;
}

.contact-info-block ul li a {
  color: #0c2957;
  font-size: 16px;
}

/* Contact form Section */

.contact-form-section {
  position: relative;
  padding-bottom: 70px;
}

.contact-form-section .live-contact {
  position: relative;
  margin-bottom: 30px;
}

.contact-form-section .live-contact img {
  border-radius: 6px;
}

.contact-form-section .live-contact .content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 50px 30px;
  text-align: center;
}

.contact-form-section .live-contact .content .icon {
  color: #fff;
  font-size: 70px;
  line-height: 70px;
  margin-bottom: 30px;
}

.contact-form-section .live-contact .content h4 {
  position: relative;
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.contact-form-section .live-contact .content .text {
  position: relative;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 25px;
}

.contact-form-section .live-contact .content .btn-style-one .btn-title::before {
  background: #fff;
}

.contact-form-section .contact-form .form-group {
  margin-bottom: 30px;
}

.contact-form-section .contact-form .bootstrap-select > .dropdown-toggle,
.contact-form-section .contact-form .form-group input[type="text"],
.contact-form-section .contact-form .form-group input[type="email"],
.contact-form-section .contact-form .form-group textarea,
.contact-form-section .contact-form .form-group select {
  border-color: #f1f5f8;
  background-color: #f1f5f8;
  height: 56px;
}

.contact-form-section .contact-form .form-group textarea {
  height: 120px;
}

.contact-form-section .note p {
  font-size: 18px;
  font-weight: 500;
  font-style: italic;
}

/* Contact Details Two */

.contact-details-section-two {
  position: relative;
  padding-top: 60px;
  padding-bottom: 70px;
}

.contact-details-section-two:before {
  position: absolute;
  top: -45px;
  left: 50%;
  width: 100%;
  max-width: 1170px;
  background: #fff;
  content: "";
  height: 50px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 6px;
}

.contact-details-section-two .sec-title .text {
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 20px;
  color: inherit;
}

.contact-details-section-two .sec-title h2 {
  padding-bottom: 20px;
}

.contact-details-section-two .bottom-text {
  position: relative;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  margin-top: 15px;
  margin-bottom: 30px;
}

.contact-details-section-two .bottom-text a {
  position: relative;
  font-weight: 600;
}

.contact-details-section-two .bottom-text a i {
  margin-left: 5px;
  font-weight: normal;
  font-size: 16px;
}

.contact-info-block {
  position: relative;
}

.contact-info-block-two {
  position: relative;
  z-index: 2;
}

.contact-info-block-two .inner-box {
  position: relative;
  background: #fff;
  padding: 45px 30px 40px;
  padding-left: 115px;
  -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}

.contact-info-block-two:nth-child(1) .inner-box {
  border-top-left-radius: 30px;
}

.contact-info-block-two:nth-child(3) .inner-box {
  border-top-right-radius: 30px;
}

.contact-info-block-two:nth-child(1) .inner-box:before {
  border-top-left-radius: 30px;
}

.contact-info-block-two:nth-child(3) .inner-box:before {
  border-top-right-radius: 30px;
}

.contact-info-block-two .inner-box:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: #201630;
  opacity: 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: perspective(400px) rotateX(-90deg);
  -ms-transform: perspective(400px) rotateX(-90deg);
  transform: perspective(400px) rotateX(-90deg);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  border-top: 3px solid;
}

.contact-info-block-two .inner-box:hover:before {
  -webkit-transform: perspective(400px) rotateX(0deg);
  -ms-transform: perspective(400px) rotateX(0deg);
  transform: perspective(400px) rotateX(0deg);
  opacity: 1;
}

.contact-info-block-two .icon {
  position: absolute;
  left: 35px;
  top: 46px;
}

.contact-info-block-two h4 {
  position: relative;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.contact-info-block-two .inner-box:hover h4 {
  color: #fff;
}

.contact-info-block-two ul li {
  font-size: 18px;
  font-weight: 500; /* margin-bottom: 5px; */
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: relative;
}

.contact-info-block-two .inner-box:hover ul li {
  color: #fff;
}

.contact-info-block-two ul li a {
  color: #0c2957;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.contact-info-block-two .inner-box:hover ul li a {
  color: #ffff;
}

/* Contact Section Style Five */

.contact-section.style-five {
  background-color: #f1f5f8;
  padding: 0;
}

.contact-section.style-five .auto-container {
  max-width: 100%;
  padding: 0;
}

.contact-section.style-five .inner-container {
  max-width: 585px;
}

.contact-section.style-five .left-column .inner-container {
  margin: 0 auto;
  margin-right: 0;
}

.contact-section.style-five .right-column,
.contact-section.style-five .left-column {
  position: relative;
  padding: 100px 0 70px;
  background-size: cover;
}

.contact-section.style-five .contact-form {
  margin-bottom: 0;
}

.contact-section.style-five .contact-form .row {
  margin: 0 -10px;
}

.contact-section.style-five .contact-form .form-group {
  padding: 0 10px;
  margin-bottom: 20px;
}

.contact-section.style-five .btn-style-one {
  width: 100%;
}

.contact-section.style-five .btn-style-one .btn-title {
  padding: 13px 30px;
  border-radius: 28px;
}

.contact-section.style-five .read-more-link {
  text-transform: uppercase;
  padding-left: 0;
  color: #fff;
}

.contact-section.style-five .read-more-link i {
  position: relative;
  margin-left: 5px;
  font-weight: normal;
}

.contact-section.style-five .read-more-link:before {
  display: none;
}

.contact-section.style-five .read-more-link:hover {
  text-decoration: none;
}

.contact-section.style-five .list li {
  color: #d7cfe3;
}

.contact-section.style-five .contact-section .author-box .phone-numer {
  color: inherit;
}

.contact-section.style-five .contact-form .bootstrap-select > .dropdown-toggle,
.contact-section.style-five .contact-form .form-group input[type="text"],
.contact-section.style-five .contact-form .form-group input[type="email"],
.contact-section.style-five .contact-form .form-group textarea,
.contact-section.style-five .contact-form .form-group select {
  border: 1px solid #e3e3e3;
  height: 55px;
}

.contact-section.style-five .author-box .phone-numer {
  color: #fff;
}

.contact-section.style-five .sec-title.light .text {
  color: #d7cfe3;
}

.contact-section.style-five .contact-form-box {
  position: relative;
  padding: 50px 50px 30px;
  background: #fff;
  margin-left: -50px;
  border-radius: 6px;
  margin-bottom: 30px;
}

.contact-section.style-five .contact-form .form-group textarea {
  height: 110px;
}

.contact-form-section .contact-form .bootstrap-select > .dropdown-toggle,
.contact-form-section .contact-form .form-group input[type="text"],
.contact-form-section .contact-form .form-group input[type="email"],
.contact-form-section .contact-form .form-group textarea,
.contact-form-section .contact-form .form-group select {
  border-color: #f1f5f8;
  background-color: #f1f1f1;
  height: 100px;
}

.contact-form .bootstrap-select > .dropdown-toggle,
.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="email"],
.contact-form .form-group textarea,
.contact-form .form-group select {
  position: relative;
  display: block;
  height: 54px;
  width: 100%;
  font-size: 15px;
  color: rgb(12, 41, 87);
  line-height: 30px;
  font-weight: 600;
  background-color: transparent;
  border-radius: 6px;
  padding: 11px 20px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(225, 229, 233);
  -o-border-image: initial;
  border-image: initial;
  -webkit-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
  transition: all 300ms ease 0s;
}

.form-group input {
  position: relative;
  display: block;
  height: 54px;
  width: 100%;
  font-size: 15px;
  color: rgb(12, 41, 87);
  line-height: 30px;
  font-weight: 600;
  border-radius: 6px;
  padding: 11px 20px;
  border: none;
  background-color: #f1f1f1;
  -webkit-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
  transition: all 300ms ease 0s;
}

.form-group input:focus {
  outline: none;
}

.form-group textarea:focus {
  outline: none;
}

.btn-style-one .btn-title {
  position: relative;
  display: block;
  z-index: 1;
  padding: 5px 20px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  border-radius: 25px;
  overflow: hidden;
  font-weight: 900;
  font-size: 20px;
}

.live-contact img {
  width: 100%;
}

.sec-title h2 {
  position: relative;
  display: block;
  font-size: 40px;
  line-height: 1.2em;
  font-weight: 700;
  text-transform: capitalize;
  padding-bottom: 0px !important;
}

button.theme-btn {
  border: none;
  border-radius: 50px;
  background-color: #9ece53;
}

.contact-form-section input {
  width: 100%;
}

.icon-box h4 {
  margin-bottom: 12px;
  font-size: 16px;
}

.color-site a {
  font-size: 16px;
}

ul.coloring li a {
  background: #9ece53;
  padding: 15px;
  color: #fff;
  font-size: 18px;
}

/*.full-width-type span a{    background-color: #222222;   width: 100%;    margin-left: 0;}

.full-width-type span a{    color: #fff;    margin: 0px;    padding-top: 10px;    padding-bottom: 10px;}*/

.inner-states {
  text-align: left;
}

.inner-states h4 {
  color: #fff;
  margin-bottom: 15px;
  padding-left: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 15px;
}

.inner-states i {
  padding-right: 8px;
}

.inner-states a {
  color: #fff;
}

.inner-left-side-product h3 {
  padding-bottom: 20px;
  font-size: 35px;
}

.inner-left-side-product p {
  line-height: 25px;
}

ul.coloring {
  text-align: center;
}

.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  background-color: #555;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #333;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-radial-out:hover,
.hvr-radial-out:focus,
.hvr-radial-out:active {
  color: white;
}

.hvr-radial-out:hover:before,
.hvr-radial-out:focus:before,
.hvr-radial-out:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}

.color-site {
  background-color: #9ece53;
}

.sitema-links-item h2 {
  font-size: 20px;
}

.sitema-links-item h3 {
  font-size: 20px;
}

.sitema-links-item h4 {
  font-size: 20px;
}

.black-color {
  background: #000;
}

.skin-color {
  background: #555;
}

.inputBox input {
  font-family: "Quicksand", sans-serif;
  width: 100%;
  background-color: #f1f1f1;
  height: 35px;
  border-radius: 50px;
  border: 0px;
  padding-left: 15px;
  outline: none;
}

.inputBox textarea {
  font-family: "Quicksand", sans-serif;
  width: 100%;
  background-color: #f1f1f1;
  height: 70px;
  padding-left: 22px;
  padding-top: 10px;
  border-radius: 50px;
  border: 0px;
  outline: none;
}

.inputBox button {
  outline: none;
  cursor: pointer;
  background: #161514;
  color: #fff;
  border-radius: 50px;
  font-family: "Quicksand", sans-serif;
  padding: 5px 15px;
}

.white-wrap {
  box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 29px 0px;
  border: 1px solid #f1f1f1;
  background-color: #9ece53;
}

.social-media-form {
  background-color: #3f509e;
}

i.color-facebook {
  color: #1877f2;
  background: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  display: flex;
}

i.color-twitter {
  color: #1877f2;
  background: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  display: flex;
}

i.color-linkedin {
  color: #1877f2;
  background: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  display: flex;
}

i.color-instagram {
  color: #1877f2;
  background: #fff !important;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  display: flex;
}

i.color-youtube-play {
  color: radial-gradient(
    circle at 30% 107%,
    #fdf497 0%,
    #fdf497 5%,
    #fd5949 45%,
    #d6249f 60%,
    #285aeb 90%
  );
  background: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  display: flex;
}

.social-media-form p {
  font-size: 12px;
}

.concept-text span {
  font-size: 22px;
  display: block;
  margin-bottom: 6px;
  text-align: center;
  font-weight: 500;
}

.concept-text p {
  text-align: justify;
}

.concept-text .border {
  min-height: 305px;
}

.content-side p {
  line-height: 25px;
}

img.about-img-design {
  width: 25%;
  position: absolute;
  right: 0;
  top: 0;
}

a.card-title {
  font-size: 17px;
  display: block;
}

.blog-btn a {
  background: #9ece53;
  transition: 0.5s;
}

.blog-btn a:hover {
  background: #85b737;
  color: #fff;
}

.card-body {
  overflow-y: scroll;
  height: 300px;
}

.card-body::-webkit-scrollbar {
  width: 5px;
}

.card-body::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.card-body::-webkit-scrollbar-thumb {
  background: #888;
}

.card-body::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.blogs-data {
  float: left;
  width: 350px;
}

.blogs-data img {
  width: 100%;
}

.cover-product-this h2 {
  margin-bottom: 10px;
}

.cover-product-this ul {
  padding-left: 15px;
}

.cover-product-this ul li {
  margin-bottom: 15px;
  margin-top: 15px;
  list-style-type: disc;
  text-align: justify;
}

.box-listing {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom: 20px solid #acab5b;
}

.box-listing ul {
  position: relative;
  background-color: #fff;
}

.box-listing ul li:hover {
  opacity: 0.2;
}

.box-listing ul li {
  list-style: none;
  padding: 10px;
  width: 100%;
  background-color: #fff;
  box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1);
  transition: transform 0.5s;
  margin-bottom: 10px;
}

.box-listing ul li:hover {
  transform: scale(1.1);
  z-index: 100;
  background-color: #024b83;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
  color: #fff;
  opacity: 1;
}

.box-listing ul li span {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  background-color: #afad5a;
  color: #fff;
  display: inline-block;
  border-radius: 50%;
  margin-right: 10px;
  font-size: 12px;
  font-weight: 600;
  transform: translateY(0px);
}

.box-listing a {
  color: #333;
  transition: 0.5s;
}

.box-listing a:hover {
  color: #000;
  display: block;
}

.box {
  background: #9ece53;
  overflow: hidden;
  position: relative;
  transition: all 0.3s;
  box-shadow:
    rgba(0, 0, 0, 0.4) 0px 2px 4px,
    rgba(0, 0, 0, 0.3) 0px 7px 13px -3px,
    rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  border-radius: 8px;
}

.box:hover {
  box-shadow: 0 0 20px -5px rgba(247, 126, 56, 0.5);
  border-radius: 10px;
}

.box:before {
  content: "";
  background: rgba(255, 255, 255, 0.5);
  width: 100%;
  height: 100%;
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
    translate3d(0, -100%, 0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all 0.5s;
}

.box:hover:before {
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
    translate3d(0, 100%, 0);
}

.box img {
  width: 100%;
  height: auto;
  opacity: 0.95;
  transition: all 0.5s;
}

.box:hover img {
  opacity: 0.6;
  transform: rotate(10deg) scale(1.5);
}

.box .box-content {
  color: #fff;
  background: linear-gradient(
    to right,
    transparent,
    rgba(0, 0, 0, 0.2),
    rgba(0, 0, 0, 0.2)
  );
  text-align: right;
  border-right: 3px solid #fff;
  padding: 5px 10px;
  opacity: 0;
  transform: scaleX(0);
  transform-origin: right center;
  position: absolute;
  bottom: 10px;
  right: 15px;
  transition: all 0.4s cubic-bezier(0.6, -0.1, 0.735, 0.045);
}

.box:hover .box-content {
  opacity: 1;
  transform: scaleX(1);
}

.box .title {
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
  margin: 0;
}

.box .post {
  font-size: 20px;
  font-style: italic;
  text-transform: capitalize;
  letter-spacing: 1px;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
  color: #fff;
}

.box .icon {
  padding: 0;
  margin: 0;
  list-style: none;
  opacity: 0;
  transform: scale(0);
  position: absolute;
  top: 15px;
  left: 15px;
  transition: all 0.4s cubic-bezier(0.6, -0.1, 0.735, 0.045);
}

.box:hover .icon {
  opacity: 1;
  transform: scale(1);
}

.box .icon li {
  margin: 0 0 10px;
}

.box .icon li a {
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 33px;
  height: 35px;
  width: 35px;
  border: 2px solid #fff;
  border-radius: 50px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
  display: block;
  transition: all 0.3s;
  position: absolute;
}

.box .icon li a:hover {
  background: #f77e38;
  border-radius: 0;
}

@media only screen and (max-width: 990px) {
  .box {
    margin: 0 0 30px;
  }
}

figure.effect-jazz img {
  opacity: 1;
}

figure.effect-jazz figcaption::after,
figure.effect-jazz img,
figure.effect-jazz p {
  -webkit-transition:
    opacity 0.35s,
    -webkit-transform 0.35s;
  transition:
    opacity 0.35s,
    transform 0.35s;
}

figure.effect-jazz figcaption::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  content: "";
  opacity: 0;
  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

figure.effect-jazz h2,
figure.effect-jazz p {
  opacity: 1;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
}

figure.effect-jazz h2 {
  padding-top: 26%;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
}

figure.effect-jazz p {
  text-transform: none;
  font-size: 0.85em;
  opacity: 0;
}

figure.effect-jazz:hover img {
  opacity: 0.1;
  -webkit-transform: scale3d(1.05, 1.05, 1);
  transform: scale3d(1.05, 1.05, 1);
}

figure.effect-jazz:hover figcaption::after {
  opacity: 1;
  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
  transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
}

figure.effect-jazz:hover h2,
figure.effect-jazz:hover p {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.grid {
  position: relative;
  clear: both;
  margin: 0 auto;
  padding: 1em 0 4em;
  max-width: 1000px;
  list-style: none;
  text-align: center;
}

.grid figure {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0;
  min-width: 100%;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: auto;
  background-color: #430066;
  text-align: center;
  cursor: pointer;
}

.grid figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
}

.grid figure figcaption {
  padding: 1em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
  pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.grid figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}

.grid figure h2 {
  word-spacing: -0.15em;
  font-weight: 300;
}

.grid figure h2 span {
  font-weight: 800;
}

.grid figure h2,
.grid figure p {
  margin: 0;
}

.grid figure p {
  letter-spacing: 1px;
  font-size: 16px;
  margin-top: 10px;
}

.pro-box span {
  font-size: 22px;
  font-weight: 800;
}

.final-products p {
  line-height: 25px;
}

.cover-product {
  padding-left: 0px;
  min-height: 250px;
  width: 300px;
  float: left;
  margin-right: 20px;
}

.cover-product-this p {
  line-height: 24px;
  margin-bottom: 16px;
}

.cover-product-this p {
  text-align: justify;
}

.mobile-three-item li {
  display: inline-block;
  margin-right: 0;
  padding: 10px 0px;
  width: 32%;
}

.mobile-three-item {
  text-align: center;
}

.mobile-three-item li:nth-child(1) {
  background-color: #333;
}

.mobile-three-item li:nth-child(2) {
  background-color: #64b161;
}

.mobile-three-item li:last-child {
  background-color: #7bad2e;
}

.mobile-three-item li a {
  color: #fff;
}

.mobile-three-item {
  text-align: center;
  display: none;
  position: fixed;
  z-index: 999;
  bottom: 0;
  width: 100%;
}

.mobile-btn-animation {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 30%;
  color: white;
  text-align: center;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 2.5%;
  border-radius: 4px;
  box-shadow: 0 0 2px 1px white;
  z-index: 1000;
  background-image: linear-gradient(to right, #393286, #0457b2);
}

.mobile-btn-animation a {
  color: white;
}

#mobile-call-container a {
  width: 100%;
  min-width: 100%;
}

.mobile-three-item {
  display: none;
}

nav.mobile-menu {
  display: none;
}

ul.scroll-bar-last {
  max-height: 500px;
  overflow-y: scroll;
}

.dropdown-menu::-webkit-scrollbar {
  width: 10px;
}

.dropdown-menu::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.dropdown-menu::-webkit-scrollbar-thumb {
  background: #888;
}

.dropdown-menu::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.blog-box-bottom {
  margin-bottom: 30px;
}
.bike-content a span {
  color: #000 !important;
  font-weight: 600;
}
.bike-content a {
  color: #000 !important;
  font-weight: 600;
}
.content-side a {
  color: #000;
  font-weight: 700;
}
.cover-product-this a {
  color: #000;
  font-weight: 600;
}
.full-width-type a {
  display: block;
  background: #000;
  color: #fff;
  line-height: 50px;
  font-size: 22px;
}

div#contact-form input {
  height: 45px;
}
.product-content-featured ul li {
  margin-bottom: 15px;
  list-style-type: disc;
}
ul.dropdown-menu {
  height: 500px;
  overflow-y: scroll;
}

.products-fill {
  border-right: 1px solid #ccc;
}

.box-listing {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom: 20px solid #000;
}

.box-listing h4 {
  color: #000;
  background-color: #9ece53;
  padding: 10px 20px;
  font-size: 20px;
  text-align: center;
  font-weight: 700;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.box-listing ul {
  position: relative;
  background-color: #fff;
}

.box-listing ul li:hover {
  opacity: 0.2;
}

.box-listing ul li {
  list-style: none;
  padding: 10px;
  width: 100%;
  background-color: #fff;
  box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1);
  transition: transform 0.5s;
  margin-bottom: 10px;
}

.box-listing ul li:hover {
  transform: scale(1.1);
  z-index: 100;
  background-color: #9ece53;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
  color: #fff;
  opacity: 1;
}

.box-listing ul li span {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  background-color: #000;
  color: #fff;
  display: inline-block;
  border-radius: 50%;
  margin-right: 10px;
  font-size: 12px;
  font-weight: 600;
  transform: translateY(0px);
}

.box-listing ul li:hover span {
  background-color: #000;
  color: #fff;
}

.box-listing a {
  color: #333;
}

.listing-product h2 {
  font-size: 25px;
}

/*.listing-product li {*/
/*    font-size: 18px;*/
/*    background: url(images/button.png)no-repeat;*/
/*    padding-left: 28px;*/
/*    background-position: 0 58%;*/
/*    line-height: 30px;*/
/*}*/
.electrical-scooter ul {
  text-align: center;
  padding: 10px 0;
}
.electrical-scooter ul li:first-child a {
  background-color: #26d367;
}
.electrical-scooter ul li:last-child a {
  background-color: #000;
}
.electrical-scooter a {
  border-radius: 5px;
  padding: 8px 10px;
  font-size: 13px;
}
a.this-heading {
  font-family: "Rajdhani", sans-serif;
  font-size: 24px;
  font-weight: 600;
  color: #000;
}
.electrical-scooter {
  margin-bottom: 30px;
}

/* Custom css code for colors button */

.circle-colors label b {
  font-size: 18px;
}
.circle-color-box {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  outline: 1px solid #ccc;
  outline-offset: 5px;
  margin: 12px;
}
.circle-color-brown {
  background-color: #6e260e;
}
.circle-color-black {
  background-color: #000;
}
.circle-color-blue {
  background-color: #0047ab;
}
.circle-color-white {
  background-color: #fff;
}

.circle-color-armygreen {
  background-color: #667c3e;
}
.circle-color-orange {
  background-color: #ff5f15;
}
.circle-color-silver {
  background-color: #e0e0e0;
}
.circle-color-green {
  background-color: #008000;
}
.circle-color-purple {
  background-color: #3c005a;
}
.circle-color-red {
  background-color: #ff0000;
}

.circle-color-yellow {
  background-color: #ffff00;
}

.inner-column-website {
  background: #8bd6fc;
  padding: 25px;
}
.inner-column-website ul li {
  line-height: 30px;
}
.inner-column-website ul li a {
  color: #000;
}
.inner-column-website ul {
  column-count: 3;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
  padding: 35px !important;
  background: #9ece53;
  border-radius: 20px;
  border: 4px dashed #161514;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
}

.dealer-form input {
  border-radius: 15px;
  margin-bottom: 18px;
}
.dealer-form input::placeholder {
  color: #000;
  font-weight: 400;
}

.dealership-btn {
  text-align: center;
  border: none;
  margin-top: 18px;
}

.dealership-btn button {
  background-color: #9ece53;
  padding: 8px 26px;
  border-radius: 26px;
}

.dealership-btn button a {
  color: #ffffff;
  font-weight: 600;
  font-size: 20px;
  letter-spacing: 2px;
}
.dealer-form input {
  border: 0px;
  border-radius: 0;
}
.dealership-btn button {
  border: none;
}

#elesco-faq-pro {
  padding: 50px 0px;
}

.accordion-button:not(.collapsed) {
  background-color: #000 !important;
  color: #fff !important;
  font-size: 18px;
  font-weight: 600;
}

.accordion-body {
  background-color: #fff !important;
  color: #000;
}

.accordion-button {
  background-color: #000 !important;
  color: #fff !important;
  font-size: 18px;
  font-weight: 600;
}

#btn1 {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: linear-gradient(to top, #49627e 0%, #ffffff 100%);
  cursor: pointer;
}

#btn2 {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: linear-gradient(to top, #32755a 0%, #1e3f31 100%);
  cursor: pointer;
}

#btn3 {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: linear-gradient(to top, #a00201 0%, #6b0001 100%);
  cursor: pointer;
}

/*#btn4{width: 30px;	height: 30px; border-radius: 50%; background-color: #87A70F; cursor: pointer;}*/
#btn5 {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: linear-gradient(to top, #000000 0%, #484848 100%);
  cursor: pointer;
}

.color-design {
  background: url(img/img-dark.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

.large-img img {
  -webkit-box-reflect: below -50px
    linear-gradient(transparent, transparent, #0000003d);
  width: 70%;
}

.contact-info-block ul {
  padding: 0;
}

.contact-info-block .inner-box {
  min-height: 180px;
}
.product-content-img img {
  width: 100%;
}

#innerenquiry-form {
  position: sticky;
  top: 0;
}









/* 1. Make sure parent section can contain the overlay */
.inner_header {
  position: relative !important;
}

/* 2. Full overlay covering the image (White at top for Logo -> Dark in center for Text) */
.inner_header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; /* <-- This was missing, causing it not to show */
  background: linear-gradient(to bottom, rgb(195 191 191 / 90%) 0%, /* Bright white under your logo/header */ rgb(165 165 165 / 40%) 25%, /* Soft fade transition */ rgba(0, 0, 0, 0.55) 50%, /* Dark tint behind "Company Profile" */ rgba(0, 0, 0, 0.65) 100%);
  z-index: 1;
}

/* 3. Bring the text content above the overlay */
.inner_header .container {
  position: relative !important;
  z-index: 2 !important;
}





/* ========================================================
   OVERLAY FOR "GET IN TOUCH" HOME FORM SECTION
   ======================================================== */

/* 1. Ensure the form container creates a positioning context */
#homeenquiry-form.form-design {
  position: relative !important;
  background: rgb(255 255 255 / 0%) !important; /* Soft white background to make text crystal clear */
  backdrop-filter: blur(8px) !important;            /* Modern frosted glass effect */
  padding: 35px 28px !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
  z-index: 2 !important;
}

/* 2. Style the "GET IN TOUCH" heading text so it stands out */
#homeenquiry-form .text-uppercase {
  color: #1a1a1a !important;     /* Deep dark contrast */
  font-size: 26px !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  margin-bottom: 20px !important;
  position: relative !important;
  z-index: 3 !important;
}

/* 3. Style the inputs so they look clean against the frosted card */
#homeenquiry-form input,
#homeenquiry-form textarea {
  position: relative !important;
  z-index: 3 !important;
}

/* 4. Mobile adjustment (iPhone SE / 375px) */
@media (max-width: 768px) {
  #homeenquiry-form.form-design {
    width: 94% !important;
    margin: 20px auto !important;
    float: none !important;      /* Removes desktop 'float: right' causing cut-off */
    padding: 24px 18px !important;
  }

  #homeenquiry-form .text-uppercase {
    font-size: 22px !important;
  }
}