/*-----------------------------------------------------------------------------------

  Template Name: Scooterr EV
  Author: Webstrot
  Version: 1.0.0
*/
/* vietnamese */
@font-face {
    font-family: "Lexend Tera";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lexendtera/v27/RrQUbo98_jt_IXnBPwCWtahIT4IQGg.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: "Lexend Tera";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lexendtera/v27/RrQUbo98_jt_IXnBPwCWtahJT4IQGg.woff2) format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: "Lexend Tera";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lexendtera/v27/RrQUbo98_jt_IXnBPwCWtahHT4I.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u-w4BMUTPHjxsIPx-mPCLQ7A.woff2) format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u-w4BMUTPHjxsIPx-oPCI.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI9w2_FQft1dw.woff2) format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI9w2_Gwft.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u8w4BMUTPHjxsAUi-qJCY.woff2) format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u8w4BMUTPHjxsAXC-q.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI5wq_FQft1dw.woff2) format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI5wq_Gwft.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI3wi_FQft1dw.woff2) format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: "Lato";
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI3wi_Gwft.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u8w4BMUTPHh30AUi-qJCY.woff2) format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u8w4BMUTPHh30AXC-q.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh7USSwaPGR_p.woff2) format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh7USSwiPGQ.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjxAwXjeu.woff2) format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wXg.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh50XSwaPGR_p.woff2) format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh50XSwiPGQ.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*-----------------------------------------------------------------------------------

  Template Name: Scooterr EV
  Author: Webstrot
  Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

  01. other color
  02. text color
  03. bg color
  04. button color
  05. border color
  06. font family
  07. font weight

**********************************************/
/*-----------------------------------------------------------------------------------

  Template Name: Scooterr EV
  Author: Webstrot
  Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

  01. 

**********************************************/
/*-----------------------------------------------------------------------------------

  Template Name: Scooterr EV
  Author: Webstrot
  Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

  01. Common css
  02. Common Heading
  03. typography
  04. Button
  05. Loader

**********************************************/
input:focus,
.form-control:focus,
button:focus,
.btn:focus,
.form-check-input:focus {
    box-shadow: unset;
}

a {
    text-decoration: none;
}

body {
    font-family: "Roboto";
    background-color: #fff;
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Lexend";
}

.preloader {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 999999;
}

.preloader .preloaderInner {
    width: 100%;
    height: 100%;
}

.preloader .preloaderInner .loaderGroup .loaderContent .loading {
    left: 50%;
    top: 50%;
    font-size: 50px;
    font-family: "Lexend Tera";
    font-weight: bold;
    letter-spacing: 4.4px;
    text-transform: capitalize;
    position: absolute;
    overflow: hidden;
    transform: translate(-50%, -60%);
}

.preloader .preloaderInner .loaderGroup .loaderContent .loading:before {
    color: #aaa;
    content: attr(data-loading-text);
}

.preloader .preloaderInner .loaderGroup .loaderContent .loading:after {
    top: 0;
    left: 0;
    width: 0;
    opacity: 1;
    color: #7CBA31;
    overflow: hidden;
    position: absolute;
    content: attr(data-loading-text);
    animation: loading 5s infinite;
}

@keyframes loading {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

.preloader.homeTwoPreloader .preloaderInner .loaderGroup .loaderContent .loading:after {
    color: #ffffff;
}

.commonHeading {
    margin-bottom: 40px;
}

.commonHeading.commHeadingCol {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.commonHeading.commHeadingCol .headingLeft {
    width: 60%;
}

.commonHeading.commHeadingCol .headingRight {
    width: 40%;
}

.commonHeading h5 {
    font-size: 20px;
    font-weight: 500;
    color: #7CBA31;
    text-transform: uppercase;
}

.commonHeading h2 {
    font-size: 36px;
    font-weight: 500;
    color: #ffffff;
}

.commonHeading p {
    font-size: 18px;
    color: #999999;
}

.evCommonInnerPageHeadingTwo {
    width: 60%;
    margin: 0 auto;
    margin-bottom: 60px;
}

.evCommonInnerPageHeadingTwo h6 {
    font-weight: 600;
    font-size: 26px;
    line-height: 36px;
    text-align: center;
    color: #111111;
}

.evCommonInnerPageHeadingTwo p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #858585;
}

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

    100% {
        transform: translateY(-10px);
    }
}

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

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

@keyframes mover3 {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-15px);
    }
}

@keyframes mover4 {
    0% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-15px);
    }

    50% {
        transform: translateY(0);
    }

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

    100% {
        transform: translateX(-15px);
    }
}

@keyframes stroke2 {
    0% {
        fill: #fff;
        stroke: transparent;
    }

    50% {
        fill: #111;
        stroke: #28E98C;
    }

    100% {
        fill: #fff;
        stroke: transparent;
    }
}

@keyframes stroke1 {
    0% {
        fill: rgba(72, 138, 20, 0);
        stroke: #28E98C;
        stroke-dashoffset: 25%;
        stroke-dasharray: 0 50%;
        stroke-width: 2;
    }

    70% {
        fill: rgba(72, 138, 20, 0);
        stroke: #28E98C;
    }

    80% {
        fill: rgba(72, 138, 20, 0);
        stroke: #28E98C;
        stroke-width: 3;
    }

    100% {
        fill: #28E98C;
        stroke: rgba(54, 95, 160, 0);
        stroke-dashoffset: -25%;
        stroke-dasharray: 50% 0;
        stroke-width: 0;
    }
}

@keyframes mover6 {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-10px);
    }
}

@keyframes blink1 {
    0% {
        transform: translateZ(10px);
    }

    20% {
        transform: translateY(10px);
    }

    40% {
        transform: translateZ(10px);
    }

    60% {
        transform: translateY(10px);
    }

    80% {
        transform: scaleX(1.2);
    }

    100% {
        transform: scaleX(1);
    }
}

@keyframes blink2 {
    0% {
        transform: translateZ(10px);
    }

    20% {
        transform: translateY(10px);
    }

    40% {
        transform: translateZ(10px);
    }

    60% {
        transform: translateY(10px);
    }

    80% {
        transform: translateX(20px);
    }

    100% {
        transform: translateX(0px);
    }
}

@keyframes mover5 {
    0% {
        transform: translateZ(5px);
    }

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

    40% {
        transform: translateZ(5px);
    }

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

    80% {
        transform: translateZ(5px);
    }

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

/*-----------------------------------------------------------------------------------
  Template Name: Dubai health
  Version: 1.0.0
*/
.btnPrimary {
    background-color: #7CBA31;
    color: #111111;
    font-size: 16px;
    font-weight: 600;
}

.btnPrimary.btnFullWidth {
    width: 100%;
}

.btnPrimary:hover,
.btnPrimary:first-child:active {
    border: 1px solid #7CBA31;
    background-color: transparent;
    color: #7CBA31;
}

.btnOutlinePrimary {
    border: 1px solid #7CBA31;
    background-color: transparent;
    color: #7CBA31;
    font-size: 16px;
    font-weight: 600;
}

.btnOutlinePrimary.btnFullWidth {
    width: 100%;
}

.btnOutlinePrimary:hover {
    background-color: #E67E00;
    color: #ffffff;
    border: 1px solid #7CBA31;
}

.btn1 {
    background-color: #F7941D;
    color: #FFFFFF;
    padding: 10px 40px;
    transition: all 0.4s ease;
    border: 1px solid #F7941D;
}

.btn1:hover {
    color: #FFFFFF;
    background-color: #E67E00;
    border: 1px solid #E67E00;
}

.btn2 {
    background-color: #F7941D;
    color: #FFFFFF;
    padding: 10px 40px;
    transition: all 0.4s ease;
    border: 1px solid #F7941D;
}

.btn2:hover {
    color: #FFFFFF;
    background-color: #E67E00;
    border: 1px solid #E67E00;
}

.btn3 {
    border: 1px solid #63B32E;
    color: #63B32E;
    padding: 10px 40px;
    transition: all 0.4s ease;
}

.btn3:hover {
    background-color: #7CBA31;
    color: #FFFFFF;
}

.btn4 {
    border: 1px solid #7CBA31;
    color: #7CBA31;
    padding: 10px 40px;
    transition: all 0.4s ease;
}

.btn4:hover {
    background-color: #7CBA31;
    color: #102C35;
}

/*-----------------------------------------------------------------------------------

  Template Name: Scooterr EV
  Author: Webstrot
  Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

  01. header 

**********************************************/
.header {
    background-color: #102c35;
    padding: 10px 0;
    top: 0;
    z-index: 999;
    border: 0.5px solid rgba(255, 255, 255, 0.29);
}

.header.headerActive {
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
    background: #102c35;
    animation: slideDown 0.35s ease-out;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

.header .headerInner {
    display: grid;
    grid-template-columns: 250px 1fr;
}

.header .headerInner .leftMenu .logo a svg {
    width: 100%;
}

.header .rightMenu {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 25px;
}

.header .rightMenu a {
    transition: all 0.4s ease;
}

.header .rightMenu a svg {
    transition: all 0.4s ease;
}

.header .rightMenu a svg path {
    transition: all 0.4s ease;
}

.header .rightMenu .search a:hover svg {
    transform: rotate(90deg);
}

.header .rightMenu .search a:hover svg path {
    stroke: #7CBA31;
    transition: all 0.4s ease;
}

.header .rightMenu .cartIcon a:hover svg {
    transform: rotate(360deg);
}

.header .rightMenu .cartIcon a:hover svg path {
    stroke: #7CBA31;
    transition: all 0.4s ease;
}

.header .rightMenu .toggleBar a:hover svg path {
    fill: #7CBA31;
    transition: all 0.4s ease;
}

.header .rightMenu .toggleBar a:hover svg path.toggleIcon-1 {
    transform: translateX(10px);
    transition: all 0.4s ease;
}

.header .rightMenu .toggleBar a:hover svg path.toggleIcon-3 {
    transform: translateX(-10px);
    transition: all 0.4s ease;
}

.header .rightMenu .loginBtn a {
    color: #ffffff;
}

.header .rightMenu .loginBtn a span {
    color: #ffffff;
}

.header .rightMenu .loginBtn a:hover span {
    color: #7CBA31;
}

.header .rightMenu .loginBtn a:hover svg {
    transform: translateX(5px);
}

.header .rightMenu .loginBtn a:hover svg path {
    stroke: #7CBA31;
}

svg .svg-elem-4 {
    stroke-dashoffset: 162.190612793px;
    stroke-dasharray: 162.190612793px;
    fill: transparent;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.3s;
}

svg .svg-elem-5 {
    stroke-dashoffset: 99.5494003296px;
    stroke-dasharray: 99.5494003296px;
    fill: transparent;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
}

svg .svg-elem-6 {
    stroke-dashoffset: 161.8832550049px;
    stroke-dasharray: 161.8832550049px;
    fill: transparent;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s;
}

svg .svg-elem-7 {
    stroke-dashoffset: 123.745880127px;
    stroke-dasharray: 123.745880127px;
    fill: transparent;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
}

svg .svg-elem-8 {
    stroke-dashoffset: 86.8155822754px;
    stroke-dasharray: 86.8155822754px;
    fill: transparent;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7s;
}

svg .svg-elem-9 {
    stroke-dashoffset: 129.7103500366px;
    stroke-dasharray: 129.7103500366px;
    fill: transparent;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

svg .svg-elem-10 {
    stroke-dashoffset: 95.69140625px;
    stroke-dasharray: 95.69140625px;
    fill: transparent;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}

svg .svg-elem-11 {
    stroke-dashoffset: 131.7003173828px;
    stroke-dasharray: 131.7003173828px;
    fill: transparent;
    transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

svg.active .svg-elem-4 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
}

svg.active .svg-elem-5 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
}

svg.active .svg-elem-6 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
}

svg.active .svg-elem-7 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
}

svg.active .svg-elem-8 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
}

svg.active .svg-elem-9 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
}

svg.active .svg-elem-10 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
}

svg.active .svg-elem-11 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
}

.sideToggleBar {
    background-color: #102C35;
    position: fixed;
    top: 0;
    right: 0;
    transition: all 0.6s ease-out;
    transform: translateX(150%);
    overflow: hidden;
    width: 40%;
    height: 100vh;
    z-index: 99999;
    box-shadow: 0px 0px 18px 1px #000000;
}

.sideToggleBar.active {
    transform: translateX(0);
}

.sideToggleBar .sideToggleIcon {
    position: absolute;
    top: 20px;
    right: 20px;
}

.sideToggleBar .sideToggleIcon svg path {
    transition: all 0.4s ease;
}

.sideToggleBar .sideToggleIcon:hover svg path {
    fill: #7CBA31;
}

.sideToggleBar .sideToggleBarInner {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.sideToggleBar .sideToggleBarInner .menuSearchGroup {
    display: grid;
    grid-template-columns: 1fr 550px;
    height: 100%;
}

.sideToggleBar .sideToggleBarInner .menuSearchGroup .menuBarBox,
.sideToggleBar .sideToggleBarInner .menuSearchGroup .searchBox {
    padding: 80px 50px;
}

.sideToggleBar .sideToggleBarInner .menuSearchGroup .menuBarBox .menuBarInner ul {
    gap: 25px;
}

.sideToggleBar .sideToggleBarInner .menuSearchGroup .menuBarBox .menuBarInner ul li {
    position: relative;
}

.sideToggleBar .sideToggleBarInner .menuSearchGroup .menuBarBox .menuBarInner ul li.active::after {
    content: "";
    position: absolute;
    top: 25px;
    right: 0;
    background-color: #fff;
    width: 100%;
    height: 1px;
}

.sideToggleBar .sideToggleBarInner .menuSearchGroup .menuBarBox .menuBarInner ul li:hover a {
    background-color: #fff;
    color: #7CBA31;
}

.sideToggleBar .sideToggleBarInner .menuSearchGroup .menuBarBox .menuBarInner ul li a {
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    position: relative;
    z-index: 1;
    padding-right: 20px;
    padding: 5px 18px 5px 10px;
    border-radius: 8px;
}

.sideToggleBar .sideToggleBarInner .menuSearchGroup .menuBarBox .menuBarInner ul li a:hover {
    color: #7CBA31;
}

.sideToggleBar .sideToggleBarInner .menuSearchGroup .menuBarBox .menuBarInner ul li a.active {
    color: #7CBA31;
}

.sideToggleBar .sideToggleBarInner .menuSearchGroup .menuBarBox .menuBarInner ul li.dropdown.open a::after {
    content: unset;
}

.sideToggleBar .sideToggleBarInner .menuSearchGroup .menuBarBox .menuBarInner ul li.dropdown a::after {
    content: "\f107";
    font-family: "FontAwesome";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    right: -2px;
}

.sideToggleBar .sideToggleBarInner .menuSearchGroup .menuBarBox .menuBarInner ul li.dropdown a.show::after {
    content: unset;
}

.sideToggleBar .sideToggleBarInner .menuSearchGroup .menuBarBox .menuBarInner ul li.dropdown .dropdown-menu li a::after {
    content: unset;
}

.sideToggleBar .sideToggleBarInner .menuSearchGroup .menuBarBox .menuBarInner ul li .dropdown-menu {
    left: unset !important;
    right: 0 !important;
    top: 0 !important;
    transform: translateY(0px) !important;
    background-color: #fff;
    border-color: transparent;
}

.sideToggleBar .sideToggleBarInner .menuSearchGroup .menuBarBox .menuBarInner ul li .dropdown-menu li::after {
    content: unset;
}

.sideToggleBar .sideToggleBarInner .menuSearchGroup .menuBarBox .menuBarInner ul li .dropdown-menu li a {
    font-size: 16px;
    color: #000;
}

.sideToggleBar .sideToggleBarInner .menuSearchGroup .menuBarBox .menuBarInner ul li .dropdown-menu li a:hover {
    background-color: transparent;
    color: #7CBA31;
}

.sideToggleBar .sideToggleBarInner .menuSearchGroup .searchBox .searchInner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.sideToggleBar .sideToggleBarInner .menuSearchGroup .searchBox .searchInner form .input-group {
    border: 1px solid #7CBA31;
    border-radius: 8px;
}

.sideToggleBar .sideToggleBarInner .menuSearchGroup .searchBox .searchInner form .input-group input {
    border: 0;
    background-color: transparent;
    height: 50px;
    color: #ffffff;
}

.sideToggleBar .sideToggleBarInner .menuSearchGroup .searchBox .searchInner form .input-group input::-moz-placeholder {
    color: #fff;
}

.sideToggleBar .sideToggleBarInner .menuSearchGroup .searchBox .searchInner form .input-group input::placeholder {
    color: #fff;
}

.sideToggleBar .sideToggleBarInner .menuSearchGroup .searchBox .searchInner form .input-group button {
    border: 0;
    background-color: transparent;
}

.sideToggleBar .sideToggleBarInner .menuSearchGroup .searchBox .searchInner form .input-group button svg path {
    transition: all 0.4s ease;
}

.sideToggleBar .sideToggleBarInner .menuSearchGroup .searchBox .searchInner form .input-group button:hover svg path {
    stroke: #7CBA31;
}

.sideToggleBar .sideToggleBarInner .menuSearchGroup .searchBox .searchInner .getInTouch .getInTouchHeading h4 {
    font-size: 32px;
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 20px;
}

.sideToggleBar .sideToggleBarInner .menuSearchGroup .searchBox .searchInner .getInTouch .getInTouchList ul {
    gap: 15px;
}

.sideToggleBar .sideToggleBarInner .menuSearchGroup .searchBox .searchInner .getInTouch .getInTouchList ul li a {
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    display: grid;
    grid-template-columns: 20px 1fr;
    gap: 12px;
    align-items: center;
}

.sideToggleBar .sideToggleBarInner .sideToggleSocialIcon {
    padding: 30px 50px;
    border-top: 1px solid #fff;
}

.sideToggleBar .sideToggleBarInner .sideToggleSocialIcon .sideToggleSocialIconInner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sideToggleBar .sideToggleBarInner .sideToggleSocialIcon .sideToggleSocialIconInner h4 {
    font-size: 18px;
    color: #ffffff;
    font-weight: 400;
}

.sideToggleBar .sideToggleBarInner .sideToggleSocialIcon .sideToggleSocialIconInner ul {
    gap: 10px;
}

.sideToggleBar .sideToggleBarInner .sideToggleSocialIcon .sideToggleSocialIconInner ul li a svg {
    transition: all 0.4s ease;
}

.sideToggleBar .sideToggleBarInner .sideToggleSocialIcon .sideToggleSocialIconInner ul li a svg rect {
    transition: all 0.4s ease;
}

.sideToggleBar .sideToggleBarInner .sideToggleSocialIcon .sideToggleSocialIconInner ul li a svg rect path {
    transition: all 0.4s ease;
}

.sideToggleBar .sideToggleBarInner .sideToggleSocialIcon .sideToggleSocialIconInner ul li a:hover svg rect {
    stroke-opacity: 1;
}

.sideToggleBar .sideToggleBarInner .menuSearchGroup.activeMenu {
    grid-template-columns: 1fr 0px;
}

.sideToggleBar .sideToggleBarInner .menuSearchGroup.activeMenu .searchBox {
    width: 0px;
    overflow: hidden;
    padding: 0;
}

.sideToggleBar .sideToggleBarInner .menuSearchGroup.activeSearch {
    grid-template-columns: 0px 1fr;
}

.sideToggleBar .sideToggleBarInner .menuSearchGroup.activeSearch .menuBarBox {
    width: 0px;
    overflow: hidden;
    padding: 0;
}

.colGroup {
    display: flex;
    align-items: center;
    gap: 20px;
    height: 100%;
}

.colGroup .colOne,
.colGroup .colTwo {
    display: flex;
    align-items: center;
    gap: 20px;
    height: 100%;
}

.colGroup .colTwo {
    border-left: 1px solid rgba(110, 109, 109, 0.98);
    padding-left: 20px;
}

/*Cart Sidebar CSS Start*/
#main-nav {
    margin: 10px auto;
    width: 100px;
    min-height: 50px;
    flex-flow: row nowrap;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: space-around;
}

#main-nav a.cart-button {
    width: 44px;
    min-height: 50px;
    position: relative;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    align-content: flex-start;
    justify-content: space-around;
}

#main-nav a.cart-button span.bag-icon {
    width: 34px;
    height: 40px;
    display: block;
    margin-bottom: 10px;
    z-index: 1;
    text-indent: -999px;
    overflow: hidden;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 40'%3E%3Cpath d='M33.1 10.2h-8V7.9C25 3.5 21.4 0 17 0c-4.4 0-8 3.5-8 7.9v2.3H1c-.5 0-.9.4-.9.9v24.4C0 38 2.1 40 4.6 40h24.7c2.6 0 4.6-2 4.6-4.5V11.1c.1-.5-.3-.9-.8-.9zM10.8 7.9c0-3.4 2.8-6.1 6.2-6.1 3.4 0 6.2 2.7 6.2 6.1v2.3H10.8V7.9zm21.3 27.6c0 1.5-1.2 2.7-2.8 2.7H4.6c-1.5 0-2.8-1.2-2.8-2.7V12H9v1.1c0 .5.4.9.9.9s.9-.4.9-.9V12h12.4v1.2c0 .5.4.9.9.9s.9-.4.9-.9V12h7.1v23.5z'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 40'%3E%3Cpath d='M33.1 10.2h-8V7.9C25 3.5 21.4 0 17 0c-4.4 0-8 3.5-8 7.9v2.3H1c-.5 0-.9.4-.9.9v24.4C0 38 2.1 40 4.6 40h24.7c2.6 0 4.6-2 4.6-4.5V11.1c.1-.5-.3-.9-.8-.9zM10.8 7.9c0-3.4 2.8-6.1 6.2-6.1 3.4 0 6.2 2.7 6.2 6.1v2.3H10.8V7.9zm21.3 27.6c0 1.5-1.2 2.7-2.8 2.7H4.6c-1.5 0-2.8-1.2-2.8-2.7V12H9v1.1c0 .5.4.9.9.9s.9-.4.9-.9V12h12.4v1.2c0 .5.4.9.9.9s.9-.4.9-.9V12h7.1v23.5z'/%3E%3C/svg%3E");
    background: rgba(255, 255, 255, 0.6);
    transition: all 0.5s linear 0s;
}

#main-nav a.cart-button span.bag-count {
    border-radius: 3px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    font-weight: 600;
    height: 28px;
    width: 34px;
    position: absolute;
    top: 11px;
    z-index: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    transition: all 0.5s linear 0s;
}

#main-nav a.cart-button span.bag-label {
    display: block;
    color: rgba(255, 255, 255, 0.6);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    height: 20px;
    width: 80px;
    text-align: center;
    transition: all 0.5s linear 0s;
}

#main-nav a.cart-button:active span.bag-icon,
#main-nav a.cart-button:hover span.bag-icon {
    background: #fff;
}

#main-nav a.cart-button:active span.bag-count,
#main-nav a.cart-button:hover span.bag-count {
    color: #fff;
}

#main-nav a.cart-button:active span.bag-label,
#main-nav a.cart-button:hover span.bag-label {
    color: #fff;
}

body.show-sidebar-cart #sidebar-cart {
    transform: translateX(0px);
}

#sidebar-cart {
    background: #102c35;
    padding: 30px 30px 0 30px;
    position: fixed;
    display: block;
    width: 550px;
    height: 100vh;
    z-index: 9999;
    top: 0;
    right: 0;
    transform: translateX(600px);
    box-shadow: 0px 0 15px 1px rgb(0, 0, 0);
    transition: all 0.4s ease;
}

#sidebar-cart .cartSidebarHeading {
    padding-top: 40px;
}

#sidebar-cart a.close-button {
    height: 16px;
    width: 16px;
    margin: 0 0 15px 0;
    text-decoration: none;
    position: absolute;
    top: 20px;
    right: 35px;
    display: flex;
}

#sidebar-cart a.close-button span.close-icon {
    transition: all 0.5s linear;
}

#sidebar-cart a.close-button span.close-icon:hover svg path {
    fill: #7CBA31;
}

#sidebar-cart h2 {
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1;
    margin: 5px 0 35px 0;
    display: flex;
}

#sidebar-cart ul.products {
    margin: 0;
    padding: 0 0 15px 0;
    list-style: none;
    height: calc(100vh - 200px);
    overflow-x: hidden;
    overflow-y: auto;
    display: block;
    position: relative;
    z-index: 0;
    padding-right: 15px;
}

#sidebar-cart ul.products li.product {
    margin: 0 0 15px 0;
    padding: 0;
    width: 100%;
    background: #fff;
    border-radius: 10px;
    color: #98989b;
    position: relative;
    z-index: 1;
    display: flex;
    flex-flow: row nowrap;
    transition: all 0.5s linear;
}

#sidebar-cart ul.products li.product:active,
#sidebar-cart ul.products li.product:hover {
    background: #fff;
}

#sidebar-cart ul.products li.product:active span.product-details h3,
#sidebar-cart ul.products li.product:hover span.product-details h3 {
    color: #7CBA31 !important;
}

#sidebar-cart ul.products li.product:active img,
#sidebar-cart ul.products li.product:hover img {
    border-color: #d7d7de !important;
}

#sidebar-cart ul.products li.product .product-link {
    width: 100%;
    color: #354165;
    padding: 20px;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

#sidebar-cart ul.products li.product .product-link .product-image {
    display: block;
    width: 100px;
    height: 100px;
    padding-right: 15px;
}

#sidebar-cart ul.products li.product .product-link .product-image img {
    width: 100px;
    height: 100px;
    transition: all 0.5s linear;
    -o-object-fit: contain;
    object-fit: contain;
}

#sidebar-cart ul.products li.product .product-link .product-details {
    display: block;
    width: calc(100% - 70px);
}

#sidebar-cart ul.products li.product .product-link .product-details h3 a {
    margin: 4px 25px 15px 0;
    font-size: 22px;
    font-weight: bold;
    color: #44444a;
    transition: all 0.5s linear;
}

#sidebar-cart ul.products li.product .product-link .product-details .qty-price {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: relative;
    z-index: 5px;
    margin-top: 8px;
}

#sidebar-cart ul.products li.product .product-link .product-details .qty-price .qty,
#sidebar-cart ul.products li.product .product-link .product-details .qty-price .price {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

#sidebar-cart ul.products li.product .product-link .product-details .qty-price .qty {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
}

#sidebar-cart ul.products li.product .product-link .product-details .qty-price .qty .minus-button,
#sidebar-cart ul.products li.product .product-link .product-details .qty-price .qty .plus-button {
    border-radius: 3px;
    color: #111111;
    font-size: 20px;
    line-height: 0;
    transition: all 0.3s linear;
    border: 0;
    background: #fff;
    padding: 0;
    font-weight: 500;
}

#sidebar-cart ul.products li.product .product-link .product-details .qty-price .qty .minus-button:hover,
#sidebar-cart ul.products li.product .product-link .product-details .qty-price .qty .plus-button:hover {
    color: #7CBA31;
}

#sidebar-cart ul.products li.product .product-link .product-details .qty-price .qty input.qty-input {
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 3px;
    margin: 0 2px;
    transition: all 0.5s linear;
    font-weight: 500;
    font-size: 20px;
    border: 0;
}

#sidebar-cart ul.products li.product .product-link .product-details .qty-price .qty input.qty-input:focus {
    border: 0;
    outline: 0;
}

#sidebar-cart ul.products li.product .product-link .product-details .qty-price .qty input.qty-input::-webkit-inner-spin-button,
#sidebar-cart ul.products li.product .product-link .product-details .qty-price .qty input.qty-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}

#sidebar-cart ul.products li.product .product-link .product-details .qty-price span.price {
    color: #7CBA31;
    font-weight: 500;
    font-size: 16px;
    display: inline-flex;
}

#sidebar-cart ul.products li.product a.remove-button {
    height: 16px;
    width: 16px;
    margin: 10px 10px 0 0;
    text-decoration: none;
    position: absolute;
    top: 6px;
    right: 5px;
    z-index: 2;
    display: flex;
}

#sidebar-cart ul.products li.product a.remove-button span.remove-icon {
    transition: all 0.5s linear;
}

#sidebar-cart ul.products li.product a.remove-button span.remove-icon:hover svg path {
    fill: red;
}

#sidebar-cart .grandtotals {
    padding: 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: #102c35;
    display: block;
    white-space: nowrap;
    z-index: 9;
    box-shadow: 10px -1px 20px 0px #121111;
}

#sidebar-cart .grandtotals div.totals {
    margin-bottom: 20px;
}

#sidebar-cart .grandtotals div.totals div.subtotal,
#sidebar-cart .grandtotals div.totals div.shipping,
#sidebar-cart .grandtotals div.totals div.tax {
    text-align: center;
    color: #fff;
    letter-spacing: 1px;
    font-size: 24px;
    font-weight: bold;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

#sidebar-cart .grandtotals div.totals div.subtotal span.amount,
#sidebar-cart .grandtotals div.totals div.shipping span.amount,
#sidebar-cart .grandtotals div.totals div.tax span.amount {
    color: #fff;
    font-size: 20px;
    margin-left: 10px;
    font-weight: bold;
}

#sidebar-cart .actionButtons {
    display: flex;
    align-items: center;
    gap: 20px;
}

#sidebar-cart .actionButtons .btn {
    width: 100%;
    font-size: 16px;
    font-weight: 600;
}

#sidebar-cart-curtain {
    background: rgba(0, 0, 0, 0.2);
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.increaseDecreaseGroup {
    display: flex;
    align-items: center;
    border: 1px solid rgba(133, 133, 133, 0.6);
    border-radius: 4px;
}

.increaseDecreaseGroup .buttonGroup {
    display: flex;
    flex-direction: column;
    border-left: 1px solid rgba(133, 133, 133, 0.6);
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
}

/* width */
#sidebar-cart .products::-webkit-scrollbar {
    width: 10px;
}

/* Track */
#sidebar-cart .products::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

/* Handle */
#sidebar-cart .products::-webkit-scrollbar-thumb {
    background: #7CBA31;
    border-radius: 10px;
}

/* Handle on hover */
#sidebar-cart .products::-webkit-scrollbar-thumb:hover {
    background: #7CBA31;
}

/*Cart Sidebar CSS End*/
/*-----------------------------------------------------------------------------------

  Template Name: Scooterr EV
  Author: Webstrot
  Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

  01. Top Slider

**********************************************/
.commonHeading.text-center h5 {
    justify-content: center;
}

.commonHeading h5 {
    font-size: 24px;
    font-weight: 500;
    color: #7CBA31;
    display: flex;
    align-items: center;
    gap: 20px;
}

.commonHeading h2 {
    font-size: 48px;
    font-weight: 600;
    color: #111111;
}

.commonHeading p {
    font-size: 16px;
    font-weight: 400;
    color: #858585;
}

.subscribeNewsletter {
    background-color: #F0FFFB;
    padding: 60px 0;
    position: relative;
    z-index: 1;
}

.subscribeNewsletter:after {
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 160px;
    height: 100%;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 0;
    z-index: -1;
}

.subscribeNewsletterInput .groupInput {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 60%;
    margin: 0 auto;
}

.subscribeNewsletterInput .groupInput input {
    border: 0;
    box-shadow: 0px 0px 5px 1px rgba(204, 204, 204, 0.46);
    height: 50px;
}

.subscribeNewsletterInput .groupInput .btn2 {
    height: 50px;
}

.moveOverPetrol {
    padding: 60px 0;
    background: #f0fffb;
}

.moveOverPetrol .evCommonInnerPageHeading {
    margin-bottom: 60px;
}

.moveOverPetrol .relatedScooterItem {
    border: 0;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1019607843);
}

.allBrandsSlider .sliderBrands .slideTrackBrands .owl-stage {
    display: flex;
}

.allBrandsSlider .sliderBrands .slideTrackBrands .items {
    display: flex;
    flex: 1 0 auto;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.allBrandsSlider .sliderBrands .slideTrackBrands .items img {
    width: auto;
}

.evTestimonial {
    padding: 60px 0;
    /* background-image: url("../images/banner3.png"); */
    background-color: #F8F9FA;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.testimonial-slider {
    position: relative;
    padding: 15px;
    overflow: hidden;
}

.testimonial-slider .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}

.testimonial-slider .swiper-wrapper.manual-mode {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}


.testimonial-slider .swiper-button-next,
.testimonial-slider .swiper-button-prev {
    color: #7CBA31;
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 10;
    transition: all 0.3s ease;
    top: 55%;
    /* Adjust vertical alignment slightly below center if needed due to padding */
}

.testimonial-slider .swiper-button-next:hover,
.testimonial-slider .swiper-button-prev:hover {
    background: #7CBA31;
    color: #fff;
}

.testimonial-slider .swiper-button-next::after,
.testimonial-slider .swiper-button-prev::after {
    display: none;
}


.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}

.slide-counter {
    position: absolute;
    top: 90px;
    right: 11%;
    font-weight: 500;
    font-size: 30px;
    line-height: 40px;
    color: #7CBA31;
    z-index: 2;
}

.slideCounter {
    font-weight: 500;
    font-size: 30px;
    line-height: 40px;
    color: #7CBA31;
    z-index: 2;
}

.swiper {
    padding: 40px 0;
    position: relative;
}

.swiper::after {
    content: "";
    position: absolute;
    background: #102C35;
    width: 38%;
    height: 100%;
    border-radius: 6px;
    transform: translateX(-50%);
    left: 50%;
    top: 0;
}

.swiper::before {
    content: "";
    position: absolute;
    background: url(../images/icons/quote.png);
    width: 200px;
    height: 200px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    right: 18%;
    top: 30px;
}

.swiper-slide {
    display: flex;
    justify-content: center;
    transition: transform 0.3s ease;
}

.slide-content {
    border-radius: 6px;
    width: 100%;
    color: #fff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    transform: scale(0.6) translateY(50px);
    transition: transform 0.4s ease, opacity 0.4s ease;
}

.swiper-slide-active .slide-content {
    opacity: 1;
    background: #102C35;
    padding: 20px;
    transform: scaleX(1.4) scaleY(1.1);
}

.slide-img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 4px solid #fff;
    -o-object-fit: cover;
    object-fit: cover;
    margin-bottom: 20px;
}

.testimonial-info {
    display: none;
}

.swiper-slide-active .testimonial-info {
    display: block;
}

.stars {
    color: #fcd34d;
    font-size: 18px;
    margin-bottom: 8px;
    margin-top: 4px;
}

.testimonial-text {
    font-weight: 400;
    font-style: italic;
    font-size: 16px;
    line-height: 26px;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.testimonial-name a {
    font-weight: 500;
    font-size: 30px;
    line-height: 40px;
    color: #7CBA31;
}

.testimonial-role {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #FFFFFF;
}

.slideContentImg img {
    width: 100%;
    border-radius: 6px;
}

.swiper-slide:not(.swiper-slide-active) .slide-content .slideInnerContent {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

.swiper-slide-active .slide-content .slideInnerContent {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

.ourQualityCardContent h6 {
    font-weight: 500;
    font-size: 30px;
    line-height: 40px;
    color: #111111;
}

.ourQualityCardContent p {
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: #111111;
    position: relative;
}

.ourQuality {
    padding: 60px 0;
}

.ourQuality .ourQualityCard {
    padding: 30px 15px;
    border-radius: 6px;
    height: 100%;
}

.ourQuality .ourQualityCard.ourQualityCardOne {
    background-color: #FCF5BB;
}

.ourQuality .ourQualityCard.ourQualityCardTwo {
    background-color: #BCFCDA;
}

.ourQuality .ourQualityCard .ourQualityImg {
    display: flex;
    align-items: end;
    justify-content: space-between;
}

.bookingForm {
    padding: 100px 0 0;
}

.bookingForm .bookingFormInner .bookingFormBoxOuter {
    position: relative;
    z-index: 1;
}

.bookingForm .bookingFormInner .bookingFormBoxOuter:after {
    content: "";
    background-color: #f0fffb;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50%;
    left: 0;
    z-index: -1;
}

.bookingForm .bookingFormInner .bookingFormBoxOuter .bookingFormBox {
    background-color: #7cba31;
    padding: 30px;
    border-radius: 6px;
    margin-top: 60px;
}

.bookingForm .bookingFormInner .bookingFormBoxOuter .bookingFormBox form {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
    align-items: end;
}

.bookingForm .bookingFormInner .bookingFormBoxOuter .bookingFormBox form .formGroup {
    margin-bottom: 0;
}

.bookingForm .bookingFormInner .bookingFormBoxOuter .bookingFormBox form .formGroup label {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #FFFFFF;
}

.bookingForm .bookingFormInner .bookingFormBoxOuter .bookingFormBox form .formGroup .form-control {
    background-color: #FFFFFF;
    border-radius: 6px;
    padding: 15px 20px;
    border: 0;
    height: 50px;
    color: #FFFFFF;
}

.bookingForm .bookingFormInner .bookingFormBoxOuter .bookingFormBox form .formGroup .input-group {
    background-color: #FFFFFF;
    border-radius: 6px;
}

.bookingForm .bookingFormInner .bookingFormBoxOuter .bookingFormBox form .formGroup .input-group .form-control {
    background-color: transparent;
    border-radius: 0;
}

.bookingForm .bookingFormInner .bookingFormBoxOuter .bookingFormBox form .formGroup .input-group .input-group-text {
    border: 0;
    background-color: #FFFFFF;
}

.bookingForm .bookingFormInner .bookingFormBoxOuter .bookingFormBox form .formGroup .btn {
    width: 100%;
    height: 50px;
    color: #ffffff;
}

.bookingForm .bookingFormInner .bookingFormBoxOuter .bookingFormBox form .formGroup .btn:hover {
    border: 1px solid #F7931C;
    color: #FFFFFF;
}

.chooseYourScooter {
    padding: 60px 0;
    background-color: #f0fffb;
}

.chooseYourScooter .chooseYourScooterInner {
    width: 65%;
    margin: 0 auto;
    margin-top: 40px;
}

.chooseYourScooter .chooseYourScooterInner .scooter-images-Tab .cloudimage-360 .cloudimage-360-inner-box canvas {
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: contain;
    object-fit: contain;
}

.chooseYourScooter .chooseYourScooterInner .scooter-container {
    grid-template-columns: 220px 1fr 220px;
}

.chooseYourScooter .chooseYourScooterInner .scooterMenuTab {
    display: flex;
    align-items: center;
    justify-content: end;
}

.chooseYourScooter .chooseYourScooterInner .scooterColorTab {
    display: flex;
    align-items: center;
    justify-content: start;
}

.chooseYourScooter .chooseYourScooterInner .color-options {
    list-style: none;
    padding: 60px 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 35px;
    align-items: end;
    position: relative;
    z-index: 1;
}

.chooseYourScooter .chooseYourScooterInner .color-options::after {
    content: "";
    position: absolute;
    background: url(../images/line2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
}

.chooseYourScooter .chooseYourScooterInner .color-options .color-option {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 10px;
    justify-content: end;
    position: relative;
}

.chooseYourScooter .chooseYourScooterInner .color-options .color-option span {
    font-size: 18px;
    font-weight: 500;
    color: #858585;
    white-space: nowrap;
}

.chooseYourScooter .chooseYourScooterInner .color-options .color-option:hover span {
    border-color: #102C35;
}

.chooseYourScooter .chooseYourScooterInner .color-options .color-option.active span {
    color: #102C35;
    border-color: #102C35;
}

.chooseYourScooter .chooseYourScooterInner .color-options .color-option.active .color-circle {
    border: 0px solid #fff;
}

.chooseYourScooter .chooseYourScooterInner .color-options .color-option:nth-child(1) {
    transform: translateX(5px);
}

.chooseYourScooter .chooseYourScooterInner .color-options .color-option:nth-child(2) {
    transform: translateX(5px);
}

.chooseYourScooter .chooseYourScooterInner .color-options .color-option:nth-child(3) {
    transform: translateX(38px);
}

.chooseYourScooter .chooseYourScooterInner .color-options .color-option:nth-child(4) {
    transform: translateX(48px);
}

.chooseYourScooter .chooseYourScooterInner .color-options .color-option:nth-child(5) {
    transform: translateX(2px);
}

.chooseYourScooter .chooseYourScooterInner .color-circle {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 4px solid #f0fffb;
    transition: all 0.4s ease-in-out;
}

.chooseYourScooter .chooseYourScooterInner .color-option:hover span,
.chooseYourScooter .chooseYourScooterInner .color-option.active span {
    border-color: #102C35;
}

.menu-options {
    list-style: none;
    padding: 60px 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 35px;
    align-items: end;
    position: relative;
    z-index: 1;
}

.menu-options::after {
    content: "";
    position: absolute;
    background: url(../images/line.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
}

.menu-options .menu-item {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 10px;
    justify-content: end;
    position: relative;
    gap: 14px;
}

.menu-options .menu-item:nth-child(1) {
    transform: translateX(-26px);
}

.menu-options .menu-item:nth-child(2) {
    transform: translateX(-52px);
}

.menu-options .menu-item:nth-child(3) {
    transform: translateX(-54px);
}

.menu-options .menu-item:nth-child(4) {
    transform: translateX(-35px);
}

.menu-options .menu-item .menu-icon span {
    width: 36px;
    height: 36px;
    background: #f7941d;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

.menu-options .menu-item .menu-text p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #111111;
}

.menu-options .menu-item .menu-text h6 {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #111111;
}

.color-nav-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.color-nav-buttons .navButton {
    width: 40px;
    height: 40px;
    background-color: #ffffff00;
    border: 1px solid #102c3500;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider-wrapper {
    position: relative;
}

.slider-wrapper .owl-stage {
    display: flex;
}

.slider-wrapper .owl-stage .owl-item {
    display: flex;
}

.slider-wrapper .owl-stage .owl-item .slider-item {
    height: 100%;
}

.slider-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 100px;
    min-height: 70vh;
    background: #FFFFFF;
}

.slider-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.left-panel {
    width: 30%;
}

.left-panel h6 {
    font-weight: 500;
    font-size: 36px;
    line-height: 30px;
    letter-spacing: 7px;
    color: #000000;
    font-family: "Roboto";
    line-height: 42px;
}

.left-panel h2 {
    font-weight: 700;
    font-size: 80px;
    text-transform: uppercase;
    margin-bottom: 20px;
    letter-spacing: 4px;
    display: block;
    color: #7CBA31;
}

.left-panel p {
    font-size: 14px;
    margin-bottom: 30px;
    color: #c2cbd1;
}

.left-panel .btn:hover {
    border: 1px solid #E67E00;
    color: #ffffff;
}

.center-image {
    width: 55%;
}

.center-image img {
    filter: drop-shadow(0 0 50px rgba(0, 255, 204, 0.2509803922));
}

.right-specs ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.right-specs li {
    margin-bottom: 20px;
    font-size: 18px;
}

.right-specs h6 {
    font-family: "Roboto";
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    color: #FFFFFF;
    margin-bottom: 0;
}

.right-specs h6 strong {
    font-weight: 500;
    font-size: 25px;
    line-height: 46px;
    color: #FFFFFF;
}

.right-specs span {
    font-family: "Roboto";
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
    color: #ffff;
}

.right-specs {
    background: #f3860d;
    width: 15%;
    border-radius: 6px;
    padding: 30px;
}

.topSliderWrapper {
    overflow: hidden;
}

.topSliderWrapper .topSliderInner {
    display: flex;
    background-color: #ffffff;
}

.custom-nav {
    width: 100px;
    background-color: #FFFFFF;
}

.slider-wrapper {
    width: calc(100% - 100px);
}

.custom-dots {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 60px !important;
    flex-direction: column;
}

.custom-dots .owl-dot {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    background: transparent;
    padding: 0;
    border: 0;
}

.custom-dots .owl-dot::after {
    content: "";
    background-color: #7CBA31;
    border: 1px solid #7CBA31;
    width: 1px;
    height: 0px;
    opacity: 0;
    transition: all 0.6s ease;
}

.custom-dots .owl-dot.active {
    gap: 20px;
}

.custom-dots .owl-dot.active::after {
    height: 100px;
    opacity: 1;
}

.custom-dots .owl-dot.active span {
    background: #7CBA31;
    outline: unset;
    outline-offset: unset;
    width: 20px;
    height: 20px;
    margin: 0;
}

.custom-dots .owl-dot:hover span {
    background: #7CBA31;
}

.custom-dots .owl-dot:last-child.active::after {
    content: none;
}

.custom-dots .owl-dot span {
    width: 12px;
    height: 12px;
    background: #7CBA31;
    outline: 1px solid #7CBA31;
    outline-offset: 2px;
    transition: all 0.4s ease;
    border-radius: 50px;
}

.custom-dots .owl-nav .owl-prev,
.custom-dots .owl-nav .owl-next {
    width: 40px;
    height: 40px;
    display: inline-block;
    background-color: #102C35 !important;
    border-radius: 50px;
}

.custom-nav {
    display: flex;
    align-items: center;
    justify-content: center;
}

.left-panel p {
    font-size: 14px;
    margin-bottom: 30px;
    color: #000000;
    border-left: 2px solid #7CBA31;
    padding-left: 20px;
}

/*-----------------------------------------------------------------------------------

  Template Name: Scooterr EV
  Author: Webstrot
  Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

  01. Error 404
  02. 404 svg animation
  03. plug svg start

**********************************************/
.error404 {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #ecfffb;
}

.error404 .plugSvg {
    width: 650px;
    margin-left: 90px;
    margin-top: -20px;
}

.error404 .error404Inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0 80px;
}

.error404 .error404Inner .error404Svg {
    margin-bottom: 20px;
}

.error404 .error404Inner .error404Content {
    text-align: center;
    width: 60%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.error404 .error404Inner .error404Content h2 {
    font-size: 48px;
    font-weight: bold;
}

.error404 .error404Inner .error404Content p {
    font-size: 16px;
    font-weight: 400;
}

@keyframes animate-svg-fill-1 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(16, 44, 53);
    }
}

.anim404-1 {
    animation: animate-svg-fill-1 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.4s both;
}

@keyframes animate-svg-fill-2 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(8, 250, 194);
    }
}

.anim404-2 {
    animation: animate-svg-fill-2 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.5s both;
}

svg .svg-elem-plug-1 {
    stroke-dashoffset: 2095.7785644531px;
    stroke-dasharray: 2095.7785644531px;
    transition: stroke-dashoffset 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

svg.active .svg-elem-plug-1 {
    stroke-dashoffset: 0;
}

svg .svg-elem-plug-2 {
    stroke-dashoffset: 82px;
    stroke-dasharray: 82px;
    fill: transparent;
    transition: stroke-dashoffset 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

svg.active .svg-elem-plug-2 {
    stroke-dashoffset: 0;
    fill: rgb(17, 17, 17);
}

svg .svg-elem-plug-3 {
    stroke-dashoffset: 77.3982236862px;
    stroke-dasharray: 77.3982236862px;
    fill: transparent;
    transition: stroke-dashoffset 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
}

svg.active .svg-elem-plug-3 {
    stroke-dashoffset: 0;
    fill: rgb(17, 17, 17);
}

svg .svg-elem-plug-4 {
    stroke-dashoffset: 39.6991118431px;
    stroke-dasharray: 39.6991118431px;
    fill: transparent;
    transition: stroke-dashoffset 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s;
}

svg.active .svg-elem-plug-4 {
    stroke-dashoffset: 0;
    fill: rgb(8, 250, 194);
}

svg .svg-elem-plug-5 {
    stroke-dashoffset: 191.5531158447px;
    stroke-dasharray: 191.5531158447px;
    fill: transparent;
    transition: stroke-dashoffset 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
}

svg.active .svg-elem-plug-5 {
    stroke-dashoffset: 0;
    fill: rgb(17, 17, 17);
}

svg .svg-elem-plug-6 {
    stroke-dashoffset: 85.8626480103px;
    stroke-dasharray: 85.8626480103px;
    fill: transparent;
    transition: stroke-dashoffset 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
}

svg.active .svg-elem-plug-6 {
    stroke-dashoffset: 0;
    fill: rgb(8, 250, 194);
}

/*-----------------------------------------------------------------------------------

  Template Name: Scooterr EV
  Author: Webstrot
  Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

  01. Blog Single Image

**********************************************/
.evBlogImageSingle {
    padding-top: 100px;
}

.evBlogImgSingleHead .evBlogImgSingleImg {
    margin-bottom: 20px;
}

.evBlogImgSingleHead .evBlogImgSingleImg img {
    width: 100%;
    border-radius: 6px;
}

.evBlogImgSingleInfo {
    margin-bottom: 20px;
}

.evBlogImgSingleInfo ul {
    gap: 20px;
}

.evBlogImgSingleInfo ul li {
    display: flex;
    align-items: center;
    gap: 6px;
}

.evBlogImgSingleInfo ul li img {
    width: 16px !important;
    height: 16px;
    -o-object-fit: contain;
    object-fit: contain;
}

.evBlogImgSingleInfo ul li span {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #858585;
}

.evBlogImgSingleBody .evBlogImgSingleContant h2 {
    font-weight: 500;
    font-size: 30px;
    line-height: 40px;
    color: #111111;
}

.evBlogImgSingleBody .evBlogImgSingleContant p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #858585;
}

.evBlogImgSingleBody .evBlogImgSingleContant p span {
    color: #7CBA31;
}

.evBlogImgSingleBody .evBlogImgSingleContant h5 {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #111111;
}

.evBlogImgSingleBody .evBlogImgSingleContant h5 span {
    color: #7CBA31;
}

.evBlogImgSingleBody .evBlogImgSingleContant ul {
    gap: 2px;
    padding-left: 18px;
    margin-bottom: 30px;
}

.evBlogImgSingleBody .evBlogImgSingleContant ul li {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #858585;
}

.evBlogImgSingleBody .evBlogImgSingleContant ul.listNumeric {
    list-style: auto;
}

.evBlogImgSingleBody .evBlogImgSingleContant ul.listNumeric::marker {
    color: #000;
}

.evBlogImgSingleBody .evBlogImgSingleContant ul.listDot {
    list-style: disc;
}

.evBlogImgSingleBody .evBlogImgSingleContant ul.listDot::marker {
    color: #000;
}

.evBlogSingleAbout {
    background-color: rgba(8, 250, 194, 0.2);
    padding: 30px;
    border-radius: 6px;
    margin: 100px 0 50px;
}

.evBlogSingleAbout .evBlogSingleAboutInner {
    display: grid;
    grid-template-columns: 124px 1fr;
    gap: 20px;
}

.evBlogSingleAbout .evBlogSingleAboutInner .evBlogSingleAboutImg img {
    width: 130px;
    height: 130px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 100%;
    border: 8px solid rgba(8, 250, 194, 0.2);
    position: relative;
    margin-top: -90px;
}

.evBlogSingleAbout .evBlogSingleAboutInner .evBlogSingleAboutTxt {
    position: relative;
}

.evBlogSingleAbout .evBlogSingleAboutInner .evBlogSingleAboutTxt h4 {
    font-weight: 600;
    font-size: 26px;
    line-height: 36px;
    color: #102C35;
}

.evBlogSingleAbout .evBlogSingleAboutInner .evBlogSingleAboutTxt p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #858585;
}

.evBlogSingleAbout .evBlogSingleAboutInner .evBlogSingleAboutTxt h5 {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #102C35;
}

.evBlogSingleAbout .evBlogSingleAboutInner .evBlogSingleAboutTxt .evBlogSingleSocialMedia {
    position: absolute;
    left: 0;
    bottom: -45px;
    display: flex;
    gap: 10px;
    z-index: 2;
}

.evBlogTags .evBlogTagsInner {
    display: flex;
    gap: 12px;
}

.evBlogTags .evBlogTagsInner .evBlogTagsHead h5 {
    font-weight: 600;
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 0;
    color: #111111;
}

.evBlogTags .evBlogTagsInner .evBlogTags ul {
    display: flex;
    list-style: none;
    padding-left: 0;
    gap: 10px;
    flex-wrap: wrap;
}

.evBlogTags .evBlogTagsInner .evBlogTags ul li a {
    border: 0.5px solid rgba(133, 133, 133, 0.3);
    background-color: #ffffff;
    padding: 4px 18px;
    display: inline-block;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #858585;
}

.evBlogTags .evBlogTagsInner .evBlogTags ul li a:hover {
    color: #102C35;
    background-color: rgba(10, 250, 194, 0.3);
    border: 1px solid #7CBA31;
}

.evBlogNxtPrevPagination {
    padding: 60px 0 100px;
}

.evBlogNxtPrevPagination .evBlogNxtPrevPaginationInner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.evBlogNxtPrevPagination .evBlogNxtPrevPaginationInner .paginationBtn.disabled {
    cursor: not-allowed;
}

.evBlogNxtPrevPagination .evBlogNxtPrevPaginationInner .paginationBtn.disabled a {
    pointer-events: none;
    opacity: 0.5;
}

.evBlogNxtPrevPagination .evBlogNxtPrevPaginationInner .paginationBtn a {
    display: flex;
    align-items: center;
    gap: 30px;
    transition: all 0.4s ease;
}

.evBlogNxtPrevPagination .evBlogNxtPrevPaginationInner .paginationBtn a span {
    border: 1px solid #858585;
    padding: 12px;
    border-radius: 6px;
    display: inline-block;
    transition: all 0.4s ease;
}

.evBlogNxtPrevPagination .evBlogNxtPrevPaginationInner .paginationBtn a span svg path {
    transition: all 0.4s ease;
}

.evBlogNxtPrevPagination .evBlogNxtPrevPaginationInner .paginationBtn a strong {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #111111;
    transition: all 0.4s ease;
}

.evBlogNxtPrevPagination .evBlogNxtPrevPaginationInner .paginationBtn:hover:not(.disabled) a span {
    border-color: #7CBA31;
}

.evBlogNxtPrevPagination .evBlogNxtPrevPaginationInner .paginationBtn:hover:not(.disabled) a span svg path {
    stroke: #7CBA31;
}

.evBlogNxtPrevPagination .evBlogNxtPrevPaginationInner .paginationBtn:hover:not(.disabled) a strong {
    color: #7CBA31;
}

.evBlogNxtPrevPagination .evBlogNxtPrevPaginationInner .paginationMiddleBox {
    width: 40px;
    height: 40px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4px;
    background: #ffffff;
    border: 1px solid #858585;
    border-radius: 5px;
    padding: 7px;
    transition: all 4s ease-in-out;
}

.evBlogNxtPrevPagination .evBlogNxtPrevPaginationInner .paginationMiddleBox.parentActive {
    border-radius: 50%;
}

.evBlogNxtPrevPagination .evBlogNxtPrevPaginationInner .paginationMiddleBox .pBox {
    width: 10px;
    height: 10px;
    transition: all 2s ease-in-out;
    border: 2px solid #858585;
}

.evBlogNxtPrevPagination .evBlogNxtPrevPaginationInner .paginationMiddleBox .pBox.activeBox {
    border-radius: 50%;
}

/*-----------------------------------------------------------------------------------

  Template Name: Scooterr EV
  Author: Webstrot
  Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

  01. Blog Grid

**********************************************/
.evBlog {
    padding: 60px 0;
}

.evBlogSidebar {
    border: 0.5px solid rgba(133, 133, 133, 0.2);
    border-radius: 6px;
    background-color: #ffffff;
}

.evBlogSidebar .evSidebarWidget {
    padding: 30px;
    border-bottom: 0.5px solid rgba(133, 133, 133, 0.2);
}

.evBlogSidebar .evSidebarWidget:last-child {
    border-bottom: unset;
}

/* Blog Single page adjustments */
.evBlogSingle .evBlogSingleImg {
    margin-top: 24px;
}

.evBlogLeaveComment {
    border: 0.5px solid rgba(133, 133, 133, 0.2);
    border-radius: 6px;
    background-color: #ffffff;
    padding: 24px;
    margin-bottom: 40px;
}

.evBlogLeaveComment h3 {
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #102C35;
    margin-bottom: 16px;
}

.evBlogLeaveComment .formGroup {
    margin-bottom: 16px;
}

.evBlogLeaveComment .form-control {
    border: 1px solid #858585;
    border-radius: 6px;
    padding: 10px 14px;
    background-color: #ffffff;
}

.evBlogLeaveComment .btn2 {
    padding: 10px 18px;
}

.evBlogSidebar .evBlogSidebarHeading {
    margin-bottom: 20px;
}

.evBlogSidebar .evBlogSidebarHeading h2 {
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    color: #102C35;
}

.evBlogSidebar .evBlogSidebarSearch .evSearchBar {
    position: relative;
    border-bottom: 0.5px solid #858585;
    padding-bottom: 10px;
}

.evBlogSidebar .evBlogSidebarSearch .evSearchBar input {
    border: 0;
    border-radius: 0;
}

.evBlogSidebar .evBlogSidebarSearch .evSearchBar .btn {
    width: 36px;
    height: 36px;
    background-color: #fff;
    border-radius: 50px;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.1019607843);
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
}

.evBlogSidebar .searchBox {
    position: relative;
    border-bottom: 0.5px solid #858585;
    padding-bottom: 10px;
}

.evBlogSidebar .searchBox input {
    border: 0;
    border-radius: 0;
}

.evBlogSidebar .searchBox button {
    width: 36px;
    height: 36px;
    background-color: #fff;
    border-radius: 50px;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.1019607843);
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
}

.evSidebarList {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.evSidebarList li {
    margin-bottom: 10px;
}

.evSidebarList li:last-child {
    margin-bottom: 0;
}

.evBlogCategoryItem .evBlogCategoryItemInner {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 10px;
}

.evBlogCategoryItem .evBlogCategoryItemInner * {
    transition: all 0.5s ease;
}

.evBlogCategoryItem .evBlogCategoryItemInner .evBlogCategoryItemName p {
    font-size: 16px;
    font-weight: 400;
    color: #858585;
    display: flex;
    align-items: center;
    gap: 10px;
}

.evBlogCategoryItem .evBlogCategoryItemInner .evBlogCategoryItemName p .svgCircle {
    width: 15px;
    height: 15px;
    border-radius: 50px;
    border: 1px solid #858585;
    display: inline-block;
    position: relative;
}

.evBlogCategoryItem .evBlogCategoryItemInner .evBlogCategoryItemName p .svgCircle::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50px;
    background-color: #7CBA31;
    top: 3px;
    left: 3px;
    transform: scale(0);
    transition: all 0.5s ease;
}

.evBlogCategoryItem .evBlogCategoryItemInner .evBlogCategoryCount span {
    font-size: 16px;
    font-weight: 400;
    color: #858585;
}

.evBlogCategoryItem .evBlogCategoryItemInner:hover .evBlogCategoryItemName p {
    color: #7CBA31;
}

.evBlogCategoryItem .evBlogCategoryItemInner:hover .evBlogCategoryItemName p .svgCircle {
    border: 1px solid #7CBA31;
}

.evBlogCategoryItem .evBlogCategoryItemInner:hover .evBlogCategoryItemName p .svgCircle::after {
    transform: scale(1.1);
}

.evBlogCategoryItem .evBlogCategoryItemInner:hover .evBlogCategoryCount span {
    color: #7CBA31;
}

.catOption input[type=radio] {
    display: none;
}

.catOption input[type=radio]:checked~.evBlogCategoryItemInner .evBlogCategoryItemName p {
    color: #7CBA31;
}

.catOption input[type=radio]:checked~.evBlogCategoryItemInner .evBlogCategoryItemName p .svgCircle {
    border: 1px solid #7CBA31;
}

.catOption input[type=radio]:checked~.evBlogCategoryItemInner .evBlogCategoryItemName p .svgCircle::after {
    transform: scale(1.1);
}

.catOption input[type=radio]:checked~.evBlogCategoryItemInner .evBlogCategoryCount span {
    color: #7CBA31;
}

.evBlogCardSidebarGroup .evBlogCardSidebarItem {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.evBlogCardSidebarGroup .evBlogCardSidebarItem .evBlogCardSidebarImg img {
    border-radius: 6px;
}

.evBlogCardSidebarGroup .evBlogCardSidebarItem .evBlogCardSidebarContent span {
    font-size: 16px;
    font-weight: 400;
    color: #858585;
}

.evBlogCardSidebarGroup .evBlogCardSidebarItem .evBlogCardSidebarContent h4 {
    font-size: 18px;
    font-weight: 500;
    color: #111111;
    margin-bottom: 0;
}

.evBlogCardSidebarGroup .evBlogCardSidebarItem .evBlogCardSidebarContent h4 a {
    font-size: 18px;
    font-weight: 500;
    color: #111111;
    margin-bottom: 0;
}

.evBlogCardSidebarGroup .evBlogCardSidebarItem:hover .evBlogCardSidebarContent h4 {
    color: #7CBA31;
}

.evBlogCardSidebarGroup .evBlogCardSidebarItem:hover .evBlogCardSidebarContent h4 a {
    color: #7CBA31;
}

.evBlogTagSidebarGroup ul {
    gap: 10px;
}

.evBlogTagSidebarGroup ul li a {
    font-size: 16px;
    font-weight: 400;
    color: #858585;
    border: 0.5px solid rgba(133, 133, 133, 0.2);
    padding: 6px 20px;
}

.evBlogTagSidebarGroup ul li a:hover {
    color: #7CBA31;
    border: 0.5px solid #7CBA31;
    box-shadow: 0px 2px 8px 1px rgba(204, 204, 204, 0.28);
}

.evBlogInstagramSidebarGroup {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.evBlogInstagramSidebarGroup .evBlogInstagramSidebarItem a {
    border: 0.5px solid rgba(133, 133, 133, 0.2);
    padding: 8px;
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative;
}

.evBlogInstagramSidebarGroup .evBlogInstagramSidebarItem a:after {
    transform: all 0.5s ease;
}

.evBlogInstagramSidebarGroup .evBlogInstagramSidebarItem a:hover {
    border: 1px solid #7CBA31;
}

.evBlogInstagramSidebarGroup .evBlogInstagramSidebarItem a:hover:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(10, 250, 194, 0.3);
}

.evBlogAbout p {
    font-size: 16px;
    font-weight: 400;
    color: #858585;
}

.evBlogAbout a {
    font-size: 18px;
    font-weight: 500;
    color: #102C35;
}

.evBlogAbout a img {
    margin-left: 8px;
}

.evBlogGroup .evBlogGroupInner .evBlogGroupItem {
    margin-bottom: 40px;
}

.evBlogGroup .evBlogGroupInner .evBlogGroupItem .evBlogGroupImg {
    margin-bottom: 15px;
}

.evBlogGroup .evBlogGroupInner .evBlogGroupItem .evBlogGroupImg img {
    border-radius: 6px;
}

.evBlogGroup .evBlogGroupInner .evBlogGroupItem .evBlogGroupSlider {
    margin-bottom: 15px;
}

.evBlogGroup .evBlogGroupInner .evBlogGroupItem .evBlogGroupSlider img {
    border-radius: 6px;
}

.evBlogGroup .evBlogGroupInner .evBlogGroupItem .evBlogGroupSlider .carousel-control-prev-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiIGZpbGw9IiMwOEZBQzIiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIDMyIDApIi8+PHBhdGggc3Ryb2tlPSIjMTAyQzM1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xMCAxNmw0LjUtNE0xMCAxNmw0LjUgNE0xMCAxNmg3Ljg3NU0yMiAxNmgtMS44NzUiLz48L3N2Zz4=);
}

.evBlogGroup .evBlogGroupInner .evBlogGroupItem .evBlogGroupSlider .carousel-control-next-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiIGZpbGw9IiMwOEZBQzIiLz48cGF0aCBzdHJva2U9IiMxMDJDMzUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTIyIDE2bC00LjUtNG00LjUgNGwtNC41IDRtNC41LTRoLTcuODc1TTEwIDE2aDEuODc1Ii8+PC9zdmc+);
}

.evBlogGroup .evBlogGroupInner .evBlogGroupItem .evBlogGroupSlider .carousel-control-next,
.evBlogGroup .evBlogGroupInner .evBlogGroupItem .evBlogGroupSlider .carousel-control-prev {
    width: 32px;
    height: 32px;
    transform: translateY(-50%);
    top: 50%;
}

.evBlogGroup .evBlogGroupInner .evBlogGroupItem .evBlogGroupSlider .carousel-control-next {
    right: 40px;
}

.evBlogGroup .evBlogGroupInner .evBlogGroupItem .evBlogGroupSlider .carousel-control-prev {
    left: 40px;
}

.evBlogGroup .evBlogGroupInner .evBlogGroupItem .evBlogGroupSlider .carousel-inner .carousel-item img {
    width: 100%;
    height: 400px;
    -o-object-fit: cover;
    object-fit: cover;
}

.evBlogGroup .evBlogGroupInner .evBlogGroupItem .evBlogGroupSlider .carousel-inner .carousel-item video {
    height: 400px;
}

.evBlogGroup .evBlogGroupInner .evBlogGroupItem .evBlogGroupContent .evBlogGroupMeta ul {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
}

.evBlogGroup .evBlogGroupInner .evBlogGroupItem .evBlogGroupContent .evBlogGroupMeta ul li {
    font-size: 16px;
    font-weight: 400;
    color: #858585;
    display: flex;
    align-items: center;
    gap: 6px;
}

.evBlogGroup .evBlogGroupInner .evBlogGroupItem .evBlogGroupContent .evBlogGroupContentInner h4 {
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #111111;
    transition: all 0.4s ease;
}

.evBlogGroup .evBlogGroupInner .evBlogGroupItem .evBlogGroupContent .evBlogGroupContentInner h4 a {
    font-size: 36px;
    font-weight: 500;
    color: #111111;
    transition: all 0.4s ease;
}

.evBlogGroup .evBlogGroupInner .evBlogGroupItem .evBlogGroupContent .evBlogGroupContentInner h4:hover {
    color: #7CBA31;
}

.evBlogGroup .evBlogGroupInner .evBlogGroupItem .evBlogGroupContent .evBlogGroupContentInner h4:hover a {
    color: #7CBA31;
}

.evBlogGroup .evBlogGroupInner .evBlogGroupItem .evBlogGroupContent .evBlogGroupContentInner p {
    font-size: 16px;
    font-weight: 400;
    color: #858585;
}

.evBlogGroup .evBlogGroupInner .evBlogGroupItem .evBlogGroupContent .evBlogGroupBtn a {
    font-size: 18px;
    font-weight: 500;
    color: #102C35;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    width: -moz-fit-content;
    width: fit-content;
    border: 0;
}

.evBlogGroup .evBlogGroupInner .evBlogGroupItem .evBlogGroupContent .evBlogGroupBtn a img {
    transform: translateX(0);
    transition: all 0.4s ease;
}

.evBlogGroup .evBlogGroupInner .evBlogGroupItem .evBlogGroupContent .evBlogGroupBtn a:hover {
    color: #7CBA31;
}

.evBlogGroup .evBlogGroupInner .evBlogGroupItem .evBlogGroupContent .evBlogGroupBtn a:hover img {
    transform: translateX(5px);
    filter: invert(87%) sepia(94%) saturate(3751%) hue-rotate(85deg) brightness(99%) contrast(97%);
}

.evBlogGroupVideo {
    margin-bottom: 15px;
}

.video-container {
    position: relative;
    width: 100%;
    background-color: #000;
    border-radius: 8px;
    overflow: hidden;
}

video {
    width: 100%;
    display: block;
}

.controls {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(0, 0, 0, 0.15);
    color: #fff;
    flex-direction: column;
}

.controls button,
.controls input {
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
}

.controls input {
    background: linear-gradient(to right, #7CBA31 0%, #ccc 0%);
}

.progress-container {
    height: 2px;
    background: #ffffff;
    cursor: pointer;
    border-radius: 5px;
    position: relative;
    width: 100%;
}

.progress-bar {
    width: 1%;
    height: 100%;
    background: #7CBA31;
    border-radius: 5px;
    position: relative;
    overflow: unset;
}

.progress-bar::after {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    border-radius: 50px;
    background: #7CBA31;
    top: -3px;
    right: 0;
}

.videoTime .time {
    font-size: 14px;
}

.volume-container {
    display: flex;
    align-items: center;
}

.volume-slider {
    display: none;
    width: 100%;
    margin-left: 5px;
    background: linear-gradient(to right, #7CBA31 0%, #ccc 0%);
    outline: none;
    transition: background 0.3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 5px;
    height: 2px;
}

.volume-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    background: #7CBA31;
    border-radius: 50%;
    cursor: pointer;
}

.fullscreen {
    font-size: 18px;
}

.controlsInner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 8px 10px;
    gap: 10px;
}

.controlsRight,
.controlsLeft {
    display: flex;
    align-items: center;
    gap: 8px;
}

.videoTime {
    display: flex;
    align-items: center;
    gap: 4px;
}

.audio-player {
    border: 1px solid #ccc;
    padding: 16px;
    border-radius: 8px;
    width: 100%;
}

.audio-player .audio-details .artist {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
}

.audio-player .audio-details .title {
    font-size: 36px;
    font-weight: 500;
    line-height: 46px;
    margin-bottom: 20px;
}

.audio-player .audio-controls {
    display: flex;
    align-items: center;
    gap: 10px;
}

.audio-player .audio-controls button {
    background: none;
    border: none;
    font-size: 16px;
    cursor: pointer;
    color: #858585;
    transition: color 0.3s;
    padding: 0;
}

.audio-player .audio-controls button:hover {
    color: #7CBA31;
}

.audio-player .audio-controls .audioControlsGroup,
.audio-player .audio-controls .volumeButtonGroup {
    display: flex;
    align-items: center;
    gap: 10px;
}

.audio-player .audio-controls .audioControlsGroup {
    width: 100%;
}

/* Custom Progress Bar */
.progress-bar-display {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 2px;
    background: #ccc;
    border-radius: 4px;
    cursor: pointer;
    outline: none;
    transition: background 0.3s;
}

.progress-bar-display::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #7CBA31;
    cursor: pointer;
}

/* Hide focus outline */
input[type=range]:focus {
    outline: none;
}

/* Time text styles */
.current-time-text,
.duration-text {
    font-size: 14px;
    color: #858585;
}

/* Custom Volume Bar */
.volume-bar {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100px;
    height: 2px;
    background: #ccc;
    border-radius: 4px;
    cursor: pointer;
}

.volume-bar::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #7CBA31;
    cursor: pointer;
}

.volume-button i {
    font-size: 20px;
}

.pagination {
    gap: 10px;
}

.pagination .page-item .page-link {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 500;
    color: #858585;
}

.pagination .page-item .page-link:hover {
    background-color: #102C35;
    border: 1px solid #102C35;
    color: #ffffff;
}

.pagination .page-item .page-link:hover svg path {
    stroke: #ffffff;
}

.pagination .page-item .page-link:focus {
    box-shadow: unset;
}

.pagination .page-item .page-link.active {
    background-color: #102C35;
    border: 1px solid #102C35;
    color: #ffffff;
}

.pagination .page-item:first-child .page-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.pagination .page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.colorSelectionSidebar form {
    display: flex;
    gap: 10px;
}

.colorOptionSidebar input[type=radio] {
    display: none;
}

.colorOptionSidebar input[type=radio]:checked+span {
    outline: 2px solid #111111;
}

.colorOptionSidebar span {
    display: inline-block;
    width: 22px;
    height: 22px;
    outline: 1px solid #858585;
    outline-offset: 2px;
    border-radius: 50%;
    cursor: pointer;
    transition: border 0.2s;
}

.colorOptionSidebar:nth-child(1) span {
    background-color: #ffffff;
}

.colorOptionSidebar:nth-child(2) span {
    background-color: #FF0000;
}

.colorOptionSidebar:nth-child(3) span {
    background-color: #111111;
}

.colorOptionSidebar:nth-child(4) span {
    background-color: #F50241;
}

.colorOptionSidebar:nth-child(5) span {
    background-color: #FFCA17;
}

.colorOptionSidebar:nth-child(6) span {
    background-color: #72A7DC;
}

.colorOptionSidebar:nth-child(7) span {
    background-color: #2FE8DD;
}

.colorOptionSidebar:nth-child(8) span {
    background-color: #B9C070;
}

.evBlogSidebarImg img {
    border-radius: 6px;
    width: 100%;
}

.ourBrandlogoGroup form {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.ourBrandlogoGroup form .ourBrandlogoLabel {
    display: block;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1019607843);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    cursor: pointer;
    border-bottom: 2px solid #ffffff;
}

.ourBrandlogoGroup form .ourBrandlogoLabel input[type=radio] {
    display: none;
}

.ourBrandlogoGroup form .ourBrandlogoLabel:has(input[type=radio]:checked) {
    border-bottom: 2px solid #7CBA31;
}

/*-----------------------------------------------------------------------------------

  Template Name: Scooterr EV
  Author: Webstrot
  Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

  01. Error 404
  02. 404 svg animation
  03. plug svg start

**********************************************/
.comingSoon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #ecfffb;
}

.comingSoon .container {
    height: 100%;
}

.comingSoon .comingSoonInner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 60px 0;
    gap: 60px;
    height: 100%;
}

.comingSoon .comingSoonInner .countdown-timer {
    display: flex;
    gap: 20px;
}

.comingSoon .comingSoonInner .countdown-timer .timer-unit {
    text-align: center;
    position: relative;
}

.comingSoon .comingSoonInner .countdown-timer .timer-unit .circle {
    position: relative;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.comingSoon .comingSoonInner .countdown-timer .timer-unit .circle svg {
    width: 170px;
    height: 170px;
    transform: rotate(-90deg);
}

.comingSoon .comingSoonInner .countdown-timer .timer-unit .circle .progress-circle {
    fill: none;
    stroke-width: 4;
    stroke: #befeef;
}

.comingSoon .comingSoonInner .countdown-timer .timer-unit .circle .progress {
    fill: none;
    stroke-width: 4;
    stroke: #7CBA31;
    stroke-dasharray: 471;
    stroke-dashoffset: 471;
    transition: stroke-dashoffset 1s linear;
}

.comingSoon .comingSoonInner .countdown-timer .timer-unit .label {
    font-size: 20px;
    color: #102C35;
    font-weight: 500;
    line-height: 30px;
}

.comingSoon .comingSoonInner .countdown-timer .timer-unit .value {
    font-size: 50px;
    font-weight: 600;
    color: #102C35;
    line-height: 60px;
}

.comingSoon .comingSoonInner .countdown-timer .timer-unit .countdown-content {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.comingSoon .comingSoonInner .comingSoonContent {
    text-align: center;
    width: 60%;
    margin: 0 auto;
}

.comingSoon .comingSoonInner .comingSoonContent h2 {
    font-size: 48px;
    font-weight: bold;
}

.comingSoon .comingSoonInner .comingSoonContent p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
}

.comingSoon .comingSoonInner .comingSoonBtn {
    display: flex;
    align-items: center;
    gap: 30px;
}

/*-----------------------------------------------------------------------------------

  Template Name: Scooterr EV
  Author: Webstrot
  Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

  01. Error 404
  02. 404 svg animation
  03. plug svg start

**********************************************/
.evCommonInnerPageHeading h2 {
    font-size: 48px;
    font-weight: 600;
    color: #000000;
}

.evCommonInnerPageHeading p {
    font-size: 16px;
    font-weight: 400;
    color: #858585;
}

.evInnerBanner {
    z-index: 1;
    position: relative;
}

.evInnerBanner:before {
    content: "";
    width: 250px;
    height: 250px;
    position: absolute;
    bottom: -200px;
    display: inline-block;
    left: 0;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}

.evInnerBanner .evInnerBannerOuter {
    background-color: #3D434D;
    padding: 60px 0;
    position: relative;
}

.evInnerBanner .evInnerBannerOuter:after,
.evInnerBanner .evInnerBannerOuter:before {
    content: "";
    width: 35%;
    height: 100%;
    position: absolute;
    top: 0;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
}

.evInnerBanner .evInnerBannerOuter:after {
    right: 0;
}

.evInnerBanner .evInnerBannerOuter:before {
    left: 0;

}

.evInnerBanner .evInnerBannerOuter .evInnerBannerInner h1 {
    font-size: 50px;
    font-weight: 600;
    text-align: center;
    color: #7CBA31;
    text-transform: uppercase;
}

.evInnerBanner .evInnerBannerOuter .evInnerBannerInner h1 span {
    color: #ffffff;
}

.evInnerBanner .evInnerBannerOuter .evInnerBannerInner p {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    margin-bottom: 0;
}

.evInnerBanner .evInnerBannerOuter .evInnerBannerInner p span {
    color: #7CBA31;
}

.evInnerBanner .evInnerBannerOuter .evInnerBannerInner .breadcrumb {
    justify-content: center;
}

.evInnerBanner .evInnerBannerOuter .evInnerBannerInner .breadcrumb .breadcrumb-item a {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
}

.evInnerBanner .evInnerBannerOuter .evInnerBannerInner .breadcrumb .breadcrumb-item.active {
    color: #7CBA31;
}

.evFaq {
    padding: 60px 0;
}

.evFaq .evFaqInner .evFaqHead {
    padding-bottom: 100px;
}

.evFaq .evFaqInner .evFaqHead .evCommonInnerPageHeading {
    margin-bottom: 60px;
}

.evFaq .evFaqInner .evFaqHead .evFaqNav {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 250px;
    gap: 25px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    cursor: grab;
}

.evFaq .evFaqInner .evFaqHead .evFaqNav::-webkit-scrollbar {
    display: none;
}

.evFaq .evFaqInner .evFaqHead .evFaqNav .nav-pills {
    display: contents;
}

.evFaq .evFaqInner .evFaqHead .evFaqNav .nav-pills .nav-item {
    display: grid;
    justify-items: center;
    align-items: center;
}

.evFaq .evFaqInner .evFaqHead .evFaqNav .nav-pills .nav-item .nav-link {
    display: grid;
    justify-items: center;
    align-items: center;
    text-align: center;
    padding: 10px;
    width: 100%;
    height: 100%;
    border: 1px solid #858585;
    border-radius: 6px;
    transition: all 0.3s ease-in-out;
    padding: 25px 15px;
}

.evFaq .evFaqInner .evFaqHead .evFaqNav .nav-pills .nav-item .nav-link .evFaqItem {
    text-align: center;
}

.evFaq .evFaqInner .evFaqHead .evFaqNav .nav-pills .nav-item .nav-link .evFaqItem .evFaqIcon {
    margin-bottom: 10px;
}

.evFaq .evFaqInner .evFaqHead .evFaqNav .nav-pills .nav-item .nav-link .evFaqItem .evFaqIcon img {
    width: 150px;
    height: 150px;
    -o-object-fit: contain;
    object-fit: contain;
}

.evFaq .evFaqInner .evFaqHead .evFaqNav .nav-pills .nav-item .nav-link .evFaqItem .evFaqTabName p {
    font-size: 26px;
    color: #102C35;
}

.evFaq .evFaqInner .evFaqHead .evFaqNav .nav-pills .nav-item .nav-link.active {
    background-color: #f5f5f5;
    border-radius: 6px;
    border: 1px solid #f5f5f5;
}

.evFaq .evFaqInner .evFaqHead .evFaqNav .nav-pills .nav-item .nav-link.active .evFaqItem .evFaqTabName p {
    font-weight: 600;
}

.evFaq .evTabPaneContent .evCommonInnerPageHeading {
    margin-bottom: 60px;
}

.evFaq .evTabPaneContent .evfaqBody .evFaqContent .tab-content .evFaqAccordiontGroup .accordion .accordion-item {
    border: none;
    margin-bottom: 30px;
}

.evFaq .evTabPaneContent .evfaqBody .evFaqContent .tab-content .evFaqAccordiontGroup .accordion .accordion-item .accordion-header .accordion-button {
    background-color: #7CBA31 !important;
    color: #fff !important;
    border-radius: 6px !important;
    font-size: 26px;
    padding: 15px;
    font-weight: 400;
    gap: 10px;
}

.evFaq .evTabPaneContent .evfaqBody .evFaqContent .tab-content .evFaqAccordiontGroup .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    background-color: #f7951d00 !important;
    color: #000000 !important;
    border-radius: 6px 6px 0 0 !important;
    box-shadow: unset;
}

.evFaq .evTabPaneContent .evfaqBody .evFaqContent .tab-content .evFaqAccordiontGroup .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "";
    color: #bafef4;
    font-size: 25px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background-color: #7CBA31;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
    background-size: contain;
}

.evFaq .evTabPaneContent .evfaqBody .evFaqContent .tab-content .evFaqAccordiontGroup .accordion .accordion-item .accordion-header .accordion-button::after {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%237CBA31' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
    color: #7CBA31;
    font-size: 25px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background-color: #bafef400;
    background-size: contain;
}

.evFaq .evTabPaneContent .evfaqBody .evFaqContent .tab-content .evFaqAccordiontGroup .accordion .accordion-item .accordion-collapse .accordion-body {
    background-color: #7afcde00;
    color: #858585;
    border-radius: 0 0 6px 6px;
    padding: 15px;
    padding-top: 0;
    font-size: 16px;
}

.evFaq .evTabPaneContent .evfaqBody .evFaqContent .tab-content .evFaqAccordiontGroup .accordion .accordion-item .accordion-collapse .accordion-body .nav {
    list-style: disc;
    margin-left: 20px;
}

.evFaq .evTabPaneContent .evStillHaveQuestions {
    background-color: #f5f5f5;
    border-radius: 6px;
    padding: 26px;
}

.evFaq .evTabPaneContent .evStillHaveQuestions .evStillHaveQuestionsHead {
    margin-bottom: 30px;
}

.evFaq .evTabPaneContent .evStillHaveQuestions .evStillHaveQuestionsHead h4 {
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
}

.evFaq .evTabPaneContent .evStillHaveQuestions .evStillHaveQuestionsForm form .formGroup {
    margin-bottom: 30px;
}

.evFaq .evTabPaneContent .evStillHaveQuestions .evStillHaveQuestionsForm form .formGroup select {
    height: 60px;
}

.evFaq .evTabPaneContent .evStillHaveQuestions .evStillHaveQuestionsForm form .formGroup select,
.evFaq .evTabPaneContent .evStillHaveQuestions .evStillHaveQuestionsForm form .formGroup .form-control {
    border: 0;
    border-radius: 0;
}

.evFaq .evTabPaneContent .evStillHaveQuestions .evStillHaveQuestionsForm form .evStillHaveQuestBtn .btn {
    width: 100%;
}

/*-----------------------------------------------------------------------------------

  Template Name: Scooterr EV
  Author: Webstrot
  Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

  01. Error 404
  02. 404 svg animation
  03. plug svg start

**********************************************/
.evOrderConfirmation {
    padding: 60px 0;
    position: relative;
}

.evOrderConfirmation .evevOrderConfirmationInner .evevOrderConfirmationHead {
    width: 60%;
}

.evOrderConfirmation .evevOrderConfirmationInner .evevOrderConfirmationHead .evCommonInnerPageHeading p {
    font-size: 16px;
    font-weight: 400;
    color: #858585;
}

.evOrderConfirmation .evevOrderConfirmationInner .evevOrderConfirmationHead .evCommonInnerPageHeading p span {
    display: inline-block;
    color: #111111;
}

.evOrderConfirmation .evevOrderConfirmationInner .evevOrderConfirmationHead .evCommonInnerPageHeading .evDateTime span {
    display: inline-block;
}

.evOrderConfirmation .evevOrderConfirmationInner .evevOrderConfirmationHead .evCommonInnerPageHeading .evDateTime .evDate {
    font-size: 16px;
    font-weight: 400;
    color: #858585;
}

.evOrderConfirmation .evevOrderConfirmationInner .evevOrderConfirmationHead .evCommonInnerPageHeading .evDateTime .evDate img {
    margin-right: 6px;
}

.evOrderConfirmation .evevOrderConfirmationInner .evevOrderConfirmationHead .evCommonInnerPageHeading .evDateTime .evDate b {
    font-weight: 400;
    color: #111111;
}

.evOrderConfirmation .evevOrderConfirmationInner .evevOrderConfirmationHead .evCommonInnerPageHeading .evDateTime .evTime {
    font-size: 16px;
    font-weight: 400;
    color: #858585;
    margin-left: 20px;
}

.evOrderConfirmation .evevOrderConfirmationInner .evevOrderConfirmation {
    margin-top: 60px;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1411764706);
    position: relative;
    z-index: 1;
    background-color: #ffffff;
}

.evOrderConfirmation .evevOrderConfirmationInner .evevOrderConfirmation .evevOrderConfirmationRow {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border-bottom: 0.5px solid #858585;
}

.evOrderConfirmation .evevOrderConfirmationInner .evevOrderConfirmation .evevOrderConfirmationRow:last-child {
    border-bottom: 0;
}

.evOrderConfirmation .evevOrderConfirmationInner .evevOrderConfirmation .evevOrderConfirmationRow .evevOrderConfirmationCol {
    border-left: 0.5px solid #858585;
}

.evOrderConfirmation .evevOrderConfirmationInner .evevOrderConfirmation .evevOrderConfirmationRow .evevOrderConfirmationCol:first-child {
    border-left: 0;
}

.evOrderConfirmation .evevOrderConfirmationInner .evevOrderConfirmation .evevOrderConfirmationRow .evevOrderConfirmationCol .evevOrderConfirmationDetail .evevOrderConfirmationDetailHead {
    padding: 30px 32px 10px 32px;
    border-bottom: 0.5px solid #858585;
}

.evOrderConfirmation .evevOrderConfirmationInner .evevOrderConfirmation .evevOrderConfirmationRow .evevOrderConfirmationCol .evevOrderConfirmationDetail .evevOrderConfirmationDetailHead h4 {
    font-size: 26px;
    font-weight: 600;
    color: #111111;
}

.evOrderConfirmation .evevOrderConfirmationInner .evevOrderConfirmation .evevOrderConfirmationRow .evevOrderConfirmationCol .evevOrderConfirmationDetail .evevOrderConfirmationDetailInfo {
    padding: 20px 32px 20px 32px;
}

.evOrderConfirmation .evevOrderConfirmationInner .evevOrderConfirmation .evevOrderConfirmationRow .evevOrderConfirmationCol .evevOrderConfirmationDetail .evevOrderConfirmationDetailInfo h6 {
    font-size: 18px;
    font-weight: 500;
    color: #111111;
}

.evOrderConfirmation .evevOrderConfirmationInner .evevOrderConfirmation .evevOrderConfirmationRow .evevOrderConfirmationCol .evevOrderConfirmationDetail .evevOrderConfirmationDetailInfo p {
    font-size: 16px;
    font-weight: 400;
    color: #858585;
}

/*-----------------------------------------------------------------------------------

  Template Name: Scooterr EV
  Author: Webstrot
  Version: 1.0.0
*/
.evTeamInfo {
    padding: 90px 0 0;
}

.evTeamInfoInner {
    display: grid;
    grid-template-columns: 500px 1fr;
    align-items: center;
}

.evTeamInfoInner .evTeamMemberImg {
    position: relative;
    padding: 10px 0 10px 10px;
    z-index: 1;
}

.evTeamInfoInner .evTeamMemberImg img {
    width: 100%;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.evTeamInfoInner .evTeamMemberImg::after {
    content: "";
    background-color: #102C35;
    top: 0;
    left: 0;
    position: absolute;
    width: 50%;
    height: 100%;
    z-index: -1;
}

.evTeamMemberDetail {
    padding: 28px 60px 28px 60px;
    box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.1411764706);
}

.evTeamMemberDetail .evTeamMemberName h4 {
    font-weight: 600;
    font-size: 48px;
    color: #102C35;
}

.evTeamMemberDetail .evTeamMemberName h6 {
    font-weight: 500;
    font-size: 18px;
    color: #102C35;
    position: relative;
}

.evTeamMemberDetail .evTeamMemberName h6::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 6px;
    background-position: center;
    background-size: contain;
    left: 0;
    bottom: -15px;
}

.evTeamMemberDetail .evTeamMemberInfo {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: space-between;
}

.evTeamMemberDetail .evTeamMemberInfo .evTeamMemberInfoItem {
    display: flex;
    flex: 0 0 calc(50% - 15px);
    gap: 20px;
}

.evTeamMemberDetail .evTeamMemberInfo .evTeamMemberInfoItem .evTeamMemberInfoIcon span {
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1019607843);
    width: 60px;
    height: 60px;
    background-color: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.evTeamMemberDetail .evTeamMemberInfo .evTeamMemberInfoItem .evTeamMemberInfoTxt h6 {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #858585;
    margin-bottom: 0;
}

.evTeamMemberDetail .evTeamMemberInfo .evTeamMemberInfoItem .evTeamMemberInfoTxt h5 {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #111111;
}

.evTeamMemberDetail .evTeamMemberInfo .evTeamMemberInfoItem .evTeamMemberInfoTxt.evTeamMemberEmail h5,
.evTeamMemberDetail .evTeamMemberInfo .evTeamMemberInfoItem .evTeamMemberInfoTxt.evTeamMemberWebsite h5 {
    word-break: break-all;
}

.evPersonalExperince,
.evTeamServicesOverview {
    padding: 60px 0;
}

.evTeamSkills {
    padding: 60px 0;
    background-color: #ebfffa;
}

.softSkillsPoints ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-left: 0;
}

.softSkillsPoints ul li {
    font-size: 16px;
    font-weight: 400;
    color: #858585;
    position: relative;
    display: flex;
    gap: 10px;
}

.softSkillsPoints ul li::before {
    content: "";
    width: 15px;
    height: 15px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: 4px;
}

.progress-bar-container {
    width: 100%;
}

.progress-item-bar {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    gap: 10px;
}

.progress-item-label {
    font-size: 16px;
    font-weight: 500;
    color: #111111;
}

.progress-item-bar-inner {
    flex: 2;
    height: 3px;
    background-color: #d8d8d8;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
}

.progress-fill {
    height: 100%;
    background-color: #24e5ac;
    width: 0;
    border-radius: 3px;
    transition: width 1.5s ease-in-out;
}

.progress-item-percentage {
    font-size: 16px;
    font-weight: 400;
    color: #858585;
}

.evTeamMemberSocial {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 36px;
}

.evTeamMemberSocial a {
    border: 1px solid #102C35;
    width: 50px;
    height: 50px;
    background-color: #FFFFFF;
    border-radius: 50%;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: center;
}

.evTeamMemberSocial a img {
    transition: all 0.5s ease;
}

.evTeamMemberSocial a:hover img {
    transform: rotate(360deg);
}

/*-----------------------------------------------------------------------------------

  Template Name: Scooterr EV
  Author: Webstrot
  Version: 1.0.0
*/
.evShopDetail {
    padding: 100px 0 60px;
}

.scooter-container {
    display: grid;
    align-items: center;
    gap: 30px;
    grid-template-columns: 220px 1fr;
    margin-bottom: 40px;
}

.scooterColorTab {
    position: relative;
    width: 100%;
    height: 100%;
}

.scooterColorTab .hLineMask {
    position: absolute;
    top: 0;
    width: 30%;
    height: 100%;
    right: 0;
}

.cloudimage-360 .cloudimage-360-inner-box canvas {
    aspect-ratio: 20/15;
    width: 100%;
    height: auto;
}

.scooter-images {
    width: 100%;
    height: 100%;
}

.scooter-images-Tab {
    height: 100% !important;
}

.scooter-images-Tab .cloudimage-360 {
    height: 100% !important;
}

.scooter-images-Tab .cloudimage-360 .cloudimage-360-inner-box {
    height: 100% !important;
}

.scooter-images-Tab .cloudimage-360 .cloudimage-360-inner-box canvas {
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: contain;
    object-fit: contain;
}

.color-options {
    list-style: none;
    padding: 60px 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 35px;
    align-items: end;
    position: relative;
    z-index: 1;
}

.color-options::after {
    content: "";
    position: absolute;
    background: url("../images/line.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
}

.color-option {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 10px;
    justify-content: end;
    position: relative;
}

.color-option span {
    font-size: 18px;
    font-weight: 500;
    color: #858585;
    white-space: nowrap;
}

.color-circle {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 4px solid #fff;
    transition: all 0.4s ease-in-out;
}

.color-option.active span {
    color: #102C35;
}

.color-option.active .color-circle {
    border: 0px solid #fff;
}

.color-option:hover span,
.color-option.active span {
    border-color: #102C35;
}

.scooter-images img {
    max-width: 300px;
    transition: transform 0.3s ease;
}

.scooter-images img:hover {
    transform: scale(1.05);
}

.shopProductDetail .shopProductDetailInner .shopProductHeadingDetail h4 {
    font-size: 36px;
    font-weight: 500;
    color: #102C35;
}

.shopProductDetail .shopProductDetailInner .shopProductHeadingDetail p {
    font-size: 16px;
    font-weight: 400;
    color: #858585;
}

.shopProductDetail .shopProductDetailInner .shopProductReviewDetail {
    display: flex;
    align-items: center;
    gap: 15px;
}

.shopProductDetail .shopProductDetailInner .shopProductReviewDetail .shopProductRatingDetail .fa-star {
    color: #858585;
}

.shopProductDetail .shopProductDetailInner .shopProductReviewDetail .shopProductRatingDetail .fa-star.faStarYellow {
    color: #FFC633;
}

.shopProductDetail .shopProductDetailInner .shopProductReviewDetail .shopProductReviewCountDetail span {
    font-size: 16px;
    font-weight: 400;
    color: #858585;
}

.shopProductDetail .shopProductDetailInner .shopProductPriceDetail {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 20px 0;
}

.shopProductDetail .shopProductDetailInner .shopProductPriceDetail .shopProductDiscountPrice ins {
    font-size: 26px;
    font-weight: 500;
    color: #111111;
    text-decoration: none;
}

.shopProductDetail .shopProductDetailInner .shopProductPriceDetail .shopProductMarketPrice del {
    font-size: 20px;
    font-weight: 500;
    color: #858585;
}

.shopProductDetail .shopProductDetailInner .shopProductAvailableColours {
    margin: 20px 0;
}

.shopProductDetail .shopProductDetailInner .shopProductAvailableColours h6 {
    font-size: 18px;
    font-weight: 500;
    color: #111111;
}

.shopProductDetail .shopProductDetailInner .shopProductAvailableColours .colorSelection {
    display: flex;
    align-items: center;
    gap: 10px;
}

.shopProductDetail .shopProductDetailInner .shopProductAvailableColours .colorSelection .colorOption {
    position: relative;
    display: inline-block;
}

.shopProductDetail .shopProductDetailInner .shopProductAvailableColours .colorSelection input[type=radio] {
    display: none;
}

.shopProductDetail .shopProductDetailInner .shopProductAvailableColours .colorSelection input[type=radio]:checked+span {
    transform: scale(0.8);
}

.shopProductDetail .shopProductDetailInner .shopProductAvailableColours .colorSelection span {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.shopProductDetail .shopProductDetailInner .shopProductSpecifications h4 {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    color: #111111;
}

.shopProductDetail .shopProductDetailInner .shopProductSpecifications .shopProductSpecifiDetail {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 10px;
}

.shopProductDetail .shopProductDetailInner .shopProductSpecifications .shopProductSpecifiDetail .shopProductSpecifiDetailItem h5 {
    font-size: 16px;
    font-weight: 400;
    color: #858585;
    margin-bottom: 0;
}

.shopProductDetail .shopProductDetailInner .shopProductSpecifications .shopProductSpecifiDetail .shopProductSpecifiDetailItem p {
    font-size: 16px;
    font-weight: 400;
    color: #111111;
}

.shopProductDetail .shopProductDetailInner .shopProductStockStatus {
    margin-bottom: 20px;
}

.shopProductDetail .shopProductDetailInner .shopProductStockStatus img {
    margin-right: 6px;
}

.shopProductDetail .shopProductDetailInner .shopProductStockStatus span {
    font-size: 16px;
    font-weight: 400;
    color: #00B051;
}

.shopProductDetail .shopProductDetailInner .shopProductView {
    margin-bottom: 20px;
}

.shopProductDetail .shopProductDetailInner .shopProductView img {
    margin-right: 6px;
}

.shopProductDetail .shopProductDetailInner .shopProductView span {
    font-size: 16px;
    font-weight: 400;
    color: #111111;
}

.shopProductDetail .shopProductDetailInner .productSoldInfo {
    margin-bottom: 20px;
}

.shopProductDetail .shopProductDetailInner .productSoldInfo img {
    margin-right: 6px;
}

.shopProductDetail .shopProductDetailInner .productSoldInfo span {
    font-size: 16px;
    font-weight: 400;
    color: #FF0900;
}

.shopProductDetail .shopProductDetailInner .productBuyBtn {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 20px 0;
}

.shopProductDetail .shopProductDetailInner .productBuyBtn .selectProductQuantity .increaseDecreaseGroup {
    display: flex;
    align-items: center;
    border: 1px solid rgba(133, 133, 133, 0.6);
    border-radius: 4px;
}

.shopProductDetail .shopProductDetailInner .productBuyBtn .selectProductQuantity .increaseDecreaseGroup .qtyInput input.qty-input {
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 3px;
    margin: 0 2px;
    transition: all 0.5s linear;
    font-weight: 500;
    font-size: 20px;
    border: 0;
}

.shopProductDetail .shopProductDetailInner .productBuyBtn .selectProductQuantity .increaseDecreaseGroup .buttonGroup {
    display: flex;
    flex-direction: column;
    border-left: 1px solid rgba(133, 133, 133, 0.6);
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
}

.shopProductDetail .shopProductDetailInner .productBuyBtn .selectProductQuantity .increaseDecreaseGroup .buttonGroup .plus-button {
    border-radius: 3px;
    color: #111111;
    font-size: 20px;
    line-height: 0;
    transition: all 0.3s linear;
    border: 0;
    background: #fff;
    padding: 0;
    font-weight: 500;
}

.shopProductDetail .shopProductDetailInner .productBuyBtn .selectProductQuantity .increaseDecreaseGroup .buttonGroup .minus-button {
    border-radius: 3px;
    color: #111111;
    font-size: 20px;
    line-height: 0;
    transition: all 0.3s linear;
    border: 0;
    background: #fff;
    padding: 0;
    font-weight: 500;
}

.shopProductDetail .shopProductDetailInner .productBuyBtn .selectProductQuantity .increaseDecreaseGroup .buttonGroup .minus-button .fa-solid,
.shopProductDetail .shopProductDetailInner .productBuyBtn .selectProductQuantity .increaseDecreaseGroup .buttonGroup .plus-button .fa-solid {
    font-size: 14px;
}

.shopProductDetail .shopProductDetailInner .productBuyBtn .selectProductQuantity .increaseDecreaseGroup .buttonGroup .minus-button:hover,
.shopProductDetail .shopProductDetailInner .productBuyBtn .selectProductQuantity .increaseDecreaseGroup .buttonGroup .plus-button:hover {
    color: #7CBA31;
}

.shopProductDetail .shopProductDetailInner .termsAndConditions {
    margin: 20px 0;
}

.shopProductDetail .shopProductDetailInner .termsAndConditions .form-check .form-check-label {
    display: flex;
    align-items: center;
    gap: 15px;
}

.shopProductDetail .shopProductDetailInner .termsAndConditions .form-check .form-check-label .frmCheckLabel input[type=checkbox] {
    width: 35px;
    height: 35px;
    border: 1px solid #858585;
    background-color: #ffffff;
    border-radius: 0;
}

.shopProductDetail .shopProductDetailInner .termsAndConditions .form-check .form-check-label .frmCheckLabel input[type=checkbox]:checked {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjIgMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggc3Ryb2tlPSIjMDhGQUMyIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0xIDkuNUw2LjUgMTUgMjEgMSIvPjwvc3ZnPg==");
    background-size: 22px;
}

.shopProductDetail .shopProductDetailInner .termsAndConditions .form-check .form-check-label .frmCheckLabel input[type=checkbox]:active {
    filter: brightness(100%);
}

.shopProductDetail .shopProductDetailInner .termsAndConditions .form-check .form-check-label .rememberTxt {
    font-size: 16px;
    font-weight: 400;
    color: #858585;
}

.shopProductDetail .shopProductDetailInner .termsAndConditions .form-check .form-check-label .rememberTxt a {
    color: #111111;
}

.shopProductDetail .shopProductDetailInner .booking-banner {
    margin: 20px 0;
    font-size: 20px;
    font-weight: 500;
    color: #102C35;
    border: 0.5px solid #102C35;
    border-radius: 6px;
    padding: 15px;
    text-align: center;
}

.shopProductDetail .shopProductDetailInner .productDetailBtnGroup {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    margin: 20px 0;
}

.shopProductDetail .shopProductDetailInner .productDetailBtnGroup a {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 400;
    color: #858585;
    padding: 0;
    border: 0;
}

.shopProductDetail .shopProductDetailInner .productDetailBtnGroup a:hover {
    color: #7CBA31;
}

.shopProductDetail .shopProductDetailInner .productDetailBtnGroup a:hover img {
    filter: invert(92%) sepia(56%) saturate(7499%) hue-rotate(84deg) brightness(103%) contrast(96%);
}

.shopProductDetail .shopProductDetailInner .productDetailBtnGroup a:focus {
    background-color: #ffffff;
    color: #858585;
}

.shopProductDetail .shopProductDetailInner .delivery-info {
    display: grid;
    grid-template-columns: 110px 1fr;
    align-items: self-start;
    gap: 10px;
}

.shopProductDetail .shopProductDetailInner .delivery-info span {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #111111;
}

.shopProductDetail .shopProductDetailInner .delivery-info p {
    color: #858585;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
}

.shopProductDetail .shopProductDetailInner .delivery-info p strong {
    font-weight: 400;
    color: #111111;
}

.shopProductDetail .shopProductDetailInner .paymentLogo {
    background-color: #cefef3;
    border: 0.5px solid rgba(16, 44, 53, 0.2);
    padding: 20px;
    border-radius: 6px;
    margin: 20px 0 0;
}

.shopProductDetail .shopProductDetailInner .paymentLogo .paymentLogoGroup {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    padding: 20px 0;
}

.shopProductDetail .shopProductDetailInner .paymentLogo .paymentLogoGroup .paymentLogoItem {
    width: 100%;
    text-align: center;
    position: relative;
    padding: 6px 0;
}

.shopProductDetail .shopProductDetailInner .paymentLogo .paymentLogoGroup .paymentLogoItem:last-child::after {
    content: unset;
}

.shopProductDetail .shopProductDetailInner .paymentLogo .paymentLogoGroup .paymentLogoItem::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: rgba(133, 133, 133, 0.34);
    top: 0;
    right: -7px;
}

.shopProductDetail .shopProductDetailInner .paymentLogo .paymentLogoPara p {
    font-size: 16px;
    font-weight: 400;
    color: #111111;
    text-align: center;
}

input:focus {
    outline: none;
}

/* For WebKit browsers (Chrome, Edge, Safari, Opera) */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* For Firefox */
input[type=number] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
}

/* For fallback and other browsers */
input[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

.color-options .color-option:nth-child(1) {
    transform: translateX(-26px);
}

.color-options .color-option:nth-child(2) {
    transform: translateX(-48px);
}

.color-options .color-option:nth-child(3) {
    transform: translateX(-58px);
}

.color-options .color-option:nth-child(4) {
    transform: translateX(-58px);
}

.color-options .color-option:nth-child(5) {
    transform: translateX(-36px);
}

.evShopGalleryOne .evShopGalleryOneInner .evShopGalleryGroup {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.evShopGalleryOne .evShopGalleryOneInner .evShopGalleryGroup .evShopGalleryRow {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.evShopGalleryOne .evShopGalleryOneInner .evShopGalleryGroup .evShopGalleryRow .evShopGalleryCol {
    width: 100%;
    height: 100%;
}

.evShopGalleryOne .evShopGalleryOneInner .evShopGalleryGroup .evShopGalleryRow .evShopGalleryCol img {
    width: 100%;
    height: 100%;
}

.evShopGalleryTwo .evShopGalleryTwoInner .evShopGalleryGroup {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.evShopGalleryTwo .evShopGalleryTwoInner .evShopGalleryGroup .evShopGalleryRow {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.evShopGalleryTwo .evShopGalleryTwoInner .evShopGalleryGroup .evShopGalleryRow .evShopGalleryCol {
    width: 100%;
    height: 100%;
}

.evShopGalleryTwo .evShopGalleryTwoInner .evShopGalleryGroup .evShopGalleryRow .evShopGalleryCol img {
    width: 100%;
    height: 100%;
    border-radius: 6px;
}

.evShopGalleryTwo .evShopGalleryTwoInner .evShopGalleryGroup .evShopGalleryRow .evShopGalleryCol .evShopGalleryContent {
    background-color: #E9F4F9;
    padding: 40px;
    border-radius: 6px;
}

.evShopGalleryTwo .evShopGalleryTwoInner .evShopGalleryGroup .evShopGalleryRow .evShopGalleryCol .evShopGalleryContent span {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background-color: #DAEBF6;
    margin-bottom: 30px;
}

.evShopGalleryTwo .evShopGalleryTwoInner .evShopGalleryGroup .evShopGalleryRow .evShopGalleryCol .evShopGalleryContent span img {
    width: 38px;
    height: 38px;
}

.evShopGalleryTwo .evShopGalleryTwoInner .evShopGalleryGroup .evShopGalleryRow .evShopGalleryCol .evShopGalleryContent h5 {
    font-weight: 500;
    font-size: 30px;
    line-height: 40px;
    color: #102C35;
}

.evShopGalleryTwo .evShopGalleryTwoInner .evShopGalleryGroup .evShopGalleryRow .evShopGalleryCol .evShopGalleryContent p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #111111;
}

.relatedScooterItem {
    border: 0.5px solid #858585;
    background-color: #ffffff;
    border-radius: 6px;
    height: 100%;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}

.relatedScooterItem .relatedScooterImg {
    border-bottom: 1px solid #858585;
    padding: 20px 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.relatedScooterItem .relatedScooterImg a {
    text-align: center;
}

.relatedScooterItem .relatedScooterImg img {
    width: 238px;
    height: 248px;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0 auto;
}

.relatedScooterItem .relatedScooterImg .shopRelatedScooter {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.relatedScooterItem .relatedScooterImg .shopRelatedScooter .shopProductLogo img {
    width: 80px;
    height: 40px;
    -o-object-fit: contain;
    object-fit: contain;
}

.relatedScooterItem .relatedScooterImg .relatedScooteReview {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 4px;
}

.relatedScooterItem .relatedScooterImg .relatedScooteReview a img {
    width: 14px;
    height: 14px;
}

.relatedScooterItem .relatedScooterContent {
    padding: 20px 30px;
}

.relatedScooterItem .relatedScooterContent .relatedScooterHead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.relatedScooterItem .relatedScooterContent .relatedScooterHead h5 {
    margin-bottom: 0;
}

.relatedScooterItem .relatedScooterContent .relatedScooterHead h5 a {
    font-weight: 500;
    font-size: 24px;
    line-height: 40px;
    color: #102C35;
}

.relatedScooterItem .relatedScooterContent .relatedScooterHead h6 {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #858585;
    margin-bottom: 0;
}

.relatedScooterItem .relatedScooterContent .relatedScooterHead span {
    width: 30px;
    height: 30px;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1019607843);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

.relatedScooterItem .relatedScooterContent .relatedScooterHead span img {
    width: 20px;
    height: 20px;
}

.relatedScooterItem .relatedScooterContent p {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #858585;
}

.relatedScooterItem .relatedScooterContent .relatedScooterPrice {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 10px;
}

.relatedScooterItem .relatedScooterContent .relatedScooterPrice ins {
    font-weight: 400;
    font-size: 22px;
    line-height: 36px;
    text-transform: capitalize;
    color: #111111;
    text-decoration: none;
}

.relatedScooterItem .relatedScooterContent .relatedScooterPrice del {
    font-weight: 400;
    font-size: 22px;
    line-height: 36px;
    text-transform: capitalize;
    color: #858585;
}

.relatedScooterItem .relatedScooterContent .relatedScooterBtn {
    margin-top: 24px;
}

.relatedScooterItem:hover .relatedScooterContent .relatedScooterHead h5 a {
    color: #7CBA31;
}

.relatedScooters {
    padding: 60px 0;
}

.relatedScooters .evCommonInnerPageHeading {
    margin-bottom: 60px;
}

.relatedScooters .relatedScooterCarousel .owl-dots {
    justify-content: center;
}

.evShopFeaturesCarousel .owl-stage {
    display: flex;
}

.evShopFeaturesCarousel .owl-item .item {
    width: 100%;
    height: 100%;
}

.evShopFeaturesCarousel .owl-item .item .evShopFeaturesItem {
    width: 100%;
    height: 100%;
}

.evShopFeaturesCarousel .owl-item .item .evShopFeaturesItem .evShopFeatureLeft,
.evShopFeaturesCarousel .owl-item .item .evShopFeaturesItem .evShopFeatureContent {
    width: 100%;
    height: 100%;
}

.evShopFeaturesCarousel .owl-dots {
    justify-content: center;
}

.evShopFeaturesItem {
    display: grid;
    grid-template-columns: 210px 1fr;
}

.evShopFeaturesItem .evShopFeatureLeft {
    padding: 20px;
    border-bottom: 1px solid #102C35;
}

.evShopFeaturesItem .evShopFeatureLeft .evShopFeatureTxt span {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #858585;
}

.evShopFeaturesItem .evShopFeatureLeft .evShopFeatureTxt h5 {
    font-weight: 600;
    font-size: 48px;
    line-height: 58px;
    color: #858585;
    margin-bottom: 0;
}

.evShopFeaturesItem .evShopFeatureLeft .evShopFeatureTxt h6 {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #858585;
    margin-bottom: 0;
}

.evShopFeaturesItem .evShopFeatureLeft .evShopFeatureImg {
    position: relative;
    right: -58px;
}

.evShopFeaturesItem .evShopFeatureLeft .evShopFeatureImg img {
    width: 150px;
    height: 150px;
    -o-object-fit: contain;
    object-fit: contain;
}

.evShopFeaturesItem .evShopFeatureContent {
    background: rgba(8, 250, 194, 0.29);
    padding: 30px;
}

.evShopFeaturesItem .evShopFeatureContent .evShopFeatureHead {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.evShopFeaturesItem .evShopFeatureContent .evShopFeatureHead img {
    width: 28px;
    height: 28px;
    -o-object-fit: contain;
    object-fit: contain;
}

.evShopFeaturesItem .evShopFeatureContent .evShopFeatureHead h4 {
    font-weight: 500;
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 0;
}

.evShopFeaturesItem .evShopFeatureContent p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #858585;
}

.evShopTabDescription {
    background: #f0fffb;
    padding: 60px 0;
}

.evShopDescriptionTab {
    margin-bottom: 60px;
}

.evShopDescriptionTab ul {
    gap: 20px;
    flex-wrap: nowrap;
    overflow: scroll;
    white-space: nowrap;
    scrollbar-width: none;
}

.evShopDescriptionTab ul li a {
    padding: 20px 80px;
    border: 1px solid #102C35 !important;
    background: #FFFFFF !important;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #102C35;
    transition: all 0.4s ease;
}

.evShopDescriptionTab ul li a.active {
    background-color: #102C35 !important;
    color: #ffffff;
}

.evShopDescriptionTab ul li a:hover {
    background-color: #102C35 !important;
    color: #ffffff;
}

.evShopTabContent p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #858585;
}

.evShopTabContent ul li {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #858585;
}

.evReviewsContent .evReviewsHead {
    margin-bottom: 28px;
}

.evReviewsContent .evReviewsHead h5 {
    font-weight: 600;
    font-size: 26px;
    line-height: 36px;
    color: #111111;
}

.evReviewsContent .evReviewsGroup .evReviewItem {
    display: grid;
    grid-template-columns: 60px 1fr;
    gap: 30px;
    margin-bottom: 30px;
}

.evReviewsContent .evReviewsGroup .evReviewItem:last-child {
    margin-bottom: 0px;
}

.evReviewsContent .evReviewsGroup .evReviewItem .evReviewImg img {
    border-radius: 50px;
}

.evReviewsContent .evReviewsGroup .evReviewItem .evReviewContent h6 {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #102C35;
}

.evReviewsContent .evReviewsGroup .evReviewItem .evReviewContent h6 span {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #858585;
}

.evReviewsContent .evReviewsGroup .evReviewItem .evReviewContent p {
    margin-bottom: 0;
}

.evReviewsContent .evReviewsGroup .evReviewItem .evReviewContent .relatedScooteReview {
    display: flex;
    align-items: center;
    gap: 4px;
}

.evReviewsForm .evReviewsFormHead {
    margin-bottom: 30px;
}

.evReviewsForm .evReviewsFormHead h5 {
    font-weight: 600;
    font-size: 26px;
    line-height: 36px;
    color: #111111;
}

.evReviewsForm .evReviewsFormHead p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #111111;
}

.evReviewsForm form .formGroup label {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #111111;
}

.evReviewsForm form .formGroup label .rating-options label {
    margin-bottom: 0;
}

.evReviewsForm form .formGroup input {
    padding: 0 0 20px;
    border: 0;
    border-bottom: 1px solid #858585;
    border-radius: 0;
    background: transparent;
    height: auto;
}

.evReviewsForm form .formGroup input::-moz-placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #111111;
}

.evReviewsForm form .formGroup input::placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #111111;
}

.evReviewsForm form .formGroup input:focus {
    border: 0;
    border-bottom: 1px solid #858585;
}

.evReviewsForm form .evReviewsBtn {
    margin-top: 50px;
}

.evReviewCheckbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.evReviewCheckbox label {
    position: relative;
    cursor: pointer;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #858585;
    display: flex;
}

.evReviewCheckbox label:before {
    content: "";
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 1px solid #999999;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 14px;
    width: 26px;
    height: 26px;
}

.evReviewCheckbox label a {
    color: #7CBA31;
}

.evReviewCheckbox label a:hover {
    text-decoration: underline;
}

.evReviewCheckbox input#evReviewsCheckbox {
    display: none;
}

.evReviewCheckbox input:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #999999;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.rating-options {
    --icon-size: 20px;
    display: flex;
    gap: 10px;
}

.rating-options label svg {
    display: block;
    width: var(--icon-size);
    height: var(--icon-size);
    fill: #858585;
    transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.rating-options [type=radio]:checked:is(:focus-visible)+label {
    outline: 1px dotted #858585;
}

.rating-options label:hover svg {
    transform: scale(1.4);
    cursor: pointer;
}

.rating-options label:hover svg,
.rating-options label:has(~ label:hover) svg,
.rating-options [type=radio]:checked+label svg,
.rating-options:has([type=radio]:checked) label:has(~ [type=radio]:checked) svg {
    fill: #ffc700;
}

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

.product__carousel {
    display: block;
    width: 100%;
}

.product__carousel a {
    display: block;
    margin-bottom: 15px;
}

.product__carousel .gallery-top {
    border-radius: 6px;
    margin-bottom: 30px;
}

.product__carousel .gallery-top .swiper-slide {
    position: relative;
    overflow: hidden;
}

.product__carousel .gallery-top .swiper-slide a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.product__carousel .gallery-top .swiper-slide a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 6px;
}

.product__carousel .gallery-top .swiper-slide .easyzoom-flyout img {
    min-width: 100%;
    min-height: 100%;
}

.product__carousel .swiper-button-next.swiper-button-white,
.product__carousel .swiper-button-prev.swiper-button-white {
    color: #ff3720;
}

.product__carousel .gallery-thumbs .swiper-slide {
    position: relative;
    transition: border 0.15s linear;
    border-radius: 3px;
    cursor: pointer;
    overflow: hidden;
    height: calc(100% - 2px);
}

.product__carousel .gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
    position: relative;
}

.product__carousel .gallery-thumbs .swiper-slide.swiper-slide-thumb-active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #7CBA31;
    opacity: 0.3;
    border-radius: 6px;
}

.product__carousel .gallery-thumbs .swiper-slide img {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    -o-object-fit: cover;
    object-fit: cover;
}

.swiper-pagination {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 30px;
    height: 26px;
}

.swiper-pagination .swiper-pagination-bullet {
    width: auto;
    height: auto;
    background: transparent;
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    border-radius: 0;
    opacity: 0.7;
}

.swiper-pagination .swiper-pagination-bullet::before {
    content: "";
    width: 12px;
    height: 12px;
    background: #7CBA31;
    outline: 1px solid #7CBA31;
    outline-offset: 2px;
    transition: all 0.4s ease;
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 50%;
}

.swiper-pagination .swiper-pagination-bullet::after {
    content: "";
    background-color: #7CBA31;
    border: 1px solid #7CBA31;
    width: 0px;
    height: 1px;
    opacity: 0;
    transition: all 0.6s ease;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    background: #7CBA31;
    outline: unset;
    outline-offset: unset;
    width: 20px;
    height: 20px;
    margin: 0;
    opacity: 1;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    width: 100px;
    opacity: 1;
}

.swiper-pagination .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active::after {
    content: none;
    width: 0;
    opacity: 0;
}

.productCarouselVerical {
    display: flex;
    gap: 30px;
    height: 492px;
}

.productCarouselVerical .gallery-thumbs {
    width: 25%;
}

.productCarouselVerical .gallery-top {
    width: 75%;
}

.slider {
    position: sticky;
    top: 20px;
}

.slider .swiper-container {
    width: 100%;
    height: 100%;
}

.slider__flex {
    display: flex;
    align-items: flex-start;
}

.slider__col {
    display: flex;
    flex-direction: column;
    width: 150px;
    margin-right: 30px;
}

.slider__prev,
.slider__next {
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.slider__prev:focus,
.slider__next:focus {
    outline: none;
}

.slider__thumbs {
    height: 400px;
}

.slider__thumbs .slider__image {
    transition: 0.25s;
}

.slider__thumbs .swiper-slide-thumb-active .slider__image::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #7CBA31;
    opacity: 0.3;
    border-radius: 6px;
}

.slider__images {
    height: 400px;
}

.slider__images .slider__image img {
    transition: 3s;
}

.slider__images .slider__image:hover img {
    transform: scale(1.1);
}

.slider__image {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    overflow: hidden;
}

.slider__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 767.98px) {
    .slider__flex {
        flex-direction: column-reverse;
    }

    .slider__col {
        flex-direction: row;
        align-items: center;
        margin-right: 0;
        margin-top: 24px;
        width: 100%;
    }

    .slider__images {
        width: 100%;
    }

    .slider__thumbs {
        height: 100px;
        width: 100%;
    }

    .slider__prev,
    .slider__next {
        height: auto;
        width: 32px;
    }
}

.swiper-container {
    position: relative;
}

.swiper-container .swiperNav {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 4;
    padding: 20px;
}

.swiper-container .swiperNav ul {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.swiper-container .swiperNav ul li a {
    width: 44px;
    height: 44px;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    margin-bottom: 0;
}

.evBlogSidebar .evShopSidebarInner a.blogSidebarClose {
    padding: 12px 15px;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 0 0 auto;
}

/*-----------------------------------------------------------------------------------

  Template Name: Scooterr EV
  Author: Webstrot
  Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

  01. Banner
  02. How It Work
  03. Video
  04. We Won Awards

**********************************************/
.evOurTeam {
    padding: 60px 0;
}

.evOurTeamNav {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 330px;
    gap: 25px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    cursor: grab;
    margin: 60px 0;
}

.evOurTeamNav::-webkit-scrollbar {
    display: none;
}

.evOurTeamNav .nav-pills {
    display: contents;
}

.evOurTeamNav .nav-pills .nav-item {
    display: grid;
    justify-items: center;
    align-items: center;
}

.evOurTeamNav .nav-pills .nav-item .nav-link {
    display: grid;
    justify-items: center;
    align-items: center;
    text-align: center;
    padding: 10px;
    width: 100%;
    height: 100%;
    border: 1px solid #858585;
    border-radius: 6px;
    transition: all 0.3s ease-in-out;
    padding: 25px 15px;
}

.evOurTeamNav .nav-pills .nav-item .nav-link .evOurTeamItem {
    display: flex;
    align-items: center;
    gap: 15px;
}

.evOurTeamNav .nav-pills .nav-item .nav-link .evOurTeamItem .evOurTeamIcon img {
    width: 40px;
    height: 40px;
    -o-object-fit: contain;
    object-fit: contain;
}

.evOurTeamNav .nav-pills .nav-item .nav-link .evOurTeamItem .evOurTeamTabName p {
    font-size: 26px;
    color: #102C35;
}

.evOurTeamNav .nav-pills .nav-item .nav-link.active {
    background-color: #cefef3;
    border-radius: 6px;
    border: 1px solid #cefef3;
}

.evOurTeamNav .nav-pills .nav-item .nav-link.active .evOurTeamItem .evOurTeamTabName p {
    font-weight: 600;
}

.evTabPaneContent .evOurTeamBody .evOurTeamContent .evOurTeamCol:last-child .evOurTeamCard {
    margin-bottom: 0;
}

.evOurTeamCard {
    border-radius: 0px 0px 6px 6px;
    border: 0.5px solid #858585;
    position: relative;
    margin-bottom: 30px;
    transform: all 0.4s ease;
}

.evOurTeamCard:hover .evOurTeamCardInner .evOurTeamCardImg {
    clip-path: polygon(0 0, 100% 0, 100% 87%, 0% 100%);
    position: relative;
}

.evOurTeamCard:hover .evOurTeamCardInner .evOurTeamCardImg:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(8, 250, 194, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    transform: all 0.4s ease;
}

.evOurTeamCard .evOurTeamCardInner .evOurTeamCardImg {
    clip-path: polygon(0 0, 100% 0, 100% 87%, 0% 100%);
    position: relative;
}

.evOurTeamCard .evOurTeamCardInner .evOurTeamCardImg:after {
    transform: all 0.4s ease;
}

.evOurTeamCard .evOurTeamCardInner .evOurTeamCardContent {
    text-align: center;
    padding: 10px 20px 20px;
}

.evOurTeamCard .evOurTeamCardInner .evOurTeamCardContent .evOurTeamCardTxtHead h4 {
    font-size: 16px;
    font-weight: 400;
    color: #102C35;
    margin-bottom: 0;
}

.evOurTeamCard .evOurTeamCardInner .evOurTeamCardContent .evOurTeamCardTxtHead h2 {
    position: relative;
    margin-bottom: 20px;
}

.evOurTeamCard .evOurTeamCardInner .evOurTeamCardContent .evOurTeamCardTxtHead h2 a {
    font-size: 30px;
    font-weight: 500;
    color: #102C35;
}

.evOurTeamCard .evOurTeamCardInner .evOurTeamCardContent .evOurTeamCardTxtHead h2 a:hover {
    color: #7CBA31;
}

.evOurTeamCard .evOurTeamCardInner .evOurTeamCardContent .evOurTeamCardTxtHead h2::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 6px;
    background-position: center;
    background-size: contain;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: -15px;
}

.evOurTeamCard .evOurTeamCardInner .evOurTeamCardContent p {
    font-size: 16px;
    font-weight: 400;
    color: #858585;
}

.evOurTeamCard .evOurTeamCardInner .evOurTeamCardContent .evOurTeamCardSocialIcon ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 0;
    padding-left: 0;
}

.evOurTeamCard .evOurTeamCardInner .evOurTeamCardContent .evOurTeamCardSocialIcon ul li a {
    border: 1px solid #858585;
    width: 32px;
    height: 32px;
    font-size: 16px;
    font-weight: 400;
    color: #858585;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: all 0.4s ease;
}

.evOurTeamCard .evOurTeamCardInner .evOurTeamCardContent .evOurTeamCardSocialIcon ul li a i {
    transition: all 0.4s ease;
}

.evOurTeamCard .evOurTeamCardInner .evOurTeamCardContent .evOurTeamCardSocialIcon ul li a:hover {
    border: 1px solid #7CBA31;
    background-color: #7CBA31;
    color: #102C35;
}

.evOurTeamCard .evOurTeamCardInner .evOurTeamCardContent .evOurTeamCardSocialIcon ul li a:hover i {
    transform: rotate(360deg);
}

/*-----------------------------------------------------------------------------------

  Template Name: Scooterr EV
  Author: Webstrot
  Version: 1.0.0
*/
.reachUs {
    padding: 60px 0;
}

.reachUs .reachUsInner .evCommonInnerPageHeading {
    margin-bottom: 60px;
}

.reachUs .reachUsInner .reachUsBxGroup {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px;
}

.reachUs .reachUsInner .reachUsBxGroup .reachUsItem {
    background-color: #f5f5f5;
    padding: 50px;
    margin-top: 50px;
    border-radius: 6px;
}

.reachUs .reachUsInner .reachUsBxGroup .reachUsItem.reachUsItemBig {
    transform: scale(1.1);
}

.reachUs .reachUsInner .reachUsBxGroup .reachUsItem .reachUsIcon {
    width: 100px;
    height: 100px;
    border: 1px solid #7CBA31;
    border-radius: 50%;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    background-color: #ffffff;
    margin-bottom: 30px;
    margin-top: -100px;
}

.reachUs .reachUsInner .reachUsBxGroup .reachUsItem .reachUsIcon img {
    width: 100px;
    height: 100px;
    -o-object-fit: contain;
    object-fit: contain;
}

.reachUs .reachUsInner .reachUsBxGroup .reachUsItem .reachUsContent h4 {
    font-weight: 500;
    font-size: 30px;
    line-height: 40px;
    color: #102C35;
    text-align: center;
    margin-bottom: 30px;
}

.reachUs .reachUsInner .reachUsBxGroup .reachUsItem .reachUsContent p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #858585;
    margin-bottom: 10px;
}

.reachUs .reachUsInner .reachUsBxGroup .reachUsItem .reachUsContent p:last-child {
    margin-bottom: 0;
}

.contactForm .contactFormInner .evCommonInnerPageHeading {
    margin-bottom: 60px;
}

form {
    position: relative;
    z-index: 2;
}

form .formGroup {
    margin-bottom: 30px;
}

form .formGroup label {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #111111;
    margin-bottom: 10px;
}

form .formGroup .passwordWrapper {
    position: relative;
}

form .formGroup .passwordWrapper input {
    padding: 18px 50px 18px 30px;
}

form .formGroup .passwordWrapper .toggle-button {
    display: inline-flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: unset;
    right: 25px;
    cursor: pointer;
}

form .formGroup .passwordWrapper .toggle-button i {
    color: #858585;
}

form .formGroup input {
    height: 70px;
}

form .formGroup input,
form .formGroup textarea {
    border: 0.5px solid #858585;
    background-color: #ffffff;
    border-radius: 6px;
    padding: 18px 30px;
    color: #102C35;
}

form .formGroup input::-moz-placeholder,
form .formGroup textarea::-moz-placeholder {
    color: #858585;
}

form .formGroup input::placeholder,
form .formGroup textarea::placeholder {
    color: #858585;
}

form .formGroup input:focus,
form .formGroup textarea:focus {
    border: 0.5px solid #102C35;
}

form .submitNow {
    text-align: center;
}

.select2-container {
    width: 100% !important;
}

.select2-container.select2-container--default .select2-selection--single {
    height: 70px;
    display: flex;
    align-items: center;
    border: 1px solid #858585;
    border-radius: 6px;
    padding: 18px 40px 18px 30px;
    color: #102C35;
}

.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0;
}

.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: auto;
    position: absolute;
    top: 58%;
    right: 30px;
    width: unset;
    display: inline-block;
    transform: translateY(-50%);
}

.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b {
    position: relative;
    border: unset;
}

.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
}

.map {
    padding: 60px 0;
}

.map .map_wrapper {
    position: relative;
    z-index: 1;
}

.map .map_wrapper::after {
    content: "";
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 280px;
    height: 350px;
    right: -12%;
    top: -33%;
    z-index: -1;
}

.map .map_wrapper #dvMap {
    width: 100%;
    height: 600px;
    overflow: hidden;
}

.checkoutForm {
    padding: 60px 0;
}

.checkoutForm .checkoutFormInner .evCommonInnerPageHeading {
    margin-bottom: 60px;
}

.contactFormFiled .RememberForgotPassword {
    padding-bottom: 24px;
}

.contactFormFiled .RememberForgotPassword .form-group input:checked+label:after {
    top: 4px;
}

.contactFormFiled .RememberForgotPassword .form-group label {
    display: grid;
    gap: 10px;
    grid-template-columns: 25px auto;
}

.contactFormFiled .RememberForgotPassword .form-group label .checkboxContent h6 {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #111111;
    margin-bottom: 0;
}

.contactFormFiled .RememberForgotPassword .form-group label .checkboxContent p {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #858585;
    margin-bottom: 0;
}

.contactFormFiled .RememberForgotPassword .form-group label .checkboxContent span {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #7CBA31;
}

.contactFormFiled .RememberForgotPassword .form-group label .checkboxContent strong {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #111111;
    display: block;
}

.orderDetailsInner .orderDetailsBox {
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1411764706);
    background-color: #ffffff;
    border-radius: 6px;
    padding: 30px 0;
}

.orderDetailsInner .orderDetailsBox .table {
    margin-bottom: 0;
}

.orderDetailsInner .orderDetailsBox .table tr td {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #111111;
}

.orderDetailsInner .orderDetailsBox .table tr td.tblLabel {
    padding: 8px 8px 10px 30px;
}

.orderDetailsInner .orderDetailsBox .table tr td.tblAmount {
    padding: 8px 30px 8px 10px;
    text-align: end;
}

.orderDetailsInner .orderDetailsBox .table .tblBorder {
    border-top: 0.5px solid #858585;
}

.orderDetailsInner .orderDetailsBox .selectColor,
.orderDetailsInner .orderDetailsBox .RememberForgotPassword {
    padding: 0 30px;
}

.orderDetailsInner .orderDetailsBox .selectColor {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #858585;
}

.orderDetailsInner .orderDetailsBox .enterPromoCode {
    margin-top: 20px;
    padding: 0 30px;
}

.orderDetailsInner .orderDetailsBox .enterPromoCode input {
    height: 60px;
}

.orderDetailsInner .orderDetailsBox .RememberForgotPassword {
    padding-top: 24px;
}

.orderDetailsInner .orderDetailsBox .RememberForgotPassword .form-group input:checked+label:after {
    top: 8px;
}

.orderDetailsInner .orderDetailsBox .RememberForgotPassword .form-group label {
    display: grid;
    gap: 10px;
    grid-template-columns: 25px auto;
}

.orderDetailsInner .orderDetailsBox .RememberForgotPassword .form-group label::before {
    margin-top: 4px;
}

.orderDetailsInner .orderDetailsBox .RememberForgotPassword .form-group label .checkboxContent span.labelHeading {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #111111;
    margin-bottom: 0;
}

.orderDetailsInner .orderDetailsBox .RememberForgotPassword .form-group label .checkboxContent b {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #858585;
    display: inline-block;
    width: 100%;
}

.orderDetailsInner .orderDetailsBox .RememberForgotPassword .form-group label .checkboxContent span {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #7CBA31;
}

.orderDetailsInner .orderDetailsBox .RememberForgotPassword .form-group label .checkboxContent strong {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #111111;
    display: block;
}

.orderDetailsInner .orderDetailsBox .privacyPolicy {
    padding: 15px 30px 0;
    margin-top: 15px;
    border-top: 0.5px solid #858585;
}

.orderDetailsInner .orderDetailsBox .privacyPolicy p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0;
    color: #858585;
}

.orderDetailsInner .orderDetailsBox .submitNow {
    padding: 0 30px;
    margin-top: 60px;
}

.orderDetailsInner .orderDetailsBox .submitNow button {
    width: 100%;
}

/*-----------------------------------------------------------------------------------

  Template Name: Scooterr EV
  Author: Webstrot
  Version: 1.0.0
*/
.loginRegister {
    padding: 60px 0;
    overflow: hidden;
}

.loginRegister .loginRegisterInner .loginRegisterContent .evCommonInnerPageHeading {
    margin-bottom: 60px;
}

.loginRegisterImages .loginRegisterImages1 {
    position: relative;
    padding: 10px 0 10px 10px;
    z-index: 1;
    width: -moz-fit-content;
    width: fit-content;
}

.loginRegisterImages .loginRegisterImages1 img {
    width: 430px;
    height: 390px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    -o-object-fit: cover;
    object-fit: cover;
}

.loginRegisterImages .loginRegisterImages1::after {
    content: "";
    background-color: #102C35;
    top: 0;
    left: 0;
    position: absolute;
    width: 70%;
    height: 100%;
    z-index: -1;
}

.loginRegisterImages .loginRegisterImages2 {
    position: relative;
    padding: 10px 10px 10px 0;
    z-index: 1;
    width: -moz-fit-content;
    width: fit-content;
    margin: -180px 0 0 auto;
}

.loginRegisterImages .loginRegisterImages2 img {
    width: 330px;
    height: 300px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -o-object-fit: cover;
    object-fit: cover;
}

.loginRegisterImages .loginRegisterImages2::after {
    content: "";
    background-color: #102C35;
    top: 0;
    right: 0;
    position: absolute;
    width: 70%;
    height: 100%;
    z-index: -1;
}

.loginRegisterSocialMedia {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 36px;
}

.loginRegisterSocialMedia a {
    border: 1px solid #858585;
    width: 50px;
    height: 50px;
    background-color: #FFFFFF;
    border-radius: 50%;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loginRegisterSocialMedia a img {
    transition: all 0.5s ease;
}

.loginRegisterSocialMedia a:hover img {
    transform: rotate(360deg);
}

.loginRegisterForm {
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.1019607843);
    background: #FFFFFF;
    padding: 40px 30px;
    border-radius: 6px;
    position: relative;
}

.loginRegisterForm:before {
    content: "";
    width: 250px;
    height: 250px;
    position: absolute;
    bottom: -52px;
    display: inline-block;
    right: -205px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}

.loginRegisterFormGroup {
    margin-top: 30px;
}

.loginRegisterFormGroup .LoginBtn {
    margin-top: 60px;
}

.loginRegisterFormGroup .LoginBtn button {
    width: 100%;
    height: 60px;
}

.dontAccount {
    margin-top: 20px;
}

.dontAccount p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #858585;
}

.dontAccount p a {
    color: #7CBA31;
}

.RememberForgotPassword {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.RememberForgotPassword label {
    position: relative;
    cursor: pointer;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #858585;
    display: flex;
}

.RememberForgotPassword label:before {
    content: "";
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 1px solid #999999;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 14px;
    width: 25px;
    height: 25px;
}

.RememberForgotPassword label a {
    color: #7CBA31;
}

.RememberForgotPassword label a:hover {
    text-decoration: underline;
}

.RememberForgotPassword input#remember {
    display: none;
}

.RememberForgotPassword input:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #999999;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.RememberForgotPassword .forgotPassword a {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #7CBA31;
}

.RememberForgotPassword .forgotPassword a:hover {
    text-decoration: underline;
}

/*-----------------------------------------------------------------------------------

  Template Name: Scooterr EV
  Author: Webstrot
  Version: 1.0.0
*/
.evInnerCart {
    padding-top: 100px;
}

.cartTbl .table {
    white-space: nowrap;
}

.cartTbl .table thead {
    border-bottom: 1px solid #858585;
}

.cartTbl .table thead tr th {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #111111;
}

.cartTbl .table tbody tr td {
    vertical-align: middle;
    padding: 30px 15px 0;
}

.cartTbl .table tbody tr td .productsDetail {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 30px;
    align-items: center;
}

.cartTbl .table tbody tr td .productsDetail .productsImg {
    border: 1px solid #858585;
    padding: 8px;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cartTbl .table tbody tr td .productsDetail .productsTxt h6 {
    font-weight: 600;
    font-size: 26px;
    line-height: 36px;
    color: #102C35;
}

.cartTbl .table tbody tr td .productsDetail .productsTxt h6 a {
    color: #102C35;
}

.cartTbl .table tbody tr td .productsDetail .productsTxt p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #858585;
}

.cartTbl .table tbody tr td b {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #111111;
}

.cartTbl .table tbody tr td span {
    font-weight: 700;
    font-size: 16px;
    color: #7CBA31;
}

.cartTbl .table tbody tr td .removeBtn {
    display: inline-block;
    width: 40px;
}

.qty-container {
    display: flex;
    align-items: center;
    border-radius: 5px;
    font-family: "Roboto";
}

.qty-container .input-qty {
    text-align: center;
    padding: 6px 10px;
    font-size: 20px;
    color: #111111;
    font-weight: 500;
    border: 0;
    max-width: 50px;
    background-color: #ffffff;
    border: 1px solid #858585;
    height: 45px;
}

.qty-container .input-qty:focus {
    background-color: #ffffff;
    border: 1px solid #858585;
    outline: 0;
}

.qty-container .qty-btn-minus,
.qty-container .qty-btn-plus {
    border: 0;
    padding: 10px 13px;
    font-size: 18px;
    color: #111111;
    font-weight: 500;
    height: 45px;
    width: 45px;
    transition: 0.3s;
    background-color: #ffffff;
    border: 1px solid #858585;
}

.qty-container .qty-btn-plus {
    margin-left: -1px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.qty-container .qty-btn-minus {
    margin-right: -1px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.cartSidebar .cartSidebarItem {
    background-color: #ebfffa;
    border-radius: 6px;
    margin-top: 43px;
}

.cartSidebar .cartSidebarItem .cartSidebarHeading {
    padding: 18px 30px;
    border-bottom: 1px solid #858585;
}

.cartSidebar .cartSidebarItem .cartSidebarHeading h4 {
    font-weight: 600;
    font-size: 26px;
    line-height: 36px;
    color: #111111;
    margin-bottom: 0;
}

.cartSidebar .btn {
    margin-top: 30px;
    width: 100%;
}

.cartBillingSummaryGroup,
.cartBillingSummaryTotal {
    padding: 18px 30px;
}

.cartBillingSummaryTotal {
    background-color: #d0fff4;
}

.cartBillingSummary table,
.cartBillingSummaryTotal table {
    margin-bottom: 0;
    vertical-align: middle;
}

.cartBillingSummary table tr td,
.cartBillingSummaryTotal table tr td {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #858585;
}

.cartBillingSummary table tr td:first-child,
.cartBillingSummaryTotal table tr td:first-child {
    padding-left: 0;
}

.cartBillingSummary table tr td:last-child,
.cartBillingSummaryTotal table tr td:last-child {
    text-align: right;
    padding-right: 0;
}

.cartBillingSummary table tr td span,
.cartBillingSummaryTotal table tr td span {
    font-weight: 600;
    font-size: 26px;
    line-height: 36px;
    color: #111111;
}

.cartBillingSummary table tr td b,
.cartBillingSummaryTotal table tr td b {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #111111;
}

.couponCode {
    margin-top: 20px;
}

.couponCode #addCouponCode {
    margin-top: 20px;
}

.couponCode .collapseBtn {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #102C35;
}

.couponCode .collapseBtn img {
    margin-left: 10px;
}

.exploreAccessories {
    padding: 60px 0;
}

.exploreAccessories .evCommonInnerPageHeading {
    margin-bottom: 60px;
}

.exploreAccessoriesCard:hover .exploreAccessoriesImg::after {
    opacity: 1;
}

.exploreAccessoriesCard .exploreAccessoriesImg {
    margin-bottom: 20px;
    position: relative;
}

.exploreAccessoriesCard .exploreAccessoriesImg img {
    width: 100%;
    border-radius: 6px;
}

.exploreAccessoriesCard .exploreAccessoriesImg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.exploreAccessoriesCard .exploreAccessoriesImg .reviewStar {
    display: flex;
    gap: 6px;
    position: absolute;
    top: 15px;
    right: 15px;
}

.exploreAccessoriesCard .exploreAccessoriesImg .reviewStar img {
    width: 14px;
}

.exploreAccessoriesCard .exploreAccessoriesImg .customBadge {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #FFFFFF;
    background-color: #7CBA31;
    border-top-left-radius: 6px;
    padding: 8px 25px;
    position: absolute;
    top: 0;
    left: 0;
}

.exploreAccessoriesCard .exploreAccessoriesContent .exploreAccessoriesHeading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 10px;
}

.exploreAccessoriesCard .exploreAccessoriesContent .exploreAccessoriesHeading h4 {
    font-weight: 600;
    font-size: 26px;
    line-height: 36px;
    color: #102C35;
    margin-bottom: 0px;
}

.exploreAccessoriesCard .exploreAccessoriesContent .exploreAccessoriesHeading h4 a {
    color: #102C35;
}

.exploreAccessoriesCard .exploreAccessoriesContent .exploreAccessoriesHeading span {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1019607843);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.exploreAccessoriesCard .exploreAccessoriesContent .exploreAccessoriesHeading span img {
    width: 18px;
}

.exploreAccessoriesCard .exploreAccessoriesContent .exploreAccessoriesPrice {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 10px;
}

.exploreAccessoriesCard .exploreAccessoriesContent .exploreAccessoriesPrice ins {
    font-weight: 600;
    font-size: 26px;
    line-height: 36px;
    color: #111111;
    text-decoration: none;
}

.exploreAccessoriesCard .exploreAccessoriesContent .exploreAccessoriesPrice del {
    font-weight: 400;
    font-size: 26px;
    line-height: 36px;
    color: #858585;
}

.exploreAccessoriesCard .exploreAccessoriesContent .shipsBy span {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #858585;
}

.exploreAccessoriesCard .exploreAccessoriesContent .exploreAccessoriesBtn {
    margin-top: 25px;
}

.owl-theme .owl-dots {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 60px !important;
}

.owl-theme .owl-dots .owl-dot {
    position: relative;
    display: flex;
    align-items: center;
}

.owl-theme .owl-dots .owl-dot::after {
    content: "";
    background-color: #7CBA31;
    border: 1px solid #7CBA31;
    width: 0px;
    height: 1px;
    opacity: 0;
    transition: all 0.6s ease;
}

.owl-theme .owl-dots .owl-dot.active {
    gap: 20px;
}

.owl-theme .owl-dots .owl-dot.active::after {
    width: 100px;
    opacity: 1;
}

.owl-theme .owl-dots .owl-dot.active span {
    background: #7CBA31;
    outline: unset;
    outline-offset: unset;
    width: 20px;
    height: 20px;
    margin: 0;
}

.owl-theme .owl-dots .owl-dot:hover span {
    background: #7CBA31;
}

.owl-theme .owl-dots .owl-dot:last-child.active::after {
    content: none;
}

.owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    background: #7CBA31;
    outline: 1px solid #7CBA31;
    outline-offset: 2px;
    transition: all 0.4s ease;
}

.owl-theme .owl-nav .owl-prev,
.owl-theme .owl-nav .owl-next {
    width: 40px;
    height: 40px;
    display: inline-block;
    background-color: #102C35 !important;
    border-radius: 50px;
}

/*-----------------------------------------------------------------------------------

  Template Name: Scooterr EV
  Author: Webstrot
  Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

  01. Blog Grid View

**********************************************/
.evBlogGridView {
    padding: 60px 0;
}

.evBlogGridView .evBlogGridViewInner .evBlogGridViewIteam {
    margin-bottom: 30px;
}

.evBlogGridView .evBlogGridViewInner .evBlogGridViewIteam .evBlogImgSingleImg {
    position: relative;
}

.evBlogGridView .evBlogGridViewInner .evBlogGridViewIteam:hover .evBlogImgSingleHead .evBlogImgSingleImg::after {
    opacity: 1;
}

.evBlogGridView .evBlogGridViewInner .evBlogGridViewIteam:hover .evBlogImgSingleHead .evBlogImgSingleImg .evBlogGridCarousel .item::after {
    opacity: 1;
}

.evBlogGridView .evBlogGridViewInner .evBlogGridViewIteam .evBlogImgSingleHead .evBlogImgSingleImg {
    margin-bottom: 0;
    position: relative;
}

.evBlogGridView .evBlogGridViewInner .evBlogGridViewIteam .evBlogImgSingleHead .evBlogImgSingleImg::after {
    background: rgba(8, 250, 194, 0.3137254902);
    content: "";
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border-radius: 6px;
    opacity: 0;
}

.evBlogGridView .evBlogGridViewInner .evBlogGridViewIteam .evBlogImgSingleHead .evBlogImgSingleImg a {
    display: inline-block;
}

.evBlogGridView .evBlogGridViewInner .evBlogGridViewIteam .evBlogImgSingleHead .evBlogImgSingleImg .evBlogGridCarousel .item {
    position: relative;
}

.evBlogGridView .evBlogGridViewInner .evBlogGridViewIteam .evBlogImgSingleHead .evBlogImgSingleImg .evBlogGridCarousel .item::after {
    background: rgba(8, 250, 194, 0.3137254902);
    content: "";
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border-radius: 6px;
    opacity: 0;
}

.evBlogGridView .evBlogGridViewInner .evBlogGridViewIteam .evBlogImgSingleHead .evBlogImgSingleImg .evBlogGridCarousel .owl-nav {
    margin-top: 10px;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    width: 100%;
    left: 0;
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
}

.evBlogGridView .evBlogGridViewInner .evBlogGridViewIteam .evBlogImgSingleHead .evBlogImgSingleImg .evBlogGridCarousel .owl-nav .owl-prev,
.evBlogGridView .evBlogGridViewInner .evBlogGridViewIteam .evBlogImgSingleHead .evBlogImgSingleImg .evBlogGridCarousel .owl-nav .owl-next {
    position: relative;
    width: auto;
}

.evBlogGridView .evBlogGridViewInner .evBlogGridViewIteam .evBlogImgSingleHead .evBlogImgSingleImg .evBlogGridCarousel .owl-nav .owl-prev span,
.evBlogGridView .evBlogGridViewInner .evBlogGridViewIteam .evBlogImgSingleHead .evBlogImgSingleImg .evBlogGridCarousel .owl-nav .owl-next span {
    display: none;
}

.evBlogGridView .evBlogGridViewInner .evBlogGridViewIteam .evBlogImgSingleHead .evBlogImgSingleImg .evBlogGridCarousel .owl-nav .owl-prev:after,
.evBlogGridView .evBlogGridViewInner .evBlogGridViewIteam .evBlogImgSingleHead .evBlogImgSingleImg .evBlogGridCarousel .owl-nav .owl-next:after {
    content: "";
    width: 40px;
    height: 40px;
    display: inline-block;
}

.evBlogGridView .evBlogGridViewInner .evBlogGridViewIteam .evBlogImgSingleHead .evBlogImgSingleImg .evBlogGridCarousel .owl-nav .owl-prev:after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiIGZpbGw9IiMwOEZBQzIiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIDMyIDApIi8+PHBhdGggc3Ryb2tlPSIjMTAyQzM1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xMCAxNmw0LjUtNE0xMCAxNmw0LjUgNE0xMCAxNmg3Ljg3NU0yMiAxNmgtMS44NzUiLz48L3N2Zz4=");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.evBlogGridView .evBlogGridViewInner .evBlogGridViewIteam .evBlogImgSingleHead .evBlogImgSingleImg .evBlogGridCarousel .owl-nav .owl-next:after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiIGZpbGw9IiMwOEZBQzIiLz48cGF0aCBzdHJva2U9IiMxMDJDMzUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTIyIDE2bC00LjUtNG00LjUgNGwtNC41IDRtNC41LTRoLTcuODc1TTEwIDE2aDEuODc1Ii8+PC9zdmc+");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.evBlogGridView .evBlogGridViewInner .evBlogGridViewIteam .evBlogImgSingleHead .evBlogGridSlider::after {
    content: unset;
}

.evBlogGridView .evBlogGridViewInner .evBlogGridViewIteam .evBlogImgSingleHead .evBlogCardVideoPopup {
    position: relative;
}

.evBlogGridView .evBlogGridViewInner .evBlogGridViewIteam .evBlogImgSingleHead .evBlogCardVideoPopup .videoPlayBtn {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 2;
}

.evBlogGridView .evBlogGridViewInner .evBlogGridViewIteam .evBlogImgSingleBody {
    padding: 20px 15px;
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1019607843);
    width: calc(100% - 30px);
    margin: -50px auto 0;
    background-color: #ffffff;
    position: relative;
    z-index: 1;
}

.evBlogGridView .evBlogGridViewInner .evBlogGridViewIteam .evBlogImgSingleBody .evBlogImgSingleInfo {
    margin-bottom: 10px;
}

.evBlogGridView .evBlogGridViewInner .evBlogGridViewIteam .evBlogImgSingleBody .evBlogImgSingleInfo ul {
    gap: 2px 12px;
}

.evBlogGridView .evBlogGridViewInner .evBlogGridViewIteam .evBlogImgSingleBody .evBlogImgSingleInfo ul li {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
}

.evBlogGridView .evBlogGridViewInner .evBlogGridViewIteam .evBlogImgSingleBody .evBlogImgSingleContant h2 {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #111111;
}

.evBlogGridView .evBlogGridViewInner .evBlogGridViewIteam .evBlogImgSingleBody .evBlogImgSingleContant h2 a {
    color: #111111;
}

.evBlogGridView .evBlogGridViewInner .evBlogGridViewIteam .evBlogImgSingleBody .evBlogImgSingleContant h2 a:hover {
    color: #7CBA31;
}

.evBlogGridView .evBlogGridViewInner .evBlogGridViewIteam .evBlogImgSingleBody .evBlogImgSingleContant p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.evBlogGridView .evBlogGridViewInner .evBlogGridViewIteam .evBlogImgSingleBody .evBlogImgSingleContant .evBlogSingleGroupBtn a {
    padding: 5px 0 0;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 0;
}

.evBlogGridView .evBlogGridViewInner .evBlogGridViewIteam .evBlogImgSingleBody .evBlogImgSingleContant .evBlogSingleGroupBtn a img {
    width: 15px;
}

.evBlogGridView .evBlogGridViewInner .evBlogGridViewIteam .evBlogImgSingleBody .evBlogImgSingleContant .evBlogSingleGroupBtn a:hover {
    color: #7CBA31;
}

.evBlogGridView .evBlogGridViewInner .evBlogGridViewIteam .evBlogImgSingleBody .evBlogImgSingleContant .evBlogSingleGroupBtn a:hover img {
    filter: invert(87%) sepia(94%) saturate(3751%) hue-rotate(85deg) brightness(99%) contrast(97%);
}

/*-----------------------------------------------------------------------------------

  Template Name: Scooterr EV
  Author: Webstrot
  Version: 1.0.0
*/
.sendOtp {
    padding: 60px 0;
    overflow: hidden;
}

.sendOtp .loginRegisterInner .evCommonInnerPageHeading {
    width: 65%;
}

.sendOtp .loginRegisterInner .evCommonInnerPageHeading h2 {
    margin-bottom: 60px;
}

.sendOtp .loginRegisterInner .loginRegisterContent .loginRegisterImages .loginRegisterImages1 img {
    width: 480px;
}

.sendOtp .loginRegisterInner .loginRegisterContent .loginRegisterImages .loginRegisterImages2 img {
    width: 400px;
}

.sendOtp .loginRegisterInner .loginRegisterForm {
    position: relative;
    border: 0.5px solid #858585;
    box-shadow: unset;
    padding: 30px;
}

.sendOtp .loginRegisterInner .loginRegisterForm:before {
    content: "";
    width: 250px;
    height: 250px;
    position: absolute;
    bottom: unset;
    display: inline-block;
    right: -169px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
    top: -93px;
    transform: rotate(-45deg);
}

.sendOtp .loginRegisterInner .loginRegisterForm .evCommonInnerPageHeading {
    width: 100%;
}

.sendOtp .loginRegisterInner .loginRegisterForm .evCommonInnerPageHeading h2 {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 30px;
    line-height: 40px;
}

.sendOtp .loginRegisterInner .loginRegisterForm .loginRegisterFormGroup form .formGroup {
    margin-bottom: 15px;
}

.sendOtp .loginRegisterInner .loginRegisterForm .loginRegisterFormGroup form .formGroup input {
    height: 50px;
}

.sendOtp .loginRegisterInner .loginRegisterForm .loginRegisterFormGroup form .LoginBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}

.sendOtp .loginRegisterInner .loginRegisterForm .loginRegisterFormGroup form .LoginBtn .btn {
    width: 50%;
}

.howItWorks {
    padding: 0 0 100px;
}

.howItWorks .howItWorksInner {
    display: flex;
    gap: 30px;
}

.howItWorks .howItWorksInner .howItWorksImg {
    position: relative;
}

.howItWorks .howItWorksInner .howItWorksImg:before {
    content: "";
    width: 350px;
    height: 350px;
    position: absolute;
    bottom: unset;
    display: inline-block;
    left: -212px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
    top: -43px;
}

.howItWorks .howItWorksInner .howItWorkContant .evCommonInnerPageHeading {
    margin-bottom: 60px;
}

.howItWorks .howItWorksInner .howItWorkContant .howItWorksGroup {
    display: flex;
    gap: 30px;
}

.howItWorks .howItWorksInner .howItWorkContant .howItWorksGroup .howItWorkItem {
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.1019607843);
    padding: 30px;
    width: 33.33%;
    border-radius: 6px;
}

.howItWorks .howItWorksInner .howItWorkContant .howItWorksGroup .howItWorkItem span {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background-color: #102C35;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7CBA31;
    margin: 0 auto 10px;
}

.howItWorks .howItWorksInner .howItWorkContant .howItWorksGroup .howItWorkItem h4 {
    font-weight: 600;
    font-size: 26px;
    line-height: 36px;
    text-align: center;
    color: #102C35;
}

.howItWorks .howItWorksInner .howItWorkContant .howItWorksGroup .howItWorkItem p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #858585;
    margin-bottom: 0;
}

.howItWorks .howItWorksInner .howItWorksImg {
    width: 25%;
}

.howItWorks .howItWorksInner .howItWorkContant {
    width: 75%;
}

/*Our Happy Clients Say*/
.ourHappyClientsSay {
    padding: 60px 0;
    background-color: #F0FFFB;
}

.ourHappyClientsSlider .ourHappyClientCarousel .owl-item.active.center .ourHappyClientItem .ourHappyClientContent::after {
    height: 100%;
}

.ourHappyClientsSlider .ourHappyClientCarousel .owl-item.active.center .ourHappyClientItem .ourHappyClientContent svg path {
    fill: #102C35;
}

.ourHappyClientsSlider .ourHappyClientCarousel .owl-item.active.center .ourHappyClientItem .ourHappyClientContent p {
    color: #102C35;
}

.ourHappyClientsSlider .ourHappyClientCarousel .owl-item.active.center .ourHappyClientItem .ourHappyClientInfo .ourHappyClientInfoInner::after {
    height: 328px;
}

.ourHappyClientsSlider .ourHappyClientCarousel .owl-item.active.center .ourHappyClientItem .ourHappyClientInfo .ourHappyClientInfoInner span {
    color: #102C35;
}

.ourHappyClientsSlider .ourHappyClientCarousel .ourHappyClientItem {
    padding-top: 20px;
}

.ourHappyClientsSlider .ourHappyClientCarousel .ourHappyClientItem .ourHappyClientContent {
    background-color: #ffffff;
    padding: 40px 40px 70px;
    border-radius: 6px 6px 0 0;
    text-align: center;
    box-shadow: 2px 0px 26px 0px rgba(0, 0, 0, 0.0588235294);
    position: relative;
    z-index: 1;
    transition: all 0.4s ease-in-out;
}

.ourHappyClientsSlider .ourHappyClientCarousel .ourHappyClientItem .ourHappyClientContent::after {
    content: "";
    background-color: #7CBA31;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    display: inline-block;
    position: absolute;
    z-index: -1;
    transition: all 0.4s ease-in-out;
}

.ourHappyClientsSlider .ourHappyClientCarousel .ourHappyClientItem .ourHappyClientContent svg {
    margin-bottom: 30px;
}

.ourHappyClientsSlider .ourHappyClientCarousel .ourHappyClientItem .ourHappyClientContent p {
    font-weight: 400;
    font-style: italic;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #858585;
    margin-bottom: 0;
}

.ourHappyClientsSlider .ourHappyClientCarousel .ourHappyClientItem .ourHappyClientInfo {
    margin-top: -50px;
    margin-bottom: 20px;
}

.ourHappyClientsSlider .ourHappyClientCarousel .ourHappyClientItem .ourHappyClientInfo .ourHappyClientInfoInner {
    border-radius: 50px;
    text-align: center;
    position: relative;
    z-index: 1;
    transition: all 0.5s ease-in-out;
}

.ourHappyClientsSlider .ourHappyClientCarousel .ourHappyClientItem .ourHappyClientInfo .ourHappyClientInfoInner::after {
    content: "";
    background-color: rgba(8, 250, 194, 0.062745098);
    left: 50%;
    width: 328px;
    height: 0px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    z-index: -1;
    transition: all 0.4s ease-in-out;
    transform: translate(-50%, -50%);
    top: 0;
    transition: all 0.5s ease-in-out;
}

.ourHappyClientsSlider .ourHappyClientCarousel .ourHappyClientItem .ourHappyClientInfo .ourHappyClientInfoInner .ourHappyClientImg {
    position: relative;
    z-index: 1;
}

.ourHappyClientsSlider .ourHappyClientCarousel .ourHappyClientItem .ourHappyClientInfo .ourHappyClientInfoInner .ourHappyClientImg img {
    width: 80px;
    height: 80px;
    border-radius: 50px;
    border: 4px solid #7CBA31;
    margin: 0 auto;
}

.ourHappyClientsSlider .ourHappyClientCarousel .ourHappyClientItem .ourHappyClientInfo .ourHappyClientInfoInner h4 {
    font-weight: 600;
    font-size: 26px;
    line-height: 36px;
    text-align: center;
    color: #102C35;
}

.ourHappyClientsSlider .ourHappyClientCarousel .ourHappyClientItem .ourHappyClientInfo .ourHappyClientInfoInner span {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #7CBA31;
}

.ourHappyClientsSlider .ourHappyClientCarousel .owl-dots {
    justify-content: center;
    padding: 0 15px;
}

.faq {
    padding: 60px 0;
}

.faq .faqInner .faqGroup .accordion .card {
    background-color: #102C35;
    margin-bottom: 30px;
    border: 0;
    padding: 30px;
    transition: all 0.2s ease;
}

.faq .faqInner .faqGroup .accordion .card.accordion-open {
    background-color: #7CBA31;
}

.faq .faqInner .faqGroup .accordion .card.accordion-open .card-header .btn {
    color: #111111;
}

.faq .faqInner .faqGroup .accordion .card.accordion-open .card-body {
    color: #858585;
}

.faq .faqInner .faqGroup .accordion .card .card-header {
    border: 0;
    background-color: transparent;
    padding: 0;
}

.faq .faqInner .faqGroup .accordion .card .card-header .btn {
    padding: 0;
    font-weight: 400;
    font-size: 26px;
    line-height: 36px;
    text-transform: capitalize;
    color: #ffffff;
    border: unset !important;
    width: 100%;
    text-align: start;
    position: relative;
    padding-right: 30px;
}

.faq .faqInner .faqGroup .accordion .card .card-header .btn:focus {
    outline: none;
}

.faq .faqInner .faqGroup .accordion .card .card-header .btn:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50px;
}

.faq .faqInner .faqGroup .accordion .card .card-header .btn[aria-expanded=true]:after {
    background-color: #102C35;
}

.faq .faqInner .faqGroup .accordion .card .card-header .btn[aria-expanded=false]:after {
    background-color: #7CBA31;
}

.faq .faqInner .faqGroup .accordion .card .card-body {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #ffffff;
    padding: 0;
    margin-top: 20px;
}

.allbrand {
    background-color: #F0FFFB;
    padding: 60px 0;
}

.allbrand .allbrandInner .brandsSlider .brandsCarousel .brandLogo {
    padding: 10px 25px;
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 2px 2px 3px #3333336e;
    margin-bottom: 10px;
}

.allbrand .allbrandInner .brandsSlider .brandsCarousel .brandLogo img {
    height: 75px;
    -o-object-fit: contain;
    object-fit: contain;
}

.allbrand .allbrandInner .brandsSlider .brandsCarousel .owl-dots {
    justify-content: center;
    padding: 0 15px;
}

/*-----------------------------------------------------------------------------------

  Template Name: Scooterr EV
  Author: Webstrot
  Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

  01. Shop Sidebar 01

**********************************************/
.showingResults {
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

.showingResults .showingResultsTab {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.showingResults .showingResultsTab a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 40px;
    border: 0.5px solid #858585;
}

.showingResults .showingResultsTab a.active img {
    filter: brightness(0) saturate(100%);
}

.showingResults .showingResultsTab a:first-child {
    border-right: 0;
}

.showingResults .showingResultsTab a:last-child {
    border-left: 0;
}

.shopBanner img {
    width: 100%;
}

.shopProductGroup {
    padding-top: 60px;
}

.shopProductGroup .shopProductGroupInner {
    display: grid;
    gap: 30px;
}

.shopProductGroup .shopProductGroupInner.shopProductGridGroupTwo {
    grid-template-columns: repeat(2, 1fr);
}

.shopProductGroup .shopProductGroupInner.shopProductGridGroupThree {
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.shopProductGroup .shopProductGroupInner.shopProductGridGroupListView {
    grid-template-columns: repeat(1, 1fr);
}

.shopProductGroup .shopProductGroupInner.shopProductGridGroupListView .relatedScooterItem {
    display: grid;
    grid-template-columns: 250px 1fr;
}

.shopProductGroup .shopProductGroupInner.shopProductGridGroupListView .relatedScooterItem .relatedScooterImg {
    border-bottom: 0;
}

.shopProductGroup .shopProductGroupInner.shopProductGridGroupListView .relatedScooterItem p {
    margin-top: 15px;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #858585;
}

.shopProductGroup .pagination {
    margin-top: 60px;
}

.price-input {
    width: 100%;
    display: flex;
    margin: 30px 0 35px;
    gap: 30px;
}

.price-input .field {
    display: flex;
    width: 100%;
    height: 45px;
    flex-direction: column;
}

.price-input .field span {
    margin-bottom: 6px;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #858585;
}

.price-input .field .fieldInput {
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.1019607843);
    border-radius: 6px;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.price-input .field .fieldInput input {
    border: 0;
    text-align: end;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #858585;
}

.field input {
    width: 100%;
    height: 100%;
    outline: none;
    font-size: 18px;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #999;
    -moz-appearance: textfield;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.price-input .separator {
    width: 130px;
    display: flex;
    font-size: 19px;
    align-items: center;
    justify-content: center;
}

.slider .progress {
    height: 1px;
    left: 0%;
    right: 0%;
    /* position: absolute; */
    border-radius: 5px;
    background: #111111;
    width: 100%;
}

.range-input {
    position: relative;
}

.range-input input {
    position: absolute;
    width: 100%;
    height: 1.5px;
    top: -1px;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[type=range].range-min::-webkit-slider-thumb {
    height: 12px;
    /* adjust to your image size */
    width: 12px;
    background-size: contain;
    pointer-events: auto;
    -webkit-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
    border: none;
    cursor: pointer;
}

input[type=range].range-min::-moz-range-thumb {
    height: 12px;
    /* adjust to your image size */
    width: 12px;
    background-size: contain;
    pointer-events: auto;
    -webkit-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
    border: none;
    cursor: pointer;
}

input[type=range].range-max::-webkit-slider-thumb {
    height: 12px;
    /* adjust to your image size */
    width: 12px;
    background-size: contain;
    pointer-events: auto;
    -webkit-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
    border: none;
    cursor: pointer;
}

input[type=range].range-max::-moz-range-thumb {
    height: 12px;
    /* adjust to your image size */
    width: 12px;
    background-size: contain;
    pointer-events: auto;
    -webkit-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
    border: none;
    cursor: pointer;
}

.evBlogSidebarHeading .evPriceRange {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.evBlogSidebarHeading .evPriceRange button {
    border: 0;
    padding: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #858585;
    background-color: transparent;
}

.evBlogSidebarHeading .evPriceRange button.resetIcon {
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.1019607843);
    width: 36px;
    height: 36px;
    padding: 10px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.evBlogSidebarHeading p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #858585;
}

.evShopSidebarInner .evBlogCategoryItemName span.shopCatTxt {
    font-size: 16px;
    font-weight: 400;
    color: #858585;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.evShopSidebarInner .evBlogCategoryItemName span.shopCatTxt .svgCircle {
    width: 15px;
    height: 15px;
    border-radius: 50px;
    border: 1px solid #858585;
    display: inline-block;
    position: relative;
}

.evShopSidebarInner .evBlogCategoryItemName span.shopCatTxt .svgCircle::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50px;
    background-color: #7CBA31;
    top: 3px;
    left: 3px;
    transform: scale(0);
    transition: all 0.5s ease;
}

.evShopSidebarInner .catOption input[type=radio] {
    display: none;
}

.evShopSidebarInner .catOption input[type=radio]:checked~.evBlogCategoryItemInner .evBlogCategoryItemName span.shopCatTxt {
    color: #7CBA31;
}

.evShopSidebarInner .catOption input[type=radio]:checked~.evBlogCategoryItemInner .evBlogCategoryItemName span.shopCatTxt .svgCircle {
    border: 1px solid #7CBA31;
}

.evShopSidebarInner .catOption input[type=radio]:checked~.evBlogCategoryItemInner .evBlogCategoryItemName span.shopCatTxt .svgCircle::after {
    transform: scale(1.1);
}

.evShopSidebarInner .catOption input[type=radio]:checked~.evBlogCategoryItemInner .evBlogCategoryCount span {
    color: #7CBA31;
}

/*-----------------------------------------------------------------------------------

  Template Name: Scooterr EV
  Author: Webstrot
  Version: 1.0.0
*/
.scootersConsumables {
    padding: 60px 0;
}

.scootersConsumableImg {
    position: relative;
    padding: 10px 0 10px 10px;
    z-index: 1;
    width: -moz-fit-content;
    width: fit-content;
}

.scootersConsumableImg::after {
    content: "";
    background-color: #F7941D;
    top: 0;
    left: 0;
    position: absolute;
    width: 70%;
    height: 100%;
    z-index: -1;
}

.scootersConsumableContent .evCommonInnerPageHeading {
    margin-top: 20px;
}

.storeService {
    padding-bottom: 100px;
}

.storeServiceCardGroup {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.storeServiceCardItem {
    border: 1px solid #858585;
    border-radius: 6px;
    background-color: #ffffff;
    padding: 30px;
    display: flex;
    gap: 10px;
}

.storeServiceCardItem .storeServiceCardTxt {
    width: 60%;
}

.storeServiceCardItem .storeServiceCardTxt h4 {
    position: relative;
    margin-bottom: 30px;
}

.storeServiceCardItem .storeServiceCardTxt h4 a {
    font-weight: 500;
    font-size: 28px;
    line-height: 40px;
    color: #111111;
}

.storeServiceCardItem .storeServiceCardTxt h4::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 6px;
    background-position: center;
    background-size: contain;
    left: 0;
    bottom: -15px;
}

.storeServiceCardItem .storeServiceCardTxt p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #858585;
    margin-bottom: 0;
}

.storeServiceCardItem .storeServiceCardImg {
    width: 40%;
}

.relatedServices {
    padding: 60px 0;
    background-color: #F0FFFB;
}

.relatedServices .evCommonInnerPageHeading {
    width: 50%;
    margin: 0 auto 60px;
}

.relatedServicesCarousel .owl-stage-outer .owl-stage {
    display: flex;
}

.relatedServicesCarousel .owl-stage-outer .owl-stage .item {
    height: 100%;
}

.relatedServicesCarousel .owl-stage-outer .owl-stage .item .relatedServicesItem {
    height: 100%;
    border: 0.5px solid #858585;
    border-radius: 6px;
    padding: 10px;
}

.relatedServicesCarousel .owl-stage-outer .owl-stage .item .relatedServicesItem .relatedServicesImg {
    margin-bottom: 20px;
}

.relatedServicesCarousel .owl-stage-outer .owl-stage .item .relatedServicesItem .relatedServicesTxt h5 a {
    font-weight: 600;
    font-size: 26px;
    line-height: 36px;
    color: #102C35;
}

.relatedServicesCarousel .owl-stage-outer .owl-stage .item .relatedServicesItem .relatedServicesTxt h5 a:hover {
    color: #7CBA31;
}

.relatedServicesCarousel .owl-stage-outer .owl-stage .item .relatedServicesItem .relatedServicesTxt p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #858585;
}

.relatedServicesCarousel .owl-dots {
    justify-content: center;
}

.storeService.shopCategory {
    padding: 60px 0;
}

.storeService.shopCategory .storeServiceCardGroup {
    grid-template-columns: repeat(3, 1fr);
}

.singleStoreServiceBanner {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 450px;
    position: relative;
    z-index: 1;
}

.singleStoreServiceBanner:after {
    position: absolute;
    background-color: rgba(17, 17, 17, 0.45);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.singleStoreServiceBanner .singleStoreServiceBannerInner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.singleStoreServiceBanner .singleStoreServiceBannerInner .singleStoreServiceBannerContent {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 60px;
}

.singleStoreServiceBanner .singleStoreServiceBannerInner .singleStoreServiceBannerContent h4 {
    font-weight: 600;
    font-size: 48px;
    line-height: 58px;
    text-align: center;
    color: #FFFFFF;
}

/*-----------------------------------------------------------------------------------

  Template Name: Scooterr EV
  Author: Webstrot
  Version: 1.0.0
*/
.scootersConsumables.offerScooters {
    padding: 60px 0;
    background-color: #F0FFFB;
}

.scootersConsumables.offerScooters .scootersConsumableImg {
    padding: 10px 10px 10px 80px;
    position: relative;
}

.scootersConsumables.offerScooters .scootersConsumableImg::after {
    left: unset;
    right: 0;
    width: 40%;
}

.scootersConsumables.offerScooters .scootersConsumableImg .scootersConsumableTxt {
    width: 320px;
    background-color: #102C35;
    border: 2px solid #ffffff;
    padding: 20px 60px;
    position: absolute;
    bottom: 30px;
    left: 0;
}

.scootersConsumables.offerScooters .scootersConsumableImg .scootersConsumableTxt h5 {
    font-weight: 500;
    font-size: 30px;
    line-height: 40px;
    color: #7CBA31;
}

.scootersConsumables.offerScooters .scootersConsumableImg img {
    border-radius: 6px 0px 0px 6px;
}

.scootersConsumableContent.offerScootersContent {
    padding-right: 40px;
}

.scootersConsumableContent.offerScootersContent .commonHeading h5 {
    margin-bottom: 18px;
}

.scootersConsumableContent.offerScootersContent .commonHeading h5 span {
    font-size: 26px;
}

.scootersConsumableContent.offerScootersContent .commonHeading h2 {
    font-size: 48px;
    margin-bottom: 30px;
}

.scootersConsumableContent.offerScootersContent .commonHeading p {
    font-size: 16px;
}

.offerScooterPoints {
    margin-bottom: 60px;
}

.offerScooterPoints ul {
    padding-left: 0;
}

.offerScooterPoints ul li {
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid rgba(133, 133, 133, 0.6);
    padding-bottom: 16px;
    margin-bottom: 16px;
}

.offerScooterPoints ul li span {
    font-weight: 600;
    font-size: 26px;
    line-height: 36px;
    color: #7CBA31;
}

.offerScooterPoints ul li p {
    font-weight: 600;
    font-size: 26px;
    line-height: 36px;
    color: #102C35;
    margin-bottom: 0;
}

.offerScooterPoints ul li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

.oneStopSolution {
    padding: 60px 0;
}

.evTopServicesGroup {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.evTopServicesGroup .evTopServiceItem {
    padding: 30px;
    border: 0.5px solid #858585;
    border-radius: 6px;
    display: grid;
    grid-template-columns: 60px 1fr;
    gap: 20px;
}

.evTopServicesGroup .evTopServiceItem .evTopServiceIcon span {
    width: 60px;
    height: 60px;
    border-radius: 50px;
    background-color: #102C35;
    display: flex;
    align-items: center;
    justify-content: center;
}

.evTopServicesGroup .evTopServiceItem .evTopServiceContent h5 {
    font-weight: 600;
    font-size: 26px;
    line-height: 36px;
    color: #102C35;
}

.evTopServicesGroup .evTopServiceItem .evTopServiceContent p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #858585;
    margin-bottom: 0;
}

.evTopServicesGroup .evTopServiceItem:hover {
    background-color: #F0FFFB;
}

.evTopServices.paymentSolution {
    padding: 60px 0;
}

.evTopServices.paymentSolution .evTopServicesGroup {
    grid-template-columns: repeat(2, 1fr);
}

.evTopServices.paymentSolution .evTopServicesGroup .evTopServiceItem {
    border: 0;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.1019607843);
}

.basicService .basicServiceInner .loginRegisterContent .loginRegisterImages .loginRegisterImages1::after,
.basicService .basicServiceInner .loginRegisterContent .loginRegisterImages .loginRegisterImages2::after {
    background: #7CBA31;
}

.basicService .basicServiceInner .commonHeading h5 span {
    font-weight: 600;
    font-size: 26px;
    line-height: 36px;
}

.basicService .basicServiceInner .commonHeading h2 {
    font-weight: 600;
    font-size: 48px;
    line-height: 58px;
}

.basicService .basicServiceInner .commonHeading p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
}

.basicService {
    background-color: #F0FFFB;
}

.basicService .basicServiceInner {
    padding: 60px 0;
}

.basicServiceGroup {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.basicServiceGroup .basicServiceItem {
    padding: 15px 20px;
}

.basicServiceGroup .basicServiceItem h5 {
    font-weight: 600;
    font-size: 26px;
    line-height: 36px;
    color: #111111;
    margin-bottom: 20px;
    position: relative;
}

.basicServiceGroup .basicServiceItem h5::after {
    content: "";
    position: absolute;
    width: 28px;
    height: 5px;
    background-position: center;
    background-size: contain;
    left: 0;
    bottom: -10px;
}

.basicServiceGroup .basicServiceItem p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #858585;
    margin-bottom: 0;
}

.basicServiceGroup .basicServiceItem:nth-child(1),
.basicServiceGroup .basicServiceItem:nth-child(2) {
    border-bottom: 0.5px solid #858585;
}

.basicServiceGroup .basicServiceItem:nth-child(1),
.basicServiceGroup .basicServiceItem:nth-child(3) {
    border-right: 0.5px solid #858585;
}

.bgWhite,
.ourHappyClientsSay.bgWhite {
    background-color: #ffffff;
}

/*-----------------------------------------------------------------------------------

  Template Name: Scooterr EV
  Author: Webstrot
  Version: 1.0.0
*/
.aboutUs {
    padding: 60px 0;
}

.aboutUs .aboutUsInner .commonHeading h2 {
    font-size: 48px;
    font-weight: 600;
    color: #111111;
}

.aboutUs .aboutUsInner .scootersConsumableImg2 {
    padding: 10px 10px 10px 0;
    position: relative;
}

.aboutUs .aboutUsInner .scootersConsumableImg2::after {
    content: "";
    background-color: #F7941D;
    top: 0;
    right: 0;
    position: absolute;
    width: 70%;
    height: 100%;
    z-index: -1;
}

.aboutOurTeam {
    padding: 60px 0;
}

.visionMission {
    padding: 0 0 100px;
}

.visionMissionItemGroup {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.visionMissionItemGroup .visionMissionItem {
    border-top: 0;
}

.visionMissionItemGroup .visionMissionItem h5 {
    position: relative;
    margin-bottom: 30px;
}

.visionMissionItemGroup .visionMissionItem h5 a {
    font-weight: 500;
    font-size: 28px;
    line-height: 40px;
    color: #111111;
}

.visionMissionItemGroup .visionMissionItem h5::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 6px;
    background-position: center;
    background-size: contain;
    left: 0;
    bottom: -15px;
}

.visionMissionItemGroup .visionMissionItem p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #858585;
    margin-bottom: 0;
}

.visionMissionImage {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aboutOurTeamSlider .aboutOurTeamCarousel .owl-dots {
    justify-content: center;
}

.evAboutVideo {
    margin-top: 100px;
}

.evAboutVideo .video-container {
    border-radius: 0;
}

.evAboutVideo .video-container .progress-bar {
    width: 0.5%;
}

.ourAchivements {
    padding: 0 0 100px;
}

.ourAchivementItem {
    border: 0.5px solid #858585;
    padding: 30px;
    border-radius: 6px;
}

.ourAchivementItem .ourAchivementIcon {
    margin-bottom: 15px;
}

.ourAchivementItem .ourAchivementIcon span {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

.ourAchivementItem .ourAchivementContent h4 {
    font-weight: 600;
    font-size: 48px;
    line-height: 58px;
    text-align: center;
    color: #102C35;
}

.ourAchivementItem .ourAchivementContent p {
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #111111;
}

/*-----------------------------------------------------------------------------------

  Template Name: Scooterr EV
  Author: Webstrot
  Version: 1.0.0
*/
/************ TABLE OF CONTENTS ***************

  01. footer home1

**********************************************/
.footer {
    background-color: #000;
    z-index: 1;
    position: relative;
}

.footer::after {
    content: "";
    background-image: url("../images/footer-bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.footer .footerInner {
    position: relative;
    padding: 60px 0;
}

.footer .footerInner .row {
    gap: 30px 0;
}

.footerAbout .footerLogo {
    margin-bottom: 20px;
}

.footerAbout .footerPara p {
    font-size: 16px;
    color: #fff;
}

.footerHeading {
    margin-bottom: 20px;
}

.footerHeading h4 {
    font-size: 28px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
}

.footerMenu .footerMenuList ul {
    gap: 15px;
}

.footerMenu .footerMenuList ul li a {
    font-size: 16px;
    color: #7CBA31;
    position: relative;
    padding-left: 22px;
}

.footerMenu .footerMenuList ul li a::after {
    content: "";
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 0;
    width: 15px;
    height: 15px;
    background-image: url("../images/icon1.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.footerMenu .footerMenuList ul li a:hover {
    color: #F3860D;
}

.footerAppStoreGroup ul {
    gap: 10px;
}

.footerAppStoreGroup ul li a {
    display: block;
}

.footerAppStoreGroup ul li a img:hover {
    box-shadow: 0px 0px 4px 1px rgba(5, 156, 121, 0.83), inset 0px 0px 2px 1px rgba(5, 156, 121, 0.83);
    border-radius: 8px;
}

.footerCopyRight {
    padding: 20px 0;
    border-top: 1px solid #fff;
}

.footerCopyRight .footerCopyRightInner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.footerCopyRight .footerCopyRightInner p {
    font-size: 16px;
    color: #fff;
    margin-bottom: 0;
}

.footerCopyRight .footerCopyRightInner p a {
    color: #7CBA31;
}

.footerCopyRight .footerCopyRightInner p a:hover {
    text-decoration: underline;
}

.footerCopyRight .footerCopyRightInner ul {
    display: flex;
    align-items: center;
    gap: 20px;
}

.footerCopyRight .footerCopyRightInner ul li {
    position: relative;
}

.footerCopyRight .footerCopyRightInner ul li a {
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
}

.footerCopyRight .footerCopyRightInner ul li::after {
    content: "";
    position: absolute;
    top: 0;
    right: -10px;
    background-color: #ffffff;
    height: 100%;
    width: 1px;
}

.footerCopyRight .footerCopyRightInner ul li:last-child::after {
    content: unset;
}

.SocialIcon ul {
    gap: 10px;
}

html,
body {
    width: 100%;
    overflow-x: hidden;
    /* Forces the browser to hide horizontal scrollbars */
    margin: 0;
    padding: 0;
}

.green-word {
    color: #7CBA31;
    font-style: italic;
    font-weight: 800;

}

.orange-word {
    color: #F3860D;
}

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

    /* Hides the specific button on mobile */
    .hide-mobile-btn {
        display: none !important;
    }

    .custom-nav {
        width: 60px !important;
        /* Decreased from 60px */
        padding: 0 !important;
    }
}

.ev-hero-container {
    max-width: 1396px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 0px;
}

/* Left side content */
.ev-hero-content {
    flex: 1;
    z-index: 2;
}

.ev-main-title h2 {
    font-size: 60px;
}

.ev-services-list {
    color: #4b6a1d;
    /* The specific dark green */
    font-size: 18px;
    font-weight: 600;
    line-height: 1.8;
    margin-bottom: 40px;
}

.ev-services-list span {
    display: inline-block;
}

.ev-button-group {
    display: flex;
    gap: 20px;
}

/* Buttons */
.ev-btn {
    padding: 15px 30px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    transition: all 0.3s ease;
}

.ev-btn-orange {
    background-color: #f37021;
    /* Vivid orange */
    color: #ffffff;
    box-shadow: 0 4px 15px rgba(243, 112, 33, 0.2);
}

.ev-btn-white {
    background-color: #ffffff;
    color: #333333;
    border: 1px solid #e0e0e0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

/* Right side Graphics */
.ev-hero-graphics {
    flex: 1;
    position: relative;
    display: flex;
    justify-content: flex-end;
}

.ev-graphic-wrapper {
    position: relative;
    width: 100%;
}

.ev-img-containers {
    width: 100%;
    max-width: 700px;
    display: block;
}

.ev-img-scooter {
    position: absolute;
    bottom: -20px;
    left: -10%;
    width: 70%;
    z-index: 3;
}

/* Mobile Responsiveness */
@media (max-width: 991px) {
    .ev-hero-container {
        flex-direction: column;
        text-align: center;
    }

    .ev-main-title {
        font-size: 38px;
    }

    .ev-button-group {
        justify-content: center;
        flex-direction: column;
    }

    .ev-hero-graphics {
        margin-top: 50px;
    }
}


/* --- 1. Header Layout --- */
.header-section {
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    padding: 0;
    /* Remove padding to let height be controlled by inner flex */
    position: relative;
    z-index: 999;
}

/* Flex Container Fixes */
.header-inner {
    display: flex;
    align-items: center;
    /* Ensures perfect vertical center */
    justify-content: space-between;
    height: 90px;
    /* Fixed height forces elements to center */
}

/* --- 2. Logo Styling --- */
.logo-wrapper {
    flex-shrink: 0;
    /* Prevents logo from being squashed */
    display: flex;
    align-items: center;
}

.brand-logo {
    height: 95px;
    /* Adjust size as per desired look */
    width: auto;
    object-fit: contain;
}

/* --- 3. Navigation Styling (THE FIX) --- */
.nav-links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 30px;
    /* Consistent spacing between items */
    align-items: center;
}

.nav-item {
    text-decoration: none;
    color: #2c3e50;
    /* Dark Navy Color */
    font-weight: 600;
    font-size: 16px;
    white-space: nowrap;
    /* CRITICAL FIX: Forces text to stay on one line */
    transition: color 0.3s;
    display: flex;
    align-items: center;
    gap: 5px;
}

.nav-item:hover,
.nav-item.active {
    color: #f37021;
    /* Brand Orange */
}

.nav-item i {
    font-size: 11px;
    /* Chevron size */
    margin-top: 2px;
}

/* --- 4. Button Styling --- */
.header-actions {
    flex-shrink: 0;
    /* Prevents button from being squashed */
    display: flex;
    align-items: center;
}

.btn-contact {
    background-color: #f37021;
    /* Orange #f37021 */
    color: #ffffff !important;
    font-weight: 700;
    font-size: 15px;
    padding: 12px 25px;
    border-radius: 5px;
    text-decoration: none;
    white-space: nowrap;
    /* Prevents button text wrapping */
    display: inline-flex;
    align-items: center;
    transition: all 0.3s ease;
}

.btn-contact:hover {
    background-color: #d65d14;
}

.mobile-toggle {
    background: none;
    border: none;
    font-size: 24px;
    color: #333;
    padding: 0;
}

/* --- Responsive Adjustments --- */
@media (max-width: 1200px) {

    /* Reduce gap on smaller laptops to prevent breaking */
    .nav-links {
        gap: 20px;
    }

    .nav-item {
        font-size: 15px;
    }
}


/* --- Hero Section Base --- */
.ev-hero-section {
    position: relative;
    width: 100%;
    min-height: 67vh;
    /* Robust height to show full background */
    display: flex;
    align-items: center;
    /* Vertically centers the text */
    background-repeat: no-repeat;
    background-position: center right;
    /* Anchors image to the right side */
    overflow: hidden;
}

/* --- OPTION 1: Cover (Fills entire area, crops edges if needed) --- */
.bg-cover {
    background-size: cover;
}

/* --- OPTION 2: Contain (Shows full image, no cropping) --- */
.bg-contain {
    background-size: contain;
    background-color: #f8f9fa;
    /* Fallback color for empty space */
}

/* --- Overlay (Optional) --- */
/* Adds a faint white fade on the left so text pops against the image */
.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    /* Only covers the text area */
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
}

/* --- Container & Layout --- */
.ev-hero-container {
    position: relative;
    z-index: 2;
    /* Sits above the overlay */
    width: 100%;
    max-width: 1320px;
    /* Bootstrap XL standard */
    margin: 0 auto;
    padding: 0 20px;
}

/* --- Content Content (Left Side Only) --- */
.ev-hero-content {
    max-width: 600px;
    /* Limits text width to ~50%, leaving right side free */
    width: 100%;
}

/* --- Typography & Buttons --- */
.ev-main-title h2 {
    font-size: 56px;
    font-weight: 800;
    line-height: 1.4;
    margin-bottom: 25px;
}

.ev-services-list {
    color: #4b6a1d;
    line-height: 1.6;
    margin-bottom: 35px;
}

.ev-button-group {
    display: flex;
    gap: 15px;
}

.ev-btn {
    padding: 14px 30px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 700;
    transition: 0.3s;
}

.ev-btn-orange {
    background-color: #f37021;
    color: #fff;
    box-shadow: 0 4px 15px rgba(243, 112, 33, 0.3);
}

.ev-btn-white {
    background-color: #fff;
    color: #333;
    border: 1px solid #ddd;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 991px) {
    .ev-hero-section {
        min-height: auto;
        padding: 60px 0;
        background-position: center;
        /* Center image on mobile */
        /* Optional: Dim image on mobile so text is readable */
        background-blend-mode: overlay;
        background-color: rgba(255, 255, 255, 0.9);
    }

    .ev-hero-content {
        max-width: 100%;
        text-align: center;
    }

    .ev-button-group {
        justify-content: center;
        flex-direction: column;
    }

    .hero-overlay {
        display: none;
    }

    /* Remove gradient on mobile */
}

.ev-services-list {
    margin-bottom: 35px;
}

.ev-services-list span {
    display: inline-block;
    /* Allows padding and margins */
    padding: 8px 20px;
    margin: 5px 3px;

    /* The Magic: Border color matches the text color */
    border: 2px solid currentColor;
    border-radius: 50px;
    /* Makes them pill-shaped */

    font-weight: 700;
    font-size: 15px;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Hover Effect: Lifts the button and adds a subtle shadow */
.ev-services-list span:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.03);
    /* Very light background tint */
}

/* --- Tablet / Small Laptop (Below 991px) --- */
@media (max-width: 991px) {
    .ev-main-title h2 {
        font-size: 42px !important;
        /* Scales down to fit tablet screens */
        line-height: 1.3;
        /* Slightly tighter line height */
    }
}

/* --- Mobile Phones (Below 576px) --- */
@media (max-width: 576px) {
    .ev-main-title h2 {
        font-size: 32px !important;
        /* Standard readable size for mobile */
        line-height: 1.25;
        margin-bottom: 15px;
        /* Reduce gap to save vertical space */
    }
}

/* Section Background */
#whyTotalEV {
    background-color: #f9f9f9;
    /* Changed to light gray so white cards pop */
}

/* The Card Container */
.feature-card {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    height: 100%;
    /* Ensures all cards in the row are equal height */
    border: 1px solid #eee;
}

/* Hover Effect */
.feature-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(99, 179, 46, 0.2);
    /* Green glow using your brand color */
}

/* Image Wrapper */
.feature-img-wrapper {
    width: 100%;
    height: 200px;
    /* Fixed height for uniformity */
    overflow: hidden;
}

.feature-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Prevents image distortion */
    transition: transform 0.5s ease;
}

.feature-card:hover .feature-img-wrapper img {
    transform: scale(1.05);
    /* Zoom effect on hover */
}

/* Content Styling */
.feature-content {
    padding: 25px;
    text-align: center;
}

.feature-title {
    font-weight: 700;
    margin-bottom: 10px;
    color: #333;
}

.feature-desc {
    color: #666;
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 0;
}