/** Shopify CDN: Minification failed

Line 31:4 Expected identifier but found "!"
Line 204:1 Unexpected "}"
Line 1003:1 Expected identifier but found whitespace

**/
@font-face {
    font-family: "Atkinson Hyperlegible";
    src: url("/cdn/shop/files/AtkinsonHyperlegible-Regular.eot");
    src: url("/cdn/shop/files/AtkinsonHyperlegible-Regular.eot?#iefix")format("embedded-opentype"),
    url("/cdn/shop/files/AtkinsonHyperlegible-Regular.woff2")format("woff2"),
    url("/cdn/shop/files/AtkinsonHyperlegible-Regular.woff")format("woff"),
    url("/cdn/shop/files/AtkinsonHyperlegible-Regular.ttf")format("truetype");
}
h1,h2,h3,h4,h5,h6{
    font-family: "Atkinson Hyperlegible" !important;
    letter-spacing:1px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #FF6600;
}
span.jdgm-star.jdgm--off {
    color: #ff6600;
}
body{
    background-color:#1E1E1E !important;
    !important;
    color: #fff;
}
.header .wishlist-hero-header-icon .wishlist-hero-items-count.cart-count-bubble {
    background-color: rgb(255 102 0);
    color: rgb(255 255 255);
    height: 1.7rem;
    width: 1.7rem;
    place-content: center;
    text-align: center;
}
.shopify-section .page-width--narrow {
    max-width: 90%;
}
.announcement-bar p.announcement-bar__message.h5 {
    letter-spacing: 1px;
    font-size: 14px;
    font-family: 'Atkinson Hyperlegible';
    font-weight: 600;
    text-transform: uppercase;
}
.announcement-bar .announcement-bar__link:hover {
    text-decoration: unset;
}
.rte.scroll-trigger p, .rte.scroll-trigger a, .rte ul, .rte.scroll-trigger h2, .rte.scroll-trigger h3, .rte.scroll-trigger h4 {
    color: #fff;
}
/* --- Header section Start */
.mega-menu__content .custom-shop-by-bike {
    display: block;
}
.custom-shop-by-bike ul.list-unstyled {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap:3px;
}
.custom-shop-by-bike ul.list-unstyled li {
    width: 24%;
}
header.header {
    padding-top: 0px;
    padding-bottom: 0px;
}
.header__icon--cart .cart-count-bubble {
    background-color: #ff6600;
    color: #fff;
    line-height: unset;
}
.section-header {
    margin-bottom: -1px !important;
}
::-webkit-scrollbar {
  width: 10px;
}
.custom-input-mobile-ushing  predictive-search .reset__button .icon-close path {
    stroke: #000000;
}
.custom-input-mobile-ushing  predictive-search .reset__button .icon.icon-close {
    stroke: #000000;
}
.header__heading-logo {
    filter: drop-shadow(0px 0px 7px #ffffff80);
}
header.header .header__menu-item {
    font-family: 'Atkinson Hyperlegible';
    font-weight: 600;
    letter-spacing: 1px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.header-wrapper .field .field__input:focus{
    padding: .8rem 1.5rem .8rem 2rem;
}
.header-wrapper .field .field__input:focus~.field__label{
    display:none;
}
input[type="search"],
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
textarea {
  font-size: 16px !important;
}
header.header .header__icon--cart span.svg-wrapper {
    display: grid;
    place-content: center;
}
header.header--middle-left {
    grid-template-columns: auto 1fr auto;
}
.custom-input-mobile-ushing {
    display: none;
}
.custom_search predictive-search .field:after {
    box-shadow: none;
}
.custom_search predictive-search .field:hover.field:after{
    box-shadow: none;
}
.custom_search predictive-search .field__input:focus-visible {
    box-shadow: none;
}
.custom_search predictive-search label.field__label {
    color: rgb(0 0 0 / 75%);
    /* font-weight: 600; */
}
.custom_search predictive-search .field .search__input {
    font-size: 16px;
    margin-bottom: 0;
    line-height: .5;
    border-radius: 34px;
    background: #ffffff;
}
.rearange-nav-sub {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-bottom:0px;
    padding-top: 0px;
}
.rearange-nav-main .rearange-nav-sub ul.list-menu {
    /* gap: 20px; */
    text-transform: uppercase;
}
.header__inline-menu header-menu .mega-menu .mega-menu__content {
    background-color: #fff;
}
.custom_search predictive-search .field__button {
    width: 8rem;
    background: #f60!important;
    border-bottom-right-radius: 34px;
    border-top-right-radius: 34px;
    height: 4.5rem;
    right: 0;
}
.custom_search predictive-search svg.icon.icon-search {
    width: 18px;
    height: 18px;
    stroke: #ffffff;
}
.header__icon svg.icon.icon-account path {
    /* stroke: #000000; */
    stroke-width: .5px;
}
.rearange-nav-main .header__inline-menu header-menu .mega-menu__content ul.mega-menu__list--condensed {
    display: flex;
    flex-wrap: wrap;
}
.header__icon .icon.icon-account {
    height: 2.5rem;
    width: 2.5rem;
}
.header__icon svg.icon.icon-account path {
    stroke: #ffffff9e;
}
.rearange-nav-sub .header__menu-item .header__active-menu-item {
    text-decoration: none;
}
.rearange-nav-sub .header__menu-item {
    color: rgba(var(--color-foreground),1);
    font-family: Atkinson Hyperlegible;
    letter-spacing: 1px;
    font-size: 16px;
}}
header.header .header__icons .header__icon--cart {
    margin-right: 0;
}
/* .header__icon .icon {
    height: 2.5rem;
    width: 2.5rem;
} */
 /* .header__icon .icon path, .header__icon .icon g {
    stroke: #ffffff;
    stroke-width: 0.5px;
} */
/* .header__icon .svg-wrapper .icon-cart path{
  stroke: #000;
    stroke-width: 0px;
} */
.rearange-nav-sub .header__inline-menu .header__menu-item:hover span {
    text-decoration: None;
    text-underline-offset: none;
}
.rearange-nav-sub .list-menu  header-menu .mega-menu__link:hover, .mega-menu__link--active {
    text-decoration: none;
    color: #000;
    font-weight: 600;
}
.rearange-nav-sub details[open]>.header__menu-item {
    text-decoration: none;
}
.header details-modal.header__search {
    display: none !important;
}
.mega-menu__list .mega-menu__link.mega-menu__link--level-2 {
    font-size: 16px;
    color: #1e1e1e;
    font-weight: 600;
}
.list-unstyled li .mega-menu__link {
    font-size: 14px;
    color: #1e1e1e;
    text-transform: uppercase;
}
.rearange-nav-main .header__submenu .header__menu-item:hover {
    text-decoration-line: none;
}
.rearange-nav-main header-menu .header__submenu .header__menu-item {
    color: #000;
    font-family: Helvetica;
    font-size: 12px;
}
/* -------------------------------
 Header section End 
-----------------------------------*/
/* ------------------------------
 Banner section start 
--------------------------------*/
slideshow-component button.slideshow__autoplay.slider-button {
    display: none;
}
slideshow-component .slideshow__controls.slider-buttons {
    height: 0;
}
slideshow-component .slideshow .slideshow__slide a {
    width: 100%;
    z-index: 999999999999;
}
.slideshow .grid__item .slideshow__text-wrapper.banner__content {
    z-index: 999 !important;
}
.slideshow__media.banner__media.media.mobile_banner_tmd {
    display: none;
}
.slider-mobile-gutter .slideshow__controls {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 99%;
    transform: translate(-50%,-50%);
    border: none;
    justify-content: space-between;
    align-items: end;
}
.slider-mobile-gutter .slideshow__controls span.svg-wrapper {
    width: 44px;
    height: 44px;
    border-radius: 50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: 2px solid #ff6600;
    background: #ff6600;
    color: #ffffff;
    box-shadow: 0px 0px 8px 5px #00000047;
}
.slider-mobile-gutter .slideshow__controls .slider-counter {
    display: none;
}
@media only screen and (min-width: 320px) and (max-width: 767px) { 
    .slideshow__media.banner__media.media.desktop_banner_tmd {
      display: none;
    }
  .slideshow__media.banner__media.media.mobile_banner_tmd {
      display: block !important;
    }
}
/* ------------------------------
 Banner section end 
--------------------------------*/

/* ------------------------------
 Collection list section start 
--------------------------------*/
.collection-list-title, .collection__title .title  {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.collection-list-wrapper .card__content a.full-unstyled-link {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
    color: #1E1E1E;
    font-weight: 600;
}
.collection-list-wrapper .collection-list li.collection-list__item {
    border-radius: 10px;
    padding: 10px!important;
    background: #fff;
    width: 19%;
}
.collection-list-wrapper .collection-list {
    gap: 16px;
}
.collection slider-component .slider-button[disabled] .icon {
    color: #ff660099;
}
.features-grid .feature-heading {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.1px;
}
.features-grid .feature-subtext {
    color: #fff;
}
.collection-list__item h3.card__heading.heading_show_custom {
    display: block !important;
}
/* ------------------------------
 Collection list section end 
--------------------------------*/
/* -----------------------------
Home Page Css Start 
---------------------------------*/
.grid__item.slider__slide {
    background: #fff;
    color: #000;
    padding: 10px;
    border-radius: 10px;
}
.card__content .card__heading a, .grid__item .price .price__container {
    color: #313131;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
    font-family: "Atkinson Hyperlegible";
}
.card__content .price--on-sale .price-item--regular {
    color: #313131;
    font-size: 15px;
}
.card__content .card__heading a{
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
header.header .header__heading-link {
    padding: 4px;
}
.grid__item .underline-links-hover:hover a {
    text-decoration: unset;
}

.slider-component-desktop .slider-buttons .slider-button {
    color: #ff6600;
    background: #ffffff;
    width: 40px;
    height: 40px;
    border: 2px solid #ff6600;
    border-radius: 50px;
}
slideshow-component.slider-mobile-gutter .slider-button svg.icon.icon-caret {
    stroke: #ff6600;
    stroke-width: 0;
}
.slider-buttons .slider-button:not([disabled]):hover {
    color: rgb(255 102 0);
}
.collection button.slider-button.slider-button--prev {
    position: absolute;
    left:0;
    top: 50%;
    transform: translateY(-50%);
}
.collection button.slider-button.slider-button--next {
    position: absolute;
    top: 50%;
    right:0;
    transform: translateY(-50%);
}
.slider-component-desktop .slider--desktop:after {
    padding-left: unset;
}
.cstm-featured-clc .collection__title.title-wrapper {
    padding: 0;
}
.cstm-featured-clc .slider--desktop .slider__slide:first-child {
    margin-left: 0;
}
.slider-component-desktop .slider-button .icon {
    height: 1rem;
}
.slider-component-desktop .slider-counter {
    display: none;
}
.cstm-featured-clc ul.product-grid.slider--desktop {
    gap: 16px;
}
.cstm-featured-clc .slider--desktop.grid--5-col-desktop .grid__item {
    width: 19%;
}
/* -----------------------------
Home Page Css End 
---------------------------------*/
/* ------------------------------
 Quinn section start 
--------------------------------*/
.shopify-section.section:has(.quinn_cards_widget) {
    background: #1e1e1e;
}
.quinn-slider .svelte-nq3wdf {
    border: none !important;
}
/* ------------------------------
 Quinn section end 
--------------------------------*/

/* -------------------------
      Footer section Start 
--------------------------*/
footer.footer .footer__content-top {
    padding-bottom: 2rem;
    display: block;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    width: 100%;
}
.footer .footer__content-top .footer__blocks-wrapper {
    width: 72%;
}
.footer .footer__content-top .footer-block--newsletter {
    width: 24%;
}
.footer-block h2.footer-block__heading, .footer-block__newsletter h2.footer-block__heading{
    font-size: 18px;
    text-transform: uppercase;
}
.footer-block a.link.link--text.list-menu__item {
    color: #fff;
    font-size: 15px;
}
.footer-block__details-content p, .footer-block__details-content a span {
    color: #fff;
}
.footer-block .footer-block__details-content .list-menu__item--link:hover, .copyright__content a:hover {
    text-decoration: unset;
}
footer.footer .footer-block--newsletter {
    flex-direction: column;
    align-items: baseline;
    gap: 2rem;
}
footer.footer .list-social__item .svg-wrapper {
    width: 30px;
    height: 30px;
}
.newsletter-form__button .icon-email path {
    stroke: #ffffffb0;
    stroke-width: 4px;
}
.field .newsletter-form__button .icon {
    width: 2.5rem;
}
/*--------------  Copy right ---------------------*/
footer.footer .footer__content-bottom .footer__content-bottom-wrapper {
    justify-content: space-between;
    align-items: center;
}
footer.footer .footer__content-bottom-wrapper .footer__copyright {
    margin-top: unset;
}
.custom_icon .footer__payment {
    margin-top: unset;
}
.footer__copyright .copyright__content {
    font-size: 12px;
    color: #fff;
}
.custom-badge {
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    color: #fff;
}
.custom-badge img {
    width: 14px;
    height: 14px;
}
.custom-badge a {
    text-decoration: none;
    color:#fff;
}
.field__input:-webkit-autofill~.field__button .icon-email path {
    stroke: #1e1e1e;
    stroke-width: 3px;
    fill: #e8f0fe;
}
/* -------------------------
      Footer section End 
--------------------------*/
/* -------------------------
      Login and Registeration Page Start 
--------------------------*/
.customer.login, .customer.register {
    border-radius: 10px;
    padding: 30px!important;
    margin-bottom: 60px!important;
    margin-top: 60px!important;
    background: #fff;
}
.custom_search predictive-search .field .search__input {
    color: #000;
}
h1#login, .customer h1 {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
}
.customer button {
    background: #ff6600;
    border-radius: 10px;
    text-transform: uppercase;
}
.customer button:after{
    box-shadow:unset;
}
/* -------------------------
      Login and Registeration Page
--------------------------*/

/* Contact page css start*/
.custom-contact p {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 0;
    font-size: 15px;
    color: #000;
}
.custom-contact .svg-wrapper svg.icon-arrow path {
    fill: none;
    stroke-width: 3px;
    stroke: #000;
}
h1.main-page-title, h2.rich-text__heading {
    font-size: 28px;
    margin: 4rem 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-weight: 600;
}
.contact.page-width {
    border-radius: 10px;
    padding: 40px!important;
    width: 100%;
    margin: 0 auto 30px;
    display: flex;
    justify-content: space-between;
    position: relative;
}
/* .page-width--narrow:has(.main-page-title) {
  text-align: center;
} */
form#ContactForm {
    position: sticky;
    top: 167px;
}
.custom_contact_main {
    width: 50%;
}
.custom-contact {
    width: 50%;
    padding-left: 50px;
}
.custom-contact h3 p {
    font-size: 22px;
    margin: 0;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.social-contact-icons{
  display:flex; 
  gap:10px;
}
.social-contact-icons button{
  padding: 8px 14px;
  border-radius: 6px;
  background-color: #000;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 2px;
  cursor:pointer;
}
.custom_heading{
  font-size: 30px;
  font-weight: 600;
  margin: 0;
  color: #000;
  letter-spacing: 2px;
  text-transform: capitalize;
}
.main-page-title{
  font-weight: 600;
  font-size: 40px;
}
.contact.page-width.page-width--narrow {
    max-width: 80%!important;
    background-color: #fff;
}
.svg-wrapper:has(svg.location_tmd) {
    width: 35px;
}
.custom_contact_main .contact__button button.button {
    border-radius: 10px;
    overflow: hidden;
    font-weight: 600;
    text-transform: uppercase;
}
.custom_contact_main .contact__button .button:after{
  box-shadow: unset;
}
.contact .icon.icon-email path {
    fill: none;
    stroke-width: 3px;
    stroke: #000;
}
.icon.icon-instagram path {
    fill: #000;
}
.contact .custom-contact a {
    color: #000;
    text-decoration: none;
}
.contact .custom_contact_main .field:after{
  border-radius: 10px;
}
.contact .custom_contact_main .field .field__input:focus{
  border-radius: 10px;
}
.contact .custom_contact_main .field .field__input {
    background-color: #fff;
}
.cstm-input .select__select {
  font-size: 16px;
  line-height: 1.5;
}
.cstm-input .select:after{
    box-shadow:unset;
}
.cstm-input .field__input:not(:placeholder-shown) {
    padding: 1rem 1.5rem 1rem 2rem;
}
.cstm-input .select:hover.select:after {
    box-shadow: 0 0 0 calc(.1rem + var(--inputs-border-width)) rgb(0 0 0 / 16%);
    outline: 0;
    border-radius: 10px;
}
.custom-select-chevron {
  position: relative;
}
.custom-dropdown-arrow {
    position: absolute;
    right: 16px;
    top: 60%;
    transform: translateY(-50%);
    pointer-events: none;
}
/* Contact page css end*/
/* Product page css start */

.product .product__info-wrapper .price span.price-item.price-item--regular {
    color: #000;
}
.product__info-wrapper .product-form__input--pill input[type=radio]+label {
    border: 2px solid #ff6600;
    background-color: #fff;
    color: #ff6600;
    font-size: 1.4rem;
    font-weight: 600;
    text-transform: uppercase;
}
.product__info-wrapper .product-form__input--pill input[type=radio]:checked+label {
    background-color: #ff6600;
    color: #fff;
}
.product__info-wrapper .product-form__input--pill input[type=radio]+label:hover {
    border-color:rgba(255, 102, 0, 0.75);
}
.product.product--medium:not(.product--no-media) .product__media-wrapper{
    max-width: 46%;
    width: calc(46% - var(--grid-desktop-horizontal-spacing) / 2);
}
.product.product--medium:not(.product--no-media) .product__info-wrapper{
    max-width: 50%;
    width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    padding: 20px 36px;
    background-color: #fff;
    border-radius: 10px;
}
.product.product--medium.product--left.product--thumbnail_slider{
    justify-content: space-between;
}
.product__title h1{
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
}
.product quantity-input.quantity {
    background: #fff;
    border: 2px solid #ff6600;
    border-radius: 10px;
    overflow: hidden;
}
.product label.form__label {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
    margin: 0;
}
.product__info-wrapper .product__sku span {
    font-weight: 600;
    margin-right: 4px;
    color: #000;
}
.product__info-wrapper p.product__sku {
    font-size: 14px;
}
.jdgm-row-stars .jdgm-write-rev-link{
    border-radius:10px;
    text-transform: uppercase;
}
.shopify-app-block .jdgm-rev-widg__title {
    margin-bottom: 24px;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
}
.jdgm-rev-widg__summary .jdgm-rev-widg__summary-text {
    color: #fff;
    text-transform: capitalize;
}
.product-form__quantity {
    display: flex;
    align-items: center;
    gap: 15px;
}
product-info .product .product__media-wrapper .thumbnail-slider button.slider-button {
    background: #ff6600;
    border-radius: 52px;
    color: #fff;
}
product-info .product .product__media-wrapper .thumbnail-slider button.slider-button[disabled] .icon {
    color: rgb(255 255 255 / 30%);
    cursor: not-allowed;
}
product-info .product .product__info-wrapper .product__accordion.accordion h2.h4.accordion__title{
    font-size: 16px;
    font-weight: 600;
}
/* All Buttons Csss */
button.button, a.button {
    background: #ff6600;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    border-radius: 10px;
}
.button:before, .button:after, .shopify-payment-button__button--unbranded:after{
    box-shadow:unset !important;
}
/* All Buttons Csss End */
.product-form__submit.button {
    background: #ffffff;
    color: #ff6600;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    border-radius: 10px;
    border: 2px solid #ff6600;
    width: 49%;
    margin: 0;
}
.product-form__buttons .flexy-btn {
    height: 47px;
    width: 49%;
}
button.shopify-payment-button__button.shopify-payment-button__button--unbranded {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-form .product-form__buttons {
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.product-form__submit, .shopify-payment-button {
    width: 48%;
}
.quantity__label span.quantity__rules-cart {
    display: none;
}
.price-per-item__container .quantity:before, .price-per-item__container .quantity:after {
    box-shadow: unset;
}
.custom_card_icon img {
    filter: invert(1);
}
/* custom social in pdp*/
.main-image-social {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    padding-top: 0px;
}
.image-ass {
    /* height: 75px; */
    width: 40%;
    text-align: left;
    display: flex;
    align-items: end;
}
.image-ass img {
    width: 100%;
    max-width: 110px;
}
.product__info-wrapper .social-media-product {
    width: 60%;
    height: 40px !important;
    text-align: right;
    align-items: center;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 14px;
    position:relative;
} 
.product-logo-image {
    max-width: 38px;
    width: 100%;
    background-color: #ff6600;
    border-radius: 50%;
    padding: 5px 7px 5px 7px;
}
.main-image-social .product-logo-image img {
    width: 100%;
    vertical-align: middle;
    max-width: unset;
}
.logo-image-text p {
    background-color: #ff6600;
    margin: 0 0 0 -6px;
    padding: 0 14px 0 12px;
    border-radius: 0 10px 10px 0;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 16px;
    color: #fff;
}
.logo-image-text {
    display: flex;
    align-items: center;
}
.social-icon .share-color:hover+p.cstm-copy-text {
    opacity: 1;
}
p.cstm-copy-text {
    position: absolute;
    top: -16px;
    right: 0;
    font-size: 12px;
    opacity: 0;
    margin: 0;
    color: #000000;
}
.social-media-product a{
    display: flex;
    align-items: center;
}
.social-media-product svg#Layer_1 {
    background: #7f7f7f;
    opacity: 1;
    width: 29px;
    height: 29px;
    fill: #fff;
    padding: 5px;
    border-radius: 20px;
}
.image-ass img {
    width: 100%;
    max-width: 110px;
}

.social-media-product {
    height: 0px;
}
.social-media-product a {
    text-decoration: none;
}
.social-media-product svg {
    width: 28px;
    background: #fff;
    color: #000000;
    opacity: .5;
    border-radius: 50%;
}
.social-media-product a img {
    width: 30px;
}
.custom-whatsapp svg#Layer_1 {
    background: #7f7f7f;
    opacity: 1;
    fill: #fff;
    width: 30px;
    height: 30px;
    padding: 6px;
    border-radius: 16px;
}
svg.whatsapp {
    background: #40C351 !important;;
}
svg.icon.icon--facebook {
    color: #3b5998;
    opacity: 1;
}
svg.icon.icon--pinterest{
 color: #bd081c;
  opacity: 1;
}
svg.icon.icon--twitter{
color: #1da1f2;
opacity: 1;
}
svg.icon.icon--email{
color: #677279;
opacity:1;
} 
.main-image-social .social-media-product svg.icon {
    width: unset;
    opacity: unset;
    border-radius: unset;
}
.accordion__content p {
    font-size: 13px;
}
.product-media-container .product__media-icon .icon, .product-media-modal__toggle .icon {
    color: #fff;
    stroke: #fff;
}
/*end*/
.
/* Product page css end*/
.template-404 h1.title {
    color: #fff;
}
.template-404 a.button {
    background: #ff6600;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 10px;
}

/* Collection List & Product List Page Css Start */
.collection-list li.collection-list__item.grid__item.scroll-trigger.animate--slide-in {
    background: #fff;
    color: #000;
    padding: 10px;
    border-radius: 10px;
}
h1.title.title--primary {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
}
.collection-list .card__content .card__heading a, .grid__item .price .price__container {
    font-size: 18px;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.collection-list.grid {
    column-gap: 20px;
    row-gap: 20px;
    margin-bottom: 40px;
}
.collection-list.grid--5-col-desktop .grid__item {
    max-width: calc(19% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
}
.product-grid li.grid__item {
    background: #fff;
    color: #000;
    padding: 10px;
    border-radius: 10px;
}
.collection-hero__title {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}
.facet-filters__label label, .active-facets .facets__heading, .facets__summary .facets__summary-label, .facets__summary div span {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.facets__form-vertical .facets__summary:hover .facets__summary-label {
    text-decoration: unset;
}
.facet-filters__sort option {
    color: #000;
}
/* Collection List & Product List Page Css End */
.drawer__contents .cart-items .cart-item__details .cart-item__name {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #000;
}
.cart-item__details .product-option dt, .cart-item__details .product-option dd {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
}
.cart-items .cart-item__name:hover {
    text-decoration: unset;
}
cart-drawer.drawer .cart-drawer .cart-drawer__form {
    padding: 10px!important;
    margin: 4px;
    border-radius: 10px;
    background: #fff;
    color: #000;
}
.cart-item__price-wrapper span.price.price--end {
    color: #ff6600;
}
cart-drawer.drawer .cart-drawer .cart-items thead th.caption-with-letter-spacing {
    font-size: 12px;
    font-weight: 600;
    color: #000;
    letter-spacing: 1px!important;
}
.cart-item__quantity quantity-popover .quantity {
    background: rgb(255 251 255);
    border: 1px solid #ff6600;
    border-radius: 10px;
    overflow: hidden;
}
.cart-item__quantity .quantity {
    width: 120px;
    min-height: 40px;
}
.quantity button.quantity__button, .quantity .quantity__input {
    color: #ff6600;
    opacity: 1;
}
.custom_icon .footer__column--info {
    align-items: center;
    margin-top: 10px;
}
.totals .totals__total-value {
    font-weight: 600;
    color: #ff6600;
}
h2.totals__total {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ff6600;
}
.cart-drawer__footer .tax-note {
    font-size: 12px;
    color:#fff;
}
button#CartDrawer-Checkout {
    background: #ff6600;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    border-radius: 10px;
}
.cart__ctas .button:after{
    box-shadow:unset;
}
.button:not([disabled]):hover:after{
    box-shadow:unset;
}
.drawer__header h2.drawer__heading {
    text-transform: uppercase;
}
.template-search__header h1.h2.center {
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.template-search__header p {
    color: #fff;
}
.search button.predictive-search__item {
    background: #fff;
    color: #000;
}
.facets-wrapper:has(+ .product-grid-container .collection--empty) {
    display: none;
}
.facets-container svg.icon.icon-caret, .sorting svg.icon.icon-caret {
    stroke: #fff;
}
.facets-container label.facets__label, .facets-container .facets__disclosure-vertical .facets__display-vertical, .facets-vertical h2.title.title--primary, .facets-vertical h2.title.title--primary a.underlined-link.link, .sorting .facet-filters__sort, .product-count__text span {
    color: #fff;
}
button.btn.product__form--add-to-cart.btn.btn--secondary-accent.button.button--full-width.product-form__buttons {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
/* ---- popup Csss------- */
.product__column-sticky .product__title h2.h1 {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}
quick-add-modal .product__title>a:hover {
    text-decoration: unset !important;
}
variant-selects legend.form__label {
    font-weight: 600;
    margin-right: 4px;
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
}
.quick-add-modal__content {
    --modal-height-offset: 4rem !important;
}
.quick-add-modal__content button.shopify-payment-button__button.shopify-payment-button__button--unbranded, .quick-add-modal__content .product-form__submit.button {
    font-size: 14px;
}
.quick-add-modal__content svg.icon.icon-arrow {
    display: none;
}
.quick-add-modal__content .product__view-details {
    color: #ff6600;
    text-transform: uppercase;
    font-weight: 600;
}
/* ----- Shopify Policies Page Css ---------- */
.shopify-policy__container {
    max-width: 92%;
    color: #fff;
    margin-bottom: 36px;
}
.shopify-policy__container h1, .shopify-policy__container h2, .shopify-policy__container h3 {
    color: #fff;
}
/* FAQ page css Start*/
.collapsible-content .collapsible-content__wrapper .collapsible-content-wrapper-narrow {
    max-width: 80%;
} 
.collapsible-content .grid__item .accordion summary {
    background-color: #fff;
    color: #000;
    padding: 15px 10px;
    border-radius: 10px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
}
.collapsible-content .grid__item .accordion {
    border-top: unset;
    border-bottom: unset;
}
.collapsible-content .accordion__content ul{
    color: #000;
    font-size: 14px;
}
.collapsible-content h3.accordion__title.inline-richtext.h4 {
    color: #000;
    font-size: 16px;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-weight: 600;
}
.collapsible-content .grid__item .accordion .accordion__content {
    padding: 8px 14px;
    border-radius: 10px;
    color: #000;
    margin: 6px 0;
    background: #fff;
}
.collapsible-content .grid__item .accordion .accordion__content p {
    font-size: 14px;
    text-transform: capitalize;
}
.collapsible-content-wrapper-narrow .grid .accordion svg.icon {
    width: 18px;
    height: 18px;
}
.collapsible-content-wrapper-narrow .grid .accordion summary .icon-caret {
    position: unset;
}
.collapsible-content summary:hover .accordion__title {
    text-decoration: unset !important; 
}
/* FAQ page css end*/

.customer.account h1, .customer.account h2, .customer.account a, .customer.account p,.customer.addresses h1,.customer.addresses a,.customer.addresses ul li h2,.customer.addresses ul li p{
    color:#fff;
} 
.customer button:hover:after {
    box-shadow:unset;
}