@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);

@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz@0,14..32;1,14..32&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);

.theme_btn::after,

.theme_btn::before {

    transform: skewX(-25deg);

    position: absolute;

    height: 100%;

    top: 0;

}

.header_searc_icons a:hover,

.testi-card:hover *,

.theme_btn,

.theme_btn:hover,

.workshop-services-boxs:hover * {

    color: #fff;

}

.theme_btn,

h1 {

    width: fit-content;

}

.theme_btn span,

h2 {

    color: var(--black);

}

h2,

h3,

h4,

h5,

h6 {

    line-height: 1.2;

}

a:focus,

a:hover,

body,

h4,

h6 {

    color: #393939;

}

.add-padding,

.centerCol {

    margin: 0 auto;

}

.menuSec ul li,

.menuSec ul li a {

    display: inline-block;

    position: relative;

    padding: 0;

}

.menuSec ul li a,

a,

a:focus,

a:hover {

    text-decoration: none;

}

.centerCol,

.menuSec li:hover li {

    float: none;

}

.carousel-caption,

.carousel-control-next {

    right: 0;

    transform: translateY(-50%);

    bottom: auto;

}

.price h6,

body {

    font-family: Montserrat, sans-serif;

}

.sub-total label,

label {

    cursor: pointer;

}

body {

    word-break: break-word;

    overflow-x: hidden;

}

.benelli-points-box ul li a,

h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: JerseyM54, Sans-Serif;

}

:root {

    --black: #000;

    --white: #fff;

    --textColor: #7c7c7c;

    --themeColor: #296a41;

    --themeColor2: #1d1d1d;

}

a {

    color: #28b16d;

    white-space: initial;

}

.testimonial-slidder .slick-slide.slick-current.slick-active .testi-card p,

.testimonial-slidder .slick-slide.slick-current.slick-active .testi-card p i,

h1 {

    color: var(--white);

}

a:hover {

    transition: 0.5s ease-in-out;

    -webkit-transition: 0.5s ease-in-out;

    -moz-transition: 0.5s ease-in-out;

}

img {

    max-width: 100%;

}

input[type="email"]:focus,

input[type="number"]:focus,

input[type="password"]:focus,

input[type="tel"]:focus,

input[type="text"]:focus,

input[type="url"]:focus,

select:focus,

textarea:focus {

    transition: 0.5s;

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    outline: 0;

}

input[type="email"],

input[type="number"],

input[type="password"],

input[type="tel"],

input[type="text"],

input[type="url"],

select,

textarea {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

}

ul {

    margin: 0 0 20px;

    padding: 0;

    list-style-type: none;

}

p {

    font-weight: 600;

    line-height: 25px;

    font-size: 14px;

}

h1,

h2 {

    font-weight: 500;

}

@font-face {

    font-family: "Fonts Awesome";

    src: url(../fonts/fontawesome-webfont.eot);

    src:

        url(../fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"),

        url(../fonts/fontawesome-webfont.woff) format("woff"),

        url(../fonts/fontawesome-webfont.ttf) format("truetype"),

        url(../fonts/fontawesome-webfont.svg#fontawesome-webfont) format("svg");

    font-weight: 400;

    font-style: normal;

}

@font-face {

    font-family: JerseyM54;

    src: url(../fonts/JerseyM54.ttf);

}

.menuSec,

.noPadding {

    padding: 0;

}

.noLeft,

.workshop-services-sec .padding-left {

    padding-left: 0;

}

.menuSec ul li:last-child a,

.noRight,

.workshop-services-sec .padding-right {

    padding-right: 0;

}

.pt_8 {

    padding-top: 80px;

}

.follow-our-journey-giving-love-sec.pt-8.inn,

.pb_8 {

    padding-bottom: 80px;

}

.py_8 {

    padding: 80px 0;

}

.theme_btn {

    padding: 15px 85px 15px 20px;

    border: unset;

    gap: 15px;

    border-radius: 0;

    z-index: 1;

    display: flex;

    font-size: 17px;

    box-shadow: none;

    overflow: hidden;

    position: relative;

    align-items: center;

    transition: 250ms;

    justify-content: center;

    background: 0 0;

    -webkit-box-shadow: none;

}

.theme_btn span {

    font-weight: 600;

    position: relative;

}

.theme_btn::before {

    content: "";

    right: 40px;

    width: 50%;

    border-radius: 0;

    background-color: #296a41;

    z-index: -1;

    -webkit-box-shadow: 4px 8px 19px -3px rgba(0, 0, 0, 0.27);

    transition: 250ms;

}

.theme_btn::after {

    content: "";

    width: 13px;

    background: #296a41;

    right: 20px;

}

.theme_btn:hover span {

    color: #fff;

    font-weight: 500;

    transition: 0.3s ease-in-out;

}

.theme_btn:hover:before {

    width: 100%;

    transition: 0.3s ease-in-out;

}

.flexRow {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;

}

.flexCol {

    -webkit-box-flex: 1;

    -moz-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

    align-items: center;

}

h1 {

    font-size: 95px;

    margin: 0 0 15px;

    line-height: 1;

    text-transform: uppercase;

    border-bottom: 2px solid #393939;

    padding-right: 50px;

    padding-bottom: 10px;

}

h2 {

    font-size: 55px;

    margin: 0 0 30px;

}

h3 {

    font-size: 30px;

    color: #000;

    font-weight: 600;

    margin: 0 0 28px;

}

h4 {

    font-size: 24px;

    font-weight: 500;

    margin: 0 0 13px;

}

.testi-card-info > div > p,

h5 {

    font-size: 20px;

    font-weight: 500;

}

h5 {

    margin: 0 0 18px;

    color: var(--themeColor);

}

h6 {

    font-size: 18px;

    font-weight: 500;

    margin: 0 0 22px;

}

select {

    background: url("../images/arrow.png") right no-repeat #fff;

    padding: 0 40px 0 30px;

}

::-webkit-input-placeholder {

    color: #575757;

}

::-moz-placeholder {

    color: #575757;

    opacity: 1;

}

:-ms-input-placeholder {

    color: #575757;

}

:-moz-placeholder {

    color: #575757;

    opacity: 1;

}

.add-padding {

    width: 100%;

    max-width: 1500px;

}

.section-heading {

    text-align: center;

    margin-bottom: 40px;

}

.inner-account-box h2,

.inner-work-shop-detail-text h2,

.motorcycle-detail-text h2,

.section-heading h5 {

    margin-bottom: 10px;

}

.section-heading h2 {

    line-height: 1;

    margin-bottom: 5px;

}

.section-heading p {

    width: 80%;

    margin: auto;

    font-weight: 600;

    max-width: 750px;

    color: var(--textColor);

}

.menuSec img {

    margin: 0;

}

.menuSec ul {

    position: relative;

    list-style: none;

    padding: 0;

    margin: 0;

    text-transform: capitalize;

    display: flex;

    justify-content: space-between;

}

.menusec-logo a img {
    width: 226px;
    height: 49px;
    object-fit: contain;
}

.menuSec ul li {

    margin: 0;

}

.Shipping input[type="radio"],

.instruction input[type="radio"],

.menuSec li ul,

.menuSec li > ul > li > a:after,

.menuSec li > ul > li > a:before,

.menuSec ul li:last-child a:after {

    display: none;

}

.menuSec ul li a {

    color: #fff;

    font-size: 14px;

    padding: 15px 0;

}

.menuSec ul li a.active,

.menuSec ul li a:hover {

    transition: 0.5s;

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    color: #28b16d;

}

.menuSec li:hover > ul {

    display: block;

    position: absolute;

    z-index: 1000;

    background-color: #000;

    left: 0;

    width: 230px;

    text-align: left;

    top: 50px;

}

.menuSec li > ul > li > a {

    border: none;

    padding: 13px 20px !important;

    color: #fff !important;

    overflow: hidden;

    font-size: 13px;

    line-height: 20px;

    font-weight: 500;

}

.menuSec li > ul > li,

.menuSec li > ul > li > a {

    display: block;

    margin: 0;

}

.menuSec li ul li a:hover {

    background-color: #296a41;

    color: #fff !important;

    font-weight: 500;

}

.menuSec ul ul ul {

    left: 100%;

    top: 0;

}

.menuSec ul:after,

.menuSec ul:before {

    content: " ";

    display: table;

}

.menuSec ul:after {

    clear: both;

}

.menuSec li > ul > li:hover > ul {

    left: 230px;

    top: 0;

    width: 270px;

}

header {

    position: absolute;

    width: 100%;

    z-index: 9999;

    padding: 15px 5%;

}

.header_searc_icons {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.bnelli_text,

label {

    display: inline-block;

}

.header_searc_icons form {

    width: 60%;

    position: relative;

    display: flex;

    align-items: center;

    height: 50px;

    padding-left: 15px;

}

.header_searc_icons form input {

    color: #fff;

    border: none;

    background: 0 0;

    outline: 0;

    width: 80%;

    position: relative;

}

.header_searc_icons form input::placeholder {

    color: #ddddda;

}

.header_searc_icons form::before {

    width: 100%;

    height: 100%;

    content: "";

    border: 2px solid #fff;

    position: absolute;

    transform: skewX(-20deg);

    left: 0;

}

.header_searc_icons form button {

    background: 0 0;

    border: none;

    color: #fff;

    position: relative;

}

.header_searc_icons a::before {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    background: 0 0;

    border: 2px solid #5b5b5b;

    transform: skewX(-20deg);

}

.banner_text,

.carousel-control-next span.carousel-control-next-icon,

.carousel-control-prev span,

.expl_btn_div a span,

.header_searc_icons a span,

.inner-request-a-quote-sec li.request-cart-img,

section.main_slider {

    position: relative;

}

.header_searc_icons a {

    width: 50px;

    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    color: #fff;

}

.header_searc_icons a:hover:before {

    background: #296a41;

    transition: 0.3s ease-in-out;

}

.about-text .theme_btn:hover::before,

.banner_img,

.cart_sidebar .bt .sbtn,

.product-box-img .theme_btn.theme_btn:hover::before,

.product-heading .theme_btn:hover::before {

    width: 100%;

}

.banner_text {

    z-index: 99999;

}

.carousel-caption {

    position: absolute;

    left: 0;

    padding-top: 1.25rem;

    padding-bottom: 1.25rem;

    color: #fff;

    text-align: left;

    top: 50%;

    z-index: 1;

}

.banner_text p {

    color: #9e9e9e;

    line-height: 1.7;

    margin-bottom: 30px;

    font-weight: 600;

    width: 90%;

}

.bnelli_text {

    position: absolute;

    color: #1c1c1c;

    z-index: 1;

    font-family: JerseyM54;

    font-size: 20vw;

    left: -4%;

    top: 7%;

    line-height: 1;

}

.carousel-control-next::before {

    content: "";

    position: absolute;

    background: #296a41;

    width: 100%;

    height: 100%;

    clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);

}

.carousel-control-next {

    height: 100px;

    top: 44.5%;

    width: 120px;

    opacity: 1;

}

.carousel-control-prev {

    right: 6%;

    width: 120px;

    height: 50px;

    top: 42%;

    opacity: 1;

    bottom: auto;

    left: auto;

}

.carousel-control-prev::before {

    content: "";

    position: absolute;

    width: 140%;

    height: 100%;

    background: #0000004a;

    clip-path: polygon(0 0, 100% 0, 92% 100%, 0% 100%);

    right: 0;

}

.expl_btn_div {

    position: absolute;

    left: 0;

    bottom: 50px;

    width: 100%;

}

.expl_btn_div a {

    color: #fff;

    position: relative;

    padding: 15px 50px 15px 15px;

}

.expl_btn_div a i,

.inner-work-shop-detail-text {

    margin-left: 10px;

}

.expl_btn_div a::before {

    content: "";

    position: absolute;

    width: 60%;

    height: 100%;

    border: 1px solid #4e4e4e;

    transform: skewX(-30deg);

    right: 0;

    top: 0;

}

.expl_btn_div a:hover:before {

    width: 100%;

    transform: skewX(0);

    background: #296a41;

    transition: 0.3s ease-in-out;

}

.about-sec,

.product-sec,

.workshop-services-sec {

    padding: 100px 5%;

}

.about-img {

    width: 100%;

    height: 550px;

    display: flex;

    position: relative;

    align-items: flex-end;

    justify-content: center;

}

.about-img:hover .about-img-1-box {

    transition: 0.5s ease-in;

    transform: rotate(3deg);

}

.about-img .about-img-2 {

    z-index: 1;

    width: 100%;

    height: 600px;

    position: relative;

    object-fit: cover;

}

.about-img-1-box {

    left: 0;

    right: 0;

    width: 90%;

    top: 30px;

    height: 81%;

    margin: auto;

    padding: 15px;

    max-width: 400px;

    position: absolute;

    border-radius: 10px;

    transition: 0.5s ease-in-out;

    transform: rotate(8deg);

    background-color: var(--themeColor);

}

.about-img-1-box img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 5px;

}

.about-text {

    height: 100%;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: center;

}

.about-text h2,

.cart_sidebar ul li:not(:last-child),

section.product-sec.inner .product-heading {

    margin-bottom: 15px;

}

.about-text p,

.about-us-row p {

    font-weight: 600;

    margin-bottom: 30px;

    color: var(--textColor);

}

.about-text .theme_btn::before {

    width: 47%;

}

.motorcycles-sec {

    padding: 0 5%;

}

.motorcycle-slicer-box-img {

    height: 430px;

    display: flex;

    overflow: hidden;

    align-items: center;

    margin-bottom: 25px;

    border-radius: 10px;

    background: #f2f0f0;

    justify-content: center;

    transition-duration: 0.5s;

}

.workshop-services-button a:before {

    right: 40px;

    width: 45%;

}

.motorcycle-slicer-box-img img {

    width: 90%;

    height: 85%;

    object-fit: contain;

    transition-duration: 0.5s;

}

.motorcycle-slicer-box-text {

    display: flex;

    transition: 0.5s ease-in;

    align-items: flex-start;

    justify-content: space-between;

}

.motorcycle-slicer-box-text .theme_btn {

    flex-shrink: 0;

    transition: 0.5s ease-in-out;

}

.motorcyclesSlider .slick-slide.slick-current.slick-active {

    transform: scale(1);

    transition: 0.5s ease-in-out;

}

.motorcyclesSlider .slick-slide.slick-current.slick-active .motorcycle-slicer-box-img {

    transition: 0.5s ease-in-out;

    background: url("../images/bike-bg.png") center/cover no-repeat;

}

.motorcyclesSlider .slick-slide {

    opacity: 1;

    margin: 0;

    transform: scale(0.8);

    transition: 0.5s ease-in-out;

}

.motorcyclesSlider .slick-slide .motorcycle-slicer-box-text {

    height: 0;

    overflow: hidden;

    transition: 0.5s ease-in-out;

}

.motorcyclesSlider .slick-list {

    transition: 0.5s ease-in;

    overflow: visible;

}

.motorcycle-slicer-box {

    min-height: 525px;

}

.motorcyclesSlider .slick-slide.slick-current.slick-active .motorcycle-slicer-box-text {

    height: 100px;

    transition: 0.5s ease-in-out;

}

section.etstimonial-sec {

    overflow: hidden;

    padding: 0 5% 100px;

}

.testimonial-slidder .slick-slide {

    transition: 0.3s ease-in-out;

    opacity: 1;

    opacity: 0;

    margin: 0 10px;

}

.testi-card-info > div > img {

    width: 65px;

    height: 65px;

    flex-shrink: 0;

    object-fit: cover;

    border-radius: 5px;

}

.testi-card-info {

    gap: 20px;

    display: flex;

    margin-top: 30px;

    padding-top: 30px;

    align-items: center;

    border-top: 1px solid #e5e5e5;

}

.testi-card-info > div > p {

    color: #000;

    margin-bottom: 0;

    font-family: JerseyM54;

    text-transform: uppercase;

}

.testi-card-info > div > p.desination {

    font-family: Poppins;

    font-size: 12px !important;

}

.testi-card-ratting {

    gap: 15px;

    display: flex;

    align-items: flex-end;

}

.cart_table_main tbody td .image_cart_prod,

.product-box-img,

.testimonial-slidder .slick-track {

    align-items: center;

    display: flex;

}

.testi-card {

    border-radius: 10px;

    padding: 30px 20px 20px;

    background-color: var(--white);

    box-shadow: 19.799px 19.799px 51px 0 rgba(0, 0, 0, 0.05);

    transition: 0.5s;

}

.testi-card:hover,

.workshop-services-boxs:hover .workshop-services-boxs-text {

    background: #296a41;

    transition: 0.5s;

}

.testi-card > p {

    padding: 10px 0;

}

.testi-card-text p {

    font-size: 14px;

    font-weight: 600;

    color: var(--textColor);

    padding-right: 20px;

}

.ftr-subscribe-newsletter {

    margin-top: 15px;

}

.motorcycle-slicer-box-text h4 {

    font-size: 30px;

    color: #000;

}

.workshop-services-boxs-text a:before {

    right: 41px;

    width: 45%;

}

.testimonial-heading {

    padding: 0 0 30px;

}

.testi-card-ratting p i {

    color: #f39f1e;

}

.testi-card-ratting p {

    color: #000;

    font-size: 14px;

    font-weight: 500;

}

.testimonial-slidder .slick-slide.slick-current.slick-active .testi-card-text {

    height: 170px;

}

.testi-card-text {

    height: 130px;

    overflow-y: scroll;

}

.testi-card-text::-webkit-scrollbar {

    width: 4px;

    border-radius: 10px;

    background-color: #fff;

}

.testi-card-text::-webkit-scrollbar-thumb {

    background-color: var(--themeColor2);

    outline: 1px solid var(--themeColor2);

    border-radius: 10px;

}

.testi-card-text::-webkit-scrollbar-track {

    border-radius: 10px;

    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.075);

}

.testimonial-slidder .slick-slide.slick-current.slick-active .testi-card {

    border: 1px solid transparent;

    background-color: var(--themeColor);

}

.testimonial-slidder .slick-slide.slick-current.slick-active .testi-card > p {

    color: #dddada;

}

.testimonial-slidder .slick-list {

    overflow: visible;

}

.testimonial-slidder .slick-active {

    opacity: 1;

}

.testimonial-slidder {

    width: 100vw;

    max-width: 1700px;

}

.product-heading {

    gap: 20px;

    display: flex;

    flex-wrap: wrap;

    margin-bottom: 40px;

    align-items: flex-end;

    justify-content: space-between;

}

.product-heading .theme_btn::before {

    width: 48%;

}

.product-heading-box {

    max-width: 800px;

}

.inner-account-box ul li p,

.product-heading-box h2 {

    margin-bottom: 0;

}

.product-heading-box p {

    font-weight: 600;

    margin-bottom: 0;

    color: var(--textColor);

}

.product-box-img {

    height: 450px;

    position: relative;

    margin-right: 40px;

    border-radius: 10px;

    object-fit: contain;

    justify-content: center;

    background-color: #f2f0f0;

}

.product-box-img a.product-box-imga {

    display: block;

    text-align: center;

}

.product-box-img a img {

    width: 90%;

    height: 240px;

    object-fit: contain;

}

.product-box-img::before {

    top: 20px;

    width: 1px;

    content: "";

    right: -20px;

    height: 110%;

    position: absolute;

    background-color: #ccc;

}

.box-item .bt,

.ftr-subscribe-newsletter-btn {

    right: 0;

    position: absolute;

}

.product-box-img .theme_btn {

    height: 0;

    bottom: 20px;

    padding: 0;

    position: absolute;

    transition: 0.5s ease-in;

}

.product-box-img .theme_btn.theme_btn::before {

    width: 52%;

}

.product-box:hover .product-box-img .theme_btn {

    height: 55px;

    transition: 0.5s ease-in-out;

    padding: 15px 85px 15px 20px;

}

.productSlider .slick-slide {

    opacity: 1;

    margin: 0;

}

.product-box-text {

    display: block;

    margin-top: 20px;

    padding-top: 25px;

    margin-right: 20px;

    padding-right: 20px;

    border-top: 1px;

}

.product-box-rev .product-box-text {

    border-top: none;

    margin-top: 0;

    padding-top: 0;

    margin-bottom: 20px;

    padding-bottom: 15px;

    border-bottom: 1px;

}

.product-box-rev .product-box-img::before {

    top: unset;

    bottom: 20px;

    background-origin: 120%;

}

.product-box-text ul {

    display: flex;

    margin-bottom: 10px;

    align-items: center;

    justify-content: space-between;

}

.product-box-text ul li h4 {

    font-size: 30px;

    font-weight: 500;

    margin-bottom: 0;

    color: var(--black);

}

.product-box-text p {

    color: var(--textColor);

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

}

.workshop-services-heading h5 {

    margin-bottom: 8px;

}

.workshop-services-heading h2 {

    color: #000;

    margin-bottom: 5px;

}

.workshop-services-heading p {

    color: #7c7c7c;

    font-weight: 600;

    width: 90%;

}

.cart_sidebar h5 span,

.workshop-services-button {

    float: right;

}

.workshop-services-boxs {

    border: 1px solid #d2d2d2;

    border-top-left-radius: 8px;

    border-bottom-left-radius: 8px;

    margin-top: 25px;

    transition: 0.5s;

}

.workshop-services-boxs-text h2 {

    font-size: 30px;

    color: #000;

    margin-bottom: 8px;

}

.workshop-services-boxs-text p {

    color: #7c7c7c;

    margin-bottom: 30px;

    font-weight: 600;

}

.workshop-services-boxs-text {

    padding: 45px 30px 40px;

    height: 300px;

}

.workshop-services-sec.inner .workshop-services-boxs-text {

   

    height: 515px;

}

section.etstimonial-sec.inner {

    padding: 80px 5% 100px;

}

.workshop-services-boxs.chg-1 .workshop-services-boxs-images {

    margin-left: -1px;

}

.workshop-services-boxs-images img {

    width: 100%;

    height: 359px;

    object-fit: cover;

}

.workshop-services-boxs.chg {

    border-radius: 0;

    border-left: none;

    border-right: none;

}

.workshop-services-boxs.chg-1 {

    border-radius: 0;

}

.benelli-sec {

    width: 100%;

    min-height: 575px;

    padding: 20px 5% 0;

    background-image: url(../images/benelli-back-img.png);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}

.benelli-sec .row {

    align-items: center;

}

.benelli-points-box ul li a {

    font-size: 30px;

    color: #fff;

    border-bottom: 1px solid #4d4d4d;

    display: flex;

    padding-bottom: 30px;

    margin-bottom: 30px;

    width: 240px;

}

.benelli-points-box.chg ul li {

    margin: 0 0 0 auto;

    width: 240px;

}

li.torque a {

    padding-bottom: 0 !important;

    border-bottom: none !important;

    margin: 0 !important;

}

.benelli-points-box.chg ul li a {

    justify-content: end;

    padding-right: 0 !important;

    width: auto;

}

.benelli-heading,

.bt.check-out-btn.text-center,

.motorcycle-detail-items {

    text-align: center;

}

.benelli-heading h2 {

    color: #fff;

    margin-bottom: 0;

    font-size: 113px;

    line-height: 1;

}

.benelli-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    margin-top: -80px;

    position: relative;

    left: -42px;

}

.footer-sec {

    background: #1d1d1d;

    padding-top: 100px;

}

.footer-logo {

    border-bottom: 1px solid #4a4a4a;

    padding-bottom: 40px;

    border-right: 1px solid #4a4a4a;

    padding-top: 20px;

}

.ftr-subscribe-newsletter form {

    position: relative;

    display: flex;

    align-items: center;

}

.footer-logo a img {

    width: 317px;

    height: 115px;

    object-fit: contain;

}

.ftr-follow-us-heading h2 {

    font-size: 20px;

    margin-bottom: 0;

    color: #fff;

}

.ftr-follow-us-row {

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-right: 1px solid #4a4a4a;

    padding-right: 40px !important;

    padding: 65px 0;

}

.footer-right-side h2 {

    font-size: 20px;

    color: #fff;

    margin-bottom: 20px;

}

.footer-right-side {

    margin-left: 60px;

}

.ftr-qucik-link.chg-2 {

    margin-left: 30px;

}

.ftr-subscribe-newsletter input {

    width: 90%;

    height: 55px;

    border: 1px solid #4a4a4a;

    padding: 0 20px;

    background: 0 0;

    color: #9c9c9c;

    font-weight: 500;

}

.ftr-subscribe-newsletter-btn button span {

    color: #fff;

    font-weight: 500;

}

.ftr-qucik-link ul li a {

    color: #a5a5a5;

    font-size: 14px;

    font-weight: 500;

    display: block;

    margin-bottom: 10px;

}

.ftr-copy-right-row {

    border-top: 1px solid #4a4a4a;

    padding: 25px 0;

}

.ftr-copy-right-images,

.workshop-services-boxs-images.chg5 {

    text-align: end;

}

.ftr-copy-right-images a img {

    width: 230px;

    height: 29px;

    object-fit: cover;

}

.ftr-copy-right-text p {

    margin-bottom: 0;

    color: #fff;

}

.ftr-follow-us-socail-links ul {

    display: flex;

    align-items: center;

    gap: 40px;

    margin-bottom: 0;

}

.ftr-follow-us-socail-links ul li a {

    color: #777;

    font-size: 18px;

    transition: 0.5s;

}

.ftr-follow-us-socail-links ul li a:hover {

    transition: 0.5s;

    color: #fff;

    transform: scale(1.2);

}

.inner-banner-sec {

    background-image: url(../images/inner-banner-back.jpg);

    width: 100%;

    height: 490px;

    background-size: cover;

    display: flex;

    align-items: center;

}

.inner-banner-heading {

    margin-bottom: -50px;

}

.inner-banner-heading h2 {

    font-size: 95px;

    color: #fff;

    margin-bottom: 0;

}

.sec,

section.checkout-page {

    padding: 100px 0;

}

.inner-work-shop-detail-image img {

    width: 100%;

    height: 510px;

    object-fit: cover;

    border-radius: 10px;

}

.inner-work-shop-detail-text p {

    color: #7c7c7c;

}

.workshop-services-sec.inner .workshop-services-boxs {

    margin-top: 0 !important;

}

.about-us-row,

.product-box,

.workshop-services-sec.inner .workshop-services-row {

    margin-top: 30px;

}

.workshop-services-boxs-images.chg5 img {

    width: 95%;

    object-fit: contain;

}

.workshop-services-boxs.chg-1.c8 {

    border-bottom-right-radius: 8px;

    border-top: none;

}

.workshop-services-boxs.c9 {

    border-top-left-radius: 0;

    border-bottom-left-radius: 8px;

    border-top: none;

}

.workshop-services-boxs.ch11 {

    border-bottom-left-radius: 0;

}

.inner-motorcycles-img {

    background: #f2f0f0;

    border-radius: 15px;

    padding: 35px 40px;

    margin-top: 35px;

    transition: 0.5s;

}

.inner-motorcycles-box {

    transition: 0.5s;

}

.inner-motorcycles-img img {

    width: 100%;

    height: 259px;

    object-fit: contain;

}

.inner-motorcycles-box:hover .inner-motorcycles-img {

    background-image: url(../images/motorcycle-hover-back.jpg);

    width: 100%;

    height: 100%;

    transition: 0.5s;

    background-size: contain;

    background-position: 100% 100%;

}

.inner-motorcycles-text ul li h2 {

    font-size: 35px;

    margin-bottom: 0;

}

.inner-motorcycles-text,

.motorcycle-detail-silder-two {

    margin-top: 20px;

}

.inner-motorcycles-text ul {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 10px;

}

.inner-motorcycles-text ul li h2 span {

    font-weight: 700;

}

.checout-input-rado label,

.inner-motorcycles-sec .section-heading {

    margin-bottom: 0 !important;

}

.motorcycle-detail-silder {

    background: url(../images/motorcycle-detail-silder-back.jpg) 100% 100% / cover no-repeat #000;

    border-radius: 8px;

    padding: 50px;

    width: 100%;

    height: auto;

}

.motorcycle-detail-silder-two-items img {

    width: 95%;

    object-fit: contain;

    height: 115px;

}

.motorcycle-detail-text {

    margin-left: 15px;

    margin-top: 20px;

}

.motorcycle-detail-text ul.star {

    display: flex;

    align-items: center;

    gap: 15px;

    margin-bottom: 8px;

}

.motorcycle-detail-text h3 {

    font-size: 40px;

    font-weight: 800 !important;

    margin-bottom: 10px;

}

.motorcycle-detail-text ul.sku {

    margin-top: 30px;

    line-height: 40px;

}

.motorcycle-detail-text ul.sku li i:hover {

    font-size: 25px;

    transition: 0.5s;

    color: #296a41;

}

.motorcycle-detail-text ul.sku li i {

    margin-left: 4px;

    font-size: 18px;

    color: #ccc;

    transition: 0.5s;

}

.motorcycle-detail-items img {

    width: 100%;

    height: 320px;

    object-fit: contain;

}

.motorcycle-detail-text ul.sku li {

    display: flex;

    align-items: center;

    gap: 12px;

    font-weight: 600;

    color: #666;

}

.motorcycle-detail-text ul.sku li strong {

    font-weight: 700;

    color: #000;

}

.motorcycle-detail-text ul.star li i {

    color: #f9ae0e;

}

.motorcycle-detail-text ul.star li {

    color: #7c7c7c;

    font-weight: 600;

}

.motorcycle-detail-silder-two-items {

    background-image: url(../images/motorcycle-detail-silder-back.jpg);

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 10px 0;

    border-radius: 10px;

    background-size: contain;

}

.motorcycle-detail-silder-two .slick-slide {

    margin: 0 5px;

}

.motorcycle-detail-tabs-row {

    margin-top: 100px;

}

.motorcycle-detail-tabs-row .nav-tabs {

    border-bottom: 1px solid #ccc;

    justify-content: center;

    display: flex;

    align-items: center;

    gap: 30px;

}

.motorcycle-detail-tabs-row .nav-tabs .nav-link:hover,

.nav-tabs .nav-link:focus {

    isolation: inherit;

    border: none !important;

}

.motorcycle-detail-conatct-btn {

    margin-top: 40px;

}

.motorcycle-detail-tabs-row .nav-tabs .nav-link.active,

.nav-tabs .nav-item.show .nav-link {

    color: #000;

    background-color: #fff;

    border: none;

    font-weight: 700;

    border-bottom: 2px solid #000;

}

.motorcycle-detail-tabs-row .nav-tabs .nav-link {

    color: #ccc;

    font-weight: 600;

    padding: 20px;

}

.motorcycle-detail-text .qty-box {

    display: inline-flex;

    align-items: center;

    border: 1px solid #f3f3f3;

    border-radius: 5px;

    overflow: hidden;

}

.motorcycle-detail-text .qty-btn {

    width: 40px;

    height: 50px;

    border: none;

    font-size: 20px;

    cursor: pointer;

    background: 0 0;

    transition: 0.5s;

}

.motorcycle-detail-text .qty-btn:hover {

    background: #296a41;

    color: #fff;

    transition: 0.5s;

}

.motorcycle-detail-text .qty-value {

    width: 50px;

    text-align: center;

    font-size: 22px;

    border-left: 1px solid #ddd;

    border-right: 1px solid #ddd;

    font-family: JerseyM54, Sans-Serif;

    color: #000;

}

.inner-request-a-quote-cart-pro-name ul,

.motorcycle-detail-qtn-row {

    display: flex;

    align-items: center;

    gap: 20px;

}

.motorcycle-detail-Qtn-button .theme_btn {

    padding: 15px 105px 15px 20px;

    border: unset;

    gap: 60px;

}

input::-webkit-inner-spin-button,

input::-webkit-outer-spin-button {

    -webkit-appearance: none;

    margin: 0;

}

input[type="number"] {

    -moz-appearance: textfield;

}

.mt-8 {

    margin-top: 80px;

}

.inner-conatct-us-form input {

    width: 100%;

    height: 60px;

    padding: 0 20px;

    border-radius: 5px;

    margin-bottom: 20px;

    border: 1px solid #bdbdbd;

    font-size: 14px;

    font-weight: 600;

}

.inner-conatct-us-form textarea {

    width: 100%;

    height: 155px;

    padding: 20px;

    border-radius: 5px;

    margin-bottom: 20px;

    border: 1px solid #bdbdbd;

    font-size: 14px;

    font-weight: 600;

    resize: none;

}

.inner-conatct-us-form button.theme_btn {

    padding: 15px 75px 15px 20px;

    border: unset;

    gap: 25px;

}

.inner-conatct-us-form h2 {

    margin-bottom: 25px;

}

.inner-conatct-info {

    background: #296a41;

    padding: 70px 30px;

    border-radius: 20px;

    margin-left: 30px;

}

.inner-conatct-info h2 {

    color: #fff;

    margin-bottom: 12px;

}

.inner-conatct-info ul li {

    margin-bottom: 20px;

}

.inner-conatct-info ul li a {

    color: #fff;

    font-weight: 500;

    display: flex;

    align-items: baseline;

    gap: 12px;

}

.inner-conatct-info ul li a i {

    font-size: 18px;

}

i.fa.fa-phone-alt {

    transform: rotate(95deg);

}

.inner-conatct-info p {

    color: #a9c3b3;

}

.inner-conatct-info ul {

    margin-top: 35px;

}

.inner-account-box {

    border: 1px solid #ccc;

    padding: 35px;

    border-radius: 10px;

}

.inner-account-box label {

    color: #888;

    font-weight: 500;

    margin-top: 15px;

}

.inner-account-box ul li input {

    width: 20px;

    height: 20px;

    margin: 0 0 -10px;

}

.inner-conatct-box-btn,

.place-order {

    text-align: center;

    margin-top: 30px;

}

.inner-conatct-box-btn button {

    margin: 0 auto;

    padding: 15px 95px 15px 0;

    border: unset;

    gap: 65px;

}

.inner-conatct-box-btn.chg button {

    margin: 0 auto;

    padding: 15px 85px 15px 0;

    border: unset;

    gap: 35px;

}

.inner-account-box ul {

    margin-top: 25px;

    display: flex;

    align-items: center;

    gap: 15px;

}

.inner-account-box input {

    width: 100%;

    height: 50px;

    border: 1px solid #ccc;

    border-radius: 5px;

    margin-top: 5px;

}

.checout-input input,

.checout-input select.form-select {

    margin: 5px 0;

    height: 55px;

    width: 100%;

    background-color: unset;

}

.checout-input input {

    border: 1px solid #e5e5e5;

    padding: 20px;

    border-radius: 5px;

}

.checout-input {

    margin: 10px 0;

}

.checout-input select.form-select {

    border: 1px solid #cfcfcf;

    padding: 0 20px;

    color: #888897;

    border-radius: 5px;

    background-image: url(../images/down.png);

    font-size: 14px;

    font-weight: 500;

}

.checout-input-rado {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 10px;

    margin-top: 10px;

}

.price,

.sub-total {

    justify-content: space-between;

    display: flex;

}

.checout-input textarea {

    width: 100%;

    resize: none;

    height: 170px;

    padding: 20px;

    background-color: unset;

    border-radius: 10px;

    border: 1px solid #e5e5e5;

}

.Shipping input,

.checout-input-rado input,

.instruction input {

    width: 15px;

    height: 15px;

}

section.checkout-page label {

    color: #888;

    font-weight: 500;

    text-transform: capitalize;

    margin-bottom: 5px;

}

.form-select:focus {

    border-color: none !important;

    outline: 0;

    box-shadow: none !important;

}

.checkout-right {

    border: 1px solid #f1f1f1;

    padding: 50px 30px 30px;

    border-radius: 5px;

}

.sub-total {

    align-items: center;

    padding: 2px;

    border-bottom: 1px solid #d5d5d5;

    margin-bottom: 21px;

}

.check-btm img,

.sub-total input {

    margin-right: 10px;

}

.price {

    padding: 0;

}

.price h6 {

    color: #666;

    font-size: 15px;

    line-height: 24px;

    text-transform: capitalize;

    font-weight: 700;

}

.sub-total h6,

.sub-total p {

    font-size: 20px;

    color: #000;

}

.sub-total p {

    font-family: JerseyM54, Sans-Serif;

    font-weight: 500;

}

.price p {

    font-size: 15px;

    color: #000;

    font-weight: 700;

}

.price-sub {

    display: flex;

    justify-content: space-between;

    align-items: center;

    font-weight: 600;

    padding: 10px 0 5px;

    border-bottom: 1px solid #d1cdcd;

}

.price-sub p {

    font-weight: 600;

    color: #000;

    font-size: 17px;

}

.Shipping {

    padding: 11px 0 5px;

    display: flex;

    justify-content: left;

    align-items: center;

}

.Shipping img {

    margin-right: 14px;

}

.Shipping input {

    margin-right: 10px;

}

.check-btm {

    margin-top: 30px;

    border: 1px solid #f3f3f3;

    padding: 30px;

    border-radius: 5px;

}

.Shipping label,

.instruction label {

    font-weight: 600 !important;

}

.instruction a {

    color: #000;

    font-weight: 700;

}

.Shipping.last h6,

.price-sub h6,

.shipping-check-box h2 {

    font-weight: 500;

}

.place-order button {

    margin: 0 auto;

}

.Shipping.last h6,

.Shipping.last p,

.price-sub h6 {

    font-size: 18px;

    margin-bottom: 0;

    color: #000;

}

.place-order button.theme_btn {

    padding: 15px 85px 15px 20px;

    border: unset;

    gap: 25px;

}

.Shipping.last {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-top: 30px;

    border-top: 1px solid #d3d3d3;

    margin-top: 20px;

    margin-bottom: 0 !important;

}

.shipping-check-box h2 {

    font-size: 18px;

    margin-bottom: 10px;

    margin-top: 20px;

}

.Shipping label,

.instruction label {

    font-size: 16px;

    color: #333;

    line-height: 22px;

}

.Shipping label,

.checkout-input-radio label,

.instruction label {

    margin-bottom: 0 !important;

    cursor: pointer;

}

.Shipping.last p {

    font-weight: 700;

}

.instruction {

    padding-bottom: 10px;

    display: flex;

    align-items: center;

    gap: 10px;

}

.instruction input {

    object-fit: cover;

}

.instruction label {

    position: relative;

    padding-left: 35px;

}

.Shipping label::before,

.instruction label::before {

    content: "";

    position: absolute;

    left: 0;

    top: 2px;

    width: 20px;

    height: 20px;

    border: 2px solid #aaa;

    border-radius: 50%;

    background: #fff;

}

.Shipping input[type="radio"]:checked + label::before,

.Shipping label:hover::before,

.instruction input[type="radio"]:checked + label::before {

    border-color: #296a41;

}

.Shipping input[type="radio"]:checked + label::after,

.instruction input[type="radio"]:checked + label::after {

    content: "";

    position: absolute;

    left: 5px;

    top: 7px;

    width: 10px;

    height: 10px;

    background: #296a41;

    border-radius: 50%;

}

.Shipping label {

    position: relative;

    padding-left: 30px;

}

.checkout-input-radio input[type="radio"] {

    appearance: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    width: 20px;

    height: 20px;

    border: 2px solid #296a41;

    border-radius: 50%;

    position: relative;

    cursor: pointer;

    outline: 0;

}

.checkout-input-radio input[type="radio"]:checked::before {

    content: "";

    width: 12px;

    height: 12px;

    background-color: #296a41;

    border-radius: 50%;

    position: absolute;

    top: 2px;

    left: 2px;

}

.checkout-input-radio label {

    color: #296a41;

    font-weight: 500;

    margin-left: 8px;

}

.cart_sidebar h3,

.cart_sidebar h4 {

    margin-bottom: 20px;

    line-height: 30px;

}

.checkout-input-radio {

    display: flex;

    align-items: center;

    margin: 10px 0;

}

.box-grid {

    margin: 40px 0;

    position: relative;

}

.box-item {

    background: #fff;

    border-radius: 18px;

    border: 2px solid transparent;

    cursor: pointer;

    position: relative;

    transition: 0.3s;

    height: 250px;

}

.box-item img {

    width: 100%;

    height: 100%;

}

.box-item:hover {

    border-color: #eccbc0;

}

.box-item.selected {

    border-color: #da9f94;

    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.15);

}

.nextBtn:disabled {

    background: #f1d8d1;

    cursor: not-allowed;

}

.nextBtn:hover:not(:disabled) {

    background: #d8a095;

}

.box-item .bt {

    top: 46%;

    left: 0;

    margin: 0 auto;

}

.box-item .bt .sbtn {

    padding: 10px 28px;

    min-width: auto;

}

.build-box-sec .buildWp {

    width: 85%;

    margin: 0 auto;

}

.cart_sidebar form select option,

.steps-nav li.active p {

    color: #000;

}

.steps-nav:before {

    position: absolute;

    content: "";

    width: 100%;

    height: 2px;

    top: 50px;

    background: #00000017;

    left: 0;

    z-index: -1;

}

.cart_table_main thead th {

    border-bottom: 1px solid #dbdbdb !important;

    font-size: 17px;

    font-weight: 600;

    color: #000;

}

.cart_table_main tbody td .image_cart_prod .cart-img {

    margin-right: 30px;

    position: relative;

}

.cart_table_main tbody td .image_cart_prod .cart-img a {

    position: absolute;

    top: -10px;

    right: -10px;

    background: #fff;

    width: 25px;

    height: 25px;

    font-weight: 600;

    color: #000;

    border-radius: 30px;

    box-shadow: 0 0 20px #00000021;

    display: flex;

    align-items: center;

    justify-content: center;

}

.cart_table_main tbody td {

    vertical-align: middle !important;

    height: 170px;

    color: #000;

    font-size: 16px;

    font-weight: 400;

}

.cart_table_main tbody td .image_cart_prod .cart-product-name p {

    font-size: 16px;

    color: #000;

    font-weight: 500;

    font-family: Hind, sans-serif;

    margin: 0;

}

.cart_table_main tbody tr {

    border-bottom: 1px solid #dbdbdb;

}

.continue_btn a {

    padding: 14px 50px;

    font-family: Hind, sans-serif;

    font-size: 17px;

    border: none;

    background: linear-gradient(180deg, #c7883c 0, #f7cb58 52%, #c7883c 100%);

    color: #002c54;

    border-radius: 100px;

}

.cart_sidebar {

    padding: 0 0 0 35px;

}

.cart_sidebar h3 {

    margin-top: 0;

    font-size: 22px;

}

.cart_sidebar .h-sub {

    color: #000;

    font-size: 20px;

    margin-bottom: 30px;

    padding-top: 10px;

    border-bottom: 1px solid #e4e4e4;

    padding-bottom: 20px !important;

}

.cart_sidebar h4 {

    font-size: 20px;

    color: #000;

}

.cart_sidebar ul li input {

    padding: 0;

    height: initial;

    width: initial;

    margin-bottom: 0;

    display: none;

    cursor: pointer;

}

.cart_sidebar ul li label {

    position: relative;

    color: #7c7c7c;

    font-weight: 600;

}

.cart_sidebar ul li label:before {

    content: "";

    -webkit-appearance: none;

    background-color: transparent;

    border: 1px solid #b7b7b7;

    box-shadow:

        0 1px 2px rgba(0, 0, 0, 0.05),

        inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05);

    padding: 10px;

    display: inline-block;

    position: relative;

    vertical-align: middle;

    cursor: pointer;

    margin-right: 15px;

    border-radius: 10%;

}

.cart_sidebar form input,

.cart_sidebar form select {

    width: 100%;

    height: 55px;

    appearance: auto;

    font-size: 14px;

    background-color: unset;

    color: #7c7c7c;

    font-weight: 600;

}

.cart_sidebar ul li input:checked + label:after {

    content: "";

    display: block;

    position: absolute;

    top: 4px;

    left: 9px;

    width: 6px;

    height: 14px;

    border: solid #296a41;

    border-width: 0 2px 2px 0;

    transform: rotate(45deg);

}

.cart_sidebar form {

    margin-top: 30px;

    padding-bottom: 40px;

    border-bottom: 1px solid #e4e4e4;

}

.cart_sidebar form select {

    padding-left: 14px;

    border: 1px solid #c5c5c5;

    margin-bottom: 15px;

    border-radius: 5px;

}

.cart_sidebar form input {

    padding-left: 15px;

    margin-bottom: 20px;

    border-radius: 5px;

    border: 1px solid #c5c5c5;

}

.cart_sidebar form input::placeholder {

    color: #7c7c7c !important;

}

.cart_sidebar form button {

    color: #000;

    font-size: 16px;

    padding: 15px 40px;

    background-color: unset;

    border-radius: 5px;

    border: 1px solid #c5c5c5;

    font-weight: 600;

}

.cart_sidebar form button:hover {

    background-color: transparent;

    transition: 0.3s ease-in-out;

}

.skin-2 .num-in {

    background: unset;

    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);

    border-radius: 25px;

    height: 40px;

    width: 158px;

    float: left;

}

.skin-2 .num-in span {

    width: 40%;

    display: block;

    height: 40px;

    float: left;

    position: relative;

}

.skin-2 .num-in span:after,

.skin-2 .num-in span:before {

    content: "";

    position: absolute;

    background-color: #667780;

    height: 2px;

    width: 10px;

    top: 50%;

    left: 50%;

    margin-top: -1px;

    margin-left: -5px;

}

.skin-2 .num-in span.plus:after {

    transform: rotate(90deg);

}

.skin-2 .num-in input {

    float: left;

    width: 20%;

    height: 40px;

    border: none;

    text-align: center;

}

.cart-img img {

    width: 100px;

    height: 100px;

    border: 2px solid #d9a146;

    padding: 7px;

    border-radius: 8px;

}

section.cart_page.all-section {

    padding: 70px 0;

}

.clear_carT_list ul {

    text-align: right;

}

.clear_carT_list ul li {

    display: inline-block;

}

.clear_carT_list ul li a {

    color: #7c7c7c;

    font-size: 16px;

    padding: 12px 40px;

    background-color: #ebebeb;

    border: 2px solid #ebebeb;

    display: inline-block;

    margin-top: 10px;

    border-radius: 5px;

    font-weight: 600;

}

section.cart-sec .inner-request-a-quote-sec {

    padding-bottom: 20px;

}

.clear_carT_list ul li .clear-list {

    border: 1px solid #ddd;

    background: 0 0;

    border-radius: 5px;

    margin-right: 20px;

    color: #000;

}

section.pick-perfect a {

    background: #2c4359;

    color: #fff;

    padding: 13px 50px;

}

.inner-request-a-quote-cart {

    padding: 15px 0 0;

}

.inner-request-a-quote-cart-row {

    border-bottom: 1px solid #dbdbdb;

    padding: 5px 0;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.inner-request-a-quote-cart-pro-name ul li img {

    width: 120px;

    height: 120px;

    border-radius: 5px;

    object-fit: cover;

    background: #f2f0f0;

    padding: 15px;

}

.inner-request-a-quote-cart-pro-name li {

    font-size: 18px;

    color: #000;

    font-family: JerseyM54, Sans-Serif;

}

.inner-request-a-quote-cart ul {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-bottom: 18px;

    border-bottom: 1px solid #0000001c;

}

.inner-request-a-quote-sec li.request-cart-img button {

    font-size: 13px;

    background: #fff;

    width: 25px;

    height: 25px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #000;

    box-shadow: 0 0 4px 0 #00000057;

    border: 0;

}

.inner-request-a-quote-sec .quantity {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    border: 1px solid #b7b7b7;

    border-radius: 8px;

    padding: 10px;

    width: fit-content;

}

.inner-request-a-quote-cart-row h6 {

    color: #7c7c7c;

    margin-bottom: 0;

}

.inner-request-a-quote-cart ul li span {

    color: #000;

    font-family: JerseyM54, Sans-Serif;

}

.bt.check-out-btn.text-center a {

    margin: 0 auto;

    padding: 15px 115px 15px 20px;

    border: unset;

    gap: 75px;

}

.inner-request-a-quote-sec button.request-cart-btn {

    position: absolute;

    right: -10px;

    top: -10px;

}

.inner-request-a-quote-sec .quantity button {

    background: #ebebeb;

    border: none;

    border-radius: 50%;

    width: 35px;

    height: 35px;

    font-size: 20px;

    cursor: pointer;

    transition: 0.2s;

}

.inner-request-a-quote-sec .quantity span {

    font-size: 18px;

    font-weight: 600;

    width: 25px;

    text-align: center;

}

.cart_sidebar .bt {

    width: 80%;

}



.inner-banner-sec.motorcycles {

    height: 100vh;

}



.inner-banner-sec.motorcycles .row {

    margin-top: 150px;

}





.inner-banner-heading-gold-star {

    text-align: end;

}

.inner-banner-heading-gold-star h2 {

    font-size: 75px;

    color: #fff;

    margin-bottom: 15px;

}

.inner-banner-heading-gold-star ul li a {

    display: flex;

    align-items: center;

    gap: 12px;

    justify-content: end;

    width: fit-content;

    margin: 0 0 0 auto;

    margin-bottom: 40px;

}





.inner-banner-heading-gold-star ul {

    column-count: 3;

    margin-bottom: 0;

}

.inner-banner-heading-gold-star ul li a img {

    width: 106px;

    height: 53px;

    object-fit: contain;

}

.inner-banner-heading-gold-star ul li a span {

    background: #000;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 25px;

    height: 25px;

    border-radius: 50%;

    border: 2px solid #fff;

}





.inner-banner-gold-star-img {

    text-align: center;

}

.inner-banner-heading-gold-star a.active span {

    border: 3px solid #296a41 !important;

}



/* ============ */



/* container */

/*.inner-banner-gold-star-img {

    position: relative;

    text-align: end;

}*/





/* Motorcycles Colour Customization Start */







.inner-banner-heading-gold-star h3 {

    background: #fff;

    width: fit-content;

    margin: 0 0 0 auto;

    margin-bottom: 45px;

    border-radius: 50px;

    padding: 10px 30px;

    font-size: 18px;

}

.bike-img.active img {

  animation:

    suspensionSettle 1.5s ease-out,

    bikeTilt 1.5s ease-out;

  transform-origin: center bottom;

}



section.main_slider video {

    width: 100%;

    height: 882px;

    object-fit: cover;

}

.bike-img.active {

    height: auto;

    opacity: 1;

}



.bike-img {

    opacity: 0;

    height: 0;

}

.rotating-circular-arrow-box img {

    width: 103px;

    height: 102px;

    object-fit: contain;

    filter: brightness(0) saturate(100%) invert(98%) sepia(21%) saturate(174%) hue-rotate(156deg) brightness(116%) contrast(100%);

}

.rotating-circular-arrow-heading h2 {

    font-size: 20px;

    text-align: center;

    color: #fff;

    margin-bottom: 0;

}

.rotating-circular-arrow-box {

    text-align: center;

    margin-top: -100px;

}

.inner-banner-sec.motorcycles {

    position: relative;

    overflow: hidden;

}



/* Smoke Wrapper */

.smoke-wrapper {

    position: absolute;

    inset: 0;

    pointer-events: none;

    z-index: 2;

}



/* Smoke Base */

.smoke {

    position: absolute;

    bottom: -200px;

    width: 400px;

    height: 400px;

    background: radial-gradient(circle, rgb(255 255 255 / 18%) 0%, rgba(255, 255, 255, 0) 70%);

    filter: blur(25px);

    animation: smokeMove 15s linear infinite;

    opacity: 0.6;

}



/* Different smoke paths */

.smoke1 {

    left: 10%;

    animation-delay: 0s;

}



.smoke2 {

    left: 40%;

    animation-delay: 5s;

}



.smoke3 {

    left: 70%;

    animation-delay: 10s;

}



@keyframes smokeMove {

    0% {

        transform: translateY(0) scale(1);

        opacity: 0;

    }

    20% {

        opacity: 0.6;

    }

    100% {

        transform: translateY(-900px) scale(1.4);

        opacity: 0;

    }

}





.menuSec li.drop-down-button a:after {

    display: none !important;

}



.menuSec .drop-down-panel {

    list-style: none;

    background: linear-gradient(135deg, #296a41, #296a41);

    min-width: 240px;

    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6), inset 0 1px 1px rgba(255, 255, 255, 0.1);

    position: absolute;

    top: 110%;

    left: 0;

    transform-origin: top center;

    transform: perspective(600px) rotateX(-15deg) translateY(-15px) scale(0.9);

    opacity: 0;

    visibility: hidden;

    filter: blur(6px);

    transition: transform 0.6s cubic-bezier(.19, 1, .22, 1), opacity 0.5s ease, filter 0.5s ease;

}



.menuSec ul.drop-down-panel li a:hover {

    background: #000 !important;

}



.menuSec .drop-down-button.active .drop-down-panel {

    transform:

        perspective(600px)

        rotateX(0deg)

        translateY(0)

        scale(1);



    opacity: 1;

    visibility: visible;

    filter: blur(0);

}





.menuSec .drop-down-panel li {

    opacity: 0;

    transform: translateY(15px) scale(0.95);

    transition: all 0.45s cubic-bezier(.19,1,.22,1);

}





.menuSec .drop-down-button.active .drop-down-panel li {

    opacity: 1;

    transform: translateY(0) scale(1);

}



.menuSec .drop-down-panel li:nth-child(1) { transition-delay: 0.1s; }

.menuSec .drop-down-panel li:nth-child(2) { transition-delay: 0.18s; }

.menuSec .drop-down-panel li:nth-child(3) { transition-delay: 0.26s; }

.menuSec .drop-down-panel li:nth-child(4) { transition-delay: 0.34s; }





.menuSec .drop-down-panel li a {

    position: relative;

    overflow: hidden;

}



.menuSec .drop-down-panel li a::after {

    content: "";

    position: absolute;

    top: 0;

    left: -100%;

    width: 100%;

    height: 100%;

    background: linear-gradient(

        120deg,

        transparent,

        rgba(255,255,255,0.15),

        transparent

    );

    transition: left 0.6s ease;

}



.menuSec .drop-down-panel li a:hover::after {

    left: 100%;

}





.menuSec .arrow {

    transition: transform 0.7s cubic-bezier(.68,-0.55,.27,1.55);

}



.menuSec .drop-down-button.active .arrow {

    transform: rotate(180deg) scale(1.1);

}





.menuSec .drop-down-panel li {

    opacity: 0;

    transform: translateY(12px) scale(0.96);

    transition: all 0.35s ease;

}



.menuSec .drop-down-button.active .drop-down-panel li {

    opacity: 1;

    transform: translateY(0) scale(1);

}





.menuSec .drop-down-panel li:nth-child(1) { transition-delay: 0.25s; }

.menuSec .drop-down-panel li:nth-child(2) { transition-delay: 0.18s; }

.menuSec .drop-down-panel li:nth-child(3) { transition-delay: 0.1s; }

.menuSec .drop-down-panel li:nth-child(4) { transition-delay: 0s; }



.btn-shine {

    background: linear-gradient(to right, #fff 0, #296a41, #296a41 33%, #fff 0%);

    background-position: 0;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    animation: shine 7s infinite linear;

    animation-fill-mode: forwards;

    -webkit-text-size-adjust: none;

    text-decoration: none;

}

@keyframes shine {

 0%,

 100% {

  background-position: 0;

 }



 10% {

  background-position: 50px;

 }



 20% {

  background-position: 100px;

 }



 30% {

  background-position: 150px;

 }



 40% {

  background-position: 200px;

 }



 50% {

  background-position: 250px;

 }



 60% {

  background-position: 300px;

 }



 70% {

  background-position: 350px;

 }



 80% {

  background-position: 400px;

 }



 90% {

  background-position: -450px;

 }

}

.specification-sec {

    background: #1d1d1d;

    margin-bottom: 80px;

    padding: 80px 0;

}

.specification-heading ul {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 80px;

    width: fit-content;

    margin: 0 auto;

    position: relative;

}

.specification-heading ul:before {

    content: "";

    position: absolute;

    background: #fff;

    width: 1px;

    height: 100%;

    right: -200px;

    left: 0;

    margin: 0 auto;

}

.specification-heading ul li h2 {

    color: #fff;

    margin-bottom: 0;

}





.specification-heading li {

    color: #296a41;

    font-weight: 600;

}

.specification-row ul li {

    color: #a5a5a5;

    font-size: 15px;

    font-weight: 500;

    margin-bottom: 8px;

}

.specification-row strong {

    color: #fff;

    font-weight: 500;

    margin-right: 2px;

}

.specification-box h2 {

    margin-bottom: 15px;

    font-size: 30px;

    color: #fff;

}

.specification-box {

    margin-top: 50px;

    padding-right: 130px;

}

.specification-row-button {

    margin-top: 60px;

}

.specification-heading.chg ul:before {

    right: -130px;

}

.specification-heading.chg-1 ul:before {

    right: -170px;

}

.inner-motorcycles-sec .row {

    justify-content: center;

}

.inner-banner-heading-gold-star ul li a {

    font-family: JerseyM54, Sans-Serif;

    font-size: 22px;

    color: #fff !important;

}

.rotating-circular-arrow-box.chg-8 {

    margin-top: -70px;

    }

.inner-banner-thunderbolt-images img {

    width: 70%;

}

.inner-banner-thunderbolt-images {

    text-align: center;

}

.inner-banner-thunderbolt-heading {

    text-align: center;

    margin-bottom: -60px;

    margin-top: 150px;

}

.inner-banner-thunderbolt-heading h2 {

    color: #fff;

    font-size: 80px;

}

.inner-banner-thunderbolt-sec {

    background-image: url(../images/inner-banner-back.jpg);

    width: 100%;

    height: 100vh;

    background-size: cover;

    display: flex;

    align-items: center;

}

/* Motorcycles Colour Customization Ends */