@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('../../cdn.jsdelivr.net/npm/bootstrap%404.3.1/dist/css/bootstrap.min.css');
@import url('../../cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css');
@import url('../../cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css');
@import url('css/slick-theme.css');
@import url('../../cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css');
@import url('../../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 .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: .4;}

to {opacity: 1;}

}

/* .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: 80px 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: 12px;}

.social-media i.fa-facebook-f{width: 30px; height: 30px; background: #006af7; 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;}

.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 0px;}

.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: 20px;    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: .5s;    -o-transition: .5s;    transition: .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: .5s;    -o-transition: .5s;    transition: .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: .5s;    -o-transition: .5s;    transition: .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: .5s;    -o-transition: .5s;    transition: .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: 30px;    letter-spacing: -0.5px;}

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: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, .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, .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, .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, .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%;
}